@salutejs/sdds-dfa 0.325.0-canary.2303.18841217749.0 → 0.325.0-dev.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/components/Attach/Attach.config.js +60 -28
  2. package/components/Attach/Attach.d.ts +448 -16
  3. package/components/Combobox/Combobox.d.ts +24 -24
  4. package/components/LinkButton/LinkButton.config.js +18 -12
  5. package/components/Tabs/horizontal/HorizontalIconTabItem.config.js +1 -1
  6. package/components/Tabs/horizontal/HorizontalTabItem.config.js +25 -29
  7. package/es/components/Attach/Attach.config.js +60 -28
  8. package/es/components/LinkButton/LinkButton.config.js +18 -12
  9. package/es/components/Tabs/horizontal/HorizontalIconTabItem.config.js +1 -1
  10. package/es/components/Tabs/horizontal/HorizontalTabItem.config.js +25 -29
  11. package/package.json +8 -8
package/components/Combobox/Combobox.d.ts CHANGED
@@ -56,7 +56,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
56
56
  mode?: "default" | "radio";
57
57
  size?: string;
58
58
  view?: string;
59
- emptyStateDescription?: string;
59
+ emptyStateDescription?: React.ReactNode;
60
60
  listHeight?: React.CSSProperties["height"];
61
61
  listOverflow?: React.CSSProperties["overflow"];
62
62
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -112,7 +112,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
112
112
  mode?: "default" | "radio";
113
113
  size?: string;
114
114
  view?: string;
115
- emptyStateDescription?: string;
115
+ emptyStateDescription?: React.ReactNode;
116
116
  listHeight?: React.CSSProperties["height"];
117
117
  listOverflow?: React.CSSProperties["overflow"];
118
118
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -168,7 +168,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
168
168
  mode?: "default" | "radio";
169
169
  size?: string;
170
170
  view?: string;
171
- emptyStateDescription?: string;
171
+ emptyStateDescription?: React.ReactNode;
172
172
  listHeight?: React.CSSProperties["height"];
173
173
  listOverflow?: React.CSSProperties["overflow"];
174
174
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -224,7 +224,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
224
224
  mode?: "default" | "radio";
225
225
  size?: string;
226
226
  view?: string;
227
- emptyStateDescription?: string;
227
+ emptyStateDescription?: React.ReactNode;
228
228
  listHeight?: React.CSSProperties["height"];
229
229
  listOverflow?: React.CSSProperties["overflow"];
230
230
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -280,7 +280,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
280
280
  mode?: "default" | "radio";
281
281
  size?: string;
282
282
  view?: string;
283
- emptyStateDescription?: string;
283
+ emptyStateDescription?: React.ReactNode;
284
284
  listHeight?: React.CSSProperties["height"];
285
285
  listOverflow?: React.CSSProperties["overflow"];
286
286
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -336,7 +336,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
336
336
  mode?: "default" | "radio";
337
337
  size?: string;
338
338
  view?: string;
339
- emptyStateDescription?: string;
339
+ emptyStateDescription?: React.ReactNode;
340
340
  listHeight?: React.CSSProperties["height"];
341
341
  listOverflow?: React.CSSProperties["overflow"];
342
342
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -392,7 +392,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
392
392
  mode?: "default" | "radio";
393
393
  size?: string;
394
394
  view?: string;
395
- emptyStateDescription?: string;
395
+ emptyStateDescription?: React.ReactNode;
396
396
  listHeight?: React.CSSProperties["height"];
397
397
  listOverflow?: React.CSSProperties["overflow"];
398
398
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -448,7 +448,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
448
448
  mode?: "default" | "radio";
449
449
  size?: string;
450
450
  view?: string;
451
- emptyStateDescription?: string;
451
+ emptyStateDescription?: React.ReactNode;
452
452
  listHeight?: React.CSSProperties["height"];
453
453
  listOverflow?: React.CSSProperties["overflow"];
