Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@react-md/elevation
Advanced tools
@react-md/elevation - npm Package Compare versions
Comparing version 2.0.0-alpha.14 to 2.0.0-alpha.15
@@ -1,14 +0,36 @@ | ||
| # v2.0.0-alpha.0 | ||
| # v2.0.0 | ||
| This is a re-write of the old `Paper` component as well as the paper styles. It | ||
| has now been renamed to `elevation` to match the material design specs. | ||
| has now been renamed to `elevation` to match the material design specs. This | ||
| package no longer includes any styles by default and is a utility package | ||
| instead. | ||
| ## New Behavior and Features | ||
| - there are now 24 different types of shadows available instead of 5. | ||
| - now exports a mixin for creating performant elevation transitions using the | ||
| `::before`/`::after` opacity trick | ||
| - setting the `elevation` to `0` will no longer animate to a different elevation | ||
| on hover | ||
| ## Breaking Changes | ||
| - There is no longer a component that you can use to create an elevated element. | ||
| You will need to manually use the `rmd-elevation` mixin instead | ||
| - The main mixin was renamed: `md-box-shadow` -> `rmd-elevation` | ||
| - there is no longer a `Paper` component to add elevation styles | ||
| ## New Features | ||
| ### New SCSS Variables, Functions, and Mixins | ||
| - There are now 24 different types of shadows available instead of 5. | ||
| - `@function rmd-elevation` - a new function to get a `box-shadow` string for | ||
| one of the material design elevation values if needing to join multiple | ||
| shadows together | ||
| - `@mixin rmd-elevation-transition` - a new mixin to create a performant | ||
| `box-shadow` elevation transition | ||
| ### Renamed SCSS Variables, Functions, and Mixins | ||
| - renamed `md-box-shadow` to `$rmd-elevation` and now allows for a custom | ||
| `$color` and `$opacity-boost` | ||
| ### Removed SCSS Variables Placeholders, and Mixins | ||
| - removed `@mixin react-md-papers` since styles are no longer generated by this | ||
| package |
@@ -7,81 +7,81 @@ declare const _default: { | ||
| "rmd-elevation-shadow-1-map": { | ||
| "0": string; | ||
| "1": string; | ||
| "2": string; | ||
| "3": string; | ||
| "4": string; | ||
| "5": string; | ||
| "6": string; | ||
| "7": string; | ||
| "8": string; | ||
| "9": string; | ||
| "10": string; | ||
| "11": string; | ||
| "12": string; | ||
| "13": string; | ||
| "14": string; | ||
| "15": string; | ||
| "16": string; | ||
| "17": string; | ||
| "18": string; | ||
| "19": string; | ||
| "20": string; | ||
| "21": string; | ||
| "22": string; | ||
| "23": string; | ||
| "24": string; | ||
| 0: string; | ||
| 1: string; | ||
| 2: string; | ||
| 3: string; | ||
| 4: string; | ||
| 5: string; | ||
| 6: string; | ||
| 7: string; | ||
| 8: string; | ||
| 9: string; | ||
| 10: string; | ||
| 11: string; | ||
| 12: string; | ||
| 13: string; | ||
| 14: string; | ||
| 15: string; | ||
| 16: string; | ||
| 17: string; | ||
| 18: string; | ||
| 19: string; | ||
| 20: string; | ||
| 21: string; | ||
| 22: string; | ||
| 23: string; | ||
| 24: string; | ||
| }; | ||
| "rmd-elevation-shadow-2-map": { | ||
| "0": string; | ||
| "1": string; | ||
| "2": string; | ||
| "3": string; | ||
| "4": string; | ||
| "5": string; | ||
| "6": string; | ||
| "7": string; | ||
| "8": string; | ||
| "9": string; | ||
| "10": string; | ||
| "11": string; | ||
| "12": string; | ||
| "13": string; | ||
| "14": string; | ||
| "15": string; | ||
| "16": string; | ||
| "17": string; | ||
| "18": string; | ||
| "19": string; | ||
| "20": string; | ||
| "21": string; | ||
| "22": string; | ||
| "23": string; | ||
| "24": string; | ||
| 0: string; | ||
| 1: string; | ||
| 2: string; | ||
| 3: string; | ||
| 4: string; | ||
| 5: string; | ||
| 6: string; | ||
| 7: string; | ||
| 8: string; | ||
| 9: string; | ||
| 10: string; | ||
| 11: string; | ||
| 12: string; | ||
| 13: string; | ||
| 14: string; | ||
| 15: string; | ||
| 16: string; | ||
| 17: string; | ||
| 18: string; | ||
| 19: string; | ||
| 20: string; | ||
| 21: string; | ||
| 22: string; | ||
| 23: string; | ||
| 24: string; | ||
| }; | ||
| "rmd-elevation-shadow-3-map": { | ||
| "0": string; | ||
| "1": string; | ||
| "2": string; | ||
| "3": string; | ||
| "4": string; | ||
| "5": string; | ||
| "6": string; | ||
| "7": string; | ||
| "8": string; | ||
| "9": string; | ||
| "10": string; | ||
| "11": string; | ||
| "12": string; | ||
| "13": string; | ||
| "14": string; | ||
| "15": string; | ||
| "16": string; | ||
| "17": string; | ||
| "18": string; | ||
| "19": string; | ||
| "20": string; | ||
| "21": string; | ||
| "22": string; | ||
| "23": string; | ||
| "24": string; | ||
| 0: string; | ||
| 1: string; | ||
| 2: string; | ||
| 3: string; | ||
| 4: string; | ||
| 5: string; | ||
| 6: string; | ||
| 7: string; | ||
| 8: string; | ||
| 9: string; | ||
| 10: string; | ||
| 11: string; | ||
| 12: string; | ||
| 13: string; | ||
| 14: string; | ||
| 15: string; | ||
| 16: string; | ||
| 17: string; | ||
| 18: string; | ||
| 19: string; | ||
| 20: string; | ||
| 21: string; | ||
| 22: string; | ||
| 23: string; | ||
| 24: string; | ||
| }; | ||
@@ -88,0 +88,0 @@ }; |
| { | ||
| "name": "@react-md/elevation", | ||
| "version": "2.0.0-alpha.14", | ||
| "version": "2.0.0-alpha.15", | ||
| "description": "This is a small package for react-md that can create the elevation styles in the material design spec.", | ||
@@ -34,5 +34,5 @@ "scripts": { | ||
| "dependencies": { | ||
| "@react-md/theme": "^2.0.0-alpha.14", | ||
| "@react-md/transition": "^2.0.0-alpha.14", | ||
| "@react-md/utils": "^2.0.0-alpha.14" | ||
| "@react-md/theme": "^2.0.0-alpha.15", | ||
| "@react-md/transition": "^2.0.0-alpha.15", | ||
| "@react-md/utils": "^2.0.0-alpha.15" | ||
| }, | ||
@@ -42,3 +42,3 @@ "publishConfig": { | ||
| }, | ||
| "gitHead": "2c22440705bce3fb3cfc5876011e7b3df8be1c03" | ||
| "gitHead": "c20671308497530c59f6563eafd1914b55122b8c" | ||
| } |
@@ -19,4 +19,5 @@ # @react-md/elevation | ||
| You should check out the | ||
| [full documentation](https://react-md.dev/packages/elevation) for live examples | ||
| and more customization information, but an example usage is shown below. | ||
| [full documentation](https://react-md.dev/packages/elevation/demos) for live | ||
| examples and more customization information, but an example usage is shown | ||
| below. | ||
@@ -23,0 +24,0 @@ <!-- DOCS_REMOVE_END --> |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis 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
LicenseThis 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
- increased by1.71%
38754
- Number of lines in readme file
- increased by2.08%
49