@volue/design-elevation - npm Package Compare versions

Comparing version 0.2.0-next.30 to 0.2.0-next.31

dist/index.common.d.ts

@@ -1,4 +0,9 @@
-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)";
+/**
+ * Do not edit directly
+ * Generated on Wed, 15 Feb 2023 21:11:52 GMT
+ */
+
+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)";

dist/index.common.js

@@ -0,6 +1,11 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 15 Feb 2023 21:11:52 GMT
+ */
+
 module.exports = {
-  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)",
+  "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.module.d.ts

@@ -1,4 +0,9 @@
-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)";
+/**
+ * Do not edit directly
+ * Generated on Wed, 15 Feb 2023 21:11:52 GMT
+ */
+
+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)";

dist/index.module.js

@@ -0,1 +1,6 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 15 Feb 2023 21:11:52 GMT
+ */
+
 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)";
@@ -2,0 +7,0 @@ 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)";

package.json

 {
   "name": "@volue/design-elevation",
-  "version": "0.2.0-next.30",
+  "version": "0.2.0-next.31",
   "description": "Shadow/elevation primitives for Volue design primitives",
@@ -29,19 +29,17 @@ "license": "UNLICENSED",
     "clean": "rimraf dist",
-    "_theo": "theo --setup theo.setup.js --transform web --dest dist",
-    "build:tokens": "npm run _theo -s -- --format scss,json,common.js,common.d.ts,module.js,module.d.ts,custom-properties.css,cssmodules.css,html src/index.yml",
-    "build:tokensMap": "npm run _theo -s -- --format map.scss src/elevation.yml",
-    "build": "yarn run clean && run-p \"build:*\"",
+    "build:tokens": "style-dictionary build",
+    "build": "yarn run clean && yarn run build:tokens",
     "prepack": "yarn run build"
   },
   "devDependencies": {
-    "eslint": "8.30.0",
+    "eslint": "8.34.0",
     "eslint-config-powel": "14.2.1",
-    "eslint-import-resolver-node": "0.3.6",
-    "eslint-plugin-import": "2.26.0",
+    "eslint-import-resolver-node": "0.3.7",
+    "eslint-plugin-import": "2.27.5",
     "npm-run-all": "4.1.5",
-    "prettier": "2.8.1",
+    "prettier": "2.8.4",
     "rimraf": "3.0.2",
-    "theo": "8.1.5",
-    "typescript": "4.8.4"
+    "style-dictionary": "3.7.3-rc.1",
+    "typescript": "4.9.5"
   }
 }

No alert changes

Improved metrics

Lines of code

90

increased by150%

Worsened metrics

Total package byte prevSize

12887

decreased by-33.64%

Number of package files

13

decreased by-18.75%

No dependency changes