@salutejs/sdds-cs 0.324.0-canary.2116.16646069672.0 → 0.324.0-canary.2118.16744962186.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 (13) hide show
  1. package/components/Autocomplete/Autocomplete.d.ts +8 -0
  2. package/components/Chip/Chip.config.js +6 -2
  3. package/components/ChipGroup/ChipGroup.config.js +3 -1
  4. package/components/Segment/Segment.d.ts +1 -0
  5. package/components/Tokens/Colors/Colors.styles.d.ts +1 -0
  6. package/components/Tokens/Typography/Typography.styles.d.ts +1 -0
  7. package/emotion/cjs/components/Chip/Chip.config.js +6 -2
  8. package/emotion/cjs/components/ChipGroup/ChipGroup.config.js +3 -1
  9. package/emotion/es/components/Chip/Chip.config.js +6 -2
  10. package/emotion/es/components/ChipGroup/ChipGroup.config.js +3 -1
  11. package/es/components/Chip/Chip.config.js +6 -2
  12. package/es/components/ChipGroup/ChipGroup.config.js +3 -1
  13. package/package.json +7 -7
package/components/Autocomplete/Autocomplete.d.ts CHANGED
@@ -23,6 +23,7 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
23
23
  readOnly?: boolean;
24
24
  disabled?: boolean;
25
25
  portal?: string | React.RefObject<HTMLElement>;
26
+ zIndex?: import("react").CSSProperties["zIndex"];
26
27
  value?: string;
27
28
  suggestions?: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType[];
28
29
  threshold?: number;
@@ -76,6 +77,7 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
76
77
  readOnly?: boolean;
77
78
  disabled?: boolean;
78
79
  portal?: string | React.RefObject<HTMLElement>;
80
+ zIndex?: import("react").CSSProperties["zIndex"];
79
81
  value?: string;
80
82
  suggestions?: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType[];
81
83
  threshold?: number;
@@ -131,6 +133,7 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
131
133
  readOnly?: boolean;
132
134
  disabled?: boolean;
133
135
  portal?: string | React.RefObject<HTMLElement>;
136
+ zIndex?: import("react").CSSProperties["zIndex"];
134
137
  value?: string;
135
138
  suggestions?: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType[];
136
139
  threshold?: number;
@@ -184,6 +187,7 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
184
187
  readOnly?: boolean;
185
188
  disabled?: boolean;
186
189
  portal?: string | React.RefObject<HTMLElement>;
190
+ zIndex?: import("react").CSSProperties["zIndex"];
187
191
  value?: string;
188
192
  suggestions?: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType[];
189
193
  threshold?: number;
@@ -239,6 +243,7 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
239
243
  readOnly?: boolean;
240
244
  disabled?: boolean;
241
245
  portal?: string | React.RefObject<HTMLElement>;
246
+ zIndex?: import("react").CSSProperties["zIndex"];
242
247
  value?: string;
243
248
  suggestions?: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType[];
244
249
  threshold?: number;
@@ -292,6 +297,7 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
292
297
  readOnly?: boolean;
293
298
  disabled?: boolean;
294
299
  portal?: string | React.RefObject<HTMLElement>;
300
+ zIndex?: import("react").CSSProperties["zIndex"];
295
301
  value?: string;
296
302
  suggestions?: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType[];
297
303
  threshold?: number;
@@ -347,6 +353,7 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
347
353
  readOnly?: boolean;
348
354
  disabled?: boolean;
349
355
  portal?: string | React.RefObject<HTMLElement>;
356
+ zIndex?: import("react").CSSProperties["zIndex"];
350
357
  value?: string;
351
358
  suggestions?: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType[];
352
359
  threshold?: number;
@@ -400,6 +407,7 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
400
407
  readOnly?: boolean;
401
408
  disabled?: boolean;
402
409
  portal?: string | React.RefObject<HTMLElement>;
410
+ zIndex?: import("react").CSSProperties["zIndex"];
403
411
  value?: string;
404
412
  suggestions?: import("@salutejs/plasma-new-hope/styled-components").SuggestionItemType[];
405
413
  threshold?: number;