454
454
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -504,7 +504,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
504
504
  mode?: "default" | "radio";
505
505
  size?: string;
506
506
  view?: string;
507
- emptyStateDescription?: string;
507
+ emptyStateDescription?: React.ReactNode;
508
508
  listHeight?: React.CSSProperties["height"];
509
509
  listOverflow?: React.CSSProperties["overflow"];
510
510
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -560,7 +560,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
560
560
  mode?: "default" | "radio";
561
561
  size?: string;
562
562
  view?: string;
563
- emptyStateDescription?: string;
563
+ emptyStateDescription?: React.ReactNode;
564
564
  listHeight?: React.CSSProperties["height"];
565
565
  listOverflow?: React.CSSProperties["overflow"];
566
566
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -616,7 +616,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
616
616
  mode?: "default" | "radio";
617
617
  size?: string;
618
618
  view?: string;
619
- emptyStateDescription?: string;
619
+ emptyStateDescription?: React.ReactNode;
620
620
  listHeight?: React.CSSProperties["height"];
621
621
  listOverflow?: React.CSSProperties["overflow"];
622
622
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -672,7 +672,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
672
672
  mode?: "default" | "radio";
673
673
  size?: string;
674
674
  view?: string;
675
- emptyStateDescription?: string;
675
+ emptyStateDescription?: React.ReactNode;
676
676
  listHeight?: React.CSSProperties["height"];
677
677
  listOverflow?: React.CSSProperties["overflow"];
678
678
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -728,7 +728,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
728
728
  mode?: "default" | "radio";
729
729
  size?: string;
730
730
  view?: string;
731
- emptyStateDescription?: string;
731
+ emptyStateDescription?: React.ReactNode;
732
732
  listHeight?: React.CSSProperties["height"];
733
733
  listOverflow?: React.CSSProperties["overflow"];
734
734
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -784,7 +784,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
784
784
  mode?: "default" | "radio";
785
785
  size?: string;
786
786
  view?: string;
787
- emptyStateDescription?: string;
787
+ emptyStateDescription?: React.ReactNode;
788
788
  listHeight?: React.CSSProperties["height"];
789
789
  listOverflow?: React.CSSProperties["overflow"];
790
790
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -840,7 +840,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
840
840
  mode?: "default" | "radio";
841
841
  size?: string;
842
842
  view?: string;
843
- emptyStateDescription?: string;
843
+ emptyStateDescription?: React.ReactNode;
844
844
  listHeight?: React.CSSProperties["height"];
845
845
  listOverflow?: React.CSSProperties["overflow"];
846
846
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -896,7 +896,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
896
896
  mode?: "default" | "radio";
897
897
  size?: string;
898
898
  view?: string;
899
- emptyStateDescription?: string;
899
+ emptyStateDescription?: React.ReactNode;
900
900
  listHeight?: React.CSSProperties["height"];
901
901
  listOverflow?: React.CSSProperties["overflow"];
902
902
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -952,7 +952,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
952
952
  mode?: "default" | "radio";
953
953
  size?: string;
954
954
  view?: string;
955
- emptyStateDescription?: string;
955
+ emptyStateDescription?: React.ReactNode;
956
956
  listHeight?: React.CSSProperties["height"];
957
957
  listOverflow?: React.CSSProperties["overflow"];
958
958
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -1008,7 +1008,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1008
1008
  mode?: "default" | "radio";
1009
1009
  size?: string;
1010
1010
  view?: string;
1011
- emptyStateDescription?: string;
1011
+ emptyStateDescription?: React.ReactNode;
1012
1012
  listHeight?: React.CSSProperties["height"];
1013
1013
  listOverflow?: React.CSSProperties["overflow"];
1014
1014
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -1064,7 +1064,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1064
1064
  mode?: "default" | "radio";
1065
1065
  size?: string;
1066
1066
  view?: string;
1067
- emptyStateDescription?: string;
1067
+ emptyStateDescription?: React.ReactNode;
1068
1068
  listHeight?: React.CSSProperties["height"];
