@salutejs/sdds-cs 0.324.0-canary.2109.16625116114.0 → 0.324.0-canary.2109.16720902588.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 (21) 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/Tabs/horizontal/HorizontalTabItem.config.js +12 -8
  6. package/components/Tabs/vertical/VerticalTabItem.config.js +3 -2
  7. package/components/Tokens/Colors/Colors.styles.d.ts +1 -0
  8. package/components/Tokens/Typography/Typography.styles.d.ts +1 -0
  9. package/emotion/cjs/components/Chip/Chip.config.js +6 -2
  10. package/emotion/cjs/components/ChipGroup/ChipGroup.config.js +3 -1
  11. package/emotion/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js +12 -8
  12. package/emotion/cjs/components/Tabs/vertical/VerticalTabItem.config.js +3 -2
  13. package/emotion/es/components/Chip/Chip.config.js +6 -2
  14. package/emotion/es/components/ChipGroup/ChipGroup.config.js +3 -1
  15. package/emotion/es/components/Tabs/horizontal/HorizontalTabItem.config.js +12 -8
  16. package/emotion/es/components/Tabs/vertical/VerticalTabItem.config.js +3 -2
  17. package/es/components/Chip/Chip.config.js +6 -2
  18. package/es/components/ChipGroup/ChipGroup.config.js +3 -1
  19. package/es/components/Tabs/horizontal/HorizontalTabItem.config.js +12 -8
  20. package/es/components/Tabs/vertical/VerticalTabItem.config.js +3 -2
  21. 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/Tabs/horizontal/HorizontalTabItem.config.js CHANGED
@@ -43,7 +43,8 @@ function _templateObject() {
43
43
  ": 0rem;\n ",
44
44
  ": var(--surface-solid-default);\n ",
45
45
  ": var(--surface-solid-default-hover);\n\n ",
46
- ": default;\n "
46
+ ": default;\n ",
47
+ ": pointer;\n "
47
48
  ]);
48
49
  _templateObject = function _templateObject() {
49
50
  return data;
@@ -73,7 +74,8 @@ function _templateObject1() {
73
74
  ": 0rem;\n ",
74
75
  ": var(--surface-solid-default);\n ",
75
76
  ": var(--surface-solid-default-hover);\n\n ",
76
- ": default;\n "
77
+ ": default;\n ",
78
+ ": pointer;\n "
77
79
  ]);
78
80
  _templateObject1 = function _templateObject() {
79
81
  return data;
@@ -104,7 +106,8 @@ function _templateObject2() {
104
106
  ": 0.125rem;\n ",
105
107
  ": var(--surface-solid-default);\n ",
106
108
  ": var(--surface-solid-default-hover);\n\n ",
107
- ": default;\n "
109
+ ": default;\n ",
110
+ ": pointer;\n "
108
111
  ]);
109
112
  _templateObject2 = function _templateObject() {
110
113
  return data;
@@ -134,7 +137,8 @@ function _templateObject3() {
134
137
  ": 0rem;\n ",
135
138
  ": var(--surface-solid-default);\n ",
136
139
  ": var(--surface-solid-default-hover);\n\n ",
137
- ": default;\n "
140
+ ": default;\n ",
141
+ ": pointer;\n "
138
142
  ]);
