@material/elevation - npm Package Compare versions

Comparing version 0.1.10 to 0.1.11

package.json

 {
   "name": "@material/elevation",
   "description": "Material Components for the web mixins + CSS Classes for Material Design elevation",
-  "version": "0.1.10",
+  "version": "0.1.11",
   "license": "Apache-2.0",
@@ -16,4 +16,4 @@ "keywords": [
   "dependencies": {
-    "@material/animation": "^0.3.0"
+    "@material/animation": "^0.3.1"
   }
 }

README.md

@@ -21,8 +21,3 @@ <!--docs:
 
-> **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.
-> On a computer, this is normally represented by a 3-d coordinate system. We like `z-space` (or
-> just "z" for short) because it aligns with the technical definition of, and nomenclature for,
-> a 3-d coordinate system. Therefore, we feel it makes more sense than `dp`. However, when we refer
-> to `z-space` (or `z`), that can be used interchangeably with the spec's `dp`.
+> **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. On a computer, this is normally represented by a 3-d coordinate system. We like `z-space` (or just "z" for short) because it aligns with the technical definition of, and nomenclature for, a 3-d coordinate system. Therefore, we feel it makes more sense than `dp`. However, when we refer to `z-space` (or `z`), that can be used interchangeably with the spec's `dp`.
 
@@ -48,13 +43,25 @@ ## Design & API Documentation
 
+### CSS Classes
+
+Some components have a set elevation. For example, a raised MDC Button has elevation 2.
+
+If you want to set the elevation of an element, which is not a Material Design component, you
+can apply the following CSS classes.
+
+CSS Class | Description
+--- | ---
+`mdc-elevation--z<N>` | 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
+
 ### Sass Mixins, Variables, and Functions
 
-| 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 |
+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
 
-| Variable | Description |
-| ------------------------------------------- | - |
-| `mdc-elevation-transition-duration` | Default duration value for elevation transitions |
-| `mdc-elevation-transition-timing-function` | Default easing value for elevation transitions |
+Variable | Description
+--- | ---
+`mdc-elevation-transition-duration` | Default duration value for elevation transitions
+`mdc-elevation-transition-timing-function` | Default easing value for elevation transitions
 
@@ -74,8 +81,1 @@ If you need more configurability over your transitions, use the `mdc-elevation-transition-rule` function in conjunction with the exported sass variables.
 ```
-
-### CSS Classes
-
-| CSS Class | Description |
-| --------------------------- | - |
-| `mdc-elevation--z<N>` | 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. |

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

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

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

25682

increased by0.23%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• Updated@material/animation@^0.3.1