npm - @salutejs/plasma-themes - Versions diffs - 0.37.1-canary.2240.17816995054.0 → 0.38.0-canary.2235.17792261875.0 - Mend

@salutejs/plasma-themes 0.37.1-canary.2240.17816995054.0 → 0.38.0-canary.2235.17792261875.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (33) hide show

package/css/plasma_b2c.module.css +10 -0
package/css/plasma_b2c__dark.css +5 -0
package/css/plasma_b2c__light.css +5 -0
package/css/plasma_homeds.module.css +406 -406
package/css/plasma_homeds__dark.css +406 -406
package/css/plasma_homeds__light.css +406 -406
package/es/themes/plasma_b2c__dark.js +1 -1
package/es/themes/plasma_b2c__dark.js.map +1 -1
package/es/themes/plasma_b2c__light.js +1 -1
package/es/themes/plasma_b2c__light.js.map +1 -1
package/es/themes/plasma_homeds__dark.js +1 -1
package/es/themes/plasma_homeds__dark.js.map +1 -1
package/es/themes/plasma_homeds__light.js +1 -1
package/es/themes/plasma_homeds__light.js.map +1 -1
package/es/tokens/plasma_b2c/index.js +12 -2
package/es/tokens/plasma_b2c/index.js.map +1 -1
package/es/tokens/plasma_homeds/index.js +294 -294
package/es/tokens/plasma_homeds/index.js.map +1 -1
package/package.json +2 -2
package/themes/plasma_b2c__dark.js +1 -1
package/themes/plasma_b2c__dark.js.map +1 -1
package/themes/plasma_b2c__light.js +1 -1
package/themes/plasma_b2c__light.js.map +1 -1
package/themes/plasma_homeds__dark.js +1 -1
package/themes/plasma_homeds__dark.js.map +1 -1
package/themes/plasma_homeds__light.js +1 -1
package/themes/plasma_homeds__light.js.map +1 -1
package/tokens/plasma_b2c/index.d.ts +10 -0
package/tokens/plasma_b2c/index.js +31 -21
package/tokens/plasma_b2c/index.js.map +1 -1
package/tokens/plasma_homeds/index.d.ts +100 -100
package/tokens/plasma_homeds/index.js +296 -296
package/tokens/plasma_homeds/index.js.map +1 -1

package/es/tokens/plasma_homeds/index.js CHANGED Viewed

@@ -1787,6 +1787,15 @@ export var spacing32x = 'var(--spacing-32x, 64px)';
 export var spacing40x = 'var(--spacing-40x, 80px)';
 /** spacing 60x */
 export var spacing60x = 'var(--spacing-60x, 120px)';
