@quadient/design-tokens - npm Package Compare versions

Comparing version 0.0.17 to 0.0.18

build/js/variables.js

 /**
  * Do not edit directly
- * Generated on Fri, 24 Sep 2021 08:01:55 GMT
+ * Generated on Thu, 07 Oct 2021 06:52:03 GMT
  */
@@ -429,2 +429,6 @@
 export const OpacityDisabled = 0.32;
+export const OpacityInteractiveDefault = 1;
+export const OpacityInteractiveHover = 0.92;
+export const OpacityInteractiveSelected = 0.88;
+export const OpacityInteractivePressed = 0.84;
 export const OpacityBase100 = 0.08;
@@ -475,8 +479,21 @@ export const OpacityBase150 = 0.12;
 export const SizingItem200 = 28;
+export const SizingItem250 = 32;
 export const SizingItem300 = 36;
+export const SizingItem350 = 40;
 export const SizingItem400 = 48;
 export const SizingItem450 = 52;
+export const SizingItem480 = 60;
 export const SizingItem500 = 64;
+export const SizingItem600 = 128;
+export const SizingItem620 = 160;
+export const SizingItem680 = 320;
+export const SizingItem700 = 400;
+export const SizingItem750 = 608;
+export const SizingItem780 = 816;
+export const SizingItem800 = 1024;
+export const SizingItem850 = 1280;
+export const SizingItem900 = 1440;
 export const SizingItem020 = 4;
 export const SizingItem030 = 8;
+export const SizingItem035 = 10;
 export const SizingItem040 = 12;
@@ -483,0 +500,0 @@ export const SizingItem050 = 16;

build/js/variablesDarkTheme.js

 /**
  * Do not edit directly
- * Generated on Fri, 24 Sep 2021 08:02:00 GMT
+ * Generated on Thu, 07 Oct 2021 06:52:07 GMT
  */
@@ -429,2 +429,6 @@
 export const OpacityDisabled = 0.32;
+export const OpacityInteractiveDefault = 1;
+export const OpacityInteractiveHover = 0.92;
+export const OpacityInteractiveSelected = 0.88;
+export const OpacityInteractivePressed = 0.84;
 export const OpacityBase100 = 0.08;
@@ -475,8 +479,21 @@ export const OpacityBase150 = 0.12;
 export const SizingItem200 = 28;
+export const SizingItem250 = 32;
 export const SizingItem300 = 36;
+export const SizingItem350 = 40;
 export const SizingItem400 = 48;
 export const SizingItem450 = 52;
+export const SizingItem480 = 60;
 export const SizingItem500 = 64;
+export const SizingItem600 = 128;
+export const SizingItem620 = 160;
+export const SizingItem680 = 320;
+export const SizingItem700 = 400;
+export const SizingItem750 = 608;
+export const SizingItem780 = 816;
+export const SizingItem800 = 1024;
+export const SizingItem850 = 1280;
+export const SizingItem900 = 1440;
 export const SizingItem020 = 4;
 export const SizingItem030 = 8;
+export const SizingItem035 = 10;
 export const SizingItem040 = 12;
@@ -483,0 +500,0 @@ export const SizingItem050 = 16;

build/js/variablesLegacyTheme.js

 /**
  * Do not edit directly
- * Generated on Fri, 24 Sep 2021 08:02:06 GMT
+ * Generated on Thu, 07 Oct 2021 06:52:12 GMT
  */
@@ -429,2 +429,6 @@
 export const OpacityDisabled = 0.32;
+export const OpacityInteractiveDefault = 1;
+export const OpacityInteractiveHover = 0.92;
+export const OpacityInteractiveSelected = 0.88;
+export const OpacityInteractivePressed = 0.84;
 export const OpacityBase100 = 0.08;
@@ -475,8 +479,21 @@ export const OpacityBase150 = 0.12;
 export const SizingItem200 = 28;
+export const SizingItem250 = 32;
 export const SizingItem300 = 36;
+export const SizingItem350 = 40;
 export const SizingItem400 = 48;
 export const SizingItem450 = 52;
+export const SizingItem480 = 60;
 export const SizingItem500 = 64;
+export const SizingItem600 = 128;
+export const SizingItem620 = 160;
+export const SizingItem680 = 320;
+export const SizingItem700 = 400;
+export const SizingItem750 = 608;
+export const SizingItem780 = 816;
+export const SizingItem800 = 1024;
+export const SizingItem850 = 1280;
+export const SizingItem900 = 1440;
 export const SizingItem020 = 4;
 export const SizingItem030 = 8;
+export const SizingItem035 = 10;
 export const SizingItem040 = 12;
@@ -483,0 +500,0 @@ export const SizingItem050 = 16;

build/json/variables.json

