@salutejs/plasma-tokens 1.145.0-next-sbcom.0 → 1.145.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.
@@ -47,9 +47,9 @@ export declare const textAccentActive = "var(--text-accent-active, #1F9835FF)";
47
47
  /** Акцентный цвет */
48
48
  export declare const textAccent = "var(--text-accent, #24B23E)";
49
49
  /** Акцентный цвет с градиентом */
50
- export declare const textAccentGradientHover = "var(--text-accent-gradient-hover, #CCCCCCFF)";
50
+ export declare const textAccentGradientHover = "var(--text-accent-gradient-hover, #858585FF)";
51
51
  /** Акцентный цвет с градиентом */
52
- export declare const textAccentGradientActive = "var(--text-accent-gradient-active, #E6E6E6FF)";
52
+ export declare const textAccentGradientActive = "var(--text-accent-gradient-active, #666666FF)";
53
53
  /** Акцентный минорный цвет */
54
54
  export declare const textAccentMinorHover = "var(--text-accent-minor-hover, #0F9527FF)";
55
55
  /** Акцентный минорный цвет */
@@ -110,10 +110,10 @@ export declare const textInfoMinor = "var(--text-info-minor, #0D5382)";
110
110
  export declare const textNegativeMinor = "var(--text-negative-minor, #9C1422)";
111
111
  /** Минорный цвет предупреждения */
112
112
  export declare const textWarningMinor = "var(--text-warning-minor, #85380C)";
113
- /** Акцентный цвет с градиентом */
114
- export declare const textAccentGradient = "var(--text-accent-gradient, linear-gradient(45.00deg, rgb(26, 158, 50) 0%, rgb(4, 198, 201) 99.688%))";
115
113
  /** Основной цвет текста */
116
114
  export declare const textPrimary = "var(--text-primary, #F5F5F5)";
115
+ /** Акцентный цвет с градиентом */
116
+ export declare const textAccentGradient = "var(--text-accent-gradient, linear-gradient(45deg, #52F2C5 0%, #C5FC5F 100%))";
117
117
  /** Основной цвет текста на темном фоне */
118
118
  export declare const onDarkTextPrimaryHover = "var(--on-dark-text-primary-hover, #7A7A7AFF)";
119
119
  /** Основной цвет текста на темном фоне */
@@ -139,9 +139,9 @@ export declare const onDarkTextAccentActive = "var(--on-dark-text-accent-active,
139
139
  /** Акцентный цвет на темном фоне */
140
140
  export declare const onDarkTextAccent = "var(--on-dark-text-accent, #24B23E)";
141
141
  /** Акцентный цвет с градиентом на темном фоне */
142
- export declare const onDarkTextAccentGradientHover = "var(--on-dark-text-accent-gradient-hover, #CCCCCCFF)";
142
+ export declare const onDarkTextAccentGradientHover = "var(--on-dark-text-accent-gradient-hover, #858585FF)";
143
143
  /** Акцентный цвет с градиентом на темном фоне */
144
- export declare const onDarkTextAccentGradientActive = "var(--on-dark-text-accent-gradient-active, #E6E6E6FF)";
144
+ export declare const onDarkTextAccentGradientActive = "var(--on-dark-text-accent-gradient-active, #666666FF)";
145
145
  /** Акцентный минорный цвет на темном фоне */
146
146
  export declare const onDarkTextAccentMinorHover = "var(--on-dark-text-accent-minor-hover, #0F9527FF)";
147
147
  /** Акцентный минорный цвет на темном фоне */
@@ -192,10 +192,10 @@ export declare const onDarkTextNegativeMinor = "var(--on-dark-text-negative-mino
192
192
  export declare const onDarkTextInfoMinor = "var(--on-dark-text-info-minor, #0D5382)";
193
193
  /** Минорный цвет предупреждения на темном фоне */
194
194
  export declare const onDarkTextWarningMinor = "var(--on-dark-text-warning-minor, #85380C)";