package/components/Chip/Chip.config.js CHANGED
@@ -98,6 +98,8 @@ function _templateObject3() {
98
98
  ": var(--plasma-typo-body-m-line-height);\n\n ",
99
99
  ": -0.25rem;\n ",
100
100
  ": 0.25rem;\n ",
101
+ ": 0.25rem;\n ",
102
+ ": -0.25rem;\n ",
101
103
  ": 0.5rem;\n ",
102
104
  ": -0.5rem;\n ",
103
105
  ": 1.5rem;\n "
@@ -124,6 +126,8 @@ function _templateObject4() {
124
126
  ": 0;\n ",
125
127
  ": 0.25rem;\n ",
126
128
  ": 0.25rem;\n ",
129
+ ": 0;\n ",
130
+ ": 0.25rem;\n ",
127
131
  ": -0.25rem;\n ",
128
132
  ": 1rem;\n "
129
133
  ]);
@@ -155,8 +159,8 @@ var config = {
155
159
  accent: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.chipTokens.color, _styledcomponents.chipTokens.background, _styledcomponents.chipTokens.colorHover, _styledcomponents.chipTokens.backgroundHover, _styledcomponents.chipTokens.colorActive, _styledcomponents.chipTokens.backgroundActive, _styledcomponents.chipTokens.backgroundReadOnly, _styledcomponents.chipTokens.colorReadOnly, _styledcomponents.chipTokens.backgroundReadOnlyHover, _styledcomponents.chipTokens.colorReadOnlyHover, _styledcomponents.chipTokens.closeIconColor, _styledcomponents.chipTokens.leftContentColor)
156
160
  },
157
161
  size: {
158
- s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.chipTokens.borderRadius, _styledcomponents.chipTokens.pilledBorderRadius, _styledcomponents.chipTokens.width, _styledcomponents.chipTokens.height, _styledcomponents.chipTokens.padding, _styledcomponents.chipTokens.fontFamily, _styledcomponents.chipTokens.fontSize, _styledcomponents.chipTokens.fontStyle, _styledcomponents.chipTokens.fontWeight, _styledcomponents.chipTokens.letterSpacing, _styledcomponents.chipTokens.lineHeight, _styledcomponents.chipTokens.leftContentMarginLeft, _styledcomponents.chipTokens.leftContentMarginRight, _styledcomponents.chipTokens.clearContentMarginLeft, _styledcomponents.chipTokens.clearContentMarginRight, _styledcomponents.chipTokens.closeIconSize),
159
- xs: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.chipTokens.borderRadius, _styledcomponents.chipTokens.pilledBorderRadius, _styledcomponents.chipTokens.width, _styledcomponents.chipTokens.height, _styledcomponents.chipTokens.padding, _styledcomponents.chipTokens.fontFamily, _styledcomponents.chipTokens.fontSize, _styledcomponents.chipTokens.fontStyle, _styledcomponents.chipTokens.fontWeight, _styledcomponents.chipTokens.letterSpacing, _styledcomponents.chipTokens.lineHeight, _styledcomponents.chipTokens.leftContentMarginLeft, _styledcomponents.chipTokens.leftContentMarginRight, _styledcomponents.chipTokens.clearContentMarginLeft, _styledcomponents.chipTokens.clearContentMarginRight, _styledcomponents.chipTokens.closeIconSize)
162
+ s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.chipTokens.borderRadius, _styledcomponents.chipTokens.pilledBorderRadius, _styledcomponents.chipTokens.width, _styledcomponents.chipTokens.height, _styledcomponents.chipTokens.padding, _styledcomponents.chipTokens.fontFamily, _styledcomponents.chipTokens.fontSize, _styledcomponents.chipTokens.fontStyle, _styledcomponents.chipTokens.fontWeight, _styledcomponents.chipTokens.letterSpacing, _styledcomponents.chipTokens.lineHeight, _styledcomponents.chipTokens.leftContentMarginLeft, _styledcomponents.chipTokens.leftContentMarginRight, _styledcomponents.chipTokens.rightContentMarginLeft, _styledcomponents.chipTokens.rightContentMarginRight, _styledcomponents.chipTokens.clearContentMarginLeft, _styledcomponents.chipTokens.clearContentMarginRight, _styledcomponents.chipTokens.closeIconSize),
163
+ xs: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.chipTokens.borderRadius, _styledcomponents.chipTokens.pilledBorderRadius, _styledcomponents.chipTokens.width, _styledcomponents.chipTokens.height, _styledcomponents.chipTokens.padding, _styledcomponents.chipTokens.fontFamily, _styledcomponents.chipTokens.fontSize, _styledcomponents.chipTokens.fontStyle, _styledcomponents.chipTokens.fontWeight, _styledcomponents.chipTokens.letterSpacing, _styledcomponents.chipTokens.lineHeight, _styledcomponents.chipTokens.leftContentMarginLeft, _styledcomponents.chipTokens.leftContentMarginRight, _styledcomponents.chipTokens.rightContentMarginLeft, _styledcomponents.chipTokens.rightContentMarginRight, _styledcomponents.chipTokens.clearContentMarginLeft, _styledcomponents.chipTokens.clearContentMarginRight, _styledcomponents.chipTokens.closeIconSize)
160
164
  },
