@salutejs/sdds-cs 0.326.1-canary.2200.17381464830.0 → 0.326.1-canary.2202.17423972036.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/Autocomplete/Autocomplete.d.ts +8 -0
  2. package/components/Tabs/TabItem.d.ts +2 -2
  3. package/components/Tabs/horizontal/HorizontalTabItem.config.js +3 -2
  4. package/components/Tabs/vertical/VerticalTabItem.config.js +3 -2
  5. package/emotion/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js +3 -2
  6. package/emotion/cjs/components/Tabs/vertical/VerticalTabItem.config.js +3 -2
  7. package/emotion/es/components/Tabs/horizontal/HorizontalTabItem.config.js +3 -2
  8. package/emotion/es/components/Tabs/vertical/VerticalTabItem.config.js +3 -2
  9. package/es/components/Tabs/horizontal/HorizontalTabItem.config.js +3 -2
  10. package/es/components/Tabs/vertical/VerticalTabItem.config.js +3 -2
  11. package/package.json +8 -8
package/components/Autocomplete/Autocomplete.d.ts CHANGED
@@ -37,6 +37,7 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
37
37
  beforeList?: import("react").ReactNode;
38
38
  afterList?: import("react").ReactNode;
39
39
  virtual?: boolean;
40
+ flip?: boolean;
40
41
  size?: string;
41
42
  view?: string;
42
43
  } & Omit<{
@@ -91,6 +92,7 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
91
92
  beforeList?: import("react").ReactNode;
92
93
  afterList?: import("react").ReactNode;
93
94
  virtual?: boolean;
95
+ flip?: boolean;
94
96
  size?: string;
95
97
  view?: string;
96
98
  } & Omit<{
@@ -147,6 +149,7 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
147
149
  beforeList?: import("react").ReactNode;
148
150
  afterList?: import("react").ReactNode;
149
151
  virtual?: boolean;
152
+ flip?: boolean;
150
153
  size?: string;
151
154
  view?: string;
152
155
  } & Omit<{
@@ -201,6 +204,7 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
201
204
  beforeList?: import("react").ReactNode;
202
205
  afterList?: import("react").ReactNode;
203
206
  virtual?: boolean;
207
+ flip?: boolean;
204
208
  size?: string;
205
209
  view?: string;
206
210
  } & Omit<{
@@ -257,6 +261,7 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
257
261
  beforeList?: import("react").ReactNode;
258
262
  afterList?: import("react").ReactNode;
259
263
  virtual?: boolean;
264
+ flip?: boolean;
260
265
  size?: string;
261
266
  view?: string;
262
267
  } & Omit<{
@@ -311,6 +316,7 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
311
316
  beforeList?: import("react").ReactNode;
312
317
  afterList?: import("react").ReactNode;
313
318
  virtual?: boolean;
319
+ flip?: boolean;
314
320
  size?: string;
315
321
  view?: string;
316
322
  } & Omit<{
@@ -367,6 +373,7 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
367
373
  beforeList?: import("react").ReactNode;
368
374
  afterList?: import("react").ReactNode;
369
375
  virtual?: boolean;
376
+ flip?: boolean;
370
377
  size?: string;
371
378
  view?: string;
372
379
  } & Omit<{
@@ -421,6 +428,7 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
421
428
  beforeList?: import("react").ReactNode;
422
429
  afterList?: import("react").ReactNode;
423
430
  virtual?: boolean;
431
+ flip?: boolean;
424
432
  size?: string;
425
433
  view?: string;
426
434
  } & Omit<{
package/components/Tabs/TabItem.d.ts CHANGED
@@ -29,7 +29,7 @@ declare const HorizontalTabItem: React.FunctionComponent<(import("@salutejs/plas
29
29
  } & {
30
30
  value?: string | number;
31
31
  contentRight?: never;
32
- } & React.RefAttributes<HTMLDivElement>) | (import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
32
+ } & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
33
33
  view: {
34
34
  clear: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
35
35
  secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -59,7 +59,7 @@ declare const HorizontalTabItem: React.FunctionComponent<(import("@salutejs/plas
59
59
  } & {
60
60
  value?: never;
61
61
  contentRight?: React.ReactNode;
62
- } & React.RefAttributes<HTMLDivElement>)>;
62
+ } & React.RefAttributes<HTMLButtonElement>)>;
63
63
  declare const VerticalTabItem: React.FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
