@salutejs/sdds-dfa 0.322.0-canary.2228.17672900057.0 → 0.322.0-canary.2231.17732581275.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/components/Notification/Notification.d.ts +1 -1
- package/components/Pagination/Pagination.config.js +18 -11
- package/components/Range/Range.config.d.ts +1 -0
- package/components/Range/Range.config.js +70 -17
- package/components/Range/Range.d.ts +1 -0
- package/components/Tree/Tree.config.js +4 -2
- package/es/components/Pagination/Pagination.config.js +18 -11
- package/es/components/Range/Range.config.js +70 -17
- package/es/components/Tree/Tree.config.js +4 -2
- package/package.json +3 -3
@@ -20,7 +20,7 @@ export declare const NotificationNewHope: React.FunctionComponent<import("@salut
|
|
20
20
|
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
21
21
|
xxs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
22
22
|
};
|
23
|
-
}> & (React.HTMLAttributes<HTMLElement> | import("@salutejs/plasma-new-hope/types/engines/types").HTMLAttributesWithoutOnChange<HTMLElement> | import("@salutejs/plasma-new-hope/types/engines/types").HTMLAttributesWithoutOnChangeAndDefaultValue<HTMLElement>)>;
|
23
|
+
}> & (React.HTMLAttributes<HTMLElement> | import("@salutejs/plasma-new-hope/types/engines/types").HTMLAttributesWithoutOnChange<HTMLElement> | import("@salutejs/plasma-new-hope/types/engines/types").HTMLAttributesWithoutOnChangeAndDefaultValue<HTMLElement> | import("@salutejs/plasma-new-hope/types/engines/types").HTMLAttributesWithoutDraggable<HTMLElement>)>;
|
24
24
|
type ConfigProps = 'size' | 'view' | 'layout' | 'closeIconType';
|
25
25
|
type NotificationProps = Pick<ComponentProps<typeof NotificationNewHope>, ConfigProps> & Omit<NotificationPropsNewHope, ConfigProps>;
|
26
26
|
export declare const Notification: ForwardRefExoticComponent<NotificationProps>;
|
@@ -38,6 +38,7 @@ function _templateObject() {
|
|
38
38
|
":transparent;\n ",
|
39
39
|
": color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-solid-default) 85%\n );\n\n ",
|
40
40
|
": var(--text-primary);\n ",
|
41
|
+
": var(--text-secondary);\n ",
|
41
42
|
": var(--surface-accent);\n "
|
42
43
|
]);
|
43
44
|
_templateObject = function _templateObject() {
|
@@ -64,6 +65,7 @@ function _templateObject1() {
|
|
64
65
|
": var(--surface-solid-secondary);\n ",
|
65
66
|
": transparent;\n\n ",
|
66
67
|
": var(--text-primary);\n ",
|
68
|
+
": var(--text-secondary);\n ",
|
67
69
|
": var(--surface-accent);\n "
|
68
70
|
]);
|
69
71
|
_templateObject1 = function _templateObject() {
|
@@ -90,6 +92,7 @@ function _templateObject2() {
|
|
90
92
|
": var(--surface-solid-card);\n ",
|
91
93
|
": transparent;\n\n ",
|
92
94
|
": var(--text-primary);\n ",
|
95
|
+
": var(--text-secondary);\n ",
|
93
96
|
": var(--surface-accent);\n "
|
94
97
|
]);
|
95
98
|
_templateObject2 = function _templateObject() {
|
@@ -176,7 +179,8 @@ function _templateObject6() {
|
|
176
179
|
": 4rem;\n ",
|
177
180
|
": 3.5rem;\n ",
|
178
181
|
": 0 0.625rem;\n ",
|
179
|
-
": 0.0625rem;\n
|
182
|
+
": 0.0625rem;\n\n ",
|
183
|
+
": 0.5rem 2.5rem;\n "
|
180
184
|
]);
|
181
185
|
_templateObject6 = function _templateObject() {
|
182
186
|
return data;
|
@@ -217,7 +221,8 @@ function _templateObject7() {
|
|
217
221
|
": 3.5rem;\n ",
|
218
222
|
": 3rem;\n ",
|
219
223
|
": 0 0.625rem;\n ",
|
220
|
-
": 0.0625rem;\n
|
224
|
+
": 0.0625rem;\n\n ",
|
225
|
+
": 0.5rem 2.5rem;\n "
|
221
226
|
]);
|
222
227
|
_templateObject7 = function _templateObject() {
|
223
228
|
return data;
|
@@ -258,7 +263,8 @@ function _templateObject8() {
|
|
258
263
|
": 3rem;\n ",
|
259
264
|
": 2.5rem;\n ",
|
260
265
|
": 0 0.625rem;\n ",
|
261
|
-
": 0.0625rem;\n
|
266
|
+
": 0.0625rem;\n\n ",
|
267
|
+
": 0.5rem 2.5rem;\n "
|
262
268
|
]);
|
263
269
|
_templateObject8 = function _templateObject() {
|
264
270
|
return data;
|
@@ -299,7 +305,8 @@ function _templateObject9() {
|
|
299
305
|
": 2.5rem;\n ",
|
300
306
|
": 2rem;\n ",
|
301
307
|
": 0 0.625rem;\n ",
|
302
|
-
": 0.0625rem;\n
|
308
|
+
": 0.0625rem;\n\n ",
|
309
|
+
": 0.5rem 2.5rem;\n "
|
303
310
|
]);
|
304
311
|
_templateObject9 = function _templateObject() {
|
305
312
|
return data;
|
@@ -332,9 +339,9 @@ var config = {
|
|
332
339
|
},
|
333
340
|
variations: {
|
334
341
|
view: {
|
335
|
-
default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.paginationTokens.buttonColor, _styledcomponents.paginationTokens.buttonColorHover, _styledcomponents.paginationTokens.buttonColorActive, _styledcomponents.paginationTokens.buttonHoverColor, _styledcomponents.paginationTokens.buttonBackgroundColor, _styledcomponents.paginationTokens.buttonBackgroundColorHover, _styledcomponents.paginationTokens.buttonBackgroundColorActive, _styledcomponents.paginationTokens.buttonActiveColor, _styledcomponents.paginationTokens.buttonArrowColor, _styledcomponents.paginationTokens.buttonArrowColorHover, _styledcomponents.paginationTokens.buttonArrowColorActive, _styledcomponents.paginationTokens.buttonDisabledOpacity, _styledcomponents.paginationTokens.inputBackgroundColor, _styledcomponents.paginationTokens.inputBorderColor, _styledcomponents.paginationTokens.selectBackgroundColor, _styledcomponents.paginationTokens.paginationColor, _styledcomponents.paginationTokens.buttonFocusColor),
|
336
|
-
secondary: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.paginationTokens.buttonColor, _styledcomponents.paginationTokens.buttonColorHover, _styledcomponents.paginationTokens.buttonColorActive, _styledcomponents.paginationTokens.buttonBackgroundColor, _styledcomponents.paginationTokens.buttonBackgroundColorHover, _styledcomponents.paginationTokens.buttonBackgroundColorActive, _styledcomponents.paginationTokens.buttonHoverColor, _styledcomponents.paginationTokens.buttonActiveColor, _styledcomponents.paginationTokens.buttonArrowColor, _styledcomponents.paginationTokens.buttonArrowColorHover, _styledcomponents.paginationTokens.buttonArrowColorActive, _styledcomponents.paginationTokens.buttonDisabledOpacity, _styledcomponents.paginationTokens.inputBackgroundColor, _styledcomponents.paginationTokens.selectBackgroundColor, _styledcomponents.paginationTokens.inputBorderColor, _styledcomponents.paginationTokens.paginationColor, _styledcomponents.paginationTokens.buttonFocusColor),
|
337
|
-
clear: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.paginationTokens.buttonColor, _styledcomponents.paginationTokens.buttonColorHover, _styledcomponents.paginationTokens.buttonColorActive, _styledcomponents.paginationTokens.buttonBackgroundColor, _styledcomponents.paginationTokens.buttonBackgroundColorHover, _styledcomponents.paginationTokens.buttonBackgroundColorActive, _styledcomponents.paginationTokens.buttonHoverColor, _styledcomponents.paginationTokens.buttonActiveColor, _styledcomponents.paginationTokens.buttonArrowColor, _styledcomponents.paginationTokens.buttonArrowColorHover, _styledcomponents.paginationTokens.buttonArrowColorActive, _styledcomponents.paginationTokens.buttonDisabledOpacity, _styledcomponents.paginationTokens.inputBackgroundColor, _styledcomponents.paginationTokens.selectBackgroundColor, _styledcomponents.paginationTokens.inputBorderColor, _styledcomponents.paginationTokens.paginationColor, _styledcomponents.paginationTokens.buttonFocusColor)
|
342
|
+
default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.paginationTokens.buttonColor, _styledcomponents.paginationTokens.buttonColorHover, _styledcomponents.paginationTokens.buttonColorActive, _styledcomponents.paginationTokens.buttonHoverColor, _styledcomponents.paginationTokens.buttonBackgroundColor, _styledcomponents.paginationTokens.buttonBackgroundColorHover, _styledcomponents.paginationTokens.buttonBackgroundColorActive, _styledcomponents.paginationTokens.buttonActiveColor, _styledcomponents.paginationTokens.buttonArrowColor, _styledcomponents.paginationTokens.buttonArrowColorHover, _styledcomponents.paginationTokens.buttonArrowColorActive, _styledcomponents.paginationTokens.buttonDisabledOpacity, _styledcomponents.paginationTokens.inputBackgroundColor, _styledcomponents.paginationTokens.inputBorderColor, _styledcomponents.paginationTokens.selectBackgroundColor, _styledcomponents.paginationTokens.paginationColor, _styledcomponents.paginationTokens.paginationHelperTextColor, _styledcomponents.paginationTokens.buttonFocusColor),
|
343
|
+
secondary: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.paginationTokens.buttonColor, _styledcomponents.paginationTokens.buttonColorHover, _styledcomponents.paginationTokens.buttonColorActive, _styledcomponents.paginationTokens.buttonBackgroundColor, _styledcomponents.paginationTokens.buttonBackgroundColorHover, _styledcomponents.paginationTokens.buttonBackgroundColorActive, _styledcomponents.paginationTokens.buttonHoverColor, _styledcomponents.paginationTokens.buttonActiveColor, _styledcomponents.paginationTokens.buttonArrowColor, _styledcomponents.paginationTokens.buttonArrowColorHover, _styledcomponents.paginationTokens.buttonArrowColorActive, _styledcomponents.paginationTokens.buttonDisabledOpacity, _styledcomponents.paginationTokens.inputBackgroundColor, _styledcomponents.paginationTokens.selectBackgroundColor, _styledcomponents.paginationTokens.inputBorderColor, _styledcomponents.paginationTokens.paginationColor, _styledcomponents.paginationTokens.paginationHelperTextColor, _styledcomponents.paginationTokens.buttonFocusColor),
|
344
|
+
clear: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.paginationTokens.buttonColor, _styledcomponents.paginationTokens.buttonColorHover, _styledcomponents.paginationTokens.buttonColorActive, _styledcomponents.paginationTokens.buttonBackgroundColor, _styledcomponents.paginationTokens.buttonBackgroundColorHover, _styledcomponents.paginationTokens.buttonBackgroundColorActive, _styledcomponents.paginationTokens.buttonHoverColor, _styledcomponents.paginationTokens.buttonActiveColor, _styledcomponents.paginationTokens.buttonArrowColor, _styledcomponents.paginationTokens.buttonArrowColorHover, _styledcomponents.paginationTokens.buttonArrowColorActive, _styledcomponents.paginationTokens.buttonDisabledOpacity, _styledcomponents.paginationTokens.inputBackgroundColor, _styledcomponents.paginationTokens.selectBackgroundColor, _styledcomponents.paginationTokens.inputBorderColor, _styledcomponents.paginationTokens.paginationColor, _styledcomponents.paginationTokens.paginationHelperTextColor, _styledcomponents.paginationTokens.buttonFocusColor)
|
338
345
|
},
|
339
346
|
viewCurrentPage: {
|
340
347
|
default: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.paginationTokens.paginationCurrentButtonColor, _styledcomponents.paginationTokens.paginationCurrentButtonBackgroundColor, _styledcomponents.paginationTokens.paginationCurrentButtonHoverColor, _styledcomponents.paginationTokens.paginationCurrentButtonHoverBackgroundColor, _styledcomponents.paginationTokens.paginationCurrentButtonActiveColor, _styledcomponents.paginationTokens.paginationCurrentButtonActiveBackgroundColor),
|
@@ -342,10 +349,10 @@ var config = {
|
|
342
349
|
clear: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.paginationTokens.paginationCurrentButtonColor, _styledcomponents.paginationTokens.paginationCurrentButtonBackgroundColor, _styledcomponents.paginationTokens.paginationCurrentButtonHoverColor, _styledcomponents.paginationTokens.paginationCurrentButtonHoverBackgroundColor, _styledcomponents.paginationTokens.paginationCurrentButtonActiveColor, _styledcomponents.paginationTokens.paginationCurrentButtonActiveBackgroundColor)
|
343
350
|
},
|
344
351
|
size: {
|
345
|
-
l: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.paginationTokens.paginationFontFamily, _styledcomponents.paginationTokens.paginationFontSize, _styledcomponents.paginationTokens.paginationFontStyle, _styledcomponents.paginationTokens.paginationFontWeight, _styledcomponents.paginationTokens.paginationLetterSpacing, _styledcomponents.paginationTokens.paginationLineHeight, _styledcomponents.paginationTokens.buttonHeight, _styledcomponents.paginationTokens.buttonWidth, _styledcomponents.paginationTokens.buttonWidthShorter, _styledcomponents.paginationTokens.paginationInputWidth, _styledcomponents.paginationTokens.buttonRadius, _styledcomponents.paginationTokens.paginationIconSize, _styledcomponents.paginationTokens.paginationIconDoubleSize, _styledcomponents.paginationTokens.buttonArrowMargin, _styledcomponents.paginationTokens.selectHeight, _styledcomponents.paginationTokens.selectPaddingTop, _styledcomponents.paginationTokens.selectPaddingRight, _styledcomponents.paginationTokens.selectPaddingBottom, _styledcomponents.paginationTokens.selectPaddingLeft, _styledcomponents.paginationTokens.selectItemHeight, _styledcomponents.paginationTokens.selectItemPadding, _styledcomponents.paginationTokens.selectItemContentLeftWidth, _styledcomponents.paginationTokens.selectItemBackground, _styledcomponents.paginationTokens.selectTargetArrowRight, _styledcomponents.paginationTokens.selectTargetPadding, _styledcomponents.paginationTokens.selectTargetInnerTop, _styledcomponents.paginationTokens.selectTargetLabelInnerTop, _styledcomponents.paginationTokens.inputBorderRadius, _styledcomponents.paginationTokens.inputWidth, _styledcomponents.paginationTokens.inputHeight, _styledcomponents.paginationTokens.inputPadding, _styledcomponents.paginationTokens.inputBorderWidth),
|
346
|
-
m: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.paginationTokens.paginationFontFamily, _styledcomponents.paginationTokens.paginationFontSize, _styledcomponents.paginationTokens.paginationFontStyle, _styledcomponents.paginationTokens.paginationFontWeight, _styledcomponents.paginationTokens.paginationLetterSpacing, _styledcomponents.paginationTokens.paginationLineHeight, _styledcomponents.paginationTokens.buttonHeight, _styledcomponents.paginationTokens.buttonWidth, _styledcomponents.paginationTokens.buttonWidthShorter, _styledcomponents.paginationTokens.paginationInputWidth, _styledcomponents.paginationTokens.buttonRadius, _styledcomponents.paginationTokens.paginationIconSize, _styledcomponents.paginationTokens.paginationIconDoubleSize, _styledcomponents.paginationTokens.buttonArrowMargin, _styledcomponents.paginationTokens.selectHeight, _styledcomponents.paginationTokens.selectPaddingTop, _styledcomponents.paginationTokens.selectPaddingRight, _styledcomponents.paginationTokens.selectPaddingBottom, _styledcomponents.paginationTokens.selectPaddingLeft, _styledcomponents.paginationTokens.selectItemHeight, _styledcomponents.paginationTokens.selectItemPadding, _styledcomponents.paginationTokens.selectItemContentLeftWidth, _styledcomponents.paginationTokens.selectItemBackground, _styledcomponents.paginationTokens.selectTargetArrowRight, _styledcomponents.paginationTokens.selectTargetPadding, _styledcomponents.paginationTokens.selectTargetInnerTop, _styledcomponents.paginationTokens.selectTargetLabelInnerTop, _styledcomponents.paginationTokens.inputBorderRadius, _styledcomponents.paginationTokens.inputWidth, _styledcomponents.paginationTokens.inputHeight, _styledcomponents.paginationTokens.inputPadding, _styledcomponents.paginationTokens.inputBorderWidth),
|
347
|
-
s: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.paginationTokens.paginationFontFamily, _styledcomponents.paginationTokens.paginationFontSize, _styledcomponents.paginationTokens.paginationFontStyle, _styledcomponents.paginationTokens.paginationFontWeight, _styledcomponents.paginationTokens.paginationLetterSpacing, _styledcomponents.paginationTokens.paginationLineHeight, _styledcomponents.paginationTokens.buttonHeight, _styledcomponents.paginationTokens.buttonWidth, _styledcomponents.paginationTokens.buttonWidthShorter, _styledcomponents.paginationTokens.paginationInputWidth, _styledcomponents.paginationTokens.buttonRadius, _styledcomponents.paginationTokens.paginationIconSize, _styledcomponents.paginationTokens.paginationIconDoubleSize, _styledcomponents.paginationTokens.buttonArrowMargin, _styledcomponents.paginationTokens.selectHeight, _styledcomponents.paginationTokens.selectPaddingTop, _styledcomponents.paginationTokens.selectPaddingRight, _styledcomponents.paginationTokens.selectPaddingBottom, _styledcomponents.paginationTokens.selectPaddingLeft, _styledcomponents.paginationTokens.selectItemHeight, _styledcomponents.paginationTokens.selectItemPadding, _styledcomponents.paginationTokens.selectItemContentLeftWidth, _styledcomponents.paginationTokens.selectItemBackground, _styledcomponents.paginationTokens.selectTargetArrowRight, _styledcomponents.paginationTokens.selectTargetPadding, _styledcomponents.paginationTokens.selectTargetInnerTop, _styledcomponents.paginationTokens.selectTargetLabelInnerTop, _styledcomponents.paginationTokens.inputBorderRadius, _styledcomponents.paginationTokens.inputWidth, _styledcomponents.paginationTokens.inputHeight, _styledcomponents.paginationTokens.inputPadding, _styledcomponents.paginationTokens.inputBorderWidth),
|
348
|
-
xs: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.paginationTokens.paginationFontFamily, _styledcomponents.paginationTokens.paginationFontSize, _styledcomponents.paginationTokens.paginationFontStyle, _styledcomponents.paginationTokens.paginationFontWeight, _styledcomponents.paginationTokens.paginationLetterSpacing, _styledcomponents.paginationTokens.paginationLineHeight, _styledcomponents.paginationTokens.buttonHeight, _styledcomponents.paginationTokens.paginationInputWidth, _styledcomponents.paginationTokens.buttonRadius, _styledcomponents.paginationTokens.buttonWidth, _styledcomponents.paginationTokens.buttonWidthShorter, _styledcomponents.paginationTokens.paginationIconSize, _styledcomponents.paginationTokens.paginationIconDoubleSize, _styledcomponents.paginationTokens.buttonArrowMargin, _styledcomponents.paginationTokens.selectHeight, _styledcomponents.paginationTokens.selectPaddingTop, _styledcomponents.paginationTokens.selectPaddingRight, _styledcomponents.paginationTokens.selectPaddingBottom, _styledcomponents.paginationTokens.selectPaddingLeft, _styledcomponents.paginationTokens.selectItemHeight, _styledcomponents.paginationTokens.selectItemPadding, _styledcomponents.paginationTokens.selectItemContentLeftWidth, _styledcomponents.paginationTokens.selectItemBackground, _styledcomponents.paginationTokens.selectTargetArrowRight, _styledcomponents.paginationTokens.selectTargetPadding, _styledcomponents.paginationTokens.selectTargetInnerTop, _styledcomponents.paginationTokens.selectTargetLabelInnerTop, _styledcomponents.paginationTokens.inputBorderRadius, _styledcomponents.paginationTokens.inputWidth, _styledcomponents.paginationTokens.inputHeight, _styledcomponents.paginationTokens.inputPadding, _styledcomponents.paginationTokens.inputBorderWidth)
|
352
|
+
l: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.paginationTokens.paginationFontFamily, _styledcomponents.paginationTokens.paginationFontSize, _styledcomponents.paginationTokens.paginationFontStyle, _styledcomponents.paginationTokens.paginationFontWeight, _styledcomponents.paginationTokens.paginationLetterSpacing, _styledcomponents.paginationTokens.paginationLineHeight, _styledcomponents.paginationTokens.buttonHeight, _styledcomponents.paginationTokens.buttonWidth, _styledcomponents.paginationTokens.buttonWidthShorter, _styledcomponents.paginationTokens.paginationInputWidth, _styledcomponents.paginationTokens.buttonRadius, _styledcomponents.paginationTokens.paginationIconSize, _styledcomponents.paginationTokens.paginationIconDoubleSize, _styledcomponents.paginationTokens.buttonArrowMargin, _styledcomponents.paginationTokens.selectHeight, _styledcomponents.paginationTokens.selectPaddingTop, _styledcomponents.paginationTokens.selectPaddingRight, _styledcomponents.paginationTokens.selectPaddingBottom, _styledcomponents.paginationTokens.selectPaddingLeft, _styledcomponents.paginationTokens.selectItemHeight, _styledcomponents.paginationTokens.selectItemPadding, _styledcomponents.paginationTokens.selectItemContentLeftWidth, _styledcomponents.paginationTokens.selectItemBackground, _styledcomponents.paginationTokens.selectTargetArrowRight, _styledcomponents.paginationTokens.selectTargetPadding, _styledcomponents.paginationTokens.selectTargetInnerTop, _styledcomponents.paginationTokens.selectTargetLabelInnerTop, _styledcomponents.paginationTokens.inputBorderRadius, _styledcomponents.paginationTokens.inputWidth, _styledcomponents.paginationTokens.inputHeight, _styledcomponents.paginationTokens.inputPadding, _styledcomponents.paginationTokens.inputBorderWidth, _styledcomponents.paginationTokens.paginationHelperTextGap),
|
353
|
+
m: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.paginationTokens.paginationFontFamily, _styledcomponents.paginationTokens.paginationFontSize, _styledcomponents.paginationTokens.paginationFontStyle, _styledcomponents.paginationTokens.paginationFontWeight, _styledcomponents.paginationTokens.paginationLetterSpacing, _styledcomponents.paginationTokens.paginationLineHeight, _styledcomponents.paginationTokens.buttonHeight, _styledcomponents.paginationTokens.buttonWidth, _styledcomponents.paginationTokens.buttonWidthShorter, _styledcomponents.paginationTokens.paginationInputWidth, _styledcomponents.paginationTokens.buttonRadius, _styledcomponents.paginationTokens.paginationIconSize, _styledcomponents.paginationTokens.paginationIconDoubleSize, _styledcomponents.paginationTokens.buttonArrowMargin, _styledcomponents.paginationTokens.selectHeight, _styledcomponents.paginationTokens.selectPaddingTop, _styledcomponents.paginationTokens.selectPaddingRight, _styledcomponents.paginationTokens.selectPaddingBottom, _styledcomponents.paginationTokens.selectPaddingLeft, _styledcomponents.paginationTokens.selectItemHeight, _styledcomponents.paginationTokens.selectItemPadding, _styledcomponents.paginationTokens.selectItemContentLeftWidth, _styledcomponents.paginationTokens.selectItemBackground, _styledcomponents.paginationTokens.selectTargetArrowRight, _styledcomponents.paginationTokens.selectTargetPadding, _styledcomponents.paginationTokens.selectTargetInnerTop, _styledcomponents.paginationTokens.selectTargetLabelInnerTop, _styledcomponents.paginationTokens.inputBorderRadius, _styledcomponents.paginationTokens.inputWidth, _styledcomponents.paginationTokens.inputHeight, _styledcomponents.paginationTokens.inputPadding, _styledcomponents.paginationTokens.inputBorderWidth, _styledcomponents.paginationTokens.paginationHelperTextGap),
|
354
|
+
s: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.paginationTokens.paginationFontFamily, _styledcomponents.paginationTokens.paginationFontSize, _styledcomponents.paginationTokens.paginationFontStyle, _styledcomponents.paginationTokens.paginationFontWeight, _styledcomponents.paginationTokens.paginationLetterSpacing, _styledcomponents.paginationTokens.paginationLineHeight, _styledcomponents.paginationTokens.buttonHeight, _styledcomponents.paginationTokens.buttonWidth, _styledcomponents.paginationTokens.buttonWidthShorter, _styledcomponents.paginationTokens.paginationInputWidth, _styledcomponents.paginationTokens.buttonRadius, _styledcomponents.paginationTokens.paginationIconSize, _styledcomponents.paginationTokens.paginationIconDoubleSize, _styledcomponents.paginationTokens.buttonArrowMargin, _styledcomponents.paginationTokens.selectHeight, _styledcomponents.paginationTokens.selectPaddingTop, _styledcomponents.paginationTokens.selectPaddingRight, _styledcomponents.paginationTokens.selectPaddingBottom, _styledcomponents.paginationTokens.selectPaddingLeft, _styledcomponents.paginationTokens.selectItemHeight, _styledcomponents.paginationTokens.selectItemPadding, _styledcomponents.paginationTokens.selectItemContentLeftWidth, _styledcomponents.paginationTokens.selectItemBackground, _styledcomponents.paginationTokens.selectTargetArrowRight, _styledcomponents.paginationTokens.selectTargetPadding, _styledcomponents.paginationTokens.selectTargetInnerTop, _styledcomponents.paginationTokens.selectTargetLabelInnerTop, _styledcomponents.paginationTokens.inputBorderRadius, _styledcomponents.paginationTokens.inputWidth, _styledcomponents.paginationTokens.inputHeight, _styledcomponents.paginationTokens.inputPadding, _styledcomponents.paginationTokens.inputBorderWidth, _styledcomponents.paginationTokens.paginationHelperTextGap),
|
355
|
+
xs: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.paginationTokens.paginationFontFamily, _styledcomponents.paginationTokens.paginationFontSize, _styledcomponents.paginationTokens.paginationFontStyle, _styledcomponents.paginationTokens.paginationFontWeight, _styledcomponents.paginationTokens.paginationLetterSpacing, _styledcomponents.paginationTokens.paginationLineHeight, _styledcomponents.paginationTokens.buttonHeight, _styledcomponents.paginationTokens.paginationInputWidth, _styledcomponents.paginationTokens.buttonRadius, _styledcomponents.paginationTokens.buttonWidth, _styledcomponents.paginationTokens.buttonWidthShorter, _styledcomponents.paginationTokens.paginationIconSize, _styledcomponents.paginationTokens.paginationIconDoubleSize, _styledcomponents.paginationTokens.buttonArrowMargin, _styledcomponents.paginationTokens.selectHeight, _styledcomponents.paginationTokens.selectPaddingTop, _styledcomponents.paginationTokens.selectPaddingRight, _styledcomponents.paginationTokens.selectPaddingBottom, _styledcomponents.paginationTokens.selectPaddingLeft, _styledcomponents.paginationTokens.selectItemHeight, _styledcomponents.paginationTokens.selectItemPadding, _styledcomponents.paginationTokens.selectItemContentLeftWidth, _styledcomponents.paginationTokens.selectItemBackground, _styledcomponents.paginationTokens.selectTargetArrowRight, _styledcomponents.paginationTokens.selectTargetPadding, _styledcomponents.paginationTokens.selectTargetInnerTop, _styledcomponents.paginationTokens.selectTargetLabelInnerTop, _styledcomponents.paginationTokens.inputBorderRadius, _styledcomponents.paginationTokens.inputWidth, _styledcomponents.paginationTokens.inputHeight, _styledcomponents.paginationTokens.inputPadding, _styledcomponents.paginationTokens.inputBorderWidth, _styledcomponents.paginationTokens.paginationHelperTextGap)
|
349
356
|
},
|
350
357
|
type: {
|
351
358
|
compact: (0, _styledcomponents.css)(_templateObject10()),
|
@@ -8,6 +8,7 @@ export declare const config: {
|
|
8
8
|
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
9
9
|
};
|
10
10
|
size: {
|
11
|
+
xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
11
12
|
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
12
13
|
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
13
14
|
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
@@ -53,6 +53,58 @@ function _templateObject() {
|
|
53
53
|
return data;
|
54
54
|
}
|
55
55
|
function _templateObject1() {
|
56
|
+
var data = _tagged_template_literal([
|
57
|
+
"\n ",
|
58
|
+
": 1rem;\n\n ",
|
59
|
+
": 0 0.375rem;\n ",
|
60
|
+
": var(--plasma-typo-body-l-font-family);\n ",
|
61
|
+
": var(--plasma-typo-body-l-font-style);\n ",
|
62
|
+
": var(--plasma-typo-body-l-font-size);\n ",
|
63
|
+
": var(--plasma-typo-body-l-font-weight);\n ",
|
64
|
+
": var(--plasma-typo-body-l-letter-spacing);\n ",
|
65
|
+
": var(--plasma-typo-body-l-line-height);\n\n ",
|
66
|
+
": 0 0 0 1.125rem;\n ",
|
67
|
+
": 0;\n\n ",
|
68
|
+
": 0.75rem;\n\n ",
|
69
|
+
": var(--plasma-typo-body-l-font-family);\n ",
|
70
|
+
": var(--plasma-typo-body-l-font-style);\n ",
|
71
|
+
": var(--plasma-typo-body-l-font-size);\n ",
|
72
|
+
": var(--plasma-typo-body-l-font-weight);\n ",
|
73
|
+
": var(--plasma-typo-body-l-letter-spacing);\n ",
|
74
|
+
": var(--plasma-typo-body-l-line-height);\n\n ",
|
75
|
+
": 4rem;\n ",
|
76
|
+
": 1rem;\n ",
|
77
|
+
": 1.3125rem 1.125rem;\n ",
|
78
|
+
": var(--plasma-typo-body-l-font-family);\n ",
|
79
|
+
": var(--plasma-typo-body-l-font-style);\n ",
|
80
|
+
": var(--plasma-typo-body-l-font-size);\n ",
|
81
|
+
": var(--plasma-typo-body-l-font-weight);\n ",
|
82
|
+
": var(--plasma-typo-body-l-letter-spacing);\n ",
|
83
|
+
": var(--plasma-typo-body-l-line-height);\n\n ",
|
84
|
+
": 0.25rem 0 0 0;\n ",
|
85
|
+
": var(--plasma-typo-body-xs-font-family);\n ",
|
86
|
+
": var(--plasma-typo-body-xs-font-style);\n ",
|
87
|
+
": var(--plasma-typo-body-xs-font-size);\n ",
|
88
|
+
": var(--plasma-typo-body-xs-font-weight);\n ",
|
89
|
+
": var(--plasma-typo-body-xs-letter-spacing);\n ",
|
90
|
+
": var(--plasma-typo-body-xs-line-height);\n\n ",
|
91
|
+
": -0.0625rem 0.5rem -0.0625rem 0;\n ",
|
92
|
+
": -0.0625rem 0 -0.0625rem 0.75rem;\n ",
|
93
|
+
": 0 0.25rem 0 0;\n ",
|
94
|
+
": 0 0 0 0.25rem;\n\n ",
|
95
|
+
": 0.5rem;\n ",
|
96
|
+
": 0.375rem;\n ",
|
97
|
+
": 0 0 0 0;\n ",
|
98
|
+
": 0.5rem auto auto -0.75rem;\n ",
|
99
|
+
": 0 0 auto auto;\n ",
|
100
|
+
": 0.25rem -0.625rem auto auto;\n "
|
101
|
+
]);
|
102
|
+
_templateObject1 = function _templateObject() {
|
103
|
+
return data;
|
104
|
+
};
|
105
|
+
return data;
|
106
|
+
}
|
107
|
+
function _templateObject2() {
|
56
108
|
var data = _tagged_template_literal([
|
57
109
|
"\n ",
|
58
110
|
": 0.875rem;\n\n ",
|
@@ -99,12 +151,12 @@ function _templateObject1() {
|
|
99
151
|
": 0 0.25rem 0 0;\n ",
|
100
152
|
": 0 0 0 0.25rem;\n "
|
101
153
|
]);
|
102
|
-
|
154
|
+
_templateObject2 = function _templateObject() {
|
103
155
|
return data;
|
104
156
|
};
|
105
157
|
return data;
|
106
158
|
}
|
107
|
-
function
|
159
|
+
function _templateObject3() {
|
108
160
|
var data = _tagged_template_literal([
|
109
161
|
"\n ",
|
110
162
|
": 0.75rem;\n\n ",
|
@@ -151,12 +203,12 @@ function _templateObject2() {
|
|
151
203
|
": 0 0.25rem 0 0;\n ",
|
152
204
|
": 0 0 0 0.25rem;\n "
|
153
205
|
]);
|
154
|
-
|
206
|
+
_templateObject3 = function _templateObject() {
|
155
207
|
return data;
|
156
208
|
};
|
157
209
|
return data;
|
158
210
|
}
|
159
|
-
function
|
211
|
+
function _templateObject4() {
|
160
212
|
var data = _tagged_template_literal([
|
161
213
|
"\n ",
|
162
214
|
": 0.625rem;\n\n ",
|
@@ -203,12 +255,12 @@ function _templateObject3() {
|
|
203
255
|
": 0 0.25rem 0 0;\n ",
|
204
256
|
": 0 0 0 0.25rem;\n "
|
205
257
|
]);
|
206
|
-
|
258
|
+
_templateObject4 = function _templateObject() {
|
207
259
|
return data;
|
208
260
|
};
|
209
261
|
return data;
|
210
262
|
}
|
211
|
-
function
|
263
|
+
function _templateObject5() {
|
212
264
|
var data = _tagged_template_literal([
|
213
265
|
"\n ",
|
214
266
|
": 0.5rem;\n\n ",
|
@@ -255,22 +307,22 @@ function _templateObject4() {
|
|
255
307
|
": 0 0.25rem 0 0;\n ",
|
256
308
|
": 0 0 0 0.25rem;\n "
|
257
309
|
]);
|
258
|
-
|
310
|
+
_templateObject5 = function _templateObject() {
|
259
311
|
return data;
|
260
312
|
};
|
261
313
|
return data;
|
262
314
|
}
|
263
|
-
function
|
315
|
+
function _templateObject6() {
|
264
316
|
var data = _tagged_template_literal([
|
265
317
|
"\n ",
|
266
318
|
": 0.4;\n "
|
267
319
|
]);
|
268
|
-
|
320
|
+
_templateObject6 = function _templateObject() {
|
269
321
|
return data;
|
270
322
|
};
|
271
323
|
return data;
|
272
324
|
}
|
273
|
-
function
|
325
|
+
function _templateObject7() {
|
274
326
|
var data = _tagged_template_literal([
|
275
327
|
"\n ",
|
276
328
|
": var(--surface-transparent-primary);\n ",
|
@@ -284,7 +336,7 @@ function _templateObject6() {
|
|
284
336
|
": transparent;\n ",
|
285
337
|
": var(--text-secondary);\n "
|
286
338
|
]);
|
287
|
-
|
339
|
+
_templateObject7 = function _templateObject() {
|
288
340
|
return data;
|
289
341
|
};
|
290
342
|
return data;
|
@@ -299,16 +351,17 @@ var config = {
|
|
299
351
|
default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.rangeTokens.background, _styledcomponents.rangeTokens.backgroundError, _styledcomponents.rangeTokens.backgroundSuccess, _styledcomponents.rangeTokens.dividerColor, _styledcomponents.rangeTokens.labelColor, _styledcomponents.rangeTokens.leftHelperColor, _styledcomponents.rangeTokens.leftHelperColorError, _styledcomponents.rangeTokens.leftHelperColorSuccess, _styledcomponents.rangeTokens.textFieldColor, _styledcomponents.rangeTokens.textFieldPlaceholderColor, _styledcomponents.rangeTokens.textFieldPlaceholderColorFocus, _styledcomponents.rangeTokens.textFieldCaretColor, _styledcomponents.rangeTokens.indicatorColor, _styledcomponents.rangeTokens.textFieldBackgroundColorHover, _styledcomponents.rangeTokens.textFieldBackgroundColorFocus, _styledcomponents.rangeTokens.textFieldBackgroundErrorColor, _styledcomponents.rangeTokens.textFieldBackgroundErrorColorHover, _styledcomponents.rangeTokens.textFieldBackgroundErrorColorFocus, _styledcomponents.rangeTokens.textFieldBackgroundSuccessColor, _styledcomponents.rangeTokens.textFieldBackgroundSuccessColorHover, _styledcomponents.rangeTokens.textFieldBackgroundSuccessColorFocus, _styledcomponents.rangeTokens.textFieldTextBeforeColor, _styledcomponents.rangeTokens.textFieldTextAfterColor, _styledcomponents.rangeTokens.focusColor)
|
300
352
|
},
|
301
353
|
size: {
|
302
|
-
|
303
|
-
|
304
|
-
|
305
|
-
|
354
|
+
xl: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.rangeTokens.borderRadius, _styledcomponents.rangeTokens.dividerPadding, _styledcomponents.rangeTokens.dividerFontFamily, _styledcomponents.rangeTokens.dividerFontStyle, _styledcomponents.rangeTokens.dividerFontSize, _styledcomponents.rangeTokens.dividerFontWeight, _styledcomponents.rangeTokens.dividerLetterSpacing, _styledcomponents.rangeTokens.dividerLineHeight, _styledcomponents.rangeTokens.leftContentMargin, _styledcomponents.rangeTokens.rightContentMargin, _styledcomponents.rangeTokens.labelOffset, _styledcomponents.rangeTokens.labelFontFamily, _styledcomponents.rangeTokens.labelFontStyle, _styledcomponents.rangeTokens.labelFontSize, _styledcomponents.rangeTokens.labelFontWeight, _styledcomponents.rangeTokens.labelLetterSpacing, _styledcomponents.rangeTokens.labelLineHeight, _styledcomponents.rangeTokens.textFieldHeight, _styledcomponents.rangeTokens.textFieldBorderRadius, _styledcomponents.rangeTokens.textFieldPadding, _styledcomponents.rangeTokens.textFieldFontFamily, _styledcomponents.rangeTokens.textFieldFontStyle, _styledcomponents.rangeTokens.textFieldFontSize, _styledcomponents.rangeTokens.textFieldFontWeight, _styledcomponents.rangeTokens.textFieldLetterSpacing, _styledcomponents.rangeTokens.textFieldLineHeight, _styledcomponents.rangeTokens.leftHelperOffset, _styledcomponents.rangeTokens.leftHelperFontFamily, _styledcomponents.rangeTokens.leftHelperFontStyle, _styledcomponents.rangeTokens.leftHelperFontSize, _styledcomponents.rangeTokens.leftHelperFontWeight, _styledcomponents.rangeTokens.leftHelperLetterSpacing, _styledcomponents.rangeTokens.leftHelperLineHeight, _styledcomponents.rangeTokens.textFieldLeftContentMargin, _styledcomponents.rangeTokens.textFieldRightContentMargin, _styledcomponents.rangeTokens.textFieldTextBeforeMargin, _styledcomponents.rangeTokens.textFieldTextAfterMargin, _styledcomponents.rangeTokens.indicatorSize, _styledcomponents.rangeTokens.indicatorSizeOuter, _styledcomponents.rangeTokens.indicatorPlacement, _styledcomponents.rangeTokens.indicatorOuterPlacement, _styledcomponents.rangeTokens.indicatorPlacementRight, _styledcomponents.rangeTokens.indicatorOuterPlacementRight),
|
355
|
+
l: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.rangeTokens.borderRadius, _styledcomponents.rangeTokens.dividerPadding, _styledcomponents.rangeTokens.dividerFontFamily, _styledcomponents.rangeTokens.dividerFontStyle, _styledcomponents.rangeTokens.dividerFontSize, _styledcomponents.rangeTokens.dividerFontWeight, _styledcomponents.rangeTokens.dividerLetterSpacing, _styledcomponents.rangeTokens.dividerLineHeight, _styledcomponents.rangeTokens.leftContentMargin, _styledcomponents.rangeTokens.rightContentMargin, _styledcomponents.rangeTokens.labelOffset, _styledcomponents.rangeTokens.labelFontFamily, _styledcomponents.rangeTokens.labelFontStyle, _styledcomponents.rangeTokens.labelFontSize, _styledcomponents.rangeTokens.labelFontWeight, _styledcomponents.rangeTokens.labelLetterSpacing, _styledcomponents.rangeTokens.labelLineHeight, _styledcomponents.rangeTokens.indicatorSize, _styledcomponents.rangeTokens.indicatorSizeOuter, _styledcomponents.rangeTokens.indicatorPlacement, _styledcomponents.rangeTokens.indicatorOuterPlacement, _styledcomponents.rangeTokens.indicatorPlacementRight, _styledcomponents.rangeTokens.indicatorOuterPlacementRight, _styledcomponents.rangeTokens.textFieldHeight, _styledcomponents.rangeTokens.textFieldBorderRadius, _styledcomponents.rangeTokens.textFieldPadding, _styledcomponents.rangeTokens.textFieldFontFamily, _styledcomponents.rangeTokens.textFieldFontStyle, _styledcomponents.rangeTokens.textFieldFontSize, _styledcomponents.rangeTokens.textFieldFontWeight, _styledcomponents.rangeTokens.textFieldLetterSpacing, _styledcomponents.rangeTokens.textFieldLineHeight, _styledcomponents.rangeTokens.leftHelperOffset, _styledcomponents.rangeTokens.leftHelperFontFamily, _styledcomponents.rangeTokens.leftHelperFontStyle, _styledcomponents.rangeTokens.leftHelperFontSize, _styledcomponents.rangeTokens.leftHelperFontWeight, _styledcomponents.rangeTokens.leftHelperLetterSpacing, _styledcomponents.rangeTokens.leftHelperLineHeight, _styledcomponents.rangeTokens.textFieldLeftContentMargin, _styledcomponents.rangeTokens.textFieldRightContentMargin, _styledcomponents.rangeTokens.textFieldTextBeforeMargin, _styledcomponents.rangeTokens.textFieldTextAfterMargin),
|
356
|
+
m: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.rangeTokens.borderRadius, _styledcomponents.rangeTokens.dividerPadding, _styledcomponents.rangeTokens.dividerFontFamily, _styledcomponents.rangeTokens.dividerFontStyle, _styledcomponents.rangeTokens.dividerFontSize, _styledcomponents.rangeTokens.dividerFontWeight, _styledcomponents.rangeTokens.dividerLetterSpacing, _styledcomponents.rangeTokens.dividerLineHeight, _styledcomponents.rangeTokens.leftContentMargin, _styledcomponents.rangeTokens.rightContentMargin, _styledcomponents.rangeTokens.labelOffset, _styledcomponents.rangeTokens.labelFontFamily, _styledcomponents.rangeTokens.labelFontStyle, _styledcomponents.rangeTokens.labelFontSize, _styledcomponents.rangeTokens.labelFontWeight, _styledcomponents.rangeTokens.labelLetterSpacing, _styledcomponents.rangeTokens.labelLineHeight, _styledcomponents.rangeTokens.indicatorSize, _styledcomponents.rangeTokens.indicatorSizeOuter, _styledcomponents.rangeTokens.indicatorPlacement, _styledcomponents.rangeTokens.indicatorOuterPlacement, _styledcomponents.rangeTokens.indicatorPlacementRight, _styledcomponents.rangeTokens.indicatorOuterPlacementRight, _styledcomponents.rangeTokens.textFieldHeight, _styledcomponents.rangeTokens.textFieldBorderRadius, _styledcomponents.rangeTokens.textFieldPadding, _styledcomponents.rangeTokens.textFieldFontFamily, _styledcomponents.rangeTokens.textFieldFontStyle, _styledcomponents.rangeTokens.textFieldFontSize, _styledcomponents.rangeTokens.textFieldFontWeight, _styledcomponents.rangeTokens.textFieldLetterSpacing, _styledcomponents.rangeTokens.textFieldLineHeight, _styledcomponents.rangeTokens.leftHelperOffset, _styledcomponents.rangeTokens.leftHelperFontFamily, _styledcomponents.rangeTokens.leftHelperFontStyle, _styledcomponents.rangeTokens.leftHelperFontSize, _styledcomponents.rangeTokens.leftHelperFontWeight, _styledcomponents.rangeTokens.leftHelperLetterSpacing, _styledcomponents.rangeTokens.leftHelperLineHeight, _styledcomponents.rangeTokens.textFieldLeftContentMargin, _styledcomponents.rangeTokens.textFieldRightContentMargin, _styledcomponents.rangeTokens.textFieldTextBeforeMargin, _styledcomponents.rangeTokens.textFieldTextAfterMargin),
|
357
|
+
s: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.rangeTokens.borderRadius, _styledcomponents.rangeTokens.dividerPadding, _styledcomponents.rangeTokens.dividerFontFamily, _styledcomponents.rangeTokens.dividerFontStyle, _styledcomponents.rangeTokens.dividerFontSize, _styledcomponents.rangeTokens.dividerFontWeight, _styledcomponents.rangeTokens.dividerLetterSpacing, _styledcomponents.rangeTokens.dividerLineHeight, _styledcomponents.rangeTokens.leftContentMargin, _styledcomponents.rangeTokens.rightContentMargin, _styledcomponents.rangeTokens.labelOffset, _styledcomponents.rangeTokens.labelFontFamily, _styledcomponents.rangeTokens.labelFontStyle, _styledcomponents.rangeTokens.labelFontSize, _styledcomponents.rangeTokens.labelFontWeight, _styledcomponents.rangeTokens.labelLetterSpacing, _styledcomponents.rangeTokens.labelLineHeight, _styledcomponents.rangeTokens.indicatorSize, _styledcomponents.rangeTokens.indicatorSizeOuter, _styledcomponents.rangeTokens.indicatorPlacement, _styledcomponents.rangeTokens.indicatorOuterPlacement, _styledcomponents.rangeTokens.indicatorPlacementRight, _styledcomponents.rangeTokens.indicatorOuterPlacementRight, _styledcomponents.rangeTokens.textFieldHeight, _styledcomponents.rangeTokens.textFieldBorderRadius, _styledcomponents.rangeTokens.textFieldPadding, _styledcomponents.rangeTokens.textFieldFontFamily, _styledcomponents.rangeTokens.textFieldFontStyle, _styledcomponents.rangeTokens.textFieldFontSize, _styledcomponents.rangeTokens.textFieldFontWeight, _styledcomponents.rangeTokens.textFieldLetterSpacing, _styledcomponents.rangeTokens.textFieldLineHeight, _styledcomponents.rangeTokens.leftHelperOffset, _styledcomponents.rangeTokens.leftHelperFontFamily, _styledcomponents.rangeTokens.leftHelperFontStyle, _styledcomponents.rangeTokens.leftHelperFontSize, _styledcomponents.rangeTokens.leftHelperFontWeight, _styledcomponents.rangeTokens.leftHelperLetterSpacing, _styledcomponents.rangeTokens.leftHelperLineHeight, _styledcomponents.rangeTokens.textFieldLeftContentMargin, _styledcomponents.rangeTokens.textFieldRightContentMargin, _styledcomponents.rangeTokens.textFieldTextBeforeMargin, _styledcomponents.rangeTokens.textFieldTextAfterMargin),
|
358
|
+
xs: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.rangeTokens.borderRadius, _styledcomponents.rangeTokens.dividerPadding, _styledcomponents.rangeTokens.dividerFontFamily, _styledcomponents.rangeTokens.dividerFontStyle, _styledcomponents.rangeTokens.dividerFontSize, _styledcomponents.rangeTokens.dividerFontWeight, _styledcomponents.rangeTokens.dividerLetterSpacing, _styledcomponents.rangeTokens.dividerLineHeight, _styledcomponents.rangeTokens.leftContentMargin, _styledcomponents.rangeTokens.rightContentMargin, _styledcomponents.rangeTokens.labelOffset, _styledcomponents.rangeTokens.labelFontFamily, _styledcomponents.rangeTokens.labelFontStyle, _styledcomponents.rangeTokens.labelFontSize, _styledcomponents.rangeTokens.labelFontWeight, _styledcomponents.rangeTokens.labelLetterSpacing, _styledcomponents.rangeTokens.labelLineHeight, _styledcomponents.rangeTokens.indicatorSize, _styledcomponents.rangeTokens.indicatorSizeOuter, _styledcomponents.rangeTokens.indicatorPlacement, _styledcomponents.rangeTokens.indicatorOuterPlacement, _styledcomponents.rangeTokens.indicatorPlacementRight, _styledcomponents.rangeTokens.indicatorOuterPlacementRight, _styledcomponents.rangeTokens.textFieldHeight, _styledcomponents.rangeTokens.textFieldBorderRadius, _styledcomponents.rangeTokens.textFieldPadding, _styledcomponents.rangeTokens.textFieldFontFamily, _styledcomponents.rangeTokens.textFieldFontStyle, _styledcomponents.rangeTokens.textFieldFontSize, _styledcomponents.rangeTokens.textFieldFontWeight, _styledcomponents.rangeTokens.textFieldLetterSpacing, _styledcomponents.rangeTokens.textFieldLineHeight, _styledcomponents.rangeTokens.leftHelperOffset, _styledcomponents.rangeTokens.leftHelperFontFamily, _styledcomponents.rangeTokens.leftHelperFontStyle, _styledcomponents.rangeTokens.leftHelperFontSize, _styledcomponents.rangeTokens.leftHelperFontWeight, _styledcomponents.rangeTokens.leftHelperLetterSpacing, _styledcomponents.rangeTokens.leftHelperLineHeight, _styledcomponents.rangeTokens.textFieldLeftContentMargin, _styledcomponents.rangeTokens.textFieldRightContentMargin, _styledcomponents.rangeTokens.textFieldTextBeforeMargin, _styledcomponents.rangeTokens.textFieldTextAfterMargin)
|
306
359
|
},
|
307
360
|
disabled: {
|
308
|
-
true: (0, _styledcomponents.css)(
|
361
|
+
true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.rangeTokens.disabledOpacity)
|
309
362
|
},
|
310
363
|
readOnly: {
|
311
|
-
true: (0, _styledcomponents.css)(
|
364
|
+
true: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.rangeTokens.backgroundReadOnly, _styledcomponents.rangeTokens.labelColorReadOnly, _styledcomponents.rangeTokens.leftHelperColorReadOnly, _styledcomponents.rangeTokens.dividerColorReadOnly, _styledcomponents.rangeTokens.readOnlyOpacity, _styledcomponents.rangeTokens.dividerOpacityReadOnly, _styledcomponents.rangeTokens.rightContentOpacityReadOnly, _styledcomponents.rangeTokens.textFieldColorReadOnly, _styledcomponents.rangeTokens.textFieldBackgroundColorReadOnly, _styledcomponents.rangeTokens.textFieldPlaceholderColorReadOnly)
|
312
365
|
}
|
313
366
|
}
|
314
367
|
};
|
@@ -6,6 +6,7 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
|
|
6
6
|
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
7
7
|
};
|
8
8
|
size: {
|
9
|
+
xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
9
10
|
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
10
11
|
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
11
12
|
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
@@ -36,7 +36,9 @@ function _templateObject() {
|
|
36
36
|
": var(--text-accent);\n ",
|
37
37
|
": 0.4;\n ",
|
38
38
|
": var(--text-secondary);\n ",
|
39
|
-
": var(--text-secondary);\n
|
39
|
+
": var(--text-secondary);\n ",
|
40
|
+
": var(--surface-positive);\n ",
|
41
|
+
": var(--surface-solid-default);\n "
|
40
42
|
]);
|
41
43
|
_templateObject = function _templateObject() {
|
42
44
|
return data;
|
@@ -170,7 +172,7 @@ var config = {
|
|
170
172
|
},
|
171
173
|
variations: {
|
172
174
|
view: {
|
173
|
-
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.itemBackgroundColorPrimary, _styledcomponents.treeTokens.itemBackgroundColorHover, _styledcomponents.treeTokens.itemBackgroundColorActive, _styledcomponents.treeTokens.checkboxBorderColor, _styledcomponents.treeTokens.checkboxBackgroundColor, _styledcomponents.treeTokens.itemDisabledOpacity, _styledcomponents.treeTokens.itemDisabledBorderColor, _styledcomponents.treeTokens.itemDisabledColor)
|
175
|
+
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.itemBackgroundColorPrimary, _styledcomponents.treeTokens.itemBackgroundColorHover, _styledcomponents.treeTokens.itemBackgroundColorActive, _styledcomponents.treeTokens.checkboxBorderColor, _styledcomponents.treeTokens.checkboxBackgroundColor, _styledcomponents.treeTokens.itemDisabledOpacity, _styledcomponents.treeTokens.itemDisabledBorderColor, _styledcomponents.treeTokens.itemDisabledColor, _styledcomponents.treeTokens.itemDraggableBorderColor, _styledcomponents.treeTokens.itemDraggableLineColor)
|
174
176
|
},
|
175
177
|
size: {
|
176
178
|
l: (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),
|
@@ -27,6 +27,7 @@ function _templateObject() {
|
|
27
27
|
":transparent;\n ",
|
28
28
|
": color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-solid-default) 85%\n );\n\n ",
|
29
29
|
": var(--text-primary);\n ",
|
30
|
+
": var(--text-secondary);\n ",
|
30
31
|
": var(--surface-accent);\n "
|
31
32
|
]);
|
32
33
|
_templateObject = function _templateObject() {
|
@@ -53,6 +54,7 @@ function _templateObject1() {
|
|
53
54
|
": var(--surface-solid-secondary);\n ",
|
54
55
|
": transparent;\n\n ",
|
55
56
|
": var(--text-primary);\n ",
|
57
|
+
": var(--text-secondary);\n ",
|
56
58
|
": var(--surface-accent);\n "
|
57
59
|
]);
|
58
60
|
_templateObject1 = function _templateObject() {
|
@@ -79,6 +81,7 @@ function _templateObject2() {
|
|
79
81
|
": var(--surface-solid-card);\n ",
|
80
82
|
": transparent;\n\n ",
|
81
83
|
": var(--text-primary);\n ",
|
84
|
+
": var(--text-secondary);\n ",
|
82
85
|
": var(--surface-accent);\n "
|
83
86
|
]);
|
84
87
|
_templateObject2 = function _templateObject() {
|
@@ -165,7 +168,8 @@ function _templateObject6() {
|
|
165
168
|
": 4rem;\n ",
|
166
169
|
": 3.5rem;\n ",
|
167
170
|
": 0 0.625rem;\n ",
|
168
|
-
": 0.0625rem;\n
|
171
|
+
": 0.0625rem;\n\n ",
|
172
|
+
": 0.5rem 2.5rem;\n "
|
169
173
|
]);
|
170
174
|
_templateObject6 = function _templateObject() {
|
171
175
|
return data;
|
@@ -206,7 +210,8 @@ function _templateObject7() {
|
|
206
210
|
": 3.5rem;\n ",
|
207
211
|
": 3rem;\n ",
|
208
212
|
": 0 0.625rem;\n ",
|
209
|
-
": 0.0625rem;\n
|
213
|
+
": 0.0625rem;\n\n ",
|
214
|
+
": 0.5rem 2.5rem;\n "
|
210
215
|
]);
|
211
216
|
_templateObject7 = function _templateObject() {
|
212
217
|
return data;
|
@@ -247,7 +252,8 @@ function _templateObject8() {
|
|
247
252
|
": 3rem;\n ",
|
248
253
|
": 2.5rem;\n ",
|
249
254
|
": 0 0.625rem;\n ",
|
250
|
-
": 0.0625rem;\n
|
255
|
+
": 0.0625rem;\n\n ",
|
256
|
+
": 0.5rem 2.5rem;\n "
|
251
257
|
]);
|
252
258
|
_templateObject8 = function _templateObject() {
|
253
259
|
return data;
|
@@ -288,7 +294,8 @@ function _templateObject9() {
|
|
288
294
|
": 2.5rem;\n ",
|
289
295
|
": 2rem;\n ",
|
290
296
|
": 0 0.625rem;\n ",
|
291
|
-
": 0.0625rem;\n
|
297
|
+
": 0.0625rem;\n\n ",
|
298
|
+
": 0.5rem 2.5rem;\n "
|
292
299
|
]);
|
293
300
|
_templateObject9 = function _templateObject() {
|
294
301
|
return data;
|
@@ -322,9 +329,9 @@ export var config = {
|
|
322
329
|
},
|
323
330
|
variations: {
|
324
331
|
view: {
|
325
|
-
default: css(_templateObject(), paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.selectBackgroundColor, paginationTokens.paginationColor, paginationTokens.buttonFocusColor),
|
326
|
-
secondary: css(_templateObject1(), paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.selectBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.paginationColor, paginationTokens.buttonFocusColor),
|
327
|
-
clear: css(_templateObject2(), paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.selectBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.paginationColor, paginationTokens.buttonFocusColor)
|
332
|
+
default: css(_templateObject(), paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.selectBackgroundColor, paginationTokens.paginationColor, paginationTokens.paginationHelperTextColor, paginationTokens.buttonFocusColor),
|
333
|
+
secondary: css(_templateObject1(), paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.selectBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.paginationColor, paginationTokens.paginationHelperTextColor, paginationTokens.buttonFocusColor),
|
334
|
+
clear: css(_templateObject2(), paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.selectBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.paginationColor, paginationTokens.paginationHelperTextColor, paginationTokens.buttonFocusColor)
|
328
335
|
},
|
329
336
|
viewCurrentPage: {
|
330
337
|
default: css(_templateObject3(), paginationTokens.paginationCurrentButtonColor, paginationTokens.paginationCurrentButtonBackgroundColor, paginationTokens.paginationCurrentButtonHoverColor, paginationTokens.paginationCurrentButtonHoverBackgroundColor, paginationTokens.paginationCurrentButtonActiveColor, paginationTokens.paginationCurrentButtonActiveBackgroundColor),
|
@@ -332,10 +339,10 @@ export var config = {
|
|
332
339
|
clear: css(_templateObject5(), paginationTokens.paginationCurrentButtonColor, paginationTokens.paginationCurrentButtonBackgroundColor, paginationTokens.paginationCurrentButtonHoverColor, paginationTokens.paginationCurrentButtonHoverBackgroundColor, paginationTokens.paginationCurrentButtonActiveColor, paginationTokens.paginationCurrentButtonActiveBackgroundColor)
|
333
340
|
},
|
334
341
|
size: {
|
335
|
-
l: css(_templateObject6(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth),
|
336
|
-
m: css(_templateObject7(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth),
|
337
|
-
s: css(_templateObject8(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth),
|
338
|
-
xs: css(_templateObject9(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth)
|
342
|
+
l: css(_templateObject6(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth, paginationTokens.paginationHelperTextGap),
|
343
|
+
m: css(_templateObject7(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth, paginationTokens.paginationHelperTextGap),
|
344
|
+
s: css(_templateObject8(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth, paginationTokens.paginationHelperTextGap),
|
345
|
+
xs: css(_templateObject9(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth, paginationTokens.paginationHelperTextGap)
|
339
346
|
},
|
340
347
|
type: {
|
341
348
|
compact: css(_templateObject10()),
|
@@ -42,6 +42,58 @@ function _templateObject() {
|
|
42
42
|
return data;
|
43
43
|
}
|
44
44
|
function _templateObject1() {
|
45
|
+
var data = _tagged_template_literal([
|
46
|
+
"\n ",
|
47
|
+
": 1rem;\n\n ",
|
48
|
+
": 0 0.375rem;\n ",
|
49
|
+
": var(--plasma-typo-body-l-font-family);\n ",
|
50
|
+
": var(--plasma-typo-body-l-font-style);\n ",
|
51
|
+
": var(--plasma-typo-body-l-font-size);\n ",
|
52
|
+
": var(--plasma-typo-body-l-font-weight);\n ",
|
53
|
+
": var(--plasma-typo-body-l-letter-spacing);\n ",
|
54
|
+
": var(--plasma-typo-body-l-line-height);\n\n ",
|
55
|
+
": 0 0 0 1.125rem;\n ",
|
56
|
+
": 0;\n\n ",
|
57
|
+
": 0.75rem;\n\n ",
|
58
|
+
": var(--plasma-typo-body-l-font-family);\n ",
|
59
|
+
": var(--plasma-typo-body-l-font-style);\n ",
|
60
|
+
": var(--plasma-typo-body-l-font-size);\n ",
|
61
|
+
": var(--plasma-typo-body-l-font-weight);\n ",
|
62
|
+
": var(--plasma-typo-body-l-letter-spacing);\n ",
|
63
|
+
": var(--plasma-typo-body-l-line-height);\n\n ",
|
64
|
+
": 4rem;\n ",
|
65
|
+
": 1rem;\n ",
|
66
|
+
": 1.3125rem 1.125rem;\n ",
|
67
|
+
": var(--plasma-typo-body-l-font-family);\n ",
|
68
|
+
": var(--plasma-typo-body-l-font-style);\n ",
|
69
|
+
": var(--plasma-typo-body-l-font-size);\n ",
|
70
|
+
": var(--plasma-typo-body-l-font-weight);\n ",
|
71
|
+
": var(--plasma-typo-body-l-letter-spacing);\n ",
|
72
|
+
": var(--plasma-typo-body-l-line-height);\n\n ",
|
73
|
+
": 0.25rem 0 0 0;\n ",
|
74
|
+
": var(--plasma-typo-body-xs-font-family);\n ",
|
75
|
+
": var(--plasma-typo-body-xs-font-style);\n ",
|
76
|
+
": var(--plasma-typo-body-xs-font-size);\n ",
|
77
|
+
": var(--plasma-typo-body-xs-font-weight);\n ",
|
78
|
+
": var(--plasma-typo-body-xs-letter-spacing);\n ",
|
79
|
+
": var(--plasma-typo-body-xs-line-height);\n\n ",
|
80
|
+
": -0.0625rem 0.5rem -0.0625rem 0;\n ",
|
81
|
+
": -0.0625rem 0 -0.0625rem 0.75rem;\n ",
|
82
|
+
": 0 0.25rem 0 0;\n ",
|
83
|
+
": 0 0 0 0.25rem;\n\n ",
|
84
|
+
": 0.5rem;\n ",
|
85
|
+
": 0.375rem;\n ",
|
86
|
+
": 0 0 0 0;\n ",
|
87
|
+
": 0.5rem auto auto -0.75rem;\n ",
|
88
|
+
": 0 0 auto auto;\n ",
|
89
|
+
": 0.25rem -0.625rem auto auto;\n "
|
90
|
+
]);
|
91
|
+
_templateObject1 = function _templateObject() {
|
92
|
+
return data;
|
93
|
+
};
|
94
|
+
return data;
|
95
|
+
}
|
96
|
+
function _templateObject2() {
|
45
97
|
var data = _tagged_template_literal([
|
46
98
|
"\n ",
|
47
99
|
": 0.875rem;\n\n ",
|
@@ -88,12 +140,12 @@ function _templateObject1() {
|
|
88
140
|
": 0 0.25rem 0 0;\n ",
|
89
141
|
": 0 0 0 0.25rem;\n "
|
90
142
|
]);
|
91
|
-
|
143
|
+
_templateObject2 = function _templateObject() {
|
92
144
|
return data;
|
93
145
|
};
|
94
146
|
return data;
|
95
147
|
}
|
96
|
-
function
|
148
|
+
function _templateObject3() {
|
97
149
|
var data = _tagged_template_literal([
|
98
150
|
"\n ",
|
99
151
|
": 0.75rem;\n\n ",
|
@@ -140,12 +192,12 @@ function _templateObject2() {
|
|
140
192
|
": 0 0.25rem 0 0;\n ",
|
141
193
|
": 0 0 0 0.25rem;\n "
|
142
194
|
]);
|
143
|
-
|
195
|
+
_templateObject3 = function _templateObject() {
|
144
196
|
return data;
|
145
197
|
};
|
146
198
|
return data;
|
147
199
|
}
|
148
|
-
function
|
200
|
+
function _templateObject4() {
|
149
201
|
var data = _tagged_template_literal([
|
150
202
|
"\n ",
|
151
203
|
": 0.625rem;\n\n ",
|
@@ -192,12 +244,12 @@ function _templateObject3() {
|
|
192
244
|
": 0 0.25rem 0 0;\n ",
|
193
245
|
": 0 0 0 0.25rem;\n "
|
194
246
|
]);
|
195
|
-
|
247
|
+
_templateObject4 = function _templateObject() {
|
196
248
|
return data;
|
197
249
|
};
|
198
250
|
return data;
|
199
251
|
}
|
200
|
-
function
|
252
|
+
function _templateObject5() {
|
201
253
|
var data = _tagged_template_literal([
|
202
254
|
"\n ",
|
203
255
|
": 0.5rem;\n\n ",
|
@@ -244,22 +296,22 @@ function _templateObject4() {
|
|
244
296
|
": 0 0.25rem 0 0;\n ",
|
245
297
|
": 0 0 0 0.25rem;\n "
|
246
298
|
]);
|
247
|
-
|
299
|
+
_templateObject5 = function _templateObject() {
|
248
300
|
return data;
|
249
301
|
};
|
250
302
|
return data;
|
251
303
|
}
|
252
|
-
function
|
304
|
+
function _templateObject6() {
|
253
305
|
var data = _tagged_template_literal([
|
254
306
|
"\n ",
|
255
307
|
": 0.4;\n "
|
256
308
|
]);
|
257
|
-
|
309
|
+
_templateObject6 = function _templateObject() {
|
258
310
|
return data;
|
259
311
|
};
|
260
312
|
return data;
|
261
313
|
}
|
262
|
-
function
|
314
|
+
function _templateObject7() {
|
263
315
|
var data = _tagged_template_literal([
|
264
316
|
"\n ",
|
265
317
|
": var(--surface-transparent-primary);\n ",
|
@@ -273,7 +325,7 @@ function _templateObject6() {
|
|
273
325
|
": transparent;\n ",
|
274
326
|
": var(--text-secondary);\n "
|
275
327
|
]);
|
276
|
-
|
328
|
+
_templateObject7 = function _templateObject() {
|
277
329
|
return data;
|
278
330
|
};
|
279
331
|
return data;
|
@@ -289,16 +341,17 @@ export var config = {
|
|
289
341
|
default: css(_templateObject(), tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.indicatorColor, tokens.textFieldBackgroundColorHover, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorHover, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorHover, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor)
|
290
342
|
},
|
291
343
|
size: {
|
292
|
-
|
293
|
-
|
294
|
-
|
295
|
-
|
344
|
+
xl: css(_templateObject1(), tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight),
|
345
|
+
l: css(_templateObject2(), tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin),
|
346
|
+
m: css(_templateObject3(), tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin),
|
347
|
+
s: css(_templateObject4(), tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin),
|
348
|
+
xs: css(_templateObject5(), tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin)
|
296
349
|
},
|
297
350
|
disabled: {
|
298
|
-
true: css(
|
351
|
+
true: css(_templateObject6(), tokens.disabledOpacity)
|
299
352
|
},
|
300
353
|
readOnly: {
|
301
|
-
true: css(
|
354
|
+
true: css(_templateObject7(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.dividerColorReadOnly, tokens.readOnlyOpacity, tokens.dividerOpacityReadOnly, tokens.rightContentOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
|
302
355
|
}
|
303
356
|
}
|
304
357
|
};
|
@@ -25,7 +25,9 @@ function _templateObject() {
|
|
25
25
|
": var(--text-accent);\n ",
|
26
26
|
": 0.4;\n ",
|
27
27
|
": var(--text-secondary);\n ",
|
28
|
-
": var(--text-secondary);\n
|
28
|
+
": var(--text-secondary);\n ",
|
29
|
+
": var(--surface-positive);\n ",
|
30
|
+
": var(--surface-solid-default);\n "
|
29
31
|
]);
|
30
32
|
_templateObject = function _templateObject() {
|
31
33
|
return data;
|
@@ -160,7 +162,7 @@ export var config = {
|
|
160
162
|
},
|
161
163
|
variations: {
|
162
164
|
view: {
|
163
|
-
default: css(_templateObject(), tokens.iconFolderColor, tokens.arrowColor, tokens.arrowColorHover, tokens.arrowColorActive, tokens.color, tokens.colorSelected, tokens.itemBackgroundColorSelected, tokens.itemBackgroundColorPrimary, tokens.itemBackgroundColorHover, tokens.itemBackgroundColorActive, tokens.checkboxBorderColor, tokens.checkboxBackgroundColor, tokens.itemDisabledOpacity, tokens.itemDisabledBorderColor, tokens.itemDisabledColor)
|
165
|
+
default: css(_templateObject(), tokens.iconFolderColor, tokens.arrowColor, tokens.arrowColorHover, tokens.arrowColorActive, tokens.color, tokens.colorSelected, tokens.itemBackgroundColorSelected, tokens.itemBackgroundColorPrimary, tokens.itemBackgroundColorHover, tokens.itemBackgroundColorActive, tokens.checkboxBorderColor, tokens.checkboxBackgroundColor, tokens.itemDisabledOpacity, tokens.itemDisabledBorderColor, tokens.itemDisabledColor, tokens.itemDraggableBorderColor, tokens.itemDraggableLineColor)
|
164
166
|
},
|
165
167
|
size: {
|
166
168
|
l: 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-dfa",
|
3
|
-
"version": "0.322.0-canary.
|
3
|
+
"version": "0.322.0-canary.2231.17732581275.0",
|
4
4
|
"description": "Salute Design System / React UI kit for SDDS DFA web applications",
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
6
6
|
"license": "MIT",
|
@@ -19,7 +19,7 @@
|
|
19
19
|
"directory": "packages/sdds-dfa"
|
20
20
|
},
|
21
21
|
"dependencies": {
|
22
|
-
"@salutejs/plasma-new-hope": "0.336.0-canary.
|
22
|
+
"@salutejs/plasma-new-hope": "0.336.0-canary.2231.17732581275.0",
|
23
23
|
"@salutejs/sdds-themes": "0.47.0"
|
24
24
|
},
|
25
25
|
"peerDependencies": {
|
@@ -94,5 +94,5 @@
|
|
94
94
|
"Anton Vinogradov"
|
95
95
|
],
|
96
96
|
"sideEffects": false,
|
97
|
-
"gitHead": "
|
97
|
+
"gitHead": "ea7d145db46609ca184838903690e8564ced80a9"
|
98
98
|
}
|