diff --git a/CHANGELOG.md b/CHANGELOG.md index 53b8f0dc7fb..0319b90bbc9 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,28 @@ + +# [0.14.0](https://github.com/material-components/material-components-web/compare/v0.13.0...v0.14.0) (2017-06-26) + + +### Bug Fixes + +* **base:** Fix compiler warnings (#788) ([56d8fff](https://github.com/material-components/material-components-web/commit/56d8fff)), closes [(#788](https://github.com/(/issues/788) +* **button:** Sets text on raised buttons on dark theme to text-primary-on-primary (#853) ([49170d6](https://github.com/material-components/material-components-web/commit/49170d6)) +* **infrastructure:** Harden closure declaration source rewriting (#835) ([7c6da3a](https://github.com/material-components/material-components-web/commit/7c6da3a)) +* **ripple:** Remove fg deactivation class when animation finishes ([4985b4b](https://github.com/material-components/material-components-web/commit/4985b4b)) +* **toolbar:** Adjusting sibling elements on mobile landscape (#846) ([798091f](https://github.com/material-components/material-components-web/commit/798091f)) + +### Features + +* **infrastructure:** Create script for that rewrites .scss imports (#831) ([bd0123b](https://github.com/material-components/material-components-web/commit/bd0123b)) +* **layout-grid:** Add fixed column width layout grid modifier. (#816) ([94d62ad](https://github.com/material-components/material-components-web/commit/94d62ad)), closes [(#816](https://github.com/(/issues/816) [#748](https://github.com/material-components/material-components-web/issues/748) +* **menu:** annotate mdc-menu for closure compiler ([b188d4f](https://github.com/material-components/material-components-web/commit/b188d4f)), closes [#339](https://github.com/material-components/material-components-web/issues/339) +* **menu:** Export util (#824) ([7d0394b](https://github.com/material-components/material-components-web/commit/7d0394b)), closes [#823](https://github.com/material-components/material-components-web/issues/823) +* **ripple:** Add layout() method to component ([ef99024](https://github.com/material-components/material-components-web/commit/ef99024)) +* **ripple:** export util from @material/ripple (#751) ([27c172a](https://github.com/material-components/material-components-web/commit/27c172a)), closes [#253](https://github.com/material-components/material-components-web/issues/253) +* **ripple:** Reduce the fade out time for foreground ripple effect ([9394b5f](https://github.com/material-components/material-components-web/commit/9394b5f)) +* **textfield:** Implement text field boxes ([cfa3737](https://github.com/material-components/material-components-web/commit/cfa3737)), closes [#673](https://github.com/material-components/material-components-web/issues/673) + + + # [0.13.0](https://github.com/material-components/material-components-web/compare/v0.12.0...v0.13.0) (2017-06-12) diff --git a/package.json b/package.json index 7c6b1e6f0f2..5f9499c4894 100644 --- a/package.json +++ b/package.json @@ -51,7 +51,7 @@ "extract-text-webpack-plugin": "^2.1.2", "glob": "^7.1.1", "google-closure-compiler": "^20170521.0.0", - "husky": "^0.13.1", + "husky": "^0.14.0", "istanbul": "^0.4.4", "istanbul-instrumenter-loader": "^2.0.0", "json-loader": "^0.5.4", @@ -75,6 +75,7 @@ "recast": "^0.12.3", "resolve": "^1.3.2", "sass-loader": "^6.0.4", + "scss-parser": "^1.0.0", "semver": "^5.3.0", "standard-changelog": "0.0.1", "style-loader": "^0.18.0", @@ -86,6 +87,7 @@ "stylelint-selector-bem-pattern": "^1.0.0", "testdouble": "3.0.0", "to-slug-case": "^1.0.0", + "query-ast": "^1.0.1", "validate-commit-msg": "^2.6.1", "webpack": "^2.2.1", "webpack-dev-server": "^2.4.3" @@ -158,6 +160,8 @@ }, "closureWhitelist": [ "mdc-animation", - "mdc-base" + "mdc-base", + "mdc-menu", + "mdc-ripple" ] } diff --git a/packages/material-components-web/package.json b/packages/material-components-web/package.json index 30949e9dd1b..02ef526d5c9 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": "0.13.0", + "version": "0.14.0", "license": "Apache-2.0", "keywords": [ "material components", @@ -15,31 +15,31 @@ "dependencies": { "@material/animation": "^0.2.3", "@material/auto-init": "^0.1.2", - "@material/base": "^0.2.0", - "@material/button": "^0.3.7", - "@material/card": "^0.2.3", - "@material/checkbox": "^0.3.6", - "@material/dialog": "^0.3.1", - "@material/drawer": "^0.5.0", - "@material/elevation": "^0.1.8", - "@material/fab": "^0.3.9", - "@material/form-field": "^0.2.7", - "@material/grid-list": "^0.2.4", - "@material/icon-toggle": "^0.1.12", - "@material/layout-grid": "^0.2.0", - "@material/linear-progress": "^0.1.2", - "@material/list": "^0.2.10", - "@material/menu": "^0.3.0", - "@material/radio": "^0.2.5", - "@material/ripple": "^0.6.2", - "@material/select": "^0.3.8", - "@material/slider": "^0.1.0", - "@material/snackbar": "^0.2.1", - "@material/switch": "^0.1.8", - "@material/tabs": "^0.2.1", - "@material/textfield": "^0.2.11", + "@material/base": "^0.2.1", + "@material/button": "^0.3.8", + "@material/card": "^0.2.4", + "@material/checkbox": "^0.3.7", + "@material/dialog": "^0.3.2", + "@material/drawer": "^0.5.1", + "@material/elevation": "^0.1.9", + "@material/fab": "^0.3.10", + "@material/form-field": "^0.2.8", + "@material/grid-list": "^0.2.5", + "@material/icon-toggle": "^0.1.13", + "@material/layout-grid": "^0.3.0", + "@material/linear-progress": "^0.1.3", + "@material/list": "^0.2.11", + "@material/menu": "^0.4.0", + "@material/radio": "^0.2.6", + "@material/ripple": "^0.7.0", + "@material/select": "^0.3.9", + "@material/slider": "^0.1.1", + "@material/snackbar": "^0.2.2", + "@material/switch": "^0.1.9", + "@material/tabs": "^0.2.2", + "@material/textfield": "^0.3.0", "@material/theme": "^0.1.5", - "@material/toolbar": "^0.4.0", + "@material/toolbar": "^0.4.1", "@material/typography": "^0.2.2" } } diff --git a/packages/mdc-base/README.md b/packages/mdc-base/README.md index 2a00d39850f..ceda825b43e 100644 --- a/packages/mdc-base/README.md +++ b/packages/mdc-base/README.md @@ -56,7 +56,7 @@ mdc-base exposes two classes: `MDCComponent` (the default export) which all comp ### MDCFoundation -MDCFoundation provides the basic mechanisms for implementing a foundation classes. Subclasses are expected to: +MDCFoundation provides the basic mechanisms for implementing foundation classes. Subclasses are expected to: - Provide implementations of the proper static getters where necessary. - Provide `init()` and `destroy()` lifecycle methods diff --git a/packages/mdc-base/component.js b/packages/mdc-base/component.js index 46304ecc673..6ff445cd36a 100644 --- a/packages/mdc-base/component.js +++ b/packages/mdc-base/component.js @@ -35,16 +35,16 @@ export default class MDCComponent { /** * @param {!Element} root - * @param {!F} foundation + * @param {F=} foundation * @param {...?} args */ constructor(root, foundation = undefined, ...args) { - /** @private {!Element} */ + /** @protected {!Element} */ this.root_ = root; this.initialize(...args); // Note that we initialize foundation here and not within the constructor's default param so that // this.root_ is defined and can be used within the foundation class. - /** @private {!F} */ + /** @protected {!F} */ this.foundation_ = foundation === undefined ? this.getDefaultFoundation() : foundation; this.foundation_.init(); this.initialSyncWithDOM(); @@ -104,7 +104,7 @@ export default class MDCComponent { * with the given data. * @param {string} evtType * @param {!Object} evtData - * @param {boolean} shouldBubble + * @param {boolean=} shouldBubble */ emit(evtType, evtData, shouldBubble = false) { let evt; diff --git a/packages/mdc-base/foundation.js b/packages/mdc-base/foundation.js index eb78a1f2d75..303821ca0b8 100644 --- a/packages/mdc-base/foundation.js +++ b/packages/mdc-base/foundation.js @@ -49,10 +49,10 @@ export default class MDCFoundation { } /** - * @param {!A} adapter + * @param {A=} adapter */ constructor(adapter = {}) { - /** @private {!A} */ + /** @protected {!A} */ this.adapter_ = adapter; } diff --git a/packages/mdc-base/package.json b/packages/mdc-base/package.json index bf2bdd4470e..ff0db158295 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": "0.2.0", + "version": "0.2.1", "license": "Apache-2.0", "main": "index.js", "repository": { diff --git a/packages/mdc-button/mdc-button.scss b/packages/mdc-button/mdc-button.scss index 4ca6d36ef2b..8307edf6cb7 100644 --- a/packages/mdc-button/mdc-button.scss +++ b/packages/mdc-button/mdc-button.scss @@ -27,7 +27,6 @@ @include mdc-ripple-base; @include mdc-ripple-bg((pseudo: "::before")); @include mdc-ripple-fg((pseudo: "::after")); - @include mdc-typography(body2); @include mdc-theme-prop(color, text-primary-on-light); display: inline-block; @@ -39,9 +38,10 @@ border-radius: 2px; outline: none; background: transparent; - font-size: 14px; // Override font to specifically be px as spec defined pt + font-size: 14px; font-weight: 500; - line-height: 36px; // Override line-height so text aligns centered + letter-spacing: .04em; + line-height: 36px; text-align: center; text-decoration: none; text-transform: uppercase; @@ -115,6 +115,7 @@ @include mdc-theme-dark(".mdc-button") { @include mdc-theme-prop(background-color, primary); + @include mdc-theme-prop(color, text-primary-on-primary); // postcss-bem-linter: ignore &::before { diff --git a/packages/mdc-button/package.json b/packages/mdc-button/package.json index b9bad00184a..098d099d713 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": "0.3.7", + "version": "0.3.8", "license": "Apache 2.0", "keywords": [ "material components", @@ -14,9 +14,8 @@ }, "dependencies": { "@material/animation": "^0.2.3", - "@material/elevation": "^0.1.8", - "@material/ripple": "^0.6.2", - "@material/theme": "^0.1.5", - "@material/typography": "^0.2.2" + "@material/elevation": "^0.1.9", + "@material/ripple": "^0.7.0", + "@material/theme": "^0.1.5" } } diff --git a/packages/mdc-card/package.json b/packages/mdc-card/package.json index bd505c980b3..88b9a511fca 100644 --- a/packages/mdc-card/package.json +++ b/packages/mdc-card/package.json @@ -1,6 +1,6 @@ { "name": "@material/card", - "version": "0.2.3", + "version": "0.2.4", "description": "The Material Components for the web card component", "license": "Apache-2.0", "keywords": [ @@ -13,9 +13,9 @@ "url": "https://github.com/material-components/material-components-web.git" }, "dependencies": { - "@material/elevation": "^0.1.8", + "@material/elevation": "^0.1.9", "@material/theme": "^0.1.5", "@material/typography": "^0.2.2", - "@material/rtl": "^0.1.5" + "@material/rtl": "^0.1.6" } } diff --git a/packages/mdc-checkbox/README.md b/packages/mdc-checkbox/README.md index f2569c2cf5a..cea1d90af6c 100644 --- a/packages/mdc-checkbox/README.md +++ b/packages/mdc-checkbox/README.md @@ -210,7 +210,7 @@ The adapter for checkboxes must provide the following functions, with correct si | `deregisterChangeHandler(handler: EventListener) => void` | Deregisters an event handler that was previously passed to `registerChangeHandler`. | | `getNativeControl() => HTMLInputElement?` | Returns the native checkbox control, if available. Note that if this control is not available, the methods that rely on it will exit gracefully.| | `forceLayout() => void` | Force-trigger a layout on the root element. This is needed to restart animations correctly. If you find that you do not need to do this, you can simply make it a no-op. | -| `isAttachedToDOM() => boolean` | Returns true if the component is currently attached to the DOM, false otherwise.` | +| `isAttachedToDOM() => boolean` | Returns true if the component is currently attached to the DOM, false otherwise. | #### MDCCheckboxFoundation API diff --git a/packages/mdc-checkbox/package.json b/packages/mdc-checkbox/package.json index 6c3bb674aef..08f41017342 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": "0.3.6", + "version": "0.3.7", "license": "Apache-2.0", "keywords": [ "material components", @@ -15,9 +15,9 @@ }, "dependencies": { "@material/animation": "^0.2.3", - "@material/base": "^0.2.0", - "@material/ripple": "^0.6.2", - "@material/rtl": "^0.1.5", + "@material/base": "^0.2.1", + "@material/ripple": "^0.7.0", + "@material/rtl": "^0.1.6", "@material/theme": "^0.1.5" } } diff --git a/packages/mdc-dialog/package.json b/packages/mdc-dialog/package.json index d1df5ae5463..ef14a4b2d22 100644 --- a/packages/mdc-dialog/package.json +++ b/packages/mdc-dialog/package.json @@ -1,6 +1,6 @@ { "name": "@material/dialog", - "version": "0.3.1", + "version": "0.3.2", "description": "The Material Components Web dialog component", "license": "Apache-2.0", "keywords": [ @@ -16,10 +16,10 @@ }, "dependencies": { "@material/animation": "^0.2.3", - "@material/base": "^0.2.0", - "@material/elevation": "^0.1.8", - "@material/ripple": "^0.6.2", - "@material/rtl": "^0.1.5", + "@material/base": "^0.2.1", + "@material/elevation": "^0.1.9", + "@material/ripple": "^0.7.0", + "@material/rtl": "^0.1.6", "@material/theme": "^0.1.5", "@material/typography": "^0.1.1", "focus-trap": "^2.3.0" diff --git a/packages/mdc-drawer/package.json b/packages/mdc-drawer/package.json index fdd96cdd7af..ff4fa498d99 100644 --- a/packages/mdc-drawer/package.json +++ b/packages/mdc-drawer/package.json @@ -1,6 +1,6 @@ { "name": "@material/drawer", - "version": "0.5.0", + "version": "0.5.1", "description": "The Material Components Web drawer component", "license": "Apache-2.0", "keywords": [ @@ -16,9 +16,9 @@ }, "dependencies": { "@material/animation": "^0.2.3", - "@material/base": "^0.2.0", - "@material/elevation": "^0.1.8", - "@material/rtl": "^0.1.5", + "@material/base": "^0.2.1", + "@material/elevation": "^0.1.9", + "@material/rtl": "^0.1.6", "@material/theme": "^0.1.5", "@material/typography": "^0.2.2" } diff --git a/packages/mdc-elevation/README.md b/packages/mdc-elevation/README.md index 0c71d1fda76..c4eb50a4b38 100644 --- a/packages/mdc-elevation/README.md +++ b/packages/mdc-elevation/README.md @@ -16,13 +16,7 @@ path: /catalog/elevation/ --> -MDC Elevation provides Sass mixins and CSS classes which are used to provide [shadows and -elevation](https://material.io/guidelines/what-is-material/elevation-shadows.html) to our material -components. - -The elevation values are mapped out in a "z-space" and range from `0` to `24`. -Our implementation is based on [Scott Hyndman's work](http://codepen.io/shyndman/full/ojxmdY/), -which was created in collaboration with the designers on the Material Design team. +Shadows provide important visual cues about objects’ depth and directional movement. They are the only visual cue indicating the amount of separation between surfaces. An object’s elevation determines the appearance of its shadow. The elevation values are mapped out in a "z-space" and range from `0` to `24`. > **A note about "z-space"**: Within the spec, elevation is normally referred to as having a `dp` > value. In other words, how many "pixels" above the base material is a piece of material elevated. @@ -50,102 +44,22 @@ npm install --save @material/elevation ## Usage -### Sass Mixin - -MDC Elevation exports an `mdc-elevation` mixin which can be used to set the elevation on a selector. -It works by assigning the correct elevation value to a selector's `box-shadow` property. +### Sass Mixins, Variables, and Functions -`mdc-elevation` takes one `$z-value` argument which represents the z-space for that given elevation. For example, [cards](https://material.io/guidelines/components/cards.html) have a resting elevation of `2dp`. Implementing that using MDC Elevation looks like the following: +| Mixin | Description | +| ----------------------------------------------- | - | +| `mdc-elevation($z-value)` | Sets the elevation to the z-space for that given elevation | +| `mdc-elevation-transition($duration, $easing)` | Applies the correct css rules to transition an element between elevations | -```scss -@import "@material/elevation/mixins"; - -.mdc-card { - @include mdc-elevation(2); - // ... -} -``` +| Variable | Description | +| ------------------------------------------- | - | +| `mdc-elevation-transition-duration` | Default duration value for elevation transitions | +| `mdc-elevation-transition-timing-function` | Default easing value for elevation transitions | -It is also quite simple to alias common elevations throughout your application by leveraging this -mixin to export classes: - -```scss -$elevations: (low, medium-low, medium, medium-high, high); - -@for $i from 1 through length($elevations) { - $elev: nth($elevations, $i); - $z: $i * 2; - .my-app-elevation--#{$elev} { - @include mdc-elevation($z); - } -} -``` - -Note that importing `mdc-elevation/mixins` does not output any CSS. - -### CSS Classes - -MDC Elevation also includes a CSS file that exports all z values as `mdc-elevation--z` modifier -classes that can be easily used within HTML. - -> NOTE: dist/ dir will be available post-alpha in the distributed npm package. - -```html - - - - -