1069
1069
  listOverflow?: React.CSSProperties["overflow"];
1070
1070
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -1120,7 +1120,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1120
1120
  mode?: "default" | "radio";
1121
1121
  size?: string;
1122
1122
  view?: string;
1123
- emptyStateDescription?: string;
1123
+ emptyStateDescription?: React.ReactNode;
1124
1124
  listHeight?: React.CSSProperties["height"];
1125
1125
  listOverflow?: React.CSSProperties["overflow"];
1126
1126
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -1176,7 +1176,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1176
1176
  mode?: "default" | "radio";
1177
1177
  size?: string;
1178
1178
  view?: string;
1179
- emptyStateDescription?: string;
1179
+ emptyStateDescription?: React.ReactNode;
1180
1180
  listHeight?: React.CSSProperties["height"];
1181
1181
  listOverflow?: React.CSSProperties["overflow"];
1182
1182
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -1232,7 +1232,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1232
1232
  mode?: "default" | "radio";
1233
1233
  size?: string;
1234
1234
  view?: string;
1235
- emptyStateDescription?: string;
1235
+ emptyStateDescription?: React.ReactNode;
1236
1236
  listHeight?: React.CSSProperties["height"];
1237
1237
  listOverflow?: React.CSSProperties["overflow"];
1238
1238
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -1288,7 +1288,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1288
1288
  mode?: "default" | "radio";
1289
1289
  size?: string;
1290
1290
  view?: string;
1291
- emptyStateDescription?: string;
1291
+ emptyStateDescription?: React.ReactNode;
1292
1292
  listHeight?: React.CSSProperties["height"];
1293
1293
  listOverflow?: React.CSSProperties["overflow"];
1294
1294
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -1344,7 +1344,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1344
1344
  mode?: "default" | "radio";
1345
1345
  size?: string;
1346
1346
  view?: string;
1347
- emptyStateDescription?: string;
1347
+ emptyStateDescription?: React.ReactNode;
1348
1348
  listHeight?: React.CSSProperties["height"];
1349
1349
  listOverflow?: React.CSSProperties["overflow"];
1350
1350
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
package/components/LinkButton/LinkButton.config.js CHANGED
@@ -28,7 +28,8 @@ function _templateObject() {
28
28
  ": var(--surface-transparent-clear);\n ",
29
29
  ": var(--text-primary-hover);\n ",
30
30
  ": var(--text-primary-active);\n ",
31
- ": var(--surface-accent);\n "
31
+ ": var(--surface-accent);\n ",
32
+ ": var(--text-primary-hover);\n "
32
33
  ]);
33
34
  _templateObject = function _templateObject() {
34
35
  return data;
@@ -44,7 +45,8 @@ function _templateObject1() {
44
45
  ": var(---surface-transparent-clear);\n ",
45
46
  ": var(--text-accent-hover);\n ",
46
47
  ": var(--text-accent-active);\n ",
47
- ": var(--surface-accent);\n "
48
+ ": var(--surface-accent);\n ",
49
+ ": var(--text-accent-hover);\n "
48
50
  ]);
49
51
  _templateObject1 = function _templateObject() {
50
52
  return data;
@@ -60,7 +62,8 @@ function _templateObject2() {
60
62
  ": var(--surface-transparent-clear);\n ",
61
63
  ": var(--text-secondary-hover);\n ",
62
64
  ": var(--text-secondary-active);\n ",
63
- ": var(--surface-accent);\n "
65
+ ": var(--surface-accent);\n ",
66
+ ": var(--text-secondary-hover);\n "
64
67
  ]);
65
68
  _templateObject2 = function _templateObject() {
66
69
  return data;
@@ -76,7 +79,8 @@ function _templateObject3() {
76
79
  ": var(--surface-transparent-clear);\n ",
77
80
  ": var(--text-positive-hover);\n ",
78
81
  ": var(--text-positive-active);\n ",
79
- ": var(--surface-accent);\n "
82
+ ": var(--surface-accent);\n ",
83
+ ": var(--text-positive-hover);\n "
80
84
  ]);
