@salutejs/sdds-cs 0.323.0-canary.1655.16175078069.0 → 0.324.0-canary.2100.16477002845.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 (22) hide show
  1. package/CHANGELOG.md +96 -0
  2. package/api/sdds-cs.api.md +1 -1
  3. package/components/Chip/Chip.config.js +7 -9
  4. package/components/ChipGroup/ChipGroup.config.js +2 -4
  5. package/components/IconButton/IconButton.config.d.ts +0 -1
  6. package/components/IconButton/IconButton.config.js +5 -25
  7. package/components/IconButton/IconButton.d.ts +0 -1
  8. package/components/TextArea/TextArea.d.ts +16 -0
  9. package/components/Tree/Tree.config.js +3 -1
  10. package/emotion/cjs/components/Chip/Chip.config.js +7 -9
  11. package/emotion/cjs/components/ChipGroup/ChipGroup.config.js +2 -4
  12. package/emotion/cjs/components/IconButton/IconButton.config.js +5 -25
  13. package/emotion/cjs/components/Tree/Tree.config.js +3 -1
  14. package/emotion/es/components/Chip/Chip.config.js +7 -9
  15. package/emotion/es/components/ChipGroup/ChipGroup.config.js +2 -4
  16. package/emotion/es/components/IconButton/IconButton.config.js +5 -25
  17. package/emotion/es/components/Tree/Tree.config.js +3 -1
  18. package/es/components/Chip/Chip.config.js +7 -9
  19. package/es/components/ChipGroup/ChipGroup.config.js +2 -4
  20. package/es/components/IconButton/IconButton.config.js +5 -25
  21. package/es/components/Tree/Tree.config.js +3 -1
  22. package/package.json +8 -8