@@ -425,2 +425,6 @@ {
   "OpacityDisabled": 0.32,
+  "OpacityInteractiveDefault": 1,
+  "OpacityInteractiveHover": 0.92,
+  "OpacityInteractiveSelected": 0.88,
+  "OpacityInteractivePressed": 0.84,
   "OpacityBase100": 0.08,
@@ -471,8 +475,21 @@ "OpacityBase150": 0.12,
   "SizingItem200": 28,
+  "SizingItem250": 32,
   "SizingItem300": 36,
+  "SizingItem350": 40,
   "SizingItem400": 48,
   "SizingItem450": 52,
+  "SizingItem480": 60,
   "SizingItem500": 64,
+  "SizingItem600": 128,
+  "SizingItem620": 160,
+  "SizingItem680": 320,
+  "SizingItem700": 400,
+  "SizingItem750": 608,
+  "SizingItem780": 816,
+  "SizingItem800": 1024,
+  "SizingItem850": 1280,
+  "SizingItem900": 1440,
   "SizingItem020": 4,
   "SizingItem030": 8,
+  "SizingItem035": 10,
   "SizingItem040": 12,
@@ -479,0 +496,0 @@ "SizingItem050": 16,

build/json/variablesDarkTheme.json

@@ -425,2 +425,6 @@ {
   "OpacityDisabled": 0.32,
+  "OpacityInteractiveDefault": 1,
+  "OpacityInteractiveHover": 0.92,
+  "OpacityInteractiveSelected": 0.88,
+  "OpacityInteractivePressed": 0.84,
   "OpacityBase100": 0.08,
@@ -471,8 +475,21 @@ "OpacityBase150": 0.12,
   "SizingItem200": 28,
+  "SizingItem250": 32,
   "SizingItem300": 36,
+  "SizingItem350": 40,
   "SizingItem400": 48,
   "SizingItem450": 52,
+  "SizingItem480": 60,
   "SizingItem500": 64,
+  "SizingItem600": 128,
+  "SizingItem620": 160,
+  "SizingItem680": 320,
+  "SizingItem700": 400,
+  "SizingItem750": 608,
+  "SizingItem780": 816,
+  "SizingItem800": 1024,
+  "SizingItem850": 1280,
+  "SizingItem900": 1440,
   "SizingItem020": 4,
   "SizingItem030": 8,
+  "SizingItem035": 10,
   "SizingItem040": 12,
@@ -479,0 +496,0 @@ "SizingItem050": 16,

build/json/variablesLegacyTheme.json

@@ -425,2 +425,6 @@ {
   "OpacityDisabled": 0.32,
+  "OpacityInteractiveDefault": 1,
+  "OpacityInteractiveHover": 0.92,
+  "OpacityInteractiveSelected": 0.88,
+  "OpacityInteractivePressed": 0.84,
   "OpacityBase100": 0.08,
@@ -471,8 +475,21 @@ "OpacityBase150": 0.12,
   "SizingItem200": 28,
+  "SizingItem250": 32,
   "SizingItem300": 36,
+  "SizingItem350": 40,
   "SizingItem400": 48,
   "SizingItem450": 52,
+  "SizingItem480": 60,
   "SizingItem500": 64,
+  "SizingItem600": 128,
+  "SizingItem620": 160,
+  "SizingItem680": 320,
+  "SizingItem700": 400,
+  "SizingItem750": 608,
+  "SizingItem780": 816,
+  "SizingItem800": 1024,
+  "SizingItem850": 1280,
+  "SizingItem900": 1440,
   "SizingItem020": 4,
   "SizingItem030": 8,
+  "SizingItem035": 10,
   "SizingItem040": 12,
@@ -479,0 +496,0 @@ "SizingItem050": 16,

changelog.md

@@ -0,1 +1,23 @@
+# 0.0.18
+## Added
+- new tokens:
+  `sizing-item-035`
+  `sizing-item-250`
+  `sizing-item-350`
+  `sizing-item-450`
+  `sizing-item-480`
+  `sizing-item-600`
+  `sizing-item-620`
+  `sizing-item-680`
+  `sizing-item-700`
+  `sizing-item-750`
+  `sizing-item-780`
+  `sizing-item-800`
+  `sizing-item-850`
+  `sizing-item-900`
+  `opacity-interactive-default`
+  `opacity-interactive-hover`
+  `opacity-interactive-selected`
+  `opacity-interactive-pressed`
+
 # 0.0.17
@@ -2,0 +24,0 @@ ## Added

package.json

 {
   "name": "@quadient/design-tokens",
-  "version": "0.0.17",
+  "version": "0.0.18",
   "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/opacity.json

 {
   "opacity": {
-    "disabled": { "value": "{opacity.base.400.value}" }
+    "disabled": { "value": "{opacity.base.400.value}" },
+    "interactive-default": { "value": "{opacity.base.1000.value}" },
+    "interactive-hover": { "value": "{opacity.base.900.value}" },
+    "interactive-selected": { "value": "{opacity.base.850.value}" },
+    "interactive-pressed": { "value": "{opacity.base.800.value}" }
   }
 }

src/sizing.json

@@ -13,2 +13,3 @@ {
       "030": { "value": 8, "unit": "px" },
+      "035": { "value": 10, "unit": "px" },
       "040": { "value": 12, "unit": "px" },
@@ -19,6 +20,18 @@ "050": { "value": 16, "unit": "px" },
       "200": { "value": 28, "unit": "px" },
+      "250": { "value": 32, "unit": "px" },
       "300": { "value": 36, "unit": "px" },
+      "350": { "value": 40, "unit": "px" },
       "400": { "value": 48, "unit": "px" },
       "450": { "value": 52, "unit": "px" },
-      "500": { "value": 64, "unit": "px" }
+      "480": { "value": 60, "unit": "px" },
+      "500": { "value": 64, "unit": "px" },
+      "600": { "value": 128, "unit": "px" },
+      "620": { "value": 160, "unit": "px" },
+      "680": { "value": 320, "unit": "px" },
+      "700": { "value": 400, "unit": "px" },
+      "750": { "value": 608, "unit": "px" },
+      "780": { "value": 816, "unit": "px" },
+      "800": { "value": 1024, "unit": "px" },
+      "850": { "value": 1280, "unit": "px" },
+      "900": { "value": 1440, "unit": "px" }
     },
@@ -25,0 +38,0 @@ "spinner": {

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

373632

increased by2.43%

Lines of code

6402

increased by2.73%

No dependency changes