feat: update input colours

Fullscript · Sep 27, 2022 · 4c0e44a · 4c0e44a
2 parents eb785b7 + 644c1d6
commit 4c0e44a
Show file tree

Hide file tree

Showing 17 changed files with 31 additions and 22 deletions.
diff --git a/dist/tokens/native/colors.d.ts b/dist/tokens/native/colors.d.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 21 Sep 2022 14:00:11 GMT
+ * Generated on Mon, 26 Sep 2022 18:48:34 GMT
  */
 
 export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string};

diff --git a/dist/tokens/native/colors.js b/dist/tokens/native/colors.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 21 Sep 2022 14:00:11 GMT
+ * Generated on Mon, 26 Sep 2022 18:48:34 GMT
  */
 
 module.exports = {green : {100 : "#FAFFFC",200 : "#EBF2EF",300 : "#D1E0D9",400 : "#B6CFC2",500 : "#86B09B",600 : "#307553",700 : "#275E43",800 : "#244C38"},

diff --git a/dist/tokens/native/themes/light.d.ts b/dist/tokens/native/themes/light.d.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 21 Sep 2022 14:00:11 GMT
+ * Generated on Mon, 26 Sep 2022 18:48:34 GMT
  */
 
 export const text : {header : string,emphasis : string,body : string,subdued : string,onBackground : string};
@@ -12,5 +12,5 @@ export const danger : {textBase : string,textHover : string,textActive : string,
 export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string};
 export const system : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string};
 export const disabled : {text : string,background : string,nakedContent : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string};
-export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string};
+export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string};
 export const separator : {base : string};
diff --git a/dist/tokens/native/themes/light.js b/dist/tokens/native/themes/light.js
diff --git a/dist/tokens/native/typography.d.ts b/dist/tokens/native/typography.d.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 21 Sep 2022 14:00:11 GMT
+ * Generated on Mon, 26 Sep 2022 18:48:34 GMT
  */
 
 export const letterSpacingBase : number;

diff --git a/dist/tokens/native/typography.js b/dist/tokens/native/typography.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 21 Sep 2022 14:00:11 GMT
+ * Generated on Mon, 26 Sep 2022 18:48:34 GMT
  */
 
 module.exports = {

diff --git a/dist/tokens/scss/colors.scss b/dist/tokens/scss/colors.scss
@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 21 Sep 2022 14:00:11 GMT
+// Generated on Mon, 26 Sep 2022 18:48:34 GMT
 
 $green100: #FAFFFC;
 $green200: #EBF2EF;

diff --git a/dist/tokens/scss/themes/light.scss b/dist/tokens/scss/themes/light.scss
@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 21 Sep 2022 14:00:11 GMT
+// Generated on Mon, 26 Sep 2022 18:48:34 GMT
 
 $textHeader: #2E3A47;
 $textEmphasis: #36485C;
@@ -102,7 +102,7 @@ $disabledBorder: #C8D3E0;
 $disabledInputBackground: #E6EDF5;
 $disabledInputLabelText: #596D84;
 $inputBackgroundBase: #F5F7FA;
-$inputBackgroundHover: #F5F7FA;
+$inputBackgroundHover: #E6EDF5;
 $inputBackgroundInformation: #FFFFFF;
 $inputTextBase: #475A70;
 $inputTextInformation: #475A70;
@@ -111,6 +111,7 @@ $inputTextLabel: #475A70;
 $inputTextFloatingLabel: #3971A8;
 $inputTextFloatingLabelError: #AF2645;
 $inputTextPlaceholder: #596D84;
+$inputTextActive: #2E3A47;
 $inputBorderBase: #E6EDF5;
 $inputBorderError: #AF2645;
 $inputBorderHover: #C8D3E0;

diff --git a/dist/tokens/scss/typography.scss b/dist/tokens/scss/typography.scss
@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 21 Sep 2022 14:00:11 GMT
+// Generated on Mon, 26 Sep 2022 18:48:34 GMT
 
 $letterSpacingBase: 0;
 $paragraphSpacingBase: 0;

diff --git a/dist/tokens/ts/colors.d.ts b/dist/tokens/ts/colors.d.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 21 Sep 2022 14:00:11 GMT
+ * Generated on Mon, 26 Sep 2022 18:48:34 GMT
  */
 
 export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string};

diff --git a/dist/tokens/ts/colors.js b/dist/tokens/ts/colors.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 21 Sep 2022 14:00:11 GMT
+ * Generated on Mon, 26 Sep 2022 18:48:34 GMT
  */
 
 module.exports = {green : {100 : "#FAFFFC",200 : "#EBF2EF",300 : "#D1E0D9",400 : "#B6CFC2",500 : "#86B09B",600 : "#307553",700 : "#275E43",800 : "#244C38"},

diff --git a/dist/tokens/ts/themes/light.d.ts b/dist/tokens/ts/themes/light.d.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 21 Sep 2022 14:00:11 GMT
+ * Generated on Mon, 26 Sep 2022 18:48:34 GMT
  */
 
 export const text : {header : string,emphasis : string,body : string,subdued : string,onBackground : string};
@@ -12,5 +12,5 @@ export const danger : {textBase : string,textHover : string,textActive : string,
 export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string};
 export const system : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string};
 export const disabled : {text : string,background : string,nakedContent : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string};
-export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string};
+export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string};
 export const separator : {base : string};
diff --git a/dist/tokens/ts/themes/light.js b/dist/tokens/ts/themes/light.js
diff --git a/dist/tokens/ts/typography.d.ts b/dist/tokens/ts/typography.d.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 21 Sep 2022 14:00:11 GMT
+ * Generated on Mon, 26 Sep 2022 18:48:34 GMT
  */
 
 export const letterSpacingBase : number;

diff --git a/dist/tokens/ts/typography.js b/dist/tokens/ts/typography.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 21 Sep 2022 14:00:11 GMT
+ * Generated on Mon, 26 Sep 2022 18:48:34 GMT
  */
 
 module.exports = {

diff --git a/src/data/light.json b/src/data/light.json
@@ -463,7 +463,7 @@
           "type": "color"
         },
         "hover": {
-          "value": "{colors.grey.200}",
+          "value": "{colors.grey.300}",
           "type": "color"
         },
         "information": {
@@ -499,6 +499,10 @@
         "placeholder": {
           "value": "{colors.grey.500}",
           "type": "color"
+        },
+        "active": {
+          "value": "{colors.grey.800}",
+          "type": "color"
         }
       },
       "border": {

diff --git a/src/transformed/transformed-light.json b/src/transformed/transformed-light.json
@@ -463,7 +463,7 @@
           "type": "color"
         },
         "hover": {
-          "value": "#F5F7FA",
+          "value": "#E6EDF5",
           "type": "color"
         },
         "information": {
@@ -499,6 +499,10 @@
         "placeholder": {
           "value": "#596D84",
           "type": "color"
+        },
+        "active": {
+          "value": "#2E3A47",
+          "type": "color"
         }
       },
       "border": {