package/CHANGELOG.md CHANGED
@@ -1,3 +1,99 @@
1
+ ## 0.321.0 (10 июля 2025)
2
+
3
+ ## Функциональные изменения в компонентах
4
+
5
+ ### Tour
6
+
7
+ * Добавлен в поставку новый компонент
8
+
9
+ ![4539d0a6\_Kapture\_2025-06-30\_at\_13 45 01](https://github.com/user-attachments/assets/b6dac64b-0623-4308-a4b2-8a827c5d4d55)
10
+
11
+ [PR](https://github.com/salute-developers/plasma/pull/2010)
12
+
13
+ ### DatePicker
14
+
15
+ * Добавлена проверка при обновлении `value/defaultValue`, чтобы избежать коллизии при `mount/unmount`
16
+
17
+ **Before**:
18
+
19
+ ![460583735-fea399b1-8225-4b39-889b-b332664a4bcc](https://github.com/user-attachments/assets/ae641e2c-1ab8-47b4-8855-4267bb26a7d4)
20
+
21
+ **After**:
22
+ ![460583334-2e733867-15fb-4818-97f1-f0c024dc37cb](https://github.com/user-attachments/assets/971cc214-415f-4e53-9984-242e63ba084a)
23
+
24
+ [PR](https://github.com/salute-developers/plasma/pull/2058)
25
+
26
+ ### useUniqId
27
+
28
+ * Помечен как deprecated по причине устаревания и не актуальности. Рекомендуем использовать метод `safeUseId`
29
+
30
+ [PR](https://github.com/salute-developers/plasma/pull/2053)
31
+
32
+ ### NumberFormat
33
+
34
+ * Улучшен механизм копирование и вставки числа
35
+
36
+ ![459900391-30817797-7211-4d0e-8e4b-799d7fdab2c9](https://github.com/user-attachments/assets/11c52f11-b847-49c1-9a82-4df74bf64ff7)
37
+
38
+ [PR](https://github.com/salute-developers/plasma/pull/2050)
39
+
40
+ ### Chip
41
+
42
+ * изменен размер иконки `Close` для размера `XS`, стало `12x12`
43
+
44
+ [PR](https://github.com/salute-developers/plasma/pull/2070)
45
+
46
+ ### Icons
47
+
48
+ * добавлен `rest props` для IconRoot. Теперь есть возможность прокинуть `data-attrs` и другие атрибуты тега
49
+
50
+ <img width="1024" src="https://github.com/user-attachments/assets/ff1831f3-98f9-46df-a874-3c4891ca47b4" />
51
+
52
+ [PR](https://github.com/salute-developers/plasma/pull/2066)
53
+
54
+ ### Combobox
55
+
56
+ * Добавлен токен для галочки и иконки в режиме `single`
57
+
58
+ [PR](https://github.com/salute-developers/plasma/pull/2049)
59
+
60
+ ### Select
61
+
62
+ * Добавлен токен для галочки и иконки в режиме `single`
63
+
64
+ [PR](https://github.com/salute-developers/plasma/pull/2049)
65
+
66
+ ### TextArea
67
+
68
+ * добавлено свойство `headerSlot`
69
+
70
+ <img width="685" alt="image" src="https://github.com/user-attachments/assets/e092e789-b5ca-4b8e-a500-9f6594dc59ef" />
71
+
72
+ [PR](https://github.com/salute-developers/plasma/pull/2075)
73
+
74
+ ## Изменения в библиотеки
75
+
76
+ ### Docs
77
+
78
+ * Исправлен UI документации, добавлено условие для переопределения token фона
79
+
80
+ [PR](https://github.com/salute-developers/plasma/pull/2064)
81
+
82
+ ### Divider
83
+
84
+ * Изменен токен цвета заливки состояния `Default` с `SurfaceSolidPrimary` на `SurfaceSolidTertiary`
85
+
86
+ [PR](https://github.com/salute-developers/plasma/pull/2062)
87
+
88
+ ### Tooltip
89
+
90
+ * изменены токены на `inverse` в состоянии `default`
91
+
92
+ * добавлено новое состояние `secondary`
93
+
94
+ [PR](https://github.com/salute-developers/plasma/pull/2071)
95
+
96
+
1
97
  ## 0.319.0 (26 июня 2025)
2
98
 
3
99
  ## Функциональные изменения в компонентах
package/api/sdds-cs.api.md CHANGED
@@ -1505,7 +1505,7 @@ borderRadius: {
1505
1505
  none: PolymorphicClassName;
1506
1506
  default: PolymorphicClassName;
1507
1507
  };
1508
- }> & Omit<PopupProps, "draggable" | "handle" | "resizable"> & Omit<PanelProps, "draggable"> & {
1508
+ }> & PopupProps & PanelProps & {
1509
1509
  placement?: "top" | "bottom" | "right" | "left" | undefined;
1510
1510
  asModal?: boolean | undefined;
1511
1511
  customBackgroundColor?: string | undefined;
package/components/Chip/Chip.config.js CHANGED
@@ -73,6 +73,8 @@ function _templateObject2() {
73
73
  ": var(--surface-accent);\n ",
74
74
  ": var(--on-dark-text-primary);\n ",
75
75
  ": var(--surface-accent);\n ",
76
+ ": var(--on-dark-text-primary);\n\n ",
77
+ ": var(--on-dark-text-primary);\n ",
76
78
  ": var(--on-dark-text-primary);\n "
77
79
  ]);
78
80
  _templateObject2 = function _templateObject() {
@@ -97,9 +99,7 @@ function _templateObject3() {
97
99
  ": -0.25rem;\n ",
98
100
  ": 0.25rem;\n ",
99
101
  ": 0.5rem;\n ",
100
- ": -0.5rem;\n\n ",
101
- ": 1.02;\n ",
102
- ": 0.98;\n\n ",
102
+ ": -0.5rem;\n ",
103
103
  ": 1.5rem;\n "
104
104
  ]);
105
105
  _templateObject3 = function _templateObject() {
@@ -124,9 +124,7 @@ function _templateObject4() {
124
124
  ": 0;\n ",
125
125
  ": 0.25rem;\n ",
126
126
  ": 0.25rem;\n ",
127
- ": -0.25rem;\n\n ",
128
- ": 1.02;\n ",
129
- ": 0.98;\n\n ",
127
+ ": -0.25rem;\n ",
130
128
  ": 1rem;\n "
131
129
  ]);
132
130
  _templateObject4 = function _templateObject() {
@@ -154,11 +152,11 @@ var config = {
154
152
  view: {
155
153
  default: (0, _styledcomponents.css)(_templateObject(), _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
154
  secondary: (0, _styledcomponents.css)(_templateObject1(), _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),
157
- 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)
155
+ 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)
158
156
  },
159
157
  size: {
160
- 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.scaleHover, _styledcomponents.chipTokens.scaleActive, _styledcomponents.chipTokens.closeIconSize),
161
- 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.scaleHover, _styledcomponents.chipTokens.scaleActive, _styledcomponents.chipTokens.closeIconSize)
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
160
  },
163
161
  focused: {
164
162
  true: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.chipTokens.focusColor)
package/components/ChipGroup/ChipGroup.config.js CHANGED
@@ -80,9 +80,7 @@ function _templateObject3() {
80
80
  ": -0.25rem;\n ",
81
81
  ": 0.25rem;\n ",
82
82
  ": 0.5rem;\n ",
83
- ": -0.25rem;\n\n ",
84
- ": 1.02;\n ",
85
- ": 0.98;\n\n ",
83
+ ": -0.25rem;\n ",
86
84
  ": 1.5rem;\n "
87
85
  ]);
88
86
  _templateObject3 = function _templateObject() {
@@ -122,7 +120,7 @@ var config = {
122
120
  accent: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.chipGroupTokens.chipColor, _styledcomponents.chipGroupTokens.chipBackground, _styledcomponents.chipGroupTokens.chipColorHover, _styledcomponents.chipGroupTokens.chipBackgroundHover, _styledcomponents.chipGroupTokens.chipColorActive, _styledcomponents.chipGroupTokens.chipBackgroundActive)
123
121
  },
124
122
  size: {
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.chipClearContentMarginLeft, _styledcomponents.chipGroupTokens.chipClearContentMarginRight, _styledcomponents.chipGroupTokens.chipScaleHover, _styledcomponents.chipGroupTokens.chipScaleActive, _styledcomponents.chipGroupTokens.chipCloseIconSize)
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)
126
124
  },
127
125
  gap: {
128
126
  dense: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.chipGroupTokens.chipGroupItemsGap),
package/components/IconButton/IconButton.config.d.ts CHANGED
@@ -12,7 +12,6 @@ export declare const config: {
12
12
  };
13
13
  size: {
14
14
  s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
15
- sr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
16
15
  };
17
16
  disabled: {
18
17
  true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
package/components/IconButton/IconButton.config.js CHANGED
@@ -89,16 +89,7 @@ function _templateObject3() {
89
89
  function _templateObject4() {
90
90
  var data = _tagged_template_literal([
91
91
  "\n ",
92
- ": 2.5rem;\n ",
93
- ": 2.5rem;\n ",
94
- ": var(--plasma-typo-body-s-font-family);\n ",
95
- ": var(--plasma-typo-body-s-font-size);\n ",
96
- ": var(--plasma-typo-body-s-font-style);\n ",
97
- ": var(--plasma-typo-body-s-bold-font-weight);\n ",
98
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
99
- ": var(--plasma-typo-body-s-line-height);\n\n ",
100
- ": 1.375rem;\n ",
101
- ": inherit;\n "
92
+ ": 0.4;\n "
102
93
  ]);
103
94
  _templateObject4 = function _templateObject() {
104
95
  return data;
@@ -106,21 +97,11 @@ function _templateObject4() {
106
97
  return data;
107
98
  }
108
99
  function _templateObject5() {
109
- var data = _tagged_template_literal([
110
- "\n ",
111
- ": 0.4;\n "
112
- ]);
113
- _templateObject5 = function _templateObject() {
114
- return data;
115
- };
116
- return data;
117
- }
118
- function _templateObject6() {
119
100
  var data = _tagged_template_literal([
120
101
  "\n ",
121
102
  ": var(--surface-accent);\n "
122
103
  ]);
123
- _templateObject6 = function _templateObject() {
104
+ _templateObject5 = function _templateObject() {
124
105
  return data;
125
106
  };
126
107
  return data;
@@ -138,14 +119,13 @@ var config = {
138
119
  clear: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.iconButtonTokens.iconButtonColor, _styledcomponents.iconButtonTokens.iconButtonBackgroundColor, _styledcomponents.iconButtonTokens.iconButtonLoadingBackgroundColor, _styledcomponents.iconButtonTokens.iconButtonBackgroundColorHover, _styledcomponents.iconButtonTokens.iconButtonBackgroundColorActive)
139
120
  },
140
121
  size: {
141
- s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.iconButtonTokens.iconButtonHeight, _styledcomponents.iconButtonTokens.iconButtonWidth, _styledcomponents.iconButtonTokens.iconButtonPadding, _styledcomponents.iconButtonTokens.iconButtonRadius, _styledcomponents.iconButtonTokens.iconButtonFontFamily, _styledcomponents.iconButtonTokens.iconButtonFontSize, _styledcomponents.iconButtonTokens.iconButtonFontStyle, _styledcomponents.iconButtonTokens.iconButtonFontWeight, _styledcomponents.iconButtonTokens.iconButtonLetterSpacing, _styledcomponents.iconButtonTokens.iconButtonLineHeight, _styledcomponents.iconButtonTokens.iconButtonSpinnerSize, _styledcomponents.iconButtonTokens.iconButtonSpinnerColor),
142
- sr: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.iconButtonTokens.iconButtonHeight, _styledcomponents.iconButtonTokens.iconButtonWidth, _styledcomponents.iconButtonTokens.iconButtonFontFamily, _styledcomponents.iconButtonTokens.iconButtonFontSize, _styledcomponents.iconButtonTokens.iconButtonFontStyle, _styledcomponents.iconButtonTokens.iconButtonFontWeight, _styledcomponents.iconButtonTokens.iconButtonLetterSpacing, _styledcomponents.iconButtonTokens.iconButtonLineHeight, _styledcomponents.iconButtonTokens.iconButtonSpinnerSize, _styledcomponents.iconButtonTokens.iconButtonSpinnerColor)
122
+ s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.iconButtonTokens.iconButtonHeight, _styledcomponents.iconButtonTokens.iconButtonWidth, _styledcomponents.iconButtonTokens.iconButtonPadding, _styledcomponents.iconButtonTokens.iconButtonRadius, _styledcomponents.iconButtonTokens.iconButtonFontFamily, _styledcomponents.iconButtonTokens.iconButtonFontSize, _styledcomponents.iconButtonTokens.iconButtonFontStyle, _styledcomponents.iconButtonTokens.iconButtonFontWeight, _styledcomponents.iconButtonTokens.iconButtonLetterSpacing, _styledcomponents.iconButtonTokens.iconButtonLineHeight, _styledcomponents.iconButtonTokens.iconButtonSpinnerSize, _styledcomponents.iconButtonTokens.iconButtonSpinnerColor)
143
123
  },
144
124
  disabled: {
145
- true: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.iconButtonTokens.iconButtonDisabledOpacity)
125
+ true: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.iconButtonTokens.iconButtonDisabledOpacity)
146
126
  },
147
127
  focused: {
148
- true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.iconButtonTokens.iconButtonFocusColor)
128
+ true: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.iconButtonTokens.iconButtonFocusColor)
149
129
  }
150
130
  }
151
131
  };
package/components/IconButton/IconButton.d.ts CHANGED
@@ -9,7 +9,6 @@ export declare const IconButton: import("react").FunctionComponent<import("@salu
9
9
  };
10
10
  size: {
11
11
  s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
12
- sr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
13
12
  };
14
13
  disabled: {
15
14
  true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
package/components/TextArea/TextArea.d.ts CHANGED
@@ -71,6 +71,8 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
71
71
  } & {
72
72
  clear?: undefined;
73
73
  hasDivider?: undefined;
74
+ } & {
75
+ labelAriaHidden: boolean;
74
76
  } & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("@salutejs/plasma-new-hope/styled-components").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "cols" | "rows"> & {
75
77
  status?: "" | "success" | "warning" | "error";
76
78
  label?: string;
@@ -116,6 +118,8 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
116
118
  } & {
117
119
  clear?: undefined;
118
120
  hasDivider?: undefined;
121
+ } & {
122
+ labelAriaHidden: boolean;
119
123
  } & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("@salutejs/plasma-new-hope/styled-components").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "cols" | "rows"> & {
120
124
  status?: "" | "success" | "warning" | "error";
121
125
  label?: string;
@@ -161,6 +165,8 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
161
165
  } & {
162
166
  clear?: undefined;
163
167
  hasDivider?: undefined;
168
+ } & {
169
+ labelAriaHidden: boolean;
164
170
  } & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("@salutejs/plasma-new-hope/styled-components").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "cols" | "rows"> & {
165
171
  status?: "" | "success" | "warning" | "error";
166
172
  label?: string;
@@ -206,6 +212,8 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
206
212
  } & {
207
213
  height?: undefined;
208
214
  width?: undefined;
215
+ } & {
216
+ labelAriaHidden: boolean;
209
217
  } & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("@salutejs/plasma-new-hope/styled-components").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "cols" | "rows"> & {
210
218
  status?: "" | "success" | "warning" | "error";
211
219
  label?: string;
@@ -251,6 +259,8 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
251
259
  } & {
252
260
  clear?: undefined;
253
261
  hasDivider?: undefined;
262
+ } & {
263
+ labelAriaHidden: boolean;
254
264
  } & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("@salutejs/plasma-new-hope/styled-components").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "cols" | "rows"> & {
255
265
  status?: "" | "success" | "warning" | "error";
256
266
  label?: string;
@@ -296,6 +306,8 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
296
306
  } & {
297
307
  clear?: undefined;
298
308
  hasDivider?: undefined;
309
+ } & {
310
+ labelAriaHidden: boolean;
299
311
  } & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("@salutejs/plasma-new-hope/styled-components").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "cols" | "rows"> & {
300
312
  status?: "" | "success" | "warning" | "error";
301
313
  label?: string;
@@ -341,6 +353,8 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
341
353
  } & {
342
354
  clear?: undefined;
343
355
  hasDivider?: undefined;
356
+ } & {
357
+ labelAriaHidden: boolean;
344
358
  } & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("@salutejs/plasma-new-hope/styled-components").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "cols" | "rows"> & {
345
359
  status?: "" | "success" | "warning" | "error";
346
360
  label?: string;
@@ -386,4 +400,6 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
386
400
  } & {
387
401
  height?: undefined;
388
402
  width?: undefined;
403
+ } & {
404
+ labelAriaHidden: boolean;
389
405
  } & import("react").RefAttributes<HTMLTextAreaElement>))>;
package/components/Tree/Tree.config.js CHANGED
@@ -29,6 +29,8 @@ function _templateObject() {
29
29
  ": var(--text-primary);\n ",
30
30
  ": var(--text-primary);\n ",
31
31
  ": var(--surface-solid-primary);\n ",
32
+ ": transparent;\n ",
33
+ ": transparent;\n ",
32
34
  ": var(--surface-transparent-accent);\n ",
33
35
  ": var(--surface-solid-primary-active);\n ",
34
36
  ": var(--text-accent);\n ",
@@ -79,7 +81,7 @@ var config = {
79
81
  },
80
82
  variations: {
81
83
  view: {
82
- default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.treeTokens.iconFolderColor, _styledcomponents.treeTokens.arrowColor, _styledcomponents.treeTokens.arrowColorHover, _styledcomponents.treeTokens.arrowColorActive, _styledcomponents.treeTokens.color, _styledcomponents.treeTokens.colorSelected, _styledcomponents.treeTokens.itemBackgroundColor, _styledcomponents.treeTokens.itemBackgroundColorHover, _styledcomponents.treeTokens.itemBackgroundColorActive, _styledcomponents.treeTokens.checkboxBorderColor, _styledcomponents.treeTokens.checkboxBackgroundColor, _styledcomponents.treeTokens.itemDisabledOpacity, _styledcomponents.treeTokens.itemDisabledBorderColor, _styledcomponents.treeTokens.itemDisabledColor)
84
+ default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.treeTokens.iconFolderColor, _styledcomponents.treeTokens.arrowColor, _styledcomponents.treeTokens.arrowColorHover, _styledcomponents.treeTokens.arrowColorActive, _styledcomponents.treeTokens.color, _styledcomponents.treeTokens.colorSelected, _styledcomponents.treeTokens.itemBackgroundColorSelected, _styledcomponents.treeTokens.itemBackgroundColorParentHasSelectedChildren, _styledcomponents.treeTokens.itemBackgroundColorClosestParentHasSelectedChildren, _styledcomponents.treeTokens.itemBackgroundColorHover, _styledcomponents.treeTokens.itemBackgroundColorActive, _styledcomponents.treeTokens.checkboxBorderColor, _styledcomponents.treeTokens.checkboxBackgroundColor, _styledcomponents.treeTokens.itemDisabledOpacity, _styledcomponents.treeTokens.itemDisabledBorderColor, _styledcomponents.treeTokens.itemDisabledColor)
83
85
  },
84
86
  size: {
85
87
  s: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.treeTokens.itemHeight, _styledcomponents.treeTokens.itemPadding, _styledcomponents.treeTokens.itemPaddingTight, _styledcomponents.treeTokens.itemIndent, _styledcomponents.treeTokens.itemBorderRadius, _styledcomponents.treeTokens.itemTop, _styledcomponents.treeTokens.itemBottom, _styledcomponents.treeTokens.iconFolderMargin, _styledcomponents.treeTokens.switcherMargin, _styledcomponents.treeTokens.switcherMarginInverted, _styledcomponents.treeTokens.switcherSize, _styledcomponents.treeTokens.checkboxMargin, _styledcomponents.treeTokens.checkboxSize, _styledcomponents.treeTokens.checkboxInnerSize, _styledcomponents.treeTokens.checkboxBorderRadius, _styledcomponents.treeTokens.fontFamily, _styledcomponents.treeTokens.fontSize, _styledcomponents.treeTokens.fontStyle, _styledcomponents.treeTokens.fontWeight, _styledcomponents.treeTokens.letterSpacing, _styledcomponents.treeTokens.lineHeight)
package/emotion/cjs/components/Chip/Chip.config.js CHANGED
@@ -73,6 +73,8 @@ function _templateObject2() {
73
73
  ": var(--surface-accent);\n ",
74
74
  ": var(--on-dark-text-primary);\n ",
75
75
  ": var(--surface-accent);\n ",
76
+ ": var(--on-dark-text-primary);\n\n ",
77
+ ": var(--on-dark-text-primary);\n ",
76
78
  ": var(--on-dark-text-primary);\n "
77
79
  ]);
78
80
  _templateObject2 = function _templateObject() {
@@ -97,9 +99,7 @@ function _templateObject3() {
97
99
  ": -0.25rem;\n ",
98
100
  ": 0.25rem;\n ",
99
101
  ": 0.5rem;\n ",
100
- ": -0.5rem;\n\n ",
101
- ": 1.02;\n ",
102
- ": 0.98;\n\n ",
102
+ ": -0.5rem;\n ",
103
103
  ": 1.5rem;\n "
104
104
  ]);
105
105
  _templateObject3 = function _templateObject() {
@@ -124,9 +124,7 @@ function _templateObject4() {
124
124
  ": 0;\n ",
125
125
  ": 0.25rem;\n ",
126
126
  ": 0.25rem;\n ",
127
- ": -0.25rem;\n\n ",
128
- ": 1.02;\n ",
129
- ": 0.98;\n\n ",
127
+ ": -0.25rem;\n ",
130
128
  ": 1rem;\n "
131
129
  ]);
132
130
  _templateObject4 = function _templateObject() {
@@ -154,11 +152,11 @@ var config = {
154
152
  view: {
155
153
  default: (0, _emotion.css)(_templateObject(), _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
154
  secondary: (0, _emotion.css)(_templateObject1(), _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),
157
- 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)
155
+ 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)
158
156
  },
159
157
  size: {
160
- 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.scaleHover, _emotion.chipTokens.scaleActive, _emotion.chipTokens.closeIconSize),
161
- 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.scaleHover, _emotion.chipTokens.scaleActive, _emotion.chipTokens.closeIconSize)
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
160
  },
163
161
  focused: {
164
162
  true: (0, _emotion.css)(_templateObject5(), _emotion.chipTokens.focusColor)
package/emotion/cjs/components/ChipGroup/ChipGroup.config.js CHANGED
@@ -80,9 +80,7 @@ function _templateObject3() {
80
80
  ": -0.25rem;\n ",
81
81
  ": 0.25rem;\n ",
82
82
  ": 0.5rem;\n ",
83
- ": -0.25rem;\n\n ",
84
- ": 1.02;\n ",
85
- ": 0.98;\n\n ",
83
+ ": -0.25rem;\n ",
86
84
  ": 1.5rem;\n "
87
85
  ]);
88
86
  _templateObject3 = function _templateObject() {
@@ -122,7 +120,7 @@ var config = {
122
120
  accent: (0, _emotion.css)(_templateObject2(), _emotion.chipGroupTokens.chipColor, _emotion.chipGroupTokens.chipBackground, _emotion.chipGroupTokens.chipColorHover, _emotion.chipGroupTokens.chipBackgroundHover, _emotion.chipGroupTokens.chipColorActive, _emotion.chipGroupTokens.chipBackgroundActive)
123
121
  },
124
122
  size: {
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.chipClearContentMarginLeft, _emotion.chipGroupTokens.chipClearContentMarginRight, _emotion.chipGroupTokens.chipScaleHover, _emotion.chipGroupTokens.chipScaleActive, _emotion.chipGroupTokens.chipCloseIconSize)
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)
126
124
  },
127
125
  gap: {
128
126
  dense: (0, _emotion.css)(_templateObject4(), _emotion.chipGroupTokens.chipGroupItemsGap),
package/emotion/cjs/components/IconButton/IconButton.config.js CHANGED
@@ -89,16 +89,7 @@ function _templateObject3() {
89
89
  function _templateObject4() {
90
90
  var data = _tagged_template_literal([
91
91
  "\n ",
92
- ": 2.5rem;\n ",
93
- ": 2.5rem;\n ",
94
- ": var(--plasma-typo-body-s-font-family);\n ",
95
- ": var(--plasma-typo-body-s-font-size);\n ",
96
- ": var(--plasma-typo-body-s-font-style);\n ",
97
- ": var(--plasma-typo-body-s-bold-font-weight);\n ",
98
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
99
- ": var(--plasma-typo-body-s-line-height);\n\n ",
100
- ": 1.375rem;\n ",
101
- ": inherit;\n "
92
+ ": 0.4;\n "
102
93
  ]);
103
94
  _templateObject4 = function _templateObject() {
104
95
  return data;
@@ -106,21 +97,11 @@ function _templateObject4() {
106
97
  return data;
107
98
  }
108
99
  function _templateObject5() {
109
- var data = _tagged_template_literal([
110
- "\n ",
111
- ": 0.4;\n "
112
- ]);
113
- _templateObject5 = function _templateObject() {
114
- return data;
115
- };
116
- return data;
117
- }
118
- function _templateObject6() {
119
100
  var data = _tagged_template_literal([
120
101
  "\n ",
121
102
  ": var(--surface-accent);\n "
122
103
  ]);
123
- _templateObject6 = function _templateObject() {
104
+ _templateObject5 = function _templateObject() {
124
105
  return data;
125
106
  };
126
107
  return data;
@@ -138,14 +119,13 @@ var config = {
138
119
  clear: (0, _emotion.css)(_templateObject2(), _emotion.iconButtonTokens.iconButtonColor, _emotion.iconButtonTokens.iconButtonBackgroundColor, _emotion.iconButtonTokens.iconButtonLoadingBackgroundColor, _emotion.iconButtonTokens.iconButtonBackgroundColorHover, _emotion.iconButtonTokens.iconButtonBackgroundColorActive)
139
120
  },
140
121
  size: {
141
- s: (0, _emotion.css)(_templateObject3(), _emotion.iconButtonTokens.iconButtonHeight, _emotion.iconButtonTokens.iconButtonWidth, _emotion.iconButtonTokens.iconButtonPadding, _emotion.iconButtonTokens.iconButtonRadius, _emotion.iconButtonTokens.iconButtonFontFamily, _emotion.iconButtonTokens.iconButtonFontSize, _emotion.iconButtonTokens.iconButtonFontStyle, _emotion.iconButtonTokens.iconButtonFontWeight, _emotion.iconButtonTokens.iconButtonLetterSpacing, _emotion.iconButtonTokens.iconButtonLineHeight, _emotion.iconButtonTokens.iconButtonSpinnerSize, _emotion.iconButtonTokens.iconButtonSpinnerColor),
142
- sr: (0, _emotion.css)(_templateObject4(), _emotion.iconButtonTokens.iconButtonHeight, _emotion.iconButtonTokens.iconButtonWidth, _emotion.iconButtonTokens.iconButtonFontFamily, _emotion.iconButtonTokens.iconButtonFontSize, _emotion.iconButtonTokens.iconButtonFontStyle, _emotion.iconButtonTokens.iconButtonFontWeight, _emotion.iconButtonTokens.iconButtonLetterSpacing, _emotion.iconButtonTokens.iconButtonLineHeight, _emotion.iconButtonTokens.iconButtonSpinnerSize, _emotion.iconButtonTokens.iconButtonSpinnerColor)
122
+ s: (0, _emotion.css)(_templateObject3(), _emotion.iconButtonTokens.iconButtonHeight, _emotion.iconButtonTokens.iconButtonWidth, _emotion.iconButtonTokens.iconButtonPadding, _emotion.iconButtonTokens.iconButtonRadius, _emotion.iconButtonTokens.iconButtonFontFamily, _emotion.iconButtonTokens.iconButtonFontSize, _emotion.iconButtonTokens.iconButtonFontStyle, _emotion.iconButtonTokens.iconButtonFontWeight, _emotion.iconButtonTokens.iconButtonLetterSpacing, _emotion.iconButtonTokens.iconButtonLineHeight, _emotion.iconButtonTokens.iconButtonSpinnerSize, _emotion.iconButtonTokens.iconButtonSpinnerColor)
143
123
  },
144
124
  disabled: {
145
- true: (0, _emotion.css)(_templateObject5(), _emotion.iconButtonTokens.iconButtonDisabledOpacity)
125
+ true: (0, _emotion.css)(_templateObject4(), _emotion.iconButtonTokens.iconButtonDisabledOpacity)
146
126
  },
147
127
  focused: {
148
- true: (0, _emotion.css)(_templateObject6(), _emotion.iconButtonTokens.iconButtonFocusColor)
128
+ true: (0, _emotion.css)(_templateObject5(), _emotion.iconButtonTokens.iconButtonFocusColor)
149
129
  }
150
130
  }
151
131
  };
package/emotion/cjs/components/Tree/Tree.config.js CHANGED
@@ -29,6 +29,8 @@ function _templateObject() {
29
29
  ": var(--text-primary);\n ",
30
30
  ": var(--text-primary);\n ",
31
31
  ": var(--surface-solid-primary);\n ",
32
+ ": transparent;\n ",
33
+ ": transparent;\n ",
32
34
  ": var(--surface-transparent-accent);\n ",
33
35
  ": var(--surface-solid-primary-active);\n ",
34
36
  ": var(--text-accent);\n ",
@@ -79,7 +81,7 @@ var config = {
79
81
  },
80
82
  variations: {
81
83
  view: {
82
- default: (0, _emotion.css)(_templateObject(), _emotion.treeTokens.iconFolderColor, _emotion.treeTokens.arrowColor, _emotion.treeTokens.arrowColorHover, _emotion.treeTokens.arrowColorActive, _emotion.treeTokens.color, _emotion.treeTokens.colorSelected, _emotion.treeTokens.itemBackgroundColor, _emotion.treeTokens.itemBackgroundColorHover, _emotion.treeTokens.itemBackgroundColorActive, _emotion.treeTokens.checkboxBorderColor, _emotion.treeTokens.checkboxBackgroundColor, _emotion.treeTokens.itemDisabledOpacity, _emotion.treeTokens.itemDisabledBorderColor, _emotion.treeTokens.itemDisabledColor)
84
+ default: (0, _emotion.css)(_templateObject(), _emotion.treeTokens.iconFolderColor, _emotion.treeTokens.arrowColor, _emotion.treeTokens.arrowColorHover, _emotion.treeTokens.arrowColorActive, _emotion.treeTokens.color, _emotion.treeTokens.colorSelected, _emotion.treeTokens.itemBackgroundColorSelected, _emotion.treeTokens.itemBackgroundColorParentHasSelectedChildren, _emotion.treeTokens.itemBackgroundColorClosestParentHasSelectedChildren, _emotion.treeTokens.itemBackgroundColorHover, _emotion.treeTokens.itemBackgroundColorActive, _emotion.treeTokens.checkboxBorderColor, _emotion.treeTokens.checkboxBackgroundColor, _emotion.treeTokens.itemDisabledOpacity, _emotion.treeTokens.itemDisabledBorderColor, _emotion.treeTokens.itemDisabledColor)
83
85
  },
84
86
  size: {
85
87
  s: (0, _emotion.css)(_templateObject1(), _emotion.treeTokens.itemHeight, _emotion.treeTokens.itemPadding, _emotion.treeTokens.itemPaddingTight, _emotion.treeTokens.itemIndent, _emotion.treeTokens.itemBorderRadius, _emotion.treeTokens.itemTop, _emotion.treeTokens.itemBottom, _emotion.treeTokens.iconFolderMargin, _emotion.treeTokens.switcherMargin, _emotion.treeTokens.switcherMarginInverted, _emotion.treeTokens.switcherSize, _emotion.treeTokens.checkboxMargin, _emotion.treeTokens.checkboxSize, _emotion.treeTokens.checkboxInnerSize, _emotion.treeTokens.checkboxBorderRadius, _emotion.treeTokens.fontFamily, _emotion.treeTokens.fontSize, _emotion.treeTokens.fontStyle, _emotion.treeTokens.fontWeight, _emotion.treeTokens.letterSpacing, _emotion.treeTokens.lineHeight)
package/emotion/es/components/Chip/Chip.config.js CHANGED
@@ -62,6 +62,8 @@ function _templateObject2() {
62
62
  ": var(--surface-accent);\n ",
63
63
  ": var(--on-dark-text-primary);\n ",
64
64
  ": var(--surface-accent);\n ",
65
+ ": var(--on-dark-text-primary);\n\n ",
66
+ ": var(--on-dark-text-primary);\n ",
65
67
  ": var(--on-dark-text-primary);\n "
66
68
  ]);
67
69
  _templateObject2 = function _templateObject() {
@@ -86,9 +88,7 @@ function _templateObject3() {
86
88
  ": -0.25rem;\n ",
87
89
  ": 0.25rem;\n ",
88
90
  ": 0.5rem;\n ",
89
- ": -0.5rem;\n\n ",
90
- ": 1.02;\n ",
91
- ": 0.98;\n\n ",
91
+ ": -0.5rem;\n ",
92
92
  ": 1.5rem;\n "
93
93
  ]);
94
94
  _templateObject3 = function _templateObject() {
@@ -113,9 +113,7 @@ function _templateObject4() {
113
113
  ": 0;\n ",
114
114
  ": 0.25rem;\n ",
115
115
  ": 0.25rem;\n ",
116
- ": -0.25rem;\n\n ",
117
- ": 1.02;\n ",
118
- ": 0.98;\n\n ",
116
+ ": -0.25rem;\n ",
119
117
  ": 1rem;\n "
120
118
  ]);
121
119
  _templateObject4 = function _templateObject() {
@@ -144,11 +142,11 @@ export var config = {
144
142
  view: {
145
143
  default: css(_templateObject(), 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
144
  secondary: css(_templateObject1(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.leftContentColor),
147
- accent: css(_templateObject2(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover)
145
+ 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)
148
146
  },
149
147
  size: {
150
- 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.scaleHover, chipTokens.scaleActive, chipTokens.closeIconSize),
151
- 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.scaleHover, chipTokens.scaleActive, chipTokens.closeIconSize)
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
150
  },
153
151
  focused: {
154
152
  true: css(_templateObject5(), chipTokens.focusColor)
package/emotion/es/components/ChipGroup/ChipGroup.config.js CHANGED
@@ -69,9 +69,7 @@ function _templateObject3() {
69
69
  ": -0.25rem;\n ",
70
70
  ": 0.25rem;\n ",
71
71
  ": 0.5rem;\n ",
72
- ": -0.25rem;\n\n ",
73
- ": 1.02;\n ",
74
- ": 0.98;\n\n ",
72
+ ": -0.25rem;\n ",
75
73
  ": 1.5rem;\n "
76
74
  ]);
77
75
  _templateObject3 = function _templateObject() {
@@ -112,7 +110,7 @@ export var config = {
112
110
  accent: css(_templateObject2(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive)
113
111
  },
114
112
  size: {
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.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipScaleHover, tokens.chipScaleActive, tokens.chipCloseIconSize)
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)
116
114
  },
117
115
  gap: {
118
116
  dense: css(_templateObject4(), tokens.chipGroupItemsGap),
package/emotion/es/components/IconButton/IconButton.config.js CHANGED
@@ -78,16 +78,7 @@ function _templateObject3() {
78
78
  function _templateObject4() {
79
79
  var data = _tagged_template_literal([
80
80
  "\n ",
81
- ": 2.5rem;\n ",
82
- ": 2.5rem;\n ",
83
- ": var(--plasma-typo-body-s-font-family);\n ",
84
- ": var(--plasma-typo-body-s-font-size);\n ",
85
- ": var(--plasma-typo-body-s-font-style);\n ",
86
- ": var(--plasma-typo-body-s-bold-font-weight);\n ",
87
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
88
- ": var(--plasma-typo-body-s-line-height);\n\n ",
89
- ": 1.375rem;\n ",
90
- ": inherit;\n "
81
+ ": 0.4;\n "
91
82
  ]);
92
83
  _templateObject4 = function _templateObject() {
93
84
  return data;
@@ -95,21 +86,11 @@ function _templateObject4() {
95
86
  return data;
96
87
  }
97
88
  function _templateObject5() {
98
- var data = _tagged_template_literal([
99
- "\n ",
100
- ": 0.4;\n "
101
- ]);
102
- _templateObject5 = function _templateObject() {
103
- return data;
104
- };
105
- return data;
106
- }
107
- function _templateObject6() {
108
89
  var data = _tagged_template_literal([
109
90
  "\n ",
110
91
  ": var(--surface-accent);\n "
111
92
  ]);
112
- _templateObject6 = function _templateObject() {
93
+ _templateObject5 = function _templateObject() {
113
94
  return data;
114
95
  };
115
96
  return data;
@@ -128,14 +109,13 @@ export var config = {
128
109
  clear: css(_templateObject2(), iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonLoadingBackgroundColor, iconButtonTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonBackgroundColorActive)
129
110
  },
130
111
  size: {
131
- s: css(_templateObject3(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
132
- sr: css(_templateObject4(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor)
112
+ s: css(_templateObject3(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor)
133
113
  },
134
114
  disabled: {
135
- true: css(_templateObject5(), iconButtonTokens.iconButtonDisabledOpacity)
115
+ true: css(_templateObject4(), iconButtonTokens.iconButtonDisabledOpacity)
136
116
  },
137
117
  focused: {
138
- true: css(_templateObject6(), iconButtonTokens.iconButtonFocusColor)
118
+ true: css(_templateObject5(), iconButtonTokens.iconButtonFocusColor)
139
119
  }
140
120
  }
141
121
  };
package/emotion/es/components/Tree/Tree.config.js CHANGED
@@ -18,6 +18,8 @@ function _templateObject() {
18
18
  ": var(--text-primary);\n ",
19
19
  ": var(--text-primary);\n ",
20
20
  ": var(--surface-solid-primary);\n ",
21
+ ": transparent;\n ",
22
+ ": transparent;\n ",
21
23
  ": var(--surface-transparent-accent);\n ",
22
24
  ": var(--surface-solid-primary-active);\n ",
23
25
  ": var(--text-accent);\n ",
@@ -69,7 +71,7 @@ export var config = {
69
71
  },
70
72
  variations: {
71
73
  view: {
72
- default: css(_templateObject(), tokens.iconFolderColor, tokens.arrowColor, tokens.arrowColorHover, tokens.arrowColorActive, tokens.color, tokens.colorSelected, tokens.itemBackgroundColor, tokens.itemBackgroundColorHover, tokens.itemBackgroundColorActive, tokens.checkboxBorderColor, tokens.checkboxBackgroundColor, tokens.itemDisabledOpacity, tokens.itemDisabledBorderColor, tokens.itemDisabledColor)
74
+ default: css(_templateObject(), tokens.iconFolderColor, tokens.arrowColor, tokens.arrowColorHover, tokens.arrowColorActive, tokens.color, tokens.colorSelected, tokens.itemBackgroundColorSelected, tokens.itemBackgroundColorParentHasSelectedChildren, tokens.itemBackgroundColorClosestParentHasSelectedChildren, tokens.itemBackgroundColorHover, tokens.itemBackgroundColorActive, tokens.checkboxBorderColor, tokens.checkboxBackgroundColor, tokens.itemDisabledOpacity, tokens.itemDisabledBorderColor, tokens.itemDisabledColor)
73
75
  },
74
76
  size: {
75
77
  s: css(_templateObject1(), tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight)
package/es/components/Chip/Chip.config.js CHANGED
@@ -62,6 +62,8 @@ function _templateObject2() {
62
62
  ": var(--surface-accent);\n ",
63
63
  ": var(--on-dark-text-primary);\n ",
64
64
  ": var(--surface-accent);\n ",
65
+ ": var(--on-dark-text-primary);\n\n ",
66
+ ": var(--on-dark-text-primary);\n ",
65
67
  ": var(--on-dark-text-primary);\n "
66
68
  ]);
67
69
  _templateObject2 = function _templateObject() {
@@ -86,9 +88,7 @@ function _templateObject3() {
86
88
  ": -0.25rem;\n ",
87
89
  ": 0.25rem;\n ",
88
90
  ": 0.5rem;\n ",
89
- ": -0.5rem;\n\n ",
90
- ": 1.02;\n ",
91
- ": 0.98;\n\n ",
91
+ ": -0.5rem;\n ",
92
92
  ": 1.5rem;\n "
93
93
  ]);
94
94
  _templateObject3 = function _templateObject() {
@@ -113,9 +113,7 @@ function _templateObject4() {
113
113
  ": 0;\n ",
114
114
  ": 0.25rem;\n ",
115
115
  ": 0.25rem;\n ",
116
- ": -0.25rem;\n\n ",
117
- ": 1.02;\n ",
118
- ": 0.98;\n\n ",
116
+ ": -0.25rem;\n ",
119
117
  ": 1rem;\n "
120
118
  ]);
121
119
  _templateObject4 = function _templateObject() {
@@ -144,11 +142,11 @@ export var config = {
144
142
  view: {
145
143
  default: css(_templateObject(), 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
144
  secondary: css(_templateObject1(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.leftContentColor),
147
- accent: css(_templateObject2(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover)
145
+ 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)
148
146
  },
149
147
  size: {
150
- 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.scaleHover, chipTokens.scaleActive, chipTokens.closeIconSize),
151
- 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.scaleHover, chipTokens.scaleActive, chipTokens.closeIconSize)
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
150
  },
153
151
  focused: {
154
152
  true: css(_templateObject5(), chipTokens.focusColor)
package/es/components/ChipGroup/ChipGroup.config.js CHANGED
@@ -69,9 +69,7 @@ function _templateObject3() {
69
69
  ": -0.25rem;\n ",
70
70
  ": 0.25rem;\n ",
71
71
  ": 0.5rem;\n ",
72
- ": -0.25rem;\n\n ",
73
- ": 1.02;\n ",
74
- ": 0.98;\n\n ",
72
+ ": -0.25rem;\n ",
75
73
  ": 1.5rem;\n "
76
74
  ]);
77
75
  _templateObject3 = function _templateObject() {
@@ -112,7 +110,7 @@ export var config = {
112
110
  accent: css(_templateObject2(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive)
113
111
  },
114
112
  size: {
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.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipScaleHover, tokens.chipScaleActive, tokens.chipCloseIconSize)
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)
116
114
  },
117
115
  gap: {
118
116
  dense: css(_templateObject4(), tokens.chipGroupItemsGap),
package/es/components/IconButton/IconButton.config.js CHANGED
@@ -78,16 +78,7 @@ function _templateObject3() {
78
78
  function _templateObject4() {
79
79
  var data = _tagged_template_literal([
80
80
  "\n ",
81
- ": 2.5rem;\n ",
82
- ": 2.5rem;\n ",
83
- ": var(--plasma-typo-body-s-font-family);\n ",
84
- ": var(--plasma-typo-body-s-font-size);\n ",
85
- ": var(--plasma-typo-body-s-font-style);\n ",
86
- ": var(--plasma-typo-body-s-bold-font-weight);\n ",
87
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
88
- ": var(--plasma-typo-body-s-line-height);\n\n ",
89
- ": 1.375rem;\n ",
90
- ": inherit;\n "
81
+ ": 0.4;\n "
91
82
  ]);
92
83
  _templateObject4 = function _templateObject() {
93
84
  return data;
@@ -95,21 +86,11 @@ function _templateObject4() {
95
86
  return data;
96
87
  }
97
88
  function _templateObject5() {
98
- var data = _tagged_template_literal([
99
- "\n ",
100
- ": 0.4;\n "
101
- ]);
102
- _templateObject5 = function _templateObject() {
103
- return data;
104
- };
105
- return data;
106
- }
107
- function _templateObject6() {
108
89
  var data = _tagged_template_literal([
109
90
  "\n ",
110
91
  ": var(--surface-accent);\n "
111
92
  ]);
112
- _templateObject6 = function _templateObject() {
93
+ _templateObject5 = function _templateObject() {
113
94
  return data;
114
95
  };
115
96
  return data;
@@ -128,14 +109,13 @@ export var config = {
128
109
  clear: css(_templateObject2(), iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonLoadingBackgroundColor, iconButtonTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonBackgroundColorActive)
129
110
  },
130
111
  size: {
131
- s: css(_templateObject3(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
132
- sr: css(_templateObject4(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor)
112
+ s: css(_templateObject3(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor)
133
113
  },
134
114
  disabled: {
135
- true: css(_templateObject5(), iconButtonTokens.iconButtonDisabledOpacity)
115
+ true: css(_templateObject4(), iconButtonTokens.iconButtonDisabledOpacity)
136
116
  },
137
117
  focused: {
138
- true: css(_templateObject6(), iconButtonTokens.iconButtonFocusColor)
118
+ true: css(_templateObject5(), iconButtonTokens.iconButtonFocusColor)
139
119
  }
140
120
  }
141
121
  };
package/es/components/Tree/Tree.config.js CHANGED
@@ -18,6 +18,8 @@ function _templateObject() {
18
18
  ": var(--text-primary);\n ",
19
19
  ": var(--text-primary);\n ",
20
20
  ": var(--surface-solid-primary);\n ",
21
+ ": transparent;\n ",
22
+ ": transparent;\n ",
21
23
  ": var(--surface-transparent-accent);\n ",
22
24
  ": var(--surface-solid-primary-active);\n ",
23
25
  ": var(--text-accent);\n ",
@@ -69,7 +71,7 @@ export var config = {
69
71
  },
70
72
  variations: {
71
73
  view: {
72
- default: css(_templateObject(), tokens.iconFolderColor, tokens.arrowColor, tokens.arrowColorHover, tokens.arrowColorActive, tokens.color, tokens.colorSelected, tokens.itemBackgroundColor, tokens.itemBackgroundColorHover, tokens.itemBackgroundColorActive, tokens.checkboxBorderColor, tokens.checkboxBackgroundColor, tokens.itemDisabledOpacity, tokens.itemDisabledBorderColor, tokens.itemDisabledColor)
74
+ default: css(_templateObject(), tokens.iconFolderColor, tokens.arrowColor, tokens.arrowColorHover, tokens.arrowColorActive, tokens.color, tokens.colorSelected, tokens.itemBackgroundColorSelected, tokens.itemBackgroundColorParentHasSelectedChildren, tokens.itemBackgroundColorClosestParentHasSelectedChildren, tokens.itemBackgroundColorHover, tokens.itemBackgroundColorActive, tokens.checkboxBorderColor, tokens.checkboxBackgroundColor, tokens.itemDisabledOpacity, tokens.itemDisabledBorderColor, tokens.itemDisabledColor)
73
75
  },
74
76
  size: {
75
77
  s: css(_templateObject1(), tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-cs",
3
- "version": "0.323.0-canary.1655.16175078069.0",
3
+ "version": "0.324.0-canary.2100.16477002845.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.331.0-canary.1655.16175078069.0",
34
- "@salutejs/sdds-themes": "0.41.0-dev.0"
33
+ "@salutejs/plasma-new-hope": "0.332.0-canary.2100.16477002845.0",
34
+ "@salutejs/sdds-themes": "0.44.0-canary.2100.16477002845.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.201.0-dev.0",
58
- "@salutejs/plasma-cy-utils": "0.132.0-dev.0",
59
- "@salutejs/plasma-icons": "1.220.0-dev.0",
60
- "@salutejs/plasma-sb-utils": "0.202.0-dev.0",
57
+ "@salutejs/plasma-core": "1.204.0-canary.2100.16477002845.0",
58
+ "@salutejs/plasma-cy-utils": "0.134.0-canary.2100.16477002845.0",
59
+ "@salutejs/plasma-icons": "1.223.0-canary.2100.16477002845.0",
60
+ "@salutejs/plasma-sb-utils": "0.204.0-canary.2100.16477002845.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": "55a78fe2752bffa14e1db7b8b08ad734bfd01c9f"
126
+ "gitHead": "c2875cc5101c46b0b1ccab09f2cfe7c6303c6c28"
127
127
  }