64
64
  view: {
65
65
  divider: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
package/components/Tabs/horizontal/HorizontalTabItem.config.js CHANGED
@@ -167,7 +167,8 @@ function _templateObject4() {
167
167
  ": var(--plasma-typo-body-m-font-style);\n ",
168
168
  ": var(--plasma-typo-body-m-font-weight);\n ",
169
169
  ": var(--plasma-typo-body-m-letter-spacing);\n ",
170
- ": var(--plasma-typo-body-m-line-height);\n "
170
+ ": var(--plasma-typo-body-m-line-height);\n\n ",
171
+ ": 0.125rem;\n "
171
172
  ]);
172
173
  _templateObject4 = function _templateObject() {
173
174
  return data;
@@ -224,7 +225,7 @@ var config = {
224
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)
225
226
  },
226
227
  size: {
227
- s: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.tabsTokens.itemBorderRadius, _styledcomponents.tabsTokens.itemWidth, _styledcomponents.tabsTokens.itemHeight, _styledcomponents.tabsTokens.itemPadding, _styledcomponents.tabsTokens.itemPaddingPilled, _styledcomponents.tabsTokens.itemMarginLeft, _styledcomponents.tabsTokens.itemContentGap, _styledcomponents.tabsTokens.itemContentPadding, _styledcomponents.tabsTokens.fontFamily, _styledcomponents.tabsTokens.fontSize, _styledcomponents.tabsTokens.fontStyle, _styledcomponents.tabsTokens.fontWeight, _styledcomponents.tabsTokens.letterSpacing, _styledcomponents.tabsTokens.lineHeight, _styledcomponents.tabsTokens.valueFontFamily, _styledcomponents.tabsTokens.valueFontSize, _styledcomponents.tabsTokens.valueFontStyle, _styledcomponents.tabsTokens.valueFontWeight, _styledcomponents.tabsTokens.valueLetterSpacing, _styledcomponents.tabsTokens.valueLineHeight)
228
+ s: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.tabsTokens.itemBorderRadius, _styledcomponents.tabsTokens.itemWidth, _styledcomponents.tabsTokens.itemHeight, _styledcomponents.tabsTokens.itemPadding, _styledcomponents.tabsTokens.itemPaddingPilled, _styledcomponents.tabsTokens.itemMarginLeft, _styledcomponents.tabsTokens.itemContentGap, _styledcomponents.tabsTokens.itemContentPadding, _styledcomponents.tabsTokens.fontFamily, _styledcomponents.tabsTokens.fontSize, _styledcomponents.tabsTokens.fontStyle, _styledcomponents.tabsTokens.fontWeight, _styledcomponents.tabsTokens.letterSpacing, _styledcomponents.tabsTokens.lineHeight, _styledcomponents.tabsTokens.valueFontFamily, _styledcomponents.tabsTokens.valueFontSize, _styledcomponents.tabsTokens.valueFontStyle, _styledcomponents.tabsTokens.valueFontWeight, _styledcomponents.tabsTokens.valueLetterSpacing, _styledcomponents.tabsTokens.valueLineHeight, _styledcomponents.tabsTokens.actionContentMarginLeft)
228
229
  },
229
230
  disabled: {
230
231
  true: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.tabsTokens.itemColor, _styledcomponents.tabsTokens.itemValueColor, _styledcomponents.tabsTokens.itemColorHover, _styledcomponents.tabsTokens.itemValueColorHover, _styledcomponents.tabsTokens.itemColorActive, _styledcomponents.tabsTokens.itemValueColorActive, _styledcomponents.tabsTokens.itemSelectedColor, _styledcomponents.tabsTokens.itemSelectedDividerColor, _styledcomponents.tabsTokens.itemSelectedDividerColorHover)
