@quadient/design-tokens - npm Package Compare versions

Comparing version 0.0.9 to 0.0.10

build/js/variables.js

 /**
  * Do not edit directly
- * Generated on Tue, 22 Jun 2021 08:13:24 GMT
+ * Generated on Wed, 14 Jul 2021 09:26:42 GMT
  */
@@ -66,2 +66,6 @@
 export const ColorBgSwitchHandleNegative = "#ffffff";
+export const ColorBgBgError100 = "#fdefef";
+export const ColorBgBgWarning100 = "#fef4eb";
+export const ColorBgBgSuccess100 = "#edf6ef";
+export const ColorBgBgInfo100 = "#ebf5f9";
 export const ColorError = "#dc3838";
@@ -455,2 +459,10 @@ export const ColorWarning = "#ea7400";
 export const SizingItem075 = 20;
+export const SizingSpinner100 = 88;
+export const SizingSpinner200 = 104;
+export const SizingSpinner300 = 120;
+export const SizingSpinner400 = 136;
+export const SizingSpinner500 = 152;
+export const SizingSpinner600 = 168;
+export const SizingSpinner700 = 184;
+export const SizingSpinner800 = 200;
 export const Shadow100 = "0 2px 3px 0 rgba(0,0,0,0.24), 0 1px 3px 0 rgba(0,0,0,0.16)";
@@ -457,0 +469,0 @@ export const Shadow200 = "0 4px 6px 0 rgba(0,0,0,0.24), 0 2px 6px 0 rgba(0,0,0,0.16)";

build/js/variablesDarkTheme.js

 /**
  * Do not edit directly
- * Generated on Tue, 22 Jun 2021 08:13:28 GMT
+ * Generated on Wed, 14 Jul 2021 09:26:46 GMT
  */
@@ -66,2 +66,6 @@
 export const ColorBgSwitchHandleNegative = "#212121";
+export const ColorBgBgError100 = "#302323";
+export const ColorBgBgWarning100 = "#31281e";
+export const ColorBgBgSuccess100 = "#202923";
+export const ColorBgBgInfo100 = "#1f282c";
 export const ColorError = "#e77878";
@@ -455,2 +459,10 @@ export const ColorWarning = "#f1a052";
 export const SizingItem075 = 20;
+export const SizingSpinner100 = 88;
+export const SizingSpinner200 = 104;
+export const SizingSpinner300 = 120;
+export const SizingSpinner400 = 136;
+export const SizingSpinner500 = 152;
+export const SizingSpinner600 = 168;
+export const SizingSpinner700 = 184;
+export const SizingSpinner800 = 200;
 export const Shadow100 = "0 2px 3px 0 rgba(0,0,0,0.24), 0 1px 3px 0 rgba(0,0,0,0.16)";
@@ -457,0 +469,0 @@ export const Shadow200 = "0 4px 6px 0 rgba(0,0,0,0.24), 0 2px 6px 0 rgba(0,0,0,0.16)";

build/js/variablesLegacyTheme.js

 /**
  * Do not edit directly
- * Generated on Tue, 22 Jun 2021 08:13:32 GMT
+ * Generated on Wed, 14 Jul 2021 09:26:50 GMT
  */
@@ -66,2 +66,6 @@
 export const ColorBgSwitchHandleNegative = "#ffffff";
+export const ColorBgBgError100 = "#fdefef";
+export const ColorBgBgWarning100 = "#fef4eb";
+export const ColorBgBgSuccess100 = "#edf6ef";
+export const ColorBgBgInfo100 = "#ebf5f9";
 export const ColorError = "#dc3838";
@@ -455,2 +459,10 @@ export const ColorWarning = "#ea7400";
 export const SizingItem075 = 20;
+export const SizingSpinner100 = 88;
+export const SizingSpinner200 = 104;
+export const SizingSpinner300 = 120;
+export const SizingSpinner400 = 136;
+export const SizingSpinner500 = 152;
+export const SizingSpinner600 = 168;
+export const SizingSpinner700 = 184;
+export const SizingSpinner800 = 200;
 export const Shadow100 = "0 2px 3px 0 rgba(0,0,0,0.24), 0 1px 3px 0 rgba(0,0,0,0.16)";
@@ -457,0 +469,0 @@ export const Shadow200 = "0 4px 6px 0 rgba(0,0,0,0.24), 0 2px 6px 0 rgba(0,0,0,0.16)";

build/json/variables.json

