@salutejs/plasma-homeds 0.354.0-next-sbcom.0 → 0.355.0-dev.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/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +4 -4
- package/dist/styled-components/cjs/components/ChipGroup/ChipGroup.config.js +16 -0
- package/dist/styled-components/cjs/components/CodeField/CodeField.config.js +27 -0
- package/dist/styled-components/cjs/components/Combobox/Combobox.config.js +4 -4
- package/dist/styled-components/cjs/components/Select/Select.config.js +4 -4
- package/dist/styled-components/cjs/components/Slider/Slider.config.js +20 -1
- package/dist/styled-components/cjs/components/TextField/TextField.config.js +3 -3
- package/dist/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.config.js +4 -4
- package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +4 -4
- package/dist/styled-components/es/components/ChipGroup/ChipGroup.config.js +16 -0
- package/dist/styled-components/es/components/CodeField/CodeField.config.js +27 -0
- package/dist/styled-components/es/components/Combobox/Combobox.config.js +4 -4
- package/dist/styled-components/es/components/Select/Select.config.js +4 -4
- package/dist/styled-components/es/components/Slider/Slider.config.js +20 -1
- package/dist/styled-components/es/components/TextField/TextField.config.js +3 -3
- package/dist/styled-components/es/components/TextFieldGroup/TextFieldGroup.config.js +4 -4
- package/package.json +10 -10
- package/types/components/Avatar/Avatar.d.ts +4 -4
- package/types/components/ChipGroup/ChipGroup.config.d.ts +4 -0
- package/types/components/ChipGroup/ChipGroup.d.ts +4 -0
- package/types/components/CodeField/CodeField.config.d.ts +1 -0
- package/types/components/CodeField/CodeField.d.ts +1 -0
- package/types/components/Slider/Slider.config.d.ts +1 -0
- package/types/components/Slider/Slider.d.ts +8 -4
- package/types/components/TimePicker/TimePicker.d.ts +2 -2
|
@@ -224,7 +224,7 @@ const config = {
|
|
|
224
224
|
${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
|
|
225
225
|
${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
|
|
226
226
|
|
|
227
|
-
${_styledcomponents.autocompleteTokens.
|
|
227
|
+
${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
228
228
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
229
229
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
230
230
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
@@ -299,7 +299,7 @@ const config = {
|
|
|
299
299
|
${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
|
|
300
300
|
${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
|
|
301
301
|
|
|
302
|
-
${_styledcomponents.autocompleteTokens.
|
|
302
|
+
${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
303
303
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
304
304
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
305
305
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
@@ -374,7 +374,7 @@ const config = {
|
|
|
374
374
|
${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
|
|
375
375
|
${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
|
|
376
376
|
|
|
377
|
-
${_styledcomponents.autocompleteTokens.
|
|
377
|
+
${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
378
378
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
379
379
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
380
380
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
@@ -449,7 +449,7 @@ const config = {
|
|
|
449
449
|
${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
|
|
450
450
|
${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
|
|
451
451
|
|
|
452
|
-
${_styledcomponents.autocompleteTokens.
|
|
452
|
+
${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
453
453
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
454
454
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
455
455
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
@@ -48,6 +48,9 @@ const config = {
|
|
|
48
48
|
size: {
|
|
49
49
|
l: (0, _styledcomponents.css)`
|
|
50
50
|
${_styledcomponents.chipGroupTokens.chipBorderRadius}: 0.75rem;
|
|
51
|
+
${_styledcomponents.chipGroupTokens.chipDefaultRadius}: 0.75rem;
|
|
52
|
+
${_styledcomponents.chipGroupTokens.chipSegmentedRadius}: 0.375rem;
|
|
53
|
+
${_styledcomponents.chipGroupTokens.chipSideRadius}: 0.75rem;
|
|
51
54
|
${_styledcomponents.chipGroupTokens.chipWidth}: auto;
|
|
52
55
|
${_styledcomponents.chipGroupTokens.chipHeight}: 3rem;
|
|
53
56
|
${_styledcomponents.chipGroupTokens.chipPadding}: 0 1rem;
|
|
@@ -69,6 +72,9 @@ const config = {
|
|
|
69
72
|
`,
|
|
70
73
|
m: (0, _styledcomponents.css)`
|
|
71
74
|
${_styledcomponents.chipGroupTokens.chipBorderRadius}: 0.625rem;
|
|
75
|
+
${_styledcomponents.chipGroupTokens.chipDefaultRadius}: 0.625rem;
|
|
76
|
+
${_styledcomponents.chipGroupTokens.chipSegmentedRadius}: 0.25rem;
|
|
77
|
+
${_styledcomponents.chipGroupTokens.chipSideRadius}: 0.625rem;
|
|
72
78
|
${_styledcomponents.chipGroupTokens.chipWidth}: auto;
|
|
73
79
|
${_styledcomponents.chipGroupTokens.chipHeight}: 2.5rem;
|
|
74
80
|
${_styledcomponents.chipGroupTokens.chipPadding}: 0 0.875rem;
|
|
@@ -90,6 +96,9 @@ const config = {
|
|
|
90
96
|
`,
|
|
91
97
|
s: (0, _styledcomponents.css)`
|
|
92
98
|
${_styledcomponents.chipGroupTokens.chipBorderRadius}: 0.5rem;
|
|
99
|
+
${_styledcomponents.chipGroupTokens.chipDefaultRadius}: 0.5rem;
|
|
100
|
+
${_styledcomponents.chipGroupTokens.chipSegmentedRadius}: 0.25rem;
|
|
101
|
+
${_styledcomponents.chipGroupTokens.chipSideRadius}: 0.5rem;
|
|
93
102
|
${_styledcomponents.chipGroupTokens.chipWidth}: auto;
|
|
94
103
|
${_styledcomponents.chipGroupTokens.chipHeight}: 2rem;
|
|
95
104
|
${_styledcomponents.chipGroupTokens.chipPadding}: 0 0.875rem;
|
|
@@ -111,6 +120,9 @@ const config = {
|
|
|
111
120
|
`,
|
|
112
121
|
xs: (0, _styledcomponents.css)`
|
|
113
122
|
${_styledcomponents.chipGroupTokens.chipBorderRadius}: 0.375rem;
|
|
123
|
+
${_styledcomponents.chipGroupTokens.chipDefaultRadius}: 0.375rem;
|
|
124
|
+
${_styledcomponents.chipGroupTokens.chipSegmentedRadius}: 0.125rem;
|
|
125
|
+
${_styledcomponents.chipGroupTokens.chipSideRadius}: 0.375rem;
|
|
114
126
|
${_styledcomponents.chipGroupTokens.chipWidth}: auto;
|
|
115
127
|
${_styledcomponents.chipGroupTokens.chipHeight}: 1.5rem;
|
|
116
128
|
${_styledcomponents.chipGroupTokens.chipPadding}: 0 0.625rem;
|
|
@@ -138,6 +150,10 @@ const config = {
|
|
|
138
150
|
wide: (0, _styledcomponents.css)`
|
|
139
151
|
${_styledcomponents.chipGroupTokens.chipGroupItemsGap}: 0.5rem;
|
|
140
152
|
`
|
|
153
|
+
},
|
|
154
|
+
shape: {
|
|
155
|
+
segmented: (0, _styledcomponents.css)``,
|
|
156
|
+
default: (0, _styledcomponents.css)``
|
|
141
157
|
}
|
|
142
158
|
}
|
|
143
159
|
};
|
|
@@ -35,6 +35,33 @@ const config = {
|
|
|
35
35
|
`
|
|
36
36
|
},
|
|
37
37
|
size: {
|
|
38
|
+
xl: (0, _styledcomponents.css)`
|
|
39
|
+
${_styledcomponents.codeFieldTokens.captionGap}: 0.875rem;
|
|
40
|
+
${_styledcomponents.codeFieldTokens.codeItemsGap}: 0.125rem;
|
|
41
|
+
|
|
42
|
+
${_styledcomponents.codeFieldTokens.separatorWidth}: 0.25rem;
|
|
43
|
+
|
|
44
|
+
${_styledcomponents.codeFieldTokens.codeItemWidth}: 3rem;
|
|
45
|
+
${_styledcomponents.codeFieldTokens.codeItemHeight}: 4rem;
|
|
46
|
+
|
|
47
|
+
${_styledcomponents.codeFieldTokens.fontFamily}: ${_plasma_homeds.bodyL.fontFamily};
|
|
48
|
+
${_styledcomponents.codeFieldTokens.fontSize}: ${_plasma_homeds.bodyL.fontSize};
|
|
49
|
+
${_styledcomponents.codeFieldTokens.fontStyle}: ${_plasma_homeds.bodyL.fontStyle};
|
|
50
|
+
${_styledcomponents.codeFieldTokens.fontWeight}: ${_plasma_homeds.bodyLBold.fontWeight};
|
|
51
|
+
${_styledcomponents.codeFieldTokens.letterSpacing}: ${_plasma_homeds.bodyL.letterSpacing};
|
|
52
|
+
${_styledcomponents.codeFieldTokens.lineHeight}: ${_plasma_homeds.bodyL.lineHeight};
|
|
53
|
+
|
|
54
|
+
${_styledcomponents.codeFieldTokens.captionFontFamily}: ${_plasma_homeds.bodyS.fontFamily};
|
|
55
|
+
${_styledcomponents.codeFieldTokens.captionFontSize}: ${_plasma_homeds.bodyS.fontSize};
|
|
56
|
+
${_styledcomponents.codeFieldTokens.captionFontStyle}: ${_plasma_homeds.bodyS.fontStyle};
|
|
57
|
+
${_styledcomponents.codeFieldTokens.captionFontWeight}: ${_plasma_homeds.bodyS.fontWeight};
|
|
58
|
+
${_styledcomponents.codeFieldTokens.captionLetterSpacing}: ${_plasma_homeds.bodyS.letterSpacing};
|
|
59
|
+
${_styledcomponents.codeFieldTokens.captionLineHeight}: ${_plasma_homeds.bodyS.lineHeight};
|
|
60
|
+
|
|
61
|
+
${_styledcomponents.codeFieldTokens.borderRadius}: 1rem;
|
|
62
|
+
${_styledcomponents.codeFieldTokens.borderRadiusSegmented}: 0.5rem;
|
|
63
|
+
${_styledcomponents.codeFieldTokens.segmentedSideBorderRadius}: 1rem;
|
|
64
|
+
`,
|
|
38
65
|
l: (0, _styledcomponents.css)`
|
|
39
66
|
${_styledcomponents.codeFieldTokens.captionGap}: 0.875rem;
|
|
40
67
|
${_styledcomponents.codeFieldTokens.codeItemsGap}: 0.125rem;
|
|
@@ -276,7 +276,7 @@ const config = {
|
|
|
276
276
|
${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
|
|
277
277
|
${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
|
|
278
278
|
|
|
279
|
-
${_styledcomponents.comboboxTokens.
|
|
279
|
+
${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
280
280
|
${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
281
281
|
${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
282
282
|
${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
@@ -397,7 +397,7 @@ const config = {
|
|
|
397
397
|
${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
|
|
398
398
|
${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
|
|
399
399
|
|
|
400
|
-
${_styledcomponents.comboboxTokens.
|
|
400
|
+
${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
401
401
|
${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
402
402
|
${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
403
403
|
${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
@@ -518,7 +518,7 @@ const config = {
|
|
|
518
518
|
${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
|
|
519
519
|
${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
|
|
520
520
|
|
|
521
|
-
${_styledcomponents.comboboxTokens.
|
|
521
|
+
${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
522
522
|
${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
523
523
|
${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
524
524
|
${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
@@ -639,7 +639,7 @@ const config = {
|
|
|
639
639
|
${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
|
|
640
640
|
${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
|
|
641
641
|
|
|
642
|
-
${_styledcomponents.comboboxTokens.
|
|
642
|
+
${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
643
643
|
${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
644
644
|
${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
645
645
|
${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
@@ -403,7 +403,7 @@ const config = {
|
|
|
403
403
|
${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
|
|
404
404
|
${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
|
|
405
405
|
|
|
406
|
-
${_styledcomponents.selectTokens.
|
|
406
|
+
${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
407
407
|
${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
408
408
|
${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
409
409
|
${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
@@ -528,7 +528,7 @@ const config = {
|
|
|
528
528
|
${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
|
|
529
529
|
${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
|
|
530
530
|
|
|
531
|
-
${_styledcomponents.selectTokens.
|
|
531
|
+
${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
532
532
|
${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
533
533
|
${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
534
534
|
${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
@@ -653,7 +653,7 @@ const config = {
|
|
|
653
653
|
${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
|
|
654
654
|
${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
|
|
655
655
|
|
|
656
|
-
${_styledcomponents.selectTokens.
|
|
656
|
+
${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
657
657
|
${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
658
658
|
${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
659
659
|
${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
@@ -778,7 +778,7 @@ const config = {
|
|
|
778
778
|
${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
|
|
779
779
|
${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
|
|
780
780
|
|
|
781
|
-
${_styledcomponents.selectTokens.
|
|
781
|
+
${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
782
782
|
${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
783
783
|
${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
784
784
|
${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
@@ -14,7 +14,8 @@ const config = {
|
|
|
14
14
|
defaults: {
|
|
15
15
|
view: 'default',
|
|
16
16
|
size: 'm',
|
|
17
|
-
pointerSize: 'small'
|
|
17
|
+
pointerSize: 'small',
|
|
18
|
+
tickType: 'bullet'
|
|
18
19
|
},
|
|
19
20
|
variations: {
|
|
20
21
|
view: {
|
|
@@ -125,11 +126,13 @@ const config = {
|
|
|
125
126
|
${_styledcomponents.sliderTokens.valueLineHeight}: ${_plasma_homeds.bodyM.lineHeight};
|
|
126
127
|
|
|
127
128
|
${_styledcomponents.sliderTokens.tickSize}: 0.5rem;
|
|
129
|
+
${_styledcomponents.sliderTokens.tickSeparatorGap}: 0.5rem;
|
|
128
130
|
|
|
129
131
|
${_styledcomponents.sliderTokens.currentValueTopOffset}: 1.625rem;
|
|
130
132
|
|
|
131
133
|
${_styledcomponents.sliderTokens.railThickness}: 0.25rem;
|
|
132
134
|
${_styledcomponents.sliderTokens.railBorderRadius}: 0.125rem;
|
|
135
|
+
${_styledcomponents.sliderTokens.trackSegmentBorderRadius}: 1000px;
|
|
133
136
|
|
|
134
137
|
${_styledcomponents.sliderTokens.textFieldWrapperGap}: 0.125rem;
|
|
135
138
|
|
|
@@ -173,11 +176,13 @@ const config = {
|
|
|
173
176
|
${_styledcomponents.sliderTokens.valueLineHeight}: ${_plasma_homeds.bodyS.lineHeight};
|
|
174
177
|
|
|
175
178
|
${_styledcomponents.sliderTokens.tickSize}: 0.5rem;
|
|
179
|
+
${_styledcomponents.sliderTokens.tickSeparatorGap}: 0.5rem;
|
|
176
180
|
|
|
177
181
|
${_styledcomponents.sliderTokens.currentValueTopOffset}: 1.75rem;
|
|
178
182
|
|
|
179
183
|
${_styledcomponents.sliderTokens.railThickness}: 0.25rem;
|
|
180
184
|
${_styledcomponents.sliderTokens.railBorderRadius}: 0.125rem;
|
|
185
|
+
${_styledcomponents.sliderTokens.trackSegmentBorderRadius}: 1000px;
|
|
181
186
|
|
|
182
187
|
${_styledcomponents.sliderTokens.textFieldWrapperGap}: 0.125rem;
|
|
183
188
|
|
|
@@ -221,11 +226,13 @@ const config = {
|
|
|
221
226
|
${_styledcomponents.sliderTokens.valueLineHeight}: ${_plasma_homeds.bodyXS.lineHeight};
|
|
222
227
|
|
|
223
228
|
${_styledcomponents.sliderTokens.tickSize}: 0.5rem;
|
|
229
|
+
${_styledcomponents.sliderTokens.tickSeparatorGap}: 0.5rem;
|
|
224
230
|
|
|
225
231
|
${_styledcomponents.sliderTokens.currentValueTopOffset}: 1.25rem;
|
|
226
232
|
|
|
227
233
|
${_styledcomponents.sliderTokens.railThickness}: 0.25rem;
|
|
228
234
|
${_styledcomponents.sliderTokens.railBorderRadius}: 0.125rem;
|
|
235
|
+
${_styledcomponents.sliderTokens.trackSegmentBorderRadius}: 1000px;
|
|
229
236
|
|
|
230
237
|
${_styledcomponents.sliderTokens.textFieldWrapperGap}: 0.125rem;
|
|
231
238
|
|
|
@@ -245,14 +252,26 @@ const config = {
|
|
|
245
252
|
${_styledcomponents.sliderTokens.thumbSize}: 1rem;
|
|
246
253
|
${_styledcomponents.sliderTokens.thumbBorderStyle}: solid;
|
|
247
254
|
${_styledcomponents.sliderTokens.thumbBorderWidth}: 0.0625rem;
|
|
255
|
+
|
|
256
|
+
${_styledcomponents.sliderTokens.tickSeparatorWidth}: 0.25rem;
|
|
257
|
+
${_styledcomponents.sliderTokens.tickSeparatorHeight}: 0.5rem;
|
|
258
|
+
${_styledcomponents.sliderTokens.tickSeparatorBorderRadius}: 0.25rem;
|
|
248
259
|
`,
|
|
249
260
|
large: (0, _styledcomponents.css)`
|
|
250
261
|
${_styledcomponents.sliderTokens.thumbSize}: 1.25rem;
|
|
251
262
|
${_styledcomponents.sliderTokens.thumbBorderStyle}: solid;
|
|
252
263
|
${_styledcomponents.sliderTokens.thumbBorderWidth}: 0.0625rem;
|
|
264
|
+
|
|
265
|
+
${_styledcomponents.sliderTokens.tickSeparatorWidth}: 0.25rem;
|
|
266
|
+
${_styledcomponents.sliderTokens.tickSeparatorHeight}: 1rem;
|
|
267
|
+
${_styledcomponents.sliderTokens.tickSeparatorBorderRadius}: 0.25rem;
|
|
253
268
|
`,
|
|
254
269
|
none: (0, _styledcomponents.css)`
|
|
255
270
|
${_styledcomponents.sliderTokens.thumbSize}: 0rem;
|
|
271
|
+
|
|
272
|
+
${_styledcomponents.sliderTokens.tickSeparatorWidth}: 0.25rem;
|
|
273
|
+
${_styledcomponents.sliderTokens.tickSeparatorHeight}: 0.5rem;
|
|
274
|
+
${_styledcomponents.sliderTokens.tickSeparatorBorderRadius}: 0.25rem;
|
|
256
275
|
`
|
|
257
276
|
},
|
|
258
277
|
disabled: {
|
|
@@ -104,7 +104,7 @@ const config = {
|
|
|
104
104
|
${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_plasma_homeds.bodyXS.letterSpacing};
|
|
105
105
|
${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_plasma_homeds.bodyXS.lineHeight};
|
|
106
106
|
|
|
107
|
-
${_styledcomponents.textFieldTokens.
|
|
107
|
+
${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
108
108
|
${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
109
109
|
${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
110
110
|
${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
@@ -178,7 +178,7 @@ const config = {
|
|
|
178
178
|
${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_plasma_homeds.bodyXS.letterSpacing};
|
|
179
179
|
${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_plasma_homeds.bodyXS.lineHeight};
|
|
180
180
|
|
|
181
|
-
${_styledcomponents.textFieldTokens.
|
|
181
|
+
${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
182
182
|
${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
183
183
|
${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
184
184
|
${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
@@ -252,7 +252,7 @@ const config = {
|
|
|
252
252
|
${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_plasma_homeds.bodyXS.letterSpacing};
|
|
253
253
|
${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_plasma_homeds.bodyXS.lineHeight};
|
|
254
254
|
|
|
255
|
-
${_styledcomponents.textFieldTokens.
|
|
255
|
+
${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
256
256
|
${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
257
257
|
${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
258
258
|
${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
@@ -46,7 +46,7 @@ const config = {
|
|
|
46
46
|
${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: ${_plasma_homeds.bodyL.letterSpacing};
|
|
47
47
|
${_styledcomponents.textFieldGroupTokens.labelLineHeight}: ${_plasma_homeds.bodyL.lineHeight};
|
|
48
48
|
|
|
49
|
-
${_styledcomponents.textFieldGroupTokens.
|
|
49
|
+
${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
50
50
|
${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
51
51
|
${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
52
52
|
${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
@@ -102,7 +102,7 @@ const config = {
|
|
|
102
102
|
${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: ${_plasma_homeds.bodyM.letterSpacing};
|
|
103
103
|
${_styledcomponents.textFieldGroupTokens.labelLineHeight}: ${_plasma_homeds.bodyM.lineHeight};
|
|
104
104
|
|
|
105
|
-
${_styledcomponents.textFieldGroupTokens.
|
|
105
|
+
${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
106
106
|
${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
107
107
|
${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
108
108
|
${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
@@ -158,7 +158,7 @@ const config = {
|
|
|
158
158
|
${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: ${_plasma_homeds.bodyS.letterSpacing};
|
|
159
159
|
${_styledcomponents.textFieldGroupTokens.labelLineHeight}: ${_plasma_homeds.bodyS.lineHeight};
|
|
160
160
|
|
|
161
|
-
${_styledcomponents.textFieldGroupTokens.
|
|
161
|
+
${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
162
162
|
${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
163
163
|
${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
164
164
|
${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
@@ -214,7 +214,7 @@ const config = {
|
|
|
214
214
|
${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: ${_plasma_homeds.bodyXS.letterSpacing};
|
|
215
215
|
${_styledcomponents.textFieldGroupTokens.labelLineHeight}: ${_plasma_homeds.bodyXS.lineHeight};
|
|
216
216
|
|
|
217
|
-
${_styledcomponents.textFieldGroupTokens.
|
|
217
|
+
${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
218
218
|
${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
219
219
|
${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
220
220
|
${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
@@ -214,7 +214,7 @@ export const config = {
|
|
|
214
214
|
${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
|
|
215
215
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
|
|
216
216
|
|
|
217
|
-
${tokens.
|
|
217
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
218
218
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
219
219
|
${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
|
|
220
220
|
${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -289,7 +289,7 @@ export const config = {
|
|
|
289
289
|
${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
|
|
290
290
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
|
|
291
291
|
|
|
292
|
-
${tokens.
|
|
292
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
293
293
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
294
294
|
${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
|
|
295
295
|
${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -364,7 +364,7 @@ export const config = {
|
|
|
364
364
|
${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
|
|
365
365
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
|
|
366
366
|
|
|
367
|
-
${tokens.
|
|
367
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
368
368
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
369
369
|
${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
|
|
370
370
|
${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -439,7 +439,7 @@ export const config = {
|
|
|
439
439
|
${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
|
|
440
440
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
|
|
441
441
|
|
|
442
|
-
${tokens.
|
|
442
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
443
443
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
444
444
|
${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
|
|
445
445
|
${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -38,6 +38,9 @@ export const config = {
|
|
|
38
38
|
size: {
|
|
39
39
|
l: css`
|
|
40
40
|
${tokens.chipBorderRadius}: 0.75rem;
|
|
41
|
+
${tokens.chipDefaultRadius}: 0.75rem;
|
|
42
|
+
${tokens.chipSegmentedRadius}: 0.375rem;
|
|
43
|
+
${tokens.chipSideRadius}: 0.75rem;
|
|
41
44
|
${tokens.chipWidth}: auto;
|
|
42
45
|
${tokens.chipHeight}: 3rem;
|
|
43
46
|
${tokens.chipPadding}: 0 1rem;
|
|
@@ -59,6 +62,9 @@ export const config = {
|
|
|
59
62
|
`,
|
|
60
63
|
m: css`
|
|
61
64
|
${tokens.chipBorderRadius}: 0.625rem;
|
|
65
|
+
${tokens.chipDefaultRadius}: 0.625rem;
|
|
66
|
+
${tokens.chipSegmentedRadius}: 0.25rem;
|
|
67
|
+
${tokens.chipSideRadius}: 0.625rem;
|
|
62
68
|
${tokens.chipWidth}: auto;
|
|
63
69
|
${tokens.chipHeight}: 2.5rem;
|
|
64
70
|
${tokens.chipPadding}: 0 0.875rem;
|
|
@@ -80,6 +86,9 @@ export const config = {
|
|
|
80
86
|
`,
|
|
81
87
|
s: css`
|
|
82
88
|
${tokens.chipBorderRadius}: 0.5rem;
|
|
89
|
+
${tokens.chipDefaultRadius}: 0.5rem;
|
|
90
|
+
${tokens.chipSegmentedRadius}: 0.25rem;
|
|
91
|
+
${tokens.chipSideRadius}: 0.5rem;
|
|
83
92
|
${tokens.chipWidth}: auto;
|
|
84
93
|
${tokens.chipHeight}: 2rem;
|
|
85
94
|
${tokens.chipPadding}: 0 0.875rem;
|
|
@@ -101,6 +110,9 @@ export const config = {
|
|
|
101
110
|
`,
|
|
102
111
|
xs: css`
|
|
103
112
|
${tokens.chipBorderRadius}: 0.375rem;
|
|
113
|
+
${tokens.chipDefaultRadius}: 0.375rem;
|
|
114
|
+
${tokens.chipSegmentedRadius}: 0.125rem;
|
|
115
|
+
${tokens.chipSideRadius}: 0.375rem;
|
|
104
116
|
${tokens.chipWidth}: auto;
|
|
105
117
|
${tokens.chipHeight}: 1.5rem;
|
|
106
118
|
${tokens.chipPadding}: 0 0.625rem;
|
|
@@ -128,6 +140,10 @@ export const config = {
|
|
|
128
140
|
wide: css`
|
|
129
141
|
${tokens.chipGroupItemsGap}: 0.5rem;
|
|
130
142
|
`
|
|
143
|
+
},
|
|
144
|
+
shape: {
|
|
145
|
+
segmented: css``,
|
|
146
|
+
default: css``
|
|
131
147
|
}
|
|
132
148
|
}
|
|
133
149
|
};
|
|
@@ -25,6 +25,33 @@ export const config = {
|
|
|
25
25
|
`
|
|
26
26
|
},
|
|
27
27
|
size: {
|
|
28
|
+
xl: css`
|
|
29
|
+
${tokens.captionGap}: 0.875rem;
|
|
30
|
+
${tokens.codeItemsGap}: 0.125rem;
|
|
31
|
+
|
|
32
|
+
${tokens.separatorWidth}: 0.25rem;
|
|
33
|
+
|
|
34
|
+
${tokens.codeItemWidth}: 3rem;
|
|
35
|
+
${tokens.codeItemHeight}: 4rem;
|
|
36
|
+
|
|
37
|
+
${tokens.fontFamily}: ${bodyL.fontFamily};
|
|
38
|
+
${tokens.fontSize}: ${bodyL.fontSize};
|
|
39
|
+
${tokens.fontStyle}: ${bodyL.fontStyle};
|
|
40
|
+
${tokens.fontWeight}: ${bodyLBold.fontWeight};
|
|
41
|
+
${tokens.letterSpacing}: ${bodyL.letterSpacing};
|
|
42
|
+
${tokens.lineHeight}: ${bodyL.lineHeight};
|
|
43
|
+
|
|
44
|
+
${tokens.captionFontFamily}: ${bodyS.fontFamily};
|
|
45
|
+
${tokens.captionFontSize}: ${bodyS.fontSize};
|
|
46
|
+
${tokens.captionFontStyle}: ${bodyS.fontStyle};
|
|
47
|
+
${tokens.captionFontWeight}: ${bodyS.fontWeight};
|
|
48
|
+
${tokens.captionLetterSpacing}: ${bodyS.letterSpacing};
|
|
49
|
+
${tokens.captionLineHeight}: ${bodyS.lineHeight};
|
|
50
|
+
|
|
51
|
+
${tokens.borderRadius}: 1rem;
|
|
52
|
+
${tokens.borderRadiusSegmented}: 0.5rem;
|
|
53
|
+
${tokens.segmentedSideBorderRadius}: 1rem;
|
|
54
|
+
`,
|
|
28
55
|
l: css`
|
|
29
56
|
${tokens.captionGap}: 0.875rem;
|
|
30
57
|
${tokens.codeItemsGap}: 0.125rem;
|
|
@@ -266,7 +266,7 @@ export const config = {
|
|
|
266
266
|
${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
|
|
267
267
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
|
|
268
268
|
|
|
269
|
-
${tokens.
|
|
269
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
270
270
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
271
271
|
${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
|
|
272
272
|
${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -387,7 +387,7 @@ export const config = {
|
|
|
387
387
|
${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
|
|
388
388
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
|
|
389
389
|
|
|
390
|
-
${tokens.
|
|
390
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
391
391
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
392
392
|
${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
|
|
393
393
|
${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -508,7 +508,7 @@ export const config = {
|
|
|
508
508
|
${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
|
|
509
509
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
|
|
510
510
|
|
|
511
|
-
${tokens.
|
|
511
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
512
512
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
513
513
|
${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
|
|
514
514
|
${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -629,7 +629,7 @@ export const config = {
|
|
|
629
629
|
${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
|
|
630
630
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
|
|
631
631
|
|
|
632
|
-
${tokens.
|
|
632
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
633
633
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
634
634
|
${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
|
|
635
635
|
${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -393,7 +393,7 @@ export const config = {
|
|
|
393
393
|
${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
|
|
394
394
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
|
|
395
395
|
|
|
396
|
-
${tokens.
|
|
396
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
397
397
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
398
398
|
${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
|
|
399
399
|
${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -518,7 +518,7 @@ export const config = {
|
|
|
518
518
|
${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
|
|
519
519
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
|
|
520
520
|
|
|
521
|
-
${tokens.
|
|
521
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
522
522
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
523
523
|
${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
|
|
524
524
|
${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -643,7 +643,7 @@ export const config = {
|
|
|
643
643
|
${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
|
|
644
644
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
|
|
645
645
|
|
|
646
|
-
${tokens.
|
|
646
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
647
647
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
648
648
|
${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
|
|
649
649
|
${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -768,7 +768,7 @@ export const config = {
|
|
|
768
768
|
${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
|
|
769
769
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
|
|
770
770
|
|
|
771
|
-
${tokens.
|
|
771
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
772
772
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
773
773
|
${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
|
|
774
774
|
${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -4,7 +4,8 @@ export const config = {
|
|
|
4
4
|
defaults: {
|
|
5
5
|
view: 'default',
|
|
6
6
|
size: 'm',
|
|
7
|
-
pointerSize: 'small'
|
|
7
|
+
pointerSize: 'small',
|
|
8
|
+
tickType: 'bullet'
|
|
8
9
|
},
|
|
9
10
|
variations: {
|
|
10
11
|
view: {
|
|
@@ -115,11 +116,13 @@ export const config = {
|
|
|
115
116
|
${sliderTokens.valueLineHeight}: ${bodyM.lineHeight};
|
|
116
117
|
|
|
117
118
|
${sliderTokens.tickSize}: 0.5rem;
|
|
119
|
+
${sliderTokens.tickSeparatorGap}: 0.5rem;
|
|
118
120
|
|
|
119
121
|
${sliderTokens.currentValueTopOffset}: 1.625rem;
|
|
120
122
|
|
|
121
123
|
${sliderTokens.railThickness}: 0.25rem;
|
|
122
124
|
${sliderTokens.railBorderRadius}: 0.125rem;
|
|
125
|
+
${sliderTokens.trackSegmentBorderRadius}: 1000px;
|
|
123
126
|
|
|
124
127
|
${sliderTokens.textFieldWrapperGap}: 0.125rem;
|
|
125
128
|
|
|
@@ -163,11 +166,13 @@ export const config = {
|
|
|
163
166
|
${sliderTokens.valueLineHeight}: ${bodyS.lineHeight};
|
|
164
167
|
|
|
165
168
|
${sliderTokens.tickSize}: 0.5rem;
|
|
169
|
+
${sliderTokens.tickSeparatorGap}: 0.5rem;
|
|
166
170
|
|
|
167
171
|
${sliderTokens.currentValueTopOffset}: 1.75rem;
|
|
168
172
|
|
|
169
173
|
${sliderTokens.railThickness}: 0.25rem;
|
|
170
174
|
${sliderTokens.railBorderRadius}: 0.125rem;
|
|
175
|
+
${sliderTokens.trackSegmentBorderRadius}: 1000px;
|
|
171
176
|
|
|
172
177
|
${sliderTokens.textFieldWrapperGap}: 0.125rem;
|
|
173
178
|
|
|
@@ -211,11 +216,13 @@ export const config = {
|
|
|
211
216
|
${sliderTokens.valueLineHeight}: ${bodyXS.lineHeight};
|
|
212
217
|
|
|
213
218
|
${sliderTokens.tickSize}: 0.5rem;
|
|
219
|
+
${sliderTokens.tickSeparatorGap}: 0.5rem;
|
|
214
220
|
|
|
215
221
|
${sliderTokens.currentValueTopOffset}: 1.25rem;
|
|
216
222
|
|
|
217
223
|
${sliderTokens.railThickness}: 0.25rem;
|
|
218
224
|
${sliderTokens.railBorderRadius}: 0.125rem;
|
|
225
|
+
${sliderTokens.trackSegmentBorderRadius}: 1000px;
|
|
219
226
|
|
|
220
227
|
${sliderTokens.textFieldWrapperGap}: 0.125rem;
|
|
221
228
|
|
|
@@ -235,14 +242,26 @@ export const config = {
|
|
|
235
242
|
${sliderTokens.thumbSize}: 1rem;
|
|
236
243
|
${sliderTokens.thumbBorderStyle}: solid;
|
|
237
244
|
${sliderTokens.thumbBorderWidth}: 0.0625rem;
|
|
245
|
+
|
|
246
|
+
${sliderTokens.tickSeparatorWidth}: 0.25rem;
|
|
247
|
+
${sliderTokens.tickSeparatorHeight}: 0.5rem;
|
|
248
|
+
${sliderTokens.tickSeparatorBorderRadius}: 0.25rem;
|
|
238
249
|
`,
|
|
239
250
|
large: css`
|
|
240
251
|
${sliderTokens.thumbSize}: 1.25rem;
|
|
241
252
|
${sliderTokens.thumbBorderStyle}: solid;
|
|
242
253
|
${sliderTokens.thumbBorderWidth}: 0.0625rem;
|
|
254
|
+
|
|
255
|
+
${sliderTokens.tickSeparatorWidth}: 0.25rem;
|
|
256
|
+
${sliderTokens.tickSeparatorHeight}: 1rem;
|
|
257
|
+
${sliderTokens.tickSeparatorBorderRadius}: 0.25rem;
|
|
243
258
|
`,
|
|
244
259
|
none: css`
|
|
245
260
|
${sliderTokens.thumbSize}: 0rem;
|
|
261
|
+
|
|
262
|
+
${sliderTokens.tickSeparatorWidth}: 0.25rem;
|
|
263
|
+
${sliderTokens.tickSeparatorHeight}: 0.5rem;
|
|
264
|
+
${sliderTokens.tickSeparatorBorderRadius}: 0.25rem;
|
|
246
265
|
`
|
|
247
266
|
},
|
|
248
267
|
disabled: {
|
|
@@ -94,7 +94,7 @@ export const config = {
|
|
|
94
94
|
${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
|
|
95
95
|
${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
|
|
96
96
|
|
|
97
|
-
${tokens.
|
|
97
|
+
${tokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
98
98
|
${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
99
99
|
${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
|
|
100
100
|
${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -168,7 +168,7 @@ export const config = {
|
|
|
168
168
|
${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
|
|
169
169
|
${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
|
|
170
170
|
|
|
171
|
-
${tokens.
|
|
171
|
+
${tokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
172
172
|
${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
173
173
|
${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
|
|
174
174
|
${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -242,7 +242,7 @@ export const config = {
|
|
|
242
242
|
${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
|
|
243
243
|
${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
|
|
244
244
|
|
|
245
|
-
${tokens.
|
|
245
|
+
${tokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
246
246
|
${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
247
247
|
${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
|
|
248
248
|
${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -36,7 +36,7 @@ export const config = {
|
|
|
36
36
|
${tokens.labelLetterSpacing}: ${bodyL.letterSpacing};
|
|
37
37
|
${tokens.labelLineHeight}: ${bodyL.lineHeight};
|
|
38
38
|
|
|
39
|
-
${tokens.
|
|
39
|
+
${tokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
40
40
|
${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
41
41
|
${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
|
|
42
42
|
${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -92,7 +92,7 @@ export const config = {
|
|
|
92
92
|
${tokens.labelLetterSpacing}: ${bodyM.letterSpacing};
|
|
93
93
|
${tokens.labelLineHeight}: ${bodyM.lineHeight};
|
|
94
94
|
|
|
95
|
-
${tokens.
|
|
95
|
+
${tokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
96
96
|
${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
97
97
|
${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
|
|
98
98
|
${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -148,7 +148,7 @@ export const config = {
|
|
|
148
148
|
${tokens.labelLetterSpacing}: ${bodyS.letterSpacing};
|
|
149
149
|
${tokens.labelLineHeight}: ${bodyS.lineHeight};
|
|
150
150
|
|
|
151
|
-
${tokens.
|
|
151
|
+
${tokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
152
152
|
${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
153
153
|
${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
|
|
154
154
|
${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -204,7 +204,7 @@ export const config = {
|
|
|
204
204
|
${tokens.labelLetterSpacing}: ${bodyXS.letterSpacing};
|
|
205
205
|
${tokens.labelLineHeight}: ${bodyXS.lineHeight};
|
|
206
206
|
|
|
207
|
-
${tokens.
|
|
207
|
+
${tokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
208
208
|
${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
209
209
|
${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
|
|
210
210
|
${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-homeds",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.355.0-dev.0",
|
|
4
4
|
"description": "Salute Design System / React UI kit for PLASMA-HOMEDS web applications",
|
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
|
6
6
|
"publishConfig": {
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
],
|
|
20
20
|
"repository": {
|
|
21
21
|
"type": "git",
|
|
22
|
-
"url": "
|
|
22
|
+
"url": "git+https://github.com/salute-developers/plasma.git",
|
|
23
23
|
"directory": "packages/plasma-homeds"
|
|
24
24
|
},
|
|
25
25
|
"exports": {
|
|
@@ -35,8 +35,8 @@
|
|
|
35
35
|
"styled-components": "^5.3.1"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@salutejs/plasma-new-hope": "0.
|
|
39
|
-
"@salutejs/plasma-themes": "0.
|
|
38
|
+
"@salutejs/plasma-new-hope": "0.372.0-dev.0",
|
|
39
|
+
"@salutejs/plasma-themes": "0.58.0-dev.0"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
42
|
"@babel/cli": "7.24.1",
|
|
@@ -54,11 +54,11 @@
|
|
|
54
54
|
"@rollup/plugin-babel": "^6.0.4",
|
|
55
55
|
"@rollup/plugin-commonjs": "^25.0.4",
|
|
56
56
|
"@rollup/plugin-node-resolve": "^15.1.0",
|
|
57
|
-
"@salutejs/plasma-colors": "0.
|
|
58
|
-
"@salutejs/plasma-core": "1.
|
|
59
|
-
"@salutejs/plasma-cy-utils": "0.
|
|
60
|
-
"@salutejs/plasma-icons": "1.
|
|
61
|
-
"@salutejs/plasma-sb-utils": "0.
|
|
57
|
+
"@salutejs/plasma-colors": "0.17.0-dev.0",
|
|
58
|
+
"@salutejs/plasma-core": "1.235.0-dev.0",
|
|
59
|
+
"@salutejs/plasma-cy-utils": "0.165.0-dev.0",
|
|
60
|
+
"@salutejs/plasma-icons": "1.244.0-dev.0",
|
|
61
|
+
"@salutejs/plasma-sb-utils": "0.236.0-dev.0",
|
|
62
62
|
"@types/node": "16.7.13",
|
|
63
63
|
"@types/react": "18.0.28",
|
|
64
64
|
"@types/react-dom": "18.0.11",
|
|
@@ -99,5 +99,5 @@
|
|
|
99
99
|
"sideEffects": [
|
|
100
100
|
"*.css"
|
|
101
101
|
],
|
|
102
|
-
"gitHead": "
|
|
102
|
+
"gitHead": "f47f14d572251d01146ea257b4f87e906537a1e2"
|
|
103
103
|
}
|
|
@@ -75,7 +75,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
|
|
|
75
75
|
size?: string;
|
|
76
76
|
name?: string;
|
|
77
77
|
url?: string;
|
|
78
|
-
customText?:
|
|
78
|
+
customText?: string;
|
|
79
79
|
status?: "active" | "inactive";
|
|
80
80
|
isScalable?: boolean;
|
|
81
81
|
focused?: boolean;
|
|
@@ -103,7 +103,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
|
|
|
103
103
|
size?: string;
|
|
104
104
|
name?: string;
|
|
105
105
|
url?: string;
|
|
106
|
-
customText?:
|
|
106
|
+
customText?: string;
|
|
107
107
|
status?: "active" | "inactive";
|
|
108
108
|
isScalable?: boolean;
|
|
109
109
|
focused?: boolean;
|
|
@@ -168,7 +168,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
|
|
|
168
168
|
size?: string;
|
|
169
169
|
name?: string;
|
|
170
170
|
url?: string;
|
|
171
|
-
customText?:
|
|
171
|
+
customText?: string;
|
|
172
172
|
status?: "active" | "inactive";
|
|
173
173
|
isScalable?: boolean;
|
|
174
174
|
focused?: boolean;
|
|
@@ -196,7 +196,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
|
|
|
196
196
|
size?: string;
|
|
197
197
|
name?: string;
|
|
198
198
|
url?: string;
|
|
199
|
-
customText?:
|
|
199
|
+
customText?: string;
|
|
200
200
|
status?: "active" | "inactive";
|
|
201
201
|
isScalable?: boolean;
|
|
202
202
|
focused?: boolean;
|
|
@@ -19,5 +19,9 @@ export declare const config: {
|
|
|
19
19
|
dense: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
20
20
|
wide: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
21
21
|
};
|
|
22
|
+
shape: {
|
|
23
|
+
segmented: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
24
|
+
default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
25
|
+
};
|
|
22
26
|
};
|
|
23
27
|
};
|
|
@@ -14,4 +14,8 @@ export declare const ChipGroup: import("react").FunctionComponent<import("@salut
|
|
|
14
14
|
dense: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
15
15
|
wide: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
16
16
|
};
|
|
17
|
+
shape: {
|
|
18
|
+
segmented: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
19
|
+
default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
20
|
+
};
|
|
17
21
|
}> & import("@salutejs/plasma-new-hope/types/components/ChipGroup/ChipGroup.types.js").ChipGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -9,6 +9,7 @@ export declare const config: {
|
|
|
9
9
|
default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
10
10
|
};
|
|
11
11
|
size: {
|
|
12
|
+
xl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
12
13
|
l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
13
14
|
m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
14
15
|
};
|
|
@@ -3,6 +3,7 @@ export declare const CodeField: import("react").FunctionComponent<import("@salut
|
|
|
3
3
|
default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
4
4
|
};
|
|
5
5
|
size: {
|
|
6
|
+
xl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
6
7
|
l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
7
8
|
m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
8
9
|
};
|
|
@@ -48,9 +48,10 @@ export declare const Slider: import("react").FunctionComponent<import("@salutejs
|
|
|
48
48
|
labelContent?: import("react").ReactNode;
|
|
49
49
|
type?: "single";
|
|
50
50
|
pointerSize?: "small" | "large" | "none";
|
|
51
|
+
tickType?: "bullet" | "separator";
|
|
51
52
|
pointerVisibility?: "always" | "hover";
|
|
52
53
|
currentValueVisibility?: "always" | "hover";
|
|
53
|
-
scaleTicks?: number[];
|
|
54
|
+
scaleTicks?: number[] | import("@salutejs/plasma-new-hope/types/components/Slider/components/Single/Single.types.js").ScaleTickItem[];
|
|
54
55
|
} & import("react").RefAttributes<HTMLDivElement>) | (import("@salutejs/plasma-new-hope/types/components/Slider/components/SliderBase/SliderBase.types.js").SliderBaseProps & import("@salutejs/plasma-new-hope/types/components/Slider/components/index.js").SliderInternalProps & {
|
|
55
56
|
onChange?: (event: import("@salutejs/plasma-new-hope/types/types/FormType.js").FormTypeNumber) => void;
|
|
56
57
|
name: string;
|
|
@@ -77,9 +78,10 @@ export declare const Slider: import("react").FunctionComponent<import("@salutejs
|
|
|
77
78
|
labelContent?: import("react").ReactNode;
|
|
78
79
|
type?: "single";
|
|
79
80
|
pointerSize?: "small" | "large" | "none";
|
|
81
|
+
tickType?: "bullet" | "separator";
|
|
80
82
|
pointerVisibility?: "always" | "hover";
|
|
81
83
|
currentValueVisibility?: "always" | "hover";
|
|
82
|
-
scaleTicks?: number[];
|
|
84
|
+
scaleTicks?: number[] | import("@salutejs/plasma-new-hope/types/components/Slider/components/Single/Single.types.js").ScaleTickItem[];
|
|
83
85
|
} & import("react").RefAttributes<HTMLDivElement>) | (import("@salutejs/plasma-new-hope/types/components/Slider/components/SliderBase/SliderBase.types.js").SliderBaseProps & import("@salutejs/plasma-new-hope/types/components/Slider/components/index.js").SliderInternalProps & {
|
|
84
86
|
onChange?: (value: number) => void;
|
|
85
87
|
value: number;
|
|
@@ -107,9 +109,10 @@ export declare const Slider: import("react").FunctionComponent<import("@salutejs
|
|
|
107
109
|
labelContent?: import("react").ReactNode;
|
|
108
110
|
type?: "single";
|
|
109
111
|
pointerSize?: "small" | "large" | "none";
|
|
112
|
+
tickType?: "bullet" | "separator";
|
|
110
113
|
pointerVisibility?: "always" | "hover";
|
|
111
114
|
currentValueVisibility?: "always" | "hover";
|
|
112
|
-
scaleTicks?: number[];
|
|
115
|
+
scaleTicks?: number[] | import("@salutejs/plasma-new-hope/types/components/Slider/components/Single/Single.types.js").ScaleTickItem[];
|
|
113
116
|
} & import("react").RefAttributes<HTMLDivElement>) | (import("@salutejs/plasma-new-hope/types/components/Slider/components/SliderBase/SliderBase.types.js").SliderBaseProps & import("@salutejs/plasma-new-hope/types/components/Slider/components/index.js").SliderInternalProps & {
|
|
114
117
|
onChange?: (value: number) => void;
|
|
115
118
|
value: number;
|
|
@@ -136,9 +139,10 @@ export declare const Slider: import("react").FunctionComponent<import("@salutejs
|
|
|
136
139
|
labelContent?: import("react").ReactNode;
|
|
137
140
|
type?: "single";
|
|
138
141
|
pointerSize?: "small" | "large" | "none";
|
|
142
|
+
tickType?: "bullet" | "separator";
|
|
139
143
|
pointerVisibility?: "always" | "hover";
|
|
140
144
|
currentValueVisibility?: "always" | "hover";
|
|
141
|
-
scaleTicks?: number[];
|
|
145
|
+
scaleTicks?: number[] | import("@salutejs/plasma-new-hope/types/components/Slider/components/Single/Single.types.js").ScaleTickItem[];
|
|
142
146
|
} & import("react").RefAttributes<HTMLDivElement>) | (import("@salutejs/plasma-new-hope/types/components/Slider/components/SliderBase/SliderBase.types.js").SliderBaseProps & import("@salutejs/plasma-new-hope/types/components/Slider/components/index.js").SliderInternalProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
|
|
143
147
|
onChange?: (event: import("@salutejs/plasma-new-hope/types/types/FormType.js").FormTypeString) => void;
|
|
144
148
|
name?: string;
|
|
@@ -67,7 +67,7 @@ export declare const TimePicker: import("react").FunctionComponent<import("@salu
|
|
|
67
67
|
hintWidth?: string;
|
|
68
68
|
hintContentLeft?: import("react").ReactNode;
|
|
69
69
|
hintPortal?: string | import("react").RefObject<HTMLElement | null>;
|
|
70
|
-
} & import("@salutejs/plasma-new-hope/types/components/TimePicker/TimePicker.types.js").TimePickerPopoverProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "defaultValue"> & import("react").RefAttributes<
|
|
70
|
+
} & import("@salutejs/plasma-new-hope/types/components/TimePicker/TimePicker.types.js").TimePickerPopoverProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "defaultValue"> & import("react").RefAttributes<HTMLInputElement>) | ({
|
|
71
71
|
dropdownAlign?: "left" | "right";
|
|
72
72
|
dropdownWidth?: "auto" | "fullWidth" | import("react").CSSProperties["width"];
|
|
73
73
|
dropdownHeight?: import("react").CSSProperties["height"];
|
|
@@ -113,4 +113,4 @@ export declare const TimePicker: import("react").FunctionComponent<import("@salu
|
|
|
113
113
|
hintWidth?: never;
|
|
114
114
|
hintContentLeft?: never;
|
|
115
115
|
hintPortal?: never;
|
|
116
|
-
} & import("@salutejs/plasma-new-hope/types/components/TimePicker/TimePicker.types.js").TimePickerPopoverProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "defaultValue"> & import("react").RefAttributes<
|
|
116
|
+
} & import("@salutejs/plasma-new-hope/types/components/TimePicker/TimePicker.types.js").TimePickerPopoverProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "defaultValue"> & import("react").RefAttributes<HTMLInputElement>))>;
|