package/components/Tabs/vertical/VerticalTabItem.config.js CHANGED
@@ -75,7 +75,8 @@ function _templateObject1() {
75
75
  ": var(--plasma-typo-body-m-font-style);\n ",
76
76
  ": var(--plasma-typo-body-m-font-weight);\n ",
77
77
  ": var(--plasma-typo-body-m-letter-spacing);\n ",
78
- ": var(--plasma-typo-body-m-line-height);\n "
78
+ ": var(--plasma-typo-body-m-line-height);\n\n ",
79
+ ": 0.25rem;\n "
79
80
  ]);
80
81
  _templateObject1 = function _templateObject() {
81
82
  return data;
@@ -119,7 +120,7 @@ var config = {
119
120
  divider: (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.itemSelectedDividerWidth, _styledcomponents.tabsTokens.itemSelectedDividerHeight, _styledcomponents.tabsTokens.itemSelectedDividerColor, _styledcomponents.tabsTokens.itemSelectedDividerColorHover, _styledcomponents.tabsTokens.itemCursor, _styledcomponents.tabsTokens.itemCursorOverNotSelected)
120
121
  },
121
122
  size: {
122
- s: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.tabsTokens.itemBorderRadius, _styledcomponents.tabsTokens.itemWidth, _styledcomponents.tabsTokens.itemHeight, _styledcomponents.tabsTokens.itemPadding, _styledcomponents.tabsTokens.itemPaddingPilled, _styledcomponents.tabsTokens.itemPaddingOrientationVertical, _styledcomponents.tabsTokens.itemMarginLeft, _styledcomponents.tabsTokens.itemContentGap, _styledcomponents.tabsTokens.itemContentPadding, _styledcomponents.tabsTokens.fontFamily, _styledcomponents.tabsTokens.fontSize, _styledcomponents.tabsTokens.fontStyle, _styledcomponents.tabsTokens.fontWeight, _styledcomponents.tabsTokens.letterSpacing, _styledcomponents.tabsTokens.lineHeight, _styledcomponents.tabsTokens.valueFontFamily, _styledcomponents.tabsTokens.valueFontSize, _styledcomponents.tabsTokens.valueFontStyle, _styledcomponents.tabsTokens.valueFontWeight, _styledcomponents.tabsTokens.valueLetterSpacing, _styledcomponents.tabsTokens.valueLineHeight)
123
+ s: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.tabsTokens.itemBorderRadius, _styledcomponents.tabsTokens.itemWidth, _styledcomponents.tabsTokens.itemHeight, _styledcomponents.tabsTokens.itemPadding, _styledcomponents.tabsTokens.itemPaddingPilled, _styledcomponents.tabsTokens.itemPaddingOrientationVertical, _styledcomponents.tabsTokens.itemMarginLeft, _styledcomponents.tabsTokens.itemContentGap, _styledcomponents.tabsTokens.itemContentPadding, _styledcomponents.tabsTokens.fontFamily, _styledcomponents.tabsTokens.fontSize, _styledcomponents.tabsTokens.fontStyle, _styledcomponents.tabsTokens.fontWeight, _styledcomponents.tabsTokens.letterSpacing, _styledcomponents.tabsTokens.lineHeight, _styledcomponents.tabsTokens.valueFontFamily, _styledcomponents.tabsTokens.valueFontSize, _styledcomponents.tabsTokens.valueFontStyle, _styledcomponents.tabsTokens.valueFontWeight, _styledcomponents.tabsTokens.valueLetterSpacing, _styledcomponents.tabsTokens.valueLineHeight, _styledcomponents.tabsTokens.actionContentMarginLeft)
123
124
  },
124
125
  disabled: {
125
126
  true: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.tabsTokens.itemColor, _styledcomponents.tabsTokens.itemValueColor, _styledcomponents.tabsTokens.itemColorHover, _styledcomponents.tabsTokens.itemValueColorHover, _styledcomponents.tabsTokens.itemColorActive, _styledcomponents.tabsTokens.itemValueColorActive, _styledcomponents.tabsTokens.itemSelectedColor, _styledcomponents.tabsTokens.itemSelectedDividerColor, _styledcomponents.tabsTokens.itemSelectedDividerColorHover)
