@volue/design-elevation - npm Package Compare versions

Comparing version 0.2.0-next.21 to 0.2.0-next.22

dist/index.common.d.ts

@@ -1,4 +0,4 @@
-export declare const elevationXs = "0 0.1px 0.3px hsla(var(--shadow-color, 0, 0%, 50%), 0.14), 0 1px 2px hsla(var(--shadow-color, 0, 0%, 50%), 0.28)";
-export declare const elevationS = "0 0.3px 0.4px hsla(var(--shadow-color, 0, 0%, 50%), 0.05), 0 0.9px 1.5px hsla(var(--shadow-color, 0, 0%, 50%), 0.1), 0 3.5px 6px hsla(var(--shadow-color, 0, 0%, 50%), 0.2)";
-export declare const elevationM = "0 0.9px 1.5px hsla(var(--shadow-color, 0, 0%, 50%), 0.06), 0 3.1px 5.5px hsla(var(--shadow-color, 0, 0%, 50%), 0.16), 0 14px 25px hsla(var(--shadow-color, 0, 0%, 50%), 0.24)";
-export declare const elevationL = "0 1.2px 1.9px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.028), 0 3.3px 5.3px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.076), 0 8.5px 12.7px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.17), 0 28px 40px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.28)";
+export declare const elevationXs = "0 1px 2.5px hsla(var(--shadow-color, 0, 0%, 0%), 0.08), 0 3px 9px hsla(var(--shadow-color, 0, 0%, 0%), 0.048)";
+export declare const elevationS = "0 0.4px 2.2px hsla(var(--shadow-color, 0, 0%, 0%), 0.022), 0 1.4px 5px hsla(var(--shadow-color, 0, 0%, 0%), 0.04), 0 5px 14px hsla(var(--shadow-color, 0, 0%, 0%), 0.06)";
+export declare const elevationM = "0 0.3px 2px hsla(var(--shadow-color, 0, 0%, 0%), 0.015), 0 1.5px 8px hsla(var(--shadow-color, 0, 0%, 0%), 0.024), 0 4px 16px hsla(var(--shadow-color, 0, 0%, 0%), 0.04), 0 8px 24px hsla(var(--shadow-color, 0, 0%, 0%), 0.07)";
+export declare const elevationL = "0 0.7px 2px hsla(var(--shadow-color, 0, 0%, 0%), 0.015), 0 1.6px 8px hsla(var(--shadow-color, 0, 0%, 0%), 0.024), 0 3.3px 16px hsla(var(--shadow-color, 0, 0%, 0%), 0.034), 0 5px 26px hsla(var(--shadow-color, 0, 0%, 0%), 0.06), 0 12px 42px hsla(var(--shadow-color, 0, 0%, 0%), 0.08)";

dist/index.common.js

 module.exports = {
-  elevationXs: "0 0.1px 0.3px hsla(var(--shadow-color, 0, 0%, 50%), 0.14), 0 1px 2px hsla(var(--shadow-color, 0, 0%, 50%), 0.28)",
-  elevationS: "0 0.3px 0.4px hsla(var(--shadow-color, 0, 0%, 50%), 0.05), 0 0.9px 1.5px hsla(var(--shadow-color, 0, 0%, 50%), 0.1), 0 3.5px 6px hsla(var(--shadow-color, 0, 0%, 50%), 0.2)",
-  elevationM: "0 0.9px 1.5px hsla(var(--shadow-color, 0, 0%, 50%), 0.06), 0 3.1px 5.5px hsla(var(--shadow-color, 0, 0%, 50%), 0.16), 0 14px 25px hsla(var(--shadow-color, 0, 0%, 50%), 0.24)",
-  elevationL: "0 1.2px 1.9px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.028), 0 3.3px 5.3px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.076), 0 8.5px 12.7px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.17), 0 28px 40px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.28)",
+  elevationXs: "0 1px 2.5px hsla(var(--shadow-color, 0, 0%, 0%), 0.08), 0 3px 9px hsla(var(--shadow-color, 0, 0%, 0%), 0.048)",
+  elevationS: "0 0.4px 2.2px hsla(var(--shadow-color, 0, 0%, 0%), 0.022), 0 1.4px 5px hsla(var(--shadow-color, 0, 0%, 0%), 0.04), 0 5px 14px hsla(var(--shadow-color, 0, 0%, 0%), 0.06)",
+  elevationM: "0 0.3px 2px hsla(var(--shadow-color, 0, 0%, 0%), 0.015), 0 1.5px 8px hsla(var(--shadow-color, 0, 0%, 0%), 0.024), 0 4px 16px hsla(var(--shadow-color, 0, 0%, 0%), 0.04), 0 8px 24px hsla(var(--shadow-color, 0, 0%, 0%), 0.07)",
+  elevationL: "0 0.7px 2px hsla(var(--shadow-color, 0, 0%, 0%), 0.015), 0 1.6px 8px hsla(var(--shadow-color, 0, 0%, 0%), 0.024), 0 3.3px 16px hsla(var(--shadow-color, 0, 0%, 0%), 0.034), 0 5px 26px hsla(var(--shadow-color, 0, 0%, 0%), 0.06), 0 12px 42px hsla(var(--shadow-color, 0, 0%, 0%), 0.08)",
 };

