@salutejs/sdds-cs 0.331.0-canary.2297.18772323112.0 → 0.331.0-canary.2298.18772525373.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 (9) hide show
  1. package/components/Tabs/horizontal/HorizontalTabItem.config.js +9 -5
  2. package/components/Tabs/horizontal/HorizontalTabs.config.js +2 -2
  3. package/emotion/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js +9 -5
  4. package/emotion/cjs/components/Tabs/horizontal/HorizontalTabs.config.js +2 -2
  5. package/emotion/es/components/Tabs/horizontal/HorizontalTabItem.config.js +9 -5
  6. package/emotion/es/components/Tabs/horizontal/HorizontalTabs.config.js +2 -2
  7. package/es/components/Tabs/horizontal/HorizontalTabItem.config.js +9 -5
  8. package/es/components/Tabs/horizontal/HorizontalTabs.config.js +2 -2
  9. package/package.json +8 -8
package/components/Tabs/horizontal/HorizontalTabItem.config.js CHANGED
@@ -37,6 +37,8 @@ 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 ",
40
42
  ": var(--surface-accent);\n\n ",
41
43
  ": 0rem;\n ",
42
44
  ": var(--surface-solid-default);\n ",
@@ -98,6 +100,8 @@ function _templateObject2() {
98
100
  ": var(--text-secondary);\n ",
99
101
  ": transparent;\n ",
100
102
  ": background-color 0.3s ease-in-out;\n\n ",
103
+ ": 0;\n ",
104
+ ": 0;\n\n ",
101
105
  ": var(--surface-accent);\n\n ",
102
106
  ": 0.125rem;\n ",
103
107
  ": var(--surface-solid-default);\n ",
@@ -148,8 +152,8 @@ function _templateObject4() {
148
152
  ": auto;\n ",
149
153
  ": 2.5rem;\n ",
150
154
  ": 0 0.625rem;\n ",
151
- ": 0 0.125rem;\n ",
152
- ": 1.5rem;\n ",
155
+ ": 0 0.5rem;\n ",
156
+ ": 1.75rem;\n ",
153
157
  ": 0.25rem;\n ",
154
158
  ": 0.125rem;\n\n ",
155
159
  ": var(--plasma-typo-body-m-bold-font-family);\n ",
@@ -210,14 +214,14 @@ function _templateObject7() {
210
214
  }
211
215
  var config = {
212
216
  defaults: {
213
- view: 'divider',
217
+ view: 'secondary',
214
218
  size: 's'
215
219
  },
216
220
  variations: {
217
221
  view: {
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),
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),
219
223
  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),
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),
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),
221
225
  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)
222
226
  },
223
227
  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: 'divider',
242
- size: 's'
241
+ view: 'filled',
242
+ size: 'l'
243
243
  },
244
244
  variations: {
245
245
  view: {
package/emotion/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js CHANGED
@@ -37,6 +37,8 @@ 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 ",
40
42
  ": var(--surface-accent);\n\n ",
41
43
  ": 0rem;\n ",
42
44
  ": var(--surface-solid-default);\n ",
@@ -98,6 +100,8 @@ function _templateObject2() {
98
100
  ": var(--text-secondary);\n ",
99
101
  ": transparent;\n ",
100
102
  ": background-color 0.3s ease-in-out;\n\n ",
103
+ ": 0;\n ",
104
+ ": 0;\n\n ",
101
105
  ": var(--surface-accent);\n\n ",
102
106
  ": 0.125rem;\n ",
103
107
  ": var(--surface-solid-default);\n ",
@@ -148,8 +152,8 @@ function _templateObject4() {
148
152
  ": auto;\n ",
149
153
  ": 2.5rem;\n ",
150
154
  ": 0 0.625rem;\n ",
151
- ": 0 0.125rem;\n ",
152
- ": 1.5rem;\n ",
155
+ ": 0 0.5rem;\n ",
156
+ ": 1.75rem;\n ",
153
157
  ": 0.25rem;\n ",
154
158
  ": 0.125rem;\n\n ",
155
159
  ": var(--plasma-typo-body-m-bold-font-family);\n ",
@@ -210,14 +214,14 @@ function _templateObject7() {
210
214
  }
211
215
  var config = {
212
216
  defaults: {
213
- view: 'divider',
217
+ view: 'secondary',
214
218
  size: 's'
215
219
  },
216
220
  variations: {
217
221
  view: {
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),
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),
219
223
  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),
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),
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),
221
225
  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)
222
226
  },
223
227
  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: 'divider',
242
- size: 's'
241
+ view: 'filled',
242
+ size: 'l'
243
243
  },