139
143
  _templateObject3 = function _templateObject() {
140
144
  return data;
@@ -214,10 +218,10 @@ var config = {
214
218
  },
215
219
  variations: {
216
220
  view: {
217
- clear: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.tabsTokens.itemColor, _styledcomponents.tabsTokens.itemValueColor, _styledcomponents.tabsTokens.itemBackgroundColor, _styledcomponents.tabsTokens.itemColorHover, _styledcomponents.tabsTokens.itemValueColorHover, _styledcomponents.tabsTokens.itemColorActive, _styledcomponents.tabsTokens.itemValueColorActive, _styledcomponents.tabsTokens.itemBackgroundColorHover, _styledcomponents.tabsTokens.itemSelectedColor, _styledcomponents.tabsTokens.itemSelectedValueColor, _styledcomponents.tabsTokens.itemSelectedBackgroundColor, _styledcomponents.tabsTokens.itemSelectedColorHover, _styledcomponents.tabsTokens.itemSelectedValueColorHover, _styledcomponents.tabsTokens.itemSelectedBackgroundColorHover, _styledcomponents.tabsTokens.itemBackgroundTransition, _styledcomponents.tabsTokens.itemPaddingClear, _styledcomponents.tabsTokens.itemContentPaddingClear, _styledcomponents.tabsTokens.outlineFocusColor, _styledcomponents.tabsTokens.itemSelectedDividerHeight, _styledcomponents.tabsTokens.itemSelectedDividerColor, _styledcomponents.tabsTokens.itemSelectedDividerColorHover, _styledcomponents.tabsTokens.itemCursor),
218
- secondary: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.tabsTokens.itemColor, _styledcomponents.tabsTokens.itemValueColor, _styledcomponents.tabsTokens.itemBackgroundColor, _styledcomponents.tabsTokens.itemColorHover, _styledcomponents.tabsTokens.itemValueColorHover, _styledcomponents.tabsTokens.itemColorActive, _styledcomponents.tabsTokens.itemValueColorActive, _styledcomponents.tabsTokens.itemBackgroundColorHover, _styledcomponents.tabsTokens.itemSelectedColor, _styledcomponents.tabsTokens.itemSelectedValueColor, _styledcomponents.tabsTokens.itemSelectedBackgroundColor, _styledcomponents.tabsTokens.itemSelectedColorHover, _styledcomponents.tabsTokens.itemSelectedValueColorHover, _styledcomponents.tabsTokens.itemSelectedBackgroundColorHover, _styledcomponents.tabsTokens.itemBackgroundTransition, _styledcomponents.tabsTokens.itemMarginLeftFilled, _styledcomponents.tabsTokens.outlineFocusColor, _styledcomponents.tabsTokens.itemSelectedDividerHeight, _styledcomponents.tabsTokens.itemSelectedDividerColor, _styledcomponents.tabsTokens.itemSelectedDividerColorHover, _styledcomponents.tabsTokens.itemCursor),
219
- divider: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.tabsTokens.itemColor, _styledcomponents.tabsTokens.itemValueColor, _styledcomponents.tabsTokens.itemBackgroundColor, _styledcomponents.tabsTokens.itemColorHover, _styledcomponents.tabsTokens.itemValueColorHover, _styledcomponents.tabsTokens.itemColorActive, _styledcomponents.tabsTokens.itemValueColorActive, _styledcomponents.tabsTokens.itemBackgroundColorHover, _styledcomponents.tabsTokens.itemSelectedColor, _styledcomponents.tabsTokens.itemSelectedValueColor, _styledcomponents.tabsTokens.itemSelectedBackgroundColor, _styledcomponents.tabsTokens.itemSelectedColorHover, _styledcomponents.tabsTokens.itemSelectedValueColorHover, _styledcomponents.tabsTokens.itemSelectedBackgroundColorHover, _styledcomponents.tabsTokens.itemBackgroundTransition, _styledcomponents.tabsTokens.itemPaddingClear, _styledcomponents.tabsTokens.itemContentPaddingClear, _styledcomponents.tabsTokens.outlineFocusColor, _styledcomponents.tabsTokens.itemSelectedDividerHeight, _styledcomponents.tabsTokens.itemSelectedDividerColor, _styledcomponents.tabsTokens.itemSelectedDividerColorHover, _styledcomponents.tabsTokens.itemCursor),
220
- 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)
221
+ clear: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.tabsTokens.itemColor, _styledcomponents.tabsTokens.itemValueColor, _styledcomponents.tabsTokens.itemBackgroundColor, _styledcomponents.tabsTokens.itemColorHover, _styledcomponents.tabsTokens.itemValueColorHover, _styledcomponents.tabsTokens.itemColorActive, _styledcomponents.tabsTokens.itemValueColorActive, _styledcomponents.tabsTokens.itemBackgroundColorHover, _styledcomponents.tabsTokens.itemSelectedColor, _styledcomponents.tabsTokens.itemSelectedValueColor, _styledcomponents.tabsTokens.itemSelectedBackgroundColor, _styledcomponents.tabsTokens.itemSelectedColorHover, _styledcomponents.tabsTokens.itemSelectedValueColorHover, _styledcomponents.tabsTokens.itemSelectedBackgroundColorHover, _styledcomponents.tabsTokens.itemBackgroundTransition, _styledcomponents.tabsTokens.itemPaddingClear, _styledcomponents.tabsTokens.itemContentPaddingClear, _styledcomponents.tabsTokens.outlineFocusColor, _styledcomponents.tabsTokens.itemSelectedDividerHeight, _styledcomponents.tabsTokens.itemSelectedDividerColor, _styledcomponents.tabsTokens.itemSelectedDividerColorHover, _styledcomponents.tabsTokens.itemCursor, _styledcomponents.tabsTokens.itemCursorOverNotSelected),
222
+ secondary: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.tabsTokens.itemColor, _styledcomponents.tabsTokens.itemValueColor, _styledcomponents.tabsTokens.itemBackgroundColor, _styledcomponents.tabsTokens.itemColorHover, _styledcomponents.tabsTokens.itemValueColorHover, _styledcomponents.tabsTokens.itemColorActive, _styledcomponents.tabsTokens.itemValueColorActive, _styledcomponents.tabsTokens.itemBackgroundColorHover, _styledcomponents.tabsTokens.itemSelectedColor, _styledcomponents.tabsTokens.itemSelectedValueColor, _styledcomponents.tabsTokens.itemSelectedBackgroundColor, _styledcomponents.tabsTokens.itemSelectedColorHover, _styledcomponents.tabsTokens.itemSelectedValueColorHover, _styledcomponents.tabsTokens.itemSelectedBackgroundColorHover, _styledcomponents.tabsTokens.itemBackgroundTransition, _styledcomponents.tabsTokens.itemMarginLeftFilled, _styledcomponents.tabsTokens.outlineFocusColor, _styledcomponents.tabsTokens.itemSelectedDividerHeight, _styledcomponents.tabsTokens.itemSelectedDividerColor, _styledcomponents.tabsTokens.itemSelectedDividerColorHover, _styledcomponents.tabsTokens.itemCursor, _styledcomponents.tabsTokens.itemCursorOverNotSelected),
223
+ divider: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.tabsTokens.itemColor, _styledcomponents.tabsTokens.itemValueColor, _styledcomponents.tabsTokens.itemBackgroundColor, _styledcomponents.tabsTokens.itemColorHover, _styledcomponents.tabsTokens.itemValueColorHover, _styledcomponents.tabsTokens.itemColorActive, _styledcomponents.tabsTokens.itemValueColorActive, _styledcomponents.tabsTokens.itemBackgroundColorHover, _styledcomponents.tabsTokens.itemSelectedColor, _styledcomponents.tabsTokens.itemSelectedValueColor, _styledcomponents.tabsTokens.itemSelectedBackgroundColor, _styledcomponents.tabsTokens.itemSelectedColorHover, _styledcomponents.tabsTokens.itemSelectedValueColorHover, _styledcomponents.tabsTokens.itemSelectedBackgroundColorHover, _styledcomponents.tabsTokens.itemBackgroundTransition, _styledcomponents.tabsTokens.itemPaddingClear, _styledcomponents.tabsTokens.itemContentPaddingClear, _styledcomponents.tabsTokens.outlineFocusColor, _styledcomponents.tabsTokens.itemSelectedDividerHeight, _styledcomponents.tabsTokens.itemSelectedDividerColor, _styledcomponents.tabsTokens.itemSelectedDividerColorHover, _styledcomponents.tabsTokens.itemCursor, _styledcomponents.tabsTokens.itemCursorOverNotSelected),
224
+ 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)
221
225
  },
