@salutejs-ds/sdds_sbcom 0.1.0 → 0.1.2
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.
- package/components/Button/Button.config.d.ts +2 -2
- package/components/Button/Button.config.js +7 -7
- package/components/Button/Button.config.js.map +1 -1
- package/components/Button/Button.config_9i8t1d.css +10 -0
- package/components/Button/Button.css +9 -9
- package/components/Button/Button.d.ts +2 -2
- package/components/Checkbox/Checkbox.config.d.ts +2 -2
- package/components/Checkbox/Checkbox.config.js +5 -5
- package/components/Checkbox/Checkbox.config.js.map +1 -1
- package/components/Checkbox/Checkbox.config_usbc5o.css +6 -0
- package/components/Checkbox/Checkbox.css +6 -6
- package/components/Checkbox/Checkbox.d.ts +2 -2
- package/components/IconButton/IconButton.config.js +1 -1
- package/components/IconButton/IconButton.config.js.map +1 -1
- package/components/IconButton/IconButton.config_1em9p3v.css +9 -0
- package/components/IconButton/IconButton.css +8 -8
- package/components/Link/Link.config.d.ts +3 -3
- package/components/Link/Link.config.js +8 -8
- package/components/Link/Link.config.js.map +1 -1
- package/components/Link/Link.config_1cp5e0j.css +8 -0
- package/components/Link/Link.css +8 -8
- package/components/Link/Link.d.ts +3 -3
- package/components/Radiobox/Radiobox.config.d.ts +1 -1
- package/components/Radiobox/Radiobox.config.js +3 -3
- package/components/Radiobox/Radiobox.config.js.map +1 -1
- package/components/Radiobox/Radiobox.config_hbis6p.css +6 -0
- package/components/Radiobox/Radiobox.css +6 -6
- package/components/Radiobox/Radiobox.d.ts +1 -1
- package/css/sdds_sbcom.module.css +92 -90
- package/css/sdds_sbcom__dark.css +53 -51
- package/css/sdds_sbcom__light.css +53 -51
- package/es/components/Button/Button.config.js +7 -7
- package/es/components/Button/Button.config.js.map +1 -1
- package/es/components/Button/Button.config_9i8t1d.css +10 -0
- package/es/components/Button/Button.css +9 -9
- package/es/components/Checkbox/Checkbox.config.js +5 -5
- package/es/components/Checkbox/Checkbox.config.js.map +1 -1
- package/es/components/Checkbox/Checkbox.config_usbc5o.css +6 -0
- package/es/components/Checkbox/Checkbox.css +6 -6
- package/es/components/IconButton/IconButton.config.js +1 -1
- package/es/components/IconButton/IconButton.config.js.map +1 -1
- package/es/components/IconButton/IconButton.config_1em9p3v.css +9 -0
- package/es/components/IconButton/IconButton.css +8 -8
- package/es/components/Link/Link.config.js +8 -8
- package/es/components/Link/Link.config.js.map +1 -1
- package/es/components/Link/Link.config_1cp5e0j.css +8 -0
- package/es/components/Link/Link.css +8 -8
- package/es/components/Radiobox/Radiobox.config.js +3 -3
- package/es/components/Radiobox/Radiobox.config.js.map +1 -1
- package/es/components/Radiobox/Radiobox.config_hbis6p.css +6 -0
- package/es/components/Radiobox/Radiobox.css +6 -6
- package/es/index.css +37 -37
- package/es/index.js +1 -1
- package/es/theme/themes/sdds_sbcom__dark.js +1 -1
- package/es/theme/themes/sdds_sbcom__dark.js.map +1 -1
- package/es/theme/themes/sdds_sbcom__light.js +1 -1
- package/es/theme/themes/sdds_sbcom__light.js.map +1 -1
- package/es/theme/tokens/index.js +113 -107
- package/es/theme/tokens/index.js.map +1 -1
- package/index.css +37 -37
- package/index.js +2 -0
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/styled-components/cjs/Button/Button.config.js +7 -7
- package/styled-components/cjs/Checkbox/Checkbox.config.js +5 -5
- package/styled-components/cjs/IconButton/IconButton.config.js +5 -5
- package/styled-components/cjs/Link/Link.config.js +7 -7
- package/styled-components/cjs/Radiobox/Radiobox.config.js +5 -5
- package/styled-components/es/Button/Button.config.js +7 -7
- package/styled-components/es/Checkbox/Checkbox.config.js +5 -5
- package/styled-components/es/IconButton/IconButton.config.js +5 -5
- package/styled-components/es/Link/Link.config.js +7 -7
- package/styled-components/es/Radiobox/Radiobox.config.js +5 -5
- package/theme/themes/sdds_sbcom__dark.js +1 -1
- package/theme/themes/sdds_sbcom__dark.js.map +1 -1
- package/theme/themes/sdds_sbcom__light.js +1 -1
- package/theme/themes/sdds_sbcom__light.js.map +1 -1
- package/theme/tokens/index.d.ts +87 -83
- package/theme/tokens/index.js +114 -106
- package/theme/tokens/index.js.map +1 -1
- package/components/Button/Button.config_vw2ya.css +0 -10
- package/components/Checkbox/Checkbox.config_8r8azs.css +0 -6
- package/components/IconButton/IconButton.config_11uez11.css +0 -9
- package/components/Link/Link.config_cgm7zu.css +0 -8
- package/components/Radiobox/Radiobox.config_5q7ggq.css +0 -6
- package/es/components/Button/Button.config_vw2ya.css +0 -10
- package/es/components/Checkbox/Checkbox.config_8r8azs.css +0 -6
- package/es/components/IconButton/IconButton.config_11uez11.css +0 -9
- package/es/components/Link/Link.config_cgm7zu.css +0 -8
- package/es/components/Radiobox/Radiobox.config_5q7ggq.css +0 -6
package/es/theme/tokens/index.js
CHANGED
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
// Generated by robots, do not change this manually!
|
|
2
2
|
|
|
3
|
-
/** Вторичный цвет текста */
|
|
4
|
-
var textSecondary = 'var(--text-secondary, #F6F2F0A3)';
|
|
5
|
-
|
|
6
3
|
/** Третичный цвет текста */
|
|
7
4
|
var textTertiaryHover = 'var(--text-tertiary-hover, #F5F5F5FF)';
|
|
8
5
|
|
|
@@ -111,8 +108,8 @@ var textPrimaryBrightness = 'var(--text-primary-brightness, #F6F6F6FF)';
|
|
|
111
108
|
/** Вторичный цвет текста */
|
|
112
109
|
var textSecondaryActive = 'var(--text-secondary-active, #F5F5F5AB)';
|
|
113
110
|
|
|
114
|
-
/**
|
|
115
|
-
var
|
|
111
|
+
/** Вторичный цвет текста */
|
|
112
|
+
var textSecondary = 'var(--text-secondary, #F6F2F0A3)';
|
|
116
113
|
|
|
117
114
|
/** Цвет успеха на темном фоне */
|
|
118
115
|
var onDarkTextPositiveHover = 'var(--on-dark-text-positive-hover, #96E208FF)';
|
|
@@ -201,6 +198,9 @@ var onDarkTextParagraph = 'var(--on-dark-text-paragraph, #F6F2F07A)';
|
|
|
201
198
|
/** Акцентный цвет на темном фоне */
|
|
202
199
|
var onDarkTextAccentActive = 'var(--on-dark-text-accent-active, #629405FF)';
|
|
203
200
|
|
|
201
|
+
/** Акцентный минорный цвет на темном фоне */
|
|
202
|
+
var onDarkTextAccentMinorHover = 'var(--on-dark-text-accent-minor-hover, #6EA013FF)';
|
|
203
|
+
|
|
204
204
|
/** Цвет успеха на светлом фоне */
|
|
205
205
|
var onLightTextPositiveHover = 'var(--on-light-text-positive-hover, #79B706FF)';
|
|
206
206
|
|
|
@@ -387,9 +387,6 @@ var inverseTextAccentMinorHover = 'var(--inverse-text-accent-minor-hover, #B6FB3
|
|
|
387
387
|
/** Инвертированный минорный акцентный цвет */
|
|
388
388
|
var inverseTextAccentMinorActive = 'var(--inverse-text-accent-minor-active, #70AA03FF)';
|
|
389
389
|
|
|
390
|
-
/** Вторичный прозрачный фон поверхности/контрола */
|
|
391
|
-
var surfaceTransparentSecondary = 'var(--surface-transparent-secondary, #FFFFFF29)';
|
|
392
|
-
|
|
393
390
|
/** Третичный прозрачный фон поверхности/контрола */
|
|
394
391
|
var surfaceTransparentTertiaryHover = 'var(--surface-transparent-tertiary-hover, #FFFFFF52)';
|
|
395
392
|
|
|
@@ -462,8 +459,8 @@ var surfaceTransparentPrimary = 'var(--surface-transparent-primary, #FFFFFF14)';
|
|
|
462
459
|
/** Вторичный прозрачный фон поверхности/контрола */
|
|
463
460
|
var surfaceTransparentSecondaryActive = 'var(--surface-transparent-secondary-active, #FFFFFF0F)';
|
|
464
461
|
|
|
465
|
-
/**
|
|
466
|
-
var
|
|
462
|
+
/** Вторичный прозрачный фон поверхности/контрола */
|
|
463
|
+
var surfaceTransparentSecondary = 'var(--surface-transparent-secondary, #FFFFFF29)';
|
|
467
464
|
|
|
468
465
|
/** Прозрачный акцентный фон поверхности/контрола */
|
|
469
466
|
var surfaceTransparentAccent = 'var(--surface-transparent-accent, #B4AE7B33)';
|
|
@@ -549,8 +546,8 @@ var surfaceNegativeActive = 'var(--surface-negative-active, #FF1F35FF)';
|
|
|
549
546
|
/** Цвет фона поверхности/контрола информация */
|
|
550
547
|
var surfaceInfoHover = 'var(--surface-info-hover, #1798EEFF)';
|
|
551
548
|
|
|
552
|
-
/**
|
|
553
|
-
var
|
|
549
|
+
/** Цвет фона поверхности/контрола информация */
|
|
550
|
+
var surfaceInfoActive = 'var(--surface-info-active, #1086D5FF)';
|
|
554
551
|
|
|
555
552
|
/** Прозрачный фон для карточек на темном фоне */
|
|
556
553
|
var onDarkSurfaceTransparentCardActive = 'var(--on-dark-surface-transparent-card-active, #FFFFFF0A)';
|
|
@@ -606,8 +603,8 @@ var onDarkSurfaceTransparentDeepHover = 'var(--on-dark-surface-transparent-deep-
|
|
|
606
603
|
/** Прозрачный фон поверхности по умолчанию на темном фоне */
|
|
607
604
|
var onDarkSurfaceTransparentDeep = 'var(--on-dark-surface-transparent-deep, #373737B8)';
|
|
608
605
|
|
|
609
|
-
/**
|
|
610
|
-
var
|
|
606
|
+
/** Прозрачный фон для карточек на темном фоне */
|
|
607
|
+
var onDarkSurfaceTransparentCardHover = 'var(--on-dark-surface-transparent-card-hover, #FFFFFF1F)';
|
|
611
608
|
|
|
612
609
|
/** Основной непрозрачный фон поверхности на светлом фоне */
|
|
613
610
|
var onLightSurfaceSolidPrimary = 'var(--on-light-surface-solid-primary, #FFFFFFFF)';
|
|
@@ -690,8 +687,8 @@ var onDarkSurfaceInfo = 'var(--on-dark-surface-info, #9BCAF8FF)';
|
|
|
690
687
|
/** Основной непрозрачный фон поверхности на светлом фоне */
|
|
691
688
|
var onLightSurfaceSolidPrimaryHover = 'var(--on-light-surface-solid-primary-hover, #F2F2F2FF)';
|
|
692
689
|
|
|
693
|
-
/**
|
|
694
|
-
var
|
|
690
|
+
/** Основной непрозрачный фон поверхности на светлом фоне */
|
|
691
|
+
var onLightSurfaceSolidPrimaryActive = 'var(--on-light-surface-solid-primary-active, #F0F0F0FF)';
|
|
695
692
|
|
|
696
693
|
/** Прозрачный фон для карточек на светлом фоне */
|
|
697
694
|
var onLightSurfaceTransparentCardBrightness = 'var(--on-light-surface-transparent-card-brightness, #171717FF)';
|
|
@@ -750,8 +747,8 @@ var onLightSurfaceTransparentDeep = 'var(--on-light-surface-transparent-deep, #F
|
|
|
750
747
|
/** Прозрачный фон для карточек на светлом фоне */
|
|
751
748
|
var onLightSurfaceTransparentCardActive = 'var(--on-light-surface-transparent-card-active, #0808081A)';
|
|
752
749
|
|
|
753
|
-
/**
|
|
754
|
-
var
|
|
750
|
+
/** Прозрачный фон для карточек на светлом фоне */
|
|
751
|
+
var onLightSurfaceTransparentCard = 'var(--on-light-surface-transparent-card, #FFFFFF99)';
|
|
755
752
|
|
|
756
753
|
/** Инвертированный основной непрозрачный фон поверхности */
|
|
757
754
|
var inverseSurfaceSolidPrimaryBrightness = 'var(--inverse-surface-solid-primary-brightness, #F6F6F6FF)';
|
|
@@ -834,8 +831,8 @@ var onLightSurfaceAccentMinor = 'var(--on-light-surface-accent-minor, #D2ECBAFF)
|
|
|
834
831
|
/** Инвертированный основной непрозрачный фон поверхности */
|
|
835
832
|
var inverseSurfaceSolidPrimaryActive = 'var(--inverse-surface-solid-primary-active, #F0F0F0FF)';
|
|
836
833
|
|
|
837
|
-
/** Инвертированный
|
|
838
|
-
var
|
|
834
|
+
/** Инвертированный основной непрозрачный фон поверхности */
|
|
835
|
+
var inverseSurfaceSolidPrimary = 'var(--inverse-surface-solid-primary, #FFFFFFFF)';
|
|
839
836
|
|
|
840
837
|
/** Инвертированный акцентный фон поверхности/контрола */
|
|
841
838
|
var inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, #558005FF)';
|
|
@@ -897,6 +894,9 @@ var inverseSurfaceTransparentCardActive = 'var(--inverse-surface-transparent-car
|
|
|
897
894
|
/** Инвертированный прозрачный фон для карточек */
|
|
898
895
|
var inverseSurfaceTransparentCardBrightness = 'var(--inverse-surface-transparent-card-brightness, #FFFFFFFF)';
|
|
899
896
|
|
|
897
|
+
/** Инвертированный акцентный фон поверхности/контрола */
|
|
898
|
+
var inverseSurfaceAccentHover = 'var(--inverse-surface-accent-hover, #6FA706FF)';
|
|
899
|
+
|
|
900
900
|
/** Основной фон на светлом фоне */
|
|
901
901
|
var lightBackgroundPrimary = 'var(--light-background-primary, #F9F9F9)';
|
|
902
902
|
|
|
@@ -1041,9 +1041,6 @@ var outlineTransparentPrimary = 'var(--outline-transparent-primary, #FFFFFF1F)';
|
|
|
1041
1041
|
/** Основной прозрачный цвет обводки на темном фоне */
|
|
1042
1042
|
var onDarkOutlineTransparentPrimaryActive = 'var(--on-dark-outline-transparent-primary-active, #FFFFFF12)';
|
|
1043
1043
|
|
|
1044
|
-
/** Цвет обводки ошибка на светлом фоне */
|
|
1045
|
-
var onLightOutlineNegative = 'var(--on-light-outline-negative, #E83439FF)';
|
|
1046
|
-
|
|
1047
1044
|
/** Цвет обводки информация на светлом фоне */
|
|
1048
1045
|
var onLightOutlineTextInfo = 'var(--on-light-outline-text-info, #3776BCFF)';
|
|
1049
1046
|
|
|
@@ -1119,8 +1116,8 @@ var onLightOutlineTextInfoHover = 'var(--on-light-outline-text-info-hover, #47B0
|
|
|
1119
1116
|
/** Цвет обводки предупреждение на светлом фоне */
|
|
1120
1117
|
var onLightOutlineWarning = 'var(--on-light-outline-warning, #BE4E0CFF)';
|
|
1121
1118
|
|
|
1122
|
-
/**
|
|
1123
|
-
var
|
|
1119
|
+
/** Цвет обводки ошибка на светлом фоне */
|
|
1120
|
+
var onLightOutlineNegative = 'var(--on-light-outline-negative, #E83439FF)';
|
|
1124
1121
|
|
|
1125
1122
|
/** Прозрачный желтый цвет для данных на темном фоне */
|
|
1126
1123
|
var onDarkDataYellowTransparentActive = 'var(--on-dark-data-yellow-transparent-active, #F3A81280)';
|
|
@@ -1206,15 +1203,15 @@ var onDarkDataYellowMinor = 'var(--on-dark-data-yellow-minor, #A16B00)';
|
|
|
1206
1203
|
/** Минорный желтый цвет для данных на темном фоне */
|
|
1207
1204
|
var onDarkDataYellowMinorActive = 'var(--on-dark-data-yellow-minor-active, #996600FF)';
|
|
1208
1205
|
|
|
1206
|
+
/** Прозрачный желтый цвет для данных на темном фоне */
|
|
1207
|
+
var onDarkDataYellowTransparentHover = 'var(--on-dark-data-yellow-transparent-hover, #F3A812AD)';
|
|
1208
|
+
|
|
1209
1209
|
/** Вторичный прозрачный фон поверхности/контрола на темном фоне */
|
|
1210
1210
|
var onDarkSurfaceTransparentSecondary = 'var(--on-dark-surface-transparent-secondary, #FFFFFF29)';
|
|
1211
1211
|
|
|
1212
1212
|
/** Вторичный цвет текста */
|
|
1213
1213
|
var textSecondaryHover = 'var(--text-secondary-hover, #F5F5F5FF)';
|
|
1214
1214
|
|
|
1215
|
-
/** */
|
|
1216
|
-
var onDarkBackgroundSecondary = 'var(--on-dark-background-secondary, #000000FF)';
|
|
1217
|
-
|
|
1218
1215
|
/** */
|
|
1219
1216
|
var onDarkBackgroundSecondaryHover = 'var(--on-dark-background-secondary-hover, #CCCCCCFF)';
|
|
1220
1217
|
|
|
@@ -1357,7 +1354,7 @@ var inverseBackgroundSecondaryHover = 'var(--inverse-background-secondary-hover,
|
|
|
1357
1354
|
var inverseBackgroundSecondaryBrightness = 'var(--inverse-background-secondary-brightness, #FFFFFFFF)';
|
|
1358
1355
|
|
|
1359
1356
|
/** */
|
|
1360
|
-
var
|
|
1357
|
+
var onDarkBackgroundSecondary = 'var(--on-dark-background-secondary, #000000FF)';
|
|
1361
1358
|
|
|
1362
1359
|
/** */
|
|
1363
1360
|
var personaBlueSurfaceAccentGradientHover = 'var(--persona-blue-surface-accent-gradient-hover, #CCCCCCFF)';
|
|
@@ -1495,7 +1492,7 @@ var onLightOutlineMinorHover = 'var(--on-light-outline-minor-hover, #CCCCCCFF)';
|
|
|
1495
1492
|
var onLightOutlineMinorBrightness = 'var(--on-light-outline-minor-brightness, #FFFFFFFF)';
|
|
1496
1493
|
|
|
1497
1494
|
/** */
|
|
1498
|
-
var
|
|
1495
|
+
var personaBlueSurfaceAccentGradient = 'var(--persona-blue-surface-accent-gradient, #0F0F0FFF)';
|
|
1499
1496
|
|
|
1500
1497
|
/** */
|
|
1501
1498
|
var personaSeaBlueSurfaceAccentGradientActive = 'var(--persona-sea-blue-surface-accent-gradient-active, #E6E6E6FF)';
|
|
@@ -1630,7 +1627,7 @@ var personaPinkTextAccentActive = 'var(--persona-pink-text-accent-active, #E6E6E
|
|
|
1630
1627
|
var personaSeaBlueSurfaceAccentGradient = 'var(--persona-sea-blue-surface-accent-gradient, #0F0F0FFF)';
|
|
1631
1628
|
|
|
1632
1629
|
/** */
|
|
1633
|
-
var
|
|
1630
|
+
var personaSeaBlueSurfaceAccentGradientHover = 'var(--persona-sea-blue-surface-accent-gradient-hover, #CCCCCCFF)';
|
|
1634
1631
|
|
|
1635
1632
|
/** */
|
|
1636
1633
|
var inversePersonaOliveSurfaceAccentGradientActive = 'var(--inverse-persona-olive-surface-accent-gradient-active, #E6E6E6FF)';
|
|
@@ -1765,7 +1762,7 @@ var inversePersonaOchreTextAccentActive = 'var(--inverse-persona-ochre-text-acce
|
|
|
1765
1762
|
var inversePersonaOliveSurfaceAccentGradient = 'var(--inverse-persona-olive-surface-accent-gradient, #F6F2F0FF)';
|
|
1766
1763
|
|
|
1767
1764
|
/** */
|
|
1768
|
-
var
|
|
1765
|
+
var inversePersonaOliveSurfaceAccentGradientHover = 'var(--inverse-persona-olive-surface-accent-gradient-hover, #CCCCCCFF)';
|
|
1769
1766
|
|
|
1770
1767
|
/** */
|
|
1771
1768
|
var onDarkPersonaIndigoSurfaceAccentGradientActive = 'var(--on-dark-persona-indigo-surface-accent-gradient-active, #E6E6E6FF)';
|
|
@@ -1900,7 +1897,7 @@ var onDarkPersonaGreenTextAccentActive = 'var(--on-dark-persona-green-text-accen
|
|
|
1900
1897
|
var onDarkPersonaIndigoSurfaceAccentGradient = 'var(--on-dark-persona-indigo-surface-accent-gradient, #0F0F0FFF)';
|
|
1901
1898
|
|
|
1902
1899
|
/** */
|
|
1903
|
-
var
|
|
1900
|
+
var onDarkPersonaIndigoSurfaceAccentGradientHover = 'var(--on-dark-persona-indigo-surface-accent-gradient-hover, #CCCCCCFF)';
|
|
1904
1901
|
|
|
1905
1902
|
/** */
|
|
1906
1903
|
var onLightPersonaBlueTextAccentHover = 'var(--on-light-persona-blue-text-accent-hover, #CCCCCCFF)';
|
|
@@ -2017,7 +2014,7 @@ var onLightPersonaBlueSurfaceAccentGradientHover = 'var(--on-light-persona-blue-
|
|
|
2017
2014
|
var onLightPersonaBlueSurfaceAccentGradientBrightness = 'var(--on-light-persona-blue-surface-accent-gradient-brightness, #F6F2F0FF)';
|
|
2018
2015
|
|
|
2019
2016
|
/** */
|
|
2020
|
-
var
|
|
2017
|
+
var onLightPersonaBlueTextAccent = 'var(--on-light-persona-blue-text-accent, #EBE7E5FF)';
|
|
2021
2018
|
|
|
2022
2019
|
/** */
|
|
2023
2020
|
var onLightPersonaVioletSurfaceAccentGradientBrightness = 'var(--on-light-persona-violet-surface-accent-gradient-brightness, #F6F2F0FF)';
|
|
@@ -2047,10 +2044,10 @@ var surfaceAccentPrimaryActive = 'var(--surface-accent-primary-active, #E6E6E6FF
|
|
|
2047
2044
|
var onLightPersonaVioletSurfaceAccentGradient = 'var(--on-light-persona-violet-surface-accent-gradient, #F6F2F0FF)';
|
|
2048
2045
|
|
|
2049
2046
|
/** */
|
|
2050
|
-
var
|
|
2047
|
+
var onLightPersonaVioletSurfaceAccentGradientActive = 'var(--on-light-persona-violet-surface-accent-gradient-active, #E6E6E6FF)';
|
|
2051
2048
|
|
|
2052
|
-
/**
|
|
2053
|
-
var
|
|
2049
|
+
/** */
|
|
2050
|
+
var onLightSurfaceAccentPrimary = 'var(--on-light-surface-accent-primary, #527E4BFF)';
|
|
2054
2051
|
|
|
2055
2052
|
/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
|
|
2056
2053
|
var onDarkSurfaceAccentMinor = 'var(--on-dark-surface-accent-minor, #3E4C2FFF)';
|
|
@@ -2097,8 +2094,8 @@ var onLightPersonaSeaBlueSurfaceAccentGradientHover = 'var(--on-light-persona-se
|
|
|
2097
2094
|
/** Инвертированный акцентный цвет */
|
|
2098
2095
|
var inverseTextAccentActive = 'var(--inverse-text-accent-active, #3E5E03FF)';
|
|
2099
2096
|
|
|
2100
|
-
/**
|
|
2101
|
-
var
|
|
2097
|
+
/** Цвет фона поверхности предупреждение */
|
|
2098
|
+
var surfaceWarningActive = 'var(--surface-warning-active, #F05B05FF)';
|
|
2102
2099
|
|
|
2103
2100
|
/** */
|
|
2104
2101
|
var onDarkPersonaBlueSurfaceAccentGradientBrightness = 'var(--on-dark-persona-blue-surface-accent-gradient-brightness, #0F0F0FFF)';
|
|
@@ -2163,8 +2160,8 @@ var outlineNegative = 'var(--outline-negative, #F8A6A9FF)';
|
|
|
2163
2160
|
/** Третичный цвет текста на темном фоне */
|
|
2164
2161
|
var onDarkTextTertiary = 'var(--on-dark-text-tertiary, #F6F2F03D)';
|
|
2165
2162
|
|
|
2166
|
-
/**
|
|
2167
|
-
var
|
|
2163
|
+
/** Акцентный цвет на светлом фоне */
|
|
2164
|
+
var onLightTextAccentHover = 'var(--on-light-text-accent-hover, #79B706FF)';
|
|
2168
2165
|
|
|
2169
2166
|
/** Акцентный минорный цвет */
|
|
2170
2167
|
var textAccentMinorHover = 'var(--text-accent-minor-hover, #6EA013FF)';
|
|
@@ -2229,8 +2226,8 @@ var onDarkSurfaceNegative = 'var(--on-dark-surface-negative, #F8A6A9FF)';
|
|
|
2229
2226
|
/** Инвертированный цвет фона поверхности/контрола информация */
|
|
2230
2227
|
var inverseSurfaceInfo = 'var(--inverse-surface-info, #3776BCFF)';
|
|
2231
2228
|
|
|
2232
|
-
/**
|
|
2233
|
-
var
|
|
2229
|
+
/** Цвет обводки предупреждение на светлом фоне */
|
|
2230
|
+
var onLightOutlineWarningHover = 'var(--on-light-outline-warning-hover, #FD9253FF)';
|
|
2234
2231
|
|
|
2235
2232
|
/** */
|
|
2236
2233
|
var onLightPersonaOliveSurfaceAccentGradientBrightness = 'var(--on-light-persona-olive-surface-accent-gradient-brightness, #F6F2F0FF)';
|
|
@@ -2275,7 +2272,7 @@ var surfaceAccentSecondaryBrightness = 'var(--surface-accent-secondary-brightnes
|
|
|
2275
2272
|
var onLightOutlineDefaultBrightness = 'var(--on-light-outline-default-brightness, #DDD9D7FF)';
|
|
2276
2273
|
|
|
2277
2274
|
/** */
|
|
2278
|
-
var
|
|
2275
|
+
var onDarkPersonaPinkTextAccentHover = 'var(--on-dark-persona-pink-text-accent-hover, #CCCCCCFF)';
|
|
2279
2276
|
|
|
2280
2277
|
/** Акцентный цвет на темном фоне */
|
|
2281
2278
|
var onDarkTextAccentHover = 'var(--on-dark-text-accent-hover, #96E208FF)';
|
|
@@ -2284,7 +2281,7 @@ var onDarkTextAccentHover = 'var(--on-dark-text-accent-hover, #96E208FF)';
|
|
|
2284
2281
|
var onLightPersonaVioletSurfaceAccentGradientHover = 'var(--on-light-persona-violet-surface-accent-gradient-hover, #CCCCCCFF)';
|
|
2285
2282
|
|
|
2286
2283
|
/** */
|
|
2287
|
-
var
|
|
2284
|
+
var personaPinkSurfaceAccentGradientBrightness = 'var(--persona-pink-surface-accent-gradient-brightness, #0F0F0FFF)';
|
|
2288
2285
|
|
|
2289
2286
|
/** */
|
|
2290
2287
|
var inverseSurfaceTransparentAccentMinorHover = 'var(--inverse-surface-transparent-accent-minor-hover, #CCCCCCFF)';
|
|
@@ -2310,26 +2307,8 @@ var onDarkSurfaceAccentSecondaryHover = 'var(--on-dark-surface-accent-secondary-
|
|
|
2310
2307
|
/** */
|
|
2311
2308
|
var surfaceTransparentAccentMinorHover = 'var(--surface-transparent-accent-minor-hover, #CCCCCCFF)';
|
|
2312
2309
|
|
|
2313
|
-
/**
|
|
2314
|
-
var
|
|
2315
|
-
|
|
2316
|
-
/** Цвет фона поверхности/контрола ошибка */
|
|
2317
|
-
var surfaceNegative = 'var(--surface-negative, #F8A6A9FF)';
|
|
2318
|
-
|
|
2319
|
-
/** Прозрачный фон для карточек на светлом фоне */
|
|
2320
|
-
var onLightSurfaceTransparentCardHover = 'var(--on-light-surface-transparent-card-hover, #08080814)';
|
|
2321
|
-
|
|
2322
|
-
/** Инвертированный основной непрозрачный фон поверхности */
|
|
2323
|
-
var inverseSurfaceSolidPrimaryHover = 'var(--inverse-surface-solid-primary-hover, #F2F2F2FF)';
|
|
2324
|
-
|
|
2325
|
-
/** Основной фон на темном фоне */
|
|
2326
|
-
var darkBackgroundPrimary = 'var(--dark-background-primary, #080808)';
|
|
2327
|
-
|
|
2328
|
-
/** Минорный желтый цвет для данных на темном фоне */
|
|
2329
|
-
var onDarkDataYellowMinorHover = 'var(--on-dark-data-yellow-minor-hover, #B87A00FF)';
|
|
2330
|
-
|
|
2331
|
-
/** Цвет обводки ошибка на светлом фоне */
|
|
2332
|
-
var onLightOutlineNegativeActive = 'var(--on-light-outline-negative-active, #E40C22FF)';
|
|
2310
|
+
/** */
|
|
2311
|
+
var inverseSurfaceAccentSecondaryHover = 'var(--inverse-surface-accent-secondary-hover, #CCCCCCFF)';
|
|
2333
2312
|
|
|
2334
2313
|
/** Основной непрозрачный фон поверхности/контрола на темном фоне */
|
|
2335
2314
|
var onDarkSurfaceSolidPrimaryHover = 'var(--on-dark-surface-solid-primary-hover, #1C1C1CFF)';
|
|
@@ -2358,14 +2337,41 @@ var onDarkSurfaceTransparentAccentMinorActive = 'var(--on-dark-surface-transpare
|
|
|
2358
2337
|
/** Непрозрачный фон поверхности/контрола по умолчанию */
|
|
2359
2338
|
var surfaceSolidDefault = 'var(--surface-solid-default, #F6F2F0FF)';
|
|
2360
2339
|
|
|
2340
|
+
/** */
|
|
2341
|
+
var surfaceAccentSecondaryHover = 'var(--surface-accent-secondary-hover, #CCCCCCFF)';
|
|
2342
|
+
|
|
2343
|
+
/** Вторичный прозрачный фон поверхности/контрола */
|
|
2344
|
+
var surfaceTransparentSecondaryHover = 'var(--surface-transparent-secondary-hover, #FFFFFF3D)';
|
|
2345
|
+
|
|
2346
|
+
/** Цвет фона поверхности/контрола ошибка */
|
|
2347
|
+
var surfaceNegative = 'var(--surface-negative, #F8A6A9FF)';
|
|
2348
|
+
|
|
2349
|
+
/** Прозрачный фон для карточек на светлом фоне */
|
|
2350
|
+
var onLightSurfaceTransparentCardHover = 'var(--on-light-surface-transparent-card-hover, #08080814)';
|
|
2351
|
+
|
|
2352
|
+
/** Инвертированный основной непрозрачный фон поверхности */
|
|
2353
|
+
var inverseSurfaceSolidPrimaryHover = 'var(--inverse-surface-solid-primary-hover, #F2F2F2FF)';
|
|
2354
|
+
|
|
2355
|
+
/** Основной фон на темном фоне */
|
|
2356
|
+
var darkBackgroundPrimary = 'var(--dark-background-primary, #080808)';
|
|
2357
|
+
|
|
2358
|
+
/** Минорный желтый цвет для данных на темном фоне */
|
|
2359
|
+
var onDarkDataYellowMinorHover = 'var(--on-dark-data-yellow-minor-hover, #B87A00FF)';
|
|
2360
|
+
|
|
2361
|
+
/** Цвет обводки ошибка на светлом фоне */
|
|
2362
|
+
var onLightOutlineNegativeActive = 'var(--on-light-outline-negative-active, #E40C22FF)';
|
|
2363
|
+
|
|
2361
2364
|
/** */
|
|
2362
2365
|
var onLightPersonaPinkSurfaceAccentGradientBrightness = 'var(--on-light-persona-pink-surface-accent-gradient-brightness, #F6F2F0FF)';
|
|
2363
2366
|
|
|
2364
2367
|
/** Основной прозрачный цвет обводки на светлом фоне */
|
|
2365
2368
|
var onLightOutlineTransparentPrimary = 'var(--on-light-outline-transparent-primary, #15110F3D)';
|
|
2366
2369
|
|
|
2370
|
+
/** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
|
|
2371
|
+
var onLightSurfaceTransparentAccent = 'var(--on-light-surface-transparent-accent, #527E4B1F)';
|
|
2372
|
+
|
|
2367
2373
|
/** */
|
|
2368
|
-
var
|
|
2374
|
+
var personaOchreSurfaceAccentGradientHover = 'var(--persona-ochre-surface-accent-gradient-hover, #CCCCCCFF)';
|
|
2369
2375
|
|
|
2370
2376
|
/** Основной непрозрачный фон поверхности/контрола на темном фоне */
|
|
2371
2377
|
var onDarkSurfaceSolidPrimaryActive = 'var(--on-dark-surface-solid-primary-active, #121212FF)';
|
|
@@ -2394,15 +2400,6 @@ var onLightPersonaSeaBlueTextAccentBrightness = 'var(--on-light-persona-sea-blue
|
|
|
2394
2400
|
/** Основной прозрачный цвет обводки на темном фоне */
|
|
2395
2401
|
var onDarkOutlineTransparentPrimary = 'var(--on-dark-outline-transparent-primary, #FFFFFF1F)';
|
|
2396
2402
|
|
|
2397
|
-
/** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
|
|
2398
|
-
var onLightSurfaceTransparentAccent = 'var(--on-light-surface-transparent-accent, #527E4B1F)';
|
|
2399
|
-
|
|
2400
|
-
/** */
|
|
2401
|
-
var personaOchreSurfaceAccentGradientHover = 'var(--persona-ochre-surface-accent-gradient-hover, #CCCCCCFF)';
|
|
2402
|
-
|
|
2403
|
-
/** Акцентный фон поверхности/контрола с градиентом на темном фоне */
|
|
2404
|
-
var onDarkSurfaceAccentGradientActive = 'var(--on-dark-surface-accent-gradient-active, #E6E6E6FF)';
|
|
2405
|
-
|
|
2406
2403
|
/** Акцентный фон поверхности/контрола с градиентом */
|
|
2407
2404
|
var surfaceAccentGradient = 'var(--surface-accent-gradient, linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%))';
|
|
2408
2405
|
|
|
@@ -2427,6 +2424,9 @@ var onDarkSurfaceAccentGradientHover = 'var(--on-dark-surface-accent-gradient-ho
|
|
|
2427
2424
|
/** Яркий фон для скелетона */
|
|
2428
2425
|
var surfaceSkeletonDeepGradientActive = 'var(--surface-skeleton-deep-gradient-active, #FFFFFFFF)';
|
|
2429
2426
|
|
|
2427
|
+
/** Акцентный фон поверхности/контрола с градиентом на темном фоне */
|
|
2428
|
+
var onDarkSurfaceAccentGradientActive = 'var(--on-dark-surface-accent-gradient-active, #E6E6E6FF)';
|
|
2429
|
+
|
|
2430
2430
|
/** Фон для скелетона */
|
|
2431
2431
|
var onDarkSurfaceSkeletonGradient = 'var(--on-dark-surface-skeleton-gradient, linear-gradient(90.00deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.24) 50%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 100%))';
|
|
2432
2432
|
|
|
@@ -2454,9 +2454,6 @@ var onLightSurfaceAccentGradientActive = 'var(--on-light-surface-accent-gradient
|
|
|
2454
2454
|
/** Яркий фон для скелетона */
|
|
2455
2455
|
var onLightSurfaceSkeletonDeepGradientActive = 'var(--on-light-surface-skeleton-deep-gradient-active, #FFFFFFFF)';
|
|
2456
2456
|
|
|
2457
|
-
/** Яркий фон для скелетона */
|
|
2458
|
-
var onLightSurfaceSkeletonDeepGradient = 'var(--on-light-surface-skeleton-deep-gradient, linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%))';
|
|
2459
|
-
|
|
2460
2457
|
/** Яркий фон для скелетона */
|
|
2461
2458
|
var onLightSurfaceSkeletonDeepGradientHover = 'var(--on-light-surface-skeleton-deep-gradient-hover, #FFFFFFFF)';
|
|
2462
2459
|
|
|
@@ -2490,6 +2487,9 @@ var onLightSurfaceSkeletonGradient = 'var(--on-light-surface-skeleton-gradient,
|
|
|
2490
2487
|
/** Фон для скелетона */
|
|
2491
2488
|
var onLightSurfaceSkeletonGradientActive = 'var(--on-light-surface-skeleton-gradient-active, #FFFFFFFF)';
|
|
2492
2489
|
|
|
2490
|
+
/** Яркий фон для скелетона */
|
|
2491
|
+
var onLightSurfaceSkeletonDeepGradient = 'var(--on-light-surface-skeleton-deep-gradient, linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%))';
|
|
2492
|
+
|
|
2493
2493
|
/** Акцентный цвет обводки с градиентом */
|
|
2494
2494
|
var outlineAccentGradient = 'var(--outline-accent-gradient, linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%))';
|
|
2495
2495
|
|
|
@@ -2520,9 +2520,6 @@ var inverseOutlineAccentGradientActive = 'var(--inverse-outline-accent-gradient-
|
|
|
2520
2520
|
/** Акцентный цвет обводки с градиентом на светлом фоне */
|
|
2521
2521
|
var onLightOutlineAccentGradientActive = 'var(--on-light-outline-accent-gradient-active, #E6E6E6FF)';
|
|
2522
2522
|
|
|
2523
|
-
/** */
|
|
2524
|
-
var onDarkOutlineTransparentSurfaceHover = 'var(--on-dark-outline-transparent-surface-hover, #CCCCCCFF)';
|
|
2525
|
-
|
|
2526
2523
|
/** */
|
|
2527
2524
|
var onDarkOutlineTransparentSurfaceActive = 'var(--on-dark-outline-transparent-surface-active, #E6E6E6FF)';
|
|
2528
2525
|
|
|
@@ -2617,7 +2614,7 @@ var onDarkOutlineTransparentSurface = 'var(--on-dark-outline-transparent-surface
|
|
|
2617
2614
|
var inverseTextAccentGradientAiBrightness = 'var(--inverse-text-accent-gradient-ai-brightness, linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%))';
|
|
2618
2615
|
|
|
2619
2616
|
/** */
|
|
2620
|
-
var
|
|
2617
|
+
var onDarkOutlineTransparentSurfaceHover = 'var(--on-dark-outline-transparent-surface-hover, #CCCCCCFF)';
|
|
2621
2618
|
|
|
2622
2619
|
/** */
|
|
2623
2620
|
var onLightOverlayGradientActive = 'var(--on-light-overlay-gradient-active, #E6E6E6FF)';
|
|
@@ -2637,6 +2634,9 @@ var inverseOverlayGradientBrightness = 'var(--inverse-overlay-gradient-brightnes
|
|
|
2637
2634
|
/** */
|
|
2638
2635
|
var onLightOverlayGradient = 'var(--on-light-overlay-gradient, linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%))';
|
|
2639
2636
|
|
|
2637
|
+
/** */
|
|
2638
|
+
var onLightOverlayGradientHover = 'var(--on-light-overlay-gradient-hover, #CCCCCCFF)';
|
|
2639
|
+
|
|
2640
2640
|
/** Яркий фон для скелетона */
|
|
2641
2641
|
var inverseSurfaceSkeletonDeepGradientHover = 'var(--inverse-surface-skeleton-deep-gradient-hover, #FFFFFFFF)';
|
|
2642
2642
|
|
|
@@ -2655,18 +2655,15 @@ var outlineAccentGradientActive = 'var(--outline-accent-gradient-active, #666666
|
|
|
2655
2655
|
/** */
|
|
2656
2656
|
var onLightOutlineTransparentSurfaceBrightness = 'var(--on-light-outline-transparent-surface-brightness, linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%))';
|
|
2657
2657
|
|
|
2658
|
-
/** Акцентный фон поверхности/контрола с градиентом */
|
|
2659
|
-
var surfaceAccentGradientActive = 'var(--surface-accent-gradient-active, #E6E6E6FF)';
|
|
2660
|
-
|
|
2661
2658
|
/** Акцентный фон поверхности/контрола с градиентом на темном фоне */
|
|
2662
2659
|
var onDarkSurfaceAccentGradient = 'var(--on-dark-surface-accent-gradient, linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%))';
|
|
2663
2660
|
|
|
2661
|
+
/** Акцентный фон поверхности/контрола с градиентом */
|
|
2662
|
+
var surfaceAccentGradientActive = 'var(--surface-accent-gradient-active, #E6E6E6FF)';
|
|
2663
|
+
|
|
2664
2664
|
/** Фон для скелетона */
|
|
2665
2665
|
var onLightSurfaceSkeletonGradientHover = 'var(--on-light-surface-skeleton-gradient-hover, #FFFFFFFF)';
|
|
2666
2666
|
|
|
2667
|
-
/** shadow down hard l */
|
|
2668
|
-
var shadowDownHardL = 'var(--shadow-down-hard-l, 0rem 3.75rem 7rem -0.5rem #00000066)';
|
|
2669
|
-
|
|
2670
2667
|
/** shadow down soft s */
|
|
2671
2668
|
var shadowDownSoftS = 'var(--shadow-down-soft-s, 0rem 0.25rem 0.875rem -0.25rem #08080814,0rem 0.0625rem 0.25rem -0.0625rem #0000000A)';
|
|
2672
2669
|
|
|
@@ -2679,6 +2676,9 @@ var shadowDownSoftL = 'var(--shadow-down-soft-l, 0rem 3.75rem 7rem -0.5rem #0000
|
|
|
2679
2676
|
/** shadow down hard m */
|
|
2680
2677
|
var shadowDownHardM = 'var(--shadow-down-hard-m, 0rem 1rem 2rem -0.5rem #0000003D)';
|
|
2681
2678
|
|
|
2679
|
+
/** shadow down hard l */
|
|
2680
|
+
var shadowDownHardL = 'var(--shadow-down-hard-l, 0rem 3.75rem 7rem -0.5rem #00000066)';
|
|
2681
|
+
|
|
2682
2682
|
/** shadow down hard s */
|
|
2683
2683
|
var shadowDownHardS = 'var(--shadow-down-hard-s, 0rem 0.25rem 0.75rem -0.1875rem #08080829,0rem 0.0625rem 0.25rem -0.125rem #00000014)';
|
|
2684
2684
|
|
|
@@ -2703,6 +2703,12 @@ var shadowUpHardL = 'var(--shadow-up-hard-l, 0rem -3.75rem 7rem -0.5rem #0000006
|
|
|
2703
2703
|
/** borderRadius 2xl */
|
|
2704
2704
|
var borderRadiusXxl = 'var(--border-radius-xxl, 1.5rem)';
|
|
2705
2705
|
|
|
2706
|
+
/** New description */
|
|
2707
|
+
var borderRadius4xl = 'var(--border-radius-4xl, 2rem)';
|
|
2708
|
+
|
|
2709
|
+
/** New description */
|
|
2710
|
+
var borderRadius5xl = 'var(--border-radius-5xl, 2.5rem)';
|
|
2711
|
+
|
|
2706
2712
|
/** New description */
|
|
2707
2713
|
var borderRadius3xl = 'var(--border-radius-3xl, 1.75rem)';
|
|
2708
2714
|
|
|
@@ -2712,9 +2718,6 @@ var borderRadiusL = 'var(--border-radius-l, 1rem)';
|
|
|
2712
2718
|
/** borderRadius xl */
|
|
2713
2719
|
var borderRadiusXl = 'var(--border-radius-xl, 1.25rem)';
|
|
2714
2720
|
|
|
2715
|
-
/** borderRadius s */
|
|
2716
|
-
var borderRadiusS = 'var(--border-radius-s, 0.5rem)';
|
|
2717
|
-
|
|
2718
2721
|
/** borderRadius m */
|
|
2719
2722
|
var borderRadiusM = 'var(--border-radius-m, 0.75rem)';
|
|
2720
2723
|
|
|
@@ -2724,6 +2727,9 @@ var borderRadiusXxs = 'var(--border-radius-xxs, 0.25rem)';
|
|
|
2724
2727
|
/** borderRadius xs */
|
|
2725
2728
|
var borderRadiusXs = 'var(--border-radius-xs, 0.375rem)';
|
|
2726
2729
|
|
|
2730
|
+
/** borderRadius s */
|
|
2731
|
+
var borderRadiusS = 'var(--border-radius-s, 0.5rem)';
|
|
2732
|
+
|
|
2727
2733
|
/** New description */
|
|
2728
2734
|
var borderRadiusCircle = 'var(--border-radius-circle, 624.9375rem)';
|
|
2729
2735
|
|
|
@@ -2736,15 +2742,15 @@ var spacing1x = 'var(--spacing-1x, 0.125rem)';
|
|
|
2736
2742
|
/** spacing 2x */
|
|
2737
2743
|
var spacing2x = 'var(--spacing-2x, 0.25rem)';
|
|
2738
2744
|
|
|
2739
|
-
/** spacing 6x */
|
|
2740
|
-
var spacing6x = 'var(--spacing-6x, 0.75rem)';
|
|
2741
|
-
|
|
2742
2745
|
/** spacing 4x */
|
|
2743
2746
|
var spacing4x = 'var(--spacing-4x, 0.5rem)';
|
|
2744
2747
|
|
|
2745
2748
|
/** spacing 3x */
|
|
2746
2749
|
var spacing3x = 'var(--spacing-3x, 0.375rem)';
|
|
2747
2750
|
|
|
2751
|
+
/** spacing 6x */
|
|
2752
|
+
var spacing6x = 'var(--spacing-6x, 0.75rem)';
|
|
2753
|
+
|
|
2748
2754
|
/** spacing 8x */
|
|
2749
2755
|
var spacing8x = 'var(--spacing-8x, 1rem)';
|
|
2750
2756
|
|
|
@@ -2772,16 +2778,6 @@ var spacing10x = 'var(--spacing-10x, 1.25rem)';
|
|
|
2772
2778
|
/** spacing 12x */
|
|
2773
2779
|
var spacing12x = 'var(--spacing-12x, 1.5rem)';
|
|
2774
2780
|
|
|
2775
|
-
/** typography s display-s */
|
|
2776
|
-
var dsplS = {
|
|
2777
|
-
fontFamily: 'var(--plasma-typo-dspl-s-font-family)',
|
|
2778
|
-
fontSize: 'var(--plasma-typo-dspl-s-font-size)',
|
|
2779
|
-
fontStyle: 'var(--plasma-typo-dspl-s-font-style)',
|
|
2780
|
-
fontWeight: 'var(--plasma-typo-dspl-s-font-weight)',
|
|
2781
|
-
letterSpacing: 'var(--plasma-typo-dspl-s-letter-spacing)',
|
|
2782
|
-
lineHeight: 'var(--plasma-typo-dspl-s-line-height)'
|
|
2783
|
-
};
|
|
2784
|
-
|
|
2785
2781
|
/** typography s header-h3-bold */
|
|
2786
2782
|
var h3Bold = {
|
|
2787
2783
|
fontFamily: 'var(--plasma-typo-h3-bold-font-family)',
|
|
@@ -2942,6 +2938,16 @@ var dsplSBold = {
|
|
|
2942
2938
|
lineHeight: 'var(--plasma-typo-dspl-s-bold-line-height)'
|
|
2943
2939
|
};
|
|
2944
2940
|
|
|
2941
|
+
/** typography s display-s */
|
|
2942
|
+
var dsplS = {
|
|
2943
|
+
fontFamily: 'var(--plasma-typo-dspl-s-font-family)',
|
|
2944
|
+
fontSize: 'var(--plasma-typo-dspl-s-font-size)',
|
|
2945
|
+
fontStyle: 'var(--plasma-typo-dspl-s-font-style)',
|
|
2946
|
+
fontWeight: 'var(--plasma-typo-dspl-s-font-weight)',
|
|
2947
|
+
letterSpacing: 'var(--plasma-typo-dspl-s-letter-spacing)',
|
|
2948
|
+
lineHeight: 'var(--plasma-typo-dspl-s-line-height)'
|
|
2949
|
+
};
|
|
2950
|
+
|
|
2945
2951
|
/** typography s display-s-medium */
|
|
2946
2952
|
var dsplSMedium = {
|
|
2947
2953
|
fontFamily: 'var(--plasma-typo-dspl-s-medium-font-family)',
|
|
@@ -2952,9 +2958,9 @@ var dsplSMedium = {
|
|
|
2952
2958
|
lineHeight: 'var(--plasma-typo-dspl-s-medium-line-height)'
|
|
2953
2959
|
};
|
|
2954
2960
|
var viewContainer = {
|
|
2955
|
-
dark: "\n --text-secondary: var(--on-dark-text-secondary);\n --text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --text-tertiary-active: var(--on-dark-text-tertiary-active);\n --text-tertiary: var(--on-dark-text-tertiary);\n --text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n --text-paragraph-active: var(--on-dark-text-paragraph-active);\n --text-paragraph: var(--on-dark-text-paragraph);\n --text-accent-hover: var(--on-dark-text-accent-hover);\n --text-accent-active: var(--on-dark-text-accent-active);\n --text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n --text-positive-hover: var(--on-dark-text-positive-hover);\n --text-positive-active: var(--on-dark-text-positive-active);\n --text-warning-hover: var(--on-dark-text-warning-hover);\n --text-warning-active: var(--on-dark-text-warning-active);\n --text-warning: var(--on-dark-text-warning);\n --text-negative-hover: var(--on-dark-text-negative-hover);\n --text-negative-active: var(--on-dark-text-negative-active);\n --text-negative: var(--on-dark-text-negative);\n --text-info-hover: var(--on-dark-text-info-hover);\n --text-info-active: var(--on-dark-text-info-active);\n --text-info: var(--on-dark-text-info);\n --text-accent: var(--on-dark-text-accent);\n --text-positive: var(--on-dark-text-positive);\n --text-accent-minor: var(--on-dark-text-accent-minor);\n --text-primary-active: var(--on-dark-text-primary-active);\n --text-primary: var(--on-dark-text-primary);\n --text-primary-brightness: var(--on-dark-text-primary-brightness);\n --text-secondary-active: var(--on-dark-text-secondary-active);\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: var(--on-light-text-primary);\n --inverse-text-primary-brightness: var(--on-light-text-primary-brightness);\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-secondary: var(--on-light-text-secondary);\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-tertiary: var(--on-light-text-tertiary);\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-paragraph: var(--on-light-text-paragraph);\n --inverse-text-accent-hover: var(--on-light-text-accent-hover);\n --background-primary-brightness: var(--dark-background-primary-brightness);\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-active: var(--on-light-text-warning-active);\n --inverse-text-warning: var(--on-light-text-warning);\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-negative: var(--on-light-text-negative);\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-info: var(--on-light-text-info);\n --inverse-text-accent: var(--on-light-text-accent);\n --inverse-text-positive: var(--on-light-text-positive);\n --inverse-text-accent-minor: var(--on-light-text-accent-minor);\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: var(--on-dark-surface-solid-primary);\n --surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\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-secondary: var(--on-dark-surface-solid-secondary);\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-tertiary: var(--on-dark-surface-solid-tertiary);\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: var(--on-dark-surface-solid-card);\n --surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\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 --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 --surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\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-tertiary: var(--on-dark-surface-transparent-tertiary);\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-deep: var(--on-dark-surface-transparent-deep);\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: var(--on-dark-surface-transparent-card);\n --surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n --surface-clear-hover: var(--on-dark-surface-clear-hover);\n --surface-clear-active: var(--on-dark-surface-clear-active);\n --surface-clear: var(--on-dark-surface-clear);\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-hover: var(--on-dark-surface-transparent-accent-hover);\n --surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n --surface-positive-hover: var(--on-dark-surface-positive-hover);\n --surface-positive-active: var(--on-dark-surface-positive-active);\n --surface-warning-hover: var(--on-dark-surface-warning-hover);\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-primary: var(--on-dark-surface-transparent-primary);\n --surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n --surface-info-active: var(--on-dark-surface-info-active);\n --surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n --surface-info: var(--on-dark-surface-info);\n --surface-positive: var(--on-dark-surface-positive);\n --surface-accent-minor: var(--on-dark-surface-accent-minor);\n --surface-warning: var(--on-dark-surface-warning);\n --surface-negative-hover: var(--on-dark-surface-negative-hover);\n --surface-negative-active: var(--on-dark-surface-negative-active);\n --surface-info-hover: var(--on-dark-surface-info-hover);\n --text-primary-hover: var(--on-dark-text-primary-hover);\n --inverse-surface-solid-primary: var(--on-light-surface-solid-primary);\n --inverse-surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n --inverse-surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n --inverse-surface-solid-secondary: var(--on-light-surface-solid-secondary);\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-tertiary: var(--on-light-surface-solid-tertiary);\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: var(--on-light-surface-solid-card);\n --inverse-surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\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-solid-default: var(--on-light-surface-solid-default);\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-secondary: var(--on-light-surface-transparent-secondary);\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-tertiary: var(--on-light-surface-transparent-tertiary);\n --inverse-surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n --inverse-surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\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-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-hover: var(--on-light-surface-positive-hover);\n --inverse-surface-positive-active: var(--on-light-surface-positive-active);\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-warning: var(--on-light-surface-warning);\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-negative: var(--on-light-surface-negative);\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-transparent-deep: var(--on-light-surface-transparent-deep);\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-background-primary: var(--light-background-primary);\n --inverse-background-primary-brightness: var(--light-background-primary-brightness);\n --overlay-soft: var(--on-dark-overlay-soft);\n --overlay-hard: var(--on-dark-overlay-hard);\n --inverse-overlay-soft: var(--on-light-overlay-soft);\n --inverse-overlay-hard: var(--on-light-overlay-hard);\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-positive-hover: var(--on-dark-outline-positive-hover);\n --outline-positive-active: var(--on-dark-outline-positive-active);\n --outline-warning-hover: var(--on-dark-outline-warning-hover);\n --outline-warning-active: var(--on-dark-outline-warning-active);\n --outline-negative-hover: var(--on-dark-outline-negative-hover);\n --outline-negative-active: var(--on-dark-outline-negative-active);\n --outline-text-info-hover: var(--on-dark-outline-text-info-hover);\n --outline-text-info-active: var(--on-dark-outline-text-info-active);\n --outline-warning: var(--on-dark-outline-warning);\n --inverse-surface-transparent-primary: var(--on-light-surface-transparent-primary);\n --inverse-surface-accent: var(--on-light-surface-accent);\n --inverse-surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n --background-primary: var(--dark-background-primary);\n --inverse-outline-warning-hover: var(--on-light-outline-warning-hover);\n --inverse-outline-warning-active: var(--on-light-outline-warning-active);\n --outline-text-info: var(--on-dark-outline-text-info);\n --outline-transparent-primary: var(--on-dark-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-positive-hover: var(--on-light-outline-positive-hover);\n --inverse-outline-positive-active: var(--on-light-outline-positive-active);\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-text-info-hover: var(--on-light-outline-text-info-hover);\n --inverse-outline-text-info-active: var(--on-light-outline-text-info-active);\n --inverse-outline-negative: var(--on-light-outline-negative);\n --inverse-outline-warning: var(--on-light-outline-warning);\n --inverse-outline-text-info: var(--on-light-outline-text-info);\n --inverse-outline-transparent-primary: var(--on-light-outline-transparent-primary);\n --inverse-outline-positive: var(--on-light-outline-positive);\n --data-yellow: var(--on-dark-data-yellow);\n --data-yellow-hover: var(--on-dark-data-yellow-hover);\n --data-yellow-active: var(--on-dark-data-yellow-active);\n --data-yellow-minor: var(--on-dark-data-yellow-minor);\n --data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n --data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n --data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n --inverse-data-yellow: var(--on-light-data-yellow);\n --inverse-data-yellow-hover: var(--on-light-data-yellow-hover);\n --inverse-data-yellow-active: var(--on-light-data-yellow-active);\n --inverse-data-yellow-minor: var(--on-light-data-yellow-minor);\n --inverse-data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n --inverse-data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n --inverse-data-yellow-transparent: var(--on-light-data-yellow-transparent);\n --inverse-data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n --inverse-data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n --data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n --inverse-surface-positive: var(--on-light-surface-positive);\n --outline-positive: var(--on-dark-outline-positive);\n --text-secondary-hover: var(--on-dark-text-secondary-hover);\n --outline-default: var(--on-dark-outline-default);\n --outline-default-hover: var(--on-dark-outline-default-hover);\n --outline-default-active: var(--on-dark-outline-default-active);\n --outline-default-brightness: var(--on-dark-outline-default-brightness);\n --outline-minor: var(--on-dark-outline-minor);\n --outline-minor-hover: var(--on-dark-outline-minor-hover);\n --outline-minor-active: var(--on-dark-outline-minor-active);\n --outline-minor-brightness: var(--on-dark-outline-minor-brightness);\n --outline-transparent-clear: var(--on-dark-outline-transparent-clear);\n --outline-transparent-clear-hover: var(--on-dark-outline-transparent-clear-hover);\n --outline-transparent-clear-active: var(--on-dark-outline-transparent-clear-active);\n --outline-transparent-clear-brightness: var(--on-dark-outline-transparent-clear-brightness);\n --inverse-outline-default: var(--on-light-outline-default);\n --inverse-outline-default-hover: var(--on-light-outline-default-hover);\n --inverse-outline-default-active: var(--on-light-outline-default-active);\n --inverse-outline-default-brightness: var(--on-light-outline-default-brightness);\n --inverse-outline-outline-minor: var(--on-light-outline-outline-minor);\n --inverse-outline-outline-minor-hover: var(--on-light-outline-outline-minor-hover);\n --inverse-outline-outline-minor-active: var(--on-light-outline-outline-minor-active);\n --inverse-outline-outline-minor-brightness: var(--on-light-outline-outline-minor-brightness);\n --background-secondary-active: var(--dark-background-secondary-active);\n --background-secondary-brightness: var(--dark-background-secondary-brightness);\n --inverse-background-secondary-hover: var(--light-background-secondary-hover);\n --inverse-background-secondary-brightness: var(--light-background-secondary-brightness);\n --persona-blue-surface-accent-gradient: var(--on-dark-persona-blue-surface-accent-gradient);\n --persona-blue-surface-accent-gradient-hover: var(--on-dark-persona-blue-surface-accent-gradient-hover);\n --persona-blue-surface-accent-gradient-active: var(--on-dark-persona-blue-surface-accent-gradient-active);\n --persona-blue-surface-accent-gradient-brightness: var(--on-dark-persona-blue-surface-accent-gradient-brightness);\n --persona-blue-text-accent: var(--on-dark-persona-blue-text-accent);\n --persona-blue-text-accent-hover: var(--on-dark-persona-blue-text-accent-hover);\n --persona-blue-text-accent-active: var(--on-dark-persona-blue-text-accent-active);\n --persona-blue-text-accent-brightness: var(--on-dark-persona-blue-text-accent-brightness);\n --persona-green-surface-accent-gradient: var(--on-dark-persona-green-surface-accent-gradient);\n --persona-green-surface-accent-gradient-hover: var(--on-dark-persona-green-surface-accent-gradient-hover);\n --persona-green-surface-accent-gradient-active: var(--on-dark-persona-green-surface-accent-gradient-active);\n --persona-green-surface-accent-gradient-brightness: var(--on-dark-persona-green-surface-accent-gradient-brightness);\n --persona-green-text-accent: var(--on-dark-persona-green-text-accent);\n --persona-green-text-accent-hover: var(--on-dark-persona-green-text-accent-hover);\n --persona-green-text-accent-active: var(--on-dark-persona-green-text-accent-active);\n --persona-green-text-accent-brightness: var(--on-dark-persona-green-text-accent-brightness);\n --persona-indigo-surface-accent-gradient: var(--on-dark-persona-indigo-surface-accent-gradient);\n --persona-indigo-surface-accent-gradient-hover: var(--on-dark-persona-indigo-surface-accent-gradient-hover);\n --persona-indigo-surface-accent-gradient-active: var(--on-dark-persona-indigo-surface-accent-gradient-active);\n --persona-indigo-surface-accent-gradient-brightness: var(--on-dark-persona-indigo-surface-accent-gradient-brightness);\n --persona-indigo-text-accent: var(--on-dark-persona-indigo-text-accent);\n --persona-indigo-text-accent-hover: var(--on-dark-persona-indigo-text-accent-hover);\n --persona-indigo-text-accent-active: var(--on-dark-persona-indigo-text-accent-active);\n --persona-indigo-text-accent-brightness: var(--on-dark-persona-indigo-text-accent-brightness);\n --persona-ochre-surface-accent-gradient: var(--on-dark-persona-ochre-surface-accent-gradient);\n --persona-ochre-surface-accent-gradient-active: var(--on-dark-persona-ochre-surface-accent-gradient-active);\n --persona-ochre-surface-accent-gradient-brightness: var(--on-dark-persona-ochre-surface-accent-gradient-brightness);\n --persona-ochre-text-accent: var(--on-dark-persona-ochre-text-accent);\n --persona-ochre-text-accent-hover: var(--on-dark-persona-ochre-text-accent-hover);\n --persona-ochre-text-accent-active: var(--on-dark-persona-ochre-text-accent-active);\n --persona-ochre-text-accent-brightness: var(--on-dark-persona-ochre-text-accent-brightness);\n --persona-olive-surface-accent-gradient: var(--on-dark-persona-olive-surface-accent-gradient);\n --persona-olive-surface-accent-gradient-hover: var(--on-dark-persona-olive-surface-accent-gradient-hover);\n --persona-olive-surface-accent-gradient-active: var(--on-dark-persona-olive-surface-accent-gradient-active);\n --persona-olive-surface-accent-gradient-brightness: var(--on-dark-persona-olive-surface-accent-gradient-brightness);\n --persona-olive-text-accent: var(--on-dark-persona-olive-text-accent);\n --persona-olive-text-accent-hover: var(--on-dark-persona-olive-text-accent-hover);\n --persona-olive-text-accent-active: var(--on-dark-persona-olive-text-accent-active);\n --persona-olive-text-accent-brightness: var(--on-dark-persona-olive-text-accent-brightness);\n --persona-pink-surface-accent-gradient: var(--on-dark-persona-pink-surface-accent-gradient);\n --persona-pink-surface-accent-gradient-hover: var(--on-dark-persona-pink-surface-accent-gradient-hover);\n --persona-pink-surface-accent-gradient-active: var(--on-dark-persona-pink-surface-accent-gradient-active);\n --persona-sea-blue-surface-accent-gradient-hover: var(--on-dark-persona-sea-blue-surface-accent-gradient-hover);\n --persona-sea-blue-surface-accent-gradient-active: var(--on-dark-persona-sea-blue-surface-accent-gradient-active);\n --persona-sea-blue-surface-accent-gradient-brightness: var(--on-dark-persona-sea-blue-surface-accent-gradient-brightness);\n --persona-sea-blue-text-accent: var(--on-dark-persona-sea-blue-text-accent);\n --persona-sea-blue-text-accent-hover: var(--on-dark-persona-sea-blue-text-accent-hover);\n --persona-sea-blue-text-accent-active: var(--on-dark-persona-sea-blue-text-accent-active);\n --persona-sea-blue-text-accent-brightness: var(--on-dark-persona-sea-blue-text-accent-brightness);\n --persona-violet-surface-accent-gradient: var(--on-dark-persona-violet-surface-accent-gradient);\n --persona-violet-surface-accent-gradient-hover: var(--on-dark-persona-violet-surface-accent-gradient-hover);\n --persona-violet-surface-accent-gradient-active: var(--on-dark-persona-violet-surface-accent-gradient-active);\n --persona-violet-surface-accent-gradient-brightness: var(--on-dark-persona-violet-surface-accent-gradient-brightness);\n --persona-violet-text-accent: var(--on-dark-persona-violet-text-accent);\n --persona-violet-text-accent-hover: var(--on-dark-persona-violet-text-accent-hover);\n --persona-violet-text-accent-active: var(--on-dark-persona-violet-text-accent-active);\n --persona-violet-text-accent-brightness: var(--on-dark-persona-violet-text-accent-brightness);\n --inverse-persona-blue-surface-accent-gradient: var(--on-light-persona-blue-surface-accent-gradient);\n --inverse-persona-blue-surface-accent-gradient-hover: var(--on-light-persona-blue-surface-accent-gradient-hover);\n --inverse-persona-blue-surface-accent-gradient-active: var(--on-light-persona-blue-surface-accent-gradient-active);\n --inverse-persona-blue-surface-accent-gradient-brightness: var(--on-light-persona-blue-surface-accent-gradient-brightness);\n --inverse-persona-blue-text-accent: var(--on-light-persona-blue-text-accent);\n --inverse-persona-blue-text-accent-hover: var(--on-light-persona-blue-text-accent-hover);\n --inverse-persona-blue-text-accent-active: var(--on-light-persona-blue-text-accent-active);\n --inverse-persona-blue-text-accent-brightness: var(--on-light-persona-blue-text-accent-brightness);\n --inverse-persona-green-surface-accent-gradient: var(--on-light-persona-green-surface-accent-gradient);\n --inverse-persona-green-surface-accent-gradient-hover: var(--on-light-persona-green-surface-accent-gradient-hover);\n --inverse-persona-green-surface-accent-gradient-active: var(--on-light-persona-green-surface-accent-gradient-active);\n --inverse-persona-green-surface-accent-gradient-brightness: var(--on-light-persona-green-surface-accent-gradient-brightness);\n --inverse-persona-green-text-accent: var(--on-light-persona-green-text-accent);\n --inverse-persona-green-text-accent-hover: var(--on-light-persona-green-text-accent-hover);\n --inverse-persona-green-text-accent-active: var(--on-light-persona-green-text-accent-active);\n --inverse-persona-green-text-accent-brightness: var(--on-light-persona-green-text-accent-brightness);\n --inverse-persona-indigo-surface-accent-gradient: var(--on-light-persona-indigo-surface-accent-gradient);\n --inverse-persona-indigo-surface-accent-gradient-active: var(--on-light-persona-indigo-surface-accent-gradient-active);\n --inverse-persona-indigo-surface-accent-gradient-brightness: var(--on-light-persona-indigo-surface-accent-gradient-brightness);\n --inverse-persona-indigo-text-accent: var(--on-light-persona-indigo-text-accent);\n --inverse-persona-indigo-text-accent-hover: var(--on-light-persona-indigo-text-accent-hover);\n --inverse-persona-indigo-text-accent-active: var(--on-light-persona-indigo-text-accent-active);\n --inverse-persona-indigo-text-accent-brightness: var(--on-light-persona-indigo-text-accent-brightness);\n --inverse-persona-ochre-surface-accent-gradient: var(--on-light-persona-ochre-surface-accent-gradient);\n --inverse-persona-ochre-surface-accent-gradient-hover: var(--on-light-persona-ochre-surface-accent-gradient-hover);\n --inverse-persona-ochre-surface-accent-gradient-active: var(--on-light-persona-ochre-surface-accent-gradient-active);\n --persona-pink-text-accent: var(--on-dark-persona-pink-text-accent);\n --persona-pink-text-accent-hover: var(--on-dark-persona-pink-text-accent-hover);\n --persona-pink-text-accent-active: var(--on-dark-persona-pink-text-accent-active);\n --persona-sea-blue-surface-accent-gradient: var(--on-dark-persona-sea-blue-surface-accent-gradient);\n --inverse-persona-olive-surface-accent-gradient-hover: var(--on-light-persona-olive-surface-accent-gradient-hover);\n --inverse-persona-olive-surface-accent-gradient-active: var(--on-light-persona-olive-surface-accent-gradient-active);\n --inverse-persona-olive-surface-accent-gradient-brightness: var(--on-light-persona-olive-surface-accent-gradient-brightness);\n --inverse-persona-olive-text-accent: var(--on-light-persona-olive-text-accent);\n --inverse-persona-olive-text-accent-active: var(--on-light-persona-olive-text-accent-active);\n --inverse-persona-olive-text-accent-brightness: var(--on-light-persona-olive-text-accent-brightness);\n --inverse-persona-pink-surface-accent-gradient: var(--on-light-persona-pink-surface-accent-gradient);\n --inverse-persona-pink-surface-accent-gradient-hover: var(--on-light-persona-pink-surface-accent-gradient-hover);\n --inverse-persona-pink-surface-accent-gradient-active: var(--on-light-persona-pink-surface-accent-gradient-active);\n --inverse-persona-pink-surface-accent-gradient-brightness: var(--on-light-persona-pink-surface-accent-gradient-brightness);\n --inverse-persona-pink-text-accent: var(--on-light-persona-pink-text-accent);\n --inverse-persona-pink-text-accent-hover: var(--on-light-persona-pink-text-accent-hover);\n --inverse-persona-pink-text-accent-active: var(--on-light-persona-pink-text-accent-active);\n --inverse-persona-pink-text-accent-brightness: var(--on-light-persona-pink-text-accent-brightness);\n --inverse-persona-sea-blue-surface-accent-gradient: var(--on-light-persona-sea-blue-surface-accent-gradient);\n --inverse-persona-sea-blue-surface-accent-gradient-hover: var(--on-light-persona-sea-blue-surface-accent-gradient-hover);\n --inverse-persona-sea-blue-surface-accent-gradient-active: var(--on-light-persona-sea-blue-surface-accent-gradient-active);\n --inverse-persona-sea-blue-surface-accent-gradient-brightness: var(--on-light-persona-sea-blue-surface-accent-gradient-brightness);\n --inverse-persona-sea-blue-text-accent: var(--on-light-persona-sea-blue-text-accent);\n --inverse-persona-sea-blue-text-accent-hover: var(--on-light-persona-sea-blue-text-accent-hover);\n --inverse-persona-sea-blue-text-accent-active: var(--on-light-persona-sea-blue-text-accent-active);\n --inverse-persona-sea-blue-text-accent-brightness: var(--on-light-persona-sea-blue-text-accent-brightness);\n --inverse-persona-violet-surface-accent-gradient: var(--on-light-persona-violet-surface-accent-gradient);\n --inverse-persona-violet-surface-accent-gradient-hover: var(--on-light-persona-violet-surface-accent-gradient-hover);\n --inverse-persona-violet-surface-accent-gradient-active: var(--on-light-persona-violet-surface-accent-gradient-active);\n --inverse-persona-violet-surface-accent-gradient-brightness: var(--on-light-persona-violet-surface-accent-gradient-brightness);\n --inverse-persona-violet-text-accent: var(--on-light-persona-violet-text-accent);\n --inverse-persona-violet-text-accent-hover: var(--on-light-persona-violet-text-accent-hover);\n --inverse-persona-violet-text-accent-active: var(--on-light-persona-violet-text-accent-active);\n --inverse-persona-violet-text-accent-brightness: var(--on-light-persona-violet-text-accent-brightness);\n --inverse-persona-ochre-text-accent: var(--on-light-persona-ochre-text-accent);\n --inverse-persona-ochre-text-accent-hover: var(--on-light-persona-ochre-text-accent-hover);\n --inverse-persona-olive-text-accent-hover: var(--on-light-persona-olive-text-accent-hover);\n --inverse-persona-ochre-text-accent-active: var(--on-light-persona-ochre-text-accent-active);\n --inverse-persona-olive-surface-accent-gradient: var(--on-light-persona-olive-surface-accent-gradient);\n --surface-accent-primary: var(--on-dark-surface-accent-primary);\n --surface-accent-primary-hover: var(--on-dark-surface-accent-primary-hover);\n --surface-accent-primary-active: var(--on-dark-surface-accent-primary-active);\n --surface-warning-active: var(--on-dark-surface-warning-active);\n --inverse-surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n --inverse-surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n --inverse-surface-accent-minor: var(--on-light-surface-accent-minor);\n --inverse-text-accent-active: var(--on-light-text-accent-active);\n --inverse-persona-ochre-surface-accent-gradient-brightness: var(--on-light-persona-ochre-surface-accent-gradient-brightness);\n --surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n --surface-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n --inverse-surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n --inverse-surface-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\n --background-secondary-hover: var(--dark-background-secondary-hover);\n --outline-negative: var(--on-dark-outline-negative);\n --text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n --inverse-persona-indigo-surface-accent-gradient-hover: var(--on-light-persona-indigo-surface-accent-gradient-hover);\n --surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n --surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n --inverse-surface-accent-secondary: var(--on-light-surface-accent-secondary);\n --inverse-surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n --inverse-text-warning-hover: var(--on-light-text-warning-hover);\n --data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n --inverse-surface-info: var(--on-light-surface-info);\n --surface-transparent-accent-minor-brightness: var(--on-dark-surface-transparent-accent-minor-brightness);\n --inverse-surface-accent-secondary-brightness: var(--on-light-surface-accent-secondary-brightness);\n --inverse-surface-transparent-accent-minor-brightness: var(--on-light-surface-transparent-accent-minor-brightness);\n --surface-accent-primary-brightness: var(--on-dark-surface-accent-primary-brightness);\n --surface-accent-secondary-brightness: var(--on-dark-surface-accent-secondary-brightness);\n --persona-pink-surface-accent-gradient-brightness: var(--on-dark-persona-pink-surface-accent-gradient-brightness);\n --inverse-surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\n --inverse-surface-transparent-accent-minor-hover: var(--on-light-surface-transparent-accent-minor-hover);\n --surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\n --surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n --surface-negative: var(--on-dark-surface-negative);\n --inverse-surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --inverse-background-secondary-active: var(--light-background-secondary-active);\n --persona-pink-text-accent-brightness: var(--on-dark-persona-pink-text-accent-brightness);\n --inverse-persona-ochre-text-accent-brightness: var(--on-light-persona-ochre-text-accent-brightness);\n --surface-solid-default: var(--on-dark-surface-solid-default);\n --surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\n --inverse-surface-transparent-card: var(--on-light-surface-transparent-card);\n --persona-ochre-surface-accent-gradient-hover: var(--on-dark-persona-ochre-surface-accent-gradient-hover);\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 --outline-accent-gradient: var(--on-dark-outline-accent-gradient);\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 --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-overlay-gradient: var(--on-light-overlay-gradient);\n --text-accent-gradient-ai: var(--on-dark-text-accent-gradient-ai);\n --text-accent-gradient-ai-hover: var(--on-dark-text-accent-gradient-ai-hover);\n --inverse-text-accent-gradient-ai: var(--on-light-text-accent-gradient-ai);\n --inverse-text-accent-gradient-ai-hover: var(--on-light-text-accent-gradient-ai-hover);\n --inverse-text-accent-gradient-ai-active: var(--on-light-text-accent-gradient-ai-active);\n --text-accent-gradient-ai-active: var(--on-dark-text-accent-gradient-ai-active);\n --text-accent-gradient-ai-brightness: var(--on-dark-text-accent-gradient-ai-brightness);\n --surface-accent-gradient-brightness: var(--on-dark-surface-accent-gradient-brightness);\n --inverse-surface-accent-gradient-brightness: var(--on-light-surface-accent-gradient-brightness);\n --inverse-outline-transparent-surface: var(--on-light-outline-transparent-surface);\n --inverse-outline-transparent-surface-hover: var(--on-light-outline-transparent-surface-hover);\n --inverse-outline-transparent-surface-active: var(--on-light-outline-transparent-surface-active);\n --inverse-outline-transparent-surface-brightness: var(--on-light-outline-transparent-surface-brightness);\n --inverse-text-accent-gradient-ai-brightness: var(--on-light-text-accent-gradient-ai-brightness);\n --inverse-overlay-gradient-active: var(--on-light-overlay-gradient-active);\n --inverse-overlay-gradient-hover: var(--on-light-overlay-gradient-hover);\n --inverse-overlay-gradient-brightness: var(--on-light-overlay-gradient-brightness);\n --inverse-surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n --inverse-outline-accent-gradient: var(--on-light-outline-accent-gradient);\n --surface-accent-gradient-hover: var(--on-dark-surface-accent-gradient-hover);\n --outline-accent-gradient-active: var(--on-dark-outline-accent-gradient-active);\n --surface-accent-gradient-active: var(--on-dark-surface-accent-gradient-active);\n ",
|
|
2956
|
-
light: "\n --text-secondary: var(--on-light-text-secondary);\n --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --text-tertiary-active: var(--on-light-text-tertiary-active);\n --text-tertiary: var(--on-light-text-tertiary);\n --text-paragraph-hover: var(--on-light-text-paragraph-hover);\n --text-paragraph-active: var(--on-light-text-paragraph-active);\n --text-paragraph: var(--on-light-text-paragraph);\n --text-accent-hover: var(--on-light-text-accent-hover);\n --text-accent-active: var(--on-light-text-accent-active);\n --text-accent-minor-active: var(--on-light-text-accent-minor-active);\n --text-positive-hover: var(--on-light-text-positive-hover);\n --text-positive-active: var(--on-light-text-positive-active);\n --text-warning-hover: var(--on-light-text-warning-hover);\n --text-warning-active: var(--on-light-text-warning-active);\n --text-warning: var(--on-light-text-warning);\n --text-negative-hover: var(--on-light-text-negative-hover);\n --text-negative-active: var(--on-light-text-negative-active);\n --text-negative: var(--on-light-text-negative);\n --text-info-hover: var(--on-light-text-info-hover);\n --text-info-active: var(--on-light-text-info-active);\n --text-info: var(--on-light-text-info);\n --text-accent: var(--on-light-text-accent);\n --text-positive: var(--on-light-text-positive);\n --text-accent-minor: var(--on-light-text-accent-minor);\n --text-primary-active: var(--on-light-text-primary-active);\n --text-primary: var(--on-light-text-primary);\n --text-primary-brightness: var(--on-light-text-primary-brightness);\n --text-secondary-active: var(--on-light-text-secondary-active);\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: var(--on-dark-text-primary);\n --inverse-text-primary-brightness: var(--on-dark-text-primary-brightness);\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-secondary: var(--on-dark-text-secondary);\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-tertiary: var(--on-dark-text-tertiary);\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-paragraph: var(--on-dark-text-paragraph);\n --inverse-text-accent-hover: var(--on-dark-text-accent-hover);\n --background-primary-brightness: var(--light-background-primary-brightness);\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-active: var(--on-dark-text-warning-active);\n --inverse-text-warning: var(--on-dark-text-warning);\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-negative: var(--on-dark-text-negative);\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-info: var(--on-dark-text-info);\n --inverse-text-accent: var(--on-dark-text-accent);\n --inverse-text-positive: var(--on-dark-text-positive);\n --inverse-text-accent-minor: var(--on-dark-text-accent-minor);\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: var(--on-light-surface-solid-primary);\n --surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\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-secondary: var(--on-light-surface-solid-secondary);\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-tertiary: var(--on-light-surface-solid-tertiary);\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: var(--on-light-surface-solid-card);\n --surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\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 --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 --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\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-tertiary: var(--on-light-surface-transparent-tertiary);\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-deep: var(--on-light-surface-transparent-deep);\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: var(--on-light-surface-transparent-card);\n --surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n --surface-clear-hover: var(--on-light-surface-clear-hover);\n --surface-clear-active: var(--on-light-surface-clear-active);\n --surface-clear: var(--on-light-surface-clear);\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-hover: var(--on-light-surface-positive-hover);\n --surface-positive-active: var(--on-light-surface-positive-active);\n --surface-warning-hover: var(--on-light-surface-warning-hover);\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-primary: var(--on-light-surface-transparent-primary);\n --surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n --surface-info-active: var(--on-light-surface-info-active);\n --surface-transparent-accent: var(--on-light-surface-transparent-accent);\n --surface-info: var(--on-light-surface-info);\n --surface-positive: var(--on-light-surface-positive);\n --surface-accent-minor: var(--on-light-surface-accent-minor);\n --surface-warning: var(--on-light-surface-warning);\n --surface-negative-hover: var(--on-light-surface-negative-hover);\n --surface-negative-active: var(--on-light-surface-negative-active);\n --surface-info-hover: var(--on-light-surface-info-hover);\n --text-primary-hover: var(--on-light-text-primary-hover);\n --inverse-surface-solid-primary: var(--on-dark-surface-solid-primary);\n --inverse-surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n --inverse-surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n --inverse-surface-solid-secondary: var(--on-dark-surface-solid-secondary);\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-tertiary: var(--on-dark-surface-solid-tertiary);\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: var(--on-dark-surface-solid-card);\n --inverse-surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\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-solid-default: var(--on-dark-surface-solid-default);\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-secondary: var(--on-dark-surface-transparent-secondary);\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-tertiary: var(--on-dark-surface-transparent-tertiary);\n --inverse-surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n --inverse-surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\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-active: var(--on-dark-surface-accent-minor-active);\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-hover: var(--on-dark-surface-positive-hover);\n --inverse-surface-positive-active: var(--on-dark-surface-positive-active);\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-warning: var(--on-dark-surface-warning);\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-negative: var(--on-dark-surface-negative);\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-transparent-deep: var(--on-dark-surface-transparent-deep);\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-background-primary: var(--dark-background-primary);\n --inverse-background-primary-brightness: var(--dark-background-primary-brightness);\n --overlay-soft: var(--on-light-overlay-soft);\n --overlay-hard: var(--on-light-overlay-hard);\n --inverse-overlay-soft: var(--on-dark-overlay-soft);\n --inverse-overlay-hard: var(--on-dark-overlay-hard);\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-positive-hover: var(--on-light-outline-positive-hover);\n --outline-positive-active: var(--on-light-outline-positive-active);\n --outline-warning-hover: var(--on-light-outline-warning-hover);\n --outline-warning-active: var(--on-light-outline-warning-active);\n --outline-negative-hover: var(--on-light-outline-negative-hover);\n --outline-negative-active: var(--on-light-outline-negative-active);\n --outline-text-info-hover: var(--on-light-outline-text-info-hover);\n --outline-text-info-active: var(--on-light-outline-text-info-active);\n --outline-warning: var(--on-light-outline-warning);\n --inverse-surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n --inverse-surface-accent: var(--on-dark-surface-accent);\n --inverse-surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n --background-primary: var(--light-background-primary);\n --inverse-outline-warning-hover: var(--on-dark-outline-warning-hover);\n --inverse-outline-warning-active: var(--on-dark-outline-warning-active);\n --outline-text-info: var(--on-light-outline-text-info);\n --outline-transparent-primary: var(--on-light-outline-transparent-primary);\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-positive-hover: var(--on-dark-outline-positive-hover);\n --inverse-outline-positive-active: var(--on-dark-outline-positive-active);\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-text-info-hover: var(--on-dark-outline-text-info-hover);\n --inverse-outline-text-info-active: var(--on-dark-outline-text-info-active);\n --inverse-outline-negative: var(--on-dark-outline-negative);\n --inverse-outline-warning: var(--on-dark-outline-warning);\n --inverse-outline-text-info: var(--on-dark-outline-text-info);\n --inverse-outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n --inverse-outline-positive: var(--on-dark-outline-positive);\n --data-yellow: var(--on-light-data-yellow);\n --data-yellow-hover: var(--on-light-data-yellow-hover);\n --data-yellow-active: var(--on-light-data-yellow-active);\n --data-yellow-minor: var(--on-light-data-yellow-minor);\n --data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n --data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n --data-yellow-transparent: var(--on-light-data-yellow-transparent);\n --inverse-data-yellow: var(--on-dark-data-yellow);\n --inverse-data-yellow-hover: var(--on-dark-data-yellow-hover);\n --inverse-data-yellow-active: var(--on-dark-data-yellow-active);\n --inverse-data-yellow-minor: var(--on-dark-data-yellow-minor);\n --inverse-data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n --inverse-data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n --inverse-data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n --inverse-data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n --inverse-data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n --data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n --inverse-surface-positive: var(--on-dark-surface-positive);\n --outline-positive: var(--on-light-outline-positive);\n --text-secondary-hover: var(--on-light-text-secondary-hover);\n --outline-default: var(--on-light-outline-default);\n --outline-default-hover: var(--on-light-outline-default-hover);\n --outline-default-active: var(--on-light-outline-default-active);\n --outline-default-brightness: var(--on-light-outline-default-brightness);\n --outline-minor: var(--on-light-outline-minor);\n --outline-minor-hover: var(--on-light-outline-minor-hover);\n --outline-minor-active: var(--on-light-outline-minor-active);\n --outline-minor-brightness: var(--on-light-outline-minor-brightness);\n --outline-transparent-clear: var(--on-light-outline-transparent-clear);\n --outline-transparent-clear-hover: var(--on-light-outline-transparent-clear-hover);\n --outline-transparent-clear-active: var(--on-light-outline-transparent-clear-active);\n --outline-transparent-clear-brightness: var(--on-light-outline-transparent-clear-brightness);\n --inverse-outline-default: var(--on-dark-outline-default);\n --inverse-outline-default-hover: var(--on-dark-outline-default-hover);\n --inverse-outline-default-active: var(--on-dark-outline-default-active);\n --inverse-outline-default-brightness: var(--on-dark-outline-default-brightness);\n --background-secondary-active: var(--light-background-secondary-active);\n --background-secondary-brightness: var(--light-background-secondary-brightness);\n --inverse-background-secondary-hover: var(--dark-background-secondary-hover);\n --inverse-background-secondary-brightness: var(--dark-background-secondary-brightness);\n --persona-blue-surface-accent-gradient: var(--on-light-persona-blue-surface-accent-gradient);\n --persona-blue-surface-accent-gradient-hover: var(--on-light-persona-blue-surface-accent-gradient-hover);\n --persona-blue-surface-accent-gradient-active: var(--on-light-persona-blue-surface-accent-gradient-active);\n --persona-blue-surface-accent-gradient-brightness: var(--on-light-persona-blue-surface-accent-gradient-brightness);\n --persona-blue-text-accent: var(--on-light-persona-blue-text-accent);\n --persona-blue-text-accent-hover: var(--on-light-persona-blue-text-accent-hover);\n --persona-blue-text-accent-active: var(--on-light-persona-blue-text-accent-active);\n --persona-blue-text-accent-brightness: var(--on-light-persona-blue-text-accent-brightness);\n --persona-green-surface-accent-gradient: var(--on-light-persona-green-surface-accent-gradient);\n --persona-green-surface-accent-gradient-hover: var(--on-light-persona-green-surface-accent-gradient-hover);\n --persona-green-surface-accent-gradient-active: var(--on-light-persona-green-surface-accent-gradient-active);\n --persona-green-surface-accent-gradient-brightness: var(--on-light-persona-green-surface-accent-gradient-brightness);\n --persona-green-text-accent: var(--on-light-persona-green-text-accent);\n --persona-green-text-accent-hover: var(--on-light-persona-green-text-accent-hover);\n --persona-green-text-accent-active: var(--on-light-persona-green-text-accent-active);\n --persona-green-text-accent-brightness: var(--on-light-persona-green-text-accent-brightness);\n --persona-indigo-surface-accent-gradient: var(--on-light-persona-indigo-surface-accent-gradient);\n --persona-indigo-surface-accent-gradient-hover: var(--on-light-persona-indigo-surface-accent-gradient-hover);\n --persona-indigo-surface-accent-gradient-active: var(--on-light-persona-indigo-surface-accent-gradient-active);\n --persona-indigo-surface-accent-gradient-brightness: var(--on-light-persona-indigo-surface-accent-gradient-brightness);\n --persona-indigo-text-accent: var(--on-light-persona-indigo-text-accent);\n --persona-indigo-text-accent-hover: var(--on-light-persona-indigo-text-accent-hover);\n --persona-indigo-text-accent-active: var(--on-light-persona-indigo-text-accent-active);\n --persona-indigo-text-accent-brightness: var(--on-light-persona-indigo-text-accent-brightness);\n --persona-ochre-surface-accent-gradient: var(--on-light-persona-ochre-surface-accent-gradient);\n --persona-ochre-surface-accent-gradient-active: var(--on-light-persona-ochre-surface-accent-gradient-active);\n --persona-ochre-surface-accent-gradient-brightness: var(--on-light-persona-ochre-surface-accent-gradient-brightness);\n --persona-ochre-text-accent: var(--on-light-persona-ochre-text-accent);\n --persona-ochre-text-accent-hover: var(--on-light-persona-ochre-text-accent-hover);\n --persona-ochre-text-accent-active: var(--on-light-persona-ochre-text-accent-active);\n --persona-ochre-text-accent-brightness: var(--on-light-persona-ochre-text-accent-brightness);\n --persona-olive-surface-accent-gradient: var(--on-light-persona-olive-surface-accent-gradient);\n --persona-olive-surface-accent-gradient-hover: var(--on-light-persona-olive-surface-accent-gradient-hover);\n --persona-olive-surface-accent-gradient-active: var(--on-light-persona-olive-surface-accent-gradient-active);\n --persona-olive-surface-accent-gradient-brightness: var(--on-light-persona-olive-surface-accent-gradient-brightness);\n --persona-olive-text-accent: var(--on-light-persona-olive-text-accent);\n --persona-olive-text-accent-hover: var(--on-light-persona-olive-text-accent-hover);\n --persona-olive-text-accent-active: var(--on-light-persona-olive-text-accent-active);\n --persona-olive-text-accent-brightness: var(--on-light-persona-olive-text-accent-brightness);\n --persona-pink-surface-accent-gradient: var(--on-light-persona-pink-surface-accent-gradient);\n --persona-pink-surface-accent-gradient-hover: var(--on-light-persona-pink-surface-accent-gradient-hover);\n --persona-pink-surface-accent-gradient-active: var(--on-light-persona-pink-surface-accent-gradient-active);\n --persona-sea-blue-surface-accent-gradient-hover: var(--on-light-persona-sea-blue-surface-accent-gradient-hover);\n --persona-sea-blue-surface-accent-gradient-active: var(--on-light-persona-sea-blue-surface-accent-gradient-active);\n --persona-sea-blue-surface-accent-gradient-brightness: var(--on-light-persona-sea-blue-surface-accent-gradient-brightness);\n --persona-sea-blue-text-accent: var(--on-light-persona-sea-blue-text-accent);\n --persona-sea-blue-text-accent-hover: var(--on-light-persona-sea-blue-text-accent-hover);\n --persona-sea-blue-text-accent-active: var(--on-light-persona-sea-blue-text-accent-active);\n --persona-sea-blue-text-accent-brightness: var(--on-light-persona-sea-blue-text-accent-brightness);\n --persona-violet-surface-accent-gradient: var(--on-light-persona-violet-surface-accent-gradient);\n --persona-violet-surface-accent-gradient-hover: var(--on-light-persona-violet-surface-accent-gradient-hover);\n --persona-violet-surface-accent-gradient-active: var(--on-light-persona-violet-surface-accent-gradient-active);\n --persona-violet-surface-accent-gradient-brightness: var(--on-light-persona-violet-surface-accent-gradient-brightness);\n --persona-violet-text-accent: var(--on-light-persona-violet-text-accent);\n --persona-violet-text-accent-hover: var(--on-light-persona-violet-text-accent-hover);\n --persona-violet-text-accent-active: var(--on-light-persona-violet-text-accent-active);\n --persona-violet-text-accent-brightness: var(--on-light-persona-violet-text-accent-brightness);\n --inverse-persona-blue-surface-accent-gradient: var(--on-dark-persona-blue-surface-accent-gradient);\n --inverse-persona-blue-surface-accent-gradient-hover: var(--on-dark-persona-blue-surface-accent-gradient-hover);\n --inverse-persona-blue-surface-accent-gradient-active: var(--on-dark-persona-blue-surface-accent-gradient-active);\n --inverse-persona-blue-surface-accent-gradient-brightness: var(--on-dark-persona-blue-surface-accent-gradient-brightness);\n --inverse-persona-blue-text-accent: var(--on-dark-persona-blue-text-accent);\n --inverse-persona-blue-text-accent-hover: var(--on-dark-persona-blue-text-accent-hover);\n --inverse-persona-blue-text-accent-active: var(--on-dark-persona-blue-text-accent-active);\n --inverse-persona-blue-text-accent-brightness: var(--on-dark-persona-blue-text-accent-brightness);\n --inverse-persona-green-surface-accent-gradient: var(--on-dark-persona-green-surface-accent-gradient);\n --inverse-persona-green-surface-accent-gradient-hover: var(--on-dark-persona-green-surface-accent-gradient-hover);\n --inverse-persona-green-surface-accent-gradient-active: var(--on-dark-persona-green-surface-accent-gradient-active);\n --inverse-persona-green-surface-accent-gradient-brightness: var(--on-dark-persona-green-surface-accent-gradient-brightness);\n --inverse-persona-green-text-accent: var(--on-dark-persona-green-text-accent);\n --inverse-persona-green-text-accent-hover: var(--on-dark-persona-green-text-accent-hover);\n --inverse-persona-green-text-accent-active: var(--on-dark-persona-green-text-accent-active);\n --inverse-persona-green-text-accent-brightness: var(--on-dark-persona-green-text-accent-brightness);\n --inverse-persona-indigo-surface-accent-gradient: var(--on-dark-persona-indigo-surface-accent-gradient);\n --inverse-persona-indigo-surface-accent-gradient-active: var(--on-dark-persona-indigo-surface-accent-gradient-active);\n --inverse-persona-indigo-surface-accent-gradient-brightness: var(--on-dark-persona-indigo-surface-accent-gradient-brightness);\n --inverse-persona-indigo-text-accent: var(--on-dark-persona-indigo-text-accent);\n --inverse-persona-indigo-text-accent-hover: var(--on-dark-persona-indigo-text-accent-hover);\n --inverse-persona-indigo-text-accent-active: var(--on-dark-persona-indigo-text-accent-active);\n --inverse-persona-indigo-text-accent-brightness: var(--on-dark-persona-indigo-text-accent-brightness);\n --inverse-persona-ochre-surface-accent-gradient: var(--on-dark-persona-ochre-surface-accent-gradient);\n --inverse-persona-ochre-surface-accent-gradient-hover: var(--on-dark-persona-ochre-surface-accent-gradient-hover);\n --inverse-persona-ochre-surface-accent-gradient-active: var(--on-dark-persona-ochre-surface-accent-gradient-active);\n --persona-pink-text-accent: var(--on-light-persona-pink-text-accent);\n --persona-pink-text-accent-hover: var(--on-light-persona-pink-text-accent-hover);\n --persona-pink-text-accent-active: var(--on-light-persona-pink-text-accent-active);\n --persona-sea-blue-surface-accent-gradient: var(--on-light-persona-sea-blue-surface-accent-gradient);\n --inverse-persona-olive-surface-accent-gradient-hover: var(--on-dark-persona-olive-surface-accent-gradient-hover);\n --inverse-persona-olive-surface-accent-gradient-active: var(--on-dark-persona-olive-surface-accent-gradient-active);\n --inverse-persona-olive-surface-accent-gradient-brightness: var(--on-dark-persona-olive-surface-accent-gradient-brightness);\n --inverse-persona-olive-text-accent: var(--on-dark-persona-olive-text-accent);\n --inverse-persona-olive-text-accent-active: var(--on-dark-persona-olive-text-accent-active);\n --inverse-persona-olive-text-accent-brightness: var(--on-dark-persona-olive-text-accent-brightness);\n --inverse-persona-pink-surface-accent-gradient: var(--on-dark-persona-pink-surface-accent-gradient);\n --inverse-persona-pink-surface-accent-gradient-hover: var(--on-dark-persona-pink-surface-accent-gradient-hover);\n --inverse-persona-pink-surface-accent-gradient-active: var(--on-dark-persona-pink-surface-accent-gradient-active);\n --inverse-persona-pink-surface-accent-gradient-brightness: var(--on-dark-persona-pink-surface-accent-gradient-brightness);\n --inverse-persona-pink-text-accent: var(--on-dark-persona-pink-text-accent);\n --inverse-persona-pink-text-accent-hover: var(--on-dark-persona-pink-text-accent-hover);\n --inverse-persona-pink-text-accent-active: var(--on-dark-persona-pink-text-accent-active);\n --inverse-persona-pink-text-accent-brightness: var(--on-dark-persona-pink-text-accent-brightness);\n --inverse-persona-sea-blue-surface-accent-gradient: var(--on-dark-persona-sea-blue-surface-accent-gradient);\n --inverse-persona-sea-blue-surface-accent-gradient-hover: var(--on-dark-persona-sea-blue-surface-accent-gradient-hover);\n --inverse-persona-sea-blue-surface-accent-gradient-active: var(--on-dark-persona-sea-blue-surface-accent-gradient-active);\n --inverse-persona-sea-blue-surface-accent-gradient-brightness: var(--on-dark-persona-sea-blue-surface-accent-gradient-brightness);\n --inverse-persona-sea-blue-text-accent: var(--on-dark-persona-sea-blue-text-accent);\n --inverse-persona-sea-blue-text-accent-hover: var(--on-dark-persona-sea-blue-text-accent-hover);\n --inverse-persona-sea-blue-text-accent-active: var(--on-dark-persona-sea-blue-text-accent-active);\n --inverse-persona-sea-blue-text-accent-brightness: var(--on-dark-persona-sea-blue-text-accent-brightness);\n --inverse-persona-violet-surface-accent-gradient: var(--on-dark-persona-violet-surface-accent-gradient);\n --inverse-persona-violet-surface-accent-gradient-hover: var(--on-dark-persona-violet-surface-accent-gradient-hover);\n --inverse-persona-violet-surface-accent-gradient-active: var(--on-dark-persona-violet-surface-accent-gradient-active);\n --inverse-persona-violet-surface-accent-gradient-brightness: var(--on-dark-persona-violet-surface-accent-gradient-brightness);\n --inverse-persona-violet-text-accent: var(--on-dark-persona-violet-text-accent);\n --inverse-persona-violet-text-accent-hover: var(--on-dark-persona-violet-text-accent-hover);\n --inverse-persona-violet-text-accent-active: var(--on-dark-persona-violet-text-accent-active);\n --inverse-persona-violet-text-accent-brightness: var(--on-dark-persona-violet-text-accent-brightness);\n --inverse-persona-ochre-text-accent: var(--on-dark-persona-ochre-text-accent);\n --inverse-persona-ochre-text-accent-hover: var(--on-dark-persona-ochre-text-accent-hover);\n --inverse-persona-olive-text-accent-hover: var(--on-dark-persona-olive-text-accent-hover);\n --inverse-persona-ochre-text-accent-active: var(--on-dark-persona-ochre-text-accent-active);\n --inverse-persona-olive-surface-accent-gradient: var(--on-dark-persona-olive-surface-accent-gradient);\n --surface-accent-primary: var(--on-light-surface-accent-primary);\n --surface-accent-primary-hover: var(--on-light-surface-accent-primary-hover);\n --surface-accent-primary-active: var(--on-light-surface-accent-primary-active);\n --surface-warning-active: var(--on-light-surface-warning-active);\n --inverse-surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n --inverse-surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n --inverse-surface-accent-minor: var(--on-dark-surface-accent-minor);\n --inverse-text-accent-active: var(--on-dark-text-accent-active);\n --inverse-persona-ochre-surface-accent-gradient-brightness: var(--on-dark-persona-ochre-surface-accent-gradient-brightness);\n --surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n --surface-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n --inverse-surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n --inverse-surface-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n --inverse-outline-minor-active: var(--on-dark-outline-minor-active);\n --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n --background-secondary-hover: var(--light-background-secondary-hover);\n --outline-negative: var(--on-light-outline-negative);\n --text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n --inverse-persona-indigo-surface-accent-gradient-hover: var(--on-dark-persona-indigo-surface-accent-gradient-hover);\n --surface-accent-secondary: var(--on-light-surface-accent-secondary);\n --surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n --inverse-surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n --inverse-surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n --inverse-outline-minor: var(--on-dark-outline-minor);\n --inverse-text-warning-hover: var(--on-dark-text-warning-hover);\n --data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n --inverse-surface-info: var(--on-dark-surface-info);\n --surface-transparent-accent-minor-brightness: var(--on-light-surface-transparent-accent-minor-brightness);\n --inverse-surface-accent-secondary-brightness: var(--on-dark-surface-accent-secondary-brightness);\n --inverse-surface-transparent-accent-minor-brightness: var(--on-dark-surface-transparent-accent-minor-brightness);\n --inverse-outline-minor-brightness: var(--on-dark-outline-minor-brightness);\n --surface-accent-primary-brightness: var(--on-light-surface-accent-primary-brightness);\n --surface-accent-secondary-brightness: var(--on-light-surface-accent-secondary-brightness);\n --persona-pink-surface-accent-gradient-brightness: var(--on-light-persona-pink-surface-accent-gradient-brightness);\n --inverse-surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\n --inverse-surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\n --inverse-outline-minor-hover: var(--on-dark-outline-minor-hover);\n --surface-transparent-accent-minor-hover: var(--on-light-surface-transparent-accent-minor-hover);\n --surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n --surface-negative: var(--on-light-surface-negative);\n --inverse-surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --inverse-background-secondary-active: var(--dark-background-secondary-active);\n --persona-pink-text-accent-brightness: var(--on-light-persona-pink-text-accent-brightness);\n --inverse-persona-ochre-text-accent-brightness: var(--on-dark-persona-ochre-text-accent-brightness);\n --surface-solid-default: var(--on-light-surface-solid-default);\n --surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\n --inverse-surface-transparent-card: var(--on-dark-surface-transparent-card);\n --persona-ochre-surface-accent-gradient-hover: var(--on-light-persona-ochre-surface-accent-gradient-hover);\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 --outline-accent-gradient: var(--on-light-outline-accent-gradient);\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 --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-overlay-gradient: var(--on-dark-overlay-gradient);\n --text-accent-gradient-ai: var(--on-light-text-accent-gradient-ai);\n --text-accent-gradient-ai-hover: var(--on-light-text-accent-gradient-ai-hover);\n --inverse-text-accent-gradient-ai: var(--on-dark-text-accent-gradient-ai);\n --inverse-text-accent-gradient-ai-hover: var(--on-dark-text-accent-gradient-ai-hover);\n --inverse-text-accent-gradient-ai-active: var(--on-dark-text-accent-gradient-ai-active);\n --text-accent-gradient-ai-active: var(--on-light-text-accent-gradient-ai-active);\n --text-accent-gradient-ai-brightness: var(--on-light-text-accent-gradient-ai-brightness);\n --surface-accent-gradient-brightness: var(--on-light-surface-accent-gradient-brightness);\n --inverse-surface-accent-gradient-brightness: var(--on-dark-surface-accent-gradient-brightness);\n --inverse-text-accent-gradient-ai-brightness: var(--on-dark-text-accent-gradient-ai-brightness);\n --outline-transparent-surface: var(--on-light-outline-transparent-surface);\n --outline-transparent-surface-hover: var(--on-light-outline-transparent-surface-hover);\n --outline-transparent-surface-active: var(--on-light-outline-transparent-surface-active);\n --outline-transparent-surface-brightness: var(--on-light-outline-transparent-surface-brightness);\n --overlay-gradient: var(--on-light-overlay-gradient);\n --overlay-gradient-hover: var(--on-light-overlay-gradient-hover);\n --overlay-gradient-active: var(--on-light-overlay-gradient-active);\n --overlay-gradient-brightness: var(--on-light-overlay-gradient-brightness);\n --inverse-overlay-gradient-active: var(--on-dark-overlay-gradient-active);\n --inverse-overlay-gradient-hover: var(--on-dark-overlay-gradient-hover);\n --inverse-overlay-gradient-brightness: var(--on-dark-overlay-gradient-brightness);\n --inverse-surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n --inverse-outline-accent-gradient: var(--on-dark-outline-accent-gradient);\n --surface-accent-gradient-hover: var(--on-light-surface-accent-gradient-hover);\n --outline-accent-gradient-active: var(--on-light-outline-accent-gradient-active);\n --surface-accent-gradient-active: var(--on-light-surface-accent-gradient-active);\n "
|
|
2961
|
+
dark: "\n --text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --text-tertiary-active: var(--on-dark-text-tertiary-active);\n --text-tertiary: var(--on-dark-text-tertiary);\n --text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n --text-paragraph-active: var(--on-dark-text-paragraph-active);\n --text-paragraph: var(--on-dark-text-paragraph);\n --text-accent-hover: var(--on-dark-text-accent-hover);\n --text-accent-active: var(--on-dark-text-accent-active);\n --text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n --text-positive-hover: var(--on-dark-text-positive-hover);\n --text-positive-active: var(--on-dark-text-positive-active);\n --text-warning-hover: var(--on-dark-text-warning-hover);\n --text-warning-active: var(--on-dark-text-warning-active);\n --text-warning: var(--on-dark-text-warning);\n --text-negative-hover: var(--on-dark-text-negative-hover);\n --text-negative-active: var(--on-dark-text-negative-active);\n --text-negative: var(--on-dark-text-negative);\n --text-info-hover: var(--on-dark-text-info-hover);\n --text-info-active: var(--on-dark-text-info-active);\n --text-info: var(--on-dark-text-info);\n --text-accent: var(--on-dark-text-accent);\n --text-positive: var(--on-dark-text-positive);\n --text-accent-minor: var(--on-dark-text-accent-minor);\n --text-primary-active: var(--on-dark-text-primary-active);\n --text-primary: var(--on-dark-text-primary);\n --text-primary-brightness: var(--on-dark-text-primary-brightness);\n --text-secondary-active: var(--on-dark-text-secondary-active);\n --text-secondary: var(--on-dark-text-secondary);\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: var(--on-light-text-primary);\n --inverse-text-primary-brightness: var(--on-light-text-primary-brightness);\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-secondary: var(--on-light-text-secondary);\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-tertiary: var(--on-light-text-tertiary);\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-paragraph: var(--on-light-text-paragraph);\n --inverse-text-accent-hover: var(--on-light-text-accent-hover);\n --background-primary-brightness: var(--dark-background-primary-brightness);\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-active: var(--on-light-text-warning-active);\n --inverse-text-warning: var(--on-light-text-warning);\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-negative: var(--on-light-text-negative);\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-info: var(--on-light-text-info);\n --inverse-text-accent: var(--on-light-text-accent);\n --inverse-text-positive: var(--on-light-text-positive);\n --inverse-text-accent-minor: var(--on-light-text-accent-minor);\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: var(--on-dark-surface-solid-primary);\n --surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\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-secondary: var(--on-dark-surface-solid-secondary);\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-tertiary: var(--on-dark-surface-solid-tertiary);\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: var(--on-dark-surface-solid-card);\n --surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\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 --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 --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-tertiary: var(--on-dark-surface-transparent-tertiary);\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-deep: var(--on-dark-surface-transparent-deep);\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: var(--on-dark-surface-transparent-card);\n --surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n --surface-clear-hover: var(--on-dark-surface-clear-hover);\n --surface-clear-active: var(--on-dark-surface-clear-active);\n --surface-clear: var(--on-dark-surface-clear);\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-hover: var(--on-dark-surface-transparent-accent-hover);\n --surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n --surface-positive-hover: var(--on-dark-surface-positive-hover);\n --surface-positive-active: var(--on-dark-surface-positive-active);\n --surface-warning-hover: var(--on-dark-surface-warning-hover);\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-primary: var(--on-dark-surface-transparent-primary);\n --surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n --surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n --surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n --surface-info: var(--on-dark-surface-info);\n --surface-positive: var(--on-dark-surface-positive);\n --surface-accent-minor: var(--on-dark-surface-accent-minor);\n --surface-warning: var(--on-dark-surface-warning);\n --surface-negative-hover: var(--on-dark-surface-negative-hover);\n --surface-negative-active: var(--on-dark-surface-negative-active);\n --surface-info-hover: var(--on-dark-surface-info-hover);\n --surface-info-active: var(--on-dark-surface-info-active);\n --text-primary-hover: var(--on-dark-text-primary-hover);\n --inverse-surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n --inverse-surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n --inverse-surface-solid-secondary: var(--on-light-surface-solid-secondary);\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-tertiary: var(--on-light-surface-solid-tertiary);\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: var(--on-light-surface-solid-card);\n --inverse-surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\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-solid-default: var(--on-light-surface-solid-default);\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-secondary: var(--on-light-surface-transparent-secondary);\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-tertiary: var(--on-light-surface-transparent-tertiary);\n --inverse-surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n --inverse-surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --inverse-surface-solid-primary: var(--on-light-surface-solid-primary);\n --inverse-surface-accent-active: var(--on-light-surface-accent-active);\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-hover: var(--on-light-surface-positive-hover);\n --inverse-surface-positive-active: var(--on-light-surface-positive-active);\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-warning: var(--on-light-surface-warning);\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-negative: var(--on-light-surface-negative);\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-transparent-deep: var(--on-light-surface-transparent-deep);\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-accent-hover: var(--on-light-surface-accent-hover);\n --inverse-background-primary: var(--light-background-primary);\n --inverse-background-primary-brightness: var(--light-background-primary-brightness);\n --overlay-soft: var(--on-dark-overlay-soft);\n --overlay-hard: var(--on-dark-overlay-hard);\n --inverse-overlay-soft: var(--on-light-overlay-soft);\n --inverse-overlay-hard: var(--on-light-overlay-hard);\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-positive-hover: var(--on-dark-outline-positive-hover);\n --outline-positive-active: var(--on-dark-outline-positive-active);\n --outline-warning-hover: var(--on-dark-outline-warning-hover);\n --outline-warning-active: var(--on-dark-outline-warning-active);\n --outline-negative-hover: var(--on-dark-outline-negative-hover);\n --outline-negative-active: var(--on-dark-outline-negative-active);\n --outline-text-info-hover: var(--on-dark-outline-text-info-hover);\n --outline-text-info-active: var(--on-dark-outline-text-info-active);\n --outline-warning: var(--on-dark-outline-warning);\n --inverse-surface-transparent-primary: var(--on-light-surface-transparent-primary);\n --inverse-surface-accent: var(--on-light-surface-accent);\n --inverse-surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n --background-primary: var(--dark-background-primary);\n --inverse-outline-warning-hover: var(--on-light-outline-warning-hover);\n --inverse-outline-warning-active: var(--on-light-outline-warning-active);\n --outline-text-info: var(--on-dark-outline-text-info);\n --outline-transparent-primary: var(--on-dark-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-positive-hover: var(--on-light-outline-positive-hover);\n --inverse-outline-positive-active: var(--on-light-outline-positive-active);\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-text-info-hover: var(--on-light-outline-text-info-hover);\n --inverse-outline-text-info-active: var(--on-light-outline-text-info-active);\n --inverse-outline-negative: var(--on-light-outline-negative);\n --inverse-outline-warning: var(--on-light-outline-warning);\n --inverse-outline-text-info: var(--on-light-outline-text-info);\n --inverse-outline-transparent-primary: var(--on-light-outline-transparent-primary);\n --inverse-outline-positive: var(--on-light-outline-positive);\n --data-yellow: var(--on-dark-data-yellow);\n --data-yellow-hover: var(--on-dark-data-yellow-hover);\n --data-yellow-active: var(--on-dark-data-yellow-active);\n --data-yellow-minor: var(--on-dark-data-yellow-minor);\n --data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n --data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n --data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n --inverse-data-yellow: var(--on-light-data-yellow);\n --inverse-data-yellow-hover: var(--on-light-data-yellow-hover);\n --inverse-data-yellow-active: var(--on-light-data-yellow-active);\n --inverse-data-yellow-minor: var(--on-light-data-yellow-minor);\n --inverse-data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n --inverse-data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n --inverse-data-yellow-transparent: var(--on-light-data-yellow-transparent);\n --inverse-data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n --inverse-data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n --data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n --inverse-surface-positive: var(--on-light-surface-positive);\n --outline-positive: var(--on-dark-outline-positive);\n --text-secondary-hover: var(--on-dark-text-secondary-hover);\n --outline-default: var(--on-dark-outline-default);\n --outline-default-hover: var(--on-dark-outline-default-hover);\n --outline-default-active: var(--on-dark-outline-default-active);\n --outline-default-brightness: var(--on-dark-outline-default-brightness);\n --outline-minor: var(--on-dark-outline-minor);\n --outline-minor-hover: var(--on-dark-outline-minor-hover);\n --outline-minor-active: var(--on-dark-outline-minor-active);\n --outline-minor-brightness: var(--on-dark-outline-minor-brightness);\n --outline-transparent-clear: var(--on-dark-outline-transparent-clear);\n --outline-transparent-clear-hover: var(--on-dark-outline-transparent-clear-hover);\n --outline-transparent-clear-active: var(--on-dark-outline-transparent-clear-active);\n --outline-transparent-clear-brightness: var(--on-dark-outline-transparent-clear-brightness);\n --inverse-outline-default: var(--on-light-outline-default);\n --inverse-outline-default-hover: var(--on-light-outline-default-hover);\n --inverse-outline-default-active: var(--on-light-outline-default-active);\n --inverse-outline-default-brightness: var(--on-light-outline-default-brightness);\n --inverse-outline-outline-minor: var(--on-light-outline-outline-minor);\n --inverse-outline-outline-minor-hover: var(--on-light-outline-outline-minor-hover);\n --inverse-outline-outline-minor-active: var(--on-light-outline-outline-minor-active);\n --inverse-outline-outline-minor-brightness: var(--on-light-outline-outline-minor-brightness);\n --background-secondary-active: var(--dark-background-secondary-active);\n --background-secondary-brightness: var(--dark-background-secondary-brightness);\n --inverse-background-secondary-hover: var(--light-background-secondary-hover);\n --inverse-background-secondary-brightness: var(--light-background-secondary-brightness);\n --persona-blue-surface-accent-gradient-hover: var(--on-dark-persona-blue-surface-accent-gradient-hover);\n --persona-blue-surface-accent-gradient-active: var(--on-dark-persona-blue-surface-accent-gradient-active);\n --persona-blue-surface-accent-gradient-brightness: var(--on-dark-persona-blue-surface-accent-gradient-brightness);\n --persona-blue-text-accent: var(--on-dark-persona-blue-text-accent);\n --persona-blue-text-accent-hover: var(--on-dark-persona-blue-text-accent-hover);\n --persona-blue-text-accent-active: var(--on-dark-persona-blue-text-accent-active);\n --persona-blue-text-accent-brightness: var(--on-dark-persona-blue-text-accent-brightness);\n --persona-green-surface-accent-gradient: var(--on-dark-persona-green-surface-accent-gradient);\n --persona-green-surface-accent-gradient-hover: var(--on-dark-persona-green-surface-accent-gradient-hover);\n --persona-green-surface-accent-gradient-active: var(--on-dark-persona-green-surface-accent-gradient-active);\n --persona-green-surface-accent-gradient-brightness: var(--on-dark-persona-green-surface-accent-gradient-brightness);\n --persona-green-text-accent: var(--on-dark-persona-green-text-accent);\n --persona-green-text-accent-hover: var(--on-dark-persona-green-text-accent-hover);\n --persona-green-text-accent-active: var(--on-dark-persona-green-text-accent-active);\n --persona-green-text-accent-brightness: var(--on-dark-persona-green-text-accent-brightness);\n --persona-indigo-surface-accent-gradient: var(--on-dark-persona-indigo-surface-accent-gradient);\n --persona-indigo-surface-accent-gradient-hover: var(--on-dark-persona-indigo-surface-accent-gradient-hover);\n --persona-indigo-surface-accent-gradient-active: var(--on-dark-persona-indigo-surface-accent-gradient-active);\n --persona-indigo-surface-accent-gradient-brightness: var(--on-dark-persona-indigo-surface-accent-gradient-brightness);\n --persona-indigo-text-accent: var(--on-dark-persona-indigo-text-accent);\n --persona-indigo-text-accent-hover: var(--on-dark-persona-indigo-text-accent-hover);\n --persona-indigo-text-accent-active: var(--on-dark-persona-indigo-text-accent-active);\n --persona-indigo-text-accent-brightness: var(--on-dark-persona-indigo-text-accent-brightness);\n --persona-ochre-surface-accent-gradient: var(--on-dark-persona-ochre-surface-accent-gradient);\n --persona-ochre-surface-accent-gradient-active: var(--on-dark-persona-ochre-surface-accent-gradient-active);\n --persona-ochre-surface-accent-gradient-brightness: var(--on-dark-persona-ochre-surface-accent-gradient-brightness);\n --persona-ochre-text-accent: var(--on-dark-persona-ochre-text-accent);\n --persona-ochre-text-accent-hover: var(--on-dark-persona-ochre-text-accent-hover);\n --persona-ochre-text-accent-active: var(--on-dark-persona-ochre-text-accent-active);\n --persona-ochre-text-accent-brightness: var(--on-dark-persona-ochre-text-accent-brightness);\n --persona-olive-surface-accent-gradient: var(--on-dark-persona-olive-surface-accent-gradient);\n --persona-olive-surface-accent-gradient-hover: var(--on-dark-persona-olive-surface-accent-gradient-hover);\n --persona-olive-surface-accent-gradient-active: var(--on-dark-persona-olive-surface-accent-gradient-active);\n --persona-olive-surface-accent-gradient-brightness: var(--on-dark-persona-olive-surface-accent-gradient-brightness);\n --persona-olive-text-accent: var(--on-dark-persona-olive-text-accent);\n --persona-olive-text-accent-hover: var(--on-dark-persona-olive-text-accent-hover);\n --persona-olive-text-accent-active: var(--on-dark-persona-olive-text-accent-active);\n --persona-olive-text-accent-brightness: var(--on-dark-persona-olive-text-accent-brightness);\n --persona-pink-surface-accent-gradient: var(--on-dark-persona-pink-surface-accent-gradient);\n --persona-pink-surface-accent-gradient-hover: var(--on-dark-persona-pink-surface-accent-gradient-hover);\n --persona-pink-surface-accent-gradient-active: var(--on-dark-persona-pink-surface-accent-gradient-active);\n --persona-blue-surface-accent-gradient: var(--on-dark-persona-blue-surface-accent-gradient);\n --persona-sea-blue-surface-accent-gradient-active: var(--on-dark-persona-sea-blue-surface-accent-gradient-active);\n --persona-sea-blue-surface-accent-gradient-brightness: var(--on-dark-persona-sea-blue-surface-accent-gradient-brightness);\n --persona-sea-blue-text-accent: var(--on-dark-persona-sea-blue-text-accent);\n --persona-sea-blue-text-accent-hover: var(--on-dark-persona-sea-blue-text-accent-hover);\n --persona-sea-blue-text-accent-active: var(--on-dark-persona-sea-blue-text-accent-active);\n --persona-sea-blue-text-accent-brightness: var(--on-dark-persona-sea-blue-text-accent-brightness);\n --persona-violet-surface-accent-gradient: var(--on-dark-persona-violet-surface-accent-gradient);\n --persona-violet-surface-accent-gradient-hover: var(--on-dark-persona-violet-surface-accent-gradient-hover);\n --persona-violet-surface-accent-gradient-active: var(--on-dark-persona-violet-surface-accent-gradient-active);\n --persona-violet-surface-accent-gradient-brightness: var(--on-dark-persona-violet-surface-accent-gradient-brightness);\n --persona-violet-text-accent: var(--on-dark-persona-violet-text-accent);\n --persona-violet-text-accent-hover: var(--on-dark-persona-violet-text-accent-hover);\n --persona-violet-text-accent-active: var(--on-dark-persona-violet-text-accent-active);\n --persona-violet-text-accent-brightness: var(--on-dark-persona-violet-text-accent-brightness);\n --inverse-persona-blue-surface-accent-gradient: var(--on-light-persona-blue-surface-accent-gradient);\n --inverse-persona-blue-surface-accent-gradient-hover: var(--on-light-persona-blue-surface-accent-gradient-hover);\n --inverse-persona-blue-surface-accent-gradient-active: var(--on-light-persona-blue-surface-accent-gradient-active);\n --inverse-persona-blue-surface-accent-gradient-brightness: var(--on-light-persona-blue-surface-accent-gradient-brightness);\n --inverse-persona-blue-text-accent: var(--on-light-persona-blue-text-accent);\n --inverse-persona-blue-text-accent-hover: var(--on-light-persona-blue-text-accent-hover);\n --inverse-persona-blue-text-accent-active: var(--on-light-persona-blue-text-accent-active);\n --inverse-persona-blue-text-accent-brightness: var(--on-light-persona-blue-text-accent-brightness);\n --inverse-persona-green-surface-accent-gradient: var(--on-light-persona-green-surface-accent-gradient);\n --inverse-persona-green-surface-accent-gradient-hover: var(--on-light-persona-green-surface-accent-gradient-hover);\n --inverse-persona-green-surface-accent-gradient-active: var(--on-light-persona-green-surface-accent-gradient-active);\n --inverse-persona-green-surface-accent-gradient-brightness: var(--on-light-persona-green-surface-accent-gradient-brightness);\n --inverse-persona-green-text-accent: var(--on-light-persona-green-text-accent);\n --inverse-persona-green-text-accent-hover: var(--on-light-persona-green-text-accent-hover);\n --inverse-persona-green-text-accent-active: var(--on-light-persona-green-text-accent-active);\n --inverse-persona-green-text-accent-brightness: var(--on-light-persona-green-text-accent-brightness);\n --inverse-persona-indigo-surface-accent-gradient: var(--on-light-persona-indigo-surface-accent-gradient);\n --inverse-persona-indigo-surface-accent-gradient-active: var(--on-light-persona-indigo-surface-accent-gradient-active);\n --inverse-persona-indigo-surface-accent-gradient-brightness: var(--on-light-persona-indigo-surface-accent-gradient-brightness);\n --inverse-persona-indigo-text-accent: var(--on-light-persona-indigo-text-accent);\n --inverse-persona-indigo-text-accent-hover: var(--on-light-persona-indigo-text-accent-hover);\n --inverse-persona-indigo-text-accent-active: var(--on-light-persona-indigo-text-accent-active);\n --inverse-persona-indigo-text-accent-brightness: var(--on-light-persona-indigo-text-accent-brightness);\n --inverse-persona-ochre-surface-accent-gradient: var(--on-light-persona-ochre-surface-accent-gradient);\n --inverse-persona-ochre-surface-accent-gradient-hover: var(--on-light-persona-ochre-surface-accent-gradient-hover);\n --inverse-persona-ochre-surface-accent-gradient-active: var(--on-light-persona-ochre-surface-accent-gradient-active);\n --persona-pink-text-accent: var(--on-dark-persona-pink-text-accent);\n --persona-pink-text-accent-hover: var(--on-dark-persona-pink-text-accent-hover);\n --persona-pink-text-accent-active: var(--on-dark-persona-pink-text-accent-active);\n --persona-sea-blue-surface-accent-gradient: var(--on-dark-persona-sea-blue-surface-accent-gradient);\n --persona-sea-blue-surface-accent-gradient-hover: var(--on-dark-persona-sea-blue-surface-accent-gradient-hover);\n --inverse-persona-olive-surface-accent-gradient-active: var(--on-light-persona-olive-surface-accent-gradient-active);\n --inverse-persona-olive-surface-accent-gradient-brightness: var(--on-light-persona-olive-surface-accent-gradient-brightness);\n --inverse-persona-olive-text-accent: var(--on-light-persona-olive-text-accent);\n --inverse-persona-olive-text-accent-active: var(--on-light-persona-olive-text-accent-active);\n --inverse-persona-olive-text-accent-brightness: var(--on-light-persona-olive-text-accent-brightness);\n --inverse-persona-pink-surface-accent-gradient: var(--on-light-persona-pink-surface-accent-gradient);\n --inverse-persona-pink-surface-accent-gradient-hover: var(--on-light-persona-pink-surface-accent-gradient-hover);\n --inverse-persona-pink-surface-accent-gradient-active: var(--on-light-persona-pink-surface-accent-gradient-active);\n --inverse-persona-pink-surface-accent-gradient-brightness: var(--on-light-persona-pink-surface-accent-gradient-brightness);\n --inverse-persona-pink-text-accent: var(--on-light-persona-pink-text-accent);\n --inverse-persona-pink-text-accent-hover: var(--on-light-persona-pink-text-accent-hover);\n --inverse-persona-pink-text-accent-active: var(--on-light-persona-pink-text-accent-active);\n --inverse-persona-pink-text-accent-brightness: var(--on-light-persona-pink-text-accent-brightness);\n --inverse-persona-sea-blue-surface-accent-gradient: var(--on-light-persona-sea-blue-surface-accent-gradient);\n --inverse-persona-sea-blue-surface-accent-gradient-hover: var(--on-light-persona-sea-blue-surface-accent-gradient-hover);\n --inverse-persona-sea-blue-surface-accent-gradient-active: var(--on-light-persona-sea-blue-surface-accent-gradient-active);\n --inverse-persona-sea-blue-surface-accent-gradient-brightness: var(--on-light-persona-sea-blue-surface-accent-gradient-brightness);\n --inverse-persona-sea-blue-text-accent: var(--on-light-persona-sea-blue-text-accent);\n --inverse-persona-sea-blue-text-accent-hover: var(--on-light-persona-sea-blue-text-accent-hover);\n --inverse-persona-sea-blue-text-accent-active: var(--on-light-persona-sea-blue-text-accent-active);\n --inverse-persona-sea-blue-text-accent-brightness: var(--on-light-persona-sea-blue-text-accent-brightness);\n --inverse-persona-violet-surface-accent-gradient: var(--on-light-persona-violet-surface-accent-gradient);\n --inverse-persona-violet-surface-accent-gradient-hover: var(--on-light-persona-violet-surface-accent-gradient-hover);\n --inverse-persona-violet-surface-accent-gradient-active: var(--on-light-persona-violet-surface-accent-gradient-active);\n --inverse-persona-violet-surface-accent-gradient-brightness: var(--on-light-persona-violet-surface-accent-gradient-brightness);\n --inverse-persona-violet-text-accent: var(--on-light-persona-violet-text-accent);\n --inverse-persona-violet-text-accent-hover: var(--on-light-persona-violet-text-accent-hover);\n --inverse-persona-violet-text-accent-active: var(--on-light-persona-violet-text-accent-active);\n --inverse-persona-violet-text-accent-brightness: var(--on-light-persona-violet-text-accent-brightness);\n --inverse-persona-ochre-text-accent: var(--on-light-persona-ochre-text-accent);\n --inverse-persona-ochre-text-accent-hover: var(--on-light-persona-ochre-text-accent-hover);\n --inverse-persona-olive-text-accent-hover: var(--on-light-persona-olive-text-accent-hover);\n --inverse-persona-ochre-text-accent-active: var(--on-light-persona-ochre-text-accent-active);\n --inverse-persona-olive-surface-accent-gradient: var(--on-light-persona-olive-surface-accent-gradient);\n --inverse-persona-olive-surface-accent-gradient-hover: var(--on-light-persona-olive-surface-accent-gradient-hover);\n --surface-accent-primary: var(--on-dark-surface-accent-primary);\n --surface-accent-primary-hover: var(--on-dark-surface-accent-primary-hover);\n --surface-accent-primary-active: var(--on-dark-surface-accent-primary-active);\n --inverse-surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n --inverse-surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n --inverse-surface-accent-minor: var(--on-light-surface-accent-minor);\n --inverse-text-accent-active: var(--on-light-text-accent-active);\n --surface-warning-active: var(--on-dark-surface-warning-active);\n --inverse-persona-ochre-surface-accent-gradient-brightness: var(--on-light-persona-ochre-surface-accent-gradient-brightness);\n --surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n --surface-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n --inverse-surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n --inverse-surface-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\n --background-secondary-hover: var(--dark-background-secondary-hover);\n --outline-negative: var(--on-dark-outline-negative);\n --text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n --inverse-persona-indigo-surface-accent-gradient-hover: var(--on-light-persona-indigo-surface-accent-gradient-hover);\n --surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n --surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n --inverse-surface-accent-secondary: var(--on-light-surface-accent-secondary);\n --inverse-surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n --inverse-text-warning-hover: var(--on-light-text-warning-hover);\n --data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n --inverse-surface-info: var(--on-light-surface-info);\n --surface-transparent-accent-minor-brightness: var(--on-dark-surface-transparent-accent-minor-brightness);\n --inverse-surface-accent-secondary-brightness: var(--on-light-surface-accent-secondary-brightness);\n --inverse-surface-transparent-accent-minor-brightness: var(--on-light-surface-transparent-accent-minor-brightness);\n --surface-accent-primary-brightness: var(--on-dark-surface-accent-primary-brightness);\n --surface-accent-secondary-brightness: var(--on-dark-surface-accent-secondary-brightness);\n --persona-pink-surface-accent-gradient-brightness: var(--on-dark-persona-pink-surface-accent-gradient-brightness);\n --inverse-surface-transparent-accent-minor-hover: var(--on-light-surface-transparent-accent-minor-hover);\n --surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\n --inverse-surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\n --inverse-background-secondary-active: var(--light-background-secondary-active);\n --persona-pink-text-accent-brightness: var(--on-dark-persona-pink-text-accent-brightness);\n --inverse-persona-ochre-text-accent-brightness: var(--on-light-persona-ochre-text-accent-brightness);\n --surface-solid-default: var(--on-dark-surface-solid-default);\n --surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\n --surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n --surface-negative: var(--on-dark-surface-negative);\n --inverse-surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --persona-ochre-surface-accent-gradient-hover: var(--on-dark-persona-ochre-surface-accent-gradient-hover);\n --inverse-surface-transparent-card: var(--on-light-surface-transparent-card);\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 --outline-accent-gradient: var(--on-dark-outline-accent-gradient);\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 --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-overlay-gradient: var(--on-light-overlay-gradient);\n --text-accent-gradient-ai: var(--on-dark-text-accent-gradient-ai);\n --text-accent-gradient-ai-hover: var(--on-dark-text-accent-gradient-ai-hover);\n --inverse-text-accent-gradient-ai: var(--on-light-text-accent-gradient-ai);\n --inverse-text-accent-gradient-ai-hover: var(--on-light-text-accent-gradient-ai-hover);\n --inverse-text-accent-gradient-ai-active: var(--on-light-text-accent-gradient-ai-active);\n --text-accent-gradient-ai-active: var(--on-dark-text-accent-gradient-ai-active);\n --text-accent-gradient-ai-brightness: var(--on-dark-text-accent-gradient-ai-brightness);\n --surface-accent-gradient-brightness: var(--on-dark-surface-accent-gradient-brightness);\n --inverse-surface-accent-gradient-brightness: var(--on-light-surface-accent-gradient-brightness);\n --inverse-outline-transparent-surface: var(--on-light-outline-transparent-surface);\n --inverse-outline-transparent-surface-hover: var(--on-light-outline-transparent-surface-hover);\n --inverse-outline-transparent-surface-active: var(--on-light-outline-transparent-surface-active);\n --inverse-outline-transparent-surface-brightness: var(--on-light-outline-transparent-surface-brightness);\n --inverse-text-accent-gradient-ai-brightness: var(--on-light-text-accent-gradient-ai-brightness);\n --inverse-overlay-gradient-active: var(--on-light-overlay-gradient-active);\n --inverse-overlay-gradient-hover: var(--on-light-overlay-gradient-hover);\n --inverse-overlay-gradient-brightness: var(--on-light-overlay-gradient-brightness);\n --inverse-surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n --inverse-outline-accent-gradient: var(--on-light-outline-accent-gradient);\n --surface-accent-gradient-hover: var(--on-dark-surface-accent-gradient-hover);\n --outline-accent-gradient-active: var(--on-dark-outline-accent-gradient-active);\n --surface-accent-gradient-active: var(--on-dark-surface-accent-gradient-active);\n ",
|
|
2962
|
+
light: "\n --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --text-tertiary-active: var(--on-light-text-tertiary-active);\n --text-tertiary: var(--on-light-text-tertiary);\n --text-paragraph-hover: var(--on-light-text-paragraph-hover);\n --text-paragraph-active: var(--on-light-text-paragraph-active);\n --text-paragraph: var(--on-light-text-paragraph);\n --text-accent-hover: var(--on-light-text-accent-hover);\n --text-accent-active: var(--on-light-text-accent-active);\n --text-accent-minor-active: var(--on-light-text-accent-minor-active);\n --text-positive-hover: var(--on-light-text-positive-hover);\n --text-positive-active: var(--on-light-text-positive-active);\n --text-warning-hover: var(--on-light-text-warning-hover);\n --text-warning-active: var(--on-light-text-warning-active);\n --text-warning: var(--on-light-text-warning);\n --text-negative-hover: var(--on-light-text-negative-hover);\n --text-negative-active: var(--on-light-text-negative-active);\n --text-negative: var(--on-light-text-negative);\n --text-info-hover: var(--on-light-text-info-hover);\n --text-info-active: var(--on-light-text-info-active);\n --text-info: var(--on-light-text-info);\n --text-accent: var(--on-light-text-accent);\n --text-positive: var(--on-light-text-positive);\n --text-accent-minor: var(--on-light-text-accent-minor);\n --text-primary-active: var(--on-light-text-primary-active);\n --text-primary: var(--on-light-text-primary);\n --text-primary-brightness: var(--on-light-text-primary-brightness);\n --text-secondary-active: var(--on-light-text-secondary-active);\n --text-secondary: var(--on-light-text-secondary);\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: var(--on-dark-text-primary);\n --inverse-text-primary-brightness: var(--on-dark-text-primary-brightness);\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-secondary: var(--on-dark-text-secondary);\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-tertiary: var(--on-dark-text-tertiary);\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-paragraph: var(--on-dark-text-paragraph);\n --inverse-text-accent-hover: var(--on-dark-text-accent-hover);\n --background-primary-brightness: var(--light-background-primary-brightness);\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-active: var(--on-dark-text-warning-active);\n --inverse-text-warning: var(--on-dark-text-warning);\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-negative: var(--on-dark-text-negative);\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-info: var(--on-dark-text-info);\n --inverse-text-accent: var(--on-dark-text-accent);\n --inverse-text-positive: var(--on-dark-text-positive);\n --inverse-text-accent-minor: var(--on-dark-text-accent-minor);\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: var(--on-light-surface-solid-primary);\n --surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\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-secondary: var(--on-light-surface-solid-secondary);\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-tertiary: var(--on-light-surface-solid-tertiary);\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: var(--on-light-surface-solid-card);\n --surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\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 --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 --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-tertiary: var(--on-light-surface-transparent-tertiary);\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-deep: var(--on-light-surface-transparent-deep);\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: var(--on-light-surface-transparent-card);\n --surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n --surface-clear-hover: var(--on-light-surface-clear-hover);\n --surface-clear-active: var(--on-light-surface-clear-active);\n --surface-clear: var(--on-light-surface-clear);\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-hover: var(--on-light-surface-positive-hover);\n --surface-positive-active: var(--on-light-surface-positive-active);\n --surface-warning-hover: var(--on-light-surface-warning-hover);\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-primary: var(--on-light-surface-transparent-primary);\n --surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n --surface-transparent-accent: var(--on-light-surface-transparent-accent);\n --surface-info: var(--on-light-surface-info);\n --surface-positive: var(--on-light-surface-positive);\n --surface-accent-minor: var(--on-light-surface-accent-minor);\n --surface-warning: var(--on-light-surface-warning);\n --surface-negative-hover: var(--on-light-surface-negative-hover);\n --surface-negative-active: var(--on-light-surface-negative-active);\n --surface-info-hover: var(--on-light-surface-info-hover);\n --surface-info-active: var(--on-light-surface-info-active);\n --text-primary-hover: var(--on-light-text-primary-hover);\n --inverse-surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n --inverse-surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n --inverse-surface-solid-secondary: var(--on-dark-surface-solid-secondary);\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-tertiary: var(--on-dark-surface-solid-tertiary);\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: var(--on-dark-surface-solid-card);\n --inverse-surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\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-solid-default: var(--on-dark-surface-solid-default);\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-secondary: var(--on-dark-surface-transparent-secondary);\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-tertiary: var(--on-dark-surface-transparent-tertiary);\n --inverse-surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n --inverse-surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --inverse-surface-solid-primary: var(--on-dark-surface-solid-primary);\n --inverse-surface-accent-active: var(--on-dark-surface-accent-active);\n --inverse-surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\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-hover: var(--on-dark-surface-positive-hover);\n --inverse-surface-positive-active: var(--on-dark-surface-positive-active);\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-warning: var(--on-dark-surface-warning);\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-negative: var(--on-dark-surface-negative);\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-transparent-deep: var(--on-dark-surface-transparent-deep);\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-accent-hover: var(--on-dark-surface-accent-hover);\n --inverse-background-primary: var(--dark-background-primary);\n --inverse-background-primary-brightness: var(--dark-background-primary-brightness);\n --overlay-soft: var(--on-light-overlay-soft);\n --overlay-hard: var(--on-light-overlay-hard);\n --inverse-overlay-soft: var(--on-dark-overlay-soft);\n --inverse-overlay-hard: var(--on-dark-overlay-hard);\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-positive-hover: var(--on-light-outline-positive-hover);\n --outline-positive-active: var(--on-light-outline-positive-active);\n --outline-warning-hover: var(--on-light-outline-warning-hover);\n --outline-warning-active: var(--on-light-outline-warning-active);\n --outline-negative-hover: var(--on-light-outline-negative-hover);\n --outline-negative-active: var(--on-light-outline-negative-active);\n --outline-text-info-hover: var(--on-light-outline-text-info-hover);\n --outline-text-info-active: var(--on-light-outline-text-info-active);\n --outline-warning: var(--on-light-outline-warning);\n --inverse-surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n --inverse-surface-accent: var(--on-dark-surface-accent);\n --inverse-surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n --background-primary: var(--light-background-primary);\n --inverse-outline-warning-hover: var(--on-dark-outline-warning-hover);\n --inverse-outline-warning-active: var(--on-dark-outline-warning-active);\n --outline-text-info: var(--on-light-outline-text-info);\n --outline-transparent-primary: var(--on-light-outline-transparent-primary);\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-positive-hover: var(--on-dark-outline-positive-hover);\n --inverse-outline-positive-active: var(--on-dark-outline-positive-active);\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-text-info-hover: var(--on-dark-outline-text-info-hover);\n --inverse-outline-text-info-active: var(--on-dark-outline-text-info-active);\n --inverse-outline-negative: var(--on-dark-outline-negative);\n --inverse-outline-warning: var(--on-dark-outline-warning);\n --inverse-outline-text-info: var(--on-dark-outline-text-info);\n --inverse-outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n --inverse-outline-positive: var(--on-dark-outline-positive);\n --data-yellow: var(--on-light-data-yellow);\n --data-yellow-hover: var(--on-light-data-yellow-hover);\n --data-yellow-active: var(--on-light-data-yellow-active);\n --data-yellow-minor: var(--on-light-data-yellow-minor);\n --data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n --data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n --data-yellow-transparent: var(--on-light-data-yellow-transparent);\n --inverse-data-yellow: var(--on-dark-data-yellow);\n --inverse-data-yellow-hover: var(--on-dark-data-yellow-hover);\n --inverse-data-yellow-active: var(--on-dark-data-yellow-active);\n --inverse-data-yellow-minor: var(--on-dark-data-yellow-minor);\n --inverse-data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n --inverse-data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n --inverse-data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n --inverse-data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n --inverse-data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n --data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n --inverse-surface-positive: var(--on-dark-surface-positive);\n --outline-positive: var(--on-light-outline-positive);\n --text-secondary-hover: var(--on-light-text-secondary-hover);\n --outline-default: var(--on-light-outline-default);\n --outline-default-hover: var(--on-light-outline-default-hover);\n --outline-default-active: var(--on-light-outline-default-active);\n --outline-default-brightness: var(--on-light-outline-default-brightness);\n --outline-minor: var(--on-light-outline-minor);\n --outline-minor-hover: var(--on-light-outline-minor-hover);\n --outline-minor-active: var(--on-light-outline-minor-active);\n --outline-minor-brightness: var(--on-light-outline-minor-brightness);\n --outline-transparent-clear: var(--on-light-outline-transparent-clear);\n --outline-transparent-clear-hover: var(--on-light-outline-transparent-clear-hover);\n --outline-transparent-clear-active: var(--on-light-outline-transparent-clear-active);\n --outline-transparent-clear-brightness: var(--on-light-outline-transparent-clear-brightness);\n --inverse-outline-default: var(--on-dark-outline-default);\n --inverse-outline-default-hover: var(--on-dark-outline-default-hover);\n --inverse-outline-default-active: var(--on-dark-outline-default-active);\n --inverse-outline-default-brightness: var(--on-dark-outline-default-brightness);\n --background-secondary-active: var(--light-background-secondary-active);\n --background-secondary-brightness: var(--light-background-secondary-brightness);\n --inverse-background-secondary-hover: var(--dark-background-secondary-hover);\n --inverse-background-secondary-brightness: var(--dark-background-secondary-brightness);\n --persona-blue-surface-accent-gradient-hover: var(--on-light-persona-blue-surface-accent-gradient-hover);\n --persona-blue-surface-accent-gradient-active: var(--on-light-persona-blue-surface-accent-gradient-active);\n --persona-blue-surface-accent-gradient-brightness: var(--on-light-persona-blue-surface-accent-gradient-brightness);\n --persona-blue-text-accent: var(--on-light-persona-blue-text-accent);\n --persona-blue-text-accent-hover: var(--on-light-persona-blue-text-accent-hover);\n --persona-blue-text-accent-active: var(--on-light-persona-blue-text-accent-active);\n --persona-blue-text-accent-brightness: var(--on-light-persona-blue-text-accent-brightness);\n --persona-green-surface-accent-gradient: var(--on-light-persona-green-surface-accent-gradient);\n --persona-green-surface-accent-gradient-hover: var(--on-light-persona-green-surface-accent-gradient-hover);\n --persona-green-surface-accent-gradient-active: var(--on-light-persona-green-surface-accent-gradient-active);\n --persona-green-surface-accent-gradient-brightness: var(--on-light-persona-green-surface-accent-gradient-brightness);\n --persona-green-text-accent: var(--on-light-persona-green-text-accent);\n --persona-green-text-accent-hover: var(--on-light-persona-green-text-accent-hover);\n --persona-green-text-accent-active: var(--on-light-persona-green-text-accent-active);\n --persona-green-text-accent-brightness: var(--on-light-persona-green-text-accent-brightness);\n --persona-indigo-surface-accent-gradient: var(--on-light-persona-indigo-surface-accent-gradient);\n --persona-indigo-surface-accent-gradient-hover: var(--on-light-persona-indigo-surface-accent-gradient-hover);\n --persona-indigo-surface-accent-gradient-active: var(--on-light-persona-indigo-surface-accent-gradient-active);\n --persona-indigo-surface-accent-gradient-brightness: var(--on-light-persona-indigo-surface-accent-gradient-brightness);\n --persona-indigo-text-accent: var(--on-light-persona-indigo-text-accent);\n --persona-indigo-text-accent-hover: var(--on-light-persona-indigo-text-accent-hover);\n --persona-indigo-text-accent-active: var(--on-light-persona-indigo-text-accent-active);\n --persona-indigo-text-accent-brightness: var(--on-light-persona-indigo-text-accent-brightness);\n --persona-ochre-surface-accent-gradient: var(--on-light-persona-ochre-surface-accent-gradient);\n --persona-ochre-surface-accent-gradient-active: var(--on-light-persona-ochre-surface-accent-gradient-active);\n --persona-ochre-surface-accent-gradient-brightness: var(--on-light-persona-ochre-surface-accent-gradient-brightness);\n --persona-ochre-text-accent: var(--on-light-persona-ochre-text-accent);\n --persona-ochre-text-accent-hover: var(--on-light-persona-ochre-text-accent-hover);\n --persona-ochre-text-accent-active: var(--on-light-persona-ochre-text-accent-active);\n --persona-ochre-text-accent-brightness: var(--on-light-persona-ochre-text-accent-brightness);\n --persona-olive-surface-accent-gradient: var(--on-light-persona-olive-surface-accent-gradient);\n --persona-olive-surface-accent-gradient-hover: var(--on-light-persona-olive-surface-accent-gradient-hover);\n --persona-olive-surface-accent-gradient-active: var(--on-light-persona-olive-surface-accent-gradient-active);\n --persona-olive-surface-accent-gradient-brightness: var(--on-light-persona-olive-surface-accent-gradient-brightness);\n --persona-olive-text-accent: var(--on-light-persona-olive-text-accent);\n --persona-olive-text-accent-hover: var(--on-light-persona-olive-text-accent-hover);\n --persona-olive-text-accent-active: var(--on-light-persona-olive-text-accent-active);\n --persona-olive-text-accent-brightness: var(--on-light-persona-olive-text-accent-brightness);\n --persona-pink-surface-accent-gradient: var(--on-light-persona-pink-surface-accent-gradient);\n --persona-pink-surface-accent-gradient-hover: var(--on-light-persona-pink-surface-accent-gradient-hover);\n --persona-pink-surface-accent-gradient-active: var(--on-light-persona-pink-surface-accent-gradient-active);\n --persona-blue-surface-accent-gradient: var(--on-light-persona-blue-surface-accent-gradient);\n --persona-sea-blue-surface-accent-gradient-active: var(--on-light-persona-sea-blue-surface-accent-gradient-active);\n --persona-sea-blue-surface-accent-gradient-brightness: var(--on-light-persona-sea-blue-surface-accent-gradient-brightness);\n --persona-sea-blue-text-accent: var(--on-light-persona-sea-blue-text-accent);\n --persona-sea-blue-text-accent-hover: var(--on-light-persona-sea-blue-text-accent-hover);\n --persona-sea-blue-text-accent-active: var(--on-light-persona-sea-blue-text-accent-active);\n --persona-sea-blue-text-accent-brightness: var(--on-light-persona-sea-blue-text-accent-brightness);\n --persona-violet-surface-accent-gradient: var(--on-light-persona-violet-surface-accent-gradient);\n --persona-violet-surface-accent-gradient-hover: var(--on-light-persona-violet-surface-accent-gradient-hover);\n --persona-violet-surface-accent-gradient-active: var(--on-light-persona-violet-surface-accent-gradient-active);\n --persona-violet-surface-accent-gradient-brightness: var(--on-light-persona-violet-surface-accent-gradient-brightness);\n --persona-violet-text-accent: var(--on-light-persona-violet-text-accent);\n --persona-violet-text-accent-hover: var(--on-light-persona-violet-text-accent-hover);\n --persona-violet-text-accent-active: var(--on-light-persona-violet-text-accent-active);\n --persona-violet-text-accent-brightness: var(--on-light-persona-violet-text-accent-brightness);\n --inverse-persona-blue-surface-accent-gradient: var(--on-dark-persona-blue-surface-accent-gradient);\n --inverse-persona-blue-surface-accent-gradient-hover: var(--on-dark-persona-blue-surface-accent-gradient-hover);\n --inverse-persona-blue-surface-accent-gradient-active: var(--on-dark-persona-blue-surface-accent-gradient-active);\n --inverse-persona-blue-surface-accent-gradient-brightness: var(--on-dark-persona-blue-surface-accent-gradient-brightness);\n --inverse-persona-blue-text-accent: var(--on-dark-persona-blue-text-accent);\n --inverse-persona-blue-text-accent-hover: var(--on-dark-persona-blue-text-accent-hover);\n --inverse-persona-blue-text-accent-active: var(--on-dark-persona-blue-text-accent-active);\n --inverse-persona-blue-text-accent-brightness: var(--on-dark-persona-blue-text-accent-brightness);\n --inverse-persona-green-surface-accent-gradient: var(--on-dark-persona-green-surface-accent-gradient);\n --inverse-persona-green-surface-accent-gradient-hover: var(--on-dark-persona-green-surface-accent-gradient-hover);\n --inverse-persona-green-surface-accent-gradient-active: var(--on-dark-persona-green-surface-accent-gradient-active);\n --inverse-persona-green-surface-accent-gradient-brightness: var(--on-dark-persona-green-surface-accent-gradient-brightness);\n --inverse-persona-green-text-accent: var(--on-dark-persona-green-text-accent);\n --inverse-persona-green-text-accent-hover: var(--on-dark-persona-green-text-accent-hover);\n --inverse-persona-green-text-accent-active: var(--on-dark-persona-green-text-accent-active);\n --inverse-persona-green-text-accent-brightness: var(--on-dark-persona-green-text-accent-brightness);\n --inverse-persona-indigo-surface-accent-gradient: var(--on-dark-persona-indigo-surface-accent-gradient);\n --inverse-persona-indigo-surface-accent-gradient-active: var(--on-dark-persona-indigo-surface-accent-gradient-active);\n --inverse-persona-indigo-surface-accent-gradient-brightness: var(--on-dark-persona-indigo-surface-accent-gradient-brightness);\n --inverse-persona-indigo-text-accent: var(--on-dark-persona-indigo-text-accent);\n --inverse-persona-indigo-text-accent-hover: var(--on-dark-persona-indigo-text-accent-hover);\n --inverse-persona-indigo-text-accent-active: var(--on-dark-persona-indigo-text-accent-active);\n --inverse-persona-indigo-text-accent-brightness: var(--on-dark-persona-indigo-text-accent-brightness);\n --inverse-persona-ochre-surface-accent-gradient: var(--on-dark-persona-ochre-surface-accent-gradient);\n --inverse-persona-ochre-surface-accent-gradient-hover: var(--on-dark-persona-ochre-surface-accent-gradient-hover);\n --inverse-persona-ochre-surface-accent-gradient-active: var(--on-dark-persona-ochre-surface-accent-gradient-active);\n --persona-pink-text-accent: var(--on-light-persona-pink-text-accent);\n --persona-pink-text-accent-hover: var(--on-light-persona-pink-text-accent-hover);\n --persona-pink-text-accent-active: var(--on-light-persona-pink-text-accent-active);\n --persona-sea-blue-surface-accent-gradient: var(--on-light-persona-sea-blue-surface-accent-gradient);\n --persona-sea-blue-surface-accent-gradient-hover: var(--on-light-persona-sea-blue-surface-accent-gradient-hover);\n --inverse-persona-olive-surface-accent-gradient-active: var(--on-dark-persona-olive-surface-accent-gradient-active);\n --inverse-persona-olive-surface-accent-gradient-brightness: var(--on-dark-persona-olive-surface-accent-gradient-brightness);\n --inverse-persona-olive-text-accent: var(--on-dark-persona-olive-text-accent);\n --inverse-persona-olive-text-accent-active: var(--on-dark-persona-olive-text-accent-active);\n --inverse-persona-olive-text-accent-brightness: var(--on-dark-persona-olive-text-accent-brightness);\n --inverse-persona-pink-surface-accent-gradient: var(--on-dark-persona-pink-surface-accent-gradient);\n --inverse-persona-pink-surface-accent-gradient-hover: var(--on-dark-persona-pink-surface-accent-gradient-hover);\n --inverse-persona-pink-surface-accent-gradient-active: var(--on-dark-persona-pink-surface-accent-gradient-active);\n --inverse-persona-pink-surface-accent-gradient-brightness: var(--on-dark-persona-pink-surface-accent-gradient-brightness);\n --inverse-persona-pink-text-accent: var(--on-dark-persona-pink-text-accent);\n --inverse-persona-pink-text-accent-hover: var(--on-dark-persona-pink-text-accent-hover);\n --inverse-persona-pink-text-accent-active: var(--on-dark-persona-pink-text-accent-active);\n --inverse-persona-pink-text-accent-brightness: var(--on-dark-persona-pink-text-accent-brightness);\n --inverse-persona-sea-blue-surface-accent-gradient: var(--on-dark-persona-sea-blue-surface-accent-gradient);\n --inverse-persona-sea-blue-surface-accent-gradient-hover: var(--on-dark-persona-sea-blue-surface-accent-gradient-hover);\n --inverse-persona-sea-blue-surface-accent-gradient-active: var(--on-dark-persona-sea-blue-surface-accent-gradient-active);\n --inverse-persona-sea-blue-surface-accent-gradient-brightness: var(--on-dark-persona-sea-blue-surface-accent-gradient-brightness);\n --inverse-persona-sea-blue-text-accent: var(--on-dark-persona-sea-blue-text-accent);\n --inverse-persona-sea-blue-text-accent-hover: var(--on-dark-persona-sea-blue-text-accent-hover);\n --inverse-persona-sea-blue-text-accent-active: var(--on-dark-persona-sea-blue-text-accent-active);\n --inverse-persona-sea-blue-text-accent-brightness: var(--on-dark-persona-sea-blue-text-accent-brightness);\n --inverse-persona-violet-surface-accent-gradient: var(--on-dark-persona-violet-surface-accent-gradient);\n --inverse-persona-violet-surface-accent-gradient-hover: var(--on-dark-persona-violet-surface-accent-gradient-hover);\n --inverse-persona-violet-surface-accent-gradient-active: var(--on-dark-persona-violet-surface-accent-gradient-active);\n --inverse-persona-violet-surface-accent-gradient-brightness: var(--on-dark-persona-violet-surface-accent-gradient-brightness);\n --inverse-persona-violet-text-accent: var(--on-dark-persona-violet-text-accent);\n --inverse-persona-violet-text-accent-hover: var(--on-dark-persona-violet-text-accent-hover);\n --inverse-persona-violet-text-accent-active: var(--on-dark-persona-violet-text-accent-active);\n --inverse-persona-violet-text-accent-brightness: var(--on-dark-persona-violet-text-accent-brightness);\n --inverse-persona-ochre-text-accent: var(--on-dark-persona-ochre-text-accent);\n --inverse-persona-ochre-text-accent-hover: var(--on-dark-persona-ochre-text-accent-hover);\n --inverse-persona-olive-text-accent-hover: var(--on-dark-persona-olive-text-accent-hover);\n --inverse-persona-ochre-text-accent-active: var(--on-dark-persona-ochre-text-accent-active);\n --inverse-persona-olive-surface-accent-gradient: var(--on-dark-persona-olive-surface-accent-gradient);\n --inverse-persona-olive-surface-accent-gradient-hover: var(--on-dark-persona-olive-surface-accent-gradient-hover);\n --surface-accent-primary: var(--on-light-surface-accent-primary);\n --surface-accent-primary-hover: var(--on-light-surface-accent-primary-hover);\n --surface-accent-primary-active: var(--on-light-surface-accent-primary-active);\n --inverse-surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n --inverse-surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n --inverse-surface-accent-minor: var(--on-dark-surface-accent-minor);\n --inverse-text-accent-active: var(--on-dark-text-accent-active);\n --surface-warning-active: var(--on-light-surface-warning-active);\n --inverse-persona-ochre-surface-accent-gradient-brightness: var(--on-dark-persona-ochre-surface-accent-gradient-brightness);\n --surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n --surface-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n --inverse-surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n --inverse-surface-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n --inverse-outline-minor-active: var(--on-dark-outline-minor-active);\n --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n --background-secondary-hover: var(--light-background-secondary-hover);\n --outline-negative: var(--on-light-outline-negative);\n --text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n --inverse-persona-indigo-surface-accent-gradient-hover: var(--on-dark-persona-indigo-surface-accent-gradient-hover);\n --surface-accent-secondary: var(--on-light-surface-accent-secondary);\n --surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n --inverse-surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n --inverse-surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n --inverse-outline-minor: var(--on-dark-outline-minor);\n --inverse-text-warning-hover: var(--on-dark-text-warning-hover);\n --data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n --inverse-surface-info: var(--on-dark-surface-info);\n --surface-transparent-accent-minor-brightness: var(--on-light-surface-transparent-accent-minor-brightness);\n --inverse-surface-accent-secondary-brightness: var(--on-dark-surface-accent-secondary-brightness);\n --inverse-surface-transparent-accent-minor-brightness: var(--on-dark-surface-transparent-accent-minor-brightness);\n --inverse-outline-minor-brightness: var(--on-dark-outline-minor-brightness);\n --surface-accent-primary-brightness: var(--on-light-surface-accent-primary-brightness);\n --surface-accent-secondary-brightness: var(--on-light-surface-accent-secondary-brightness);\n --persona-pink-surface-accent-gradient-brightness: var(--on-light-persona-pink-surface-accent-gradient-brightness);\n --inverse-surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\n --inverse-outline-minor-hover: var(--on-dark-outline-minor-hover);\n --surface-transparent-accent-minor-hover: var(--on-light-surface-transparent-accent-minor-hover);\n --inverse-surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\n --inverse-background-secondary-active: var(--dark-background-secondary-active);\n --persona-pink-text-accent-brightness: var(--on-light-persona-pink-text-accent-brightness);\n --inverse-persona-ochre-text-accent-brightness: var(--on-dark-persona-ochre-text-accent-brightness);\n --surface-solid-default: var(--on-light-surface-solid-default);\n --surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\n --surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n --surface-negative: var(--on-light-surface-negative);\n --inverse-surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --persona-ochre-surface-accent-gradient-hover: var(--on-light-persona-ochre-surface-accent-gradient-hover);\n --inverse-surface-transparent-card: var(--on-dark-surface-transparent-card);\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 --outline-accent-gradient: var(--on-light-outline-accent-gradient);\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 --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-overlay-gradient: var(--on-dark-overlay-gradient);\n --text-accent-gradient-ai: var(--on-light-text-accent-gradient-ai);\n --text-accent-gradient-ai-hover: var(--on-light-text-accent-gradient-ai-hover);\n --inverse-text-accent-gradient-ai: var(--on-dark-text-accent-gradient-ai);\n --inverse-text-accent-gradient-ai-hover: var(--on-dark-text-accent-gradient-ai-hover);\n --inverse-text-accent-gradient-ai-active: var(--on-dark-text-accent-gradient-ai-active);\n --text-accent-gradient-ai-active: var(--on-light-text-accent-gradient-ai-active);\n --text-accent-gradient-ai-brightness: var(--on-light-text-accent-gradient-ai-brightness);\n --surface-accent-gradient-brightness: var(--on-light-surface-accent-gradient-brightness);\n --inverse-surface-accent-gradient-brightness: var(--on-dark-surface-accent-gradient-brightness);\n --inverse-text-accent-gradient-ai-brightness: var(--on-dark-text-accent-gradient-ai-brightness);\n --outline-transparent-surface: var(--on-light-outline-transparent-surface);\n --outline-transparent-surface-hover: var(--on-light-outline-transparent-surface-hover);\n --outline-transparent-surface-active: var(--on-light-outline-transparent-surface-active);\n --outline-transparent-surface-brightness: var(--on-light-outline-transparent-surface-brightness);\n --overlay-gradient: var(--on-light-overlay-gradient);\n --overlay-gradient-hover: var(--on-light-overlay-gradient-hover);\n --overlay-gradient-active: var(--on-light-overlay-gradient-active);\n --overlay-gradient-brightness: var(--on-light-overlay-gradient-brightness);\n --inverse-overlay-gradient-active: var(--on-dark-overlay-gradient-active);\n --inverse-overlay-gradient-hover: var(--on-dark-overlay-gradient-hover);\n --inverse-overlay-gradient-brightness: var(--on-dark-overlay-gradient-brightness);\n --inverse-surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n --inverse-outline-accent-gradient: var(--on-dark-outline-accent-gradient);\n --surface-accent-gradient-hover: var(--on-light-surface-accent-gradient-hover);\n --outline-accent-gradient-active: var(--on-light-outline-accent-gradient-active);\n --surface-accent-gradient-active: var(--on-light-surface-accent-gradient-active);\n "
|
|
2957
2963
|
};
|
|
2958
2964
|
|
|
2959
|
-
export { backgroundPrimary, backgroundPrimaryBrightness, backgroundSecondaryActive, backgroundSecondaryBrightness, backgroundSecondaryHover, bodyL, bodyLBold, bodyLMedium, bodyS, bodySBold, bodySMedium, bodyXS, bodyXSBold, bodyXSMedium, bodyXXS, bodyXXSBold, bodyXXSMedium, borderRadius3xl, borderRadiusCircle, borderRadiusL, borderRadiusM, borderRadiusS, borderRadiusXl, borderRadiusXs, borderRadiusXxl, borderRadiusXxs, darkBackgroundPrimary, dataYellow, dataYellowActive, dataYellowHover, dataYellowMinor, dataYellowMinorActive, dataYellowMinorHover, dataYellowTransparent, dataYellowTransparentActive, dataYellowTransparentHover, dsplS, dsplSBold, dsplSMedium, h3, h3Bold, h3Medium, inverseBackgroundPrimary, inverseBackgroundPrimaryBrightness, inverseBackgroundSecondaryActive, inverseBackgroundSecondaryBrightness, inverseBackgroundSecondaryHover, inverseDataYellow, inverseDataYellowActive, inverseDataYellowHover, inverseDataYellowMinor, inverseDataYellowMinorActive, inverseDataYellowMinorHover, inverseDataYellowTransparent, inverseDataYellowTransparentActive, inverseDataYellowTransparentHover, inverseOutlineAccentGradient, inverseOutlineAccentGradientActive, inverseOutlineAccentGradientHover, inverseOutlineDefault, inverseOutlineDefaultActive, inverseOutlineDefaultBrightness, inverseOutlineDefaultHover, inverseOutlineNegative, inverseOutlineNegativeActive, inverseOutlineNegativeHover, inverseOutlineOutlineMinor, inverseOutlineOutlineMinorActive, inverseOutlineOutlineMinorBrightness, inverseOutlineOutlineMinorHover, inverseOutlinePositive, inverseOutlinePositiveActive, inverseOutlinePositiveHover, inverseOutlineTextInfo, inverseOutlineTextInfoActive, inverseOutlineTextInfoHover, inverseOutlineTransparentPrimary, inverseOutlineTransparentPrimaryActive, inverseOutlineTransparentPrimaryHover, inverseOutlineTransparentSurface, inverseOutlineTransparentSurfaceActive, inverseOutlineTransparentSurfaceBrightness, inverseOutlineTransparentSurfaceHover, inverseOutlineWarning, inverseOutlineWarningActive, inverseOutlineWarningHover, inverseOverlayGradient, inverseOverlayGradientActive, inverseOverlayGradientBrightness, inverseOverlayGradientHover, inverseOverlayHard, inverseOverlaySoft, inversePersonaBlueSurfaceAccentGradient, inversePersonaBlueSurfaceAccentGradientActive, inversePersonaBlueSurfaceAccentGradientBrightness, inversePersonaBlueSurfaceAccentGradientHover, inversePersonaBlueTextAccent, inversePersonaBlueTextAccentActive, inversePersonaBlueTextAccentBrightness, inversePersonaBlueTextAccentHover, inversePersonaGreenSurfaceAccentGradient, inversePersonaGreenSurfaceAccentGradientActive, inversePersonaGreenSurfaceAccentGradientBrightness, inversePersonaGreenSurfaceAccentGradientHover, inversePersonaGreenTextAccent, inversePersonaGreenTextAccentActive, inversePersonaGreenTextAccentBrightness, inversePersonaGreenTextAccentHover, inversePersonaIndigoSurfaceAccentGradient, inversePersonaIndigoSurfaceAccentGradientActive, inversePersonaIndigoSurfaceAccentGradientBrightness, inversePersonaIndigoSurfaceAccentGradientHover, inversePersonaIndigoTextAccent, inversePersonaIndigoTextAccentActive, inversePersonaIndigoTextAccentBrightness, inversePersonaIndigoTextAccentHover, inversePersonaOchreSurfaceAccentGradient, inversePersonaOchreSurfaceAccentGradientActive, inversePersonaOchreSurfaceAccentGradientBrightness, inversePersonaOchreSurfaceAccentGradientHover, inversePersonaOchreTextAccent, inversePersonaOchreTextAccentActive, inversePersonaOchreTextAccentBrightness, inversePersonaOchreTextAccentHover, inversePersonaOliveSurfaceAccentGradient, inversePersonaOliveSurfaceAccentGradientActive, inversePersonaOliveSurfaceAccentGradientBrightness, inversePersonaOliveSurfaceAccentGradientHover, inversePersonaOliveTextAccent, inversePersonaOliveTextAccentActive, inversePersonaOliveTextAccentBrightness, inversePersonaOliveTextAccentHover, inversePersonaPinkSurfaceAccentGradient, inversePersonaPinkSurfaceAccentGradientActive, inversePersonaPinkSurfaceAccentGradientBrightness, inversePersonaPinkSurfaceAccentGradientHover, inversePersonaPinkTextAccent, inversePersonaPinkTextAccentActive, inversePersonaPinkTextAccentBrightness, inversePersonaPinkTextAccentHover, inversePersonaSeaBlueSurfaceAccentGradient, inversePersonaSeaBlueSurfaceAccentGradientActive, inversePersonaSeaBlueSurfaceAccentGradientBrightness, inversePersonaSeaBlueSurfaceAccentGradientHover, inversePersonaSeaBlueTextAccent, inversePersonaSeaBlueTextAccentActive, inversePersonaSeaBlueTextAccentBrightness, inversePersonaSeaBlueTextAccentHover, inversePersonaVioletSurfaceAccentGradient, inversePersonaVioletSurfaceAccentGradientActive, inversePersonaVioletSurfaceAccentGradientBrightness, inversePersonaVioletSurfaceAccentGradientHover, inversePersonaVioletTextAccent, inversePersonaVioletTextAccentActive, inversePersonaVioletTextAccentBrightness, inversePersonaVioletTextAccentHover, inverseSurfaceAccent, inverseSurfaceAccentActive, inverseSurfaceAccentGradient, inverseSurfaceAccentGradientActive, inverseSurfaceAccentGradientBrightness, inverseSurfaceAccentGradientHover, inverseSurfaceAccentHover, inverseSurfaceAccentMinor, inverseSurfaceAccentMinorActive, inverseSurfaceAccentMinorHover, inverseSurfaceAccentSecondary, inverseSurfaceAccentSecondaryActive, inverseSurfaceAccentSecondaryBrightness, inverseSurfaceAccentSecondaryHover, inverseSurfaceInfo, inverseSurfaceInfoActive, inverseSurfaceInfoHover, inverseSurfaceNegative, inverseSurfaceNegativeActive, inverseSurfaceNegativeHover, inverseSurfacePositive, inverseSurfacePositiveActive, inverseSurfacePositiveHover, inverseSurfaceSkeletonDeepGradient, inverseSurfaceSkeletonDeepGradientActive, inverseSurfaceSkeletonDeepGradientHover, inverseSurfaceSkeletonGradient, inverseSurfaceSkeletonGradientActive, inverseSurfaceSkeletonGradientHover, inverseSurfaceSolidCard, inverseSurfaceSolidCardActive, inverseSurfaceSolidCardBrightness, inverseSurfaceSolidCardHover, inverseSurfaceSolidDefault, inverseSurfaceSolidDefaultActive, inverseSurfaceSolidDefaultHover, inverseSurfaceSolidPrimary, inverseSurfaceSolidPrimaryActive, inverseSurfaceSolidPrimaryBrightness, inverseSurfaceSolidPrimaryHover, inverseSurfaceSolidSecondary, inverseSurfaceSolidSecondaryActive, inverseSurfaceSolidSecondaryHover, inverseSurfaceSolidTertiary, inverseSurfaceSolidTertiaryActive, inverseSurfaceSolidTertiaryHover, inverseSurfaceTransparentAccent, inverseSurfaceTransparentAccentActive, inverseSurfaceTransparentAccentHover, inverseSurfaceTransparentAccentMinor, inverseSurfaceTransparentAccentMinorActive, inverseSurfaceTransparentAccentMinorBrightness, inverseSurfaceTransparentAccentMinorHover, inverseSurfaceTransparentCard, inverseSurfaceTransparentCardActive, inverseSurfaceTransparentCardBrightness, inverseSurfaceTransparentCardHover, inverseSurfaceTransparentDeep, inverseSurfaceTransparentDeepActive, inverseSurfaceTransparentDeepHover, inverseSurfaceTransparentPrimary, inverseSurfaceTransparentPrimaryActive, inverseSurfaceTransparentPrimaryHover, inverseSurfaceTransparentSecondary, inverseSurfaceTransparentSecondaryActive, inverseSurfaceTransparentSecondaryHover, inverseSurfaceTransparentTertiary, inverseSurfaceTransparentTertiaryActive, inverseSurfaceTransparentTertiaryHover, inverseSurfaceWarning, inverseSurfaceWarningActive, inverseSurfaceWarningHover, inverseTextAccent, inverseTextAccentActive, inverseTextAccentGradientAi, inverseTextAccentGradientAiActive, inverseTextAccentGradientAiBrightness, inverseTextAccentGradientAiHover, inverseTextAccentHover, inverseTextAccentMinor, inverseTextAccentMinorActive, inverseTextAccentMinorHover, inverseTextInfo, inverseTextInfoActive, inverseTextInfoHover, inverseTextNegative, inverseTextNegativeActive, inverseTextNegativeHover, inverseTextParagraph, inverseTextParagraphActive, inverseTextParagraphHover, inverseTextPositive, inverseTextPositiveActive, inverseTextPositiveHover, inverseTextPrimary, inverseTextPrimaryActive, inverseTextPrimaryBrightness, inverseTextPrimaryHover, inverseTextSecondary, inverseTextSecondaryActive, inverseTextSecondaryHover, inverseTextTertiary, inverseTextTertiaryActive, inverseTextTertiaryHover, inverseTextWarning, inverseTextWarningActive, inverseTextWarningHover, lightBackgroundPrimary, onDarkBackgroundPrimary, onDarkBackgroundPrimaryActive, onDarkBackgroundPrimaryBrightness, onDarkBackgroundPrimaryHover, onDarkBackgroundSecondary, onDarkBackgroundSecondaryActive, onDarkBackgroundSecondaryBrightness, onDarkBackgroundSecondaryHover, onDarkDataYellow, onDarkDataYellowActive, onDarkDataYellowHover, onDarkDataYellowMinor, onDarkDataYellowMinorActive, onDarkDataYellowMinorHover, onDarkDataYellowTransparent, onDarkDataYellowTransparentActive, onDarkDataYellowTransparentHover, onDarkOutlineAccentGradient, onDarkOutlineAccentGradientActive, onDarkOutlineAccentGradientHover, onDarkOutlineDefault, onDarkOutlineDefaultActive, onDarkOutlineDefaultBrightness, onDarkOutlineDefaultHover, onDarkOutlineMinor, onDarkOutlineMinorActive, onDarkOutlineMinorBrightness, onDarkOutlineMinorHover, onDarkOutlineNegative, onDarkOutlineNegativeActive, onDarkOutlineNegativeHover, onDarkOutlinePositive, onDarkOutlinePositiveActive, onDarkOutlinePositiveHover, onDarkOutlineTextInfo, onDarkOutlineTextInfoActive, onDarkOutlineTextInfoHover, onDarkOutlineTransparentPrimary, onDarkOutlineTransparentPrimaryActive, onDarkOutlineTransparentPrimaryHover, onDarkOutlineTransparentSurface, onDarkOutlineTransparentSurfaceActive, onDarkOutlineTransparentSurfaceBrightness, onDarkOutlineTransparentSurfaceHover, onDarkOutlineWarning, onDarkOutlineWarningActive, onDarkOutlineWarningHover, onDarkOverlayHard, onDarkOverlaySoft, onDarkPersonaBlueSurfaceAccentGradient, onDarkPersonaBlueSurfaceAccentGradientActive, onDarkPersonaBlueSurfaceAccentGradientBrightness, onDarkPersonaBlueSurfaceAccentGradientHover, onDarkPersonaBlueTextAccent, onDarkPersonaBlueTextAccentActive, onDarkPersonaBlueTextAccentBrightness, onDarkPersonaBlueTextAccentHover, onDarkPersonaGreenSurfaceAccentGradient, onDarkPersonaGreenSurfaceAccentGradientActive, onDarkPersonaGreenSurfaceAccentGradientBrightness, onDarkPersonaGreenSurfaceAccentGradientHover, onDarkPersonaGreenTextAccent, onDarkPersonaGreenTextAccentActive, onDarkPersonaGreenTextAccentBrightness, onDarkPersonaGreenTextAccentHover, onDarkPersonaIndigoSurfaceAccentGradient, onDarkPersonaIndigoSurfaceAccentGradientActive, onDarkPersonaIndigoSurfaceAccentGradientBrightness, onDarkPersonaIndigoSurfaceAccentGradientHover, onDarkPersonaIndigoTextAccent, onDarkPersonaIndigoTextAccentActive, onDarkPersonaIndigoTextAccentBrightness, onDarkPersonaIndigoTextAccentHover, onDarkPersonaOchreSurfaceAccentGradient, onDarkPersonaOchreSurfaceAccentGradientActive, onDarkPersonaOchreSurfaceAccentGradientBrightness, onDarkPersonaOchreSurfaceAccentGradientHover, onDarkPersonaOchreTextAccent, onDarkPersonaOchreTextAccentActive, onDarkPersonaOchreTextAccentBrightness, onDarkPersonaOchreTextAccentHover, onDarkPersonaOliveSurfaceAccentGradient, onDarkPersonaOliveSurfaceAccentGradientActive, onDarkPersonaOliveSurfaceAccentGradientBrightness, onDarkPersonaOliveSurfaceAccentGradientHover, onDarkPersonaOliveTextAccent, onDarkPersonaOliveTextAccentActive, onDarkPersonaOliveTextAccentBrightness, onDarkPersonaOliveTextAccentHover, onDarkPersonaPinkSurfaceAccentGradient, onDarkPersonaPinkSurfaceAccentGradientActive, onDarkPersonaPinkSurfaceAccentGradientBrightness, onDarkPersonaPinkSurfaceAccentGradientHover, onDarkPersonaPinkTextAccent, onDarkPersonaPinkTextAccentActive, onDarkPersonaPinkTextAccentBrightness, onDarkPersonaPinkTextAccentHover, onDarkPersonaSeaBlueSurfaceAccentGradient, onDarkPersonaSeaBlueSurfaceAccentGradientActive, onDarkPersonaSeaBlueSurfaceAccentGradientBrightness, onDarkPersonaSeaBlueSurfaceAccentGradientHover, onDarkPersonaSeaBlueTextAccent, onDarkPersonaSeaBlueTextAccentActive, onDarkPersonaSeaBlueTextAccentBrightness, onDarkPersonaSeaBlueTextAccentHover, onDarkPersonaVioletSurfaceAccentGradient, onDarkPersonaVioletSurfaceAccentGradientActive, onDarkPersonaVioletSurfaceAccentGradientBrightness, onDarkPersonaVioletSurfaceAccentGradientHover, onDarkPersonaVioletTextAccent, onDarkPersonaVioletTextAccentActive, onDarkPersonaVioletTextAccentBrightness, onDarkPersonaVioletTextAccentHover, onDarkSurfaceAccentGradient, onDarkSurfaceAccentGradientActive, onDarkSurfaceAccentGradientBrightness, onDarkSurfaceAccentGradientHover, onDarkSurfaceAccentMinor, onDarkSurfaceAccentMinorActive, onDarkSurfaceAccentMinorHover, onDarkSurfaceAccentPrimary, onDarkSurfaceAccentPrimaryActive, onDarkSurfaceAccentPrimaryBrightness, onDarkSurfaceAccentPrimaryHover, onDarkSurfaceAccentSecondary, onDarkSurfaceAccentSecondaryActive, onDarkSurfaceAccentSecondaryBrightness, onDarkSurfaceAccentSecondaryHover, onDarkSurfaceInfo, onDarkSurfaceInfoActive, onDarkSurfaceInfoHover, onDarkSurfaceNegative, onDarkSurfaceNegativeActive, onDarkSurfaceNegativeHover, onDarkSurfacePositive, onDarkSurfacePositiveActive, onDarkSurfacePositiveHover, onDarkSurfaceSkeletonDeepGradient, onDarkSurfaceSkeletonDeepGradientActive, onDarkSurfaceSkeletonDeepGradientHover, onDarkSurfaceSkeletonGradient, onDarkSurfaceSkeletonGradientActive, onDarkSurfaceSkeletonGradientHover, onDarkSurfaceSolidCard, onDarkSurfaceSolidCardActive, onDarkSurfaceSolidCardBrightness, onDarkSurfaceSolidCardHover, onDarkSurfaceSolidDefault, onDarkSurfaceSolidDefaultActive, onDarkSurfaceSolidDefaultHover, onDarkSurfaceSolidPrimary, onDarkSurfaceSolidPrimaryActive, onDarkSurfaceSolidPrimaryBrightness, onDarkSurfaceSolidPrimaryHover, onDarkSurfaceSolidSecondary, onDarkSurfaceSolidSecondaryActive, onDarkSurfaceSolidSecondaryHover, onDarkSurfaceSolidTertiary, onDarkSurfaceSolidTertiaryActive, onDarkSurfaceSolidTertiaryHover, onDarkSurfaceTransparentAccent, onDarkSurfaceTransparentAccentActive, onDarkSurfaceTransparentAccentHover, onDarkSurfaceTransparentAccentMinor, onDarkSurfaceTransparentAccentMinorActive, onDarkSurfaceTransparentAccentMinorBrightness, onDarkSurfaceTransparentAccentMinorHover, onDarkSurfaceTransparentCard, onDarkSurfaceTransparentCardActive, onDarkSurfaceTransparentCardBrightness, onDarkSurfaceTransparentCardHover, onDarkSurfaceTransparentDeep, onDarkSurfaceTransparentDeepActive, onDarkSurfaceTransparentDeepHover, onDarkSurfaceTransparentPrimary, onDarkSurfaceTransparentPrimaryActive, onDarkSurfaceTransparentPrimaryHover, onDarkSurfaceTransparentSecondary, onDarkSurfaceTransparentSecondaryActive, onDarkSurfaceTransparentSecondaryHover, onDarkSurfaceTransparentTertiary, onDarkSurfaceTransparentTertiaryActive, onDarkSurfaceTransparentTertiaryHover, onDarkSurfaceWarning, onDarkSurfaceWarningActive, onDarkSurfaceWarningHover, onDarkTextAccent, onDarkTextAccentActive, onDarkTextAccentGradientAi, onDarkTextAccentGradientAiActive, onDarkTextAccentGradientAiBrightness, onDarkTextAccentGradientAiHover, onDarkTextAccentHover, onDarkTextAccentMinor, onDarkTextAccentMinorActive, onDarkTextAccentMinorHover, onDarkTextInfo, onDarkTextNegative, onDarkTextNegativeActive, onDarkTextNegativeHover, onDarkTextParagraph, onDarkTextParagraphActive, onDarkTextParagraphHover, onDarkTextPositive, onDarkTextPositiveActive, onDarkTextPositiveHover, onDarkTextPrimary, onDarkTextPrimaryActive, onDarkTextPrimaryBrightness, onDarkTextPrimaryHover, onDarkTextSecondary, onDarkTextSecondaryActive, onDarkTextSecondaryHover, onDarkTextTertiary, onDarkTextTertiaryActive, onDarkTextTertiaryHover, onDarkTextWarning, onDarkTextWarningActive, onDarkTextWarningHover, onLightBackgroundPrimary, onLightBackgroundPrimaryActive, onLightBackgroundPrimaryBrightness, onLightBackgroundPrimaryHover, onLightBackgroundSecondary, onLightBackgroundSecondaryActive, onLightBackgroundSecondaryBrightness, onLightBackgroundSecondaryHover, onLightDataYellow, onLightDataYellowActive, onLightDataYellowHover, onLightDataYellowMinor, onLightDataYellowMinorActive, onLightDataYellowMinorHover, onLightDataYellowTransparent, onLightDataYellowTransparentActive, onLightDataYellowTransparentHover, onLightOutlineAccentGradient, onLightOutlineAccentGradientActive, onLightOutlineAccentGradientHover, onLightOutlineDefault, onLightOutlineDefaultActive, onLightOutlineDefaultBrightness, onLightOutlineDefaultHover, onLightOutlineMinor, onLightOutlineMinorActive, onLightOutlineMinorBrightness, onLightOutlineMinorHover, onLightOutlineNegative, onLightOutlineNegativeActive, onLightOutlineNegativeHover, onLightOutlinePositive, onLightOutlinePositiveActive, onLightOutlinePositiveHover, onLightOutlineTextInfo, onLightOutlineTextInfoActive, onLightOutlineTextInfoHover, onLightOutlineTransparentPrimary, onLightOutlineTransparentPrimaryActive, onLightOutlineTransparentPrimaryHover, onLightOutlineTransparentSurface, onLightOutlineTransparentSurfaceActive, onLightOutlineTransparentSurfaceBrightness, onLightOutlineTransparentSurfaceHover, onLightOutlineWarning, onLightOutlineWarningActive, onLightOutlineWarningHover, onLightOverlayGradient, onLightOverlayGradientActive, onLightOverlayGradientBrightness, onLightOverlayGradientHover, onLightOverlayHard, onLightOverlaySoft, onLightPersonaBlueSurfaceAccentGradient, onLightPersonaBlueSurfaceAccentGradientActive, onLightPersonaBlueSurfaceAccentGradientBrightness, onLightPersonaBlueSurfaceAccentGradientHover, onLightPersonaBlueTextAccent, onLightPersonaBlueTextAccentActive, onLightPersonaBlueTextAccentBrightness, onLightPersonaBlueTextAccentHover, onLightPersonaGreenSurfaceAccentGradient, onLightPersonaGreenSurfaceAccentGradientActive, onLightPersonaGreenSurfaceAccentGradientBrightness, onLightPersonaGreenSurfaceAccentGradientHover, onLightPersonaGreenTextAccent, onLightPersonaGreenTextAccentActive, onLightPersonaGreenTextAccentBrightness, onLightPersonaGreenTextAccentHover, onLightPersonaIndigoSurfaceAccentGradient, onLightPersonaIndigoSurfaceAccentGradientActive, onLightPersonaIndigoSurfaceAccentGradientBrightness, onLightPersonaIndigoSurfaceAccentGradientHover, onLightPersonaIndigoTextAccent, onLightPersonaIndigoTextAccentActive, onLightPersonaIndigoTextAccentBrightness, onLightPersonaIndigoTextAccentHover, onLightPersonaOchreSurfaceAccentGradient, onLightPersonaOchreSurfaceAccentGradientActive, onLightPersonaOchreSurfaceAccentGradientBrightness, onLightPersonaOchreSurfaceAccentGradientHover, onLightPersonaOchreTextAccent, onLightPersonaOchreTextAccentActive, onLightPersonaOchreTextAccentBrightness, onLightPersonaOchreTextAccentHover, onLightPersonaOliveSurfaceAccentGradient, onLightPersonaOliveSurfaceAccentGradientActive, onLightPersonaOliveSurfaceAccentGradientBrightness, onLightPersonaOliveSurfaceAccentGradientHover, onLightPersonaOliveTextAccent, onLightPersonaOliveTextAccentActive, onLightPersonaOliveTextAccentBrightness, onLightPersonaOliveTextAccentHover, onLightPersonaPinkSurfaceAccentGradient, onLightPersonaPinkSurfaceAccentGradientActive, onLightPersonaPinkSurfaceAccentGradientBrightness, onLightPersonaPinkSurfaceAccentGradientHover, onLightPersonaPinkTextAccent, onLightPersonaPinkTextAccentActive, onLightPersonaPinkTextAccentBrightness, onLightPersonaPinkTextAccentHover, onLightPersonaSeaBlueSurfaceAccentGradient, onLightPersonaSeaBlueSurfaceAccentGradientActive, onLightPersonaSeaBlueSurfaceAccentGradientBrightness, onLightPersonaSeaBlueSurfaceAccentGradientHover, onLightPersonaSeaBlueTextAccent, onLightPersonaSeaBlueTextAccentActive, onLightPersonaSeaBlueTextAccentBrightness, onLightPersonaSeaBlueTextAccentHover, onLightPersonaVioletSurfaceAccentGradient, onLightPersonaVioletSurfaceAccentGradientActive, onLightPersonaVioletSurfaceAccentGradientBrightness, onLightPersonaVioletSurfaceAccentGradientHover, onLightPersonaVioletTextAccent, onLightPersonaVioletTextAccentActive, onLightPersonaVioletTextAccentBrightness, onLightPersonaVioletTextAccentHover, onLightSurfaceAccentGradient, onLightSurfaceAccentGradientActive, onLightSurfaceAccentGradientBrightness, onLightSurfaceAccentGradientHover, onLightSurfaceAccentMinor, onLightSurfaceAccentMinorActive, onLightSurfaceAccentMinorHover, onLightSurfaceAccentPrimary, onLightSurfaceAccentPrimaryActive, onLightSurfaceAccentPrimaryBrightness, onLightSurfaceAccentPrimaryHover, onLightSurfaceAccentSecondary, onLightSurfaceAccentSecondaryActive, onLightSurfaceAccentSecondaryBrightness, onLightSurfaceAccentSecondaryHover, onLightSurfaceInfo, onLightSurfaceInfoActive, onLightSurfaceInfoHover, onLightSurfaceNegative, onLightSurfaceNegativeActive, onLightSurfaceNegativeHover, onLightSurfacePositive, onLightSurfacePositiveActive, onLightSurfacePositiveHover, onLightSurfaceSkeletonDeepGradient, onLightSurfaceSkeletonDeepGradientActive, onLightSurfaceSkeletonDeepGradientHover, onLightSurfaceSkeletonGradient, onLightSurfaceSkeletonGradientActive, onLightSurfaceSkeletonGradientHover, onLightSurfaceSolidCard, onLightSurfaceSolidCardActive, onLightSurfaceSolidCardBrightness, onLightSurfaceSolidCardHover, onLightSurfaceSolidDefault, onLightSurfaceSolidDefaultActive, onLightSurfaceSolidDefaultHover, onLightSurfaceSolidPrimary, onLightSurfaceSolidPrimaryActive, onLightSurfaceSolidPrimaryBrightness, onLightSurfaceSolidPrimaryHover, onLightSurfaceSolidSecondary, onLightSurfaceSolidSecondaryActive, onLightSurfaceSolidSecondaryHover, onLightSurfaceSolidTertiary, onLightSurfaceSolidTertiaryActive, onLightSurfaceSolidTertiaryHover, onLightSurfaceTransparentAccent, onLightSurfaceTransparentAccentActive, onLightSurfaceTransparentAccentHover, onLightSurfaceTransparentAccentMinor, onLightSurfaceTransparentAccentMinorActive, onLightSurfaceTransparentAccentMinorBrightness, onLightSurfaceTransparentAccentMinorHover, onLightSurfaceTransparentCard, onLightSurfaceTransparentCardActive, onLightSurfaceTransparentCardBrightness, onLightSurfaceTransparentCardHover, onLightSurfaceTransparentDeep, onLightSurfaceTransparentDeepActive, onLightSurfaceTransparentDeepHover, onLightSurfaceTransparentPrimary, onLightSurfaceTransparentPrimaryActive, onLightSurfaceTransparentPrimaryHover, onLightSurfaceTransparentSecondary, onLightSurfaceTransparentSecondaryActive, onLightSurfaceTransparentSecondaryHover, onLightSurfaceTransparentTertiary, onLightSurfaceTransparentTertiaryActive, onLightSurfaceTransparentTertiaryHover, onLightSurfaceWarning, onLightSurfaceWarningActive, onLightSurfaceWarningHover, onLightTextAccent, onLightTextAccentActive, onLightTextAccentGradientAi, onLightTextAccentGradientAiActive, onLightTextAccentGradientAiBrightness, onLightTextAccentGradientAiHover, onLightTextAccentHover, onLightTextAccentMinor, onLightTextAccentMinorActive, onLightTextAccentMinorHover, onLightTextInfo, onLightTextInfoActive, onLightTextInfoHover, onLightTextNegative, onLightTextNegativeActive, onLightTextNegativeHover, onLightTextParagraph, onLightTextParagraphActive, onLightTextParagraphHover, onLightTextPositive, onLightTextPositiveActive, onLightTextPositiveHover, onLightTextPrimary, onLightTextPrimaryActive, onLightTextPrimaryBrightness, onLightTextPrimaryHover, onLightTextSecondary, onLightTextSecondaryActive, onLightTextSecondaryHover, onLightTextTertiary, onLightTextTertiaryActive, onLightTextTertiaryHover, onLightTextWarning, onLightTextWarningActive, onLightTextWarningHover, outlineAccentGradient, outlineAccentGradientActive, outlineAccentGradientHover, outlineDefault, outlineDefaultActive, outlineDefaultBrightness, outlineDefaultHover, outlineMinor, outlineMinorActive, outlineMinorBrightness, outlineMinorHover, outlineNegative, outlineNegativeActive, outlineNegativeHover, outlinePositive, outlinePositiveActive, outlinePositiveHover, outlineTextInfo, outlineTextInfoActive, outlineTextInfoHover, outlineTransparentClear, outlineTransparentClearActive, outlineTransparentClearBrightness, outlineTransparentClearHover, outlineTransparentPrimary, outlineTransparentPrimaryActive, outlineTransparentPrimaryHover, outlineWarning, outlineWarningActive, outlineWarningHover, overlayHard, overlaySoft, personaBlueSurfaceAccentGradient, personaBlueSurfaceAccentGradientActive, personaBlueSurfaceAccentGradientBrightness, personaBlueSurfaceAccentGradientHover, personaBlueTextAccent, personaBlueTextAccentActive, personaBlueTextAccentBrightness, personaBlueTextAccentHover, personaGreenSurfaceAccentGradient, personaGreenSurfaceAccentGradientActive, personaGreenSurfaceAccentGradientBrightness, personaGreenSurfaceAccentGradientHover, personaGreenTextAccent, personaGreenTextAccentActive, personaGreenTextAccentBrightness, personaGreenTextAccentHover, personaIndigoSurfaceAccentGradient, personaIndigoSurfaceAccentGradientActive, personaIndigoSurfaceAccentGradientBrightness, personaIndigoSurfaceAccentGradientHover, personaIndigoTextAccent, personaIndigoTextAccentActive, personaIndigoTextAccentBrightness, personaIndigoTextAccentHover, personaOchreSurfaceAccentGradient, personaOchreSurfaceAccentGradientActive, personaOchreSurfaceAccentGradientBrightness, personaOchreSurfaceAccentGradientHover, personaOchreTextAccent, personaOchreTextAccentActive, personaOchreTextAccentBrightness, personaOchreTextAccentHover, personaOliveSurfaceAccentGradient, personaOliveSurfaceAccentGradientActive, personaOliveSurfaceAccentGradientBrightness, personaOliveSurfaceAccentGradientHover, personaOliveTextAccent, personaOliveTextAccentActive, personaOliveTextAccentBrightness, personaOliveTextAccentHover, personaPinkSurfaceAccentGradient, personaPinkSurfaceAccentGradientActive, personaPinkSurfaceAccentGradientBrightness, personaPinkSurfaceAccentGradientHover, personaPinkTextAccent, personaPinkTextAccentActive, personaPinkTextAccentBrightness, personaPinkTextAccentHover, personaSeaBlueSurfaceAccentGradient, personaSeaBlueSurfaceAccentGradientActive, personaSeaBlueSurfaceAccentGradientBrightness, personaSeaBlueSurfaceAccentGradientHover, personaSeaBlueTextAccent, personaSeaBlueTextAccentActive, personaSeaBlueTextAccentBrightness, personaSeaBlueTextAccentHover, personaVioletSurfaceAccentGradient, personaVioletSurfaceAccentGradientActive, personaVioletSurfaceAccentGradientBrightness, personaVioletSurfaceAccentGradientHover, personaVioletTextAccent, personaVioletTextAccentActive, personaVioletTextAccentBrightness, personaVioletTextAccentHover, shadowDownHardL, shadowDownHardM, shadowDownHardS, shadowDownSoftL, shadowDownSoftM, shadowDownSoftS, shadowUpHardL, shadowUpHardM, shadowUpHardS, shadowUpSoftL, shadowUpSoftM, shadowUpSoftS, spacing0x, spacing10x, spacing12x, spacing16x, spacing1x, spacing20x, spacing24x, spacing2x, spacing32x, spacing3x, spacing40x, spacing4x, spacing60x, spacing6x, spacing8x, surfaceAccentGradient, surfaceAccentGradientActive, surfaceAccentGradientBrightness, surfaceAccentGradientHover, surfaceAccentMinor, surfaceAccentMinorActive, surfaceAccentMinorHover, surfaceAccentPrimary, surfaceAccentPrimaryActive, surfaceAccentPrimaryBrightness, surfaceAccentPrimaryHover, surfaceAccentSecondary, surfaceAccentSecondaryActive, surfaceAccentSecondaryBrightness, surfaceAccentSecondaryHover, surfaceClear, surfaceClearActive, surfaceClearHover, surfaceInfo, surfaceInfoActive, surfaceInfoHover, surfaceNegative, surfaceNegativeActive, surfaceNegativeHover, surfacePositive, surfacePositiveActive, surfacePositiveHover, surfaceSkeletonDeepGradient, surfaceSkeletonDeepGradientActive, surfaceSkeletonDeepGradientHover, surfaceSkeletonGradient, surfaceSkeletonGradientActive, surfaceSkeletonGradientHover, surfaceSolidCard, surfaceSolidCardActive, surfaceSolidCardBrightness, surfaceSolidCardHover, surfaceSolidDefault, surfaceSolidDefaultActive, surfaceSolidDefaultHover, surfaceSolidPrimary, surfaceSolidPrimaryActive, surfaceSolidPrimaryBrightness, surfaceSolidPrimaryHover, surfaceSolidSecondary, surfaceSolidSecondaryActive, surfaceSolidSecondaryHover, surfaceSolidTertiary, surfaceSolidTertiaryActive, surfaceSolidTertiaryHover, surfaceTransparentAccent, surfaceTransparentAccentActive, surfaceTransparentAccentHover, surfaceTransparentAccentMinor, surfaceTransparentAccentMinorActive, surfaceTransparentAccentMinorBrightness, surfaceTransparentAccentMinorHover, surfaceTransparentCard, surfaceTransparentCardActive, surfaceTransparentCardBrightness, surfaceTransparentCardHover, surfaceTransparentDeep, surfaceTransparentDeepActive, surfaceTransparentDeepHover, surfaceTransparentPrimary, surfaceTransparentPrimaryActive, surfaceTransparentPrimaryHover, surfaceTransparentSecondary, surfaceTransparentSecondaryActive, surfaceTransparentSecondaryHover, surfaceTransparentTertiary, surfaceTransparentTertiaryActive, surfaceTransparentTertiaryHover, surfaceWarning, surfaceWarningActive, surfaceWarningHover, textAccent, textAccentActive, textAccentGradientAi, textAccentGradientAiActive, textAccentGradientAiBrightness, textAccentGradientAiHover, textAccentHover, textAccentMinor, textAccentMinorActive, textAccentMinorHover, textInfo, textInfoActive, textInfoHover, textNegative, textNegativeActive, textNegativeHover, textParagraph, textParagraphActive, textParagraphHover, textPositive, textPositiveActive, textPositiveHover, textPrimary, textPrimaryActive, textPrimaryBrightness, textPrimaryHover, textSecondary, textSecondaryActive, textSecondaryHover, textTertiary, textTertiaryActive, textTertiaryHover, textWarning, textWarningActive, textWarningHover, viewContainer };
|
|
2965
|
+
export { backgroundPrimary, backgroundPrimaryBrightness, backgroundSecondaryActive, backgroundSecondaryBrightness, backgroundSecondaryHover, bodyL, bodyLBold, bodyLMedium, bodyS, bodySBold, bodySMedium, bodyXS, bodyXSBold, bodyXSMedium, bodyXXS, bodyXXSBold, bodyXXSMedium, borderRadius3xl, borderRadius4xl, borderRadius5xl, borderRadiusCircle, borderRadiusL, borderRadiusM, borderRadiusS, borderRadiusXl, borderRadiusXs, borderRadiusXxl, borderRadiusXxs, darkBackgroundPrimary, dataYellow, dataYellowActive, dataYellowHover, dataYellowMinor, dataYellowMinorActive, dataYellowMinorHover, dataYellowTransparent, dataYellowTransparentActive, dataYellowTransparentHover, dsplS, dsplSBold, dsplSMedium, h3, h3Bold, h3Medium, inverseBackgroundPrimary, inverseBackgroundPrimaryBrightness, inverseBackgroundSecondaryActive, inverseBackgroundSecondaryBrightness, inverseBackgroundSecondaryHover, inverseDataYellow, inverseDataYellowActive, inverseDataYellowHover, inverseDataYellowMinor, inverseDataYellowMinorActive, inverseDataYellowMinorHover, inverseDataYellowTransparent, inverseDataYellowTransparentActive, inverseDataYellowTransparentHover, inverseOutlineAccentGradient, inverseOutlineAccentGradientActive, inverseOutlineAccentGradientHover, inverseOutlineDefault, inverseOutlineDefaultActive, inverseOutlineDefaultBrightness, inverseOutlineDefaultHover, inverseOutlineNegative, inverseOutlineNegativeActive, inverseOutlineNegativeHover, inverseOutlineOutlineMinor, inverseOutlineOutlineMinorActive, inverseOutlineOutlineMinorBrightness, inverseOutlineOutlineMinorHover, inverseOutlinePositive, inverseOutlinePositiveActive, inverseOutlinePositiveHover, inverseOutlineTextInfo, inverseOutlineTextInfoActive, inverseOutlineTextInfoHover, inverseOutlineTransparentPrimary, inverseOutlineTransparentPrimaryActive, inverseOutlineTransparentPrimaryHover, inverseOutlineTransparentSurface, inverseOutlineTransparentSurfaceActive, inverseOutlineTransparentSurfaceBrightness, inverseOutlineTransparentSurfaceHover, inverseOutlineWarning, inverseOutlineWarningActive, inverseOutlineWarningHover, inverseOverlayGradient, inverseOverlayGradientActive, inverseOverlayGradientBrightness, inverseOverlayGradientHover, inverseOverlayHard, inverseOverlaySoft, inversePersonaBlueSurfaceAccentGradient, inversePersonaBlueSurfaceAccentGradientActive, inversePersonaBlueSurfaceAccentGradientBrightness, inversePersonaBlueSurfaceAccentGradientHover, inversePersonaBlueTextAccent, inversePersonaBlueTextAccentActive, inversePersonaBlueTextAccentBrightness, inversePersonaBlueTextAccentHover, inversePersonaGreenSurfaceAccentGradient, inversePersonaGreenSurfaceAccentGradientActive, inversePersonaGreenSurfaceAccentGradientBrightness, inversePersonaGreenSurfaceAccentGradientHover, inversePersonaGreenTextAccent, inversePersonaGreenTextAccentActive, inversePersonaGreenTextAccentBrightness, inversePersonaGreenTextAccentHover, inversePersonaIndigoSurfaceAccentGradient, inversePersonaIndigoSurfaceAccentGradientActive, inversePersonaIndigoSurfaceAccentGradientBrightness, inversePersonaIndigoSurfaceAccentGradientHover, inversePersonaIndigoTextAccent, inversePersonaIndigoTextAccentActive, inversePersonaIndigoTextAccentBrightness, inversePersonaIndigoTextAccentHover, inversePersonaOchreSurfaceAccentGradient, inversePersonaOchreSurfaceAccentGradientActive, inversePersonaOchreSurfaceAccentGradientBrightness, inversePersonaOchreSurfaceAccentGradientHover, inversePersonaOchreTextAccent, inversePersonaOchreTextAccentActive, inversePersonaOchreTextAccentBrightness, inversePersonaOchreTextAccentHover, inversePersonaOliveSurfaceAccentGradient, inversePersonaOliveSurfaceAccentGradientActive, inversePersonaOliveSurfaceAccentGradientBrightness, inversePersonaOliveSurfaceAccentGradientHover, inversePersonaOliveTextAccent, inversePersonaOliveTextAccentActive, inversePersonaOliveTextAccentBrightness, inversePersonaOliveTextAccentHover, inversePersonaPinkSurfaceAccentGradient, inversePersonaPinkSurfaceAccentGradientActive, inversePersonaPinkSurfaceAccentGradientBrightness, inversePersonaPinkSurfaceAccentGradientHover, inversePersonaPinkTextAccent, inversePersonaPinkTextAccentActive, inversePersonaPinkTextAccentBrightness, inversePersonaPinkTextAccentHover, inversePersonaSeaBlueSurfaceAccentGradient, inversePersonaSeaBlueSurfaceAccentGradientActive, inversePersonaSeaBlueSurfaceAccentGradientBrightness, inversePersonaSeaBlueSurfaceAccentGradientHover, inversePersonaSeaBlueTextAccent, inversePersonaSeaBlueTextAccentActive, inversePersonaSeaBlueTextAccentBrightness, inversePersonaSeaBlueTextAccentHover, inversePersonaVioletSurfaceAccentGradient, inversePersonaVioletSurfaceAccentGradientActive, inversePersonaVioletSurfaceAccentGradientBrightness, inversePersonaVioletSurfaceAccentGradientHover, inversePersonaVioletTextAccent, inversePersonaVioletTextAccentActive, inversePersonaVioletTextAccentBrightness, inversePersonaVioletTextAccentHover, inverseSurfaceAccent, inverseSurfaceAccentActive, inverseSurfaceAccentGradient, inverseSurfaceAccentGradientActive, inverseSurfaceAccentGradientBrightness, inverseSurfaceAccentGradientHover, inverseSurfaceAccentHover, inverseSurfaceAccentMinor, inverseSurfaceAccentMinorActive, inverseSurfaceAccentMinorHover, inverseSurfaceAccentSecondary, inverseSurfaceAccentSecondaryActive, inverseSurfaceAccentSecondaryBrightness, inverseSurfaceAccentSecondaryHover, inverseSurfaceInfo, inverseSurfaceInfoActive, inverseSurfaceInfoHover, inverseSurfaceNegative, inverseSurfaceNegativeActive, inverseSurfaceNegativeHover, inverseSurfacePositive, inverseSurfacePositiveActive, inverseSurfacePositiveHover, inverseSurfaceSkeletonDeepGradient, inverseSurfaceSkeletonDeepGradientActive, inverseSurfaceSkeletonDeepGradientHover, inverseSurfaceSkeletonGradient, inverseSurfaceSkeletonGradientActive, inverseSurfaceSkeletonGradientHover, inverseSurfaceSolidCard, inverseSurfaceSolidCardActive, inverseSurfaceSolidCardBrightness, inverseSurfaceSolidCardHover, inverseSurfaceSolidDefault, inverseSurfaceSolidDefaultActive, inverseSurfaceSolidDefaultHover, inverseSurfaceSolidPrimary, inverseSurfaceSolidPrimaryActive, inverseSurfaceSolidPrimaryBrightness, inverseSurfaceSolidPrimaryHover, inverseSurfaceSolidSecondary, inverseSurfaceSolidSecondaryActive, inverseSurfaceSolidSecondaryHover, inverseSurfaceSolidTertiary, inverseSurfaceSolidTertiaryActive, inverseSurfaceSolidTertiaryHover, inverseSurfaceTransparentAccent, inverseSurfaceTransparentAccentActive, inverseSurfaceTransparentAccentHover, inverseSurfaceTransparentAccentMinor, inverseSurfaceTransparentAccentMinorActive, inverseSurfaceTransparentAccentMinorBrightness, inverseSurfaceTransparentAccentMinorHover, inverseSurfaceTransparentCard, inverseSurfaceTransparentCardActive, inverseSurfaceTransparentCardBrightness, inverseSurfaceTransparentCardHover, inverseSurfaceTransparentDeep, inverseSurfaceTransparentDeepActive, inverseSurfaceTransparentDeepHover, inverseSurfaceTransparentPrimary, inverseSurfaceTransparentPrimaryActive, inverseSurfaceTransparentPrimaryHover, inverseSurfaceTransparentSecondary, inverseSurfaceTransparentSecondaryActive, inverseSurfaceTransparentSecondaryHover, inverseSurfaceTransparentTertiary, inverseSurfaceTransparentTertiaryActive, inverseSurfaceTransparentTertiaryHover, inverseSurfaceWarning, inverseSurfaceWarningActive, inverseSurfaceWarningHover, inverseTextAccent, inverseTextAccentActive, inverseTextAccentGradientAi, inverseTextAccentGradientAiActive, inverseTextAccentGradientAiBrightness, inverseTextAccentGradientAiHover, inverseTextAccentHover, inverseTextAccentMinor, inverseTextAccentMinorActive, inverseTextAccentMinorHover, inverseTextInfo, inverseTextInfoActive, inverseTextInfoHover, inverseTextNegative, inverseTextNegativeActive, inverseTextNegativeHover, inverseTextParagraph, inverseTextParagraphActive, inverseTextParagraphHover, inverseTextPositive, inverseTextPositiveActive, inverseTextPositiveHover, inverseTextPrimary, inverseTextPrimaryActive, inverseTextPrimaryBrightness, inverseTextPrimaryHover, inverseTextSecondary, inverseTextSecondaryActive, inverseTextSecondaryHover, inverseTextTertiary, inverseTextTertiaryActive, inverseTextTertiaryHover, inverseTextWarning, inverseTextWarningActive, inverseTextWarningHover, lightBackgroundPrimary, onDarkBackgroundPrimary, onDarkBackgroundPrimaryActive, onDarkBackgroundPrimaryBrightness, onDarkBackgroundPrimaryHover, onDarkBackgroundSecondary, onDarkBackgroundSecondaryActive, onDarkBackgroundSecondaryBrightness, onDarkBackgroundSecondaryHover, onDarkDataYellow, onDarkDataYellowActive, onDarkDataYellowHover, onDarkDataYellowMinor, onDarkDataYellowMinorActive, onDarkDataYellowMinorHover, onDarkDataYellowTransparent, onDarkDataYellowTransparentActive, onDarkDataYellowTransparentHover, onDarkOutlineAccentGradient, onDarkOutlineAccentGradientActive, onDarkOutlineAccentGradientHover, onDarkOutlineDefault, onDarkOutlineDefaultActive, onDarkOutlineDefaultBrightness, onDarkOutlineDefaultHover, onDarkOutlineMinor, onDarkOutlineMinorActive, onDarkOutlineMinorBrightness, onDarkOutlineMinorHover, onDarkOutlineNegative, onDarkOutlineNegativeActive, onDarkOutlineNegativeHover, onDarkOutlinePositive, onDarkOutlinePositiveActive, onDarkOutlinePositiveHover, onDarkOutlineTextInfo, onDarkOutlineTextInfoActive, onDarkOutlineTextInfoHover, onDarkOutlineTransparentPrimary, onDarkOutlineTransparentPrimaryActive, onDarkOutlineTransparentPrimaryHover, onDarkOutlineTransparentSurface, onDarkOutlineTransparentSurfaceActive, onDarkOutlineTransparentSurfaceBrightness, onDarkOutlineTransparentSurfaceHover, onDarkOutlineWarning, onDarkOutlineWarningActive, onDarkOutlineWarningHover, onDarkOverlayHard, onDarkOverlaySoft, onDarkPersonaBlueSurfaceAccentGradient, onDarkPersonaBlueSurfaceAccentGradientActive, onDarkPersonaBlueSurfaceAccentGradientBrightness, onDarkPersonaBlueSurfaceAccentGradientHover, onDarkPersonaBlueTextAccent, onDarkPersonaBlueTextAccentActive, onDarkPersonaBlueTextAccentBrightness, onDarkPersonaBlueTextAccentHover, onDarkPersonaGreenSurfaceAccentGradient, onDarkPersonaGreenSurfaceAccentGradientActive, onDarkPersonaGreenSurfaceAccentGradientBrightness, onDarkPersonaGreenSurfaceAccentGradientHover, onDarkPersonaGreenTextAccent, onDarkPersonaGreenTextAccentActive, onDarkPersonaGreenTextAccentBrightness, onDarkPersonaGreenTextAccentHover, onDarkPersonaIndigoSurfaceAccentGradient, onDarkPersonaIndigoSurfaceAccentGradientActive, onDarkPersonaIndigoSurfaceAccentGradientBrightness, onDarkPersonaIndigoSurfaceAccentGradientHover, onDarkPersonaIndigoTextAccent, onDarkPersonaIndigoTextAccentActive, onDarkPersonaIndigoTextAccentBrightness, onDarkPersonaIndigoTextAccentHover, onDarkPersonaOchreSurfaceAccentGradient, onDarkPersonaOchreSurfaceAccentGradientActive, onDarkPersonaOchreSurfaceAccentGradientBrightness, onDarkPersonaOchreSurfaceAccentGradientHover, onDarkPersonaOchreTextAccent, onDarkPersonaOchreTextAccentActive, onDarkPersonaOchreTextAccentBrightness, onDarkPersonaOchreTextAccentHover, onDarkPersonaOliveSurfaceAccentGradient, onDarkPersonaOliveSurfaceAccentGradientActive, onDarkPersonaOliveSurfaceAccentGradientBrightness, onDarkPersonaOliveSurfaceAccentGradientHover, onDarkPersonaOliveTextAccent, onDarkPersonaOliveTextAccentActive, onDarkPersonaOliveTextAccentBrightness, onDarkPersonaOliveTextAccentHover, onDarkPersonaPinkSurfaceAccentGradient, onDarkPersonaPinkSurfaceAccentGradientActive, onDarkPersonaPinkSurfaceAccentGradientBrightness, onDarkPersonaPinkSurfaceAccentGradientHover, onDarkPersonaPinkTextAccent, onDarkPersonaPinkTextAccentActive, onDarkPersonaPinkTextAccentBrightness, onDarkPersonaPinkTextAccentHover, onDarkPersonaSeaBlueSurfaceAccentGradient, onDarkPersonaSeaBlueSurfaceAccentGradientActive, onDarkPersonaSeaBlueSurfaceAccentGradientBrightness, onDarkPersonaSeaBlueSurfaceAccentGradientHover, onDarkPersonaSeaBlueTextAccent, onDarkPersonaSeaBlueTextAccentActive, onDarkPersonaSeaBlueTextAccentBrightness, onDarkPersonaSeaBlueTextAccentHover, onDarkPersonaVioletSurfaceAccentGradient, onDarkPersonaVioletSurfaceAccentGradientActive, onDarkPersonaVioletSurfaceAccentGradientBrightness, onDarkPersonaVioletSurfaceAccentGradientHover, onDarkPersonaVioletTextAccent, onDarkPersonaVioletTextAccentActive, onDarkPersonaVioletTextAccentBrightness, onDarkPersonaVioletTextAccentHover, onDarkSurfaceAccentGradient, onDarkSurfaceAccentGradientActive, onDarkSurfaceAccentGradientBrightness, onDarkSurfaceAccentGradientHover, onDarkSurfaceAccentMinor, onDarkSurfaceAccentMinorActive, onDarkSurfaceAccentMinorHover, onDarkSurfaceAccentPrimary, onDarkSurfaceAccentPrimaryActive, onDarkSurfaceAccentPrimaryBrightness, onDarkSurfaceAccentPrimaryHover, onDarkSurfaceAccentSecondary, onDarkSurfaceAccentSecondaryActive, onDarkSurfaceAccentSecondaryBrightness, onDarkSurfaceAccentSecondaryHover, onDarkSurfaceInfo, onDarkSurfaceInfoActive, onDarkSurfaceInfoHover, onDarkSurfaceNegative, onDarkSurfaceNegativeActive, onDarkSurfaceNegativeHover, onDarkSurfacePositive, onDarkSurfacePositiveActive, onDarkSurfacePositiveHover, onDarkSurfaceSkeletonDeepGradient, onDarkSurfaceSkeletonDeepGradientActive, onDarkSurfaceSkeletonDeepGradientHover, onDarkSurfaceSkeletonGradient, onDarkSurfaceSkeletonGradientActive, onDarkSurfaceSkeletonGradientHover, onDarkSurfaceSolidCard, onDarkSurfaceSolidCardActive, onDarkSurfaceSolidCardBrightness, onDarkSurfaceSolidCardHover, onDarkSurfaceSolidDefault, onDarkSurfaceSolidDefaultActive, onDarkSurfaceSolidDefaultHover, onDarkSurfaceSolidPrimary, onDarkSurfaceSolidPrimaryActive, onDarkSurfaceSolidPrimaryBrightness, onDarkSurfaceSolidPrimaryHover, onDarkSurfaceSolidSecondary, onDarkSurfaceSolidSecondaryActive, onDarkSurfaceSolidSecondaryHover, onDarkSurfaceSolidTertiary, onDarkSurfaceSolidTertiaryActive, onDarkSurfaceSolidTertiaryHover, onDarkSurfaceTransparentAccent, onDarkSurfaceTransparentAccentActive, onDarkSurfaceTransparentAccentHover, onDarkSurfaceTransparentAccentMinor, onDarkSurfaceTransparentAccentMinorActive, onDarkSurfaceTransparentAccentMinorBrightness, onDarkSurfaceTransparentAccentMinorHover, onDarkSurfaceTransparentCard, onDarkSurfaceTransparentCardActive, onDarkSurfaceTransparentCardBrightness, onDarkSurfaceTransparentCardHover, onDarkSurfaceTransparentDeep, onDarkSurfaceTransparentDeepActive, onDarkSurfaceTransparentDeepHover, onDarkSurfaceTransparentPrimary, onDarkSurfaceTransparentPrimaryActive, onDarkSurfaceTransparentPrimaryHover, onDarkSurfaceTransparentSecondary, onDarkSurfaceTransparentSecondaryActive, onDarkSurfaceTransparentSecondaryHover, onDarkSurfaceTransparentTertiary, onDarkSurfaceTransparentTertiaryActive, onDarkSurfaceTransparentTertiaryHover, onDarkSurfaceWarning, onDarkSurfaceWarningActive, onDarkSurfaceWarningHover, onDarkTextAccent, onDarkTextAccentActive, onDarkTextAccentGradientAi, onDarkTextAccentGradientAiActive, onDarkTextAccentGradientAiBrightness, onDarkTextAccentGradientAiHover, onDarkTextAccentHover, onDarkTextAccentMinor, onDarkTextAccentMinorActive, onDarkTextAccentMinorHover, onDarkTextInfo, onDarkTextNegative, onDarkTextNegativeActive, onDarkTextNegativeHover, onDarkTextParagraph, onDarkTextParagraphActive, onDarkTextParagraphHover, onDarkTextPositive, onDarkTextPositiveActive, onDarkTextPositiveHover, onDarkTextPrimary, onDarkTextPrimaryActive, onDarkTextPrimaryBrightness, onDarkTextPrimaryHover, onDarkTextSecondary, onDarkTextSecondaryActive, onDarkTextSecondaryHover, onDarkTextTertiary, onDarkTextTertiaryActive, onDarkTextTertiaryHover, onDarkTextWarning, onDarkTextWarningActive, onDarkTextWarningHover, onLightBackgroundPrimary, onLightBackgroundPrimaryActive, onLightBackgroundPrimaryBrightness, onLightBackgroundPrimaryHover, onLightBackgroundSecondary, onLightBackgroundSecondaryActive, onLightBackgroundSecondaryBrightness, onLightBackgroundSecondaryHover, onLightDataYellow, onLightDataYellowActive, onLightDataYellowHover, onLightDataYellowMinor, onLightDataYellowMinorActive, onLightDataYellowMinorHover, onLightDataYellowTransparent, onLightDataYellowTransparentActive, onLightDataYellowTransparentHover, onLightOutlineAccentGradient, onLightOutlineAccentGradientActive, onLightOutlineAccentGradientHover, onLightOutlineDefault, onLightOutlineDefaultActive, onLightOutlineDefaultBrightness, onLightOutlineDefaultHover, onLightOutlineMinor, onLightOutlineMinorActive, onLightOutlineMinorBrightness, onLightOutlineMinorHover, onLightOutlineNegative, onLightOutlineNegativeActive, onLightOutlineNegativeHover, onLightOutlinePositive, onLightOutlinePositiveActive, onLightOutlinePositiveHover, onLightOutlineTextInfo, onLightOutlineTextInfoActive, onLightOutlineTextInfoHover, onLightOutlineTransparentPrimary, onLightOutlineTransparentPrimaryActive, onLightOutlineTransparentPrimaryHover, onLightOutlineTransparentSurface, onLightOutlineTransparentSurfaceActive, onLightOutlineTransparentSurfaceBrightness, onLightOutlineTransparentSurfaceHover, onLightOutlineWarning, onLightOutlineWarningActive, onLightOutlineWarningHover, onLightOverlayGradient, onLightOverlayGradientActive, onLightOverlayGradientBrightness, onLightOverlayGradientHover, onLightOverlayHard, onLightOverlaySoft, onLightPersonaBlueSurfaceAccentGradient, onLightPersonaBlueSurfaceAccentGradientActive, onLightPersonaBlueSurfaceAccentGradientBrightness, onLightPersonaBlueSurfaceAccentGradientHover, onLightPersonaBlueTextAccent, onLightPersonaBlueTextAccentActive, onLightPersonaBlueTextAccentBrightness, onLightPersonaBlueTextAccentHover, onLightPersonaGreenSurfaceAccentGradient, onLightPersonaGreenSurfaceAccentGradientActive, onLightPersonaGreenSurfaceAccentGradientBrightness, onLightPersonaGreenSurfaceAccentGradientHover, onLightPersonaGreenTextAccent, onLightPersonaGreenTextAccentActive, onLightPersonaGreenTextAccentBrightness, onLightPersonaGreenTextAccentHover, onLightPersonaIndigoSurfaceAccentGradient, onLightPersonaIndigoSurfaceAccentGradientActive, onLightPersonaIndigoSurfaceAccentGradientBrightness, onLightPersonaIndigoSurfaceAccentGradientHover, onLightPersonaIndigoTextAccent, onLightPersonaIndigoTextAccentActive, onLightPersonaIndigoTextAccentBrightness, onLightPersonaIndigoTextAccentHover, onLightPersonaOchreSurfaceAccentGradient, onLightPersonaOchreSurfaceAccentGradientActive, onLightPersonaOchreSurfaceAccentGradientBrightness, onLightPersonaOchreSurfaceAccentGradientHover, onLightPersonaOchreTextAccent, onLightPersonaOchreTextAccentActive, onLightPersonaOchreTextAccentBrightness, onLightPersonaOchreTextAccentHover, onLightPersonaOliveSurfaceAccentGradient, onLightPersonaOliveSurfaceAccentGradientActive, onLightPersonaOliveSurfaceAccentGradientBrightness, onLightPersonaOliveSurfaceAccentGradientHover, onLightPersonaOliveTextAccent, onLightPersonaOliveTextAccentActive, onLightPersonaOliveTextAccentBrightness, onLightPersonaOliveTextAccentHover, onLightPersonaPinkSurfaceAccentGradient, onLightPersonaPinkSurfaceAccentGradientActive, onLightPersonaPinkSurfaceAccentGradientBrightness, onLightPersonaPinkSurfaceAccentGradientHover, onLightPersonaPinkTextAccent, onLightPersonaPinkTextAccentActive, onLightPersonaPinkTextAccentBrightness, onLightPersonaPinkTextAccentHover, onLightPersonaSeaBlueSurfaceAccentGradient, onLightPersonaSeaBlueSurfaceAccentGradientActive, onLightPersonaSeaBlueSurfaceAccentGradientBrightness, onLightPersonaSeaBlueSurfaceAccentGradientHover, onLightPersonaSeaBlueTextAccent, onLightPersonaSeaBlueTextAccentActive, onLightPersonaSeaBlueTextAccentBrightness, onLightPersonaSeaBlueTextAccentHover, onLightPersonaVioletSurfaceAccentGradient, onLightPersonaVioletSurfaceAccentGradientActive, onLightPersonaVioletSurfaceAccentGradientBrightness, onLightPersonaVioletSurfaceAccentGradientHover, onLightPersonaVioletTextAccent, onLightPersonaVioletTextAccentActive, onLightPersonaVioletTextAccentBrightness, onLightPersonaVioletTextAccentHover, onLightSurfaceAccentGradient, onLightSurfaceAccentGradientActive, onLightSurfaceAccentGradientBrightness, onLightSurfaceAccentGradientHover, onLightSurfaceAccentMinor, onLightSurfaceAccentMinorActive, onLightSurfaceAccentMinorHover, onLightSurfaceAccentPrimary, onLightSurfaceAccentPrimaryActive, onLightSurfaceAccentPrimaryBrightness, onLightSurfaceAccentPrimaryHover, onLightSurfaceAccentSecondary, onLightSurfaceAccentSecondaryActive, onLightSurfaceAccentSecondaryBrightness, onLightSurfaceAccentSecondaryHover, onLightSurfaceInfo, onLightSurfaceInfoActive, onLightSurfaceInfoHover, onLightSurfaceNegative, onLightSurfaceNegativeActive, onLightSurfaceNegativeHover, onLightSurfacePositive, onLightSurfacePositiveActive, onLightSurfacePositiveHover, onLightSurfaceSkeletonDeepGradient, onLightSurfaceSkeletonDeepGradientActive, onLightSurfaceSkeletonDeepGradientHover, onLightSurfaceSkeletonGradient, onLightSurfaceSkeletonGradientActive, onLightSurfaceSkeletonGradientHover, onLightSurfaceSolidCard, onLightSurfaceSolidCardActive, onLightSurfaceSolidCardBrightness, onLightSurfaceSolidCardHover, onLightSurfaceSolidDefault, onLightSurfaceSolidDefaultActive, onLightSurfaceSolidDefaultHover, onLightSurfaceSolidPrimary, onLightSurfaceSolidPrimaryActive, onLightSurfaceSolidPrimaryBrightness, onLightSurfaceSolidPrimaryHover, onLightSurfaceSolidSecondary, onLightSurfaceSolidSecondaryActive, onLightSurfaceSolidSecondaryHover, onLightSurfaceSolidTertiary, onLightSurfaceSolidTertiaryActive, onLightSurfaceSolidTertiaryHover, onLightSurfaceTransparentAccent, onLightSurfaceTransparentAccentActive, onLightSurfaceTransparentAccentHover, onLightSurfaceTransparentAccentMinor, onLightSurfaceTransparentAccentMinorActive, onLightSurfaceTransparentAccentMinorBrightness, onLightSurfaceTransparentAccentMinorHover, onLightSurfaceTransparentCard, onLightSurfaceTransparentCardActive, onLightSurfaceTransparentCardBrightness, onLightSurfaceTransparentCardHover, onLightSurfaceTransparentDeep, onLightSurfaceTransparentDeepActive, onLightSurfaceTransparentDeepHover, onLightSurfaceTransparentPrimary, onLightSurfaceTransparentPrimaryActive, onLightSurfaceTransparentPrimaryHover, onLightSurfaceTransparentSecondary, onLightSurfaceTransparentSecondaryActive, onLightSurfaceTransparentSecondaryHover, onLightSurfaceTransparentTertiary, onLightSurfaceTransparentTertiaryActive, onLightSurfaceTransparentTertiaryHover, onLightSurfaceWarning, onLightSurfaceWarningActive, onLightSurfaceWarningHover, onLightTextAccent, onLightTextAccentActive, onLightTextAccentGradientAi, onLightTextAccentGradientAiActive, onLightTextAccentGradientAiBrightness, onLightTextAccentGradientAiHover, onLightTextAccentHover, onLightTextAccentMinor, onLightTextAccentMinorActive, onLightTextAccentMinorHover, onLightTextInfo, onLightTextInfoActive, onLightTextInfoHover, onLightTextNegative, onLightTextNegativeActive, onLightTextNegativeHover, onLightTextParagraph, onLightTextParagraphActive, onLightTextParagraphHover, onLightTextPositive, onLightTextPositiveActive, onLightTextPositiveHover, onLightTextPrimary, onLightTextPrimaryActive, onLightTextPrimaryBrightness, onLightTextPrimaryHover, onLightTextSecondary, onLightTextSecondaryActive, onLightTextSecondaryHover, onLightTextTertiary, onLightTextTertiaryActive, onLightTextTertiaryHover, onLightTextWarning, onLightTextWarningActive, onLightTextWarningHover, outlineAccentGradient, outlineAccentGradientActive, outlineAccentGradientHover, outlineDefault, outlineDefaultActive, outlineDefaultBrightness, outlineDefaultHover, outlineMinor, outlineMinorActive, outlineMinorBrightness, outlineMinorHover, outlineNegative, outlineNegativeActive, outlineNegativeHover, outlinePositive, outlinePositiveActive, outlinePositiveHover, outlineTextInfo, outlineTextInfoActive, outlineTextInfoHover, outlineTransparentClear, outlineTransparentClearActive, outlineTransparentClearBrightness, outlineTransparentClearHover, outlineTransparentPrimary, outlineTransparentPrimaryActive, outlineTransparentPrimaryHover, outlineWarning, outlineWarningActive, outlineWarningHover, overlayHard, overlaySoft, personaBlueSurfaceAccentGradient, personaBlueSurfaceAccentGradientActive, personaBlueSurfaceAccentGradientBrightness, personaBlueSurfaceAccentGradientHover, personaBlueTextAccent, personaBlueTextAccentActive, personaBlueTextAccentBrightness, personaBlueTextAccentHover, personaGreenSurfaceAccentGradient, personaGreenSurfaceAccentGradientActive, personaGreenSurfaceAccentGradientBrightness, personaGreenSurfaceAccentGradientHover, personaGreenTextAccent, personaGreenTextAccentActive, personaGreenTextAccentBrightness, personaGreenTextAccentHover, personaIndigoSurfaceAccentGradient, personaIndigoSurfaceAccentGradientActive, personaIndigoSurfaceAccentGradientBrightness, personaIndigoSurfaceAccentGradientHover, personaIndigoTextAccent, personaIndigoTextAccentActive, personaIndigoTextAccentBrightness, personaIndigoTextAccentHover, personaOchreSurfaceAccentGradient, personaOchreSurfaceAccentGradientActive, personaOchreSurfaceAccentGradientBrightness, personaOchreSurfaceAccentGradientHover, personaOchreTextAccent, personaOchreTextAccentActive, personaOchreTextAccentBrightness, personaOchreTextAccentHover, personaOliveSurfaceAccentGradient, personaOliveSurfaceAccentGradientActive, personaOliveSurfaceAccentGradientBrightness, personaOliveSurfaceAccentGradientHover, personaOliveTextAccent, personaOliveTextAccentActive, personaOliveTextAccentBrightness, personaOliveTextAccentHover, personaPinkSurfaceAccentGradient, personaPinkSurfaceAccentGradientActive, personaPinkSurfaceAccentGradientBrightness, personaPinkSurfaceAccentGradientHover, personaPinkTextAccent, personaPinkTextAccentActive, personaPinkTextAccentBrightness, personaPinkTextAccentHover, personaSeaBlueSurfaceAccentGradient, personaSeaBlueSurfaceAccentGradientActive, personaSeaBlueSurfaceAccentGradientBrightness, personaSeaBlueSurfaceAccentGradientHover, personaSeaBlueTextAccent, personaSeaBlueTextAccentActive, personaSeaBlueTextAccentBrightness, personaSeaBlueTextAccentHover, personaVioletSurfaceAccentGradient, personaVioletSurfaceAccentGradientActive, personaVioletSurfaceAccentGradientBrightness, personaVioletSurfaceAccentGradientHover, personaVioletTextAccent, personaVioletTextAccentActive, personaVioletTextAccentBrightness, personaVioletTextAccentHover, shadowDownHardL, shadowDownHardM, shadowDownHardS, shadowDownSoftL, shadowDownSoftM, shadowDownSoftS, shadowUpHardL, shadowUpHardM, shadowUpHardS, shadowUpSoftL, shadowUpSoftM, shadowUpSoftS, spacing0x, spacing10x, spacing12x, spacing16x, spacing1x, spacing20x, spacing24x, spacing2x, spacing32x, spacing3x, spacing40x, spacing4x, spacing60x, spacing6x, spacing8x, surfaceAccentGradient, surfaceAccentGradientActive, surfaceAccentGradientBrightness, surfaceAccentGradientHover, surfaceAccentMinor, surfaceAccentMinorActive, surfaceAccentMinorHover, surfaceAccentPrimary, surfaceAccentPrimaryActive, surfaceAccentPrimaryBrightness, surfaceAccentPrimaryHover, surfaceAccentSecondary, surfaceAccentSecondaryActive, surfaceAccentSecondaryBrightness, surfaceAccentSecondaryHover, surfaceClear, surfaceClearActive, surfaceClearHover, surfaceInfo, surfaceInfoActive, surfaceInfoHover, surfaceNegative, surfaceNegativeActive, surfaceNegativeHover, surfacePositive, surfacePositiveActive, surfacePositiveHover, surfaceSkeletonDeepGradient, surfaceSkeletonDeepGradientActive, surfaceSkeletonDeepGradientHover, surfaceSkeletonGradient, surfaceSkeletonGradientActive, surfaceSkeletonGradientHover, surfaceSolidCard, surfaceSolidCardActive, surfaceSolidCardBrightness, surfaceSolidCardHover, surfaceSolidDefault, surfaceSolidDefaultActive, surfaceSolidDefaultHover, surfaceSolidPrimary, surfaceSolidPrimaryActive, surfaceSolidPrimaryBrightness, surfaceSolidPrimaryHover, surfaceSolidSecondary, surfaceSolidSecondaryActive, surfaceSolidSecondaryHover, surfaceSolidTertiary, surfaceSolidTertiaryActive, surfaceSolidTertiaryHover, surfaceTransparentAccent, surfaceTransparentAccentActive, surfaceTransparentAccentHover, surfaceTransparentAccentMinor, surfaceTransparentAccentMinorActive, surfaceTransparentAccentMinorBrightness, surfaceTransparentAccentMinorHover, surfaceTransparentCard, surfaceTransparentCardActive, surfaceTransparentCardBrightness, surfaceTransparentCardHover, surfaceTransparentDeep, surfaceTransparentDeepActive, surfaceTransparentDeepHover, surfaceTransparentPrimary, surfaceTransparentPrimaryActive, surfaceTransparentPrimaryHover, surfaceTransparentSecondary, surfaceTransparentSecondaryActive, surfaceTransparentSecondaryHover, surfaceTransparentTertiary, surfaceTransparentTertiaryActive, surfaceTransparentTertiaryHover, surfaceWarning, surfaceWarningActive, surfaceWarningHover, textAccent, textAccentActive, textAccentGradientAi, textAccentGradientAiActive, textAccentGradientAiBrightness, textAccentGradientAiHover, textAccentHover, textAccentMinor, textAccentMinorActive, textAccentMinorHover, textInfo, textInfoActive, textInfoHover, textNegative, textNegativeActive, textNegativeHover, textParagraph, textParagraphActive, textParagraphHover, textPositive, textPositiveActive, textPositiveHover, textPrimary, textPrimaryActive, textPrimaryBrightness, textPrimaryHover, textSecondary, textSecondaryActive, textSecondaryHover, textTertiary, textTertiaryActive, textTertiaryHover, textWarning, textWarningActive, textWarningHover, viewContainer };
|
|
2960
2966
|
//# sourceMappingURL=index.js.map
|