244
244
  variations: {
245
245
  view: {
package/emotion/es/components/Tabs/horizontal/HorizontalTabItem.config.js CHANGED
@@ -26,6 +26,8 @@ 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 ",
29
31
  ": var(--surface-accent);\n\n ",
30
32
  ": 0rem;\n ",
31
33
  ": var(--surface-solid-default);\n ",
@@ -87,6 +89,8 @@ function _templateObject2() {
87
89
  ": var(--text-secondary);\n ",
88
90
  ": transparent;\n ",
89
91
  ": background-color 0.3s ease-in-out;\n\n ",
92
+ ": 0;\n ",
93
+ ": 0;\n\n ",
90
94
  ": var(--surface-accent);\n\n ",
91
95
  ": 0.125rem;\n ",
92
96
  ": var(--surface-solid-default);\n ",
@@ -137,8 +141,8 @@ function _templateObject4() {
137
141
  ": auto;\n ",
138
142
  ": 2.5rem;\n ",
139
143
  ": 0 0.625rem;\n ",
140
- ": 0 0.125rem;\n ",
141
- ": 1.5rem;\n ",
144
+ ": 0 0.5rem;\n ",
145
+ ": 1.75rem;\n ",
142
146
  ": 0.25rem;\n ",
143
147
  ": 0.125rem;\n\n ",
144
148
  ": var(--plasma-typo-body-m-bold-font-family);\n ",
@@ -200,14 +204,14 @@ function _templateObject7() {
200
204
  import { css, tabsTokens } from '@salutejs/plasma-new-hope/emotion';
201
205
  export var config = {
202
206
  defaults: {
203
- view: 'divider',
207
+ view: 'secondary',
204
208
  size: 's'
205
209
  },
206
210
  variations: {
207
211
  view: {
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),
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),
209
213
  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),
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),
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),
211
215
  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)
212
216
  },
213
217
  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: 'divider',
232
- size: 's'
231
+ view: 'filled',
232
+ size: 'l'
233
233
  },
234
234
  variations: {
235
235
  view: {
package/es/components/Tabs/horizontal/HorizontalTabItem.config.js CHANGED
@@ -26,6 +26,8 @@ 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 ",
29
31
  ": var(--surface-accent);\n\n ",
30
32
  ": 0rem;\n ",
31
33
  ": var(--surface-solid-default);\n ",
@@ -87,6 +89,8 @@ function _templateObject2() {
87
89
  ": var(--text-secondary);\n ",
88
90
  ": transparent;\n ",
89
91
  ": background-color 0.3s ease-in-out;\n\n ",
92
+ ": 0;\n ",
93
+ ": 0;\n\n ",
90
94
  ": var(--surface-accent);\n\n ",
91
95
  ": 0.125rem;\n ",
92
96
  ": var(--surface-solid-default);\n ",
@@ -137,8 +141,8 @@ function _templateObject4() {
137
141
  ": auto;\n ",
138
142
  ": 2.5rem;\n ",
139
143
  ": 0 0.625rem;\n ",
140
- ": 0 0.125rem;\n ",
141
- ": 1.5rem;\n ",
144
+ ": 0 0.5rem;\n ",
145
+ ": 1.75rem;\n ",
142
146
  ": 0.25rem;\n ",
143
147
  ": 0.125rem;\n\n ",
144
148
  ": var(--plasma-typo-body-m-bold-font-family);\n ",
@@ -200,14 +204,14 @@ function _templateObject7() {
200
204
  import { css, tabsTokens } from '@salutejs/plasma-new-hope/styled-components';
201
205
  export var config = {
202
206
  defaults: {
203
- view: 'divider',
207
+ view: 'secondary',
204
208
  size: 's'
205
209
  },
206
210
  variations: {
207
211
  view: {
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),
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),
209
213
  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),
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),
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),
211
215
  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)
212
216
  },
213
217
  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: 'divider',
232
- size: 's'
231
+ view: 'filled',
232
+ size: 'l'
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.2297.18772323112.0",
3
+ "version": "0.331.0-canary.2298.18772525373.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.2297.18772323112.0",
35
- "@salutejs/sdds-themes": "0.48.0-canary.2297.18772323112.0"
34
+ "@salutejs/plasma-new-hope": "0.339.0-canary.2298.18772525373.0",
35
+ "@salutejs/sdds-themes": "0.48.0-canary.2298.18772525373.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.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",
58
+ "@salutejs/plasma-core": "1.209.0-canary.2298.18772525373.0",
59
+ "@salutejs/plasma-cy-utils": "0.139.0-canary.2298.18772525373.0",
60
+ "@salutejs/plasma-icons": "1.226.0-canary.2298.18772525373.0",
61
+ "@salutejs/plasma-sb-utils": "0.209.0-canary.2298.18772525373.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": "3b2674d4bc49b8245db2f736fb6537464cf6b496"
127
+ "gitHead": "a8825461361a9a6519fed9146814959399dde9ed"
128
128
  }