diff --git a/dist/helpers/colorProfileMapper.d.ts b/dist/helpers/colorProfileMapper.d.ts index 980c8fa9..f1f8e962 100644 --- 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 index f61aa419..82925827 100644 --- a/dist/helpers/colorProfileMapper.d.ts.map +++ b/dist/helpers/colorProfileMapper.d.ts.map @@ -1 +1 @@ -{"version":3,"file":"colorProfileMapper.d.ts","sourceRoot":"","sources":["../../src/helpers/colorProfileMapper.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,eAAO,MAAM,kBAAkB,iBAAkB,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAS3D,CAAC"} \ No newline at end of file +{"version":3,"file":"colorProfileMapper.d.ts","sourceRoot":"","sources":["../../src/helpers/colorProfileMapper.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,eAAO,MAAM,kBAAkB,iBAAkB,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAS3D,CAAC"} \ No newline at end of file diff --git a/dist/tokens/native/colors.d.ts b/dist/tokens/native/colors.d.ts index ab1ebd01..3bcba09a 100644 --- 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 index 52ac12ba..92d1f6bf 100644 --- 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 index 6c964a22..9680a952 100644 --- 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}; \ No newline at end of file +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; \ No newline at end of file diff --git a/dist/tokens/native/themes/light.js b/dist/tokens/native/themes/light.js index ac9fa9ea..2569d2ec 100644 --- a/dist/tokens/native/themes/light.js +++ b/dist/tokens/native/themes/light.js @@ -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 */ -module.exports = {text : {header : "#2E3A47",emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, +module.exports = {text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, surface : {level0 : "#F5F7FA",level1 : "#FFFFFF",level2 : "#F5F7FA",level3 : "#FFFFFF",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayInvertable : "#2E3A47",overlayWhiteInvertable : "#FFFFFF",overlayStatic : "#36485C"}, primary : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, -system : {textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, disabled : {text : "#596D84",background : "#F5F7FA",nakedContent : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, -separator : {base : "#E6EDF5"},}; \ No newline at end of file +separator : {base : "#E6EDF5"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"},}; \ No newline at end of file diff --git a/dist/tokens/native/typography.d.ts b/dist/tokens/native/typography.d.ts index 4045f3a0..17b49147 100644 --- 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 index 886604a5..2210eec5 100644 --- 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 index 33cc51cb..378692c4 100644 --- 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 index 7b5cda57..561279ac 100644 --- 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; \ No newline at end of file +$separatorBase: #E6EDF5; +$lightBackgroundBase: #FFFFFF; +$lightBackgroundContrast: #475A70; +$lightTextBase: #2E3A47; +$lightLinkMutedBase: #F5F7FA; +$lightLinkMutedHover: #FFFFFF; \ No newline at end of file diff --git a/dist/tokens/scss/typography.scss b/dist/tokens/scss/typography.scss index b3eb24e9..1153c624 100644 --- 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 index ab1ebd01..3bcba09a 100644 --- 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 index 52ac12ba..92d1f6bf 100644 --- 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 index 6c964a22..9680a952 100644 --- 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}; \ No newline at end of file +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; \ No newline at end of file diff --git a/dist/tokens/ts/themes/light.js b/dist/tokens/ts/themes/light.js index ac9fa9ea..2569d2ec 100644 --- a/dist/tokens/ts/themes/light.js +++ b/dist/tokens/ts/themes/light.js @@ -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 */ -module.exports = {text : {header : "#2E3A47",emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, +module.exports = {text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, surface : {level0 : "#F5F7FA",level1 : "#FFFFFF",level2 : "#F5F7FA",level3 : "#FFFFFF",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayInvertable : "#2E3A47",overlayWhiteInvertable : "#FFFFFF",overlayStatic : "#36485C"}, primary : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, -system : {textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, disabled : {text : "#596D84",background : "#F5F7FA",nakedContent : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, -separator : {base : "#E6EDF5"},}; \ No newline at end of file +separator : {base : "#E6EDF5"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"},}; \ No newline at end of file diff --git a/dist/tokens/ts/typography.d.ts b/dist/tokens/ts/typography.d.ts index 7c12664a..42d39140 100644 --- a/dist/tokens/ts/typography.d.ts +++ b/dist/tokens/ts/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/ts/typography.js b/dist/tokens/ts/typography.js index 1f787519..5c4b7123 100644 --- a/dist/tokens/ts/typography.js +++ b/dist/tokens/ts/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/src/data/light.json b/src/data/light.json index d36cac38..c26f119b 100644 --- a/src/data/light.json +++ b/src/data/light.json @@ -1,10 +1,6 @@ { "colors": { "text": { - "header": { - "value": "{colors.grey.800}", - "type": "color" - }, "emphasis": { "value": "{colors.grey.700}", "type": "color" @@ -22,6 +18,66 @@ "type": "color" } }, + "system": { + "text": { + "labelEmphasis": { + "value": "{colors.grey.800}", + "type": "color" + }, + "base": { + "value": "{colors.grey.600}", + "type": "color" + }, + "hover": { + "value": "{colors.grey.700}", + "type": "color" + }, + "active": { + "value": "{colors.grey.800}", + "type": "color" + } + }, + "background": { + "base": { + "value": "{colors.shades.white}", + "type": "color" + }, + "muted": { + "value": "{colors.grey.200}", + "type": "color" + }, + "mutedHover": { + "value": "{colors.grey.300}", + "type": "color" + }, + "mutedActive": { + "value": "{colors.grey.400}", + "type": "color" + }, + "box": { + "value": "{colors.grey.100}", + "type": "color" + } + }, + "border": { + "base": { + "value": "{colors.grey.400}", + "type": "color" + }, + "hover": { + "value": "{colors.grey.500}", + "type": "color" + }, + "active": { + "value": "{colors.grey.600}", + "type": "color" + }, + "focused": { + "value": "{colors.blue.600}", + "type": "color" + } + } + }, "surface": { "level0": { "value": "{colors.grey.200}", @@ -368,62 +424,6 @@ } } }, - "system": { - "text": { - "base": { - "value": "{colors.grey.600}", - "type": "color" - }, - "hover": { - "value": "{colors.grey.700}", - "type": "color" - }, - "active": { - "value": "{colors.grey.800}", - "type": "color" - } - }, - "background": { - "base": { - "value": "{colors.shades.white}", - "type": "color" - }, - "muted": { - "value": "{colors.grey.200}", - "type": "color" - }, - "mutedHover": { - "value": "{colors.grey.300}", - "type": "color" - }, - "mutedActive": { - "value": "{colors.grey.400}", - "type": "color" - }, - "box": { - "value": "{colors.grey.100}", - "type": "color" - } - }, - "border": { - "base": { - "value": "{colors.grey.400}", - "type": "color" - }, - "hover": { - "value": "{colors.grey.500}", - "type": "color" - }, - "active": { - "value": "{colors.grey.600}", - "type": "color" - }, - "focused": { - "value": "{colors.blue.600}", - "type": "color" - } - } - }, "disabled": { "text": { "value": "{colors.grey.500}", @@ -537,6 +537,34 @@ "value": "{colors.grey.300}", "type": "color" } + }, + "light": { + "background": { + "base": { + "value": "{colors.shades.white}", + "type": "color" + }, + "contrast": { + "value": "{colors.grey.600}", + "type": "color" + } + }, + "text": { + "base": { + "value": "{colors.grey.800}", + "type": "color" + } + }, + "link": { + "mutedBase": { + "value": "{colors.grey.200}", + "type": "color" + }, + "mutedHover": { + "value": "{colors.shades.white}", + "type": "color" + } + } } } } \ No newline at end of file diff --git a/src/transformed/transformed-light.json b/src/transformed/transformed-light.json index 0ba9ced7..c6069169 100644 --- a/src/transformed/transformed-light.json +++ b/src/transformed/transformed-light.json @@ -1,10 +1,6 @@ { "colors": { "text": { - "header": { - "value": "#2E3A47", - "type": "color" - }, "emphasis": { "value": "#36485C", "type": "color" @@ -22,6 +18,66 @@ "type": "color" } }, + "system": { + "text": { + "labelEmphasis": { + "value": "#2E3A47", + "type": "color" + }, + "base": { + "value": "#475A70", + "type": "color" + }, + "hover": { + "value": "#36485C", + "type": "color" + }, + "active": { + "value": "#2E3A47", + "type": "color" + } + }, + "background": { + "base": { + "value": "#FFFFFF", + "type": "color" + }, + "muted": { + "value": "#F5F7FA", + "type": "color" + }, + "mutedHover": { + "value": "#E6EDF5", + "type": "color" + }, + "mutedActive": { + "value": "#C8D3E0", + "type": "color" + }, + "box": { + "value": "#FCFEFF", + "type": "color" + } + }, + "border": { + "base": { + "value": "#C8D3E0", + "type": "color" + }, + "hover": { + "value": "#596D84", + "type": "color" + }, + "active": { + "value": "#475A70", + "type": "color" + }, + "focused": { + "value": "#3971A8", + "type": "color" + } + } + }, "surface": { "level0": { "value": "#F5F7FA", @@ -368,62 +424,6 @@ } } }, - "system": { - "text": { - "base": { - "value": "#475A70", - "type": "color" - }, - "hover": { - "value": "#36485C", - "type": "color" - }, - "active": { - "value": "#2E3A47", - "type": "color" - } - }, - "background": { - "base": { - "value": "#FFFFFF", - "type": "color" - }, - "muted": { - "value": "#F5F7FA", - "type": "color" - }, - "mutedHover": { - "value": "#E6EDF5", - "type": "color" - }, - "mutedActive": { - "value": "#C8D3E0", - "type": "color" - }, - "box": { - "value": "#FCFEFF", - "type": "color" - } - }, - "border": { - "base": { - "value": "#C8D3E0", - "type": "color" - }, - "hover": { - "value": "#596D84", - "type": "color" - }, - "active": { - "value": "#475A70", - "type": "color" - }, - "focused": { - "value": "#3971A8", - "type": "color" - } - } - }, "disabled": { "text": { "value": "#596D84", @@ -537,6 +537,34 @@ "value": "#E6EDF5", "type": "color" } + }, + "light": { + "background": { + "base": { + "value": "#FFFFFF", + "type": "color" + }, + "contrast": { + "value": "#475A70", + "type": "color" + } + }, + "text": { + "base": { + "value": "#2E3A47", + "type": "color" + } + }, + "link": { + "mutedBase": { + "value": "#F5F7FA", + "type": "color" + }, + "mutedHover": { + "value": "#FFFFFF", + "type": "color" + } + } } } } \ No newline at end of file