diff --git a/build/native/colors.d.ts b/build/native/colors.d.ts index c6da607c..23733f31 100644 --- a/build/native/colors.d.ts +++ b/build/native/colors.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Mon, 15 Aug 2022 15:21:29 GMT + * Generated on Mon, 15 Aug 2022 18:01:22 GMT */ export const green : { green100 : string,green200 : string,green300 : string,green400 : string,green500 : string,green600 : string,green700 : string,green800 : string}; diff --git a/build/native/colors.js b/build/native/colors.js index 3fee8e5d..06802d30 100644 --- a/build/native/colors.js +++ b/build/native/colors.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Mon, 15 Aug 2022 15:21:29 GMT + * Generated on Mon, 15 Aug 2022 18:01:22 GMT */ module.exports = {green : { green100 : "#FAFFFC",green200 : "#EBF2EF",green300 : "#D1E0D9",green400 : "#B6CFC2",green500 : "#86B09B",green600 : "#307553",green700 : "#275E43",green800 : "#244C38"}, diff --git a/build/native/themes/light.d.ts b/build/native/themes/light.d.ts index 60eb752b..8806a003 100644 --- a/build/native/themes/light.d.ts +++ b/build/native/themes/light.d.ts @@ -1,14 +1,16 @@ /** * Do not edit directly - * Generated on Mon, 15 Aug 2022 15:21:29 GMT + * Generated on Mon, 15 Aug 2022 18:01:22 GMT */ -export const text : { textBase : string,textEmphasis : string,textSubdued : string}; +export const text : { textBase : string,textEmphasis : string,textSubdued : string,textOnBackground : string}; export const surface : { surfaceLevel0 : string,surfaceLevel1 : string,surfaceLevel2 : string,surfaceLevel3 : string}; +export const interactiveSurface : { interactiveSurfaceBackground : string,interactiveSurfaceHover : string,interactiveSurfaceActive : string}; export const primary : { primaryTextBase : string,primaryTextHover : string,primaryTextActive : string,primaryBackgroundBase : string,primaryBackgroundHover : string,primaryBackgroundActive : string,primaryBackgroundMuted : string,primaryBackgroundMutedHover : string,primaryBackgroundMutedActive : string,primaryBackgroundBox : string,primaryBorderBase : string,primaryBorderHover : string,primaryBorderActive : string}; export const info : { infoTextBase : string,infoTextHover : string,infoTextActive : string,infoBackgroundBase : string,infoBackgroundHover : string,infoBackgroundActive : string,infoBackgroundMuted : string,infoBackgroundMutedHover : string,infoBackgroundMutedActive : string,infoBackgroundBox : string,infoBorderBase : string,infoBorderHover : string,infoBorderActive : string}; export const warning : { warningTextBase : string,warningTextHover : string,warningTextActive : string,warningBackgroundBase : string,warningBackgroundHover : string,warningBackgroundActive : string,warningBackgroundMuted : string,warningBackgroundMutedHover : string,warningBackgroundMutedActive : string,warningBackgroundBox : string,warningBorderBase : string,warningBorderHover : string,warningBorderActive : string}; export const danger : { dangerTextBase : string,dangerTextHover : string,dangerTextActive : string,dangerBackgroundBase : string,dangerBackgroundHover : string,dangerBackgroundActive : string,dangerBackgroundMuted : string,dangerBackgroundMutedHover : string,dangerBackgroundMutedActive : string,dangerBackgroundBox : string,dangerBorderBase : string,dangerBorderHover : string,dangerBorderActive : string}; export const highlight : { highlightTextBase : string,highlightTextHover : string,highlightTextActive : string,highlightBackgroundBase : string,highlightBackgroundHover : string,highlightBackgroundActive : string,highlightBackgroundMuted : string,highlightBackgroundMutedHover : string,highlightBackgroundMutedActive : string,highlightBackgroundBox : string,highlightBorderBase : string,highlightBorderHover : string,highlightBorderActive : string}; +export const system : { systemTextBase : string,systemTextHover : string,systemTextActive : string,systemBackgroundBase : string,systemBorderBase : string,systemBorderHover : string,systemBorderActive : string,systemBorderFocused : string}; export const disabled : { disabledText : string,disabledBackground : string,disabledNakedContent : string,disabledNakedBackground : string,disabledBorder : string,disabledInputBackground : string,disabledInputLabelText : string}; export const input : { inputBackgroundBase : string,inputBackgroundHover : string,inputBackgroundInformation : string,inputTextBase : string,inputTextInformation : string,inputTextInformationError : string,inputTextLabel : string,inputTextFloatingLabel : string,inputTextFloatingLabelError : string,inputTextPlaceholder : string,inputBorderBase : string,inputBorderError : string}; \ No newline at end of file diff --git a/build/native/themes/light.js b/build/native/themes/light.js index 4c61de3c..a69590ec 100644 --- a/build/native/themes/light.js +++ b/build/native/themes/light.js @@ -1,14 +1,16 @@ /** * Do not edit directly - * Generated on Mon, 15 Aug 2022 15:21:29 GMT + * Generated on Mon, 15 Aug 2022 18:01:22 GMT */ -module.exports = {text : { textBase : "#2E3A47",textEmphasis : "#36485C",textSubdued : "#596D84"}, +module.exports = {text : { textBase : "#2E3A47",textEmphasis : "#36485C",textSubdued : "#596D84",textOnBackground : "#FFFFFF"}, surface : { surfaceLevel0 : "#F5F7FA",surfaceLevel1 : "#FFFFFF",surfaceLevel2 : "#FCFEFF",surfaceLevel3 : "#FFFFFF"}, +interactiveSurface : { interactiveSurfaceBackground : "transparent",interactiveSurfaceHover : "#F5F7FA",interactiveSurfaceActive : "#E6EDF5"}, primary : { primaryTextBase : "#307553",primaryTextHover : "#275E43",primaryTextActive : "#244C38",primaryBackgroundBase : "#307553",primaryBackgroundHover : "#275E43",primaryBackgroundActive : "#244C38",primaryBackgroundMuted : "#EBF2EF",primaryBackgroundMutedHover : "#D1E0D9",primaryBackgroundMutedActive : "#B6CFC2",primaryBackgroundBox : "#FAFFFC",primaryBorderBase : "#307553",primaryBorderHover : "#275E43",primaryBorderActive : "#244C38"}, info : { infoTextBase : "#3971A8",infoTextHover : "#21588F",infoTextActive : "#194673",infoBackgroundBase : "#3971A8",infoBackgroundHover : "#21588F",infoBackgroundActive : "#194673",infoBackgroundMuted : "#E6F1FC",infoBackgroundMutedHover : "#C0D8F0",infoBackgroundMutedActive : "#88B1D9",infoBackgroundBox : "#F5FAFF",infoBorderBase : "#3971A8",infoBorderHover : "#21588F",infoBorderActive : "#194673"}, warning : { warningTextBase : "#B4631D",warningTextHover : "#8E4D14",warningTextActive : "#784213",warningBackgroundBase : "#B4631D",warningBackgroundHover : "#8E4D14",warningBackgroundActive : "#784213",warningBackgroundMuted : "#FFF3E8",warningBackgroundMutedHover : "#F3D8C0",warningBackgroundMutedActive : "#E7B88F",warningBackgroundBox : "#FFFAF5",warningBorderBase : "#B4631D",warningBorderHover : "#8E4D14",warningBorderActive : "#784213"}, danger : { dangerTextBase : "#AF2645",dangerTextHover : "#980B29",dangerTextActive : "#800D25",dangerBackgroundBase : "#AF2645",dangerBackgroundHover : "#980B29",dangerBackgroundActive : "#800D25",dangerBackgroundMuted : "#FEEEF2",dangerBackgroundMutedHover : "#F0C4CD",dangerBackgroundMutedActive : "#E296A6",dangerBackgroundBox : "#FFF7F9",dangerBorderBase : "#AF2645",dangerBorderHover : "#980B29",dangerBorderActive : "#800D25"}, highlight : { highlightTextBase : "#533E7D",highlightTextHover : "#3B2566",highlightTextActive : "#2A174F",highlightBackgroundBase : "#533E7D",highlightBackgroundHover : "#3B2566",highlightBackgroundActive : "#2A174F",highlightBackgroundMuted : "#F2ECFE",highlightBackgroundMutedHover : "#D7CEE9",highlightBackgroundMutedActive : "#B9ABD5",highlightBackgroundBox : "#FCFAFF",highlightBorderBase : "#533E7D",highlightBorderHover : "#3B2566",highlightBorderActive : "#2A174F"}, +system : { systemTextBase : "#475A70",systemTextHover : "#36485C",systemTextActive : "#2E3A47",systemBackgroundBase : "#FFFFFF",systemBorderBase : "#C8D3E0",systemBorderHover : "#596D84",systemBorderActive : "#475A70",systemBorderFocused : "#3971A8"}, disabled : { disabledText : "#596D84",disabledBackground : "#F5F7FA",disabledNakedContent : "#F5F7FA",disabledNakedBackground : "transparent",disabledBorder : "#C8D3E0",disabledInputBackground : "#E6EDF5",disabledInputLabelText : "#596D84"}, input : { inputBackgroundBase : "#F5F7FA",inputBackgroundHover : "#F5F7FA",inputBackgroundInformation : "#FFFFFF",inputTextBase : "#475A70",inputTextInformation : "#475A70",inputTextInformationError : "#AF2645",inputTextLabel : "#475A70",inputTextFloatingLabel : "#3971A8",inputTextFloatingLabelError : "#AF2645",inputTextPlaceholder : "#596D84",inputBorderBase : "#E6EDF5",inputBorderError : "#AF2645"},}; \ No newline at end of file diff --git a/build/native/typography.d.ts b/build/native/typography.d.ts index 2c0118e8..7d62cb5d 100644 --- a/build/native/typography.d.ts +++ b/build/native/typography.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Mon, 15 Aug 2022 15:21:29 GMT + * Generated on Mon, 15 Aug 2022 18:01:22 GMT */ export const letterSpacingBase : number; diff --git a/build/native/typography.js b/build/native/typography.js index 5d5d11bb..d8c85fc6 100644 --- a/build/native/typography.js +++ b/build/native/typography.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Mon, 15 Aug 2022 15:21:29 GMT + * Generated on Mon, 15 Aug 2022 18:01:22 GMT */ module.exports = { diff --git a/build/scss/colors.scss b/build/scss/colors.scss index 2ca8469b..79b657ec 100644 --- a/build/scss/colors.scss +++ b/build/scss/colors.scss @@ -1,6 +1,6 @@ // Do not edit directly -// Generated on Mon, 15 Aug 2022 15:21:29 GMT +// Generated on Mon, 15 Aug 2022 18:01:22 GMT $green100: #FAFFFC; $green200: #EBF2EF; diff --git a/build/scss/themes/light.scss b/build/scss/themes/light.scss index f36d79dd..f4ed6190 100644 --- a/build/scss/themes/light.scss +++ b/build/scss/themes/light.scss @@ -1,14 +1,18 @@ // Do not edit directly -// Generated on Mon, 15 Aug 2022 15:21:29 GMT +// Generated on Mon, 15 Aug 2022 18:01:22 GMT $textBase: #2E3A47; $textEmphasis: #36485C; $textSubdued: #596D84; +$textOnBackground: #FFFFFF; $surfaceLevel0: #F5F7FA; $surfaceLevel1: #FFFFFF; $surfaceLevel2: #FCFEFF; $surfaceLevel3: #FFFFFF; +$interactiveSurfaceBackground: transparent; +$interactiveSurfaceHover: #F5F7FA; +$interactiveSurfaceActive: #E6EDF5; $primaryTextBase: #307553; $primaryTextHover: #275E43; $primaryTextActive: #244C38; @@ -74,6 +78,14 @@ $highlightBackgroundBox: #FCFAFF; $highlightBorderBase: #533E7D; $highlightBorderHover: #3B2566; $highlightBorderActive: #2A174F; +$systemTextBase: #475A70; +$systemTextHover: #36485C; +$systemTextActive: #2E3A47; +$systemBackgroundBase: #FFFFFF; +$systemBorderBase: #C8D3E0; +$systemBorderHover: #596D84; +$systemBorderActive: #475A70; +$systemBorderFocused: #3971A8; $disabledText: #596D84; $disabledBackground: #F5F7FA; $disabledNakedContent: #F5F7FA; diff --git a/build/scss/typography.scss b/build/scss/typography.scss index e8beff17..fbcfc92b 100644 --- a/build/scss/typography.scss +++ b/build/scss/typography.scss @@ -1,6 +1,6 @@ // Do not edit directly -// Generated on Mon, 15 Aug 2022 15:21:29 GMT +// Generated on Mon, 15 Aug 2022 18:01:22 GMT $letterSpacingBase: 0; $paragraphSpacingBase: 0; diff --git a/build/ts/colors.d.ts b/build/ts/colors.d.ts index c6da607c..23733f31 100644 --- a/build/ts/colors.d.ts +++ b/build/ts/colors.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Mon, 15 Aug 2022 15:21:29 GMT + * Generated on Mon, 15 Aug 2022 18:01:22 GMT */ export const green : { green100 : string,green200 : string,green300 : string,green400 : string,green500 : string,green600 : string,green700 : string,green800 : string}; diff --git a/build/ts/colors.js b/build/ts/colors.js index 3fee8e5d..06802d30 100644 --- a/build/ts/colors.js +++ b/build/ts/colors.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Mon, 15 Aug 2022 15:21:29 GMT + * Generated on Mon, 15 Aug 2022 18:01:22 GMT */ module.exports = {green : { green100 : "#FAFFFC",green200 : "#EBF2EF",green300 : "#D1E0D9",green400 : "#B6CFC2",green500 : "#86B09B",green600 : "#307553",green700 : "#275E43",green800 : "#244C38"}, diff --git a/build/ts/themes/light.d.ts b/build/ts/themes/light.d.ts index 60eb752b..8806a003 100644 --- a/build/ts/themes/light.d.ts +++ b/build/ts/themes/light.d.ts @@ -1,14 +1,16 @@ /** * Do not edit directly - * Generated on Mon, 15 Aug 2022 15:21:29 GMT + * Generated on Mon, 15 Aug 2022 18:01:22 GMT */ -export const text : { textBase : string,textEmphasis : string,textSubdued : string}; +export const text : { textBase : string,textEmphasis : string,textSubdued : string,textOnBackground : string}; export const surface : { surfaceLevel0 : string,surfaceLevel1 : string,surfaceLevel2 : string,surfaceLevel3 : string}; +export const interactiveSurface : { interactiveSurfaceBackground : string,interactiveSurfaceHover : string,interactiveSurfaceActive : string}; export const primary : { primaryTextBase : string,primaryTextHover : string,primaryTextActive : string,primaryBackgroundBase : string,primaryBackgroundHover : string,primaryBackgroundActive : string,primaryBackgroundMuted : string,primaryBackgroundMutedHover : string,primaryBackgroundMutedActive : string,primaryBackgroundBox : string,primaryBorderBase : string,primaryBorderHover : string,primaryBorderActive : string}; export const info : { infoTextBase : string,infoTextHover : string,infoTextActive : string,infoBackgroundBase : string,infoBackgroundHover : string,infoBackgroundActive : string,infoBackgroundMuted : string,infoBackgroundMutedHover : string,infoBackgroundMutedActive : string,infoBackgroundBox : string,infoBorderBase : string,infoBorderHover : string,infoBorderActive : string}; export const warning : { warningTextBase : string,warningTextHover : string,warningTextActive : string,warningBackgroundBase : string,warningBackgroundHover : string,warningBackgroundActive : string,warningBackgroundMuted : string,warningBackgroundMutedHover : string,warningBackgroundMutedActive : string,warningBackgroundBox : string,warningBorderBase : string,warningBorderHover : string,warningBorderActive : string}; export const danger : { dangerTextBase : string,dangerTextHover : string,dangerTextActive : string,dangerBackgroundBase : string,dangerBackgroundHover : string,dangerBackgroundActive : string,dangerBackgroundMuted : string,dangerBackgroundMutedHover : string,dangerBackgroundMutedActive : string,dangerBackgroundBox : string,dangerBorderBase : string,dangerBorderHover : string,dangerBorderActive : string}; export const highlight : { highlightTextBase : string,highlightTextHover : string,highlightTextActive : string,highlightBackgroundBase : string,highlightBackgroundHover : string,highlightBackgroundActive : string,highlightBackgroundMuted : string,highlightBackgroundMutedHover : string,highlightBackgroundMutedActive : string,highlightBackgroundBox : string,highlightBorderBase : string,highlightBorderHover : string,highlightBorderActive : string}; +export const system : { systemTextBase : string,systemTextHover : string,systemTextActive : string,systemBackgroundBase : string,systemBorderBase : string,systemBorderHover : string,systemBorderActive : string,systemBorderFocused : string}; export const disabled : { disabledText : string,disabledBackground : string,disabledNakedContent : string,disabledNakedBackground : string,disabledBorder : string,disabledInputBackground : string,disabledInputLabelText : string}; export const input : { inputBackgroundBase : string,inputBackgroundHover : string,inputBackgroundInformation : string,inputTextBase : string,inputTextInformation : string,inputTextInformationError : string,inputTextLabel : string,inputTextFloatingLabel : string,inputTextFloatingLabelError : string,inputTextPlaceholder : string,inputBorderBase : string,inputBorderError : string}; \ No newline at end of file diff --git a/build/ts/themes/light.js b/build/ts/themes/light.js index 4c61de3c..a69590ec 100644 --- a/build/ts/themes/light.js +++ b/build/ts/themes/light.js @@ -1,14 +1,16 @@ /** * Do not edit directly - * Generated on Mon, 15 Aug 2022 15:21:29 GMT + * Generated on Mon, 15 Aug 2022 18:01:22 GMT */ -module.exports = {text : { textBase : "#2E3A47",textEmphasis : "#36485C",textSubdued : "#596D84"}, +module.exports = {text : { textBase : "#2E3A47",textEmphasis : "#36485C",textSubdued : "#596D84",textOnBackground : "#FFFFFF"}, surface : { surfaceLevel0 : "#F5F7FA",surfaceLevel1 : "#FFFFFF",surfaceLevel2 : "#FCFEFF",surfaceLevel3 : "#FFFFFF"}, +interactiveSurface : { interactiveSurfaceBackground : "transparent",interactiveSurfaceHover : "#F5F7FA",interactiveSurfaceActive : "#E6EDF5"}, primary : { primaryTextBase : "#307553",primaryTextHover : "#275E43",primaryTextActive : "#244C38",primaryBackgroundBase : "#307553",primaryBackgroundHover : "#275E43",primaryBackgroundActive : "#244C38",primaryBackgroundMuted : "#EBF2EF",primaryBackgroundMutedHover : "#D1E0D9",primaryBackgroundMutedActive : "#B6CFC2",primaryBackgroundBox : "#FAFFFC",primaryBorderBase : "#307553",primaryBorderHover : "#275E43",primaryBorderActive : "#244C38"}, info : { infoTextBase : "#3971A8",infoTextHover : "#21588F",infoTextActive : "#194673",infoBackgroundBase : "#3971A8",infoBackgroundHover : "#21588F",infoBackgroundActive : "#194673",infoBackgroundMuted : "#E6F1FC",infoBackgroundMutedHover : "#C0D8F0",infoBackgroundMutedActive : "#88B1D9",infoBackgroundBox : "#F5FAFF",infoBorderBase : "#3971A8",infoBorderHover : "#21588F",infoBorderActive : "#194673"}, warning : { warningTextBase : "#B4631D",warningTextHover : "#8E4D14",warningTextActive : "#784213",warningBackgroundBase : "#B4631D",warningBackgroundHover : "#8E4D14",warningBackgroundActive : "#784213",warningBackgroundMuted : "#FFF3E8",warningBackgroundMutedHover : "#F3D8C0",warningBackgroundMutedActive : "#E7B88F",warningBackgroundBox : "#FFFAF5",warningBorderBase : "#B4631D",warningBorderHover : "#8E4D14",warningBorderActive : "#784213"}, danger : { dangerTextBase : "#AF2645",dangerTextHover : "#980B29",dangerTextActive : "#800D25",dangerBackgroundBase : "#AF2645",dangerBackgroundHover : "#980B29",dangerBackgroundActive : "#800D25",dangerBackgroundMuted : "#FEEEF2",dangerBackgroundMutedHover : "#F0C4CD",dangerBackgroundMutedActive : "#E296A6",dangerBackgroundBox : "#FFF7F9",dangerBorderBase : "#AF2645",dangerBorderHover : "#980B29",dangerBorderActive : "#800D25"}, highlight : { highlightTextBase : "#533E7D",highlightTextHover : "#3B2566",highlightTextActive : "#2A174F",highlightBackgroundBase : "#533E7D",highlightBackgroundHover : "#3B2566",highlightBackgroundActive : "#2A174F",highlightBackgroundMuted : "#F2ECFE",highlightBackgroundMutedHover : "#D7CEE9",highlightBackgroundMutedActive : "#B9ABD5",highlightBackgroundBox : "#FCFAFF",highlightBorderBase : "#533E7D",highlightBorderHover : "#3B2566",highlightBorderActive : "#2A174F"}, +system : { systemTextBase : "#475A70",systemTextHover : "#36485C",systemTextActive : "#2E3A47",systemBackgroundBase : "#FFFFFF",systemBorderBase : "#C8D3E0",systemBorderHover : "#596D84",systemBorderActive : "#475A70",systemBorderFocused : "#3971A8"}, disabled : { disabledText : "#596D84",disabledBackground : "#F5F7FA",disabledNakedContent : "#F5F7FA",disabledNakedBackground : "transparent",disabledBorder : "#C8D3E0",disabledInputBackground : "#E6EDF5",disabledInputLabelText : "#596D84"}, input : { inputBackgroundBase : "#F5F7FA",inputBackgroundHover : "#F5F7FA",inputBackgroundInformation : "#FFFFFF",inputTextBase : "#475A70",inputTextInformation : "#475A70",inputTextInformationError : "#AF2645",inputTextLabel : "#475A70",inputTextFloatingLabel : "#3971A8",inputTextFloatingLabelError : "#AF2645",inputTextPlaceholder : "#596D84",inputBorderBase : "#E6EDF5",inputBorderError : "#AF2645"},}; \ No newline at end of file diff --git a/build/ts/typography.d.ts b/build/ts/typography.d.ts index ac64400c..039f3b8f 100644 --- a/build/ts/typography.d.ts +++ b/build/ts/typography.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Mon, 15 Aug 2022 15:21:29 GMT + * Generated on Mon, 15 Aug 2022 18:01:22 GMT */ export const letterSpacingBase : number; diff --git a/build/ts/typography.js b/build/ts/typography.js index 6dbb33a6..2a5b5bfc 100644 --- a/build/ts/typography.js +++ b/build/ts/typography.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Mon, 15 Aug 2022 15:21:29 GMT + * Generated on Mon, 15 Aug 2022 18:01:22 GMT */ module.exports = { diff --git a/data/$metadata.json b/data/$metadata.json new file mode 100644 index 00000000..e6403473 --- /dev/null +++ b/data/$metadata.json @@ -0,0 +1,6 @@ +{ + "tokenSetOrder": [ + "core", + "light" + ] +} \ No newline at end of file diff --git a/data/light.json b/data/light.json index c791c609..ebd91de8 100644 --- a/data/light.json +++ b/data/light.json @@ -12,6 +12,10 @@ "subdued": { "value": "{colors.grey.500}", "type": "color" + }, + "onBackground": { + "value": "{colors.shades.white}", + "type": "color" } }, "surface": { @@ -32,6 +36,20 @@ "type": "color" } }, + "interactiveSurface": { + "background": { + "value": "{colors.shades.transparent}", + "type": "color" + }, + "hover": { + "value": "{colors.grey.200}", + "type": "color" + }, + "active": { + "value": "{colors.grey.300}", + "type": "color" + } + }, "primary": { "text": { "base": { @@ -332,6 +350,46 @@ } } }, + "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" + } + }, + "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}", @@ -421,4 +479,4 @@ } } } -} \ No newline at end of file +} diff --git a/transformed/transformed-light.json b/transformed/transformed-light.json index 850f8a43..9bc959fd 100644 --- a/transformed/transformed-light.json +++ b/transformed/transformed-light.json @@ -12,6 +12,10 @@ "subdued": { "value": "#596D84", "type": "color" + }, + "onBackground": { + "value": "#FFFFFF", + "type": "color" } }, "surface": { @@ -32,6 +36,20 @@ "type": "color" } }, + "interactiveSurface": { + "background": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "#F5F7FA", + "type": "color" + }, + "active": { + "value": "#E6EDF5", + "type": "color" + } + }, "primary": { "text": { "base": { @@ -332,6 +350,46 @@ } } }, + "system": { + "text": { + "base": { + "value": "#475A70", + "type": "color" + }, + "hover": { + "value": "#36485C", + "type": "color" + }, + "active": { + "value": "#2E3A47", + "type": "color" + } + }, + "background": { + "base": { + "value": "#FFFFFF", + "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",