222
226
  size: {
223
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)
package/components/Tabs/vertical/VerticalTabItem.config.js CHANGED
@@ -44,7 +44,8 @@ function _templateObject() {
44
44
  ": 0.125rem;\n ",
45
45
  ": var(--surface-solid-default);\n ",
46
46
  ": var(--text-primary);\n\n ",
47
- ": default;\n "
47
+ ": default;\n ",
48
+ ": pointer;\n "
48
49
  ]);
49
50
  _templateObject = function _templateObject() {
50
51
  return data;
@@ -115,7 +116,7 @@ var config = {
115
116
  },
116
117
  variations: {
117
118
  view: {
118
- 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)
119
+ 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)
119
120
  },
120
121
  size: {
121
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)
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/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js CHANGED
@@ -43,7 +43,8 @@ function _templateObject() {
43
43
  ": 0rem;\n ",
44
44
  ": var(--surface-solid-default);\n ",
45
45
  ": var(--surface-solid-default-hover);\n\n ",
46
- ": default;\n "
46
+ ": default;\n ",
47
+ ": pointer;\n "
47
48
  ]);
48
49
  _templateObject = function _templateObject() {
49
50
  return data;
@@ -73,7 +74,8 @@ function _templateObject1() {
73
74
  ": 0rem;\n ",
74
75
  ": var(--surface-solid-default);\n ",
75
76
  ": var(--surface-solid-default-hover);\n\n ",
76
- ": default;\n "
77
+ ": default;\n ",
78
+ ": pointer;\n "
77
79
  ]);