161
165
  focused: {
162
166
  true: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.chipTokens.focusColor)
package/components/ChipGroup/ChipGroup.config.js CHANGED
@@ -79,6 +79,8 @@ function _templateObject3() {
79
79
  ": var(--plasma-typo-body-m-line-height);\n\n ",
80
80
  ": -0.25rem;\n ",
81
81
  ": 0.25rem;\n ",
82
+ ": 0.25rem;\n ",
83
+ ": -0.25rem;\n ",
82
84
  ": 0.5rem;\n ",
83
85
  ": -0.25rem;\n ",
84
86
  ": 1.5rem;\n "
@@ -120,7 +122,7 @@ var config = {
120
122
  accent: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.chipGroupTokens.chipColor, _styledcomponents.chipGroupTokens.chipBackground, _styledcomponents.chipGroupTokens.chipColorHover, _styledcomponents.chipGroupTokens.chipBackgroundHover, _styledcomponents.chipGroupTokens.chipColorActive, _styledcomponents.chipGroupTokens.chipBackgroundActive)
121
123
  },
122
124
  size: {
123
- s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.chipGroupTokens.chipBorderRadius, _styledcomponents.chipGroupTokens.chipWidth, _styledcomponents.chipGroupTokens.chipHeight, _styledcomponents.chipGroupTokens.chipPadding, _styledcomponents.chipGroupTokens.chipFontFamily, _styledcomponents.chipGroupTokens.chipFontSize, _styledcomponents.chipGroupTokens.chipFontStyle, _styledcomponents.chipGroupTokens.chipFontWeight, _styledcomponents.chipGroupTokens.chipLetterSpacing, _styledcomponents.chipGroupTokens.chipLineHeight, _styledcomponents.chipGroupTokens.chipLeftContentMarginLeft, _styledcomponents.chipGroupTokens.chipLeftContentMarginRight, _styledcomponents.chipGroupTokens.chipClearContentMarginLeft, _styledcomponents.chipGroupTokens.chipClearContentMarginRight, _styledcomponents.chipGroupTokens.chipCloseIconSize)
125
+ s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.chipGroupTokens.chipBorderRadius, _styledcomponents.chipGroupTokens.chipWidth, _styledcomponents.chipGroupTokens.chipHeight, _styledcomponents.chipGroupTokens.chipPadding, _styledcomponents.chipGroupTokens.chipFontFamily, _styledcomponents.chipGroupTokens.chipFontSize, _styledcomponents.chipGroupTokens.chipFontStyle, _styledcomponents.chipGroupTokens.chipFontWeight, _styledcomponents.chipGroupTokens.chipLetterSpacing, _styledcomponents.chipGroupTokens.chipLineHeight, _styledcomponents.chipGroupTokens.chipLeftContentMarginLeft, _styledcomponents.chipGroupTokens.chipLeftContentMarginRight, _styledcomponents.chipGroupTokens.chipRightContentMarginLeft, _styledcomponents.chipGroupTokens.chipRightContentMarginRight, _styledcomponents.chipGroupTokens.chipClearContentMarginLeft, _styledcomponents.chipGroupTokens.chipClearContentMarginRight, _styledcomponents.chipGroupTokens.chipCloseIconSize)
124
126
  },
125
127
  gap: {
126
128
  dense: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.chipGroupTokens.chipGroupItemsGap),
package/components/Segment/Segment.d.ts CHANGED
@@ -56,4 +56,5 @@ export declare const SegmentItem: import("react").FunctionComponent<import("@sal
56
56
  view?: string;
57
57
  contentLeft?: React.ReactNode;
58
58
  contentRight?: React.ReactNode | string;
59
+ maxItemWidth?: React.CSSProperties["width"];
59
60
  } & import("react").RefAttributes<HTMLLabelElement>>;
