@salutejs/sdds-cs 0.330.0 → 0.330.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/CHANGELOG.md CHANGED
@@ -1,3 +1,96 @@
1
+ ## 0.330.0 (15 октября 2025)
2
+
3
+ ## Функциональные изменения в компонентах
4
+
5
+ ### Combobox, Select
6
+
7
+ * Исправлена некорректная работа компонента при асинхронной загрузке опций в режиме `multiple`
8
+
9
+ [PR](https://github.com/salute-developers/plasma/pull/2268)
10
+
11
+ ### Chip, TextField, Select, Combobox
12
+
13
+ * Добавлено состояние `hover` для крестика в `Chip`
14
+
15
+ * Добавлено свойство `chipClickArea`, которое определяет область нажатия
16
+
17
+ [PR](https://github.com/salute-developers/plasma/pull/2237)
18
+
19
+ ### Tree
20
+
21
+ * Исправлено некорректной поведение компонента при использование ключа `type` в объектах `treeData`
22
+
23
+ [PR](https://github.com/salute-developers/plasma/pull/2267)
24
+
25
+ ### Modal
26
+
27
+ * Исправлено переопределение overlay при использование свойства `hasBody`
28
+
29
+ [PR](https://github.com/salute-developers/plasma/pull/2276)
30
+
31
+ ### Popup, Drawer
32
+
33
+ * Добавлено новое свойство `positionFixed`, которое вне зависимости от `frame` устанавливает `position: fixed`
34
+
35
+ [PR](https://github.com/salute-developers/plasma/pull/2277)
36
+
37
+ ### Slider
38
+
39
+ * Исправлена транзитивная ошибка `_reactDom.default.findDOMNode is not a function` в библиотеки `react-draggable` при использование в связке с `React 19`
40
+
41
+ [PR](https://github.com/salute-developers/plasma/pull/2282)
42
+
43
+ ### Table
44
+
45
+ * Добавлены новые свойства `setCellProps` и `setRowProps` для настройки атрибутов в `cell` и `row` соответственно
46
+
47
+ * Обновлена документацию: новые примеры, улучшили структуру
48
+
49
+ [PR](https://github.com/salute-developers/plasma/pull/2271)
50
+
51
+ ### Popover
52
+
53
+ * Добавлен механизм resizable
54
+
55
+ * Добавлены новые `callback` для событий `onResizeStart`, `onResizeStop`
56
+
57
+ [PR](https://github.com/salute-developers/plasma/pull/2281)
58
+
59
+ ### Icons
60
+
61
+ * Добавлены новые иконки: `DocumentAddOutline/Fill, FilterFunnelOffOutline/Fill, TargetOutline, OpenPanelFill, ClosePanelFill`
62
+
63
+ [PR](https://github.com/salute-developers/plasma/pull/2284)
64
+
65
+ ### ProgressBarCircular
66
+
67
+ * Добавлен новый компонент
68
+
69
+ [PR](https://github.com/salute-developers/plasma/pull/2280)
70
+
71
+ ## Docs
72
+
73
+ ### Popover, Modal
74
+
75
+ * Добавлен новый раздел описывающий работу свойства `isFocusTrapped`
76
+
77
+ [PR](https://github.com/salute-developers/plasma/pull/2273)
78
+
79
+ ## Изменения в библиотеки
80
+
81
+ ### Tokens
82
+
83
+ * Исправлены токены для `:hover` `:active` на `text-accent-minor`
84
+
85
+ [PR](https://github.com/salute-developers/plasma/pull/2269)
86
+
87
+ ### ButtonGroup
88
+
89
+ * Исправлен `view: secondary` в соответсвии с макетами
90
+
91
+ [PR](https://github.com/salute-developers/plasma/pull/2269)
92
+
93
+
1
94
  ## 0.329.0 (1 октября 2025)
2
95
 
3
96
  ## Функциональные изменения в компонентах
@@ -44,7 +44,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
44
44
  mode?: "default" | "radio";
45
45
  size?: string;
46
46
  view?: string;
47
- emptyStateDescription?: string;
47
+ emptyStateDescription?: React.ReactNode;
48
48
  listHeight?: React.CSSProperties["height"];
49
49
  listOverflow?: React.CSSProperties["overflow"];
50
50
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -100,7 +100,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
100
100
  mode?: "default" | "radio";
101
101
  size?: string;
102
102
  view?: string;
103
- emptyStateDescription?: string;
103
+ emptyStateDescription?: React.ReactNode;
104
104
  listHeight?: React.CSSProperties["height"];
105
105
  listOverflow?: React.CSSProperties["overflow"];
106
106
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -156,7 +156,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
156
156
  mode?: "default" | "radio";
157
157
  size?: string;
158
158
  view?: string;
159
- emptyStateDescription?: string;
159
+ emptyStateDescription?: React.ReactNode;
160
160
  listHeight?: React.CSSProperties["height"];
161
161
  listOverflow?: React.CSSProperties["overflow"];
162
162
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -212,7 +212,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
212
212
  mode?: "default" | "radio";
213
213
  size?: string;
214
214
  view?: string;
215
- emptyStateDescription?: string;
215
+ emptyStateDescription?: React.ReactNode;
216
216
  listHeight?: React.CSSProperties["height"];
217
217
  listOverflow?: React.CSSProperties["overflow"];
218
218
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -268,7 +268,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
268
268
  mode?: "default" | "radio";
269
269
  size?: string;
270
270
  view?: string;
271
- emptyStateDescription?: string;
271
+ emptyStateDescription?: React.ReactNode;
272
272
  listHeight?: React.CSSProperties["height"];
273
273
  listOverflow?: React.CSSProperties["overflow"];
274
274
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -324,7 +324,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
324
324
  mode?: "default" | "radio";
325
325
  size?: string;
326
326
  view?: string;
327
- emptyStateDescription?: string;
327
+ emptyStateDescription?: React.ReactNode;
328
328
  listHeight?: React.CSSProperties["height"];
329
329
  listOverflow?: React.CSSProperties["overflow"];
330
330
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -380,7 +380,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
380
380
  mode?: "default" | "radio";
381
381
  size?: string;
382
382
  view?: string;
383
- emptyStateDescription?: string;
383
+ emptyStateDescription?: React.ReactNode;
384
384
  listHeight?: React.CSSProperties["height"];
385
385
  listOverflow?: React.CSSProperties["overflow"];
386
386
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -436,7 +436,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
436
436
  mode?: "default" | "radio";
437
437
  size?: string;
438
438
  view?: string;
439
- emptyStateDescription?: string;
439
+ emptyStateDescription?: React.ReactNode;
440
440
  listHeight?: React.CSSProperties["height"];
441
441
  listOverflow?: React.CSSProperties["overflow"];
442
442
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -492,7 +492,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
492
492
  mode?: "default" | "radio";
493
493
  size?: string;
494
494
  view?: string;
495
- emptyStateDescription?: string;
495
+ emptyStateDescription?: React.ReactNode;
496
496
  listHeight?: React.CSSProperties["height"];
497
497
  listOverflow?: React.CSSProperties["overflow"];
498
498
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -548,7 +548,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
548
548
  mode?: "default" | "radio";
549
549
  size?: string;
550
550
  view?: string;
551
- emptyStateDescription?: string;
551
+ emptyStateDescription?: React.ReactNode;
552
552
  listHeight?: React.CSSProperties["height"];
553
553
  listOverflow?: React.CSSProperties["overflow"];
554
554
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -604,7 +604,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
604
604
  mode?: "default" | "radio";
605
605
  size?: string;
606
606
  view?: string;
607
- emptyStateDescription?: string;
607
+ emptyStateDescription?: React.ReactNode;
608
608
  listHeight?: React.CSSProperties["height"];
609
609
  listOverflow?: React.CSSProperties["overflow"];
610
610
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -660,7 +660,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
660
660
  mode?: "default" | "radio";
661
661
  size?: string;
662
662
  view?: string;
663
- emptyStateDescription?: string;
663
+ emptyStateDescription?: React.ReactNode;
664
664
  listHeight?: React.CSSProperties["height"];
665
665
  listOverflow?: React.CSSProperties["overflow"];
666
666
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -716,7 +716,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
716
716
  mode?: "default" | "radio";
717
717
  size?: string;
718
718
  view?: string;
719
- emptyStateDescription?: string;
719
+ emptyStateDescription?: React.ReactNode;
720
720
  listHeight?: React.CSSProperties["height"];
721
721
  listOverflow?: React.CSSProperties["overflow"];
722
722
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -772,7 +772,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
772
772
  mode?: "default" | "radio";
773
773
  size?: string;
774
774
  view?: string;
775
- emptyStateDescription?: string;
775
+ emptyStateDescription?: React.ReactNode;
776
776
  listHeight?: React.CSSProperties["height"];
777
777
  listOverflow?: React.CSSProperties["overflow"];
778
778
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -828,7 +828,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
828
828
  mode?: "default" | "radio";
829
829
  size?: string;
830
830
  view?: string;
831
- emptyStateDescription?: string;
831
+ emptyStateDescription?: React.ReactNode;
832
832
  listHeight?: React.CSSProperties["height"];
833
833
  listOverflow?: React.CSSProperties["overflow"];
834
834
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -884,7 +884,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
884
884
  mode?: "default" | "radio";
885
885
  size?: string;
886
886
  view?: string;
887
- emptyStateDescription?: string;
887
+ emptyStateDescription?: React.ReactNode;
888
888
  listHeight?: React.CSSProperties["height"];
889
889
  listOverflow?: React.CSSProperties["overflow"];
890
890
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -940,7 +940,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
940
940
  mode?: "default" | "radio";
941
941
  size?: string;
942
942
  view?: string;
943
- emptyStateDescription?: string;
943
+ emptyStateDescription?: React.ReactNode;
944
944
  listHeight?: React.CSSProperties["height"];
945
945
  listOverflow?: React.CSSProperties["overflow"];
946
946
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -996,7 +996,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
996
996
  mode?: "default" | "radio";
997
997
  size?: string;
998
998
  view?: string;
999
- emptyStateDescription?: string;
999
+ emptyStateDescription?: React.ReactNode;
1000
1000
  listHeight?: React.CSSProperties["height"];
1001
1001
  listOverflow?: React.CSSProperties["overflow"];
1002
1002
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -1052,7 +1052,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1052
1052
  mode?: "default" | "radio";
1053
1053
  size?: string;
1054
1054
  view?: string;
1055
- emptyStateDescription?: string;
1055
+ emptyStateDescription?: React.ReactNode;
1056
1056
  listHeight?: React.CSSProperties["height"];
1057
1057
  listOverflow?: React.CSSProperties["overflow"];
1058
1058
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -1108,7 +1108,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1108
1108
  mode?: "default" | "radio";
1109
1109
  size?: string;
1110
1110
  view?: string;
1111
- emptyStateDescription?: string;
1111
+ emptyStateDescription?: React.ReactNode;
1112
1112
  listHeight?: React.CSSProperties["height"];
1113
1113
  listOverflow?: React.CSSProperties["overflow"];
1114
1114
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -1164,7 +1164,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1164
1164
  mode?: "default" | "radio";
1165
1165
  size?: string;
1166
1166
  view?: string;
1167
- emptyStateDescription?: string;
1167
+ emptyStateDescription?: React.ReactNode;
1168
1168
  listHeight?: React.CSSProperties["height"];
1169
1169
  listOverflow?: React.CSSProperties["overflow"];
1170
1170
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -1220,7 +1220,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1220
1220
  mode?: "default" | "radio";
1221
1221
  size?: string;
1222
1222
  view?: string;
1223
- emptyStateDescription?: string;
1223
+ emptyStateDescription?: React.ReactNode;
1224
1224
  listHeight?: React.CSSProperties["height"];
1225
1225
  listOverflow?: React.CSSProperties["overflow"];
1226
1226
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -1276,7 +1276,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1276
1276
  mode?: "default" | "radio";
1277
1277
  size?: string;
1278
1278
  view?: string;
1279
- emptyStateDescription?: string;
1279
+ emptyStateDescription?: React.ReactNode;
1280
1280
  listHeight?: React.CSSProperties["height"];
1281
1281
  listOverflow?: React.CSSProperties["overflow"];
1282
1282
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -1332,7 +1332,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1332
1332
  mode?: "default" | "radio";
1333
1333
  size?: string;
1334
1334
  view?: string;
1335
- emptyStateDescription?: string;
1335
+ emptyStateDescription?: React.ReactNode;
1336
1336
  listHeight?: React.CSSProperties["height"];
1337
1337
  listOverflow?: React.CSSProperties["overflow"];
1338
1338
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -52,6 +52,8 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
52
52
  disabled?: boolean;
53
53
  readOnly?: boolean;
54
54
  items?: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect[] | undefined;
55
+ treeView?: boolean;
56
+ arrowPlacement?: "left" | "right";
55
57
  onItemSelect?: ((e: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect, event: React.SyntheticEvent) => void) | undefined;
56
58
  children?: never;
57
59
  isTargetAmount?: boolean;
@@ -112,6 +114,8 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
112
114
  disabled?: boolean;
113
115
  readOnly?: boolean;
114
116
  items?: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect[] | undefined;
117
+ treeView?: boolean;
118
+ arrowPlacement?: "left" | "right";
115
119
  onItemSelect?: ((e: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect, event: React.SyntheticEvent) => void) | undefined;
116
120
  children?: never;
117
121
  isTargetAmount?: boolean;
@@ -171,6 +175,8 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
171
175
  disabled?: boolean;
172
176
  readOnly?: boolean;
173
177
  items?: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect[] | undefined;
178
+ treeView?: boolean;
179
+ arrowPlacement?: "left" | "right";
174
180
  onItemSelect?: ((e: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect, event: React.SyntheticEvent) => void) | undefined;
175
181
  children?: never;
176
182
  isTargetAmount?: boolean;
@@ -231,6 +237,8 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
231
237
  disabled?: boolean;
232
238
  readOnly?: boolean;
233
239
  items?: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect[] | undefined;
240
+ treeView?: boolean;
241
+ arrowPlacement?: "left" | "right";
234
242
  onItemSelect?: ((e: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect, event: React.SyntheticEvent) => void) | undefined;
235
243
  children?: never;
236
244
  isTargetAmount?: boolean;
@@ -278,6 +286,8 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
278
286
  disabled?: boolean;
279
287
  readOnly?: boolean;
280
288
  items?: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect[] | undefined;
289
+ treeView?: boolean;
290
+ arrowPlacement?: "left" | "right";
281
291
  onItemSelect?: ((e: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect, event: React.SyntheticEvent) => void) | undefined;
282
292
  children?: never;
283
293
  isTargetAmount?: boolean;
@@ -326,6 +336,8 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
326
336
  disabled?: boolean;
327
337
  readOnly?: boolean;
328
338
  items?: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect[] | undefined;
339
+ treeView?: boolean;
340
+ arrowPlacement?: "left" | "right";
329
341
  onItemSelect?: ((e: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect, event: React.SyntheticEvent) => void) | undefined;
330
342
  children?: never;
331
343
  isTargetAmount?: boolean;
@@ -42,6 +42,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
42
42
  required?: boolean;
43
43
  requiredPlacement?: "left" | "right";
44
44
  optional?: boolean;
45
+ optionalText?: string;
45
46
  hasRequiredIndicator?: boolean;
46
47
  } & {
47
48
  hintText: string;
@@ -89,6 +90,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
89
90
  required?: boolean;
90
91
  requiredPlacement?: "left" | "right";
91
92
  optional?: boolean;
93
+ optionalText?: string;
92
94
  hasRequiredIndicator?: boolean;
93
95
  } & {
94
96
  hintText: string;
@@ -136,6 +138,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
136
138
  required?: boolean;
137
139
  requiredPlacement?: "left" | "right";
138
140
  optional?: boolean;
141
+ optionalText?: string;
139
142
  hasRequiredIndicator?: boolean;
140
143
  } & {
141
144
  hintText: string;
@@ -183,6 +186,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
183
186
  required?: boolean;
184
187
  requiredPlacement?: "left" | "right";
185
188
  optional?: boolean;
189
+ optionalText?: string;
186
190
  hasRequiredIndicator?: boolean;
187
191
  } & {
188
192
  hintText: string;
@@ -230,6 +234,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
230
234
  required?: boolean;
231
235
  requiredPlacement?: "left" | "right";
232
236
  optional?: boolean;
237
+ optionalText?: string;
233
238
  hasRequiredIndicator?: boolean;
234
239
  } & {
235
240
  hintText?: never;
@@ -277,6 +282,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
277
282
  required?: boolean;
278
283
  requiredPlacement?: "left" | "right";
279
284
  optional?: boolean;
285
+ optionalText?: string;
280
286
  hasRequiredIndicator?: boolean;
281
287
  } & {
282
288
  hintText?: never;
@@ -324,6 +330,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
324
330
  required?: boolean;
325
331
  requiredPlacement?: "left" | "right";
326
332
  optional?: boolean;
333
+ optionalText?: string;
327
334
  hasRequiredIndicator?: boolean;
328
335
  } & {
329
336
  hintText?: never;
@@ -371,6 +378,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
371
378
  required?: boolean;
372
379
  requiredPlacement?: "left" | "right";
373
380
  optional?: boolean;
381
+ optionalText?: string;
374
382
  hasRequiredIndicator?: boolean;
375
383
  } & {
376
384
  hintText?: never;
package/mixins/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  export { addFocus, mediaQuery } from '@salutejs/plasma-new-hope/styled-components';
2
2
  export declare const applyPaper: ({ backgroundColor, shadow, borderRadius, styles }: {
3
- backgroundColor?: ("textPrimary" | "textPrimaryBrightness" | "textPrimaryHover" | "textPrimaryActive" | "textSecondary" | "textSecondaryHover" | "textSecondaryActive" | "textTertiary" | "textTertiaryHover" | "textTertiaryActive" | "textAccent" | "textAccentHover" | "textAccentActive" | "textAccentMinor" | "textAccentMinorHover" | "textAccentMinorActive" | "textPositive" | "textPositiveHover" | "textPositiveActive" | "textWarning" | "textWarningHover" | "textWarningActive" | "textNegative" | "textNegativeHover" | "textNegativeActive" | "textInfo" | "textInfoHover" | "textInfoActive" | "onDarkTextPrimary" | "onDarkTextPrimaryBrightness" | "onDarkTextPrimaryHover" | "onDarkTextPrimaryActive" | "onDarkTextSecondary" | "onDarkTextSecondaryHover" | "onDarkTextSecondaryActive" | "onDarkTextTertiary" | "onDarkTextTertiaryHover" | "onDarkTextTertiaryActive" | "onDarkTextAccent" | "onDarkTextAccentHover" | "onDarkTextAccentActive" | "onDarkTextAccentMinor" | "onDarkTextAccentMinorHover" | "onDarkTextAccentMinorActive" | "onDarkTextPositive" | "onDarkTextPositiveHover" | "onDarkTextPositiveActive" | "onDarkTextWarning" | "onDarkTextWarningHover" | "onDarkTextWarningActive" | "onDarkTextNegative" | "onDarkTextNegativeHover" | "onDarkTextNegativeActive" | "onDarkTextInfo" | "onDarkTextInfoHover" | "onDarkTextInfoActive" | "onLightTextPrimary" | "onLightTextPrimaryBrightness" | "onLightTextPrimaryHover" | "onLightTextPrimaryActive" | "onLightTextSecondary" | "onLightTextSecondaryHover" | "onLightTextSecondaryActive" | "onLightTextTertiary" | "onLightTextTertiaryHover" | "onLightTextTertiaryActive" | "onLightTextAccent" | "onLightTextAccentHover" | "onLightTextAccentActive" | "onLightTextAccentMinor" | "onLightTextAccentMinorHover" | "onLightTextAccentMinorActive" | "onLightTextPositive" | "onLightTextPositiveHover" | "onLightTextPositiveActive" | "onLightTextWarning" | "onLightTextWarningHover" | "onLightTextWarningActive" | "onLightTextNegative" | "onLightTextNegativeHover" | "onLightTextNegativeActive" | "onLightTextInfo" | "onLightTextInfoHover" | "onLightTextInfoActive" | "inverseTextPrimary" | "inverseTextPrimaryBrightness" | "inverseTextPrimaryHover" | "inverseTextPrimaryActive" | "inverseTextSecondary" | "inverseTextSecondaryHover" | "inverseTextSecondaryActive" | "inverseTextTertiary" | "inverseTextTertiaryHover" | "inverseTextTertiaryActive" | "inverseTextAccent" | "inverseTextAccentHover" | "inverseTextAccentActive" | "inverseTextAccentMinor" | "inverseTextAccentMinorHover" | "inverseTextAccentMinorActive" | "inverseTextPositive" | "inverseTextPositiveHover" | "inverseTextPositiveActive" | "inverseTextWarning" | "inverseTextWarningHover" | "inverseTextWarningActive" | "inverseTextNegative" | "inverseTextNegativeHover" | "inverseTextNegativeActive" | "surfaceSolidPrimary" | "surfaceSolidPrimaryBrightness" | "surfaceSolidPrimaryHover" | "surfaceSolidPrimaryActive" | "surfaceSolidSecondary" | "surfaceSolidSecondaryHover" | "surfaceSolidSecondaryActive" | "surfaceSolidTertiary" | "surfaceSolidTertiaryHover" | "surfaceSolidTertiaryActive" | "surfaceSolidCard" | "surfaceSolidCardBrightness" | "surfaceSolidCardHover" | "surfaceSolidCardActive" | "surfaceSolidDefault" | "surfaceSolidDefaultHover" | "surfaceSolidDefaultActive" | "surfaceClear" | "surfaceClearHover" | "surfaceClearActive" | "surfaceAccent" | "surfaceAccentHover" | "surfaceAccentActive" | "surfaceTransparentAccent" | "surfaceTransparentAccentHover" | "surfaceTransparentAccentActive" | "surfacePositive" | "surfacePositiveHover" | "surfacePositiveActive" | "surfaceWarning" | "surfaceWarningHover" | "surfaceWarningActive" | "surfaceNegative" | "surfaceNegativeHover" | "surfaceNegativeActive" | "surfaceInfo" | "surfaceInfoHover" | "surfaceInfoActive" | "surfaceWarningMinor" | "surfaceWarningMinorHover" | "surfaceWarningMinorActive" | "surfaceNegativeMinor" | "surfaceNegativeMinorHover" | "surfaceNegativeMinorActive" | "surfaceInfoMinor" | "surfaceInfoMinorHover" | "surfaceInfoMinorActive" | "onDarkSurfaceSolidPrimary" | "onDarkSurfaceSolidPrimaryBrightness" | "onDarkSurfaceSolidPrimaryHover" | "onDarkSurfaceSolidPrimaryActive" | "onDarkSurfaceSolidSecondary" | "onDarkSurfaceSolidSecondaryHover" | "onDarkSurfaceSolidSecondaryActive" | "onDarkSurfaceSolidTertiary" | "onDarkSurfaceSolidTertiaryHover" | "onDarkSurfaceSolidTertiaryActive" | "onDarkSurfaceSolidCard" | "onDarkSurfaceSolidCardBrightness" | "onDarkSurfaceSolidCardHover" | "onDarkSurfaceSolidCardActive" | "onDarkSurfaceSolidDefault" | "onDarkSurfaceSolidDefaultHover" | "onDarkSurfaceSolidDefaultActive" | "onDarkSurfaceClear" | "onDarkSurfaceClearHover" | "onDarkSurfaceClearActive" | "onDarkSurfaceAccent" | "onDarkSurfaceAccentHover" | "onDarkSurfaceAccentActive" | "onDarkSurfaceTransparentAccent" | "onDarkSurfaceTransparentAccentHover" | "onDarkSurfaceTransparentAccentActive" | "onDarkSurfacePromo" | "onDarkSurfacePromoHover" | "onDarkSurfacePromoActive" | "onDarkSurfacePositive" | "onDarkSurfacePositiveHover" | "onDarkSurfacePositiveActive" | "onDarkSurfaceWarning" | "onDarkSurfaceWarningHover" | "onDarkSurfaceWarningActive" | "onDarkSurfaceNegative" | "onDarkSurfaceNegativeHover" | "onDarkSurfaceNegativeActive" | "onDarkSurfaceInfo" | "onDarkSurfaceInfoHover" | "onDarkSurfaceInfoActive" | "onDarkSurfaceWarningMinor" | "onDarkSurfaceWarningMinorHover" | "onDarkSurfaceWarningMinorActive" | "onDarkSurfaceNegativeMinor" | "onDarkSurfaceNegativeMinorHover" | "onDarkSurfaceNegativeMinorActive" | "onDarkSurfaceInfoMinor" | "onDarkSurfaceInfoMinorHover" | "onDarkSurfaceInfoMinorActive" | "onLightSurfaceSolidPrimary" | "onLightSurfaceSolidPrimaryBrightness" | "onLightSurfaceSolidPrimaryHover" | "onLightSurfaceSolidPrimaryActive" | "onLightSurfaceSolidSecondary" | "onLightSurfaceSolidSecondaryHover" | "onLightSurfaceSolidSecondaryActive" | "onLightSurfaceSolidTertiary" | "onLightSurfaceSolidTertiaryHover" | "onLightSurfaceSolidTertiaryActive" | "onLightSurfaceSolidCard" | "onLightSurfaceSolidCardBrightness" | "onLightSurfaceSolidCardHover" | "onLightSurfaceSolidCardActive" | "onLightSurfaceSolidDefault" | "onLightSurfaceSolidDefaultHover" | "onLightSurfaceSolidDefaultActive" | "onLightSurfaceClear" | "onLightSurfaceClearHover" | "onLightSurfaceClearActive" | "onLightSurfaceAccent" | "onLightSurfaceAccentHover" | "onLightSurfaceAccentActive" | "onLightSurfaceTransparentAccent" | "onLightSurfaceTransparentAccentHover" | "onLightSurfaceTransparentAccentActive" | "onLightSurfacePositive" | "onLightSurfacePositiveHover" | "onLightSurfacePositiveActive" | "onLightSurfaceWarning" | "onLightSurfaceWarningHover" | "onLightSurfaceWarningActive" | "onLightSurfaceNegative" | "onLightSurfaceNegativeHover" | "onLightSurfaceNegativeActive" | "onLightSurfaceInfo" | "onLightSurfaceInfoHover" | "onLightSurfaceInfoActive" | "onLightSurfaceWarningMinor" | "onLightSurfaceWarningMinorHover" | "onLightSurfaceWarningMinorActive" | "onLightSurfaceNegativeMinor" | "onLightSurfaceNegativeMinorHover" | "onLightSurfaceNegativeMinorActive" | "onLightSurfaceInfoMinor" | "onLightSurfaceInfoMinorHover" | "onLightSurfaceInfoMinorActive" | "inverseSurfaceSolidPrimary" | "inverseSurfaceSolidPrimaryBrightness" | "inverseSurfaceSolidPrimaryHover" | "inverseSurfaceSolidPrimaryActive" | "inverseSurfaceSolidSecondary" | "inverseSurfaceSolidSecondaryHover" | "inverseSurfaceSolidSecondaryActive" | "inverseSurfaceSolidTertiary" | "inverseSurfaceSolidTertiaryHover" | "inverseSurfaceSolidTertiaryActive" | "inverseSurfaceSolidCard" | "inverseSurfaceSolidCardBrightness" | "inverseSurfaceSolidCardHover" | "inverseSurfaceSolidCardActive" | "inverseSurfaceSolidDefault" | "inverseSurfaceSolidDefaultHover" | "inverseSurfaceSolidDefaultActive" | "inverseSurfaceClear" | "inverseSurfaceClearHover" | "inverseSurfaceClearActive" | "inverseSurfaceAccent" | "inverseSurfaceAccentHover" | "inverseSurfaceAccentActive" | "inverseSurfaceTransparentAccent" | "inverseSurfaceTransparentAccentHover" | "inverseSurfaceTransparentAccentActive" | "inverseSurfacePositive" | "inverseSurfacePositiveHover" | "inverseSurfacePositiveActive" | "inverseSurfaceWarning" | "inverseSurfaceWarningHover" | "inverseSurfaceWarningActive" | "inverseSurfaceNegative" | "inverseSurfaceNegativeHover" | "inverseSurfaceNegativeActive" | "inverseSurfaceInfo" | "inverseSurfaceInfoHover" | "inverseSurfaceInfoActive" | "inverseSurfaceWarningMinor" | "inverseSurfaceWarningMinorHover" | "inverseSurfaceWarningMinorActive" | "inverseSurfaceNegativeMinor" | "inverseSurfaceNegativeMinorHover" | "inverseSurfaceNegativeMinorActive" | "inverseSurfaceInfoMinor" | "inverseSurfaceInfoMinorHover" | "inverseSurfaceInfoMinorActive" | "backgroundPrimary" | "backgroundPrimaryBrightness" | "darkBackgroundPrimary" | "lightBackgroundPrimary" | "inverseBackgroundPrimary" | "inverseBackgroundPrimaryBrightness" | "outlineSolidPrimary" | "outlineSolidPrimaryHover" | "outlineSolidPrimaryActive" | "outlineSolidSecondary" | "outlineSolidSecondaryHover" | "outlineSolidSecondaryActive" | "outlineClear" | "outlineClearHover" | "outlineClearActive" | "outlineAccent" | "outlineAccentHover" | "outlineAccentActive" | "outlinePositive" | "outlinePositiveHover" | "outlinePositiveActive" | "outlineNegative" | "outlineNegativeHover" | "outlineNegativeActive" | "outlineInfo" | "outlineInfoHover" | "outlineInfoActive" | "onDarkOutlineSolidPrimary" | "onDarkOutlineSolidPrimaryHover" | "onDarkOutlineSolidPrimaryActive" | "onDarkOutlineSolidSecondary" | "onDarkOutlineSolidSecondaryHover" | "onDarkOutlineSolidSecondaryActive" | "onDarkOutlineClear" | "onDarkOutlineClearHover" | "onDarkOutlineClearActive" | "onDarkOutlineAccent" | "onDarkOutlineAccentHover" | "onDarkOutlineAccentActive" | "onDarkOutlinePositive" | "onDarkOutlinePositiveHover" | "onDarkOutlinePositiveActive" | "onDarkOutlineNegative" | "onDarkOutlineNegativeHover" | "onDarkOutlineNegativeActive" | "onDarkOutlineInfo" | "onDarkOutlineInfoHover" | "onDarkOutlineInfoActive" | "onLightOutlineSolidPrimary" | "onLightOutlineSolidPrimaryHover" | "onLightOutlineSolidPrimaryActive" | "onLightOutlineSolidSecondary" | "onLightOutlineSolidSecondaryHover" | "onLightOutlineSolidSecondaryActive" | "onLightOutlineClear" | "onLightOutlineClearHover" | "onLightOutlineClearActive" | "onLightOutlineAccent" | "onLightOutlineAccentHover" | "onLightOutlineAccentActive" | "onLightOutlinePositive" | "onLightOutlinePositiveHover" | "onLightOutlinePositiveActive" | "onLightOutlineNegative" | "onLightOutlineNegativeHover" | "onLightOutlineNegativeActive" | "onLightOutlineInfo" | "onLightOutlineInfoHover" | "onLightOutlineInfoActive" | "inverseOutlineSolidPrimary" | "inverseOutlineSolidPrimaryHover" | "inverseOutlineSolidPrimaryActive" | "inverseOutlineSolidSecondary" | "inverseOutlineSolidSecondaryHover" | "inverseOutlineSolidSecondaryActive" | "inverseOutlineClear" | "inverseOutlineClearHover" | "inverseOutlineClearActive" | "inverseOutlineAccent" | "inverseOutlineAccentHover" | "inverseOutlineAccentActive" | "inverseOutlinePositive" | "inverseOutlinePositiveHover" | "inverseOutlinePositiveActive" | "inverseOutlineNegative" | "inverseOutlineNegativeHover" | "inverseOutlineNegativeActive" | "inverseOutlineInfo" | "inverseOutlineInfoHover" | "inverseOutlineInfoActive" | "dataYellow" | "dataYellowHover" | "dataYellowActive" | "dataYellowMinor" | "dataYellowMinorHover" | "dataYellowMinorActive" | "dataYellowTransparent" | "dataYellowTransparentHover" | "dataYellowTransparentActive" | "onDarkDataYellow" | "onDarkDataYellowHover" | "onDarkDataYellowActive" | "onDarkDataYellowMinor" | "onDarkDataYellowMinorHover" | "onDarkDataYellowMinorActive" | "onDarkDataYellowTransparent" | "onDarkDataYellowTransparentHover" | "onDarkDataYellowTransparentActive" | "onLightDataYellow" | "onLightDataYellowHover" | "onLightDataYellowActive" | "onLightDataYellowMinor" | "onLightDataYellowMinorHover" | "onLightDataYellowMinorActive" | "onLightDataYellowTransparent" | "onLightDataYellowTransparentHover" | "onLightDataYellowTransparentActive" | "inverseDataYellow" | "inverseDataYellowHover" | "inverseDataYellowActive" | "inverseDataYellowMinor" | "inverseDataYellowMinorHover" | "inverseDataYellowMinorActive" | "inverseDataYellowTransparent" | "inverseDataYellowTransparentHover" | "inverseDataYellowTransparentActive" | "inverseTextPromoMinorGradient" | "inverseTextPromoMinorGradientHover" | "inverseTextPromoMinorGradientActive" | "surfaceSkeletonGradient" | "surfaceSkeletonGradientHover" | "surfaceSkeletonGradientActive" | "surfaceSkeletonDeepGradient" | "surfaceSkeletonDeepGradientHover" | "surfaceSkeletonDeepGradientActive" | "onDarkSurfaceSkeletonGradient" | "onDarkSurfaceSkeletonGradientHover" | "onDarkSurfaceSkeletonGradientActive" | "onDarkSurfaceSkeletonDeepGradient" | "onDarkSurfaceSkeletonDeepGradientHover" | "onDarkSurfaceSkeletonDeepGradientActive" | "onLightSurfaceSkeletonGradient" | "onLightSurfaceSkeletonGradientHover" | "onLightSurfaceSkeletonGradientActive" | "onLightSurfaceSkeletonDeepGradient" | "onLightSurfaceSkeletonDeepGradientHover" | "onLightSurfaceSkeletonDeepGradientActive" | "inverseSurfaceSkeletonGradient" | "inverseSurfaceSkeletonGradientHover" | "inverseSurfaceSkeletonGradientActive" | "inverseSurfaceSkeletonDeepGradient" | "inverseSurfaceSkeletonDeepGradientHover" | "inverseSurfaceSkeletonDeepGradientActive") | undefined;
3
+ backgroundColor?: ("textPrimary" | "textPrimaryBrightness" | "textPrimaryHover" | "textPrimaryActive" | "textSecondary" | "textSecondaryHover" | "textSecondaryActive" | "textTertiary" | "textTertiaryHover" | "textTertiaryActive" | "textAccent" | "textAccentHover" | "textAccentActive" | "textAccentMinorHover" | "textAccentMinorActive" | "textPositive" | "textPositiveHover" | "textPositiveActive" | "textWarning" | "textWarningHover" | "textWarningActive" | "textNegative" | "textNegativeHover" | "textNegativeActive" | "textInfo" | "textInfoHover" | "textInfoActive" | "textAccentMinor" | "onDarkTextPrimary" | "onDarkTextPrimaryBrightness" | "onDarkTextPrimaryHover" | "onDarkTextPrimaryActive" | "onDarkTextSecondary" | "onDarkTextSecondaryHover" | "onDarkTextSecondaryActive" | "onDarkTextTertiary" | "onDarkTextTertiaryHover" | "onDarkTextTertiaryActive" | "onDarkTextAccent" | "onDarkTextAccentHover" | "onDarkTextAccentActive" | "onDarkTextAccentMinorHover" | "onDarkTextAccentMinorActive" | "onDarkTextPositive" | "onDarkTextPositiveHover" | "onDarkTextPositiveActive" | "onDarkTextWarning" | "onDarkTextWarningHover" | "onDarkTextWarningActive" | "onDarkTextNegative" | "onDarkTextNegativeHover" | "onDarkTextNegativeActive" | "onDarkTextInfo" | "onDarkTextInfoHover" | "onDarkTextInfoActive" | "onDarkTextAccentMinor" | "onLightTextPrimary" | "onLightTextPrimaryBrightness" | "onLightTextPrimaryHover" | "onLightTextPrimaryActive" | "onLightTextSecondary" | "onLightTextSecondaryHover" | "onLightTextSecondaryActive" | "onLightTextTertiary" | "onLightTextTertiaryHover" | "onLightTextTertiaryActive" | "onLightTextAccent" | "onLightTextAccentHover" | "onLightTextAccentActive" | "onLightTextAccentMinorHover" | "onLightTextAccentMinorActive" | "onLightTextPositive" | "onLightTextPositiveHover" | "onLightTextPositiveActive" | "onLightTextWarning" | "onLightTextWarningHover" | "onLightTextWarningActive" | "onLightTextNegative" | "onLightTextNegativeHover" | "onLightTextNegativeActive" | "onLightTextInfo" | "onLightTextInfoHover" | "onLightTextInfoActive" | "onLightTextAccentMinor" | "inverseTextPrimary" | "inverseTextPrimaryBrightness" | "inverseTextPrimaryHover" | "inverseTextPrimaryActive" | "inverseTextSecondary" | "inverseTextSecondaryHover" | "inverseTextSecondaryActive" | "inverseTextTertiary" | "inverseTextTertiaryHover" | "inverseTextTertiaryActive" | "inverseTextAccent" | "inverseTextAccentHover" | "inverseTextAccentActive" | "inverseTextAccentMinorHover" | "inverseTextAccentMinorActive" | "inverseTextPositive" | "inverseTextPositiveHover" | "inverseTextPositiveActive" | "inverseTextWarning" | "inverseTextWarningHover" | "inverseTextWarningActive" | "inverseTextNegative" | "inverseTextNegativeHover" | "inverseTextNegativeActive" | "inverseTextAccentMinor" | "surfaceSolidPrimary" | "surfaceSolidPrimaryBrightness" | "surfaceSolidPrimaryHover" | "surfaceSolidPrimaryActive" | "surfaceSolidSecondary" | "surfaceSolidSecondaryHover" | "surfaceSolidSecondaryActive" | "surfaceSolidTertiary" | "surfaceSolidTertiaryHover" | "surfaceSolidTertiaryActive" | "surfaceSolidCard" | "surfaceSolidCardBrightness" | "surfaceSolidCardHover" | "surfaceSolidCardActive" | "surfaceSolidDefault" | "surfaceSolidDefaultHover" | "surfaceSolidDefaultActive" | "surfaceClear" | "surfaceClearHover" | "surfaceClearActive" | "surfaceAccent" | "surfaceAccentHover" | "surfaceAccentActive" | "surfaceTransparentAccent" | "surfaceTransparentAccentHover" | "surfaceTransparentAccentActive" | "surfacePositive" | "surfacePositiveHover" | "surfacePositiveActive" | "surfaceWarning" | "surfaceWarningHover" | "surfaceWarningActive" | "surfaceNegative" | "surfaceNegativeHover" | "surfaceNegativeActive" | "surfaceInfo" | "surfaceInfoHover" | "surfaceInfoActive" | "surfaceWarningMinor" | "surfaceWarningMinorHover" | "surfaceWarningMinorActive" | "surfaceNegativeMinor" | "surfaceNegativeMinorHover" | "surfaceNegativeMinorActive" | "surfaceInfoMinor" | "surfaceInfoMinorHover" | "surfaceInfoMinorActive" | "onDarkSurfaceSolidPrimary" | "onDarkSurfaceSolidPrimaryBrightness" | "onDarkSurfaceSolidPrimaryHover" | "onDarkSurfaceSolidPrimaryActive" | "onDarkSurfaceSolidSecondary" | "onDarkSurfaceSolidSecondaryHover" | "onDarkSurfaceSolidSecondaryActive" | "onDarkSurfaceSolidTertiary" | "onDarkSurfaceSolidTertiaryHover" | "onDarkSurfaceSolidTertiaryActive" | "onDarkSurfaceSolidCard" | "onDarkSurfaceSolidCardBrightness" | "onDarkSurfaceSolidCardHover" | "onDarkSurfaceSolidCardActive" | "onDarkSurfaceSolidDefault" | "onDarkSurfaceSolidDefaultHover" | "onDarkSurfaceSolidDefaultActive" | "onDarkSurfaceClear" | "onDarkSurfaceClearHover" | "onDarkSurfaceClearActive" | "onDarkSurfaceAccent" | "onDarkSurfaceAccentHover" | "onDarkSurfaceAccentActive" | "onDarkSurfaceTransparentAccent" | "onDarkSurfaceTransparentAccentHover" | "onDarkSurfaceTransparentAccentActive" | "onDarkSurfacePromo" | "onDarkSurfacePromoHover" | "onDarkSurfacePromoActive" | "onDarkSurfacePositive" | "onDarkSurfacePositiveHover" | "onDarkSurfacePositiveActive" | "onDarkSurfaceWarning" | "onDarkSurfaceWarningHover" | "onDarkSurfaceWarningActive" | "onDarkSurfaceNegative" | "onDarkSurfaceNegativeHover" | "onDarkSurfaceNegativeActive" | "onDarkSurfaceInfo" | "onDarkSurfaceInfoHover" | "onDarkSurfaceInfoActive" | "onDarkSurfaceWarningMinor" | "onDarkSurfaceWarningMinorHover" | "onDarkSurfaceWarningMinorActive" | "onDarkSurfaceNegativeMinor" | "onDarkSurfaceNegativeMinorHover" | "onDarkSurfaceNegativeMinorActive" | "onDarkSurfaceInfoMinor" | "onDarkSurfaceInfoMinorHover" | "onDarkSurfaceInfoMinorActive" | "onLightSurfaceSolidPrimary" | "onLightSurfaceSolidPrimaryBrightness" | "onLightSurfaceSolidPrimaryHover" | "onLightSurfaceSolidPrimaryActive" | "onLightSurfaceSolidSecondary" | "onLightSurfaceSolidSecondaryHover" | "onLightSurfaceSolidSecondaryActive" | "onLightSurfaceSolidTertiary" | "onLightSurfaceSolidTertiaryHover" | "onLightSurfaceSolidTertiaryActive" | "onLightSurfaceSolidCard" | "onLightSurfaceSolidCardBrightness" | "onLightSurfaceSolidCardHover" | "onLightSurfaceSolidCardActive" | "onLightSurfaceSolidDefault" | "onLightSurfaceSolidDefaultHover" | "onLightSurfaceSolidDefaultActive" | "onLightSurfaceClear" | "onLightSurfaceClearHover" | "onLightSurfaceClearActive" | "onLightSurfaceAccent" | "onLightSurfaceAccentHover" | "onLightSurfaceAccentActive" | "onLightSurfaceTransparentAccent" | "onLightSurfaceTransparentAccentHover" | "onLightSurfaceTransparentAccentActive" | "onLightSurfacePositive" | "onLightSurfacePositiveHover" | "onLightSurfacePositiveActive" | "onLightSurfaceWarning" | "onLightSurfaceWarningHover" | "onLightSurfaceWarningActive" | "onLightSurfaceNegative" | "onLightSurfaceNegativeHover" | "onLightSurfaceNegativeActive" | "onLightSurfaceInfo" | "onLightSurfaceInfoHover" | "onLightSurfaceInfoActive" | "onLightSurfaceWarningMinor" | "onLightSurfaceWarningMinorHover" | "onLightSurfaceWarningMinorActive" | "onLightSurfaceNegativeMinor" | "onLightSurfaceNegativeMinorHover" | "onLightSurfaceNegativeMinorActive" | "onLightSurfaceInfoMinor" | "onLightSurfaceInfoMinorHover" | "onLightSurfaceInfoMinorActive" | "inverseSurfaceSolidPrimary" | "inverseSurfaceSolidPrimaryBrightness" | "inverseSurfaceSolidPrimaryHover" | "inverseSurfaceSolidPrimaryActive" | "inverseSurfaceSolidSecondary" | "inverseSurfaceSolidSecondaryHover" | "inverseSurfaceSolidSecondaryActive" | "inverseSurfaceSolidTertiary" | "inverseSurfaceSolidTertiaryHover" | "inverseSurfaceSolidTertiaryActive" | "inverseSurfaceSolidCard" | "inverseSurfaceSolidCardBrightness" | "inverseSurfaceSolidCardHover" | "inverseSurfaceSolidCardActive" | "inverseSurfaceSolidDefault" | "inverseSurfaceSolidDefaultHover" | "inverseSurfaceSolidDefaultActive" | "inverseSurfaceClear" | "inverseSurfaceClearHover" | "inverseSurfaceClearActive" | "inverseSurfaceAccent" | "inverseSurfaceAccentHover" | "inverseSurfaceAccentActive" | "inverseSurfaceTransparentAccent" | "inverseSurfaceTransparentAccentHover" | "inverseSurfaceTransparentAccentActive" | "inverseSurfacePositive" | "inverseSurfacePositiveHover" | "inverseSurfacePositiveActive" | "inverseSurfaceWarning" | "inverseSurfaceWarningHover" | "inverseSurfaceWarningActive" | "inverseSurfaceNegative" | "inverseSurfaceNegativeHover" | "inverseSurfaceNegativeActive" | "inverseSurfaceInfo" | "inverseSurfaceInfoHover" | "inverseSurfaceInfoActive" | "inverseSurfaceWarningMinor" | "inverseSurfaceWarningMinorHover" | "inverseSurfaceWarningMinorActive" | "inverseSurfaceNegativeMinor" | "inverseSurfaceNegativeMinorHover" | "inverseSurfaceNegativeMinorActive" | "inverseSurfaceInfoMinor" | "inverseSurfaceInfoMinorHover" | "inverseSurfaceInfoMinorActive" | "backgroundPrimary" | "backgroundPrimaryBrightness" | "darkBackgroundPrimary" | "lightBackgroundPrimary" | "inverseBackgroundPrimary" | "inverseBackgroundPrimaryBrightness" | "outlineSolidPrimary" | "outlineSolidPrimaryHover" | "outlineSolidPrimaryActive" | "outlineSolidSecondary" | "outlineSolidSecondaryHover" | "outlineSolidSecondaryActive" | "outlineClear" | "outlineClearHover" | "outlineClearActive" | "outlineAccent" | "outlineAccentHover" | "outlineAccentActive" | "outlinePositive" | "outlinePositiveHover" | "outlinePositiveActive" | "outlineNegative" | "outlineNegativeHover" | "outlineNegativeActive" | "outlineInfo" | "outlineInfoHover" | "outlineInfoActive" | "onDarkOutlineSolidPrimary" | "onDarkOutlineSolidPrimaryHover" | "onDarkOutlineSolidPrimaryActive" | "onDarkOutlineSolidSecondary" | "onDarkOutlineSolidSecondaryHover" | "onDarkOutlineSolidSecondaryActive" | "onDarkOutlineClear" | "onDarkOutlineClearHover" | "onDarkOutlineClearActive" | "onDarkOutlineAccent" | "onDarkOutlineAccentHover" | "onDarkOutlineAccentActive" | "onDarkOutlinePositive" | "onDarkOutlinePositiveHover" | "onDarkOutlinePositiveActive" | "onDarkOutlineNegative" | "onDarkOutlineNegativeHover" | "onDarkOutlineNegativeActive" | "onDarkOutlineInfo" | "onDarkOutlineInfoHover" | "onDarkOutlineInfoActive" | "onLightOutlineSolidPrimary" | "onLightOutlineSolidPrimaryHover" | "onLightOutlineSolidPrimaryActive" | "onLightOutlineSolidSecondary" | "onLightOutlineSolidSecondaryHover" | "onLightOutlineSolidSecondaryActive" | "onLightOutlineClear" | "onLightOutlineClearHover" | "onLightOutlineClearActive" | "onLightOutlineAccent" | "onLightOutlineAccentHover" | "onLightOutlineAccentActive" | "onLightOutlinePositive" | "onLightOutlinePositiveHover" | "onLightOutlinePositiveActive" | "onLightOutlineNegative" | "onLightOutlineNegativeHover" | "onLightOutlineNegativeActive" | "onLightOutlineInfo" | "onLightOutlineInfoHover" | "onLightOutlineInfoActive" | "inverseOutlineSolidPrimary" | "inverseOutlineSolidPrimaryHover" | "inverseOutlineSolidPrimaryActive" | "inverseOutlineSolidSecondary" | "inverseOutlineSolidSecondaryHover" | "inverseOutlineSolidSecondaryActive" | "inverseOutlineClear" | "inverseOutlineClearHover" | "inverseOutlineClearActive" | "inverseOutlineAccent" | "inverseOutlineAccentHover" | "inverseOutlineAccentActive" | "inverseOutlinePositive" | "inverseOutlinePositiveHover" | "inverseOutlinePositiveActive" | "inverseOutlineNegative" | "inverseOutlineNegativeHover" | "inverseOutlineNegativeActive" | "inverseOutlineInfo" | "inverseOutlineInfoHover" | "inverseOutlineInfoActive" | "dataYellow" | "dataYellowHover" | "dataYellowActive" | "dataYellowMinor" | "dataYellowMinorHover" | "dataYellowMinorActive" | "dataYellowTransparent" | "dataYellowTransparentHover" | "dataYellowTransparentActive" | "onDarkDataYellow" | "onDarkDataYellowHover" | "onDarkDataYellowActive" | "onDarkDataYellowMinor" | "onDarkDataYellowMinorHover" | "onDarkDataYellowMinorActive" | "onDarkDataYellowTransparent" | "onDarkDataYellowTransparentHover" | "onDarkDataYellowTransparentActive" | "onLightDataYellow" | "onLightDataYellowHover" | "onLightDataYellowActive" | "onLightDataYellowMinor" | "onLightDataYellowMinorHover" | "onLightDataYellowMinorActive" | "onLightDataYellowTransparent" | "onLightDataYellowTransparentHover" | "onLightDataYellowTransparentActive" | "inverseDataYellow" | "inverseDataYellowHover" | "inverseDataYellowActive" | "inverseDataYellowMinor" | "inverseDataYellowMinorHover" | "inverseDataYellowMinorActive" | "inverseDataYellowTransparent" | "inverseDataYellowTransparentHover" | "inverseDataYellowTransparentActive" | "inverseTextPromoMinorGradient" | "inverseTextPromoMinorGradientHover" | "inverseTextPromoMinorGradientActive" | "surfaceSkeletonGradient" | "surfaceSkeletonGradientHover" | "surfaceSkeletonGradientActive" | "surfaceSkeletonDeepGradient" | "surfaceSkeletonDeepGradientHover" | "surfaceSkeletonDeepGradientActive" | "onDarkSurfaceSkeletonGradient" | "onDarkSurfaceSkeletonGradientHover" | "onDarkSurfaceSkeletonGradientActive" | "onDarkSurfaceSkeletonDeepGradient" | "onDarkSurfaceSkeletonDeepGradientHover" | "onDarkSurfaceSkeletonDeepGradientActive" | "onLightSurfaceSkeletonGradient" | "onLightSurfaceSkeletonGradientHover" | "onLightSurfaceSkeletonGradientActive" | "onLightSurfaceSkeletonDeepGradient" | "onLightSurfaceSkeletonDeepGradientHover" | "onLightSurfaceSkeletonDeepGradientActive" | "inverseSurfaceSkeletonGradient" | "inverseSurfaceSkeletonGradientHover" | "inverseSurfaceSkeletonGradientActive" | "inverseSurfaceSkeletonDeepGradient" | "inverseSurfaceSkeletonDeepGradientHover" | "inverseSurfaceSkeletonDeepGradientActive") | undefined;
4
4
  shadow?: "shadowDownSoftS" | "shadowDownSoftM" | "shadowDownSoftL" | "shadowDownHardS" | "shadowDownHardM" | "shadowDownHardL" | "shadowUpSoftS" | "shadowUpSoftM" | "shadowUpSoftL" | "shadowUpHardS" | "shadowUpHardM" | "shadowUpHardL" | undefined;
5
5
  borderRadius?: "borderRadiusXxs" | "borderRadiusXs" | "borderRadiusS" | "borderRadiusM" | "borderRadiusL" | "borderRadiusXl" | "borderRadiusXxl" | undefined;
6
6
  styles?: import("react").CSSProperties;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-cs",
3
- "version": "0.330.0",
3
+ "version": "0.330.1-canary.2259.18864675636.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS CS web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -31,8 +31,8 @@
31
31
  "directory": "packages/sdds-cs"
32
32
  },
33
33
  "dependencies": {
34
- "@salutejs/plasma-new-hope": "0.338.0",
35
- "@salutejs/sdds-themes": "0.47.0"
34
+ "@salutejs/plasma-new-hope": "0.338.1-canary.2259.18864675636.0",
35
+ "@salutejs/sdds-themes": "0.47.1-canary.2259.18864675636.0"
36
36
  },
37
37
  "peerDependencies": {
38
38
  "@emotion/react": ">=11",
@@ -55,10 +55,10 @@
55
55
  "@microsoft/api-extractor": "7.38.3",
56
56
  "@originjs/vite-plugin-commonjs": "1.0.3",
57
57
  "@salutejs/plasma-colors": "0.16.0",
58
- "@salutejs/plasma-core": "1.208.0",
59
- "@salutejs/plasma-cy-utils": "0.138.0",
60
- "@salutejs/plasma-icons": "1.225.0",
61
- "@salutejs/plasma-sb-utils": "0.208.0",
58
+ "@salutejs/plasma-core": "1.208.1-canary.2259.18864675636.0",
59
+ "@salutejs/plasma-cy-utils": "0.138.1-canary.2259.18864675636.0",
60
+ "@salutejs/plasma-icons": "1.225.1-canary.2259.18864675636.0",
61
+ "@salutejs/plasma-sb-utils": "0.208.1-canary.2259.18864675636.0",
62
62
  "@storybook/addon-docs": "8.6.14",
63
63
  "@storybook/addon-essentials": "8.6.14",
64
64
  "@storybook/manager-api": "8.6.14",
@@ -124,5 +124,5 @@
124
124
  "Anton Vinogradov"
125
125
  ],
126
126
  "sideEffects": false,
127
- "gitHead": "07e8ca8dd3950a33d7542c81d1017deabb959d3d"
127
+ "gitHead": "e75f894e56c7292c7e1033be90846fbb242ef106"
128
128
  }