@salutejs/sdds-cs 0.326.1-canary.2193.17355077951.0 → 0.326.1-canary.2195.17423423891.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 (14) hide show
  1. package/components/Attach/Attach.d.ts +8 -0
  2. package/components/Autocomplete/Autocomplete.d.ts +8 -0
  3. package/components/Button/Button.d.ts +4 -0
  4. package/components/IconButton/IconButton.d.ts +2 -0
  5. package/components/Tabs/TabItem.d.ts +2 -2
  6. package/components/Tabs/horizontal/HorizontalTabItem.config.js +3 -2
  7. package/components/Tabs/vertical/VerticalTabItem.config.js +3 -2
  8. package/emotion/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js +3 -2
  9. package/emotion/cjs/components/Tabs/vertical/VerticalTabItem.config.js +3 -2
  10. package/emotion/es/components/Tabs/horizontal/HorizontalTabItem.config.js +3 -2
  11. package/emotion/es/components/Tabs/vertical/VerticalTabItem.config.js +3 -2
  12. package/es/components/Tabs/horizontal/HorizontalTabItem.config.js +3 -2
  13. package/es/components/Tabs/vertical/VerticalTabItem.config.js +3 -2
  14. package/package.json +8 -8
package/components/Attach/Attach.d.ts CHANGED
@@ -18,6 +18,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
18
18
  text?: string;
19
19
  contentLeft?: import("react").ReactNode;
20
20
  contentPlacing?: "default" | "relaxed";
21
+ additionalContent?: import("react").ReactNode;
21
22
  isLoading?: boolean;
22
23
  loader?: import("react").ReactNode;
23
24
  stretch?: boolean;
@@ -41,6 +42,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
41
42
  text?: string;
42
43
  contentLeft?: import("react").ReactNode;
43
44
  contentPlacing?: "default" | "relaxed";
45
+ additionalContent?: import("react").ReactNode;
44
46
  isLoading?: boolean;
45
47
  loader?: import("react").ReactNode;
46
48
  stretch?: boolean;
@@ -67,6 +69,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
67
69
  text?: string;
68
70
  contentLeft?: import("react").ReactNode;
69
71
  contentPlacing?: "default" | "relaxed";
72
+ additionalContent?: import("react").ReactNode;
70
73
  isLoading?: boolean;
71
74
  loader?: import("react").ReactNode;
72
75
  stretch?: boolean;
@@ -91,6 +94,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
91
94
  text?: string;
92
95
  contentLeft?: import("react").ReactNode;
93
96
  contentPlacing?: "default" | "relaxed";
97
+ additionalContent?: import("react").ReactNode;
94
98
  isLoading?: boolean;
95
99
  loader?: import("react").ReactNode;
96
100
  stretch?: boolean;
@@ -118,6 +122,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
118
122
  text?: string;
119
123
  contentLeft?: import("react").ReactNode;
120
124
  contentPlacing?: "default" | "relaxed";
125
+ additionalContent?: import("react").ReactNode;
121
126
  isLoading?: boolean;
122
127
  loader?: import("react").ReactNode;
123
128
  stretch?: boolean;
@@ -144,6 +149,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
144
149
  text?: string;
145
150
  contentLeft?: import("react").ReactNode;
146
151
  contentPlacing?: "default" | "relaxed";
152
+ additionalContent?: import("react").ReactNode;
147
153
  isLoading?: boolean;
148
154
  loader?: import("react").ReactNode;
149
155
  stretch?: boolean;
@@ -167,6 +173,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
167
173
  text?: string;
168
174
  contentLeft?: import("react").ReactNode;
169
175
  contentPlacing?: "default" | "relaxed";
176
+ additionalContent?: import("react").ReactNode;
170
177
  isLoading?: boolean;
171
178
  loader?: import("react").ReactNode;
172
179
  stretch?: boolean;
@@ -194,6 +201,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
194
201
  text?: string;
195
202
  contentLeft?: import("react").ReactNode;
196
203
  contentPlacing?: "default" | "relaxed";
204
+ additionalContent?: import("react").ReactNode;
197
205
  isLoading?: boolean;