195
- /** Акцентный цвет с градиентом на темном фоне */
196
- export declare const onDarkTextAccentGradient = "var(--on-dark-text-accent-gradient, linear-gradient(45.00deg, rgb(26, 158, 50) 0%, rgb(4, 198, 201) 99.688%))";
197
195
  /** Основной цвет текста на темном фоне */
198
196
  export declare const onDarkTextPrimary = "var(--on-dark-text-primary, #F5F5F5)";
197
+ /** Акцентный цвет с градиентом на темном фоне */
198
+ export declare const onDarkTextAccentGradient = "var(--on-dark-text-accent-gradient, linear-gradient(45deg, #52F2C5 0%, #C5FC5F 100%))";
199
199
  /** Основной цвет текста на светлом фоне */
200
200
  export declare const onLightTextPrimaryHover = "var(--on-light-text-primary-hover, #969696FF)";
201
201
  /** Основной цвет текста на светлом фоне */
@@ -546,14 +546,17 @@ export declare const surfaceTransparentNegative = "var(--surface-transparent-neg
546
546
  export declare const surfaceTransparentWarning = "var(--surface-transparent-warning, rgba(250,95,5,0.2))";
547
547
  /** Прозрачный цвет фона поверхности/контрола успех */
548
548
  export declare const surfaceTransparentPositive = "var(--surface-transparent-positive, rgba(26,158,50,0.2))";
549
- /** Акцентный фон поверхности/контрола с градиентом */
550
- export declare const surfaceAccentGradient = "var(--surface-accent-gradient, linear-gradient(45.00deg, rgb(26, 158, 50) 0.323%, rgb(4, 198, 201) 100%))";
551
549
  export declare const surfaceTransparentPositiveMinor = "var(--surface-transparent-positive-minor, #C5FC5F0D)";
552
550
  export declare const surfaceTransparentPositiveMinorHover = "var(--surface-transparent-positive-minor-hover, #C5FC5F1C)";
553
551
  export declare const surfaceTransparentPositiveMinorActive = "var(--surface-transparent-positive-minor-active, #C5FC5F08)";
554
552
  export declare const surfaceTransparentNegativeMinor = "var(--surface-transparent-negative-minor, #FA5F050D)";
555
553
  export declare const surfaceTransparentNegativeMinorHover = "var(--surface-transparent-negative-minor-hover, #FA5F051C)";
556
554
  export declare const surfaceTransparentNegativeMinorActive = "var(--surface-transparent-negative-minor-active, #FA5F0508)";
555
+ export declare const surfaceAccentExtraHover = "var(--surface-accent-extra-hover, #1DAF37FF)";
556
+ export declare const surfaceAccentExtraActive = "var(--surface-accent-extra-active, #18952FFF)";
557
+ export declare const surfaceAccentExtra = "var(--surface-accent-extra, #1A9E32)";
558
+ /** Акцентный фон поверхности/контрола с градиентом */
559
+ export declare const surfaceAccentGradient = "var(--surface-accent-gradient, linear-gradient(45deg, #52F2C5 0%, #C5FC5F 100%))";
557
560
  /** Основной непрозрачный фон поверхности/контрола на темном фоне */
558
561
  export declare const onDarkSurfaceSolidPrimaryHover = "var(--on-dark-surface-solid-primary-hover, #1C1C1CFF)";
559
562
  /** Основной непрозрачный фон поверхности/контрола на темном фоне */
@@ -720,14 +723,17 @@ export declare const onDarkSurfaceTransparentWarning = "var(--on-dark-surface-tr
720
723
  export declare const onDarkSurfaceTransparentNegative = "var(--on-dark-surface-transparent-negative, rgba(255,41,62,0.2))";
721
724
  /** Прозрачный цвет фона поверхности/контрола информация на темном фоне */
722
725
  export declare const onDarkSurfaceTransparentInfo = "var(--on-dark-surface-transparent-info, rgba(17,140,223,0.2))";
