feat: add light tokens and remove text.header

Fullscript · Oct 4, 2022 · 633e60c · 633e60c
2 parents 4c0e44a + 5365321
commit 633e60c
Show file tree

Hide file tree

Showing 19 changed files with 228 additions and 162 deletions.
diff --git a/dist/helpers/colorProfileMapper.d.ts b/dist/helpers/colorProfileMapper.d.ts
@@ -76,6 +76,7 @@ export declare const colorProfileMapper: (currentTheme: AviaryTheme) => {
         borderActive: string;
     };
     system: {
+        textLabelEmphasis: string;
         textBase: string;
         textHover: string;
         textActive: string;

diff --git a/dist/helpers/colorProfileMapper.d.ts.map b/dist/helpers/colorProfileMapper.d.ts.map
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 Mon, 26 Sep 2022 18:48:34 GMT
+ * Generated on Tue, 04 Oct 2022 20:41:01 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 Mon, 26 Sep 2022 18:48:34 GMT
+ * Generated on Tue, 04 Oct 2022 20:41:01 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,16 +1,17 @@
 /**
  * Do not edit directly
- * Generated on Mon, 26 Sep 2022 18:48:34 GMT
+ * Generated on Tue, 04 Oct 2022 20:41:01 GMT
  */
 
-export const text : {header : string,emphasis : string,body : string,subdued : string,onBackground : string};
+export const text : {emphasis : string,body : string,subdued : string,onBackground : string};
+export const system : {textLabelEmphasis : string,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 surface : {level0 : string,level1 : string,level2 : string,level3 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayInvertable : string,overlayWhiteInvertable : string,overlayStatic : string};
 export const primary : {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 info : {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 warning : {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 danger : {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 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,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string};
-export const separator : {base : string};
+export const separator : {base : string};
+export const light : {backgroundBase : string,backgroundContrast : string,textBase : string,linkMutedBase : string,linkMutedHover : 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 Mon, 26 Sep 2022 18:48:34 GMT
+ * Generated on Tue, 04 Oct 2022 20:41:01 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 Mon, 26 Sep 2022 18:48:34 GMT
+ * Generated on Tue, 04 Oct 2022 20:41:01 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 Mon, 26 Sep 2022 18:48:34 GMT
+// Generated on Tue, 04 Oct 2022 20:41:01 GMT
 
 $green100: #FAFFFC;
 $green200: #EBF2EF;

diff --git a/dist/tokens/scss/themes/light.scss b/dist/tokens/scss/themes/light.scss
@@ -1,12 +1,24 @@
 
 // Do not edit directly
-// Generated on Mon, 26 Sep 2022 18:48:34 GMT
+// Generated on Tue, 04 Oct 2022 20:41:01 GMT
 
-$textHeader: #2E3A47;
 $textEmphasis: #36485C;
 $textBody: #475A70;
 $textSubdued: #596D84;
 $textOnBackground: #FFFFFF;
+$systemTextLabelEmphasis: #2E3A47;
+$systemTextBase: #475A70;
+$systemTextHover: #36485C;
+$systemTextActive: #2E3A47;
+$systemBackgroundBase: #FFFFFF;
+$systemBackgroundMuted: #F5F7FA;
+$systemBackgroundMutedHover: #E6EDF5;
+$systemBackgroundMutedActive: #C8D3E0;
+$systemBackgroundBox: #FCFEFF;
+$systemBorderBase: #C8D3E0;
+$systemBorderHover: #596D84;
+$systemBorderActive: #475A70;
+$systemBorderFocused: #3971A8;
 $surfaceLevel0: #F5F7FA;
 $surfaceLevel1: #FFFFFF;
 $surfaceLevel2: #F5F7FA;
@@ -82,18 +94,6 @@ $highlightBackgroundBox: #FCFAFF;
 $highlightBorderBase: #533E7D;
 $highlightBorderHover: #3B2566;
 $highlightBorderActive: #2A174F;
-$systemTextBase: #475A70;
-$systemTextHover: #36485C;
-$systemTextActive: #2E3A47;
-$systemBackgroundBase: #FFFFFF;
-$systemBackgroundMuted: #F5F7FA;
-$systemBackgroundMutedHover: #E6EDF5;
-$systemBackgroundMutedActive: #C8D3E0;
-$systemBackgroundBox: #FCFEFF;
-$systemBorderBase: #C8D3E0;
-$systemBorderHover: #596D84;
-$systemBorderActive: #475A70;
-$systemBorderFocused: #3971A8;
 $disabledText: #596D84;
 $disabledBackground: #F5F7FA;
 $disabledNakedContent: #F5F7FA;
@@ -118,4 +118,9 @@ $inputBorderHover: #C8D3E0;
 $inputBorderEmphasized: #596D84;
 $inputBorderEmphasizedHover: #475A70;
 $inputBorderActive: #3971A8;
-$separatorBase: #E6EDF5;
+$separatorBase: #E6EDF5;
+$lightBackgroundBase: #FFFFFF;
+$lightBackgroundContrast: #475A70;
+$lightTextBase: #2E3A47;
+$lightLinkMutedBase: #F5F7FA;
+$lightLinkMutedHover: #FFFFFF;
diff --git a/dist/tokens/scss/typography.scss b/dist/tokens/scss/typography.scss
@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 26 Sep 2022 18:48:34 GMT
+// Generated on Tue, 04 Oct 2022 20:41:01 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 Mon, 26 Sep 2022 18:48:34 GMT
+ * Generated on Tue, 04 Oct 2022 20:41:01 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 Mon, 26 Sep 2022 18:48:34 GMT
+ * Generated on Tue, 04 Oct 2022 20:41:01 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,16 +1,17 @@
 /**
  * Do not edit directly
- * Generated on Mon, 26 Sep 2022 18:48:34 GMT
+ * Generated on Tue, 04 Oct 2022 20:41:01 GMT
  */
 
-export const text : {header : string,emphasis : string,body : string,subdued : string,onBackground : string};
+export const text : {emphasis : string,body : string,subdued : string,onBackground : string};
+export const system : {textLabelEmphasis : string,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 surface : {level0 : string,level1 : string,level2 : string,level3 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayInvertable : string,overlayWhiteInvertable : string,overlayStatic : string};
 export const primary : {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 info : {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 warning : {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 danger : {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 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,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string};
-export const separator : {base : string};
+export const separator : {base : string};
+export const light : {backgroundBase : string,backgroundContrast : string,textBase : string,linkMutedBase : string,linkMutedHover : string};
diff --git a/dist/tokens/ts/themes/light.js b/dist/tokens/ts/themes/light.js