package/emotion/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js CHANGED
@@ -167,7 +167,8 @@ function _templateObject4() {
167
167
  ": var(--plasma-typo-body-m-font-style);\n ",
168
168
  ": var(--plasma-typo-body-m-font-weight);\n ",
169
169
  ": var(--plasma-typo-body-m-letter-spacing);\n ",
170
- ": var(--plasma-typo-body-m-line-height);\n "
170
+ ": var(--plasma-typo-body-m-line-height);\n\n ",
171
+ ": 0.125rem;\n "
171
172
  ]);
172
173
  _templateObject4 = function _templateObject() {
173
174
  return data;
@@ -224,7 +225,7 @@ var config = {
224
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)
225
226
  },
226
227
  size: {
227
- s: (0, _emotion.css)(_templateObject4(), _emotion.tabsTokens.itemBorderRadius, _emotion.tabsTokens.itemWidth, _emotion.tabsTokens.itemHeight, _emotion.tabsTokens.itemPadding, _emotion.tabsTokens.itemPaddingPilled, _emotion.tabsTokens.itemMarginLeft, _emotion.tabsTokens.itemContentGap, _emotion.tabsTokens.itemContentPadding, _emotion.tabsTokens.fontFamily, _emotion.tabsTokens.fontSize, _emotion.tabsTokens.fontStyle, _emotion.tabsTokens.fontWeight, _emotion.tabsTokens.letterSpacing, _emotion.tabsTokens.lineHeight, _emotion.tabsTokens.valueFontFamily, _emotion.tabsTokens.valueFontSize, _emotion.tabsTokens.valueFontStyle, _emotion.tabsTokens.valueFontWeight, _emotion.tabsTokens.valueLetterSpacing, _emotion.tabsTokens.valueLineHeight)
228
+ s: (0, _emotion.css)(_templateObject4(), _emotion.tabsTokens.itemBorderRadius, _emotion.tabsTokens.itemWidth, _emotion.tabsTokens.itemHeight, _emotion.tabsTokens.itemPadding, _emotion.tabsTokens.itemPaddingPilled, _emotion.tabsTokens.itemMarginLeft, _emotion.tabsTokens.itemContentGap, _emotion.tabsTokens.itemContentPadding, _emotion.tabsTokens.fontFamily, _emotion.tabsTokens.fontSize, _emotion.tabsTokens.fontStyle, _emotion.tabsTokens.fontWeight, _emotion.tabsTokens.letterSpacing, _emotion.tabsTokens.lineHeight, _emotion.tabsTokens.valueFontFamily, _emotion.tabsTokens.valueFontSize, _emotion.tabsTokens.valueFontStyle, _emotion.tabsTokens.valueFontWeight, _emotion.tabsTokens.valueLetterSpacing, _emotion.tabsTokens.valueLineHeight, _emotion.tabsTokens.actionContentMarginLeft)
228
229
  },
229
230
  disabled: {
230
231
  true: (0, _emotion.css)(_templateObject5(), _emotion.tabsTokens.itemColor, _emotion.tabsTokens.itemValueColor, _emotion.tabsTokens.itemColorHover, _emotion.tabsTokens.itemValueColorHover, _emotion.tabsTokens.itemColorActive, _emotion.tabsTokens.itemValueColorActive, _emotion.tabsTokens.itemSelectedColor, _emotion.tabsTokens.itemSelectedDividerColor, _emotion.tabsTokens.itemSelectedDividerColorHover)
package/emotion/cjs/components/Tabs/vertical/VerticalTabItem.config.js CHANGED
@@ -75,7 +75,8 @@ function _templateObject1() {
75
75
  ": var(--plasma-typo-body-m-font-style);\n ",
76
76
  ": var(--plasma-typo-body-m-font-weight);\n ",
77
77
  ": var(--plasma-typo-body-m-letter-spacing);\n ",
78
- ": var(--plasma-typo-body-m-line-height);\n "
78
+ ": var(--plasma-typo-body-m-line-height);\n\n ",
79
+ ": 0.25rem;\n "
79
80
  ]);
