@salutejs/sdds-dfa 0.322.0-canary.2163.17602400013.0 → 0.322.0-canary.2163.17723276902.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/Pagination/Pagination.config.js +4 -4
- 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/es/components/Pagination/Pagination.config.js +4 -4
- package/es/components/Range/Range.config.js +70 -17
- package/package.json +3 -3
|
@@ -180,7 +180,7 @@ function _templateObject6() {
|
|
|
180
180
|
": 3.5rem;\n ",
|
|
181
181
|
": 0 0.625rem;\n ",
|
|
182
182
|
": 0.0625rem;\n\n ",
|
|
183
|
-
": 2.5rem;\n "
|
|
183
|
+
": 0.5rem 2.5rem;\n "
|
|
184
184
|
]);
|
|
185
185
|
_templateObject6 = function _templateObject() {
|
|
186
186
|
return data;
|
|
@@ -222,7 +222,7 @@ function _templateObject7() {
|
|
|
222
222
|
": 3rem;\n ",
|
|
223
223
|
": 0 0.625rem;\n ",
|
|
224
224
|
": 0.0625rem;\n\n ",
|
|
225
|
-
": 2.5rem;\n "
|
|
225
|
+
": 0.5rem 2.5rem;\n "
|
|
226
226
|
]);
|
|
227
227
|
_templateObject7 = function _templateObject() {
|
|
228
228
|
return data;
|
|
@@ -264,7 +264,7 @@ function _templateObject8() {
|
|
|
264
264
|
": 2.5rem;\n ",
|
|
265
265
|
": 0 0.625rem;\n ",
|
|
266
266
|
": 0.0625rem;\n\n ",
|
|
267
|
-
": 2.5rem;\n "
|
|
267
|
+
": 0.5rem 2.5rem;\n "
|
|
268
268
|
]);
|
|
269
269
|
_templateObject8 = function _templateObject() {
|
|
270
270
|
return data;
|
|
@@ -306,7 +306,7 @@ function _templateObject9() {
|
|
|
306
306
|
": 2rem;\n ",
|
|
307
307
|
": 0 0.625rem;\n ",
|
|
308
308
|
": 0.0625rem;\n\n ",
|
|
309
|
-
": 2.5rem;\n "
|
|
309
|
+
": 0.5rem 2.5rem;\n "
|
|
310
310
|
]);
|
|
311
311
|
_templateObject9 = function _templateObject() {
|
|
312
312
|
return data;
|
|
@@ -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;
|
|
@@ -169,7 +169,7 @@ function _templateObject6() {
|
|
|
169
169
|
": 3.5rem;\n ",
|
|
170
170
|
": 0 0.625rem;\n ",
|
|
171
171
|
": 0.0625rem;\n\n ",
|
|
172
|
-
": 2.5rem;\n "
|
|
172
|
+
": 0.5rem 2.5rem;\n "
|
|
173
173
|
]);
|
|
174
174
|
_templateObject6 = function _templateObject() {
|
|
175
175
|
return data;
|
|
@@ -211,7 +211,7 @@ function _templateObject7() {
|
|
|
211
211
|
": 3rem;\n ",
|
|
212
212
|
": 0 0.625rem;\n ",
|
|
213
213
|
": 0.0625rem;\n\n ",
|
|
214
|
-
": 2.5rem;\n "
|
|
214
|
+
": 0.5rem 2.5rem;\n "
|
|
215
215
|
]);
|
|
216
216
|
_templateObject7 = function _templateObject() {
|
|
217
217
|
return data;
|
|
@@ -253,7 +253,7 @@ function _templateObject8() {
|
|
|
253
253
|
": 2.5rem;\n ",
|
|
254
254
|
": 0 0.625rem;\n ",
|
|
255
255
|
": 0.0625rem;\n\n ",
|
|
256
|
-
": 2.5rem;\n "
|
|
256
|
+
": 0.5rem 2.5rem;\n "
|
|
257
257
|
]);
|
|
258
258
|
_templateObject8 = function _templateObject() {
|
|
259
259
|
return data;
|
|
@@ -295,7 +295,7 @@ function _templateObject9() {
|
|
|
295
295
|
": 2rem;\n ",
|
|
296
296
|
": 0 0.625rem;\n ",
|
|
297
297
|
": 0.0625rem;\n\n ",
|
|
298
|
-
": 2.5rem;\n "
|
|
298
|
+
": 0.5rem 2.5rem;\n "
|
|
299
299
|
]);
|
|
300
300
|
_templateObject9 = function _templateObject() {
|
|
301
301
|
return data;
|
|
@@ -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
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/sdds-dfa",
|
|
3
|
-
"version": "0.322.0-canary.2163.
|
|
3
|
+
"version": "0.322.0-canary.2163.17723276902.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.2163.
|
|
22
|
+
"@salutejs/plasma-new-hope": "0.336.0-canary.2163.17723276902.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": "78c9f1cf1384ec14cbd5506f5ef957373f731c4a"
|
|
98
98
|
}
|