723
- /** Акцентный фон поверхности/контрола с градиентом на темном фоне */
724
- export declare const onDarkSurfaceAccentGradient = "var(--on-dark-surface-accent-gradient, linear-gradient(45.00deg, rgb(26, 158, 50) 0.323%, rgb(4, 198, 201) 100%))";
725
726
  export declare const onDarkSurfaceTransparentPositiveMinor = "var(--on-dark-surface-transparent-positive-minor, #C5FC5F0D)";
726
727
  export declare const onDarkSurfaceTransparentPositiveMinorHover = "var(--on-dark-surface-transparent-positive-minor-hover, #C5FC5F1C)";
727
728
  export declare const onDarkSurfaceTransparentPositiveMinorActive = "var(--on-dark-surface-transparent-positive-minor-active, #C5FC5F08)";
728
729
  export declare const onDarkSurfaceTransparentNegativeMinor = "var(--on-dark-surface-transparent-negative-minor, #FA5F050D)";
729
730
  export declare const onDarkSurfaceTransparentNegativeMinorHover = "var(--on-dark-surface-transparent-negative-minor-hover, #FA5F051C)";
730
731
  export declare const onDarkSurfaceTransparentNegativeMinorActive = "var(--on-dark-surface-transparent-negative-minor-active, #FA5F0508)";
732
+ export declare const onDarkSurfaceAccentExtra = "var(--on-dark-surface-accent-extra, #1A9E32)";
733
+ export declare const onDarkSurfaceAccentExtraHover = "var(--on-dark-surface-accent-extra-hover, #1DAF37FF)";
734
+ export declare const onDarkSurfaceAccentExtraActive = "var(--on-dark-surface-accent-extra-active, #18952FFF)";
735
+ /** Акцентный фон поверхности/контрола с градиентом на темном фоне */
736
+ export declare const onDarkSurfaceAccentGradient = "var(--on-dark-surface-accent-gradient, linear-gradient(45deg, #52F2C5 0%, #C5FC5F 100%))";
731
737
  /** Основной непрозрачный фон поверхности на светлом фоне */
732
738
  export declare const onLightSurfaceSolidPrimaryHover = "var(--on-light-surface-solid-primary-hover, #F2F2F2FF)";
733
739
  /** Основной непрозрачный фон поверхности на светлом фоне */
@@ -904,6 +910,9 @@ export declare const onLightSurfaceTransparentPositiveMinorActive = "var(--on-li
904
910
  export declare const onLightSurfaceTransparentNegativeMinor = "var(--on-light-surface-transparent-negative-minor, #FA5F050D)";
905
911
  export declare const onLightSurfaceTransparentNegativeMinorHover = "var(--on-light-surface-transparent-negative-minor-hover, #FA5F0512)";
906
912
  export declare const onLightSurfaceTransparentNegativeMinorActive = "var(--on-light-surface-transparent-negative-minor-active, #FA5F0517)";
913
+ export declare const onLightSurfaceAccentExtra = "var(--on-light-surface-accent-extra, #080808)";
914
+ export declare const onLightSurfaceAccentExtraHover = "var(--on-light-surface-accent-extra-hover, #262626FF)";
915
+ export declare const onLightSurfaceAccentExtraActive = "var(--on-light-surface-accent-extra-active, #030303FF)";
907
916
  /** Инвертированный основной непрозрачный фон поверхности */
908
917
  export declare const inverseSurfaceSolidPrimaryHover = "var(--inverse-surface-solid-primary-hover, #F2F2F2FF)";
909
918
  /** Инвертированный основной непрозрачный фон поверхности */
@@ -1078,6 +1087,9 @@ export declare const inverseSurfaceTransparentPositiveMinorActive = "var(--inver
1078
1087
  export declare const inverseSurfaceTransparentNegativeMinor = "var(--inverse-surface-transparent-negative-minor, #FA5F050D)";