dist/index.json

 {
-  "ELEVATION_XS": "0 0.1px 0.3px hsla(var(--shadow-color, 0, 0%, 50%), 0.14), 0 1px 2px hsla(var(--shadow-color, 0, 0%, 50%), 0.28)",
-  "ELEVATION_S": "0 0.3px 0.4px hsla(var(--shadow-color, 0, 0%, 50%), 0.05), 0 0.9px 1.5px hsla(var(--shadow-color, 0, 0%, 50%), 0.1), 0 3.5px 6px hsla(var(--shadow-color, 0, 0%, 50%), 0.2)",
-  "ELEVATION_M": "0 0.9px 1.5px hsla(var(--shadow-color, 0, 0%, 50%), 0.06), 0 3.1px 5.5px hsla(var(--shadow-color, 0, 0%, 50%), 0.16), 0 14px 25px hsla(var(--shadow-color, 0, 0%, 50%), 0.24)",
-  "ELEVATION_L": "0 1.2px 1.9px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.028), 0 3.3px 5.3px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.076), 0 8.5px 12.7px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.17), 0 28px 40px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.28)"
+  "ELEVATION_XS": "0 1px 2.5px hsla(var(--shadow-color, 0, 0%, 0%), 0.08), 0 3px 9px hsla(var(--shadow-color, 0, 0%, 0%), 0.048)",
+  "ELEVATION_S": "0 0.4px 2.2px hsla(var(--shadow-color, 0, 0%, 0%), 0.022), 0 1.4px 5px hsla(var(--shadow-color, 0, 0%, 0%), 0.04), 0 5px 14px hsla(var(--shadow-color, 0, 0%, 0%), 0.06)",
+  "ELEVATION_M": "0 0.3px 2px hsla(var(--shadow-color, 0, 0%, 0%), 0.015), 0 1.5px 8px hsla(var(--shadow-color, 0, 0%, 0%), 0.024), 0 4px 16px hsla(var(--shadow-color, 0, 0%, 0%), 0.04), 0 8px 24px hsla(var(--shadow-color, 0, 0%, 0%), 0.07)",
+  "ELEVATION_L": "0 0.7px 2px hsla(var(--shadow-color, 0, 0%, 0%), 0.015), 0 1.6px 8px hsla(var(--shadow-color, 0, 0%, 0%), 0.024), 0 3.3px 16px hsla(var(--shadow-color, 0, 0%, 0%), 0.034), 0 5px 26px hsla(var(--shadow-color, 0, 0%, 0%), 0.06), 0 12px 42px hsla(var(--shadow-color, 0, 0%, 0%), 0.08)"
 }

dist/index.module.d.ts