80
81
  _templateObject1 = function _templateObject() {
81
82
  return data;
@@ -119,7 +120,7 @@ var config = {
119
120
  divider: (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.itemSelectedDividerWidth, _emotion.tabsTokens.itemSelectedDividerHeight, _emotion.tabsTokens.itemSelectedDividerColor, _emotion.tabsTokens.itemSelectedDividerColorHover, _emotion.tabsTokens.itemCursor, _emotion.tabsTokens.itemCursorOverNotSelected)
120
121
  },
121
122
  size: {
122
- s: (0, _emotion.css)(_templateObject1(), _emotion.tabsTokens.itemBorderRadius, _emotion.tabsTokens.itemWidth, _emotion.tabsTokens.itemHeight, _emotion.tabsTokens.itemPadding, _emotion.tabsTokens.itemPaddingPilled, _emotion.tabsTokens.itemPaddingOrientationVertical, _emotion.tabsTokens.itemMarginLeft, _emotion.tabsTokens.itemContentGap, _emotion.tabsTokens.itemContentPadding, _emotion.tabsTokens.fontFamily, _emotion.tabsTokens.fontSize, _emotion.tabsTokens.fontStyle, _emotion.tabsTokens.fontWeight, _emotion.tabsTokens.letterSpacing, _emotion.tabsTokens.lineHeight, _emotion.tabsTokens.valueFontFamily, _emotion.tabsTokens.valueFontSize, _emotion.tabsTokens.valueFontStyle, _emotion.tabsTokens.valueFontWeight, _emotion.tabsTokens.valueLetterSpacing, _emotion.tabsTokens.valueLineHeight)
123
+ s: (0, _emotion.css)(_templateObject1(), _emotion.tabsTokens.itemBorderRadius, _emotion.tabsTokens.itemWidth, _emotion.tabsTokens.itemHeight, _emotion.tabsTokens.itemPadding, _emotion.tabsTokens.itemPaddingPilled, _emotion.tabsTokens.itemPaddingOrientationVertical, _emotion.tabsTokens.itemMarginLeft, _emotion.tabsTokens.itemContentGap, _emotion.tabsTokens.itemContentPadding, _emotion.tabsTokens.fontFamily, _emotion.tabsTokens.fontSize, _emotion.tabsTokens.fontStyle, _emotion.tabsTokens.fontWeight, _emotion.tabsTokens.letterSpacing, _emotion.tabsTokens.lineHeight, _emotion.tabsTokens.valueFontFamily, _emotion.tabsTokens.valueFontSize, _emotion.tabsTokens.valueFontStyle, _emotion.tabsTokens.valueFontWeight, _emotion.tabsTokens.valueLetterSpacing, _emotion.tabsTokens.valueLineHeight, _emotion.tabsTokens.actionContentMarginLeft)
123
124
  },
124
125
  disabled: {
125
126
  true: (0, _emotion.css)(_templateObject2(), _emotion.tabsTokens.itemColor, _emotion.tabsTokens.itemValueColor, _emotion.tabsTokens.itemColorHover, _emotion.tabsTokens.itemValueColorHover, _emotion.tabsTokens.itemColorActive, _emotion.tabsTokens.itemValueColorActive, _emotion.tabsTokens.itemSelectedColor, _emotion.tabsTokens.itemSelectedDividerColor, _emotion.tabsTokens.itemSelectedDividerColorHover)
package/emotion/es/components/Tabs/horizontal/HorizontalTabItem.config.js CHANGED
@@ -156,7 +156,8 @@ function _templateObject4() {
156
156
  ": var(--plasma-typo-body-m-font-style);\n ",
157
157
  ": var(--plasma-typo-body-m-font-weight);\n ",
158
158
  ": var(--plasma-typo-body-m-letter-spacing);\n ",
159
- ": var(--plasma-typo-body-m-line-height);\n "
159
+ ": var(--plasma-typo-body-m-line-height);\n\n ",
160
+ ": 0.125rem;\n "
160
161
  ]);
161
162
  _templateObject4 = function _templateObject() {
162
163
  return data;
@@ -214,7 +215,7 @@ export var config = {
214
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)
215
216
  },
216
217
  size: {
217
- s: css(_templateObject4(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.valueFontFamily, tabsTokens.valueFontSize, tabsTokens.valueFontStyle, tabsTokens.valueFontWeight, tabsTokens.valueLetterSpacing, tabsTokens.valueLineHeight)
218
+ s: css(_templateObject4(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.valueFontFamily, tabsTokens.valueFontSize, tabsTokens.valueFontStyle, tabsTokens.valueFontWeight, tabsTokens.valueLetterSpacing, tabsTokens.valueLineHeight, tabsTokens.actionContentMarginLeft)
218
219
  },
219
220
  disabled: {
220
221
  true: css(_templateObject5(), tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover)
package/emotion/es/components/Tabs/vertical/VerticalTabItem.config.js CHANGED
@@ -64,7 +64,8 @@ function _templateObject1() {
64
64
  ": var(--plasma-typo-body-m-font-style);\n ",
65
65
  ": var(--plasma-typo-body-m-font-weight);\n ",
66
66
  ": var(--plasma-typo-body-m-letter-spacing);\n ",
67
- ": var(--plasma-typo-body-m-line-height);\n "
67
+ ": var(--plasma-typo-body-m-line-height);\n\n ",
68
+ ": 0.25rem;\n "
68
69
  ]);
69
70
  _templateObject1 = function _templateObject() {
70
71
  return data;
@@ -109,7 +110,7 @@ export var config = {
109
110
  divider: 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.itemSelectedDividerWidth, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor, tabsTokens.itemCursorOverNotSelected)
110
111
  },
111
112
  size: {
112
- s: css(_templateObject1(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.valueFontFamily, tabsTokens.valueFontSize, tabsTokens.valueFontStyle, tabsTokens.valueFontWeight, tabsTokens.valueLetterSpacing, tabsTokens.valueLineHeight)
113
+ s: css(_templateObject1(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.valueFontFamily, tabsTokens.valueFontSize, tabsTokens.valueFontStyle, tabsTokens.valueFontWeight, tabsTokens.valueLetterSpacing, tabsTokens.valueLineHeight, tabsTokens.actionContentMarginLeft)
113
114
  },
114
115
  disabled: {
115
116
  true: css(_templateObject2(), tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover)
package/es/components/Tabs/horizontal/HorizontalTabItem.config.js CHANGED
@@ -156,7 +156,8 @@ function _templateObject4() {
156
156
  ": var(--plasma-typo-body-m-font-style);\n ",
157
157
  ": var(--plasma-typo-body-m-font-weight);\n ",
158
158
  ": var(--plasma-typo-body-m-letter-spacing);\n ",
159
- ": var(--plasma-typo-body-m-line-height);\n "
159
+ ": var(--plasma-typo-body-m-line-height);\n\n ",
160
+ ": 0.125rem;\n "
160
161
  ]);
161
162
  _templateObject4 = function _templateObject() {
162
163
  return data;
@@ -214,7 +215,7 @@ export var config = {
214
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)
215
216
  },
216
217
  size: {
217
- s: css(_templateObject4(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.valueFontFamily, tabsTokens.valueFontSize, tabsTokens.valueFontStyle, tabsTokens.valueFontWeight, tabsTokens.valueLetterSpacing, tabsTokens.valueLineHeight)
218
+ s: css(_templateObject4(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.valueFontFamily, tabsTokens.valueFontSize, tabsTokens.valueFontStyle, tabsTokens.valueFontWeight, tabsTokens.valueLetterSpacing, tabsTokens.valueLineHeight, tabsTokens.actionContentMarginLeft)
218
219
  },
219
220
  disabled: {
220
221
  true: css(_templateObject5(), tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover)
package/es/components/Tabs/vertical/VerticalTabItem.config.js CHANGED
@@ -64,7 +64,8 @@ function _templateObject1() {
64
64
  ": var(--plasma-typo-body-m-font-style);\n ",
65
65
  ": var(--plasma-typo-body-m-font-weight);\n ",
66
66
  ": var(--plasma-typo-body-m-letter-spacing);\n ",
67
- ": var(--plasma-typo-body-m-line-height);\n "
67
+ ": var(--plasma-typo-body-m-line-height);\n\n ",
68
+ ": 0.25rem;\n "
68
69
  ]);
69
70
  _templateObject1 = function _templateObject() {
70
71
  return data;
@@ -109,7 +110,7 @@ export var config = {
109
110
  divider: 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.itemSelectedDividerWidth, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor, tabsTokens.itemCursorOverNotSelected)
110
111
  },
111
112
  size: {
112
- s: css(_templateObject1(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.valueFontFamily, tabsTokens.valueFontSize, tabsTokens.valueFontStyle, tabsTokens.valueFontWeight, tabsTokens.valueLetterSpacing, tabsTokens.valueLineHeight)
113
+ s: css(_templateObject1(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.valueFontFamily, tabsTokens.valueFontSize, tabsTokens.valueFontStyle, tabsTokens.valueFontWeight, tabsTokens.valueLetterSpacing, tabsTokens.valueLineHeight, tabsTokens.actionContentMarginLeft)
113
114
  },
114
115
  disabled: {
115
116
  true: css(_templateObject2(), tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-cs",
3
- "version": "0.326.1-canary.2200.17381464830.0",
3
+ "version": "0.326.1-canary.2202.17423972036.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",
@@ -30,8 +30,8 @@
30
30
  "directory": "packages/sdds-cs"
31
31
  },
32
32
  "dependencies": {
33
- "@salutejs/plasma-new-hope": "0.334.1-canary.2200.17381464830.0",
34
- "@salutejs/sdds-themes": "0.46.1-canary.2200.17381464830.0"
33
+ "@salutejs/plasma-new-hope": "0.334.1-canary.2202.17423972036.0",
34
+ "@salutejs/sdds-themes": "0.46.1-canary.2202.17423972036.0"
35
35
  },
36
36
  "peerDependencies": {
37
37
  "@emotion/react": ">=11",
@@ -54,10 +54,10 @@
54
54
  "@microsoft/api-extractor": "7.38.3",
55
55
  "@originjs/vite-plugin-commonjs": "1.0.3",
56
56
  "@salutejs/plasma-colors": "0.16.0",
57
- "@salutejs/plasma-core": "1.206.1-canary.2200.17381464830.0",
58
- "@salutejs/plasma-cy-utils": "0.136.1-canary.2200.17381464830.0",
59
- "@salutejs/plasma-icons": "1.222.1-canary.2200.17381464830.0",
60
- "@salutejs/plasma-sb-utils": "0.206.1-canary.2200.17381464830.0",
57
+ "@salutejs/plasma-core": "1.206.1-canary.2202.17423972036.0",
58
+ "@salutejs/plasma-cy-utils": "0.136.1-canary.2202.17423972036.0",
59
+ "@salutejs/plasma-icons": "1.222.1-canary.2202.17423972036.0",
60
+ "@salutejs/plasma-sb-utils": "0.206.1-canary.2202.17423972036.0",
61
61
  "@storybook/addon-docs": "8.6.14",
62
62
  "@storybook/addon-essentials": "8.6.14",
63
63
  "@storybook/manager-api": "8.6.14",
@@ -123,5 +123,5 @@
123
123
  "Anton Vinogradov"
124
124
  ],
125
125
  "sideEffects": false,
126
- "gitHead": "30b05765f716c50764a2734838939ac1fe80773a"
126
+ "gitHead": "c37a3fe1773ffb3c753ee384f23e8c82e79662d7"
127
127
  }