diff --git a/.github/workflows/npmpublish.yml b/.github/workflows/release-canary.yml similarity index 76% rename from .github/workflows/npmpublish.yml rename to .github/workflows/release-canary.yml index bb8a7c64dfd..e8c14204bf0 100644 --- a/.github/workflows/npmpublish.yml +++ b/.github/workflows/release-canary.yml @@ -1,9 +1,12 @@ -name: NPM Publish +name: MDC Release (Canary) + +# This workflow creates a pre-release and publishes packages to NPM with canary +# tag on every commit to master. on: push: branches: - - develop + - master paths: - 'packages/**/*.ts' - 'packages/**/*.scss' @@ -11,13 +14,13 @@ on: - '**/.npmignore' jobs: - publish-npm: + release-canary: runs-on: ubuntu-latest steps: - - name: Checkout develop branch + - name: Checkout master branch uses: actions/checkout@v1 with: - ref: develop + ref: master fetch-depth: 1 - name: Setup node uses: actions/setup-node@v1 @@ -32,13 +35,13 @@ jobs: npm run dist node scripts/cp-pkgs.js node scripts/verify-pkg-main.js - - name: Create release + - name: Create canary release run: | npx lerna version premajor --no-git-tag-version --no-push --preid canary.$(git rev-parse --short HEAD) --yes --exact git config --local user.email "action@github.com" git config --local user.name "GitHub Action" git commit -am "chore: Publish" - - name: Publish to NPM registry + - name: Publish to NPM registry with canary tag run: npx lerna publish from-package --yes --dist-tag canary env: NODE_AUTH_TOKEN: ${{secrets.npm_token}} diff --git a/.github/workflows/release-pull-request.yml b/.github/workflows/release-pull-request.yml new file mode 100644 index 00000000000..a27946f6d9c --- /dev/null +++ b/.github/workflows/release-pull-request.yml @@ -0,0 +1,54 @@ +name: MDC Release (Pull Request) + +# This workflow creates or updates (if already exists) a pull request with new +# version bump on every commit to master. + +on: + push: + branches: + - master + paths: + - 'packages/**/*.ts' + - 'packages/**/*.scss' + - '**/package*.json' + - '**/.npmignore' + - '**/*.md' + +jobs: + release-pull-request: + runs-on: ubuntu-latest + steps: + - name: Checkout master branch + uses: actions/checkout@v1 + with: + ref: master + fetch-depth: 1 + - name: Setup node + uses: actions/setup-node@v1 + with: + node-version: 10 + registry-url: https://registry.npmjs.org/ + - name: Install dependencies + run: | + npm install + - name: Bump version + run: | + npx lerna version --conventional-commits --no-git-tag-version --no-push --yes + - name: Create PR + uses: peter-evans/create-pull-request@v1.5.2 + env: + GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} + COMMIT_MESSAGE: "chore: Release" + COMMIT_AUTHOR_EMAIL: action@@users.noreply.github.com + COMMIT_AUTHOR_NAME: GitHub Action + PULL_REQUEST_TITLE: "chore: Release" + PULL_REQUEST_BODY: | + This PR was opened by [release][1] GitHub action. + When you're ready to do a release, you can merge this and release + action will automatically publishes to npm registry. + If you're not ready to do a release yet, that's fine, whenever you + add more commits to master, this PR will be updated. + + [1]: http://github.com/material-components/material-components-web/tree/master/.github/workflows/release-pull-request.yml + PULL_REQUEST_BRANCH: chore/release + BRANCH_SUFFIX: none diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml new file mode 100644 index 00000000000..f3aea770e56 --- /dev/null +++ b/.github/workflows/release.yml @@ -0,0 +1,61 @@ +name: MDC Release + +# This workflow does the following if repo does not have git tag that was updated in lerna.json +# - creates release git tag +# - publishes packages to NPM with latest tag +# +# This workflow is expected to run after merge of release pull requested created by release-pull-request workflow. + +on: + push: + branches: + - master + paths: + - 'lerna.json' + +jobs: + release: + runs-on: ubuntu-latest + steps: + - name: Checkout master branch + uses: actions/checkout@v1 + with: + ref: master + - name: Setup node + uses: actions/setup-node@v1 + with: + node-version: 10 + registry-url: https://registry.npmjs.org/ + - name: Install dependencies + run: | + npm install + - name: Check if release tag is already created + id: vars + # Sets action's output parameter using `set-output`. + # See https://help.github.com/en/github/automating-your-workflow-with-github-actions/development-tools-for-github-actions#set-an-output-parameter-set-output + run: | + MDC_CURRENT_VERSION="v$(npm run version --silent)" + # If empty then set `mdc_version_changed` variable to `true` + [[ -z $(git tag -l "$MDC_CURRENT_VERSION") ]] && echo "::set-output name=mdc_version_changed::true + - name: Build packages + if: steps.vars.outputs.mdc_version_changed == true + run: | + npm run dist + node scripts/cp-pkgs.js + node scripts/verify-pkg-main.js + - name: Create release tag + if: steps.vars.outputs.mdc_version_changed == true + run: | + MDC_CURRENT_VERSION="v$(npm run version --silent)" + git config --local user.email "action@github.com" + git config --local user.name "GitHub Action" + git tag "$MDC_CURRENT_VERSION" + git remote set-url origin https://x-access-token:${GITHUB_TOKEN}@github.com/${GITHUB_REPOSITORY}.git + git push origin "$MDC_CURRENT_VERSION" + env: + GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} + - name: Publish to NPM registry + if: steps.vars.outputs.mdc_version_changed == true + run: npx lerna publish from-package --yes + env: + NODE_AUTH_TOKEN: ${{secrets.npm_token}} diff --git a/CHANGELOG.md b/CHANGELOG.md index 3eeb37aa3ef..2f758ac59e2 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -3,6 +3,141 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [4.0.0](https://github.com/material-components/material-components-web/compare/v3.2.0...v4.0.0) (2019-11-02) + + +### Bug Fixes + +* **button:** Add `overflow: visible` to button. ([#4973](https://github.com/material-components/material-components-web/issues/4973)) ([905e84e](https://github.com/material-components/material-components-web/commit/905e84e)) +* **button:** Adjust touch target size when density is applied ([#5112](https://github.com/material-components/material-components-web/issues/5112)) ([e2506f4](https://github.com/material-components/material-components-web/commit/e2506f4)) +* **checkbox:** Change minimum ripple size of checkbox & switch 24px => 28px ([#5140](https://github.com/material-components/material-components-web/issues/5140)) ([3eae309](https://github.com/material-components/material-components-web/commit/3eae309)) +* **checkbox:** Fix checkbox terminology in sass mixins ([#5014](https://github.com/material-components/material-components-web/issues/5014)) ([2161c02](https://github.com/material-components/material-components-web/commit/2161c02)) +* **checkbox:** Remove RTL styles from checkbox ripple ([#5134](https://github.com/material-components/material-components-web/issues/5134)) ([a646516](https://github.com/material-components/material-components-web/commit/a646516)) +* **chips:** Ignore selection events in chip set ([#4878](https://github.com/material-components/material-components-web/issues/4878)) ([94c6a00](https://github.com/material-components/material-components-web/commit/94c6a00)) +* **chips:** Remove keyCode check ([#4966](https://github.com/material-components/material-components-web/issues/4966)) ([e6304c4](https://github.com/material-components/material-components-web/commit/e6304c4)) +* **chips:** Reset touch target when chip density mixin is applied. ([#5116](https://github.com/material-components/material-components-web/issues/5116)) ([d3b515e](https://github.com/material-components/material-components-web/commit/d3b515e)) +* **chips:** Stack trailing/leading icons above touch target el ([#5040](https://github.com/material-components/material-components-web/issues/5040)) ([048d4b7](https://github.com/material-components/material-components-web/commit/048d4b7)) +* **chips:** Stop emitting events in handlers ([#4969](https://github.com/material-components/material-components-web/issues/4969)) ([cfd81dc](https://github.com/material-components/material-components-web/commit/cfd81dc)) +* **data-table:** Minor fixes for data table layout ([#5037](https://github.com/material-components/material-components-web/issues/5037)) ([37b1f93](https://github.com/material-components/material-components-web/commit/37b1f93)) +* **fab:** Add overflow: hidden; to ripple target to fix bounded ripple. ([#5214](https://github.com/material-components/material-components-web/issues/5214)) ([97cbbdc](https://github.com/material-components/material-components-web/commit/97cbbdc)) +* **fab:** Use FAB ripple target selector ([#5146](https://github.com/material-components/material-components-web/issues/5146)) ([9d91acc](https://github.com/material-components/material-components-web/commit/9d91acc)) +* **form-field:** Fix radio RTL alignment bug. ([#5064](https://github.com/material-components/material-components-web/issues/5064)) ([ef99808](https://github.com/material-components/material-components-web/commit/ef99808)) +* **linear-progress:** Fix indeterminate animation bug ([#5180](https://github.com/material-components/material-components-web/issues/5180)) ([062ade5](https://github.com/material-components/material-components-web/commit/062ade5)) +* **linear-progress:** Prefix animation keyframes to prevent clashing ([#5155](https://github.com/material-components/material-components-web/issues/5155)) ([fc0e474](https://github.com/material-components/material-components-web/commit/fc0e474)) +* **linear-progress:** Restore buffer after determinate is toggl… ([#5156](https://github.com/material-components/material-components-web/issues/5156)) ([09b1598](https://github.com/material-components/material-components-web/commit/09b1598)) +* **linear-progress:** Support high contrast mode ([#5190](https://github.com/material-components/material-components-web/issues/5190)) ([d4141c9](https://github.com/material-components/material-components-web/commit/d4141c9)) +* **list:** Add #adapter.listItemAtIndexHasClass to prevent user state change to disabled items ([#4922](https://github.com/material-components/material-components-web/issues/4922)) ([b6d213c](https://github.com/material-components/material-components-web/commit/b6d213c)) +* **menu:** Vertically center the group icon ([#4862](https://github.com/material-components/material-components-web/issues/4862)) ([c5738ed](https://github.com/material-components/material-components-web/commit/c5738ed)) +* **menu-surface:** remove duplicate export from menu-surface ([#5200](https://github.com/material-components/material-components-web/issues/5200)) ([0b120ae](https://github.com/material-components/material-components-web/commit/0b120ae)) +* **radio:** Fix touch target margins: 0px => 4px. ([#5096](https://github.com/material-components/material-components-web/issues/5096)) ([a48d06e](https://github.com/material-components/material-components-web/commit/a48d06e)) +* **ripple:** Add overflow: hidden; to the bounded ripple mixin ([#5173](https://github.com/material-components/material-components-web/issues/5173)) ([996b091](https://github.com/material-components/material-components-web/commit/996b091)) +* **ripple:** Always set even num when initial ripple size is ca… ([#5141](https://github.com/material-components/material-components-web/issues/5141)) ([b26ad23](https://github.com/material-components/material-components-web/commit/b26ad23)) +* **ripple:** Remove unnecessary overflow: hidden. ([#5191](https://github.com/material-components/material-components-web/issues/5191)) ([5916d18](https://github.com/material-components/material-components-web/commit/5916d18)) +* **tabs:** Fix tab img icon styling. ([#5041](https://github.com/material-components/material-components-web/issues/5041)) ([d0e6cd1](https://github.com/material-components/material-components-web/commit/d0e6cd1)) +* **text-field:** Do not trigger shake animation when text field is empty ([#5097](https://github.com/material-components/material-components-web/issues/5097)) ([4913db9](https://github.com/material-components/material-components-web/commit/4913db9)) +* **text-field:** Fixes input text alignment on IE11 for densed text field ([#5136](https://github.com/material-components/material-components-web/issues/5136)) ([892dd4e](https://github.com/material-components/material-components-web/commit/892dd4e)) +* **text-field:** Fixes input text alignment on IE11 for densed… ([#5147](https://github.com/material-components/material-components-web/issues/5147)) ([c8f7693](https://github.com/material-components/material-components-web/commit/c8f7693)) +* **text-field:** Updated shape mixins to set density scale ([#5207](https://github.com/material-components/material-components-web/issues/5207)) ([719b57e](https://github.com/material-components/material-components-web/commit/719b57e)) +* **touch-target:** Add class to touch target wrapper. ([#5174](https://github.com/material-components/material-components-web/issues/5174)) ([e7799b8](https://github.com/material-components/material-components-web/commit/e7799b8)) +* **touch-target:** Add missing dependency - touch target to com… ([#5098](https://github.com/material-components/material-components-web/issues/5098)) ([9306bd0](https://github.com/material-components/material-components-web/commit/9306bd0)) + + +### Code Refactoring + +* **button:** Add ripple target as an inner element. ([#4890](https://github.com/material-components/material-components-web/issues/4890)) ([dffefe6](https://github.com/material-components/material-components-web/commit/dffefe6)) +* **mdc-fab:** Move Ripple to inner Element. ([#4997](https://github.com/material-components/material-components-web/issues/4997)) ([85b33b5](https://github.com/material-components/material-components-web/commit/85b33b5)) +* **select:** Refactor select ([#5113](https://github.com/material-components/material-components-web/issues/5113)) ([db7560e](https://github.com/material-components/material-components-web/commit/db7560e)) +* **slider:** Functional slider tick visuals with css background ([#4756](https://github.com/material-components/material-components-web/issues/4756)) ([8f851d9](https://github.com/material-components/material-components-web/commit/8f851d9)) + + +### Features + +* **button:** Add support for increased touch target to button. ([#4948](https://github.com/material-components/material-components-web/issues/4948)) ([1d7a2e6](https://github.com/material-components/material-components-web/commit/1d7a2e6)) +* **checkbox:** Add disabled state color mixins ([#5167](https://github.com/material-components/material-components-web/issues/5167)) ([01628ef](https://github.com/material-components/material-components-web/commit/01628ef)) +* **checkbox:** Add support for 48px touch target ([#5025](https://github.com/material-components/material-components-web/issues/5025)) ([b5685a8](https://github.com/material-components/material-components-web/commit/b5685a8)) +* **checkbox:** Move ripple to child node ([#4981](https://github.com/material-components/material-components-web/issues/4981)) ([9712b24](https://github.com/material-components/material-components-web/commit/9712b24)) +* **chip:** Add density mixin to chip. ([#5109](https://github.com/material-components/material-components-web/issues/5109)) ([bdf3430](https://github.com/material-components/material-components-web/commit/bdf3430)) +* **chips:** Add keyboard navigation ([#4844](https://github.com/material-components/material-components-web/issues/4844)) ([42065fe](https://github.com/material-components/material-components-web/commit/42065fe)), closes [#2259](https://github.com/material-components/material-components-web/issues/2259) +* **chips:** Add setSelectedFromChipset method ([#4872](https://github.com/material-components/material-components-web/issues/4872)) ([283bd55](https://github.com/material-components/material-components-web/commit/283bd55)) +* **chips:** Add support for increased touch target to chips. ([#4970](https://github.com/material-components/material-components-web/issues/4970)) ([6aa109d](https://github.com/material-components/material-components-web/commit/6aa109d)) +* **chips:** Use index for all chip operations ([#4869](https://github.com/material-components/material-components-web/issues/4869)) ([07078bb](https://github.com/material-components/material-components-web/commit/07078bb)) +* **density:** Add density subsystem to components ([#5059](https://github.com/material-components/material-components-web/issues/5059)) ([73a5e4c](https://github.com/material-components/material-components-web/commit/73a5e4c)) +* **dialog:** Add dialog mixin for dialogs with increased touch target buttons. ([#5024](https://github.com/material-components/material-components-web/issues/5024)) ([2ef1ddd](https://github.com/material-components/material-components-web/commit/2ef1ddd)) +* **icon-button:** Add density mixin to icon button ([#5122](https://github.com/material-components/material-components-web/issues/5122)) ([37d6458](https://github.com/material-components/material-components-web/commit/37d6458)) +* **list:** Add density mixin to list ([#5069](https://github.com/material-components/material-components-web/issues/5069)) ([5132f89](https://github.com/material-components/material-components-web/commit/5132f89)) +* **list:** Add mixin for disabled text opacity ([#4861](https://github.com/material-components/material-components-web/issues/4861)) ([d68f8a7](https://github.com/material-components/material-components-web/commit/d68f8a7)) +* **radio:** Add density mixin to radio ([#5118](https://github.com/material-components/material-components-web/issues/5118)) ([199534d](https://github.com/material-components/material-components-web/commit/199534d)) +* **radio:** Add disabled state color mixins ([#5168](https://github.com/material-components/material-components-web/issues/5168)) ([b5c6d66](https://github.com/material-components/material-components-web/commit/b5c6d66)) +* **radio:** Add support for 48px touch target ([#5032](https://github.com/material-components/material-components-web/issues/5032)) ([87b0a4c](https://github.com/material-components/material-components-web/commit/87b0a4c)) +* **radio:** Move ripple to child element ([#4983](https://github.com/material-components/material-components-web/issues/4983)) ([100ab37](https://github.com/material-components/material-components-web/commit/100ab37)) +* **ripple:** Add support for ripple target to mixins. ([#4880](https://github.com/material-components/material-components-web/issues/4880)) ([08dbe69](https://github.com/material-components/material-components-web/commit/08dbe69)) +* **snackbar:** Add option for indefinite timeout ([#4998](https://github.com/material-components/material-components-web/issues/4998)) ([4f11851](https://github.com/material-components/material-components-web/commit/4f11851)) +* **switch:** Add density support for switch component. ([#5124](https://github.com/material-components/material-components-web/issues/5124)) ([2c793b4](https://github.com/material-components/material-components-web/commit/2c793b4)), closes [#5104](https://github.com/material-components/material-components-web/issues/5104) +* **switch:** add ripple opacity customization mixins ([#5126](https://github.com/material-components/material-components-web/issues/5126)) ([8c0273f](https://github.com/material-components/material-components-web/commit/8c0273f)) +* **tab:** Add text transform mixin ([#5144](https://github.com/material-components/material-components-web/issues/5144)) ([22d7ad2](https://github.com/material-components/material-components-web/commit/22d7ad2)) +* **tab-bar:** Add a mixin to set scroller animation ([#5172](https://github.com/material-components/material-components-web/issues/5172)) ([d7c938a](https://github.com/material-components/material-components-web/commit/d7c938a)) +* **tab-bar:** Add density mixin to tab-bar ([#5070](https://github.com/material-components/material-components-web/issues/5070)) ([45dc002](https://github.com/material-components/material-components-web/commit/45dc002)) +* **tab-scroller:** Add incrementScrollImmediate to bypass animation ([#5184](https://github.com/material-components/material-components-web/issues/5184)) ([2b878b3](https://github.com/material-components/material-components-web/commit/2b878b3)), closes [#5123](https://github.com/material-components/material-components-web/issues/5123) +* **tab-scroller:** Mixin for scroll transition ([#5154](https://github.com/material-components/material-components-web/issues/5154)) ([efda83d](https://github.com/material-components/material-components-web/commit/efda83d)) +* **text-field:** Add density mixin to text field variants ([#5066](https://github.com/material-components/material-components-web/issues/5066)) ([a12101d](https://github.com/material-components/material-components-web/commit/a12101d)) +* **text-field:** Center align inner elements for dynamic height ([#4990](https://github.com/material-components/material-components-web/issues/4990)) ([4d94b22](https://github.com/material-components/material-components-web/commit/4d94b22)) +* **touch-target:** Add touch target mixins. ([#4940](https://github.com/material-components/material-components-web/issues/4940)) ([b2e0fea](https://github.com/material-components/material-components-web/commit/b2e0fea)) + + +### BREAKING CHANGES + +* **checkbox:** `mdc-checkbox-ink-color` mixin now only applies to enabled checkboxes +* **chips:** Chips markup, adapters, foundations, and events have changed. +* **select:** In MDCMenu and MDCMenuSurface, `hoistMenuToBody` adapter method removed. In MDCSelect, HTML structure changed: the select anchor is now wrapped in a parent element, and the anchor's sibling is the select menu. Support for native select removed. Support added for select with no label. MDCSelectAdapter methods removed: `getValue`, `setValue`, `isMenuOpen`, `setSelectedIndex`, `checkValidity`, `setValid`, `toggleClassAtIndex`. MDCSelectAdapter methods added: `hasLabel`, `getSelectedMenuItem`, `setSelectedText`, `isSelectedTextFocused`, `get/setSelectedTextAttr`, `getAnchorElement`, `setMenuAnchorElement`, `setMenuAnchorCorner`, `setMenuWrapFocus`, `set/removeAttributeAtIndex`, `focusMenuItemAtIndex`, `getMenuItemValues`, `getMenuItemCount`, `getMenuItemCount`, `getMenuItemAttr`, `getMenuItemTextAtIndex`, `add/removeClassAtIndex`. MDCSelectFoundation `setValue` method removed; `getDisabled`, `handleMenuItemAction`, `getSelectedIndex`, `get/setRequired`, `init` added. +* **radio:** In Checkbox, Renamed sass variables `$mdc-radio-touch-area` => `$mdc-radio-ripple-size` & `$mdc-radio-ui-size` => `$mdc-radio-icon-size` to be consistent with checkbox. Also, removed `$mdc-radio-ui-pct` sass variable. +* **switch:** Renames switch variables $mdc-switch-tap-target-size => $mdc-switch-ripple-size, removes $mdc-switch-tap-target-initial-position and $mdc-switch-native-control-width. +* **list:** New adapter method listItemAtIndexHasClass +* **list:** Renamed mixin `mdc-list-item-shape-radius()` => `mdc-list-single-line-shape-radius()` +* **linear-progress:** MDCLinearProgressAdapter adapter has new `forceLayout` method +* **text-field:** Removed sass variable in notched outline - `$mdc-notched-outline-transition-duration`. +* **mdc-fab:** This changes the structure of the FAB element by moving the ripple from the outer element to an inner mdc-fab__ripple element. + +OLD + +```html + +``` + +NEW + +```html + +``` +* **radio:** Ripple has been moved to a child element. See readme for updates. +* **slider:** remove adapter methods `appendTrackMarkers`, `removeTrackMarkers `, `setLastTrackMarkersStyleProperty `, and add adapter method `setTrackMarkers`. +* **button:** This changes the structure of the button element by moving the ripple from the outer +``` + +NEW +``` + +``` +* **chips:** MDCChipSetAdapter#removeChip has been replaced with MDCChipSetAdapter#removeChipAtIndex. MDCChipSetAdapter#setSelected has been replaced with MDCChipSetAdapter#selectChipAtIndex +* **density:** Renamed sass mixins & variables in MDC Data Table - `mdc-data-table-header-row-height` => `mdc-data-table-header-cell-height` & `mdc-data-table-row-height` => `mdc-data-table-cell-height`. Also removed `mdc-button--dense` variant, use button's density mixin instead. + + + + + # [3.2.0](https://github.com/material-components/material-components-web/compare/v3.1.1...v3.2.0) (2019-09-12) diff --git a/lerna.json b/lerna.json index a25f9b11d26..ac81f807a50 100644 --- a/lerna.json +++ b/lerna.json @@ -1,5 +1,5 @@ { - "version": "3.2.0", + "version": "4.0.0", "command": { "version": { "conventionalCommits": true diff --git a/package-lock.json b/package-lock.json index 2ac72468b5f..5b5b741b6b1 100644 --- a/package-lock.json +++ b/package-lock.json @@ -11223,13 +11223,15 @@ "version": "1.0.0", "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz", "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=", - "dev": true + "dev": true, + "optional": true }, "brace-expansion": { "version": "1.1.11", "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", "dev": true, + "optional": true, "requires": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" @@ -11253,13 +11255,15 @@ "version": "0.0.1", "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=", - "dev": true + "dev": true, + "optional": true }, "console-control-strings": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz", "integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=", - "dev": true + "dev": true, + "optional": true }, "core-util-is": { "version": "1.0.2", @@ -11390,7 +11394,8 @@ "version": "2.0.3", "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz", "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=", - "dev": true + "dev": true, + "optional": true }, "ini": { "version": "1.3.5", @@ -11421,6 +11426,7 @@ "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz", "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==", "dev": true, + "optional": true, "requires": { "brace-expansion": "^1.1.7" } @@ -11429,13 +11435,15 @@ "version": "0.0.8", "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz", "integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=", - "dev": true + "dev": true, + "optional": true }, "minipass": { "version": "2.3.5", "resolved": false, "integrity": "sha512-Gi1W4k059gyRbyVUZQ4mEqLm0YIUiGYfvxhF6SIlk3ui1WVxMTGfGdQ2SInh3PDrRTVvPKgULkpJtT4RH10+VA==", "dev": true, + "optional": true, "requires": { "safe-buffer": "^5.1.2", "yallist": "^3.0.0" @@ -11456,6 +11464,7 @@ "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz", "integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=", "dev": true, + "optional": true, "requires": { "minimist": "0.0.8" } @@ -11559,6 +11568,7 @@ "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=", "dev": true, + "optional": true, "requires": { "wrappy": "1" } @@ -11654,7 +11664,8 @@ "version": "5.1.2", "resolved": false, "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", - "dev": true + "dev": true, + "optional": true }, "safer-buffer": { "version": "2.1.2", @@ -11696,6 +11707,7 @@ "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz", "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=", "dev": true, + "optional": true, "requires": { "code-point-at": "^1.0.0", "is-fullwidth-code-point": "^1.0.0", @@ -11766,13 +11778,15 @@ "version": "1.0.2", "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=", - "dev": true + "dev": true, + "optional": true }, "yallist": { "version": "3.0.3", "resolved": false, "integrity": "sha512-S+Zk8DEWE6oKpV+vI3qWkaK+jSbIK86pCwe2IF/xwIpQ8jEuxpw9NyaGjmp9+BoJv5FV2piqCDcoCtStppiq2A==", - "dev": true + "dev": true, + "optional": true } } }, @@ -12767,7 +12781,7 @@ }, "debug": { "version": "2.6.9", - "resolved": false, + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", "dev": true, "requires": { @@ -19216,19 +19230,22 @@ "version": "1.1.0", "resolved": "https://registry.npmjs.org/arr-flatten/-/arr-flatten-1.1.0.tgz", "integrity": "sha512-L3hKV5R/p5o81R7O02IGnwpDmkp6E982XhtbuwSe3O4qOtMMMtodicASA1Cny2U+aCXcNpml+m4dPsvsJ3jatg==", - "dev": true + "dev": true, + "optional": true }, "array-unique": { "version": "0.3.2", "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz", "integrity": "sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg=", - "dev": true + "dev": true, + "optional": true }, "braces": { "version": "2.3.2", "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz", "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==", "dev": true, + "optional": true, "requires": { "arr-flatten": "^1.1.0", "array-unique": "^0.3.2", @@ -19247,6 +19264,7 @@ "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", "dev": true, + "optional": true, "requires": { "is-extendable": "^0.1.0" } @@ -19440,6 +19458,7 @@ "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz", "integrity": "sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=", "dev": true, + "optional": true, "requires": { "extend-shallow": "^2.0.1", "is-number": "^3.0.0", @@ -19452,6 +19471,7 @@ "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", "dev": true, + "optional": true, "requires": { "is-extendable": "^0.1.0" } @@ -19517,7 +19537,8 @@ "version": "2.1.1", "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=", - "dev": true + "dev": true, + "optional": true }, "is-fullwidth-code-point": { "version": "1.0.0", @@ -19543,6 +19564,7 @@ "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz", "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=", "dev": true, + "optional": true, "requires": { "kind-of": "^3.0.2" }, @@ -19552,6 +19574,7 @@ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", "dev": true, + "optional": true, "requires": { "is-buffer": "^1.1.5" } @@ -19562,13 +19585,15 @@ "version": "3.0.1", "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz", "integrity": "sha1-TkMekrEalzFjaqH5yNHMvP2reN8=", - "dev": true + "dev": true, + "optional": true }, "kind-of": { "version": "6.0.2", "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.2.tgz", "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA==", - "dev": true + "dev": true, + "optional": true }, "micromatch": { "version": "3.1.10", diff --git a/packages/material-components-web/package.json b/packages/material-components-web/package.json index 1e23093fce7..cade24b7324 100644 --- a/packages/material-components-web/package.json +++ b/packages/material-components-web/package.json @@ -1,7 +1,7 @@ { "name": "material-components-web", "description": "Modular and customizable Material Design UI components for the web", - "version": "3.2.0", + "version": "4.0.0", "license": "MIT", "keywords": [ "material components", @@ -17,49 +17,49 @@ "directory": "packages/material-components-web" }, "dependencies": { - "@material/animation": "^3.1.0", - "@material/auto-init": "^3.1.0", - "@material/base": "^3.1.0", - "@material/button": "^3.2.0", - "@material/card": "^3.2.0", - "@material/checkbox": "^3.2.0", - "@material/chips": "^3.2.0", - "@material/data-table": "^3.2.0", - "@material/density": "^0.0.0", - "@material/dialog": "^3.2.0", - "@material/dom": "^3.1.0", - "@material/drawer": "^3.2.0", - "@material/elevation": "^3.1.0", - "@material/fab": "^3.2.0", - "@material/feature-targeting": "^3.1.0", - "@material/floating-label": "^3.2.0", - "@material/form-field": "^3.2.0", - "@material/grid-list": "^3.2.0", - "@material/icon-button": "^3.2.0", - "@material/image-list": "^3.1.0", - "@material/layout-grid": "^3.1.0", - "@material/line-ripple": "^3.1.0", - "@material/linear-progress": "^3.2.0", - "@material/list": "^3.2.0", - "@material/menu": "^3.2.0", - "@material/menu-surface": "^3.2.0", - "@material/notched-outline": "^3.2.0", - "@material/radio": "^3.2.0", - "@material/ripple": "^3.2.0", - "@material/rtl": "^3.2.0", - "@material/select": "^3.2.0", - "@material/shape": "^3.1.0", - "@material/slider": "^3.2.0", - "@material/snackbar": "^3.2.0", - "@material/switch": "^3.2.0", - "@material/tab": "^3.2.0", - "@material/tab-bar": "^3.2.0", - "@material/tab-indicator": "^3.1.0", - "@material/tab-scroller": "^3.2.0", - "@material/textfield": "^3.2.0", - "@material/theme": "^3.1.0", - "@material/top-app-bar": "^3.2.0", - "@material/touch-target": "0.0.0", - "@material/typography": "^3.1.0" + "@material/animation": "^4.0.0", + "@material/auto-init": "^4.0.0", + "@material/base": "^4.0.0", + "@material/button": "^4.0.0", + "@material/card": "^4.0.0", + "@material/checkbox": "^4.0.0", + "@material/chips": "^4.0.0", + "@material/data-table": "^4.0.0", + "@material/density": "^4.0.0", + "@material/dialog": "^4.0.0", + "@material/dom": "^4.0.0", + "@material/drawer": "^4.0.0", + "@material/elevation": "^4.0.0", + "@material/fab": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/floating-label": "^4.0.0", + "@material/form-field": "^4.0.0", + "@material/grid-list": "^4.0.0", + "@material/icon-button": "^4.0.0", + "@material/image-list": "^4.0.0", + "@material/layout-grid": "^4.0.0", + "@material/line-ripple": "^4.0.0", + "@material/linear-progress": "^4.0.0", + "@material/list": "^4.0.0", + "@material/menu": "^4.0.0", + "@material/menu-surface": "^4.0.0", + "@material/notched-outline": "^4.0.0", + "@material/radio": "^4.0.0", + "@material/ripple": "^4.0.0", + "@material/rtl": "^4.0.0", + "@material/select": "^4.0.0", + "@material/shape": "^4.0.0", + "@material/slider": "^4.0.0", + "@material/snackbar": "^4.0.0", + "@material/switch": "^4.0.0", + "@material/tab": "^4.0.0", + "@material/tab-bar": "^4.0.0", + "@material/tab-indicator": "^4.0.0", + "@material/tab-scroller": "^4.0.0", + "@material/textfield": "^4.0.0", + "@material/theme": "^4.0.0", + "@material/top-app-bar": "^4.0.0", + "@material/touch-target": "^4.0.0", + "@material/typography": "^4.0.0" } } diff --git a/packages/mdc-animation/package.json b/packages/mdc-animation/package.json index dcc5a3262bf..795c1d1f039 100644 --- a/packages/mdc-animation/package.json +++ b/packages/mdc-animation/package.json @@ -1,7 +1,7 @@ { "name": "@material/animation", "description": "Animation Variables and Mixins used by Material Components for the web", - "version": "3.1.0", + "version": "4.0.0", "license": "MIT", "keywords": [ "material components", diff --git a/packages/mdc-auto-init/package.json b/packages/mdc-auto-init/package.json index bdf0b19557a..6470e41e406 100644 --- a/packages/mdc-auto-init/package.json +++ b/packages/mdc-auto-init/package.json @@ -1,7 +1,7 @@ { "name": "@material/auto-init", "description": "Declarative, easy-to-use auto-initialization for Material Components for the web", - "version": "3.1.0", + "version": "4.0.0", "main": "dist/mdc.autoInit.js", "module": "index.js", "sideEffects": false, @@ -13,7 +13,7 @@ "directory": "packages/mdc-auto-init" }, "dependencies": { - "@material/base": "^3.1.0", + "@material/base": "^4.0.0", "tslib": "^1.9.3" } } diff --git a/packages/mdc-base/package.json b/packages/mdc-base/package.json index 3094ce46f18..5f5c0ddde90 100644 --- a/packages/mdc-base/package.json +++ b/packages/mdc-base/package.json @@ -1,7 +1,7 @@ { "name": "@material/base", "description": "The set of base classes for Material Components for the web", - "version": "3.1.0", + "version": "4.0.0", "license": "MIT", "main": "dist/mdc.base.js", "module": "index.js", diff --git a/packages/mdc-button/package.json b/packages/mdc-button/package.json index c47f2d771b9..714a4ad06d8 100644 --- a/packages/mdc-button/package.json +++ b/packages/mdc-button/package.json @@ -1,7 +1,7 @@ { "name": "@material/button", "description": "The Material Components for the web button component", - "version": "3.2.0", + "version": "4.0.0", "license": "MIT", "keywords": [ "material components", @@ -14,14 +14,14 @@ "directory": "packages/mdc-button" }, "dependencies": { - "@material/density": "^0.0.0", - "@material/elevation": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/ripple": "^3.2.0", - "@material/rtl": "^3.2.0", - "@material/shape": "^3.1.0", - "@material/theme": "^3.1.0", - "@material/touch-target": "^0.0.0", - "@material/typography": "^3.1.0" + "@material/density": "^4.0.0", + "@material/elevation": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/ripple": "^4.0.0", + "@material/rtl": "^4.0.0", + "@material/shape": "^4.0.0", + "@material/theme": "^4.0.0", + "@material/touch-target": "^4.0.0", + "@material/typography": "^4.0.0" } } diff --git a/packages/mdc-card/package.json b/packages/mdc-card/package.json index 2ecfb9d1d52..724992a8fc5 100644 --- a/packages/mdc-card/package.json +++ b/packages/mdc-card/package.json @@ -1,6 +1,6 @@ { "name": "@material/card", - "version": "3.2.0", + "version": "4.0.0", "description": "The Material Components for the web card component", "license": "MIT", "keywords": [ @@ -14,11 +14,11 @@ "directory": "packages/mdc-card" }, "dependencies": { - "@material/elevation": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/ripple": "^3.2.0", - "@material/rtl": "^3.2.0", - "@material/shape": "^3.1.0", - "@material/theme": "^3.1.0" + "@material/elevation": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/ripple": "^4.0.0", + "@material/rtl": "^4.0.0", + "@material/shape": "^4.0.0", + "@material/theme": "^4.0.0" } } diff --git a/packages/mdc-checkbox/package.json b/packages/mdc-checkbox/package.json index bbc3e8df3c7..b1f24fc6476 100644 --- a/packages/mdc-checkbox/package.json +++ b/packages/mdc-checkbox/package.json @@ -1,7 +1,7 @@ { "name": "@material/checkbox", "description": "The Material Components for the web checkbox component", - "version": "3.2.0", + "version": "4.0.0", "license": "MIT", "keywords": [ "material components", @@ -18,14 +18,14 @@ "directory": "packages/mdc-checkbox" }, "dependencies": { - "@material/animation": "^3.1.0", - "@material/base": "^3.1.0", - "@material/density": "^0.0.0", - "@material/dom": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/ripple": "^3.2.0", - "@material/theme": "^3.1.0", - "@material/touch-target": "^0.0.0", + "@material/animation": "^4.0.0", + "@material/base": "^4.0.0", + "@material/density": "^4.0.0", + "@material/dom": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/ripple": "^4.0.0", + "@material/theme": "^4.0.0", + "@material/touch-target": "^4.0.0", "tslib": "^1.9.3" } } diff --git a/packages/mdc-chips/package.json b/packages/mdc-chips/package.json index b84b6e4aeaf..c75fe1ec3b7 100644 --- a/packages/mdc-chips/package.json +++ b/packages/mdc-chips/package.json @@ -1,7 +1,7 @@ { "name": "@material/chips", "description": "The Material Components for the Web chips component", - "version": "3.2.0", + "version": "4.0.0", "license": "MIT", "main": "dist/mdc.chips.js", "module": "index.js", @@ -21,16 +21,16 @@ "access": "public" }, "dependencies": { - "@material/animation": "^3.1.0", - "@material/base": "^3.1.0", - "@material/checkbox": "^3.2.0", - "@material/elevation": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/ripple": "^3.2.0", - "@material/shape": "^3.1.0", - "@material/theme": "^3.1.0", - "@material/touch-target": "^0.0.0", - "@material/typography": "^3.1.0", + "@material/animation": "^4.0.0", + "@material/base": "^4.0.0", + "@material/checkbox": "^4.0.0", + "@material/elevation": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/ripple": "^4.0.0", + "@material/shape": "^4.0.0", + "@material/theme": "^4.0.0", + "@material/touch-target": "^4.0.0", + "@material/typography": "^4.0.0", "tslib": "^1.9.3" } } diff --git a/packages/mdc-data-table/package.json b/packages/mdc-data-table/package.json index b94aee89c91..3c0c593cb03 100644 --- a/packages/mdc-data-table/package.json +++ b/packages/mdc-data-table/package.json @@ -1,6 +1,6 @@ { "name": "@material/data-table", - "version": "3.2.0", + "version": "4.0.0", "description": "The Material Components Web data table component", "license": "MIT", "keywords": [ @@ -17,18 +17,18 @@ "url": "https://github.com/material-components/material-components-web.git" }, "dependencies": { - "@material/animation": "^3.1.0", - "@material/base": "^3.1.0", - "@material/checkbox": "^3.2.0", - "@material/density": "^0.0.0", - "@material/dom": "^3.1.0", - "@material/elevation": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/ripple": "^3.2.0", - "@material/rtl": "^3.2.0", - "@material/shape": "^3.1.0", - "@material/theme": "^3.1.0", - "@material/typography": "^3.1.0", + "@material/animation": "^4.0.0", + "@material/base": "^4.0.0", + "@material/checkbox": "^4.0.0", + "@material/density": "^4.0.0", + "@material/dom": "^4.0.0", + "@material/elevation": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/ripple": "^4.0.0", + "@material/rtl": "^4.0.0", + "@material/shape": "^4.0.0", + "@material/theme": "^4.0.0", + "@material/typography": "^4.0.0", "tslib": "^1.10.0" }, "publishConfig": { diff --git a/packages/mdc-density/README.md b/packages/mdc-density/README.md index c083cb6afd4..872b3ae7aca 100644 --- a/packages/mdc-density/README.md +++ b/packages/mdc-density/README.md @@ -10,13 +10,24 @@ path: /catalog/density/ Density subsystem provides adaptive layout to components. Material Design uses low-density space by default but offers high-density space when it improves the user experience. Components with high density enable users to process and take action against large amounts of information in a more manageable way. List, tables, and long forms are components that benefit from increased density. +## Design & API Documentation + + + ## Installation ``` npm install @material/density ``` -> NOTE: You do not need to directly depend on `@material/density`, Use component provided density Sass mixins instead. +> NOTE: You do not need to directly depend on `@material/density`, use component provided density Sass mixins instead. ## Basic Usage @@ -36,6 +47,19 @@ This would apply `-3` (high density) to button component instance. > You would indirectly use the Density API through respective component's mixin which takes care of setting appropriate > component height. +Here are the components that do provide density Sass mixins: + + * [Button](../mdc-button/README.md#sass-mixins) + * [Checkbox](../mdc-checkbox/README.md#sass-mixins) + * [Chip](../mdc-chips/README.md#sass-mixins) + * [Data Table](../mdc-data-table/README.md#sass-mixins) + * [Icon Button](../mdc-icon-button/README.md#sass-mixins) + * [List](../mdc-list/README.md#sass-mixins) + * [Radio](../mdc-radio/README.md#sass-mixins) + * [Switch](../mdc-switch/README.md#sass-mixins) + * [Tab Bar](../mdc-tab-bar/README.md#sass-mixins) + * [Text Field](../mdc-textfield/README.md#sass-mixins) + ## Density Mixins Components that supports density provides Sass mixins to customize density for that component. Each density mixin takes in a density scale number, e.g. 0 (the default) or -1 (higher density). @@ -55,6 +79,23 @@ It is recommended to customize density via the provided density mixins, rather t NOTE: Touch targets are automatically disabled when density mixins are applied, since dense components should be optionally enabled and therefore do not have the same default accessibility requirements. +## Component variants + +Components that has different variants may have their own density mixin. + +For example, Tab Bar has two density mixins: + + * `mdc-tab-bar-density()`: Density mixin for standard tab bar. + * `mdc-tab-bar-stacked-density()`: Density mixin for tab bar that has icon stacked on top of label. + +Similarly, text field provides 3 different density mixins based on its variant. + +## Nested components + +Material component that renders another component inside it needs set its own density scale accordingly. Applying density mixin on parent component does not automatically apply density to its children. + +For example, Applying density to data table does not automatically set density scale to row checkbox. You'll have to explicitly set density scale to its children. This'll allow clients to have full control on the layout. + ## Style Customization This package is used as utility for other components' density mixins. Customizations provided by this package is not intended to diff --git a/packages/mdc-density/package.json b/packages/mdc-density/package.json index 8772702a605..378f588569f 100644 --- a/packages/mdc-density/package.json +++ b/packages/mdc-density/package.json @@ -1,7 +1,7 @@ { "name": "@material/density", "description": "Density utilities for Material Components for the web", - "version": "0.0.0", + "version": "4.0.0", "license": "MIT", "keywords": [ "material components", diff --git a/packages/mdc-dialog/package.json b/packages/mdc-dialog/package.json index b83847d6312..63928884c34 100644 --- a/packages/mdc-dialog/package.json +++ b/packages/mdc-dialog/package.json @@ -1,6 +1,6 @@ { "name": "@material/dialog", - "version": "3.2.0", + "version": "4.0.0", "description": "The Material Components Web dialog component", "license": "MIT", "keywords": [ @@ -19,17 +19,17 @@ "directory": "packages/mdc-dialog" }, "dependencies": { - "@material/animation": "^3.1.0", - "@material/base": "^3.1.0", - "@material/dom": "^3.1.0", - "@material/elevation": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/ripple": "^3.2.0", - "@material/rtl": "^3.2.0", - "@material/shape": "^3.1.0", - "@material/theme": "^3.1.0", - "@material/touch-target": "^0.0.0", - "@material/typography": "^3.1.0", + "@material/animation": "^4.0.0", + "@material/base": "^4.0.0", + "@material/dom": "^4.0.0", + "@material/elevation": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/ripple": "^4.0.0", + "@material/rtl": "^4.0.0", + "@material/shape": "^4.0.0", + "@material/theme": "^4.0.0", + "@material/touch-target": "^4.0.0", + "@material/typography": "^4.0.0", "focus-trap": "^5.0.0", "tslib": "^1.9.3" }, diff --git a/packages/mdc-dom/package.json b/packages/mdc-dom/package.json index 94b835cacbf..554fe3e57c9 100644 --- a/packages/mdc-dom/package.json +++ b/packages/mdc-dom/package.json @@ -1,7 +1,7 @@ { "name": "@material/dom", "description": "DOM manipulation utilities for Material Components for the web", - "version": "3.1.0", + "version": "4.0.0", "license": "MIT", "main": "dist/mdc.dom.js", "module": "index.js", diff --git a/packages/mdc-drawer/README.md b/packages/mdc-drawer/README.md index a8c7cd44e3e..c4ee8375c0c 100644 --- a/packages/mdc-drawer/README.md +++ b/packages/mdc-drawer/README.md @@ -356,6 +356,10 @@ Modal drawers are elevated above most of the app's UI and don't affect the scree > The `mdc-drawer-scrim` next sibling element is **required**, to protect the app's UI from interactions while the modal drawer is open. +### Responsive Drawer + + There is currently no dedicated material component for responsive drawers. This [responsive drawer example](https://glitch.com/~material-responsive-drawer) demonstrates a suggested solution for a drawer that dynamically switches between the permanent variant and the modal variant based on screen width. + ## Style Customization ### CSS Classes diff --git a/packages/mdc-drawer/package.json b/packages/mdc-drawer/package.json index 3127d4f02e0..ae3d30ffcff 100644 --- a/packages/mdc-drawer/package.json +++ b/packages/mdc-drawer/package.json @@ -1,6 +1,6 @@ { "name": "@material/drawer", - "version": "3.2.0", + "version": "4.0.0", "description": "The Material Components Web drawer component", "license": "MIT", "keywords": [ @@ -19,16 +19,16 @@ "directory": "packages/mdc-drawer" }, "dependencies": { - "@material/animation": "^3.1.0", - "@material/base": "^3.1.0", - "@material/elevation": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/list": "^3.2.0", - "@material/ripple": "^3.2.0", - "@material/rtl": "^3.2.0", - "@material/shape": "^3.1.0", - "@material/theme": "^3.1.0", - "@material/typography": "^3.1.0", + "@material/animation": "^4.0.0", + "@material/base": "^4.0.0", + "@material/elevation": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/list": "^4.0.0", + "@material/ripple": "^4.0.0", + "@material/rtl": "^4.0.0", + "@material/shape": "^4.0.0", + "@material/theme": "^4.0.0", + "@material/typography": "^4.0.0", "focus-trap": "^5.0.0", "tslib": "^1.9.3" } diff --git a/packages/mdc-elevation/package.json b/packages/mdc-elevation/package.json index 2b4f9176f5f..6b783e018d6 100644 --- a/packages/mdc-elevation/package.json +++ b/packages/mdc-elevation/package.json @@ -1,7 +1,7 @@ { "name": "@material/elevation", "description": "Material Components for the web mixins + CSS Classes for Material Design elevation", - "version": "3.1.0", + "version": "4.0.0", "license": "MIT", "keywords": [ "material components", @@ -14,8 +14,8 @@ "directory": "packages/mdc-elevation" }, "dependencies": { - "@material/animation": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/theme": "^3.1.0" + "@material/animation": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/theme": "^4.0.0" } } diff --git a/packages/mdc-fab/package.json b/packages/mdc-fab/package.json index cf2b360f08a..3dfbfe185c5 100644 --- a/packages/mdc-fab/package.json +++ b/packages/mdc-fab/package.json @@ -1,7 +1,7 @@ { "name": "@material/fab", "description": "The Material Components for the web floating action button component", - "version": "3.2.0", + "version": "4.0.0", "license": "MIT", "keywords": [ "material components", @@ -15,13 +15,13 @@ "directory": "packages/mdc-fab" }, "dependencies": { - "@material/animation": "^3.1.0", - "@material/elevation": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/ripple": "^3.2.0", - "@material/rtl": "^3.2.0", - "@material/shape": "^3.1.0", - "@material/theme": "^3.1.0", - "@material/typography": "^3.1.0" + "@material/animation": "^4.0.0", + "@material/elevation": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/ripple": "^4.0.0", + "@material/rtl": "^4.0.0", + "@material/shape": "^4.0.0", + "@material/theme": "^4.0.0", + "@material/typography": "^4.0.0" } } diff --git a/packages/mdc-feature-targeting/package.json b/packages/mdc-feature-targeting/package.json index df3a96af7be..8d84b06341f 100644 --- a/packages/mdc-feature-targeting/package.json +++ b/packages/mdc-feature-targeting/package.json @@ -1,7 +1,7 @@ { "name": "@material/feature-targeting", "description": "Material Components for the web Feature Targeting Scss helpers", - "version": "3.1.0", + "version": "4.0.0", "license": "MIT", "keywords": [ "material components", diff --git a/packages/mdc-floating-label/package.json b/packages/mdc-floating-label/package.json index 75e4c65a7fb..7a5249d6bac 100644 --- a/packages/mdc-floating-label/package.json +++ b/packages/mdc-floating-label/package.json @@ -1,7 +1,7 @@ { "name": "@material/floating-label", "description": "The Material Components for the web floating-label component", - "version": "3.2.0", + "version": "4.0.0", "license": "MIT", "keywords": [ "material components", @@ -22,11 +22,11 @@ "access": "public" }, "dependencies": { - "@material/animation": "^3.1.0", - "@material/base": "^3.1.0", - "@material/rtl": "^3.2.0", - "@material/theme": "^3.1.0", - "@material/typography": "^3.1.0", + "@material/animation": "^4.0.0", + "@material/base": "^4.0.0", + "@material/rtl": "^4.0.0", + "@material/theme": "^4.0.0", + "@material/typography": "^4.0.0", "tslib": "^1.9.3" } } diff --git a/packages/mdc-form-field/package.json b/packages/mdc-form-field/package.json index bc244958d08..2171697acee 100644 --- a/packages/mdc-form-field/package.json +++ b/packages/mdc-form-field/package.json @@ -1,7 +1,7 @@ { "name": "@material/form-field", "description": "Material Components for the web wrapper for laying out form fields and labels next to one another", - "version": "3.2.0", + "version": "4.0.0", "license": "MIT", "keywords": [ "material components", @@ -18,12 +18,12 @@ "directory": "packages/mdc-form-field" }, "dependencies": { - "@material/base": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/ripple": "^3.2.0", - "@material/rtl": "^3.2.0", - "@material/theme": "^3.1.0", - "@material/typography": "^3.1.0", + "@material/base": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/ripple": "^4.0.0", + "@material/rtl": "^4.0.0", + "@material/theme": "^4.0.0", + "@material/typography": "^4.0.0", "tslib": "^1.9.3" } } diff --git a/packages/mdc-grid-list/package.json b/packages/mdc-grid-list/package.json index fae865306a1..78e5cbc4adf 100644 --- a/packages/mdc-grid-list/package.json +++ b/packages/mdc-grid-list/package.json @@ -1,6 +1,6 @@ { "name": "@material/grid-list", - "version": "3.2.0", + "version": "4.0.0", "description": "The Material Components for the web grid list component", "license": "MIT", "main": "dist/mdc.gridList.js", @@ -18,11 +18,11 @@ "grid list" ], "dependencies": { - "@material/base": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/rtl": "^3.2.0", - "@material/theme": "^3.1.0", - "@material/typography": "^3.1.0", + "@material/base": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/rtl": "^4.0.0", + "@material/theme": "^4.0.0", + "@material/typography": "^4.0.0", "tslib": "^1.9.3" }, "publishConfig": { diff --git a/packages/mdc-icon-button/package.json b/packages/mdc-icon-button/package.json index e176c72daab..672b03ceaa0 100644 --- a/packages/mdc-icon-button/package.json +++ b/packages/mdc-icon-button/package.json @@ -1,7 +1,7 @@ { "name": "@material/icon-button", "description": "The Material Components for the web icon button component", - "version": "3.2.0", + "version": "4.0.0", "license": "MIT", "main": "dist/mdc.iconButton.js", "module": "index.js", @@ -20,10 +20,10 @@ "directory": "packages/mdc-icon-button" }, "dependencies": { - "@material/base": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/ripple": "^3.2.0", - "@material/theme": "^3.1.0", + "@material/base": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/ripple": "^4.0.0", + "@material/theme": "^4.0.0", "tslib": "^1.9.3" }, "publishConfig": { diff --git a/packages/mdc-image-list/package.json b/packages/mdc-image-list/package.json index e7ef802ade1..20a4fdb3b63 100644 --- a/packages/mdc-image-list/package.json +++ b/packages/mdc-image-list/package.json @@ -1,6 +1,6 @@ { "name": "@material/image-list", - "version": "3.1.0", + "version": "4.0.0", "description": "The Material Components for the web image list component", "license": "MIT", "repository": { @@ -14,10 +14,10 @@ "image list" ], "dependencies": { - "@material/feature-targeting": "^3.1.0", - "@material/shape": "^3.1.0", - "@material/theme": "^3.1.0", - "@material/typography": "^3.1.0" + "@material/feature-targeting": "^4.0.0", + "@material/shape": "^4.0.0", + "@material/theme": "^4.0.0", + "@material/typography": "^4.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/mdc-layout-grid/package.json b/packages/mdc-layout-grid/package.json index a6c35410cc8..ca1254eb019 100644 --- a/packages/mdc-layout-grid/package.json +++ b/packages/mdc-layout-grid/package.json @@ -1,6 +1,6 @@ { "name": "@material/layout-grid", - "version": "3.1.0", + "version": "4.0.0", "description": "The Material Components for the web layout grid component", "license": "MIT", "keywords": [ diff --git a/packages/mdc-line-ripple/package.json b/packages/mdc-line-ripple/package.json index cda4bb6f5e5..afc224e90b0 100644 --- a/packages/mdc-line-ripple/package.json +++ b/packages/mdc-line-ripple/package.json @@ -1,7 +1,7 @@ { "name": "@material/line-ripple", "description": "The Material Components for the web line-ripple component", - "version": "3.1.0", + "version": "4.0.0", "license": "MIT", "keywords": [ "material components", @@ -22,9 +22,9 @@ "access": "public" }, "dependencies": { - "@material/animation": "^3.1.0", - "@material/base": "^3.1.0", - "@material/theme": "^3.1.0", + "@material/animation": "^4.0.0", + "@material/base": "^4.0.0", + "@material/theme": "^4.0.0", "tslib": "^1.9.3" } } diff --git a/packages/mdc-linear-progress/package.json b/packages/mdc-linear-progress/package.json index 4e919f5aac0..2b28499c74c 100644 --- a/packages/mdc-linear-progress/package.json +++ b/packages/mdc-linear-progress/package.json @@ -1,7 +1,7 @@ { "name": "@material/linear-progress", "description": "The Material Components for the web linear progress indicator component", - "version": "3.2.0", + "version": "4.0.0", "license": "MIT", "main": "dist/mdc.linearProgress.js", "module": "index.js", @@ -18,10 +18,10 @@ "directory": "packages/mdc-linear-progress" }, "dependencies": { - "@material/animation": "^3.1.0", - "@material/base": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/theme": "^3.1.0", + "@material/animation": "^4.0.0", + "@material/base": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/theme": "^4.0.0", "tslib": "^1.9.3" }, "publishConfig": { diff --git a/packages/mdc-list/package.json b/packages/mdc-list/package.json index 1d9023bb6d9..a75f48f074e 100644 --- a/packages/mdc-list/package.json +++ b/packages/mdc-list/package.json @@ -1,7 +1,7 @@ { "name": "@material/list", "description": "The Material Components for the web list component", - "version": "3.2.0", + "version": "4.0.0", "license": "MIT", "main": "dist/mdc.list.js", "module": "index.js", @@ -18,15 +18,15 @@ "directory": "packages/mdc-list" }, "dependencies": { - "@material/base": "^3.1.0", - "@material/density": "^0.0.0", - "@material/dom": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/ripple": "^3.2.0", - "@material/rtl": "^3.2.0", - "@material/shape": "^3.1.0", - "@material/theme": "^3.1.0", - "@material/typography": "^3.1.0", + "@material/base": "^4.0.0", + "@material/density": "^4.0.0", + "@material/dom": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/ripple": "^4.0.0", + "@material/rtl": "^4.0.0", + "@material/shape": "^4.0.0", + "@material/theme": "^4.0.0", + "@material/typography": "^4.0.0", "tslib": "^1.9.3" } } diff --git a/packages/mdc-menu-surface/package.json b/packages/mdc-menu-surface/package.json index f2757141240..4ab21d6fb55 100644 --- a/packages/mdc-menu-surface/package.json +++ b/packages/mdc-menu-surface/package.json @@ -1,6 +1,6 @@ { "name": "@material/menu-surface", - "version": "3.2.0", + "version": "4.0.0", "description": "The Material Components for the web menu surface component", "license": "MIT", "keywords": [ @@ -18,13 +18,13 @@ "directory": "packages/mdc-menu-surface" }, "dependencies": { - "@material/animation": "^3.1.0", - "@material/base": "^3.1.0", - "@material/elevation": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/rtl": "^3.2.0", - "@material/shape": "^3.1.0", - "@material/theme": "^3.1.0", + "@material/animation": "^4.0.0", + "@material/base": "^4.0.0", + "@material/elevation": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/rtl": "^4.0.0", + "@material/shape": "^4.0.0", + "@material/theme": "^4.0.0", "tslib": "^1.9.3" }, "publishConfig": { diff --git a/packages/mdc-menu/package.json b/packages/mdc-menu/package.json index f6444e0cdab..8241917a4f1 100644 --- a/packages/mdc-menu/package.json +++ b/packages/mdc-menu/package.json @@ -1,6 +1,6 @@ { "name": "@material/menu", - "version": "3.2.0", + "version": "4.0.0", "description": "The Material Components for the web menu component", "license": "MIT", "keywords": [ @@ -18,13 +18,13 @@ "directory": "packages/mdc-menu" }, "dependencies": { - "@material/base": "^3.1.0", - "@material/dom": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/list": "^3.2.0", - "@material/menu-surface": "^3.2.0", - "@material/ripple": "^3.2.0", - "@material/rtl": "^3.2.0", + "@material/base": "^4.0.0", + "@material/dom": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/list": "^4.0.0", + "@material/menu-surface": "^4.0.0", + "@material/ripple": "^4.0.0", + "@material/rtl": "^4.0.0", "tslib": "^1.9.3" } } diff --git a/packages/mdc-notched-outline/package.json b/packages/mdc-notched-outline/package.json index e445b6d909e..99aa98551b4 100644 --- a/packages/mdc-notched-outline/package.json +++ b/packages/mdc-notched-outline/package.json @@ -1,7 +1,7 @@ { "name": "@material/notched-outline", "description": "The Material Components for the web notched-outline component", - "version": "3.2.0", + "version": "4.0.0", "license": "MIT", "keywords": [ "material components", @@ -22,11 +22,11 @@ "access": "public" }, "dependencies": { - "@material/base": "^3.1.0", - "@material/floating-label": "^3.2.0", - "@material/rtl": "^3.2.0", - "@material/shape": "^3.1.0", - "@material/theme": "^3.1.0", + "@material/base": "^4.0.0", + "@material/floating-label": "^4.0.0", + "@material/rtl": "^4.0.0", + "@material/shape": "^4.0.0", + "@material/theme": "^4.0.0", "tslib": "^1.9.3" } } diff --git a/packages/mdc-radio/package.json b/packages/mdc-radio/package.json index 9c740ccffac..8d1007bafa7 100644 --- a/packages/mdc-radio/package.json +++ b/packages/mdc-radio/package.json @@ -1,7 +1,7 @@ { "name": "@material/radio", "description": "The Material Components for the web radio component", - "version": "3.2.0", + "version": "4.0.0", "license": "MIT", "keywords": [ "material components", @@ -18,14 +18,14 @@ "directory": "packages/mdc-radio" }, "dependencies": { - "@material/animation": "^3.1.0", - "@material/base": "^3.1.0", - "@material/density": "^0.0.0", - "@material/dom": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/ripple": "^3.2.0", - "@material/theme": "^3.1.0", - "@material/touch-target": "^0.0.0", + "@material/animation": "^4.0.0", + "@material/base": "^4.0.0", + "@material/density": "^4.0.0", + "@material/dom": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/ripple": "^4.0.0", + "@material/theme": "^4.0.0", + "@material/touch-target": "^4.0.0", "tslib": "^1.9.3" } } diff --git a/packages/mdc-ripple/package.json b/packages/mdc-ripple/package.json index eaef96e9939..eac34b7da07 100644 --- a/packages/mdc-ripple/package.json +++ b/packages/mdc-ripple/package.json @@ -1,7 +1,7 @@ { "name": "@material/ripple", "description": "The Material Components for the web Ink Ripple effect for web element interactions", - "version": "3.2.0", + "version": "4.0.0", "license": "MIT", "keywords": [ "material components", @@ -18,11 +18,11 @@ "directory": "packages/mdc-ripple" }, "dependencies": { - "@material/animation": "^3.1.0", - "@material/base": "^3.1.0", - "@material/dom": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/theme": "^3.1.0", + "@material/animation": "^4.0.0", + "@material/base": "^4.0.0", + "@material/dom": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/theme": "^4.0.0", "tslib": "^1.9.3" } } diff --git a/packages/mdc-rtl/package.json b/packages/mdc-rtl/package.json index 9024b50922f..9d234b35f47 100644 --- a/packages/mdc-rtl/package.json +++ b/packages/mdc-rtl/package.json @@ -1,7 +1,7 @@ { "name": "@material/rtl", "description": "Material Components for the web RTL Scss helpers", - "version": "3.2.0", + "version": "4.0.0", "license": "MIT", "keywords": [ "material components", diff --git a/packages/mdc-select/package.json b/packages/mdc-select/package.json index 19c502c3a83..18e94ae0923 100644 --- a/packages/mdc-select/package.json +++ b/packages/mdc-select/package.json @@ -1,7 +1,7 @@ { "name": "@material/select", "description": "The Material Components web select (text field drop-down) component", - "version": "3.2.0", + "version": "4.0.0", "license": "MIT", "keywords": [ "material components", @@ -19,18 +19,18 @@ "directory": "packages/mdc-select" }, "dependencies": { - "@material/animation": "^3.1.0", - "@material/base": "^3.1.0", - "@material/floating-label": "^3.2.0", - "@material/line-ripple": "^3.1.0", - "@material/menu": "^3.2.0", - "@material/menu-surface": "^3.2.0", - "@material/notched-outline": "^3.2.0", - "@material/ripple": "^3.2.0", - "@material/rtl": "^3.2.0", - "@material/shape": "^3.1.0", - "@material/theme": "^3.1.0", - "@material/typography": "^3.1.0", + "@material/animation": "^4.0.0", + "@material/base": "^4.0.0", + "@material/floating-label": "^4.0.0", + "@material/line-ripple": "^4.0.0", + "@material/menu": "^4.0.0", + "@material/menu-surface": "^4.0.0", + "@material/notched-outline": "^4.0.0", + "@material/ripple": "^4.0.0", + "@material/rtl": "^4.0.0", + "@material/shape": "^4.0.0", + "@material/theme": "^4.0.0", + "@material/typography": "^4.0.0", "tslib": "^1.9.3" } } diff --git a/packages/mdc-shape/package.json b/packages/mdc-shape/package.json index 3ac91d64ff6..f2e79c5142c 100644 --- a/packages/mdc-shape/package.json +++ b/packages/mdc-shape/package.json @@ -1,7 +1,7 @@ { "name": "@material/shape", "description": "Shape utilities for Material Components for the web", - "version": "3.1.0", + "version": "4.0.0", "license": "MIT", "keywords": [ "material components", @@ -17,6 +17,6 @@ "access": "public" }, "dependencies": { - "@material/feature-targeting": "^3.1.0" + "@material/feature-targeting": "^4.0.0" } } diff --git a/packages/mdc-slider/package.json b/packages/mdc-slider/package.json index 2e9b8fc9be6..413051a16ac 100644 --- a/packages/mdc-slider/package.json +++ b/packages/mdc-slider/package.json @@ -1,6 +1,6 @@ { "name": "@material/slider", - "version": "3.2.0", + "version": "4.0.0", "description": "The Material Components for the web slider component", "main": "dist/mdc.slider.js", "module": "index.js", @@ -21,13 +21,13 @@ "access": "public" }, "dependencies": { - "@material/animation": "^3.1.0", - "@material/base": "^3.1.0", - "@material/dom": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/rtl": "^3.2.0", - "@material/theme": "^3.1.0", - "@material/typography": "^3.1.0", + "@material/animation": "^4.0.0", + "@material/base": "^4.0.0", + "@material/dom": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/rtl": "^4.0.0", + "@material/theme": "^4.0.0", + "@material/typography": "^4.0.0", "tslib": "^1.9.3" } } diff --git a/packages/mdc-snackbar/package.json b/packages/mdc-snackbar/package.json index f73a8dddddd..e16ac2fff7e 100644 --- a/packages/mdc-snackbar/package.json +++ b/packages/mdc-snackbar/package.json @@ -1,7 +1,7 @@ { "name": "@material/snackbar", "description": "The Material Components for the web snackbar component", - "version": "3.2.0", + "version": "4.0.0", "license": "MIT", "keywords": [ "material components", @@ -18,17 +18,17 @@ "directory": "packages/mdc-snackbar" }, "dependencies": { - "@material/animation": "^3.1.0", - "@material/base": "^3.1.0", - "@material/button": "^3.2.0", - "@material/dom": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/icon-button": "^3.2.0", - "@material/ripple": "^3.2.0", - "@material/rtl": "^3.2.0", - "@material/shape": "^3.1.0", - "@material/theme": "^3.1.0", - "@material/typography": "^3.1.0", + "@material/animation": "^4.0.0", + "@material/base": "^4.0.0", + "@material/button": "^4.0.0", + "@material/dom": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/icon-button": "^4.0.0", + "@material/ripple": "^4.0.0", + "@material/rtl": "^4.0.0", + "@material/shape": "^4.0.0", + "@material/theme": "^4.0.0", + "@material/typography": "^4.0.0", "tslib": "^1.9.3" } } diff --git a/packages/mdc-switch/package.json b/packages/mdc-switch/package.json index 4630209ea75..e18301e2b93 100644 --- a/packages/mdc-switch/package.json +++ b/packages/mdc-switch/package.json @@ -1,7 +1,7 @@ { "name": "@material/switch", "description": "The Material Components for the web switch component", - "version": "3.2.0", + "version": "4.0.0", "license": "MIT", "keywords": [ "material components", @@ -18,14 +18,14 @@ "directory": "packages/mdc-switch" }, "dependencies": { - "@material/animation": "^3.1.0", - "@material/base": "^3.1.0", - "@material/dom": "^3.1.0", - "@material/elevation": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/ripple": "^3.2.0", - "@material/rtl": "^3.2.0", - "@material/theme": "^3.1.0", + "@material/animation": "^4.0.0", + "@material/base": "^4.0.0", + "@material/dom": "^4.0.0", + "@material/elevation": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/ripple": "^4.0.0", + "@material/rtl": "^4.0.0", + "@material/theme": "^4.0.0", "tslib": "^1.9.3" }, "publishConfig": { diff --git a/packages/mdc-tab-bar/package.json b/packages/mdc-tab-bar/package.json index 0acc53d3115..685a9ae9d6b 100644 --- a/packages/mdc-tab-bar/package.json +++ b/packages/mdc-tab-bar/package.json @@ -1,7 +1,7 @@ { "name": "@material/tab-bar", "description": "The Material Components for the web tab bar component", - "version": "3.2.0", + "version": "4.0.0", "license": "MIT", "keywords": [ "material components", @@ -19,13 +19,13 @@ "directory": "packages/mdc-tab-bar" }, "dependencies": { - "@material/animation": "^3.1.0", - "@material/base": "^3.1.0", - "@material/density": "^0.0.0", - "@material/elevation": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/tab": "^3.2.0", - "@material/tab-scroller": "^3.2.0", + "@material/animation": "^4.0.0", + "@material/base": "^4.0.0", + "@material/density": "^4.0.0", + "@material/elevation": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/tab": "^4.0.0", + "@material/tab-scroller": "^4.0.0", "tslib": "^1.9.3" }, "publishConfig": { diff --git a/packages/mdc-tab-indicator/package.json b/packages/mdc-tab-indicator/package.json index 8c38f23651f..1379efb06f9 100644 --- a/packages/mdc-tab-indicator/package.json +++ b/packages/mdc-tab-indicator/package.json @@ -1,7 +1,7 @@ { "name": "@material/tab-indicator", "description": "The Material Components for the web tab indicator component", - "version": "3.1.0", + "version": "4.0.0", "license": "MIT", "keywords": [ "material components", @@ -19,10 +19,10 @@ "directory": "packages/mdc-tab-indicator" }, "dependencies": { - "@material/animation": "^3.1.0", - "@material/base": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/theme": "^3.1.0", + "@material/animation": "^4.0.0", + "@material/base": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/theme": "^4.0.0", "tslib": "^1.9.3" }, "publishConfig": { diff --git a/packages/mdc-tab-scroller/package.json b/packages/mdc-tab-scroller/package.json index 313fc53b3ad..880c44286ee 100644 --- a/packages/mdc-tab-scroller/package.json +++ b/packages/mdc-tab-scroller/package.json @@ -1,7 +1,7 @@ { "name": "@material/tab-scroller", "description": "The Material Components for the web tab scroller component", - "version": "3.2.0", + "version": "4.0.0", "license": "MIT", "keywords": [ "material components", @@ -19,11 +19,11 @@ "directory": "packages/mdc-tab-scroller" }, "dependencies": { - "@material/animation": "^3.1.0", - "@material/base": "^3.1.0", - "@material/dom": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/tab": "^3.2.0", + "@material/animation": "^4.0.0", + "@material/base": "^4.0.0", + "@material/dom": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/tab": "^4.0.0", "tslib": "^1.9.3" }, "publishConfig": { diff --git a/packages/mdc-tab/package.json b/packages/mdc-tab/package.json index ca647266265..a5bcf9459fb 100644 --- a/packages/mdc-tab/package.json +++ b/packages/mdc-tab/package.json @@ -1,7 +1,7 @@ { "name": "@material/tab", "description": "The Material Components for the web tab component", - "version": "3.2.0", + "version": "4.0.0", "license": "MIT", "keywords": [ "material components", @@ -18,13 +18,13 @@ "sideEffects": false, "types": "dist/mdc.tab.d.ts", "dependencies": { - "@material/base": "^3.1.0", - "@material/feature-targeting": "^3.1.0", - "@material/ripple": "^3.2.0", - "@material/rtl": "^3.2.0", - "@material/tab-indicator": "^3.1.0", - "@material/theme": "^3.1.0", - "@material/typography": "^3.1.0", + "@material/base": "^4.0.0", + "@material/feature-targeting": "^4.0.0", + "@material/ripple": "^4.0.0", + "@material/rtl": "^4.0.0", + "@material/tab-indicator": "^4.0.0", + "@material/theme": "^4.0.0", + "@material/typography": "^4.0.0", "tslib": "^1.9.3" }, "publishConfig": { diff --git a/packages/mdc-textfield/package.json b/packages/mdc-textfield/package.json index a2b72c8f759..aae72e13be1 100644 --- a/packages/mdc-textfield/package.json +++ b/packages/mdc-textfield/package.json @@ -1,7 +1,7 @@ { "name": "@material/textfield", "description": "The Material Components for the web text field component", - "version": "3.2.0", + "version": "4.0.0", "license": "MIT", "keywords": [ "material components", @@ -19,18 +19,18 @@ "directory": "packages/mdc-textfield" }, "dependencies": { - "@material/animation": "^3.1.0", - "@material/base": "^3.1.0", - "@material/density": "^0.0.0", - "@material/dom": "^3.1.0", - "@material/floating-label": "^3.2.0", - "@material/line-ripple": "^3.1.0", - "@material/notched-outline": "^3.2.0", - "@material/ripple": "^3.2.0", - "@material/rtl": "^3.2.0", - "@material/shape": "^3.1.0", - "@material/theme": "^3.1.0", - "@material/typography": "^3.1.0", + "@material/animation": "^4.0.0", + "@material/base": "^4.0.0", + "@material/density": "^4.0.0", + "@material/dom": "^4.0.0", + "@material/floating-label": "^4.0.0", + "@material/line-ripple": "^4.0.0", + "@material/notched-outline": "^4.0.0", + "@material/ripple": "^4.0.0", + "@material/rtl": "^4.0.0", + "@material/shape": "^4.0.0", + "@material/theme": "^4.0.0", + "@material/typography": "^4.0.0", "tslib": "^1.9.3" } } diff --git a/packages/mdc-theme/package.json b/packages/mdc-theme/package.json index 25a5a397f5f..e77d6b4e171 100644 --- a/packages/mdc-theme/package.json +++ b/packages/mdc-theme/package.json @@ -1,7 +1,7 @@ { "name": "@material/theme", "description": "The Material Components for the web theming system", - "version": "3.1.0", + "version": "4.0.0", "license": "MIT", "keywords": [ "material components", @@ -14,6 +14,6 @@ "directory": "packages/mdc-theme" }, "dependencies": { - "@material/feature-targeting": "^3.1.0" + "@material/feature-targeting": "^4.0.0" } } diff --git a/packages/mdc-top-app-bar/package.json b/packages/mdc-top-app-bar/package.json index 2b95e6efce0..0808992087b 100644 --- a/packages/mdc-top-app-bar/package.json +++ b/packages/mdc-top-app-bar/package.json @@ -1,6 +1,6 @@ { "name": "@material/top-app-bar", - "version": "3.2.0", + "version": "4.0.0", "description": "The Material Components for the web top app bar component", "license": "MIT", "main": "dist/mdc.topAppBar.js", @@ -20,15 +20,15 @@ "topappbar" ], "dependencies": { - "@material/animation": "^3.1.0", - "@material/base": "^3.1.0", - "@material/elevation": "^3.1.0", - "@material/icon-button": "^3.2.0", - "@material/ripple": "^3.2.0", - "@material/rtl": "^3.2.0", - "@material/shape": "^3.1.0", - "@material/theme": "^3.1.0", - "@material/typography": "^3.1.0", + "@material/animation": "^4.0.0", + "@material/base": "^4.0.0", + "@material/elevation": "^4.0.0", + "@material/icon-button": "^4.0.0", + "@material/ripple": "^4.0.0", + "@material/rtl": "^4.0.0", + "@material/shape": "^4.0.0", + "@material/theme": "^4.0.0", + "@material/typography": "^4.0.0", "tslib": "^1.9.3" }, "publishConfig": { diff --git a/packages/mdc-touch-target/package.json b/packages/mdc-touch-target/package.json index 5ea000c8dcc..b83a4ce07f2 100644 --- a/packages/mdc-touch-target/package.json +++ b/packages/mdc-touch-target/package.json @@ -1,7 +1,7 @@ { "name": "@material/touch-target", "description": "Touch target mixins and variables for Material Components for the web", - "version": "0.0.0", + "version": "4.0.0", "license": "MIT", "keywords": [ "material components", @@ -15,7 +15,7 @@ "directory": "packages/mdc-touch-target" }, "dependencies": { - "@material/feature-targeting": "^3.1.0" + "@material/feature-targeting": "^4.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/mdc-typography/package.json b/packages/mdc-typography/package.json index 0f5643302b1..832da5fb0b3 100644 --- a/packages/mdc-typography/package.json +++ b/packages/mdc-typography/package.json @@ -1,7 +1,7 @@ { "name": "@material/typography", "description": "Typography classes, mixins, and variables for Material Components for the web", - "version": "3.1.0", + "version": "4.0.0", "license": "MIT", "keywords": [ "material components", @@ -15,6 +15,6 @@ "directory": "packages/mdc-typography" }, "dependencies": { - "@material/feature-targeting": "^3.1.0" + "@material/feature-targeting": "^4.0.0" } }