package/components/Tokens/Colors/Colors.styles.d.ts CHANGED
@@ -24,6 +24,7 @@ export declare const StyledSegmentItem: import("styled-components").StyledCompon
24
24
  view?: string;
25
25
  contentLeft?: React.ReactNode;
26
26
  contentRight?: React.ReactNode | string;
27
+ maxItemWidth?: React.CSSProperties["width"];
27
28
  } & import("react").RefAttributes<HTMLLabelElement>>, any, {}, never>;
28
29
  export declare const AccordionInfo: import("styled-components").StyledComponent<"div", any, {}, never>;
29
30
  export declare const Subcategory: import("styled-components").StyledComponent<"div", any, {}, never>;
package/components/Tokens/Typography/Typography.styles.d.ts CHANGED
@@ -26,6 +26,7 @@ export declare const StyledSegmentItem: import("styled-components").StyledCompon
26
26
  view?: string;
27
27
  contentLeft?: React.ReactNode;
28
28
  contentRight?: React.ReactNode | string;
29
+ maxItemWidth?: React.CSSProperties["width"];
29
30
  } & import("react").RefAttributes<HTMLLabelElement>>, any, {}, never>;
30
31
  export declare const AccordionTypographyTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
31
32
  export declare const FontFamily: import("styled-components").StyledComponent<"span", any, {}, never>;
package/emotion/cjs/components/Chip/Chip.config.js CHANGED
@@ -98,6 +98,8 @@ function _templateObject3() {
98
98
  ": var(--plasma-typo-body-m-line-height);\n\n ",
99
99
  ": -0.25rem;\n ",
100
100
  ": 0.25rem;\n ",
101
+ ": 0.25rem;\n ",
102
+ ": -0.25rem;\n ",
101
103
  ": 0.5rem;\n ",
102
104
  ": -0.5rem;\n ",
103
105
  ": 1.5rem;\n "
@@ -124,6 +126,8 @@ function _templateObject4() {
124
126
  ": 0;\n ",
125
127
  ": 0.25rem;\n ",
126
128
  ": 0.25rem;\n ",
129
+ ": 0;\n ",
130
+ ": 0.25rem;\n ",
127
131
  ": -0.25rem;\n ",
128
132
  ": 1rem;\n "
129
133
  ]);
@@ -155,8 +159,8 @@ var config = {
155
159
  accent: (0, _emotion.css)(_templateObject2(), _emotion.chipTokens.color, _emotion.chipTokens.background, _emotion.chipTokens.colorHover, _emotion.chipTokens.backgroundHover, _emotion.chipTokens.colorActive, _emotion.chipTokens.backgroundActive, _emotion.chipTokens.backgroundReadOnly, _emotion.chipTokens.colorReadOnly, _emotion.chipTokens.backgroundReadOnlyHover, _emotion.chipTokens.colorReadOnlyHover, _emotion.chipTokens.closeIconColor, _emotion.chipTokens.leftContentColor)
156
160
  },