1079
1088
  export declare const inverseSurfaceTransparentNegativeMinorHover = "var(--inverse-surface-transparent-negative-minor-hover, #FA5F0512)";
1080
1089
  export declare const inverseSurfaceTransparentNegativeMinorActive = "var(--inverse-surface-transparent-negative-minor-active, #FA5F0517)";
1090
+ export declare const inverseSurfaceAccentExtraHover = "var(--inverse-surface-accent-extra-hover, #262626FF)";
1091
+ export declare const inverseSurfaceAccentExtraActive = "var(--inverse-surface-accent-extra-active, #030303FF)";
1092
+ export declare const inverseSurfaceAccentExtra = "var(--inverse-surface-accent-extra, #080808)";
1081
1093
  /** Основной фон */
1082
1094
  export declare const backgroundPrimary = "var(--background-primary, #080808)";
1083
1095
  /** Основной фон */
@@ -1245,8 +1257,6 @@ export declare const outlineTransparentWarning = "var(--outline-transparent-warn
1245
1257
  export declare const outlineTransparentNegative = "var(--outline-transparent-negative, rgba(255,61,81,0.28))";
1246
1258
  /** Прозрачный цвет обводки информация */
1247
1259
  export declare const outlineTransparentInfo = "var(--outline-transparent-info, rgba(25,154,240,0.28))";
1248
- /** Акцентный цвет обводки с градиентом */
1249
- export declare const outlineAccentGradient = "var(--outline-accent-gradient, linear-gradient(45.00deg, rgb(26, 158, 50) 0%, rgb(4, 198, 201) 99.688%))";
1250
1260
  /** Вторичный непрозрачный цвет обводки */
1251
1261
  export declare const outlineSolidSecondary = "var(--outline-solid-secondary, #4E4E4E)";
1252
1262
  /** Третичный непрозрачный цвет обводки */
@@ -1263,6 +1273,8 @@ export declare const outlinePrimaryWhiteHover = "var(--outline-primary-white-hov
1263
1273
  export declare const outlinePrimaryWhiteActive = "var(--outline-primary-white-active, #363636FF)";
1264
1274
  export declare const outlinePrimaryWhite = "var(--outline-primary-white, #4E4E4E)";
1265
1275
  export declare const outlineSolidDefault = "var(--outline-solid-default, #F5F5F5)";
1276
+ /** Акцентный цвет обводки с градиентом */
1277
+ export declare const outlineAccentGradient = "var(--outline-accent-gradient, linear-gradient(45deg, #C5FC5F 0%, #04C6C9 100%))";
1266
1278
  /** Основной непрозрачный цвет обводки на темном фоне */
1267
1279
  export declare const onDarkOutlineSolidPrimaryHover = "var(--on-dark-outline-solid-primary-hover, #545454FF)";
1268
1280
  /** Основной непрозрачный цвет обводки на темном фоне */
@@ -1389,8 +1401,6 @@ export declare const onDarkOutlineAccentMinor = "var(--on-dark-outline-accent-mi
1389
1401
  export declare const onDarkOutlinePositiveMinor = "var(--on-dark-outline-positive-minor, #095C18)";
1390
1402
  /** Цвет обводки успех на темном фоне */
1391
1403
  export declare const onDarkOutlinePositive = "var(--on-dark-outline-positive, #24B23E)";
1392
- /** Акцентный цвет обводки с градиентом на темном фоне */
1393
- export declare const onDarkOutlineAccentGradient = "var(--on-dark-outline-accent-gradient, linear-gradient(45.00deg, rgb(26, 158, 50) 0%, rgb(4, 198, 201) 99.688%))";
1394
1404
  /** Основной прозрачный цвет обводки на темном фоне */
1395
1405
  export declare const onDarkOutlineTransparentPrimary = "var(--on-dark-outline-transparent-primary, rgba(255,255,255,0.12))";
1396
1406
  /** Вторичный прозрачный цвет обводки на темном фоне */