81
85
  _templateObject3 = function _templateObject() {
82
86
  return data;
@@ -92,7 +96,8 @@ function _templateObject4() {
92
96
  ": var(--surface-transparent-clear);\n ",
93
97
  ": var(--text-warning-hover);\n ",
94
98
  ": var(--text-warning-active);\n ",
95
- ": var(--surface-accent);\n "
99
+ ": var(--surface-accent);\n ",
100
+ ": var(--text-warning-hover);\n "
96
101
  ]);
97
102
  _templateObject4 = function _templateObject() {
98
103
  return data;
@@ -108,7 +113,8 @@ function _templateObject5() {
108
113
  ": var(--surface-transparent-clear);\n ",
109
114
  ": var(--text-negative-hover);\n ",
110
115
  ": var(--text-negative-active);\n ",
111
- ": var(--surface-accent);\n "
116
+ ": var(--surface-accent);\n ",
117
+ ": var(--text-negative-hover);\n "
112
118
  ]);
113
119
  _templateObject5 = function _templateObject() {
114
120
  return data;
@@ -275,12 +281,12 @@ var config = {
275
281
  },
276
282
  variations: {
277
283
  view: {
278
- default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor),
279
- accent: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor),
280
- secondary: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor),
281
- positive: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor),
282
- warning: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor),
283
- negative: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor)
284
+ default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor, _styledcomponents.linkButtonTokens.linkButtonTextColorHover),
285
+ accent: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor, _styledcomponents.linkButtonTokens.linkButtonTextColorHover),
286
+ secondary: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor, _styledcomponents.linkButtonTokens.linkButtonTextColorHover),
287
+ positive: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor, _styledcomponents.linkButtonTokens.linkButtonTextColorHover),
288
+ warning: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor, _styledcomponents.linkButtonTokens.linkButtonTextColorHover),
289
+ negative: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor, _styledcomponents.linkButtonTokens.linkButtonTextColorHover)
284
290
  },
285
291
  size: {
286
292
  xl: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.linkButtonTokens.linkButtonHeight, _styledcomponents.linkButtonTokens.linkButtonPadding, _styledcomponents.linkButtonTokens.linkButtonRadius, _styledcomponents.linkButtonTokens.linkButtonFontFamily, _styledcomponents.linkButtonTokens.linkButtonFontSize, _styledcomponents.linkButtonTokens.linkButtonFontStyle, _styledcomponents.linkButtonTokens.linkButtonFontWeight, _styledcomponents.linkButtonTokens.linkButtonLetterSpacing, _styledcomponents.linkButtonTokens.linkButtonLineHeight, _styledcomponents.linkButtonTokens.linkButtonSpinnerSize, _styledcomponents.linkButtonTokens.linkButtonSpinnerColor, _styledcomponents.linkButtonTokens.linkButtonTextPadding, _styledcomponents.linkButtonTokens.linkButtonLeftContentMargin, _styledcomponents.linkButtonTokens.linkButtonRightContentMargin, _styledcomponents.linkButtonTokens.linkButtonAdditionalContentMargin),
package/components/Tabs/horizontal/HorizontalIconTabItem.config.js CHANGED
@@ -240,7 +240,7 @@ function _templateObject13() {
240
240
  }