157
161
  size: {
158
- s: (0, _emotion.css)(_templateObject3(), _emotion.chipTokens.borderRadius, _emotion.chipTokens.pilledBorderRadius, _emotion.chipTokens.width, _emotion.chipTokens.height, _emotion.chipTokens.padding, _emotion.chipTokens.fontFamily, _emotion.chipTokens.fontSize, _emotion.chipTokens.fontStyle, _emotion.chipTokens.fontWeight, _emotion.chipTokens.letterSpacing, _emotion.chipTokens.lineHeight, _emotion.chipTokens.leftContentMarginLeft, _emotion.chipTokens.leftContentMarginRight, _emotion.chipTokens.clearContentMarginLeft, _emotion.chipTokens.clearContentMarginRight, _emotion.chipTokens.closeIconSize),
159
- xs: (0, _emotion.css)(_templateObject4(), _emotion.chipTokens.borderRadius, _emotion.chipTokens.pilledBorderRadius, _emotion.chipTokens.width, _emotion.chipTokens.height, _emotion.chipTokens.padding, _emotion.chipTokens.fontFamily, _emotion.chipTokens.fontSize, _emotion.chipTokens.fontStyle, _emotion.chipTokens.fontWeight, _emotion.chipTokens.letterSpacing, _emotion.chipTokens.lineHeight, _emotion.chipTokens.leftContentMarginLeft, _emotion.chipTokens.leftContentMarginRight, _emotion.chipTokens.clearContentMarginLeft, _emotion.chipTokens.clearContentMarginRight, _emotion.chipTokens.closeIconSize)
162
+ s: (0, _emotion.css)(_templateObject3(), _emotion.chipTokens.borderRadius, _emotion.chipTokens.pilledBorderRadius, _emotion.chipTokens.width, _emotion.chipTokens.height, _emotion.chipTokens.padding, _emotion.chipTokens.fontFamily, _emotion.chipTokens.fontSize, _emotion.chipTokens.fontStyle, _emotion.chipTokens.fontWeight, _emotion.chipTokens.letterSpacing, _emotion.chipTokens.lineHeight, _emotion.chipTokens.leftContentMarginLeft, _emotion.chipTokens.leftContentMarginRight, _emotion.chipTokens.rightContentMarginLeft, _emotion.chipTokens.rightContentMarginRight, _emotion.chipTokens.clearContentMarginLeft, _emotion.chipTokens.clearContentMarginRight, _emotion.chipTokens.closeIconSize),
163
+ xs: (0, _emotion.css)(_templateObject4(), _emotion.chipTokens.borderRadius, _emotion.chipTokens.pilledBorderRadius, _emotion.chipTokens.width, _emotion.chipTokens.height, _emotion.chipTokens.padding, _emotion.chipTokens.fontFamily, _emotion.chipTokens.fontSize, _emotion.chipTokens.fontStyle, _emotion.chipTokens.fontWeight, _emotion.chipTokens.letterSpacing, _emotion.chipTokens.lineHeight, _emotion.chipTokens.leftContentMarginLeft, _emotion.chipTokens.leftContentMarginRight, _emotion.chipTokens.rightContentMarginLeft, _emotion.chipTokens.rightContentMarginRight, _emotion.chipTokens.clearContentMarginLeft, _emotion.chipTokens.clearContentMarginRight, _emotion.chipTokens.closeIconSize)
160
164
  },