@@ -1407,6 +1417,8 @@ export declare const onDarkOutlinePrimaryWhite = "var(--on-dark-outline-primary-
1407
1417
  export declare const onDarkOutlinePrimaryWhiteHover = "var(--on-dark-outline-primary-white-hover, #ABABABFF)";
1408
1418
  export declare const onDarkOutlinePrimaryWhiteActive = "var(--on-dark-outline-primary-white-active, #363636FF)";
1409
1419
  export declare const onDarkOutlineSolidDefault = "var(--on-dark-outline-solid-default, #F5F5F5)";
1420
+ /** Акцентный цвет обводки с градиентом на темном фоне */
1421
+ export declare const onDarkOutlineAccentGradient = "var(--on-dark-outline-accent-gradient, linear-gradient(45deg, #C5FC5F 0%, #04C6C9 100%))";
1410
1422
  /** Основной непрозрачный цвет обводки на светлом фоне */
1411
1423
  export declare const onLightOutlineSolidPrimaryHover = "var(--on-light-outline-solid-primary-hover, #ABABABFF)";
1412
1424
  /** Основной непрозрачный цвет обводки на светлом фоне */
@@ -1713,6 +1725,12 @@ export declare const dataDefaultDataYellowTransparent = "var(--data-default-data
1713
1725
  export declare const dataDefaultDataYellowTransparentHover = "var(--data-default-data-yellow-transparent-hover, #F3A812AD)";
1714
1726
  /** Прозрачный желтый цвет для данных */
1715
1727
  export declare const dataDefaultDataYellowTransparentActive = "var(--data-default-data-yellow-transparent-active, #F3A81280)";
1728
+ export declare const dataDefaultDataTransparentPurpleExtraHover = "var(--data-default-data-transparent-purple-extra-hover, #B558F352)";
1729
+ export declare const dataDefaultDataTransparentPurpleExtraActive = "var(--data-default-data-transparent-purple-extra-active, #B558F324)";
1730
+ export declare const dataDefaultDataTransparentPurpleExtra = "var(--data-default-data-transparent-purple-extra, #B559F333)";
1731
+ export declare const dataDefaultDataPurpleExtraHover = "var(--data-default-data-purple-extra-hover, #BA5FF7FF)";
1732
+ export declare const dataDefaultDataPurpleExtraActive = "var(--data-default-data-purple-extra-active, #A938F5FF)";
1733
+ export declare const dataDefaultDataPurpleExtra = "var(--data-default-data-purple-extra, #AD42F5)";
1716
1734
  /** Желтый цвет для данных на темном фоне */
1717
1735
  export declare const dataOnDarkDataYellow = "var(--data-on-dark-data-yellow, #F3A912)";
1718
1736
  /** Желтый цвет для данных на темном фоне */
@@ -1731,6 +1749,12 @@ export declare const dataOnDarkDataYellowTransparent = "var(--data-on-dark-data-
1731
1749
  export declare const dataOnDarkDataYellowTransparentHover = "var(--data-on-dark-data-yellow-transparent-hover, #F3A812AD)";
1732
1750
  /** Прозрачный желтый цвет для данных на темном фоне */
1733
1751
  export declare const dataOnDarkDataYellowTransparentActive = "var(--data-on-dark-data-yellow-transparent-active, #F3A81280)";
1752
+ export declare const dataOnDarkDataTransparentPurpleExtra = "var(--data-on-dark-data-transparent-purple-extra, #B559F333)";
1753
+ export declare const dataOnDarkDataTransparentPurpleExtraHover = "var(--data-on-dark-data-transparent-purple-extra-hover, #B558F352)";
1754
+ export declare const dataOnDarkDataTransparentPurpleExtraActive = "var(--data-on-dark-data-transparent-purple-extra-active, #B558F324)";
1755
+ export declare const dataOnDarkDataPurpleExtra = "var(--data-on-dark-data-purple-extra, #AD42F5)";
1756
+ export declare const dataOnDarkDataPurpleExtraHover = "var(--data-on-dark-data-purple-extra-hover, #BA5FF7FF)";
1757
+ export declare const dataOnDarkDataPurpleExtraActive = "var(--data-on-dark-data-purple-extra-active, #A938F5FF)";
1734
1758
  /** Желтый цвет для данных на светлом фоне */
