@quadient/design-tokens - npm Package Compare versions

Comparing version 0.0.11 to 0.0.12

build/js/variables.js

 /**
  * Do not edit directly
- * Generated on Wed, 14 Jul 2021 12:06:40 GMT
+ * Generated on Fri, 16 Jul 2021 09:34:34 GMT
  */
@@ -270,2 +270,7 @@
 export const Duration400 = "300ms";
+export const Duration500 = "500ms";
+export const Duration550 = "700ms";
+export const Duration600 = "1000ms";
+export const Duration700 = "3000ms";
+export const Duration800 = "5000ms";
 export const EasingStandard = "cubic-bezier(0.45,0,0.40,1)";
@@ -467,2 +472,3 @@ export const EasingDecelerated = "cubic-bezier(0,0,0.40,1)";
 export const SizingSpinner800 = 200;
+export const SizingSpinner050 = 72;
 export const Shadow100 = "0 2px 3px 0 rgba(0,0,0,0.24), 0 1px 3px 0 rgba(0,0,0,0.16)";
@@ -474,2 +480,5 @@ export const Shadow200 = "0 4px 6px 0 rgba(0,0,0,0.24), 0 2px 6px 0 rgba(0,0,0,0.16)";
 export const Shadow600 = "0 12px 18px 0 rgba(0,0,0,0.24), 0 6px 18px 0 rgba(0,0,0,0.16)";
-export const ShadowNone = "none";
+export const ShadowNone = "none";
+export const ShadowFocus100 = "0px 0px 1px 1px #994cf2";
+export const ShadowFocusError = "0px 0px 1px 1px  #dc3838";
+export const ShadowFocusWarning = "0px 0px 1px 1px #ea7400";

build/js/variablesDarkTheme.js

 /**
  * Do not edit directly
- * Generated on Wed, 14 Jul 2021 12:06:44 GMT
+ * Generated on Fri, 16 Jul 2021 09:34:38 GMT
  */
@@ -270,2 +270,7 @@
 export const Duration400 = "300ms";
+export const Duration500 = "500ms";
+export const Duration550 = "700ms";
+export const Duration600 = "1000ms";
+export const Duration700 = "3000ms";
+export const Duration800 = "5000ms";
 export const EasingStandard = "cubic-bezier(0.45,0,0.40,1)";
@@ -467,2 +472,3 @@ export const EasingDecelerated = "cubic-bezier(0,0,0.40,1)";
 export const SizingSpinner800 = 200;
+export const SizingSpinner050 = 72;
 export const Shadow100 = "0 2px 3px 0 rgba(0,0,0,0.24), 0 1px 3px 0 rgba(0,0,0,0.16)";
@@ -474,2 +480,5 @@ export const Shadow200 = "0 4px 6px 0 rgba(0,0,0,0.24), 0 2px 6px 0 rgba(0,0,0,0.16)";
 export const Shadow600 = "0 12px 18px 0 rgba(0,0,0,0.24), 0 6px 18px 0 rgba(0,0,0,0.16)";
-export const ShadowNone = "none";
+export const ShadowNone = "none";
+export const ShadowFocus100 = "0px 0px 1px 1px #b985f6";
+export const ShadowFocusError = "0px 0px 1px 1px  #e77878";
+export const ShadowFocusWarning = "0px 0px 1px 1px #f1a052";

build/js/variablesLegacyTheme.js

 /**
  * Do not edit directly
- * Generated on Wed, 14 Jul 2021 12:06:48 GMT
+ * Generated on Fri, 16 Jul 2021 09:34:42 GMT
  */
@@ -270,2 +270,7 @@
 export const Duration400 = "300ms";
+export const Duration500 = "500ms";
+export const Duration550 = "700ms";
+export const Duration600 = "1000ms";
+export const Duration700 = "3000ms";
+export const Duration800 = "5000ms";
 export const EasingStandard = "cubic-bezier(0.45,0,0.40,1)";
@@ -467,2 +472,3 @@ export const EasingDecelerated = "cubic-bezier(0,0,0.40,1)";
 export const SizingSpinner800 = 200;
+export const SizingSpinner050 = 72;
 export const Shadow100 = "0 2px 3px 0 rgba(0,0,0,0.24), 0 1px 3px 0 rgba(0,0,0,0.16)";
@@ -474,2 +480,5 @@ export const Shadow200 = "0 4px 6px 0 rgba(0,0,0,0.24), 0 2px 6px 0 rgba(0,0,0,0.16)";
 export const Shadow600 = "0 12px 18px 0 rgba(0,0,0,0.24), 0 6px 18px 0 rgba(0,0,0,0.16)";
-export const ShadowNone = "none";
+export const ShadowNone = "none";
+export const ShadowFocus100 = "0px 0px 1px 1px #994cf2";
+export const ShadowFocusError = "0px 0px 1px 1px  #dc3838";
+export const ShadowFocusWarning = "0px 0px 1px 1px #ea7400";

build/json/variables.json

