From d6a47f3d94af1ee59234d023397b390a26f28bdc Mon Sep 17 00:00:00 2001 From: Alexandra Lim <49457972+alexandra-lim@users.noreply.github.com> Date: Mon, 15 Aug 2022 10:50:27 -0400 Subject: [PATCH 1/7] all the tokens --- data/$metadata.json | 6 +++++ data/light.json | 58 +++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 64 insertions(+) create mode 100644 data/$metadata.json 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..54c8b71a 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": { @@ -419,6 +423,60 @@ "type": "color" } } + }, + "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" + } + } + }, + "interactiveSurface": { + "background": { + "value": "{colors.shades.transparent}", + "type": "color" + }, + "hover": { + "value": "{colors.grey.200}", + "type": "color" + }, + "active": { + "value": "{colors.grey.300}", + "type": "color" + } } } } \ No newline at end of file From 4f1c28c34338747439ae49837ff19d3263f7a6da Mon Sep 17 00:00:00 2001 From: alexandra-lim Date: Mon, 15 Aug 2022 14:50:45 +0000 Subject: [PATCH 2/7] Transformed tokens --- transformed/transformed-light.json | 58 ++++++++++++++++++++++++++++++ 1 file changed, 58 insertions(+) diff --git a/transformed/transformed-light.json b/transformed/transformed-light.json index 850f8a43..8762a7cd 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": { @@ -419,6 +423,60 @@ "type": "color" } } + }, + "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" + } + } + }, + "interactiveSurface": { + "background": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "#F5F7FA", + "type": "color" + }, + "active": { + "value": "#E6EDF5", + "type": "color" + } } } } \ No newline at end of file From 9819911d66581c96dc54300a4b851b36cb0c073e Mon Sep 17 00:00:00 2001 From: alexandra-lim Date: Mon, 15 Aug 2022 14:51:02 +0000 Subject: [PATCH 3/7] Built and updated design tokens --- build/native/colors.d.ts | 2 +- build/native/colors.js | 2 +- build/native/themes/light.d.ts | 16 ++++++++++++++-- build/native/themes/light.js | 16 ++++++++++++++-- build/native/typography.d.ts | 2 +- build/native/typography.js | 2 +- build/scss/colors.scss | 2 +- build/scss/themes/light.scss | 16 ++++++++++++++-- build/scss/typography.scss | 2 +- build/ts/colors.d.ts | 2 +- build/ts/colors.js | 2 +- build/ts/themes/light.d.ts | 16 ++++++++++++++-- build/ts/themes/light.js | 16 ++++++++++++++-- build/ts/typography.d.ts | 2 +- build/ts/typography.js | 2 +- 15 files changed, 80 insertions(+), 20 deletions(-) diff --git a/build/native/colors.d.ts b/build/native/colors.d.ts index 710078c6..77a0aa84 100644 --- a/build/native/colors.d.ts +++ b/build/native/colors.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 10 Aug 2022 17:59:15 GMT + * Generated on Mon, 15 Aug 2022 14:51:01 GMT */ export const green100 : string; diff --git a/build/native/colors.js b/build/native/colors.js index 5e672b10..08dedde5 100644 --- a/build/native/colors.js +++ b/build/native/colors.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 10 Aug 2022 17:59:15 GMT + * Generated on Mon, 15 Aug 2022 14:51:01 GMT */ module.exports = { diff --git a/build/native/themes/light.d.ts b/build/native/themes/light.d.ts index ac29f265..8bbfb839 100644 --- a/build/native/themes/light.d.ts +++ b/build/native/themes/light.d.ts @@ -1,11 +1,12 @@ /** * Do not edit directly - * Generated on Wed, 10 Aug 2022 17:59:15 GMT + * Generated on Mon, 15 Aug 2022 14:51:01 GMT */ export const textBase : string; export const textEmphasis : string; export const textSubdued : string; +export const textOnBackground : string; export const surfaceLevel0 : string; export const surfaceLevel1 : string; export const surfaceLevel2 : string; @@ -93,4 +94,15 @@ export const inputTextFloatingLabel : string; export const inputTextFloatingLabelError : string; export const inputTextPlaceholder : string; export const inputBorderBase : string; -export const inputBorderError : string; \ No newline at end of file +export const inputBorderError : string; +export const systemTextBase : string; +export const systemTextHover : string; +export const systemTextActive : string; +export const systemBackgroundBase : string; +export const systemBorderBase : string; +export const systemBorderHover : string; +export const systemBorderActive : string; +export const systemBorderFocused : string; +export const interactiveSurfaceBackground : string; +export const interactiveSurfaceHover : string; +export const interactiveSurfaceActive : string; \ No newline at end of file diff --git a/build/native/themes/light.js b/build/native/themes/light.js index 07cf6a42..bbb75a29 100644 --- a/build/native/themes/light.js +++ b/build/native/themes/light.js @@ -1,12 +1,13 @@ /** * Do not edit directly - * Generated on Wed, 10 Aug 2022 17:59:15 GMT + * Generated on Mon, 15 Aug 2022 14:51:01 GMT */ module.exports = { "textBase": "#2E3A47", "textEmphasis": "#36485C", "textSubdued": "#596D84", + "textOnBackground": "#FFFFFF", "surfaceLevel0": "#F5F7FA", "surfaceLevel1": "#FFFFFF", "surfaceLevel2": "#FCFEFF", @@ -94,5 +95,16 @@ module.exports = { "inputTextFloatingLabelError": "#AF2645", "inputTextPlaceholder": "#596D84", "inputBorderBase": "#E6EDF5", - "inputBorderError": "#AF2645" + "inputBorderError": "#AF2645", + "systemTextBase": "#475A70", + "systemTextHover": "#36485C", + "systemTextActive": "#2E3A47", + "systemBackgroundBase": "#FFFFFF", + "systemBorderBase": "#C8D3E0", + "systemBorderHover": "#596D84", + "systemBorderActive": "#475A70", + "systemBorderFocused": "#3971A8", + "interactiveSurfaceBackground": "transparent", + "interactiveSurfaceHover": "#F5F7FA", + "interactiveSurfaceActive": "#E6EDF5" }; \ No newline at end of file diff --git a/build/native/typography.d.ts b/build/native/typography.d.ts index 8ae7bf40..59601849 100644 --- a/build/native/typography.d.ts +++ b/build/native/typography.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 10 Aug 2022 17:59:15 GMT + * Generated on Mon, 15 Aug 2022 14:51:01 GMT */ export const letterSpacingBase : number; diff --git a/build/native/typography.js b/build/native/typography.js index d64eaf27..9b7f55cc 100644 --- a/build/native/typography.js +++ b/build/native/typography.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 10 Aug 2022 17:59:15 GMT + * Generated on Mon, 15 Aug 2022 14:51:01 GMT */ module.exports = { diff --git a/build/scss/colors.scss b/build/scss/colors.scss index b084c901..083f926b 100644 --- a/build/scss/colors.scss +++ b/build/scss/colors.scss @@ -1,6 +1,6 @@ // Do not edit directly -// Generated on Wed, 10 Aug 2022 17:59:15 GMT +// Generated on Mon, 15 Aug 2022 14:51:01 GMT $green100: #FAFFFC; $green200: #EBF2EF; diff --git a/build/scss/themes/light.scss b/build/scss/themes/light.scss index 36a73e46..0a5737a0 100644 --- a/build/scss/themes/light.scss +++ b/build/scss/themes/light.scss @@ -1,10 +1,11 @@ // Do not edit directly -// Generated on Wed, 10 Aug 2022 17:59:15 GMT +// Generated on Mon, 15 Aug 2022 14:51:01 GMT $textBase: #2E3A47; $textEmphasis: #36485C; $textSubdued: #596D84; +$textOnBackground: #FFFFFF; $surfaceLevel0: #F5F7FA; $surfaceLevel1: #FFFFFF; $surfaceLevel2: #FCFEFF; @@ -92,4 +93,15 @@ $inputTextFloatingLabel: #3971A8; $inputTextFloatingLabelError: #AF2645; $inputTextPlaceholder: #596D84; $inputBorderBase: #E6EDF5; -$inputBorderError: #AF2645; \ No newline at end of file +$inputBorderError: #AF2645; +$systemTextBase: #475A70; +$systemTextHover: #36485C; +$systemTextActive: #2E3A47; +$systemBackgroundBase: #FFFFFF; +$systemBorderBase: #C8D3E0; +$systemBorderHover: #596D84; +$systemBorderActive: #475A70; +$systemBorderFocused: #3971A8; +$interactiveSurfaceBackground: transparent; +$interactiveSurfaceHover: #F5F7FA; +$interactiveSurfaceActive: #E6EDF5; \ No newline at end of file diff --git a/build/scss/typography.scss b/build/scss/typography.scss index 5f1d6709..44b025b8 100644 --- a/build/scss/typography.scss +++ b/build/scss/typography.scss @@ -1,6 +1,6 @@ // Do not edit directly -// Generated on Wed, 10 Aug 2022 17:59:15 GMT +// Generated on Mon, 15 Aug 2022 14:51:01 GMT $letterSpacingBase: 0; $paragraphSpacingBase: 0; diff --git a/build/ts/colors.d.ts b/build/ts/colors.d.ts index 710078c6..77a0aa84 100644 --- a/build/ts/colors.d.ts +++ b/build/ts/colors.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 10 Aug 2022 17:59:15 GMT + * Generated on Mon, 15 Aug 2022 14:51:01 GMT */ export const green100 : string; diff --git a/build/ts/colors.js b/build/ts/colors.js index 5e672b10..08dedde5 100644 --- a/build/ts/colors.js +++ b/build/ts/colors.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 10 Aug 2022 17:59:15 GMT + * Generated on Mon, 15 Aug 2022 14:51:01 GMT */ module.exports = { diff --git a/build/ts/themes/light.d.ts b/build/ts/themes/light.d.ts index ac29f265..8bbfb839 100644 --- a/build/ts/themes/light.d.ts +++ b/build/ts/themes/light.d.ts @@ -1,11 +1,12 @@ /** * Do not edit directly - * Generated on Wed, 10 Aug 2022 17:59:15 GMT + * Generated on Mon, 15 Aug 2022 14:51:01 GMT */ export const textBase : string; export const textEmphasis : string; export const textSubdued : string; +export const textOnBackground : string; export const surfaceLevel0 : string; export const surfaceLevel1 : string; export const surfaceLevel2 : string; @@ -93,4 +94,15 @@ export const inputTextFloatingLabel : string; export const inputTextFloatingLabelError : string; export const inputTextPlaceholder : string; export const inputBorderBase : string; -export const inputBorderError : string; \ No newline at end of file +export const inputBorderError : string; +export const systemTextBase : string; +export const systemTextHover : string; +export const systemTextActive : string; +export const systemBackgroundBase : string; +export const systemBorderBase : string; +export const systemBorderHover : string; +export const systemBorderActive : string; +export const systemBorderFocused : string; +export const interactiveSurfaceBackground : string; +export const interactiveSurfaceHover : string; +export const interactiveSurfaceActive : string; \ No newline at end of file diff --git a/build/ts/themes/light.js b/build/ts/themes/light.js index 07cf6a42..bbb75a29 100644 --- a/build/ts/themes/light.js +++ b/build/ts/themes/light.js @@ -1,12 +1,13 @@ /** * Do not edit directly - * Generated on Wed, 10 Aug 2022 17:59:15 GMT + * Generated on Mon, 15 Aug 2022 14:51:01 GMT */ module.exports = { "textBase": "#2E3A47", "textEmphasis": "#36485C", "textSubdued": "#596D84", + "textOnBackground": "#FFFFFF", "surfaceLevel0": "#F5F7FA", "surfaceLevel1": "#FFFFFF", "surfaceLevel2": "#FCFEFF", @@ -94,5 +95,16 @@ module.exports = { "inputTextFloatingLabelError": "#AF2645", "inputTextPlaceholder": "#596D84", "inputBorderBase": "#E6EDF5", - "inputBorderError": "#AF2645" + "inputBorderError": "#AF2645", + "systemTextBase": "#475A70", + "systemTextHover": "#36485C", + "systemTextActive": "#2E3A47", + "systemBackgroundBase": "#FFFFFF", + "systemBorderBase": "#C8D3E0", + "systemBorderHover": "#596D84", + "systemBorderActive": "#475A70", + "systemBorderFocused": "#3971A8", + "interactiveSurfaceBackground": "transparent", + "interactiveSurfaceHover": "#F5F7FA", + "interactiveSurfaceActive": "#E6EDF5" }; \ No newline at end of file diff --git a/build/ts/typography.d.ts b/build/ts/typography.d.ts index a8d40767..917f1ba1 100644 --- a/build/ts/typography.d.ts +++ b/build/ts/typography.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 10 Aug 2022 17:59:15 GMT + * Generated on Mon, 15 Aug 2022 14:51:01 GMT */ export const letterSpacingBase : number; diff --git a/build/ts/typography.js b/build/ts/typography.js index e722a418..0ade0bc8 100644 --- a/build/ts/typography.js +++ b/build/ts/typography.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 10 Aug 2022 17:59:15 GMT + * Generated on Mon, 15 Aug 2022 14:51:01 GMT */ module.exports = { From d0d036fae31ae18d578fe575a588c2c625ba5194 Mon Sep 17 00:00:00 2001 From: Alexandra Lim Date: Mon, 15 Aug 2022 10:59:40 -0400 Subject: [PATCH 4/7] reorder tokens for plugin --- data/light.json | 110 ++++++++++++++++++++++++------------------------ 1 file changed, 55 insertions(+), 55 deletions(-) diff --git a/data/light.json b/data/light.json index 54c8b71a..ebd91de8 100644 --- a/data/light.json +++ b/data/light.json @@ -36,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": { @@ -336,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}", @@ -423,60 +477,6 @@ "type": "color" } } - }, - "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" - } - } - }, - "interactiveSurface": { - "background": { - "value": "{colors.shades.transparent}", - "type": "color" - }, - "hover": { - "value": "{colors.grey.200}", - "type": "color" - }, - "active": { - "value": "{colors.grey.300}", - "type": "color" - } } } -} \ No newline at end of file +} From dbfdadc090491c2025e10ec6c35486a5a32c8e4c Mon Sep 17 00:00:00 2001 From: alexandra-lim Date: Mon, 15 Aug 2022 15:00:08 +0000 Subject: [PATCH 5/7] Transformed tokens --- transformed/transformed-light.json | 108 ++++++++++++++--------------- 1 file changed, 54 insertions(+), 54 deletions(-) diff --git a/transformed/transformed-light.json b/transformed/transformed-light.json index 8762a7cd..9bc959fd 100644 --- a/transformed/transformed-light.json +++ b/transformed/transformed-light.json @@ -36,6 +36,20 @@ "type": "color" } }, + "interactiveSurface": { + "background": { + "value": "transparent", + "type": "color" + }, + "hover": { + "value": "#F5F7FA", + "type": "color" + }, + "active": { + "value": "#E6EDF5", + "type": "color" + } + }, "primary": { "text": { "base": { @@ -336,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", @@ -423,60 +477,6 @@ "type": "color" } } - }, - "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" - } - } - }, - "interactiveSurface": { - "background": { - "value": "transparent", - "type": "color" - }, - "hover": { - "value": "#F5F7FA", - "type": "color" - }, - "active": { - "value": "#E6EDF5", - "type": "color" - } } } } \ No newline at end of file From f66b04bb004034807a77130c1d288f350f74c001 Mon Sep 17 00:00:00 2001 From: alexandra-lim Date: Mon, 15 Aug 2022 15:00:30 +0000 Subject: [PATCH 6/7] Built and updated design tokens --- build/native/colors.d.ts | 2 +- build/native/colors.js | 2 +- build/native/themes/light.d.ts | 26 +++++++++++++------------- build/native/themes/light.js | 26 +++++++++++++------------- build/native/typography.d.ts | 2 +- build/native/typography.js | 2 +- build/scss/colors.scss | 2 +- build/scss/themes/light.scss | 26 +++++++++++++------------- build/scss/typography.scss | 2 +- build/ts/colors.d.ts | 2 +- build/ts/colors.js | 2 +- build/ts/themes/light.d.ts | 26 +++++++++++++------------- build/ts/themes/light.js | 26 +++++++++++++------------- build/ts/typography.d.ts | 2 +- build/ts/typography.js | 2 +- 15 files changed, 75 insertions(+), 75 deletions(-) diff --git a/build/native/colors.d.ts b/build/native/colors.d.ts index 77a0aa84..9921b428 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 14:51:01 GMT + * Generated on Mon, 15 Aug 2022 15:00:29 GMT */ export const green100 : string; diff --git a/build/native/colors.js b/build/native/colors.js index 08dedde5..949ff349 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 14:51:01 GMT + * Generated on Mon, 15 Aug 2022 15:00:29 GMT */ module.exports = { diff --git a/build/native/themes/light.d.ts b/build/native/themes/light.d.ts index 8bbfb839..a22d4e6f 100644 --- a/build/native/themes/light.d.ts +++ b/build/native/themes/light.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Mon, 15 Aug 2022 14:51:01 GMT + * Generated on Mon, 15 Aug 2022 15:00:29 GMT */ export const textBase : string; @@ -11,6 +11,9 @@ export const surfaceLevel0 : string; export const surfaceLevel1 : string; export const surfaceLevel2 : string; export const surfaceLevel3 : string; +export const interactiveSurfaceBackground : string; +export const interactiveSurfaceHover : string; +export const interactiveSurfaceActive : string; export const primaryTextBase : string; export const primaryTextHover : string; export const primaryTextActive : string; @@ -76,6 +79,14 @@ export const highlightBackgroundBox : string; export const highlightBorderBase : string; export const highlightBorderHover : string; export const highlightBorderActive : string; +export const systemTextBase : string; +export const systemTextHover : string; +export const systemTextActive : string; +export const systemBackgroundBase : string; +export const systemBorderBase : string; +export const systemBorderHover : string; +export const systemBorderActive : string; +export const systemBorderFocused : string; export const disabledText : string; export const disabledBackground : string; export const disabledNakedContent : string; @@ -94,15 +105,4 @@ export const inputTextFloatingLabel : string; export const inputTextFloatingLabelError : string; export const inputTextPlaceholder : string; export const inputBorderBase : string; -export const inputBorderError : string; -export const systemTextBase : string; -export const systemTextHover : string; -export const systemTextActive : string; -export const systemBackgroundBase : string; -export const systemBorderBase : string; -export const systemBorderHover : string; -export const systemBorderActive : string; -export const systemBorderFocused : string; -export const interactiveSurfaceBackground : string; -export const interactiveSurfaceHover : string; -export const interactiveSurfaceActive : string; \ No newline at end of file +export const inputBorderError : string; \ No newline at end of file diff --git a/build/native/themes/light.js b/build/native/themes/light.js index bbb75a29..bc0d2e5f 100644 --- a/build/native/themes/light.js +++ b/build/native/themes/light.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Mon, 15 Aug 2022 14:51:01 GMT + * Generated on Mon, 15 Aug 2022 15:00:29 GMT */ module.exports = { @@ -12,6 +12,9 @@ module.exports = { "surfaceLevel1": "#FFFFFF", "surfaceLevel2": "#FCFEFF", "surfaceLevel3": "#FFFFFF", + "interactiveSurfaceBackground": "transparent", + "interactiveSurfaceHover": "#F5F7FA", + "interactiveSurfaceActive": "#E6EDF5", "primaryTextBase": "#307553", "primaryTextHover": "#275E43", "primaryTextActive": "#244C38", @@ -77,6 +80,14 @@ module.exports = { "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", @@ -95,16 +106,5 @@ module.exports = { "inputTextFloatingLabelError": "#AF2645", "inputTextPlaceholder": "#596D84", "inputBorderBase": "#E6EDF5", - "inputBorderError": "#AF2645", - "systemTextBase": "#475A70", - "systemTextHover": "#36485C", - "systemTextActive": "#2E3A47", - "systemBackgroundBase": "#FFFFFF", - "systemBorderBase": "#C8D3E0", - "systemBorderHover": "#596D84", - "systemBorderActive": "#475A70", - "systemBorderFocused": "#3971A8", - "interactiveSurfaceBackground": "transparent", - "interactiveSurfaceHover": "#F5F7FA", - "interactiveSurfaceActive": "#E6EDF5" + "inputBorderError": "#AF2645" }; \ No newline at end of file diff --git a/build/native/typography.d.ts b/build/native/typography.d.ts index 59601849..b13fbd6c 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 14:51:01 GMT + * Generated on Mon, 15 Aug 2022 15:00:29 GMT */ export const letterSpacingBase : number; diff --git a/build/native/typography.js b/build/native/typography.js index 9b7f55cc..d38b9ef8 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 14:51:01 GMT + * Generated on Mon, 15 Aug 2022 15:00:29 GMT */ module.exports = { diff --git a/build/scss/colors.scss b/build/scss/colors.scss index 083f926b..d896a30a 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 14:51:01 GMT +// Generated on Mon, 15 Aug 2022 15:00:29 GMT $green100: #FAFFFC; $green200: #EBF2EF; diff --git a/build/scss/themes/light.scss b/build/scss/themes/light.scss index 0a5737a0..0342aba1 100644 --- a/build/scss/themes/light.scss +++ b/build/scss/themes/light.scss @@ -1,6 +1,6 @@ // Do not edit directly -// Generated on Mon, 15 Aug 2022 14:51:01 GMT +// Generated on Mon, 15 Aug 2022 15:00:29 GMT $textBase: #2E3A47; $textEmphasis: #36485C; @@ -10,6 +10,9 @@ $surfaceLevel0: #F5F7FA; $surfaceLevel1: #FFFFFF; $surfaceLevel2: #FCFEFF; $surfaceLevel3: #FFFFFF; +$interactiveSurfaceBackground: transparent; +$interactiveSurfaceHover: #F5F7FA; +$interactiveSurfaceActive: #E6EDF5; $primaryTextBase: #307553; $primaryTextHover: #275E43; $primaryTextActive: #244C38; @@ -75,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; @@ -93,15 +104,4 @@ $inputTextFloatingLabel: #3971A8; $inputTextFloatingLabelError: #AF2645; $inputTextPlaceholder: #596D84; $inputBorderBase: #E6EDF5; -$inputBorderError: #AF2645; -$systemTextBase: #475A70; -$systemTextHover: #36485C; -$systemTextActive: #2E3A47; -$systemBackgroundBase: #FFFFFF; -$systemBorderBase: #C8D3E0; -$systemBorderHover: #596D84; -$systemBorderActive: #475A70; -$systemBorderFocused: #3971A8; -$interactiveSurfaceBackground: transparent; -$interactiveSurfaceHover: #F5F7FA; -$interactiveSurfaceActive: #E6EDF5; \ No newline at end of file +$inputBorderError: #AF2645; \ No newline at end of file diff --git a/build/scss/typography.scss b/build/scss/typography.scss index 44b025b8..170929da 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 14:51:01 GMT +// Generated on Mon, 15 Aug 2022 15:00:29 GMT $letterSpacingBase: 0; $paragraphSpacingBase: 0; diff --git a/build/ts/colors.d.ts b/build/ts/colors.d.ts index 77a0aa84..9921b428 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 14:51:01 GMT + * Generated on Mon, 15 Aug 2022 15:00:29 GMT */ export const green100 : string; diff --git a/build/ts/colors.js b/build/ts/colors.js index 08dedde5..949ff349 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 14:51:01 GMT + * Generated on Mon, 15 Aug 2022 15:00:29 GMT */ module.exports = { diff --git a/build/ts/themes/light.d.ts b/build/ts/themes/light.d.ts index 8bbfb839..a22d4e6f 100644 --- a/build/ts/themes/light.d.ts +++ b/build/ts/themes/light.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Mon, 15 Aug 2022 14:51:01 GMT + * Generated on Mon, 15 Aug 2022 15:00:29 GMT */ export const textBase : string; @@ -11,6 +11,9 @@ export const surfaceLevel0 : string; export const surfaceLevel1 : string; export const surfaceLevel2 : string; export const surfaceLevel3 : string; +export const interactiveSurfaceBackground : string; +export const interactiveSurfaceHover : string; +export const interactiveSurfaceActive : string; export const primaryTextBase : string; export const primaryTextHover : string; export const primaryTextActive : string; @@ -76,6 +79,14 @@ export const highlightBackgroundBox : string; export const highlightBorderBase : string; export const highlightBorderHover : string; export const highlightBorderActive : string; +export const systemTextBase : string; +export const systemTextHover : string; +export const systemTextActive : string; +export const systemBackgroundBase : string; +export const systemBorderBase : string; +export const systemBorderHover : string; +export const systemBorderActive : string; +export const systemBorderFocused : string; export const disabledText : string; export const disabledBackground : string; export const disabledNakedContent : string; @@ -94,15 +105,4 @@ export const inputTextFloatingLabel : string; export const inputTextFloatingLabelError : string; export const inputTextPlaceholder : string; export const inputBorderBase : string; -export const inputBorderError : string; -export const systemTextBase : string; -export const systemTextHover : string; -export const systemTextActive : string; -export const systemBackgroundBase : string; -export const systemBorderBase : string; -export const systemBorderHover : string; -export const systemBorderActive : string; -export const systemBorderFocused : string; -export const interactiveSurfaceBackground : string; -export const interactiveSurfaceHover : string; -export const interactiveSurfaceActive : string; \ No newline at end of file +export const inputBorderError : string; \ No newline at end of file diff --git a/build/ts/themes/light.js b/build/ts/themes/light.js index bbb75a29..bc0d2e5f 100644 --- a/build/ts/themes/light.js +++ b/build/ts/themes/light.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Mon, 15 Aug 2022 14:51:01 GMT + * Generated on Mon, 15 Aug 2022 15:00:29 GMT */ module.exports = { @@ -12,6 +12,9 @@ module.exports = { "surfaceLevel1": "#FFFFFF", "surfaceLevel2": "#FCFEFF", "surfaceLevel3": "#FFFFFF", + "interactiveSurfaceBackground": "transparent", + "interactiveSurfaceHover": "#F5F7FA", + "interactiveSurfaceActive": "#E6EDF5", "primaryTextBase": "#307553", "primaryTextHover": "#275E43", "primaryTextActive": "#244C38", @@ -77,6 +80,14 @@ module.exports = { "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", @@ -95,16 +106,5 @@ module.exports = { "inputTextFloatingLabelError": "#AF2645", "inputTextPlaceholder": "#596D84", "inputBorderBase": "#E6EDF5", - "inputBorderError": "#AF2645", - "systemTextBase": "#475A70", - "systemTextHover": "#36485C", - "systemTextActive": "#2E3A47", - "systemBackgroundBase": "#FFFFFF", - "systemBorderBase": "#C8D3E0", - "systemBorderHover": "#596D84", - "systemBorderActive": "#475A70", - "systemBorderFocused": "#3971A8", - "interactiveSurfaceBackground": "transparent", - "interactiveSurfaceHover": "#F5F7FA", - "interactiveSurfaceActive": "#E6EDF5" + "inputBorderError": "#AF2645" }; \ No newline at end of file diff --git a/build/ts/typography.d.ts b/build/ts/typography.d.ts index 917f1ba1..1e545af6 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 14:51:01 GMT + * Generated on Mon, 15 Aug 2022 15:00:29 GMT */ export const letterSpacingBase : number; diff --git a/build/ts/typography.js b/build/ts/typography.js index 0ade0bc8..57d8bda0 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 14:51:01 GMT + * Generated on Mon, 15 Aug 2022 15:00:29 GMT */ module.exports = { From 2f4292d913fcc0be1ff572772a92fcba01567f11 Mon Sep 17 00:00:00 2001 From: alexandra-lim Date: Mon, 15 Aug 2022 18:01:23 +0000 Subject: [PATCH 7/7] Built and updated design tokens --- build/native/colors.d.ts | 4 +- build/native/colors.js | 4 +- build/native/themes/light.d.ts | 8 +- build/native/themes/light.js | 124 +++-------------------- build/native/typography.d.ts | 4 +- build/native/typography.js | 4 +- build/scss/colors.scss | 4 +- build/scss/themes/light.scss | 178 ++++++++++++++++++--------------- build/scss/typography.scss | 4 +- build/ts/colors.d.ts | 4 +- build/ts/colors.js | 4 +- build/ts/themes/light.d.ts | 8 +- build/ts/themes/light.js | 8 +- build/ts/typography.d.ts | 4 +- build/ts/typography.js | 4 +- 15 files changed, 142 insertions(+), 224 deletions(-) diff --git a/build/native/colors.d.ts b/build/native/colors.d.ts index 5a4cf55b..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}; @@ -9,4 +9,4 @@ export const red : { red100 : string,red200 : string,red300 : string,red400 : st export const purple : { purple100 : string,purple200 : string,purple300 : string,purple400 : string,purple500 : string,purple600 : string,purple700 : string,purple800 : string}; export const orange : { orange100 : string,orange200 : string,orange300 : string,orange400 : string,orange500 : string,orange600 : string,orange700 : string,orange800 : string}; export const grey : { grey100 : string,grey200 : string,grey300 : string,grey400 : string,grey500 : string,grey600 : string,grey700 : string,grey800 : string}; -export const shades : { white : string,black : string,transparent : string}; +export const shades : { white : string,black : string,transparent : string}; \ No newline at end of file diff --git a/build/native/colors.js b/build/native/colors.js index 72f51239..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"}, @@ -9,4 +9,4 @@ red : { red100 : "#FFF7F9",red200 : "#FEEEF2",red300 : "#F0C4CD",red400 : "#E296 purple : { purple100 : "#FCFAFF",purple200 : "#F2ECFE",purple300 : "#D7CEE9",purple400 : "#B9ABD5",purple500 : "#8471AB",purple600 : "#533E7D",purple700 : "#3B2566",purple800 : "#2A174F"}, orange : { orange100 : "#FFFAF5",orange200 : "#FFF3E8",orange300 : "#F3D8C0",orange400 : "#E7B88F",orange500 : "#CF8545",orange600 : "#B4631D",orange700 : "#8E4D14",orange800 : "#784213"}, grey : { grey100 : "#FCFEFF",grey200 : "#F5F7FA",grey300 : "#E6EDF5",grey400 : "#C8D3E0",grey500 : "#596D84",grey600 : "#475A70",grey700 : "#36485C",grey800 : "#2E3A47"}, -shades : { white : "#FFFFFF",black : "#000000",transparent : "transparent"},}; +shades : { white : "#FFFFFF",black : "#000000",transparent : "transparent"},}; \ No newline at end of file diff --git a/build/native/themes/light.d.ts b/build/native/themes/light.d.ts index 114ec638..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}; +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 d5cabc93..a69590ec 100644 --- a/build/native/themes/light.js +++ b/build/native/themes/light.js @@ -1,116 +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", - }, - surface: { - surfaceLevel0: "#F5F7FA", - surfaceLevel1: "#FFFFFF", - surfaceLevel2: "#FCFEFF", - surfaceLevel3: "#FFFFFF", - }, - 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", - }, - 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", - }, -}; +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 47ff4d66..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; @@ -114,4 +114,4 @@ export const mobileH3FontSize : number; export const mobileH3LetterSpacing : number; export const mobileH3ParagraphSpacing : number; export const mobileH3TextDecoration : string; -export const mobileH3TextCase : string; +export const mobileH3TextCase : string; \ No newline at end of file diff --git a/build/native/typography.js b/build/native/typography.js index 6d7fb91e..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 = { @@ -116,4 +116,4 @@ module.exports = { "mobileH3ParagraphSpacing": 0, "mobileH3TextDecoration": "none", "mobileH3TextCase": "none" -}; +}; \ No newline at end of file diff --git a/build/scss/colors.scss b/build/scss/colors.scss index 91da8351..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; @@ -52,4 +52,4 @@ $grey700: #36485C; $grey800: #2E3A47; $white: #FFFFFF; $black: #000000; -$transparent: transparent; +$transparent: transparent; \ No newline at end of file diff --git a/build/scss/themes/light.scss b/build/scss/themes/light.scss index 572a93b1..f4ed6190 100644 --- a/build/scss/themes/light.scss +++ b/build/scss/themes/light.scss @@ -1,95 +1,107 @@ + // 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; +$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; +$primaryTextHover: #275E43; +$primaryTextActive: #244C38; $primaryBackgroundBase: #307553; -$primaryBackgroundHover: #275e43; -$primaryBackgroundActive: #244c38; -$primaryBackgroundMuted: #ebf2ef; -$primaryBackgroundMutedHover: #d1e0d9; -$primaryBackgroundMutedActive: #b6cfc2; -$primaryBackgroundBox: #fafffc; +$primaryBackgroundHover: #275E43; +$primaryBackgroundActive: #244C38; +$primaryBackgroundMuted: #EBF2EF; +$primaryBackgroundMutedHover: #D1E0D9; +$primaryBackgroundMutedActive: #B6CFC2; +$primaryBackgroundBox: #FAFFFC; $primaryBorderBase: #307553; -$primaryBorderHover: #275e43; -$primaryBorderActive: #244c38; -$infoTextBase: #3971a8; -$infoTextHover: #21588f; +$primaryBorderHover: #275E43; +$primaryBorderActive: #244C38; +$infoTextBase: #3971A8; +$infoTextHover: #21588F; $infoTextActive: #194673; -$infoBackgroundBase: #3971a8; -$infoBackgroundHover: #21588f; +$infoBackgroundBase: #3971A8; +$infoBackgroundHover: #21588F; $infoBackgroundActive: #194673; -$infoBackgroundMuted: #e6f1fc; -$infoBackgroundMutedHover: #c0d8f0; -$infoBackgroundMutedActive: #88b1d9; -$infoBackgroundBox: #f5faff; -$infoBorderBase: #3971a8; -$infoBorderHover: #21588f; +$infoBackgroundMuted: #E6F1FC; +$infoBackgroundMutedHover: #C0D8F0; +$infoBackgroundMutedActive: #88B1D9; +$infoBackgroundBox: #F5FAFF; +$infoBorderBase: #3971A8; +$infoBorderHover: #21588F; $infoBorderActive: #194673; -$warningTextBase: #b4631d; -$warningTextHover: #8e4d14; +$warningTextBase: #B4631D; +$warningTextHover: #8E4D14; $warningTextActive: #784213; -$warningBackgroundBase: #b4631d; -$warningBackgroundHover: #8e4d14; +$warningBackgroundBase: #B4631D; +$warningBackgroundHover: #8E4D14; $warningBackgroundActive: #784213; -$warningBackgroundMuted: #fff3e8; -$warningBackgroundMutedHover: #f3d8c0; -$warningBackgroundMutedActive: #e7b88f; -$warningBackgroundBox: #fffaf5; -$warningBorderBase: #b4631d; -$warningBorderHover: #8e4d14; +$warningBackgroundMuted: #FFF3E8; +$warningBackgroundMutedHover: #F3D8C0; +$warningBackgroundMutedActive: #E7B88F; +$warningBackgroundBox: #FFFAF5; +$warningBorderBase: #B4631D; +$warningBorderHover: #8E4D14; $warningBorderActive: #784213; -$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; -$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; -$disabledText: #596d84; -$disabledBackground: #f5f7fa; -$disabledNakedContent: #f5f7fa; +$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; +$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; +$systemTextBase: #475A70; +$systemTextHover: #36485C; +$systemTextActive: #2E3A47; +$systemBackgroundBase: #FFFFFF; +$systemBorderBase: #C8D3E0; +$systemBorderHover: #596D84; +$systemBorderActive: #475A70; +$systemBorderFocused: #3971A8; +$disabledText: #596D84; +$disabledBackground: #F5F7FA; +$disabledNakedContent: #F5F7FA; $disabledNakedBackground: transparent; -$disabledBorder: #c8d3e0; -$disabledInputBackground: #e6edf5; -$disabledInputLabelText: #596d84; -$inputBackgroundBase: #f5f7fa; -$inputBackgroundHover: #f5f7fa; -$inputBackgroundInformation: #ffffff; -$inputTextBase: #475a70; -$inputTextInformation: #475a70; -$inputTextInformationError: #af2645; -$inputTextLabel: #475a70; -$inputTextFloatingLabel: #3971a8; -$inputTextFloatingLabelError: #af2645; -$inputTextPlaceholder: #596d84; -$inputBorderBase: #e6edf5; -$inputBorderError: #af2645; +$disabledBorder: #C8D3E0; +$disabledInputBackground: #E6EDF5; +$disabledInputLabelText: #596D84; +$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/scss/typography.scss b/build/scss/typography.scss index 6d0682f0..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; @@ -113,4 +113,4 @@ $mobileH3FontSize: 22px; $mobileH3LetterSpacing: 0; $mobileH3ParagraphSpacing: 0; $mobileH3TextDecoration: none; -$mobileH3TextCase: none; +$mobileH3TextCase: none; \ No newline at end of file diff --git a/build/ts/colors.d.ts b/build/ts/colors.d.ts index 5a4cf55b..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}; @@ -9,4 +9,4 @@ export const red : { red100 : string,red200 : string,red300 : string,red400 : st export const purple : { purple100 : string,purple200 : string,purple300 : string,purple400 : string,purple500 : string,purple600 : string,purple700 : string,purple800 : string}; export const orange : { orange100 : string,orange200 : string,orange300 : string,orange400 : string,orange500 : string,orange600 : string,orange700 : string,orange800 : string}; export const grey : { grey100 : string,grey200 : string,grey300 : string,grey400 : string,grey500 : string,grey600 : string,grey700 : string,grey800 : string}; -export const shades : { white : string,black : string,transparent : string}; +export const shades : { white : string,black : string,transparent : string}; \ No newline at end of file diff --git a/build/ts/colors.js b/build/ts/colors.js index 72f51239..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"}, @@ -9,4 +9,4 @@ red : { red100 : "#FFF7F9",red200 : "#FEEEF2",red300 : "#F0C4CD",red400 : "#E296 purple : { purple100 : "#FCFAFF",purple200 : "#F2ECFE",purple300 : "#D7CEE9",purple400 : "#B9ABD5",purple500 : "#8471AB",purple600 : "#533E7D",purple700 : "#3B2566",purple800 : "#2A174F"}, orange : { orange100 : "#FFFAF5",orange200 : "#FFF3E8",orange300 : "#F3D8C0",orange400 : "#E7B88F",orange500 : "#CF8545",orange600 : "#B4631D",orange700 : "#8E4D14",orange800 : "#784213"}, grey : { grey100 : "#FCFEFF",grey200 : "#F5F7FA",grey300 : "#E6EDF5",grey400 : "#C8D3E0",grey500 : "#596D84",grey600 : "#475A70",grey700 : "#36485C",grey800 : "#2E3A47"}, -shades : { white : "#FFFFFF",black : "#000000",transparent : "transparent"},}; +shades : { white : "#FFFFFF",black : "#000000",transparent : "transparent"},}; \ No newline at end of file diff --git a/build/ts/themes/light.d.ts b/build/ts/themes/light.d.ts index 114ec638..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}; +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 9713abef..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"},}; +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 1a040078..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; @@ -114,4 +114,4 @@ export const mobileH3FontSize : string; export const mobileH3LetterSpacing : number; export const mobileH3ParagraphSpacing : number; export const mobileH3TextDecoration : string; -export const mobileH3TextCase : string; +export const mobileH3TextCase : string; \ No newline at end of file diff --git a/build/ts/typography.js b/build/ts/typography.js index 3e3d383e..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 = { @@ -116,4 +116,4 @@ module.exports = { "mobileH3ParagraphSpacing": 0, "mobileH3TextDecoration": "none", "mobileH3TextCase": "none" -}; +}; \ No newline at end of file