@terraware/web-components 3.9.13 → 4.0.0

package/style-dictionary-dist/TerrawareTheme.d.ts

@@ -1,372 +1,371 @@
-/// <reference types="react" />
-declare module '@mui/material/styles/createPalette' {
+declare module '@mui/material/styles' {
     interface Palette {
-        TwClrBaseBlack?: React.CSSProperties['color'];
-        TwClrBaseGray025?: React.CSSProperties['color'];
-        TwClrBaseGray050?: React.CSSProperties['color'];
-        TwClrBaseGray075?: React.CSSProperties['color'];
-        TwClrBaseGray100?: React.CSSProperties['color'];
-        TwClrBaseGray200?: React.CSSProperties['color'];
-        TwClrBaseGray300?: React.CSSProperties['color'];
-        TwClrBaseGray400?: React.CSSProperties['color'];
-        TwClrBaseGray500?: React.CSSProperties['color'];
-        TwClrBaseGray600?: React.CSSProperties['color'];
-        TwClrBaseGray700?: React.CSSProperties['color'];
-        TwClrBaseGray800?: React.CSSProperties['color'];
-        TwClrBaseGray900?: React.CSSProperties['color'];
-        TwClrBaseTransparent?: React.CSSProperties['color'];
-        TwClrBaseWhite?: React.CSSProperties['color'];
-        TwClrBaseBlue050?: React.CSSProperties['color'];
-        TwClrBaseBlue100?: React.CSSProperties['color'];
-        TwClrBaseBlue200?: React.CSSProperties['color'];
-        TwClrBaseBlue300?: React.CSSProperties['color'];
-        TwClrBaseBlue400?: React.CSSProperties['color'];
-        TwClrBaseBlue500?: React.CSSProperties['color'];
-        TwClrBaseBlue600?: React.CSSProperties['color'];
-        TwClrBaseBlue700?: React.CSSProperties['color'];
-        TwClrBaseBlue800?: React.CSSProperties['color'];
-        TwClrBaseGreen050?: React.CSSProperties['color'];
-        TwClrBaseGreen100?: React.CSSProperties['color'];
-        TwClrBaseGreen200?: React.CSSProperties['color'];
-        TwClrBaseGreen300?: React.CSSProperties['color'];
-        TwClrBaseGreen400?: React.CSSProperties['color'];
-        TwClrBaseGreen500?: React.CSSProperties['color'];
-        TwClrBaseGreen600?: React.CSSProperties['color'];
-        TwClrBaseGreen700?: React.CSSProperties['color'];
-        TwClrBaseGreen800?: React.CSSProperties['color'];
-        TwClrBaseLightGreen050?: React.CSSProperties['color'];
-        TwClrBaseLightGreen100?: React.CSSProperties['color'];
-        TwClrBaseLightGreen200?: React.CSSProperties['color'];
-        TwClrBaseLightGreen300?: React.CSSProperties['color'];
-        TwClrBaseLightGreen400?: React.CSSProperties['color'];
-        TwClrBaseLightGreen500?: React.CSSProperties['color'];
-        TwClrBaseLightGreen600?: React.CSSProperties['color'];
-        TwClrBaseLightGreen700?: React.CSSProperties['color'];
-        TwClrBaseLightGreen800?: React.CSSProperties['color'];
-        TwClrBaseOrange050?: React.CSSProperties['color'];
-        TwClrBaseOrange100?: React.CSSProperties['color'];
-        TwClrBaseOrange200?: React.CSSProperties['color'];
-        TwClrBaseOrange300?: React.CSSProperties['color'];
-        TwClrBaseOrange400?: React.CSSProperties['color'];
-        TwClrBaseOrange500?: React.CSSProperties['color'];
-        TwClrBaseOrange600?: React.CSSProperties['color'];
-        TwClrBaseOrange700?: React.CSSProperties['color'];
-        TwClrBaseOrange800?: React.CSSProperties['color'];
-        TwClrBasePink050?: React.CSSProperties['color'];
-        TwClrBasePink100?: React.CSSProperties['color'];
-        TwClrBasePink200?: React.CSSProperties['color'];
-        TwClrBasePink300?: React.CSSProperties['color'];
-        TwClrBasePink400?: React.CSSProperties['color'];
-        TwClrBasePink500?: React.CSSProperties['color'];
-        TwClrBasePink600?: React.CSSProperties['color'];
-        TwClrBasePink700?: React.CSSProperties['color'];
-        TwClrBasePink800?: React.CSSProperties['color'];
-        TwClrBasePurple050?: React.CSSProperties['color'];
-        TwClrBasePurple100?: React.CSSProperties['color'];
-        TwClrBasePurple200?: React.CSSProperties['color'];
-        TwClrBasePurple300?: React.CSSProperties['color'];
-        TwClrBasePurple400?: React.CSSProperties['color'];
-        TwClrBasePurple500?: React.CSSProperties['color'];
-        TwClrBasePurple600?: React.CSSProperties['color'];
-        TwClrBasePurple700?: React.CSSProperties['color'];
-        TwClrBasePurple800?: React.CSSProperties['color'];
-        TwClrBaseRed050?: React.CSSProperties['color'];
-        TwClrBaseRed100?: React.CSSProperties['color'];
-        TwClrBaseRed200?: React.CSSProperties['color'];
-        TwClrBaseRed300?: React.CSSProperties['color'];
-        TwClrBaseRed400?: React.CSSProperties['color'];
-        TwClrBaseRed500?: React.CSSProperties['color'];
-        TwClrBaseRed600?: React.CSSProperties['color'];
-        TwClrBaseRed700?: React.CSSProperties['color'];
-        TwClrBaseRed800?: React.CSSProperties['color'];
-        TwClrBaseYellow050?: React.CSSProperties['color'];
-        TwClrBaseYellow100?: React.CSSProperties['color'];
-        TwClrBaseYellow200?: React.CSSProperties['color'];
-        TwClrBaseYellow300?: React.CSSProperties['color'];
-        TwClrBaseYellow400?: React.CSSProperties['color'];
-        TwClrBaseYellow500?: React.CSSProperties['color'];
-        TwClrBaseYellow600?: React.CSSProperties['color'];
-        TwClrBaseYellow700?: React.CSSProperties['color'];
-        TwClrBaseYellow800?: React.CSSProperties['color'];
-        TwClrBg?: React.CSSProperties['color'];
-        TwClrBgActive?: React.CSSProperties['color'];
-        TwClrBgGhost?: React.CSSProperties['color'];
-        TwClrBgGhostActive?: React.CSSProperties['color'];
-        TwClrBgGhostHover?: React.CSSProperties['color'];
-        TwClrBgHover?: React.CSSProperties['color'];
-        TwClrBgInverse?: React.CSSProperties['color'];
-        TwClrBgSecondary?: React.CSSProperties['color'];
-        TwClrBgSecondaryActive?: React.CSSProperties['color'];
-        TwClrBgSecondaryHover?: React.CSSProperties['color'];
-        TwClrBgTertiary?: React.CSSProperties['color'];
-        TwClrBgTertiaryActive?: React.CSSProperties['color'];
-        TwClrBgTertiaryHover?: React.CSSProperties['color'];
-        TwClrBrdr?: React.CSSProperties['color'];
-        TwClrBrdrActive?: React.CSSProperties['color'];
-        TwClrBrdrFocus?: React.CSSProperties['color'];
-        TwClrBrdrHover?: React.CSSProperties['color'];
-        TwClrBrdrSecondary?: React.CSSProperties['color'];
-        TwClrBrdrTertiary?: React.CSSProperties['color'];
-        TwClrIcn?: React.CSSProperties['color'];
-        TwClrIcnInverse?: React.CSSProperties['color'];
-        TwClrIcnSecondary?: React.CSSProperties['color'];
-        TwClrShdw?: React.CSSProperties['color'];
-        TwClrTxt?: React.CSSProperties['color'];
-        TwClrTxtInverse?: React.CSSProperties['color'];
-        TwClrTxtSecondary?: React.CSSProperties['color'];
-        TwClrTxtTertiary?: React.CSSProperties['color'];
-        TwClrBgBrand?: React.CSSProperties['color'];
-        TwClrBgBrandActive?: React.CSSProperties['color'];
-        TwClrBgBrandGhost?: React.CSSProperties['color'];
-        TwClrBgBrandGhostActive?: React.CSSProperties['color'];
-        TwClrBgBrandGhostHover?: React.CSSProperties['color'];
-        TwClrBgBrandHover?: React.CSSProperties['color'];
-        TwClrBgBrandTertiary?: React.CSSProperties['color'];
-        TwClrBrdrBrand?: React.CSSProperties['color'];
-        TwClrIcnBrand?: React.CSSProperties['color'];
-        TwClrIcnOnBrand?: React.CSSProperties['color'];
-        TwClrTxtBrand?: React.CSSProperties['color'];
-        TwClrTxtOnBrand?: React.CSSProperties['color'];
-        TwClrBgDanger?: React.CSSProperties['color'];
-        TwClrBgDangerActive?: React.CSSProperties['color'];
-        TwClrBgDangerGhost?: React.CSSProperties['color'];
-        TwClrBgDangerGhostActive?: React.CSSProperties['color'];
-        TwClrBgDangerGhostHover?: React.CSSProperties['color'];
-        TwClrBgDangerHover?: React.CSSProperties['color'];
-        TwClrBgDangerTertiary?: React.CSSProperties['color'];
-        TwClrBrdrDanger?: React.CSSProperties['color'];
-        TwClrBrdrDangerActive?: React.CSSProperties['color'];
-        TwClrBrdrDangerHover?: React.CSSProperties['color'];
-        TwClrIcnDanger?: React.CSSProperties['color'];
-        TwClrIcnOnDanger?: React.CSSProperties['color'];
-        TwClrTxtDanger?: React.CSSProperties['color'];
-        TwClrTxtOnDanger?: React.CSSProperties['color'];
-        TwClrBgInfo?: React.CSSProperties['color'];
-        TwClrBgInfoTertiary?: React.CSSProperties['color'];
-        TwClrBrdrInfo?: React.CSSProperties['color'];
-        TwClrIcnInfo?: React.CSSProperties['color'];
-        TwClrIcnOnInfo?: React.CSSProperties['color'];
-        TwClrTxtInfo?: React.CSSProperties['color'];
-        TwClrTxtOnInfo?: React.CSSProperties['color'];
-        TwClrBgSelected?: React.CSSProperties['color'];
-        TwClrBgSelectedTertiary?: React.CSSProperties['color'];
-        TwClrBgSelectedGhost?: React.CSSProperties['color'];
-        TwClrBgSelectedGhostActive?: React.CSSProperties['color'];
-        TwClrBgSelectedGhostHover?: React.CSSProperties['color'];
-        TwClrBrdrSelected?: React.CSSProperties['color'];
-        TwClrIcnOnSelected?: React.CSSProperties['color'];
-        TwClrIcnSelected?: React.CSSProperties['color'];
-        TwClrTxtOnSelected?: React.CSSProperties['color'];
-        TwClrTxtSelected?: React.CSSProperties['color'];
-        TwClrBgSuccess?: React.CSSProperties['color'];
-        TwClrBgSuccessTertiary?: React.CSSProperties['color'];
-        TwClrBgSuccessActive?: React.CSSProperties['color'];
-        TwClrBgSuccessHover?: React.CSSProperties['color'];
-        TwClrBrdrSuccess?: React.CSSProperties['color'];
-        TwClrIcnOnSuccess?: React.CSSProperties['color'];
-        TwClrIcnSuccess?: React.CSSProperties['color'];
-        TwClrTxtOnSuccess?: React.CSSProperties['color'];
-        TwClrTxtSuccess?: React.CSSProperties['color'];
-        TwClrBgWarning?: React.CSSProperties['color'];
-        TwClrBgWarningActive?: React.CSSProperties['color'];
-        TwClrBgWarningHover?: React.CSSProperties['color'];
-        TwClrBgWarningTertiary?: React.CSSProperties['color'];
-        TwClrBrdrWarning?: React.CSSProperties['color'];
-        TwClrBrdrWarningActive?: React.CSSProperties['color'];
-        TwClrBrdrWarningHover?: React.CSSProperties['color'];
-        TwClrIcnOnWarning?: React.CSSProperties['color'];
-        TwClrIcnWarning?: React.CSSProperties['color'];
-        TwClrTxtOnWarning?: React.CSSProperties['color'];
-        TwClrTxtWarning?: React.CSSProperties['color'];
-        TwClrBgAccent?: React.CSSProperties['color'];
-        TwClrTxtAccent?: React.CSSProperties['color'];
-        TwClrTxtOnAccent?: React.CSSProperties['color'];
-        TwClrBgAccentAux?: React.CSSProperties['color'];
-        TwClrTxtAccentAux?: React.CSSProperties['color'];
+        TwClrBaseBlack?: string;
+        TwClrBaseGray025?: string;
+        TwClrBaseGray050?: string;
+        TwClrBaseGray075?: string;
+        TwClrBaseGray100?: string;
+        TwClrBaseGray200?: string;
+        TwClrBaseGray300?: string;
+        TwClrBaseGray400?: string;
+        TwClrBaseGray500?: string;
+        TwClrBaseGray600?: string;
+        TwClrBaseGray700?: string;
+        TwClrBaseGray800?: string;
+        TwClrBaseGray900?: string;
+        TwClrBaseTransparent?: string;
+        TwClrBaseWhite?: string;
+        TwClrBaseBlue050?: string;
+        TwClrBaseBlue100?: string;
+        TwClrBaseBlue200?: string;
+        TwClrBaseBlue300?: string;
+        TwClrBaseBlue400?: string;
+        TwClrBaseBlue500?: string;
+        TwClrBaseBlue600?: string;
+        TwClrBaseBlue700?: string;
+        TwClrBaseBlue800?: string;
+        TwClrBaseGreen050?: string;
+        TwClrBaseGreen100?: string;
+        TwClrBaseGreen200?: string;
+        TwClrBaseGreen300?: string;
+        TwClrBaseGreen400?: string;
+        TwClrBaseGreen500?: string;
+        TwClrBaseGreen600?: string;
+        TwClrBaseGreen700?: string;
+        TwClrBaseGreen800?: string;
+        TwClrBaseLightGreen050?: string;
+        TwClrBaseLightGreen100?: string;
+        TwClrBaseLightGreen200?: string;
+        TwClrBaseLightGreen300?: string;
+        TwClrBaseLightGreen400?: string;
+        TwClrBaseLightGreen500?: string;
+        TwClrBaseLightGreen600?: string;
+        TwClrBaseLightGreen700?: string;
+        TwClrBaseLightGreen800?: string;
+        TwClrBaseOrange050?: string;
+        TwClrBaseOrange100?: string;
+        TwClrBaseOrange200?: string;
+        TwClrBaseOrange300?: string;
+        TwClrBaseOrange400?: string;
+        TwClrBaseOrange500?: string;
+        TwClrBaseOrange600?: string;
+        TwClrBaseOrange700?: string;
+        TwClrBaseOrange800?: string;
+        TwClrBasePink050?: string;
+        TwClrBasePink100?: string;
+        TwClrBasePink200?: string;
+        TwClrBasePink300?: string;
+        TwClrBasePink400?: string;
+        TwClrBasePink500?: string;
+        TwClrBasePink600?: string;
+        TwClrBasePink700?: string;
+        TwClrBasePink800?: string;
+        TwClrBasePurple050?: string;
+        TwClrBasePurple100?: string;
+        TwClrBasePurple200?: string;
+        TwClrBasePurple300?: string;
+        TwClrBasePurple400?: string;
+        TwClrBasePurple500?: string;
+        TwClrBasePurple600?: string;
+        TwClrBasePurple700?: string;
+        TwClrBasePurple800?: string;
+        TwClrBaseRed050?: string;
+        TwClrBaseRed100?: string;
+        TwClrBaseRed200?: string;
+        TwClrBaseRed300?: string;
+        TwClrBaseRed400?: string;
+        TwClrBaseRed500?: string;
+        TwClrBaseRed600?: string;
+        TwClrBaseRed700?: string;
+        TwClrBaseRed800?: string;
+        TwClrBaseYellow050?: string;
+        TwClrBaseYellow100?: string;
+        TwClrBaseYellow200?: string;
+        TwClrBaseYellow300?: string;
+        TwClrBaseYellow400?: string;
+        TwClrBaseYellow500?: string;
+        TwClrBaseYellow600?: string;
+        TwClrBaseYellow700?: string;
+        TwClrBaseYellow800?: string;
+        TwClrBg?: string;
+        TwClrBgActive?: string;
+        TwClrBgGhost?: string;
+        TwClrBgGhostActive?: string;
+        TwClrBgGhostHover?: string;
+        TwClrBgHover?: string;
+        TwClrBgInverse?: string;
+        TwClrBgSecondary?: string;
+        TwClrBgSecondaryActive?: string;
+        TwClrBgSecondaryHover?: string;
+        TwClrBgTertiary?: string;
+        TwClrBgTertiaryActive?: string;
+        TwClrBgTertiaryHover?: string;
+        TwClrBrdr?: string;
+        TwClrBrdrActive?: string;
+        TwClrBrdrFocus?: string;
+        TwClrBrdrHover?: string;
+        TwClrBrdrSecondary?: string;
+        TwClrBrdrTertiary?: string;
+        TwClrIcn?: string;
+        TwClrIcnInverse?: string;
+        TwClrIcnSecondary?: string;
+        TwClrShdw?: string;
+        TwClrTxt?: string;
+        TwClrTxtInverse?: string;
+        TwClrTxtSecondary?: string;
+        TwClrTxtTertiary?: string;
+        TwClrBgBrand?: string;
+        TwClrBgBrandActive?: string;
+        TwClrBgBrandGhost?: string;
+        TwClrBgBrandGhostActive?: string;
+        TwClrBgBrandGhostHover?: string;
+        TwClrBgBrandHover?: string;
+        TwClrBgBrandTertiary?: string;
+        TwClrBrdrBrand?: string;
+        TwClrIcnBrand?: string;
+        TwClrIcnOnBrand?: string;
+        TwClrTxtBrand?: string;
+        TwClrTxtOnBrand?: string;
+        TwClrBgDanger?: string;
+        TwClrBgDangerActive?: string;
+        TwClrBgDangerGhost?: string;
+        TwClrBgDangerGhostActive?: string;
+        TwClrBgDangerGhostHover?: string;
+        TwClrBgDangerHover?: string;
+        TwClrBgDangerTertiary?: string;
+        TwClrBrdrDanger?: string;
+        TwClrBrdrDangerActive?: string;
+        TwClrBrdrDangerHover?: string;
+        TwClrIcnDanger?: string;
+        TwClrIcnOnDanger?: string;
+        TwClrTxtDanger?: string;
+        TwClrTxtOnDanger?: string;
+        TwClrBgInfo?: string;
+        TwClrBgInfoTertiary?: string;
+        TwClrBrdrInfo?: string;
+        TwClrIcnInfo?: string;
+        TwClrIcnOnInfo?: string;
+        TwClrTxtInfo?: string;
+        TwClrTxtOnInfo?: string;
+        TwClrBgSelected?: string;
+        TwClrBgSelectedTertiary?: string;
+        TwClrBgSelectedGhost?: string;
+        TwClrBgSelectedGhostActive?: string;
+        TwClrBgSelectedGhostHover?: string;
+        TwClrBrdrSelected?: string;
+        TwClrIcnOnSelected?: string;
+        TwClrIcnSelected?: string;
+        TwClrTxtOnSelected?: string;
+        TwClrTxtSelected?: string;
+        TwClrBgSuccess?: string;
+        TwClrBgSuccessTertiary?: string;
+        TwClrBgSuccessActive?: string;
+        TwClrBgSuccessHover?: string;
+        TwClrBrdrSuccess?: string;
+        TwClrIcnOnSuccess?: string;
+        TwClrIcnSuccess?: string;
+        TwClrTxtOnSuccess?: string;
+        TwClrTxtSuccess?: string;
+        TwClrBgWarning?: string;
+        TwClrBgWarningActive?: string;
+        TwClrBgWarningHover?: string;
+        TwClrBgWarningTertiary?: string;
+        TwClrBrdrWarning?: string;
+        TwClrBrdrWarningActive?: string;
+        TwClrBrdrWarningHover?: string;
+        TwClrIcnOnWarning?: string;
+        TwClrIcnWarning?: string;
+        TwClrTxtOnWarning?: string;
+        TwClrTxtWarning?: string;
+        TwClrBgAccent?: string;
+        TwClrTxtAccent?: string;
+        TwClrTxtOnAccent?: string;
+        TwClrBgAccentAux?: string;
+        TwClrTxtAccentAux?: string;
     }
     interface PaletteOptions {
-        TwClrBaseBlack?: React.CSSProperties['color'];
-        TwClrBaseGray025?: React.CSSProperties['color'];
-        TwClrBaseGray050?: React.CSSProperties['color'];
-        TwClrBaseGray075?: React.CSSProperties['color'];
-        TwClrBaseGray100?: React.CSSProperties['color'];
-        TwClrBaseGray200?: React.CSSProperties['color'];
-        TwClrBaseGray300?: React.CSSProperties['color'];
-        TwClrBaseGray400?: React.CSSProperties['color'];
-        TwClrBaseGray500?: React.CSSProperties['color'];
-        TwClrBaseGray600?: React.CSSProperties['color'];
-        TwClrBaseGray700?: React.CSSProperties['color'];
-        TwClrBaseGray800?: React.CSSProperties['color'];
-        TwClrBaseGray900?: React.CSSProperties['color'];
-        TwClrBaseTransparent?: React.CSSProperties['color'];
-        TwClrBaseWhite?: React.CSSProperties['color'];
-        TwClrBaseBlue050?: React.CSSProperties['color'];
-        TwClrBaseBlue100?: React.CSSProperties['color'];
-        TwClrBaseBlue200?: React.CSSProperties['color'];
-        TwClrBaseBlue300?: React.CSSProperties['color'];
-        TwClrBaseBlue400?: React.CSSProperties['color'];
-        TwClrBaseBlue500?: React.CSSProperties['color'];
-        TwClrBaseBlue600?: React.CSSProperties['color'];
-        TwClrBaseBlue700?: React.CSSProperties['color'];
-        TwClrBaseBlue800?: React.CSSProperties['color'];
-        TwClrBaseGreen050?: React.CSSProperties['color'];
-        TwClrBaseGreen100?: React.CSSProperties['color'];
-        TwClrBaseGreen200?: React.CSSProperties['color'];
-        TwClrBaseGreen300?: React.CSSProperties['color'];
-        TwClrBaseGreen400?: React.CSSProperties['color'];
-        TwClrBaseGreen500?: React.CSSProperties['color'];
-        TwClrBaseGreen600?: React.CSSProperties['color'];
-        TwClrBaseGreen700?: React.CSSProperties['color'];
-        TwClrBaseGreen800?: React.CSSProperties['color'];
-        TwClrBaseLightGreen050?: React.CSSProperties['color'];
-        TwClrBaseLightGreen100?: React.CSSProperties['color'];
-        TwClrBaseLightGreen200?: React.CSSProperties['color'];
-        TwClrBaseLightGreen300?: React.CSSProperties['color'];
-        TwClrBaseLightGreen400?: React.CSSProperties['color'];
-        TwClrBaseLightGreen500?: React.CSSProperties['color'];
-        TwClrBaseLightGreen600?: React.CSSProperties['color'];
-        TwClrBaseLightGreen700?: React.CSSProperties['color'];
-        TwClrBaseLightGreen800?: React.CSSProperties['color'];
-        TwClrBaseOrange050?: React.CSSProperties['color'];
-        TwClrBaseOrange100?: React.CSSProperties['color'];
-        TwClrBaseOrange200?: React.CSSProperties['color'];
-        TwClrBaseOrange300?: React.CSSProperties['color'];
-        TwClrBaseOrange400?: React.CSSProperties['color'];
-        TwClrBaseOrange500?: React.CSSProperties['color'];
-        TwClrBaseOrange600?: React.CSSProperties['color'];
-        TwClrBaseOrange700?: React.CSSProperties['color'];
-        TwClrBaseOrange800?: React.CSSProperties['color'];
-        TwClrBasePink050?: React.CSSProperties['color'];
-        TwClrBasePink100?: React.CSSProperties['color'];
-        TwClrBasePink200?: React.CSSProperties['color'];
-        TwClrBasePink300?: React.CSSProperties['color'];
-        TwClrBasePink400?: React.CSSProperties['color'];
-        TwClrBasePink500?: React.CSSProperties['color'];
-        TwClrBasePink600?: React.CSSProperties['color'];
-        TwClrBasePink700?: React.CSSProperties['color'];
-        TwClrBasePink800?: React.CSSProperties['color'];
-        TwClrBasePurple050?: React.CSSProperties['color'];
-        TwClrBasePurple100?: React.CSSProperties['color'];
-        TwClrBasePurple200?: React.CSSProperties['color'];
-        TwClrBasePurple300?: React.CSSProperties['color'];
-        TwClrBasePurple400?: React.CSSProperties['color'];
-        TwClrBasePurple500?: React.CSSProperties['color'];
-        TwClrBasePurple600?: React.CSSProperties['color'];
-        TwClrBasePurple700?: React.CSSProperties['color'];
-        TwClrBasePurple800?: React.CSSProperties['color'];
-        TwClrBaseRed050?: React.CSSProperties['color'];
-        TwClrBaseRed100?: React.CSSProperties['color'];
-        TwClrBaseRed200?: React.CSSProperties['color'];
-        TwClrBaseRed300?: React.CSSProperties['color'];
-        TwClrBaseRed400?: React.CSSProperties['color'];
-        TwClrBaseRed500?: React.CSSProperties['color'];
-        TwClrBaseRed600?: React.CSSProperties['color'];
-        TwClrBaseRed700?: React.CSSProperties['color'];
-        TwClrBaseRed800?: React.CSSProperties['color'];
-        TwClrBaseYellow050?: React.CSSProperties['color'];
-        TwClrBaseYellow100?: React.CSSProperties['color'];
-        TwClrBaseYellow200?: React.CSSProperties['color'];
-        TwClrBaseYellow300?: React.CSSProperties['color'];
-        TwClrBaseYellow400?: React.CSSProperties['color'];
-        TwClrBaseYellow500?: React.CSSProperties['color'];
-        TwClrBaseYellow600?: React.CSSProperties['color'];
-        TwClrBaseYellow700?: React.CSSProperties['color'];
-        TwClrBaseYellow800?: React.CSSProperties['color'];
-        TwClrBg?: React.CSSProperties['color'];
-        TwClrBgActive?: React.CSSProperties['color'];
-        TwClrBgGhost?: React.CSSProperties['color'];
-        TwClrBgGhostActive?: React.CSSProperties['color'];
-        TwClrBgGhostHover?: React.CSSProperties['color'];
-        TwClrBgHover?: React.CSSProperties['color'];
-        TwClrBgInverse?: React.CSSProperties['color'];
-        TwClrBgSecondary?: React.CSSProperties['color'];
-        TwClrBgSecondaryActive?: React.CSSProperties['color'];
-        TwClrBgSecondaryHover?: React.CSSProperties['color'];
-        TwClrBgTertiary?: React.CSSProperties['color'];
-        TwClrBgTertiaryActive?: React.CSSProperties['color'];
-        TwClrBgTertiaryHover?: React.CSSProperties['color'];
-        TwClrBrdr?: React.CSSProperties['color'];
-        TwClrBrdrActive?: React.CSSProperties['color'];
-        TwClrBrdrFocus?: React.CSSProperties['color'];
-        TwClrBrdrHover?: React.CSSProperties['color'];
-        TwClrBrdrSecondary?: React.CSSProperties['color'];
-        TwClrBrdrTertiary?: React.CSSProperties['color'];
-        TwClrIcn?: React.CSSProperties['color'];
-        TwClrIcnInverse?: React.CSSProperties['color'];
-        TwClrIcnSecondary?: React.CSSProperties['color'];
-        TwClrShdw?: React.CSSProperties['color'];
-        TwClrTxt?: React.CSSProperties['color'];
-        TwClrTxtInverse?: React.CSSProperties['color'];
-        TwClrTxtSecondary?: React.CSSProperties['color'];
-        TwClrTxtTertiary?: React.CSSProperties['color'];
-        TwClrBgBrand?: React.CSSProperties['color'];
-        TwClrBgBrandActive?: React.CSSProperties['color'];
-        TwClrBgBrandGhost?: React.CSSProperties['color'];
-        TwClrBgBrandGhostActive?: React.CSSProperties['color'];
-        TwClrBgBrandGhostHover?: React.CSSProperties['color'];
-        TwClrBgBrandHover?: React.CSSProperties['color'];
-        TwClrBgBrandTertiary?: React.CSSProperties['color'];
-        TwClrBrdrBrand?: React.CSSProperties['color'];
-        TwClrIcnBrand?: React.CSSProperties['color'];
-        TwClrIcnOnBrand?: React.CSSProperties['color'];
-        TwClrTxtBrand?: React.CSSProperties['color'];
-        TwClrTxtOnBrand?: React.CSSProperties['color'];
-        TwClrBgDanger?: React.CSSProperties['color'];
-        TwClrBgDangerActive?: React.CSSProperties['color'];
-        TwClrBgDangerGhost?: React.CSSProperties['color'];
-        TwClrBgDangerGhostActive?: React.CSSProperties['color'];
-        TwClrBgDangerGhostHover?: React.CSSProperties['color'];
-        TwClrBgDangerHover?: React.CSSProperties['color'];
-        TwClrBgDangerTertiary?: React.CSSProperties['color'];
-        TwClrBrdrDanger?: React.CSSProperties['color'];
-        TwClrBrdrDangerActive?: React.CSSProperties['color'];
-        TwClrBrdrDangerHover?: React.CSSProperties['color'];
-        TwClrIcnDanger?: React.CSSProperties['color'];
-        TwClrIcnOnDanger?: React.CSSProperties['color'];
-        TwClrTxtDanger?: React.CSSProperties['color'];
-        TwClrTxtOnDanger?: React.CSSProperties['color'];
-        TwClrBgInfo?: React.CSSProperties['color'];
-        TwClrBgInfoTertiary?: React.CSSProperties['color'];
-        TwClrBrdrInfo?: React.CSSProperties['color'];
-        TwClrIcnInfo?: React.CSSProperties['color'];
-        TwClrIcnOnInfo?: React.CSSProperties['color'];
-        TwClrTxtInfo?: React.CSSProperties['color'];
-        TwClrTxtOnInfo?: React.CSSProperties['color'];
-        TwClrBgSelected?: React.CSSProperties['color'];
-        TwClrBgSelectedTertiary?: React.CSSProperties['color'];
-        TwClrBgSelectedGhost?: React.CSSProperties['color'];
-        TwClrBgSelectedGhostActive?: React.CSSProperties['color'];
-        TwClrBgSelectedGhostHover?: React.CSSProperties['color'];
-        TwClrBrdrSelected?: React.CSSProperties['color'];
-        TwClrIcnOnSelected?: React.CSSProperties['color'];
-        TwClrIcnSelected?: React.CSSProperties['color'];
-        TwClrTxtOnSelected?: React.CSSProperties['color'];
-        TwClrTxtSelected?: React.CSSProperties['color'];
-        TwClrBgSuccess?: React.CSSProperties['color'];
-        TwClrBgSuccessTertiary?: React.CSSProperties['color'];
-        TwClrBgSuccessActive?: React.CSSProperties['color'];
-        TwClrBgSuccessHover?: React.CSSProperties['color'];
-        TwClrBrdrSuccess?: React.CSSProperties['color'];
-        TwClrIcnOnSuccess?: React.CSSProperties['color'];
-        TwClrIcnSuccess?: React.CSSProperties['color'];
-        TwClrTxtOnSuccess?: React.CSSProperties['color'];
-        TwClrTxtSuccess?: React.CSSProperties['color'];
-        TwClrBgWarning?: React.CSSProperties['color'];
-        TwClrBgWarningActive?: React.CSSProperties['color'];
-        TwClrBgWarningHover?: React.CSSProperties['color'];
-        TwClrBgWarningTertiary?: React.CSSProperties['color'];
-        TwClrBrdrWarning?: React.CSSProperties['color'];
-        TwClrBrdrWarningActive?: React.CSSProperties['color'];
-        TwClrBrdrWarningHover?: React.CSSProperties['color'];
-        TwClrIcnOnWarning?: React.CSSProperties['color'];
-        TwClrIcnWarning?: React.CSSProperties['color'];
-        TwClrTxtOnWarning?: React.CSSProperties['color'];
-        TwClrTxtWarning?: React.CSSProperties['color'];
-        TwClrBgAccent?: React.CSSProperties['color'];
-        TwClrTxtAccent?: React.CSSProperties['color'];
-        TwClrTxtOnAccent?: React.CSSProperties['color'];
-        TwClrBgAccentAux?: React.CSSProperties['color'];
-        TwClrTxtAccentAux?: React.CSSProperties['color'];
+        TwClrBaseBlack?: string;
+        TwClrBaseGray025?: string;
+        TwClrBaseGray050?: string;
+        TwClrBaseGray075?: string;
+        TwClrBaseGray100?: string;
+        TwClrBaseGray200?: string;
+        TwClrBaseGray300?: string;
+        TwClrBaseGray400?: string;
+        TwClrBaseGray500?: string;
+        TwClrBaseGray600?: string;
+        TwClrBaseGray700?: string;
+        TwClrBaseGray800?: string;
+        TwClrBaseGray900?: string;
+        TwClrBaseTransparent?: string;
+        TwClrBaseWhite?: string;
+        TwClrBaseBlue050?: string;
+        TwClrBaseBlue100?: string;
+        TwClrBaseBlue200?: string;
+        TwClrBaseBlue300?: string;
+        TwClrBaseBlue400?: string;
+        TwClrBaseBlue500?: string;
+        TwClrBaseBlue600?: string;
+        TwClrBaseBlue700?: string;
+        TwClrBaseBlue800?: string;
+        TwClrBaseGreen050?: string;
+        TwClrBaseGreen100?: string;
+        TwClrBaseGreen200?: string;
+        TwClrBaseGreen300?: string;
+        TwClrBaseGreen400?: string;
+        TwClrBaseGreen500?: string;
+        TwClrBaseGreen600?: string;
+        TwClrBaseGreen700?: string;
+        TwClrBaseGreen800?: string;
+        TwClrBaseLightGreen050?: string;
+        TwClrBaseLightGreen100?: string;
+        TwClrBaseLightGreen200?: string;
+        TwClrBaseLightGreen300?: string;
+        TwClrBaseLightGreen400?: string;
+        TwClrBaseLightGreen500?: string;
+        TwClrBaseLightGreen600?: string;
+        TwClrBaseLightGreen700?: string;
+        TwClrBaseLightGreen800?: string;
+        TwClrBaseOrange050?: string;
+        TwClrBaseOrange100?: string;
+        TwClrBaseOrange200?: string;
+        TwClrBaseOrange300?: string;
+        TwClrBaseOrange400?: string;
+        TwClrBaseOrange500?: string;
+        TwClrBaseOrange600?: string;
+        TwClrBaseOrange700?: string;
+        TwClrBaseOrange800?: string;
+        TwClrBasePink050?: string;
+        TwClrBasePink100?: string;
+        TwClrBasePink200?: string;
+        TwClrBasePink300?: string;
+        TwClrBasePink400?: string;
+        TwClrBasePink500?: string;
+        TwClrBasePink600?: string;
+        TwClrBasePink700?: string;
+        TwClrBasePink800?: string;
+        TwClrBasePurple050?: string;
+        TwClrBasePurple100?: string;
+        TwClrBasePurple200?: string;
+        TwClrBasePurple300?: string;
+        TwClrBasePurple400?: string;
+        TwClrBasePurple500?: string;
+        TwClrBasePurple600?: string;
+        TwClrBasePurple700?: string;
+        TwClrBasePurple800?: string;
+        TwClrBaseRed050?: string;
+        TwClrBaseRed100?: string;
+        TwClrBaseRed200?: string;
+        TwClrBaseRed300?: string;
+        TwClrBaseRed400?: string;
+        TwClrBaseRed500?: string;
+        TwClrBaseRed600?: string;
+        TwClrBaseRed700?: string;
+        TwClrBaseRed800?: string;
+        TwClrBaseYellow050?: string;
+        TwClrBaseYellow100?: string;
+        TwClrBaseYellow200?: string;
+        TwClrBaseYellow300?: string;
+        TwClrBaseYellow400?: string;
+        TwClrBaseYellow500?: string;
+        TwClrBaseYellow600?: string;
+        TwClrBaseYellow700?: string;
+        TwClrBaseYellow800?: string;
+        TwClrBg?: string;
+        TwClrBgActive?: string;
+        TwClrBgGhost?: string;
+        TwClrBgGhostActive?: string;
+        TwClrBgGhostHover?: string;
+        TwClrBgHover?: string;
+        TwClrBgInverse?: string;
+        TwClrBgSecondary?: string;
+        TwClrBgSecondaryActive?: string;
+        TwClrBgSecondaryHover?: string;
+        TwClrBgTertiary?: string;
+        TwClrBgTertiaryActive?: string;
+        TwClrBgTertiaryHover?: string;
+        TwClrBrdr?: string;
+        TwClrBrdrActive?: string;
+        TwClrBrdrFocus?: string;
+        TwClrBrdrHover?: string;
+        TwClrBrdrSecondary?: string;
+        TwClrBrdrTertiary?: string;
+        TwClrIcn?: string;
+        TwClrIcnInverse?: string;
+        TwClrIcnSecondary?: string;
+        TwClrShdw?: string;
+        TwClrTxt?: string;
+        TwClrTxtInverse?: string;
+        TwClrTxtSecondary?: string;
+        TwClrTxtTertiary?: string;
+        TwClrBgBrand?: string;
+        TwClrBgBrandActive?: string;
+        TwClrBgBrandGhost?: string;
+        TwClrBgBrandGhostActive?: string;
+        TwClrBgBrandGhostHover?: string;
+        TwClrBgBrandHover?: string;
+        TwClrBgBrandTertiary?: string;
+        TwClrBrdrBrand?: string;
+        TwClrIcnBrand?: string;
+        TwClrIcnOnBrand?: string;
+        TwClrTxtBrand?: string;
+        TwClrTxtOnBrand?: string;
+        TwClrBgDanger?: string;
+        TwClrBgDangerActive?: string;
+        TwClrBgDangerGhost?: string;
+        TwClrBgDangerGhostActive?: string;
+        TwClrBgDangerGhostHover?: string;
+        TwClrBgDangerHover?: string;
+        TwClrBgDangerTertiary?: string;
+        TwClrBrdrDanger?: string;
+        TwClrBrdrDangerActive?: string;
+        TwClrBrdrDangerHover?: string;
+        TwClrIcnDanger?: string;
+        TwClrIcnOnDanger?: string;
+        TwClrTxtDanger?: string;
+        TwClrTxtOnDanger?: string;
+        TwClrBgInfo?: string;
+        TwClrBgInfoTertiary?: string;
+        TwClrBrdrInfo?: string;
+        TwClrIcnInfo?: string;
+        TwClrIcnOnInfo?: string;
+        TwClrTxtInfo?: string;
+        TwClrTxtOnInfo?: string;
+        TwClrBgSelected?: string;
+        TwClrBgSelectedTertiary?: string;
+        TwClrBgSelectedGhost?: string;
+        TwClrBgSelectedGhostActive?: string;
+        TwClrBgSelectedGhostHover?: string;
+        TwClrBrdrSelected?: string;
+        TwClrIcnOnSelected?: string;
+        TwClrIcnSelected?: string;
+        TwClrTxtOnSelected?: string;
+        TwClrTxtSelected?: string;
+        TwClrBgSuccess?: string;
+        TwClrBgSuccessTertiary?: string;
+        TwClrBgSuccessActive?: string;
+        TwClrBgSuccessHover?: string;
+        TwClrBrdrSuccess?: string;
+        TwClrIcnOnSuccess?: string;
+        TwClrIcnSuccess?: string;
+        TwClrTxtOnSuccess?: string;
+        TwClrTxtSuccess?: string;
+        TwClrBgWarning?: string;
+        TwClrBgWarningActive?: string;
+        TwClrBgWarningHover?: string;
+        TwClrBgWarningTertiary?: string;
+        TwClrBrdrWarning?: string;
+        TwClrBrdrWarningActive?: string;
+        TwClrBrdrWarningHover?: string;
+        TwClrIcnOnWarning?: string;
+        TwClrIcnWarning?: string;
+        TwClrTxtOnWarning?: string;
+        TwClrTxtWarning?: string;
+        TwClrBgAccent?: string;
+        TwClrTxtAccent?: string;
+        TwClrTxtOnAccent?: string;
+        TwClrBgAccentAux?: string;
+        TwClrTxtAccentAux?: string;
     }
 }
 type ThemeDictionary = {