Text that floats near the material surface

-

Text that floats far away from the material surface

-``` - -### Handling elevation transitions - -MDC Elevation includes utilities for transitioning between elevations. - -#### Sass functions/mixins - -The `mdc-elevation-transition-rule` function takes an optional duration and optional easing curve and -spits out a `transition` property value shorthand with `box-shadow` specified as the property, and -either the supplied or default durations / easings for the transition. - -You can also use the `mdc-elevation-transition` mixin - which takes the same arguments as the above -function - to output a `transition` property with the correct values as well as a `will-change` -property with `box-shadow` set. - -```scss -@import "@material/animation/variables"; -@import "@material/elevation/mixins"; - -.my-component { - @include mdc-elevation(2); - @include mdc-elevation-transition; - - &--fast-transitions { - transition: mdc-elevation-transition-rule(180ms); - } - - &--default-ease-transitions { - transition: mdc-elevation-transition-rule($mdc-elevation-transition-duration, ease); - } - - &:focus { - @include mdc-elevation(4); - } - - &:active { - @include mdc-elevation(8); - } -} -``` - -If you need more configurability over your transitions, you can easily accomplish this by using -the `mdc-elevation-transition-rule` function in conjunctions with the exported sass variables that -mdc-elevation exposes for purposes of transitioning. +If you need more configurability over your transitions, use the `mdc-elevation-transition-rule` function in conjunction with the exported sass variables. ```scss .my-component-with-custom-transitions { - @include mdc-elevation(2); transition: mdc-elevation-transition-rule(), @@ -153,21 +67,12 @@ mdc-elevation exposes for purposes of transitioning. opacity $mdc-elevation-transition-duration $mdc-elevation-transition-timing-function; opacity: .7; will-change: $mdc-elevation-property, opacity; - - &:hover { - opacity: 1; - } - - &:active { - @include mdc-elevation(6); - } } ``` -#### CSS Classes - -MDC Elevation also exports an `mdc-elevation-transition` CSS class which can be used within HTML. +### CSS Classes -```html -

