diff --git a/src/style-dictionary-dist/TerrawareTheme.ts b/src/style-dictionary-dist/TerrawareTheme.ts index e67330592..6ee403ef0 100644 --- a/src/style-dictionary-dist/TerrawareTheme.ts +++ b/src/style-dictionary-dist/TerrawareTheme.ts @@ -180,6 +180,8 @@ declare module '@mui/material/styles/createPalette' { TwClrBgAccent?: React.CSSProperties['color']; TwClrTxtAccent?: React.CSSProperties['color']; TwClrTxtOnAccent?: React.CSSProperties['color']; + TwClrBgAccentAux?: React.CSSProperties['color']; + TwClrTxtAccentAux?: React.CSSProperties['color']; } export interface PaletteOptions { @@ -363,6 +365,8 @@ declare module '@mui/material/styles/createPalette' { TwClrBgAccent?: React.CSSProperties['color']; TwClrTxtAccent?: React.CSSProperties['color']; TwClrTxtOnAccent?: React.CSSProperties['color']; + TwClrBgAccentAux?: React.CSSProperties['color']; + TwClrTxtAccentAux?: React.CSSProperties['color']; } } @@ -551,7 +555,9 @@ const TerrawareTheme: ThemeDictionary = { 'TwClrTxtWarning': '#A36A2D', 'TwClrBgAccent': '#EF7047', 'TwClrTxtAccent': '#EF7047', - 'TwClrTxtOnAccent': '#FFFFFF' + 'TwClrTxtOnAccent': '#FFFFFF', + 'TwClrBgAccentAux': '#7473BA', + 'TwClrTxtAccentAux': '#7473BA' } }; diff --git a/src/style-dictionary-dist/terraware.scss b/src/style-dictionary-dist/terraware.scss index 1a87e705f..ac83bc9ce 100644 --- a/src/style-dictionary-dist/terraware.scss +++ b/src/style-dictionary-dist/terraware.scss @@ -210,6 +210,8 @@ $tw-clr-txt-warning: #A36A2D; $tw-clr-bg-accent: #EF7047; $tw-clr-txt-accent: #EF7047; $tw-clr-txt-on-accent: #FFFFFF; +$tw-clr-bg-accent-aux: #7473BA; +$tw-clr-txt-accent-aux: #7473BA; $tw-elvtn-base-200: 0 2px 4px 0 rgba(51, 48, 37, 0.2); $tw-elvtn-base-400: 0 4px 8px 0 rgba(51, 48, 37, 0.2); $tw-elvtn-base-600: 0 8px 16px 0 rgba(51, 48, 37, 0.2); diff --git a/style-dictionary/json/colors-semantic.json b/style-dictionary/json/colors-semantic.json index c0cda4378..0df70f2dd 100644 --- a/style-dictionary/json/colors-semantic.json +++ b/style-dictionary/json/colors-semantic.json @@ -1 +1 @@ -{"tw-clr-bg":{"value":"{tw-clr-base-white.value}"},"tw-clr-bg-active":{"value":"{tw-clr-base-gray-050.value}"},"tw-clr-bg-ghost":{"value":"rgba({tw-clr-base-white.value}, 0)"},"tw-clr-bg-ghost-active":{"value":"rgba({tw-clr-base-gray-300.value}, 0.4)"},"tw-clr-bg-ghost-hover":{"value":"rgba({tw-clr-base-gray-300.value}, 0.2)"},"tw-clr-bg-hover":{"value":"{tw-clr-base-gray-025.value}"},"tw-clr-bg-inverse":{"value":"{tw-clr-txt.value}"},"tw-clr-bg-secondary":{"value":"{tw-clr-base-gray-050.value}"},"tw-clr-bg-secondary-active":{"value":"{tw-clr-base-gray-100.value}"},"tw-clr-bg-secondary-hover":{"value":"{tw-clr-base-gray-075.value}"},"tw-clr-bg-tertiary":{"value":"{tw-clr-base-gray-200.value}"},"tw-clr-bg-tertiary-active":{"value":"{tw-clr-base-gray-300.value}"},"tw-clr-bg-tertiary-hover":{"value":"linear-gradient(rgba({tw-clr-base-gray-300.value}, 0.5), rgba({tw-clr-base-gray-300.value}, 0.5)), linear-gradient({tw-clr-base-gray-200.value}, {tw-clr-base-gray-200.value})"},"tw-clr-brdr":{"value":"{tw-clr-base-gray-800.value}"},"tw-clr-brdr-active":{"value":"mix({tw-clr-base-blue-600.value}, {tw-clr-base-blue-500.value}, 50%)"},"tw-clr-brdr-focus":{"value":"{tw-clr-base-blue-600.value}"},"tw-clr-brdr-hover":{"value":"{tw-clr-base-blue-500.value}"},"tw-clr-brdr-secondary":{"value":"{tw-clr-base-gray-500.value}"},"tw-clr-brdr-tertiary":{"value":"{tw-clr-base-gray-300.value}"},"tw-clr-icn":{"value":"{tw-clr-base-gray-800.value}"},"tw-clr-icn-inverse":{"value":"{tw-clr-bg.value}"},"tw-clr-icn-secondary":{"value":"{tw-clr-base-gray-500.value}"},"tw-clr-shdw":{"value":"{tw-clr-base-gray-800.value}"},"tw-clr-txt":{"value":"{tw-clr-base-gray-800.value}"},"tw-clr-txt-inverse":{"value":"{tw-clr-bg.value}"},"tw-clr-txt-secondary":{"value":"{tw-clr-base-gray-500.value}"},"tw-clr-txt-tertiary":{"value":"{tw-clr-base-gray-300.value}"},"tw-clr-bg-brand":{"value":"{tw-clr-base-green-500.value}"},"tw-clr-bg-brand-active":{"value":"{tw-clr-base-green-600.value}"},"tw-clr-bg-brand-ghost":{"value":"rgba({tw-clr-base-green-500.value}, 0)"},"tw-clr-bg-brand-ghost-active":{"value":"rgba({tw-clr-base-green-500.value}, 0.2)"},"tw-clr-bg-brand-ghost-hover":{"value":"rgba({tw-clr-base-green-500.value}, 0.1)"},"tw-clr-bg-brand-hover":{"value":"linear-gradient(rgba({tw-clr-base-green-600.value}, 0.5), rgba({tw-clr-base-green-600.value}, 0.5)), linear-gradient({tw-clr-base-green-500.value}, {tw-clr-base-green-500.value})"},"tw-clr-bg-brand-tertiary":{"value":"{tw-clr-base-green-050.value}"},"tw-clr-brdr-brand":{"value":"{tw-clr-base-green-500.value}"},"tw-clr-icn-brand":{"value":"{tw-clr-base-green-500.value}"},"tw-clr-icn-on-brand":{"value":"{tw-clr-base-white.value}"},"tw-clr-txt-brand":{"value":"{tw-clr-base-green-500.value}"},"tw-clr-txt-on-brand":{"value":"{tw-clr-base-white.value}"},"tw-clr-bg-danger":{"value":"{tw-clr-base-red-500.value}"},"tw-clr-bg-danger-active":{"value":"{tw-clr-base-red-600.value}"},"tw-clr-bg-danger-ghost":{"value":"rgba({tw-clr-base-red-500.value}, 0)"},"tw-clr-bg-danger-ghost-active":{"value":"rgba({tw-clr-base-red-500.value}, 0.2)"},"tw-clr-bg-danger-ghost-hover":{"value":"rgba({tw-clr-base-red-500.value}, 0.1)"},"tw-clr-bg-danger-hover":{"value":"linear-gradient(rgba({tw-clr-base-red-600.value}, 0.5), rgba({tw-clr-base-red-600.value}, 0.5)), linear-gradient({tw-clr-base-red-500.value}, {tw-clr-base-red-500.value})"},"tw-clr-bg-danger-tertiary":{"value":"{tw-clr-base-red-050.value}"},"tw-clr-brdr-danger":{"value":"{tw-clr-base-red-500.value}"},"tw-clr-brdr-danger-active":{"value":"{tw-clr-base-red-600.value}"},"tw-clr-brdr-danger-hover":{"value":"linear-gradient(rgba({tw-clr-base-red-600.value}, 0.5), rgba({tw-clr-base-red-600.value}, 0.5)), linear-gradient({tw-clr-base-red-500.value}, {tw-clr-base-red-500.value})"},"tw-clr-icn-danger":{"value":"{tw-clr-base-red-500.value}"},"tw-clr-icn-on-danger":{"value":"{tw-clr-base-white.value}"},"tw-clr-txt-danger":{"value":"{tw-clr-base-red-500.value}"},"tw-clr-txt-on-danger":{"value":"{tw-clr-base-white.value}"},"tw-clr-bg-info":{"value":"{tw-clr-base-gray-500.value}"},"tw-clr-bg-info-tertiary":{"value":"{tw-clr-base-gray-050.value}"},"tw-clr-brdr-info":{"value":"{tw-clr-base-gray-500.value}"},"tw-clr-icn-info":{"value":"{tw-clr-base-gray-500.value}"},"tw-clr-icn-on-info":{"value":"{tw-clr-base-white.value}"},"tw-clr-txt-info":{"value":"{tw-clr-base-gray-600.value}"},"tw-clr-txt-on-info":{"value":"{tw-clr-base-white.value}"},"tw-clr-bg-selected":{"value":"{tw-clr-base-blue-500.value}"},"tw-clr-bg-selected-tertiary":{"value":"{tw-clr-base-blue-050.value}"},"tw-clr-bg-selected-ghost":{"value":"rgba({tw-clr-base-blue-500.value}, 0)"},"tw-clr-bg-selected-ghost-active":{"value":"rgba({tw-clr-base-blue-500.value}, 0.2)"},"tw-clr-bg-selected-ghost-hover":{"value":"rgba({tw-clr-base-blue-500.value}, 0.1)"},"tw-clr-brdr-selected":{"value":"{tw-clr-base-blue-500.value}"},"tw-clr-icn-on-selected":{"value":"{tw-clr-base-white.value}"},"tw-clr-icn-selected":{"value":"{tw-clr-base-blue-500.value}"},"tw-clr-txt-on-selected":{"value":"{tw-clr-base-white.value}"},"tw-clr-txt-selected":{"value":"{tw-clr-base-blue-500.value}"},"tw-clr-bg-success":{"value":"{tw-clr-base-light-green-500.value}"},"tw-clr-bg-success-tertiary":{"value":"{tw-clr-base-light-green-050.value}"},"tw-clr-bg-success-active":{"value":"{tw-clr-base-light-green-600.value}"},"tw-clr-bg-success-hover":{"value":"linear-gradient(rgba({tw-clr-base-light-green-600.value}, 0.5), rgba({tw-clr-base-light-green-600.value}, 0.5)), linear-gradient({tw-clr-base-light-green-500.value}, {tw-clr-base-light-green-500.value})"},"tw-clr-brdr-success":{"value":"{tw-clr-base-light-green-500.value}"},"tw-clr-icn-on-success":{"value":"{tw-clr-base-white.value}"},"tw-clr-icn-success":{"value":"{tw-clr-base-light-green-500.value}"},"tw-clr-txt-on-success":{"value":"{tw-clr-base-white.value}"},"tw-clr-txt-success":{"value":"{tw-clr-base-light-green-500.value}"},"tw-clr-bg-warning":{"value":"{tw-clr-base-orange-500.value}"},"tw-clr-bg-warning-active":{"value":"{tw-clr-base-orange-600.value}"},"tw-clr-bg-warning-hover":{"value":"linear-gradient(rgba({tw-clr-base-orange-600.value}, 0.5), rgba({tw-clr-base-orange-600.value}, 0.5)), linear-gradient({tw-clr-base-orange-500.value}, {tw-clr-base-orange-500.value})"},"tw-clr-bg-warning-tertiary":{"value":"{tw-clr-base-orange-050.value}"},"tw-clr-brdr-warning":{"value":"{tw-clr-base-orange-500.value}"},"tw-clr-brdr-warning-active":{"value":"{tw-clr-base-orange-600.value}"},"tw-clr-brdr-warning-hover":{"value":"linear-gradient(rgba({tw-clr-base-orange-600.value}, 0.5), rgba({tw-clr-base-orange-600.value}, 0.5)), linear-gradient({tw-clr-base-orange-500.value}, {tw-clr-base-orange-500.value})"},"tw-clr-icn-on-warning":{"value":"{tw-clr-base-white.value}"},"tw-clr-icn-warning":{"value":"{tw-clr-base-orange-500.value}"},"tw-clr-txt-on-warning":{"value":"{tw-clr-base-white.value}"},"tw-clr-txt-warning":{"value":"{tw-clr-base-orange-500.value}"},"tw-clr-bg-accent":{"value":"#EF7047"},"tw-clr-txt-accent":{"value":"#EF7047"},"tw-clr-txt-on-accent":{"value":"{tw-clr-base-white.value}"}} \ No newline at end of file +{"tw-clr-bg":{"value":"{tw-clr-base-white.value}"},"tw-clr-bg-active":{"value":"{tw-clr-base-gray-050.value}"},"tw-clr-bg-ghost":{"value":"rgba({tw-clr-base-white.value}, 0)"},"tw-clr-bg-ghost-active":{"value":"rgba({tw-clr-base-gray-300.value}, 0.4)"},"tw-clr-bg-ghost-hover":{"value":"rgba({tw-clr-base-gray-300.value}, 0.2)"},"tw-clr-bg-hover":{"value":"{tw-clr-base-gray-025.value}"},"tw-clr-bg-inverse":{"value":"{tw-clr-txt.value}"},"tw-clr-bg-secondary":{"value":"{tw-clr-base-gray-050.value}"},"tw-clr-bg-secondary-active":{"value":"{tw-clr-base-gray-100.value}"},"tw-clr-bg-secondary-hover":{"value":"{tw-clr-base-gray-075.value}"},"tw-clr-bg-tertiary":{"value":"{tw-clr-base-gray-200.value}"},"tw-clr-bg-tertiary-active":{"value":"{tw-clr-base-gray-300.value}"},"tw-clr-bg-tertiary-hover":{"value":"linear-gradient(rgba({tw-clr-base-gray-300.value}, 0.5), rgba({tw-clr-base-gray-300.value}, 0.5)), linear-gradient({tw-clr-base-gray-200.value}, {tw-clr-base-gray-200.value})"},"tw-clr-brdr":{"value":"{tw-clr-base-gray-800.value}"},"tw-clr-brdr-active":{"value":"mix({tw-clr-base-blue-600.value}, {tw-clr-base-blue-500.value}, 50%)"},"tw-clr-brdr-focus":{"value":"{tw-clr-base-blue-600.value}"},"tw-clr-brdr-hover":{"value":"{tw-clr-base-blue-500.value}"},"tw-clr-brdr-secondary":{"value":"{tw-clr-base-gray-500.value}"},"tw-clr-brdr-tertiary":{"value":"{tw-clr-base-gray-300.value}"},"tw-clr-icn":{"value":"{tw-clr-base-gray-800.value}"},"tw-clr-icn-inverse":{"value":"{tw-clr-bg.value}"},"tw-clr-icn-secondary":{"value":"{tw-clr-base-gray-500.value}"},"tw-clr-shdw":{"value":"{tw-clr-base-gray-800.value}"},"tw-clr-txt":{"value":"{tw-clr-base-gray-800.value}"},"tw-clr-txt-inverse":{"value":"{tw-clr-bg.value}"},"tw-clr-txt-secondary":{"value":"{tw-clr-base-gray-500.value}"},"tw-clr-txt-tertiary":{"value":"{tw-clr-base-gray-300.value}"},"tw-clr-bg-brand":{"value":"{tw-clr-base-green-500.value}"},"tw-clr-bg-brand-active":{"value":"{tw-clr-base-green-600.value}"},"tw-clr-bg-brand-ghost":{"value":"rgba({tw-clr-base-green-500.value}, 0)"},"tw-clr-bg-brand-ghost-active":{"value":"rgba({tw-clr-base-green-500.value}, 0.2)"},"tw-clr-bg-brand-ghost-hover":{"value":"rgba({tw-clr-base-green-500.value}, 0.1)"},"tw-clr-bg-brand-hover":{"value":"linear-gradient(rgba({tw-clr-base-green-600.value}, 0.5), rgba({tw-clr-base-green-600.value}, 0.5)), linear-gradient({tw-clr-base-green-500.value}, {tw-clr-base-green-500.value})"},"tw-clr-bg-brand-tertiary":{"value":"{tw-clr-base-green-050.value}"},"tw-clr-brdr-brand":{"value":"{tw-clr-base-green-500.value}"},"tw-clr-icn-brand":{"value":"{tw-clr-base-green-500.value}"},"tw-clr-icn-on-brand":{"value":"{tw-clr-base-white.value}"},"tw-clr-txt-brand":{"value":"{tw-clr-base-green-500.value}"},"tw-clr-txt-on-brand":{"value":"{tw-clr-base-white.value}"},"tw-clr-bg-danger":{"value":"{tw-clr-base-red-500.value}"},"tw-clr-bg-danger-active":{"value":"{tw-clr-base-red-600.value}"},"tw-clr-bg-danger-ghost":{"value":"rgba({tw-clr-base-red-500.value}, 0)"},"tw-clr-bg-danger-ghost-active":{"value":"rgba({tw-clr-base-red-500.value}, 0.2)"},"tw-clr-bg-danger-ghost-hover":{"value":"rgba({tw-clr-base-red-500.value}, 0.1)"},"tw-clr-bg-danger-hover":{"value":"linear-gradient(rgba({tw-clr-base-red-600.value}, 0.5), rgba({tw-clr-base-red-600.value}, 0.5)), linear-gradient({tw-clr-base-red-500.value}, {tw-clr-base-red-500.value})"},"tw-clr-bg-danger-tertiary":{"value":"{tw-clr-base-red-050.value}"},"tw-clr-brdr-danger":{"value":"{tw-clr-base-red-500.value}"},"tw-clr-brdr-danger-active":{"value":"{tw-clr-base-red-600.value}"},"tw-clr-brdr-danger-hover":{"value":"linear-gradient(rgba({tw-clr-base-red-600.value}, 0.5), rgba({tw-clr-base-red-600.value}, 0.5)), linear-gradient({tw-clr-base-red-500.value}, {tw-clr-base-red-500.value})"},"tw-clr-icn-danger":{"value":"{tw-clr-base-red-500.value}"},"tw-clr-icn-on-danger":{"value":"{tw-clr-base-white.value}"},"tw-clr-txt-danger":{"value":"{tw-clr-base-red-500.value}"},"tw-clr-txt-on-danger":{"value":"{tw-clr-base-white.value}"},"tw-clr-bg-info":{"value":"{tw-clr-base-gray-500.value}"},"tw-clr-bg-info-tertiary":{"value":"{tw-clr-base-gray-050.value}"},"tw-clr-brdr-info":{"value":"{tw-clr-base-gray-500.value}"},"tw-clr-icn-info":{"value":"{tw-clr-base-gray-500.value}"},"tw-clr-icn-on-info":{"value":"{tw-clr-base-white.value}"},"tw-clr-txt-info":{"value":"{tw-clr-base-gray-600.value}"},"tw-clr-txt-on-info":{"value":"{tw-clr-base-white.value}"},"tw-clr-bg-selected":{"value":"{tw-clr-base-blue-500.value}"},"tw-clr-bg-selected-tertiary":{"value":"{tw-clr-base-blue-050.value}"},"tw-clr-bg-selected-ghost":{"value":"rgba({tw-clr-base-blue-500.value}, 0)"},"tw-clr-bg-selected-ghost-active":{"value":"rgba({tw-clr-base-blue-500.value}, 0.2)"},"tw-clr-bg-selected-ghost-hover":{"value":"rgba({tw-clr-base-blue-500.value}, 0.1)"},"tw-clr-brdr-selected":{"value":"{tw-clr-base-blue-500.value}"},"tw-clr-icn-on-selected":{"value":"{tw-clr-base-white.value}"},"tw-clr-icn-selected":{"value":"{tw-clr-base-blue-500.value}"},"tw-clr-txt-on-selected":{"value":"{tw-clr-base-white.value}"},"tw-clr-txt-selected":{"value":"{tw-clr-base-blue-500.value}"},"tw-clr-bg-success":{"value":"{tw-clr-base-light-green-500.value}"},"tw-clr-bg-success-tertiary":{"value":"{tw-clr-base-light-green-050.value}"},"tw-clr-bg-success-active":{"value":"{tw-clr-base-light-green-600.value}"},"tw-clr-bg-success-hover":{"value":"linear-gradient(rgba({tw-clr-base-light-green-600.value}, 0.5), rgba({tw-clr-base-light-green-600.value}, 0.5)), linear-gradient({tw-clr-base-light-green-500.value}, {tw-clr-base-light-green-500.value})"},"tw-clr-brdr-success":{"value":"{tw-clr-base-light-green-500.value}"},"tw-clr-icn-on-success":{"value":"{tw-clr-base-white.value}"},"tw-clr-icn-success":{"value":"{tw-clr-base-light-green-500.value}"},"tw-clr-txt-on-success":{"value":"{tw-clr-base-white.value}"},"tw-clr-txt-success":{"value":"{tw-clr-base-light-green-500.value}"},"tw-clr-bg-warning":{"value":"{tw-clr-base-orange-500.value}"},"tw-clr-bg-warning-active":{"value":"{tw-clr-base-orange-600.value}"},"tw-clr-bg-warning-hover":{"value":"linear-gradient(rgba({tw-clr-base-orange-600.value}, 0.5), rgba({tw-clr-base-orange-600.value}, 0.5)), linear-gradient({tw-clr-base-orange-500.value}, {tw-clr-base-orange-500.value})"},"tw-clr-bg-warning-tertiary":{"value":"{tw-clr-base-orange-050.value}"},"tw-clr-brdr-warning":{"value":"{tw-clr-base-orange-500.value}"},"tw-clr-brdr-warning-active":{"value":"{tw-clr-base-orange-600.value}"},"tw-clr-brdr-warning-hover":{"value":"linear-gradient(rgba({tw-clr-base-orange-600.value}, 0.5), rgba({tw-clr-base-orange-600.value}, 0.5)), linear-gradient({tw-clr-base-orange-500.value}, {tw-clr-base-orange-500.value})"},"tw-clr-icn-on-warning":{"value":"{tw-clr-base-white.value}"},"tw-clr-icn-warning":{"value":"{tw-clr-base-orange-500.value}"},"tw-clr-txt-on-warning":{"value":"{tw-clr-base-white.value}"},"tw-clr-txt-warning":{"value":"{tw-clr-base-orange-500.value}"},"tw-clr-bg-accent":{"value":"#EF7047"},"tw-clr-txt-accent":{"value":"#EF7047"},"tw-clr-txt-on-accent":{"value":"{tw-clr-base-white.value}"},"tw-clr-bg-accent-aux":{"value":"#7473BA"},"tw-clr-txt-accent-aux":{"value":"#7473BA"}} \ No newline at end of file