78
80
  _templateObject1 = function _templateObject() {
79
81
  return data;
@@ -104,7 +106,8 @@ function _templateObject2() {
104
106
  ": 0.125rem;\n ",
105
107
  ": var(--surface-solid-default);\n ",
106
108
  ": var(--surface-solid-default-hover);\n\n ",
107
- ": default;\n "
109
+ ": default;\n ",
110
+ ": pointer;\n "
108
111
  ]);
109
112
  _templateObject2 = function _templateObject() {
110
113
  return data;
@@ -134,7 +137,8 @@ function _templateObject3() {
134
137
  ": 0rem;\n ",
135
138
  ": var(--surface-solid-default);\n ",
136
139
  ": var(--surface-solid-default-hover);\n\n ",
137
- ": default;\n "
140
+ ": default;\n ",
141
+ ": pointer;\n "
138
142
  ]);
139
143
  _templateObject3 = function _templateObject() {
140
144
  return data;
@@ -214,10 +218,10 @@ var config = {
214
218
  },
215
219
  variations: {
216
220
  view: {
217
- clear: (0, _emotion.css)(_templateObject(), _emotion.tabsTokens.itemColor, _emotion.tabsTokens.itemValueColor, _emotion.tabsTokens.itemBackgroundColor, _emotion.tabsTokens.itemColorHover, _emotion.tabsTokens.itemValueColorHover, _emotion.tabsTokens.itemColorActive, _emotion.tabsTokens.itemValueColorActive, _emotion.tabsTokens.itemBackgroundColorHover, _emotion.tabsTokens.itemSelectedColor, _emotion.tabsTokens.itemSelectedValueColor, _emotion.tabsTokens.itemSelectedBackgroundColor, _emotion.tabsTokens.itemSelectedColorHover, _emotion.tabsTokens.itemSelectedValueColorHover, _emotion.tabsTokens.itemSelectedBackgroundColorHover, _emotion.tabsTokens.itemBackgroundTransition, _emotion.tabsTokens.itemPaddingClear, _emotion.tabsTokens.itemContentPaddingClear, _emotion.tabsTokens.outlineFocusColor, _emotion.tabsTokens.itemSelectedDividerHeight, _emotion.tabsTokens.itemSelectedDividerColor, _emotion.tabsTokens.itemSelectedDividerColorHover, _emotion.tabsTokens.itemCursor),
218
- secondary: (0, _emotion.css)(_templateObject1(), _emotion.tabsTokens.itemColor, _emotion.tabsTokens.itemValueColor, _emotion.tabsTokens.itemBackgroundColor, _emotion.tabsTokens.itemColorHover, _emotion.tabsTokens.itemValueColorHover, _emotion.tabsTokens.itemColorActive, _emotion.tabsTokens.itemValueColorActive, _emotion.tabsTokens.itemBackgroundColorHover, _emotion.tabsTokens.itemSelectedColor, _emotion.tabsTokens.itemSelectedValueColor, _emotion.tabsTokens.itemSelectedBackgroundColor, _emotion.tabsTokens.itemSelectedColorHover, _emotion.tabsTokens.itemSelectedValueColorHover, _emotion.tabsTokens.itemSelectedBackgroundColorHover, _emotion.tabsTokens.itemBackgroundTransition, _emotion.tabsTokens.itemMarginLeftFilled, _emotion.tabsTokens.outlineFocusColor, _emotion.tabsTokens.itemSelectedDividerHeight, _emotion.tabsTokens.itemSelectedDividerColor, _emotion.tabsTokens.itemSelectedDividerColorHover, _emotion.tabsTokens.itemCursor),
219
- divider: (0, _emotion.css)(_templateObject2(), _emotion.tabsTokens.itemColor, _emotion.tabsTokens.itemValueColor, _emotion.tabsTokens.itemBackgroundColor, _emotion.tabsTokens.itemColorHover, _emotion.tabsTokens.itemValueColorHover, _emotion.tabsTokens.itemColorActive, _emotion.tabsTokens.itemValueColorActive, _emotion.tabsTokens.itemBackgroundColorHover, _emotion.tabsTokens.itemSelectedColor, _emotion.tabsTokens.itemSelectedValueColor, _emotion.tabsTokens.itemSelectedBackgroundColor, _emotion.tabsTokens.itemSelectedColorHover, _emotion.tabsTokens.itemSelectedValueColorHover, _emotion.tabsTokens.itemSelectedBackgroundColorHover, _emotion.tabsTokens.itemBackgroundTransition, _emotion.tabsTokens.itemPaddingClear, _emotion.tabsTokens.itemContentPaddingClear, _emotion.tabsTokens.outlineFocusColor, _emotion.tabsTokens.itemSelectedDividerHeight, _emotion.tabsTokens.itemSelectedDividerColor, _emotion.tabsTokens.itemSelectedDividerColorHover, _emotion.tabsTokens.itemCursor),
220
- 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)
221
+ clear: (0, _emotion.css)(_templateObject(), _emotion.tabsTokens.itemColor, _emotion.tabsTokens.itemValueColor, _emotion.tabsTokens.itemBackgroundColor, _emotion.tabsTokens.itemColorHover, _emotion.tabsTokens.itemValueColorHover, _emotion.tabsTokens.itemColorActive, _emotion.tabsTokens.itemValueColorActive, _emotion.tabsTokens.itemBackgroundColorHover, _emotion.tabsTokens.itemSelectedColor, _emotion.tabsTokens.itemSelectedValueColor, _emotion.tabsTokens.itemSelectedBackgroundColor, _emotion.tabsTokens.itemSelectedColorHover, _emotion.tabsTokens.itemSelectedValueColorHover, _emotion.tabsTokens.itemSelectedBackgroundColorHover, _emotion.tabsTokens.itemBackgroundTransition, _emotion.tabsTokens.itemPaddingClear, _emotion.tabsTokens.itemContentPaddingClear, _emotion.tabsTokens.outlineFocusColor, _emotion.tabsTokens.itemSelectedDividerHeight, _emotion.tabsTokens.itemSelectedDividerColor, _emotion.tabsTokens.itemSelectedDividerColorHover, _emotion.tabsTokens.itemCursor, _emotion.tabsTokens.itemCursorOverNotSelected),
222
+ secondary: (0, _emotion.css)(_templateObject1(), _emotion.tabsTokens.itemColor, _emotion.tabsTokens.itemValueColor, _emotion.tabsTokens.itemBackgroundColor, _emotion.tabsTokens.itemColorHover, _emotion.tabsTokens.itemValueColorHover, _emotion.tabsTokens.itemColorActive, _emotion.tabsTokens.itemValueColorActive, _emotion.tabsTokens.itemBackgroundColorHover, _emotion.tabsTokens.itemSelectedColor, _emotion.tabsTokens.itemSelectedValueColor, _emotion.tabsTokens.itemSelectedBackgroundColor, _emotion.tabsTokens.itemSelectedColorHover, _emotion.tabsTokens.itemSelectedValueColorHover, _emotion.tabsTokens.itemSelectedBackgroundColorHover, _emotion.tabsTokens.itemBackgroundTransition, _emotion.tabsTokens.itemMarginLeftFilled, _emotion.tabsTokens.outlineFocusColor, _emotion.tabsTokens.itemSelectedDividerHeight, _emotion.tabsTokens.itemSelectedDividerColor, _emotion.tabsTokens.itemSelectedDividerColorHover, _emotion.tabsTokens.itemCursor, _emotion.tabsTokens.itemCursorOverNotSelected),
223
+ divider: (0, _emotion.css)(_templateObject2(), _emotion.tabsTokens.itemColor, _emotion.tabsTokens.itemValueColor, _emotion.tabsTokens.itemBackgroundColor, _emotion.tabsTokens.itemColorHover, _emotion.tabsTokens.itemValueColorHover, _emotion.tabsTokens.itemColorActive, _emotion.tabsTokens.itemValueColorActive, _emotion.tabsTokens.itemBackgroundColorHover, _emotion.tabsTokens.itemSelectedColor, _emotion.tabsTokens.itemSelectedValueColor, _emotion.tabsTokens.itemSelectedBackgroundColor, _emotion.tabsTokens.itemSelectedColorHover, _emotion.tabsTokens.itemSelectedValueColorHover, _emotion.tabsTokens.itemSelectedBackgroundColorHover, _emotion.tabsTokens.itemBackgroundTransition, _emotion.tabsTokens.itemPaddingClear, _emotion.tabsTokens.itemContentPaddingClear, _emotion.tabsTokens.outlineFocusColor, _emotion.tabsTokens.itemSelectedDividerHeight, _emotion.tabsTokens.itemSelectedDividerColor, _emotion.tabsTokens.itemSelectedDividerColorHover, _emotion.tabsTokens.itemCursor, _emotion.tabsTokens.itemCursorOverNotSelected),
224
+ 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)
221
225
  },
