@salutejs/sdds-cs 0.331.0-canary.2296.18749364572.0 → 0.331.0-canary.2297.18772323112.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 (10) hide show
  1. package/components/Tabs/horizontal/HorizontalTabItem.config.js +5 -9
  2. package/components/Tabs/horizontal/HorizontalTabs.config.js +2 -2
  3. package/components/TextArea/TextArea.d.ts +8 -0
  4. package/emotion/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js +5 -9
  5. package/emotion/cjs/components/Tabs/horizontal/HorizontalTabs.config.js +2 -2
  6. package/emotion/es/components/Tabs/horizontal/HorizontalTabItem.config.js +5 -9
  7. package/emotion/es/components/Tabs/horizontal/HorizontalTabs.config.js +2 -2
  8. package/es/components/Tabs/horizontal/HorizontalTabItem.config.js +5 -9
  9. package/es/components/Tabs/horizontal/HorizontalTabs.config.js +2 -2
  10. package/package.json +8 -8
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(--surface-solid-default);\n ",
@@ -100,8 +98,6 @@ function _templateObject2() {
100
98
  ": var(--text-secondary);\n ",
101
99
  ": transparent;\n ",
102
100
  ": background-color 0.3s ease-in-out;\n\n ",
103
- ": 0;\n ",
104
- ": 0;\n\n ",
105
101
  ": var(--surface-accent);\n\n ",
106
102
  ": 0.125rem;\n ",
107
103
  ": var(--surface-solid-default);\n ",
@@ -152,8 +148,8 @@ function _templateObject4() {
152
148
  ": auto;\n ",
153
149
  ": 2.5rem;\n ",
154
150
  ": 0 0.625rem;\n ",
155
- ": 0 0.5rem;\n ",
156
- ": 1.75rem;\n ",
151
+ ": 0 0.125rem;\n ",
152
+ ": 1.5rem;\n ",
157
153
  ": 0.25rem;\n ",
158
154
  ": 0.125rem;\n\n ",
159
155
  ": var(--plasma-typo-body-m-bold-font-family);\n ",
@@ -214,14 +210,14 @@ function _templateObject7() {
214
210
  }
215
211
  var config = {
216
212
  defaults: {
217
- view: 'secondary',
213
+ view: 'divider',
218
214
  size: 's'
219
215
  },
220
216
  variations: {
221
217
  view: {
222
- 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, _styledcomponents.tabsTokens.itemCursorOverNotSelected),
218
+ 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, _styledcomponents.tabsTokens.itemCursorOverNotSelected),
223
219
  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, _styledcomponents.tabsTokens.itemCursorOverNotSelected),
224
- 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, _styledcomponents.tabsTokens.itemCursorOverNotSelected),
220
+ 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, _styledcomponents.tabsTokens.itemCursorOverNotSelected),
225
221
  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, _styledcomponents.tabsTokens.itemCursorOverNotSelected)
226
222
  },