@@ -1,4 +0,4 @@
-export declare const elevationXs = "0 0.1px 0.3px hsla(var(--shadow-color, 0, 0%, 50%), 0.14), 0 1px 2px hsla(var(--shadow-color, 0, 0%, 50%), 0.28)";
-export declare const elevationS = "0 0.3px 0.4px hsla(var(--shadow-color, 0, 0%, 50%), 0.05), 0 0.9px 1.5px hsla(var(--shadow-color, 0, 0%, 50%), 0.1), 0 3.5px 6px hsla(var(--shadow-color, 0, 0%, 50%), 0.2)";
-export declare const elevationM = "0 0.9px 1.5px hsla(var(--shadow-color, 0, 0%, 50%), 0.06), 0 3.1px 5.5px hsla(var(--shadow-color, 0, 0%, 50%), 0.16), 0 14px 25px hsla(var(--shadow-color, 0, 0%, 50%), 0.24)";
-export declare const elevationL = "0 1.2px 1.9px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.028), 0 3.3px 5.3px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.076), 0 8.5px 12.7px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.17), 0 28px 40px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.28)";
+export declare const elevationXs = "0 1px 2.5px hsla(var(--shadow-color, 0, 0%, 0%), 0.08), 0 3px 9px hsla(var(--shadow-color, 0, 0%, 0%), 0.048)";
+export declare const elevationS = "0 0.4px 2.2px hsla(var(--shadow-color, 0, 0%, 0%), 0.022), 0 1.4px 5px hsla(var(--shadow-color, 0, 0%, 0%), 0.04), 0 5px 14px hsla(var(--shadow-color, 0, 0%, 0%), 0.06)";
+export declare const elevationM = "0 0.3px 2px hsla(var(--shadow-color, 0, 0%, 0%), 0.015), 0 1.5px 8px hsla(var(--shadow-color, 0, 0%, 0%), 0.024), 0 4px 16px hsla(var(--shadow-color, 0, 0%, 0%), 0.04), 0 8px 24px hsla(var(--shadow-color, 0, 0%, 0%), 0.07)";
+export declare const elevationL = "0 0.7px 2px hsla(var(--shadow-color, 0, 0%, 0%), 0.015), 0 1.6px 8px hsla(var(--shadow-color, 0, 0%, 0%), 0.024), 0 3.3px 16px hsla(var(--shadow-color, 0, 0%, 0%), 0.034), 0 5px 26px hsla(var(--shadow-color, 0, 0%, 0%), 0.06), 0 12px 42px hsla(var(--shadow-color, 0, 0%, 0%), 0.08)";

dist/index.module.js

@@ -1,4 +0,4 @@
-export const elevationXs = "0 0.1px 0.3px hsla(var(--shadow-color, 0, 0%, 50%), 0.14), 0 1px 2px hsla(var(--shadow-color, 0, 0%, 50%), 0.28)";
-export const elevationS = "0 0.3px 0.4px hsla(var(--shadow-color, 0, 0%, 50%), 0.05), 0 0.9px 1.5px hsla(var(--shadow-color, 0, 0%, 50%), 0.1), 0 3.5px 6px hsla(var(--shadow-color, 0, 0%, 50%), 0.2)";
-export const elevationM = "0 0.9px 1.5px hsla(var(--shadow-color, 0, 0%, 50%), 0.06), 0 3.1px 5.5px hsla(var(--shadow-color, 0, 0%, 50%), 0.16), 0 14px 25px hsla(var(--shadow-color, 0, 0%, 50%), 0.24)";
-export const elevationL = "0 1.2px 1.9px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.028), 0 3.3px 5.3px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.076), 0 8.5px 12.7px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.17), 0 28px 40px -1px hsla(var(--shadow-color, 0, 0%, 50%), 0.28)";
+export const elevationXs = "0 1px 2.5px hsla(var(--shadow-color, 0, 0%, 0%), 0.08), 0 3px 9px hsla(var(--shadow-color, 0, 0%, 0%), 0.048)";
+export const elevationS = "0 0.4px 2.2px hsla(var(--shadow-color, 0, 0%, 0%), 0.022), 0 1.4px 5px hsla(var(--shadow-color, 0, 0%, 0%), 0.04), 0 5px 14px hsla(var(--shadow-color, 0, 0%, 0%), 0.06)";
+export const elevationM = "0 0.3px 2px hsla(var(--shadow-color, 0, 0%, 0%), 0.015), 0 1.5px 8px hsla(var(--shadow-color, 0, 0%, 0%), 0.024), 0 4px 16px hsla(var(--shadow-color, 0, 0%, 0%), 0.04), 0 8px 24px hsla(var(--shadow-color, 0, 0%, 0%), 0.07)";
+export const elevationL = "0 0.7px 2px hsla(var(--shadow-color, 0, 0%, 0%), 0.015), 0 1.6px 8px hsla(var(--shadow-color, 0, 0%, 0%), 0.024), 0 3.3px 16px hsla(var(--shadow-color, 0, 0%, 0%), 0.034), 0 5px 26px hsla(var(--shadow-color, 0, 0%, 0%), 0.06), 0 12px 42px hsla(var(--shadow-color, 0, 0%, 0%), 0.08)";

package.json

 {
   "name": "@volue/design-elevation",
-  "version": "0.2.0-next.21",
+  "version": "0.2.0-next.22",
   "description": "Shadow/elevation primitives for Volue design primitives",
@@ -5,0 +5,0 @@ "license": "UNLICENSED",

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

18730

increased by4.81%

Lines of code

36

increased by16.13%

No dependency changes