diff --git a/dist/documentation/core-dark-colors.d.ts b/dist/documentation/core-dark-colors.d.ts index 1eb3ec93..82cd823e 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 Thu, 01 Feb 2024 20:50:13 GMT + * Generated on Fri, 02 Feb 2024 20:01:56 GMT */ export const green : {100:{ diff --git a/dist/documentation/core-dark-colors.js b/dist/documentation/core-dark-colors.js index 096f9163..71a9c983 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 Thu, 01 Feb 2024 20:50:13 GMT + * Generated on Fri, 02 Feb 2024 20:01:56 GMT */ module.exports = {green : {100:{ @@ -9,15 +9,15 @@ module.exports = {green : {100:{ },200:{ name: "green.200", - hex: "#0F3326", + hex: "#124935", },300:{ name: "green.300", - hex: "#13402F", + hex: "#1F5B45", },400:{ name: "green.400", - hex: "#256E53", + hex: "#206A4F", },500:{ name: "green.500", @@ -29,11 +29,11 @@ module.exports = {green : {100:{ },700:{ name: "green.700", - hex: "#86D6B9", + hex: "#BFE8D9", },800:{ name: "green.800", - hex: "#DBFFF1", + hex: "#F0FFF9", }}, blue : {100:{ @@ -75,11 +75,11 @@ red : {100:{ },200:{ name: "red.200", - hex: "#34101A", + hex: "#451522", },300:{ name: "red.300", - hex: "#451522", + hex: "#5E1D2E", },400:{ name: "red.400", @@ -108,11 +108,11 @@ purple : {100:{ },200:{ name: "purple.200", - hex: "#291433", + hex: "#33193F", },300:{ name: "purple.300", - hex: "#33193F", + hex: "#482359", },400:{ name: "purple.400", @@ -141,11 +141,11 @@ orange : {100:{ },200:{ name: "orange.200", - hex: "#361D0E", + hex: "#4A2915", },300:{ name: "orange.300", - hex: "#4A2915", + hex: "#63371C", },400:{ name: "orange.400", @@ -170,11 +170,11 @@ orange : {100:{ }}, grey : {100:{ name: "grey.100", - hex: "#101012", + hex: "#141719", },200:{ name: "grey.200", - hex: "#1A1D21", + hex: "#1D2124", },300:{ name: "grey.300", @@ -216,22 +216,22 @@ shades : {white:{ }}, brown : {200:{ name: "brown.200", - hex: "#33260F", + hex: "#493612", },300:{ name: "brown.300", - hex: "#402F13", + hex: "#5E4317", },400:{ name: "brown.400", - hex: "#6E5225", + hex: "#6B5024", },700:{ name: "brown.700", - hex: "#D6BA87", + hex: "#EFE5D1", },800:{ name: "brown.800", - hex: "#EFE5D1", + hex: "#F6F1E5", }},}; \ 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 58297834..d6f2c4c1 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 Thu, 01 Feb 2024 20:50:13 GMT + * Generated on Fri, 02 Feb 2024 20:01:56 GMT */ export const green : {100:{ diff --git a/dist/documentation/core-light-colors.js b/dist/documentation/core-light-colors.js index ef9379bb..7eafa336 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 Thu, 01 Feb 2024 20:50:13 GMT + * Generated on Fri, 02 Feb 2024 20:01:56 GMT */ module.exports = {green : {100:{ diff --git a/dist/documentation/themes/dark.d.ts b/dist/documentation/themes/dark.d.ts index 6f993c77..9b1e11db 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 Thu, 01 Feb 2024 20:50:13 GMT + * Generated on Fri, 02 Feb 2024 20:01:56 GMT */ export const text : {emphasis:{ diff --git a/dist/documentation/themes/dark.js b/dist/documentation/themes/dark.js index 53cc7cc4..63ca1173 100644 --- a/dist/documentation/themes/dark.js +++ b/dist/documentation/themes/dark.js @@ -1,11 +1,11 @@ /** * Do not edit directly - * Generated on Thu, 01 Feb 2024 20:50:13 GMT + * Generated on Fri, 02 Feb 2024 20:01:56 GMT */ module.exports = {text : {emphasis:{ name: "text.emphasis", - hex: "#E8E9EA", + hex: "#FFFFFF", description: "Used for any text content and icons used with text that needs emphasizing" },body:{ name: "text.body", @@ -38,7 +38,7 @@ system : {textLabelEmphasis:{ description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" },backgroundBase:{ name: "system.backgroundBase", - hex: "#101012", + hex: "#141719", description: "Used as the background for system components" },backgroundMuted:{ name: "system.backgroundMuted", @@ -54,7 +54,7 @@ system : {textLabelEmphasis:{ description: "Used as the pressed muted background for system components" },backgroundBox:{ name: "system.backgroundBox", - hex: "#1A1D21", + hex: "#1D2124", description: "Used as a background colour for a system container like Box or Message" },borderBase:{ name: "system.borderBase", @@ -75,11 +75,11 @@ system : {textLabelEmphasis:{ }}, surface : {level0:{ name: "surface.level0", - hex: "#101012", + hex: "#141719", description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" },level1:{ name: "surface.level1", - hex: "#101012", + hex: "#141719", 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", @@ -87,7 +87,7 @@ surface : {level0:{ description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." },interactiveBackground:{ name: "surface.interactiveBackground", - hex: "#1A1D21", + hex: "#1D2124", description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" },interactiveHover:{ name: "surface.interactiveHover", @@ -99,28 +99,28 @@ surface : {level0:{ description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" },overlayDark:{ name: "surface.overlayDark", - hex: "#22272B", + hex: "#1D2124", 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", - hex: "#1A1D21", + hex: "#1D2124", 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: "#000000", 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: "#1A1D21", + hex: "#1D2124", 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: "#1A1D21", + hex: "#1D2124", description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" },textActive:{ name: "primary.textActive", - hex: "#1A1D21", + hex: "#1D2124", description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" },backgroundBase:{ name: "primary.backgroundBase", @@ -169,11 +169,11 @@ success : {textBase:{ description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" },textHover:{ name: "success.textHover", - hex: "#86D6B9", + hex: "#BFE8D9", description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" },textActive:{ name: "success.textActive", - hex: "#DBFFF1", + hex: "#F0FFF9", description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" },backgroundBase:{ name: "success.backgroundBase", @@ -185,19 +185,19 @@ success : {textBase:{ description: "Description to come." },backgroundActive:{ name: "success.backgroundActive", - hex: "#86D6B9", + hex: "#BFE8D9", description: "Description to come." },backgroundMuted:{ name: "success.backgroundMuted", - hex: "#0F3326", + hex: "#124935", description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast." },backgroundMutedHover:{ name: "success.backgroundMutedHover", - hex: "#13402F", + hex: "#1F5B45", description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" },backgroundMutedActive:{ name: "success.backgroundMutedActive", - hex: "#256E53", + hex: "#206A4F", description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" },backgroundBox:{ name: "success.backgroundBox", @@ -205,7 +205,7 @@ success : {textBase:{ description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" },borderBase:{ name: "success.borderBase", - hex: "#256E53", + hex: "#206A4F", description: "Used for the border colour for successful intention versions of components such as buttons and Message" },borderHover:{ name: "success.borderHover", @@ -295,11 +295,11 @@ warning : {textBase:{ description: "Used as the pressed background for warning components such as plain buttons" },backgroundMuted:{ name: "warning.backgroundMuted", - hex: "#361D0E", + hex: "#4A2915", description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" },backgroundMutedHover:{ name: "warning.backgroundMutedHover", - hex: "#4A2915", + hex: "#63371C", description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" },backgroundMutedActive:{ name: "warning.backgroundMutedActive", @@ -348,11 +348,11 @@ danger : {textBase:{ description: "Used as the pressed background for danger components such as plain buttons" },backgroundMuted:{ name: "danger.backgroundMuted", - hex: "#34101A", + hex: "#451522", description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" },backgroundMutedHover:{ name: "danger.backgroundMutedHover", - hex: "#451522", + hex: "#5E1D2E", description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" },backgroundMutedActive:{ name: "danger.backgroundMutedActive", @@ -401,11 +401,11 @@ highlight : {textBase:{ description: "Used as the pressed background for highlight components such as plain buttons" },backgroundMuted:{ name: "highlight.backgroundMuted", - hex: "#291433", + hex: "#33193F", description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" },backgroundMutedHover:{ name: "highlight.backgroundMutedHover", - hex: "#33193F", + hex: "#482359", description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" },backgroundMutedActive:{ name: "highlight.backgroundMutedActive", @@ -567,42 +567,42 @@ shadow : {base:{ }}, accent : {forestTextBody:{ name: "accent.forestTextBody", - hex: "#86D6B9", + hex: "#BFE8D9", },forestTextEmphasis:{ name: "accent.forestTextEmphasis", - hex: "#DBFFF1", + hex: "#F0FFF9", },forestBackgroundMuted0:{ name: "accent.forestBackgroundMuted0", - hex: "#0F3326", + hex: "#124935", },forestBackgroundMuted1:{ name: "accent.forestBackgroundMuted1", - hex: "#13402F", + hex: "#1F5B45", },forestBackgroundMuted2:{ name: "accent.forestBackgroundMuted2", - hex: "#256E53", + hex: "#206A4F", },sandTextBody:{ name: "accent.sandTextBody", - hex: "#D6BA87", + hex: "#EFE5D1", },sandTextEmphasis:{ name: "accent.sandTextEmphasis", - hex: "#EFE5D1", + hex: "#F6F1E5", },sandBackgroundMuted0:{ name: "accent.sandBackgroundMuted0", - hex: "#33260F", + hex: "#493612", },sandBackgroundMuted1:{ name: "accent.sandBackgroundMuted1", - hex: "#402F13", + hex: "#5E4317", },sandBackgroundMuted2:{ name: "accent.sandBackgroundMuted2", - hex: "#6E5225", + hex: "#6B5024", }},}; \ No newline at end of file diff --git a/dist/documentation/themes/emerson.d.ts b/dist/documentation/themes/emerson.d.ts index b317392b..568b90a0 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 Thu, 01 Feb 2024 20:50:13 GMT + * Generated on Fri, 02 Feb 2024 20:01:56 GMT */ export const text : {emphasis:{ diff --git a/dist/documentation/themes/emerson.js b/dist/documentation/themes/emerson.js index 47a8e006..80483800 100644 --- a/dist/documentation/themes/emerson.js +++ b/dist/documentation/themes/emerson.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Thu, 01 Feb 2024 20:50:13 GMT + * Generated on Fri, 02 Feb 2024 20:01:56 GMT */ module.exports = {text : {emphasis:{ diff --git a/dist/documentation/themes/light.d.ts b/dist/documentation/themes/light.d.ts index 70a168cc..a077ce97 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 Thu, 01 Feb 2024 20:50:13 GMT + * Generated on Fri, 02 Feb 2024 20:01:56 GMT */ export const text : {emphasis:{ diff --git a/dist/documentation/themes/light.js b/dist/documentation/themes/light.js index 8de9f085..3fe7e996 100644 --- a/dist/documentation/themes/light.js +++ b/dist/documentation/themes/light.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Thu, 01 Feb 2024 20:50:13 GMT + * Generated on Fri, 02 Feb 2024 20:01:56 GMT */ module.exports = {text : {emphasis:{ diff --git a/dist/documentation/themes/lightDS3.d.ts b/dist/documentation/themes/lightDS3.d.ts index b317392b..568b90a0 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 Thu, 01 Feb 2024 20:50:13 GMT + * Generated on Fri, 02 Feb 2024 20:01:56 GMT */ export const text : {emphasis:{ diff --git a/dist/documentation/themes/lightDS3.js b/dist/documentation/themes/lightDS3.js index 70569099..ea753c7e 100644 --- a/dist/documentation/themes/lightDS3.js +++ b/dist/documentation/themes/lightDS3.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Thu, 01 Feb 2024 20:50:13 GMT + * Generated on Fri, 02 Feb 2024 20:01:56 GMT */ module.exports = {text : {emphasis:{ diff --git a/dist/tokens/native/borders.d.ts b/dist/tokens/native/borders.d.ts index 1e3c42c2..dc0e560c 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 Thu, 01 Feb 2024 20:50:13 GMT + * Generated on Fri, 02 Feb 2024 20:01:56 GMT */ export const radiusBase : number; diff --git a/dist/tokens/native/borders.js b/dist/tokens/native/borders.js index a9d773d3..9faf467c 100644 --- a/dist/tokens/native/borders.js +++ b/dist/tokens/native/borders.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Thu, 01 Feb 2024 20:50:13 GMT + * Generated on Fri, 02 Feb 2024 20:01:56 GMT */ module.exports = { diff --git a/dist/tokens/native/core-dark-colors.d.ts b/dist/tokens/native/core-dark-colors.d.ts index c4cc9fe0..501bc836 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 Thu, 01 Feb 2024 20:50:13 GMT + * Generated on Fri, 02 Feb 2024 20:01:56 GMT */ export const green: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; diff --git a/dist/tokens/native/core-dark-colors.js b/dist/tokens/native/core-dark-colors.js index 4b1734ab..8dbebcbc 100644 --- a/dist/tokens/native/core-dark-colors.js +++ b/dist/tokens/native/core-dark-colors.js @@ -1,14 +1,14 @@ /** * Do not edit directly - * Generated on Thu, 01 Feb 2024 20:50:13 GMT + * Generated on Fri, 02 Feb 2024 20:01:56 GMT */ -module.exports = {green: {100 : "#0C291E",200 : "#0F3326",300 : "#13402F",400 : "#256E53",500 : "#288563",600 : "#42AD86",700 : "#86D6B9",800 : "#DBFFF1"}, +module.exports = {green: {100 : "#0C291E",200 : "#124935",300 : "#1F5B45",400 : "#206A4F",500 : "#288563",600 : "#42AD86",700 : "#BFE8D9",800 : "#F0FFF9"}, 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 : "#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"}, +red: {100 : "#290F16",200 : "#451522",300 : "#5E1D2E",400 : "#8F2843",500 : "#B23655",600 : "#C74C6B",700 : "#EA8AA3",800 : "#FFD1DD"}, +purple: {100 : "#200F29",200 : "#33193F",300 : "#482359",400 : "#542F66",500 : "#693B80",600 : "#865C99",700 : "#B990CC",800 : "#F0D1FF"}, +orange: {100 : "#29170C",200 : "#4A2915",300 : "#63371C",400 : "#8A4E29",500 : "#AD6234",600 : "#CF7945",700 : "#E7AA84",800 : "#FFE3D1"}, +grey: {100 : "#141719",200 : "#1D2124",300 : "#22272B",400 : "#2D3238",500 : "#515357",600 : "#98999B",700 : "#BCBDBF",800 : "#E8E9EA"}, shades: {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, -brown: {200 : "#33260F",300 : "#402F13",400 : "#6E5225",700 : "#D6BA87",800 : "#EFE5D1"}, +brown: {200 : "#493612",300 : "#5E4317",400 : "#6B5024",700 : "#EFE5D1",800 : "#F6F1E5"}, }; \ 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 1a92482d..1886c5d3 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 Thu, 01 Feb 2024 20:50:13 GMT + * Generated on Fri, 02 Feb 2024 20:01:56 GMT */ export const green: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; diff --git a/dist/tokens/native/core-light-colors.js b/dist/tokens/native/core-light-colors.js index 4fc45453..4acce2e3 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 Thu, 01 Feb 2024 20:50:13 GMT + * Generated on Fri, 02 Feb 2024 20:01:56 GMT */ module.exports = {green: {100 : "#FAFFFC",200 : "#EBF2EF",300 : "#D1E0D9",400 : "#B6CFC2",500 : "#86B09B",600 : "#307553",700 : "#275E43",800 : "#244C38"}, diff --git a/dist/tokens/native/themes/dark.d.ts b/dist/tokens/native/themes/dark.d.ts index 69ad6b4e..26556cde 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 Thu, 01 Feb 2024 20:50:13 GMT + * Generated on Fri, 02 Feb 2024 20:01:56 GMT */ export const theme: string; diff --git a/dist/tokens/native/themes/dark.js b/dist/tokens/native/themes/dark.js index 8affca7c..234ba6d9 100644 --- a/dist/tokens/native/themes/dark.js +++ b/dist/tokens/native/themes/dark.js @@ -1,25 +1,25 @@ /** * Do not edit directly - * Generated on Thu, 01 Feb 2024 20:50:13 GMT + * Generated on Fri, 02 Feb 2024 20:01:56 GMT */ module.exports = {theme: "dark", -text: {emphasis : "#E8E9EA",body : "#BCBDBF",subdued : "#98999B",onBackground : "#FFFFFF"}, -system: {textLabelEmphasis : "#FFFFFF",textBase : "#BCBDBF",textHover : "#E8E9EA",textActive : "#FFFFFF",backgroundBase : "#101012",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#1A1D21",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF",borderFocused : "#6597CE"}, -surface: {level0 : "#101012",level1 : "#101012",level2 : "#22272B",interactiveBackground : "#1A1D21",interactiveHover : "#22272B",interactiveActive : "#2D3238",overlayDark : "#22272B",overlayTheme : "#1A1D21",overlayBackdrop : "#1A1D21"}, -primary: {textBase : "#1A1D21",textHover : "#1A1D21",textActive : "#1A1D21",backgroundBase : "#E8E9EA",backgroundHover : "#FFFFFF",backgroundActive : "#FFFFFF",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#0C291E",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF"}, -success: {textBase : "#42AD86",textHover : "#86D6B9",textActive : "#DBFFF1",backgroundBase : "#288563",backgroundHover : "#42AD86",backgroundActive : "#86D6B9",backgroundMuted : "#0F3326",backgroundMutedHover : "#13402F",backgroundMutedActive : "#256E53",backgroundBox : "#0C291E",borderBase : "#256E53",borderHover : "#288563",borderActive : "#42AD86"}, +text: {emphasis : "#FFFFFF",body : "#BCBDBF",subdued : "#98999B",onBackground : "#FFFFFF"}, +system: {textLabelEmphasis : "#FFFFFF",textBase : "#BCBDBF",textHover : "#E8E9EA",textActive : "#FFFFFF",backgroundBase : "#141719",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#1D2124",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF",borderFocused : "#6597CE"}, +surface: {level0 : "#141719",level1 : "#141719",level2 : "#22272B",interactiveBackground : "#1D2124",interactiveHover : "#22272B",interactiveActive : "#2D3238",overlayDark : "#1D2124",overlayTheme : "#1D2124",overlayBackdrop : "#000000"}, +primary: {textBase : "#1D2124",textHover : "#1D2124",textActive : "#1D2124",backgroundBase : "#E8E9EA",backgroundHover : "#FFFFFF",backgroundActive : "#FFFFFF",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#0C291E",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF"}, +success: {textBase : "#42AD86",textHover : "#BFE8D9",textActive : "#F0FFF9",backgroundBase : "#288563",backgroundHover : "#42AD86",backgroundActive : "#BFE8D9",backgroundMuted : "#124935",backgroundMutedHover : "#1F5B45",backgroundMutedActive : "#206A4F",backgroundBox : "#0C291E",borderBase : "#206A4F",borderHover : "#288563",borderActive : "#42AD86"}, 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 : "#F0D1FF",backgroundBase : "#693B80",backgroundHover : "#865C99",backgroundActive : "#B990CC",backgroundMuted : "#291433",backgroundMutedHover : "#33193F",backgroundMutedActive : "#542F66",backgroundBox : "#200F29",borderBase : "#542F66",borderHover : "#693B80",borderActive : "#865C99"}, +warning: {textBase : "#CF7945",textHover : "#E7AA84",textActive : "#FFE3D1",backgroundBase : "#AD6234",backgroundHover : "#CF7945",backgroundActive : "#E7AA84",backgroundMuted : "#4A2915",backgroundMutedHover : "#63371C",backgroundMutedActive : "#8A4E29",backgroundBox : "#29170C",borderBase : "#8A4E29",borderHover : "#AD6234",borderActive : "#CF7945"}, +danger: {textBase : "#C74C6B",textHover : "#EA8AA3",textActive : "#FFD1DD",backgroundBase : "#B23655",backgroundHover : "#C74C6B",backgroundActive : "#EA8AA3",backgroundMuted : "#451522",backgroundMutedHover : "#5E1D2E",backgroundMutedActive : "#8F2843",backgroundBox : "#290F16",borderBase : "#8F2843",borderHover : "#B23655",borderActive : "#C74C6B"}, +highlight: {textBase : "#865C99",textHover : "#B990CC",textActive : "#F0D1FF",backgroundBase : "#693B80",backgroundHover : "#865C99",backgroundActive : "#B990CC",backgroundMuted : "#33193F",backgroundMutedHover : "#482359",backgroundMutedActive : "#542F66",backgroundBox : "#200F29",borderBase : "#542F66",borderHover : "#693B80",borderActive : "#865C99"}, disabled: {text : "#98999B",background : "#22272B",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 : "#515357"}, light: {backgroundBase : "#FFFFFF",backgroundContrast : "#515357",backgroundHover : "#E8E9EA",backgroundActive : "#E8E9EA",textBase : "#2D3238",linkMutedBase : "#E8E9EA",linkMutedHover : "#FFFFFF"}, shadow: {base : "#000000"}, -accent: { forest: { textBody: "#86D6B9", textEmphasis: "#DBFFF1", backgroundMuted0: "#0F3326", backgroundMuted1: "#13402F", backgroundMuted2: "#256E53" }, sand: { textBody: "#D6BA87", textEmphasis: "#EFE5D1", backgroundMuted0: "#33260F", backgroundMuted1: "#402F13", backgroundMuted2: "#6E5225" } }, +accent: { forest: { textBody: "#BFE8D9", textEmphasis: "#F0FFF9", backgroundMuted0: "#124935", backgroundMuted1: "#1F5B45", backgroundMuted2: "#206A4F" }, sand: { textBody: "#EFE5D1", textEmphasis: "#F6F1E5", backgroundMuted0: "#493612", backgroundMuted1: "#5E4317", backgroundMuted2: "#6B5024" } }, 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}, typography: { h1: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "32px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },h2: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "32px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },h3: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "24px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },h4: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "20px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },body: { fontFamily: "Mulish" ,fontWeight: 400 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },footnote: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "14px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },caption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "12px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },subcaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "10px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileH1: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "32px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },mobileH2: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "28px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },mobileH3: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "22px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },mobileH4: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "20px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileBody: { fontFamily: "Mulish" ,fontWeight: 400 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileFootnote: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "14px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileCaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "12px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileSubcaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "10px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" } },}; \ 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 abc1f3a4..46c33cfe 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 Thu, 01 Feb 2024 20:50:13 GMT + * Generated on Fri, 02 Feb 2024 20:01:56 GMT */ export const theme: string; diff --git a/dist/tokens/native/themes/emerson.js b/dist/tokens/native/themes/emerson.js index 55a6f189..d216b04c 100644 --- a/dist/tokens/native/themes/emerson.js +++ b/dist/tokens/native/themes/emerson.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Thu, 01 Feb 2024 20:50:13 GMT + * Generated on Fri, 02 Feb 2024 20:01:56 GMT */ module.exports = {theme: "emerson", diff --git a/dist/tokens/native/themes/light.d.ts b/dist/tokens/native/themes/light.d.ts index abc1f3a4..46c33cfe 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 Thu, 01 Feb 2024 20:50:13 GMT + * Generated on Fri, 02 Feb 2024 20:01:56 GMT */ export const theme: string; diff --git a/dist/tokens/native/themes/light.js b/dist/tokens/native/themes/light.js index 49c23d9b..157aa1a0 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 Thu, 01 Feb 2024 20:50:13 GMT + * Generated on Fri, 02 Feb 2024 20:01:56 GMT */ module.exports = {theme: "light", diff --git a/dist/tokens/native/themes/lightDS3.d.ts b/dist/tokens/native/themes/lightDS3.d.ts index abc1f3a4..46c33cfe 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 Thu, 01 Feb 2024 20:50:13 GMT + * Generated on Fri, 02 Feb 2024 20:01:56 GMT */ export const theme: string; diff --git a/dist/tokens/native/themes/lightDS3.js b/dist/tokens/native/themes/lightDS3.js index bfa02a25..7a5ebc7a 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 Thu, 01 Feb 2024 20:50:13 GMT + * Generated on Fri, 02 Feb 2024 20:01:56 GMT */ module.exports = {theme: "lightDS3", diff --git a/dist/tokens/native/typography.d.ts b/dist/tokens/native/typography.d.ts index a6122644..ba7cf42b 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 Thu, 01 Feb 2024 20:50:13 GMT + * Generated on Fri, 02 Feb 2024 20:01:56 GMT */ export const letterSpacingBase : number; diff --git a/dist/tokens/native/typography.js b/dist/tokens/native/typography.js index eec2842c..78481e32 100644 --- a/dist/tokens/native/typography.js +++ b/dist/tokens/native/typography.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Thu, 01 Feb 2024 20:50:13 GMT + * Generated on Fri, 02 Feb 2024 20:01:56 GMT */ module.exports = { diff --git a/dist/tokens/scss/borders.scss b/dist/tokens/scss/borders.scss index 4a648c92..a0a5c912 100644 --- a/dist/tokens/scss/borders.scss +++ b/dist/tokens/scss/borders.scss @@ -1,6 +1,6 @@ // Do not edit directly -// Generated on Thu, 01 Feb 2024 20:50:13 GMT +// Generated on Fri, 02 Feb 2024 20:01:56 GMT $radiusBase: 8px; $radiusCircle: 50%; diff --git a/dist/tokens/scss/core-dark-colors.scss b/dist/tokens/scss/core-dark-colors.scss index bbdbc224..b224854d 100644 --- a/dist/tokens/scss/core-dark-colors.scss +++ b/dist/tokens/scss/core-dark-colors.scss @@ -1,15 +1,15 @@ // Do not edit directly -// Generated on Thu, 01 Feb 2024 20:50:13 GMT +// Generated on Fri, 02 Feb 2024 20:01:56 GMT $green100: #0C291E; -$green200: #0F3326; -$green300: #13402F; -$green400: #256E53; +$green200: #124935; +$green300: #1F5B45; +$green400: #206A4F; $green500: #288563; $green600: #42AD86; -$green700: #86D6B9; -$green800: #DBFFF1; +$green700: #BFE8D9; +$green800: #F0FFF9; $blue100: #0C1B29; $blue200: #102337; $blue300: #142C45; @@ -19,31 +19,31 @@ $blue600: #6597CE; $blue700: #96BDE7; $blue800: #D1E8FF; $red100: #290F16; -$red200: #34101A; -$red300: #451522; +$red200: #451522; +$red300: #5E1D2E; $red400: #8F2843; $red500: #B23655; $red600: #C74C6B; $red700: #EA8AA3; $red800: #FFD1DD; $purple100: #200F29; -$purple200: #291433; -$purple300: #33193F; +$purple200: #33193F; +$purple300: #482359; $purple400: #542F66; $purple500: #693B80; $purple600: #865C99; $purple700: #B990CC; $purple800: #F0D1FF; $orange100: #29170C; -$orange200: #361D0E; -$orange300: #4A2915; +$orange200: #4A2915; +$orange300: #63371C; $orange400: #8A4E29; $orange500: #AD6234; $orange600: #CF7945; $orange700: #E7AA84; $orange800: #FFE3D1; -$grey100: #101012; -$grey200: #1A1D21; +$grey100: #141719; +$grey200: #1D2124; $grey300: #22272B; $grey400: #2D3238; $grey500: #515357; @@ -53,8 +53,8 @@ $grey800: #E8E9EA; $shadesWhite: #FFFFFF; $shadesBlack: #000000; $shadesTransparent: transparent; -$brown200: #33260F; -$brown300: #402F13; -$brown400: #6E5225; -$brown700: #D6BA87; -$brown800: #EFE5D1; \ No newline at end of file +$brown200: #493612; +$brown300: #5E4317; +$brown400: #6B5024; +$brown700: #EFE5D1; +$brown800: #F6F1E5; \ 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 1dca7e1b..8529af1f 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 Thu, 01 Feb 2024 20:50:13 GMT +// Generated on Fri, 02 Feb 2024 20:01:56 GMT $green100: #FAFFFC; $green200: #EBF2EF; diff --git a/dist/tokens/scss/themes/dark.scss b/dist/tokens/scss/themes/dark.scss index f424a153..a7936d09 100644 --- a/dist/tokens/scss/themes/dark.scss +++ b/dist/tokens/scss/themes/dark.scss @@ -1,8 +1,8 @@ // Do not edit directly -// Generated on Thu, 01 Feb 2024 20:50:13 GMT +// Generated on Fri, 02 Feb 2024 20:01:56 GMT -$textEmphasis: #E8E9EA; +$textEmphasis: #FFFFFF; $textBody: #BCBDBF; $textSubdued: #98999B; $textOnBackground: #FFFFFF; @@ -10,27 +10,27 @@ $systemTextLabelEmphasis: #FFFFFF; $systemTextBase: #BCBDBF; $systemTextHover: #E8E9EA; $systemTextActive: #FFFFFF; -$systemBackgroundBase: #101012; +$systemBackgroundBase: #141719; $systemBackgroundMuted: #22272B; $systemBackgroundMutedHover: #2D3238; $systemBackgroundMutedActive: #515357; -$systemBackgroundBox: #1A1D21; +$systemBackgroundBox: #1D2124; $systemBorderBase: #515357; $systemBorderHover: #98999B; $systemBorderActive: #BCBDBF; $systemBorderFocused: #6597CE; -$surfaceLevel0: #101012; -$surfaceLevel1: #101012; +$surfaceLevel0: #141719; +$surfaceLevel1: #141719; $surfaceLevel2: #22272B; -$surfaceInteractiveBackground: #1A1D21; +$surfaceInteractiveBackground: #1D2124; $surfaceInteractiveHover: #22272B; $surfaceInteractiveActive: #2D3238; -$surfaceOverlayDark: #22272B; -$surfaceOverlayTheme: #1A1D21; -$surfaceOverlayBackdrop: #1A1D21; -$primaryTextBase: #1A1D21; -$primaryTextHover: #1A1D21; -$primaryTextActive: #1A1D21; +$surfaceOverlayDark: #1D2124; +$surfaceOverlayTheme: #1D2124; +$surfaceOverlayBackdrop: #000000; +$primaryTextBase: #1D2124; +$primaryTextHover: #1D2124; +$primaryTextActive: #1D2124; $primaryBackgroundBase: #E8E9EA; $primaryBackgroundHover: #FFFFFF; $primaryBackgroundActive: #FFFFFF; @@ -42,16 +42,16 @@ $primaryBorderBase: #515357; $primaryBorderHover: #98999B; $primaryBorderActive: #BCBDBF; $successTextBase: #42AD86; -$successTextHover: #86D6B9; -$successTextActive: #DBFFF1; +$successTextHover: #BFE8D9; +$successTextActive: #F0FFF9; $successBackgroundBase: #288563; $successBackgroundHover: #42AD86; -$successBackgroundActive: #86D6B9; -$successBackgroundMuted: #0F3326; -$successBackgroundMutedHover: #13402F; -$successBackgroundMutedActive: #256E53; +$successBackgroundActive: #BFE8D9; +$successBackgroundMuted: #124935; +$successBackgroundMutedHover: #1F5B45; +$successBackgroundMutedActive: #206A4F; $successBackgroundBox: #0C291E; -$successBorderBase: #256E53; +$successBorderBase: #206A4F; $successBorderHover: #288563; $successBorderActive: #42AD86; $infoTextBase: #6597CE; @@ -73,8 +73,8 @@ $warningTextActive: #FFE3D1; $warningBackgroundBase: #AD6234; $warningBackgroundHover: #CF7945; $warningBackgroundActive: #E7AA84; -$warningBackgroundMuted: #361D0E; -$warningBackgroundMutedHover: #4A2915; +$warningBackgroundMuted: #4A2915; +$warningBackgroundMutedHover: #63371C; $warningBackgroundMutedActive: #8A4E29; $warningBackgroundBox: #29170C; $warningBorderBase: #8A4E29; @@ -86,8 +86,8 @@ $dangerTextActive: #FFD1DD; $dangerBackgroundBase: #B23655; $dangerBackgroundHover: #C74C6B; $dangerBackgroundActive: #EA8AA3; -$dangerBackgroundMuted: #34101A; -$dangerBackgroundMutedHover: #451522; +$dangerBackgroundMuted: #451522; +$dangerBackgroundMutedHover: #5E1D2E; $dangerBackgroundMutedActive: #8F2843; $dangerBackgroundBox: #290F16; $dangerBorderBase: #8F2843; @@ -99,8 +99,8 @@ $highlightTextActive: #F0D1FF; $highlightBackgroundBase: #693B80; $highlightBackgroundHover: #865C99; $highlightBackgroundActive: #B990CC; -$highlightBackgroundMuted: #291433; -$highlightBackgroundMutedHover: #33193F; +$highlightBackgroundMuted: #33193F; +$highlightBackgroundMutedHover: #482359; $highlightBackgroundMutedActive: #542F66; $highlightBackgroundBox: #200F29; $highlightBorderBase: #542F66; @@ -139,13 +139,13 @@ $lightTextBase: #2D3238; $lightLinkMutedBase: #E8E9EA; $lightLinkMutedHover: #FFFFFF; $shadowBase: #000000; -$accentForestTextBody: #86D6B9; -$accentForestTextEmphasis: #DBFFF1; -$accentForestBackgroundMuted0: #0F3326; -$accentForestBackgroundMuted1: #13402F; -$accentForestBackgroundMuted2: #256E53; -$accentSandTextBody: #D6BA87; -$accentSandTextEmphasis: #EFE5D1; -$accentSandBackgroundMuted0: #33260F; -$accentSandBackgroundMuted1: #402F13; -$accentSandBackgroundMuted2: #6E5225; \ No newline at end of file +$accentForestTextBody: #BFE8D9; +$accentForestTextEmphasis: #F0FFF9; +$accentForestBackgroundMuted0: #124935; +$accentForestBackgroundMuted1: #1F5B45; +$accentForestBackgroundMuted2: #206A4F; +$accentSandTextBody: #EFE5D1; +$accentSandTextEmphasis: #F6F1E5; +$accentSandBackgroundMuted0: #493612; +$accentSandBackgroundMuted1: #5E4317; +$accentSandBackgroundMuted2: #6B5024; \ No newline at end of file diff --git a/dist/tokens/scss/themes/emerson.scss b/dist/tokens/scss/themes/emerson.scss index 48bc8e12..dca50b6c 100644 --- a/dist/tokens/scss/themes/emerson.scss +++ b/dist/tokens/scss/themes/emerson.scss @@ -1,6 +1,6 @@ // Do not edit directly -// Generated on Thu, 01 Feb 2024 20:50:13 GMT +// Generated on Fri, 02 Feb 2024 20:01:56 GMT $textEmphasis: #36485C; $textBody: #475A70; diff --git a/dist/tokens/scss/themes/light.scss b/dist/tokens/scss/themes/light.scss index 657b9a46..ec442ca9 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 Thu, 01 Feb 2024 20:50:13 GMT +// Generated on Fri, 02 Feb 2024 20:01:56 GMT $textEmphasis: #2E3A47; $textBody: #36485C; diff --git a/dist/tokens/scss/themes/lightDS3.scss b/dist/tokens/scss/themes/lightDS3.scss index 179d9d2f..be4a7089 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 Thu, 01 Feb 2024 20:50:13 GMT +// Generated on Fri, 02 Feb 2024 20:01:56 GMT $textEmphasis: #36485C; $textBody: #475A70; diff --git a/dist/tokens/scss/typography.scss b/dist/tokens/scss/typography.scss index 43992620..a38da0e2 100644 --- a/dist/tokens/scss/typography.scss +++ b/dist/tokens/scss/typography.scss @@ -1,6 +1,6 @@ // Do not edit directly -// Generated on Thu, 01 Feb 2024 20:50:13 GMT +// Generated on Fri, 02 Feb 2024 20:01:56 GMT $letterSpacingBase: 0; $paragraphSpacingBase: 0; diff --git a/dist/tokens/ts/borders.d.ts b/dist/tokens/ts/borders.d.ts index f5fdc2bc..b24d1702 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 Thu, 01 Feb 2024 20:50:13 GMT + * Generated on Fri, 02 Feb 2024 20:01:56 GMT */ export const radiusBase : string; diff --git a/dist/tokens/ts/borders.js b/dist/tokens/ts/borders.js index 8f8fd1cf..b499e042 100644 --- a/dist/tokens/ts/borders.js +++ b/dist/tokens/ts/borders.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Thu, 01 Feb 2024 20:50:13 GMT + * Generated on Fri, 02 Feb 2024 20:01:56 GMT */ module.exports = { diff --git a/dist/tokens/ts/core-dark-colors.d.ts b/dist/tokens/ts/core-dark-colors.d.ts index c4cc9fe0..501bc836 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 Thu, 01 Feb 2024 20:50:13 GMT + * Generated on Fri, 02 Feb 2024 20:01:56 GMT */ export const green: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; diff --git a/dist/tokens/ts/core-dark-colors.js b/dist/tokens/ts/core-dark-colors.js index 4b1734ab..8dbebcbc 100644 --- a/dist/tokens/ts/core-dark-colors.js +++ b/dist/tokens/ts/core-dark-colors.js @@ -1,14 +1,14 @@ /** * Do not edit directly - * Generated on Thu, 01 Feb 2024 20:50:13 GMT + * Generated on Fri, 02 Feb 2024 20:01:56 GMT */ -module.exports = {green: {100 : "#0C291E",200 : "#0F3326",300 : "#13402F",400 : "#256E53",500 : "#288563",600 : "#42AD86",700 : "#86D6B9",800 : "#DBFFF1"}, +module.exports = {green: {100 : "#0C291E",200 : "#124935",300 : "#1F5B45",400 : "#206A4F",500 : "#288563",600 : "#42AD86",700 : "#BFE8D9",800 : "#F0FFF9"}, 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 : "#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"}, +red: {100 : "#290F16",200 : "#451522",300 : "#5E1D2E",400 : "#8F2843",500 : "#B23655",600 : "#C74C6B",700 : "#EA8AA3",800 : "#FFD1DD"}, +purple: {100 : "#200F29",200 : "#33193F",300 : "#482359",400 : "#542F66",500 : "#693B80",600 : "#865C99",700 : "#B990CC",800 : "#F0D1FF"}, +orange: {100 : "#29170C",200 : "#4A2915",300 : "#63371C",400 : "#8A4E29",500 : "#AD6234",600 : "#CF7945",700 : "#E7AA84",800 : "#FFE3D1"}, +grey: {100 : "#141719",200 : "#1D2124",300 : "#22272B",400 : "#2D3238",500 : "#515357",600 : "#98999B",700 : "#BCBDBF",800 : "#E8E9EA"}, shades: {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, -brown: {200 : "#33260F",300 : "#402F13",400 : "#6E5225",700 : "#D6BA87",800 : "#EFE5D1"}, +brown: {200 : "#493612",300 : "#5E4317",400 : "#6B5024",700 : "#EFE5D1",800 : "#F6F1E5"}, }; \ 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 1a92482d..1886c5d3 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 Thu, 01 Feb 2024 20:50:13 GMT + * Generated on Fri, 02 Feb 2024 20:01:56 GMT */ export const green: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; diff --git a/dist/tokens/ts/core-light-colors.js b/dist/tokens/ts/core-light-colors.js index 4fc45453..4acce2e3 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 Thu, 01 Feb 2024 20:50:13 GMT + * Generated on Fri, 02 Feb 2024 20:01:56 GMT */ module.exports = {green: {100 : "#FAFFFC",200 : "#EBF2EF",300 : "#D1E0D9",400 : "#B6CFC2",500 : "#86B09B",600 : "#307553",700 : "#275E43",800 : "#244C38"}, diff --git a/dist/tokens/ts/dimensions.d.ts b/dist/tokens/ts/dimensions.d.ts index cee66916..23ed80c3 100644 --- a/dist/tokens/ts/dimensions.d.ts +++ b/dist/tokens/ts/dimensions.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Thu, 01 Feb 2024 20:50:13 GMT + * Generated on Fri, 02 Feb 2024 20:01:56 GMT */ export const contentAreaMax : string; \ No newline at end of file diff --git a/dist/tokens/ts/dimensions.js b/dist/tokens/ts/dimensions.js index 2c5080fb..213c6fcc 100644 --- a/dist/tokens/ts/dimensions.js +++ b/dist/tokens/ts/dimensions.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Thu, 01 Feb 2024 20:50:13 GMT + * Generated on Fri, 02 Feb 2024 20:01:56 GMT */ module.exports = { diff --git a/dist/tokens/ts/themes/dark.d.ts b/dist/tokens/ts/themes/dark.d.ts index 69ad6b4e..26556cde 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 Thu, 01 Feb 2024 20:50:13 GMT + * Generated on Fri, 02 Feb 2024 20:01:56 GMT */ export const theme: string; diff --git a/dist/tokens/ts/themes/dark.js b/dist/tokens/ts/themes/dark.js index 8affca7c..234ba6d9 100644 --- a/dist/tokens/ts/themes/dark.js +++ b/dist/tokens/ts/themes/dark.js @@ -1,25 +1,25 @@ /** * Do not edit directly - * Generated on Thu, 01 Feb 2024 20:50:13 GMT + * Generated on Fri, 02 Feb 2024 20:01:56 GMT */ module.exports = {theme: "dark", -text: {emphasis : "#E8E9EA",body : "#BCBDBF",subdued : "#98999B",onBackground : "#FFFFFF"}, -system: {textLabelEmphasis : "#FFFFFF",textBase : "#BCBDBF",textHover : "#E8E9EA",textActive : "#FFFFFF",backgroundBase : "#101012",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#1A1D21",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF",borderFocused : "#6597CE"}, -surface: {level0 : "#101012",level1 : "#101012",level2 : "#22272B",interactiveBackground : "#1A1D21",interactiveHover : "#22272B",interactiveActive : "#2D3238",overlayDark : "#22272B",overlayTheme : "#1A1D21",overlayBackdrop : "#1A1D21"}, -primary: {textBase : "#1A1D21",textHover : "#1A1D21",textActive : "#1A1D21",backgroundBase : "#E8E9EA",backgroundHover : "#FFFFFF",backgroundActive : "#FFFFFF",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#0C291E",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF"}, -success: {textBase : "#42AD86",textHover : "#86D6B9",textActive : "#DBFFF1",backgroundBase : "#288563",backgroundHover : "#42AD86",backgroundActive : "#86D6B9",backgroundMuted : "#0F3326",backgroundMutedHover : "#13402F",backgroundMutedActive : "#256E53",backgroundBox : "#0C291E",borderBase : "#256E53",borderHover : "#288563",borderActive : "#42AD86"}, +text: {emphasis : "#FFFFFF",body : "#BCBDBF",subdued : "#98999B",onBackground : "#FFFFFF"}, +system: {textLabelEmphasis : "#FFFFFF",textBase : "#BCBDBF",textHover : "#E8E9EA",textActive : "#FFFFFF",backgroundBase : "#141719",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#1D2124",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF",borderFocused : "#6597CE"}, +surface: {level0 : "#141719",level1 : "#141719",level2 : "#22272B",interactiveBackground : "#1D2124",interactiveHover : "#22272B",interactiveActive : "#2D3238",overlayDark : "#1D2124",overlayTheme : "#1D2124",overlayBackdrop : "#000000"}, +primary: {textBase : "#1D2124",textHover : "#1D2124",textActive : "#1D2124",backgroundBase : "#E8E9EA",backgroundHover : "#FFFFFF",backgroundActive : "#FFFFFF",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#0C291E",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF"}, +success: {textBase : "#42AD86",textHover : "#BFE8D9",textActive : "#F0FFF9",backgroundBase : "#288563",backgroundHover : "#42AD86",backgroundActive : "#BFE8D9",backgroundMuted : "#124935",backgroundMutedHover : "#1F5B45",backgroundMutedActive : "#206A4F",backgroundBox : "#0C291E",borderBase : "#206A4F",borderHover : "#288563",borderActive : "#42AD86"}, 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 : "#F0D1FF",backgroundBase : "#693B80",backgroundHover : "#865C99",backgroundActive : "#B990CC",backgroundMuted : "#291433",backgroundMutedHover : "#33193F",backgroundMutedActive : "#542F66",backgroundBox : "#200F29",borderBase : "#542F66",borderHover : "#693B80",borderActive : "#865C99"}, +warning: {textBase : "#CF7945",textHover : "#E7AA84",textActive : "#FFE3D1",backgroundBase : "#AD6234",backgroundHover : "#CF7945",backgroundActive : "#E7AA84",backgroundMuted : "#4A2915",backgroundMutedHover : "#63371C",backgroundMutedActive : "#8A4E29",backgroundBox : "#29170C",borderBase : "#8A4E29",borderHover : "#AD6234",borderActive : "#CF7945"}, +danger: {textBase : "#C74C6B",textHover : "#EA8AA3",textActive : "#FFD1DD",backgroundBase : "#B23655",backgroundHover : "#C74C6B",backgroundActive : "#EA8AA3",backgroundMuted : "#451522",backgroundMutedHover : "#5E1D2E",backgroundMutedActive : "#8F2843",backgroundBox : "#290F16",borderBase : "#8F2843",borderHover : "#B23655",borderActive : "#C74C6B"}, +highlight: {textBase : "#865C99",textHover : "#B990CC",textActive : "#F0D1FF",backgroundBase : "#693B80",backgroundHover : "#865C99",backgroundActive : "#B990CC",backgroundMuted : "#33193F",backgroundMutedHover : "#482359",backgroundMutedActive : "#542F66",backgroundBox : "#200F29",borderBase : "#542F66",borderHover : "#693B80",borderActive : "#865C99"}, disabled: {text : "#98999B",background : "#22272B",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 : "#515357"}, light: {backgroundBase : "#FFFFFF",backgroundContrast : "#515357",backgroundHover : "#E8E9EA",backgroundActive : "#E8E9EA",textBase : "#2D3238",linkMutedBase : "#E8E9EA",linkMutedHover : "#FFFFFF"}, shadow: {base : "#000000"}, -accent: { forest: { textBody: "#86D6B9", textEmphasis: "#DBFFF1", backgroundMuted0: "#0F3326", backgroundMuted1: "#13402F", backgroundMuted2: "#256E53" }, sand: { textBody: "#D6BA87", textEmphasis: "#EFE5D1", backgroundMuted0: "#33260F", backgroundMuted1: "#402F13", backgroundMuted2: "#6E5225" } }, +accent: { forest: { textBody: "#BFE8D9", textEmphasis: "#F0FFF9", backgroundMuted0: "#124935", backgroundMuted1: "#1F5B45", backgroundMuted2: "#206A4F" }, sand: { textBody: "#EFE5D1", textEmphasis: "#F6F1E5", backgroundMuted0: "#493612", backgroundMuted1: "#5E4317", backgroundMuted2: "#6B5024" } }, 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}, typography: { h1: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "32px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },h2: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "32px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },h3: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "24px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },h4: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "20px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },body: { fontFamily: "Mulish" ,fontWeight: 400 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },footnote: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "14px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },caption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "12px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },subcaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "10px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileH1: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "32px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },mobileH2: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "28px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },mobileH3: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "22px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },mobileH4: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "20px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileBody: { fontFamily: "Mulish" ,fontWeight: 400 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileFootnote: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "14px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileCaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "12px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileSubcaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "10px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" } },}; \ 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 abc1f3a4..46c33cfe 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 Thu, 01 Feb 2024 20:50:13 GMT + * Generated on Fri, 02 Feb 2024 20:01:56 GMT */ export const theme: string; diff --git a/dist/tokens/ts/themes/emerson.js b/dist/tokens/ts/themes/emerson.js index 55a6f189..d216b04c 100644 --- a/dist/tokens/ts/themes/emerson.js +++ b/dist/tokens/ts/themes/emerson.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Thu, 01 Feb 2024 20:50:13 GMT + * Generated on Fri, 02 Feb 2024 20:01:56 GMT */ module.exports = {theme: "emerson", diff --git a/dist/tokens/ts/themes/light.d.ts b/dist/tokens/ts/themes/light.d.ts index abc1f3a4..46c33cfe 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 Thu, 01 Feb 2024 20:50:13 GMT + * Generated on Fri, 02 Feb 2024 20:01:56 GMT */ export const theme: string; diff --git a/dist/tokens/ts/themes/light.js b/dist/tokens/ts/themes/light.js index 49c23d9b..157aa1a0 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 Thu, 01 Feb 2024 20:50:13 GMT + * Generated on Fri, 02 Feb 2024 20:01:56 GMT */ module.exports = {theme: "light", diff --git a/dist/tokens/ts/themes/lightDS3.d.ts b/dist/tokens/ts/themes/lightDS3.d.ts index abc1f3a4..46c33cfe 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 Thu, 01 Feb 2024 20:50:13 GMT + * Generated on Fri, 02 Feb 2024 20:01:56 GMT */ export const theme: string; diff --git a/dist/tokens/ts/themes/lightDS3.js b/dist/tokens/ts/themes/lightDS3.js index bfa02a25..7a5ebc7a 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 Thu, 01 Feb 2024 20:50:13 GMT + * Generated on Fri, 02 Feb 2024 20:01:56 GMT */ module.exports = {theme: "lightDS3", diff --git a/dist/tokens/ts/typography.d.ts b/dist/tokens/ts/typography.d.ts index 3d8655a7..f1ca8f92 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 Thu, 01 Feb 2024 20:50:13 GMT + * Generated on Fri, 02 Feb 2024 20:01:56 GMT */ export const letterSpacingBase : number; diff --git a/dist/tokens/ts/typography.js b/dist/tokens/ts/typography.js index 9174f961..e4ecd227 100644 --- a/dist/tokens/ts/typography.js +++ b/dist/tokens/ts/typography.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Thu, 01 Feb 2024 20:50:13 GMT + * Generated on Fri, 02 Feb 2024 20:01:56 GMT */ module.exports = { diff --git a/src/data/$themes.json b/src/data/$themes.json index 0f33810b..99efbd05 100644 --- a/src/data/$themes.json +++ b/src/data/$themes.json @@ -620,4 +620,4 @@ }, "group": "theme-colours" } -] +] \ No newline at end of file diff --git a/src/data/core-dark.json b/src/data/core-dark.json index 616e6c09..d22847aa 100644 --- a/src/data/core-dark.json +++ b/src/data/core-dark.json @@ -6,15 +6,15 @@ "type": "color" }, "200": { - "value": "#0F3326", + "value": "#124935", "type": "color" }, "300": { - "value": "#13402F", + "value": "#1F5B45", "type": "color" }, "400": { - "value": "#256E53", + "value": "#206A4F", "type": "color" }, "500": { @@ -26,11 +26,11 @@ "type": "color" }, "700": { - "value": "#86D6B9", + "value": "#BFE8D9", "type": "color" }, "800": { - "value": "#DBFFF1", + "value": "#F0FFF9", "type": "color" } }, @@ -74,11 +74,11 @@ "type": "color" }, "200": { - "value": "#34101A", + "value": "#451522", "type": "color" }, "300": { - "value": "#451522", + "value": "#5E1D2E", "type": "color" }, "400": { @@ -108,11 +108,11 @@ "type": "color" }, "200": { - "value": "#291433", + "value": "#33193F", "type": "color" }, "300": { - "value": "#33193F", + "value": "#482359", "type": "color" }, "400": { @@ -142,11 +142,11 @@ "type": "color" }, "200": { - "value": "#361D0E", + "value": "#4A2915", "type": "color" }, "300": { - "value": "#4A2915", + "value": "#63371C", "type": "color" }, "400": { @@ -172,11 +172,11 @@ }, "grey": { "100": { - "value": "#101012", + "value": "#141719", "type": "color" }, "200": { - "value": "#1A1D21", + "value": "#1D2124", "type": "color" }, "300": { @@ -220,23 +220,23 @@ }, "brown": { "200": { - "value": "#33260F", + "value": "#493612", "type": "color" }, "300": { - "value": "#402F13", + "value": "#5E4317", "type": "color" }, "400": { - "value": "#6E5225", + "value": "#6B5024", "type": "color" }, "700": { - "value": "#D6BA87", + "value": "#EFE5D1", "type": "color" }, "800": { - "value": "#EFE5D1", + "value": "#F6F1E5", "type": "color" } } diff --git a/src/data/primitives.json b/src/data/primitives.json index 5b0d149d..5a01675b 100644 --- a/src/data/primitives.json +++ b/src/data/primitives.json @@ -164,4 +164,4 @@ } } } -} +} \ No newline at end of file diff --git a/src/data/themes/dark.json b/src/data/themes/dark.json index df13bc08..90229858 100644 --- a/src/data/themes/dark.json +++ b/src/data/themes/dark.json @@ -2,7 +2,7 @@ "colors": { "text": { "emphasis": { - "value": "{colors.grey.800}", + "value": "{colors.shades.white}", "type": "color", "description": "Used for any text content and icons used with text that needs emphasizing" }, @@ -130,7 +130,7 @@ }, "overlay": { "dark": { - "value": "{colors.grey.300}", + "value": "{colors.grey.200}", "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": "{colors.grey.200}", + "value": "{colors.shades.black}", "type": "color", "description": "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" } diff --git a/src/data/themes/lightDS3.json b/src/data/themes/lightDS3.json index 020c7170..7b9960e6 100644 --- a/src/data/themes/lightDS3.json +++ b/src/data/themes/lightDS3.json @@ -1050,4 +1050,4 @@ } } } -} +} \ No newline at end of file diff --git a/src/transformed/transformed-core-dark.json b/src/transformed/transformed-core-dark.json index 616e6c09..d22847aa 100644 --- a/src/transformed/transformed-core-dark.json +++ b/src/transformed/transformed-core-dark.json @@ -6,15 +6,15 @@ "type": "color" }, "200": { - "value": "#0F3326", + "value": "#124935", "type": "color" }, "300": { - "value": "#13402F", + "value": "#1F5B45", "type": "color" }, "400": { - "value": "#256E53", + "value": "#206A4F", "type": "color" }, "500": { @@ -26,11 +26,11 @@ "type": "color" }, "700": { - "value": "#86D6B9", + "value": "#BFE8D9", "type": "color" }, "800": { - "value": "#DBFFF1", + "value": "#F0FFF9", "type": "color" } }, @@ -74,11 +74,11 @@ "type": "color" }, "200": { - "value": "#34101A", + "value": "#451522", "type": "color" }, "300": { - "value": "#451522", + "value": "#5E1D2E", "type": "color" }, "400": { @@ -108,11 +108,11 @@ "type": "color" }, "200": { - "value": "#291433", + "value": "#33193F", "type": "color" }, "300": { - "value": "#33193F", + "value": "#482359", "type": "color" }, "400": { @@ -142,11 +142,11 @@ "type": "color" }, "200": { - "value": "#361D0E", + "value": "#4A2915", "type": "color" }, "300": { - "value": "#4A2915", + "value": "#63371C", "type": "color" }, "400": { @@ -172,11 +172,11 @@ }, "grey": { "100": { - "value": "#101012", + "value": "#141719", "type": "color" }, "200": { - "value": "#1A1D21", + "value": "#1D2124", "type": "color" }, "300": { @@ -220,23 +220,23 @@ }, "brown": { "200": { - "value": "#33260F", + "value": "#493612", "type": "color" }, "300": { - "value": "#402F13", + "value": "#5E4317", "type": "color" }, "400": { - "value": "#6E5225", + "value": "#6B5024", "type": "color" }, "700": { - "value": "#D6BA87", + "value": "#EFE5D1", "type": "color" }, "800": { - "value": "#EFE5D1", + "value": "#F6F1E5", "type": "color" } } diff --git a/src/transformed/transformed-dark.json b/src/transformed/transformed-dark.json index 664222ee..0ac95520 100644 --- a/src/transformed/transformed-dark.json +++ b/src/transformed/transformed-dark.json @@ -2,7 +2,7 @@ "colors": { "text": { "emphasis": { - "value": "#E8E9EA", + "value": "#FFFFFF", "type": "color", "description": "Used for any text content and icons used with text that needs emphasizing" }, @@ -47,7 +47,7 @@ }, "background": { "base": { - "value": "#101012", + "value": "#141719", "type": "color", "description": "Used as the background for system components" }, @@ -67,7 +67,7 @@ "description": "Used as the pressed muted background for system components" }, "box": { - "value": "#1A1D21", + "value": "#1D2124", "type": "color", "description": "Used as a background colour for a system container like Box or Message" } @@ -97,12 +97,12 @@ }, "surface": { "level0": { - "value": "#101012", + "value": "#141719", "type": "color", "description": "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" }, "level1": { - "value": "#101012", + "value": "#141719", "type": "color", "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." }, @@ -113,7 +113,7 @@ }, "interactive": { "background": { - "value": "#1A1D21", + "value": "#1D2124", "type": "color", "description": "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" }, @@ -130,17 +130,17 @@ }, "overlay": { "dark": { - "value": "#22272B", + "value": "#1D2124", "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" }, "theme": { - "value": "#1A1D21", + "value": "#1D2124", "type": "color", "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": "#000000", "type": "color", "description": "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" } @@ -149,17 +149,17 @@ "primary": { "text": { "base": { - "value": "#1A1D21", + "value": "#1D2124", "type": "color", "description": "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" }, "hover": { - "value": "#1A1D21", + "value": "#1D2124", "type": "color", "description": "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" }, "active": { - "value": "#1A1D21", + "value": "#1D2124", "type": "color", "description": "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" } @@ -227,12 +227,12 @@ "description": "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" }, "hover": { - "value": "#86D6B9", + "value": "#BFE8D9", "type": "color", "description": "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" }, "active": { - "value": "#DBFFF1", + "value": "#F0FFF9", "type": "color", "description": "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" } @@ -249,22 +249,22 @@ "description": "Description to come." }, "active": { - "value": "#86D6B9", + "value": "#BFE8D9", "type": "color", "description": "Description to come." }, "muted": { - "value": "#0F3326", + "value": "#124935", "type": "color", "description": "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast." }, "mutedHover": { - "value": "#13402F", + "value": "#1F5B45", "type": "color", "description": "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" }, "mutedActive": { - "value": "#256E53", + "value": "#206A4F", "type": "color", "description": "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" }, @@ -276,7 +276,7 @@ }, "border": { "base": { - "value": "#256E53", + "value": "#206A4F", "type": "color", "description": "Used for the border colour for successful intention versions of components such as buttons and Message" }, @@ -400,12 +400,12 @@ "description": "Used as the pressed background for warning components such as plain buttons" }, "muted": { - "value": "#361D0E", + "value": "#4A2915", "type": "color", "description": "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" }, "mutedHover": { - "value": "#4A2915", + "value": "#63371C", "type": "color", "description": "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" }, @@ -473,12 +473,12 @@ "description": "Used as the pressed background for danger components such as plain buttons" }, "muted": { - "value": "#34101A", + "value": "#451522", "type": "color", "description": "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" }, "mutedHover": { - "value": "#451522", + "value": "#5E1D2E", "type": "color", "description": "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" }, @@ -546,12 +546,12 @@ "description": "Used as the pressed background for highlight components such as plain buttons" }, "muted": { - "value": "#291433", + "value": "#33193F", "type": "color", "description": "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" }, "mutedHover": { - "value": "#33193F", + "value": "#482359", "type": "color", "description": "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" }, @@ -776,25 +776,25 @@ "forest": { "text": { "body": { - "value": "#86D6B9", + "value": "#BFE8D9", "type": "color" }, "emphasis": { - "value": "#DBFFF1", + "value": "#F0FFF9", "type": "color" } }, "background": { "muted0": { - "value": "#0F3326", + "value": "#124935", "type": "color" }, "muted1": { - "value": "#13402F", + "value": "#1F5B45", "type": "color" }, "muted2": { - "value": "#256E53", + "value": "#206A4F", "type": "color" } } @@ -802,25 +802,25 @@ "sand": { "text": { "body": { - "value": "#D6BA87", + "value": "#EFE5D1", "type": "color" }, "emphasis": { - "value": "#EFE5D1", + "value": "#F6F1E5", "type": "color" } }, "background": { "muted0": { - "value": "#33260F", + "value": "#493612", "type": "color" }, "muted1": { - "value": "#402F13", + "value": "#5E4317", "type": "color" }, "muted2": { - "value": "#6E5225", + "value": "#6B5024", "type": "color" } }