@material/theme - npm Package Compare versions

Comparing version 0.35.0 to 0.38.0

package.json

 {
   "name": "@material/theme",
   "description": "The Material Components for the web theming system",
-  "version": "0.35.0",
+  "version": "0.38.0",
   "license": "Apache-2.0",
@@ -6,0 +6,0 @@ "keywords": [

README.md

@@ -12,9 +12,2 @@ <!--docs:
 
-<!--<div class="article__asset">
-  <a class="article__asset-link"
-     href="https://material-components-web.appspot.com/theme/index.html">
-    <img src="{{ site.rootpath }}/images/mdc_web_screenshots/themes.png" width="241" alt="Themes screenshot">
-  </a>
-</div>-->
-
 The Material Design color system can be used to create a color scheme that reflects your brand or style.
@@ -26,7 +19,4 @@
   <li class="icon-list-item icon-list-item--spec">
-    <a href="https://material.io/guidelines/style/color.html">Material Design guidelines: Color</a>
+    <a href="https://material.io/go/design-theming">Material Design guidelines: Color</a>
   </li>
-  <li class="icon-list-item icon-list-item--link">
-    <a href="https://material-components-web.appspot.com/theme/index.html">Demo</a>
-  </li>
 </ul>
@@ -76,4 +66,6 @@
 `--mdc-theme-background` | The theme background color
+`--mdc-theme-surface` | The theme surface color
 `--mdc-theme-on-primary` | Text color on top of a primary background
 `--mdc-theme-on-secondary` | Text color on top of a secondary background
+`--mdc-theme-on-surface` | Text color on top of a surface background
 `--mdc-theme-text-<TEXT_STYLE>-on-light` | Text color for TEXT_STYLE on top of light background
@@ -91,4 +83,6 @@ `--mdc-theme-text-<TEXT_STYLE>-on-dark` | Text color for TEXT_STYLE on top of dark background
 `mdc-theme--background` | Sets the background color to the theme background color
+`mdc-theme--surface` | Sets the surface color to the theme surface color
 `mdc-theme--on-primary` | Sets the text color to the theme on-primary color
 `mdc-theme--on-secondary` | Sets the text color to the theme on-secondary color
+`mdc-theme--on-surface` | Sets the text color to the theme on-surface color
 `mdc-theme--primary-bg` | Sets the background color to the theme primary color
@@ -116,2 +110,3 @@ `mdc-theme--secondary-bg` | Sets the background color to the theme secondary color
 `background` | The theme background color
+`surface` | The theme surface color
 `text-<TEXT_STYLE>-on-light` | TEXT_STYLE on top of a light background
@@ -121,2 +116,3 @@ `text-<TEXT_STYLE>-on-dark` | TEXT_STYLE on top of a dark background
 `on-secondary` | A text/iconography color that is usable on top of secondary color
+`on-surface` | A text/iconography color that is usable on top of surface color
 
@@ -159,7 +155,7 @@
 
-#### `mdc-theme-prop-value($property)`
+#### `mdc-theme-prop-value($style)`
 
-If `$property` is a literal color value (e.g., `blue`, `#fff`), it is returned verbatim. Otherwise, the value of the
-corresponding theme property (from `$mdc-theme-property-values`) is returned. If `$property` is not a color and no
-such theme property exists, an error is thrown.
+If `$style` is a color (a literal color value, `currentColor`, or a CSS custom property), it is returned verbatim.
+Otherwise, `$style` is treated as a theme property name, and the corresponding value from `$mdc-theme-property-values`
+is returned. If this also fails, an error is thrown.
 
@@ -166,0 +162,0 @@ This is mainly useful in situations where `mdc-theme-prop` cannot be used directly (e.g., `box-shadow`).

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

45442

increased by0.78%

Worsened metrics

Number of lines in readme file

182

decreased by-2.15%

No dependency changes