feat: Fixed DS3 theme and updated colors

* Fixing build? * Transformed tokens * Built and updated design tokens * Ugh * gnnhnh * Transformed tokens * Built and updated design tokens * Transformed tokens * Built and updated design tokens * Files compiled! * Themz * Transformed tokens * Built and updated design tokens * Fixings * Transformed tokens * Built and updated design tokens * Files compiled! * Compiled * Whoops * Transformed tokens * Built and updated design tokens * Files compiled! --------- Co-authored-by: Ian Clarke <[email protected]> Co-authored-by: iryanclarke <[email protected]>
Fullscript · Jun 19, 2023 · f02b7de · f02b7de
1 parent ad7a97c
commit f02b7de
Show file tree

Hide file tree

Showing 66 changed files with 162 additions and 85 deletions.
diff --git a/build.js b/build.js
@@ -160,7 +160,7 @@ const themes = [
   "core-light",
   "core-dark",
   "light",
-  "light-ds3",
+  "lightDS3",
   "dark",
   "emerson",
 ];

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 Wed, 31 May 2023 20:32:50 GMT
+ * Generated on Mon, 19 Jun 2023 19:41:15 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 Wed, 31 May 2023 20:32:50 GMT
+ * Generated on Mon, 19 Jun 2023 19:41:15 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 Wed, 31 May 2023 20:32:50 GMT
+ * Generated on Mon, 19 Jun 2023 19:41:15 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 Wed, 31 May 2023 20:32:50 GMT
+ * Generated on Mon, 19 Jun 2023 19:41:15 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 Wed, 31 May 2023 20:32:50 GMT
+ * Generated on Mon, 19 Jun 2023 19:41:15 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 Wed, 31 May 2023 20:32:50 GMT
+ * Generated on Mon, 19 Jun 2023 19:41:15 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 Wed, 31 May 2023 20:32:50 GMT
+ * Generated on Mon, 19 Jun 2023 19:41:15 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 Wed, 31 May 2023 20:32:50 GMT
+ * Generated on Mon, 19 Jun 2023 19:41:15 GMT
  */
 
 module.exports = {text : {emphasis:{

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 Wed, 31 May 2023 20:32:50 GMT
+ * Generated on Mon, 19 Jun 2023 19:41:15 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 Wed, 31 May 2023 20:32:50 GMT
+ * Generated on Mon, 19 Jun 2023 19:41:15 GMT
  */
 
 module.exports = {text : {emphasis:{
@@ -112,7 +112,7 @@ surface : {level0:{
           }},
 primary : {textBase:{
             name: "primary.textBase",
-            hex: "#307553",
+            hex: "#36485C",
             description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons"
           },textHover:{
             name: "primary.textHover",
@@ -124,7 +124,7 @@ primary : {textBase:{
             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: "#36485C",
             description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast"
           },backgroundHover:{
             name: "primary.backgroundHover",

diff --git a/dist/documentation/themes/light-ds3.d.ts → dist/documentation/themes/lightDS3.d.ts b/dist/documentation/themes/light-ds3.d.ts → dist/documentation/themes/lightDS3.d.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 31 May 2023 20:32:50 GMT
+ * Generated on Mon, 19 Jun 2023 19:41:15 GMT
  */
 
 export const text : {emphasis:{

diff --git a/dist/documentation/themes/light-ds3.js → dist/documentation/themes/lightDS3.js b/dist/documentation/themes/light-ds3.js → dist/documentation/themes/lightDS3.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 31 May 2023 20:32:50 GMT
+ * Generated on Mon, 19 Jun 2023 19:41:15 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 Wed, 31 May 2023 20:32:50 GMT
+ * Generated on Mon, 19 Jun 2023 19:41:15 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 Wed, 31 May 2023 20:32:50 GMT
+ * Generated on Mon, 19 Jun 2023 19:41:15 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 Wed, 31 May 2023 20:32:50 GMT
+ * Generated on Mon, 19 Jun 2023 19:41:15 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 Wed, 31 May 2023 20:32:50 GMT
+ * Generated on Mon, 19 Jun 2023 19:41:15 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 Wed, 31 May 2023 20:32:50 GMT
+ * Generated on Mon, 19 Jun 2023 19:41:15 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 Wed, 31 May 2023 20:32:50 GMT
+ * Generated on Mon, 19 Jun 2023 19:41:15 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 Wed, 31 May 2023 20:32:50 GMT
+ * Generated on Mon, 19 Jun 2023 19:41:15 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 Wed, 31 May 2023 20:32:50 GMT
+ * Generated on Mon, 19 Jun 2023 19:41:15 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 Wed, 31 May 2023 20:32:50 GMT
+ * Generated on Mon, 19 Jun 2023 19:41:15 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/ts/themes/light-ds3.d.ts → dist/tokens/native/themes/lightDS3.d.ts b/dist/tokens/ts/themes/light-ds3.d.ts → dist/tokens/native/themes/lightDS3.d.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 31 May 2023 20:32:50 GMT
+ * Generated on Mon, 19 Jun 2023 19:41:15 GMT
  */
 
 export const theme: string;

diff --git a/dist/tokens/ts/themes/light-ds3.js → dist/tokens/native/themes/lightDS3.js b/dist/tokens/ts/themes/light-ds3.js → 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 Wed, 31 May 2023 20:32:50 GMT
+ * Generated on Mon, 19 Jun 2023 19:41:15 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, 31 May 2023 20:32:50 GMT
+ * Generated on Mon, 19 Jun 2023 19:41:15 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 Wed, 31 May 2023 20:32:50 GMT
+// Generated on Mon, 19 Jun 2023 19:41:15 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 Wed, 31 May 2023 20:32:50 GMT
+// Generated on Mon, 19 Jun 2023 19:41:15 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 Wed, 31 May 2023 20:32:50 GMT
+// Generated on Mon, 19 Jun 2023 19:41:15 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 Wed, 31 May 2023 20:32:50 GMT
+// Generated on Mon, 19 Jun 2023 19:41:15 GMT
 
 $textEmphasis: #E8E9EA;
 $textBody: #98999B;

diff --git a/dist/tokens/scss/themes/emerson.scss b/dist/tokens/scss/themes/emerson.scss
@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 31 May 2023 20:32:50 GMT
+// Generated on Mon, 19 Jun 2023 19:41:15 GMT
 
 $textEmphasis: #1A1D21;
 $textBody: #22272B;

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, 31 May 2023 20:32:50 GMT
+// Generated on Mon, 19 Jun 2023 19:41:15 GMT
 
 $textEmphasis: #36485C;
 $textBody: #475A70;
@@ -28,10 +28,10 @@ $surfaceInteractiveActive: #E6EDF5;
 $surfaceOverlayDark: #2E3A47;
 $surfaceOverlayTheme: #FFFFFF;
 $surfaceOverlayBackdrop: #36485C;
-$primaryTextBase: #307553;
+$primaryTextBase: #36485C;
 $primaryTextHover: #275E43;
 $primaryTextActive: #244C38;
-$primaryBackgroundBase: #307553;
+$primaryBackgroundBase: #36485C;
 $primaryBackgroundHover: #275E43;
 $primaryBackgroundActive: #244C38;
 $primaryBackgroundMuted: #EBF2EF;

diff --git a/dist/tokens/scss/themes/light-ds3.scss → dist/tokens/scss/themes/lightDS3.scss b/dist/tokens/scss/themes/light-ds3.scss → dist/tokens/scss/themes/lightDS3.scss
@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 31 May 2023 20:32:50 GMT
+// Generated on Mon, 19 Jun 2023 19:41:15 GMT
 
 $textEmphasis: #36485C;
 $textBody: #475A70;

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, 31 May 2023 20:32:50 GMT
+// Generated on Mon, 19 Jun 2023 19:41:15 GMT
 
 $letterSpacingBase: 0;
 $paragraphSpacingBase: 0;

diff --git a/dist/tokens/ts/borders.d.ts b/dist/tokens/ts/borders.d.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 31 May 2023 20:32:50 GMT
+ * Generated on Mon, 19 Jun 2023 19:41:15 GMT
  */
 
 export const radiusBase : string;

diff --git a/dist/tokens/ts/borders.js b/dist/tokens/ts/borders.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 31 May 2023 20:32:50 GMT
+ * Generated on Mon, 19 Jun 2023 19:41:15 GMT
  */
 
 module.exports = {

diff --git a/dist/tokens/ts/core-dark-colors.d.ts b/dist/tokens/ts/core-dark-colors.d.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 31 May 2023 20:32:50 GMT
+ * Generated on Mon, 19 Jun 2023 19:41:15 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/core-dark-colors.js b/dist/tokens/ts/core-dark-colors.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 31 May 2023 20:32:50 GMT
+ * Generated on Mon, 19 Jun 2023 19:41:15 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/ts/core-light-colors.d.ts b/dist/tokens/ts/core-light-colors.d.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 31 May 2023 20:32:50 GMT
+ * Generated on Mon, 19 Jun 2023 19:41:15 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/core-light-colors.js b/dist/tokens/ts/core-light-colors.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 31 May 2023 20:32:50 GMT
+ * Generated on Mon, 19 Jun 2023 19:41:15 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/dark.d.ts b/dist/tokens/ts/themes/dark.d.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 31 May 2023 20:32:50 GMT
+ * Generated on Mon, 19 Jun 2023 19:41:15 GMT
  */
 
 export const theme: string;