222
226
  size: {
223
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)
package/emotion/cjs/components/Tabs/vertical/VerticalTabItem.config.js CHANGED
@@ -44,7 +44,8 @@ function _templateObject() {
44
44
  ": 0.125rem;\n ",
45
45
  ": var(--surface-solid-default);\n ",
46
46
  ": var(--text-primary);\n\n ",
47
- ": default;\n "
47
+ ": default;\n ",
48
+ ": pointer;\n "
48
49
  ]);
49
50
  _templateObject = function _templateObject() {
50
51
  return data;
@@ -115,7 +116,7 @@ var config = {
115
116
  },
116
117
  variations: {
117
118
  view: {
118
- 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)
119
+ 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)
119
120
  },
120
121
  size: {
121
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)
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/emotion/es/components/Tabs/horizontal/HorizontalTabItem.config.js CHANGED
@@ -32,7 +32,8 @@ function _templateObject() {
32
32
  ": 0rem;\n ",
33
33
  ": var(--surface-solid-default);\n ",
34
34
  ": var(--surface-solid-default-hover);\n\n ",
35
- ": default;\n "
35
+ ": default;\n ",
36
+ ": pointer;\n "
36
37
  ]);
37
38
  _templateObject = function _templateObject() {
38
39
  return data;
@@ -62,7 +63,8 @@ function _templateObject1() {
62
63
  ": 0rem;\n ",
63
64
  ": var(--surface-solid-default);\n ",
64
65
  ": var(--surface-solid-default-hover);\n\n ",
65
- ": default;\n "
66
+ ": default;\n ",
67
+ ": pointer;\n "
66
68
  ]);
