@salutejs/sdds-themes 0.47.0-dev.0 → 0.47.1-canary.2259.18864675636.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/sdds_cs.module.css +24 -24
- package/css/sdds_cs__dark.css +12 -12
- package/css/sdds_cs__light.css +12 -12
- package/css/sdds_finai.module.css +263 -47
- package/css/sdds_finai__dark.css +132 -24
- package/css/sdds_finai__light.css +131 -23
- package/es/themes/sdds_cs__dark.js +1 -1
- package/es/themes/sdds_cs__light.js +1 -1
- package/es/themes/sdds_finai__dark.js +1 -1
- package/es/themes/sdds_finai__dark.js.map +1 -1
- package/es/themes/sdds_finai__light.js +1 -1
- package/es/themes/sdds_finai__light.js.map +1 -1
- package/es/tokens/sdds_cs/index.js +18 -18
- package/es/tokens/sdds_cs/index.js.map +1 -1
- package/es/tokens/sdds_finai/index.js +258 -42
- package/es/tokens/sdds_finai/index.js.map +1 -1
- package/package.json +2 -2
- package/themes/sdds_cs__dark.js +1 -1
- package/themes/sdds_cs__light.js +1 -1
- package/themes/sdds_finai__dark.js +1 -1
- package/themes/sdds_finai__dark.js.map +1 -1
- package/themes/sdds_finai__light.js +1 -1
- package/themes/sdds_finai__light.js.map +1 -1
- package/tokens/sdds_cs/index.d.ts +16 -16
- package/tokens/sdds_cs/index.js +21 -21
- package/tokens/sdds_cs/index.js.map +1 -1
- package/tokens/sdds_finai/index.d.ts +256 -40
- package/tokens/sdds_finai/index.js +271 -53
- package/tokens/sdds_finai/index.js.map +1 -1
|
@@ -392,9 +392,9 @@ export var surfaceAccentHover = 'var(--surface-accent-hover, #1798EEFF)';
|
|
|
392
392
|
/** Акцентный фон поверхности/контрола */
|
|
393
393
|
export var surfaceAccentActive = 'var(--surface-accent-active, #1086D5FF)';
|
|
394
394
|
/** Акцентный минорный непрозрачный фон поверхности/контрола */
|
|
395
|
-
export var surfaceAccentMinorHover = 'var(--surface-accent-minor-hover, #
|
|
395
|
+
export var surfaceAccentMinorHover = 'var(--surface-accent-minor-hover, #09212FFF)';
|
|
396
396
|
/** Акцентный минорный непрозрачный фон поверхности/контрола */
|
|
397
|
-
export var surfaceAccentMinorActive = 'var(--surface-accent-minor-active, #
|
|
397
|
+
export var surfaceAccentMinorActive = 'var(--surface-accent-minor-active, #06151EFF)';
|
|
398
398
|
/** Прозрачный акцентный фон поверхности/контрола */
|
|
399
399
|
export var surfaceTransparentAccentHover = 'var(--surface-transparent-accent-hover, #118CDF52)';
|
|
400
400
|
/** Прозрачный акцентный фон поверхности/контрола */
|
|
@@ -469,8 +469,6 @@ export var surfaceTransparentPrimary = 'var(--surface-transparent-primary, #FFFF
|
|
|
469
469
|
export var surfaceClear = 'var(--surface-clear, #FFFFFF00)';
|
|
470
470
|
/** Акцентный фон поверхности/контрола */
|
|
471
471
|
export var surfaceAccent = 'var(--surface-accent, #118CDF)';
|
|
472
|
-
/** Акцентный минорный непрозрачный фон поверхности/контрола */
|
|
473
|
-
export var surfaceAccentMinor = 'var(--surface-accent-minor, #0C283B)';
|
|
474
472
|
/** Прозрачный акцентный фон поверхности/контрола */
|
|
475
473
|
export var surfaceTransparentAccent = 'var(--surface-transparent-accent, #118CDF33)';
|
|
476
474
|
/** Цвет фона поверхности/контрола успех */
|
|
@@ -505,6 +503,8 @@ export var surfaceTransparentSecondary = 'var(--surface-transparent-secondary, #
|
|
|
505
503
|
export var surfaceTransparentTertiary = 'var(--surface-transparent-tertiary, #D5DFE63D)';
|
|
506
504
|
/** Глубокий прозрачный фон поверхности/контрола */
|
|
507
505
|
export var surfaceTransparentDeep = 'var(--surface-transparent-deep, #D5DFE6BD)';
|
|
506
|
+
/** Акцентный минорный непрозрачный фон поверхности/контрола */
|
|
507
|
+
export var surfaceAccentMinor = 'var(--surface-accent-minor, #071A26FF)';
|
|
508
508
|
/** Основной непрозрачный фон поверхности/контрола на темном фоне */
|
|
509
509
|
export var onDarkSurfaceSolidPrimaryHover = 'var(--on-dark-surface-solid-primary-hover, #171D21FF)';
|
|
510
510
|
/** Основной непрозрачный фон поверхности/контрола на темном фоне */
|
|
@@ -554,11 +554,9 @@ export var onDarkSurfaceAccentHover = 'var(--on-dark-surface-accent-hover, #1798
|
|
|
554
554
|
/** Акцентный фон поверхности/контрола на темном фоне */
|
|
555
555
|
export var onDarkSurfaceAccentActive = 'var(--on-dark-surface-accent-active, #1086D5FF)';
|
|
556
556
|
/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
|
|
557
|
-
export var
|
|
558
|
-
/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
|
|
559
|
-
export var onDarkSurfaceAccentMinorHover = 'var(--on-dark-surface-accent-minor-hover, #10344CFF)';
|
|
557
|
+
export var onDarkSurfaceAccentMinorHover = 'var(--on-dark-surface-accent-minor-hover, #09212FFF)';
|
|
560
558
|
/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
|
|
561
|
-
export var onDarkSurfaceAccentMinorActive = 'var(--on-dark-surface-accent-minor-active, #
|
|
559
|
+
export var onDarkSurfaceAccentMinorActive = 'var(--on-dark-surface-accent-minor-active, #06151EFF)';
|
|
562
560
|
/** Прозрачный акцентный фон поверхности/контрола на темном фоне */
|
|
563
561
|
export var onDarkSurfaceTransparentAccent = 'var(--on-dark-surface-transparent-accent, #199AF047)';
|
|
564
562
|
/** Прозрачный акцентный фон поверхности/контрола на темном фоне */
|
|
@@ -667,6 +665,8 @@ export var onDarkSurfaceTransparentSecondary = 'var(--on-dark-surface-transparen
|
|
|
667
665
|
export var onDarkSurfaceTransparentTertiary = 'var(--on-dark-surface-transparent-tertiary, #D5DFE63D)';
|
|
668
666
|
/** Глубокий прозрачный фон поверхности/контрола на темном фоне */
|
|
669
667
|
export var onDarkSurfaceTransparentDeep = 'var(--on-dark-surface-transparent-deep, #D5DFE6BD)';
|
|
668
|
+
/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
|
|
669
|
+
export var onDarkSurfaceAccentMinor = 'var(--on-dark-surface-accent-minor, #071A26FF)';
|
|
670
670
|
/** Основной непрозрачный фон поверхности/контрола на светлом фоне */
|
|
671
671
|
export var onLightSurfaceSolidPrimaryHover = 'var(--on-light-surface-solid-primary-hover, #F8FAFBFF)';
|
|
672
672
|
/** Основной непрозрачный фон поверхности/контрола на светлом фоне */
|
|
@@ -718,9 +718,9 @@ export var onLightSurfaceAccentHover = 'var(--on-light-surface-accent-hover, #17
|
|
|
718
718
|
/** Акцентный фон поверхности/контрола на светлом фоне */
|
|
719
719
|
export var onLightSurfaceAccentActive = 'var(--on-light-surface-accent-active, #1086D5FF)';
|
|
720
720
|
/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
|
|
721
|
-
export var onLightSurfaceAccentMinorHover = 'var(--on-light-surface-accent-minor-hover, #
|
|
721
|
+
export var onLightSurfaceAccentMinorHover = 'var(--on-light-surface-accent-minor-hover, #F6FBFEFF)';
|
|
722
722
|
/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
|
|
723
|
-
export var onLightSurfaceAccentMinorActive = 'var(--on-light-surface-accent-minor-active, #
|
|
723
|
+
export var onLightSurfaceAccentMinorActive = 'var(--on-light-surface-accent-minor-active, #E5F2FBFF)';
|
|
724
724
|
/** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
|
|
725
725
|
export var onLightSurfaceTransparentAccentHover = 'var(--on-light-surface-transparent-accent-hover, #118CDF3D)';
|
|
726
726
|
/** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
|
|
@@ -793,8 +793,6 @@ export var onLightSurfaceTransparentCard = 'var(--on-light-surface-transparent-c
|
|
|
793
793
|
export var onLightSurfaceTransparentCardBrightness = 'var(--on-light-surface-transparent-card-brightness, #FFFFFFFF)';
|
|
794
794
|
/** Акцентный фон поверхности/контрола на светлом фоне */
|
|
795
795
|
export var onLightSurfaceAccent = 'var(--on-light-surface-accent, #118CDF)';
|
|
796
|
-
/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
|
|
797
|
-
export var onLightSurfaceAccentMinor = 'var(--on-light-surface-accent-minor, #CFECFF)';
|
|
798
796
|
/** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
|
|
799
797
|
export var onLightSurfaceTransparentAccent = 'var(--on-light-surface-transparent-accent, #118CDF1F)';
|
|
800
798
|
/** Цвет фона поверхности/контрола успех на светлом фоне */
|
|
@@ -829,6 +827,8 @@ export var onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transpar
|
|
|
829
827
|
export var onLightSurfaceTransparentTertiary = 'var(--on-light-surface-transparent-tertiary, #8A959D47)';
|
|
830
828
|
/** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
|
|
831
829
|
export var onLightSurfaceTransparentDeep = 'var(--on-light-surface-transparent-deep, #30373CC7)';
|
|
830
|
+
/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
|
|
831
|
+
export var onLightSurfaceAccentMinor = 'var(--on-light-surface-accent-minor, #ECF6FCFF)';
|
|
832
832
|
/** Инвертированный основной непрозрачный фон поверхности/контрола */
|
|
833
833
|
export var inverseSurfaceSolidPrimaryHover = 'var(--inverse-surface-solid-primary-hover, #F8FAFBFF)';
|
|
834
834
|
/** Инвертированный основной непрозрачный фон поверхности/контрола */
|
|
@@ -880,9 +880,9 @@ export var inverseSurfaceAccentHover = 'var(--inverse-surface-accent-hover, #179
|
|
|
880
880
|
/** Инвертированный акцентный фон поверхности/контрола */
|
|
881
881
|
export var inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, #1086D5FF)';
|
|
882
882
|
/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
|
|
883
|
-
export var inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover, #
|
|
883
|
+
export var inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover, #09212FFF)';
|
|
884
884
|
/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
|
|
885
|
-
export var inverseSurfaceAccentMinorActive = 'var(--inverse-surface-accent-minor-active, #
|
|
885
|
+
export var inverseSurfaceAccentMinorActive = 'var(--inverse-surface-accent-minor-active, #06151EFF)';
|
|
886
886
|
/** Прозрачный инвертированный акцентный фон поверхности/контрола */
|
|
887
887
|
export var inverseSurfaceTransparentAccentHover = 'var(--inverse-surface-transparent-accent-hover, #118CDF3D)';
|
|
888
888
|
/** Прозрачный инвертированный акцентный фон поверхности/контрола */
|
|
@@ -955,8 +955,6 @@ export var inverseSurfaceTransparentCard = 'var(--inverse-surface-transparent-ca
|
|
|
955
955
|
export var inverseSurfaceTransparentCardBrightness = 'var(--inverse-surface-transparent-card-brightness, #FFFFFFFF)';
|
|
956
956
|
/** Инвертированный акцентный фон поверхности/контрола */
|
|
957
957
|
export var inverseSurfaceAccent = 'var(--inverse-surface-accent, #118CDF)';
|
|
958
|
-
/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
|
|
959
|
-
export var inverseSurfaceAccentMinor = 'var(--inverse-surface-accent-minor, #CFECFF)';
|
|
960
958
|
/** Прозрачный инвертированный акцентный фон поверхности/контрола */
|
|
961
959
|
export var inverseSurfaceTransparentAccent = 'var(--inverse-surface-transparent-accent, #118CDF1F)';
|
|
962
960
|
/** Инвертированный цвет фона поверхности/контрола успех */
|
|
@@ -991,6 +989,8 @@ export var inverseSurfaceTransparentSecondary = 'var(--inverse-surface-transpare
|
|
|
991
989
|
export var inverseSurfaceTransparentTertiary = 'var(--inverse-surface-transparent-tertiary, #8A959D47)';
|
|
992
990
|
/** Инвертированный глубокий прозрачный фон поверхности/контрола */
|
|
993
991
|
export var inverseSurfaceTransparentDeep = 'var(--inverse-surface-transparent-deep, #30373CC7)';
|
|
992
|
+
/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
|
|
993
|
+
export var inverseSurfaceAccentMinor = 'var(--inverse-surface-accent-minor, #071A26FF)';
|
|
994
994
|
/** Основной фон */
|
|
995
995
|
export var backgroundPrimary = 'var(--background-primary, #060A0C)';
|
|
996
996
|
/** Основной фон */
|
|
@@ -1484,44 +1484,94 @@ export var inverseOutlineNegative = 'var(--inverse-outline-negative, #E31227)';
|
|
|
1484
1484
|
/** Инвертированный третичный непрозрачный цвет обводки */
|
|
1485
1485
|
export var inverseOutlineSolidTertiary = 'var(--inverse-outline-solid-tertiary, #657179)';
|
|
1486
1486
|
/** Желтый цвет для данных */
|
|
1487
|
-
export var dataYellow = 'var(--data-yellow, #F3A912)';
|
|
1488
|
-
/** Желтый цвет для данных */
|
|
1489
1487
|
export var dataYellowHover = 'var(--data-yellow-hover, #F4B22FFF)';
|
|
1490
1488
|
/** Желтый цвет для данных */
|
|
1491
1489
|
export var dataYellowActive = 'var(--data-yellow-active, #EDA20CFF)';
|
|
1492
1490
|
/** Минорный желтый цвет для данных */
|
|
1493
|
-
export var dataYellowMinor = 'var(--data-yellow-minor, #A16B00)';
|
|
1494
|
-
/** Минорный желтый цвет для данных */
|
|
1495
1491
|
export var dataYellowMinorHover = 'var(--data-yellow-minor-hover, #B87A00FF)';
|
|
1496
1492
|
/** Минорный желтый цвет для данных */
|
|
1497
1493
|
export var dataYellowMinorActive = 'var(--data-yellow-minor-active, #996600FF)';
|
|
1498
1494
|
/** Прозрачный желтый цвет для данных */
|
|
1499
|
-
export var dataYellowTransparent = 'var(--data-yellow-transparent, #F3A9128F)';
|
|
1500
|
-
/** Прозрачный желтый цвет для данных */
|
|
1501
1495
|
export var dataYellowTransparentHover = 'var(--data-yellow-transparent-hover, #F3A812AD)';
|
|
1502
1496
|
/** Прозрачный желтый цвет для данных */
|
|
1503
1497
|
export var dataYellowTransparentActive = 'var(--data-yellow-transparent-active, #F3A81280)';
|
|
1504
1498
|
/** Светлый желтый цвет для данных */
|
|
1505
|
-
export var dataYellowLight = 'var(--data-yellow-light, #332200)';
|
|
1506
|
-
/** Светлый желтый цвет для данных */
|
|
1507
1499
|
export var dataYellowLightHover = 'var(--data-yellow-light-hover, #FFF4E0FF)';
|
|
1508
1500
|
/** Светлый желтый цвет для данных */
|
|
1509
1501
|
export var dataYellowLightActive = 'var(--data-yellow-light-active, #FFF3DBFF)';
|
|
1510
1502
|
/** Светлый голубой цвет для данных */
|
|
1511
|
-
export var dataSkyBlueLight = 'var(--data-sky-blue-light, #0C283B)';
|
|
1512
|
-
/** Светлый голубой цвет для данных */
|
|
1513
1503
|
export var dataSkyBlueLightHover = 'var(--data-sky-blue-light-hover, #E0F8FFFF)';
|
|
1514
1504
|
/** Светлый голубой цвет для данных */
|
|
1515
1505
|
export var dataSkyBlueLightActive = 'var(--data-sky-blue-light-active, #DBF7FFFF)';
|
|
1516
|
-
/**
|
|
1517
|
-
export var
|
|
1506
|
+
/** dark data default dataGreen */
|
|
1507
|
+
export var dataGreen = 'var(--data-green, #1A9E32)';
|
|
1508
|
+
/** Светлый желтый цвет для данных */
|
|
1509
|
+
export var dataYellowLight = 'var(--data-yellow-light, #211807)';
|
|
1510
|
+
/** Светлый голубой цвет для данных */
|
|
1511
|
+
export var dataBlueLight = 'var(--data-blue-light, #0A1924)';
|
|
1512
|
+
/** dark data default dataOrchid */
|
|
1513
|
+
export var dataOrchid = 'var(--data-orchid, #AD42F5)';
|
|
1514
|
+
/** dark data default dataOrchidMinor */
|
|
1515
|
+
export var dataOrchidMinor = 'var(--data-orchid-minor, #722BA1)';
|
|
1516
|
+
/** Желтый цвет для данных */
|
|
1517
|
+
export var dataYellow = 'var(--data-yellow, #A16B00)';
|
|
1518
|
+
/** Минорный желтый цвет для данных */
|
|
1519
|
+
export var dataYellowMinor = 'var(--data-yellow-minor, #493203)';
|
|
1520
|
+
/** dark data default dataOrange */
|
|
1521
|
+
export var dataOrange = 'var(--data-orange, #FA5F05)';
|
|
1522
|
+
/** dark data default dataOrangeMinor */
|
|
1523
|
+
export var dataOrangeMinor = 'var(--data-orange-minor, #85380C)';
|
|
1524
|
+
/** dark data default dataOrangeLight */
|
|
1525
|
+
export var dataOrangeLight = 'var(--data-orange-light, #3D1D0A)';
|
|
1526
|
+
/** dark data default dataRed */
|
|
1527
|
+
export var dataRed = 'var(--data-red, #E31227)';
|
|
1528
|
+
/** dark data default dataRedMinor */
|
|
1529
|
+
export var dataRedMinor = 'var(--data-red-minor, #9C1422)';
|
|
1530
|
+
/** dark data default dataRedLight */
|
|
1531
|
+
export var dataRedLight = 'var(--data-red-light, #4A0D13)';
|
|
1532
|
+
/** dark data default dataArctic */
|
|
1533
|
+
export var dataArctic = 'var(--data-arctic, #197D61)';
|
|
1534
|
+
/** dark data default dataGreenMinor */
|
|
1535
|
+
export var dataGreenMinor = 'var(--data-green-minor, #0D8523)';
|
|
1536
|
+
/** dark data default dataGreenLight */
|
|
1537
|
+
export var dataGreenLight = 'var(--data-green-light, #0A4014)';
|
|
1538
|
+
/** dark data default dataSpring */
|
|
1539
|
+
export var dataSpring = 'var(--data-spring, #0D8523)';
|
|
1540
|
+
/** dark data default dataBlue */
|
|
1541
|
+
export var dataBlue = 'var(--data-blue, #118CDF)';
|
|
1542
|
+
/** dark data default dataBlueMild */
|
|
1543
|
+
export var dataBlueMild = 'var(--data-blue-mild, #0C72B6)';
|
|
1544
|
+
/** dark data default dataBlueMinor */
|
|
1545
|
+
export var dataBlueMinor = 'var(--data-blue-minor, #0D3B59)';
|
|
1546
|
+
/** dark data default dataMalachite */
|
|
1547
|
+
export var dataMalachite = 'var(--data-malachite, #007D80)';
|
|
1548
|
+
/** dark data default dataMalachiteMinor */
|
|
1549
|
+
export var dataMalachiteMinor = 'var(--data-malachite-minor, #0C585A)';
|
|
1550
|
+
/** dark data default dataElectricBlue */
|
|
1551
|
+
export var dataElectricBlue = 'var(--data-electric-blue, #1549AB)';
|
|
1552
|
+
/** dark data default dataFuchsia */
|
|
1553
|
+
export var dataFuchsia = 'var(--data-fuchsia, #8A2178)';
|
|
1554
|
+
/** dark data default dataPink */
|
|
1555
|
+
export var dataPink = 'var(--data-pink, #9B0D46)';
|
|
1556
|
+
/** dark data default dataGray */
|
|
1557
|
+
export var dataGray = 'var(--data-gray, #707C84)';
|
|
1558
|
+
/** dark data default dataGrayMinor */
|
|
1559
|
+
export var dataGrayMinor = 'var(--data-gray-minor, #30373C)';
|
|
1560
|
+
/** dark data default dataRedTransparent */
|
|
1561
|
+
export var dataRedTransparent = 'var(--data-red-transparent, #FF293E3D)';
|
|
1562
|
+
/** dark data default dataOrangeTransparent */
|
|
1563
|
+
export var dataOrangeTransparent = 'var(--data-orange-transparent, #FA5F053D)';
|
|
1564
|
+
/** Прозрачный желтый цвет для данных */
|
|
1565
|
+
export var dataYellowTransparent = 'var(--data-yellow-transparent, #F3A9128F)';
|
|
1566
|
+
/** dark data default dataGreenTransparent */
|
|
1567
|
+
export var dataGreenTransparent = 'var(--data-green-transparent, #1A9E323D)';
|
|
1568
|
+
/** dark data default dataBlueTransparent */
|
|
1569
|
+
export var dataBlueTransparent = 'var(--data-blue-transparent, #118CDF3D)';
|
|
1518
1570
|
/** Желтый цвет для данных на темном фоне */
|
|
1519
1571
|
export var onDarkDataYellowHover = 'var(--on-dark-data-yellow-hover, #F4B22FFF)';
|
|
1520
1572
|
/** Желтый цвет для данных на темном фоне */
|
|
1521
1573
|
export var onDarkDataYellowActive = 'var(--on-dark-data-yellow-active, #EDA20CFF)';
|
|
1522
1574
|
/** Минорный желтый цвет для данных на темном фоне */
|
|
1523
|
-
export var onDarkDataYellowMinor = 'var(--on-dark-data-yellow-minor, #A16B00)';
|
|
1524
|
-
/** Минорный желтый цвет для данных на темном фоне */
|
|
1525
1575
|
export var onDarkDataYellowMinorHover = 'var(--on-dark-data-yellow-minor-hover, #B87A00FF)';
|
|
1526
1576
|
/** Минорный желтый цвет для данных на темном фоне */
|
|
1527
1577
|
export var onDarkDataYellowMinorActive = 'var(--on-dark-data-yellow-minor-active, #996600FF)';
|
|
@@ -1532,17 +1582,75 @@ export var onDarkDataYellowTransparentHover = 'var(--on-dark-data-yellow-transpa
|
|
|
1532
1582
|
/** Прозрачный желтый цвет для данных на темном фоне */
|
|
1533
1583
|
export var onDarkDataYellowTransparentActive = 'var(--on-dark-data-yellow-transparent-active, #F3A81280)';
|
|
1534
1584
|
/** Светлый желтый цвет для данных на темном фоне */
|
|
1535
|
-
export var onDarkDataYellowLight = 'var(--on-dark-data-yellow-light, #332200)';
|
|
1536
|
-
/** Светлый желтый цвет для данных на темном фоне */
|
|
1537
1585
|
export var onDarkDataYellowLightHover = 'var(--on-dark-data-yellow-light-hover, #FFF4E0FF)';
|
|
1538
1586
|
/** Светлый желтый цвет для данных на темном фоне */
|
|
1539
1587
|
export var onDarkDataYellowLightActive = 'var(--on-dark-data-yellow-light-active, #FFF3DBFF)';
|
|
1540
|
-
/** Светлый голубой цвет для данных на темном фоне */
|
|
1541
|
-
export var onDarkDataSkyBlueLight = 'var(--on-dark-data-sky-blue-light, #0C283B)';
|
|
1542
1588
|
/** Cветлый голубой цвет для данных на темном фоне */
|
|
1543
1589
|
export var onDarkDataSkyBlueLightHover = 'var(--on-dark-data-sky-blue-light-hover, #E0F8FFFF)';
|
|
1544
1590
|
/** Cветлый голубой цвет для данных на темном фоне */
|
|
1545
1591
|
export var onDarkDataSkyBlueLightActive = 'var(--on-dark-data-sky-blue-light-active, #DBF7FFFF)';
|
|
1592
|
+
/** dark data onDark dataBlueMinor */
|
|
1593
|
+
export var onDarkDataBlueMinor = 'var(--on-dark-data-blue-minor, #0D3B59)';
|
|
1594
|
+
/** dark data onDark dataOrchidMinor */
|
|
1595
|
+
export var onDarkDataOrchidMinor = 'var(--on-dark-data-orchid-minor, #722BA1)';
|
|
1596
|
+
/** dark data onDark dataRedMinor */
|
|
1597
|
+
export var onDarkDataRedMinor = 'var(--on-dark-data-red-minor, #9C1422)';
|
|
1598
|
+
/** dark data onDark dataRedLight */
|
|
1599
|
+
export var onDarkDataRedLight = 'var(--on-dark-data-red-light, #4A0D13)';
|
|
1600
|
+
/** dark data onDark dataGreen */
|
|
1601
|
+
export var onDarkDataGreen = 'var(--on-dark-data-green, #1A9E32)';
|
|
1602
|
+
/** dark data onDark dataGreenMinor */
|
|
1603
|
+
export var onDarkDataGreenMinor = 'var(--on-dark-data-green-minor, #0D8523)';
|
|
1604
|
+
/** dark data onDark dataGreenLight */
|
|
1605
|
+
export var onDarkDataGreenLight = 'var(--on-dark-data-green-light, #0A4014)';
|
|
1606
|
+
/** dark data onDark dataSpring */
|
|
1607
|
+
export var onDarkDataSpring = 'var(--on-dark-data-spring, #567D0C)';
|
|
1608
|
+
/** dark data onDark dataBlue */
|
|
1609
|
+
export var onDarkDataBlue = 'var(--on-dark-data-blue, #118CDF)';
|
|
1610
|
+
/** dark data onDark dataBlueMild */
|
|
1611
|
+
export var onDarkDataBlueMild = 'var(--on-dark-data-blue-mild, #0C72B6)';
|
|
1612
|
+
/** dark data onDark dataMalachite */
|
|
1613
|
+
export var onDarkDataMalachite = 'var(--on-dark-data-malachite, #007D80)';
|
|
1614
|
+
/** dark data onDark dataMalachiteMinor */
|
|
1615
|
+
export var onDarkDataMalachiteMinor = 'var(--on-dark-data-malachite-minor, #0C585A)';
|
|
1616
|
+
/** dark data onDark dataElectricBlue */
|
|
1617
|
+
export var onDarkDataElectricBlue = 'var(--on-dark-data-electric-blue, #1549AB)';
|
|
1618
|
+
/** dark data onDark dataFuchsia */
|
|
1619
|
+
export var onDarkDataFuchsia = 'var(--on-dark-data-fuchsia, #8A2178)';
|
|
1620
|
+
/** dark data onDark dataPink */
|
|
1621
|
+
export var onDarkDataPink = 'var(--on-dark-data-pink, #9B0D46)';
|
|
1622
|
+
/** dark data onDark dataGray */
|
|
1623
|
+
export var onDarkDataGray = 'var(--on-dark-data-gray, #707C84)';
|
|
1624
|
+
/** dark data onDark dataGrayMinor */
|
|
1625
|
+
export var onDarkDataGrayMinor = 'var(--on-dark-data-gray-minor, #30373C)';
|
|
1626
|
+
/** Светлый желтый цвет для данных на темном фоне */
|
|
1627
|
+
export var onDarkDataYellowLight = 'var(--on-dark-data-yellow-light, #211807)';
|
|
1628
|
+
/** Светлый голубой цвет для данных на темном фоне */
|
|
1629
|
+
export var onDarkDataBlueLight = 'var(--on-dark-data-blue-light, #0A1924)';
|
|
1630
|
+
/** dark data onDark dataOrchid */
|
|
1631
|
+
export var onDarkDataOrchid = 'var(--on-dark-data-orchid, #AD42F5)';
|
|
1632
|
+
/** Желтый цвет для данных на темном фоне */
|
|
1633
|
+
export var onDarkDataYellow = 'var(--on-dark-data-yellow, #A16B00)';
|
|
1634
|
+
/** Минорный желтый цвет для данных на темном фоне */
|
|
1635
|
+
export var onDarkDataYellowMinor = 'var(--on-dark-data-yellow-minor, #493203)';
|
|
1636
|
+
/** dark data onDark dataOrange */
|
|
1637
|
+
export var onDarkDataOrange = 'var(--on-dark-data-orange, #FA5F05)';
|
|
1638
|
+
/** dark data onDark dataOrangeMinor */
|
|
1639
|
+
export var onDarkDataOrangeMinor = 'var(--on-dark-data-orange-minor, #85380C)';
|
|
1640
|
+
/** dark data onDark dataOrangeLight */
|
|
1641
|
+
export var onDarkDataOrangeLight = 'var(--on-dark-data-orange-light, #3D1D0A)';
|
|
1642
|
+
/** dark data onDark dataRed */
|
|
1643
|
+
export var onDarkDataRed = 'var(--on-dark-data-red, #E31227)';
|
|
1644
|
+
/** dark data onDark dataArctic */
|
|
1645
|
+
export var onDarkDataArctic = 'var(--on-dark-data-arctic, #197D61)';
|
|
1646
|
+
/** dark data onDark dataRedTransparent */
|
|
1647
|
+
export var onDarkDataRedTransparent = 'var(--on-dark-data-red-transparent, #FF293E3D)';
|
|
1648
|
+
/** dark data onDark dataOrangeTransparent */
|
|
1649
|
+
export var onDarkDataOrangeTransparent = 'var(--on-dark-data-orange-transparent, #FA5F053D)';
|
|
1650
|
+
/** dark data onDark dataGreenTransparent */
|
|
1651
|
+
export var onDarkDataGreenTransparent = 'var(--on-dark-data-green-transparent, #1A9E323D)';
|
|
1652
|
+
/** dark data onDark dataBlueTransparent */
|
|
1653
|
+
export var onDarkDataBlueTransparent = 'var(--on-dark-data-blue-transparent, #118CDF3D)';
|
|
1546
1654
|
/** Желтый цвет для данных на светлом фоне */
|
|
1547
1655
|
export var onLightDataYellow = 'var(--on-light-data-yellow, #F3A912)';
|
|
1548
1656
|
/** Желтый цвет для данных на светлом фоне */
|
|
@@ -1562,17 +1670,71 @@ export var onLightDataYellowTransparentHover = 'var(--on-light-data-yellow-trans
|
|
|
1562
1670
|
/** Прозрачный желтый цвет для данных на светлом фоне */
|
|
1563
1671
|
export var onLightDataYellowTransparentActive = 'var(--on-light-data-yellow-transparent-active, #F3A81280)';
|
|
1564
1672
|
/** Светлый желтый цвет для данных на светлом фоне */
|
|
1565
|
-
export var onLightDataYellowLight = 'var(--on-light-data-yellow-light, #FFF6E5)';
|
|
1566
|
-
/** Светлый желтый цвет для данных на светлом фоне */
|
|
1567
1673
|
export var onLightDataYellowLightHover = 'var(--on-light-data-yellow-light-hover, #FFF4E0FF)';
|
|
1568
1674
|
/** Светлый желтый цвет для данных на светлом фоне */
|
|
1569
1675
|
export var onLightDataYellowLightActive = 'var(--on-light-data-yellow-light-active, #FFF3DBFF)';
|
|
1570
1676
|
/** Светлый голубой цвет для данных на светлом фоне */
|
|
1571
|
-
export var onLightDataSkyBlueLight = 'var(--on-light-data-sky-blue-light, #E8FAFF)';
|
|
1572
|
-
/** Светлый голубой цвет для данных на светлом фоне */
|
|
1573
1677
|
export var onLightDataSkyBlueLightHover = 'var(--on-light-data-sky-blue-light-hover, #E0F8FFFF)';
|
|
1574
1678
|
/** Светлый голубой цвет для данных на светлом фоне */
|
|
1575
1679
|
export var onLightDataSkyBlueLightActive = 'var(--on-light-data-sky-blue-light-active, #DBF7FFFF)';
|
|
1680
|
+
/** Светлый голубой цвет для данных на светлом фоне */
|
|
1681
|
+
export var onLightDataBlueLight = 'var(--on-light-data-blue-light, #EDF8FF)';
|
|
1682
|
+
/** dark data onLight dataBlueMinor */
|
|
1683
|
+
export var onLightDataBlueMinor = 'var(--on-light-data-blue-minor, #CFECFF)';
|
|
1684
|
+
/** dark data onLight dataOrchid */
|
|
1685
|
+
export var onLightDataOrchid = 'var(--on-light-data-orchid, #C46BFF)';
|
|
1686
|
+
/** dark data onLight dataOrchidMinor */
|
|
1687
|
+
export var onLightDataOrchidMinor = 'var(--on-light-data-orchid-minor, #DEB7F7)';
|
|
1688
|
+
/** dark data onLight dataArctic */
|
|
1689
|
+
export var onLightDataArctic = 'var(--on-light-data-arctic, #14CC98)';
|
|
1690
|
+
/** dark data onLight dataGreen */
|
|
1691
|
+
export var onLightDataGreen = 'var(--on-light-data-green, #1A9E32)';
|
|
1692
|
+
/** dark data onLight dataGreenMinor */
|
|
1693
|
+
export var onLightDataGreenMinor = 'var(--on-light-data-green-minor, #28D247)';
|
|
1694
|
+
/** dark data onLight dataSpring */
|
|
1695
|
+
export var onLightDataSpring = 'var(--on-light-data-spring, #93E006)';
|
|
1696
|
+
/** dark data onLight dataOrange */
|
|
1697
|
+
export var onLightDataOrange = 'var(--on-light-data-orange, #FA5F05)';
|
|
1698
|
+
/** dark data onLight dataOrangeMinor */
|
|
1699
|
+
export var onLightDataOrangeMinor = 'var(--on-light-data-orange-minor, #FD9C68)';
|
|
1700
|
+
/** dark data onLight dataOrangeLight */
|
|
1701
|
+
export var onLightDataOrangeLight = 'var(--on-light-data-orange-light, #FEE2D2)';
|
|
1702
|
+
/** dark data onLight dataRed */
|
|
1703
|
+
export var onLightDataRed = 'var(--on-light-data-red, #FF293E)';
|
|
1704
|
+
/** dark data onLight dataRedMinor */
|
|
1705
|
+
export var onLightDataRedMinor = 'var(--on-light-data-red-minor, #FF8F9A)';
|
|
1706
|
+
/** dark data onLight dataRedLight */
|
|
1707
|
+
export var onLightDataRedLight = 'var(--on-light-data-red-light, #FFE0E3)';
|
|
1708
|
+
/** dark data onLight dataBlue */
|
|
1709
|
+
export var onLightDataBlue = 'var(--on-light-data-blue, #118CDF)';
|
|
1710
|
+
/** dark data onLight dataBlueMild */
|
|
1711
|
+
export var onLightDataBlueMild = 'var(--on-light-data-blue-mild, #52BAFF)';
|
|
1712
|
+
/** dark data onLight dataMalachite */
|
|
1713
|
+
export var onLightDataMalachite = 'var(--on-light-data-malachite, #04C6C9)';
|
|
1714
|
+
/** dark data onLight dataMalachiteMinor */
|
|
1715
|
+
export var onLightDataMalachiteMinor = 'var(--on-light-data-malachite-minor, #00DDE0)';
|
|
1716
|
+
/** dark data onLight dataElectricBlue */
|
|
1717
|
+
export var onLightDataElectricBlue = 'var(--on-light-data-electric-blue, #52BAFF)';
|
|
1718
|
+
/** dark data onLight dataFuchsia */
|
|
1719
|
+
export var onLightDataFuchsia = 'var(--on-light-data-fuchsia, #F391E2)';
|
|
1720
|
+
/** dark data onLight dataPink */
|
|
1721
|
+
export var onLightDataPink = 'var(--on-light-data-pink, #FF8FBC)';
|
|
1722
|
+
/** dark data onLight dataGray */
|
|
1723
|
+
export var onLightDataGray = 'var(--on-light-data-gray, #8A959D)';
|
|
1724
|
+
/** dark data onLight dataGrayMinor */
|
|
1725
|
+
export var onLightDataGrayMinor = 'var(--on-light-data-gray-minor, #D5DFE6)';
|
|
1726
|
+
/** dark data onLight dataRedTransparent */
|
|
1727
|
+
export var onLightDataRedTransparent = 'var(--on-light-data-red-transparent, #FF293E33)';
|
|
1728
|
+
/** dark data onLight dataBlueTransparent */
|
|
1729
|
+
export var onLightDataBlueTransparent = 'var(--on-light-data-blue-transparent, #118CDF33)';
|
|
1730
|
+
/** dark data onLight dataGreenTransparent */
|
|
1731
|
+
export var onLightDataGreenTransparent = 'var(--on-light-data-green-transparent, #1A9E3233)';
|
|
1732
|
+
/** dark data onLight dataOrangeTransparent */
|
|
1733
|
+
export var onLightDataOrangeTransparent = 'var(--on-light-data-orange-transparent, #FA5F0533)';
|
|
1734
|
+
/** Светлый желтый цвет для данных на светлом фоне */
|
|
1735
|
+
export var onLightDataYellowLight = 'var(--on-light-data-yellow-light, #FFF6E5)';
|
|
1736
|
+
/** dark data onLight dataGreenLight */
|
|
1737
|
+
export var onLightDataGreenLight = 'var(--on-light-data-green-light, #9EFAAF)';
|
|
1576
1738
|
/** Инвертированный желтый цвет для данных */
|
|
1577
1739
|
export var inverseDataYellow = 'var(--inverse-data-yellow, #F3A912)';
|
|
1578
1740
|
/** Инвертированный желтый цвет для данных */
|
|
@@ -1586,8 +1748,6 @@ export var inverseDataYellowMinorHover = 'var(--inverse-data-yellow-minor-hover,
|
|
|
1586
1748
|
/** Инвертированный минорный желтый цвет для данных */
|
|
1587
1749
|
export var inverseDataYellowMinorActive = 'var(--inverse-data-yellow-minor-active, #FFCF70FF)';
|
|
1588
1750
|
/** Инвертированный прозрачный желтый цвет для данных */
|
|
1589
|
-
export var inverseDataYellowTransparent = 'var(--inverse-data-yellow-transparent, #F3A9128F)';
|
|
1590
|
-
/** Инвертированный прозрачный желтый цвет для данных */
|
|
1591
1751
|
export var inverseDataYellowTransparentHover = 'var(--inverse-data-yellow-transparent-hover, #F3A812AD)';
|
|
1592
1752
|
/** Инвертированный прозрачный желтый цвет для данных */
|
|
1593
1753
|
export var inverseDataYellowTransparentActive = 'var(--inverse-data-yellow-transparent-active, #F3A81280)';
|
|
@@ -1603,6 +1763,62 @@ export var inverseDataSkyBlueLight = 'var(--inverse-data-sky-blue-light, #E8FAFF
|
|
|
1603
1763
|
export var inverseDataSkyBlueLightHover = 'var(--inverse-data-sky-blue-light-hover, #E0F8FFFF)';
|
|
1604
1764
|
/** Инвертированный светлый голубой цвет для данных */
|
|
1605
1765
|
export var inverseDataSkyBlueLightActive = 'var(--inverse-data-sky-blue-light-active, #DBF7FFFF)';
|
|
1766
|
+
/** dark data inverse dataBlueMinor */
|
|
1767
|
+
export var inverseDataBlueMinor = 'var(--inverse-data-blue-minor, #0D3B59)';
|
|
1768
|
+
/** dark data inverse dataOrchid */
|
|
1769
|
+
export var inverseDataOrchid = 'var(--inverse-data-orchid, #AD42F5)';
|
|
1770
|
+
/** dark data inverse dataOrchidMinor */
|
|
1771
|
+
export var inverseDataOrchidMinor = 'var(--inverse-data-orchid-minor, #722BA1)';
|
|
1772
|
+
/** dark data inverse dataOrange */
|
|
1773
|
+
export var inverseDataOrange = 'var(--inverse-data-orange, #FA5F05)';
|
|
1774
|
+
/** dark data inverse dataOrangeMinor */
|
|
1775
|
+
export var inverseDataOrangeMinor = 'var(--inverse-data-orange-minor, #85380C)';
|
|
1776
|
+
/** dark data inverse dataOrangeLight */
|
|
1777
|
+
export var inverseDataOrangeLight = 'var(--inverse-data-orange-light, #3D1D0A)';
|
|
1778
|
+
/** dark data inverse dataRed */
|
|
1779
|
+
export var inverseDataRed = 'var(--inverse-data-red, #E31227)';
|
|
1780
|
+
/** dark data inverse dataRedMinor */
|
|
1781
|
+
export var inverseDataRedMinor = 'var(--inverse-data-red-minor, #9C1422)';
|
|
1782
|
+
/** dark data inverse dataRedLight */
|
|
1783
|
+
export var inverseDataRedLight = 'var(--inverse-data-red-light, #4A0D13)';
|
|
1784
|
+
/** dark data inverse dataArctic */
|
|
1785
|
+
export var inverseDataArctic = 'var(--inverse-data-arctic, #197D61)';
|
|
1786
|
+
/** dark data inverse dataGreen */
|
|
1787
|
+
export var inverseDataGreen = 'var(--inverse-data-green, #1A9E32)';
|
|
1788
|
+
/** dark data inverse dataGreenMinor */
|
|
1789
|
+
export var inverseDataGreenMinor = 'var(--inverse-data-green-minor, #0D8523)';
|
|
1790
|
+
/** dark data inverse dataGreenLight */
|
|
1791
|
+
export var inverseDataGreenLight = 'var(--inverse-data-green-light, #0A4014)';
|
|
1792
|
+
/** dark data inverse dataSpring */
|
|
1793
|
+
export var inverseDataSpring = 'var(--inverse-data-spring, #567D0C)';
|
|
1794
|
+
/** dark data inverse dataBlue */
|
|
1795
|
+
export var inverseDataBlue = 'var(--inverse-data-blue, #118CDF)';
|
|
1796
|
+
/** dark data inverse dataBlueMild */
|
|
1797
|
+
export var inverseDataBlueMild = 'var(--inverse-data-blue-mild, #0C72B6)';
|
|
1798
|
+
/** dark data inverse dataMalachite */
|
|
1799
|
+
export var inverseDataMalachite = 'var(--inverse-data-malachite, #007D80)';
|
|
1800
|
+
/** dark data inverse dataMalachiteMinor */
|
|
1801
|
+
export var inverseDataMalachiteMinor = 'var(--inverse-data-malachite-minor, #0C585A)';
|
|
1802
|
+
/** dark data inverse dataElectricBlue */
|
|
1803
|
+
export var inverseDataElectricBlue = 'var(--inverse-data-electric-blue, #1549AB)';
|
|
1804
|
+
/** dark data inverse dataFuchsia */
|
|
1805
|
+
export var inverseDataFuchsia = 'var(--inverse-data-fuchsia, #8A2178)';
|
|
1806
|
+
/** dark data inverse dataPink */
|
|
1807
|
+
export var inverseDataPink = 'var(--inverse-data-pink, #9B0D46)';
|
|
1808
|
+
/** dark data inverse dataGray */
|
|
1809
|
+
export var inverseDataGray = 'var(--inverse-data-gray, #707C84)';
|
|
1810
|
+
/** dark data inverse dataGrayMinor */
|
|
1811
|
+
export var inverseDataGrayMinor = 'var(--inverse-data-gray-minor, #30373C)';
|
|
1812
|
+
/** dark data inverse dataOrangeTransparent */
|
|
1813
|
+
export var inverseDataOrangeTransparent = 'var(--inverse-data-orange-transparent, #FA5F0533)';
|
|
1814
|
+
/** dark data inverse dataGreenTransparent */
|
|
1815
|
+
export var inverseDataGreenTransparent = 'var(--inverse-data-green-transparent, #1A9E3233)';
|
|
1816
|
+
/** dark data inverse dataBlueTransparent */
|
|
1817
|
+
export var inverseDataBlueTransparent = 'var(--inverse-data-blue-transparent, #118CDF33)';
|
|
1818
|
+
/** dark data inverse dataRedTransparent */
|
|
1819
|
+
export var inverseDataRedTransparent = 'var(--inverse-data-red-transparent, #FF293E33)';
|
|
1820
|
+
/** Инвертированный прозрачный желтый цвет для данных */
|
|
1821
|
+
export var inverseDataYellowTransparent = 'var(--inverse-data-yellow-transparent, #F3A9128F)';
|
|
1606
1822
|
/** Фон для скелетона */
|
|
1607
1823
|
export var surfaceSkeletonGradient = 'var(--surface-skeleton-gradient, linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%))';
|
|
1608
1824
|
/** Фон для скелетона */
|
|
@@ -2179,7 +2395,7 @@ export var textXSMedium = {
|
|
|
2179
2395
|
lineHeight: 'var(--plasma-typo-text-xs-medium-line-height)',
|
|
2180
2396
|
};
|
|
2181
2397
|
export var viewContainer = {
|
|
2182
|
-
dark: "\n --text-primary-hover: var(--on-dark-text-primary-hover);\n --text-primary-active: var(--on-dark-text-primary-active);\n --text-secondary-hover: var(--on-dark-text-secondary-hover);\n --text-secondary-active: var(--on-dark-text-secondary-active);\n --text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --text-tertiary-active: var(--on-dark-text-tertiary-active);\n --text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n --text-paragraph-active: var(--on-dark-text-paragraph-active);\n --text-accent-hover: var(--on-dark-text-accent-hover);\n --text-accent-active: var(--on-dark-text-accent-active);\n --text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n --text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n --text-positive-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-negative-hover: var(--on-dark-text-negative-hover);\n --text-negative-active: var(--on-dark-text-negative-active);\n --text-info-hover: var(--on-dark-text-info-hover);\n --text-info-active: var(--on-dark-text-info-active);\n --text-positive-minor-hover: var(--on-dark-text-positive-minor-hover);\n --text-positive-minor-active: var(--on-dark-text-positive-minor-active);\n --text-warning-minor-hover: var(--on-dark-text-warning-minor-hover);\n --text-warning-minor-active: var(--on-dark-text-warning-minor-active);\n --text-negative-minor-hover: var(--on-dark-text-negative-minor-hover);\n --text-negative-minor-active: var(--on-dark-text-negative-minor-active);\n --text-info-minor-hover: var(--on-dark-text-info-minor-hover);\n --text-info-minor-active: var(--on-dark-text-info-minor-active);\n --text-primary: var(--on-dark-text-primary);\n --text-primary-brightness: var(--on-dark-text-primary-brightness);\n --text-paragraph: var(--on-dark-text-paragraph);\n --text-accent: var(--on-dark-text-accent);\n --text-accent-minor: var(--on-dark-text-accent-minor);\n --text-positive: var(--on-dark-text-positive);\n --text-warning: var(--on-dark-text-warning);\n --text-negative: var(--on-dark-text-negative);\n --text-info: var(--on-dark-text-info);\n --text-positive-minor: var(--on-dark-text-positive-minor);\n --text-warning-minor: var(--on-dark-text-warning-minor);\n --text-negative-minor: var(--on-dark-text-negative-minor);\n --text-info-minor: var(--on-dark-text-info-minor);\n --text-secondary: var(--on-dark-text-secondary);\n --text-tertiary: var(--on-dark-text-tertiary);\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-secondary-hover: var(--on-light-text-secondary-hover);\n --inverse-text-secondary-active: var(--on-light-text-secondary-active);\n --inverse-text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --inverse-text-tertiary-active: var(--on-light-text-tertiary-active);\n --inverse-text-paragraph-hover: var(--on-light-text-paragraph-hover);\n --inverse-text-paragraph-active: var(--on-light-text-paragraph-active);\n --inverse-text-accent-hover: var(--on-light-text-accent-hover);\n --inverse-text-accent-active: var(--on-light-text-accent-active);\n --inverse-text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n --inverse-text-accent-minor-active: var(--on-light-text-accent-minor-active);\n --inverse-text-positive-hover: var(--on-light-text-positive-hover);\n --inverse-text-positive-active: var(--on-light-text-positive-active);\n --inverse-text-warning-hover: var(--on-light-text-warning-hover);\n --inverse-text-warning-active: var(--on-light-text-warning-active);\n --inverse-text-negative-hover: var(--on-light-text-negative-hover);\n --inverse-text-negative-active: var(--on-light-text-negative-active);\n --inverse-text-info-hover: var(--on-light-text-info-hover);\n --inverse-text-info-active: var(--on-light-text-info-active);\n --inverse-text-positive-minor-hover: var(--on-light-text-positive-minor-hover);\n --inverse-text-positive-minor-active: var(--on-light-text-positive-minor-active);\n --inverse-text-warning-minor-hover: var(--on-light-text-warning-minor-hover);\n --inverse-text-warning-minor-active: var(--on-light-text-warning-minor-active);\n --inverse-text-negative-minor-hover: var(--on-light-text-negative-minor-hover);\n --inverse-text-negative-minor-active: var(--on-light-text-negative-minor-active);\n --inverse-text-info-minor-hover: var(--on-light-text-info-minor-hover);\n --inverse-text-info-minor-active: var(--on-light-text-info-minor-active);\n --inverse-text-primary: var(--on-light-text-primary);\n --inverse-text-primary-brightness: var(--on-light-text-primary-brightness);\n --inverse-text-paragraph: var(--on-light-text-paragraph);\n --inverse-text-accent: var(--on-light-text-accent);\n --inverse-text-accent-minor: var(--on-light-text-accent-minor);\n --inverse-text-positive: var(--on-light-text-positive);\n --inverse-text-info: var(--on-light-text-info);\n --inverse-text-positive-minor: var(--on-light-text-positive-minor);\n --inverse-text-warning-minor: var(--on-light-text-warning-minor);\n --inverse-text-negative-minor: var(--on-light-text-negative-minor);\n --inverse-text-info-minor: var(--on-light-text-info-minor);\n --inverse-text-secondary: var(--on-light-text-secondary);\n --inverse-text-tertiary: var(--on-light-text-tertiary);\n --inverse-text-warning: var(--on-light-text-warning);\n --inverse-text-negative: var(--on-light-text-negative);\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-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n --surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n --surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\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-default-hover: var(--on-dark-surface-solid-default-hover);\n --surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n --surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n --surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n --surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n --surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n --surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n --surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n --surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n --surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n --surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n --surface-clear-hover: var(--on-dark-surface-clear-hover);\n --surface-clear-active: var(--on-dark-surface-clear-active);\n --surface-accent-hover: var(--on-dark-surface-accent-hover);\n --surface-accent-active: var(--on-dark-surface-accent-active);\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-warning-active: var(--on-dark-surface-warning-active);\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 --surface-positive-minor-hover: var(--on-dark-surface-positive-minor-hover);\n --surface-positive-minor-active: var(--on-dark-surface-positive-minor-active);\n --surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n --surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n --surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n --surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n --surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n --surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n --surface-transparent-positive-hover: var(--on-dark-surface-transparent-positive-hover);\n --surface-transparent-positive-active: var(--on-dark-surface-transparent-positive-active);\n --surface-transparent-warning-hover: var(--on-dark-surface-transparent-warning-hover);\n --surface-transparent-warning-active: var(--on-dark-surface-transparent-warning-active);\n --surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n --surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n --surface-transparent-info-hover: var(--on-dark-surface-transparent-info-hover);\n --surface-transparent-info-active: var(--on-dark-surface-transparent-info-active);\n --surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\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: var(--on-dark-surface-solid-secondary);\n --surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --surface-solid-default: var(--on-dark-surface-solid-default);\n --surface-transparent-card: var(--on-dark-surface-transparent-card);\n --surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n --surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n --surface-clear: var(--on-dark-surface-clear);\n --surface-accent: var(--on-dark-surface-accent);\n --surface-accent-minor: var(--on-dark-surface-accent-minor);\n --surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n --surface-positive: var(--on-dark-surface-positive);\n --surface-warning: var(--on-dark-surface-warning);\n --surface-negative: var(--on-dark-surface-negative);\n --surface-info: var(--on-dark-surface-info);\n --surface-positive-minor: var(--on-dark-surface-positive-minor);\n --surface-warning-minor: var(--on-dark-surface-warning-minor);\n --surface-negative-minor: var(--on-dark-surface-negative-minor);\n --surface-info-minor: var(--on-dark-surface-info-minor);\n --surface-transparent-positive: var(--on-dark-surface-transparent-positive);\n --surface-transparent-warning: var(--on-dark-surface-transparent-warning);\n --surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n --surface-transparent-info: var(--on-dark-surface-transparent-info);\n --surface-solid-card: var(--on-dark-surface-solid-card);\n --surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n --surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n --surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n --inverse-surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --inverse-surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --inverse-surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n --inverse-surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n --inverse-surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --inverse-surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --inverse-surface-solid-card-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-default-hover: var(--on-light-surface-solid-default-hover);\n --inverse-surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --inverse-surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n --inverse-surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n --inverse-surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n --inverse-surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n --inverse-surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n --inverse-surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n --inverse-surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n --inverse-surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n --inverse-surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n --inverse-surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n --inverse-surface-clear: var(--on-light-surface-clear);\n --inverse-surface-clear-hover: var(--on-light-surface-clear-hover);\n --inverse-surface-clear-active: var(--on-light-surface-clear-active);\n --inverse-surface-accent-hover: var(--on-light-surface-accent-hover);\n --inverse-surface-accent-active: var(--on-light-surface-accent-active);\n --inverse-surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n --inverse-surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n --inverse-surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n --inverse-surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n --inverse-surface-positive-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-negative-hover: var(--on-light-surface-negative-hover);\n --inverse-surface-negative-active: var(--on-light-surface-negative-active);\n --inverse-surface-info-hover: var(--on-light-surface-info-hover);\n --inverse-surface-info-active: var(--on-light-surface-info-active);\n --inverse-surface-positive-minor-hover: var(--on-light-surface-positive-minor-hover);\n --inverse-surface-positive-minor-active: var(--on-light-surface-positive-minor-active);\n --inverse-surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n --inverse-surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n --inverse-surface-negative-minor-hover: var(--on-light-surface-negative-minor-hover);\n --inverse-surface-negative-minor-active: var(--on-light-surface-negative-minor-active);\n --inverse-surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n --inverse-surface-info-minor-active: var(--on-light-surface-info-minor-active);\n --inverse-surface-transparent-positive-hover: var(--on-light-surface-transparent-positive-hover);\n --inverse-surface-transparent-positive-active: var(--on-light-surface-transparent-positive-active);\n --inverse-surface-transparent-warning-hover: var(--on-light-surface-transparent-warning-hover);\n --inverse-surface-transparent-warning-active: var(--on-light-surface-transparent-warning-active);\n --inverse-surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n --inverse-surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n --inverse-surface-transparent-info-hover: var(--on-light-surface-transparent-info-hover);\n --inverse-surface-transparent-info-active: var(--on-light-surface-transparent-info-active);\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: var(--on-light-surface-solid-secondary);\n --inverse-surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --inverse-surface-solid-default: var(--on-light-surface-solid-default);\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-transparent-card: var(--on-light-surface-transparent-card);\n --inverse-surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n --inverse-surface-accent: var(--on-light-surface-accent);\n --inverse-surface-accent-minor: var(--on-light-surface-accent-minor);\n --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\n --inverse-surface-positive: var(--on-light-surface-positive);\n --inverse-surface-warning: var(--on-light-surface-warning);\n --inverse-surface-negative: var(--on-light-surface-negative);\n --inverse-surface-info: var(--on-light-surface-info);\n --inverse-surface-positive-minor: var(--on-light-surface-positive-minor);\n --inverse-surface-warning-minor: var(--on-light-surface-warning-minor);\n --inverse-surface-negative-minor: var(--on-light-surface-negative-minor);\n --inverse-surface-info-minor: var(--on-light-surface-info-minor);\n --inverse-surface-transparent-positive: var(--on-light-surface-transparent-positive);\n --inverse-surface-transparent-warning: var(--on-light-surface-transparent-warning);\n --inverse-surface-transparent-negative: var(--on-light-surface-transparent-negative);\n --inverse-surface-transparent-info: var(--on-light-surface-transparent-info);\n --inverse-surface-transparent-primary: var(--on-light-surface-transparent-primary);\n --inverse-surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n --inverse-surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n --inverse-surface-transparent-deep: var(--on-light-surface-transparent-deep);\n --background-primary: var(--dark-background-primary);\n --background-primary-brightness: var(--dark-background-primary-brightness);\n --inverse-background-primary: var(--light-background-primary);\n --inverse-background-primary-brightness: var(--light-background-primary-brightness);\n --overlay-hard: var(--on-dark-overlay-hard);\n --overlay-soft: var(--on-dark-overlay-soft);\n --overlay-blur: var(--on-dark-overlay-blur);\n --inverse-overlay-hard: var(--on-light-overlay-hard);\n --inverse-overlay-soft: var(--on-light-overlay-soft);\n --inverse-overlay-blur: var(--on-light-overlay-blur);\n --outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n --outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n --outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n --outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n --outline-solid-tertiary-hover: var(--on-dark-outline-solid-tertiary-hover);\n --outline-solid-tertiary-active: var(--on-dark-outline-solid-tertiary-active);\n --outline-accent-hover: var(--on-dark-outline-accent-hover);\n --outline-accent-active: var(--on-dark-outline-accent-active);\n --outline-accent-minor-hover: var(--on-dark-outline-accent-minor-hover);\n --outline-accent-minor-active: var(--on-dark-outline-accent-minor-active);\n --outline-transparent-accent-hover: var(--on-dark-outline-transparent-accent-hover);\n --outline-transparent-accent-active: var(--on-dark-outline-transparent-accent-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-info-hover: var(--on-dark-outline-info-hover);\n --outline-info-active: var(--on-dark-outline-info-active);\n --outline-positive-minor-hover: var(--on-dark-outline-positive-minor-hover);\n --outline-positive-minor-active: var(--on-dark-outline-positive-minor-active);\n --outline-warning-minor-hover: var(--on-dark-outline-warning-minor-hover);\n --outline-warning-minor-active: var(--on-dark-outline-warning-minor-active);\n --outline-negative-minor-hover: var(--on-dark-outline-negative-minor-hover);\n --outline-negative-minor-active: var(--on-dark-outline-negative-minor-active);\n --outline-info-minor-hover: var(--on-dark-outline-info-minor-hover);\n --outline-info-minor-active: var(--on-dark-outline-info-minor-active);\n --outline-transparent-positive-hover: var(--on-dark-outline-transparent-positive-hover);\n --outline-transparent-positive-active: var(--on-dark-outline-transparent-positive-active);\n --outline-transparent-warning-hover: var(--on-dark-outline-transparent-warning-hover);\n --outline-transparent-warning-active: var(--on-dark-outline-transparent-warning-active);\n --outline-transparent-negative-hover: var(--on-dark-outline-transparent-negative-hover);\n --outline-transparent-negative-active: var(--on-dark-outline-transparent-negative-active);\n --outline-transparent-info-hover: var(--on-dark-outline-transparent-info-hover);\n --outline-transparent-info-active: var(--on-dark-outline-transparent-info-active);\n --outline-solid-primary: var(--on-dark-outline-solid-primary);\n --outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n --outline-solid-tertiary: var(--on-dark-outline-solid-tertiary);\n --outline-accent: var(--on-dark-outline-accent);\n --outline-accent-minor: var(--on-dark-outline-accent-minor);\n --outline-transparent-accent: var(--on-dark-outline-transparent-accent);\n --outline-positive: var(--on-dark-outline-positive);\n --outline-warning: var(--on-dark-outline-warning);\n --outline-negative: var(--on-dark-outline-negative);\n --outline-info: var(--on-dark-outline-info);\n --outline-positive-minor: var(--on-dark-outline-positive-minor);\n --outline-warning-minor: var(--on-dark-outline-warning-minor);\n --outline-negative-minor: var(--on-dark-outline-negative-minor);\n --outline-info-minor: var(--on-dark-outline-info-minor);\n --outline-transparent-positive: var(--on-dark-outline-transparent-positive);\n --outline-transparent-warning: var(--on-dark-outline-transparent-warning);\n --outline-transparent-negative: var(--on-dark-outline-transparent-negative);\n --outline-transparent-info: var(--on-dark-outline-transparent-info);\n --outline-solid-default-hover: var(--on-dark-outline-solid-default-hover);\n --outline-solid-default-active: var(--on-dark-outline-solid-default-active);\n --outline-solid-default: var(--on-dark-outline-solid-default);\n --inverse-outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n --inverse-outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n --inverse-outline-solid-secondary-hover: var(--on-light-outline-solid-secondary-hover);\n --inverse-outline-solid-secondary-active: var(--on-light-outline-solid-secondary-active);\n --inverse-outline-solid-tertiary-hover: var(--on-light-outline-solid-tertiary-hover);\n --inverse-outline-solid-tertiary-active: var(--on-light-outline-solid-tertiary-active);\n --inverse-outline-accent-hover: var(--on-light-outline-accent-hover);\n --inverse-outline-accent-active: var(--on-light-outline-accent-active);\n --inverse-outline-accent-minor-hover: var(--on-light-outline-accent-minor-hover);\n --inverse-outline-accent-minor-active: var(--on-light-outline-accent-minor-active);\n --inverse-outline-transparent-accent-hover: var(--on-light-outline-transparent-accent-hover);\n --inverse-outline-transparent-accent-active: var(--on-light-outline-transparent-accent-active);\n --inverse-outline-positive-hover: var(--on-light-outline-positive-hover);\n --inverse-outline-positive-active: var(--on-light-outline-positive-active);\n --inverse-outline-warning-hover: var(--on-light-outline-warning-hover);\n --inverse-outline-warning-active: var(--on-light-outline-warning-active);\n --inverse-outline-negative-hover: var(--on-light-outline-negative-hover);\n --inverse-outline-negative-active: var(--on-light-outline-negative-active);\n --inverse-outline-info-hover: var(--on-light-outline-info-hover);\n --inverse-outline-info-active: var(--on-light-outline-info-active);\n --inverse-outline-positive-minor-hover: var(--on-light-outline-positive-minor-hover);\n --inverse-outline-positive-minor-active: var(--on-light-outline-positive-minor-active);\n --inverse-outline-warning-minor-hover: var(--on-light-outline-warning-minor-hover);\n --inverse-outline-warning-minor-active: var(--on-light-outline-warning-minor-active);\n --inverse-outline-negative-minor-hover: var(--on-light-outline-negative-minor-hover);\n --inverse-outline-negative-minor-active: var(--on-light-outline-negative-minor-active);\n --inverse-outline-info-minor-hover: var(--on-light-outline-info-minor-hover);\n --inverse-outline-info-minor-active: var(--on-light-outline-info-minor-active);\n --inverse-outline-transparent-positive-hover: var(--on-light-outline-transparent-positive-hover);\n --inverse-outline-transparent-positive-active: var(--on-light-outline-transparent-positive-active);\n --inverse-outline-transparent-warning-hover: var(--on-light-outline-transparent-warning-hover);\n --inverse-outline-transparent-warning-active: var(--on-light-outline-transparent-warning-active);\n --inverse-outline-transparent-negative-hover: var(--on-light-outline-transparent-negative-hover);\n --inverse-outline-transparent-negative-active: var(--on-light-outline-transparent-negative-active);\n --inverse-outline-transparent-info-hover: var(--on-light-outline-transparent-info-hover);\n --inverse-outline-transparent-info-active: var(--on-light-outline-transparent-info-active);\n --inverse-outline-solid-primary: var(--on-light-outline-solid-primary);\n --inverse-outline-solid-secondary: var(--on-light-outline-solid-secondary);\n --inverse-outline-accent: var(--on-light-outline-accent);\n --inverse-outline-accent-minor: var(--on-light-outline-accent-minor);\n --inverse-outline-transparent-accent: var(--on-light-outline-transparent-accent);\n --inverse-outline-positive: var(--on-light-outline-positive);\n --inverse-outline-info: var(--on-light-outline-info);\n --inverse-outline-positive-minor: var(--on-light-outline-positive-minor);\n --inverse-outline-warning-minor: var(--on-light-outline-warning-minor);\n --inverse-outline-negative-minor: var(--on-light-outline-negative-minor);\n --inverse-outline-info-minor: var(--on-light-outline-info-minor);\n --inverse-outline-transparent-positive: var(--on-light-outline-transparent-positive);\n --inverse-outline-transparent-warning: var(--on-light-outline-transparent-warning);\n --inverse-outline-transparent-negative: var(--on-light-outline-transparent-negative);\n --inverse-outline-transparent-info: var(--on-light-outline-transparent-info);\n --inverse-outline-solid-default: var(--on-light-outline-solid-default);\n --inverse-outline-solid-default-hover: var(--on-light-outline-solid-default-hover);\n --inverse-outline-solid-default-active: var(--on-light-outline-solid-default-active);\n --inverse-outline-warning: var(--on-light-outline-warning);\n --inverse-outline-negative: var(--on-light-outline-negative);\n --inverse-outline-solid-tertiary: var(--on-light-outline-solid-tertiary);\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 --data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n --data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n --data-yellow-light: var(--on-dark-data-yellow-light);\n --data-yellow-light-hover: var(--on-dark-data-yellow-light-hover);\n --data-yellow-light-active: var(--on-dark-data-yellow-light-active);\n --data-sky-blue-light: var(--on-dark-data-sky-blue-light);\n --data-sky-blue-light-hover: var(--on-dark-data-sky-blue-light-hover);\n --data-sky-blue-light-active: var(--on-dark-data-sky-blue-light-active);\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 --inverse-data-yellow-light: var(--on-light-data-yellow-light);\n --inverse-data-yellow-light-hover: var(--on-light-data-yellow-light-hover);\n --inverse-data-yellow-light-active: var(--on-light-data-yellow-light-active);\n --inverse-data-sky-blue-light: var(--on-light-data-sky-blue-light);\n --inverse-data-sky-blue-light-hover: var(--on-light-data-sky-blue-light-hover);\n --inverse-data-sky-blue-light-active: var(--on-light-data-sky-blue-light-active);\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-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --inverse-surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n --inverse-surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n --inverse-surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n --inverse-surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n --inverse-surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n ",
|
|
2183
|
-
light: "\n --text-primary-hover: var(--on-light-text-primary-hover);\n --text-primary-active: var(--on-light-text-primary-active);\n --text-secondary-hover: var(--on-light-text-secondary-hover);\n --text-secondary-active: var(--on-light-text-secondary-active);\n --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --text-tertiary-active: var(--on-light-text-tertiary-active);\n --text-paragraph-hover: var(--on-light-text-paragraph-hover);\n --text-paragraph-active: var(--on-light-text-paragraph-active);\n --text-accent-hover: var(--on-light-text-accent-hover);\n --text-accent-active: var(--on-light-text-accent-active);\n --text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n --text-accent-minor-active: var(--on-light-text-accent-minor-active);\n --text-positive-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-negative-hover: var(--on-light-text-negative-hover);\n --text-negative-active: var(--on-light-text-negative-active);\n --text-info-hover: var(--on-light-text-info-hover);\n --text-info-active: var(--on-light-text-info-active);\n --text-positive-minor-hover: var(--on-light-text-positive-minor-hover);\n --text-positive-minor-active: var(--on-light-text-positive-minor-active);\n --text-warning-minor-hover: var(--on-light-text-warning-minor-hover);\n --text-warning-minor-active: var(--on-light-text-warning-minor-active);\n --text-negative-minor-hover: var(--on-light-text-negative-minor-hover);\n --text-negative-minor-active: var(--on-light-text-negative-minor-active);\n --text-info-minor-hover: var(--on-light-text-info-minor-hover);\n --text-info-minor-active: var(--on-light-text-info-minor-active);\n --text-primary: var(--on-light-text-primary);\n --text-primary-brightness: var(--on-light-text-primary-brightness);\n --text-paragraph: var(--on-light-text-paragraph);\n --text-accent: var(--on-light-text-accent);\n --text-accent-minor: var(--on-light-text-accent-minor);\n --text-positive: var(--on-light-text-positive);\n --text-info: var(--on-light-text-info);\n --text-positive-minor: var(--on-light-text-positive-minor);\n --text-warning-minor: var(--on-light-text-warning-minor);\n --text-negative-minor: var(--on-light-text-negative-minor);\n --text-info-minor: var(--on-light-text-info-minor);\n --text-secondary: var(--on-light-text-secondary);\n --text-tertiary: var(--on-light-text-tertiary);\n --text-warning: var(--on-light-text-warning);\n --text-negative: var(--on-light-text-negative);\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-secondary-hover: var(--on-dark-text-secondary-hover);\n --inverse-text-secondary-active: var(--on-dark-text-secondary-active);\n --inverse-text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --inverse-text-tertiary-active: var(--on-dark-text-tertiary-active);\n --inverse-text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n --inverse-text-paragraph-active: var(--on-dark-text-paragraph-active);\n --inverse-text-accent-hover: var(--on-dark-text-accent-hover);\n --inverse-text-accent-active: var(--on-dark-text-accent-active);\n --inverse-text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n --inverse-text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n --inverse-text-positive-hover: var(--on-dark-text-positive-hover);\n --inverse-text-positive-active: var(--on-dark-text-positive-active);\n --inverse-text-warning-hover: var(--on-dark-text-warning-hover);\n --inverse-text-warning-active: var(--on-dark-text-warning-active);\n --inverse-text-negative-hover: var(--on-dark-text-negative-hover);\n --inverse-text-negative-active: var(--on-dark-text-negative-active);\n --inverse-text-info-hover: var(--on-dark-text-info-hover);\n --inverse-text-info-active: var(--on-dark-text-info-active);\n --inverse-text-positive-minor-hover: var(--on-dark-text-positive-minor-hover);\n --inverse-text-positive-minor-active: var(--on-dark-text-positive-minor-active);\n --inverse-text-warning-minor-hover: var(--on-dark-text-warning-minor-hover);\n --inverse-text-warning-minor-active: var(--on-dark-text-warning-minor-active);\n --inverse-text-negative-minor-hover: var(--on-dark-text-negative-minor-hover);\n --inverse-text-negative-minor-active: var(--on-dark-text-negative-minor-active);\n --inverse-text-info-minor-hover: var(--on-dark-text-info-minor-hover);\n --inverse-text-info-minor-active: var(--on-dark-text-info-minor-active);\n --inverse-text-primary: var(--on-dark-text-primary);\n --inverse-text-primary-brightness: var(--on-dark-text-primary-brightness);\n --inverse-text-paragraph: var(--on-dark-text-paragraph);\n --inverse-text-accent: var(--on-dark-text-accent);\n --inverse-text-accent-minor: var(--on-dark-text-accent-minor);\n --inverse-text-positive: var(--on-dark-text-positive);\n --inverse-text-warning: var(--on-dark-text-warning);\n --inverse-text-negative: var(--on-dark-text-negative);\n --inverse-text-info: var(--on-dark-text-info);\n --inverse-text-positive-minor: var(--on-dark-text-positive-minor);\n --inverse-text-warning-minor: var(--on-dark-text-warning-minor);\n --inverse-text-negative-minor: var(--on-dark-text-negative-minor);\n --inverse-text-info-minor: var(--on-dark-text-info-minor);\n --inverse-text-secondary: var(--on-dark-text-secondary);\n --inverse-text-tertiary: var(--on-dark-text-tertiary);\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-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n --surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n --surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\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-default-hover: var(--on-light-surface-solid-default-hover);\n --surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n --surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n --surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n --surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n --surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n --surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n --surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n --surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n --surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n --surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n --surface-clear-hover: var(--on-light-surface-clear-hover);\n --surface-clear-active: var(--on-light-surface-clear-active);\n --surface-accent-hover: var(--on-light-surface-accent-hover);\n --surface-accent-active: var(--on-light-surface-accent-active);\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-warning-active: var(--on-light-surface-warning-active);\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 --surface-positive-minor-hover: var(--on-light-surface-positive-minor-hover);\n --surface-positive-minor-active: var(--on-light-surface-positive-minor-active);\n --surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n --surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n --surface-negative-minor-hover: var(--on-light-surface-negative-minor-hover);\n --surface-negative-minor-active: var(--on-light-surface-negative-minor-active);\n --surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n --surface-info-minor-active: var(--on-light-surface-info-minor-active);\n --surface-transparent-positive-hover: var(--on-light-surface-transparent-positive-hover);\n --surface-transparent-positive-active: var(--on-light-surface-transparent-positive-active);\n --surface-transparent-warning-hover: var(--on-light-surface-transparent-warning-hover);\n --surface-transparent-warning-active: var(--on-light-surface-transparent-warning-active);\n --surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n --surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n --surface-transparent-info-hover: var(--on-light-surface-transparent-info-hover);\n --surface-transparent-info-active: var(--on-light-surface-transparent-info-active);\n --surface-solid-card: var(--on-light-surface-solid-card);\n --surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\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: var(--on-light-surface-solid-secondary);\n --surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --surface-solid-default: var(--on-light-surface-solid-default);\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: var(--on-light-surface-clear);\n --surface-accent: var(--on-light-surface-accent);\n --surface-transparent-accent: var(--on-light-surface-transparent-accent);\n --surface-accent-minor: var(--on-light-surface-accent-minor);\n --surface-positive: var(--on-light-surface-positive);\n --surface-warning: var(--on-light-surface-warning);\n --surface-negative: var(--on-light-surface-negative);\n --surface-info: var(--on-light-surface-info);\n --surface-positive-minor: var(--on-light-surface-positive-minor);\n --surface-warning-minor: var(--on-light-surface-warning-minor);\n --surface-negative-minor: var(--on-light-surface-negative-minor);\n --surface-info-minor: var(--on-light-surface-info-minor);\n --surface-transparent-positive: var(--on-light-surface-transparent-positive);\n --surface-transparent-warning: var(--on-light-surface-transparent-warning);\n --surface-transparent-negative: var(--on-light-surface-transparent-negative);\n --surface-transparent-info: var(--on-light-surface-transparent-info);\n --surface-transparent-primary: var(--on-light-surface-transparent-primary);\n --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n --surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n --surface-transparent-deep: var(--on-light-surface-transparent-deep);\n --inverse-surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --inverse-surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --inverse-surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n --inverse-surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n --inverse-surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --inverse-surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --inverse-surface-solid-card-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-default-hover: var(--on-dark-surface-solid-default-hover);\n --inverse-surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --inverse-surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n --inverse-surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n --inverse-surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n --inverse-surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n --inverse-surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n --inverse-surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n --inverse-surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n --inverse-surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n --inverse-surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n --inverse-surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n --inverse-surface-clear: var(--on-dark-surface-clear);\n --inverse-surface-clear-hover: var(--on-dark-surface-clear-hover);\n --inverse-surface-clear-active: var(--on-dark-surface-clear-active);\n --inverse-surface-accent-hover: var(--on-dark-surface-accent-hover);\n --inverse-surface-accent-active: var(--on-dark-surface-accent-active);\n --inverse-surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n --inverse-surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n --inverse-surface-transparent-accent-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-negative-hover: var(--on-dark-surface-negative-hover);\n --inverse-surface-negative-active: var(--on-dark-surface-negative-active);\n --inverse-surface-info-hover: var(--on-dark-surface-info-hover);\n --inverse-surface-info-active: var(--on-dark-surface-info-active);\n --inverse-surface-positive-minor-hover: var(--on-dark-surface-positive-minor-hover);\n --inverse-surface-positive-minor-active: var(--on-dark-surface-positive-minor-active);\n --inverse-surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n --inverse-surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n --inverse-surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n --inverse-surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n --inverse-surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n --inverse-surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n --inverse-surface-transparent-positive-hover: var(--on-dark-surface-transparent-positive-hover);\n --inverse-surface-transparent-positive-active: var(--on-dark-surface-transparent-positive-active);\n --inverse-surface-transparent-warning-hover: var(--on-dark-surface-transparent-warning-hover);\n --inverse-surface-transparent-warning-active: var(--on-dark-surface-transparent-warning-active);\n --inverse-surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n --inverse-surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n --inverse-surface-transparent-info-hover: var(--on-dark-surface-transparent-info-hover);\n --inverse-surface-transparent-info-active: var(--on-dark-surface-transparent-info-active);\n --inverse-surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\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: var(--on-dark-surface-solid-secondary);\n --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --inverse-surface-solid-default: var(--on-dark-surface-solid-default);\n --inverse-surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n --inverse-surface-transparent-card: var(--on-dark-surface-transparent-card);\n --inverse-surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n --inverse-surface-accent: var(--on-dark-surface-accent);\n --inverse-surface-accent-minor: var(--on-dark-surface-accent-minor);\n --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n --inverse-surface-positive: var(--on-dark-surface-positive);\n --inverse-surface-warning: var(--on-dark-surface-warning);\n --inverse-surface-negative: var(--on-dark-surface-negative);\n --inverse-surface-info: var(--on-dark-surface-info);\n --inverse-surface-positive-minor: var(--on-dark-surface-positive-minor);\n --inverse-surface-warning-minor: var(--on-dark-surface-warning-minor);\n --inverse-surface-negative-minor: var(--on-dark-surface-negative-minor);\n --inverse-surface-info-minor: var(--on-dark-surface-info-minor);\n --inverse-surface-transparent-positive: var(--on-dark-surface-transparent-positive);\n --inverse-surface-transparent-warning: var(--on-dark-surface-transparent-warning);\n --inverse-surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n --inverse-surface-transparent-info: var(--on-dark-surface-transparent-info);\n --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\n --inverse-surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n --inverse-surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n --inverse-surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n --background-primary: var(--light-background-primary);\n --background-primary-brightness: var(--light-background-primary-brightness);\n --inverse-background-primary-brightness: var(--dark-background-primary-brightness);\n --inverse-background-primary: var(--dark-background-primary);\n --overlay-hard: var(--on-light-overlay-hard);\n --overlay-soft: var(--on-light-overlay-soft);\n --overlay-blur: var(--on-light-overlay-blur);\n --inverse-overlay-hard: var(--on-dark-overlay-hard);\n --inverse-overlay-soft: var(--on-dark-overlay-soft);\n --inverse-overlay-blur: var(--on-dark-overlay-blur);\n --outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n --outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n --outline-solid-secondary-hover: var(--on-light-outline-solid-secondary-hover);\n --outline-solid-secondary-active: var(--on-light-outline-solid-secondary-active);\n --outline-solid-tertiary-hover: var(--on-light-outline-solid-tertiary-hover);\n --outline-solid-tertiary-active: var(--on-light-outline-solid-tertiary-active);\n --outline-accent-hover: var(--on-light-outline-accent-hover);\n --outline-accent-active: var(--on-light-outline-accent-active);\n --outline-accent-minor-hover: var(--on-light-outline-accent-minor-hover);\n --outline-accent-minor-active: var(--on-light-outline-accent-minor-active);\n --outline-transparent-accent-hover: var(--on-light-outline-transparent-accent-hover);\n --outline-transparent-accent-active: var(--on-light-outline-transparent-accent-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-info-hover: var(--on-light-outline-info-hover);\n --outline-info-active: var(--on-light-outline-info-active);\n --outline-positive-minor-hover: var(--on-light-outline-positive-minor-hover);\n --outline-positive-minor-active: var(--on-light-outline-positive-minor-active);\n --outline-warning-minor-hover: var(--on-light-outline-warning-minor-hover);\n --outline-warning-minor-active: var(--on-light-outline-warning-minor-active);\n --outline-negative-minor-hover: var(--on-light-outline-negative-minor-hover);\n --outline-negative-minor-active: var(--on-light-outline-negative-minor-active);\n --outline-info-minor-hover: var(--on-light-outline-info-minor-hover);\n --outline-info-minor-active: var(--on-light-outline-info-minor-active);\n --outline-transparent-positive-hover: var(--on-light-outline-transparent-positive-hover);\n --outline-transparent-positive-active: var(--on-light-outline-transparent-positive-active);\n --outline-transparent-warning-hover: var(--on-light-outline-transparent-warning-hover);\n --outline-transparent-warning-active: var(--on-light-outline-transparent-warning-active);\n --outline-transparent-negative-hover: var(--on-light-outline-transparent-negative-hover);\n --outline-transparent-negative-active: var(--on-light-outline-transparent-negative-active);\n --outline-transparent-info-hover: var(--on-light-outline-transparent-info-hover);\n --outline-transparent-info-active: var(--on-light-outline-transparent-info-active);\n --outline-solid-primary: var(--on-light-outline-solid-primary);\n --outline-solid-secondary: var(--on-light-outline-solid-secondary);\n --outline-solid-tertiary: var(--on-light-outline-solid-tertiary);\n --outline-accent: var(--on-light-outline-accent);\n --outline-transparent-accent: var(--on-light-outline-transparent-accent);\n --outline-accent-minor: var(--on-light-outline-accent-minor);\n --outline-positive: var(--on-light-outline-positive);\n --outline-info: var(--on-light-outline-info);\n --outline-positive-minor: var(--on-light-outline-positive-minor);\n --outline-warning-minor: var(--on-light-outline-warning-minor);\n --outline-negative-minor: var(--on-light-outline-negative-minor);\n --outline-info-minor: var(--on-light-outline-info-minor);\n --outline-transparent-positive: var(--on-light-outline-transparent-positive);\n --outline-transparent-warning: var(--on-light-outline-transparent-warning);\n --outline-transparent-negative: var(--on-light-outline-transparent-negative);\n --outline-transparent-info: var(--on-light-outline-transparent-info);\n --outline-warning: var(--on-light-outline-warning);\n --outline-negative: var(--on-light-outline-negative);\n --outline-solid-default: var(--on-light-outline-solid-default);\n --outline-solid-default-hover: var(--on-light-outline-solid-default-hover);\n --outline-solid-default-active: var(--on-light-outline-solid-default-active);\n --inverse-outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n --inverse-outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n --inverse-outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n --inverse-outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n --inverse-outline-solid-tertiary-hover: var(--on-dark-outline-solid-tertiary-hover);\n --inverse-outline-solid-tertiary-active: var(--on-dark-outline-solid-tertiary-active);\n --inverse-outline-accent-hover: var(--on-dark-outline-accent-hover);\n --inverse-outline-accent-active: var(--on-dark-outline-accent-active);\n --inverse-outline-accent-minor-hover: var(--on-dark-outline-accent-minor-hover);\n --inverse-outline-accent-minor-active: var(--on-dark-outline-accent-minor-active);\n --inverse-outline-transparent-accent-hover: var(--on-dark-outline-transparent-accent-hover);\n --inverse-outline-transparent-accent-active: var(--on-dark-outline-transparent-accent-active);\n --inverse-outline-positive-hover: var(--on-dark-outline-positive-hover);\n --inverse-outline-positive-active: var(--on-dark-outline-positive-active);\n --inverse-outline-warning-hover: var(--on-dark-outline-warning-hover);\n --inverse-outline-warning-active: var(--on-dark-outline-warning-active);\n --inverse-outline-negative-hover: var(--on-dark-outline-negative-hover);\n --inverse-outline-negative-active: var(--on-dark-outline-negative-active);\n --inverse-outline-info-hover: var(--on-dark-outline-info-hover);\n --inverse-outline-info-active: var(--on-dark-outline-info-active);\n --inverse-outline-positive-minor-hover: var(--on-dark-outline-positive-minor-hover);\n --inverse-outline-positive-minor-active: var(--on-dark-outline-positive-minor-active);\n --inverse-outline-warning-minor-hover: var(--on-dark-outline-warning-minor-hover);\n --inverse-outline-warning-minor-active: var(--on-dark-outline-warning-minor-active);\n --inverse-outline-negative-minor-hover: var(--on-dark-outline-negative-minor-hover);\n --inverse-outline-negative-minor-active: var(--on-dark-outline-negative-minor-active);\n --inverse-outline-info-minor-hover: var(--on-dark-outline-info-minor-hover);\n --inverse-outline-info-minor-active: var(--on-dark-outline-info-minor-active);\n --inverse-outline-transparent-positive-hover: var(--on-dark-outline-transparent-positive-hover);\n --inverse-outline-transparent-positive-active: var(--on-dark-outline-transparent-positive-active);\n --inverse-outline-transparent-warning-hover: var(--on-dark-outline-transparent-warning-hover);\n --inverse-outline-transparent-warning-active: var(--on-dark-outline-transparent-warning-active);\n --inverse-outline-transparent-negative-hover: var(--on-dark-outline-transparent-negative-hover);\n --inverse-outline-transparent-negative-active: var(--on-dark-outline-transparent-negative-active);\n --inverse-outline-transparent-info-hover: var(--on-dark-outline-transparent-info-hover);\n --inverse-outline-transparent-info-active: var(--on-dark-outline-transparent-info-active);\n --inverse-outline-solid-primary: var(--on-dark-outline-solid-primary);\n --inverse-outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n --inverse-outline-solid-tertiary: var(--on-dark-outline-solid-tertiary);\n --inverse-outline-accent: var(--on-dark-outline-accent);\n --inverse-outline-accent-minor: var(--on-dark-outline-accent-minor);\n --inverse-outline-transparent-accent: var(--on-dark-outline-transparent-accent);\n --inverse-outline-positive: var(--on-dark-outline-positive);\n --inverse-outline-warning: var(--on-dark-outline-warning);\n --inverse-outline-negative: var(--on-dark-outline-negative);\n --inverse-outline-info: var(--on-dark-outline-info);\n --inverse-outline-positive-minor: var(--on-dark-outline-positive-minor);\n --inverse-outline-warning-minor: var(--on-dark-outline-warning-minor);\n --inverse-outline-negative-minor: var(--on-dark-outline-negative-minor);\n --inverse-outline-info-minor: var(--on-dark-outline-info-minor);\n --inverse-outline-transparent-positive: var(--on-dark-outline-transparent-positive);\n --inverse-outline-transparent-warning: var(--on-dark-outline-transparent-warning);\n --inverse-outline-transparent-negative: var(--on-dark-outline-transparent-negative);\n --inverse-outline-transparent-info: var(--on-dark-outline-transparent-info);\n --inverse-outline-solid-default-hover: var(--on-dark-outline-solid-default-hover);\n --inverse-outline-solid-default-active: var(--on-dark-outline-solid-default-active);\n --inverse-outline-solid-default: var(--on-dark-outline-solid-default);\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 --data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n --data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n --data-yellow-light: var(--on-light-data-yellow-light);\n --data-yellow-light-hover: var(--on-light-data-yellow-light-hover);\n --data-yellow-light-active: var(--on-light-data-yellow-light-active);\n --data-sky-blue-light: var(--on-light-data-sky-blue-light);\n --data-sky-blue-light-hover: var(--on-light-data-sky-blue-light-hover);\n --data-sky-blue-light-active: var(--on-light-data-sky-blue-light-active);\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 --inverse-data-yellow-light: var(--on-dark-data-yellow-light);\n --inverse-data-yellow-light-hover: var(--on-dark-data-yellow-light-hover);\n --inverse-data-yellow-light-active: var(--on-dark-data-yellow-light-active);\n --inverse-data-sky-blue-light: var(--on-dark-data-sky-blue-light);\n --inverse-data-sky-blue-light-hover: var(--on-dark-data-sky-blue-light-hover);\n --inverse-data-sky-blue-light-active: var(--on-dark-data-sky-blue-light-active);\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-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --inverse-surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n --inverse-surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n --inverse-surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n --inverse-surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n --inverse-surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n ",
|
|
2398
|
+
dark: "\n --text-primary-hover: var(--on-dark-text-primary-hover);\n --text-primary-active: var(--on-dark-text-primary-active);\n --text-secondary-hover: var(--on-dark-text-secondary-hover);\n --text-secondary-active: var(--on-dark-text-secondary-active);\n --text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --text-tertiary-active: var(--on-dark-text-tertiary-active);\n --text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n --text-paragraph-active: var(--on-dark-text-paragraph-active);\n --text-accent-hover: var(--on-dark-text-accent-hover);\n --text-accent-active: var(--on-dark-text-accent-active);\n --text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n --text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n --text-positive-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-negative-hover: var(--on-dark-text-negative-hover);\n --text-negative-active: var(--on-dark-text-negative-active);\n --text-info-hover: var(--on-dark-text-info-hover);\n --text-info-active: var(--on-dark-text-info-active);\n --text-positive-minor-hover: var(--on-dark-text-positive-minor-hover);\n --text-positive-minor-active: var(--on-dark-text-positive-minor-active);\n --text-warning-minor-hover: var(--on-dark-text-warning-minor-hover);\n --text-warning-minor-active: var(--on-dark-text-warning-minor-active);\n --text-negative-minor-hover: var(--on-dark-text-negative-minor-hover);\n --text-negative-minor-active: var(--on-dark-text-negative-minor-active);\n --text-info-minor-hover: var(--on-dark-text-info-minor-hover);\n --text-info-minor-active: var(--on-dark-text-info-minor-active);\n --text-primary: var(--on-dark-text-primary);\n --text-primary-brightness: var(--on-dark-text-primary-brightness);\n --text-paragraph: var(--on-dark-text-paragraph);\n --text-accent: var(--on-dark-text-accent);\n --text-accent-minor: var(--on-dark-text-accent-minor);\n --text-positive: var(--on-dark-text-positive);\n --text-warning: var(--on-dark-text-warning);\n --text-negative: var(--on-dark-text-negative);\n --text-info: var(--on-dark-text-info);\n --text-positive-minor: var(--on-dark-text-positive-minor);\n --text-warning-minor: var(--on-dark-text-warning-minor);\n --text-negative-minor: var(--on-dark-text-negative-minor);\n --text-info-minor: var(--on-dark-text-info-minor);\n --text-secondary: var(--on-dark-text-secondary);\n --text-tertiary: var(--on-dark-text-tertiary);\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-secondary-hover: var(--on-light-text-secondary-hover);\n --inverse-text-secondary-active: var(--on-light-text-secondary-active);\n --inverse-text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --inverse-text-tertiary-active: var(--on-light-text-tertiary-active);\n --inverse-text-paragraph-hover: var(--on-light-text-paragraph-hover);\n --inverse-text-paragraph-active: var(--on-light-text-paragraph-active);\n --inverse-text-accent-hover: var(--on-light-text-accent-hover);\n --inverse-text-accent-active: var(--on-light-text-accent-active);\n --inverse-text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n --inverse-text-accent-minor-active: var(--on-light-text-accent-minor-active);\n --inverse-text-positive-hover: var(--on-light-text-positive-hover);\n --inverse-text-positive-active: var(--on-light-text-positive-active);\n --inverse-text-warning-hover: var(--on-light-text-warning-hover);\n --inverse-text-warning-active: var(--on-light-text-warning-active);\n --inverse-text-negative-hover: var(--on-light-text-negative-hover);\n --inverse-text-negative-active: var(--on-light-text-negative-active);\n --inverse-text-info-hover: var(--on-light-text-info-hover);\n --inverse-text-info-active: var(--on-light-text-info-active);\n --inverse-text-positive-minor-hover: var(--on-light-text-positive-minor-hover);\n --inverse-text-positive-minor-active: var(--on-light-text-positive-minor-active);\n --inverse-text-warning-minor-hover: var(--on-light-text-warning-minor-hover);\n --inverse-text-warning-minor-active: var(--on-light-text-warning-minor-active);\n --inverse-text-negative-minor-hover: var(--on-light-text-negative-minor-hover);\n --inverse-text-negative-minor-active: var(--on-light-text-negative-minor-active);\n --inverse-text-info-minor-hover: var(--on-light-text-info-minor-hover);\n --inverse-text-info-minor-active: var(--on-light-text-info-minor-active);\n --inverse-text-primary: var(--on-light-text-primary);\n --inverse-text-primary-brightness: var(--on-light-text-primary-brightness);\n --inverse-text-paragraph: var(--on-light-text-paragraph);\n --inverse-text-accent: var(--on-light-text-accent);\n --inverse-text-accent-minor: var(--on-light-text-accent-minor);\n --inverse-text-positive: var(--on-light-text-positive);\n --inverse-text-info: var(--on-light-text-info);\n --inverse-text-positive-minor: var(--on-light-text-positive-minor);\n --inverse-text-warning-minor: var(--on-light-text-warning-minor);\n --inverse-text-negative-minor: var(--on-light-text-negative-minor);\n --inverse-text-info-minor: var(--on-light-text-info-minor);\n --inverse-text-secondary: var(--on-light-text-secondary);\n --inverse-text-tertiary: var(--on-light-text-tertiary);\n --inverse-text-warning: var(--on-light-text-warning);\n --inverse-text-negative: var(--on-light-text-negative);\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-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n --surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n --surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\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-default-hover: var(--on-dark-surface-solid-default-hover);\n --surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n --surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n --surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n --surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n --surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n --surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n --surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n --surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n --surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n --surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n --surface-clear-hover: var(--on-dark-surface-clear-hover);\n --surface-clear-active: var(--on-dark-surface-clear-active);\n --surface-accent-hover: var(--on-dark-surface-accent-hover);\n --surface-accent-active: var(--on-dark-surface-accent-active);\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-warning-active: var(--on-dark-surface-warning-active);\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 --surface-positive-minor-hover: var(--on-dark-surface-positive-minor-hover);\n --surface-positive-minor-active: var(--on-dark-surface-positive-minor-active);\n --surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n --surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n --surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n --surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n --surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n --surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n --surface-transparent-positive-hover: var(--on-dark-surface-transparent-positive-hover);\n --surface-transparent-positive-active: var(--on-dark-surface-transparent-positive-active);\n --surface-transparent-warning-hover: var(--on-dark-surface-transparent-warning-hover);\n --surface-transparent-warning-active: var(--on-dark-surface-transparent-warning-active);\n --surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n --surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n --surface-transparent-info-hover: var(--on-dark-surface-transparent-info-hover);\n --surface-transparent-info-active: var(--on-dark-surface-transparent-info-active);\n --surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\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: var(--on-dark-surface-solid-secondary);\n --surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --surface-solid-default: var(--on-dark-surface-solid-default);\n --surface-transparent-card: var(--on-dark-surface-transparent-card);\n --surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n --surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n --surface-clear: var(--on-dark-surface-clear);\n --surface-accent: var(--on-dark-surface-accent);\n --surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n --surface-positive: var(--on-dark-surface-positive);\n --surface-warning: var(--on-dark-surface-warning);\n --surface-negative: var(--on-dark-surface-negative);\n --surface-info: var(--on-dark-surface-info);\n --surface-positive-minor: var(--on-dark-surface-positive-minor);\n --surface-warning-minor: var(--on-dark-surface-warning-minor);\n --surface-negative-minor: var(--on-dark-surface-negative-minor);\n --surface-info-minor: var(--on-dark-surface-info-minor);\n --surface-transparent-positive: var(--on-dark-surface-transparent-positive);\n --surface-transparent-warning: var(--on-dark-surface-transparent-warning);\n --surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n --surface-transparent-info: var(--on-dark-surface-transparent-info);\n --surface-solid-card: var(--on-dark-surface-solid-card);\n --surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n --surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n --surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n --surface-accent-minor: var(--on-dark-surface-accent-minor);\n --inverse-surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --inverse-surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --inverse-surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n --inverse-surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n --inverse-surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --inverse-surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --inverse-surface-solid-card-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-default-hover: var(--on-light-surface-solid-default-hover);\n --inverse-surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --inverse-surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n --inverse-surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n --inverse-surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n --inverse-surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n --inverse-surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n --inverse-surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n --inverse-surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n --inverse-surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n --inverse-surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n --inverse-surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n --inverse-surface-clear: var(--on-light-surface-clear);\n --inverse-surface-clear-hover: var(--on-light-surface-clear-hover);\n --inverse-surface-clear-active: var(--on-light-surface-clear-active);\n --inverse-surface-accent-hover: var(--on-light-surface-accent-hover);\n --inverse-surface-accent-active: var(--on-light-surface-accent-active);\n --inverse-surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n --inverse-surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n --inverse-surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n --inverse-surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n --inverse-surface-positive-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-negative-hover: var(--on-light-surface-negative-hover);\n --inverse-surface-negative-active: var(--on-light-surface-negative-active);\n --inverse-surface-info-hover: var(--on-light-surface-info-hover);\n --inverse-surface-info-active: var(--on-light-surface-info-active);\n --inverse-surface-positive-minor-hover: var(--on-light-surface-positive-minor-hover);\n --inverse-surface-positive-minor-active: var(--on-light-surface-positive-minor-active);\n --inverse-surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n --inverse-surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n --inverse-surface-negative-minor-hover: var(--on-light-surface-negative-minor-hover);\n --inverse-surface-negative-minor-active: var(--on-light-surface-negative-minor-active);\n --inverse-surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n --inverse-surface-info-minor-active: var(--on-light-surface-info-minor-active);\n --inverse-surface-transparent-positive-hover: var(--on-light-surface-transparent-positive-hover);\n --inverse-surface-transparent-positive-active: var(--on-light-surface-transparent-positive-active);\n --inverse-surface-transparent-warning-hover: var(--on-light-surface-transparent-warning-hover);\n --inverse-surface-transparent-warning-active: var(--on-light-surface-transparent-warning-active);\n --inverse-surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n --inverse-surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n --inverse-surface-transparent-info-hover: var(--on-light-surface-transparent-info-hover);\n --inverse-surface-transparent-info-active: var(--on-light-surface-transparent-info-active);\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: var(--on-light-surface-solid-secondary);\n --inverse-surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --inverse-surface-solid-default: var(--on-light-surface-solid-default);\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-transparent-card: var(--on-light-surface-transparent-card);\n --inverse-surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n --inverse-surface-accent: var(--on-light-surface-accent);\n --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\n --inverse-surface-positive: var(--on-light-surface-positive);\n --inverse-surface-warning: var(--on-light-surface-warning);\n --inverse-surface-negative: var(--on-light-surface-negative);\n --inverse-surface-info: var(--on-light-surface-info);\n --inverse-surface-positive-minor: var(--on-light-surface-positive-minor);\n --inverse-surface-warning-minor: var(--on-light-surface-warning-minor);\n --inverse-surface-negative-minor: var(--on-light-surface-negative-minor);\n --inverse-surface-info-minor: var(--on-light-surface-info-minor);\n --inverse-surface-transparent-positive: var(--on-light-surface-transparent-positive);\n --inverse-surface-transparent-warning: var(--on-light-surface-transparent-warning);\n --inverse-surface-transparent-negative: var(--on-light-surface-transparent-negative);\n --inverse-surface-transparent-info: var(--on-light-surface-transparent-info);\n --inverse-surface-transparent-primary: var(--on-light-surface-transparent-primary);\n --inverse-surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n --inverse-surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n --inverse-surface-transparent-deep: var(--on-light-surface-transparent-deep);\n --inverse-surface-accent-minor: var(--on-light-surface-accent-minor);\n --background-primary: var(--dark-background-primary);\n --background-primary-brightness: var(--dark-background-primary-brightness);\n --inverse-background-primary: var(--light-background-primary);\n --inverse-background-primary-brightness: var(--light-background-primary-brightness);\n --overlay-hard: var(--on-dark-overlay-hard);\n --overlay-soft: var(--on-dark-overlay-soft);\n --overlay-blur: var(--on-dark-overlay-blur);\n --inverse-overlay-hard: var(--on-light-overlay-hard);\n --inverse-overlay-soft: var(--on-light-overlay-soft);\n --inverse-overlay-blur: var(--on-light-overlay-blur);\n --outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n --outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n --outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n --outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n --outline-solid-tertiary-hover: var(--on-dark-outline-solid-tertiary-hover);\n --outline-solid-tertiary-active: var(--on-dark-outline-solid-tertiary-active);\n --outline-accent-hover: var(--on-dark-outline-accent-hover);\n --outline-accent-active: var(--on-dark-outline-accent-active);\n --outline-accent-minor-hover: var(--on-dark-outline-accent-minor-hover);\n --outline-accent-minor-active: var(--on-dark-outline-accent-minor-active);\n --outline-transparent-accent-hover: var(--on-dark-outline-transparent-accent-hover);\n --outline-transparent-accent-active: var(--on-dark-outline-transparent-accent-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-info-hover: var(--on-dark-outline-info-hover);\n --outline-info-active: var(--on-dark-outline-info-active);\n --outline-positive-minor-hover: var(--on-dark-outline-positive-minor-hover);\n --outline-positive-minor-active: var(--on-dark-outline-positive-minor-active);\n --outline-warning-minor-hover: var(--on-dark-outline-warning-minor-hover);\n --outline-warning-minor-active: var(--on-dark-outline-warning-minor-active);\n --outline-negative-minor-hover: var(--on-dark-outline-negative-minor-hover);\n --outline-negative-minor-active: var(--on-dark-outline-negative-minor-active);\n --outline-info-minor-hover: var(--on-dark-outline-info-minor-hover);\n --outline-info-minor-active: var(--on-dark-outline-info-minor-active);\n --outline-transparent-positive-hover: var(--on-dark-outline-transparent-positive-hover);\n --outline-transparent-positive-active: var(--on-dark-outline-transparent-positive-active);\n --outline-transparent-warning-hover: var(--on-dark-outline-transparent-warning-hover);\n --outline-transparent-warning-active: var(--on-dark-outline-transparent-warning-active);\n --outline-transparent-negative-hover: var(--on-dark-outline-transparent-negative-hover);\n --outline-transparent-negative-active: var(--on-dark-outline-transparent-negative-active);\n --outline-transparent-info-hover: var(--on-dark-outline-transparent-info-hover);\n --outline-transparent-info-active: var(--on-dark-outline-transparent-info-active);\n --outline-solid-primary: var(--on-dark-outline-solid-primary);\n --outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n --outline-solid-tertiary: var(--on-dark-outline-solid-tertiary);\n --outline-accent: var(--on-dark-outline-accent);\n --outline-accent-minor: var(--on-dark-outline-accent-minor);\n --outline-transparent-accent: var(--on-dark-outline-transparent-accent);\n --outline-positive: var(--on-dark-outline-positive);\n --outline-warning: var(--on-dark-outline-warning);\n --outline-negative: var(--on-dark-outline-negative);\n --outline-info: var(--on-dark-outline-info);\n --outline-positive-minor: var(--on-dark-outline-positive-minor);\n --outline-warning-minor: var(--on-dark-outline-warning-minor);\n --outline-negative-minor: var(--on-dark-outline-negative-minor);\n --outline-info-minor: var(--on-dark-outline-info-minor);\n --outline-transparent-positive: var(--on-dark-outline-transparent-positive);\n --outline-transparent-warning: var(--on-dark-outline-transparent-warning);\n --outline-transparent-negative: var(--on-dark-outline-transparent-negative);\n --outline-transparent-info: var(--on-dark-outline-transparent-info);\n --outline-solid-default-hover: var(--on-dark-outline-solid-default-hover);\n --outline-solid-default-active: var(--on-dark-outline-solid-default-active);\n --outline-solid-default: var(--on-dark-outline-solid-default);\n --inverse-outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n --inverse-outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n --inverse-outline-solid-secondary-hover: var(--on-light-outline-solid-secondary-hover);\n --inverse-outline-solid-secondary-active: var(--on-light-outline-solid-secondary-active);\n --inverse-outline-solid-tertiary-hover: var(--on-light-outline-solid-tertiary-hover);\n --inverse-outline-solid-tertiary-active: var(--on-light-outline-solid-tertiary-active);\n --inverse-outline-accent-hover: var(--on-light-outline-accent-hover);\n --inverse-outline-accent-active: var(--on-light-outline-accent-active);\n --inverse-outline-accent-minor-hover: var(--on-light-outline-accent-minor-hover);\n --inverse-outline-accent-minor-active: var(--on-light-outline-accent-minor-active);\n --inverse-outline-transparent-accent-hover: var(--on-light-outline-transparent-accent-hover);\n --inverse-outline-transparent-accent-active: var(--on-light-outline-transparent-accent-active);\n --inverse-outline-positive-hover: var(--on-light-outline-positive-hover);\n --inverse-outline-positive-active: var(--on-light-outline-positive-active);\n --inverse-outline-warning-hover: var(--on-light-outline-warning-hover);\n --inverse-outline-warning-active: var(--on-light-outline-warning-active);\n --inverse-outline-negative-hover: var(--on-light-outline-negative-hover);\n --inverse-outline-negative-active: var(--on-light-outline-negative-active);\n --inverse-outline-info-hover: var(--on-light-outline-info-hover);\n --inverse-outline-info-active: var(--on-light-outline-info-active);\n --inverse-outline-positive-minor-hover: var(--on-light-outline-positive-minor-hover);\n --inverse-outline-positive-minor-active: var(--on-light-outline-positive-minor-active);\n --inverse-outline-warning-minor-hover: var(--on-light-outline-warning-minor-hover);\n --inverse-outline-warning-minor-active: var(--on-light-outline-warning-minor-active);\n --inverse-outline-negative-minor-hover: var(--on-light-outline-negative-minor-hover);\n --inverse-outline-negative-minor-active: var(--on-light-outline-negative-minor-active);\n --inverse-outline-info-minor-hover: var(--on-light-outline-info-minor-hover);\n --inverse-outline-info-minor-active: var(--on-light-outline-info-minor-active);\n --inverse-outline-transparent-positive-hover: var(--on-light-outline-transparent-positive-hover);\n --inverse-outline-transparent-positive-active: var(--on-light-outline-transparent-positive-active);\n --inverse-outline-transparent-warning-hover: var(--on-light-outline-transparent-warning-hover);\n --inverse-outline-transparent-warning-active: var(--on-light-outline-transparent-warning-active);\n --inverse-outline-transparent-negative-hover: var(--on-light-outline-transparent-negative-hover);\n --inverse-outline-transparent-negative-active: var(--on-light-outline-transparent-negative-active);\n --inverse-outline-transparent-info-hover: var(--on-light-outline-transparent-info-hover);\n --inverse-outline-transparent-info-active: var(--on-light-outline-transparent-info-active);\n --inverse-outline-solid-primary: var(--on-light-outline-solid-primary);\n --inverse-outline-solid-secondary: var(--on-light-outline-solid-secondary);\n --inverse-outline-accent: var(--on-light-outline-accent);\n --inverse-outline-accent-minor: var(--on-light-outline-accent-minor);\n --inverse-outline-transparent-accent: var(--on-light-outline-transparent-accent);\n --inverse-outline-positive: var(--on-light-outline-positive);\n --inverse-outline-info: var(--on-light-outline-info);\n --inverse-outline-positive-minor: var(--on-light-outline-positive-minor);\n --inverse-outline-warning-minor: var(--on-light-outline-warning-minor);\n --inverse-outline-negative-minor: var(--on-light-outline-negative-minor);\n --inverse-outline-info-minor: var(--on-light-outline-info-minor);\n --inverse-outline-transparent-positive: var(--on-light-outline-transparent-positive);\n --inverse-outline-transparent-warning: var(--on-light-outline-transparent-warning);\n --inverse-outline-transparent-negative: var(--on-light-outline-transparent-negative);\n --inverse-outline-transparent-info: var(--on-light-outline-transparent-info);\n --inverse-outline-solid-default: var(--on-light-outline-solid-default);\n --inverse-outline-solid-default-hover: var(--on-light-outline-solid-default-hover);\n --inverse-outline-solid-default-active: var(--on-light-outline-solid-default-active);\n --inverse-outline-warning: var(--on-light-outline-warning);\n --inverse-outline-negative: var(--on-light-outline-negative);\n --inverse-outline-solid-tertiary: var(--on-light-outline-solid-tertiary);\n --data-yellow-hover: var(--on-dark-data-yellow-hover);\n --data-yellow-active: var(--on-dark-data-yellow-active);\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-hover: var(--on-dark-data-yellow-transparent-hover);\n --data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n --data-yellow-light-hover: var(--on-dark-data-yellow-light-hover);\n --data-yellow-light-active: var(--on-dark-data-yellow-light-active);\n --data-sky-blue-light-hover: var(--on-dark-data-sky-blue-light-hover);\n --data-sky-blue-light-active: var(--on-dark-data-sky-blue-light-active);\n --data-green: var(--on-dark-data-green);\n --data-yellow-light: var(--on-dark-data-yellow-light);\n --data-blue-light: var(--on-dark-data-blue-light);\n --data-orchid: var(--on-dark-data-orchid);\n --data-orchid-minor: var(--on-dark-data-orchid-minor);\n --data-yellow: var(--on-dark-data-yellow);\n --data-yellow-minor: var(--on-dark-data-yellow-minor);\n --data-orange: var(--on-dark-data-orange);\n --data-orange-minor: var(--on-dark-data-orange-minor);\n --data-orange-light: var(--on-dark-data-orange-light);\n --data-red: var(--on-dark-data-red);\n --data-red-minor: var(--on-dark-data-red-minor);\n --data-red-light: var(--on-dark-data-red-light);\n --data-arctic: var(--on-dark-data-arctic);\n --data-green-minor: var(--on-dark-data-green-minor);\n --data-green-light: var(--on-dark-data-green-light);\n --data-spring: var(--on-dark-data-spring);\n --data-blue: var(--on-dark-data-blue);\n --data-blue-mild: var(--on-dark-data-blue-mild);\n --data-blue-minor: var(--on-dark-data-blue-minor);\n --data-malachite: var(--on-dark-data-malachite);\n --data-malachite-minor: var(--on-dark-data-malachite-minor);\n --data-electric-blue: var(--on-dark-data-electric-blue);\n --data-fuchsia: var(--on-dark-data-fuchsia);\n --data-pink: var(--on-dark-data-pink);\n --data-gray: var(--on-dark-data-gray);\n --data-gray-minor: var(--on-dark-data-gray-minor);\n --data-red-transparent: var(--on-dark-data-red-transparent);\n --data-orange-transparent: var(--on-dark-data-orange-transparent);\n --data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n --data-green-transparent: var(--on-dark-data-green-transparent);\n --data-blue-transparent: var(--on-dark-data-blue-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-hover: var(--on-light-data-yellow-transparent-hover);\n --inverse-data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n --inverse-data-yellow-light: var(--on-light-data-yellow-light);\n --inverse-data-yellow-light-hover: var(--on-light-data-yellow-light-hover);\n --inverse-data-yellow-light-active: var(--on-light-data-yellow-light-active);\n --inverse-data-sky-blue-light: var(--on-light-data-sky-blue-light);\n --inverse-data-sky-blue-light-hover: var(--on-light-data-sky-blue-light-hover);\n --inverse-data-sky-blue-light-active: var(--on-light-data-sky-blue-light-active);\n --inverse-data-blue-minor: var(--on-light-data-blue-minor);\n --inverse-data-orchid: var(--on-light-data-orchid);\n --inverse-data-orchid-minor: var(--on-light-data-orchid-minor);\n --inverse-data-orange: var(--on-light-data-orange);\n --inverse-data-orange-minor: var(--on-light-data-orange-minor);\n --inverse-data-orange-light: var(--on-light-data-orange-light);\n --inverse-data-red: var(--on-light-data-red);\n --inverse-data-red-minor: var(--on-light-data-red-minor);\n --inverse-data-red-light: var(--on-light-data-red-light);\n --inverse-data-arctic: var(--on-light-data-arctic);\n --inverse-data-green: var(--on-light-data-green);\n --inverse-data-green-minor: var(--on-light-data-green-minor);\n --inverse-data-green-light: var(--on-light-data-green-light);\n --inverse-data-spring: var(--on-light-data-spring);\n --inverse-data-blue: var(--on-light-data-blue);\n --inverse-data-blue-mild: var(--on-light-data-blue-mild);\n --inverse-data-malachite: var(--on-light-data-malachite);\n --inverse-data-malachite-minor: var(--on-light-data-malachite-minor);\n --inverse-data-electric-blue: var(--on-light-data-electric-blue);\n --inverse-data-fuchsia: var(--on-light-data-fuchsia);\n --inverse-data-pink: var(--on-light-data-pink);\n --inverse-data-gray: var(--on-light-data-gray);\n --inverse-data-gray-minor: var(--on-light-data-gray-minor);\n --inverse-data-orange-transparent: var(--on-light-data-orange-transparent);\n --inverse-data-green-transparent: var(--on-light-data-green-transparent);\n --inverse-data-blue-transparent: var(--on-light-data-blue-transparent);\n --inverse-data-red-transparent: var(--on-light-data-red-transparent);\n --inverse-data-yellow-transparent: var(--on-light-data-yellow-transparent);\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-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --inverse-surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n --inverse-surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n --inverse-surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n --inverse-surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n --inverse-surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n ",
|
|
2399
|
+
light: "\n --text-primary-hover: var(--on-light-text-primary-hover);\n --text-primary-active: var(--on-light-text-primary-active);\n --text-secondary-hover: var(--on-light-text-secondary-hover);\n --text-secondary-active: var(--on-light-text-secondary-active);\n --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --text-tertiary-active: var(--on-light-text-tertiary-active);\n --text-paragraph-hover: var(--on-light-text-paragraph-hover);\n --text-paragraph-active: var(--on-light-text-paragraph-active);\n --text-accent-hover: var(--on-light-text-accent-hover);\n --text-accent-active: var(--on-light-text-accent-active);\n --text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n --text-accent-minor-active: var(--on-light-text-accent-minor-active);\n --text-positive-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-negative-hover: var(--on-light-text-negative-hover);\n --text-negative-active: var(--on-light-text-negative-active);\n --text-info-hover: var(--on-light-text-info-hover);\n --text-info-active: var(--on-light-text-info-active);\n --text-positive-minor-hover: var(--on-light-text-positive-minor-hover);\n --text-positive-minor-active: var(--on-light-text-positive-minor-active);\n --text-warning-minor-hover: var(--on-light-text-warning-minor-hover);\n --text-warning-minor-active: var(--on-light-text-warning-minor-active);\n --text-negative-minor-hover: var(--on-light-text-negative-minor-hover);\n --text-negative-minor-active: var(--on-light-text-negative-minor-active);\n --text-info-minor-hover: var(--on-light-text-info-minor-hover);\n --text-info-minor-active: var(--on-light-text-info-minor-active);\n --text-primary: var(--on-light-text-primary);\n --text-primary-brightness: var(--on-light-text-primary-brightness);\n --text-paragraph: var(--on-light-text-paragraph);\n --text-accent: var(--on-light-text-accent);\n --text-accent-minor: var(--on-light-text-accent-minor);\n --text-positive: var(--on-light-text-positive);\n --text-info: var(--on-light-text-info);\n --text-positive-minor: var(--on-light-text-positive-minor);\n --text-warning-minor: var(--on-light-text-warning-minor);\n --text-negative-minor: var(--on-light-text-negative-minor);\n --text-info-minor: var(--on-light-text-info-minor);\n --text-secondary: var(--on-light-text-secondary);\n --text-tertiary: var(--on-light-text-tertiary);\n --text-warning: var(--on-light-text-warning);\n --text-negative: var(--on-light-text-negative);\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-secondary-hover: var(--on-dark-text-secondary-hover);\n --inverse-text-secondary-active: var(--on-dark-text-secondary-active);\n --inverse-text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --inverse-text-tertiary-active: var(--on-dark-text-tertiary-active);\n --inverse-text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n --inverse-text-paragraph-active: var(--on-dark-text-paragraph-active);\n --inverse-text-accent-hover: var(--on-dark-text-accent-hover);\n --inverse-text-accent-active: var(--on-dark-text-accent-active);\n --inverse-text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n --inverse-text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n --inverse-text-positive-hover: var(--on-dark-text-positive-hover);\n --inverse-text-positive-active: var(--on-dark-text-positive-active);\n --inverse-text-warning-hover: var(--on-dark-text-warning-hover);\n --inverse-text-warning-active: var(--on-dark-text-warning-active);\n --inverse-text-negative-hover: var(--on-dark-text-negative-hover);\n --inverse-text-negative-active: var(--on-dark-text-negative-active);\n --inverse-text-info-hover: var(--on-dark-text-info-hover);\n --inverse-text-info-active: var(--on-dark-text-info-active);\n --inverse-text-positive-minor-hover: var(--on-dark-text-positive-minor-hover);\n --inverse-text-positive-minor-active: var(--on-dark-text-positive-minor-active);\n --inverse-text-warning-minor-hover: var(--on-dark-text-warning-minor-hover);\n --inverse-text-warning-minor-active: var(--on-dark-text-warning-minor-active);\n --inverse-text-negative-minor-hover: var(--on-dark-text-negative-minor-hover);\n --inverse-text-negative-minor-active: var(--on-dark-text-negative-minor-active);\n --inverse-text-info-minor-hover: var(--on-dark-text-info-minor-hover);\n --inverse-text-info-minor-active: var(--on-dark-text-info-minor-active);\n --inverse-text-primary: var(--on-dark-text-primary);\n --inverse-text-primary-brightness: var(--on-dark-text-primary-brightness);\n --inverse-text-paragraph: var(--on-dark-text-paragraph);\n --inverse-text-accent: var(--on-dark-text-accent);\n --inverse-text-accent-minor: var(--on-dark-text-accent-minor);\n --inverse-text-positive: var(--on-dark-text-positive);\n --inverse-text-warning: var(--on-dark-text-warning);\n --inverse-text-negative: var(--on-dark-text-negative);\n --inverse-text-info: var(--on-dark-text-info);\n --inverse-text-positive-minor: var(--on-dark-text-positive-minor);\n --inverse-text-warning-minor: var(--on-dark-text-warning-minor);\n --inverse-text-negative-minor: var(--on-dark-text-negative-minor);\n --inverse-text-info-minor: var(--on-dark-text-info-minor);\n --inverse-text-secondary: var(--on-dark-text-secondary);\n --inverse-text-tertiary: var(--on-dark-text-tertiary);\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-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n --surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n --surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\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-default-hover: var(--on-light-surface-solid-default-hover);\n --surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n --surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n --surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n --surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n --surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n --surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n --surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n --surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n --surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n --surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n --surface-clear-hover: var(--on-light-surface-clear-hover);\n --surface-clear-active: var(--on-light-surface-clear-active);\n --surface-accent-hover: var(--on-light-surface-accent-hover);\n --surface-accent-active: var(--on-light-surface-accent-active);\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-warning-active: var(--on-light-surface-warning-active);\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 --surface-positive-minor-hover: var(--on-light-surface-positive-minor-hover);\n --surface-positive-minor-active: var(--on-light-surface-positive-minor-active);\n --surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n --surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n --surface-negative-minor-hover: var(--on-light-surface-negative-minor-hover);\n --surface-negative-minor-active: var(--on-light-surface-negative-minor-active);\n --surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n --surface-info-minor-active: var(--on-light-surface-info-minor-active);\n --surface-transparent-positive-hover: var(--on-light-surface-transparent-positive-hover);\n --surface-transparent-positive-active: var(--on-light-surface-transparent-positive-active);\n --surface-transparent-warning-hover: var(--on-light-surface-transparent-warning-hover);\n --surface-transparent-warning-active: var(--on-light-surface-transparent-warning-active);\n --surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n --surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n --surface-transparent-info-hover: var(--on-light-surface-transparent-info-hover);\n --surface-transparent-info-active: var(--on-light-surface-transparent-info-active);\n --surface-solid-card: var(--on-light-surface-solid-card);\n --surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\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: var(--on-light-surface-solid-secondary);\n --surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --surface-solid-default: var(--on-light-surface-solid-default);\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: var(--on-light-surface-clear);\n --surface-accent: var(--on-light-surface-accent);\n --surface-transparent-accent: var(--on-light-surface-transparent-accent);\n --surface-positive: var(--on-light-surface-positive);\n --surface-warning: var(--on-light-surface-warning);\n --surface-negative: var(--on-light-surface-negative);\n --surface-info: var(--on-light-surface-info);\n --surface-positive-minor: var(--on-light-surface-positive-minor);\n --surface-warning-minor: var(--on-light-surface-warning-minor);\n --surface-negative-minor: var(--on-light-surface-negative-minor);\n --surface-info-minor: var(--on-light-surface-info-minor);\n --surface-transparent-positive: var(--on-light-surface-transparent-positive);\n --surface-transparent-warning: var(--on-light-surface-transparent-warning);\n --surface-transparent-negative: var(--on-light-surface-transparent-negative);\n --surface-transparent-info: var(--on-light-surface-transparent-info);\n --surface-transparent-primary: var(--on-light-surface-transparent-primary);\n --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n --surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n --surface-transparent-deep: var(--on-light-surface-transparent-deep);\n --surface-accent-minor: var(--on-light-surface-accent-minor);\n --inverse-surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --inverse-surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --inverse-surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n --inverse-surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n --inverse-surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --inverse-surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --inverse-surface-solid-card-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-default-hover: var(--on-dark-surface-solid-default-hover);\n --inverse-surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --inverse-surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n --inverse-surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n --inverse-surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n --inverse-surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n --inverse-surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n --inverse-surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n --inverse-surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n --inverse-surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n --inverse-surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n --inverse-surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n --inverse-surface-clear: var(--on-dark-surface-clear);\n --inverse-surface-clear-hover: var(--on-dark-surface-clear-hover);\n --inverse-surface-clear-active: var(--on-dark-surface-clear-active);\n --inverse-surface-accent-hover: var(--on-dark-surface-accent-hover);\n --inverse-surface-accent-active: var(--on-dark-surface-accent-active);\n --inverse-surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n --inverse-surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n --inverse-surface-transparent-accent-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-negative-hover: var(--on-dark-surface-negative-hover);\n --inverse-surface-negative-active: var(--on-dark-surface-negative-active);\n --inverse-surface-info-hover: var(--on-dark-surface-info-hover);\n --inverse-surface-info-active: var(--on-dark-surface-info-active);\n --inverse-surface-positive-minor-hover: var(--on-dark-surface-positive-minor-hover);\n --inverse-surface-positive-minor-active: var(--on-dark-surface-positive-minor-active);\n --inverse-surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n --inverse-surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n --inverse-surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n --inverse-surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n --inverse-surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n --inverse-surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n --inverse-surface-transparent-positive-hover: var(--on-dark-surface-transparent-positive-hover);\n --inverse-surface-transparent-positive-active: var(--on-dark-surface-transparent-positive-active);\n --inverse-surface-transparent-warning-hover: var(--on-dark-surface-transparent-warning-hover);\n --inverse-surface-transparent-warning-active: var(--on-dark-surface-transparent-warning-active);\n --inverse-surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n --inverse-surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n --inverse-surface-transparent-info-hover: var(--on-dark-surface-transparent-info-hover);\n --inverse-surface-transparent-info-active: var(--on-dark-surface-transparent-info-active);\n --inverse-surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\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: var(--on-dark-surface-solid-secondary);\n --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --inverse-surface-solid-default: var(--on-dark-surface-solid-default);\n --inverse-surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n --inverse-surface-transparent-card: var(--on-dark-surface-transparent-card);\n --inverse-surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n --inverse-surface-accent: var(--on-dark-surface-accent);\n --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n --inverse-surface-positive: var(--on-dark-surface-positive);\n --inverse-surface-warning: var(--on-dark-surface-warning);\n --inverse-surface-negative: var(--on-dark-surface-negative);\n --inverse-surface-info: var(--on-dark-surface-info);\n --inverse-surface-positive-minor: var(--on-dark-surface-positive-minor);\n --inverse-surface-warning-minor: var(--on-dark-surface-warning-minor);\n --inverse-surface-negative-minor: var(--on-dark-surface-negative-minor);\n --inverse-surface-info-minor: var(--on-dark-surface-info-minor);\n --inverse-surface-transparent-positive: var(--on-dark-surface-transparent-positive);\n --inverse-surface-transparent-warning: var(--on-dark-surface-transparent-warning);\n --inverse-surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n --inverse-surface-transparent-info: var(--on-dark-surface-transparent-info);\n --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\n --inverse-surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n --inverse-surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n --inverse-surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n --inverse-surface-accent-minor: var(--on-dark-surface-accent-minor);\n --background-primary: var(--light-background-primary);\n --background-primary-brightness: var(--light-background-primary-brightness);\n --inverse-background-primary-brightness: var(--dark-background-primary-brightness);\n --inverse-background-primary: var(--dark-background-primary);\n --overlay-hard: var(--on-light-overlay-hard);\n --overlay-soft: var(--on-light-overlay-soft);\n --overlay-blur: var(--on-light-overlay-blur);\n --inverse-overlay-hard: var(--on-dark-overlay-hard);\n --inverse-overlay-soft: var(--on-dark-overlay-soft);\n --inverse-overlay-blur: var(--on-dark-overlay-blur);\n --outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n --outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n --outline-solid-secondary-hover: var(--on-light-outline-solid-secondary-hover);\n --outline-solid-secondary-active: var(--on-light-outline-solid-secondary-active);\n --outline-solid-tertiary-hover: var(--on-light-outline-solid-tertiary-hover);\n --outline-solid-tertiary-active: var(--on-light-outline-solid-tertiary-active);\n --outline-accent-hover: var(--on-light-outline-accent-hover);\n --outline-accent-active: var(--on-light-outline-accent-active);\n --outline-accent-minor-hover: var(--on-light-outline-accent-minor-hover);\n --outline-accent-minor-active: var(--on-light-outline-accent-minor-active);\n --outline-transparent-accent-hover: var(--on-light-outline-transparent-accent-hover);\n --outline-transparent-accent-active: var(--on-light-outline-transparent-accent-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-info-hover: var(--on-light-outline-info-hover);\n --outline-info-active: var(--on-light-outline-info-active);\n --outline-positive-minor-hover: var(--on-light-outline-positive-minor-hover);\n --outline-positive-minor-active: var(--on-light-outline-positive-minor-active);\n --outline-warning-minor-hover: var(--on-light-outline-warning-minor-hover);\n --outline-warning-minor-active: var(--on-light-outline-warning-minor-active);\n --outline-negative-minor-hover: var(--on-light-outline-negative-minor-hover);\n --outline-negative-minor-active: var(--on-light-outline-negative-minor-active);\n --outline-info-minor-hover: var(--on-light-outline-info-minor-hover);\n --outline-info-minor-active: var(--on-light-outline-info-minor-active);\n --outline-transparent-positive-hover: var(--on-light-outline-transparent-positive-hover);\n --outline-transparent-positive-active: var(--on-light-outline-transparent-positive-active);\n --outline-transparent-warning-hover: var(--on-light-outline-transparent-warning-hover);\n --outline-transparent-warning-active: var(--on-light-outline-transparent-warning-active);\n --outline-transparent-negative-hover: var(--on-light-outline-transparent-negative-hover);\n --outline-transparent-negative-active: var(--on-light-outline-transparent-negative-active);\n --outline-transparent-info-hover: var(--on-light-outline-transparent-info-hover);\n --outline-transparent-info-active: var(--on-light-outline-transparent-info-active);\n --outline-solid-primary: var(--on-light-outline-solid-primary);\n --outline-solid-secondary: var(--on-light-outline-solid-secondary);\n --outline-solid-tertiary: var(--on-light-outline-solid-tertiary);\n --outline-accent: var(--on-light-outline-accent);\n --outline-transparent-accent: var(--on-light-outline-transparent-accent);\n --outline-accent-minor: var(--on-light-outline-accent-minor);\n --outline-positive: var(--on-light-outline-positive);\n --outline-info: var(--on-light-outline-info);\n --outline-positive-minor: var(--on-light-outline-positive-minor);\n --outline-warning-minor: var(--on-light-outline-warning-minor);\n --outline-negative-minor: var(--on-light-outline-negative-minor);\n --outline-info-minor: var(--on-light-outline-info-minor);\n --outline-transparent-positive: var(--on-light-outline-transparent-positive);\n --outline-transparent-warning: var(--on-light-outline-transparent-warning);\n --outline-transparent-negative: var(--on-light-outline-transparent-negative);\n --outline-transparent-info: var(--on-light-outline-transparent-info);\n --outline-warning: var(--on-light-outline-warning);\n --outline-negative: var(--on-light-outline-negative);\n --outline-solid-default: var(--on-light-outline-solid-default);\n --outline-solid-default-hover: var(--on-light-outline-solid-default-hover);\n --outline-solid-default-active: var(--on-light-outline-solid-default-active);\n --inverse-outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n --inverse-outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n --inverse-outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n --inverse-outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n --inverse-outline-solid-tertiary-hover: var(--on-dark-outline-solid-tertiary-hover);\n --inverse-outline-solid-tertiary-active: var(--on-dark-outline-solid-tertiary-active);\n --inverse-outline-accent-hover: var(--on-dark-outline-accent-hover);\n --inverse-outline-accent-active: var(--on-dark-outline-accent-active);\n --inverse-outline-accent-minor-hover: var(--on-dark-outline-accent-minor-hover);\n --inverse-outline-accent-minor-active: var(--on-dark-outline-accent-minor-active);\n --inverse-outline-transparent-accent-hover: var(--on-dark-outline-transparent-accent-hover);\n --inverse-outline-transparent-accent-active: var(--on-dark-outline-transparent-accent-active);\n --inverse-outline-positive-hover: var(--on-dark-outline-positive-hover);\n --inverse-outline-positive-active: var(--on-dark-outline-positive-active);\n --inverse-outline-warning-hover: var(--on-dark-outline-warning-hover);\n --inverse-outline-warning-active: var(--on-dark-outline-warning-active);\n --inverse-outline-negative-hover: var(--on-dark-outline-negative-hover);\n --inverse-outline-negative-active: var(--on-dark-outline-negative-active);\n --inverse-outline-info-hover: var(--on-dark-outline-info-hover);\n --inverse-outline-info-active: var(--on-dark-outline-info-active);\n --inverse-outline-positive-minor-hover: var(--on-dark-outline-positive-minor-hover);\n --inverse-outline-positive-minor-active: var(--on-dark-outline-positive-minor-active);\n --inverse-outline-warning-minor-hover: var(--on-dark-outline-warning-minor-hover);\n --inverse-outline-warning-minor-active: var(--on-dark-outline-warning-minor-active);\n --inverse-outline-negative-minor-hover: var(--on-dark-outline-negative-minor-hover);\n --inverse-outline-negative-minor-active: var(--on-dark-outline-negative-minor-active);\n --inverse-outline-info-minor-hover: var(--on-dark-outline-info-minor-hover);\n --inverse-outline-info-minor-active: var(--on-dark-outline-info-minor-active);\n --inverse-outline-transparent-positive-hover: var(--on-dark-outline-transparent-positive-hover);\n --inverse-outline-transparent-positive-active: var(--on-dark-outline-transparent-positive-active);\n --inverse-outline-transparent-warning-hover: var(--on-dark-outline-transparent-warning-hover);\n --inverse-outline-transparent-warning-active: var(--on-dark-outline-transparent-warning-active);\n --inverse-outline-transparent-negative-hover: var(--on-dark-outline-transparent-negative-hover);\n --inverse-outline-transparent-negative-active: var(--on-dark-outline-transparent-negative-active);\n --inverse-outline-transparent-info-hover: var(--on-dark-outline-transparent-info-hover);\n --inverse-outline-transparent-info-active: var(--on-dark-outline-transparent-info-active);\n --inverse-outline-solid-primary: var(--on-dark-outline-solid-primary);\n --inverse-outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n --inverse-outline-solid-tertiary: var(--on-dark-outline-solid-tertiary);\n --inverse-outline-accent: var(--on-dark-outline-accent);\n --inverse-outline-accent-minor: var(--on-dark-outline-accent-minor);\n --inverse-outline-transparent-accent: var(--on-dark-outline-transparent-accent);\n --inverse-outline-positive: var(--on-dark-outline-positive);\n --inverse-outline-warning: var(--on-dark-outline-warning);\n --inverse-outline-negative: var(--on-dark-outline-negative);\n --inverse-outline-info: var(--on-dark-outline-info);\n --inverse-outline-positive-minor: var(--on-dark-outline-positive-minor);\n --inverse-outline-warning-minor: var(--on-dark-outline-warning-minor);\n --inverse-outline-negative-minor: var(--on-dark-outline-negative-minor);\n --inverse-outline-info-minor: var(--on-dark-outline-info-minor);\n --inverse-outline-transparent-positive: var(--on-dark-outline-transparent-positive);\n --inverse-outline-transparent-warning: var(--on-dark-outline-transparent-warning);\n --inverse-outline-transparent-negative: var(--on-dark-outline-transparent-negative);\n --inverse-outline-transparent-info: var(--on-dark-outline-transparent-info);\n --inverse-outline-solid-default-hover: var(--on-dark-outline-solid-default-hover);\n --inverse-outline-solid-default-active: var(--on-dark-outline-solid-default-active);\n --inverse-outline-solid-default: var(--on-dark-outline-solid-default);\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-hover: var(--on-light-data-yellow-transparent-hover);\n --data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n --data-yellow-light: var(--on-light-data-yellow-light);\n --data-yellow-light-hover: var(--on-light-data-yellow-light-hover);\n --data-yellow-light-active: var(--on-light-data-yellow-light-active);\n --data-sky-blue-light-hover: var(--on-light-data-sky-blue-light-hover);\n --data-sky-blue-light-active: var(--on-light-data-sky-blue-light-active);\n --data-orchid: var(--on-light-data-orchid);\n --data-blue-minor: var(--on-light-data-blue-minor);\n --data-orchid-minor: var(--on-light-data-orchid-minor);\n --data-blue-light: var(--on-light-data-blue-light);\n --data-arctic: var(--on-light-data-arctic);\n --data-green: var(--on-light-data-green);\n --data-green-minor: var(--on-light-data-green-minor);\n --data-green-light: var(--on-light-data-green-light);\n --data-spring: var(--on-light-data-spring);\n --data-orange: var(--on-light-data-orange);\n --data-orange-minor: var(--on-light-data-orange-minor);\n --data-orange-light: var(--on-light-data-orange-light);\n --data-red: var(--on-light-data-red);\n --data-red-minor: var(--on-light-data-red-minor);\n --data-red-light: var(--on-light-data-red-light);\n --data-blue: var(--on-light-data-blue);\n --data-blue-mild: var(--on-light-data-blue-mild);\n --data-malachite: var(--on-light-data-malachite);\n --data-malachite-minor: var(--on-light-data-malachite-minor);\n --data-electric-blue: var(--on-light-data-electric-blue);\n --data-fuchsia: var(--on-light-data-fuchsia);\n --data-pink: var(--on-light-data-pink);\n --data-gray: var(--on-light-data-gray);\n --data-gray-minor: var(--on-light-data-gray-minor);\n --data-red-transparent: var(--on-light-data-red-transparent);\n --data-yellow-transparent: var(--on-light-data-yellow-transparent);\n --data-blue-transparent: var(--on-light-data-blue-transparent);\n --data-green-transparent: var(--on-light-data-green-transparent);\n --data-orange-transparent: var(--on-light-data-orange-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 --inverse-data-yellow-light-hover: var(--on-dark-data-yellow-light-hover);\n --inverse-data-yellow-light-active: var(--on-dark-data-yellow-light-active);\n --inverse-data-sky-blue-light-hover: var(--on-dark-data-sky-blue-light-hover);\n --inverse-data-sky-blue-light-active: var(--on-dark-data-sky-blue-light-active);\n --inverse-data-blue-minor: var(--on-dark-data-blue-minor);\n --inverse-data-yellow-light: var(--on-dark-data-yellow-light);\n --inverse-data-sky-blue-light: var(--on-dark-data-sky-blue-light);\n --inverse-data-orchid: var(--on-dark-data-orchid);\n --inverse-data-orchid-minor: var(--on-dark-data-orchid-minor);\n --inverse-data-orange: var(--on-dark-data-orange);\n --inverse-data-orange-minor: var(--on-dark-data-orange-minor);\n --inverse-data-orange-light: var(--on-dark-data-orange-light);\n --inverse-data-red: var(--on-dark-data-red);\n --inverse-data-red-minor: var(--on-dark-data-red-minor);\n --inverse-data-red-light: var(--on-dark-data-red-light);\n --inverse-data-arctic: var(--on-dark-data-arctic);\n --inverse-data-green: var(--on-dark-data-green);\n --inverse-data-green-minor: var(--on-dark-data-green-minor);\n --inverse-data-green-light: var(--on-dark-data-green-light);\n --inverse-data-spring: var(--on-dark-data-spring);\n --inverse-data-blue: var(--on-dark-data-blue);\n --inverse-data-blue-mild: var(--on-dark-data-blue-mild);\n --inverse-data-malachite: var(--on-dark-data-malachite);\n --inverse-data-malachite-minor: var(--on-dark-data-malachite-minor);\n --inverse-data-electric-blue: var(--on-dark-data-electric-blue);\n --inverse-data-fuchsia: var(--on-dark-data-fuchsia);\n --inverse-data-pink: var(--on-dark-data-pink);\n --inverse-data-gray: var(--on-dark-data-gray);\n --inverse-data-gray-minor: var(--on-dark-data-gray-minor);\n --inverse-data-red-transparent: var(--on-dark-data-red-transparent);\n --inverse-data-orange-transparent: var(--on-dark-data-orange-transparent);\n --inverse-data-green-transparent: var(--on-dark-data-green-transparent);\n --inverse-data-blue-transparent: var(--on-dark-data-blue-transparent);\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-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --inverse-surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n --inverse-surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n --inverse-surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n --inverse-surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n --inverse-surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n ",
|
|
2184
2400
|
};
|
|
2185
2401
|
//# sourceMappingURL=index.js.map
|