198
206
  loader?: import("react").ReactNode;
199
207
  stretch?: boolean;
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/Button/Button.d.ts CHANGED
@@ -21,6 +21,7 @@ declare const ButtonComponent: React.FunctionComponent<import("@salutejs/plasma-
21
21
  text?: string;
22
22
  contentLeft?: React.ReactNode;
23
23
  contentPlacing?: "default" | "relaxed";
24
+ additionalContent?: React.ReactNode;
24
25
  isLoading?: boolean;
25
26
  loader?: React.ReactNode;
26
27
  stretch?: boolean;
@@ -42,6 +43,7 @@ declare const ButtonComponent: React.FunctionComponent<import("@salutejs/plasma-
42
43
  text?: string;
43
44
  contentLeft?: React.ReactNode;
44
45
  contentPlacing?: "default" | "relaxed";
46
+ additionalContent?: React.ReactNode;
45
47
  isLoading?: boolean;
46
48
  loader?: React.ReactNode;
47
49
  stretch?: boolean;
@@ -86,6 +88,7 @@ export declare const Button: React.ForwardRefExoticComponent<(Omit<import("@salu
86
88
  text?: string;
87
89
  contentLeft?: React.ReactNode;
88
90
  contentPlacing?: "default" | "relaxed";
91
+ additionalContent?: React.ReactNode;
89
92
  isLoading?: boolean;
90
93
  loader?: React.ReactNode;
91
94
  stretch?: boolean;
@@ -125,6 +128,7 @@ export declare const Button: React.ForwardRefExoticComponent<(Omit<import("@salu
125
128
  text?: string;
126
129
  contentLeft?: React.ReactNode;
127
130
  contentPlacing?: "default" | "relaxed";
131
+ additionalContent?: React.ReactNode;
128
132
  isLoading?: boolean;
129
133
  loader?: React.ReactNode;
130
134
  stretch?: boolean;
package/components/IconButton/IconButton.d.ts CHANGED
@@ -20,6 +20,7 @@ export declare const IconButton: import("react").FunctionComponent<import("@salu
20
20
  text?: string;
21
21
  contentLeft?: import("react").ReactNode;
22
22
  contentPlacing?: "default" | "relaxed";
23
+ additionalContent?: import("react").ReactNode;
23
24
  isLoading?: boolean;
24
25
  loader?: import("react").ReactNode;
25
26
  stretch?: boolean;
@@ -41,6 +42,7 @@ export declare const IconButton: import("react").FunctionComponent<import("@salu
41
42
  text?: string;
42
43
  contentLeft?: import("react").ReactNode;
43
44
  contentPlacing?: "default" | "relaxed";
45
+ additionalContent?: import("react").ReactNode;
44
46
  isLoading?: boolean;
45
47
  loader?: import("react").ReactNode;
46
48
  stretch?: boolean;
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.2193.17355077951.0",
3
+ "version": "0.326.1-canary.2195.17423423891.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.2193.17355077951.0",
34
- "@salutejs/sdds-themes": "0.46.0"
33
+ "@salutejs/plasma-new-hope": "0.334.1-canary.2195.17423423891.0",
34
+ "@salutejs/sdds-themes": "0.46.1-canary.2195.17423423891.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.0",
58
- "@salutejs/plasma-cy-utils": "0.136.0",
59
- "@salutejs/plasma-icons": "1.222.0",
60
- "@salutejs/plasma-sb-utils": "0.206.0",
57
+ "@salutejs/plasma-core": "1.206.1-canary.2195.17423423891.0",
58
+ "@salutejs/plasma-cy-utils": "0.136.1-canary.2195.17423423891.0",
59
+ "@salutejs/plasma-icons": "1.222.1-canary.2195.17423423891.0",
60
+ "@salutejs/plasma-sb-utils": "0.206.1-canary.2195.17423423891.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": "4c4a42c227d4949d6c225002224e958599d8a1b3"
126
+ "gitHead": "e3e333b7d233fd55d7b6366bf845cad73a7cc78e"
127
127
  }