227
223
  size: {
package/components/Tabs/horizontal/HorizontalTabs.config.js CHANGED
@@ -238,8 +238,8 @@ function _templateObject14() {
238
238
  }
239
239
  var config = {
240
240
  defaults: {
241
- view: 'filled',
242
- size: 'l'
241
+ view: 'divider',
242
+ size: 's'
243
243
  },
244
244
  variations: {
245
245
  view: {
package/components/TextArea/TextArea.d.ts CHANGED
@@ -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/emotion/cjs/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(--surface-solid-default);\n ",
@@ -100,8 +98,6 @@ function _templateObject2() {
100
98
  ": var(--text-secondary);\n ",
101
99
  ": transparent;\n ",
102
100
  ": background-color 0.3s ease-in-out;\n\n ",
103
- ": 0;\n ",
104
- ": 0;\n\n ",
105
101
  ": var(--surface-accent);\n\n ",
106
102
  ": 0.125rem;\n ",
107
103
  ": var(--surface-solid-default);\n ",
@@ -152,8 +148,8 @@ function _templateObject4() {
152
148
  ": auto;\n ",
153
149
  ": 2.5rem;\n ",
154
150
  ": 0 0.625rem;\n ",
155
- ": 0 0.5rem;\n ",
156
- ": 1.75rem;\n ",
151
+ ": 0 0.125rem;\n ",
152
+ ": 1.5rem;\n ",
157
153
  ": 0.25rem;\n ",
158
154
  ": 0.125rem;\n\n ",
159
155
  ": var(--plasma-typo-body-m-bold-font-family);\n ",
@@ -214,14 +210,14 @@ function _templateObject7() {
214
210
  }
215
211
  var config = {
216
212
  defaults: {
217
- view: 'secondary',
213
+ view: 'divider',
218
214
  size: 's'
219
215
  },
220
216
  variations: {
221
217
  view: {
222
- clear: (0, _emotion.css)(_templateObject(), _emotion.tabsTokens.itemColor, _emotion.tabsTokens.itemValueColor, _emotion.tabsTokens.itemBackgroundColor, _emotion.tabsTokens.itemColorHover, _emotion.tabsTokens.itemValueColorHover, _emotion.tabsTokens.itemColorActive, _emotion.tabsTokens.itemValueColorActive, _emotion.tabsTokens.itemBackgroundColorHover, _emotion.tabsTokens.itemSelectedColor, _emotion.tabsTokens.itemSelectedValueColor, _emotion.tabsTokens.itemSelectedBackgroundColor, _emotion.tabsTokens.itemSelectedColorHover, _emotion.tabsTokens.itemSelectedValueColorHover, _emotion.tabsTokens.itemSelectedBackgroundColorHover, _emotion.tabsTokens.itemBackgroundTransition, _emotion.tabsTokens.itemPaddingClear, _emotion.tabsTokens.itemContentPaddingClear, _emotion.tabsTokens.outlineFocusColor, _emotion.tabsTokens.itemSelectedDividerHeight, _emotion.tabsTokens.itemSelectedDividerColor, _emotion.tabsTokens.itemSelectedDividerColorHover, _emotion.tabsTokens.itemCursor, _emotion.tabsTokens.itemCursorOverNotSelected),
218
+ clear: (0, _emotion.css)(_templateObject(), _emotion.tabsTokens.itemColor, _emotion.tabsTokens.itemValueColor, _emotion.tabsTokens.itemBackgroundColor, _emotion.tabsTokens.itemColorHover, _emotion.tabsTokens.itemValueColorHover, _emotion.tabsTokens.itemColorActive, _emotion.tabsTokens.itemValueColorActive, _emotion.tabsTokens.itemBackgroundColorHover, _emotion.tabsTokens.itemSelectedColor, _emotion.tabsTokens.itemSelectedValueColor, _emotion.tabsTokens.itemSelectedBackgroundColor, _emotion.tabsTokens.itemSelectedColorHover, _emotion.tabsTokens.itemSelectedValueColorHover, _emotion.tabsTokens.itemSelectedBackgroundColorHover, _emotion.tabsTokens.itemBackgroundTransition, _emotion.tabsTokens.outlineFocusColor, _emotion.tabsTokens.itemSelectedDividerHeight, _emotion.tabsTokens.itemSelectedDividerColor, _emotion.tabsTokens.itemSelectedDividerColorHover, _emotion.tabsTokens.itemCursor, _emotion.tabsTokens.itemCursorOverNotSelected),
223
219
  secondary: (0, _emotion.css)(_templateObject1(), _emotion.tabsTokens.itemColor, _emotion.tabsTokens.itemValueColor, _emotion.tabsTokens.itemBackgroundColor, _emotion.tabsTokens.itemColorHover, _emotion.tabsTokens.itemValueColorHover, _emotion.tabsTokens.itemColorActive, _emotion.tabsTokens.itemValueColorActive, _emotion.tabsTokens.itemBackgroundColorHover, _emotion.tabsTokens.itemSelectedColor, _emotion.tabsTokens.itemSelectedValueColor, _emotion.tabsTokens.itemSelectedBackgroundColor, _emotion.tabsTokens.itemSelectedColorHover, _emotion.tabsTokens.itemSelectedValueColorHover, _emotion.tabsTokens.itemSelectedBackgroundColorHover, _emotion.tabsTokens.itemBackgroundTransition, _emotion.tabsTokens.itemMarginLeftFilled, _emotion.tabsTokens.outlineFocusColor, _emotion.tabsTokens.itemSelectedDividerHeight, _emotion.tabsTokens.itemSelectedDividerColor, _emotion.tabsTokens.itemSelectedDividerColorHover, _emotion.tabsTokens.itemCursor, _emotion.tabsTokens.itemCursorOverNotSelected),
224
- divider: (0, _emotion.css)(_templateObject2(), _emotion.tabsTokens.itemColor, _emotion.tabsTokens.itemValueColor, _emotion.tabsTokens.itemBackgroundColor, _emotion.tabsTokens.itemColorHover, _emotion.tabsTokens.itemValueColorHover, _emotion.tabsTokens.itemColorActive, _emotion.tabsTokens.itemValueColorActive, _emotion.tabsTokens.itemBackgroundColorHover, _emotion.tabsTokens.itemSelectedColor, _emotion.tabsTokens.itemSelectedValueColor, _emotion.tabsTokens.itemSelectedBackgroundColor, _emotion.tabsTokens.itemSelectedColorHover, _emotion.tabsTokens.itemSelectedValueColorHover, _emotion.tabsTokens.itemSelectedBackgroundColorHover, _emotion.tabsTokens.itemBackgroundTransition, _emotion.tabsTokens.itemPaddingClear, _emotion.tabsTokens.itemContentPaddingClear, _emotion.tabsTokens.outlineFocusColor, _emotion.tabsTokens.itemSelectedDividerHeight, _emotion.tabsTokens.itemSelectedDividerColor, _emotion.tabsTokens.itemSelectedDividerColorHover, _emotion.tabsTokens.itemCursor, _emotion.tabsTokens.itemCursorOverNotSelected),
220
+ divider: (0, _emotion.css)(_templateObject2(), _emotion.tabsTokens.itemColor, _emotion.tabsTokens.itemValueColor, _emotion.tabsTokens.itemBackgroundColor, _emotion.tabsTokens.itemColorHover, _emotion.tabsTokens.itemValueColorHover, _emotion.tabsTokens.itemColorActive, _emotion.tabsTokens.itemValueColorActive, _emotion.tabsTokens.itemBackgroundColorHover, _emotion.tabsTokens.itemSelectedColor, _emotion.tabsTokens.itemSelectedValueColor, _emotion.tabsTokens.itemSelectedBackgroundColor, _emotion.tabsTokens.itemSelectedColorHover, _emotion.tabsTokens.itemSelectedValueColorHover, _emotion.tabsTokens.itemSelectedBackgroundColorHover, _emotion.tabsTokens.itemBackgroundTransition, _emotion.tabsTokens.outlineFocusColor, _emotion.tabsTokens.itemSelectedDividerHeight, _emotion.tabsTokens.itemSelectedDividerColor, _emotion.tabsTokens.itemSelectedDividerColorHover, _emotion.tabsTokens.itemCursor, _emotion.tabsTokens.itemCursorOverNotSelected),
225
221
  default: (0, _emotion.css)(_templateObject3(), _emotion.tabsTokens.itemColor, _emotion.tabsTokens.itemValueColor, _emotion.tabsTokens.itemBackgroundColor, _emotion.tabsTokens.itemColorHover, _emotion.tabsTokens.itemValueColorHover, _emotion.tabsTokens.itemColorActive, _emotion.tabsTokens.itemValueColorActive, _emotion.tabsTokens.itemBackgroundColorHover, _emotion.tabsTokens.itemSelectedColor, _emotion.tabsTokens.itemSelectedValueColor, _emotion.tabsTokens.itemSelectedBackgroundColor, _emotion.tabsTokens.itemSelectedColorHover, _emotion.tabsTokens.itemSelectedValueColorHover, _emotion.tabsTokens.itemSelectedBackgroundColorHover, _emotion.tabsTokens.itemBackgroundTransition, _emotion.tabsTokens.itemMarginLeftFilled, _emotion.tabsTokens.outlineFocusColor, _emotion.tabsTokens.itemSelectedDividerHeight, _emotion.tabsTokens.itemSelectedDividerColor, _emotion.tabsTokens.itemSelectedDividerColorHover, _emotion.tabsTokens.itemCursor, _emotion.tabsTokens.itemCursorOverNotSelected)
226
222
  },
227
223
  size: {
package/emotion/cjs/components/Tabs/horizontal/HorizontalTabs.config.js CHANGED
@@ -238,8 +238,8 @@ function _templateObject14() {
238
238
  }
239
239
  var config = {
240
240
  defaults: {
241
- view: 'filled',
242
- size: 'l'
241
+ view: 'divider',
242
+ size: 's'
243
243
  },
244
244
  variations: {
245
245
  view: {
package/emotion/es/components/Tabs/horizontal/HorizontalTabItem.config.js CHANGED
@@ -26,8 +26,6 @@ function _templateObject() {
26
26
  ": var(--text-secondary);\n ",
27
27
  ": transparent;\n ",
28
28
  ": background-color 0.3s ease-in-out;\n\n ",
29
- ": 0;\n ",
30
- ": 0;\n\n ",
31
29
  ": var(--surface-accent);\n\n ",
32
30
  ": 0rem;\n ",
33
31
  ": var(--surface-solid-default);\n ",
@@ -89,8 +87,6 @@ function _templateObject2() {
89
87
  ": var(--text-secondary);\n ",
90
88
  ": transparent;\n ",
91
89
  ": background-color 0.3s ease-in-out;\n\n ",
92
- ": 0;\n ",
93
- ": 0;\n\n ",
94
90
  ": var(--surface-accent);\n\n ",
95
91
  ": 0.125rem;\n ",
96
92
  ": var(--surface-solid-default);\n ",
@@ -141,8 +137,8 @@ function _templateObject4() {
141
137
  ": auto;\n ",
142
138
  ": 2.5rem;\n ",
143
139
  ": 0 0.625rem;\n ",
144
- ": 0 0.5rem;\n ",
145
- ": 1.75rem;\n ",
140
+ ": 0 0.125rem;\n ",
141
+ ": 1.5rem;\n ",
146
142
  ": 0.25rem;\n ",
147
143
  ": 0.125rem;\n\n ",
148
144
  ": var(--plasma-typo-body-m-bold-font-family);\n ",
@@ -204,14 +200,14 @@ function _templateObject7() {
204
200
  import { css, tabsTokens } from '@salutejs/plasma-new-hope/emotion';
205
201
  export var config = {
206
202
  defaults: {
207
- view: 'secondary',
203
+ view: 'divider',
208
204
  size: 's'
209
205
  },
210
206
  variations: {
211
207
  view: {
212
- clear: css(_templateObject(), tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor, tabsTokens.itemCursorOverNotSelected),
208
+ clear: css(_templateObject(), tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor, tabsTokens.itemCursorOverNotSelected),
213
209
  secondary: css(_templateObject1(), tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemMarginLeftFilled, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor, tabsTokens.itemCursorOverNotSelected),
214
- divider: css(_templateObject2(), tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor, tabsTokens.itemCursorOverNotSelected),
210
+ divider: css(_templateObject2(), tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor, tabsTokens.itemCursorOverNotSelected),
215
211
  default: css(_templateObject3(), tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemMarginLeftFilled, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor, tabsTokens.itemCursorOverNotSelected)
216
212
  },
217
213
  size: {
package/emotion/es/components/Tabs/horizontal/HorizontalTabs.config.js CHANGED
@@ -228,8 +228,8 @@ function _templateObject14() {
228
228
  import { css, tabsTokens } from '@salutejs/plasma-new-hope/emotion';
229
229
  export var config = {
230
230
  defaults: {
231
- view: 'filled',
232
- size: 'l'
231
+ view: 'divider',
232
+ size: 's'
233
233
  },
234
234
  variations: {
235
235
  view: {
package/es/components/Tabs/horizontal/HorizontalTabItem.config.js CHANGED
@@ -26,8 +26,6 @@ function _templateObject() {
26
26
  ": var(--text-secondary);\n ",
27
27
  ": transparent;\n ",
28
28
  ": background-color 0.3s ease-in-out;\n\n ",
29
- ": 0;\n ",
30
- ": 0;\n\n ",
31
29
  ": var(--surface-accent);\n\n ",
32
30
  ": 0rem;\n ",
33
31
  ": var(--surface-solid-default);\n ",
@@ -89,8 +87,6 @@ function _templateObject2() {
89
87
  ": var(--text-secondary);\n ",
90
88
  ": transparent;\n ",
91
89
  ": background-color 0.3s ease-in-out;\n\n ",
92
- ": 0;\n ",
93
- ": 0;\n\n ",
94
90
  ": var(--surface-accent);\n\n ",
95
91
  ": 0.125rem;\n ",
96
92
  ": var(--surface-solid-default);\n ",
@@ -141,8 +137,8 @@ function _templateObject4() {
141
137
  ": auto;\n ",
142
138
  ": 2.5rem;\n ",
143
139
  ": 0 0.625rem;\n ",
144
- ": 0 0.5rem;\n ",
145
- ": 1.75rem;\n ",
140
+ ": 0 0.125rem;\n ",
141
+ ": 1.5rem;\n ",
146
142
  ": 0.25rem;\n ",
147
143
  ": 0.125rem;\n\n ",
148
144
  ": var(--plasma-typo-body-m-bold-font-family);\n ",
@@ -204,14 +200,14 @@ function _templateObject7() {
204
200
  import { css, tabsTokens } from '@salutejs/plasma-new-hope/styled-components';
205
201
  export var config = {
206
202
  defaults: {
207
- view: 'secondary',
203
+ view: 'divider',
208
204
  size: 's'
209
205
  },
210
206
  variations: {
211
207
  view: {
212
- clear: css(_templateObject(), tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor, tabsTokens.itemCursorOverNotSelected),
208
+ clear: css(_templateObject(), tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor, tabsTokens.itemCursorOverNotSelected),
213
209
  secondary: css(_templateObject1(), tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemMarginLeftFilled, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor, tabsTokens.itemCursorOverNotSelected),
214
- divider: css(_templateObject2(), tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor, tabsTokens.itemCursorOverNotSelected),
210
+ divider: css(_templateObject2(), tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor, tabsTokens.itemCursorOverNotSelected),
215
211
  default: css(_templateObject3(), tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemMarginLeftFilled, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor, tabsTokens.itemCursorOverNotSelected)
216
212
  },
217
213
  size: {
package/es/components/Tabs/horizontal/HorizontalTabs.config.js CHANGED
@@ -228,8 +228,8 @@ function _templateObject14() {
228
228
  import { css, tabsTokens } from '@salutejs/plasma-new-hope/styled-components';
229
229
  export var config = {
230
230
  defaults: {
231
- view: 'filled',
232
- size: 'l'
231
+ view: 'divider',
232
+ size: 's'
233
233
  },
234
234
  variations: {
235
235
  view: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-cs",
3
- "version": "0.331.0-canary.2296.18749364572.0",
3
+ "version": "0.331.0-canary.2297.18772323112.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.339.0-canary.2296.18749364572.0",
35
- "@salutejs/sdds-themes": "0.48.0-canary.2296.18749364572.0"
34
+ "@salutejs/plasma-new-hope": "0.339.0-canary.2297.18772323112.0",
35
+ "@salutejs/sdds-themes": "0.48.0-canary.2297.18772323112.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.209.0-canary.2296.18749364572.0",
59
- "@salutejs/plasma-cy-utils": "0.139.0-canary.2296.18749364572.0",
60
- "@salutejs/plasma-icons": "1.226.0-canary.2296.18749364572.0",
61
- "@salutejs/plasma-sb-utils": "0.209.0-canary.2296.18749364572.0",
58
+ "@salutejs/plasma-core": "1.209.0-canary.2297.18772323112.0",
59
+ "@salutejs/plasma-cy-utils": "0.139.0-canary.2297.18772323112.0",
60
+ "@salutejs/plasma-icons": "1.226.0-canary.2297.18772323112.0",
61
+ "@salutejs/plasma-sb-utils": "0.209.0-canary.2297.18772323112.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": "9d5837a496aa8e7ee96bed905d5cbe02fd37893f"
127
+ "gitHead": "3b2674d4bc49b8245db2f736fb6537464cf6b496"
128
128
  }