@@ -266,2 +266,7 @@ {
   "Duration400": "300ms",
+  "Duration500": "500ms",
+  "Duration550": "700ms",
+  "Duration600": "1000ms",
+  "Duration700": "3000ms",
+  "Duration800": "5000ms",
   "EasingStandard": "cubic-bezier(0.45,0,0.40,1)",
@@ -463,2 +468,3 @@ "EasingDecelerated": "cubic-bezier(0,0,0.40,1)",
   "SizingSpinner800": 200,
+  "SizingSpinner050": 72,
   "Shadow100": "0 2px 3px 0 rgba(0,0,0,0.24), 0 1px 3px 0 rgba(0,0,0,0.16)",
@@ -470,3 +476,6 @@ "Shadow200": "0 4px 6px 0 rgba(0,0,0,0.24), 0 2px 6px 0 rgba(0,0,0,0.16)",
   "Shadow600": "0 12px 18px 0 rgba(0,0,0,0.24), 0 6px 18px 0 rgba(0,0,0,0.16)",
-  "ShadowNone": "none"
+  "ShadowNone": "none",
+  "ShadowFocus100": "0px 0px 1px 1px #994cf2",
+  "ShadowFocusError": "0px 0px 1px 1px  #dc3838",
+  "ShadowFocusWarning": "0px 0px 1px 1px #ea7400"
 }

build/json/variablesDarkTheme.json

@@ -266,2 +266,7 @@ {
   "Duration400": "300ms",
+  "Duration500": "500ms",
+  "Duration550": "700ms",
+  "Duration600": "1000ms",
+  "Duration700": "3000ms",
+  "Duration800": "5000ms",
   "EasingStandard": "cubic-bezier(0.45,0,0.40,1)",
@@ -463,2 +468,3 @@ "EasingDecelerated": "cubic-bezier(0,0,0.40,1)",
   "SizingSpinner800": 200,
+  "SizingSpinner050": 72,
   "Shadow100": "0 2px 3px 0 rgba(0,0,0,0.24), 0 1px 3px 0 rgba(0,0,0,0.16)",
@@ -470,3 +476,6 @@ "Shadow200": "0 4px 6px 0 rgba(0,0,0,0.24), 0 2px 6px 0 rgba(0,0,0,0.16)",
   "Shadow600": "0 12px 18px 0 rgba(0,0,0,0.24), 0 6px 18px 0 rgba(0,0,0,0.16)",
-  "ShadowNone": "none"
+  "ShadowNone": "none",
+  "ShadowFocus100": "0px 0px 1px 1px #b985f6",
+  "ShadowFocusError": "0px 0px 1px 1px  #e77878",
+  "ShadowFocusWarning": "0px 0px 1px 1px #f1a052"
 }

build/json/variablesLegacyTheme.json

@@ -266,2 +266,7 @@ {
   "Duration400": "300ms",
+  "Duration500": "500ms",
+  "Duration550": "700ms",
+  "Duration600": "1000ms",
+  "Duration700": "3000ms",
+  "Duration800": "5000ms",
   "EasingStandard": "cubic-bezier(0.45,0,0.40,1)",
@@ -463,2 +468,3 @@ "EasingDecelerated": "cubic-bezier(0,0,0.40,1)",
   "SizingSpinner800": 200,
+  "SizingSpinner050": 72,
   "Shadow100": "0 2px 3px 0 rgba(0,0,0,0.24), 0 1px 3px 0 rgba(0,0,0,0.16)",
@@ -470,3 +476,6 @@ "Shadow200": "0 4px 6px 0 rgba(0,0,0,0.24), 0 2px 6px 0 rgba(0,0,0,0.16)",
   "Shadow600": "0 12px 18px 0 rgba(0,0,0,0.24), 0 6px 18px 0 rgba(0,0,0,0.16)",
-  "ShadowNone": "none"
+  "ShadowNone": "none",
+  "ShadowFocus100": "0px 0px 1px 1px #994cf2",
+  "ShadowFocusError": "0px 0px 1px 1px  #dc3838",
+  "ShadowFocusWarning": "0px 0px 1px 1px #ea7400"
 }

changelog.md

@@ -0,1 +1,14 @@
+# 0.0.12
+## Added
+- new tokens:
+  `duration-500`
+  `duration-550`
+  `duration-600`
+  `duration-700`
+  `duration-800`
+  `shadow-focus-100`
+  `shadow-focus-error`
+  `shadow-focus-warning`
+  `sizing-spinner-050`
+
 # 0.0.11
@@ -2,0 +15,0 @@ ## Fixed

package.json

 {
   "name": "@quadient/design-tokens",
-  "version": "0.0.11",
+  "version": "0.0.12",
   "description": "Quadient design tokens generator tool. As an output, various types of formats are generated based on configuration in json input files.",
@@ -5,0 +5,0 @@ "main": "config.js",

src/duration.json

@@ -9,4 +9,9 @@ {
     "350": { "value": "250ms" },
-    "400": { "value": "300ms" }
+    "400": { "value": "300ms" },
+    "500": { "value": "500ms" },
+    "550": { "value": "700ms" },
+    "600": { "value": "1000ms" },
+    "700": { "value": "3000ms" },
+    "800": { "value": "5000ms" }
   }
 }

src/shadow.json

@@ -23,4 +23,13 @@ {
       "value": "0 12px 18px 0 rgba(0,0,0,0.24), 0 6px 18px 0 rgba(0,0,0,0.16)"
+    },
+    "focus-100": {
+      "value": "0px 0px 1px 1px {color.border.500.value}"
+    },
+    "focus-error": {
+      "value": "0px 0px 1px 1px  {color.border.error.value}"
+    },
+    "focus-warning": {
+      "value": "0px 0px 1px 1px {color.border.warning.value}"
     }
   }
 }

src/sizing.json

@@ -24,2 +24,3 @@ {
     "spinner": {
+      "050": { "value": 72, "unit": "px" },
       "100": { "value": 88, "unit": "px" },
@@ -26,0 +27,0 @@ "200": { "value": 104, "unit": "px" },

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

346970

increased by1.58%

Lines of code

5961

increased by1.64%

No dependency changes