@quadient/design-tokens - npm Package Compare versions

Comparing version 0.0.1 to 0.0.2

build/js/variables.js

 /**
  * Do not edit directly
- * Generated on Wed, 14 Oct 2020 13:21:34 GMT
+ * Generated on Fri, 20 Nov 2020 09:42:51 GMT
  */
@@ -47,2 +47,9 @@
 export const ColorBgTabSelected = "rgba(64, 72, 75, 0)";
+export const ColorBgInput = "#ffffff";
+export const ColorBgInputError = "#fdefef";
+export const ColorBgInputWarning = "#fef4eb";
+export const ColorBgSwitchPositive = "#994cf2";
+export const ColorBgSwitchNegative = "#a1a4a6";
+export const ColorBgSwitchHandlePositive = "#ffffff";
+export const ColorBgSwitchHandleNegative = "#ffffff";
 export const ColorError = "#dc3838";
@@ -74,2 +81,3 @@ export const ColorWarning = "#ea7400";
 export const ColorBorderWarning = "#ea7400";
+export const ColorBorderInput = "#c2c4c5";
 export const ColorFocus100 = "rgba(255, 255, 255, 0.68)";
@@ -76,0 +84,0 @@ export const ColorFocus200 = "rgba(64, 72, 75, 0.68)";

build/js/variablesDarkTheme.js

 /**
  * Do not edit directly
- * Generated on Wed, 14 Oct 2020 13:21:39 GMT
+ * Generated on Fri, 20 Nov 2020 09:42:56 GMT
  */
@@ -47,2 +47,9 @@
 export const ColorBgTabSelected = "rgba(255, 255, 255, 0)";
+export const ColorBgInput = "#40484b";
+export const ColorBgInputError = "#4d4649";
+export const ColorBgInputWarning = "#4e4b45";
+export const ColorBgSwitchPositive = "#b985f6";
+export const ColorBgSwitchNegative = "#a1a4a6";
+export const ColorBgSwitchHandlePositive = "#40484b";
+export const ColorBgSwitchHandleNegative = "#40484b";
 export const ColorError = "#e77878";
@@ -74,2 +81,3 @@ export const ColorWarning = "#f1a052";
 export const ColorBorderWarning = "#f1a052";
+export const ColorBorderInput = "#7d8385";
 export const ColorFocus100 = "rgba(64, 72, 75, 0.68)";
@@ -76,0 +84,0 @@ export const ColorFocus200 = "rgba(255, 255, 255, 0.68)";

build/json/variables.json

@@ -43,2 +43,9 @@ {
   "ColorBgTabSelected": "rgba(64, 72, 75, 0)",
+  "ColorBgInput": "#ffffff",
+  "ColorBgInputError": "#fdefef",
+  "ColorBgInputWarning": "#fef4eb",
+  "ColorBgSwitchPositive": "#994cf2",
+  "ColorBgSwitchNegative": "#a1a4a6",
+  "ColorBgSwitchHandlePositive": "#ffffff",
+  "ColorBgSwitchHandleNegative": "#ffffff",
   "ColorError": "#dc3838",
@@ -70,2 +77,3 @@ "ColorWarning": "#ea7400",
   "ColorBorderWarning": "#ea7400",
+  "ColorBorderInput": "#c2c4c5",
   "ColorFocus100": "rgba(255, 255, 255, 0.68)",
@@ -72,0 +80,0 @@ "ColorFocus200": "rgba(64, 72, 75, 0.68)",

build/json/variablesDarkTheme.json

@@ -43,2 +43,9 @@ {
   "ColorBgTabSelected": "rgba(255, 255, 255, 0)",
+  "ColorBgInput": "#40484b",
+  "ColorBgInputError": "#4d4649",
+  "ColorBgInputWarning": "#4e4b45",
+  "ColorBgSwitchPositive": "#b985f6",
+  "ColorBgSwitchNegative": "#a1a4a6",
+  "ColorBgSwitchHandlePositive": "#40484b",
+  "ColorBgSwitchHandleNegative": "#40484b",
   "ColorError": "#e77878",
@@ -70,2 +77,3 @@ "ColorWarning": "#f1a052",
   "ColorBorderWarning": "#f1a052",
+  "ColorBorderInput": "#7d8385",
   "ColorFocus100": "rgba(64, 72, 75, 0.68)",
@@ -72,0 +80,0 @@ "ColorFocus200": "rgba(255, 255, 255, 0.68)",

changelog.md

@@ -0,1 +1,13 @@
+# 0.0.2
+## Added
+- new tokens according latest UX specification:
+- color-border-input
+- color-bg-input
+- color-bg-input-error
+- color-bg-input-warning
+- color-bg-switch-positive
+- color-bg-switch-negative
+- color-bg-switch-handle-positive
+- color-bg-switch-handle-negative
+
 # 0.0.1
@@ -2,0 +14,0 @@ ## Added

package.json

 {
   "name": "@quadient/design-tokens",
-  "version": "0.0.1",
-  "description": "Quadient design token generator tool. As an output, various types of formats are generated based on configuration in json input files.",
+  "version": "0.0.2",
+  "description": "Quadient design tokens generator tool. As an output, various types of formats are generated based on configuration in json input files.",
   "main": "config.js",
@@ -20,2 +20,2 @@ "scripts": {
   }
-}
+}

src/color.json

@@ -143,2 +143,11 @@ {
         "opacity": "{opacity.base.000.value}"
+      },
+      "input": { "value": "{color.base.white.value}"},
+      "input-error": { "value": "{color.base.red.100.value}"},
+      "input-warning": { "value": "{color.base.orange.100.value}"},
+      "switch": {
+        "positive": { "value": "{color.primary.value}"},
+        "negative": { "value": "{color.base.grey.500.value}"},
+        "handle-positive": { "value": "{color.base.white.value}"},
+        "handle-negative": { "value": "{color.base.white.value}"}
       }
@@ -177,3 +186,4 @@ },
       "error": { "value": "{color.base.red.500.value}" },
-      "warning": { "value": "{color.base.orange.500.value}" }
+      "warning": { "value": "{color.base.orange.500.value}" },
+      "input": { "value": "{color.base.grey.400.value}" }
     },
@@ -180,0 +190,0 @@ "focus": {

src/darkTheme/color.json

@@ -143,2 +143,11 @@ {
         "opacity": "{opacity.base.000.value}"
+      },
+      "input": { "value": "{color.base.grey1000.value}"},
+      "input-error": { "value": "{color.base.red.900.value}"},
+      "input-warning": { "value": "{color.base.orange.900.value}"},
+      "switch": {
+        "positive": { "value": "{color.primary.value}"},
+        "negative": { "value": "{color.base.grey.500.value}"},
+        "handle-positive": { "value": "{color.base.grey1000.value}"},
+        "handle-negative": { "value": "{color.base.grey1000.value}"}
       }
@@ -176,3 +185,4 @@ },
       "error": { "value": "{color.base.red.300.value}" },
-      "warning": { "value": "{color.base.orange.300.value}" }
+      "warning": { "value": "{color.base.orange.300.value}" },
+      "input": { "value": "{color.base.grey.600.value}" }
     },
@@ -179,0 +189,0 @@ "focus": {

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

197911

increased by2.28%

Lines of code

3262

increased by2.13%

No dependency changes