suus-design-tokens 1.0.21 → 1.0.23

package/dist/tokens.css

@@ -73,8 +73,10 @@
   --color-surface-gradient-to: var(--color-green-midnight);
   --color-form-background-enabled: var(--color-gray-white);
   --color-form-background-disabled: var(--color-gray-light);
+  --color-form-background-checked: var(--color-green-midnight);
   --color-form-glassy-background-enabled: var(--color-gray-white-transparent-40);
   --color-form-glassy-background-disabled: var(--color-gray-light);
+  --color-form-glassy-background-checked: var(--color-green-midnight);
   --color-text-dark: var(--color-gray-dark);
   --color-text-light: var(--color-gray-white);
   --color-text-muted: var(--color-gray-midnight);
@@ -139,12 +141,16 @@
   --button-padding-right: var(--padding-40);
   --form-input-default-background-enabled: var(--color-gray-white);
   --form-input-default-background-disabled: var(--color-gray-bright);
+  --form-input-default-background-hover: var(--color-green-default);
+  --form-input-default-border-color-hover: var(--color-green-midnight);
   --form-input-default-border-color-disabled: var(--color-gray-light);
   --form-input-glassy-background-enabled: var(--color-gray-white-transparent-40);
   --form-input-glassy-background-disabled: var(--color-gray-bright);
+  --form-input-glassy-background-hover: var(--color-green-midnight);
   --form-input-glassy-text-placeholder: var(--color-gray-light);
   --form-input-glassy-border-color-enabled: var(--color-gray-white-transparent-70);
   --form-input-glassy-border-color-selected: var(--color-gray-white);
+  --form-input-glassy-border-color-hover: var(--color-green-midnight);
   --form-input-glassy-border-color-disabled: var(--color-gray-light);
   --form-input-radius: var(--radius-default);
   --form-message-font-size: var(--typeface-font-size-small-16);

package/dist/tokens.js

@@ -40,8 +40,10 @@ export const ColorSurfaceGradientFrom = "#d0e646";
 export const ColorSurfaceGradientTo = "#5c6814";
 export const ColorFormBackgroundEnabled = "#ffffff";
 export const ColorFormBackgroundDisabled = "#dfdfdf";
+export const ColorFormBackgroundChecked = "#5c6814";
 export const ColorFormGlassyBackgroundEnabled = "#ffffff66";
 export const ColorFormGlassyBackgroundDisabled = "#dfdfdf";
+export const ColorFormGlassyBackgroundChecked = "#5c6814";
 export const ColorTextDark = "#272727";
 export const ColorTextLight = "#ffffff";
 export const ColorTextMuted = "#5b5a5a";
@@ -236,19 +238,23 @@ export const ButtonPaddingLeft = "32px";
 export const ButtonPaddingRight = "40px";
 export const FormInputDefaultBackgroundEnabled = "#ffffff";
 export const FormInputDefaultBackgroundDisabled = "#eeeeee";
+export const FormInputDefaultBackgroundHover = "#afc33b";
 export const FormInputDefaultTextLabel = "#272727";
 export const FormInputDefaultTextContent = "#272727";
 export const FormInputDefaultTextPlaceholder = "#c2bfbf";
 export const FormInputDefaultBorderColorEnabled = "#dfdfdf";
 export const FormInputDefaultBorderColorSelected = "#afc33b";
+export const FormInputDefaultBorderColorHover = "#5c6814";
 export const FormInputDefaultBorderColorDisabled = "#dfdfdf";
 export const FormInputGlassyBackgroundEnabled = "#ffffff66";
 export const FormInputGlassyBackgroundDisabled = "#eeeeee";
+export const FormInputGlassyBackgroundHover = "#5c6814";
 export const FormInputGlassyTextLabel = "#ffffff";
 export const FormInputGlassyTextPlaceholder = "#dfdfdf";
 export const FormInputGlassyTextContent = "#ffffff";
 export const FormInputGlassyBorderColorEnabled = "#ffffffb3";
 export const FormInputGlassyBorderColorSelected = "#ffffff";
+export const FormInputGlassyBorderColorHover = "#5c6814";
 export const FormInputGlassyBorderColorDisabled = "#dfdfdf";
 export const FormInputRadius = "16px";
 export const FormMessageInfoTextColor = "#afc33b";

package/dist/tokens.json

@@ -53,12 +53,14 @@
     "form": {
       "background": {
         "enabled": "#ffffff",
-        "disabled": "#dfdfdf"
+        "disabled": "#dfdfdf",
+        "checked": "#5c6814"
       },
       "glassy": {
         "background": {
           "enabled": "#ffffff66",
-          "disabled": "#dfdfdf"
+          "disabled": "#dfdfdf",
+          "checked": "#5c6814"
         }
       }
     },
@@ -368,7 +370,8 @@
       "default": {
         "background": {
           "enabled": "#ffffff",
-          "disabled": "#eeeeee"
+          "disabled": "#eeeeee",
+          "hover": "#afc33b"
         },
         "text": {
           "label": "#272727",
@@ -379,6 +382,7 @@
           "color": {
             "enabled": "#dfdfdf",
             "selected": "#afc33b",
+            "hover": "#5c6814",
             "disabled": "#dfdfdf"
           }
         }
@@ -386,7 +390,8 @@
       "glassy": {
         "background": {
           "enabled": "#ffffff66",
-          "disabled": "#eeeeee"
+          "disabled": "#eeeeee",
+          "hover": "#5c6814"
         },
         "text": {
           "label": "#ffffff",
@@ -397,6 +402,7 @@
           "color": {
             "enabled": "#ffffffb3",
             "selected": "#ffffff",
+            "hover": "#5c6814",
             "disabled": "#dfdfdf"
           }
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "suus-design-tokens",
-  "version": "1.0.21",
+  "version": "1.0.23",
   "description": "",
   "keywords": [],
   "author": "",