+/** typography s display-l */
+export var dsplL = {
+    fontFamily: 'var(--plasma-typo-dspl-l-font-family)',
+    fontSize: 'var(--plasma-typo-dspl-l-font-size)',
+    fontStyle: 'var(--plasma-typo-dspl-l-font-style)',
+    fontWeight: 'var(--plasma-typo-dspl-l-font-weight)',
+    letterSpacing: 'var(--plasma-typo-dspl-l-letter-spacing)',
+    lineHeight: 'var(--plasma-typo-dspl-l-line-height)',
+};
 /** typography s display-l-bold */
 export var dsplLBold = {
     fontFamily: 'var(--plasma-typo-dspl-l-bold-font-family)',
@@ -1796,23 +1805,14 @@ export var dsplLBold = {
     letterSpacing: 'var(--plasma-typo-dspl-l-bold-letter-spacing)',
     lineHeight: 'var(--plasma-typo-dspl-l-bold-line-height)',
 };
-/** typography s display-l-medium */
-export var dsplLMedium = {
-    fontFamily: 'var(--plasma-typo-dspl-l-medium-font-family)',
-    fontSize: 'var(--plasma-typo-dspl-l-medium-font-size)',
-    fontStyle: 'var(--plasma-typo-dspl-l-medium-font-style)',
-    fontWeight: 'var(--plasma-typo-dspl-l-medium-font-weight)',
-    letterSpacing: 'var(--plasma-typo-dspl-l-medium-letter-spacing)',
-    lineHeight: 'var(--plasma-typo-dspl-l-medium-line-height)',
-};
-/** typography s display-l */
-export var dsplL = {
-    fontFamily: 'var(--plasma-typo-dspl-l-font-family)',
-    fontSize: 'var(--plasma-typo-dspl-l-font-size)',
-    fontStyle: 'var(--plasma-typo-dspl-l-font-style)',
-    fontWeight: 'var(--plasma-typo-dspl-l-font-weight)',
-    letterSpacing: 'var(--plasma-typo-dspl-l-letter-spacing)',
-    lineHeight: 'var(--plasma-typo-dspl-l-line-height)',
+/** typography s display-m */
+export var dsplM = {
+    fontFamily: 'var(--plasma-typo-dspl-m-font-family)',
+    fontSize: 'var(--plasma-typo-dspl-m-font-size)',
+    fontStyle: 'var(--plasma-typo-dspl-m-font-style)',
+    fontWeight: 'var(--plasma-typo-dspl-m-font-weight)',
+    letterSpacing: 'var(--plasma-typo-dspl-m-letter-spacing)',
+    lineHeight: 'var(--plasma-typo-dspl-m-line-height)',
 };
 /** typography s display-m-bold */
 export var dsplMBold = {
@@ -1823,23 +1823,14 @@ export var dsplMBold = {
     letterSpacing: 'var(--plasma-typo-dspl-m-bold-letter-spacing)',
     lineHeight: 'var(--plasma-typo-dspl-m-bold-line-height)',
 };
-/** typography s display-m-medium */
-export var dsplMMedium = {
-    fontFamily: 'var(--plasma-typo-dspl-m-medium-font-family)',
-    fontSize: 'var(--plasma-typo-dspl-m-medium-font-size)',
-    fontStyle: 'var(--plasma-typo-dspl-m-medium-font-style)',
-    fontWeight: 'var(--plasma-typo-dspl-m-medium-font-weight)',
-    letterSpacing: 'var(--plasma-typo-dspl-m-medium-letter-spacing)',
-    lineHeight: 'var(--plasma-typo-dspl-m-medium-line-height)',
-};
-/** typography s display-m */
-export var dsplM = {
-    fontFamily: 'var(--plasma-typo-dspl-m-font-family)',
-    fontSize: 'var(--plasma-typo-dspl-m-font-size)',
-    fontStyle: 'var(--plasma-typo-dspl-m-font-style)',
-    fontWeight: 'var(--plasma-typo-dspl-m-font-weight)',
-    letterSpacing: 'var(--plasma-typo-dspl-m-letter-spacing)',
-    lineHeight: 'var(--plasma-typo-dspl-m-line-height)',
+/** typography s display-s */
+export var dsplS = {
+    fontFamily: 'var(--plasma-typo-dspl-s-font-family)',
+    fontSize: 'var(--plasma-typo-dspl-s-font-size)',
+    fontStyle: 'var(--plasma-typo-dspl-s-font-style)',
+    fontWeight: 'var(--plasma-typo-dspl-s-font-weight)',
+    letterSpacing: 'var(--plasma-typo-dspl-s-letter-spacing)',
+    lineHeight: 'var(--plasma-typo-dspl-s-line-height)',
 };
 /** typography s display-s-bold */
 export var dsplSBold = {
@@ -1850,23 +1841,14 @@ export var dsplSBold = {
     letterSpacing: 'var(--plasma-typo-dspl-s-bold-letter-spacing)',
     lineHeight: 'var(--plasma-typo-dspl-s-bold-line-height)',
 };
-/** typography s display-s-medium */
-export var dsplSMedium = {
-    fontFamily: 'var(--plasma-typo-dspl-s-medium-font-family)',
-    fontSize: 'var(--plasma-typo-dspl-s-medium-font-size)',
-    fontStyle: 'var(--plasma-typo-dspl-s-medium-font-style)',
-    fontWeight: 'var(--plasma-typo-dspl-s-medium-font-weight)',
-    letterSpacing: 'var(--plasma-typo-dspl-s-medium-letter-spacing)',
-    lineHeight: 'var(--plasma-typo-dspl-s-medium-line-height)',
-};
-/** typography s display-s */
-export var dsplS = {
-    fontFamily: 'var(--plasma-typo-dspl-s-font-family)',
-    fontSize: 'var(--plasma-typo-dspl-s-font-size)',
-    fontStyle: 'var(--plasma-typo-dspl-s-font-style)',
-    fontWeight: 'var(--plasma-typo-dspl-s-font-weight)',
-    letterSpacing: 'var(--plasma-typo-dspl-s-letter-spacing)',
-    lineHeight: 'var(--plasma-typo-dspl-s-line-height)',
+/** typography s header-h1 */
+export var h1 = {
+    fontFamily: 'var(--plasma-typo-h1-font-family)',
+    fontSize: 'var(--plasma-typo-h1-font-size)',
+    fontStyle: 'var(--plasma-typo-h1-font-style)',
+    fontWeight: 'var(--plasma-typo-h1-font-weight)',
+    letterSpacing: 'var(--plasma-typo-h1-letter-spacing)',
+    lineHeight: 'var(--plasma-typo-h1-line-height)',
 };
 /** typography s header-h1-bold */
 export var h1Bold = {
@@ -1877,6 +1859,267 @@ export var h1Bold = {
     letterSpacing: 'var(--plasma-typo-h1-bold-letter-spacing)',
     lineHeight: 'var(--plasma-typo-h1-bold-line-height)',
 };
+/** typography s header-h2 */
+export var h2 = {
+    fontFamily: 'var(--plasma-typo-h2-font-family)',
+    fontSize: 'var(--plasma-typo-h2-font-size)',
+    fontStyle: 'var(--plasma-typo-h2-font-style)',
+    fontWeight: 'var(--plasma-typo-h2-font-weight)',
+    letterSpacing: 'var(--plasma-typo-h2-letter-spacing)',
+    lineHeight: 'var(--plasma-typo-h2-line-height)',
+};
+/** typography s header-h2-bold */
+export var h2Bold = {
+    fontFamily: 'var(--plasma-typo-h2-bold-font-family)',
+    fontSize: 'var(--plasma-typo-h2-bold-font-size)',
+    fontStyle: 'var(--plasma-typo-h2-bold-font-style)',
+    fontWeight: 'var(--plasma-typo-h2-bold-font-weight)',
+    letterSpacing: 'var(--plasma-typo-h2-bold-letter-spacing)',
+    lineHeight: 'var(--plasma-typo-h2-bold-line-height)',
+};
+/** typography s header-h3 */
+export var h3 = {
+    fontFamily: 'var(--plasma-typo-h3-font-family)',
+    fontSize: 'var(--plasma-typo-h3-font-size)',
+    fontStyle: 'var(--plasma-typo-h3-font-style)',
+    fontWeight: 'var(--plasma-typo-h3-font-weight)',
+    letterSpacing: 'var(--plasma-typo-h3-letter-spacing)',
+    lineHeight: 'var(--plasma-typo-h3-line-height)',
+};
+/** typography s header-h3-bold */
+export var h3Bold = {
+    fontFamily: 'var(--plasma-typo-h3-bold-font-family)',
+    fontSize: 'var(--plasma-typo-h3-bold-font-size)',
+    fontStyle: 'var(--plasma-typo-h3-bold-font-style)',
+    fontWeight: 'var(--plasma-typo-h3-bold-font-weight)',
+    letterSpacing: 'var(--plasma-typo-h3-bold-letter-spacing)',
+    lineHeight: 'var(--plasma-typo-h3-bold-line-height)',
+};
+/** typography s header-h4 */
+export var h4 = {
+    fontFamily: 'var(--plasma-typo-h4-font-family)',
+    fontSize: 'var(--plasma-typo-h4-font-size)',
+    fontStyle: 'var(--plasma-typo-h4-font-style)',
+    fontWeight: 'var(--plasma-typo-h4-font-weight)',
+    letterSpacing: 'var(--plasma-typo-h4-letter-spacing)',
+    lineHeight: 'var(--plasma-typo-h4-line-height)',
+};
+/** typography s header-h4-bold */
+export var h4Bold = {
+    fontFamily: 'var(--plasma-typo-h4-bold-font-family)',
+    fontSize: 'var(--plasma-typo-h4-bold-font-size)',
+    fontStyle: 'var(--plasma-typo-h4-bold-font-style)',
+    fontWeight: 'var(--plasma-typo-h4-bold-font-weight)',
+    letterSpacing: 'var(--plasma-typo-h4-bold-letter-spacing)',
+    lineHeight: 'var(--plasma-typo-h4-bold-line-height)',
+};
+/** typography s header-h5 */
+export var h5 = {
+    fontFamily: 'var(--plasma-typo-h5-font-family)',
+    fontSize: 'var(--plasma-typo-h5-font-size)',
+    fontStyle: 'var(--plasma-typo-h5-font-style)',
+    fontWeight: 'var(--plasma-typo-h5-font-weight)',
+    letterSpacing: 'var(--plasma-typo-h5-letter-spacing)',
+    lineHeight: 'var(--plasma-typo-h5-line-height)',
+};
+/** typography s header-h5-bold */
+export var h5Bold = {
+    fontFamily: 'var(--plasma-typo-h5-bold-font-family)',
+    fontSize: 'var(--plasma-typo-h5-bold-font-size)',
+    fontStyle: 'var(--plasma-typo-h5-bold-font-style)',
+    fontWeight: 'var(--plasma-typo-h5-bold-font-weight)',
+    letterSpacing: 'var(--plasma-typo-h5-bold-letter-spacing)',
+    lineHeight: 'var(--plasma-typo-h5-bold-line-height)',
+};
+/** typography s body-l */
+export var bodyL = {
+    fontFamily: 'var(--plasma-typo-body-l-font-family)',
+    fontSize: 'var(--plasma-typo-body-l-font-size)',
+    fontStyle: 'var(--plasma-typo-body-l-font-style)',
+    fontWeight: 'var(--plasma-typo-body-l-font-weight)',
+    letterSpacing: 'var(--plasma-typo-body-l-letter-spacing)',
+    lineHeight: 'var(--plasma-typo-body-l-line-height)',
+};
+/** typography s body-l-bold */
+export var bodyLBold = {
+    fontFamily: 'var(--plasma-typo-body-l-bold-font-family)',
+    fontSize: 'var(--plasma-typo-body-l-bold-font-size)',
+    fontStyle: 'var(--plasma-typo-body-l-bold-font-style)',
+    fontWeight: 'var(--plasma-typo-body-l-bold-font-weight)',
+    letterSpacing: 'var(--plasma-typo-body-l-bold-letter-spacing)',
+    lineHeight: 'var(--plasma-typo-body-l-bold-line-height)',
+};
+/** typography s body-m */
+export var bodyM = {
+    fontFamily: 'var(--plasma-typo-body-m-font-family)',
+    fontSize: 'var(--plasma-typo-body-m-font-size)',
+    fontStyle: 'var(--plasma-typo-body-m-font-style)',
+    fontWeight: 'var(--plasma-typo-body-m-font-weight)',
+    letterSpacing: 'var(--plasma-typo-body-m-letter-spacing)',
+    lineHeight: 'var(--plasma-typo-body-m-line-height)',
+};
+/** typography s body-m-bold */
+export var bodyMBold = {
+    fontFamily: 'var(--plasma-typo-body-m-bold-font-family)',
+    fontSize: 'var(--plasma-typo-body-m-bold-font-size)',
+    fontStyle: 'var(--plasma-typo-body-m-bold-font-style)',
+    fontWeight: 'var(--plasma-typo-body-m-bold-font-weight)',
+    letterSpacing: 'var(--plasma-typo-body-m-bold-letter-spacing)',
+    lineHeight: 'var(--plasma-typo-body-m-bold-line-height)',
+};
+/** typography s body-s */
+export var bodyS = {
+    fontFamily: 'var(--plasma-typo-body-s-font-family)',
+    fontSize: 'var(--plasma-typo-body-s-font-size)',
+    fontStyle: 'var(--plasma-typo-body-s-font-style)',
+    fontWeight: 'var(--plasma-typo-body-s-font-weight)',
+    letterSpacing: 'var(--plasma-typo-body-s-letter-spacing)',
+    lineHeight: 'var(--plasma-typo-body-s-line-height)',
+};
+/** typography s body-s-bold */
+export var bodySBold = {
+    fontFamily: 'var(--plasma-typo-body-s-bold-font-family)',
+    fontSize: 'var(--plasma-typo-body-s-bold-font-size)',
+    fontStyle: 'var(--plasma-typo-body-s-bold-font-style)',
+    fontWeight: 'var(--plasma-typo-body-s-bold-font-weight)',
+    letterSpacing: 'var(--plasma-typo-body-s-bold-letter-spacing)',
+    lineHeight: 'var(--plasma-typo-body-s-bold-line-height)',
+};
+/** typography s body-xs */
+export var bodyXS = {
+    fontFamily: 'var(--plasma-typo-body-xs-font-family)',
+    fontSize: 'var(--plasma-typo-body-xs-font-size)',
+    fontStyle: 'var(--plasma-typo-body-xs-font-style)',
+    fontWeight: 'var(--plasma-typo-body-xs-font-weight)',
+    letterSpacing: 'var(--plasma-typo-body-xs-letter-spacing)',
+    lineHeight: 'var(--plasma-typo-body-xs-line-height)',
+};
+/** typography s body-xs-bold */
+export var bodyXSBold = {
+    fontFamily: 'var(--plasma-typo-body-xs-bold-font-family)',
+    fontSize: 'var(--plasma-typo-body-xs-bold-font-size)',
+    fontStyle: 'var(--plasma-typo-body-xs-bold-font-style)',
+    fontWeight: 'var(--plasma-typo-body-xs-bold-font-weight)',
+    letterSpacing: 'var(--plasma-typo-body-xs-bold-letter-spacing)',
+    lineHeight: 'var(--plasma-typo-body-xs-bold-line-height)',
+};
+/** typography s body-xxs */
+export var bodyXXS = {
+    fontFamily: 'var(--plasma-typo-body-xxs-font-family)',
+    fontSize: 'var(--plasma-typo-body-xxs-font-size)',
+    fontStyle: 'var(--plasma-typo-body-xxs-font-style)',
+    fontWeight: 'var(--plasma-typo-body-xxs-font-weight)',
+    letterSpacing: 'var(--plasma-typo-body-xxs-letter-spacing)',
+    lineHeight: 'var(--plasma-typo-body-xxs-line-height)',
+};
+/** typography s body-xxs-bold */
+export var bodyXXSBold = {
+    fontFamily: 'var(--plasma-typo-body-xxs-bold-font-family)',
+    fontSize: 'var(--plasma-typo-body-xxs-bold-font-size)',
+    fontStyle: 'var(--plasma-typo-body-xxs-bold-font-style)',
+    fontWeight: 'var(--plasma-typo-body-xxs-bold-font-weight)',
+    letterSpacing: 'var(--plasma-typo-body-xxs-bold-letter-spacing)',
+    lineHeight: 'var(--plasma-typo-body-xxs-bold-line-height)',
+};
+/** typography s text-l */
+export var textL = {
+    fontFamily: 'var(--plasma-typo-text-l-font-family)',
+    fontSize: 'var(--plasma-typo-text-l-font-size)',
+    fontStyle: 'var(--plasma-typo-text-l-font-style)',
+    fontWeight: 'var(--plasma-typo-text-l-font-weight)',
+    letterSpacing: 'var(--plasma-typo-text-l-letter-spacing)',
+    lineHeight: 'var(--plasma-typo-text-l-line-height)',
+};
+/** typography s text-l-bold */
+export var textLBold = {
+    fontFamily: 'var(--plasma-typo-text-l-bold-font-family)',
+    fontSize: 'var(--plasma-typo-text-l-bold-font-size)',
+    fontStyle: 'var(--plasma-typo-text-l-bold-font-style)',
+    fontWeight: 'var(--plasma-typo-text-l-bold-font-weight)',
+    letterSpacing: 'var(--plasma-typo-text-l-bold-letter-spacing)',
+    lineHeight: 'var(--plasma-typo-text-l-bold-line-height)',
+};
+/** typography s text-m */
+export var textM = {
+    fontFamily: 'var(--plasma-typo-text-m-font-family)',
+    fontSize: 'var(--plasma-typo-text-m-font-size)',
+    fontStyle: 'var(--plasma-typo-text-m-font-style)',
+    fontWeight: 'var(--plasma-typo-text-m-font-weight)',
+    letterSpacing: 'var(--plasma-typo-text-m-letter-spacing)',
+    lineHeight: 'var(--plasma-typo-text-m-line-height)',
+};
+/** typography s text-m-bold */
+export var textMBold = {
+    fontFamily: 'var(--plasma-typo-text-m-bold-font-family)',
+    fontSize: 'var(--plasma-typo-text-m-bold-font-size)',
+    fontStyle: 'var(--plasma-typo-text-m-bold-font-style)',
+    fontWeight: 'var(--plasma-typo-text-m-bold-font-weight)',
+    letterSpacing: 'var(--plasma-typo-text-m-bold-letter-spacing)',
+    lineHeight: 'var(--plasma-typo-text-m-bold-line-height)',
+};
+/** typography s text-s */
+export var textS = {
+    fontFamily: 'var(--plasma-typo-text-s-font-family)',
+    fontSize: 'var(--plasma-typo-text-s-font-size)',
+    fontStyle: 'var(--plasma-typo-text-s-font-style)',
+    fontWeight: 'var(--plasma-typo-text-s-font-weight)',
+    letterSpacing: 'var(--plasma-typo-text-s-letter-spacing)',
+    lineHeight: 'var(--plasma-typo-text-s-line-height)',
+};
+/** typography s text-s-bold */
+export var textSBold = {
+    fontFamily: 'var(--plasma-typo-text-s-bold-font-family)',
+    fontSize: 'var(--plasma-typo-text-s-bold-font-size)',
+    fontStyle: 'var(--plasma-typo-text-s-bold-font-style)',
+    fontWeight: 'var(--plasma-typo-text-s-bold-font-weight)',
+    letterSpacing: 'var(--plasma-typo-text-s-bold-letter-spacing)',
+    lineHeight: 'var(--plasma-typo-text-s-bold-line-height)',
+};
+/** typography s text-xs */
+export var textXS = {
+    fontFamily: 'var(--plasma-typo-text-xs-font-family)',
+    fontSize: 'var(--plasma-typo-text-xs-font-size)',
+    fontStyle: 'var(--plasma-typo-text-xs-font-style)',
+    fontWeight: 'var(--plasma-typo-text-xs-font-weight)',
+    letterSpacing: 'var(--plasma-typo-text-xs-letter-spacing)',
+    lineHeight: 'var(--plasma-typo-text-xs-line-height)',
+};
+/** typography s text-xs-bold */
+export var textXSBold = {
+    fontFamily: 'var(--plasma-typo-text-xs-bold-font-family)',
+    fontSize: 'var(--plasma-typo-text-xs-bold-font-size)',
+    fontStyle: 'var(--plasma-typo-text-xs-bold-font-style)',
+    fontWeight: 'var(--plasma-typo-text-xs-bold-font-weight)',
+    letterSpacing: 'var(--plasma-typo-text-xs-bold-letter-spacing)',
+    lineHeight: 'var(--plasma-typo-text-xs-bold-line-height)',
+};
+/** typography s display-l-medium */
+export var dsplLMedium = {
+    fontFamily: 'var(--plasma-typo-dspl-l-medium-font-family)',
+    fontSize: 'var(--plasma-typo-dspl-l-medium-font-size)',
+    fontStyle: 'var(--plasma-typo-dspl-l-medium-font-style)',
+    fontWeight: 'var(--plasma-typo-dspl-l-medium-font-weight)',
+    letterSpacing: 'var(--plasma-typo-dspl-l-medium-letter-spacing)',
+    lineHeight: 'var(--plasma-typo-dspl-l-medium-line-height)',
+};
+/** typography s display-m-medium */
+export var dsplMMedium = {
+    fontFamily: 'var(--plasma-typo-dspl-m-medium-font-family)',
+    fontSize: 'var(--plasma-typo-dspl-m-medium-font-size)',
+    fontStyle: 'var(--plasma-typo-dspl-m-medium-font-style)',
+    fontWeight: 'var(--plasma-typo-dspl-m-medium-font-weight)',
+    letterSpacing: 'var(--plasma-typo-dspl-m-medium-letter-spacing)',
+    lineHeight: 'var(--plasma-typo-dspl-m-medium-line-height)',
+};
+/** typography s display-s-medium */
+export var dsplSMedium = {
+    fontFamily: 'var(--plasma-typo-dspl-s-medium-font-family)',
+    fontSize: 'var(--plasma-typo-dspl-s-medium-font-size)',
+    fontStyle: 'var(--plasma-typo-dspl-s-medium-font-style)',
+    fontWeight: 'var(--plasma-typo-dspl-s-medium-font-weight)',
+    letterSpacing: 'var(--plasma-typo-dspl-s-medium-letter-spacing)',
+    lineHeight: 'var(--plasma-typo-dspl-s-medium-line-height)',
+};
 /** typography s header-h1-medium */
 export var h1Medium = {
     fontFamily: 'var(--plasma-typo-h1-medium-font-family)',
@@ -1886,24 +2129,6 @@ export var h1Medium = {
     letterSpacing: 'var(--plasma-typo-h1-medium-letter-spacing)',
     lineHeight: 'var(--plasma-typo-h1-medium-line-height)',
 };
-/** typography s header-h1 */
-export var h1 = {
-    fontFamily: 'var(--plasma-typo-h1-font-family)',
-    fontSize: 'var(--plasma-typo-h1-font-size)',
-    fontStyle: 'var(--plasma-typo-h1-font-style)',
-    fontWeight: 'var(--plasma-typo-h1-font-weight)',
-    letterSpacing: 'var(--plasma-typo-h1-letter-spacing)',
-    lineHeight: 'var(--plasma-typo-h1-line-height)',
-};
-/** typography s header-h2-bold */
-export var h2Bold = {
-    fontFamily: 'var(--plasma-typo-h2-bold-font-family)',
-    fontSize: 'var(--plasma-typo-h2-bold-font-size)',
-    fontStyle: 'var(--plasma-typo-h2-bold-font-style)',
-    fontWeight: 'var(--plasma-typo-h2-bold-font-weight)',
-    letterSpacing: 'var(--plasma-typo-h2-bold-letter-spacing)',
-    lineHeight: 'var(--plasma-typo-h2-bold-line-height)',
-};
 /** typography s header-h2-medium */
 export var h2Medium = {
     fontFamily: 'var(--plasma-typo-h2-medium-font-family)',
@@ -1913,24 +2138,6 @@ export var h2Medium = {
     letterSpacing: 'var(--plasma-typo-h2-medium-letter-spacing)',
     lineHeight: 'var(--plasma-typo-h2-medium-line-height)',
 };
-/** typography s header-h2 */
-export var h2 = {
-    fontFamily: 'var(--plasma-typo-h2-font-family)',
-    fontSize: 'var(--plasma-typo-h2-font-size)',
-    fontStyle: 'var(--plasma-typo-h2-font-style)',
-    fontWeight: 'var(--plasma-typo-h2-font-weight)',
-    letterSpacing: 'var(--plasma-typo-h2-letter-spacing)',
-    lineHeight: 'var(--plasma-typo-h2-line-height)',
-};
-/** typography s header-h3-bold */
-export var h3Bold = {
-    fontFamily: 'var(--plasma-typo-h3-bold-font-family)',
-    fontSize: 'var(--plasma-typo-h3-bold-font-size)',
-    fontStyle: 'var(--plasma-typo-h3-bold-font-style)',
-    fontWeight: 'var(--plasma-typo-h3-bold-font-weight)',
-    letterSpacing: 'var(--plasma-typo-h3-bold-letter-spacing)',
-    lineHeight: 'var(--plasma-typo-h3-bold-line-height)',
-};
 /** typography s header-h3-medium */
 export var h3Medium = {
     fontFamily: 'var(--plasma-typo-h3-medium-font-family)',
@@ -1940,24 +2147,6 @@ export var h3Medium = {
     letterSpacing: 'var(--plasma-typo-h3-medium-letter-spacing)',
     lineHeight: 'var(--plasma-typo-h3-medium-line-height)',
 };
-/** typography s header-h3 */
-export var h3 = {
-    fontFamily: 'var(--plasma-typo-h3-font-family)',
-    fontSize: 'var(--plasma-typo-h3-font-size)',
-    fontStyle: 'var(--plasma-typo-h3-font-style)',
-    fontWeight: 'var(--plasma-typo-h3-font-weight)',
-    letterSpacing: 'var(--plasma-typo-h3-letter-spacing)',
-    lineHeight: 'var(--plasma-typo-h3-line-height)',
-};
-/** typography s header-h4-bold */
-export var h4Bold = {
-    fontFamily: 'var(--plasma-typo-h4-bold-font-family)',
-    fontSize: 'var(--plasma-typo-h4-bold-font-size)',
-    fontStyle: 'var(--plasma-typo-h4-bold-font-style)',
-    fontWeight: 'var(--plasma-typo-h4-bold-font-weight)',
-    letterSpacing: 'var(--plasma-typo-h4-bold-letter-spacing)',
-    lineHeight: 'var(--plasma-typo-h4-bold-line-height)',
-};
 /** typography s header-h4-medium */
 export var h4Medium = {
     fontFamily: 'var(--plasma-typo-h4-medium-font-family)',
@@ -1967,24 +2156,6 @@ export var h4Medium = {
     letterSpacing: 'var(--plasma-typo-h4-medium-letter-spacing)',
     lineHeight: 'var(--plasma-typo-h4-medium-line-height)',
 };
-/** typography s header-h4 */
-export var h4 = {
-    fontFamily: 'var(--plasma-typo-h4-font-family)',
-    fontSize: 'var(--plasma-typo-h4-font-size)',
-    fontStyle: 'var(--plasma-typo-h4-font-style)',
-    fontWeight: 'var(--plasma-typo-h4-font-weight)',
-    letterSpacing: 'var(--plasma-typo-h4-letter-spacing)',
-    lineHeight: 'var(--plasma-typo-h4-line-height)',
-};
-/** typography s header-h5-bold */
-export var h5Bold = {
-    fontFamily: 'var(--plasma-typo-h5-bold-font-family)',
-    fontSize: 'var(--plasma-typo-h5-bold-font-size)',
-    fontStyle: 'var(--plasma-typo-h5-bold-font-style)',
-    fontWeight: 'var(--plasma-typo-h5-bold-font-weight)',
-    letterSpacing: 'var(--plasma-typo-h5-bold-letter-spacing)',
-    lineHeight: 'var(--plasma-typo-h5-bold-line-height)',
-};
 /** typography s header-h5-medium */
 export var h5Medium = {
     fontFamily: 'var(--plasma-typo-h5-medium-font-family)',
@@ -1994,24 +2165,6 @@ export var h5Medium = {
     letterSpacing: 'var(--plasma-typo-h5-medium-letter-spacing)',
     lineHeight: 'var(--plasma-typo-h5-medium-line-height)',
 };
-/** typography s header-h5 */
-export var h5 = {
-    fontFamily: 'var(--plasma-typo-h5-font-family)',
-    fontSize: 'var(--plasma-typo-h5-font-size)',
-    fontStyle: 'var(--plasma-typo-h5-font-style)',
-    fontWeight: 'var(--plasma-typo-h5-font-weight)',
-    letterSpacing: 'var(--plasma-typo-h5-letter-spacing)',
-    lineHeight: 'var(--plasma-typo-h5-line-height)',
-};
-/** typography s body-l-bold */
-export var bodyLBold = {
-    fontFamily: 'var(--plasma-typo-body-l-bold-font-family)',
-    fontSize: 'var(--plasma-typo-body-l-bold-font-size)',
-    fontStyle: 'var(--plasma-typo-body-l-bold-font-style)',
-    fontWeight: 'var(--plasma-typo-body-l-bold-font-weight)',
-    letterSpacing: 'var(--plasma-typo-body-l-bold-letter-spacing)',
-    lineHeight: 'var(--plasma-typo-body-l-bold-line-height)',
-};
 /** typography s body-l-medium */
 export var bodyLMedium = {
     fontFamily: 'var(--plasma-typo-body-l-medium-font-family)',
@@ -2021,24 +2174,6 @@ export var bodyLMedium = {
     letterSpacing: 'var(--plasma-typo-body-l-medium-letter-spacing)',
     lineHeight: 'var(--plasma-typo-body-l-medium-line-height)',
 };
-/** typography s body-l */
-export var bodyL = {
-    fontFamily: 'var(--plasma-typo-body-l-font-family)',
-    fontSize: 'var(--plasma-typo-body-l-font-size)',
-    fontStyle: 'var(--plasma-typo-body-l-font-style)',
-    fontWeight: 'var(--plasma-typo-body-l-font-weight)',
-    letterSpacing: 'var(--plasma-typo-body-l-letter-spacing)',
-    lineHeight: 'var(--plasma-typo-body-l-line-height)',
-};
-/** typography s body-m-bold */
-export var bodyMBold = {
-    fontFamily: 'var(--plasma-typo-body-m-bold-font-family)',
-    fontSize: 'var(--plasma-typo-body-m-bold-font-size)',
-    fontStyle: 'var(--plasma-typo-body-m-bold-font-style)',
-    fontWeight: 'var(--plasma-typo-body-m-bold-font-weight)',
-    letterSpacing: 'var(--plasma-typo-body-m-bold-letter-spacing)',
-    lineHeight: 'var(--plasma-typo-body-m-bold-line-height)',
-};
 /** typography s body-m-medium */
 export var bodyMMedium = {
     fontFamily: 'var(--plasma-typo-body-m-medium-font-family)',
@@ -2048,24 +2183,6 @@ export var bodyMMedium = {
     letterSpacing: 'var(--plasma-typo-body-m-medium-letter-spacing)',
     lineHeight: 'var(--plasma-typo-body-m-medium-line-height)',
 };
-/** typography s body-m */
-export var bodyM = {
-    fontFamily: 'var(--plasma-typo-body-m-font-family)',
-    fontSize: 'var(--plasma-typo-body-m-font-size)',
-    fontStyle: 'var(--plasma-typo-body-m-font-style)',
-    fontWeight: 'var(--plasma-typo-body-m-font-weight)',
-    letterSpacing: 'var(--plasma-typo-body-m-letter-spacing)',
-    lineHeight: 'var(--plasma-typo-body-m-line-height)',
-};
-/** typography s body-s-bold */
-export var bodySBold = {
-    fontFamily: 'var(--plasma-typo-body-s-bold-font-family)',
-    fontSize: 'var(--plasma-typo-body-s-bold-font-size)',
-    fontStyle: 'var(--plasma-typo-body-s-bold-font-style)',
-    fontWeight: 'var(--plasma-typo-body-s-bold-font-weight)',
-    letterSpacing: 'var(--plasma-typo-body-s-bold-letter-spacing)',
-    lineHeight: 'var(--plasma-typo-body-s-bold-line-height)',
-};
 /** typography s body-s-medium */
 export var bodySMedium = {
     fontFamily: 'var(--plasma-typo-body-s-medium-font-family)',
@@ -2075,24 +2192,6 @@ export var bodySMedium = {
     letterSpacing: 'var(--plasma-typo-body-s-medium-letter-spacing)',
     lineHeight: 'var(--plasma-typo-body-s-medium-line-height)',
 };
-/** typography s body-s */
-export var bodyS = {
-    fontFamily: 'var(--plasma-typo-body-s-font-family)',
-    fontSize: 'var(--plasma-typo-body-s-font-size)',
-    fontStyle: 'var(--plasma-typo-body-s-font-style)',
-    fontWeight: 'var(--plasma-typo-body-s-font-weight)',
-    letterSpacing: 'var(--plasma-typo-body-s-letter-spacing)',
-    lineHeight: 'var(--plasma-typo-body-s-line-height)',
-};
-/** typography s body-xs-bold */
-export var bodyXSBold = {
-    fontFamily: 'var(--plasma-typo-body-xs-bold-font-family)',
-    fontSize: 'var(--plasma-typo-body-xs-bold-font-size)',
-    fontStyle: 'var(--plasma-typo-body-xs-bold-font-style)',
-    fontWeight: 'var(--plasma-typo-body-xs-bold-font-weight)',
-    letterSpacing: 'var(--plasma-typo-body-xs-bold-letter-spacing)',
-    lineHeight: 'var(--plasma-typo-body-xs-bold-line-height)',
-};
 /** typography s body-xs-medium */
 export var bodyXSMedium = {
     fontFamily: 'var(--plasma-typo-body-xs-medium-font-family)',
@@ -2102,24 +2201,6 @@ export var bodyXSMedium = {
     letterSpacing: 'var(--plasma-typo-body-xs-medium-letter-spacing)',
     lineHeight: 'var(--plasma-typo-body-xs-medium-line-height)',
 };
-/** typography s body-xs */
-export var bodyXS = {
-    fontFamily: 'var(--plasma-typo-body-xs-font-family)',
-    fontSize: 'var(--plasma-typo-body-xs-font-size)',
-    fontStyle: 'var(--plasma-typo-body-xs-font-style)',
-    fontWeight: 'var(--plasma-typo-body-xs-font-weight)',
-    letterSpacing: 'var(--plasma-typo-body-xs-letter-spacing)',
-    lineHeight: 'var(--plasma-typo-body-xs-line-height)',
-};
-/** typography s body-xxs-bold */
-export var bodyXXSBold = {
-    fontFamily: 'var(--plasma-typo-body-xxs-bold-font-family)',
-    fontSize: 'var(--plasma-typo-body-xxs-bold-font-size)',
-    fontStyle: 'var(--plasma-typo-body-xxs-bold-font-style)',
-    fontWeight: 'var(--plasma-typo-body-xxs-bold-font-weight)',
-    letterSpacing: 'var(--plasma-typo-body-xxs-bold-letter-spacing)',
-    lineHeight: 'var(--plasma-typo-body-xxs-bold-line-height)',
-};
 /** typography s body-xxs-medium */
 export var bodyXXSMedium = {
     fontFamily: 'var(--plasma-typo-body-xxs-medium-font-family)',
@@ -2129,24 +2210,6 @@ export var bodyXXSMedium = {
     letterSpacing: 'var(--plasma-typo-body-xxs-medium-letter-spacing)',
     lineHeight: 'var(--plasma-typo-body-xxs-medium-line-height)',
 };
-/** typography s body-xxs */
-export var bodyXXS = {
-    fontFamily: 'var(--plasma-typo-body-xxs-font-family)',
-    fontSize: 'var(--plasma-typo-body-xxs-font-size)',
-    fontStyle: 'var(--plasma-typo-body-xxs-font-style)',
-    fontWeight: 'var(--plasma-typo-body-xxs-font-weight)',
-    letterSpacing: 'var(--plasma-typo-body-xxs-letter-spacing)',
-    lineHeight: 'var(--plasma-typo-body-xxs-line-height)',
-};
-/** typography s text-l-bold */
-export var textLBold = {
-    fontFamily: 'var(--plasma-typo-text-l-bold-font-family)',
-    fontSize: 'var(--plasma-typo-text-l-bold-font-size)',
-    fontStyle: 'var(--plasma-typo-text-l-bold-font-style)',
-    fontWeight: 'var(--plasma-typo-text-l-bold-font-weight)',
-    letterSpacing: 'var(--plasma-typo-text-l-bold-letter-spacing)',
-    lineHeight: 'var(--plasma-typo-text-l-bold-line-height)',
-};
 /** typography s text-l-medium */
 export var textLMedium = {
     fontFamily: 'var(--plasma-typo-text-l-medium-font-family)',
@@ -2156,24 +2219,6 @@ export var textLMedium = {
     letterSpacing: 'var(--plasma-typo-text-l-medium-letter-spacing)',
     lineHeight: 'var(--plasma-typo-text-l-medium-line-height)',
 };
-/** typography s text-l */
-export var textL = {
-    fontFamily: 'var(--plasma-typo-text-l-font-family)',
-    fontSize: 'var(--plasma-typo-text-l-font-size)',
-    fontStyle: 'var(--plasma-typo-text-l-font-style)',
-    fontWeight: 'var(--plasma-typo-text-l-font-weight)',
-    letterSpacing: 'var(--plasma-typo-text-l-letter-spacing)',
-    lineHeight: 'var(--plasma-typo-text-l-line-height)',
-};
-/** typography s text-m-bold */
-export var textMBold = {
-    fontFamily: 'var(--plasma-typo-text-m-bold-font-family)',
-    fontSize: 'var(--plasma-typo-text-m-bold-font-size)',
-    fontStyle: 'var(--plasma-typo-text-m-bold-font-style)',
-    fontWeight: 'var(--plasma-typo-text-m-bold-font-weight)',
-    letterSpacing: 'var(--plasma-typo-text-m-bold-letter-spacing)',
-    lineHeight: 'var(--plasma-typo-text-m-bold-line-height)',
-};
 /** typography s text-m-medium */
 export var textMMedium = {
     fontFamily: 'var(--plasma-typo-text-m-medium-font-family)',
@@ -2183,24 +2228,6 @@ export var textMMedium = {
     letterSpacing: 'var(--plasma-typo-text-m-medium-letter-spacing)',
     lineHeight: 'var(--plasma-typo-text-m-medium-line-height)',
 };
-/** typography s text-m */
-export var textM = {
-    fontFamily: 'var(--plasma-typo-text-m-font-family)',
-    fontSize: 'var(--plasma-typo-text-m-font-size)',
-    fontStyle: 'var(--plasma-typo-text-m-font-style)',
-    fontWeight: 'var(--plasma-typo-text-m-font-weight)',
-    letterSpacing: 'var(--plasma-typo-text-m-letter-spacing)',
-    lineHeight: 'var(--plasma-typo-text-m-line-height)',
-};
-/** typography s text-s-bold */
-export var textSBold = {
-    fontFamily: 'var(--plasma-typo-text-s-bold-font-family)',
-    fontSize: 'var(--plasma-typo-text-s-bold-font-size)',
-    fontStyle: 'var(--plasma-typo-text-s-bold-font-style)',
-    fontWeight: 'var(--plasma-typo-text-s-bold-font-weight)',
-    letterSpacing: 'var(--plasma-typo-text-s-bold-letter-spacing)',
-    lineHeight: 'var(--plasma-typo-text-s-bold-line-height)',
-};
 /** typography s text-s-medium */
 export var textSMedium = {
     fontFamily: 'var(--plasma-typo-text-s-medium-font-family)',
@@ -2210,24 +2237,6 @@ export var textSMedium = {
     letterSpacing: 'var(--plasma-typo-text-s-medium-letter-spacing)',
     lineHeight: 'var(--plasma-typo-text-s-medium-line-height)',
 };
-/** typography s text-s */
-export var textS = {
-    fontFamily: 'var(--plasma-typo-text-s-font-family)',
-    fontSize: 'var(--plasma-typo-text-s-font-size)',
-    fontStyle: 'var(--plasma-typo-text-s-font-style)',
-    fontWeight: 'var(--plasma-typo-text-s-font-weight)',
-    letterSpacing: 'var(--plasma-typo-text-s-letter-spacing)',
-    lineHeight: 'var(--plasma-typo-text-s-line-height)',
-};
-/** typography s text-xs-bold */
-export var textXSBold = {
-    fontFamily: 'var(--plasma-typo-text-xs-bold-font-family)',
-    fontSize: 'var(--plasma-typo-text-xs-bold-font-size)',
-    fontStyle: 'var(--plasma-typo-text-xs-bold-font-style)',
-    fontWeight: 'var(--plasma-typo-text-xs-bold-font-weight)',
-    letterSpacing: 'var(--plasma-typo-text-xs-bold-letter-spacing)',
-    lineHeight: 'var(--plasma-typo-text-xs-bold-line-height)',
-};
 /** typography s text-xs-medium */
 export var textXSMedium = {
     fontFamily: 'var(--plasma-typo-text-xs-medium-font-family)',
@@ -2237,15 +2246,6 @@ export var textXSMedium = {
     letterSpacing: 'var(--plasma-typo-text-xs-medium-letter-spacing)',
     lineHeight: 'var(--plasma-typo-text-xs-medium-line-height)',
 };
-/** typography s text-xs */
-export var textXS = {
-    fontFamily: 'var(--plasma-typo-text-xs-font-family)',
-    fontSize: 'var(--plasma-typo-text-xs-font-size)',
-    fontStyle: 'var(--plasma-typo-text-xs-font-style)',
-    fontWeight: 'var(--plasma-typo-text-xs-font-weight)',
-    letterSpacing: 'var(--plasma-typo-text-xs-letter-spacing)',
-    lineHeight: 'var(--plasma-typo-text-xs-line-height)',
-};
 export var viewContainer = {
     dark: "\n        --text-primary: var(--on-dark-text-primary);\n        --text-primary-hover: var(--on-dark-text-primary-hover);\n        --text-primary-active: var(--on-dark-text-primary-active);\n        --text-primary-brightness: var(--on-dark-text-primary-brightness);\n        --text-secondary: var(--on-dark-text-secondary);\n        --text-secondary-hover: var(--on-dark-text-secondary-hover);\n        --text-secondary-active: var(--on-dark-text-secondary-active);\n        --text-tertiary: var(--on-dark-text-tertiary);\n        --text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n        --text-tertiary-active: var(--on-dark-text-tertiary-active);\n        --text-paragraph: var(--on-dark-text-paragraph);\n        --text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n        --text-paragraph-active: var(--on-dark-text-paragraph-active);\n        --text-accent: var(--on-dark-text-accent);\n        --text-accent-hover: var(--on-dark-text-accent-hover);\n        --text-accent-active: var(--on-dark-text-accent-active);\n        --text-accent-minor: var(--on-dark-text-accent-minor);\n        --text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n        --text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n        --text-positive: var(--on-dark-text-positive);\n        --text-positive-hover: var(--on-dark-text-positive-hover);\n        --text-positive-active: var(--on-dark-text-positive-active);\n        --text-warning: var(--on-dark-text-warning);\n        --text-warning-hover: var(--on-dark-text-warning-hover);\n        --text-warning-active: var(--on-dark-text-warning-active);\n        --text-negative: var(--on-dark-text-negative);\n        --text-negative-hover: var(--on-dark-text-negative-hover);\n        --text-negative-active: var(--on-dark-text-negative-active);\n        --text-info: var(--on-dark-text-info);\n        --text-info-hover: var(--on-dark-text-info-hover);\n        --text-info-active: var(--on-dark-text-info-active);\n        --text-positive-minor: var(--on-dark-text-positive-minor);\n        --text-positive-minor-hover: var(--on-dark-text-positive-minor-hover);\n        --text-positive-minor-active: var(--on-dark-text-positive-minor-active);\n        --text-warning-minor: var(--on-dark-text-warning-minor);\n        --text-warning-minor-hover: var(--on-dark-text-warning-minor-hover);\n        --text-warning-minor-active: var(--on-dark-text-warning-minor-active);\n        --text-negative-minor: var(--on-dark-text-negative-minor);\n        --text-negative-minor-hover: var(--on-dark-text-negative-minor-hover);\n        --text-negative-minor-active: var(--on-dark-text-negative-minor-active);\n        --text-info-minor: var(--on-dark-text-info-minor);\n        --text-info-minor-hover: var(--on-dark-text-info-minor-hover);\n        --text-info-minor-active: var(--on-dark-text-info-minor-active);\n        --inverse-text-primary: var(--on-light-text-primary);\n        --inverse-text-primary-hover: var(--on-light-text-primary-hover);\n        --inverse-text-primary-active: var(--on-light-text-primary-active);\n        --inverse-text-primary-brightness: var(--on-light-text-primary-brightness);\n        --inverse-text-secondary: var(--on-light-text-secondary);\n        --inverse-text-secondary-hover: var(--on-light-text-secondary-hover);\n        --inverse-text-secondary-active: var(--on-light-text-secondary-active);\n        --inverse-text-tertiary: var(--on-light-text-tertiary);\n        --inverse-text-tertiary-hover: var(--on-light-text-tertiary-hover);\n        --inverse-text-tertiary-active: var(--on-light-text-tertiary-active);\n        --inverse-text-paragraph: var(--on-light-text-paragraph);\n        --inverse-text-paragraph-hover: var(--on-light-text-paragraph-hover);\n        --inverse-text-paragraph-active: var(--on-light-text-paragraph-active);\n        --inverse-text-accent: var(--on-light-text-accent);\n        --inverse-text-accent-hover: var(--on-light-text-accent-hover);\n        --inverse-text-accent-active: var(--on-light-text-accent-active);\n        --inverse-text-accent-minor: var(--on-light-text-accent-minor);\n        --inverse-text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n        --inverse-text-accent-minor-active: var(--on-light-text-accent-minor-active);\n        --inverse-text-positive: var(--on-light-text-positive);\n        --inverse-text-positive-hover: var(--on-light-text-positive-hover);\n        --inverse-text-positive-active: var(--on-light-text-positive-active);\n        --inverse-text-warning: var(--on-light-text-warning);\n        --inverse-text-warning-hover: var(--on-light-text-warning-hover);\n        --inverse-text-warning-active: var(--on-light-text-warning-active);\n        --inverse-text-negative: var(--on-light-text-negative);\n        --inverse-text-negative-hover: var(--on-light-text-negative-hover);\n        --inverse-text-negative-active: var(--on-light-text-negative-active);\n        --inverse-text-info: var(--on-light-text-info);\n        --inverse-text-info-hover: var(--on-light-text-info-hover);\n        --inverse-text-info-active: var(--on-light-text-info-active);\n        --inverse-text-positive-minor: var(--on-light-text-positive-minor);\n        --inverse-text-positive-minor-hover: var(--on-light-text-positive-minor-hover);\n        --inverse-text-positive-minor-active: var(--on-light-text-positive-minor-active);\n        --inverse-text-warning-minor: var(--on-light-text-warning-minor);\n        --inverse-text-warning-minor-hover: var(--on-light-text-warning-minor-hover);\n        --inverse-text-warning-minor-active: var(--on-light-text-warning-minor-active);\n        --inverse-text-negative-minor: var(--on-light-text-negative-minor);\n        --inverse-text-negative-minor-hover: var(--on-light-text-negative-minor-hover);\n        --inverse-text-negative-minor-active: var(--on-light-text-negative-minor-active);\n        --inverse-text-info-minor: var(--on-light-text-info-minor);\n        --inverse-text-info-minor-hover: var(--on-light-text-info-minor-hover);\n        --inverse-text-info-minor-active: var(--on-light-text-info-minor-active);\n        --surface-solid-primary: var(--on-dark-surface-solid-primary);\n        --surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n        --surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n        --surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n        --surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n        --surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n        --surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n        --surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n        --surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n        --surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n        --surface-solid-card: var(--on-dark-surface-solid-card);\n        --surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n        --surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n        --surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n        --surface-solid-default: var(--on-dark-surface-solid-default);\n        --surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n        --surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n        --surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n        --surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n        --surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n        --surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n        --surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n        --surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n        --surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n        --surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n        --surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n        --surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n        --surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n        --surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n        --surface-transparent-card: var(--on-dark-surface-transparent-card);\n        --surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n        --surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n        --surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n        --surface-clear: var(--on-dark-surface-clear);\n        --surface-clear-hover: var(--on-dark-surface-clear-hover);\n        --surface-clear-active: var(--on-dark-surface-clear-active);\n        --surface-accent: var(--on-dark-surface-accent);\n        --surface-accent-hover: var(--on-dark-surface-accent-hover);\n        --surface-accent-active: var(--on-dark-surface-accent-active);\n        --surface-accent-minor: var(--on-dark-surface-accent-minor);\n        --surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n        --surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n        --surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n        --surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n        --surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n        --surface-positive: var(--on-dark-surface-positive);\n        --surface-positive-hover: var(--on-dark-surface-positive-hover);\n        --surface-positive-active: var(--on-dark-surface-positive-active);\n        --surface-warning: var(--on-dark-surface-warning);\n        --surface-warning-hover: var(--on-dark-surface-warning-hover);\n        --surface-warning-active: var(--on-dark-surface-warning-active);\n        --surface-negative: var(--on-dark-surface-negative);\n        --surface-negative-hover: var(--on-dark-surface-negative-hover);\n        --surface-negative-active: var(--on-dark-surface-negative-active);\n        --surface-info: var(--on-dark-surface-info);\n        --surface-info-hover: var(--on-dark-surface-info-hover);\n        --surface-info-active: var(--on-dark-surface-info-active);\n        --surface-positive-minor: var(--on-dark-surface-positive-minor);\n        --surface-positive-minor-hover: var(--on-dark-surface-positive-minor-hover);\n        --surface-positive-minor-active: var(--on-dark-surface-positive-minor-active);\n        --surface-warning-minor: var(--on-dark-surface-warning-minor);\n        --surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n        --surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n        --surface-negative-minor: var(--on-dark-surface-negative-minor);\n        --surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n        --surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n        --surface-info-minor: var(--on-dark-surface-info-minor);\n        --surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n        --surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n        --surface-transparent-positive: var(--on-dark-surface-transparent-positive);\n        --surface-transparent-positive-hover: var(--on-dark-surface-transparent-positive-hover);\n        --surface-transparent-positive-active: var(--on-dark-surface-transparent-positive-active);\n        --surface-transparent-warning: var(--on-dark-surface-transparent-warning);\n        --surface-transparent-warning-hover: var(--on-dark-surface-transparent-warning-hover);\n        --surface-transparent-warning-active: var(--on-dark-surface-transparent-warning-active);\n        --surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n        --surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n        --surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n        --surface-transparent-info: var(--on-dark-surface-transparent-info);\n        --surface-transparent-info-hover: var(--on-dark-surface-transparent-info-hover);\n        --surface-transparent-info-active: var(--on-dark-surface-transparent-info-active);\n        --inverse-surface-solid-primary: var(--on-light-surface-solid-primary);\n        --inverse-surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n        --inverse-surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n        --inverse-surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n        --inverse-surface-solid-secondary: var(--on-light-surface-solid-secondary);\n        --inverse-surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n        --inverse-surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n        --inverse-surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n        --inverse-surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n        --inverse-surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n        --inverse-surface-solid-card: var(--on-light-surface-solid-card);\n        --inverse-surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n        --inverse-surface-solid-card-active: var(--on-light-surface-solid-card-active);\n        --inverse-surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n        --inverse-surface-solid-default: var(--on-light-surface-solid-default);\n        --inverse-surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n        --inverse-surface-solid-default-active: var(--on-light-surface-solid-default-active);\n        --inverse-surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n        --inverse-surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n        --inverse-surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n        --inverse-surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n        --inverse-surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n        --inverse-surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n        --inverse-surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n        --inverse-surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n        --inverse-surface-transparent-card: var(--on-light-surface-transparent-card);\n        --inverse-surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n        --inverse-surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n        --inverse-surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n        --inverse-surface-clear: var(--on-light-surface-clear);\n        --inverse-surface-clear-hover: var(--on-light-surface-clear-hover);\n        --inverse-surface-clear-active: var(--on-light-surface-clear-active);\n        --inverse-surface-accent: var(--on-light-surface-accent);\n        --inverse-surface-accent-hover: var(--on-light-surface-accent-hover);\n        --inverse-surface-accent-active: var(--on-light-surface-accent-active);\n        --inverse-surface-accent-minor: var(--on-light-surface-accent-minor);\n        --inverse-surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n        --inverse-surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n        --inverse-surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n        --inverse-surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n        --inverse-surface-positive: var(--on-light-surface-positive);\n        --inverse-surface-positive-hover: var(--on-light-surface-positive-hover);\n        --inverse-surface-positive-active: var(--on-light-surface-positive-active);\n        --inverse-surface-warning: var(--on-light-surface-warning);\n        --inverse-surface-warning-hover: var(--on-light-surface-warning-hover);\n        --inverse-surface-warning-active: var(--on-light-surface-warning-active);\n        --inverse-surface-negative: var(--on-light-surface-negative);\n        --inverse-surface-negative-hover: var(--on-light-surface-negative-hover);\n        --inverse-surface-negative-active: var(--on-light-surface-negative-active);\n        --inverse-surface-info: var(--on-light-surface-info);\n        --inverse-surface-info-hover: var(--on-light-surface-info-hover);\n        --inverse-surface-info-active: var(--on-light-surface-info-active);\n        --inverse-surface-positive-minor: var(--on-light-surface-positive-minor);\n        --inverse-surface-positive-minor-hover: var(--on-light-surface-positive-minor-hover);\n        --inverse-surface-positive-minor-active: var(--on-light-surface-positive-minor-active);\n        --inverse-surface-warning-minor: var(--on-light-surface-warning-minor);\n        --inverse-surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n        --inverse-surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n        --inverse-surface-negative-minor: var(--on-light-surface-negative-minor);\n        --inverse-surface-negative-minor-hover: var(--on-light-surface-negative-minor-hover);\n        --inverse-surface-negative-minor-active: var(--on-light-surface-negative-minor-active);\n        --inverse-surface-info-minor: var(--on-light-surface-info-minor);\n        --inverse-surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n        --inverse-surface-info-minor-active: var(--on-light-surface-info-minor-active);\n        --inverse-surface-transparent-positive: var(--on-light-surface-transparent-positive);\n        --inverse-surface-transparent-positive-hover: var(--on-light-surface-transparent-positive-hover);\n        --inverse-surface-transparent-positive-active: var(--on-light-surface-transparent-positive-active);\n        --inverse-surface-transparent-warning: var(--on-light-surface-transparent-warning);\n        --inverse-surface-transparent-warning-hover: var(--on-light-surface-transparent-warning-hover);\n        --inverse-surface-transparent-warning-active: var(--on-light-surface-transparent-warning-active);\n        --inverse-surface-transparent-negative: var(--on-light-surface-transparent-negative);\n        --inverse-surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n        --inverse-surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n        --inverse-surface-transparent-info: var(--on-light-surface-transparent-info);\n        --inverse-surface-transparent-info-hover: var(--on-light-surface-transparent-info-hover);\n        --inverse-surface-transparent-info-active: var(--on-light-surface-transparent-info-active);\n        --inverse-surface-transparent-primary: var(--on-light-surface-transparent-primary);\n        --inverse-surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n        --inverse-surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n        --inverse-surface-transparent-deep: var(--on-light-surface-transparent-deep);\n        --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\n        --background-primary: var(--dark-background-primary);\n        --inverse-background-primary: var(--light-background-primary);\n        --overlay-soft: var(--on-dark-overlay-soft);\n        --overlay-hard: var(--on-dark-overlay-hard);\n        --overlay-blur: var(--on-dark-overlay-blur);\n        --inverse-overlay-soft: var(--on-light-overlay-soft);\n        --inverse-overlay-hard: var(--on-light-overlay-hard);\n        --inverse-overlay-blur: var(--on-light-overlay-blur);\n        --outline-solid-primary: var(--on-dark-outline-solid-primary);\n        --outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n        --outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n        --outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n        --outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n        --outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n        --outline-solid-tertiary: var(--on-dark-outline-solid-tertiary);\n        --outline-solid-tertiary-hover: var(--on-dark-outline-solid-tertiary-hover);\n        --outline-solid-tertiary-active: var(--on-dark-outline-solid-tertiary-active);\n        --outline-solid-default: var(--on-dark-outline-solid-default);\n        --outline-solid-default-hover: var(--on-dark-outline-solid-default-hover);\n        --outline-solid-default-active: var(--on-dark-outline-solid-default-active);\n        --outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n        --outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n        --outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n        --outline-transparent-secondary: var(--on-dark-outline-transparent-secondary);\n        --outline-transparent-secondary-hover: var(--on-dark-outline-transparent-secondary-hover);\n        --outline-transparent-secondary-active: var(--on-dark-outline-transparent-secondary-active);\n        --outline-transparent-tertiary: var(--on-dark-outline-transparent-tertiary);\n        --outline-transparent-tertiary-hover: var(--on-dark-outline-transparent-tertiary-hover);\n        --outline-transparent-tertiary-active: var(--on-dark-outline-transparent-tertiary-active);\n        --outline-clear: var(--on-dark-outline-clear);\n        --outline-clear-hover: var(--on-dark-outline-clear-hover);\n        --outline-clear-active: var(--on-dark-outline-clear-active);\n        --outline-accent: var(--on-dark-outline-accent);\n        --outline-accent-hover: var(--on-dark-outline-accent-hover);\n        --outline-accent-active: var(--on-dark-outline-accent-active);\n        --outline-accent-minor: var(--on-dark-outline-accent-minor);\n        --outline-accent-minor-hover: var(--on-dark-outline-accent-minor-hover);\n        --outline-accent-minor-active: var(--on-dark-outline-accent-minor-active);\n        --outline-transparent-accent: var(--on-dark-outline-transparent-accent);\n        --outline-transparent-accent-hover: var(--on-dark-outline-transparent-accent-hover);\n        --outline-transparent-accent-active: var(--on-dark-outline-transparent-accent-active);\n        --outline-positive: var(--on-dark-outline-positive);\n        --outline-positive-hover: var(--on-dark-outline-positive-hover);\n        --outline-positive-active: var(--on-dark-outline-positive-active);\n        --outline-warning: var(--on-dark-outline-warning);\n        --outline-warning-hover: var(--on-dark-outline-warning-hover);\n        --outline-warning-active: var(--on-dark-outline-warning-active);\n        --outline-negative: var(--on-dark-outline-negative);\n        --outline-negative-hover: var(--on-dark-outline-negative-hover);\n        --outline-negative-active: var(--on-dark-outline-negative-active);\n        --outline-info: var(--on-dark-outline-info);\n        --outline-info-hover: var(--on-dark-outline-info-hover);\n        --outline-info-active: var(--on-dark-outline-info-active);\n        --outline-positive-minor: var(--on-dark-outline-positive-minor);\n        --outline-positive-minor-hover: var(--on-dark-outline-positive-minor-hover);\n        --outline-positive-minor-active: var(--on-dark-outline-positive-minor-active);\n        --outline-warning-minor: var(--on-dark-outline-warning-minor);\n        --outline-warning-minor-hover: var(--on-dark-outline-warning-minor-hover);\n        --outline-warning-minor-active: var(--on-dark-outline-warning-minor-active);\n        --outline-negative-minor: var(--on-dark-outline-negative-minor);\n        --outline-negative-minor-hover: var(--on-dark-outline-negative-minor-hover);\n        --outline-negative-minor-active: var(--on-dark-outline-negative-minor-active);\n        --outline-info-minor: var(--on-dark-outline-info-minor);\n        --outline-info-minor-hover: var(--on-dark-outline-info-minor-hover);\n        --outline-info-minor-active: var(--on-dark-outline-info-minor-active);\n        --outline-transparent-positive: var(--on-dark-outline-transparent-positive);\n        --outline-transparent-positive-hover: var(--on-dark-outline-transparent-positive-hover);\n        --outline-transparent-positive-active: var(--on-dark-outline-transparent-positive-active);\n        --outline-transparent-warning: var(--on-dark-outline-transparent-warning);\n        --outline-transparent-warning-hover: var(--on-dark-outline-transparent-warning-hover);\n        --outline-transparent-warning-active: var(--on-dark-outline-transparent-warning-active);\n        --outline-transparent-negative: var(--on-dark-outline-transparent-negative);\n        --outline-transparent-negative-hover: var(--on-dark-outline-transparent-negative-hover);\n        --outline-transparent-negative-active: var(--on-dark-outline-transparent-negative-active);\n        --outline-transparent-info: var(--on-dark-outline-transparent-info);\n        --outline-transparent-info-hover: var(--on-dark-outline-transparent-info-hover);\n        --outline-transparent-info-active: var(--on-dark-outline-transparent-info-active);\n        --inverse-outline-solid-primary: var(--on-light-outline-solid-primary);\n        --inverse-outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n        --inverse-outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n        --inverse-outline-solid-secondary-hover: var(--on-light-outline-solid-secondary-hover);\n        --inverse-outline-solid-secondary-active: var(--on-light-outline-solid-secondary-active);\n        --inverse-outline-solid-tertiary: var(--on-light-outline-solid-tertiary);\n        --inverse-outline-solid-tertiary-hover: var(--on-light-outline-solid-tertiary-hover);\n        --inverse-outline-solid-tertiary-active: var(--on-light-outline-solid-tertiary-active);\n        --inverse-outline-solid-default: var(--on-light-outline-solid-default);\n        --inverse-outline-solid-default-hover: var(--on-light-outline-solid-default-hover);\n        --inverse-outline-solid-default-active: var(--on-light-outline-solid-default-active);\n        --inverse-outline-transparent-primary: var(--on-light-outline-transparent-primary);\n        --inverse-outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n        --inverse-outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n        --inverse-outline-transparent-secondary: var(--on-light-outline-transparent-secondary);\n        --inverse-outline-transparent-secondary-hover: var(--on-light-outline-transparent-secondary-hover);\n        --inverse-outline-transparent-secondary-active: var(--on-light-outline-transparent-secondary-active);\n        --inverse-outline-transparent-tertiary: var(--on-light-outline-transparent-tertiary);\n        --inverse-outline-transparent-tertiary-hover: var(--on-light-outline-transparent-tertiary-hover);\n        --inverse-outline-transparent-tertiary-active: var(--on-light-outline-transparent-tertiary-active);\n        --inverse-outline-clear: var(--on-light-outline-clear);\n        --inverse-outline-clear-hover: var(--on-light-outline-clear-hover);\n        --inverse-outline-clear-active: var(--on-light-outline-clear-active);\n        --inverse-outline-accent: var(--on-light-outline-accent);\n        --inverse-outline-accent-hover: var(--on-light-outline-accent-hover);\n        --inverse-outline-accent-active: var(--on-light-outline-accent-active);\n        --inverse-outline-accent-minor: var(--on-light-outline-accent-minor);\n        --inverse-outline-accent-minor-hover: var(--on-light-outline-accent-minor-hover);\n        --inverse-outline-accent-minor-active: var(--on-light-outline-accent-minor-active);\n        --inverse-outline-transparent-accent: var(--on-light-outline-transparent-accent);\n        --inverse-outline-transparent-accent-hover: var(--on-light-outline-transparent-accent-hover);\n        --inverse-outline-transparent-accent-active: var(--on-light-outline-transparent-accent-active);\n        --inverse-outline-positive: var(--on-light-outline-positive);\n        --inverse-outline-positive-hover: var(--on-light-outline-positive-hover);\n        --inverse-outline-positive-active: var(--on-light-outline-positive-active);\n        --inverse-outline-warning: var(--on-light-outline-warning);\n        --inverse-outline-warning-hover: var(--on-light-outline-warning-hover);\n        --inverse-outline-warning-active: var(--on-light-outline-warning-active);\n        --inverse-outline-negative: var(--on-light-outline-negative);\n        --inverse-outline-negative-hover: var(--on-light-outline-negative-hover);\n        --inverse-outline-negative-active: var(--on-light-outline-negative-active);\n        --inverse-outline-info: var(--on-light-outline-info);\n        --inverse-outline-info-hover: var(--on-light-outline-info-hover);\n        --inverse-outline-info-active: var(--on-light-outline-info-active);\n        --inverse-outline-positive-minor: var(--on-light-outline-positive-minor);\n        --inverse-outline-positive-minor-hover: var(--on-light-outline-positive-minor-hover);\n        --inverse-outline-positive-minor-active: var(--on-light-outline-positive-minor-active);\n        --inverse-outline-warning-minor: var(--on-light-outline-warning-minor);\n        --inverse-outline-warning-minor-hover: var(--on-light-outline-warning-minor-hover);\n        --inverse-outline-warning-minor-active: var(--on-light-outline-warning-minor-active);\n        --inverse-outline-negative-minor: var(--on-light-outline-negative-minor);\n        --inverse-outline-negative-minor-hover: var(--on-light-outline-negative-minor-hover);\n        --inverse-outline-negative-minor-active: var(--on-light-outline-negative-minor-active);\n        --inverse-outline-info-minor: var(--on-light-outline-info-minor);\n        --inverse-outline-info-minor-hover: var(--on-light-outline-info-minor-hover);\n        --inverse-outline-info-minor-active: var(--on-light-outline-info-minor-active);\n        --inverse-outline-transparent-positive: var(--on-light-outline-transparent-positive);\n        --inverse-outline-transparent-positive-hover: var(--on-light-outline-transparent-positive-hover);\n        --inverse-outline-transparent-positive-active: var(--on-light-outline-transparent-positive-active);\n        --inverse-outline-transparent-warning: var(--on-light-outline-transparent-warning);\n        --inverse-outline-transparent-warning-hover: var(--on-light-outline-transparent-warning-hover);\n        --inverse-outline-transparent-warning-active: var(--on-light-outline-transparent-warning-active);\n        --inverse-outline-transparent-negative: var(--on-light-outline-transparent-negative);\n        --inverse-outline-transparent-negative-hover: var(--on-light-outline-transparent-negative-hover);\n        --inverse-outline-transparent-negative-active: var(--on-light-outline-transparent-negative-active);\n        --inverse-outline-transparent-info: var(--on-light-outline-transparent-info);\n        --inverse-outline-transparent-info-hover: var(--on-light-outline-transparent-info-hover);\n        --inverse-outline-transparent-info-active: var(--on-light-outline-transparent-info-active);\n        --inverse-outline-solid-secondary: var(--on-light-outline-solid-secondary);\n        --data-yellow: var(--on-dark-data-yellow);\n        --data-yellow-minor: var(--on-dark-data-yellow-minor);\n        --data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n        --inverse-data-yellow: var(--on-light-data-yellow);\n        --inverse-data-yellow-minor: var(--on-light-data-yellow-minor);\n        --inverse-data-yellow-transparent: var(--on-light-data-yellow-transparent);\n        --text-accent-gradient-hover: var(--on-dark-text-accent-gradient-hover);\n        --text-accent-gradient-active: var(--on-dark-text-accent-gradient-active);\n        --text-accent-gradient: var(--on-dark-text-accent-gradient);\n        --inverse-text-accent-gradient-hover: var(--on-light-text-accent-gradient-hover);\n        --inverse-text-accent-gradient-active: var(--on-light-text-accent-gradient-active);\n        --inverse-text-accent-gradient: var(--on-light-text-accent-gradient);\n        --surface-accent-gradient-hover: var(--on-dark-surface-accent-gradient-hover);\n        --surface-accent-gradient-active: var(--on-dark-surface-accent-gradient-active);\n        --surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n        --surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n        --surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n        --surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n        --surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n        --surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n        --surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n        --inverse-surface-accent-gradient-hover: var(--on-light-surface-accent-gradient-hover);\n        --inverse-surface-accent-gradient-active: var(--on-light-surface-accent-gradient-active);\n        --inverse-surface-accent-gradient: var(--on-light-surface-accent-gradient);\n        --inverse-surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n        --inverse-surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n        --inverse-surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n        --inverse-surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n        --inverse-surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n        --inverse-surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n        --outline-accent-gradient-hover: var(--on-dark-outline-accent-gradient-hover);\n        --outline-accent-gradient-active: var(--on-dark-outline-accent-gradient-active);\n        --outline-accent-gradient: var(--on-dark-outline-accent-gradient);\n        --inverse-outline-accent-gradient-hover: var(--on-light-outline-accent-gradient-hover);\n        --inverse-outline-accent-gradient-active: var(--on-light-outline-accent-gradient-active);\n        --inverse-outline-accent-gradient: var(--on-light-outline-accent-gradient);\n      ",
     light: "\n        --text-primary-hover: var(--on-light-text-primary-hover);\n        --text-primary-active: var(--on-light-text-primary-active);\n        --text-primary-brightness: var(--on-light-text-primary-brightness);\n        --text-secondary-hover: var(--on-light-text-secondary-hover);\n        --text-secondary-active: var(--on-light-text-secondary-active);\n        --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n        --text-tertiary-active: var(--on-light-text-tertiary-active);\n        --text-paragraph-hover: var(--on-light-text-paragraph-hover);\n        --text-paragraph-active: var(--on-light-text-paragraph-active);\n        --text-accent: var(--on-light-text-accent);\n        --text-accent-hover: var(--on-light-text-accent-hover);\n        --text-accent-active: var(--on-light-text-accent-active);\n        --text-accent-minor: var(--on-light-text-accent-minor);\n        --text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n        --text-accent-minor-active: var(--on-light-text-accent-minor-active);\n        --text-positive: var(--on-light-text-positive);\n        --text-positive-hover: var(--on-light-text-positive-hover);\n        --text-positive-active: var(--on-light-text-positive-active);\n        --text-warning: var(--on-light-text-warning);\n        --text-warning-hover: var(--on-light-text-warning-hover);\n        --text-warning-active: var(--on-light-text-warning-active);\n        --text-negative: var(--on-light-text-negative);\n        --text-negative-hover: var(--on-light-text-negative-hover);\n        --text-negative-active: var(--on-light-text-negative-active);\n        --text-info: var(--on-light-text-info);\n        --text-info-hover: var(--on-light-text-info-hover);\n        --text-info-active: var(--on-light-text-info-active);\n        --text-positive-minor: var(--on-light-text-positive-minor);\n        --text-positive-minor-hover: var(--on-light-text-positive-minor-hover);\n        --text-positive-minor-active: var(--on-light-text-positive-minor-active);\n        --text-warning-minor: var(--on-light-text-warning-minor);\n        --text-warning-minor-hover: var(--on-light-text-warning-minor-hover);\n        --text-warning-minor-active: var(--on-light-text-warning-minor-active);\n        --text-negative-minor: var(--on-light-text-negative-minor);\n        --text-negative-minor-hover: var(--on-light-text-negative-minor-hover);\n        --text-negative-minor-active: var(--on-light-text-negative-minor-active);\n        --text-info-minor: var(--on-light-text-info-minor);\n        --text-info-minor-hover: var(--on-light-text-info-minor-hover);\n        --text-info-minor-active: var(--on-light-text-info-minor-active);\n        --text-primary: var(--on-light-text-primary);\n        --text-secondary: var(--on-light-text-secondary);\n        --text-tertiary: var(--on-light-text-tertiary);\n        --text-paragraph: var(--on-light-text-paragraph);\n        --inverse-text-primary: var(--on-dark-text-primary);\n        --inverse-text-primary-hover: var(--on-dark-text-primary-hover);\n        --inverse-text-primary-active: var(--on-dark-text-primary-active);\n        --inverse-text-primary-brightness: var(--on-dark-text-primary-brightness);\n        --inverse-text-secondary: var(--on-dark-text-secondary);\n        --inverse-text-secondary-hover: var(--on-dark-text-secondary-hover);\n        --inverse-text-secondary-active: var(--on-dark-text-secondary-active);\n        --inverse-text-tertiary: var(--on-dark-text-tertiary);\n        --inverse-text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n        --inverse-text-tertiary-active: var(--on-dark-text-tertiary-active);\n        --inverse-text-paragraph: var(--on-dark-text-paragraph);\n        --inverse-text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n        --inverse-text-paragraph-active: var(--on-dark-text-paragraph-active);\n        --inverse-text-accent: var(--on-dark-text-accent);\n        --inverse-text-accent-hover: var(--on-dark-text-accent-hover);\n        --inverse-text-accent-active: var(--on-dark-text-accent-active);\n        --inverse-text-accent-minor: var(--on-dark-text-accent-minor);\n        --inverse-text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n        --inverse-text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n        --inverse-text-positive: var(--on-dark-text-positive);\n        --inverse-text-positive-hover: var(--on-dark-text-positive-hover);\n        --inverse-text-positive-active: var(--on-dark-text-positive-active);\n        --inverse-text-warning: var(--on-dark-text-warning);\n        --inverse-text-warning-hover: var(--on-dark-text-warning-hover);\n        --inverse-text-warning-active: var(--on-dark-text-warning-active);\n        --inverse-text-negative: var(--on-dark-text-negative);\n        --inverse-text-negative-hover: var(--on-dark-text-negative-hover);\n        --inverse-text-negative-active: var(--on-dark-text-negative-active);\n        --inverse-text-info: var(--on-dark-text-info);\n        --inverse-text-info-hover: var(--on-dark-text-info-hover);\n        --inverse-text-info-active: var(--on-dark-text-info-active);\n        --inverse-text-positive-minor: var(--on-dark-text-positive-minor);\n        --inverse-text-positive-minor-hover: var(--on-dark-text-positive-minor-hover);\n        --inverse-text-positive-minor-active: var(--on-dark-text-positive-minor-active);\n        --inverse-text-warning-minor: var(--on-dark-text-warning-minor);\n        --inverse-text-warning-minor-hover: var(--on-dark-text-warning-minor-hover);\n        --inverse-text-warning-minor-active: var(--on-dark-text-warning-minor-active);\n        --inverse-text-negative-minor: var(--on-dark-text-negative-minor);\n        --inverse-text-negative-minor-hover: var(--on-dark-text-negative-minor-hover);\n        --inverse-text-negative-minor-active: var(--on-dark-text-negative-minor-active);\n        --inverse-text-info-minor: var(--on-dark-text-info-minor);\n        --inverse-text-info-minor-hover: var(--on-dark-text-info-minor-hover);\n        --inverse-text-info-minor-active: var(--on-dark-text-info-minor-active);\n        --surface-solid-primary: var(--on-light-surface-solid-primary);\n        --surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n        --surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n        --surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n        --surface-solid-secondary: var(--on-light-surface-solid-secondary);\n        --surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n        --surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n        --surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n        --surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n        --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n        --surface-solid-card: var(--on-light-surface-solid-card);\n        --surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n        --surface-solid-card-active: var(--on-light-surface-solid-card-active);\n        --surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n        --surface-solid-default: var(--on-light-surface-solid-default);\n        --surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n        --surface-solid-default-active: var(--on-light-surface-solid-default-active);\n        --surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n        --surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n        --surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n        --surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n        --surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n        --surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n        --surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n        --surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n        --surface-transparent-card: var(--on-light-surface-transparent-card);\n        --surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n        --surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n        --surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n        --surface-clear: var(--on-light-surface-clear);\n        --surface-clear-hover: var(--on-light-surface-clear-hover);\n        --surface-clear-active: var(--on-light-surface-clear-active);\n        --surface-accent: var(--on-light-surface-accent);\n        --surface-accent-hover: var(--on-light-surface-accent-hover);\n        --surface-accent-active: var(--on-light-surface-accent-active);\n        --surface-accent-minor: var(--on-light-surface-accent-minor);\n        --surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n        --surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n        --surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n        --surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n        --surface-positive: var(--on-light-surface-positive);\n        --surface-positive-hover: var(--on-light-surface-positive-hover);\n        --surface-positive-active: var(--on-light-surface-positive-active);\n        --surface-warning: var(--on-light-surface-warning);\n        --surface-warning-hover: var(--on-light-surface-warning-hover);\n        --surface-warning-active: var(--on-light-surface-warning-active);\n        --surface-negative: var(--on-light-surface-negative);\n        --surface-negative-hover: var(--on-light-surface-negative-hover);\n        --surface-negative-active: var(--on-light-surface-negative-active);\n        --surface-info: var(--on-light-surface-info);\n        --surface-info-hover: var(--on-light-surface-info-hover);\n        --surface-info-active: var(--on-light-surface-info-active);\n        --surface-positive-minor: var(--on-light-surface-positive-minor);\n        --surface-positive-minor-hover: var(--on-light-surface-positive-minor-hover);\n        --surface-positive-minor-active: var(--on-light-surface-positive-minor-active);\n        --surface-warning-minor: var(--on-light-surface-warning-minor);\n        --surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n        --surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n        --surface-negative-minor: var(--on-light-surface-negative-minor);\n        --surface-negative-minor-hover: var(--on-light-surface-negative-minor-hover);\n        --surface-negative-minor-active: var(--on-light-surface-negative-minor-active);\n        --surface-info-minor: var(--on-light-surface-info-minor);\n        --surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n        --surface-info-minor-active: var(--on-light-surface-info-minor-active);\n        --surface-transparent-positive-hover: var(--on-light-surface-transparent-positive-hover);\n        --surface-transparent-positive-active: var(--on-light-surface-transparent-positive-active);\n        --surface-transparent-warning-hover: var(--on-light-surface-transparent-warning-hover);\n        --surface-transparent-warning-active: var(--on-light-surface-transparent-warning-active);\n        --surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n        --surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n        --surface-transparent-info-hover: var(--on-light-surface-transparent-info-hover);\n        --surface-transparent-info-active: var(--on-light-surface-transparent-info-active);\n        --surface-transparent-primary: var(--on-light-surface-transparent-primary);\n        --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n        --surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n        --surface-transparent-deep: var(--on-light-surface-transparent-deep);\n        --surface-transparent-accent: var(--on-light-surface-transparent-accent);\n        --surface-transparent-positive: var(--on-light-surface-transparent-positive);\n        --surface-transparent-warning: var(--on-light-surface-transparent-warning);\n        --surface-transparent-negative: var(--on-light-surface-transparent-negative);\n        --surface-transparent-info: var(--on-light-surface-transparent-info);\n        --inverse-surface-solid-primary: var(--on-dark-surface-solid-primary);\n        --inverse-surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n        --inverse-surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n        --inverse-surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n        --inverse-surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n        --inverse-surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n        --inverse-surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n        --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n        --inverse-surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n        --inverse-surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n        --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\n        --inverse-surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n        --inverse-surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n        --inverse-surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n        --inverse-surface-solid-default: var(--on-dark-surface-solid-default);\n        --inverse-surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n        --inverse-surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n        --inverse-surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n        --inverse-surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n        --inverse-surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n        --inverse-surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n        --inverse-surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n        --inverse-surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n        --inverse-surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n        --inverse-surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n        --inverse-surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n        --inverse-surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n        --inverse-surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n        --inverse-surface-clear: var(--on-dark-surface-clear);\n        --inverse-surface-clear-hover: var(--on-dark-surface-clear-hover);\n        --inverse-surface-clear-active: var(--on-dark-surface-clear-active);\n        --inverse-surface-accent: var(--on-dark-surface-accent);\n        --inverse-surface-accent-hover: var(--on-dark-surface-accent-hover);\n        --inverse-surface-accent-active: var(--on-dark-surface-accent-active);\n        --inverse-surface-accent-minor: var(--on-dark-surface-accent-minor);\n        --inverse-surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n        --inverse-surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n        --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n        --inverse-surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n        --inverse-surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n        --inverse-surface-positive: var(--on-dark-surface-positive);\n        --inverse-surface-positive-hover: var(--on-dark-surface-positive-hover);\n        --inverse-surface-positive-active: var(--on-dark-surface-positive-active);\n        --inverse-surface-warning: var(--on-dark-surface-warning);\n        --inverse-surface-warning-hover: var(--on-dark-surface-warning-hover);\n        --inverse-surface-warning-active: var(--on-dark-surface-warning-active);\n        --inverse-surface-negative: var(--on-dark-surface-negative);\n        --inverse-surface-negative-hover: var(--on-dark-surface-negative-hover);\n        --inverse-surface-negative-active: var(--on-dark-surface-negative-active);\n        --inverse-surface-info: var(--on-dark-surface-info);\n        --inverse-surface-info-hover: var(--on-dark-surface-info-hover);\n        --inverse-surface-info-active: var(--on-dark-surface-info-active);\n        --inverse-surface-positive-minor: var(--on-dark-surface-positive-minor);\n        --inverse-surface-positive-minor-hover: var(--on-dark-surface-positive-minor-hover);\n        --inverse-surface-positive-minor-active: var(--on-dark-surface-positive-minor-active);\n        --inverse-surface-warning-minor: var(--on-dark-surface-warning-minor);\n        --inverse-surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n        --inverse-surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n        --inverse-surface-negative-minor: var(--on-dark-surface-negative-minor);\n        --inverse-surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n        --inverse-surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n        --inverse-surface-info-minor: var(--on-dark-surface-info-minor);\n        --inverse-surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n        --inverse-surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n        --inverse-surface-transparent-positive: var(--on-dark-surface-transparent-positive);\n        --inverse-surface-transparent-positive-hover: var(--on-dark-surface-transparent-positive-hover);\n        --inverse-surface-transparent-positive-active: var(--on-dark-surface-transparent-positive-active);\n        --inverse-surface-transparent-warning: var(--on-dark-surface-transparent-warning);\n        --inverse-surface-transparent-warning-hover: var(--on-dark-surface-transparent-warning-hover);\n        --inverse-surface-transparent-warning-active: var(--on-dark-surface-transparent-warning-active);\n        --inverse-surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n        --inverse-surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n        --inverse-surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n        --inverse-surface-transparent-info: var(--on-dark-surface-transparent-info);\n        --inverse-surface-transparent-info-hover: var(--on-dark-surface-transparent-info-hover);\n        --inverse-surface-transparent-info-active: var(--on-dark-surface-transparent-info-active);\n        --inverse-surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n        --inverse-surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n        --inverse-surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n        --inverse-surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n        --inverse-surface-transparent-card: var(--on-dark-surface-transparent-card);\n        --background-primary: var(--light-background-primary);\n        --inverse-background-primary: var(--dark-background-primary);\n        --overlay-soft: var(--on-light-overlay-soft);\n        --overlay-hard: var(--on-light-overlay-hard);\n        --overlay-blur: var(--on-light-overlay-blur);\n        --inverse-overlay-soft: var(--on-dark-overlay-soft);\n        --inverse-overlay-hard: var(--on-dark-overlay-hard);\n        --inverse-overlay-blur: var(--on-dark-overlay-blur);\n        --outline-solid-primary: var(--on-light-outline-solid-primary);\n        --outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n        --outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n        --outline-solid-secondary-hover: var(--on-light-outline-solid-secondary-hover);\n        --outline-solid-secondary-active: var(--on-light-outline-solid-secondary-active);\n        --outline-solid-tertiary: var(--on-light-outline-solid-tertiary);\n        --outline-solid-tertiary-hover: var(--on-light-outline-solid-tertiary-hover);\n        --outline-solid-tertiary-active: var(--on-light-outline-solid-tertiary-active);\n        --outline-solid-default: var(--on-light-outline-solid-default);\n        --outline-solid-default-hover: var(--on-light-outline-solid-default-hover);\n        --outline-solid-default-active: var(--on-light-outline-solid-default-active);\n        --outline-transparent-primary: var(--on-light-outline-transparent-primary);\n        --outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n        --outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n        --outline-transparent-secondary: var(--on-light-outline-transparent-secondary);\n        --outline-transparent-secondary-hover: var(--on-light-outline-transparent-secondary-hover);\n        --outline-transparent-secondary-active: var(--on-light-outline-transparent-secondary-active);\n        --outline-transparent-tertiary: var(--on-light-outline-transparent-tertiary);\n        --outline-transparent-tertiary-hover: var(--on-light-outline-transparent-tertiary-hover);\n        --outline-transparent-tertiary-active: var(--on-light-outline-transparent-tertiary-active);\n        --outline-clear: var(--on-light-outline-clear);\n        --outline-clear-hover: var(--on-light-outline-clear-hover);\n        --outline-clear-active: var(--on-light-outline-clear-active);\n        --outline-accent: var(--on-light-outline-accent);\n        --outline-accent-hover: var(--on-light-outline-accent-hover);\n        --outline-accent-active: var(--on-light-outline-accent-active);\n        --outline-accent-minor: var(--on-light-outline-accent-minor);\n        --outline-accent-minor-hover: var(--on-light-outline-accent-minor-hover);\n        --outline-accent-minor-active: var(--on-light-outline-accent-minor-active);\n        --outline-transparent-accent: var(--on-light-outline-transparent-accent);\n        --outline-transparent-accent-hover: var(--on-light-outline-transparent-accent-hover);\n        --outline-transparent-accent-active: var(--on-light-outline-transparent-accent-active);\n        --outline-positive: var(--on-light-outline-positive);\n        --outline-positive-hover: var(--on-light-outline-positive-hover);\n        --outline-positive-active: var(--on-light-outline-positive-active);\n        --outline-warning: var(--on-light-outline-warning);\n        --outline-warning-hover: var(--on-light-outline-warning-hover);\n        --outline-warning-active: var(--on-light-outline-warning-active);\n        --outline-negative: var(--on-light-outline-negative);\n        --outline-negative-hover: var(--on-light-outline-negative-hover);\n        --outline-negative-active: var(--on-light-outline-negative-active);\n        --outline-info: var(--on-light-outline-info);\n        --outline-info-hover: var(--on-light-outline-info-hover);\n        --outline-info-active: var(--on-light-outline-info-active);\n        --outline-positive-minor: var(--on-light-outline-positive-minor);\n        --outline-positive-minor-hover: var(--on-light-outline-positive-minor-hover);\n        --outline-positive-minor-active: var(--on-light-outline-positive-minor-active);\n        --outline-warning-minor: var(--on-light-outline-warning-minor);\n        --outline-warning-minor-hover: var(--on-light-outline-warning-minor-hover);\n        --outline-warning-minor-active: var(--on-light-outline-warning-minor-active);\n        --outline-negative-minor: var(--on-light-outline-negative-minor);\n        --outline-negative-minor-hover: var(--on-light-outline-negative-minor-hover);\n        --outline-negative-minor-active: var(--on-light-outline-negative-minor-active);\n        --outline-info-minor: var(--on-light-outline-info-minor);\n        --outline-info-minor-hover: var(--on-light-outline-info-minor-hover);\n        --outline-info-minor-active: var(--on-light-outline-info-minor-active);\n        --outline-transparent-positive: var(--on-light-outline-transparent-positive);\n        --outline-transparent-positive-hover: var(--on-light-outline-transparent-positive-hover);\n        --outline-transparent-positive-active: var(--on-light-outline-transparent-positive-active);\n        --outline-transparent-warning: var(--on-light-outline-transparent-warning);\n        --outline-transparent-warning-hover: var(--on-light-outline-transparent-warning-hover);\n        --outline-transparent-warning-active: var(--on-light-outline-transparent-warning-active);\n        --outline-transparent-negative-hover: var(--on-light-outline-transparent-negative-hover);\n        --outline-transparent-negative-active: var(--on-light-outline-transparent-negative-active);\n        --outline-transparent-info: var(--on-light-outline-transparent-info);\n        --outline-transparent-info-hover: var(--on-light-outline-transparent-info-hover);\n        --outline-transparent-info-active: var(--on-light-outline-transparent-info-active);\n        --outline-solid-secondary: var(--on-light-outline-solid-secondary);\n        --outline-transparent-negative: var(--on-light-outline-transparent-negative);\n        --inverse-outline-solid-primary: var(--on-dark-outline-solid-primary);\n        --inverse-outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n        --inverse-outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n        --inverse-outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n        --inverse-outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n        --inverse-outline-solid-tertiary-hover: var(--on-dark-outline-solid-tertiary-hover);\n        --inverse-outline-solid-tertiary-active: var(--on-dark-outline-solid-tertiary-active);\n        --inverse-outline-solid-default: var(--on-dark-outline-solid-default);\n        --inverse-outline-solid-default-hover: var(--on-dark-outline-solid-default-hover);\n        --inverse-outline-solid-default-active: var(--on-dark-outline-solid-default-active);\n        --inverse-outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n        --inverse-outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n        --inverse-outline-transparent-secondary-hover: var(--on-dark-outline-transparent-secondary-hover);\n        --inverse-outline-transparent-secondary-active: var(--on-dark-outline-transparent-secondary-active);\n        --inverse-outline-transparent-tertiary-hover: var(--on-dark-outline-transparent-tertiary-hover);\n        --inverse-outline-transparent-tertiary-active: var(--on-dark-outline-transparent-tertiary-active);\n        --inverse-outline-clear: var(--on-dark-outline-clear);\n        --inverse-outline-clear-hover: var(--on-dark-outline-clear-hover);\n        --inverse-outline-clear-active: var(--on-dark-outline-clear-active);\n        --inverse-outline-accent: var(--on-dark-outline-accent);\n        --inverse-outline-accent-hover: var(--on-dark-outline-accent-hover);\n        --inverse-outline-accent-active: var(--on-dark-outline-accent-active);\n        --inverse-outline-accent-minor: var(--on-dark-outline-accent-minor);\n        --inverse-outline-accent-minor-hover: var(--on-dark-outline-accent-minor-hover);\n        --inverse-outline-accent-minor-active: var(--on-dark-outline-accent-minor-active);\n        --inverse-outline-transparent-accent-hover: var(--on-dark-outline-transparent-accent-hover);\n        --inverse-outline-transparent-accent-active: var(--on-dark-outline-transparent-accent-active);\n        --inverse-outline-positive: var(--on-dark-outline-positive);\n        --inverse-outline-positive-hover: var(--on-dark-outline-positive-hover);\n        --inverse-outline-positive-active: var(--on-dark-outline-positive-active);\n        --inverse-outline-warning: var(--on-dark-outline-warning);\n        --inverse-outline-warning-hover: var(--on-dark-outline-warning-hover);\n        --inverse-outline-warning-active: var(--on-dark-outline-warning-active);\n        --inverse-outline-negative: var(--on-dark-outline-negative);\n        --inverse-outline-negative-hover: var(--on-dark-outline-negative-hover);\n        --inverse-outline-negative-active: var(--on-dark-outline-negative-active);\n        --inverse-outline-info: var(--on-dark-outline-info);\n        --inverse-outline-info-hover: var(--on-dark-outline-info-hover);\n        --inverse-outline-info-active: var(--on-dark-outline-info-active);\n        --inverse-outline-positive-minor: var(--on-dark-outline-positive-minor);\n        --inverse-outline-positive-minor-hover: var(--on-dark-outline-positive-minor-hover);\n        --inverse-outline-positive-minor-active: var(--on-dark-outline-positive-minor-active);\n        --inverse-outline-warning-minor: var(--on-dark-outline-warning-minor);\n        --inverse-outline-warning-minor-hover: var(--on-dark-outline-warning-minor-hover);\n        --inverse-outline-warning-minor-active: var(--on-dark-outline-warning-minor-active);\n        --inverse-outline-negative-minor: var(--on-dark-outline-negative-minor);\n        --inverse-outline-negative-minor-hover: var(--on-dark-outline-negative-minor-hover);\n        --inverse-outline-negative-minor-active: var(--on-dark-outline-negative-minor-active);\n        --inverse-outline-info-minor: var(--on-dark-outline-info-minor);\n        --inverse-outline-info-minor-hover: var(--on-dark-outline-info-minor-hover);\n        --inverse-outline-info-minor-active: var(--on-dark-outline-info-minor-active);\n        --inverse-outline-transparent-positive-hover: var(--on-dark-outline-transparent-positive-hover);\n        --inverse-outline-transparent-positive-active: var(--on-dark-outline-transparent-positive-active);\n        --inverse-outline-transparent-warning-hover: var(--on-dark-outline-transparent-warning-hover);\n        --inverse-outline-transparent-warning-active: var(--on-dark-outline-transparent-warning-active);\n        --inverse-outline-transparent-negative-hover: var(--on-dark-outline-transparent-negative-hover);\n        --inverse-outline-transparent-negative-active: var(--on-dark-outline-transparent-negative-active);\n        --inverse-outline-transparent-info-hover: var(--on-dark-outline-transparent-info-hover);\n        --inverse-outline-transparent-info-active: var(--on-dark-outline-transparent-info-active);\n        --inverse-outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n        --inverse-outline-solid-tertiary: var(--on-dark-outline-solid-tertiary);\n        --inverse-outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n        --inverse-outline-transparent-secondary: var(--on-dark-outline-transparent-secondary);\n        --inverse-outline-transparent-tertiary: var(--on-dark-outline-transparent-tertiary);\n        --inverse-outline-transparent-accent: var(--on-dark-outline-transparent-accent);\n        --inverse-outline-transparent-positive: var(--on-dark-outline-transparent-positive);\n        --inverse-outline-transparent-warning: var(--on-dark-outline-transparent-warning);\n        --inverse-outline-transparent-negative: var(--on-dark-outline-transparent-negative);\n        --inverse-outline-transparent-info: var(--on-dark-outline-transparent-info);\n        --data-yellow: var(--on-light-data-yellow);\n        --data-yellow-minor: var(--on-light-data-yellow-minor);\n        --data-yellow-transparent: var(--on-light-data-yellow-transparent);\n        --inverse-data-yellow: var(--on-dark-data-yellow);\n        --inverse-data-yellow-minor: var(--on-dark-data-yellow-minor);\n        --inverse-data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n        --text-accent-gradient-hover: var(--on-light-text-accent-gradient-hover);\n        --text-accent-gradient-active: var(--on-light-text-accent-gradient-active);\n        --text-accent-gradient: var(--on-light-text-accent-gradient);\n        --inverse-text-accent-gradient-hover: var(--on-dark-text-accent-gradient-hover);\n        --inverse-text-accent-gradient-active: var(--on-dark-text-accent-gradient-active);\n        --inverse-text-accent-gradient: var(--on-dark-text-accent-gradient);\n        --surface-accent-gradient-hover: var(--on-light-surface-accent-gradient-hover);\n        --surface-accent-gradient-active: var(--on-light-surface-accent-gradient-active);\n        --surface-accent-gradient: var(--on-light-surface-accent-gradient);\n        --surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n        --surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n        --surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n        --surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n        --surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n        --surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n        --inverse-surface-accent-gradient-hover: var(--on-dark-surface-accent-gradient-hover);\n        --inverse-surface-accent-gradient-active: var(--on-dark-surface-accent-gradient-active);\n        --inverse-surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n        --inverse-surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n        --inverse-surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n        --inverse-surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n        --inverse-surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n        --inverse-surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n        --inverse-surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n        --outline-accent-gradient-hover: var(--on-light-outline-accent-gradient-hover);\n        --outline-accent-gradient-active: var(--on-light-outline-accent-gradient-active);\n        --outline-accent-gradient: var(--on-light-outline-accent-gradient);\n        --inverse-outline-accent-gradient-hover: var(--on-dark-outline-accent-gradient-hover);\n        --inverse-outline-accent-gradient-active: var(--on-dark-outline-accent-gradient-active);\n        --inverse-outline-accent-gradient: var(--on-dark-outline-accent-gradient);\n      ",