67
69
  _templateObject1 = function _templateObject() {
68
70
  return data;
@@ -93,7 +95,8 @@ function _templateObject2() {
93
95
  ": 0.125rem;\n ",
94
96
  ": var(--surface-solid-default);\n ",
95
97
  ": var(--surface-solid-default-hover);\n\n ",
96
- ": default;\n "
98
+ ": default;\n ",
99
+ ": pointer;\n "
97
100
  ]);
98
101
  _templateObject2 = function _templateObject() {
99
102
  return data;
@@ -123,7 +126,8 @@ function _templateObject3() {
123
126
  ": 0rem;\n ",
124
127
  ": var(--surface-solid-default);\n ",
125
128
  ": var(--surface-solid-default-hover);\n\n ",
126
- ": default;\n "
129
+ ": default;\n ",
130
+ ": pointer;\n "
127
131
  ]);
128
132
  _templateObject3 = function _templateObject() {
129
133
  return data;
@@ -204,10 +208,10 @@ export var config = {
204
208
  },
205
209
  variations: {
206
210
  view: {
207
- clear: css(_templateObject(), tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor),
208
- secondary: css(_templateObject1(), tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemMarginLeftFilled, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor),
209
- divider: css(_templateObject2(), tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor),
210
- 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)
211
+ clear: css(_templateObject(), tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor, tabsTokens.itemCursorOverNotSelected),
212
+ secondary: css(_templateObject1(), tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemMarginLeftFilled, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor, tabsTokens.itemCursorOverNotSelected),
213
+ divider: css(_templateObject2(), tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor, tabsTokens.itemCursorOverNotSelected),
214
+ 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)
211
215
  },
