@ebot7/edem-tokens - npm Package Compare versions

Comparing version 0.7.0 to 0.8.0

dist/styleguide/tokens.json

@@ -91,8 +91,32 @@ [
   {
-    "value": "0px 8px 20px rgba(0, 0, 0, 0.05)",
-    "description": "Use that shadow to show a large element like Header above others.",
+    "value": "0px 0px 0px 1px rgba(0, 41, 77, 0.07)",
+    "description": "Flat shadow is used to show elements borders but not increase its size.",
     "original": {
-      "value": "0px 8px 20px rgba(0, 0, 0, 0.05)",
-      "description": "Use that shadow to show a large element like Header above others."
+      "value": "0px 0px 0px 1px rgba(0, 41, 77, 0.07)",
+      "description": "Flat shadow is used to show elements borders but not increase its size."
     },
+    "name": "token-box-shadow-flat",
+    "attributes": {
+      "category": "box-shadow",
+      "type": "flat"
+    },
+    "path": [
+      "box-shadow",
+      "flat"
+    ],
+    "title": "Flat",
+    "contrast": {},
+    "variables": {
+      "js": "TOKEN_BOX_SHADOW_FLAT",
+      "scss": "$token-box-shadow-flat",
+      "css": "var(--token-box-shadow-flat)"
+    }
+  },
+  {
+    "value": "0 2px 2px 0 rgba(0, 41, 77, 0.07), 0 3px 4px -2px rgba(0, 41, 77, 0.2), 0 1px 5px 0 rgba(0, 41, 77, 0.10)",
+    "description": "The shadow shows a large element like Header above others.",
+    "original": {
+      "value": "0 2px 2px 0 rgba(0, 41, 77, 0.07), 0 3px 4px -2px rgba(0, 41, 77, 0.2), 0 1px 5px 0 rgba(0, 41, 77, 0.10)",
+      "description": "The shadow shows a large element like Header above others."
+    },
     "name": "token-box-shadow-panel",
@@ -116,6 +140,6 @@ "attributes": {
   {
-    "value": "0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 2px 6px 0 rgba(0, 41, 77, 0.07)",
+    "value": "0 4px 5px 0 rgba(0, 41, 77, 0.07), 0 1px 10px 0 rgba(0, 41, 77, 0.10), 0 2px 4px -1px rgba(0, 41, 77, 0.2)",
     "description": "The combined shadow value is used to distinct a small (popover, toast...) element which goes above others.",
     "original": {
-      "value": "0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 2px 6px 0 rgba(0, 41, 77, 0.07)",
+      "value": "0 4px 5px 0 rgba(0, 41, 77, 0.07), 0 1px 10px 0 rgba(0, 41, 77, 0.10), 0 2px 4px -1px rgba(0, 41, 77, 0.2)",
       "description": "The combined shadow value is used to distinct a small (popover, toast...) element which goes above others."
@@ -122,0 +146,0 @@ },

dist/web/tokens.es6.js

 /**
  * Do not edit directly
- * Generated on Mon, 15 Feb 2021 07:52:52 GMT
+ * Generated on Wed, 17 Feb 2021 09:13:00 GMT
  */
@@ -10,4 +10,5 @@
 export const TOKEN_BORDER_RADIUS_BASE = "4px";
-export const TOKEN_BOX_SHADOW_PANEL = "0px 8px 20px rgba(0, 0, 0, 0.05)";
-export const TOKEN_BOX_SHADOW_ELEMENT = "0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 2px 6px 0 rgba(0, 41, 77, 0.07)";
+export const TOKEN_BOX_SHADOW_FLAT = "0px 0px 0px 1px rgba(0, 41, 77, 0.07)";
+export const TOKEN_BOX_SHADOW_PANEL = "0 2px 2px 0 rgba(0, 41, 77, 0.07), 0 3px 4px -2px rgba(0, 41, 77, 0.2), 0 1px 5px 0 rgba(0, 41, 77, 0.10)";
+export const TOKEN_BOX_SHADOW_ELEMENT = "0 4px 5px 0 rgba(0, 41, 77, 0.07), 0 1px 10px 0 rgba(0, 41, 77, 0.10), 0 2px 4px -1px rgba(0, 41, 77, 0.2)";
 export const TOKEN_COLOR_PALETTE_BLUE = "#046B99";
@@ -14,0 +15,0 @@ export const TOKEN_COLOR_PALETTE_BLUE_DARKEN_20 = "#03567A";

dist/web/tokens.json

@@ -6,4 +6,5 @@ {
   "token-border-radius-base": "4px",
-  "token-box-shadow-panel": "0px 8px 20px rgba(0, 0, 0, 0.05)",
-  "token-box-shadow-element": "0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 2px 6px 0 rgba(0, 41, 77, 0.07)",
+  "token-box-shadow-flat": "0px 0px 0px 1px rgba(0, 41, 77, 0.07)",
+  "token-box-shadow-panel": "0 2px 2px 0 rgba(0, 41, 77, 0.07), 0 3px 4px -2px rgba(0, 41, 77, 0.2), 0 1px 5px 0 rgba(0, 41, 77, 0.10)",
+  "token-box-shadow-element": "0 4px 5px 0 rgba(0, 41, 77, 0.07), 0 1px 10px 0 rgba(0, 41, 77, 0.10), 0 2px 4px -1px rgba(0, 41, 77, 0.2)",
   "token-color-palette-blue": "#046b99",
@@ -10,0 +11,0 @@ "token-color-palette-blue-darken-20": "#03567a",

package.json

 {
   "name": "@ebot7/edem-tokens",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "main": "index.js",
@@ -19,3 +19,3 @@ "files": [
   },
-  "gitHead": "45a2292bc8f7c538fa8634a0c4ff9d87a5333769"
+  "gitHead": "a5b59bff103b186215f6c4a95cb88e3274927fa3"
 }

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

83258

increased by1.91%

Lines of code

2609

increased by1.05%

No dependency changes