fix: Adding in new input border colors (#77)

* Adding in new input border colors * Transformed tokens * Built and updated design tokens * Prettified Code! Co-authored-by: iryanclarke <[email protected]>
Fullscript · Aug 31, 2022 · 7858d81 · 7858d81
1 parent 5dfb5c0
commit 7858d81
Show file tree

Hide file tree

Showing 17 changed files with 56 additions and 17 deletions.
diff --git a/build/native/colors.d.ts b/build/native/colors.d.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 24 Aug 2022 18:23:03 GMT
+ * Generated on Wed, 31 Aug 2022 17:09:46 GMT
  */
 
 export const green: {

diff --git a/build/native/colors.js b/build/native/colors.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 24 Aug 2022 18:23:03 GMT
+ * Generated on Wed, 31 Aug 2022 17:09:46 GMT
  */
 
 module.exports = {

diff --git a/build/native/themes/light.d.ts b/build/native/themes/light.d.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 24 Aug 2022 18:23:03 GMT
+ * Generated on Wed, 31 Aug 2022 17:09:46 GMT
  */
 
 export const text: {
@@ -130,4 +130,7 @@ export const input: {
   textPlaceholder: string;
   borderBase: string;
   borderError: string;
+  borderHover: string;
+  borderEmphasized: string;
+  borderActive: string;
 };
diff --git a/build/native/themes/light.js b/build/native/themes/light.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 24 Aug 2022 18:23:03 GMT
+ * Generated on Wed, 31 Aug 2022 17:09:46 GMT
  */
 
 module.exports = {
@@ -131,5 +131,8 @@ module.exports = {
     textPlaceholder: "#596D84",
     borderBase: "#E6EDF5",
     borderError: "#AF2645",
+    borderHover: "#C8D3E0",
+    borderEmphasized: "#475A70",
+    borderActive: "#3971A8",
   },
 };
diff --git a/build/native/typography.d.ts b/build/native/typography.d.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 24 Aug 2022 18:23:03 GMT
+ * Generated on Wed, 31 Aug 2022 17:09:46 GMT
  */
 
 export const letterSpacingBase: number;

diff --git a/build/native/typography.js b/build/native/typography.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 24 Aug 2022 18:23:03 GMT
+ * Generated on Wed, 31 Aug 2022 17:09:46 GMT
  */
 
 module.exports = {

diff --git a/build/scss/colors.scss b/build/scss/colors.scss
@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 24 Aug 2022 18:23:03 GMT
+// Generated on Wed, 31 Aug 2022 17:09:46 GMT
 
 $green100: #FAFFFC;
 $green200: #EBF2EF;

diff --git a/build/scss/themes/light.scss b/build/scss/themes/light.scss
@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 24 Aug 2022 18:23:03 GMT
+// Generated on Wed, 31 Aug 2022 17:09:46 GMT
 
 $textHeader: #2E3A47;
 $textEmphasis: #36485C;
@@ -109,4 +109,7 @@ $inputTextFloatingLabel: #3971A8;
 $inputTextFloatingLabelError: #AF2645;
 $inputTextPlaceholder: #596D84;
 $inputBorderBase: #E6EDF5;
-$inputBorderError: #AF2645;
+$inputBorderError: #AF2645;
+$inputBorderHover: #C8D3E0;
+$inputBorderEmphasized: #475A70;
+$inputBorderActive: #3971A8;
diff --git a/build/scss/typography.scss b/build/scss/typography.scss
@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 24 Aug 2022 18:23:03 GMT
+// Generated on Wed, 31 Aug 2022 17:09:46 GMT
 
 $letterSpacingBase: 0;
 $paragraphSpacingBase: 0;

diff --git a/build/ts/colors.d.ts b/build/ts/colors.d.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 24 Aug 2022 18:23:03 GMT
+ * Generated on Wed, 31 Aug 2022 17:09:46 GMT
  */
 
 export const green: {

diff --git a/build/ts/colors.js b/build/ts/colors.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 24 Aug 2022 18:23:03 GMT
+ * Generated on Wed, 31 Aug 2022 17:09:46 GMT
  */
 
 module.exports = {

diff --git a/build/ts/themes/light.d.ts b/build/ts/themes/light.d.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 24 Aug 2022 18:23:03 GMT
+ * Generated on Wed, 31 Aug 2022 17:09:46 GMT
  */
 
 export const text: {
@@ -130,4 +130,7 @@ export const input: {
   textPlaceholder: string;
   borderBase: string;
   borderError: string;
+  borderHover: string;
+  borderEmphasized: string;
+  borderActive: string;
 };
diff --git a/build/ts/themes/light.js b/build/ts/themes/light.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 24 Aug 2022 18:23:03 GMT
+ * Generated on Wed, 31 Aug 2022 17:09:46 GMT
  */
 
 module.exports = {
@@ -131,5 +131,8 @@ module.exports = {
     textPlaceholder: "#596D84",
     borderBase: "#E6EDF5",
     borderError: "#AF2645",
+    borderHover: "#C8D3E0",
+    borderEmphasized: "#475A70",
+    borderActive: "#3971A8",
   },
 };
diff --git a/build/ts/typography.d.ts b/build/ts/typography.d.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 24 Aug 2022 18:23:03 GMT
+ * Generated on Wed, 31 Aug 2022 17:09:46 GMT
  */
 
 export const letterSpacingBase: number;

diff --git a/build/ts/typography.js b/build/ts/typography.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 24 Aug 2022 18:23:03 GMT
+ * Generated on Wed, 31 Aug 2022 17:09:46 GMT
  */
 
 module.exports = {

diff --git a/data/light.json b/data/light.json
@@ -495,8 +495,20 @@
         "error": {
           "value": "{colors.red.600}",
           "type": "color"
+        },
+        "hover": {
+          "value": "{colors.grey.400}",
+          "type": "color"
+        },
+        "emphasized": {
+          "value": "{colors.grey.600}",
+          "type": "color"
+        },
+        "active": {
+          "value": "{colors.blue.600}",
+          "type": "color"
         }
       }
     }
   }
-}
+}
diff --git a/transformed/transformed-light.json b/transformed/transformed-light.json
@@ -495,6 +495,18 @@
         "error": {
           "value": "#AF2645",
           "type": "color"
+        },
+        "hover": {
+          "value": "#C8D3E0",
+          "type": "color"
+        },
+        "emphasized": {
+          "value": "#475A70",
+          "type": "color"
+        },
+        "active": {
+          "value": "#3971A8",
+          "type": "color"
         }
       }
     }