212
216
  size: {
213
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)
package/emotion/es/components/Tabs/vertical/VerticalTabItem.config.js CHANGED
@@ -33,7 +33,8 @@ function _templateObject() {
33
33
  ": 0.125rem;\n ",
34
34
  ": var(--surface-solid-default);\n ",
35
35
  ": var(--text-primary);\n\n ",
36
- ": default;\n "
36
+ ": default;\n ",
37
+ ": pointer;\n "
37
38
  ]);
38
39
  _templateObject = function _templateObject() {
39
40
  return data;
@@ -105,7 +106,7 @@ export var config = {
105
106
  },
106
107
  variations: {
107
108
  view: {
108
- 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)
109
+ 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)
109
110
  },
110
111
  size: {
111
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)
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/es/components/Tabs/horizontal/HorizontalTabItem.config.js CHANGED
@@ -32,7 +32,8 @@ function _templateObject() {
32
32
  ": 0rem;\n ",
33
33
  ": var(--surface-solid-default);\n ",
34
34
  ": var(--surface-solid-default-hover);\n\n ",
35
- ": default;\n "
35
+ ": default;\n ",
36
+ ": pointer;\n "
36
37
  ]);
37
38
  _templateObject = function _templateObject() {
38
39
  return data;
@@ -62,7 +63,8 @@ function _templateObject1() {
62
63
  ": 0rem;\n ",
63
64
  ": var(--surface-solid-default);\n ",
64
65
  ": var(--surface-solid-default-hover);\n\n ",
65
- ": default;\n "
66
+ ": default;\n ",
67
+ ": pointer;\n "
66
68
  ]);
