@salutejs/sdds-cs 0.321.1-canary.2074.16163189225.0 → 0.321.1-canary.2079.16199559995.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.
- package/CHANGELOG.md +96 -0
- package/components/IconButton/IconButton.config.d.ts +0 -1
- package/components/IconButton/IconButton.config.js +5 -25
- package/components/IconButton/IconButton.d.ts +0 -1
- package/components/TextArea/TextArea.d.ts +8 -0
- package/emotion/cjs/components/IconButton/IconButton.config.js +5 -25
- package/emotion/es/components/IconButton/IconButton.config.js +5 -25
- package/es/components/IconButton/IconButton.config.js +5 -25
- 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
|
+
|
|
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
|
+
|
|
20
|
+
|
|
21
|
+
**After**:
|
|
22
|
+
|
|
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
|
+
|
|
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
|
## Функциональные изменения в компонентах
|
|
@@ -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;
|
|
@@ -89,16 +89,7 @@ function _templateObject3() {
|
|
|
89
89
|
function _templateObject4() {
|
|
90
90
|
var data = _tagged_template_literal([
|
|
91
91
|
"\n ",
|
|
92
|
-
":
|
|
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
|
-
|
|
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)(
|
|
125
|
+
true: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.iconButtonTokens.iconButtonDisabledOpacity)
|
|
146
126
|
},
|
|
147
127
|
focused: {
|
|
148
|
-
true: (0, _styledcomponents.css)(
|
|
128
|
+
true: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.iconButtonTokens.iconButtonFocusColor)
|
|
149
129
|
}
|
|
150
130
|
}
|
|
151
131
|
};
|
|
@@ -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;
|
|
@@ -31,6 +31,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
|
|
|
31
31
|
label?: string;
|
|
32
32
|
labelPlacement?: "inner" | "outer";
|
|
33
33
|
titleCaption?: import("react").ReactNode;
|
|
34
|
+
headerSlot?: import("react").ReactNode;
|
|
34
35
|
contentRight?: React.ReactElement;
|
|
35
36
|
resize?: "none" | "both" | "horizontal" | "vertical";
|
|
36
37
|
helperText?: string;
|
|
@@ -75,6 +76,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
|
|
|
75
76
|
label?: string;
|
|
76
77
|
labelPlacement?: "inner" | "outer";
|
|
77
78
|
titleCaption?: import("react").ReactNode;
|
|
79
|
+
headerSlot?: import("react").ReactNode;
|
|
78
80
|
contentRight?: React.ReactElement;
|
|
79
81
|
resize?: "none" | "both" | "horizontal" | "vertical";
|
|
80
82
|
helperText?: string;
|
|
@@ -119,6 +121,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
|
|
|
119
121
|
label?: string;
|
|
120
122
|
labelPlacement?: "inner" | "outer";
|
|
121
123
|
titleCaption?: import("react").ReactNode;
|
|
124
|
+
headerSlot?: import("react").ReactNode;
|
|
122
125
|
contentRight?: React.ReactElement;
|
|
123
126
|
resize?: "none" | "both" | "horizontal" | "vertical";
|
|
124
127
|
helperText?: string;
|
|
@@ -163,6 +166,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
|
|
|
163
166
|
label?: string;
|
|
164
167
|
labelPlacement?: "inner" | "outer";
|
|
165
168
|
titleCaption?: import("react").ReactNode;
|
|
169
|
+
headerSlot?: import("react").ReactNode;
|
|
166
170
|
contentRight?: React.ReactElement;
|
|
167
171
|
resize?: "none" | "both" | "horizontal" | "vertical";
|
|
168
172
|
helperText?: string;
|
|
@@ -207,6 +211,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
|
|
|
207
211
|
label?: string;
|
|
208
212
|
labelPlacement?: "inner" | "outer";
|
|
209
213
|
titleCaption?: import("react").ReactNode;
|
|
214
|
+
headerSlot?: import("react").ReactNode;
|
|
210
215
|
contentRight?: React.ReactElement;
|
|
211
216
|
resize?: "none" | "both" | "horizontal" | "vertical";
|
|
212
217
|
helperText?: string;
|
|
@@ -251,6 +256,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
|
|
|
251
256
|
label?: string;
|
|
252
257
|
labelPlacement?: "inner" | "outer";
|
|
253
258
|
titleCaption?: import("react").ReactNode;
|
|
259
|
+
headerSlot?: import("react").ReactNode;
|
|
254
260
|
contentRight?: React.ReactElement;
|
|
255
261
|
resize?: "none" | "both" | "horizontal" | "vertical";
|
|
256
262
|
helperText?: string;
|
|
@@ -295,6 +301,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
|
|
|
295
301
|
label?: string;
|
|
296
302
|
labelPlacement?: "inner" | "outer";
|
|
297
303
|
titleCaption?: import("react").ReactNode;
|
|
304
|
+
headerSlot?: import("react").ReactNode;
|
|
298
305
|
contentRight?: React.ReactElement;
|
|
299
306
|
resize?: "none" | "both" | "horizontal" | "vertical";
|
|
300
307
|
helperText?: string;
|
|
@@ -339,6 +346,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
|
|
|
339
346
|
label?: string;
|
|
340
347
|
labelPlacement?: "inner" | "outer";
|
|
341
348
|
titleCaption?: import("react").ReactNode;
|
|
349
|
+
headerSlot?: import("react").ReactNode;
|
|
342
350
|
contentRight?: React.ReactElement;
|
|
343
351
|
resize?: "none" | "both" | "horizontal" | "vertical";
|
|
344
352
|
helperText?: string;
|
|
@@ -89,16 +89,7 @@ function _templateObject3() {
|
|
|
89
89
|
function _templateObject4() {
|
|
90
90
|
var data = _tagged_template_literal([
|
|
91
91
|
"\n ",
|
|
92
|
-
":
|
|
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
|
-
|
|
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)(
|
|
125
|
+
true: (0, _emotion.css)(_templateObject4(), _emotion.iconButtonTokens.iconButtonDisabledOpacity)
|
|
146
126
|
},
|
|
147
127
|
focused: {
|
|
148
|
-
true: (0, _emotion.css)(
|
|
128
|
+
true: (0, _emotion.css)(_templateObject5(), _emotion.iconButtonTokens.iconButtonFocusColor)
|
|
149
129
|
}
|
|
150
130
|
}
|
|
151
131
|
};
|
|
@@ -78,16 +78,7 @@ function _templateObject3() {
|
|
|
78
78
|
function _templateObject4() {
|
|
79
79
|
var data = _tagged_template_literal([
|
|
80
80
|
"\n ",
|
|
81
|
-
":
|
|
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
|
-
|
|
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(
|
|
115
|
+
true: css(_templateObject4(), iconButtonTokens.iconButtonDisabledOpacity)
|
|
136
116
|
},
|
|
137
117
|
focused: {
|
|
138
|
-
true: css(
|
|
118
|
+
true: css(_templateObject5(), iconButtonTokens.iconButtonFocusColor)
|
|
139
119
|
}
|
|
140
120
|
}
|
|
141
121
|
};
|
|
@@ -78,16 +78,7 @@ function _templateObject3() {
|
|
|
78
78
|
function _templateObject4() {
|
|
79
79
|
var data = _tagged_template_literal([
|
|
80
80
|
"\n ",
|
|
81
|
-
":
|
|
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
|
-
|
|
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(
|
|
115
|
+
true: css(_templateObject4(), iconButtonTokens.iconButtonDisabledOpacity)
|
|
136
116
|
},
|
|
137
117
|
focused: {
|
|
138
|
-
true: css(
|
|
118
|
+
true: css(_templateObject5(), iconButtonTokens.iconButtonFocusColor)
|
|
139
119
|
}
|
|
140
120
|
}
|
|
141
121
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/sdds-cs",
|
|
3
|
-
"version": "0.321.1-canary.
|
|
3
|
+
"version": "0.321.1-canary.2079.16199559995.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.329.1-canary.
|
|
34
|
-
"@salutejs/sdds-themes": "0.41.0
|
|
33
|
+
"@salutejs/plasma-new-hope": "0.329.1-canary.2079.16199559995.0",
|
|
34
|
+
"@salutejs/sdds-themes": "0.41.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
|
|
58
|
-
"@salutejs/plasma-cy-utils": "0.132.0
|
|
59
|
-
"@salutejs/plasma-icons": "1.
|
|
60
|
-
"@salutejs/plasma-sb-utils": "0.202.0
|
|
57
|
+
"@salutejs/plasma-core": "1.201.0",
|
|
58
|
+
"@salutejs/plasma-cy-utils": "0.132.0",
|
|
59
|
+
"@salutejs/plasma-icons": "1.220.0",
|
|
60
|
+
"@salutejs/plasma-sb-utils": "0.202.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": "
|
|
126
|
+
"gitHead": "e4e439abdb320df5d9e9a4b9028420cd3b83ddd5"
|
|
127
127
|
}
|