@salutejs/plasma-homeds 0.367.0-dev.0 → 0.368.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/README.md +5 -5
- package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +33 -0
- package/dist/styled-components/cjs/components/DatePicker/DatePicker.clear.config.js +5 -0
- package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +5 -0
- package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.clear.config.js +5 -0
- package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js +5 -0
- package/dist/styled-components/cjs/components/InformationWrapper/InformationWrapper.config.js +4 -0
- package/dist/styled-components/cjs/components/Range/Range.clear.config.js +5 -0
- package/dist/styled-components/cjs/components/Range/Range.config.js +5 -0
- package/dist/styled-components/cjs/components/Select/Select.config.js +32 -0
- package/dist/styled-components/cjs/components/TextArea/TextArea.clear.config.js +5 -0
- package/dist/styled-components/cjs/components/TextArea/TextArea.config.js +5 -0
- package/dist/styled-components/cjs/components/TextField/TextField.config.js +3 -0
- package/dist/styled-components/cjs/components/TimePicker/TimePicker.config.js +30 -0
- package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +33 -0
- package/dist/styled-components/es/components/DatePicker/DatePicker.clear.config.js +5 -0
- package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +5 -0
- package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.clear.config.js +5 -0
- package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.config.js +5 -0
- package/dist/styled-components/es/components/InformationWrapper/InformationWrapper.config.js +4 -0
- package/dist/styled-components/es/components/Range/Range.clear.config.js +5 -0
- package/dist/styled-components/es/components/Range/Range.config.js +5 -0
- package/dist/styled-components/es/components/Select/Select.config.js +32 -0
- package/dist/styled-components/es/components/TextArea/TextArea.clear.config.js +5 -0
- package/dist/styled-components/es/components/TextArea/TextArea.config.js +5 -0
- package/dist/styled-components/es/components/TextField/TextField.config.js +3 -0
- package/dist/styled-components/es/components/TimePicker/TimePicker.config.js +30 -0
- package/package.json +10 -10
- package/types/components/Autocomplete/Autocomplete.d.ts +16 -8
- package/types/components/Calendar/Calendar.d.ts +3 -1
- package/types/components/DatePicker/DatePicker.d.ts +36 -36
- package/types/components/DateTimePicker/DateTimePicker.d.ts +8 -8
- package/types/components/Select/Select.d.ts +32 -8
- package/types/components/TimePicker/TimePicker.d.ts +2 -0
|
@@ -57,6 +57,7 @@ const config = {
|
|
|
57
57
|
${_styledcomponents.timePickerTokens.disabledOpacity}: 0.4;
|
|
58
58
|
|
|
59
59
|
${_styledcomponents.timePickerTokens.leftHelperColor}: ${_plasma_homeds.textSecondary};
|
|
60
|
+
${_styledcomponents.timePickerTokens.titleCaptionColor}: ${_plasma_homeds.textSecondary};
|
|
60
61
|
${_styledcomponents.timePickerTokens.leftHelperColorError}: ${_plasma_homeds.textNegative};
|
|
61
62
|
${_styledcomponents.timePickerTokens.leftHelperColorSuccess}: ${_plasma_homeds.textPositive};
|
|
62
63
|
|
|
@@ -81,6 +82,13 @@ const config = {
|
|
|
81
82
|
${_styledcomponents.timePickerTokens.labelFontWeight}: ${_plasma_homeds.bodyL.fontWeight};
|
|
82
83
|
${_styledcomponents.timePickerTokens.labelLetterSpacing}: ${_plasma_homeds.bodyL.letterSpacing};
|
|
83
84
|
${_styledcomponents.timePickerTokens.labelLineHeight}: ${_plasma_homeds.bodyL.lineHeight};
|
|
85
|
+
${_styledcomponents.timePickerTokens.titleCaptionMargin}: 0.375rem;
|
|
86
|
+
${_styledcomponents.timePickerTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
87
|
+
${_styledcomponents.timePickerTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
88
|
+
${_styledcomponents.timePickerTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
89
|
+
${_styledcomponents.timePickerTokens.titleCaptionFontWeight}: ${_plasma_homeds.bodyXS.fontWeight};
|
|
90
|
+
${_styledcomponents.timePickerTokens.titleCaptionLetterSpacing}: ${_plasma_homeds.bodyXS.letterSpacing};
|
|
91
|
+
${_styledcomponents.timePickerTokens.titleCaptionLineHeight}: ${_plasma_homeds.bodyXS.lineHeight};
|
|
84
92
|
|
|
85
93
|
${_styledcomponents.timePickerTokens.indicatorSize}: 0.5rem;
|
|
86
94
|
${_styledcomponents.timePickerTokens.indicatorSizeOuter}: 0.375rem;
|
|
@@ -164,6 +172,13 @@ const config = {
|
|
|
164
172
|
${_styledcomponents.timePickerTokens.labelFontWeight}: ${_plasma_homeds.bodyM.fontWeight};
|
|
165
173
|
${_styledcomponents.timePickerTokens.labelLetterSpacing}: ${_plasma_homeds.bodyM.letterSpacing};
|
|
166
174
|
${_styledcomponents.timePickerTokens.labelLineHeight}: ${_plasma_homeds.bodyM.lineHeight};
|
|
175
|
+
${_styledcomponents.timePickerTokens.titleCaptionMargin}: 0.3125rem;
|
|
176
|
+
${_styledcomponents.timePickerTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
177
|
+
${_styledcomponents.timePickerTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
178
|
+
${_styledcomponents.timePickerTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
179
|
+
${_styledcomponents.timePickerTokens.titleCaptionFontWeight}: ${_plasma_homeds.bodyXS.fontWeight};
|
|
180
|
+
${_styledcomponents.timePickerTokens.titleCaptionLetterSpacing}: ${_plasma_homeds.bodyXS.letterSpacing};
|
|
181
|
+
${_styledcomponents.timePickerTokens.titleCaptionLineHeight}: ${_plasma_homeds.bodyXS.lineHeight};
|
|
167
182
|
|
|
168
183
|
${_styledcomponents.timePickerTokens.indicatorSize}: 0.5rem;
|
|
169
184
|
${_styledcomponents.timePickerTokens.indicatorSizeOuter}: 0.375rem;
|
|
@@ -247,6 +262,13 @@ const config = {
|
|
|
247
262
|
${_styledcomponents.timePickerTokens.labelFontWeight}: ${_plasma_homeds.bodyS.fontWeight};
|
|
248
263
|
${_styledcomponents.timePickerTokens.labelLetterSpacing}: ${_plasma_homeds.bodyS.letterSpacing};
|
|
249
264
|
${_styledcomponents.timePickerTokens.labelLineHeight}: ${_plasma_homeds.bodyS.lineHeight};
|
|
265
|
+
${_styledcomponents.timePickerTokens.titleCaptionMargin}: 0.1875rem;
|
|
266
|
+
${_styledcomponents.timePickerTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
267
|
+
${_styledcomponents.timePickerTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
268
|
+
${_styledcomponents.timePickerTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
269
|
+
${_styledcomponents.timePickerTokens.titleCaptionFontWeight}: ${_plasma_homeds.bodyXS.fontWeight};
|
|
270
|
+
${_styledcomponents.timePickerTokens.titleCaptionLetterSpacing}: ${_plasma_homeds.bodyXS.letterSpacing};
|
|
271
|
+
${_styledcomponents.timePickerTokens.titleCaptionLineHeight}: ${_plasma_homeds.bodyXS.lineHeight};
|
|
250
272
|
|
|
251
273
|
${_styledcomponents.timePickerTokens.indicatorSize}: 0.375rem;
|
|
252
274
|
${_styledcomponents.timePickerTokens.indicatorSizeOuter}: 0.375rem;
|
|
@@ -330,6 +352,13 @@ const config = {
|
|
|
330
352
|
${_styledcomponents.timePickerTokens.labelFontWeight}: ${_plasma_homeds.bodyXS.fontWeight};
|
|
331
353
|
${_styledcomponents.timePickerTokens.labelLetterSpacing}: ${_plasma_homeds.bodyXS.letterSpacing};
|
|
332
354
|
${_styledcomponents.timePickerTokens.labelLineHeight}: ${_plasma_homeds.bodyXS.lineHeight};
|
|
355
|
+
${_styledcomponents.timePickerTokens.titleCaptionMargin}: 0;
|
|
356
|
+
${_styledcomponents.timePickerTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
357
|
+
${_styledcomponents.timePickerTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
358
|
+
${_styledcomponents.timePickerTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
359
|
+
${_styledcomponents.timePickerTokens.titleCaptionFontWeight}: ${_plasma_homeds.bodyXS.fontWeight};
|
|
360
|
+
${_styledcomponents.timePickerTokens.titleCaptionLetterSpacing}: ${_plasma_homeds.bodyXS.letterSpacing};
|
|
361
|
+
${_styledcomponents.timePickerTokens.titleCaptionLineHeight}: ${_plasma_homeds.bodyXS.lineHeight};
|
|
333
362
|
|
|
334
363
|
${_styledcomponents.timePickerTokens.indicatorSize}: 0.375rem;
|
|
335
364
|
${_styledcomponents.timePickerTokens.indicatorSizeOuter}: 0.375rem;
|
|
@@ -465,6 +494,7 @@ const config = {
|
|
|
465
494
|
${_styledcomponents.timePickerTokens.backgroundReadOnly}: ${_plasma_homeds.surfaceTransparentPrimary};
|
|
466
495
|
${_styledcomponents.timePickerTokens.labelColorReadOnly}: ${_plasma_homeds.textSecondary};
|
|
467
496
|
${_styledcomponents.timePickerTokens.leftHelperColorReadOnly}: ${_plasma_homeds.textSecondary};
|
|
497
|
+
${_styledcomponents.timePickerTokens.titleCaptionColorReadOnly}: ${_plasma_homeds.textSecondary};
|
|
468
498
|
|
|
469
499
|
${_styledcomponents.timePickerTokens.textFieldColorReadOnly}: ${_plasma_homeds.textSecondary};
|
|
470
500
|
${_styledcomponents.timePickerTokens.textFieldBackgroundColorReadOnly}: ${_plasma_homeds.surfaceTransparentPrimary};
|
|
@@ -24,6 +24,7 @@ export const config = {
|
|
|
24
24
|
${tokens.textFieldTextAfterColor}: ${textTertiary};
|
|
25
25
|
${tokens.textFieldLabelColor}: ${textPrimary};
|
|
26
26
|
${tokens.textFieldLeftHelperColor}: ${textSecondary};
|
|
27
|
+
${tokens.textFieldTitleCaptionColor}: ${textSecondary};
|
|
27
28
|
${tokens.textFieldFocusColor}: ${textAccent};
|
|
28
29
|
|
|
29
30
|
${tokens.textFieldContentSlotColor}: ${textSecondary};
|
|
@@ -66,6 +67,7 @@ export const config = {
|
|
|
66
67
|
${tokens.textFieldTextAfterColor}: ${textTertiary};
|
|
67
68
|
${tokens.textFieldLabelColor}: ${textPrimary};
|
|
68
69
|
${tokens.textFieldLeftHelperColor}: ${textPositive};
|
|
70
|
+
${tokens.textFieldTitleCaptionColor}: ${textSecondary};
|
|
69
71
|
${tokens.textFieldFocusColor}: ${textAccent};
|
|
70
72
|
|
|
71
73
|
${tokens.textFieldContentSlotColor}: ${textSecondary};
|
|
@@ -108,6 +110,7 @@ export const config = {
|
|
|
108
110
|
${tokens.textFieldTextAfterColor}: ${textTertiary};
|
|
109
111
|
${tokens.textFieldLabelColor}: ${textPrimary};
|
|
110
112
|
${tokens.textFieldLeftHelperColor}: ${textWarning};
|
|
113
|
+
${tokens.textFieldTitleCaptionColor}: ${textSecondary};
|
|
111
114
|
${tokens.textFieldFocusColor}: ${textAccent};
|
|
112
115
|
|
|
113
116
|
${tokens.textFieldContentSlotColor}: ${textSecondary};
|
|
@@ -150,6 +153,7 @@ export const config = {
|
|
|
150
153
|
${tokens.textFieldTextAfterColor}: ${textTertiary};
|
|
151
154
|
${tokens.textFieldLabelColor}: ${textPrimary};
|
|
152
155
|
${tokens.textFieldLeftHelperColor}: ${textNegative};
|
|
156
|
+
${tokens.textFieldTitleCaptionColor}: ${textSecondary};
|
|
153
157
|
${tokens.textFieldFocusColor}: ${textAccent};
|
|
154
158
|
|
|
155
159
|
${tokens.textFieldContentSlotColor}: ${textSecondary};
|
|
@@ -208,6 +212,13 @@ export const config = {
|
|
|
208
212
|
${tokens.textFieldLabelFontWeight}: ${bodyL.fontWeight};
|
|
209
213
|
${tokens.textFieldLabelLetterSpacing}: ${bodyL.letterSpacing};
|
|
210
214
|
${tokens.textFieldLabelLineHeight}: ${bodyL.lineHeight};
|
|
215
|
+
${tokens.textFieldTitleCaptionMargin}: 0.375rem;
|
|
216
|
+
${tokens.textFieldTitleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
217
|
+
${tokens.textFieldTitleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
218
|
+
${tokens.textFieldTitleCaptionFontSize}: ${bodyXS.fontSize};
|
|
219
|
+
${tokens.textFieldTitleCaptionFontWeight}: ${bodyXS.fontWeight};
|
|
220
|
+
${tokens.textFieldTitleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
|
|
221
|
+
${tokens.textFieldTitleCaptionLineHeight}: ${bodyXS.lineHeight};
|
|
211
222
|
|
|
212
223
|
${tokens.textFieldHintMargin}: -0.688rem -0.5rem;
|
|
213
224
|
${tokens.textFieldHintTargetSize}: 2.375rem;
|
|
@@ -283,6 +294,13 @@ export const config = {
|
|
|
283
294
|
${tokens.textFieldLabelFontWeight}: ${bodyM.fontWeight};
|
|
284
295
|
${tokens.textFieldLabelLetterSpacing}: ${bodyM.letterSpacing};
|
|
285
296
|
${tokens.textFieldLabelLineHeight}: ${bodyM.lineHeight};
|
|
297
|
+
${tokens.textFieldTitleCaptionMargin}: 0.3125rem;
|
|
298
|
+
${tokens.textFieldTitleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
299
|
+
${tokens.textFieldTitleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
300
|
+
${tokens.textFieldTitleCaptionFontSize}: ${bodyXS.fontSize};
|
|
301
|
+
${tokens.textFieldTitleCaptionFontWeight}: ${bodyXS.fontWeight};
|
|
302
|
+
${tokens.textFieldTitleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
|
|
303
|
+
${tokens.textFieldTitleCaptionLineHeight}: ${bodyXS.lineHeight};
|
|
286
304
|
|
|
287
305
|
${tokens.textFieldHintMargin}: -0.688rem -0.5rem;
|
|
288
306
|
${tokens.textFieldHintTargetSize}: 2.375rem;
|
|
@@ -358,6 +376,13 @@ export const config = {
|
|
|
358
376
|
${tokens.textFieldLabelFontWeight}: ${bodyS.fontWeight};
|
|
359
377
|
${tokens.textFieldLabelLetterSpacing}: ${bodyS.letterSpacing};
|
|
360
378
|
${tokens.textFieldLabelLineHeight}: ${bodyS.lineHeight};
|
|
379
|
+
${tokens.textFieldTitleCaptionMargin}: 0.1875rem;
|
|
380
|
+
${tokens.textFieldTitleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
381
|
+
${tokens.textFieldTitleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
382
|
+
${tokens.textFieldTitleCaptionFontSize}: ${bodyXS.fontSize};
|
|
383
|
+
${tokens.textFieldTitleCaptionFontWeight}: ${bodyXS.fontWeight};
|
|
384
|
+
${tokens.textFieldTitleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
|
|
385
|
+
${tokens.textFieldTitleCaptionLineHeight}: ${bodyXS.lineHeight};
|
|
361
386
|
|
|
362
387
|
${tokens.textFieldHintMargin}: -0.688rem -0.5rem;
|
|
363
388
|
${tokens.textFieldHintTargetSize}: 2.375rem;
|
|
@@ -433,6 +458,13 @@ export const config = {
|
|
|
433
458
|
${tokens.textFieldLabelFontWeight}: ${bodyXS.fontWeight};
|
|
434
459
|
${tokens.textFieldLabelLetterSpacing}: ${bodyXS.letterSpacing};
|
|
435
460
|
${tokens.textFieldLabelLineHeight}: ${bodyXS.lineHeight};
|
|
461
|
+
${tokens.textFieldTitleCaptionMargin}: 0;
|
|
462
|
+
${tokens.textFieldTitleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
463
|
+
${tokens.textFieldTitleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
464
|
+
${tokens.textFieldTitleCaptionFontSize}: ${bodyXS.fontSize};
|
|
465
|
+
${tokens.textFieldTitleCaptionFontWeight}: ${bodyXS.fontWeight};
|
|
466
|
+
${tokens.textFieldTitleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
|
|
467
|
+
${tokens.textFieldTitleCaptionLineHeight}: ${bodyXS.lineHeight};
|
|
436
468
|
|
|
437
469
|
${tokens.textFieldHintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;
|
|
438
470
|
${tokens.textFieldHintTargetSize}: 2.375rem;
|
|
@@ -562,6 +594,7 @@ export const config = {
|
|
|
562
594
|
${tokens.textFieldBackgroundColorReadOnly}: ${surfaceTransparentPrimary};
|
|
563
595
|
${tokens.textFieldPlaceholderColorReadOnly}: ${textSecondary};
|
|
564
596
|
${tokens.textFieldLeftHelperColorReadOnly}: ${textSecondary};
|
|
597
|
+
${tokens.textFieldTitleCaptionColorReadOnly}: ${textSecondary};
|
|
565
598
|
${tokens.textFieldLabelColorReadOnly}: ${textPrimary};
|
|
566
599
|
${tokens.textFieldDividerColorReadOnly}: ${surfaceTransparentPrimary};
|
|
567
600
|
`
|
|
@@ -197,6 +197,7 @@ export const config = {
|
|
|
197
197
|
${tokens.hintInnerLabelPlacementOffset}:0.82rem -2.063rem auto auto;
|
|
198
198
|
|
|
199
199
|
${tokens.titleCaptionOffset}: 0.375rem;
|
|
200
|
+
${tokens.titleCaptionMargin}: 0.375rem;
|
|
200
201
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
201
202
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
202
203
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -363,6 +364,7 @@ export const config = {
|
|
|
363
364
|
${tokens.hintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
|
|
364
365
|
|
|
365
366
|
${tokens.titleCaptionOffset}: 0.375rem;
|
|
367
|
+
${tokens.titleCaptionMargin}: 0.375rem;
|
|
366
368
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
367
369
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
368
370
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -529,6 +531,7 @@ export const config = {
|
|
|
529
531
|
${tokens.hintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
|
|
530
532
|
|
|
531
533
|
${tokens.titleCaptionOffset}: 0.313rem;
|
|
534
|
+
${tokens.titleCaptionMargin}: 0.3125rem;
|
|
532
535
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
533
536
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
534
537
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -695,6 +698,7 @@ export const config = {
|
|
|
695
698
|
${tokens.hintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
|
|
696
699
|
|
|
697
700
|
${tokens.titleCaptionOffset}: 0.188rem;
|
|
701
|
+
${tokens.titleCaptionMargin}: 0.1875rem;
|
|
698
702
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
699
703
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
700
704
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -861,6 +865,7 @@ export const config = {
|
|
|
861
865
|
${tokens.hintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
|
|
862
866
|
|
|
863
867
|
${tokens.titleCaptionOffset}: 0;
|
|
868
|
+
${tokens.titleCaptionMargin}: 0;
|
|
864
869
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
865
870
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
866
871
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -164,6 +164,7 @@ export const config = {
|
|
|
164
164
|
${tokens.hintInnerLabelPlacementOffset}: 0.813rem -2.938rem auto auto;
|
|
165
165
|
|
|
166
166
|
${tokens.titleCaptionOffset}: 0.375rem;
|
|
167
|
+
${tokens.titleCaptionMargin}: 0.375rem;
|
|
167
168
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
168
169
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
169
170
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -329,6 +330,7 @@ export const config = {
|
|
|
329
330
|
${tokens.clearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
|
|
330
331
|
|
|
331
332
|
${tokens.titleCaptionOffset}: 0.375rem;
|
|
333
|
+
${tokens.titleCaptionMargin}: 0.375rem;
|
|
332
334
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
333
335
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
334
336
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -494,6 +496,7 @@ export const config = {
|
|
|
494
496
|
${tokens.clearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
|
|
495
497
|
|
|
496
498
|
${tokens.titleCaptionOffset}: 0.313rem;
|
|
499
|
+
${tokens.titleCaptionMargin}: 0.3125rem;
|
|
497
500
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
498
501
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
499
502
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -659,6 +662,7 @@ export const config = {
|
|
|
659
662
|
${tokens.clearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
|
|
660
663
|
|
|
661
664
|
${tokens.titleCaptionOffset}: 0.188rem;
|
|
665
|
+
${tokens.titleCaptionMargin}: 0.1875rem;
|
|
662
666
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
663
667
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
664
668
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -824,6 +828,7 @@ export const config = {
|
|
|
824
828
|
${tokens.clearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
|
|
825
829
|
|
|
826
830
|
${tokens.titleCaptionOffset}: 0;
|
|
831
|
+
${tokens.titleCaptionMargin}: 0;
|
|
827
832
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
828
833
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
829
834
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -155,6 +155,7 @@ export const config = {
|
|
|
155
155
|
${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};
|
|
156
156
|
|
|
157
157
|
${tokens.titleCaptionOffset}: 0.375rem;
|
|
158
|
+
${tokens.titleCaptionMargin}: 0.375rem;
|
|
158
159
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
159
160
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
160
161
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -322,6 +323,7 @@ export const config = {
|
|
|
322
323
|
${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};
|
|
323
324
|
|
|
324
325
|
${tokens.titleCaptionOffset}: 0.375rem;
|
|
326
|
+
${tokens.titleCaptionMargin}: 0.375rem;
|
|
325
327
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
326
328
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
327
329
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -489,6 +491,7 @@ export const config = {
|
|
|
489
491
|
${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};
|
|
490
492
|
|
|
491
493
|
${tokens.titleCaptionOffset}: 0.313rem;
|
|
494
|
+
${tokens.titleCaptionMargin}: 0.3125rem;
|
|
492
495
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
493
496
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
494
497
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -656,6 +659,7 @@ export const config = {
|
|
|
656
659
|
${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};
|
|
657
660
|
|
|
658
661
|
${tokens.titleCaptionOffset}: 0.188rem;
|
|
662
|
+
${tokens.titleCaptionMargin}: 0.1875rem;
|
|
659
663
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
660
664
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
661
665
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -823,6 +827,7 @@ export const config = {
|
|
|
823
827
|
${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};
|
|
824
828
|
|
|
825
829
|
${tokens.titleCaptionOffset}: 0;
|
|
830
|
+
${tokens.titleCaptionMargin}: 0;
|
|
826
831
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
827
832
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
828
833
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -142,6 +142,7 @@ export const config = {
|
|
|
142
142
|
${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};
|
|
143
143
|
|
|
144
144
|
${tokens.titleCaptionOffset}: 0.375rem;
|
|
145
|
+
${tokens.titleCaptionMargin}: 0.375rem;
|
|
145
146
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
146
147
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
147
148
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -309,6 +310,7 @@ export const config = {
|
|
|
309
310
|
${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};
|
|
310
311
|
|
|
311
312
|
${tokens.titleCaptionOffset}: 0.375rem;
|
|
313
|
+
${tokens.titleCaptionMargin}: 0.375rem;
|
|
312
314
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
313
315
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
314
316
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -476,6 +478,7 @@ export const config = {
|
|
|
476
478
|
${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};
|
|
477
479
|
|
|
478
480
|
${tokens.titleCaptionOffset}: 0.313rem;
|
|
481
|
+
${tokens.titleCaptionMargin}: 0.3125rem;
|
|
479
482
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
480
483
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
481
484
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -643,6 +646,7 @@ export const config = {
|
|
|
643
646
|
${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};
|
|
644
647
|
|
|
645
648
|
${tokens.titleCaptionOffset}: 0.188rem;
|
|
649
|
+
${tokens.titleCaptionMargin}: 0.1875rem;
|
|
646
650
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
647
651
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
648
652
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -810,6 +814,7 @@ export const config = {
|
|
|
810
814
|
${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};
|
|
811
815
|
|
|
812
816
|
${tokens.titleCaptionOffset}: 0;
|
|
817
|
+
${tokens.titleCaptionMargin}: 0;
|
|
813
818
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
814
819
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
815
820
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
package/dist/styled-components/es/components/InformationWrapper/InformationWrapper.config.js
CHANGED
|
@@ -63,6 +63,7 @@ export const config = {
|
|
|
63
63
|
${tokens.hintWithoutLabelPlacementOffset}: 0.438rem -2.938rem auto auto;
|
|
64
64
|
|
|
65
65
|
${tokens.titleCaptionOffset}: 0.375rem;
|
|
66
|
+
${tokens.titleCaptionMargin}: 0.375rem;
|
|
66
67
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
67
68
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
68
69
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -112,6 +113,7 @@ export const config = {
|
|
|
112
113
|
${tokens.hintWithoutLabelPlacementOffset}: 0.438rem -2.813rem auto auto;
|
|
113
114
|
|
|
114
115
|
${tokens.titleCaptionOffset}: 0.313rem;
|
|
116
|
+
${tokens.titleCaptionMargin}: 0.3125rem;
|
|
115
117
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
116
118
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
117
119
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -161,6 +163,7 @@ export const config = {
|
|
|
161
163
|
${tokens.hintWithoutLabelPlacementOffset}: 0.438rem -2.688rem auto auto;
|
|
162
164
|
|
|
163
165
|
${tokens.titleCaptionOffset}: 0.188rem;
|
|
166
|
+
${tokens.titleCaptionMargin}: 0.1875rem;
|
|
164
167
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
165
168
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
166
169
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -210,6 +213,7 @@ export const config = {
|
|
|
210
213
|
${tokens.hintWithoutLabelPlacementOffset}: 0.188rem -2.063rem auto auto;
|
|
211
214
|
|
|
212
215
|
${tokens.titleCaptionOffset}: 0;
|
|
216
|
+
${tokens.titleCaptionMargin}: 0;
|
|
213
217
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
214
218
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
215
219
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -133,6 +133,7 @@ export const config = {
|
|
|
133
133
|
${tokens.hintPlacementInnerMargin}: 0 -0.438rem;
|
|
134
134
|
|
|
135
135
|
${tokens.titleCaptionOffset}: 0.375rem;
|
|
136
|
+
${tokens.titleCaptionMargin}: 0.375rem;
|
|
136
137
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
137
138
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
138
139
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -205,6 +206,7 @@ export const config = {
|
|
|
205
206
|
${tokens.hintPlacementInnerMargin}: 0 -0.438rem;
|
|
206
207
|
|
|
207
208
|
${tokens.titleCaptionOffset}: 0.375rem;
|
|
209
|
+
${tokens.titleCaptionMargin}: 0.375rem;
|
|
208
210
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
209
211
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
210
212
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -277,6 +279,7 @@ export const config = {
|
|
|
277
279
|
${tokens.hintPlacementInnerMargin}: 0 -0.438rem;
|
|
278
280
|
|
|
279
281
|
${tokens.titleCaptionOffset}: 0.313rem;
|
|
282
|
+
${tokens.titleCaptionMargin}: 0.3125rem;
|
|
280
283
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
281
284
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
282
285
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -349,6 +352,7 @@ export const config = {
|
|
|
349
352
|
${tokens.hintPlacementInnerMargin}: 0 -0.438rem;
|
|
350
353
|
|
|
351
354
|
${tokens.titleCaptionOffset}: 0.188rem;
|
|
355
|
+
${tokens.titleCaptionMargin}: 0.1875rem;
|
|
352
356
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
353
357
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
354
358
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -421,6 +425,7 @@ export const config = {
|
|
|
421
425
|
${tokens.hintPlacementInnerMargin}: 0 -0.688rem;
|
|
422
426
|
|
|
423
427
|
${tokens.titleCaptionOffset}: 0;
|
|
428
|
+
${tokens.titleCaptionMargin}: 0;
|
|
424
429
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
425
430
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
426
431
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -108,6 +108,7 @@ export const config = {
|
|
|
108
108
|
${tokens.hintPlacementInnerMargin}: 0 0.813rem 0 -0.438rem;
|
|
109
109
|
|
|
110
110
|
${tokens.titleCaptionOffset}: 0.375rem;
|
|
111
|
+
${tokens.titleCaptionMargin}: 0.375rem;
|
|
111
112
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
112
113
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
113
114
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -179,6 +180,7 @@ export const config = {
|
|
|
179
180
|
${tokens.hintPlacementInnerMargin}: 0 0.563rem 0 -0.438rem;
|
|
180
181
|
|
|
181
182
|
${tokens.titleCaptionOffset}: 0.375rem;
|
|
183
|
+
${tokens.titleCaptionMargin}: 0.375rem;
|
|
182
184
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
183
185
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
184
186
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -250,6 +252,7 @@ export const config = {
|
|
|
250
252
|
${tokens.hintPlacementInnerMargin}: 0 0.313rem 0 -0.438rem;
|
|
251
253
|
|
|
252
254
|
${tokens.titleCaptionOffset}: 0.313rem;
|
|
255
|
+
${tokens.titleCaptionMargin}: 0.3125rem;
|
|
253
256
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
254
257
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
255
258
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -321,6 +324,7 @@ export const config = {
|
|
|
321
324
|
${tokens.hintPlacementInnerMargin}: 0 0.063rem 0 -0.438rem;
|
|
322
325
|
|
|
323
326
|
${tokens.titleCaptionOffset}: 0.188rem;
|
|
327
|
+
${tokens.titleCaptionMargin}: 0.1875rem;
|
|
324
328
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
325
329
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
326
330
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -392,6 +396,7 @@ export const config = {
|
|
|
392
396
|
${tokens.hintPlacementInnerMargin}: 0 -0.188rem 0 -0.688rem;
|
|
393
397
|
|
|
394
398
|
${tokens.titleCaptionOffset}: 0;
|
|
399
|
+
${tokens.titleCaptionMargin}: 0;
|
|
395
400
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
396
401
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
397
402
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -23,6 +23,7 @@ export const config = {
|
|
|
23
23
|
${tokens.textFieldTextAfterColor}: ${textTertiary};
|
|
24
24
|
${tokens.textFieldLabelColor}: ${textPrimary};
|
|
25
25
|
${tokens.textFieldLeftHelperColor}: ${textSecondary};
|
|
26
|
+
${tokens.textFieldTitleCaptionColor}: ${textSecondary};
|
|
26
27
|
${tokens.textFieldFocusColor}: ${textAccent};
|
|
27
28
|
|
|
28
29
|
${tokens.textFieldContentSlotColor}: ${textSecondary};
|
|
@@ -70,6 +71,7 @@ export const config = {
|
|
|
70
71
|
${tokens.textFieldTextAfterColor}: ${textTertiary};
|
|
71
72
|
${tokens.textFieldLabelColor}: ${textPrimary};
|
|
72
73
|
${tokens.textFieldLeftHelperColor}: ${textPositive};
|
|
74
|
+
${tokens.textFieldTitleCaptionColor}: ${textSecondary};
|
|
73
75
|
${tokens.textFieldFocusColor}: ${textAccent};
|
|
74
76
|
|
|
75
77
|
${tokens.textFieldContentSlotColor}: ${textSecondary};
|
|
@@ -117,6 +119,7 @@ export const config = {
|
|
|
117
119
|
${tokens.textFieldTextAfterColor}: ${textTertiary};
|
|
118
120
|
${tokens.textFieldLabelColor}: ${textPrimary};
|
|
119
121
|
${tokens.textFieldLeftHelperColor}: ${textWarning};
|
|
122
|
+
${tokens.textFieldTitleCaptionColor}: ${textSecondary};
|
|
120
123
|
${tokens.textFieldFocusColor}: ${textAccent};
|
|
121
124
|
|
|
122
125
|
${tokens.textFieldContentSlotColor}: ${textSecondary};
|
|
@@ -164,6 +167,7 @@ export const config = {
|
|
|
164
167
|
${tokens.textFieldTextAfterColor}: ${textTertiary};
|
|
165
168
|
${tokens.textFieldLabelColor}: ${textPrimary};
|
|
166
169
|
${tokens.textFieldLeftHelperColor}: ${textNegative};
|
|
170
|
+
${tokens.textFieldTitleCaptionColor}: ${textSecondary};
|
|
167
171
|
${tokens.textFieldFocusColor}: ${textAccent};
|
|
168
172
|
|
|
169
173
|
${tokens.textFieldContentSlotColor}: ${textSecondary};
|
|
@@ -387,6 +391,13 @@ export const config = {
|
|
|
387
391
|
${tokens.textFieldLabelFontWeight}: ${bodyL.fontWeight};
|
|
388
392
|
${tokens.textFieldLabelLetterSpacing}: ${bodyL.letterSpacing};
|
|
389
393
|
${tokens.textFieldLabelLineHeight}: ${bodyL.lineHeight};
|
|
394
|
+
${tokens.textFieldTitleCaptionMargin}: 0.375rem;
|
|
395
|
+
${tokens.textFieldTitleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
396
|
+
${tokens.textFieldTitleCaptionFontSize}: ${bodyXS.fontSize};
|
|
397
|
+
${tokens.textFieldTitleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
398
|
+
${tokens.textFieldTitleCaptionFontWeight}: ${bodyXS.fontWeight};
|
|
399
|
+
${tokens.textFieldTitleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
|
|
400
|
+
${tokens.textFieldTitleCaptionLineHeight}: ${bodyXS.lineHeight};
|
|
390
401
|
|
|
391
402
|
${tokens.textFieldHintMargin}: -0.688rem -0.5rem;
|
|
392
403
|
${tokens.textFieldHintTargetSize}: 2.375rem;
|
|
@@ -512,6 +523,13 @@ export const config = {
|
|
|
512
523
|
${tokens.textFieldLabelFontWeight}: ${bodyM.fontWeight};
|
|
513
524
|
${tokens.textFieldLabelLetterSpacing}: ${bodyM.letterSpacing};
|
|
514
525
|
${tokens.textFieldLabelLineHeight}: ${bodyM.lineHeight};
|
|
526
|
+
${tokens.textFieldTitleCaptionMargin}: 0.3125rem;
|
|
527
|
+
${tokens.textFieldTitleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
528
|
+
${tokens.textFieldTitleCaptionFontSize}: ${bodyXS.fontSize};
|
|
529
|
+
${tokens.textFieldTitleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
530
|
+
${tokens.textFieldTitleCaptionFontWeight}: ${bodyXS.fontWeight};
|
|
531
|
+
${tokens.textFieldTitleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
|
|
532
|
+
${tokens.textFieldTitleCaptionLineHeight}: ${bodyXS.lineHeight};
|
|
515
533
|
|
|
516
534
|
${tokens.textFieldHintMargin}: -0.688rem -0.5rem;
|
|
517
535
|
${tokens.textFieldHintTargetSize}: 2.375rem;
|
|
@@ -637,6 +655,13 @@ export const config = {
|
|
|
637
655
|
${tokens.textFieldLabelFontWeight}: ${bodyS.fontWeight};
|
|
638
656
|
${tokens.textFieldLabelLetterSpacing}: ${bodyS.letterSpacing};
|
|
639
657
|
${tokens.textFieldLabelLineHeight}: ${bodyS.lineHeight};
|
|
658
|
+
${tokens.textFieldTitleCaptionMargin}: 0.1875rem;
|
|
659
|
+
${tokens.textFieldTitleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
660
|
+
${tokens.textFieldTitleCaptionFontSize}: ${bodyXS.fontSize};
|
|
661
|
+
${tokens.textFieldTitleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
662
|
+
${tokens.textFieldTitleCaptionFontWeight}: ${bodyXS.fontWeight};
|
|
663
|
+
${tokens.textFieldTitleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
|
|
664
|
+
${tokens.textFieldTitleCaptionLineHeight}: ${bodyXS.lineHeight};
|
|
640
665
|
|
|
641
666
|
${tokens.textFieldHintMargin}: -0.688rem -0.5rem;
|
|
642
667
|
${tokens.textFieldHintTargetSize}: 2.375rem;
|
|
@@ -762,6 +787,13 @@ export const config = {
|
|
|
762
787
|
${tokens.textFieldLabelFontWeight}: ${bodyXS.fontWeight};
|
|
763
788
|
${tokens.textFieldLabelLetterSpacing}: ${bodyXS.letterSpacing};
|
|
764
789
|
${tokens.textFieldLabelLineHeight}: ${bodyXS.lineHeight};
|
|
790
|
+
${tokens.textFieldTitleCaptionMargin}: 0;
|
|
791
|
+
${tokens.textFieldTitleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
792
|
+
${tokens.textFieldTitleCaptionFontSize}: ${bodyXS.fontSize};
|
|
793
|
+
${tokens.textFieldTitleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
794
|
+
${tokens.textFieldTitleCaptionFontWeight}: ${bodyXS.fontWeight};
|
|
795
|
+
${tokens.textFieldTitleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
|
|
796
|
+
${tokens.textFieldTitleCaptionLineHeight}: ${bodyXS.lineHeight};
|
|
765
797
|
|
|
766
798
|
${tokens.textFieldHintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;
|
|
767
799
|
${tokens.textFieldHintTargetSize}: 2.375rem;
|
|
@@ -225,6 +225,7 @@ export const config = {
|
|
|
225
225
|
${tokens.hintInnerLabelPlacementOffset}: 0.82rem -2.188rem auto auto;
|
|
226
226
|
|
|
227
227
|
${tokens.titleCaptionInnerLabelOffset}: 0.25rem;
|
|
228
|
+
${tokens.titleCaptionMargin}: 0.375rem;
|
|
228
229
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
229
230
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
230
231
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -299,6 +300,7 @@ export const config = {
|
|
|
299
300
|
${tokens.hintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
|
|
300
301
|
|
|
301
302
|
${tokens.titleCaptionInnerLabelOffset}: 0.25rem;
|
|
303
|
+
${tokens.titleCaptionMargin}: 0.375rem;
|
|
302
304
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
303
305
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
304
306
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -373,6 +375,7 @@ export const config = {
|
|
|
373
375
|
${tokens.hintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
|
|
374
376
|
|
|
375
377
|
${tokens.titleCaptionInnerLabelOffset}: 0.25rem;
|
|
378
|
+
${tokens.titleCaptionMargin}: 0.3125rem;
|
|
376
379
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
377
380
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
378
381
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -447,6 +450,7 @@ export const config = {
|
|
|
447
450
|
${tokens.hintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
|
|
448
451
|
|
|
449
452
|
${tokens.titleCaptionInnerLabelOffset}: 0.25rem;
|
|
453
|
+
${tokens.titleCaptionMargin}: 0.1875rem;
|
|
450
454
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
451
455
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
452
456
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -521,6 +525,7 @@ export const config = {
|
|
|
521
525
|
${tokens.hintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
|
|
522
526
|
|
|
523
527
|
${tokens.titleCaptionInnerLabelOffset}: 0.25rem;
|
|
528
|
+
${tokens.titleCaptionMargin}: 0;
|
|
524
529
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
525
530
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
526
531
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -243,6 +243,7 @@ export const config = {
|
|
|
243
243
|
${tokens.hintInnerLabelPlacementOffset}: 0.751rem -2.938rem auto auto;
|
|
244
244
|
|
|
245
245
|
${tokens.titleCaptionInnerLabelOffset}: 0.25rem;
|
|
246
|
+
${tokens.titleCaptionMargin}: 0.375rem;
|
|
246
247
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
247
248
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
248
249
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -316,6 +317,7 @@ export const config = {
|
|
|
316
317
|
${tokens.hintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
|
|
317
318
|
|
|
318
319
|
${tokens.titleCaptionInnerLabelOffset}: 0.25rem;
|
|
320
|
+
${tokens.titleCaptionMargin}: 0.375rem;
|
|
319
321
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
320
322
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
321
323
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -391,6 +393,7 @@ export const config = {
|
|
|
391
393
|
${tokens.hintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
|
|
392
394
|
|
|
393
395
|
${tokens.titleCaptionInnerLabelOffset}: 0.25rem;
|
|
396
|
+
${tokens.titleCaptionMargin}: 0.3125rem;
|
|
394
397
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
395
398
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
396
399
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -464,6 +467,7 @@ export const config = {
|
|
|
464
467
|
${tokens.hintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
|
|
465
468
|
|
|
466
469
|
${tokens.titleCaptionInnerLabelOffset}: 0.25rem;
|
|
470
|
+
${tokens.titleCaptionMargin}: 0.1875rem;
|
|
467
471
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
468
472
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
469
473
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -537,6 +541,7 @@ export const config = {
|
|
|
537
541
|
${tokens.hintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
|
|
538
542
|
|
|
539
543
|
${tokens.titleCaptionInnerLabelOffset}: 0.25rem;
|
|
544
|
+
${tokens.titleCaptionMargin}: 0;
|
|
540
545
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
541
546
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
542
547
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -87,6 +87,7 @@ export const config = {
|
|
|
87
87
|
${tokens.hintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
|
|
88
88
|
|
|
89
89
|
${tokens.titleCaptionInnerLabelOffset}: 0.25rem;
|
|
90
|
+
${tokens.titleCaptionMargin}: 0.375rem;
|
|
90
91
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
91
92
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
92
93
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -161,6 +162,7 @@ export const config = {
|
|
|
161
162
|
${tokens.hintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
|
|
162
163
|
|
|
163
164
|
${tokens.titleCaptionInnerLabelOffset}: 0.25rem;
|
|
165
|
+
${tokens.titleCaptionMargin}: 0.3125rem;
|
|
164
166
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
165
167
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
166
168
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -235,6 +237,7 @@ export const config = {
|
|
|
235
237
|
${tokens.hintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
|
|
236
238
|
|
|
237
239
|
${tokens.titleCaptionInnerLabelOffset}: 0.25rem;
|
|
240
|
+
${tokens.titleCaptionMargin}: 0.1875rem;
|
|
238
241
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
239
242
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
240
243
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|