67
69
  _templateObject1 = function _templateObject() {
68
70
  return data;
@@ -93,7 +95,8 @@ function _templateObject2() {
93
95
  ": 0.125rem;\n ",
94
96
  ": var(--surface-solid-default);\n ",
95
97
  ": var(--surface-solid-default-hover);\n\n ",
96
- ": default;\n "
98
+ ": default;\n ",
99
+ ": pointer;\n "
97
100
  ]);
98
101
  _templateObject2 = function _templateObject() {
99
102
  return data;
@@ -123,7 +126,8 @@ function _templateObject3() {
123
126
  ": 0rem;\n ",
124
127
  ": var(--surface-solid-default);\n ",
125
128
  ": var(--surface-solid-default-hover);\n\n ",
126
- ": default;\n "
129
+ ": default;\n ",
130
+ ": pointer;\n "
127
131
  ]);
128
132
  _templateObject3 = function _templateObject() {
129
133
  return data;
@@ -204,10 +208,10 @@ export var config = {
204
208
  },
205
209
  variations: {
206
210
  view: {
207
- clear: css(_templateObject(), tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor),
208
- secondary: css(_templateObject1(), tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemMarginLeftFilled, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor),
209
- divider: css(_templateObject2(), tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor),
210
- 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)
211
+ clear: css(_templateObject(), tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor, tabsTokens.itemCursorOverNotSelected),
212
+ secondary: css(_templateObject1(), tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemMarginLeftFilled, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor, tabsTokens.itemCursorOverNotSelected),
213
+ divider: css(_templateObject2(), tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor, tabsTokens.itemCursorOverNotSelected),
214
+ 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)
211
215
  },
212
216
  size: {
213
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)
package/es/components/Tabs/vertical/VerticalTabItem.config.js CHANGED
@@ -33,7 +33,8 @@ function _templateObject() {
33
33
  ": 0.125rem;\n ",
34
34
  ": var(--surface-solid-default);\n ",
35
35
  ": var(--text-primary);\n\n ",
36
- ": default;\n "
36
+ ": default;\n ",
37
+ ": pointer;\n "
37
38
  ]);
38
39
  _templateObject = function _templateObject() {
39
40
  return data;
@@ -105,7 +106,7 @@ export var config = {
105
106
  },
106
107
  variations: {
107
108
  view: {
108
- 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)
109
+ 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)
109
110
  },
110
111
  size: {
111
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)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-cs",
3
- "version": "0.324.0-canary.2109.16625116114.0",
3
+ "version": "0.324.0-canary.2109.16720902588.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.2109.16625116114.0",
34
- "@salutejs/sdds-themes": "0.43.0"
33
+ "@salutejs/plasma-new-hope": "0.332.0-canary.2109.16720902588.0",
34
+ "@salutejs/sdds-themes": "0.44.0-canary.2109.16720902588.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.2109.16625116114.0",
58
- "@salutejs/plasma-cy-utils": "0.134.0-canary.2109.16625116114.0",
57
+ "@salutejs/plasma-core": "1.204.0-canary.2109.16720902588.0",
58
+ "@salutejs/plasma-cy-utils": "0.134.0-canary.2109.16720902588.0",
59
59
  "@salutejs/plasma-icons": "1.222.0",
60
- "@salutejs/plasma-sb-utils": "0.204.0-canary.2109.16625116114.0",
60
+ "@salutejs/plasma-sb-utils": "0.204.0-canary.2109.16720902588.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": "7898e575ba06f2a8a0904a42504ba43a71c3e93b"
126
+ "gitHead": "7c3feeafda64737d45472efd5f71fed34f1c14e2"
127
127
  }