@salutejs/sdds-cs 0.332.0-canary.2321.19133039112.0 → 0.332.0-canary.2322.19259276297.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/Combobox/Combobox.config.js +2 -2
- package/components/Combobox/Combobox.d.ts +48 -0
- package/components/Range/Range.config.js +4 -1
- package/emotion/cjs/components/Combobox/Combobox.config.js +2 -2
- package/emotion/cjs/components/Range/Range.config.js +4 -1
- package/emotion/es/components/Combobox/Combobox.config.js +2 -2
- package/emotion/es/components/Range/Range.config.js +4 -1
- package/es/components/Combobox/Combobox.config.js +2 -2
- package/es/components/Range/Range.config.js +4 -1
- package/package.json +3 -3
|
@@ -196,8 +196,8 @@ function _templateObject2() {
|
|
|
196
196
|
": 0.125rem;\n ",
|
|
197
197
|
": 0.75rem;\n\n ",
|
|
198
198
|
": 1.5rem;\n ",
|
|
199
|
-
": 0.5rem 0.
|
|
200
|
-
": 0.25rem 0.
|
|
199
|
+
": 0.5rem 0.5rem;\n ",
|
|
200
|
+
": 0.25rem 0.5rem;\n ",
|
|
201
201
|
": 0.5rem;\n ",
|
|
202
202
|
": 1.5rem;\n ",
|
|
203
203
|
": 1rem;\n ",
|
|
@@ -45,6 +45,8 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
45
45
|
size?: string;
|
|
46
46
|
view?: string;
|
|
47
47
|
emptyStateDescription?: React.ReactNode;
|
|
48
|
+
treeView?: boolean;
|
|
49
|
+
arrowPlacement?: "left" | "right";
|
|
48
50
|
listHeight?: React.CSSProperties["height"];
|
|
49
51
|
listOverflow?: React.CSSProperties["overflow"];
|
|
50
52
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
|
@@ -101,6 +103,8 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
101
103
|
size?: string;
|
|
102
104
|
view?: string;
|
|
103
105
|
emptyStateDescription?: React.ReactNode;
|
|
106
|
+
treeView?: boolean;
|
|
107
|
+
arrowPlacement?: "left" | "right";
|
|
104
108
|
listHeight?: React.CSSProperties["height"];
|
|
105
109
|
listOverflow?: React.CSSProperties["overflow"];
|
|
106
110
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
|
@@ -157,6 +161,8 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
157
161
|
size?: string;
|
|
158
162
|
view?: string;
|
|
159
163
|
emptyStateDescription?: React.ReactNode;
|
|
164
|
+
treeView?: boolean;
|
|
165
|
+
arrowPlacement?: "left" | "right";
|
|
160
166
|
listHeight?: React.CSSProperties["height"];
|
|
161
167
|
listOverflow?: React.CSSProperties["overflow"];
|
|
162
168
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
|
@@ -213,6 +219,8 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
213
219
|
size?: string;
|
|
214
220
|
view?: string;
|
|
215
221
|
emptyStateDescription?: React.ReactNode;
|
|
222
|
+
treeView?: boolean;
|
|
223
|
+
arrowPlacement?: "left" | "right";
|
|
216
224
|
listHeight?: React.CSSProperties["height"];
|
|
217
225
|
listOverflow?: React.CSSProperties["overflow"];
|
|
218
226
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
|
@@ -269,6 +277,8 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
269
277
|
size?: string;
|
|
270
278
|
view?: string;
|
|
271
279
|
emptyStateDescription?: React.ReactNode;
|
|
280
|
+
treeView?: boolean;
|
|
281
|
+
arrowPlacement?: "left" | "right";
|
|
272
282
|
listHeight?: React.CSSProperties["height"];
|
|
273
283
|
listOverflow?: React.CSSProperties["overflow"];
|
|
274
284
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
|
@@ -325,6 +335,8 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
325
335
|
size?: string;
|
|
326
336
|
view?: string;
|
|
327
337
|
emptyStateDescription?: React.ReactNode;
|
|
338
|
+
treeView?: boolean;
|
|
339
|
+
arrowPlacement?: "left" | "right";
|
|
328
340
|
listHeight?: React.CSSProperties["height"];
|
|
329
341
|
listOverflow?: React.CSSProperties["overflow"];
|
|
330
342
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
|
@@ -381,6 +393,8 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
381
393
|
size?: string;
|
|
382
394
|
view?: string;
|
|
383
395
|
emptyStateDescription?: React.ReactNode;
|
|
396
|
+
treeView?: boolean;
|
|
397
|
+
arrowPlacement?: "left" | "right";
|
|
384
398
|
listHeight?: React.CSSProperties["height"];
|
|
385
399
|
listOverflow?: React.CSSProperties["overflow"];
|
|
386
400
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
|
@@ -437,6 +451,8 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
437
451
|
size?: string;
|
|
438
452
|
view?: string;
|
|
439
453
|
emptyStateDescription?: React.ReactNode;
|
|
454
|
+
treeView?: boolean;
|
|
455
|
+
arrowPlacement?: "left" | "right";
|
|
440
456
|
listHeight?: React.CSSProperties["height"];
|
|
441
457
|
listOverflow?: React.CSSProperties["overflow"];
|
|
442
458
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
|
@@ -493,6 +509,8 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
493
509
|
size?: string;
|
|
494
510
|
view?: string;
|
|
495
511
|
emptyStateDescription?: React.ReactNode;
|
|
512
|
+
treeView?: boolean;
|
|
513
|
+
arrowPlacement?: "left" | "right";
|
|
496
514
|
listHeight?: React.CSSProperties["height"];
|
|
497
515
|
listOverflow?: React.CSSProperties["overflow"];
|
|
498
516
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
|
@@ -549,6 +567,8 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
549
567
|
size?: string;
|
|
550
568
|
view?: string;
|
|
551
569
|
emptyStateDescription?: React.ReactNode;
|
|
570
|
+
treeView?: boolean;
|
|
571
|
+
arrowPlacement?: "left" | "right";
|
|
552
572
|
listHeight?: React.CSSProperties["height"];
|
|
553
573
|
listOverflow?: React.CSSProperties["overflow"];
|
|
554
574
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
|
@@ -605,6 +625,8 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
605
625
|
size?: string;
|
|
606
626
|
view?: string;
|
|
607
627
|
emptyStateDescription?: React.ReactNode;
|
|
628
|
+
treeView?: boolean;
|
|
629
|
+
arrowPlacement?: "left" | "right";
|
|
608
630
|
listHeight?: React.CSSProperties["height"];
|
|
609
631
|
listOverflow?: React.CSSProperties["overflow"];
|
|
610
632
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
|
@@ -661,6 +683,8 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
661
683
|
size?: string;
|
|
662
684
|
view?: string;
|
|
663
685
|
emptyStateDescription?: React.ReactNode;
|
|
686
|
+
treeView?: boolean;
|
|
687
|
+
arrowPlacement?: "left" | "right";
|
|
664
688
|
listHeight?: React.CSSProperties["height"];
|
|
665
689
|
listOverflow?: React.CSSProperties["overflow"];
|
|
666
690
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
|
@@ -717,6 +741,8 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
717
741
|
size?: string;
|
|
718
742
|
view?: string;
|
|
719
743
|
emptyStateDescription?: React.ReactNode;
|
|
744
|
+
treeView?: boolean;
|
|
745
|
+
arrowPlacement?: "left" | "right";
|
|
720
746
|
listHeight?: React.CSSProperties["height"];
|
|
721
747
|
listOverflow?: React.CSSProperties["overflow"];
|
|
722
748
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
|
@@ -773,6 +799,8 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
773
799
|
size?: string;
|
|
774
800
|
view?: string;
|
|
775
801
|
emptyStateDescription?: React.ReactNode;
|
|
802
|
+
treeView?: boolean;
|
|
803
|
+
arrowPlacement?: "left" | "right";
|
|
776
804
|
listHeight?: React.CSSProperties["height"];
|
|
777
805
|
listOverflow?: React.CSSProperties["overflow"];
|
|
778
806
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
|
@@ -829,6 +857,8 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
829
857
|
size?: string;
|
|
830
858
|
view?: string;
|
|
831
859
|
emptyStateDescription?: React.ReactNode;
|
|
860
|
+
treeView?: boolean;
|
|
861
|
+
arrowPlacement?: "left" | "right";
|
|
832
862
|
listHeight?: React.CSSProperties["height"];
|
|
833
863
|
listOverflow?: React.CSSProperties["overflow"];
|
|
834
864
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
|
@@ -885,6 +915,8 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
885
915
|
size?: string;
|
|
886
916
|
view?: string;
|
|
887
917
|
emptyStateDescription?: React.ReactNode;
|
|
918
|
+
treeView?: boolean;
|
|
919
|
+
arrowPlacement?: "left" | "right";
|
|
888
920
|
listHeight?: React.CSSProperties["height"];
|
|
889
921
|
listOverflow?: React.CSSProperties["overflow"];
|
|
890
922
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
|
@@ -941,6 +973,8 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
941
973
|
size?: string;
|
|
942
974
|
view?: string;
|
|
943
975
|
emptyStateDescription?: React.ReactNode;
|
|
976
|
+
treeView?: boolean;
|
|
977
|
+
arrowPlacement?: "left" | "right";
|
|
944
978
|
listHeight?: React.CSSProperties["height"];
|
|
945
979
|
listOverflow?: React.CSSProperties["overflow"];
|
|
946
980
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
|
@@ -997,6 +1031,8 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
997
1031
|
size?: string;
|
|
998
1032
|
view?: string;
|
|
999
1033
|
emptyStateDescription?: React.ReactNode;
|
|
1034
|
+
treeView?: boolean;
|
|
1035
|
+
arrowPlacement?: "left" | "right";
|
|
1000
1036
|
listHeight?: React.CSSProperties["height"];
|
|
1001
1037
|
listOverflow?: React.CSSProperties["overflow"];
|
|
1002
1038
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
|
@@ -1053,6 +1089,8 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1053
1089
|
size?: string;
|
|
1054
1090
|
view?: string;
|
|
1055
1091
|
emptyStateDescription?: React.ReactNode;
|
|
1092
|
+
treeView?: boolean;
|
|
1093
|
+
arrowPlacement?: "left" | "right";
|
|
1056
1094
|
listHeight?: React.CSSProperties["height"];
|
|
1057
1095
|
listOverflow?: React.CSSProperties["overflow"];
|
|
1058
1096
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
|
@@ -1109,6 +1147,8 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1109
1147
|
size?: string;
|
|
1110
1148
|
view?: string;
|
|
1111
1149
|
emptyStateDescription?: React.ReactNode;
|
|
1150
|
+
treeView?: boolean;
|
|
1151
|
+
arrowPlacement?: "left" | "right";
|
|
1112
1152
|
listHeight?: React.CSSProperties["height"];
|
|
1113
1153
|
listOverflow?: React.CSSProperties["overflow"];
|
|
1114
1154
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
|
@@ -1165,6 +1205,8 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1165
1205
|
size?: string;
|
|
1166
1206
|
view?: string;
|
|
1167
1207
|
emptyStateDescription?: React.ReactNode;
|
|
1208
|
+
treeView?: boolean;
|
|
1209
|
+
arrowPlacement?: "left" | "right";
|
|
1168
1210
|
listHeight?: React.CSSProperties["height"];
|
|
1169
1211
|
listOverflow?: React.CSSProperties["overflow"];
|
|
1170
1212
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
|
@@ -1221,6 +1263,8 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1221
1263
|
size?: string;
|
|
1222
1264
|
view?: string;
|
|
1223
1265
|
emptyStateDescription?: React.ReactNode;
|
|
1266
|
+
treeView?: boolean;
|
|
1267
|
+
arrowPlacement?: "left" | "right";
|
|
1224
1268
|
listHeight?: React.CSSProperties["height"];
|
|
1225
1269
|
listOverflow?: React.CSSProperties["overflow"];
|
|
1226
1270
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
|
@@ -1277,6 +1321,8 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1277
1321
|
size?: string;
|
|
1278
1322
|
view?: string;
|
|
1279
1323
|
emptyStateDescription?: React.ReactNode;
|
|
1324
|
+
treeView?: boolean;
|
|
1325
|
+
arrowPlacement?: "left" | "right";
|
|
1280
1326
|
listHeight?: React.CSSProperties["height"];
|
|
1281
1327
|
listOverflow?: React.CSSProperties["overflow"];
|
|
1282
1328
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
|
@@ -1333,6 +1379,8 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
|
1333
1379
|
size?: string;
|
|
1334
1380
|
view?: string;
|
|
1335
1381
|
emptyStateDescription?: React.ReactNode;
|
|
1382
|
+
treeView?: boolean;
|
|
1383
|
+
arrowPlacement?: "left" | "right";
|
|
1336
1384
|
listHeight?: React.CSSProperties["height"];
|
|
1337
1385
|
listOverflow?: React.CSSProperties["overflow"];
|
|
1338
1386
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
|
@@ -31,6 +31,9 @@ function _templateObject() {
|
|
|
31
31
|
": var(--text-secondary);\n ",
|
|
32
32
|
": var(--text-negative);\n ",
|
|
33
33
|
": var(--text-positive);\n\n ",
|
|
34
|
+
": var(--text-secondary);\n ",
|
|
35
|
+
": var(--text-secondary-hover);\n ",
|
|
36
|
+
": var(--text-secondary-active);\n\n ",
|
|
34
37
|
": var(--surface-negative);\n\n ",
|
|
35
38
|
": var(--text-primary);\n ",
|
|
36
39
|
": var(--text-secondary);\n ",
|
|
@@ -147,7 +150,7 @@ var config = {
|
|
|
147
150
|
},
|
|
148
151
|
variations: {
|
|
149
152
|
view: {
|
|
150
|
-
default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.rangeTokens.background, _styledcomponents.rangeTokens.borderColor, _styledcomponents.rangeTokens.borderColorError, _styledcomponents.rangeTokens.borderColorSuccess, _styledcomponents.rangeTokens.dividerColor, _styledcomponents.rangeTokens.labelColor, _styledcomponents.rangeTokens.leftHelperColor, _styledcomponents.rangeTokens.leftHelperColorError, _styledcomponents.rangeTokens.leftHelperColorSuccess, _styledcomponents.rangeTokens.indicatorColor, _styledcomponents.rangeTokens.textFieldColor, _styledcomponents.rangeTokens.textFieldPlaceholderColor, _styledcomponents.rangeTokens.textFieldPlaceholderColorFocus, _styledcomponents.rangeTokens.textFieldCaretColor, _styledcomponents.rangeTokens.textFieldBorderColorHover, _styledcomponents.rangeTokens.textFieldBorderColorFocus, _styledcomponents.rangeTokens.textFieldBorderColorError, _styledcomponents.rangeTokens.textFieldBorderColorErrorFocus, _styledcomponents.rangeTokens.textFieldBorderColorSuccess, _styledcomponents.rangeTokens.textFieldBorderColorSuccessFocus, _styledcomponents.rangeTokens.focusColor, _styledcomponents.rangeTokens.textFieldTextAfterColor, _styledcomponents.rangeTokens.textFieldTextBeforeColor)
|
|
153
|
+
default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.rangeTokens.background, _styledcomponents.rangeTokens.borderColor, _styledcomponents.rangeTokens.borderColorError, _styledcomponents.rangeTokens.borderColorSuccess, _styledcomponents.rangeTokens.dividerColor, _styledcomponents.rangeTokens.labelColor, _styledcomponents.rangeTokens.leftHelperColor, _styledcomponents.rangeTokens.leftHelperColorError, _styledcomponents.rangeTokens.leftHelperColorSuccess, _styledcomponents.rangeTokens.contentSlotColor, _styledcomponents.rangeTokens.contentSlotColorHover, _styledcomponents.rangeTokens.contentSlotColorActive, _styledcomponents.rangeTokens.indicatorColor, _styledcomponents.rangeTokens.textFieldColor, _styledcomponents.rangeTokens.textFieldPlaceholderColor, _styledcomponents.rangeTokens.textFieldPlaceholderColorFocus, _styledcomponents.rangeTokens.textFieldCaretColor, _styledcomponents.rangeTokens.textFieldBorderColorHover, _styledcomponents.rangeTokens.textFieldBorderColorFocus, _styledcomponents.rangeTokens.textFieldBorderColorError, _styledcomponents.rangeTokens.textFieldBorderColorErrorFocus, _styledcomponents.rangeTokens.textFieldBorderColorSuccess, _styledcomponents.rangeTokens.textFieldBorderColorSuccessFocus, _styledcomponents.rangeTokens.focusColor, _styledcomponents.rangeTokens.textFieldTextAfterColor, _styledcomponents.rangeTokens.textFieldTextBeforeColor)
|
|
151
154
|
},
|
|
152
155
|
size: {
|
|
153
156
|
s: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.rangeTokens.borderRadius, _styledcomponents.rangeTokens.borderWidth, _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.textFieldBorderWidth, _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)
|
|
@@ -196,8 +196,8 @@ function _templateObject2() {
|
|
|
196
196
|
": 0.125rem;\n ",
|
|
197
197
|
": 0.75rem;\n\n ",
|
|
198
198
|
": 1.5rem;\n ",
|
|
199
|
-
": 0.5rem 0.
|
|
200
|
-
": 0.25rem 0.
|
|
199
|
+
": 0.5rem 0.5rem;\n ",
|
|
200
|
+
": 0.25rem 0.5rem;\n ",
|
|
201
201
|
": 0.5rem;\n ",
|
|
202
202
|
": 1.5rem;\n ",
|
|
203
203
|
": 1rem;\n ",
|
|
@@ -31,6 +31,9 @@ function _templateObject() {
|
|
|
31
31
|
": var(--text-secondary);\n ",
|
|
32
32
|
": var(--text-negative);\n ",
|
|
33
33
|
": var(--text-positive);\n\n ",
|
|
34
|
+
": var(--text-secondary);\n ",
|
|
35
|
+
": var(--text-secondary-hover);\n ",
|
|
36
|
+
": var(--text-secondary-active);\n\n ",
|
|
34
37
|
": var(--surface-negative);\n\n ",
|
|
35
38
|
": var(--text-primary);\n ",
|
|
36
39
|
": var(--text-secondary);\n ",
|
|
@@ -147,7 +150,7 @@ var config = {
|
|
|
147
150
|
},
|
|
148
151
|
variations: {
|
|
149
152
|
view: {
|
|
150
|
-
default: (0, _emotion.css)(_templateObject(), _emotion.rangeTokens.background, _emotion.rangeTokens.borderColor, _emotion.rangeTokens.borderColorError, _emotion.rangeTokens.borderColorSuccess, _emotion.rangeTokens.dividerColor, _emotion.rangeTokens.labelColor, _emotion.rangeTokens.leftHelperColor, _emotion.rangeTokens.leftHelperColorError, _emotion.rangeTokens.leftHelperColorSuccess, _emotion.rangeTokens.indicatorColor, _emotion.rangeTokens.textFieldColor, _emotion.rangeTokens.textFieldPlaceholderColor, _emotion.rangeTokens.textFieldPlaceholderColorFocus, _emotion.rangeTokens.textFieldCaretColor, _emotion.rangeTokens.textFieldBorderColorHover, _emotion.rangeTokens.textFieldBorderColorFocus, _emotion.rangeTokens.textFieldBorderColorError, _emotion.rangeTokens.textFieldBorderColorErrorFocus, _emotion.rangeTokens.textFieldBorderColorSuccess, _emotion.rangeTokens.textFieldBorderColorSuccessFocus, _emotion.rangeTokens.focusColor, _emotion.rangeTokens.textFieldTextAfterColor, _emotion.rangeTokens.textFieldTextBeforeColor)
|
|
153
|
+
default: (0, _emotion.css)(_templateObject(), _emotion.rangeTokens.background, _emotion.rangeTokens.borderColor, _emotion.rangeTokens.borderColorError, _emotion.rangeTokens.borderColorSuccess, _emotion.rangeTokens.dividerColor, _emotion.rangeTokens.labelColor, _emotion.rangeTokens.leftHelperColor, _emotion.rangeTokens.leftHelperColorError, _emotion.rangeTokens.leftHelperColorSuccess, _emotion.rangeTokens.contentSlotColor, _emotion.rangeTokens.contentSlotColorHover, _emotion.rangeTokens.contentSlotColorActive, _emotion.rangeTokens.indicatorColor, _emotion.rangeTokens.textFieldColor, _emotion.rangeTokens.textFieldPlaceholderColor, _emotion.rangeTokens.textFieldPlaceholderColorFocus, _emotion.rangeTokens.textFieldCaretColor, _emotion.rangeTokens.textFieldBorderColorHover, _emotion.rangeTokens.textFieldBorderColorFocus, _emotion.rangeTokens.textFieldBorderColorError, _emotion.rangeTokens.textFieldBorderColorErrorFocus, _emotion.rangeTokens.textFieldBorderColorSuccess, _emotion.rangeTokens.textFieldBorderColorSuccessFocus, _emotion.rangeTokens.focusColor, _emotion.rangeTokens.textFieldTextAfterColor, _emotion.rangeTokens.textFieldTextBeforeColor)
|
|
151
154
|
},
|
|
152
155
|
size: {
|
|
153
156
|
s: (0, _emotion.css)(_templateObject1(), _emotion.rangeTokens.borderRadius, _emotion.rangeTokens.borderWidth, _emotion.rangeTokens.dividerPadding, _emotion.rangeTokens.dividerFontFamily, _emotion.rangeTokens.dividerFontStyle, _emotion.rangeTokens.dividerFontSize, _emotion.rangeTokens.dividerFontWeight, _emotion.rangeTokens.dividerLetterSpacing, _emotion.rangeTokens.dividerLineHeight, _emotion.rangeTokens.leftContentMargin, _emotion.rangeTokens.rightContentMargin, _emotion.rangeTokens.labelOffset, _emotion.rangeTokens.labelFontFamily, _emotion.rangeTokens.labelFontStyle, _emotion.rangeTokens.labelFontSize, _emotion.rangeTokens.labelFontWeight, _emotion.rangeTokens.labelLetterSpacing, _emotion.rangeTokens.labelLineHeight, _emotion.rangeTokens.indicatorSize, _emotion.rangeTokens.indicatorSizeOuter, _emotion.rangeTokens.indicatorPlacement, _emotion.rangeTokens.indicatorOuterPlacement, _emotion.rangeTokens.indicatorPlacementRight, _emotion.rangeTokens.indicatorOuterPlacementRight, _emotion.rangeTokens.textFieldHeight, _emotion.rangeTokens.textFieldBorderRadius, _emotion.rangeTokens.textFieldBorderWidth, _emotion.rangeTokens.textFieldPadding, _emotion.rangeTokens.textFieldFontFamily, _emotion.rangeTokens.textFieldFontStyle, _emotion.rangeTokens.textFieldFontSize, _emotion.rangeTokens.textFieldFontWeight, _emotion.rangeTokens.textFieldLetterSpacing, _emotion.rangeTokens.textFieldLineHeight, _emotion.rangeTokens.leftHelperOffset, _emotion.rangeTokens.leftHelperFontFamily, _emotion.rangeTokens.leftHelperFontStyle, _emotion.rangeTokens.leftHelperFontSize, _emotion.rangeTokens.leftHelperFontWeight, _emotion.rangeTokens.leftHelperLetterSpacing, _emotion.rangeTokens.leftHelperLineHeight, _emotion.rangeTokens.textFieldLeftContentMargin, _emotion.rangeTokens.textFieldRightContentMargin, _emotion.rangeTokens.textFieldTextBeforeMargin, _emotion.rangeTokens.textFieldTextAfterMargin)
|
|
@@ -185,8 +185,8 @@ function _templateObject2() {
|
|
|
185
185
|
": 0.125rem;\n ",
|
|
186
186
|
": 0.75rem;\n\n ",
|
|
187
187
|
": 1.5rem;\n ",
|
|
188
|
-
": 0.5rem 0.
|
|
189
|
-
": 0.25rem 0.
|
|
188
|
+
": 0.5rem 0.5rem;\n ",
|
|
189
|
+
": 0.25rem 0.5rem;\n ",
|
|
190
190
|
": 0.5rem;\n ",
|
|
191
191
|
": 1.5rem;\n ",
|
|
192
192
|
": 1rem;\n ",
|
|
@@ -20,6 +20,9 @@ function _templateObject() {
|
|
|
20
20
|
": var(--text-secondary);\n ",
|
|
21
21
|
": var(--text-negative);\n ",
|
|
22
22
|
": var(--text-positive);\n\n ",
|
|
23
|
+
": var(--text-secondary);\n ",
|
|
24
|
+
": var(--text-secondary-hover);\n ",
|
|
25
|
+
": var(--text-secondary-active);\n\n ",
|
|
23
26
|
": var(--surface-negative);\n\n ",
|
|
24
27
|
": var(--text-primary);\n ",
|
|
25
28
|
": var(--text-secondary);\n ",
|
|
@@ -137,7 +140,7 @@ export var config = {
|
|
|
137
140
|
},
|
|
138
141
|
variations: {
|
|
139
142
|
view: {
|
|
140
|
-
default: css(_templateObject(), tokens.background, tokens.borderColor, tokens.borderColorError, tokens.borderColorSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.indicatorColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldBorderColorError, tokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccessFocus, tokens.focusColor, tokens.textFieldTextAfterColor, tokens.textFieldTextBeforeColor)
|
|
143
|
+
default: css(_templateObject(), tokens.background, tokens.borderColor, tokens.borderColorError, tokens.borderColorSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.indicatorColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldBorderColorError, tokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccessFocus, tokens.focusColor, tokens.textFieldTextAfterColor, tokens.textFieldTextBeforeColor)
|
|
141
144
|
},
|
|
142
145
|
size: {
|
|
143
146
|
s: css(_templateObject1(), tokens.borderRadius, tokens.borderWidth, 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.textFieldBorderWidth, 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)
|
|
@@ -185,8 +185,8 @@ function _templateObject2() {
|
|
|
185
185
|
": 0.125rem;\n ",
|
|
186
186
|
": 0.75rem;\n\n ",
|
|
187
187
|
": 1.5rem;\n ",
|
|
188
|
-
": 0.5rem 0.
|
|
189
|
-
": 0.25rem 0.
|
|
188
|
+
": 0.5rem 0.5rem;\n ",
|
|
189
|
+
": 0.25rem 0.5rem;\n ",
|
|
190
190
|
": 0.5rem;\n ",
|
|
191
191
|
": 1.5rem;\n ",
|
|
192
192
|
": 1rem;\n ",
|
|
@@ -20,6 +20,9 @@ function _templateObject() {
|
|
|
20
20
|
": var(--text-secondary);\n ",
|
|
21
21
|
": var(--text-negative);\n ",
|
|
22
22
|
": var(--text-positive);\n\n ",
|
|
23
|
+
": var(--text-secondary);\n ",
|
|
24
|
+
": var(--text-secondary-hover);\n ",
|
|
25
|
+
": var(--text-secondary-active);\n\n ",
|
|
23
26
|
": var(--surface-negative);\n\n ",
|
|
24
27
|
": var(--text-primary);\n ",
|
|
25
28
|
": var(--text-secondary);\n ",
|
|
@@ -137,7 +140,7 @@ export var config = {
|
|
|
137
140
|
},
|
|
138
141
|
variations: {
|
|
139
142
|
view: {
|
|
140
|
-
default: css(_templateObject(), tokens.background, tokens.borderColor, tokens.borderColorError, tokens.borderColorSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.indicatorColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldBorderColorError, tokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccessFocus, tokens.focusColor, tokens.textFieldTextAfterColor, tokens.textFieldTextBeforeColor)
|
|
143
|
+
default: css(_templateObject(), tokens.background, tokens.borderColor, tokens.borderColorError, tokens.borderColorSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.indicatorColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldBorderColorError, tokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccessFocus, tokens.focusColor, tokens.textFieldTextAfterColor, tokens.textFieldTextBeforeColor)
|
|
141
144
|
},
|
|
142
145
|
size: {
|
|
143
146
|
s: css(_templateObject1(), tokens.borderRadius, tokens.borderWidth, 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.textFieldBorderWidth, 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)
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/sdds-cs",
|
|
3
|
-
"version": "0.332.0-canary.
|
|
3
|
+
"version": "0.332.0-canary.2322.19259276297.0",
|
|
4
4
|
"description": "Salute Design System / React UI kit for SDDS CS web applications",
|
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
"directory": "packages/sdds-cs"
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
|
-
"@salutejs/plasma-new-hope": "0.340.0-canary.
|
|
34
|
+
"@salutejs/plasma-new-hope": "0.340.0-canary.2322.19259276297.0",
|
|
35
35
|
"@salutejs/sdds-themes": "0.48.0"
|
|
36
36
|
},
|
|
37
37
|
"peerDependencies": {
|
|
@@ -124,5 +124,5 @@
|
|
|
124
124
|
"Anton Vinogradov"
|
|
125
125
|
],
|
|
126
126
|
"sideEffects": false,
|
|
127
|
-
"gitHead": "
|
|
127
|
+
"gitHead": "a4cb9f8dce8b7357eee5bb58c6fed164a21b4362"
|
|
128
128
|
}
|