diff --git a/dist/documentation/core-dark-colors.d.ts b/dist/documentation/core-dark-colors.d.ts index c7c8ee62..26c9389b 100644 --- a/dist/documentation/core-dark-colors.d.ts +++ b/dist/documentation/core-dark-colors.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Tue, 19 Sep 2023 17:47:36 GMT + * Generated on Tue, 19 Sep 2023 21:06:53 GMT */ export const green : {100:{ @@ -213,4 +213,21 @@ export const shades : {white:{ name: string, hex: string, + }}; +export const brown : {200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + }}; \ No newline at end of file diff --git a/dist/documentation/core-dark-colors.js b/dist/documentation/core-dark-colors.js index b6fecc08..bf123025 100644 --- a/dist/documentation/core-dark-colors.js +++ b/dist/documentation/core-dark-colors.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Tue, 19 Sep 2023 17:47:36 GMT + * Generated on Tue, 19 Sep 2023 21:06:53 GMT */ module.exports = {green : {100:{ @@ -132,7 +132,7 @@ purple : {100:{ },800:{ name: "purple.800", - hex: "#F0F1FF", + hex: "#F0D1FF", }}, orange : {100:{ @@ -213,4 +213,21 @@ shades : {white:{ name: "shades.transparent", hex: "transparent", + }}, +brown : {200:{ + name: "brown.200", + hex: "#33260F", + + },300:{ + name: "brown.300", + hex: "#402F13", + + },400:{ + name: "brown.400", + hex: "#6E5225", + + },700:{ + name: "brown.700", + hex: "#D6BA87", + }},}; \ No newline at end of file diff --git a/dist/documentation/core-light-colors.d.ts b/dist/documentation/core-light-colors.d.ts index 3dcf26d4..a73f0aec 100644 --- a/dist/documentation/core-light-colors.d.ts +++ b/dist/documentation/core-light-colors.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Tue, 19 Sep 2023 17:47:36 GMT + * Generated on Tue, 19 Sep 2023 21:06:53 GMT */ export const green : {100:{ @@ -250,4 +250,21 @@ export const yellow : {100:{ name: string, hex: string, + }}; +export const brown : {200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + }}; \ No newline at end of file diff --git a/dist/documentation/core-light-colors.js b/dist/documentation/core-light-colors.js index e9f191fb..c58423f9 100644 --- a/dist/documentation/core-light-colors.js +++ b/dist/documentation/core-light-colors.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Tue, 19 Sep 2023 17:47:36 GMT + * Generated on Tue, 19 Sep 2023 21:06:53 GMT */ module.exports = {green : {100:{ @@ -250,4 +250,21 @@ yellow : {100:{ name: "yellow.800", hex: "#e5a500", + }}, +brown : {200:{ + name: "brown.200", + hex: "#F6F1E5", + + },300:{ + name: "brown.300", + hex: "#E4D9C2", + + },400:{ + name: "brown.400", + hex: "#DACCAA", + + },700:{ + name: "brown.700", + hex: "#5E4D27", + }},}; \ No newline at end of file diff --git a/dist/documentation/themes/dark.d.ts b/dist/documentation/themes/dark.d.ts index a525d361..6ff3e3e0 100644 --- a/dist/documentation/themes/dark.d.ts +++ b/dist/documentation/themes/dark.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Tue, 19 Sep 2023 17:47:36 GMT + * Generated on Tue, 19 Sep 2023 21:06:53 GMT */ export const text : {emphasis:{ @@ -564,4 +564,37 @@ export const shadow : {base:{ name: string, hex: string, description: string + }}; +export const accent : {forestTextBase:{ + name: string, + hex: string, + + },forestBackgroundMuted:{ + name: string, + hex: string, + + },forestBackgroundMutedHover:{ + name: string, + hex: string, + + },forestBackgroundMutedActive:{ + name: string, + hex: string, + + },sandTextBase:{ + name: string, + hex: string, + + },sandBackgroundMuted:{ + name: string, + hex: string, + + },sandBackgroundMutedHover:{ + name: string, + hex: string, + + },sandBackgroundMutedActive:{ + name: string, + hex: string, + }}; \ No newline at end of file diff --git a/dist/documentation/themes/dark.js b/dist/documentation/themes/dark.js index c3c616e9..748ff61c 100644 --- a/dist/documentation/themes/dark.js +++ b/dist/documentation/themes/dark.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Tue, 19 Sep 2023 17:47:36 GMT + * Generated on Tue, 19 Sep 2023 21:06:53 GMT */ module.exports = {text : {emphasis:{ @@ -385,7 +385,7 @@ highlight : {textBase:{ description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" },textActive:{ name: "highlight.textActive", - hex: "#F0F1FF", + hex: "#F0D1FF", description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" },backgroundBase:{ name: "highlight.backgroundBase", @@ -564,4 +564,37 @@ shadow : {base:{ name: "shadow.base", hex: "#000000", description: "For use only with box shadow tokens" + }}, +accent : {forestTextBase:{ + name: "accent.forestTextBase", + hex: "#86D6B9", + + },forestBackgroundMuted:{ + name: "accent.forestBackgroundMuted", + hex: "#0F3326", + + },forestBackgroundMutedHover:{ + name: "accent.forestBackgroundMutedHover", + hex: "#13402F", + + },forestBackgroundMutedActive:{ + name: "accent.forestBackgroundMutedActive", + hex: "#256E53", + + },sandTextBase:{ + name: "accent.sandTextBase", + hex: "#D6BA87", + + },sandBackgroundMuted:{ + name: "accent.sandBackgroundMuted", + hex: "#33260F", + + },sandBackgroundMutedHover:{ + name: "accent.sandBackgroundMutedHover", + hex: "#402F13", + + },sandBackgroundMutedActive:{ + name: "accent.sandBackgroundMutedActive", + hex: "#6E5225", + }},}; \ No newline at end of file diff --git a/dist/documentation/themes/emerson.d.ts b/dist/documentation/themes/emerson.d.ts index 3e17b1ac..22b98841 100644 --- a/dist/documentation/themes/emerson.d.ts +++ b/dist/documentation/themes/emerson.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Tue, 19 Sep 2023 17:47:36 GMT + * Generated on Tue, 19 Sep 2023 21:06:53 GMT */ export const text : {emphasis:{ diff --git a/dist/documentation/themes/emerson.js b/dist/documentation/themes/emerson.js index c60f4e66..2eed9f56 100644 --- a/dist/documentation/themes/emerson.js +++ b/dist/documentation/themes/emerson.js @@ -1,19 +1,19 @@ /** * Do not edit directly - * Generated on Tue, 19 Sep 2023 17:47:36 GMT + * Generated on Tue, 19 Sep 2023 21:06:53 GMT */ module.exports = {text : {emphasis:{ name: "text.emphasis", - hex: "#1A1D21", + hex: "#36485C", description: "Used for any text content and icons used with text that needs emphasizing" },body:{ name: "text.body", - hex: "#22272B", + hex: "#475A70", description: "Used for default text content and icons used with text" },subdued:{ name: "text.subdued", - hex: "#2D3238", + hex: "#596D84", description: "Used for any text content and icons used with text that requires less prominence" },onBackground:{ name: "text.onBackground", @@ -22,19 +22,19 @@ module.exports = {text : {emphasis:{ }}, system : {textLabelEmphasis:{ name: "system.textLabelEmphasis", - hex: "#101012", + hex: "#2E3A47", description: "Used for any text content and icons used with text that needs emphasizing" },textBase:{ name: "system.textBase", - hex: "#22272B", + hex: "#475A70", description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" },textHover:{ name: "system.textHover", - hex: "#1A1D21", + hex: "#36485C", description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" },textActive:{ name: "system.textActive", - hex: "#101012", + hex: "#2E3A47", description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" },backgroundBase:{ name: "system.backgroundBase", @@ -42,31 +42,31 @@ system : {textLabelEmphasis:{ description: "Used as the background for system components" },backgroundMuted:{ name: "system.backgroundMuted", - hex: "#98999B", + hex: "#F5F7FA", description: "Used as the muted background for system components" },backgroundMutedHover:{ name: "system.backgroundMutedHover", - hex: "#616568", + hex: "#E6EDF5", description: "Used as the hovered muted background for system components" },backgroundMutedActive:{ name: "system.backgroundMutedActive", - hex: "#515357", + hex: "#C8D3E0", description: "Used as the pressed muted background for system components" },backgroundBox:{ name: "system.backgroundBox", - hex: "#E8E9EA", + hex: "#FCFEFF", description: "Used as a background colour for a system container like Box or Message" },borderBase:{ name: "system.borderBase", - hex: "#515357", + hex: "#C8D3E0", description: "Used for the border colour for system components" },borderHover:{ name: "system.borderHover", - hex: "#2D3238", + hex: "#596D84", description: "Used for the hovered border colour for system components" },borderActive:{ name: "system.borderActive", - hex: "#22272B", + hex: "#475A70", description: "Used for the pressed border colour for system components" },borderFocused:{ name: "system.borderFocused", @@ -83,7 +83,7 @@ surface : {level0:{ description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." },level2:{ name: "surface.level2", - hex: "#98999B", + hex: "#F5F7FA", description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." },interactiveBackground:{ name: "surface.interactiveBackground", @@ -91,15 +91,15 @@ surface : {level0:{ description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" },interactiveHover:{ name: "surface.interactiveHover", - hex: "#98999B", + hex: "#F5F7FA", description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" },interactiveActive:{ name: "surface.interactiveActive", - hex: "#616568", + hex: "#E6EDF5", description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" },overlayDark:{ name: "surface.overlayDark", - hex: "#101012", + hex: "#2E3A47", description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" },overlayTheme:{ name: "surface.overlayTheme", @@ -107,60 +107,60 @@ surface : {level0:{ description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" },overlayBackdrop:{ name: "surface.overlayBackdrop", - hex: "#1A1D21", + hex: "#36485C", description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" }}, primary : {textBase:{ name: "primary.textBase", - hex: "#3971A8", + hex: "#FFFFFF", description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" },textHover:{ name: "primary.textHover", - hex: "#21588F", + hex: "#FFFFFF", description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" },textActive:{ name: "primary.textActive", - hex: "#194673", + hex: "#FFFFFF", description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" },backgroundBase:{ name: "primary.backgroundBase", - hex: "#3971A8", + hex: "#36485C", description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" },backgroundHover:{ name: "primary.backgroundHover", - hex: "#21588F", + hex: "#2E3A47", description: "Used as the hovered background for primary components such as plain buttons" },backgroundActive:{ name: "primary.backgroundActive", - hex: "#194673", + hex: "#212933", description: "Used as the hovered background for primary components such as plain buttons" },backgroundMuted:{ name: "primary.backgroundMuted", - hex: "#E6F1FC", + hex: "#F5F7FA", description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" },backgroundMutedHover:{ name: "primary.backgroundMutedHover", - hex: "#C0D8F0", + hex: "#E6EDF5", description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" },backgroundMutedActive:{ name: "primary.backgroundMutedActive", - hex: "#88B1D9", + hex: "#C8D3E0", description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" },backgroundBox:{ name: "primary.backgroundBox", - hex: "#F5FAFF", + hex: "#FCFEFF", description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" },borderBase:{ name: "primary.borderBase", - hex: "#3971A8", + hex: "#C8D3E0", description: "Used for the border colour for primary components such as buttons and Message" },borderHover:{ name: "primary.borderHover", - hex: "#21588F", + hex: "#596D84", description: "Used for the hovered border colour for primary components such as buttons" },borderActive:{ name: "primary.borderActive", - hex: "#194673", + hex: "#2E3A47", description: "Used for the pressed border colour for primary components such as buttons" }}, success : {textBase:{ @@ -430,11 +430,11 @@ highlight : {textBase:{ }}, disabled : {text:{ name: "disabled.text", - hex: "#2D3238", + hex: "#596D84", description: "For use in disabled content like text and icons" },background:{ name: "disabled.background", - hex: "#98999B", + hex: "#F5F7FA", description: "Used as the background colour for disabled components" },nakedBackground:{ name: "disabled.nakedBackground", @@ -442,24 +442,24 @@ disabled : {text:{ description: "Used for the background in disabled components with little to no styling" },border:{ name: "disabled.border", - hex: "#515357", + hex: "#C8D3E0", description: "Used as the border for disabled components" },inputBackground:{ name: "disabled.inputBackground", - hex: "#616568", + hex: "#E6EDF5", description: "For use in disabled inputs as the background colour" },inputLabelText:{ name: "disabled.inputLabelText", - hex: "#2D3238", + hex: "#596D84", description: "Used as the label colour for disabled inputs" }}, input : {backgroundBase:{ name: "input.backgroundBase", - hex: "#98999B", + hex: "#F5F7FA", description: "Used as the default background colour for HTML inputs" },backgroundHover:{ name: "input.backgroundHover", - hex: "#616568", + hex: "#E6EDF5", description: "Used as the hovered background colour for HTML inputs" },backgroundInformation:{ name: "input.backgroundInformation", @@ -467,11 +467,11 @@ input : {backgroundBase:{ description: "Used as the default background colour for the text description below the input" },textBase:{ name: "input.textBase", - hex: "#22272B", + hex: "#475A70", description: "Used for the default filled text colour for HTML inputs" },textInformation:{ name: "input.textInformation", - hex: "#22272B", + hex: "#475A70", description: "Used as the text content colour for the text description below the input" },textInformationError:{ name: "input.textInformationError", @@ -479,7 +479,7 @@ input : {backgroundBase:{ description: "Used as the text content colour for the text description below the input when there are errors" },textLabel:{ name: "input.textLabel", - hex: "#22272B", + hex: "#475A70", description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" },textFloatingLabel:{ name: "input.textFloatingLabel", @@ -491,15 +491,15 @@ input : {backgroundBase:{ description: "Used as the static and floated label colour when the input is in an error state" },textPlaceholder:{ name: "input.textPlaceholder", - hex: "#2D3238", + hex: "#596D84", description: "Used as the default placeholder text colour for basic and search inputs" },textActive:{ name: "input.textActive", - hex: "#101012", + hex: "#2E3A47", description: "Used as the label colour for labels that don't float when focused, like the select component" },borderBase:{ name: "input.borderBase", - hex: "#616568", + hex: "#E6EDF5", description: "Used as the default border colour" },borderError:{ name: "input.borderError", @@ -507,15 +507,15 @@ input : {backgroundBase:{ description: "Used for the border colour when the input is in an error state" },borderHover:{ name: "input.borderHover", - hex: "#515357", + hex: "#C8D3E0", description: "Used as the hovered border colour" },borderEmphasized:{ name: "input.borderEmphasized", - hex: "#2D3238", + hex: "#596D84", description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" },borderEmphasizedHover:{ name: "input.borderEmphasizedHover", - hex: "#22272B", + hex: "#475A70", description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" },borderActive:{ name: "input.borderActive", @@ -524,7 +524,7 @@ input : {backgroundBase:{ }}, separator : {base:{ name: "separator.base", - hex: "#616568", + hex: "#E6EDF5", description: "Used for the colour of the separator element" }}, light : {backgroundBase:{ @@ -533,23 +533,23 @@ light : {backgroundBase:{ description: "For use as background colour in light profile components on contrasting surface backgrounds" },backgroundContrast:{ name: "light.backgroundContrast", - hex: "#22272B", + hex: "#475A70", description: "For use as a contrasting background colour in light profile components, to match shade of surface background" },backgroundHover:{ name: "light.backgroundHover", - hex: "#98999B", + hex: "#F5F7FA", description: "For use as background hover colour in light profile components on contrasting surface backgrounds" },backgroundActive:{ name: "light.backgroundActive", - hex: "#616568", + hex: "#E6EDF5", description: "For use as background active colour in light profile components on contrasting surface backgrounds" },textBase:{ name: "light.textBase", - hex: "#101012", + hex: "#2E3A47", description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" },linkMutedBase:{ name: "light.linkMutedBase", - hex: "#98999B", + hex: "#F5F7FA", description: "Used as link colour for light profile components on contrasting surface backgrounds" },linkMutedHover:{ name: "light.linkMutedHover", diff --git a/dist/documentation/themes/light.d.ts b/dist/documentation/themes/light.d.ts index 3e17b1ac..c732a309 100644 --- a/dist/documentation/themes/light.d.ts +++ b/dist/documentation/themes/light.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Tue, 19 Sep 2023 17:47:36 GMT + * Generated on Tue, 19 Sep 2023 21:06:53 GMT */ export const text : {emphasis:{ @@ -560,4 +560,37 @@ export const shadow : {base:{ name: string, hex: string, description: string + }}; +export const accent : {forestTextBase:{ + name: string, + hex: string, + + },forestBackgroundMuted:{ + name: string, + hex: string, + + },forestBackgroundMutedHover:{ + name: string, + hex: string, + + },forestBackgroundMutedActive:{ + name: string, + hex: string, + + },sandTextBase:{ + name: string, + hex: string, + + },sandBackgroundMuted:{ + name: string, + hex: string, + + },sandBackgroundMutedHover:{ + name: string, + hex: string, + + },sandBackgroundMutedActive:{ + name: string, + hex: string, + }}; \ No newline at end of file diff --git a/dist/documentation/themes/light.js b/dist/documentation/themes/light.js index 9e9eaba2..9b2abf2a 100644 --- a/dist/documentation/themes/light.js +++ b/dist/documentation/themes/light.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Tue, 19 Sep 2023 17:47:36 GMT + * Generated on Tue, 19 Sep 2023 21:06:53 GMT */ module.exports = {text : {emphasis:{ @@ -560,4 +560,37 @@ shadow : {base:{ name: "shadow.base", hex: "#36485C", description: "For use only with box shadow tokens" + }}, +accent : {forestTextBase:{ + name: "accent.forestTextBase", + hex: "#275E43", + + },forestBackgroundMuted:{ + name: "accent.forestBackgroundMuted", + hex: "#EBF2EF", + + },forestBackgroundMutedHover:{ + name: "accent.forestBackgroundMutedHover", + hex: "#D1E0D9", + + },forestBackgroundMutedActive:{ + name: "accent.forestBackgroundMutedActive", + hex: "#B6CFC2", + + },sandTextBase:{ + name: "accent.sandTextBase", + hex: "#5E4D27", + + },sandBackgroundMuted:{ + name: "accent.sandBackgroundMuted", + hex: "#F6F1E5", + + },sandBackgroundMutedHover:{ + name: "accent.sandBackgroundMutedHover", + hex: "#E4D9C2", + + },sandBackgroundMutedActive:{ + name: "accent.sandBackgroundMutedActive", + hex: "#DACCAA", + }},}; \ No newline at end of file diff --git a/dist/documentation/themes/lightDS3.d.ts b/dist/documentation/themes/lightDS3.d.ts index 3e17b1ac..22b98841 100644 --- a/dist/documentation/themes/lightDS3.d.ts +++ b/dist/documentation/themes/lightDS3.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Tue, 19 Sep 2023 17:47:36 GMT + * Generated on Tue, 19 Sep 2023 21:06:53 GMT */ export const text : {emphasis:{ diff --git a/dist/documentation/themes/lightDS3.js b/dist/documentation/themes/lightDS3.js index 2b982dbf..a476781a 100644 --- a/dist/documentation/themes/lightDS3.js +++ b/dist/documentation/themes/lightDS3.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Tue, 19 Sep 2023 17:47:36 GMT + * Generated on Tue, 19 Sep 2023 21:06:53 GMT */ module.exports = {text : {emphasis:{ diff --git a/dist/tokens/native/borders.d.ts b/dist/tokens/native/borders.d.ts index 121fcfa6..3b6541f4 100644 --- a/dist/tokens/native/borders.d.ts +++ b/dist/tokens/native/borders.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Tue, 19 Sep 2023 17:47:36 GMT + * Generated on Tue, 19 Sep 2023 21:06:53 GMT */ export const radiusBase : number; diff --git a/dist/tokens/native/borders.js b/dist/tokens/native/borders.js index 851b2e12..9625587a 100644 --- a/dist/tokens/native/borders.js +++ b/dist/tokens/native/borders.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Tue, 19 Sep 2023 17:47:36 GMT + * Generated on Tue, 19 Sep 2023 21:06:53 GMT */ module.exports = { diff --git a/dist/tokens/native/core-dark-colors.d.ts b/dist/tokens/native/core-dark-colors.d.ts index 31577b5e..6b4023b9 100644 --- a/dist/tokens/native/core-dark-colors.d.ts +++ b/dist/tokens/native/core-dark-colors.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Tue, 19 Sep 2023 17:47:36 GMT + * Generated on Tue, 19 Sep 2023 21:06:53 GMT */ export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; @@ -9,4 +9,5 @@ export const red : {100 : string,200 : string,300 : string,400 : string,500 : st export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const shades : {white : string,black : string,transparent : string}; \ No newline at end of file +export const shades : {white : string,black : string,transparent : string}; +export const brown : {200 : string,300 : string,400 : string,700 : string}; \ No newline at end of file diff --git a/dist/tokens/native/core-dark-colors.js b/dist/tokens/native/core-dark-colors.js index e781a2e7..ece0ff39 100644 --- a/dist/tokens/native/core-dark-colors.js +++ b/dist/tokens/native/core-dark-colors.js @@ -1,12 +1,13 @@ /** * Do not edit directly - * Generated on Tue, 19 Sep 2023 17:47:36 GMT + * Generated on Tue, 19 Sep 2023 21:06:53 GMT */ module.exports = {green : {100 : "#0C291E",200 : "#0F3326",300 : "#13402F",400 : "#256E53",500 : "#288563",600 : "#42AD86",700 : "#86D6B9",800 : "#DBFFF1"}, blue : {100 : "#0C1B29",200 : "#102337",300 : "#142C45",400 : "#285685",500 : "#4577AD",600 : "#6597CE",700 : "#96BDE7",800 : "#D1E8FF"}, red : {100 : "#290F16",200 : "#34101A",300 : "#451522",400 : "#8F2843",500 : "#B23655",600 : "#C74C6B",700 : "#EA8AA3",800 : "#FFD1DD"}, -purple : {100 : "#200F29",200 : "#291433",300 : "#33193F",400 : "#542F66",500 : "#693B80",600 : "#865C99",700 : "#B990CC",800 : "#F0F1FF"}, +purple : {100 : "#200F29",200 : "#291433",300 : "#33193F",400 : "#542F66",500 : "#693B80",600 : "#865C99",700 : "#B990CC",800 : "#F0D1FF"}, orange : {100 : "#29170C",200 : "#361D0E",300 : "#4A2915",400 : "#8A4E29",500 : "#AD6234",600 : "#CF7945",700 : "#E7AA84",800 : "#FFE3D1"}, grey : {100 : "#101012",200 : "#1A1D21",300 : "#22272B",400 : "#2D3238",500 : "#515357",600 : "#98999B",700 : "#BCBDBF",800 : "#E8E9EA"}, -shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"},}; \ No newline at end of file +shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, +brown : {200 : "#33260F",300 : "#402F13",400 : "#6E5225",700 : "#D6BA87"},}; \ No newline at end of file diff --git a/dist/tokens/native/core-light-colors.d.ts b/dist/tokens/native/core-light-colors.d.ts index 008b517e..a887755d 100644 --- a/dist/tokens/native/core-light-colors.d.ts +++ b/dist/tokens/native/core-light-colors.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Tue, 19 Sep 2023 17:47:36 GMT + * Generated on Tue, 19 Sep 2023 21:06:53 GMT */ export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; @@ -10,4 +10,5 @@ export const purple : {100 : string,200 : string,300 : string,400 : string,500 : export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string,900 : string}; export const shades : {white : string,black : string,transparent : string}; -export const yellow : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; \ No newline at end of file +export const yellow : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const brown : {200 : string,300 : string,400 : string,700 : string}; \ No newline at end of file diff --git a/dist/tokens/native/core-light-colors.js b/dist/tokens/native/core-light-colors.js index 970662ff..8d215a9c 100644 --- a/dist/tokens/native/core-light-colors.js +++ b/dist/tokens/native/core-light-colors.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Tue, 19 Sep 2023 17:47:36 GMT + * Generated on Tue, 19 Sep 2023 21:06:53 GMT */ module.exports = {green : {100 : "#FAFFFC",200 : "#EBF2EF",300 : "#D1E0D9",400 : "#B6CFC2",500 : "#86B09B",600 : "#307553",700 : "#275E43",800 : "#244C38"}, @@ -10,4 +10,5 @@ purple : {100 : "#FCFAFF",200 : "#F2ECFE",300 : "#D7CEE9",400 : "#B9ABD5",500 : orange : {100 : "#FFFAF5",200 : "#FFF3E8",300 : "#F3D8C0",400 : "#E7B88F",500 : "#CF8545",600 : "#B4631D",700 : "#8E4D14",800 : "#784213"}, grey : {100 : "#FCFEFF",200 : "#F5F7FA",300 : "#E6EDF5",400 : "#C8D3E0",500 : "#596D84",600 : "#475A70",700 : "#36485C",800 : "#2E3A47",900 : "#212933"}, shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, -yellow : {100 : "#faf8f2",200 : "#fcf3dd",300 : "#fce7b1",400 : "#fcd97e",500 : "#fccb4c",600 : "#ffc121",700 : "#f7b200",800 : "#e5a500"},}; \ No newline at end of file +yellow : {100 : "#faf8f2",200 : "#fcf3dd",300 : "#fce7b1",400 : "#fcd97e",500 : "#fccb4c",600 : "#ffc121",700 : "#f7b200",800 : "#e5a500"}, +brown : {200 : "#F6F1E5",300 : "#E4D9C2",400 : "#DACCAA",700 : "#5E4D27"},}; \ No newline at end of file diff --git a/dist/tokens/native/themes/dark.d.ts b/dist/tokens/native/themes/dark.d.ts index 94995a2b..97834b91 100644 --- a/dist/tokens/native/themes/dark.d.ts +++ b/dist/tokens/native/themes/dark.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Tue, 19 Sep 2023 17:47:36 GMT + * Generated on Tue, 19 Sep 2023 21:06:53 GMT */ export const theme: string; @@ -17,4 +17,5 @@ export const disabled : {text : string,background : string,nakedBackground : str export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; export const separator : {base : string}; export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ No newline at end of file +export const shadow : {base : string}; +export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ No newline at end of file diff --git a/dist/tokens/native/themes/dark.js b/dist/tokens/native/themes/dark.js index 94b9c4d1..43db13a1 100644 --- a/dist/tokens/native/themes/dark.js +++ b/dist/tokens/native/themes/dark.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Tue, 19 Sep 2023 17:47:36 GMT + * Generated on Tue, 19 Sep 2023 21:06:53 GMT */ module.exports = {theme: "dark", @@ -12,9 +12,10 @@ success : {textBase : "#42AD86",textHover : "#86D6B9",textActive : "#DBFFF1",bac info : {textBase : "#6597CE",textHover : "#96BDE7",textActive : "#D1E8FF",backgroundBase : "#4577AD",backgroundHover : "#285685",backgroundActive : "#142C45",backgroundMuted : "#102337",backgroundMutedHover : "#142C45",backgroundMutedActive : "#285685",backgroundBox : "#0C1B29",borderBase : "#4577AD",borderHover : "#285685",borderActive : "#142C45"}, warning : {textBase : "#CF7945",textHover : "#E7AA84",textActive : "#FFE3D1",backgroundBase : "#AD6234",backgroundHover : "#CF7945",backgroundActive : "#E7AA84",backgroundMuted : "#361D0E",backgroundMutedHover : "#4A2915",backgroundMutedActive : "#8A4E29",backgroundBox : "#29170C",borderBase : "#8A4E29",borderHover : "#AD6234",borderActive : "#CF7945"}, danger : {textBase : "#C74C6B",textHover : "#EA8AA3",textActive : "#FFD1DD",backgroundBase : "#B23655",backgroundHover : "#C74C6B",backgroundActive : "#EA8AA3",backgroundMuted : "#34101A",backgroundMutedHover : "#451522",backgroundMutedActive : "#8F2843",backgroundBox : "#290F16",borderBase : "#8F2843",borderHover : "#B23655",borderActive : "#C74C6B"}, -highlight : {textBase : "#865C99",textHover : "#B990CC",textActive : "#F0F1FF",backgroundBase : "#693B80",backgroundHover : "#865C99",backgroundActive : "#B990CC",backgroundMuted : "#291433",backgroundMutedHover : "#33193F",backgroundMutedActive : "#542F66",backgroundBox : "#200F29",borderBase : "#542F66",borderHover : "#693B80",borderActive : "#865C99"}, +highlight : {textBase : "#865C99",textHover : "#B990CC",textActive : "#F0D1FF",backgroundBase : "#693B80",backgroundHover : "#865C99",backgroundActive : "#B990CC",backgroundMuted : "#291433",backgroundMutedHover : "#33193F",backgroundMutedActive : "#542F66",backgroundBox : "#200F29",borderBase : "#542F66",borderHover : "#693B80",borderActive : "#865C99"}, disabled : {text : "#98999B",background : "#1A1D21",nakedBackground : "transparent",border : "#515357",nakedContent : "#22272B",inputBackground : "#2D3238",inputLabelText : "#98999B"}, input : {backgroundBase : "#1B2228",backgroundHover : "#2D3238",backgroundInformation : "#FFFFFF",textBase : "#FFFFFF",textInformation : "#BCBDBF",textInformationError : "#B23655",textLabel : "#BCBDBF",textFloatingLabel : "#4577AD",textFloatingLabelError : "#B23655",textPlaceholder : "#98999B",textActive : "#FFFFFF",borderBase : "#2D3238",borderError : "#8F2843",borderHover : "#515357",borderEmphasized : "#98999B",borderEmphasizedHover : "#BCBDBF",borderActive : "#285685"}, separator : {base : "#2D3238"}, light : {backgroundBase : "#FFFFFF",backgroundContrast : "#515357",backgroundHover : "#E8E9EA",backgroundActive : "#E8E9EA",textBase : "#2D3238",linkMutedBase : "#E8E9EA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#000000"},boxShadows: {cardBase : "0px 1px 2px 0px #00000052",cardHover : "0px 2px 8px 0px #00000066",popoverBase : "0px 4px 16px 0px #00000052",modalBase : "0px 4px 16px 0px #0000007a"},opacity: {overlayBackdrop : 0.8},}; \ No newline at end of file +shadow : {base : "#000000"}, +accent : {forestTextBase : "#86D6B9",forestBackgroundMuted : "#0F3326",forestBackgroundMutedHover : "#13402F",forestBackgroundMutedActive : "#256E53",sandTextBase : "#D6BA87",sandBackgroundMuted : "#33260F",sandBackgroundMutedHover : "#402F13",sandBackgroundMutedActive : "#6E5225"},boxShadows: {cardBase : "0px 1px 2px 0px #00000052",cardHover : "0px 2px 8px 0px #00000066",popoverBase : "0px 4px 16px 0px #00000052",modalBase : "0px 4px 16px 0px #0000007a"},opacity: {overlayBackdrop : 0.8},}; \ No newline at end of file diff --git a/dist/tokens/native/themes/emerson.d.ts b/dist/tokens/native/themes/emerson.d.ts index 0d053507..6d1dfb56 100644 --- a/dist/tokens/native/themes/emerson.d.ts +++ b/dist/tokens/native/themes/emerson.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Tue, 19 Sep 2023 17:47:36 GMT + * Generated on Tue, 19 Sep 2023 21:06:53 GMT */ export const theme: string; diff --git a/dist/tokens/native/themes/emerson.js b/dist/tokens/native/themes/emerson.js index ffb749d4..ba08d0d7 100644 --- a/dist/tokens/native/themes/emerson.js +++ b/dist/tokens/native/themes/emerson.js @@ -1,20 +1,20 @@ /** * Do not edit directly - * Generated on Tue, 19 Sep 2023 17:47:36 GMT + * Generated on Tue, 19 Sep 2023 21:06:53 GMT */ module.exports = {theme: "emerson", -text : {emphasis : "#1A1D21",body : "#22272B",subdued : "#2D3238",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#101012",textBase : "#22272B",textHover : "#1A1D21",textActive : "#101012",backgroundBase : "#FFFFFF",backgroundMuted : "#98999B",backgroundMutedHover : "#616568",backgroundMutedActive : "#515357",backgroundBox : "#E8E9EA",borderBase : "#515357",borderHover : "#2D3238",borderActive : "#22272B",borderFocused : "#3971A8"}, -surface : {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#98999B",interactiveBackground : "#FFFFFF",interactiveHover : "#98999B",interactiveActive : "#616568",overlayDark : "#101012",overlayTheme : "#FFFFFF",overlayBackdrop : "#1A1D21"}, -primary : {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"}, +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 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, +primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, success : {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"}, -disabled : {text : "#2D3238",background : "#98999B",nakedBackground : "transparent",border : "#515357",inputBackground : "#616568",inputLabelText : "#2D3238"}, -input : {backgroundBase : "#98999B",backgroundHover : "#616568",backgroundInformation : "#FFFFFF",textBase : "#22272B",textInformation : "#22272B",textInformationError : "#AF2645",textLabel : "#22272B",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#2D3238",textActive : "#101012",borderBase : "#616568",borderError : "#AF2645",borderHover : "#515357",borderEmphasized : "#2D3238",borderEmphasizedHover : "#22272B",borderActive : "#3971A8"}, -separator : {base : "#616568"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#22272B",backgroundHover : "#98999B",backgroundActive : "#616568",textBase : "#101012",linkMutedBase : "#98999B",linkMutedHover : "#FFFFFF"}, +disabled : {text : "#596D84",background : "#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"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, shadow : {base : "#000000"},boxShadows: {cardBase : "0px 1px 2px 0px #00000029",cardHover : "0px 2px 8px 0px #00000033",popoverBase : "0px 4px 16px 0px #00000029",modalBase : "0px 8px 32px 0px #0000003d"},opacity: {overlayBackdrop : 0.2},}; \ No newline at end of file diff --git a/dist/tokens/native/themes/light.d.ts b/dist/tokens/native/themes/light.d.ts index 0d053507..2bdc5482 100644 --- a/dist/tokens/native/themes/light.d.ts +++ b/dist/tokens/native/themes/light.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Tue, 19 Sep 2023 17:47:36 GMT + * Generated on Tue, 19 Sep 2023 21:06:53 GMT */ export const theme: string; @@ -17,4 +17,5 @@ export const disabled : {text : string,background : string,nakedBackground : str export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; export const separator : {base : string}; export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ No newline at end of file +export const shadow : {base : string}; +export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ No newline at end of file diff --git a/dist/tokens/native/themes/light.js b/dist/tokens/native/themes/light.js index 90da71ff..684c3558 100644 --- a/dist/tokens/native/themes/light.js +++ b/dist/tokens/native/themes/light.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Tue, 19 Sep 2023 17:47:36 GMT + * Generated on Tue, 19 Sep 2023 21:06:53 GMT */ module.exports = {theme: "light", @@ -17,4 +17,5 @@ disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transpare 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"}, light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#36485C"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},opacity: {overlayBackdrop : 0.2},}; \ No newline at end of file +shadow : {base : "#36485C"}, +accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},opacity: {overlayBackdrop : 0.2},}; \ No newline at end of file diff --git a/dist/tokens/native/themes/lightDS3.d.ts b/dist/tokens/native/themes/lightDS3.d.ts index 0d053507..6d1dfb56 100644 --- a/dist/tokens/native/themes/lightDS3.d.ts +++ b/dist/tokens/native/themes/lightDS3.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Tue, 19 Sep 2023 17:47:36 GMT + * Generated on Tue, 19 Sep 2023 21:06:53 GMT */ export const theme: string; diff --git a/dist/tokens/native/themes/lightDS3.js b/dist/tokens/native/themes/lightDS3.js index 00f54237..fdb40bf3 100644 --- a/dist/tokens/native/themes/lightDS3.js +++ b/dist/tokens/native/themes/lightDS3.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Tue, 19 Sep 2023 17:47:36 GMT + * Generated on Tue, 19 Sep 2023 21:06:53 GMT */ module.exports = {theme: "lightDS3", diff --git a/dist/tokens/native/typography.d.ts b/dist/tokens/native/typography.d.ts index dbfbff90..7cbcac24 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 Tue, 19 Sep 2023 17:47:36 GMT + * Generated on Tue, 19 Sep 2023 21:06:53 GMT */ export const letterSpacingBase : number; diff --git a/dist/tokens/native/typography.js b/dist/tokens/native/typography.js index 5ad087d2..413bbbc3 100644 --- a/dist/tokens/native/typography.js +++ b/dist/tokens/native/typography.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Tue, 19 Sep 2023 17:47:36 GMT + * Generated on Tue, 19 Sep 2023 21:06:53 GMT */ module.exports = { diff --git a/dist/tokens/scss/borders.scss b/dist/tokens/scss/borders.scss index 2f103499..6ab90456 100644 --- a/dist/tokens/scss/borders.scss +++ b/dist/tokens/scss/borders.scss @@ -1,6 +1,6 @@ // Do not edit directly -// Generated on Tue, 19 Sep 2023 17:47:36 GMT +// Generated on Tue, 19 Sep 2023 21:06:53 GMT $radiusBase: 8px; $radiusCircle: 50%; diff --git a/dist/tokens/scss/core-dark-colors.scss b/dist/tokens/scss/core-dark-colors.scss index f1122935..09a69841 100644 --- a/dist/tokens/scss/core-dark-colors.scss +++ b/dist/tokens/scss/core-dark-colors.scss @@ -1,6 +1,6 @@ // Do not edit directly -// Generated on Tue, 19 Sep 2023 17:47:36 GMT +// Generated on Tue, 19 Sep 2023 21:06:53 GMT $green100: #0C291E; $green200: #0F3326; @@ -33,7 +33,7 @@ $purple400: #542F66; $purple500: #693B80; $purple600: #865C99; $purple700: #B990CC; -$purple800: #F0F1FF; +$purple800: #F0D1FF; $orange100: #29170C; $orange200: #361D0E; $orange300: #4A2915; @@ -52,4 +52,8 @@ $grey700: #BCBDBF; $grey800: #E8E9EA; $shadesWhite: #FFFFFF; $shadesBlack: #000000; -$shadesTransparent: transparent; \ No newline at end of file +$shadesTransparent: transparent; +$brown200: #33260F; +$brown300: #402F13; +$brown400: #6E5225; +$brown700: #D6BA87; \ No newline at end of file diff --git a/dist/tokens/scss/core-light-colors.scss b/dist/tokens/scss/core-light-colors.scss index ba8ac030..45d31b83 100644 --- a/dist/tokens/scss/core-light-colors.scss +++ b/dist/tokens/scss/core-light-colors.scss @@ -1,6 +1,6 @@ // Do not edit directly -// Generated on Tue, 19 Sep 2023 17:47:36 GMT +// Generated on Tue, 19 Sep 2023 21:06:53 GMT $green100: #FAFFFC; $green200: #EBF2EF; @@ -61,4 +61,8 @@ $yellow400: #fcd97e; $yellow500: #fccb4c; $yellow600: #ffc121; $yellow700: #f7b200; -$yellow800: #e5a500; \ No newline at end of file +$yellow800: #e5a500; +$brown200: #F6F1E5; +$brown300: #E4D9C2; +$brown400: #DACCAA; +$brown700: #5E4D27; \ No newline at end of file diff --git a/dist/tokens/scss/themes/dark.scss b/dist/tokens/scss/themes/dark.scss index 3f9f47ba..2f56dab2 100644 --- a/dist/tokens/scss/themes/dark.scss +++ b/dist/tokens/scss/themes/dark.scss @@ -1,6 +1,6 @@ // Do not edit directly -// Generated on Tue, 19 Sep 2023 17:47:36 GMT +// Generated on Tue, 19 Sep 2023 21:06:53 GMT $textEmphasis: #E8E9EA; $textBody: #BCBDBF; @@ -95,7 +95,7 @@ $dangerBorderHover: #B23655; $dangerBorderActive: #C74C6B; $highlightTextBase: #865C99; $highlightTextHover: #B990CC; -$highlightTextActive: #F0F1FF; +$highlightTextActive: #F0D1FF; $highlightBackgroundBase: #693B80; $highlightBackgroundHover: #865C99; $highlightBackgroundActive: #B990CC; @@ -138,4 +138,12 @@ $lightBackgroundActive: #E8E9EA; $lightTextBase: #2D3238; $lightLinkMutedBase: #E8E9EA; $lightLinkMutedHover: #FFFFFF; -$shadowBase: #000000; \ No newline at end of file +$shadowBase: #000000; +$accentForestTextBase: #86D6B9; +$accentForestBackgroundMuted: #0F3326; +$accentForestBackgroundMutedHover: #13402F; +$accentForestBackgroundMutedActive: #256E53; +$accentSandTextBase: #D6BA87; +$accentSandBackgroundMuted: #33260F; +$accentSandBackgroundMutedHover: #402F13; +$accentSandBackgroundMutedActive: #6E5225; \ No newline at end of file diff --git a/dist/tokens/scss/themes/emerson.scss b/dist/tokens/scss/themes/emerson.scss index 92b3e285..056ec95d 100644 --- a/dist/tokens/scss/themes/emerson.scss +++ b/dist/tokens/scss/themes/emerson.scss @@ -1,46 +1,46 @@ // Do not edit directly -// Generated on Tue, 19 Sep 2023 17:47:36 GMT +// Generated on Tue, 19 Sep 2023 21:06:53 GMT -$textEmphasis: #1A1D21; -$textBody: #22272B; -$textSubdued: #2D3238; +$textEmphasis: #36485C; +$textBody: #475A70; +$textSubdued: #596D84; $textOnBackground: #FFFFFF; -$systemTextLabelEmphasis: #101012; -$systemTextBase: #22272B; -$systemTextHover: #1A1D21; -$systemTextActive: #101012; +$systemTextLabelEmphasis: #2E3A47; +$systemTextBase: #475A70; +$systemTextHover: #36485C; +$systemTextActive: #2E3A47; $systemBackgroundBase: #FFFFFF; -$systemBackgroundMuted: #98999B; -$systemBackgroundMutedHover: #616568; -$systemBackgroundMutedActive: #515357; -$systemBackgroundBox: #E8E9EA; -$systemBorderBase: #515357; -$systemBorderHover: #2D3238; -$systemBorderActive: #22272B; +$systemBackgroundMuted: #F5F7FA; +$systemBackgroundMutedHover: #E6EDF5; +$systemBackgroundMutedActive: #C8D3E0; +$systemBackgroundBox: #FCFEFF; +$systemBorderBase: #C8D3E0; +$systemBorderHover: #596D84; +$systemBorderActive: #475A70; $systemBorderFocused: #3971A8; $surfaceLevel0: #FFFFFF; $surfaceLevel1: #FFFFFF; -$surfaceLevel2: #98999B; +$surfaceLevel2: #F5F7FA; $surfaceInteractiveBackground: #FFFFFF; -$surfaceInteractiveHover: #98999B; -$surfaceInteractiveActive: #616568; -$surfaceOverlayDark: #101012; +$surfaceInteractiveHover: #F5F7FA; +$surfaceInteractiveActive: #E6EDF5; +$surfaceOverlayDark: #2E3A47; $surfaceOverlayTheme: #FFFFFF; -$surfaceOverlayBackdrop: #1A1D21; -$primaryTextBase: #3971A8; -$primaryTextHover: #21588F; -$primaryTextActive: #194673; -$primaryBackgroundBase: #3971A8; -$primaryBackgroundHover: #21588F; -$primaryBackgroundActive: #194673; -$primaryBackgroundMuted: #E6F1FC; -$primaryBackgroundMutedHover: #C0D8F0; -$primaryBackgroundMutedActive: #88B1D9; -$primaryBackgroundBox: #F5FAFF; -$primaryBorderBase: #3971A8; -$primaryBorderHover: #21588F; -$primaryBorderActive: #194673; +$surfaceOverlayBackdrop: #36485C; +$primaryTextBase: #FFFFFF; +$primaryTextHover: #FFFFFF; +$primaryTextActive: #FFFFFF; +$primaryBackgroundBase: #36485C; +$primaryBackgroundHover: #2E3A47; +$primaryBackgroundActive: #212933; +$primaryBackgroundMuted: #F5F7FA; +$primaryBackgroundMutedHover: #E6EDF5; +$primaryBackgroundMutedActive: #C8D3E0; +$primaryBackgroundBox: #FCFEFF; +$primaryBorderBase: #C8D3E0; +$primaryBorderHover: #596D84; +$primaryBorderActive: #2E3A47; $successTextBase: #307553; $successTextHover: #275E43; $successTextActive: #244C38; @@ -106,35 +106,35 @@ $highlightBackgroundBox: #FCFAFF; $highlightBorderBase: #533E7D; $highlightBorderHover: #3B2566; $highlightBorderActive: #2A174F; -$disabledText: #2D3238; -$disabledBackground: #98999B; +$disabledText: #596D84; +$disabledBackground: #F5F7FA; $disabledNakedBackground: transparent; -$disabledBorder: #515357; -$disabledInputBackground: #616568; -$disabledInputLabelText: #2D3238; -$inputBackgroundBase: #98999B; -$inputBackgroundHover: #616568; +$disabledBorder: #C8D3E0; +$disabledInputBackground: #E6EDF5; +$disabledInputLabelText: #596D84; +$inputBackgroundBase: #F5F7FA; +$inputBackgroundHover: #E6EDF5; $inputBackgroundInformation: #FFFFFF; -$inputTextBase: #22272B; -$inputTextInformation: #22272B; +$inputTextBase: #475A70; +$inputTextInformation: #475A70; $inputTextInformationError: #AF2645; -$inputTextLabel: #22272B; +$inputTextLabel: #475A70; $inputTextFloatingLabel: #3971A8; $inputTextFloatingLabelError: #AF2645; -$inputTextPlaceholder: #2D3238; -$inputTextActive: #101012; -$inputBorderBase: #616568; +$inputTextPlaceholder: #596D84; +$inputTextActive: #2E3A47; +$inputBorderBase: #E6EDF5; $inputBorderError: #AF2645; -$inputBorderHover: #515357; -$inputBorderEmphasized: #2D3238; -$inputBorderEmphasizedHover: #22272B; +$inputBorderHover: #C8D3E0; +$inputBorderEmphasized: #596D84; +$inputBorderEmphasizedHover: #475A70; $inputBorderActive: #3971A8; -$separatorBase: #616568; +$separatorBase: #E6EDF5; $lightBackgroundBase: #FFFFFF; -$lightBackgroundContrast: #22272B; -$lightBackgroundHover: #98999B; -$lightBackgroundActive: #616568; -$lightTextBase: #101012; -$lightLinkMutedBase: #98999B; +$lightBackgroundContrast: #475A70; +$lightBackgroundHover: #F5F7FA; +$lightBackgroundActive: #E6EDF5; +$lightTextBase: #2E3A47; +$lightLinkMutedBase: #F5F7FA; $lightLinkMutedHover: #FFFFFF; $shadowBase: #000000; \ No newline at end of file diff --git a/dist/tokens/scss/themes/light.scss b/dist/tokens/scss/themes/light.scss index b0d17e6a..af5bad84 100644 --- a/dist/tokens/scss/themes/light.scss +++ b/dist/tokens/scss/themes/light.scss @@ -1,6 +1,6 @@ // Do not edit directly -// Generated on Tue, 19 Sep 2023 17:47:36 GMT +// Generated on Tue, 19 Sep 2023 21:06:53 GMT $textEmphasis: #2E3A47; $textBody: #36485C; @@ -137,4 +137,12 @@ $lightBackgroundActive: #E6EDF5; $lightTextBase: #2E3A47; $lightLinkMutedBase: #F5F7FA; $lightLinkMutedHover: #FFFFFF; -$shadowBase: #36485C; \ No newline at end of file +$shadowBase: #36485C; +$accentForestTextBase: #275E43; +$accentForestBackgroundMuted: #EBF2EF; +$accentForestBackgroundMutedHover: #D1E0D9; +$accentForestBackgroundMutedActive: #B6CFC2; +$accentSandTextBase: #5E4D27; +$accentSandBackgroundMuted: #F6F1E5; +$accentSandBackgroundMutedHover: #E4D9C2; +$accentSandBackgroundMutedActive: #DACCAA; \ No newline at end of file diff --git a/dist/tokens/scss/themes/lightDS3.scss b/dist/tokens/scss/themes/lightDS3.scss index 0bb53e77..2494c6f7 100644 --- a/dist/tokens/scss/themes/lightDS3.scss +++ b/dist/tokens/scss/themes/lightDS3.scss @@ -1,6 +1,6 @@ // Do not edit directly -// Generated on Tue, 19 Sep 2023 17:47:36 GMT +// Generated on Tue, 19 Sep 2023 21:06:53 GMT $textEmphasis: #36485C; $textBody: #475A70; diff --git a/dist/tokens/scss/typography.scss b/dist/tokens/scss/typography.scss index 13da62fd..e2711f01 100644 --- a/dist/tokens/scss/typography.scss +++ b/dist/tokens/scss/typography.scss @@ -1,6 +1,6 @@ // Do not edit directly -// Generated on Tue, 19 Sep 2023 17:47:36 GMT +// Generated on Tue, 19 Sep 2023 21:06:53 GMT $letterSpacingBase: 0; $paragraphSpacingBase: 0; diff --git a/dist/tokens/ts/borders.d.ts b/dist/tokens/ts/borders.d.ts index f7ed86a3..ff206f9a 100644 --- a/dist/tokens/ts/borders.d.ts +++ b/dist/tokens/ts/borders.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Tue, 19 Sep 2023 17:47:36 GMT + * Generated on Tue, 19 Sep 2023 21:06:53 GMT */ export const radiusBase : string; diff --git a/dist/tokens/ts/borders.js b/dist/tokens/ts/borders.js index 14a3e302..e97349ac 100644 --- a/dist/tokens/ts/borders.js +++ b/dist/tokens/ts/borders.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Tue, 19 Sep 2023 17:47:36 GMT + * Generated on Tue, 19 Sep 2023 21:06:53 GMT */ module.exports = { diff --git a/dist/tokens/ts/core-dark-colors.d.ts b/dist/tokens/ts/core-dark-colors.d.ts index 31577b5e..6b4023b9 100644 --- a/dist/tokens/ts/core-dark-colors.d.ts +++ b/dist/tokens/ts/core-dark-colors.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Tue, 19 Sep 2023 17:47:36 GMT + * Generated on Tue, 19 Sep 2023 21:06:53 GMT */ export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; @@ -9,4 +9,5 @@ export const red : {100 : string,200 : string,300 : string,400 : string,500 : st export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const shades : {white : string,black : string,transparent : string}; \ No newline at end of file +export const shades : {white : string,black : string,transparent : string}; +export const brown : {200 : string,300 : string,400 : string,700 : string}; \ No newline at end of file diff --git a/dist/tokens/ts/core-dark-colors.js b/dist/tokens/ts/core-dark-colors.js index e781a2e7..ece0ff39 100644 --- a/dist/tokens/ts/core-dark-colors.js +++ b/dist/tokens/ts/core-dark-colors.js @@ -1,12 +1,13 @@ /** * Do not edit directly - * Generated on Tue, 19 Sep 2023 17:47:36 GMT + * Generated on Tue, 19 Sep 2023 21:06:53 GMT */ module.exports = {green : {100 : "#0C291E",200 : "#0F3326",300 : "#13402F",400 : "#256E53",500 : "#288563",600 : "#42AD86",700 : "#86D6B9",800 : "#DBFFF1"}, blue : {100 : "#0C1B29",200 : "#102337",300 : "#142C45",400 : "#285685",500 : "#4577AD",600 : "#6597CE",700 : "#96BDE7",800 : "#D1E8FF"}, red : {100 : "#290F16",200 : "#34101A",300 : "#451522",400 : "#8F2843",500 : "#B23655",600 : "#C74C6B",700 : "#EA8AA3",800 : "#FFD1DD"}, -purple : {100 : "#200F29",200 : "#291433",300 : "#33193F",400 : "#542F66",500 : "#693B80",600 : "#865C99",700 : "#B990CC",800 : "#F0F1FF"}, +purple : {100 : "#200F29",200 : "#291433",300 : "#33193F",400 : "#542F66",500 : "#693B80",600 : "#865C99",700 : "#B990CC",800 : "#F0D1FF"}, orange : {100 : "#29170C",200 : "#361D0E",300 : "#4A2915",400 : "#8A4E29",500 : "#AD6234",600 : "#CF7945",700 : "#E7AA84",800 : "#FFE3D1"}, grey : {100 : "#101012",200 : "#1A1D21",300 : "#22272B",400 : "#2D3238",500 : "#515357",600 : "#98999B",700 : "#BCBDBF",800 : "#E8E9EA"}, -shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"},}; \ No newline at end of file +shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, +brown : {200 : "#33260F",300 : "#402F13",400 : "#6E5225",700 : "#D6BA87"},}; \ No newline at end of file diff --git a/dist/tokens/ts/core-light-colors.d.ts b/dist/tokens/ts/core-light-colors.d.ts index 008b517e..a887755d 100644 --- a/dist/tokens/ts/core-light-colors.d.ts +++ b/dist/tokens/ts/core-light-colors.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Tue, 19 Sep 2023 17:47:36 GMT + * Generated on Tue, 19 Sep 2023 21:06:53 GMT */ export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; @@ -10,4 +10,5 @@ export const purple : {100 : string,200 : string,300 : string,400 : string,500 : export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string,900 : string}; export const shades : {white : string,black : string,transparent : string}; -export const yellow : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; \ No newline at end of file +export const yellow : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const brown : {200 : string,300 : string,400 : string,700 : string}; \ No newline at end of file diff --git a/dist/tokens/ts/core-light-colors.js b/dist/tokens/ts/core-light-colors.js index 970662ff..8d215a9c 100644 --- a/dist/tokens/ts/core-light-colors.js +++ b/dist/tokens/ts/core-light-colors.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Tue, 19 Sep 2023 17:47:36 GMT + * Generated on Tue, 19 Sep 2023 21:06:53 GMT */ module.exports = {green : {100 : "#FAFFFC",200 : "#EBF2EF",300 : "#D1E0D9",400 : "#B6CFC2",500 : "#86B09B",600 : "#307553",700 : "#275E43",800 : "#244C38"}, @@ -10,4 +10,5 @@ purple : {100 : "#FCFAFF",200 : "#F2ECFE",300 : "#D7CEE9",400 : "#B9ABD5",500 : orange : {100 : "#FFFAF5",200 : "#FFF3E8",300 : "#F3D8C0",400 : "#E7B88F",500 : "#CF8545",600 : "#B4631D",700 : "#8E4D14",800 : "#784213"}, grey : {100 : "#FCFEFF",200 : "#F5F7FA",300 : "#E6EDF5",400 : "#C8D3E0",500 : "#596D84",600 : "#475A70",700 : "#36485C",800 : "#2E3A47",900 : "#212933"}, shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, -yellow : {100 : "#faf8f2",200 : "#fcf3dd",300 : "#fce7b1",400 : "#fcd97e",500 : "#fccb4c",600 : "#ffc121",700 : "#f7b200",800 : "#e5a500"},}; \ No newline at end of file +yellow : {100 : "#faf8f2",200 : "#fcf3dd",300 : "#fce7b1",400 : "#fcd97e",500 : "#fccb4c",600 : "#ffc121",700 : "#f7b200",800 : "#e5a500"}, +brown : {200 : "#F6F1E5",300 : "#E4D9C2",400 : "#DACCAA",700 : "#5E4D27"},}; \ No newline at end of file diff --git a/dist/tokens/ts/themes/dark.d.ts b/dist/tokens/ts/themes/dark.d.ts index 94995a2b..97834b91 100644 --- a/dist/tokens/ts/themes/dark.d.ts +++ b/dist/tokens/ts/themes/dark.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Tue, 19 Sep 2023 17:47:36 GMT + * Generated on Tue, 19 Sep 2023 21:06:53 GMT */ export const theme: string; @@ -17,4 +17,5 @@ export const disabled : {text : string,background : string,nakedBackground : str export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; export const separator : {base : string}; export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ No newline at end of file +export const shadow : {base : string}; +export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ No newline at end of file diff --git a/dist/tokens/ts/themes/dark.js b/dist/tokens/ts/themes/dark.js index 94b9c4d1..43db13a1 100644 --- a/dist/tokens/ts/themes/dark.js +++ b/dist/tokens/ts/themes/dark.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Tue, 19 Sep 2023 17:47:36 GMT + * Generated on Tue, 19 Sep 2023 21:06:53 GMT */ module.exports = {theme: "dark", @@ -12,9 +12,10 @@ success : {textBase : "#42AD86",textHover : "#86D6B9",textActive : "#DBFFF1",bac info : {textBase : "#6597CE",textHover : "#96BDE7",textActive : "#D1E8FF",backgroundBase : "#4577AD",backgroundHover : "#285685",backgroundActive : "#142C45",backgroundMuted : "#102337",backgroundMutedHover : "#142C45",backgroundMutedActive : "#285685",backgroundBox : "#0C1B29",borderBase : "#4577AD",borderHover : "#285685",borderActive : "#142C45"}, warning : {textBase : "#CF7945",textHover : "#E7AA84",textActive : "#FFE3D1",backgroundBase : "#AD6234",backgroundHover : "#CF7945",backgroundActive : "#E7AA84",backgroundMuted : "#361D0E",backgroundMutedHover : "#4A2915",backgroundMutedActive : "#8A4E29",backgroundBox : "#29170C",borderBase : "#8A4E29",borderHover : "#AD6234",borderActive : "#CF7945"}, danger : {textBase : "#C74C6B",textHover : "#EA8AA3",textActive : "#FFD1DD",backgroundBase : "#B23655",backgroundHover : "#C74C6B",backgroundActive : "#EA8AA3",backgroundMuted : "#34101A",backgroundMutedHover : "#451522",backgroundMutedActive : "#8F2843",backgroundBox : "#290F16",borderBase : "#8F2843",borderHover : "#B23655",borderActive : "#C74C6B"}, -highlight : {textBase : "#865C99",textHover : "#B990CC",textActive : "#F0F1FF",backgroundBase : "#693B80",backgroundHover : "#865C99",backgroundActive : "#B990CC",backgroundMuted : "#291433",backgroundMutedHover : "#33193F",backgroundMutedActive : "#542F66",backgroundBox : "#200F29",borderBase : "#542F66",borderHover : "#693B80",borderActive : "#865C99"}, +highlight : {textBase : "#865C99",textHover : "#B990CC",textActive : "#F0D1FF",backgroundBase : "#693B80",backgroundHover : "#865C99",backgroundActive : "#B990CC",backgroundMuted : "#291433",backgroundMutedHover : "#33193F",backgroundMutedActive : "#542F66",backgroundBox : "#200F29",borderBase : "#542F66",borderHover : "#693B80",borderActive : "#865C99"}, disabled : {text : "#98999B",background : "#1A1D21",nakedBackground : "transparent",border : "#515357",nakedContent : "#22272B",inputBackground : "#2D3238",inputLabelText : "#98999B"}, input : {backgroundBase : "#1B2228",backgroundHover : "#2D3238",backgroundInformation : "#FFFFFF",textBase : "#FFFFFF",textInformation : "#BCBDBF",textInformationError : "#B23655",textLabel : "#BCBDBF",textFloatingLabel : "#4577AD",textFloatingLabelError : "#B23655",textPlaceholder : "#98999B",textActive : "#FFFFFF",borderBase : "#2D3238",borderError : "#8F2843",borderHover : "#515357",borderEmphasized : "#98999B",borderEmphasizedHover : "#BCBDBF",borderActive : "#285685"}, separator : {base : "#2D3238"}, light : {backgroundBase : "#FFFFFF",backgroundContrast : "#515357",backgroundHover : "#E8E9EA",backgroundActive : "#E8E9EA",textBase : "#2D3238",linkMutedBase : "#E8E9EA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#000000"},boxShadows: {cardBase : "0px 1px 2px 0px #00000052",cardHover : "0px 2px 8px 0px #00000066",popoverBase : "0px 4px 16px 0px #00000052",modalBase : "0px 4px 16px 0px #0000007a"},opacity: {overlayBackdrop : 0.8},}; \ No newline at end of file +shadow : {base : "#000000"}, +accent : {forestTextBase : "#86D6B9",forestBackgroundMuted : "#0F3326",forestBackgroundMutedHover : "#13402F",forestBackgroundMutedActive : "#256E53",sandTextBase : "#D6BA87",sandBackgroundMuted : "#33260F",sandBackgroundMutedHover : "#402F13",sandBackgroundMutedActive : "#6E5225"},boxShadows: {cardBase : "0px 1px 2px 0px #00000052",cardHover : "0px 2px 8px 0px #00000066",popoverBase : "0px 4px 16px 0px #00000052",modalBase : "0px 4px 16px 0px #0000007a"},opacity: {overlayBackdrop : 0.8},}; \ No newline at end of file diff --git a/dist/tokens/ts/themes/emerson.d.ts b/dist/tokens/ts/themes/emerson.d.ts index 0d053507..6d1dfb56 100644 --- a/dist/tokens/ts/themes/emerson.d.ts +++ b/dist/tokens/ts/themes/emerson.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Tue, 19 Sep 2023 17:47:36 GMT + * Generated on Tue, 19 Sep 2023 21:06:53 GMT */ export const theme: string; diff --git a/dist/tokens/ts/themes/emerson.js b/dist/tokens/ts/themes/emerson.js index ffb749d4..ba08d0d7 100644 --- a/dist/tokens/ts/themes/emerson.js +++ b/dist/tokens/ts/themes/emerson.js @@ -1,20 +1,20 @@ /** * Do not edit directly - * Generated on Tue, 19 Sep 2023 17:47:36 GMT + * Generated on Tue, 19 Sep 2023 21:06:53 GMT */ module.exports = {theme: "emerson", -text : {emphasis : "#1A1D21",body : "#22272B",subdued : "#2D3238",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#101012",textBase : "#22272B",textHover : "#1A1D21",textActive : "#101012",backgroundBase : "#FFFFFF",backgroundMuted : "#98999B",backgroundMutedHover : "#616568",backgroundMutedActive : "#515357",backgroundBox : "#E8E9EA",borderBase : "#515357",borderHover : "#2D3238",borderActive : "#22272B",borderFocused : "#3971A8"}, -surface : {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#98999B",interactiveBackground : "#FFFFFF",interactiveHover : "#98999B",interactiveActive : "#616568",overlayDark : "#101012",overlayTheme : "#FFFFFF",overlayBackdrop : "#1A1D21"}, -primary : {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"}, +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 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, +primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, success : {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"}, -disabled : {text : "#2D3238",background : "#98999B",nakedBackground : "transparent",border : "#515357",inputBackground : "#616568",inputLabelText : "#2D3238"}, -input : {backgroundBase : "#98999B",backgroundHover : "#616568",backgroundInformation : "#FFFFFF",textBase : "#22272B",textInformation : "#22272B",textInformationError : "#AF2645",textLabel : "#22272B",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#2D3238",textActive : "#101012",borderBase : "#616568",borderError : "#AF2645",borderHover : "#515357",borderEmphasized : "#2D3238",borderEmphasizedHover : "#22272B",borderActive : "#3971A8"}, -separator : {base : "#616568"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#22272B",backgroundHover : "#98999B",backgroundActive : "#616568",textBase : "#101012",linkMutedBase : "#98999B",linkMutedHover : "#FFFFFF"}, +disabled : {text : "#596D84",background : "#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"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, shadow : {base : "#000000"},boxShadows: {cardBase : "0px 1px 2px 0px #00000029",cardHover : "0px 2px 8px 0px #00000033",popoverBase : "0px 4px 16px 0px #00000029",modalBase : "0px 8px 32px 0px #0000003d"},opacity: {overlayBackdrop : 0.2},}; \ No newline at end of file diff --git a/dist/tokens/ts/themes/light.d.ts b/dist/tokens/ts/themes/light.d.ts index 0d053507..2bdc5482 100644 --- a/dist/tokens/ts/themes/light.d.ts +++ b/dist/tokens/ts/themes/light.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Tue, 19 Sep 2023 17:47:36 GMT + * Generated on Tue, 19 Sep 2023 21:06:53 GMT */ export const theme: string; @@ -17,4 +17,5 @@ export const disabled : {text : string,background : string,nakedBackground : str export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; export const separator : {base : string}; export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ No newline at end of file +export const shadow : {base : string}; +export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ No newline at end of file diff --git a/dist/tokens/ts/themes/light.js b/dist/tokens/ts/themes/light.js index 90da71ff..684c3558 100644 --- a/dist/tokens/ts/themes/light.js +++ b/dist/tokens/ts/themes/light.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Tue, 19 Sep 2023 17:47:36 GMT + * Generated on Tue, 19 Sep 2023 21:06:53 GMT */ module.exports = {theme: "light", @@ -17,4 +17,5 @@ disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transpare 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"}, light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#36485C"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},opacity: {overlayBackdrop : 0.2},}; \ No newline at end of file +shadow : {base : "#36485C"}, +accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},opacity: {overlayBackdrop : 0.2},}; \ No newline at end of file diff --git a/dist/tokens/ts/themes/lightDS3.d.ts b/dist/tokens/ts/themes/lightDS3.d.ts index 0d053507..6d1dfb56 100644 --- a/dist/tokens/ts/themes/lightDS3.d.ts +++ b/dist/tokens/ts/themes/lightDS3.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Tue, 19 Sep 2023 17:47:36 GMT + * Generated on Tue, 19 Sep 2023 21:06:53 GMT */ export const theme: string; diff --git a/dist/tokens/ts/themes/lightDS3.js b/dist/tokens/ts/themes/lightDS3.js index 00f54237..fdb40bf3 100644 --- a/dist/tokens/ts/themes/lightDS3.js +++ b/dist/tokens/ts/themes/lightDS3.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Tue, 19 Sep 2023 17:47:36 GMT + * Generated on Tue, 19 Sep 2023 21:06:53 GMT */ module.exports = {theme: "lightDS3", diff --git a/dist/tokens/ts/typography.d.ts b/dist/tokens/ts/typography.d.ts index dfe13068..297fe52b 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 Tue, 19 Sep 2023 17:47:36 GMT + * Generated on Tue, 19 Sep 2023 21:06:53 GMT */ export const letterSpacingBase : number; diff --git a/dist/tokens/ts/typography.js b/dist/tokens/ts/typography.js index a515d54f..2889e10d 100644 --- a/dist/tokens/ts/typography.js +++ b/dist/tokens/ts/typography.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Tue, 19 Sep 2023 17:47:36 GMT + * Generated on Tue, 19 Sep 2023 21:06:53 GMT */ module.exports = { diff --git a/package.json b/package.json index bb90c0f9..d3744bdc 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "aviary-tokens", "license": "MIT", - "version": "0.28.1", + "version": "0.29.0", "description": "Design tokens for the Fullscript Aviary design system", "types": "./dist/index.d.ts", "main": "./dist/index.js", @@ -15,10 +15,10 @@ "transform-core-light": "yarn token-transformer src/data src/transformed/transformed-core-light.json core-light", "transform-core-dark": "yarn token-transformer src/data src/transformed/transformed-core-dark.json core-dark", "transform-core-emerson": "yarn token-transformer src/data src/transformed/transformed-core-emerson.json core-emerson", - "transform-light": "yarn token-transformer src/data src/transformed/transformed-light.json core-light,light core-light", - "transform-lightDS3": "yarn token-transformer src/data src/transformed/transformed-lightDS3.json core-light,lightDS3 core-light", - "transform-dark": "yarn token-transformer src/data src/transformed/transformed-dark.json core-dark,dark core-dark", - "transform-emerson": "yarn token-transformer src/data src/transformed/transformed-emerson.json core-emerson,emerson core-emerson", + "transform-light": "yarn token-transformer src/data src/transformed/transformed-light.json core-light,themes/light core-light", + "transform-lightDS3": "yarn token-transformer src/data src/transformed/transformed-lightDS3.json core-light,themes/lightDS3 core-light", + "transform-dark": "yarn token-transformer src/data src/transformed/transformed-dark.json core-dark,themes/dark core-dark", + "transform-emerson": "yarn token-transformer src/data src/transformed/transformed-emerson.json core-emerson,themes/emerson core-emerson", "transform-primitives": "yarn token-transformer src/data src/transformed/transformed-primitives.json primitives --expandTypography ", "clean": "rm -rf dist/" }, diff --git a/src/data/$metadata.json b/src/data/$metadata.json index 0f94d74a..0cec5ff0 100644 --- a/src/data/$metadata.json +++ b/src/data/$metadata.json @@ -3,10 +3,10 @@ "core-light", "core-emerson", "core-dark", - "light", - "lightDS3", - "dark", - "emerson", + "themes/light", + "themes/lightDS3", + "themes/dark", + "themes/emerson", "primitives" ] } \ No newline at end of file diff --git a/src/data/$themes.json b/src/data/$themes.json index 2c3e1503..83a3878c 100644 --- a/src/data/$themes.json +++ b/src/data/$themes.json @@ -4,35 +4,616 @@ "name": "light", "selectedTokenSets": { "core-light": "source", - "light": "enabled" + "themes/light": "enabled" }, - "$figmaStyleReferences": {} + "$figmaStyleReferences": {}, + "group": "theme-colours", + "$figmaCollectionId": "VariableCollectionId:2834:5684", + "$figmaModeId": "2834:3", + "$figmaVariableReferences": { + "colors.text.emphasis": "b8e070a3bd1f275e5f59ff4ab7cdab13b637b5fd", + "colors.text.body": "c435fcdc9f0aec2d50ad8c04f3859ac6e64977aa", + "colors.text.subdued": "22e9189309658f079838b890193d768c12bb0414", + "colors.text.onBackground": "2f9887c0707795edb73bb3b43aca15a6fae0e478", + "colors.system.text.labelEmphasis": "35c25da763f97e1b41700629b34e480184a8dd38", + "colors.system.text.base": "b6b2bc73f6a2b22f6105a3908e934ea63d673e5f", + "colors.system.text.hover": "17274a3d45c0c26ad0cdb02ebddcf771ac45f45c", + "colors.system.text.active": "2026e45cc5a28626d316ea0c58a216b290309e40", + "colors.system.background.base": "f6414b1178425f154e2f6065affb3c9b021c8a39", + "colors.system.background.muted": "d34589c1e20f394961522083302182bd9e41e98d", + "colors.system.background.mutedHover": "88e56d203ddce2b1a42a947cdf517515cd0bc53c", + "colors.system.background.mutedActive": "02f62781e80e0ac30dec3bc2011c18d59170885a", + "colors.system.background.box": "7681a9ff1663bee7d0e6dfb3a3dc3f4be9c18117", + "colors.system.border.base": "6410682782dffca11f97a48f565718731e5c770b", + "colors.system.border.hover": "53683a9a6f95e2c84e2121669627f9296bd67999", + "colors.system.border.active": "a25cc5dcec8616e8036f849786ff493607d81fc9", + "colors.system.border.focused": "c19ba99df3ea2a39aac14963bf2ca77e6d3b6b5c", + "colors.surface.level0": "715d007a47e617bd4487670a67c204e140cd5145", + "colors.surface.level1": "be35013817f004c572817792336e56cb05d89c44", + "colors.surface.level2": "37b7ac1f6d187e24a8e6caccce3781096e7e0523", + "colors.surface.interactive.background": "83538dc8404d77ed9b08aba07d9d52298ddbe35c", + "colors.surface.interactive.hover": "d7d6a2993bb4fbae8a3456036d379b7db6577d3f", + "colors.surface.interactive.active": "77fa58cad923f86a868964c293dde2f4ea1695a6", + "colors.surface.overlay.dark": "473b0e736cd4613af5bc6c1dc9e9ba05a41fdc00", + "colors.surface.overlay.theme": "34cd2b522e6e94cabc1577c9cca2fb8a54e8571b", + "colors.surface.overlay.backdrop": "5f0d490cd0ec4824278d2a17dafc79ea81992efe", + "colors.primary.text.base": "ed1001082deb5cee408ff5b8abc6af559c0b2dc0", + "colors.primary.text.hover": "bf651cb3986f2cc5232e238a3a0d17e106c3e7a5", + "colors.primary.text.active": "9bc578a0930774b9e688e42c42552ccb95979913", + "colors.primary.background.base": "b656dca018cf38d324212a6c53b25414f41a1be2", + "colors.primary.background.hover": "d53798e4b5b0fadd3e2b35e54097d27614fee625", + "colors.primary.background.active": "849ceb528362796d42465b437cd8b2a3a2b2cee2", + "colors.primary.background.muted": "bd601788408b51b67527e47df412eb96188e305b", + "colors.primary.background.mutedHover": "e42aa7b1d29c459e3cf59853bc324db8e56c5e0e", + "colors.primary.background.mutedActive": "7559662287c40236dacf55c3bf2d03dd528cd7c3", + "colors.primary.background.box": "9691b6659e881c46a18fd09af05fddaa2963bd5b", + "colors.primary.border.base": "acc5e8f66a6a364325ab85f568ba7077d111a5bd", + "colors.primary.border.hover": "2193964609ccc390402f5e7acc70cbb864a2f802", + "colors.primary.border.active": "17de686d6ba6011858ca425272f7cfb6c3095560", + "colors.success.text.base": "267711f69871442368eb464e3e61a04c4dc76810", + "colors.success.text.hover": "d755d809014a90ccf1fb4a581f6be09401e72d68", + "colors.success.text.active": "e4b4c6c3cfa7135918825616b46dddd08ec70d9a", + "colors.success.background.base": "93a5dcf561cf4308317bf8ab51397070cd915035", + "colors.success.background.hover": "c648553c87edb642ea9f0227f17dc4fd7e544ee1", + "colors.success.background.active": "828e239dfbed20d1d51570ff8e6676dcef227f42", + "colors.success.background.muted": "54b884dd51f0d5367af14baf396ed7be27d8540a", + "colors.success.background.mutedHover": "4ddb6ed56fc6e9d6c547ca0159db810e1bdadff4", + "colors.success.background.mutedActive": "52374a2ec1c978afcd21cf60e50c7290cbca06f4", + "colors.success.background.box": "d7e0b13442b8fbfbd4ffb357323e42c90af092aa", + "colors.success.border.base": "377d22f300fad256658bf2cbb593fcb3f4b4835f", + "colors.success.border.hover": "ce84617b59fabab6ee483c94528bd38ea7536c93", + "colors.success.border.active": "6a523bdb9598f0e886a0149248ff7a589b2a78fa", + "colors.info.text.base": "fa47d0cf729f0cc6816f69e7a10f1821694ed4ba", + "colors.info.text.hover": "5d73d388e9cf42f09c248ba7367de026f690e3eb", + "colors.info.text.active": "48389d1de889daa66462d393f57de9b37d022ade", + "colors.info.background.base": "eba25713d6c9d7d45638dc7dccd68688ac8c53ec", + "colors.info.background.hover": "9a76e879ad0662c38cfd0a273e095d3581bbafd0", + "colors.info.background.active": "43719eb266888ab012278a5b2bcae84ca91564e9", + "colors.info.background.muted": "6e3c88565ae67b28c065f42c78bfd39035187b79", + "colors.info.background.mutedHover": "d725644c85ae5c10d61d931d4acf98a92a1ed6a6", + "colors.info.background.mutedActive": "c1927b0a5fb96c36397fbc2c377356b8400451b0", + "colors.info.background.box": "a0a7ec14ad9a7850915e92e71a38b8c290074891", + "colors.info.border.base": "265b6dab0a144476c2b273c5dd5266a61f440752", + "colors.info.border.hover": "d2322d14a183195c3e99801b22b41983885e32dd", + "colors.info.border.active": "cca053930664ad733a0f48d9bd054c4b3a30e347", + "colors.warning.text.base": "0ded5f3ca0d1b51ccf5c4b9cc369c16542f71593", + "colors.warning.text.hover": "a695dab3cb60870bc278bf3b7c8d64fa67797cba", + "colors.warning.text.active": "3e4d0af4d495d1f6a8a51accb99fcb0f62d142dc", + "colors.warning.background.base": "f1e2f70d127cbe16db53f1c980ac1979c4bdc03f", + "colors.warning.background.hover": "2161c7594ebc75e1b9e3201431f8185fe8fbc259", + "colors.warning.background.active": "e4f42f87069af6469b5ad81bd1766433081b2780", + "colors.warning.background.muted": "1b2e7710266453bac63431f4fa37bebab016115c", + "colors.warning.background.mutedHover": "0bc1d89ae8a7634f37d8b5d3113b201c50610f3c", + "colors.warning.background.mutedActive": "4f727b8950324d4ff6524171fff867542bfac069", + "colors.warning.background.box": "8bef96ba2fb7cca17529ca9d806297e110c2df9a", + "colors.warning.border.base": "28d6f64b1217d14d267b84be9abfbb93338a67c3", + "colors.warning.border.hover": "e8ea70f80fff58eea328d8d1e82badb38f345c49", + "colors.warning.border.active": "faa402bb4f73c8f5ce67ab6cf88c5cddae549b5c", + "colors.danger.text.base": "6f207ad8424a1e8fde62200248673e9ac2bedb08", + "colors.danger.text.hover": "43d9c26ce58916b1e796d2d149afc57b6448a52b", + "colors.danger.text.active": "2433d023ca9b239a4dc0a88d54326000af14a7cc", + "colors.danger.background.base": "2e409e903859b1e71807ec9573c3e5b7ffe6aeb0", + "colors.danger.background.hover": "d46b0d9feeaa2248c2f5ed577bed1489ba52e256", + "colors.danger.background.active": "88478490f19e76a1aee69b540d2d762e4cc6f8cd", + "colors.danger.background.muted": "0ee83e1236e8e352470b4bba29a547ac24d0a2b0", + "colors.danger.background.mutedHover": "6e750fe6fd2e8b42d0bd051111afe4934afa3bc0", + "colors.danger.background.mutedActive": "a1847cccc990a8771ca12d8c06033d0650406087", + "colors.danger.background.box": "3bc21fd4c950d01125d1c0b31becbc990ad2862f", + "colors.danger.border.base": "5e2aa69c087ea917919e36a5d26a387ce0832a6d", + "colors.danger.border.hover": "c902aaae4b97f08e45c7f02fe34b9e458359ca96", + "colors.danger.border.active": "2f92b3fd60600025d9bf7d545d33757765854606", + "colors.highlight.text.base": "59009499c52f14b688c1247974ed3dcfc87bf8c4", + "colors.highlight.text.hover": "8f2aabffe95120bad1ae8428c07d2c8624986f07", + "colors.highlight.text.active": "e03b7b346e88affb97bb806aff3123686b42d8f5", + "colors.highlight.background.base": "0129297dff148cded1f1c3f977ec2ab135d8b936", + "colors.highlight.background.hover": "9953697004d8ea01b4e305f3b205092bc48167f1", + "colors.highlight.background.active": "5a7288d509161e77d27ba88ce408f44778e9bd43", + "colors.highlight.background.muted": "75f58017bcc7b55c4598aaab865c916dcd6d0d26", + "colors.highlight.background.mutedHover": "9124fef9bb5b3507f634047342d1c0a270959f2f", + "colors.highlight.background.mutedActive": "6d0295f29b8269411a81a1377c00fe0bbc32c3f5", + "colors.highlight.background.box": "969fd554bdd2a93cecbfb63faf241fe81539dca4", + "colors.highlight.border.base": "5214dc56d1639ea6eb783b735704eb36cb49b5b2", + "colors.highlight.border.hover": "02a69fa11a9716f33a7cc06996ff1d81b59c0edc", + "colors.highlight.border.active": "a5e0d7b68a39351316746e5291c4e8c3666919cf", + "colors.disabled.text": "45d07d5fe9f61dbda7778a2cda595a8449e1d697", + "colors.disabled.background": "7cc02a61fb2e6144dd6ed9d2c6ff4c614d3aab7a", + "colors.disabled.nakedBackground": "003e74a7ef64c13eab9a5f7f09fa8e185738f0e7", + "colors.disabled.border": "23cb9e98c4723fe968328cee8b597185c2624f2b", + "colors.disabled.input.background": "f61659caacefb366bb2beee6ee609673448838af", + "colors.disabled.input.LabelText": "98b9b043287413794a56b5d50ed1f99688aaa40d", + "colors.input.background.base": "c0b5f3582374f8d695ff97cdd31bc860cbdf9a12", + "colors.input.background.hover": "63f6524d6aa5888196a71ab2d45193849058db01", + "colors.input.background.information": "bb79fa7c7dd5178d420e2d371de3831fd8ed78df", + "colors.input.text.base": "b3d95ad6f6d9a28ecd2ba0b7f0bf898a5a57d0a8", + "colors.input.text.information": "6a6680f9c03dd2ccf45b981fc551bd4095794c93", + "colors.input.text.informationError": "2ab289efdeccc3cbdfc788a173a083126c98ee69", + "colors.input.text.label": "b3c2c3f82260492bc623a0d27c753f50761511ca", + "colors.input.text.floatingLabel": "1df7aaf76f27b351f7539a4f56e73e6fc4977f5a", + "colors.input.text.floatingLabelError": "3e24105bc8a2cf9d9e55198a0d8948c6967ec438", + "colors.input.text.placeholder": "295fde258f0d5c835b5dbfe9bfd6def1e8b7a9d1", + "colors.input.text.active": "38df129a66e96f9319a42e769b4fc5a86b762cb3", + "colors.input.border.base": "b4b80b9e3943dfbed0d8857a9e67913178c45c57", + "colors.input.border.error": "a02669af19034a330bad8b86fc77fcb3ccfbd260", + "colors.input.border.hover": "b0b39bc7e9df1dee3520901bcab202674b98c4c3", + "colors.input.border.emphasized": "a557ed3a535ed6635ecbbfdbd718cdddc64d815f", + "colors.input.border.emphasizedHover": "5ec077488a63860bb42f5bcfef92f551c28eb865", + "colors.input.border.active": "8c9f0b5bcb90b31de9f215d82ccdd0b4c2449518", + "colors.separator.base": "e34f300e3521e991c70b42dbcece48910c0078fa", + "colors.light.background.base": "b046f05d580c274c648813f710e77e1e60e2decf", + "colors.light.background.contrast": "3d89b250850d7d583146d36d958e8baacca7eb7a", + "colors.light.background.hover": "261e9b64e2b48bc2482cf8695c63cda99e7e0cb3", + "colors.light.background.active": "a61533b2ac81c0ea7be6fde81e5b7b1b6f6845ba", + "colors.light.text.base": "1106746bdb3f15dee3c1e5b4e5ef22e2c55b9ea8", + "colors.light.link.mutedBase": "6c25cf859fd5fe005d6d3d8105285273979efaef", + "colors.light.link.mutedHover": "6ee91d3d55850e2be25111e43b4feb07f30b558f", + "colors.shadow.base": "e111134b28a04358464e5db77f877bb7bdaa7f87", + "colors.accent.forest.text.base": "133e8536656679590fd34782825c87dbe361f5fc", + "colors.accent.forest.background.muted": "afd4222b1bdaac58ea3ed42e67c57fe8761526e2", + "colors.accent.forest.background.mutedHover": "422ee8c9af70766189aef6510b1eaacdfa3fd1a3", + "colors.accent.forest.background.mutedActive": "ccd84fa409aafb1b899260656c2173a873b70da7", + "colors.accent.sand.text.base": "f59f9463aa924d84cc72dfedbc87025a21e3a79f", + "colors.accent.sand.background.muted": "1f80bfda40d7aaf4feb9440c11e293d5c36d116b", + "colors.accent.sand.background.mutedHover": "adc00e877d57850eda6f980b1604be173a39dfcb", + "colors.accent.sand.background.mutedActive": "a1ea1cfdf434fec95f2630e2c078f29548dafbd8" + } }, { "id": "0267bc0cf8e845357dec8661fec245e9e478e58c", "name": "lightDS3", "selectedTokenSets": { "core-light": "source", - "lightDS3": "enabled" + "themes/lightDS3": "enabled" }, - "$figmaStyleReferences": {} + "$figmaStyleReferences": {}, + "group": "theme-colours", + "$figmaCollectionId": "VariableCollectionId:2834:5684", + "$figmaModeId": "3354:2", + "$figmaVariableReferences": { + "colors.text.emphasis": "b8e070a3bd1f275e5f59ff4ab7cdab13b637b5fd", + "colors.text.body": "c435fcdc9f0aec2d50ad8c04f3859ac6e64977aa", + "colors.text.subdued": "22e9189309658f079838b890193d768c12bb0414", + "colors.text.onBackground": "2f9887c0707795edb73bb3b43aca15a6fae0e478", + "colors.system.text.labelEmphasis": "35c25da763f97e1b41700629b34e480184a8dd38", + "colors.system.text.base": "b6b2bc73f6a2b22f6105a3908e934ea63d673e5f", + "colors.system.text.hover": "17274a3d45c0c26ad0cdb02ebddcf771ac45f45c", + "colors.system.text.active": "2026e45cc5a28626d316ea0c58a216b290309e40", + "colors.system.background.base": "f6414b1178425f154e2f6065affb3c9b021c8a39", + "colors.system.background.muted": "d34589c1e20f394961522083302182bd9e41e98d", + "colors.system.background.mutedHover": "88e56d203ddce2b1a42a947cdf517515cd0bc53c", + "colors.system.background.mutedActive": "02f62781e80e0ac30dec3bc2011c18d59170885a", + "colors.system.background.box": "7681a9ff1663bee7d0e6dfb3a3dc3f4be9c18117", + "colors.system.border.base": "6410682782dffca11f97a48f565718731e5c770b", + "colors.system.border.hover": "53683a9a6f95e2c84e2121669627f9296bd67999", + "colors.system.border.active": "a25cc5dcec8616e8036f849786ff493607d81fc9", + "colors.system.border.focused": "c19ba99df3ea2a39aac14963bf2ca77e6d3b6b5c", + "colors.surface.level0": "715d007a47e617bd4487670a67c204e140cd5145", + "colors.surface.level1": "be35013817f004c572817792336e56cb05d89c44", + "colors.surface.level2": "37b7ac1f6d187e24a8e6caccce3781096e7e0523", + "colors.surface.interactive.background": "83538dc8404d77ed9b08aba07d9d52298ddbe35c", + "colors.surface.interactive.hover": "d7d6a2993bb4fbae8a3456036d379b7db6577d3f", + "colors.surface.interactive.active": "77fa58cad923f86a868964c293dde2f4ea1695a6", + "colors.surface.overlay.dark": "473b0e736cd4613af5bc6c1dc9e9ba05a41fdc00", + "colors.surface.overlay.theme": "34cd2b522e6e94cabc1577c9cca2fb8a54e8571b", + "colors.surface.overlay.backdrop": "5f0d490cd0ec4824278d2a17dafc79ea81992efe", + "colors.primary.text.base": "ed1001082deb5cee408ff5b8abc6af559c0b2dc0", + "colors.primary.text.hover": "bf651cb3986f2cc5232e238a3a0d17e106c3e7a5", + "colors.primary.text.active": "9bc578a0930774b9e688e42c42552ccb95979913", + "colors.primary.background.base": "b656dca018cf38d324212a6c53b25414f41a1be2", + "colors.primary.background.hover": "d53798e4b5b0fadd3e2b35e54097d27614fee625", + "colors.primary.background.active": "849ceb528362796d42465b437cd8b2a3a2b2cee2", + "colors.primary.background.muted": "bd601788408b51b67527e47df412eb96188e305b", + "colors.primary.background.mutedHover": "e42aa7b1d29c459e3cf59853bc324db8e56c5e0e", + "colors.primary.background.mutedActive": "7559662287c40236dacf55c3bf2d03dd528cd7c3", + "colors.primary.background.box": "9691b6659e881c46a18fd09af05fddaa2963bd5b", + "colors.primary.border.base": "acc5e8f66a6a364325ab85f568ba7077d111a5bd", + "colors.primary.border.hover": "2193964609ccc390402f5e7acc70cbb864a2f802", + "colors.primary.border.active": "17de686d6ba6011858ca425272f7cfb6c3095560", + "colors.success.text.base": "267711f69871442368eb464e3e61a04c4dc76810", + "colors.success.text.hover": "d755d809014a90ccf1fb4a581f6be09401e72d68", + "colors.success.text.active": "e4b4c6c3cfa7135918825616b46dddd08ec70d9a", + "colors.success.background.base": "93a5dcf561cf4308317bf8ab51397070cd915035", + "colors.success.background.hover": "c648553c87edb642ea9f0227f17dc4fd7e544ee1", + "colors.success.background.active": "828e239dfbed20d1d51570ff8e6676dcef227f42", + "colors.success.background.muted": "54b884dd51f0d5367af14baf396ed7be27d8540a", + "colors.success.background.mutedHover": "4ddb6ed56fc6e9d6c547ca0159db810e1bdadff4", + "colors.success.background.mutedActive": "52374a2ec1c978afcd21cf60e50c7290cbca06f4", + "colors.success.background.box": "d7e0b13442b8fbfbd4ffb357323e42c90af092aa", + "colors.success.border.base": "377d22f300fad256658bf2cbb593fcb3f4b4835f", + "colors.success.border.hover": "ce84617b59fabab6ee483c94528bd38ea7536c93", + "colors.success.border.active": "6a523bdb9598f0e886a0149248ff7a589b2a78fa", + "colors.info.text.base": "fa47d0cf729f0cc6816f69e7a10f1821694ed4ba", + "colors.info.text.hover": "5d73d388e9cf42f09c248ba7367de026f690e3eb", + "colors.info.text.active": "48389d1de889daa66462d393f57de9b37d022ade", + "colors.info.background.base": "eba25713d6c9d7d45638dc7dccd68688ac8c53ec", + "colors.info.background.hover": "9a76e879ad0662c38cfd0a273e095d3581bbafd0", + "colors.info.background.active": "43719eb266888ab012278a5b2bcae84ca91564e9", + "colors.info.background.muted": "6e3c88565ae67b28c065f42c78bfd39035187b79", + "colors.info.background.mutedHover": "d725644c85ae5c10d61d931d4acf98a92a1ed6a6", + "colors.info.background.mutedActive": "c1927b0a5fb96c36397fbc2c377356b8400451b0", + "colors.info.background.box": "a0a7ec14ad9a7850915e92e71a38b8c290074891", + "colors.info.border.base": "265b6dab0a144476c2b273c5dd5266a61f440752", + "colors.info.border.hover": "d2322d14a183195c3e99801b22b41983885e32dd", + "colors.info.border.active": "cca053930664ad733a0f48d9bd054c4b3a30e347", + "colors.warning.text.base": "0ded5f3ca0d1b51ccf5c4b9cc369c16542f71593", + "colors.warning.text.hover": "a695dab3cb60870bc278bf3b7c8d64fa67797cba", + "colors.warning.text.active": "3e4d0af4d495d1f6a8a51accb99fcb0f62d142dc", + "colors.warning.background.base": "f1e2f70d127cbe16db53f1c980ac1979c4bdc03f", + "colors.warning.background.hover": "2161c7594ebc75e1b9e3201431f8185fe8fbc259", + "colors.warning.background.active": "e4f42f87069af6469b5ad81bd1766433081b2780", + "colors.warning.background.muted": "1b2e7710266453bac63431f4fa37bebab016115c", + "colors.warning.background.mutedHover": "0bc1d89ae8a7634f37d8b5d3113b201c50610f3c", + "colors.warning.background.mutedActive": "4f727b8950324d4ff6524171fff867542bfac069", + "colors.warning.background.box": "8bef96ba2fb7cca17529ca9d806297e110c2df9a", + "colors.warning.border.base": "28d6f64b1217d14d267b84be9abfbb93338a67c3", + "colors.warning.border.hover": "e8ea70f80fff58eea328d8d1e82badb38f345c49", + "colors.warning.border.active": "faa402bb4f73c8f5ce67ab6cf88c5cddae549b5c", + "colors.danger.text.base": "6f207ad8424a1e8fde62200248673e9ac2bedb08", + "colors.danger.text.hover": "43d9c26ce58916b1e796d2d149afc57b6448a52b", + "colors.danger.text.active": "2433d023ca9b239a4dc0a88d54326000af14a7cc", + "colors.danger.background.base": "2e409e903859b1e71807ec9573c3e5b7ffe6aeb0", + "colors.danger.background.hover": "d46b0d9feeaa2248c2f5ed577bed1489ba52e256", + "colors.danger.background.active": "88478490f19e76a1aee69b540d2d762e4cc6f8cd", + "colors.danger.background.muted": "0ee83e1236e8e352470b4bba29a547ac24d0a2b0", + "colors.danger.background.mutedHover": "6e750fe6fd2e8b42d0bd051111afe4934afa3bc0", + "colors.danger.background.mutedActive": "a1847cccc990a8771ca12d8c06033d0650406087", + "colors.danger.background.box": "3bc21fd4c950d01125d1c0b31becbc990ad2862f", + "colors.danger.border.base": "5e2aa69c087ea917919e36a5d26a387ce0832a6d", + "colors.danger.border.hover": "c902aaae4b97f08e45c7f02fe34b9e458359ca96", + "colors.danger.border.active": "2f92b3fd60600025d9bf7d545d33757765854606", + "colors.highlight.text.base": "59009499c52f14b688c1247974ed3dcfc87bf8c4", + "colors.highlight.text.hover": "8f2aabffe95120bad1ae8428c07d2c8624986f07", + "colors.highlight.text.active": "e03b7b346e88affb97bb806aff3123686b42d8f5", + "colors.highlight.background.base": "0129297dff148cded1f1c3f977ec2ab135d8b936", + "colors.highlight.background.hover": "9953697004d8ea01b4e305f3b205092bc48167f1", + "colors.highlight.background.active": "5a7288d509161e77d27ba88ce408f44778e9bd43", + "colors.highlight.background.muted": "75f58017bcc7b55c4598aaab865c916dcd6d0d26", + "colors.highlight.background.mutedHover": "9124fef9bb5b3507f634047342d1c0a270959f2f", + "colors.highlight.background.mutedActive": "6d0295f29b8269411a81a1377c00fe0bbc32c3f5", + "colors.highlight.background.box": "969fd554bdd2a93cecbfb63faf241fe81539dca4", + "colors.highlight.border.base": "5214dc56d1639ea6eb783b735704eb36cb49b5b2", + "colors.highlight.border.hover": "02a69fa11a9716f33a7cc06996ff1d81b59c0edc", + "colors.highlight.border.active": "a5e0d7b68a39351316746e5291c4e8c3666919cf", + "colors.disabled.text": "45d07d5fe9f61dbda7778a2cda595a8449e1d697", + "colors.disabled.background": "7cc02a61fb2e6144dd6ed9d2c6ff4c614d3aab7a", + "colors.disabled.nakedBackground": "003e74a7ef64c13eab9a5f7f09fa8e185738f0e7", + "colors.disabled.border": "23cb9e98c4723fe968328cee8b597185c2624f2b", + "colors.disabled.input.background": "f61659caacefb366bb2beee6ee609673448838af", + "colors.disabled.input.LabelText": "98b9b043287413794a56b5d50ed1f99688aaa40d", + "colors.input.background.base": "c0b5f3582374f8d695ff97cdd31bc860cbdf9a12", + "colors.input.background.hover": "63f6524d6aa5888196a71ab2d45193849058db01", + "colors.input.background.information": "bb79fa7c7dd5178d420e2d371de3831fd8ed78df", + "colors.input.text.base": "b3d95ad6f6d9a28ecd2ba0b7f0bf898a5a57d0a8", + "colors.input.text.information": "6a6680f9c03dd2ccf45b981fc551bd4095794c93", + "colors.input.text.informationError": "2ab289efdeccc3cbdfc788a173a083126c98ee69", + "colors.input.text.label": "b3c2c3f82260492bc623a0d27c753f50761511ca", + "colors.input.text.floatingLabel": "1df7aaf76f27b351f7539a4f56e73e6fc4977f5a", + "colors.input.text.floatingLabelError": "3e24105bc8a2cf9d9e55198a0d8948c6967ec438", + "colors.input.text.placeholder": "295fde258f0d5c835b5dbfe9bfd6def1e8b7a9d1", + "colors.input.text.active": "38df129a66e96f9319a42e769b4fc5a86b762cb3", + "colors.input.border.base": "b4b80b9e3943dfbed0d8857a9e67913178c45c57", + "colors.input.border.error": "a02669af19034a330bad8b86fc77fcb3ccfbd260", + "colors.input.border.hover": "b0b39bc7e9df1dee3520901bcab202674b98c4c3", + "colors.input.border.emphasized": "a557ed3a535ed6635ecbbfdbd718cdddc64d815f", + "colors.input.border.emphasizedHover": "5ec077488a63860bb42f5bcfef92f551c28eb865", + "colors.input.border.active": "8c9f0b5bcb90b31de9f215d82ccdd0b4c2449518", + "colors.separator.base": "e34f300e3521e991c70b42dbcece48910c0078fa", + "colors.light.background.base": "b046f05d580c274c648813f710e77e1e60e2decf", + "colors.light.background.contrast": "3d89b250850d7d583146d36d958e8baacca7eb7a", + "colors.light.background.hover": "261e9b64e2b48bc2482cf8695c63cda99e7e0cb3", + "colors.light.background.active": "a61533b2ac81c0ea7be6fde81e5b7b1b6f6845ba", + "colors.light.text.base": "1106746bdb3f15dee3c1e5b4e5ef22e2c55b9ea8", + "colors.light.link.mutedBase": "6c25cf859fd5fe005d6d3d8105285273979efaef", + "colors.light.link.mutedHover": "6ee91d3d55850e2be25111e43b4feb07f30b558f", + "colors.shadow.base": "e111134b28a04358464e5db77f877bb7bdaa7f87" + } }, { "id": "03f1b3b3488bbe1ef0b7156c20081f1e3474d6f2", "name": "dark", "selectedTokenSets": { "core-dark": "source", - "dark": "enabled" + "themes/dark": "enabled" }, - "$figmaStyleReferences": {} + "$figmaStyleReferences": {}, + "group": "theme-colours", + "$figmaCollectionId": "VariableCollectionId:2834:5684", + "$figmaModeId": "2834:4", + "$figmaVariableReferences": { + "colors.text.emphasis": "b8e070a3bd1f275e5f59ff4ab7cdab13b637b5fd", + "colors.text.body": "c435fcdc9f0aec2d50ad8c04f3859ac6e64977aa", + "colors.text.subdued": "22e9189309658f079838b890193d768c12bb0414", + "colors.text.onBackground": "2f9887c0707795edb73bb3b43aca15a6fae0e478", + "colors.system.text.labelEmphasis": "35c25da763f97e1b41700629b34e480184a8dd38", + "colors.system.text.base": "b6b2bc73f6a2b22f6105a3908e934ea63d673e5f", + "colors.system.text.hover": "17274a3d45c0c26ad0cdb02ebddcf771ac45f45c", + "colors.system.text.active": "2026e45cc5a28626d316ea0c58a216b290309e40", + "colors.system.background.base": "f6414b1178425f154e2f6065affb3c9b021c8a39", + "colors.system.background.muted": "d34589c1e20f394961522083302182bd9e41e98d", + "colors.system.background.mutedHover": "88e56d203ddce2b1a42a947cdf517515cd0bc53c", + "colors.system.background.mutedActive": "02f62781e80e0ac30dec3bc2011c18d59170885a", + "colors.system.background.box": "7681a9ff1663bee7d0e6dfb3a3dc3f4be9c18117", + "colors.system.border.base": "6410682782dffca11f97a48f565718731e5c770b", + "colors.system.border.hover": "53683a9a6f95e2c84e2121669627f9296bd67999", + "colors.system.border.active": "a25cc5dcec8616e8036f849786ff493607d81fc9", + "colors.system.border.focused": "c19ba99df3ea2a39aac14963bf2ca77e6d3b6b5c", + "colors.surface.level0": "715d007a47e617bd4487670a67c204e140cd5145", + "colors.surface.level1": "be35013817f004c572817792336e56cb05d89c44", + "colors.surface.level2": "37b7ac1f6d187e24a8e6caccce3781096e7e0523", + "colors.surface.interactive.background": "83538dc8404d77ed9b08aba07d9d52298ddbe35c", + "colors.surface.interactive.hover": "d7d6a2993bb4fbae8a3456036d379b7db6577d3f", + "colors.surface.interactive.active": "77fa58cad923f86a868964c293dde2f4ea1695a6", + "colors.surface.overlay.dark": "473b0e736cd4613af5bc6c1dc9e9ba05a41fdc00", + "colors.surface.overlay.theme": "34cd2b522e6e94cabc1577c9cca2fb8a54e8571b", + "colors.surface.overlay.backdrop": "5f0d490cd0ec4824278d2a17dafc79ea81992efe", + "colors.primary.text.base": "ed1001082deb5cee408ff5b8abc6af559c0b2dc0", + "colors.primary.text.hover": "bf651cb3986f2cc5232e238a3a0d17e106c3e7a5", + "colors.primary.text.active": "9bc578a0930774b9e688e42c42552ccb95979913", + "colors.primary.background.base": "b656dca018cf38d324212a6c53b25414f41a1be2", + "colors.primary.background.hover": "d53798e4b5b0fadd3e2b35e54097d27614fee625", + "colors.primary.background.active": "849ceb528362796d42465b437cd8b2a3a2b2cee2", + "colors.primary.background.muted": "bd601788408b51b67527e47df412eb96188e305b", + "colors.primary.background.mutedHover": "e42aa7b1d29c459e3cf59853bc324db8e56c5e0e", + "colors.primary.background.mutedActive": "7559662287c40236dacf55c3bf2d03dd528cd7c3", + "colors.primary.background.box": "9691b6659e881c46a18fd09af05fddaa2963bd5b", + "colors.primary.border.base": "acc5e8f66a6a364325ab85f568ba7077d111a5bd", + "colors.primary.border.hover": "2193964609ccc390402f5e7acc70cbb864a2f802", + "colors.primary.border.active": "17de686d6ba6011858ca425272f7cfb6c3095560", + "colors.success.text.base": "267711f69871442368eb464e3e61a04c4dc76810", + "colors.success.text.hover": "d755d809014a90ccf1fb4a581f6be09401e72d68", + "colors.success.text.active": "e4b4c6c3cfa7135918825616b46dddd08ec70d9a", + "colors.success.background.base": "93a5dcf561cf4308317bf8ab51397070cd915035", + "colors.success.background.hover": "c648553c87edb642ea9f0227f17dc4fd7e544ee1", + "colors.success.background.active": "828e239dfbed20d1d51570ff8e6676dcef227f42", + "colors.success.background.muted": "54b884dd51f0d5367af14baf396ed7be27d8540a", + "colors.success.background.mutedHover": "4ddb6ed56fc6e9d6c547ca0159db810e1bdadff4", + "colors.success.background.mutedActive": "52374a2ec1c978afcd21cf60e50c7290cbca06f4", + "colors.success.background.box": "d7e0b13442b8fbfbd4ffb357323e42c90af092aa", + "colors.success.border.base": "377d22f300fad256658bf2cbb593fcb3f4b4835f", + "colors.success.border.hover": "ce84617b59fabab6ee483c94528bd38ea7536c93", + "colors.success.border.active": "6a523bdb9598f0e886a0149248ff7a589b2a78fa", + "colors.info.text.base": "fa47d0cf729f0cc6816f69e7a10f1821694ed4ba", + "colors.info.text.hover": "5d73d388e9cf42f09c248ba7367de026f690e3eb", + "colors.info.text.active": "48389d1de889daa66462d393f57de9b37d022ade", + "colors.info.background.base": "eba25713d6c9d7d45638dc7dccd68688ac8c53ec", + "colors.info.background.hover": "9a76e879ad0662c38cfd0a273e095d3581bbafd0", + "colors.info.background.active": "43719eb266888ab012278a5b2bcae84ca91564e9", + "colors.info.background.muted": "6e3c88565ae67b28c065f42c78bfd39035187b79", + "colors.info.background.mutedHover": "d725644c85ae5c10d61d931d4acf98a92a1ed6a6", + "colors.info.background.mutedActive": "c1927b0a5fb96c36397fbc2c377356b8400451b0", + "colors.info.background.box": "a0a7ec14ad9a7850915e92e71a38b8c290074891", + "colors.info.border.base": "265b6dab0a144476c2b273c5dd5266a61f440752", + "colors.info.border.hover": "d2322d14a183195c3e99801b22b41983885e32dd", + "colors.info.border.active": "cca053930664ad733a0f48d9bd054c4b3a30e347", + "colors.warning.text.base": "0ded5f3ca0d1b51ccf5c4b9cc369c16542f71593", + "colors.warning.text.hover": "a695dab3cb60870bc278bf3b7c8d64fa67797cba", + "colors.warning.text.active": "3e4d0af4d495d1f6a8a51accb99fcb0f62d142dc", + "colors.warning.background.base": "f1e2f70d127cbe16db53f1c980ac1979c4bdc03f", + "colors.warning.background.hover": "2161c7594ebc75e1b9e3201431f8185fe8fbc259", + "colors.warning.background.active": "e4f42f87069af6469b5ad81bd1766433081b2780", + "colors.warning.background.muted": "1b2e7710266453bac63431f4fa37bebab016115c", + "colors.warning.background.mutedHover": "0bc1d89ae8a7634f37d8b5d3113b201c50610f3c", + "colors.warning.background.mutedActive": "4f727b8950324d4ff6524171fff867542bfac069", + "colors.warning.background.box": "8bef96ba2fb7cca17529ca9d806297e110c2df9a", + "colors.warning.border.base": "28d6f64b1217d14d267b84be9abfbb93338a67c3", + "colors.warning.border.hover": "e8ea70f80fff58eea328d8d1e82badb38f345c49", + "colors.warning.border.active": "faa402bb4f73c8f5ce67ab6cf88c5cddae549b5c", + "colors.danger.text.base": "6f207ad8424a1e8fde62200248673e9ac2bedb08", + "colors.danger.text.hover": "43d9c26ce58916b1e796d2d149afc57b6448a52b", + "colors.danger.text.active": "2433d023ca9b239a4dc0a88d54326000af14a7cc", + "colors.danger.background.base": "2e409e903859b1e71807ec9573c3e5b7ffe6aeb0", + "colors.danger.background.hover": "d46b0d9feeaa2248c2f5ed577bed1489ba52e256", + "colors.danger.background.active": "88478490f19e76a1aee69b540d2d762e4cc6f8cd", + "colors.danger.background.muted": "0ee83e1236e8e352470b4bba29a547ac24d0a2b0", + "colors.danger.background.mutedHover": "6e750fe6fd2e8b42d0bd051111afe4934afa3bc0", + "colors.danger.background.mutedActive": "a1847cccc990a8771ca12d8c06033d0650406087", + "colors.danger.background.box": "3bc21fd4c950d01125d1c0b31becbc990ad2862f", + "colors.danger.border.base": "5e2aa69c087ea917919e36a5d26a387ce0832a6d", + "colors.danger.border.hover": "c902aaae4b97f08e45c7f02fe34b9e458359ca96", + "colors.danger.border.active": "2f92b3fd60600025d9bf7d545d33757765854606", + "colors.highlight.text.base": "59009499c52f14b688c1247974ed3dcfc87bf8c4", + "colors.highlight.text.hover": "8f2aabffe95120bad1ae8428c07d2c8624986f07", + "colors.highlight.text.active": "e03b7b346e88affb97bb806aff3123686b42d8f5", + "colors.highlight.background.base": "0129297dff148cded1f1c3f977ec2ab135d8b936", + "colors.highlight.background.hover": "9953697004d8ea01b4e305f3b205092bc48167f1", + "colors.highlight.background.active": "5a7288d509161e77d27ba88ce408f44778e9bd43", + "colors.highlight.background.muted": "75f58017bcc7b55c4598aaab865c916dcd6d0d26", + "colors.highlight.background.mutedHover": "9124fef9bb5b3507f634047342d1c0a270959f2f", + "colors.highlight.background.mutedActive": "6d0295f29b8269411a81a1377c00fe0bbc32c3f5", + "colors.highlight.background.box": "969fd554bdd2a93cecbfb63faf241fe81539dca4", + "colors.highlight.border.base": "5214dc56d1639ea6eb783b735704eb36cb49b5b2", + "colors.highlight.border.hover": "02a69fa11a9716f33a7cc06996ff1d81b59c0edc", + "colors.highlight.border.active": "a5e0d7b68a39351316746e5291c4e8c3666919cf", + "colors.disabled.text": "45d07d5fe9f61dbda7778a2cda595a8449e1d697", + "colors.disabled.background": "7cc02a61fb2e6144dd6ed9d2c6ff4c614d3aab7a", + "colors.disabled.nakedBackground": "003e74a7ef64c13eab9a5f7f09fa8e185738f0e7", + "colors.disabled.border": "23cb9e98c4723fe968328cee8b597185c2624f2b", + "colors.disabled.nakedContent": "452065c5d1e38c295efa305dfa7d67426c983778", + "colors.disabled.input.background": "f61659caacefb366bb2beee6ee609673448838af", + "colors.disabled.input.LabelText": "98b9b043287413794a56b5d50ed1f99688aaa40d", + "colors.input.background.base": "c0b5f3582374f8d695ff97cdd31bc860cbdf9a12", + "colors.input.background.hover": "63f6524d6aa5888196a71ab2d45193849058db01", + "colors.input.background.information": "bb79fa7c7dd5178d420e2d371de3831fd8ed78df", + "colors.input.text.base": "b3d95ad6f6d9a28ecd2ba0b7f0bf898a5a57d0a8", + "colors.input.text.information": "6a6680f9c03dd2ccf45b981fc551bd4095794c93", + "colors.input.text.informationError": "2ab289efdeccc3cbdfc788a173a083126c98ee69", + "colors.input.text.label": "b3c2c3f82260492bc623a0d27c753f50761511ca", + "colors.input.text.floatingLabel": "1df7aaf76f27b351f7539a4f56e73e6fc4977f5a", + "colors.input.text.floatingLabelError": "3e24105bc8a2cf9d9e55198a0d8948c6967ec438", + "colors.input.text.placeholder": "295fde258f0d5c835b5dbfe9bfd6def1e8b7a9d1", + "colors.input.text.active": "38df129a66e96f9319a42e769b4fc5a86b762cb3", + "colors.input.border.base": "b4b80b9e3943dfbed0d8857a9e67913178c45c57", + "colors.input.border.error": "a02669af19034a330bad8b86fc77fcb3ccfbd260", + "colors.input.border.hover": "b0b39bc7e9df1dee3520901bcab202674b98c4c3", + "colors.input.border.emphasized": "a557ed3a535ed6635ecbbfdbd718cdddc64d815f", + "colors.input.border.emphasizedHover": "5ec077488a63860bb42f5bcfef92f551c28eb865", + "colors.input.border.active": "8c9f0b5bcb90b31de9f215d82ccdd0b4c2449518", + "colors.separator.base": "e34f300e3521e991c70b42dbcece48910c0078fa", + "colors.light.background.base": "b046f05d580c274c648813f710e77e1e60e2decf", + "colors.light.background.contrast": "3d89b250850d7d583146d36d958e8baacca7eb7a", + "colors.light.background.hover": "261e9b64e2b48bc2482cf8695c63cda99e7e0cb3", + "colors.light.background.active": "a61533b2ac81c0ea7be6fde81e5b7b1b6f6845ba", + "colors.light.text.base": "1106746bdb3f15dee3c1e5b4e5ef22e2c55b9ea8", + "colors.light.link.mutedBase": "6c25cf859fd5fe005d6d3d8105285273979efaef", + "colors.light.link.mutedHover": "6ee91d3d55850e2be25111e43b4feb07f30b558f", + "colors.shadow.base": "e111134b28a04358464e5db77f877bb7bdaa7f87", + "colors.accent.forest.text.base": "133e8536656679590fd34782825c87dbe361f5fc", + "colors.accent.forest.background.muted": "afd4222b1bdaac58ea3ed42e67c57fe8761526e2", + "colors.accent.forest.background.mutedHover": "422ee8c9af70766189aef6510b1eaacdfa3fd1a3", + "colors.accent.forest.background.mutedActive": "ccd84fa409aafb1b899260656c2173a873b70da7", + "colors.accent.sand.text.base": "f59f9463aa924d84cc72dfedbc87025a21e3a79f", + "colors.accent.sand.background.muted": "1f80bfda40d7aaf4feb9440c11e293d5c36d116b", + "colors.accent.sand.background.mutedHover": "adc00e877d57850eda6f980b1604be173a39dfcb", + "colors.accent.sand.background.mutedActive": "a1ea1cfdf434fec95f2630e2c078f29548dafbd8" + } }, { "id": "9dc4ea487325204d708a9da7eb4ce44f0a0e1d35", "name": "emerson", "selectedTokenSets": { - "emerson": "enabled", - "core-emerson": "source" + "core-emerson": "source", + "themes/emerson": "enabled" }, - "$figmaStyleReferences": {} + "$figmaStyleReferences": {}, + "group": "theme-colours", + "$figmaCollectionId": "VariableCollectionId:2834:5684", + "$figmaModeId": "3354:3", + "$figmaVariableReferences": { + "colors.text.emphasis": "b8e070a3bd1f275e5f59ff4ab7cdab13b637b5fd", + "colors.text.body": "c435fcdc9f0aec2d50ad8c04f3859ac6e64977aa", + "colors.text.subdued": "22e9189309658f079838b890193d768c12bb0414", + "colors.text.onBackground": "2f9887c0707795edb73bb3b43aca15a6fae0e478", + "colors.system.text.labelEmphasis": "35c25da763f97e1b41700629b34e480184a8dd38", + "colors.system.text.base": "b6b2bc73f6a2b22f6105a3908e934ea63d673e5f", + "colors.system.text.hover": "17274a3d45c0c26ad0cdb02ebddcf771ac45f45c", + "colors.system.text.active": "2026e45cc5a28626d316ea0c58a216b290309e40", + "colors.system.background.base": "f6414b1178425f154e2f6065affb3c9b021c8a39", + "colors.system.background.muted": "d34589c1e20f394961522083302182bd9e41e98d", + "colors.system.background.mutedHover": "88e56d203ddce2b1a42a947cdf517515cd0bc53c", + "colors.system.background.mutedActive": "02f62781e80e0ac30dec3bc2011c18d59170885a", + "colors.system.background.box": "7681a9ff1663bee7d0e6dfb3a3dc3f4be9c18117", + "colors.system.border.base": "6410682782dffca11f97a48f565718731e5c770b", + "colors.system.border.hover": "53683a9a6f95e2c84e2121669627f9296bd67999", + "colors.system.border.active": "a25cc5dcec8616e8036f849786ff493607d81fc9", + "colors.system.border.focused": "c19ba99df3ea2a39aac14963bf2ca77e6d3b6b5c", + "colors.surface.level0": "715d007a47e617bd4487670a67c204e140cd5145", + "colors.surface.level1": "be35013817f004c572817792336e56cb05d89c44", + "colors.surface.level2": "37b7ac1f6d187e24a8e6caccce3781096e7e0523", + "colors.surface.interactive.background": "83538dc8404d77ed9b08aba07d9d52298ddbe35c", + "colors.surface.interactive.hover": "d7d6a2993bb4fbae8a3456036d379b7db6577d3f", + "colors.surface.interactive.active": "77fa58cad923f86a868964c293dde2f4ea1695a6", + "colors.surface.overlay.dark": "473b0e736cd4613af5bc6c1dc9e9ba05a41fdc00", + "colors.surface.overlay.theme": "34cd2b522e6e94cabc1577c9cca2fb8a54e8571b", + "colors.surface.overlay.backdrop": "5f0d490cd0ec4824278d2a17dafc79ea81992efe", + "colors.primary.text.base": "ed1001082deb5cee408ff5b8abc6af559c0b2dc0", + "colors.primary.text.hover": "bf651cb3986f2cc5232e238a3a0d17e106c3e7a5", + "colors.primary.text.active": "9bc578a0930774b9e688e42c42552ccb95979913", + "colors.primary.background.base": "b656dca018cf38d324212a6c53b25414f41a1be2", + "colors.primary.background.hover": "d53798e4b5b0fadd3e2b35e54097d27614fee625", + "colors.primary.background.active": "849ceb528362796d42465b437cd8b2a3a2b2cee2", + "colors.primary.background.muted": "bd601788408b51b67527e47df412eb96188e305b", + "colors.primary.background.mutedHover": "e42aa7b1d29c459e3cf59853bc324db8e56c5e0e", + "colors.primary.background.mutedActive": "7559662287c40236dacf55c3bf2d03dd528cd7c3", + "colors.primary.background.box": "9691b6659e881c46a18fd09af05fddaa2963bd5b", + "colors.primary.border.base": "acc5e8f66a6a364325ab85f568ba7077d111a5bd", + "colors.primary.border.hover": "2193964609ccc390402f5e7acc70cbb864a2f802", + "colors.primary.border.active": "17de686d6ba6011858ca425272f7cfb6c3095560", + "colors.success.text.base": "267711f69871442368eb464e3e61a04c4dc76810", + "colors.success.text.hover": "d755d809014a90ccf1fb4a581f6be09401e72d68", + "colors.success.text.active": "e4b4c6c3cfa7135918825616b46dddd08ec70d9a", + "colors.success.background.base": "93a5dcf561cf4308317bf8ab51397070cd915035", + "colors.success.background.hover": "c648553c87edb642ea9f0227f17dc4fd7e544ee1", + "colors.success.background.active": "828e239dfbed20d1d51570ff8e6676dcef227f42", + "colors.success.background.muted": "54b884dd51f0d5367af14baf396ed7be27d8540a", + "colors.success.background.mutedHover": "4ddb6ed56fc6e9d6c547ca0159db810e1bdadff4", + "colors.success.background.mutedActive": "52374a2ec1c978afcd21cf60e50c7290cbca06f4", + "colors.success.background.box": "d7e0b13442b8fbfbd4ffb357323e42c90af092aa", + "colors.success.border.base": "377d22f300fad256658bf2cbb593fcb3f4b4835f", + "colors.success.border.hover": "ce84617b59fabab6ee483c94528bd38ea7536c93", + "colors.success.border.active": "6a523bdb9598f0e886a0149248ff7a589b2a78fa", + "colors.info.text.base": "fa47d0cf729f0cc6816f69e7a10f1821694ed4ba", + "colors.info.text.hover": "5d73d388e9cf42f09c248ba7367de026f690e3eb", + "colors.info.text.active": "48389d1de889daa66462d393f57de9b37d022ade", + "colors.info.background.base": "eba25713d6c9d7d45638dc7dccd68688ac8c53ec", + "colors.info.background.hover": "9a76e879ad0662c38cfd0a273e095d3581bbafd0", + "colors.info.background.active": "43719eb266888ab012278a5b2bcae84ca91564e9", + "colors.info.background.muted": "6e3c88565ae67b28c065f42c78bfd39035187b79", + "colors.info.background.mutedHover": "d725644c85ae5c10d61d931d4acf98a92a1ed6a6", + "colors.info.background.mutedActive": "c1927b0a5fb96c36397fbc2c377356b8400451b0", + "colors.info.background.box": "a0a7ec14ad9a7850915e92e71a38b8c290074891", + "colors.info.border.base": "265b6dab0a144476c2b273c5dd5266a61f440752", + "colors.info.border.hover": "d2322d14a183195c3e99801b22b41983885e32dd", + "colors.info.border.active": "cca053930664ad733a0f48d9bd054c4b3a30e347", + "colors.warning.text.base": "0ded5f3ca0d1b51ccf5c4b9cc369c16542f71593", + "colors.warning.text.hover": "a695dab3cb60870bc278bf3b7c8d64fa67797cba", + "colors.warning.text.active": "3e4d0af4d495d1f6a8a51accb99fcb0f62d142dc", + "colors.warning.background.base": "f1e2f70d127cbe16db53f1c980ac1979c4bdc03f", + "colors.warning.background.hover": "2161c7594ebc75e1b9e3201431f8185fe8fbc259", + "colors.warning.background.active": "e4f42f87069af6469b5ad81bd1766433081b2780", + "colors.warning.background.muted": "1b2e7710266453bac63431f4fa37bebab016115c", + "colors.warning.background.mutedHover": "0bc1d89ae8a7634f37d8b5d3113b201c50610f3c", + "colors.warning.background.mutedActive": "4f727b8950324d4ff6524171fff867542bfac069", + "colors.warning.background.box": "8bef96ba2fb7cca17529ca9d806297e110c2df9a", + "colors.warning.border.base": "28d6f64b1217d14d267b84be9abfbb93338a67c3", + "colors.warning.border.hover": "e8ea70f80fff58eea328d8d1e82badb38f345c49", + "colors.warning.border.active": "faa402bb4f73c8f5ce67ab6cf88c5cddae549b5c", + "colors.danger.text.base": "6f207ad8424a1e8fde62200248673e9ac2bedb08", + "colors.danger.text.hover": "43d9c26ce58916b1e796d2d149afc57b6448a52b", + "colors.danger.text.active": "2433d023ca9b239a4dc0a88d54326000af14a7cc", + "colors.danger.background.base": "2e409e903859b1e71807ec9573c3e5b7ffe6aeb0", + "colors.danger.background.hover": "d46b0d9feeaa2248c2f5ed577bed1489ba52e256", + "colors.danger.background.active": "88478490f19e76a1aee69b540d2d762e4cc6f8cd", + "colors.danger.background.muted": "0ee83e1236e8e352470b4bba29a547ac24d0a2b0", + "colors.danger.background.mutedHover": "6e750fe6fd2e8b42d0bd051111afe4934afa3bc0", + "colors.danger.background.mutedActive": "a1847cccc990a8771ca12d8c06033d0650406087", + "colors.danger.background.box": "3bc21fd4c950d01125d1c0b31becbc990ad2862f", + "colors.danger.border.base": "5e2aa69c087ea917919e36a5d26a387ce0832a6d", + "colors.danger.border.hover": "c902aaae4b97f08e45c7f02fe34b9e458359ca96", + "colors.danger.border.active": "2f92b3fd60600025d9bf7d545d33757765854606", + "colors.highlight.text.base": "59009499c52f14b688c1247974ed3dcfc87bf8c4", + "colors.highlight.text.hover": "8f2aabffe95120bad1ae8428c07d2c8624986f07", + "colors.highlight.text.active": "e03b7b346e88affb97bb806aff3123686b42d8f5", + "colors.highlight.background.base": "0129297dff148cded1f1c3f977ec2ab135d8b936", + "colors.highlight.background.hover": "9953697004d8ea01b4e305f3b205092bc48167f1", + "colors.highlight.background.active": "5a7288d509161e77d27ba88ce408f44778e9bd43", + "colors.highlight.background.muted": "75f58017bcc7b55c4598aaab865c916dcd6d0d26", + "colors.highlight.background.mutedHover": "9124fef9bb5b3507f634047342d1c0a270959f2f", + "colors.highlight.background.mutedActive": "6d0295f29b8269411a81a1377c00fe0bbc32c3f5", + "colors.highlight.background.box": "969fd554bdd2a93cecbfb63faf241fe81539dca4", + "colors.highlight.border.base": "5214dc56d1639ea6eb783b735704eb36cb49b5b2", + "colors.highlight.border.hover": "02a69fa11a9716f33a7cc06996ff1d81b59c0edc", + "colors.highlight.border.active": "a5e0d7b68a39351316746e5291c4e8c3666919cf", + "colors.disabled.text": "45d07d5fe9f61dbda7778a2cda595a8449e1d697", + "colors.disabled.background": "7cc02a61fb2e6144dd6ed9d2c6ff4c614d3aab7a", + "colors.disabled.nakedBackground": "003e74a7ef64c13eab9a5f7f09fa8e185738f0e7", + "colors.disabled.border": "23cb9e98c4723fe968328cee8b597185c2624f2b", + "colors.disabled.input.background": "f61659caacefb366bb2beee6ee609673448838af", + "colors.disabled.input.LabelText": "98b9b043287413794a56b5d50ed1f99688aaa40d", + "colors.input.background.base": "c0b5f3582374f8d695ff97cdd31bc860cbdf9a12", + "colors.input.background.hover": "63f6524d6aa5888196a71ab2d45193849058db01", + "colors.input.background.information": "bb79fa7c7dd5178d420e2d371de3831fd8ed78df", + "colors.input.text.base": "b3d95ad6f6d9a28ecd2ba0b7f0bf898a5a57d0a8", + "colors.input.text.information": "6a6680f9c03dd2ccf45b981fc551bd4095794c93", + "colors.input.text.informationError": "2ab289efdeccc3cbdfc788a173a083126c98ee69", + "colors.input.text.label": "b3c2c3f82260492bc623a0d27c753f50761511ca", + "colors.input.text.floatingLabel": "1df7aaf76f27b351f7539a4f56e73e6fc4977f5a", + "colors.input.text.floatingLabelError": "3e24105bc8a2cf9d9e55198a0d8948c6967ec438", + "colors.input.text.placeholder": "295fde258f0d5c835b5dbfe9bfd6def1e8b7a9d1", + "colors.input.text.active": "38df129a66e96f9319a42e769b4fc5a86b762cb3", + "colors.input.border.base": "b4b80b9e3943dfbed0d8857a9e67913178c45c57", + "colors.input.border.error": "a02669af19034a330bad8b86fc77fcb3ccfbd260", + "colors.input.border.hover": "b0b39bc7e9df1dee3520901bcab202674b98c4c3", + "colors.input.border.emphasized": "a557ed3a535ed6635ecbbfdbd718cdddc64d815f", + "colors.input.border.emphasizedHover": "5ec077488a63860bb42f5bcfef92f551c28eb865", + "colors.input.border.active": "8c9f0b5bcb90b31de9f215d82ccdd0b4c2449518", + "colors.separator.base": "e34f300e3521e991c70b42dbcece48910c0078fa", + "colors.light.background.base": "b046f05d580c274c648813f710e77e1e60e2decf", + "colors.light.background.contrast": "3d89b250850d7d583146d36d958e8baacca7eb7a", + "colors.light.background.hover": "261e9b64e2b48bc2482cf8695c63cda99e7e0cb3", + "colors.light.background.active": "a61533b2ac81c0ea7be6fde81e5b7b1b6f6845ba", + "colors.light.text.base": "1106746bdb3f15dee3c1e5b4e5ef22e2c55b9ea8", + "colors.light.link.mutedBase": "6c25cf859fd5fe005d6d3d8105285273979efaef", + "colors.light.link.mutedHover": "6ee91d3d55850e2be25111e43b4feb07f30b558f", + "colors.shadow.base": "e111134b28a04358464e5db77f877bb7bdaa7f87" + } } ] \ No newline at end of file diff --git a/src/data/core-dark.json b/src/data/core-dark.json index 0728a305..933655be 100644 --- a/src/data/core-dark.json +++ b/src/data/core-dark.json @@ -132,7 +132,7 @@ "type": "color" }, "800": { - "value": "#F0F1FF", + "value": "#F0D1FF", "type": "color" } }, @@ -217,6 +217,24 @@ "value": "transparent", "type": "color" } + }, + "brown": { + "200": { + "value": "#33260F", + "type": "color" + }, + "300": { + "value": "#402F13", + "type": "color" + }, + "400": { + "value": "#6E5225", + "type": "color" + }, + "700": { + "value": "#D6BA87", + "type": "color" + } } }, "opacity": { diff --git a/src/data/core-emerson.json b/src/data/core-emerson.json index abc690f7..99bd5515 100644 --- a/src/data/core-emerson.json +++ b/src/data/core-emerson.json @@ -172,35 +172,39 @@ }, "grey": { "100": { - "value": "#E8E9EA", + "value": "#FCFEFF", "type": "color" }, "200": { - "value": "#98999B", + "value": "#F5F7FA", "type": "color" }, "300": { - "value": "#616568", + "value": "#E6EDF5", "type": "color" }, "400": { - "value": "#515357", + "value": "#C8D3E0", "type": "color" }, "500": { - "value": "#2D3238", + "value": "#596D84", "type": "color" }, "600": { - "value": "#22272B", + "value": "#475A70", "type": "color" }, "700": { - "value": "#1A1D21", + "value": "#36485C", "type": "color" }, "800": { - "value": "#101012", + "value": "#2E3A47", + "type": "color" + }, + "900": { + "value": "#212933", "type": "color" } }, diff --git a/src/data/core-light.json b/src/data/core-light.json index fc8d3808..5f789616 100644 --- a/src/data/core-light.json +++ b/src/data/core-light.json @@ -255,6 +255,24 @@ "value": "#e5a500", "type": "color" } + }, + "brown": { + "200": { + "value": "#F6F1E5", + "type": "color" + }, + "300": { + "value": "#E4D9C2", + "type": "color" + }, + "400": { + "value": "#DACCAA", + "type": "color" + }, + "700": { + "value": "#5E4D27", + "type": "color" + } } } } \ No newline at end of file diff --git a/src/data/dark.json b/src/data/themes/dark.json similarity index 96% rename from src/data/dark.json rename to src/data/themes/dark.json index 34743571..f173a028 100644 --- a/src/data/dark.json +++ b/src/data/themes/dark.json @@ -771,6 +771,52 @@ "type": "color", "description": "For use only with box shadow tokens" } + }, + "accent": { + "forest": { + "text": { + "base": { + "value": "{colors.green.700}", + "type": "color" + } + }, + "background": { + "muted": { + "value": "{colors.green.200}", + "type": "color" + }, + "mutedHover": { + "value": "{colors.green.300}", + "type": "color" + }, + "mutedActive": { + "value": "{colors.green.400}", + "type": "color" + } + } + }, + "sand": { + "text": { + "base": { + "value": "{colors.brown.700}", + "type": "color" + } + }, + "background": { + "muted": { + "value": "{colors.brown.200}", + "type": "color" + }, + "mutedHover": { + "value": "{colors.brown.300}", + "type": "color" + }, + "mutedActive": { + "value": "{colors.brown.400}", + "type": "color" + } + } + } } }, "boxShadows": { @@ -832,10 +878,10 @@ "opacity": { "overlay": { "backdrop": { - "value": 0.8, + "value": "0.8", "type": "opacity", "description": "Used for overlay backdrop opacity" } } } -} +} \ No newline at end of file diff --git a/src/data/emerson.json b/src/data/themes/emerson.json similarity index 98% rename from src/data/emerson.json rename to src/data/themes/emerson.json index f33d054d..f3a0dbf5 100644 --- a/src/data/emerson.json +++ b/src/data/themes/emerson.json @@ -149,71 +149,71 @@ "primary": { "text": { "base": { - "value": "{colors.blue.600}", + "value": "{colors.shades.white}", "type": "color", "description": "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" }, "hover": { - "value": "{colors.blue.700}", + "value": "{colors.shades.white}", "type": "color", "description": "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" }, "active": { - "value": "{colors.blue.800}", + "value": "{colors.shades.white}", "type": "color", "description": "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" } }, "background": { "base": { - "value": "{colors.blue.600}", + "value": "{colors.grey.700}", "type": "color", "description": "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" }, "hover": { - "value": "{colors.blue.700}", + "value": "{colors.grey.800}", "type": "color", "description": "Used as the hovered background for primary components such as plain buttons" }, "active": { - "value": "{colors.blue.800}", + "value": "{colors.grey.900}", "type": "color", "description": "Used as the hovered background for primary components such as plain buttons" }, "muted": { - "value": "{colors.blue.200}", + "value": "{colors.grey.200}", "type": "color", "description": "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" }, "mutedHover": { - "value": "{colors.blue.300}", + "value": "{colors.grey.300}", "type": "color", "description": "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" }, "mutedActive": { - "value": "{colors.blue.400}", + "value": "{colors.grey.400}", "type": "color", "description": "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" }, "box": { - "value": "{colors.blue.100}", + "value": "{colors.grey.100}", "type": "color", "description": "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" } }, "border": { "base": { - "value": "{colors.blue.600}", + "value": "{colors.grey.400}", "type": "color", "description": "Used for the border colour for primary components such as buttons and Message" }, "hover": { - "value": "{colors.blue.700}", + "value": "{colors.grey.500}", "type": "color", "description": "Used for the hovered border colour for primary components such as buttons" }, "active": { - "value": "{colors.blue.800}", + "value": "{colors.grey.800}", "type": "color", "description": "Used for the pressed border colour for primary components such as buttons" } @@ -828,10 +828,10 @@ "opacity": { "overlay": { "backdrop": { - "value": 0.2, + "value": "0.2", "type": "opacity", "description": "Used for overlay backdrop opacity" } } } -} +} \ No newline at end of file diff --git a/src/data/light.json b/src/data/themes/light.json similarity index 96% rename from src/data/light.json rename to src/data/themes/light.json index 7259d36a..fa0d2cf9 100644 --- a/src/data/light.json +++ b/src/data/themes/light.json @@ -767,6 +767,52 @@ "type": "color", "description": "For use only with box shadow tokens" } + }, + "accent": { + "forest": { + "text": { + "base": { + "value": "{colors.green.700}", + "type": "color" + } + }, + "background": { + "muted": { + "value": "{colors.green.200}", + "type": "color" + }, + "mutedHover": { + "value": "{colors.green.300}", + "type": "color" + }, + "mutedActive": { + "value": "{colors.green.400}", + "type": "color" + } + } + }, + "sand": { + "text": { + "base": { + "value": "{colors.brown.700}", + "type": "color" + } + }, + "background": { + "muted": { + "value": "{colors.brown.200}", + "type": "color" + }, + "mutedHover": { + "value": "{colors.brown.300}", + "type": "color" + }, + "mutedActive": { + "value": "{colors.brown.400}", + "type": "color" + } + } + } } }, "boxShadows": { @@ -828,10 +874,10 @@ "opacity": { "overlay": { "backdrop": { - "value": 0.2, + "value": "0.2", "type": "opacity", "description": "Used for overlay backdrop opacity" } } } -} +} \ No newline at end of file diff --git a/src/data/lightDS3.json b/src/data/themes/lightDS3.json similarity index 99% rename from src/data/lightDS3.json rename to src/data/themes/lightDS3.json index 74c53be2..47605d77 100644 --- a/src/data/lightDS3.json +++ b/src/data/themes/lightDS3.json @@ -828,10 +828,10 @@ "opacity": { "overlay": { "backdrop": { - "value": 0.2, + "value": "0.2", "type": "opacity", "description": "Used for overlay backdrop opacity" } } } -} +} \ No newline at end of file diff --git a/src/transformed/transformed-core-dark.json b/src/transformed/transformed-core-dark.json index 0728a305..933655be 100644 --- a/src/transformed/transformed-core-dark.json +++ b/src/transformed/transformed-core-dark.json @@ -132,7 +132,7 @@ "type": "color" }, "800": { - "value": "#F0F1FF", + "value": "#F0D1FF", "type": "color" } }, @@ -217,6 +217,24 @@ "value": "transparent", "type": "color" } + }, + "brown": { + "200": { + "value": "#33260F", + "type": "color" + }, + "300": { + "value": "#402F13", + "type": "color" + }, + "400": { + "value": "#6E5225", + "type": "color" + }, + "700": { + "value": "#D6BA87", + "type": "color" + } } }, "opacity": { diff --git a/src/transformed/transformed-core-emerson.json b/src/transformed/transformed-core-emerson.json index abc690f7..99bd5515 100644 --- a/src/transformed/transformed-core-emerson.json +++ b/src/transformed/transformed-core-emerson.json @@ -172,35 +172,39 @@ }, "grey": { "100": { - "value": "#E8E9EA", + "value": "#FCFEFF", "type": "color" }, "200": { - "value": "#98999B", + "value": "#F5F7FA", "type": "color" }, "300": { - "value": "#616568", + "value": "#E6EDF5", "type": "color" }, "400": { - "value": "#515357", + "value": "#C8D3E0", "type": "color" }, "500": { - "value": "#2D3238", + "value": "#596D84", "type": "color" }, "600": { - "value": "#22272B", + "value": "#475A70", "type": "color" }, "700": { - "value": "#1A1D21", + "value": "#36485C", "type": "color" }, "800": { - "value": "#101012", + "value": "#2E3A47", + "type": "color" + }, + "900": { + "value": "#212933", "type": "color" } }, diff --git a/src/transformed/transformed-core-light.json b/src/transformed/transformed-core-light.json index fc8d3808..5f789616 100644 --- a/src/transformed/transformed-core-light.json +++ b/src/transformed/transformed-core-light.json @@ -255,6 +255,24 @@ "value": "#e5a500", "type": "color" } + }, + "brown": { + "200": { + "value": "#F6F1E5", + "type": "color" + }, + "300": { + "value": "#E4D9C2", + "type": "color" + }, + "400": { + "value": "#DACCAA", + "type": "color" + }, + "700": { + "value": "#5E4D27", + "type": "color" + } } } } \ No newline at end of file diff --git a/src/transformed/transformed-dark.json b/src/transformed/transformed-dark.json index 0cf28bbb..7de73e36 100644 --- a/src/transformed/transformed-dark.json +++ b/src/transformed/transformed-dark.json @@ -524,7 +524,7 @@ "description": "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" }, "active": { - "value": "#F0F1FF", + "value": "#F0D1FF", "type": "color", "description": "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" } @@ -771,6 +771,52 @@ "type": "color", "description": "For use only with box shadow tokens" } + }, + "accent": { + "forest": { + "text": { + "base": { + "value": "#86D6B9", + "type": "color" + } + }, + "background": { + "muted": { + "value": "#0F3326", + "type": "color" + }, + "mutedHover": { + "value": "#13402F", + "type": "color" + }, + "mutedActive": { + "value": "#256E53", + "type": "color" + } + } + }, + "sand": { + "text": { + "base": { + "value": "#D6BA87", + "type": "color" + } + }, + "background": { + "muted": { + "value": "#33260F", + "type": "color" + }, + "mutedHover": { + "value": "#402F13", + "type": "color" + }, + "mutedActive": { + "value": "#6E5225", + "type": "color" + } + } + } } }, "boxShadows": { diff --git a/src/transformed/transformed-emerson.json b/src/transformed/transformed-emerson.json index 7d5ebc3a..47c2a4f7 100644 --- a/src/transformed/transformed-emerson.json +++ b/src/transformed/transformed-emerson.json @@ -2,17 +2,17 @@ "colors": { "text": { "emphasis": { - "value": "#1A1D21", + "value": "#36485C", "type": "color", "description": "Used for any text content and icons used with text that needs emphasizing" }, "body": { - "value": "#22272B", + "value": "#475A70", "type": "color", "description": "Used for default text content and icons used with text" }, "subdued": { - "value": "#2D3238", + "value": "#596D84", "type": "color", "description": "Used for any text content and icons used with text that requires less prominence" }, @@ -25,22 +25,22 @@ "system": { "text": { "labelEmphasis": { - "value": "#101012", + "value": "#2E3A47", "type": "color", "description": "Used for any text content and icons used with text that needs emphasizing" }, "base": { - "value": "#22272B", + "value": "#475A70", "type": "color", "description": "Used as the text or fill colour for interactive and static system components such as links, text, and icons" }, "hover": { - "value": "#1A1D21", + "value": "#36485C", "type": "color", "description": "Used as the hovered text or fill colour for interactive system components such as links and text buttons" }, "active": { - "value": "#101012", + "value": "#2E3A47", "type": "color", "description": "Used as the pressed text or fill colour for interactive system components such as links and text buttons" } @@ -52,39 +52,39 @@ "description": "Used as the background for system components" }, "muted": { - "value": "#98999B", + "value": "#F5F7FA", "type": "color", "description": "Used as the muted background for system components" }, "mutedHover": { - "value": "#616568", + "value": "#E6EDF5", "type": "color", "description": "Used as the hovered muted background for system components" }, "mutedActive": { - "value": "#515357", + "value": "#C8D3E0", "type": "color", "description": "Used as the pressed muted background for system components" }, "box": { - "value": "#E8E9EA", + "value": "#FCFEFF", "type": "color", "description": "Used as a background colour for a system container like Box or Message" } }, "border": { "base": { - "value": "#515357", + "value": "#C8D3E0", "type": "color", "description": "Used for the border colour for system components" }, "hover": { - "value": "#2D3238", + "value": "#596D84", "type": "color", "description": "Used for the hovered border colour for system components" }, "active": { - "value": "#22272B", + "value": "#475A70", "type": "color", "description": "Used for the pressed border colour for system components" }, @@ -107,7 +107,7 @@ "description": "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." }, "level2": { - "value": "#98999B", + "value": "#F5F7FA", "type": "color", "description": "Used for elements that are contained within Boxes or other wrappers that are surface level 1." }, @@ -118,19 +118,19 @@ "description": "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" }, "hover": { - "value": "#98999B", + "value": "#F5F7FA", "type": "color", "description": "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" }, "active": { - "value": "#616568", + "value": "#E6EDF5", "type": "color", "description": "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" } }, "overlay": { "dark": { - "value": "#101012", + "value": "#2E3A47", "type": "color", "description": "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" }, @@ -140,7 +140,7 @@ "description": "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" }, "backdrop": { - "value": "#1A1D21", + "value": "#36485C", "type": "color", "description": "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" } @@ -149,71 +149,71 @@ "primary": { "text": { "base": { - "value": "#3971A8", + "value": "#FFFFFF", "type": "color", "description": "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" }, "hover": { - "value": "#21588F", + "value": "#FFFFFF", "type": "color", "description": "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" }, "active": { - "value": "#194673", + "value": "#FFFFFF", "type": "color", "description": "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" } }, "background": { "base": { - "value": "#3971A8", + "value": "#36485C", "type": "color", "description": "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" }, "hover": { - "value": "#21588F", + "value": "#2E3A47", "type": "color", "description": "Used as the hovered background for primary components such as plain buttons" }, "active": { - "value": "#194673", + "value": "#212933", "type": "color", "description": "Used as the hovered background for primary components such as plain buttons" }, "muted": { - "value": "#E6F1FC", + "value": "#F5F7FA", "type": "color", "description": "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" }, "mutedHover": { - "value": "#C0D8F0", + "value": "#E6EDF5", "type": "color", "description": "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" }, "mutedActive": { - "value": "#88B1D9", + "value": "#C8D3E0", "type": "color", "description": "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" }, "box": { - "value": "#F5FAFF", + "value": "#FCFEFF", "type": "color", "description": "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" } }, "border": { "base": { - "value": "#3971A8", + "value": "#C8D3E0", "type": "color", "description": "Used for the border colour for primary components such as buttons and Message" }, "hover": { - "value": "#21588F", + "value": "#596D84", "type": "color", "description": "Used for the hovered border colour for primary components such as buttons" }, "active": { - "value": "#194673", + "value": "#2E3A47", "type": "color", "description": "Used for the pressed border colour for primary components such as buttons" } @@ -586,12 +586,12 @@ }, "disabled": { "text": { - "value": "#2D3238", + "value": "#596D84", "type": "color", "description": "For use in disabled content like text and icons" }, "background": { - "value": "#98999B", + "value": "#F5F7FA", "type": "color", "description": "Used as the background colour for disabled components" }, @@ -601,18 +601,18 @@ "description": "Used for the background in disabled components with little to no styling" }, "border": { - "value": "#515357", + "value": "#C8D3E0", "type": "color", "description": "Used as the border for disabled components" }, "input": { "background": { - "value": "#616568", + "value": "#E6EDF5", "type": "color", "description": "For use in disabled inputs as the background colour" }, "LabelText": { - "value": "#2D3238", + "value": "#596D84", "type": "color", "description": "Used as the label colour for disabled inputs" } @@ -621,12 +621,12 @@ "input": { "background": { "base": { - "value": "#98999B", + "value": "#F5F7FA", "type": "color", "description": "Used as the default background colour for HTML inputs" }, "hover": { - "value": "#616568", + "value": "#E6EDF5", "type": "color", "description": "Used as the hovered background colour for HTML inputs" }, @@ -638,12 +638,12 @@ }, "text": { "base": { - "value": "#22272B", + "value": "#475A70", "type": "color", "description": "Used for the default filled text colour for HTML inputs" }, "information": { - "value": "#22272B", + "value": "#475A70", "type": "color", "description": "Used as the text content colour for the text description below the input" }, @@ -653,7 +653,7 @@ "description": "Used as the text content colour for the text description below the input when there are errors" }, "label": { - "value": "#22272B", + "value": "#475A70", "type": "color", "description": "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" }, @@ -668,19 +668,19 @@ "description": "Used as the static and floated label colour when the input is in an error state" }, "placeholder": { - "value": "#2D3238", + "value": "#596D84", "type": "color", "description": "Used as the default placeholder text colour for basic and search inputs" }, "active": { - "value": "#101012", + "value": "#2E3A47", "type": "color", "description": "Used as the label colour for labels that don't float when focused, like the select component" } }, "border": { "base": { - "value": "#616568", + "value": "#E6EDF5", "type": "color", "description": "Used as the default border colour" }, @@ -690,17 +690,17 @@ "description": "Used for the border colour when the input is in an error state" }, "hover": { - "value": "#515357", + "value": "#C8D3E0", "type": "color", "description": "Used as the hovered border colour" }, "emphasized": { - "value": "#2D3238", + "value": "#596D84", "type": "color", "description": "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" }, "emphasizedHover": { - "value": "#22272B", + "value": "#475A70", "type": "color", "description": "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" }, @@ -713,7 +713,7 @@ }, "separator": { "base": { - "value": "#616568", + "value": "#E6EDF5", "type": "color", "description": "Used for the colour of the separator element" } @@ -726,31 +726,31 @@ "description": "For use as background colour in light profile components on contrasting surface backgrounds" }, "contrast": { - "value": "#22272B", + "value": "#475A70", "type": "color", "description": "For use as a contrasting background colour in light profile components, to match shade of surface background" }, "hover": { - "value": "#98999B", + "value": "#F5F7FA", "type": "color", "description": "For use as background hover colour in light profile components on contrasting surface backgrounds" }, "active": { - "value": "#616568", + "value": "#E6EDF5", "type": "color", "description": "For use as background active colour in light profile components on contrasting surface backgrounds" } }, "text": { "base": { - "value": "#101012", + "value": "#2E3A47", "type": "color", "description": "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" } }, "link": { "mutedBase": { - "value": "#98999B", + "value": "#F5F7FA", "type": "color", "description": "Used as link colour for light profile components on contrasting surface backgrounds" }, diff --git a/src/transformed/transformed-light.json b/src/transformed/transformed-light.json index fa15e857..389467b8 100644 --- a/src/transformed/transformed-light.json +++ b/src/transformed/transformed-light.json @@ -767,6 +767,52 @@ "type": "color", "description": "For use only with box shadow tokens" } + }, + "accent": { + "forest": { + "text": { + "base": { + "value": "#275E43", + "type": "color" + } + }, + "background": { + "muted": { + "value": "#EBF2EF", + "type": "color" + }, + "mutedHover": { + "value": "#D1E0D9", + "type": "color" + }, + "mutedActive": { + "value": "#B6CFC2", + "type": "color" + } + } + }, + "sand": { + "text": { + "base": { + "value": "#5E4D27", + "type": "color" + } + }, + "background": { + "muted": { + "value": "#F6F1E5", + "type": "color" + }, + "mutedHover": { + "value": "#E4D9C2", + "type": "color" + }, + "mutedActive": { + "value": "#DACCAA", + "type": "color" + } + } + } } }, "boxShadows": {