1735
1759
  export declare const dataOnLightDataYellow = "var(--data-on-light-data-yellow, #F3A912)";
1736
1760
  /** Желтый цвет для данных на светлом фоне */
@@ -1749,6 +1773,12 @@ export declare const dataOnLightDataYellowTransparent = "var(--data-on-light-dat
1749
1773
  export declare const dataOnLightDataYellowTransparentHover = "var(--data-on-light-data-yellow-transparent-hover, #F3A8129E)";
1750
1774
  /** Прозрачный желтый цвет для данных на светлом фоне */
1751
1775
  export declare const dataOnLightDataYellowTransparentActive = "var(--data-on-light-data-yellow-transparent-active, #F3A812A3)";
1776
+ export declare const dataOnLightDataTransparentPurpleExtra = "var(--data-on-light-data-transparent-purple-extra, #B559F31F)";
1777
+ export declare const dataOnLightDataTransparentPurpleExtraHover = "var(--data-on-light-data-transparent-purple-extra-hover, #B558F32E)";
1778
+ export declare const dataOnLightDataTransparentPurpleExtraActive = "var(--data-on-light-data-transparent-purple-extra-active, #B558F333)";
1779
+ export declare const dataOnLightDataPurpleExtra = "var(--data-on-light-data-purple-extra, #722BA1)";
1780
+ export declare const dataOnLightDataPurpleExtraHover = "var(--data-on-light-data-purple-extra-hover, #7D2FB1FF)";
1781
+ export declare const dataOnLightDataPurpleExtraActive = "var(--data-on-light-data-purple-extra-active, #662791FF)";
1752
1782
  /** Инвертированный желтый цвет для данных */
1753
1783
  export declare const dataInverseDataYellow = "var(--data-inverse-data-yellow, #F3A912)";
1754
1784
  /** Инвертированный желтый цвет для данных */
@@ -1767,6 +1797,12 @@ export declare const dataInverseDataYellowTransparent = "var(--data-inverse-data
1767
1797
  export declare const dataInverseDataYellowTransparentHover = "var(--data-inverse-data-yellow-transparent-hover, #F3A8129E)";
1768
1798
  /** Инвертированный прозрачный желтый цвет для данных */
1769
1799
  export declare const dataInverseDataYellowTransparentActive = "var(--data-inverse-data-yellow-transparent-active, #F3A812A3)";
1800
+ export declare const dataInverseDataTransparentPurpleExtraHover = "var(--data-inverse-data-transparent-purple-extra-hover, #B558F32E)";
1801
+ export declare const dataInverseDataTransparentPurpleExtraActive = "var(--data-inverse-data-transparent-purple-extra-active, #B558F333)";
1802
+ export declare const dataInverseDataTransparentPurpleExtra = "var(--data-inverse-data-transparent-purple-extra, #B559F31F)";
1803
+ export declare const dataInverseDataPurpleExtraHover = "var(--data-inverse-data-purple-extra-hover, #7D2FB1FF)";
1804
+ export declare const dataInverseDataPurpleExtraActive = "var(--data-inverse-data-purple-extra-active, #662791FF)";
1805
+ export declare const dataInverseDataPurpleExtra = "var(--data-inverse-data-purple-extra, #722BA1)";
1770
1806
  export declare const skeletonGradient = "var(--skeleton-gradient, linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% ))";
1771
1807
  export declare const skeletonGradientLighter = "var(--skeleton-gradient-lighter, linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% ))";
1772
1808
  /** @deprecated instead use onDarkTextPrimary */