My elevation will change at some point...

-``` +| CSS Class | Description | +| --------------------------- | - | +| `mdc-elevation--z` | Sets the elevation to the (N)dp, where 1 <= N <= 24. | +| `mdc-elevation-transition` | Applies the correct css rules to transition an element between elevations. | diff --git a/packages/mdc-elevation/package.json b/packages/mdc-elevation/package.json index c98239a43bb..3eec927a4be 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": "0.1.8", + "version": "0.1.9", "license": "Apache-2.0", "keywords": [ "material components", diff --git a/packages/mdc-fab/package.json b/packages/mdc-fab/package.json index 752cad34566..c4b77933eea 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": "0.3.9", + "version": "0.3.10", "license": "Apache-2.0", "keywords": [ "material components", @@ -15,8 +15,8 @@ }, "dependencies": { "@material/animation": "^0.2.3", - "@material/elevation": "^0.1.8", - "@material/ripple": "^0.6.2", + "@material/elevation": "^0.1.9", + "@material/ripple": "^0.7.0", "@material/theme": "^0.1.5" } } diff --git a/packages/mdc-form-field/package.json b/packages/mdc-form-field/package.json index 892e102f803..3dbb33dd2c5 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": "0.2.7", + "version": "0.2.8", "license": "Apache-2.0", "keywords": [ "material components", @@ -14,8 +14,8 @@ "url": "https://github.com/material-components/material-components-web.git" }, "dependencies": { - "@material/base": "^0.2.0", - "@material/rtl": "^0.1.5", + "@material/base": "^0.2.1", + "@material/rtl": "^0.1.6", "@material/theme": "^0.1.5", "@material/typography": "^0.2.2" } diff --git a/packages/mdc-grid-list/README.md b/packages/mdc-grid-list/README.md index 9bf6011fe3f..caebc84a9e1 100644 --- a/packages/mdc-grid-list/README.md +++ b/packages/mdc-grid-list/README.md @@ -98,8 +98,8 @@ overwrite the default value for your grid list: You can overwrite the scss variable by ```scss - @import "@material/grid-list/mdc-grid-list"; $mdc-grid-list-tile-width: 300px; + @import "@material/grid-list/mdc-grid-list"; ``` 3. Add own style to tile diff --git a/packages/mdc-grid-list/package.json b/packages/mdc-grid-list/package.json index 502ac55c87d..d46d868e2b2 100644 --- a/packages/mdc-grid-list/package.json +++ b/packages/mdc-grid-list/package.json @@ -1,6 +1,6 @@ { "name": "@material/grid-list", - "version": "0.2.4", + "version": "0.2.5", "description": "The Material Components for the web grid list component", "license": "Apache-2.0", "repository": { @@ -13,8 +13,8 @@ "grid list" ], "dependencies": { - "@material/base": "^0.2.0", - "@material/rtl": "^0.1.5", + "@material/base": "^0.2.1", + "@material/rtl": "^0.1.6", "@material/theme": "^0.1.5", "@material/typography": "^0.2.2" }, diff --git a/packages/mdc-icon-toggle/package.json b/packages/mdc-icon-toggle/package.json index d24d0a37436..dbb7e8d47cc 100644 --- a/packages/mdc-icon-toggle/package.json +++ b/packages/mdc-icon-toggle/package.json @@ -1,7 +1,7 @@ { "name": "@material/icon-toggle", "description": "The Material Components for the web icon toggle component", - "version": "0.1.12", + "version": "0.1.13", "license": "Apache-2.0", "keywords": [ "material components", @@ -15,8 +15,8 @@ }, "dependencies": { "@material/animation": "^0.2.3", - "@material/base": "^0.2.0", - "@material/ripple": "^0.6.2", + "@material/base": "^0.2.1", + "@material/ripple": "^0.7.0", "@material/theme": "^0.1.5" } } diff --git a/packages/mdc-layout-grid/mdc-layout-grid.scss b/packages/mdc-layout-grid/mdc-layout-grid.scss index df768cf90fa..8d903d702e5 100644 --- a/packages/mdc-layout-grid/mdc-layout-grid.scss +++ b/packages/mdc-layout-grid/mdc-layout-grid.scss @@ -56,7 +56,7 @@ // Span classes. // stylelint-disable max-nesting-depth @at-root .mdc-layout-grid__cell--span-#{$span}, - .mdc-layout-grid__cell--span-#{$span}-#{$size}.mdc-layout-grid__cell--span-#{$span}-#{$size} { + .mdc-layout-grid__cell--span-#{$span}-#{$size} { @include mdc-layout-grid-cell-span_($size, $span, $gutter); } // stylelint-enable max-nesting-depth diff --git a/packages/mdc-layout-grid/package.json b/packages/mdc-layout-grid/package.json index 7a46bffe7ac..c5bbbf3fc5a 100644 --- a/packages/mdc-layout-grid/package.json +++ b/packages/mdc-layout-grid/package.json @@ -1,6 +1,6 @@ { "name": "@material/layout-grid", - "version": "0.2.0", + "version": "0.3.0", "description": "The Material Components for the web layout grid component", "license": "Apache-2.0", "keywords": [ diff --git a/packages/mdc-linear-progress/package.json b/packages/mdc-linear-progress/package.json index 204b2a2a154..1ae6d1e9050 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": "0.1.2", + "version": "0.1.3", "license": "Apache-2.0", "keywords": [ "material components", @@ -14,7 +14,7 @@ }, "dependencies": { "@material/animation": "^0.2.3", - "@material/base": "^0.2.0", + "@material/base": "^0.2.1", "@material/theme": "^0.1.5" }, "publishConfig": { diff --git a/packages/mdc-list/README.md b/packages/mdc-list/README.md index f7b5182e26c..1c57da2fc04 100644 --- a/packages/mdc-list/README.md +++ b/packages/mdc-list/README.md @@ -18,7 +18,7 @@ path: /catalog/lists/ MDC List provides styles which implement [Material Design Lists](https://material.io/guidelines/components/lists.html) - "A single continuous column of tessellated subdivisions of equal width." Both single-line and two-line lists are supported (with three-line lists [coming soon](https://github.com/material-components/material-components-web/issues/31)). MDC -Lists are design to be accessible and RTL aware. +Lists are designed to be accessible and RTL aware. ## Design & API Documentation @@ -41,7 +41,7 @@ npm install --save @material/list ### Basic Lists -A basic lists consists simply of the list itself, and list items taking up one line. +A basic list consists simply of the list itself, and list items taking up one line. ```html