Changing all greens to blue on Emerson theme (#119)

* Changing all greens to blue on Emerson theme * Transformed tokens * Built and updated design tokens * Files compiled! * Returning Green to sucess state * Transformed tokens * Built and updated design tokens * Files compiled! * Built and updated design tokens * Files compiled! * Types * Transformed tokens * Built and updated design tokens * Files compiled! --------- Co-authored-by: laertejofrejr <[email protected]> Co-authored-by: Ian Clarke <[email protected]> Co-authored-by: iryanclarke <[email protected]>
Fullscript · Aug 15, 2023 · 967fed4 · 967fed4
1 parent 64dbe4b
commit 967fed4
Show file tree

Hide file tree

Showing 67 changed files with 152 additions and 147 deletions.
diff --git a/dist/documentation/core-dark-colors.d.ts b/dist/documentation/core-dark-colors.d.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 27 Jul 2023 17:55:15 GMT
+ * Generated on Tue, 15 Aug 2023 12:32:18 GMT
  */
 
 export const green : {100:{

diff --git a/dist/documentation/core-dark-colors.js b/dist/documentation/core-dark-colors.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 27 Jul 2023 17:55:15 GMT
+ * Generated on Tue, 15 Aug 2023 12:32:18 GMT
  */
 
 module.exports = {green : {100:{

diff --git a/dist/documentation/core-light-colors.d.ts b/dist/documentation/core-light-colors.d.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 27 Jul 2023 17:55:15 GMT
+ * Generated on Tue, 15 Aug 2023 12:32:18 GMT
  */
 
 export const green : {100:{

diff --git a/dist/documentation/core-light-colors.js b/dist/documentation/core-light-colors.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 27 Jul 2023 17:55:15 GMT
+ * Generated on Tue, 15 Aug 2023 12:32:18 GMT
  */
 
 module.exports = {green : {100:{

diff --git a/dist/documentation/themes/dark.d.ts b/dist/documentation/themes/dark.d.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 27 Jul 2023 17:55:15 GMT
+ * Generated on Tue, 15 Aug 2023 12:32:18 GMT
  */
 
 export const text : {emphasis:{

diff --git a/dist/documentation/themes/dark.js b/dist/documentation/themes/dark.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 27 Jul 2023 17:55:15 GMT
+ * Generated on Tue, 15 Aug 2023 12:32:18 GMT
  */
 
 module.exports = {text : {emphasis:{

diff --git a/dist/documentation/themes/emerson.d.ts b/dist/documentation/themes/emerson.d.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 27 Jul 2023 17:55:15 GMT
+ * Generated on Tue, 15 Aug 2023 12:32:18 GMT
  */
 
 export const text : {emphasis:{

diff --git a/dist/documentation/themes/emerson.js b/dist/documentation/themes/emerson.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 27 Jul 2023 17:55:15 GMT
+ * Generated on Tue, 15 Aug 2023 12:32:18 GMT
  */
 
 module.exports = {text : {emphasis:{
@@ -70,7 +70,7 @@ system : {textLabelEmphasis:{
             description: "Used for the pressed border colour for system components"
           },borderFocused:{
             name: "system.borderFocused",
-            hex: "#0281d7",
+            hex: "#3971A8",
             description: "Used for the focused border colour for system components"
           }},
 surface : {level0:{
@@ -112,55 +112,55 @@ surface : {level0:{
           }},
 primary : {textBase:{
             name: "primary.textBase",
-            hex: "#307553",
+            hex: "#3971A8",
             description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons"
           },textHover:{
             name: "primary.textHover",
-            hex: "#275E43",
+            hex: "#21588F",
             description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons"
           },textActive:{
             name: "primary.textActive",
-            hex: "#244C38",
+            hex: "#194673",
             description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons"
           },backgroundBase:{
             name: "primary.backgroundBase",
-            hex: "#307553",
+            hex: "#3971A8",
             description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast"
           },backgroundHover:{
             name: "primary.backgroundHover",
-            hex: "#275E43",
+            hex: "#21588F",
             description: "Used as the hovered background for primary components such as plain buttons"
           },backgroundActive:{
             name: "primary.backgroundActive",
-            hex: "#244C38",
+            hex: "#194673",
             description: "Used as the hovered background for primary components such as plain buttons"
           },backgroundMuted:{
             name: "primary.backgroundMuted",
-            hex: "#EBF2EF",
+            hex: "#E6F1FC",
             description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast"
           },backgroundMutedHover:{
             name: "primary.backgroundMutedHover",
-            hex: "#D1E0D9",
+            hex: "#C0D8F0",
             description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast"
           },backgroundMutedActive:{
             name: "primary.backgroundMutedActive",
-            hex: "#B6CFC2",
+            hex: "#88B1D9",
             description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast"
           },backgroundBox:{
             name: "primary.backgroundBox",
-            hex: "#FAFFFC",
+            hex: "#F5FAFF",
             description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks"
           },borderBase:{
             name: "primary.borderBase",
-            hex: "#307553",
+            hex: "#3971A8",
             description: "Used for the border colour for primary components such as buttons and Message"
           },borderHover:{
             name: "primary.borderHover",
-            hex: "#275E43",
+            hex: "#21588F",
             description: "Used for the hovered border colour for primary components such as buttons"
           },borderActive:{
             name: "primary.borderActive",
-            hex: "#244C38",
+            hex: "#194673",
             description: "Used for the pressed border colour for primary components such as buttons"
           }},
 success : {textBase:{
@@ -218,7 +218,7 @@ success : {textBase:{
           }},
 info : {textBase:{
             name: "info.textBase",
-            hex: "#0281d7",
+            hex: "#3971A8",
             description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons"
           },textHover:{
             name: "info.textHover",
@@ -230,7 +230,7 @@ info : {textBase:{
             description: "Used as the pressed colour for interactive informational components such as links and text buttons"
           },backgroundBase:{
             name: "info.backgroundBase",
-            hex: "#0281d7",
+            hex: "#3971A8",
             description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast"
           },backgroundHover:{
             name: "info.backgroundHover",
@@ -258,7 +258,7 @@ info : {textBase:{
             description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks"
           },borderBase:{
             name: "info.borderBase",
-            hex: "#0281d7",
+            hex: "#3971A8",
             description: "Used for the border colour for informational components such as buttons and Message"
           },borderHover:{
             name: "info.borderHover",
@@ -483,7 +483,7 @@ input : {backgroundBase:{
             description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state"
           },textFloatingLabel:{
             name: "input.textFloatingLabel",
-            hex: "#0281d7",
+            hex: "#3971A8",
             description: "Used as the floated label colour when the HTML input has focus"
           },textFloatingLabelError:{
             name: "input.textFloatingLabelError",
@@ -519,7 +519,7 @@ input : {backgroundBase:{
             description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox"
           },borderActive:{
             name: "input.borderActive",
-            hex: "#0281d7",
+            hex: "#3971A8",
             description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox"
           }},
 separator : {base:{

diff --git a/dist/documentation/themes/light.d.ts b/dist/documentation/themes/light.d.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 27 Jul 2023 17:55:15 GMT
+ * Generated on Tue, 15 Aug 2023 12:32:18 GMT
  */
 
 export const text : {emphasis:{

diff --git a/dist/documentation/themes/light.js b/dist/documentation/themes/light.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 27 Jul 2023 17:55:15 GMT
+ * Generated on Tue, 15 Aug 2023 12:32:18 GMT
  */
 
 module.exports = {text : {emphasis:{

diff --git a/dist/documentation/themes/lightDS3.d.ts b/dist/documentation/themes/lightDS3.d.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 27 Jul 2023 17:55:15 GMT
+ * Generated on Tue, 15 Aug 2023 12:32:18 GMT
  */
 
 export const text : {emphasis:{

diff --git a/dist/documentation/themes/lightDS3.js b/dist/documentation/themes/lightDS3.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 27 Jul 2023 17:55:15 GMT
+ * Generated on Tue, 15 Aug 2023 12:32:18 GMT
  */
 
 module.exports = {text : {emphasis:{

diff --git a/dist/tokens/native/borders.d.ts b/dist/tokens/native/borders.d.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 27 Jul 2023 17:55:15 GMT
+ * Generated on Tue, 15 Aug 2023 12:32:18 GMT
  */
 
 export const radiusBase : number;

diff --git a/dist/tokens/native/borders.js b/dist/tokens/native/borders.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 27 Jul 2023 17:55:15 GMT
+ * Generated on Tue, 15 Aug 2023 12:32:18 GMT
  */
 
 module.exports = {

diff --git a/dist/tokens/native/core-dark-colors.d.ts b/dist/tokens/native/core-dark-colors.d.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 27 Jul 2023 17:55:15 GMT
+ * Generated on Tue, 15 Aug 2023 12:32:18 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/core-dark-colors.js b/dist/tokens/native/core-dark-colors.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 27 Jul 2023 17:55:15 GMT
+ * Generated on Tue, 15 Aug 2023 12:32:18 GMT
  */
 
 module.exports = {green : {100 : "#0C291E",200 : "#13402F",300 : "#1A5740",400 : "#256E53",500 : "#288563",600 : "#42AD86",700 : "#86D6B9",800 : "#DBFFF1"},

diff --git a/dist/tokens/native/core-light-colors.d.ts b/dist/tokens/native/core-light-colors.d.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 27 Jul 2023 17:55:15 GMT
+ * Generated on Tue, 15 Aug 2023 12:32:18 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/core-light-colors.js b/dist/tokens/native/core-light-colors.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 27 Jul 2023 17:55:15 GMT
+ * Generated on Tue, 15 Aug 2023 12:32:18 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/dark.d.ts b/dist/tokens/native/themes/dark.d.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 27 Jul 2023 17:55:15 GMT
+ * Generated on Tue, 15 Aug 2023 12:32:18 GMT
  */
 
 export const theme: string;

diff --git a/dist/tokens/native/themes/dark.js b/dist/tokens/native/themes/dark.js
diff --git a/dist/tokens/native/themes/emerson.d.ts b/dist/tokens/native/themes/emerson.d.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 27 Jul 2023 17:55:15 GMT
+ * Generated on Tue, 15 Aug 2023 12:32:18 GMT
  */
 
 export const theme: string;

diff --git a/dist/tokens/native/themes/emerson.js b/dist/tokens/native/themes/emerson.js
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 Thu, 27 Jul 2023 17:55:15 GMT
+ * Generated on Tue, 15 Aug 2023 12:32:18 GMT
  */
 
 export const theme: string;

diff --git a/dist/tokens/native/themes/light.js b/dist/tokens/native/themes/light.js
diff --git a/dist/tokens/native/themes/lightDS3.d.ts b/dist/tokens/native/themes/lightDS3.d.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 27 Jul 2023 17:55:15 GMT
+ * Generated on Tue, 15 Aug 2023 12:32:18 GMT
  */
 
 export const theme: string;

diff --git a/dist/tokens/native/themes/lightDS3.js b/dist/tokens/native/themes/lightDS3.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 Thu, 27 Jul 2023 17:55:15 GMT
+ * Generated on Tue, 15 Aug 2023 12:32:18 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 Thu, 27 Jul 2023 17:55:15 GMT
+ * Generated on Tue, 15 Aug 2023 12:32:18 GMT
  */
 
 module.exports = {

diff --git a/dist/tokens/scss/borders.scss b/dist/tokens/scss/borders.scss
@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 27 Jul 2023 17:55:15 GMT
+// Generated on Tue, 15 Aug 2023 12:32:18 GMT
 
 $radiusBase: 8px;
 $radiusCircle: 50%;

diff --git a/dist/tokens/scss/core-dark-colors.scss b/dist/tokens/scss/core-dark-colors.scss
@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 27 Jul 2023 17:55:15 GMT
+// Generated on Tue, 15 Aug 2023 12:32:18 GMT
 
 $green100: #0C291E;
 $green200: #13402F;

diff --git a/dist/tokens/scss/core-light-colors.scss b/dist/tokens/scss/core-light-colors.scss
@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 27 Jul 2023 17:55:15 GMT
+// Generated on Tue, 15 Aug 2023 12:32:18 GMT
 
 $green100: #FAFFFC;
 $green200: #EBF2EF;

diff --git a/dist/tokens/scss/themes/dark.scss b/dist/tokens/scss/themes/dark.scss
@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 27 Jul 2023 17:55:15 GMT
+// Generated on Tue, 15 Aug 2023 12:32:18 GMT
 
 $textEmphasis: #E8E9EA;
 $textBody: #98999B;