161
165
  focused: {
162
166
  true: (0, _emotion.css)(_templateObject5(), _emotion.chipTokens.focusColor)
package/emotion/cjs/components/ChipGroup/ChipGroup.config.js CHANGED
@@ -79,6 +79,8 @@ function _templateObject3() {
79
79
  ": var(--plasma-typo-body-m-line-height);\n\n ",
80
80
  ": -0.25rem;\n ",
81
81
  ": 0.25rem;\n ",
82
+ ": 0.25rem;\n ",
83
+ ": -0.25rem;\n ",
82
84
  ": 0.5rem;\n ",
83
85
  ": -0.25rem;\n ",
84
86
  ": 1.5rem;\n "
@@ -120,7 +122,7 @@ var config = {
120
122
  accent: (0, _emotion.css)(_templateObject2(), _emotion.chipGroupTokens.chipColor, _emotion.chipGroupTokens.chipBackground, _emotion.chipGroupTokens.chipColorHover, _emotion.chipGroupTokens.chipBackgroundHover, _emotion.chipGroupTokens.chipColorActive, _emotion.chipGroupTokens.chipBackgroundActive)
121
123
  },
122
124
  size: {
123
- s: (0, _emotion.css)(_templateObject3(), _emotion.chipGroupTokens.chipBorderRadius, _emotion.chipGroupTokens.chipWidth, _emotion.chipGroupTokens.chipHeight, _emotion.chipGroupTokens.chipPadding, _emotion.chipGroupTokens.chipFontFamily, _emotion.chipGroupTokens.chipFontSize, _emotion.chipGroupTokens.chipFontStyle, _emotion.chipGroupTokens.chipFontWeight, _emotion.chipGroupTokens.chipLetterSpacing, _emotion.chipGroupTokens.chipLineHeight, _emotion.chipGroupTokens.chipLeftContentMarginLeft, _emotion.chipGroupTokens.chipLeftContentMarginRight, _emotion.chipGroupTokens.chipClearContentMarginLeft, _emotion.chipGroupTokens.chipClearContentMarginRight, _emotion.chipGroupTokens.chipCloseIconSize)
125
+ s: (0, _emotion.css)(_templateObject3(), _emotion.chipGroupTokens.chipBorderRadius, _emotion.chipGroupTokens.chipWidth, _emotion.chipGroupTokens.chipHeight, _emotion.chipGroupTokens.chipPadding, _emotion.chipGroupTokens.chipFontFamily, _emotion.chipGroupTokens.chipFontSize, _emotion.chipGroupTokens.chipFontStyle, _emotion.chipGroupTokens.chipFontWeight, _emotion.chipGroupTokens.chipLetterSpacing, _emotion.chipGroupTokens.chipLineHeight, _emotion.chipGroupTokens.chipLeftContentMarginLeft, _emotion.chipGroupTokens.chipLeftContentMarginRight, _emotion.chipGroupTokens.chipRightContentMarginLeft, _emotion.chipGroupTokens.chipRightContentMarginRight, _emotion.chipGroupTokens.chipClearContentMarginLeft, _emotion.chipGroupTokens.chipClearContentMarginRight, _emotion.chipGroupTokens.chipCloseIconSize)
124
126
  },
125
127
  gap: {
126
128
  dense: (0, _emotion.css)(_templateObject4(), _emotion.chipGroupTokens.chipGroupItemsGap),
package/emotion/es/components/Chip/Chip.config.js CHANGED
@@ -87,6 +87,8 @@ function _templateObject3() {
87
87
  ": var(--plasma-typo-body-m-line-height);\n\n ",
88
88
  ": -0.25rem;\n ",
89
89
  ": 0.25rem;\n ",
90
+ ": 0.25rem;\n ",
91
+ ": -0.25rem;\n ",
90
92
  ": 0.5rem;\n ",
91
93
  ": -0.5rem;\n ",
92
94
  ": 1.5rem;\n "
@@ -113,6 +115,8 @@ function _templateObject4() {
113
115
  ": 0;\n ",
114
116
  ": 0.25rem;\n ",
115
117
  ": 0.25rem;\n ",
118
+ ": 0;\n ",
119
+ ": 0.25rem;\n ",
116
120
  ": -0.25rem;\n ",
117
121
  ": 1rem;\n "
118
122
  ]);
@@ -145,8 +149,8 @@ export var config = {
145
149
  accent: css(_templateObject2(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.leftContentColor)
146
150
  },
147
151
  size: {
148
- s: css(_templateObject3(), chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.padding, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.closeIconSize),
149
- xs: css(_templateObject4(), chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.padding, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.closeIconSize)
152
+ s: css(_templateObject3(), chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.padding, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.rightContentMarginLeft, chipTokens.rightContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.closeIconSize),
153
+ xs: css(_templateObject4(), chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.padding, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.rightContentMarginLeft, chipTokens.rightContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.closeIconSize)
150
154
  },
151
155
  focused: {
152
156
  true: css(_templateObject5(), chipTokens.focusColor)
package/emotion/es/components/ChipGroup/ChipGroup.config.js CHANGED
@@ -68,6 +68,8 @@ function _templateObject3() {
68
68
  ": var(--plasma-typo-body-m-line-height);\n\n ",
69
69
  ": -0.25rem;\n ",
70
70
  ": 0.25rem;\n ",
71
+ ": 0.25rem;\n ",
72
+ ": -0.25rem;\n ",
71
73
  ": 0.5rem;\n ",
72
74
  ": -0.25rem;\n ",
73
75
  ": 1.5rem;\n "
@@ -110,7 +112,7 @@ export var config = {
110
112
  accent: css(_templateObject2(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive)
111
113
  },
112
114
  size: {
113
- s: css(_templateObject3(), tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.chipLeftContentMarginLeft, tokens.chipLeftContentMarginRight, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize)
115
+ s: css(_templateObject3(), tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.chipLeftContentMarginLeft, tokens.chipLeftContentMarginRight, tokens.chipRightContentMarginLeft, tokens.chipRightContentMarginRight, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize)
114
116
  },
115
117
  gap: {
116
118
  dense: css(_templateObject4(), tokens.chipGroupItemsGap),
package/es/components/Chip/Chip.config.js CHANGED
@@ -87,6 +87,8 @@ function _templateObject3() {
87
87
  ": var(--plasma-typo-body-m-line-height);\n\n ",
88
88
  ": -0.25rem;\n ",
89
89
  ": 0.25rem;\n ",
90
+ ": 0.25rem;\n ",
91
+ ": -0.25rem;\n ",
90
92
  ": 0.5rem;\n ",
91
93
  ": -0.5rem;\n ",
92
94
  ": 1.5rem;\n "
@@ -113,6 +115,8 @@ function _templateObject4() {
113
115
  ": 0;\n ",
114
116
  ": 0.25rem;\n ",
115
117
  ": 0.25rem;\n ",
118
+ ": 0;\n ",
119
+ ": 0.25rem;\n ",
116
120
  ": -0.25rem;\n ",
117
121
  ": 1rem;\n "
118
122
  ]);
@@ -145,8 +149,8 @@ export var config = {
145
149
  accent: css(_templateObject2(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.leftContentColor)
146
150
  },
147
151
  size: {
148
- s: css(_templateObject3(), chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.padding, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.closeIconSize),
149
- xs: css(_templateObject4(), chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.padding, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.closeIconSize)
152
+ s: css(_templateObject3(), chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.padding, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.rightContentMarginLeft, chipTokens.rightContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.closeIconSize),
153
+ xs: css(_templateObject4(), chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.padding, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.rightContentMarginLeft, chipTokens.rightContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.closeIconSize)
150
154
  },
151
155
  focused: {
152
156
  true: css(_templateObject5(), chipTokens.focusColor)
package/es/components/ChipGroup/ChipGroup.config.js CHANGED
@@ -68,6 +68,8 @@ function _templateObject3() {
68
68
  ": var(--plasma-typo-body-m-line-height);\n\n ",
69
69
  ": -0.25rem;\n ",
70
70
  ": 0.25rem;\n ",
71
+ ": 0.25rem;\n ",
72
+ ": -0.25rem;\n ",
71
73
  ": 0.5rem;\n ",
72
74
  ": -0.25rem;\n ",
73
75
  ": 1.5rem;\n "
@@ -110,7 +112,7 @@ export var config = {
110
112
  accent: css(_templateObject2(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive)
111
113
  },
112
114
  size: {
113
- s: css(_templateObject3(), tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.chipLeftContentMarginLeft, tokens.chipLeftContentMarginRight, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize)
115
+ s: css(_templateObject3(), tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.chipLeftContentMarginLeft, tokens.chipLeftContentMarginRight, tokens.chipRightContentMarginLeft, tokens.chipRightContentMarginRight, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize)
114
116
  },
115
117
  gap: {
116
118
  dense: css(_templateObject4(), tokens.chipGroupItemsGap),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-cs",
3
- "version": "0.324.0-canary.2116.16646069672.0",
3
+ "version": "0.324.0-canary.2118.16744962186.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.332.0-canary.2116.16646069672.0",
34
- "@salutejs/sdds-themes": "0.43.0"
33
+ "@salutejs/plasma-new-hope": "0.332.0-canary.2118.16744962186.0",
34
+ "@salutejs/sdds-themes": "0.44.0-canary.2118.16744962186.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.15.0",
57
- "@salutejs/plasma-core": "1.204.0-canary.2116.16646069672.0",
58
- "@salutejs/plasma-cy-utils": "0.134.0-canary.2116.16646069672.0",
57
+ "@salutejs/plasma-core": "1.204.0-canary.2118.16744962186.0",
58
+ "@salutejs/plasma-cy-utils": "0.134.0-canary.2118.16744962186.0",
59
59
  "@salutejs/plasma-icons": "1.222.0",
60
- "@salutejs/plasma-sb-utils": "0.204.0-canary.2116.16646069672.0",
60
+ "@salutejs/plasma-sb-utils": "0.204.0-canary.2118.16744962186.0",
61
61
  "@storybook/addon-docs": "7.6.17",
62
62
  "@storybook/addon-essentials": "7.6.17",
63
63
  "@storybook/addons": "7.6.17",
@@ -123,5 +123,5 @@
123
123
  "Anton Vinogradov"
124
124
  ],
125
125
  "sideEffects": false,
126
- "gitHead": "42ca7916ea356bbb0f075e47d89dc174998453ac"
126
+ "gitHead": "82d8243cc4321e4d2ed08a34890c89d6490524b6"
127
127
  }