241
241
  var config = {
242
242
  defaults: {
243
- view: 'default',
243
+ view: 'divider',
244
244
  size: 'xs'
245
245
  },
246
246
  variations: {
package/components/Tabs/horizontal/HorizontalTabItem.config.js CHANGED
@@ -37,8 +37,6 @@ function _templateObject() {
37
37
  ": var(--text-secondary);\n ",
38
38
  ": transparent;\n ",
39
39
  ": background-color 0.3s ease-in-out;\n\n ",
40
- ": 0;\n ",
41
- ": 0;\n\n ",
42
40
  ": var(--surface-accent);\n\n ",
43
41
  ": 0rem;\n ",
44
42
  ": var(--text-primary);\n ",
@@ -63,10 +61,10 @@ function _templateObject1() {
63
61
  ": transparent;\n ",
64
62
  ": var(--text-primary);\n ",
65
63
  ": var(--text-secondary);\n ",
66
- ": var(--surface-transparent-card);\n ",
64
+ ": var(--surface-solid-card);\n ",
67
65
  ": var(--text-primary);\n ",
68
66
  ": var(--text-secondary);\n ",
69
- ": var(--surface-transparent-card);\n ",
67
+ ": var(--surface-solid-card);\n ",
70
68
  ": background-color 0.3s ease-in-out;\n\n ",
71
69
  ": 0.125rem;\n\n ",
72
70
  ": var(--surface-accent);\n\n ",
@@ -98,8 +96,6 @@ function _templateObject2() {
98
96
  ": var(--text-secondary);\n ",
99
97
  ": transparent;\n ",
100
98
  ": background-color 0.3s ease-in-out;\n\n ",
101
- ": 0;\n ",
102
- ": 0;\n\n ",
103
99
  ": var(--surface-accent);\n\n ",
104
100
  ": 0.125rem;\n ",
105
101
  ": var(--text-primary);\n ",
@@ -123,10 +119,10 @@ function _templateObject3() {
123
119
  ": var(--text-secondary);\n ",
124
120
  ": transparent;\n ",
125
121
  ": var(--inverse-text-primary);\n ",
126
- ": var(--on-dark-text-secondary);\n ",
122
+ ": var(--inverse-text-secondary);\n ",
127
123
  ": var(--surface-solid-default);\n ",
128
124
  ": var(--inverse-text-primary);\n ",
129
- ": var(--on-dark-text-secondary);\n ",
125
+ ": var(--inverse-text-secondary);\n ",
130
126
  ": var(--surface-solid-default);\n ",
131
127
  ": background-color 0.3s ease-in-out;\n\n ",
132
128
  ": 0.125rem;\n\n ",
@@ -147,9 +143,9 @@ function _templateObject4() {
147
143
  ": 0.375rem;\n ",
148
144
  ": auto;\n ",
149
145
  ": 2rem;\n ",
150
- ": 0 0.5rem;\n ",
146
+ ": 0 0.125rem;\n ",
151
147
  ": 0 0.375rem;\n ",
152
- ": 1.75rem;\n ",
148
+ ": 1.5rem;\n ",
153
149
  ": 0.25rem;\n ",
154
150
  ": 0.125rem;\n\n ",
155
151
  ": var(--plasma-typo-body-xs-font-family);\n ",
@@ -171,9 +167,9 @@ function _templateObject5() {
171
167
  ": 0.5rem;\n ",
172
168
  ": auto;\n ",
173
169
  ": 2.5rem;\n ",
174
- ": 0 0.625rem;\n ",
170
+ ": 0 0.125rem;\n ",
175
171
  ": 0 0.5rem;\n ",
176
- ": 1.75rem;\n ",
172
+ ": 1.5rem;\n ",
177
173
  ": 0.25rem;\n ",
178
174
  ": 0.125rem;\n\n ",
179
175
  ": var(--plasma-typo-body-s-font-family);\n ",
@@ -195,9 +191,9 @@ function _templateObject6() {
195
191
  ": 0.625rem;\n ",
196
192
  ": auto;\n ",
197
193
  ": 3rem;\n ",
198
- ": 0 0.625rem;\n ",
194
+ ": 0 0.125rem;\n ",
199
195
  ": 0 0.5rem;\n ",
200
- ": 1.75rem;\n ",
196
+ ": 1.5rem;\n ",
201
197
  ": 0.375rem;\n ",
202
198
  ": 0.125rem;\n\n ",
203
199
  ": var(--plasma-typo-body-m-font-family);\n ",
@@ -219,9 +215,9 @@ function _templateObject7() {
219
215
  ": 0.75rem;\n ",
220
216
  ": auto;\n ",
221
217
  ": 3.5rem;\n ",
222
- ": 0 0.875rem;\n ",
218
+ ": 0 0.125rem;\n ",
223
219
  ": 0 0.75rem;\n ",
224
- ": 1.75rem;\n ",
220
+ ": 1.5rem;\n ",
225
221
  ": 0.5rem;\n ",
226
222
  ": 0.125rem;\n\n ",
227
223
  ": var(--plasma-typo-body-l-font-family);\n ",
@@ -243,8 +239,8 @@ function _templateObject8() {
243
239
  ": 0.375rem;\n ",
244
240
  ": auto;\n ",
245
241
  ": 3rem;\n ",
246
- ": 0rem;\n ",
247
- ": 1.75rem;\n ",
242
+ ": 0 0.125rem;\n ",
243
+ ": 1.5rem;\n ",
248
244
  ": 0.625rem;\n\n ",
249
245
  ": var(--plasma-typo-h5-font-family);\n ",
250
246
  ": var(--plasma-typo-h5-font-size);\n ",
@@ -265,8 +261,8 @@ function _templateObject9() {
265
261
  ": 0.375rem;\n ",
266
262
  ": auto;\n ",
267
263
  ": 3.25rem;\n ",
268
- ": 0rem;\n ",
269
- ": 2rem;\n ",
264
+ ": 0 0.125rem;\n ",
265
+ ": 1.75rem;\n ",
270
266
  ": 0.625rem;\n\n ",
271
267
  ": var(--plasma-typo-h4-font-family);\n ",
272
268
  ": var(--plasma-typo-h4-font-size);\n ",
@@ -287,8 +283,8 @@ function _templateObject10() {
287
283
  ": 0.5rem;\n ",
288
284
  ": auto;\n ",
289
285
  ": 3.875rem;\n ",
290
- ": 0rem;\n ",
291
- ": 2.25rem;\n ",
286
+ ": 0 0.125rem;\n ",
287
+ ": 2rem;\n ",
292
288
  ": 0.75rem;\n\n ",
293
289
  ": var(--plasma-typo-h3-font-family);\n ",
294
290
  ": var(--plasma-typo-h3-font-size);\n ",
@@ -309,8 +305,8 @@ function _templateObject11() {
309
305
  ": 0.625rem;\n ",
310
306
  ": auto;\n ",
311
307
  ": 4.5rem;\n ",
312
- ": 0rem;\n ",
313
- ": 2.5rem;\n ",
308
+ ": 0 0.125rem;\n ",
309
+ ": 2.25rem;\n ",
314
310
  ": 0.875rem;\n\n ",
315
311
  ": var(--plasma-typo-h2-font-family);\n ",
316
312
  ": var(--plasma-typo-h2-font-size);\n ",
@@ -331,8 +327,8 @@ function _templateObject12() {
331
327
  ": 0.75rem;\n ",
332
328
  ": auto;\n ",
333
329
  ": 5.75rem;\n ",
334
- ": 0rem;\n ",
335
- ": 3.5rem;\n ",
330
+ ": 0 0.125rem;\n ",
331
+ ": 3.25rem;\n ",
336
332
  ": 1rem;\n\n ",
337
333
  ": var(--plasma-typo-h1-font-family);\n ",
338
334
  ": var(--plasma-typo-h1-font-size);\n ",
@@ -378,14 +374,14 @@ function _templateObject15() {
378
374
  }
379
375
  var config = {
380
376
  defaults: {
381
- view: 'secondary',
377
+ view: 'divider',
382
378
  size: 'l'
383
379
  },
384
380
  variations: {
385
381
  view: {
386
- clear: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.tabsTokens.itemColor, _styledcomponents.tabsTokens.itemValueColor, _styledcomponents.tabsTokens.itemBackgroundColor, _styledcomponents.tabsTokens.itemColorHover, _styledcomponents.tabsTokens.itemValueColorHover, _styledcomponents.tabsTokens.itemColorActive, _styledcomponents.tabsTokens.itemValueColorActive, _styledcomponents.tabsTokens.itemBackgroundColorHover, _styledcomponents.tabsTokens.itemSelectedColor, _styledcomponents.tabsTokens.itemSelectedValueColor, _styledcomponents.tabsTokens.itemSelectedBackgroundColor, _styledcomponents.tabsTokens.itemSelectedColorHover, _styledcomponents.tabsTokens.itemSelectedValueColorHover, _styledcomponents.tabsTokens.itemSelectedBackgroundColorHover, _styledcomponents.tabsTokens.itemBackgroundTransition, _styledcomponents.tabsTokens.itemPaddingClear, _styledcomponents.tabsTokens.itemContentPaddingClear, _styledcomponents.tabsTokens.outlineFocusColor, _styledcomponents.tabsTokens.itemSelectedDividerHeight, _styledcomponents.tabsTokens.itemSelectedDividerColor, _styledcomponents.tabsTokens.itemSelectedDividerColorHover, _styledcomponents.tabsTokens.itemCursor),
382
+ clear: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.tabsTokens.itemColor, _styledcomponents.tabsTokens.itemValueColor, _styledcomponents.tabsTokens.itemBackgroundColor, _styledcomponents.tabsTokens.itemColorHover, _styledcomponents.tabsTokens.itemValueColorHover, _styledcomponents.tabsTokens.itemColorActive, _styledcomponents.tabsTokens.itemValueColorActive, _styledcomponents.tabsTokens.itemBackgroundColorHover, _styledcomponents.tabsTokens.itemSelectedColor, _styledcomponents.tabsTokens.itemSelectedValueColor, _styledcomponents.tabsTokens.itemSelectedBackgroundColor, _styledcomponents.tabsTokens.itemSelectedColorHover, _styledcomponents.tabsTokens.itemSelectedValueColorHover, _styledcomponents.tabsTokens.itemSelectedBackgroundColorHover, _styledcomponents.tabsTokens.itemBackgroundTransition, _styledcomponents.tabsTokens.outlineFocusColor, _styledcomponents.tabsTokens.itemSelectedDividerHeight, _styledcomponents.tabsTokens.itemSelectedDividerColor, _styledcomponents.tabsTokens.itemSelectedDividerColorHover, _styledcomponents.tabsTokens.itemCursor),
387
383
  secondary: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.tabsTokens.itemColor, _styledcomponents.tabsTokens.itemValueColor, _styledcomponents.tabsTokens.itemBackgroundColor, _styledcomponents.tabsTokens.itemColorHover, _styledcomponents.tabsTokens.itemValueColorHover, _styledcomponents.tabsTokens.itemColorActive, _styledcomponents.tabsTokens.itemValueColorActive, _styledcomponents.tabsTokens.itemBackgroundColorHover, _styledcomponents.tabsTokens.itemSelectedColor, _styledcomponents.tabsTokens.itemSelectedValueColor, _styledcomponents.tabsTokens.itemSelectedBackgroundColor, _styledcomponents.tabsTokens.itemSelectedColorHover, _styledcomponents.tabsTokens.itemSelectedValueColorHover, _styledcomponents.tabsTokens.itemSelectedBackgroundColorHover, _styledcomponents.tabsTokens.itemBackgroundTransition, _styledcomponents.tabsTokens.itemMarginLeftFilled, _styledcomponents.tabsTokens.outlineFocusColor, _styledcomponents.tabsTokens.itemSelectedDividerHeight, _styledcomponents.tabsTokens.itemSelectedDividerColor, _styledcomponents.tabsTokens.itemSelectedDividerColorHover, _styledcomponents.tabsTokens.itemCursor),
388
- divider: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.tabsTokens.itemColor, _styledcomponents.tabsTokens.itemValueColor, _styledcomponents.tabsTokens.itemBackgroundColor, _styledcomponents.tabsTokens.itemColorHover, _styledcomponents.tabsTokens.itemValueColorHover, _styledcomponents.tabsTokens.itemColorActive, _styledcomponents.tabsTokens.itemValueColorActive, _styledcomponents.tabsTokens.itemBackgroundColorHover, _styledcomponents.tabsTokens.itemSelectedColor, _styledcomponents.tabsTokens.itemSelectedValueColor, _styledcomponents.tabsTokens.itemSelectedBackgroundColor, _styledcomponents.tabsTokens.itemSelectedColorHover, _styledcomponents.tabsTokens.itemSelectedValueColorHover, _styledcomponents.tabsTokens.itemSelectedBackgroundColorHover, _styledcomponents.tabsTokens.itemBackgroundTransition, _styledcomponents.tabsTokens.itemPaddingClear, _styledcomponents.tabsTokens.itemContentPaddingClear, _styledcomponents.tabsTokens.outlineFocusColor, _styledcomponents.tabsTokens.itemSelectedDividerHeight, _styledcomponents.tabsTokens.itemSelectedDividerColor, _styledcomponents.tabsTokens.itemSelectedDividerColorHover, _styledcomponents.tabsTokens.itemCursor),
384
+ divider: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.tabsTokens.itemColor, _styledcomponents.tabsTokens.itemValueColor, _styledcomponents.tabsTokens.itemBackgroundColor, _styledcomponents.tabsTokens.itemColorHover, _styledcomponents.tabsTokens.itemValueColorHover, _styledcomponents.tabsTokens.itemColorActive, _styledcomponents.tabsTokens.itemValueColorActive, _styledcomponents.tabsTokens.itemBackgroundColorHover, _styledcomponents.tabsTokens.itemSelectedColor, _styledcomponents.tabsTokens.itemSelectedValueColor, _styledcomponents.tabsTokens.itemSelectedBackgroundColor, _styledcomponents.tabsTokens.itemSelectedColorHover, _styledcomponents.tabsTokens.itemSelectedValueColorHover, _styledcomponents.tabsTokens.itemSelectedBackgroundColorHover, _styledcomponents.tabsTokens.itemBackgroundTransition, _styledcomponents.tabsTokens.outlineFocusColor, _styledcomponents.tabsTokens.itemSelectedDividerHeight, _styledcomponents.tabsTokens.itemSelectedDividerColor, _styledcomponents.tabsTokens.itemSelectedDividerColorHover, _styledcomponents.tabsTokens.itemCursor),
389
385
  default: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.tabsTokens.itemColor, _styledcomponents.tabsTokens.itemValueColor, _styledcomponents.tabsTokens.itemBackgroundColor, _styledcomponents.tabsTokens.itemColorHover, _styledcomponents.tabsTokens.itemValueColorHover, _styledcomponents.tabsTokens.itemColorActive, _styledcomponents.tabsTokens.itemValueColorActive, _styledcomponents.tabsTokens.itemBackgroundColorHover, _styledcomponents.tabsTokens.itemSelectedColor, _styledcomponents.tabsTokens.itemSelectedValueColor, _styledcomponents.tabsTokens.itemSelectedBackgroundColor, _styledcomponents.tabsTokens.itemSelectedColorHover, _styledcomponents.tabsTokens.itemSelectedValueColorHover, _styledcomponents.tabsTokens.itemSelectedBackgroundColorHover, _styledcomponents.tabsTokens.itemBackgroundTransition, _styledcomponents.tabsTokens.itemMarginLeftFilled, _styledcomponents.tabsTokens.outlineFocusColor, _styledcomponents.tabsTokens.itemSelectedDividerHeight, _styledcomponents.tabsTokens.itemSelectedDividerColor, _styledcomponents.tabsTokens.itemSelectedDividerColorHover, _styledcomponents.tabsTokens.itemCursor)
390
386
  },
391
387
  size: {