@@ -62,2 +62,6 @@ {
   "ColorBgSwitchHandleNegative": "#ffffff",
+  "ColorBgBgError100": "#fdefef",
+  "ColorBgBgWarning100": "#fef4eb",
+  "ColorBgBgSuccess100": "#edf6ef",
+  "ColorBgBgInfo100": "#ebf5f9",
   "ColorError": "#dc3838",
@@ -451,2 +455,10 @@ "ColorWarning": "#ea7400",
   "SizingItem075": 20,
+  "SizingSpinner100": 88,
+  "SizingSpinner200": 104,
+  "SizingSpinner300": 120,
+  "SizingSpinner400": 136,
+  "SizingSpinner500": 152,
+  "SizingSpinner600": 168,
+  "SizingSpinner700": 184,
+  "SizingSpinner800": 200,
   "Shadow100": "0 2px 3px 0 rgba(0,0,0,0.24), 0 1px 3px 0 rgba(0,0,0,0.16)",
@@ -453,0 +465,0 @@ "Shadow200": "0 4px 6px 0 rgba(0,0,0,0.24), 0 2px 6px 0 rgba(0,0,0,0.16)",

build/json/variablesDarkTheme.json

@@ -62,2 +62,6 @@ {
   "ColorBgSwitchHandleNegative": "#212121",
+  "ColorBgBgError100": "#302323",
+  "ColorBgBgWarning100": "#31281e",
+  "ColorBgBgSuccess100": "#202923",
+  "ColorBgBgInfo100": "#1f282c",
   "ColorError": "#e77878",
@@ -451,2 +455,10 @@ "ColorWarning": "#f1a052",
   "SizingItem075": 20,
+  "SizingSpinner100": 88,
+  "SizingSpinner200": 104,
+  "SizingSpinner300": 120,
+  "SizingSpinner400": 136,
+  "SizingSpinner500": 152,
+  "SizingSpinner600": 168,
+  "SizingSpinner700": 184,
+  "SizingSpinner800": 200,
   "Shadow100": "0 2px 3px 0 rgba(0,0,0,0.24), 0 1px 3px 0 rgba(0,0,0,0.16)",
@@ -453,0 +465,0 @@ "Shadow200": "0 4px 6px 0 rgba(0,0,0,0.24), 0 2px 6px 0 rgba(0,0,0,0.16)",

build/json/variablesLegacyTheme.json

@@ -62,2 +62,6 @@ {
   "ColorBgSwitchHandleNegative": "#ffffff",
+  "ColorBgBgError100": "#fdefef",
+  "ColorBgBgWarning100": "#fef4eb",
+  "ColorBgBgSuccess100": "#edf6ef",
+  "ColorBgBgInfo100": "#ebf5f9",
   "ColorError": "#dc3838",
@@ -451,2 +455,10 @@ "ColorWarning": "#ea7400",
   "SizingItem075": 20,
+  "SizingSpinner100": 88,
+  "SizingSpinner200": 104,
+  "SizingSpinner300": 120,
+  "SizingSpinner400": 136,
+  "SizingSpinner500": 152,
+  "SizingSpinner600": 168,
+  "SizingSpinner700": 184,
+  "SizingSpinner800": 200,
   "Shadow100": "0 2px 3px 0 rgba(0,0,0,0.24), 0 1px 3px 0 rgba(0,0,0,0.16)",
@@ -453,0 +465,0 @@ "Shadow200": "0 4px 6px 0 rgba(0,0,0,0.24), 0 2px 6px 0 rgba(0,0,0,0.16)",

changelog.md

@@ -0,1 +1,17 @@
+# 0.0.10
+## Added
+- new tokens:
+  `sizing-spinner-100`
+  `sizing-spinner-200`
+  `sizing-spinner-300`
+  `sizing-spinner-400`
+  `sizing-spinner-500`
+  `sizing-spinner-600`
+  `sizing-spinner-700`
+  `sizing-spinner-800`
+  `color-bg-error-100`
+  `color-bg-warning-100`
+  `color-bg-info-100`
+  `color-bg-success-100`
+
 # 0.0.9
@@ -2,0 +18,0 @@ ## Changed

package.json

 {
   "name": "@quadient/design-tokens",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "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/color.json

@@ -193,2 +193,14 @@ {
         }
+      },
+      "bg-error-100": {
+        "value": "{color.base.red.100.value}"
+      },
+      "bg-warning-100": {
+        "value": "{color.base.orange.100.value}"
+      },
+      "bg-success-100": {
+        "value": "{color.base.emerald-green.100.value}"
+      },
+      "bg-info-100": {
+        "value": "{color.base.ocean-blue.100.value}"
       }
@@ -195,0 +207,0 @@ },

src/darkTheme/color.json

@@ -175,2 +175,14 @@ {
         }
+      },
+      "bg-error-100": {
+        "value": "{color.base.red.900.value}"
+      },
+      "bg-warning-100": {
+        "value": "{color.base.orange.900.value}"
+      },
+      "bg-success-100": {
+        "value": "{color.base.emerald-green.900.value}"
+      },
+      "bg-info-100": {
+        "value": "{color.base.ocean-blue.900.value}"
       }
@@ -177,0 +189,0 @@ },

src/sizing.json

@@ -22,4 +22,14 @@ {
       "500": { "value": 64, "unit": "px" }
+    },
+    "spinner": {
+      "100": { "value": 88, "unit": "px" },
+      "200": { "value": 104, "unit": "px" },
+      "300": { "value": 120, "unit": "px" },
+      "400": { "value": 136, "unit": "px" },
+      "500": { "value": 152, "unit": "px" },
+      "600": { "value": 168, "unit": "px" },
+      "700": { "value": 184, "unit": "px" },
+      "800": { "value": 200, "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

341603

increased by2.15%

Lines of code

5865

increased by2.48%

No dependency changes