@salutejs/sdds-dfa 0.370.0-dev.0 → 0.371.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.clear.config.js +706 -0
- package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +40 -0
- package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.js +14 -1
- 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.config.js +5 -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.clear.config.js +1258 -0
- package/dist/styled-components/cjs/components/Select/Select.config.js +39 -0
- package/dist/styled-components/cjs/components/Select/Select.js +8 -1
- 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.clear.config.js +23 -3
- package/dist/styled-components/cjs/components/TextField/TextField.config.js +5 -0
- package/dist/styled-components/cjs/components/TimePicker/TimePicker.config.js +37 -0
- package/dist/styled-components/es/components/Autocomplete/Autocomplete.clear.config.js +696 -0
- package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +40 -0
- package/dist/styled-components/es/components/Autocomplete/Autocomplete.js +9 -2
- 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.config.js +5 -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.clear.config.js +1248 -0
- package/dist/styled-components/es/components/Select/Select.config.js +39 -0
- package/dist/styled-components/es/components/Select/Select.js +9 -2
- 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.clear.config.js +23 -3
- package/dist/styled-components/es/components/TextField/TextField.config.js +5 -0
- package/dist/styled-components/es/components/TimePicker/TimePicker.config.js +37 -0
- package/package.json +10 -10
- package/types/components/Autocomplete/Autocomplete.clear.config.d.ts +39 -0
- package/types/components/Autocomplete/Autocomplete.d.ts +2017 -10
- 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 +2 -2
- package/types/components/Select/Select.clear.config.d.ts +53 -0
- package/types/components/Select/Select.d.ts +36 -10
- package/types/components/TimePicker/TimePicker.d.ts +2 -0
|
@@ -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}: ${bodyL.fontWeight};
|
|
284
295
|
${tokens.textFieldLabelLetterSpacing}: ${bodyL.letterSpacing};
|
|
285
296
|
${tokens.textFieldLabelLineHeight}: ${bodyL.lineHeight};
|
|
297
|
+
${tokens.textFieldTitleCaptionMargin}: 0.375rem;
|
|
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}: ${bodyM.fontWeight};
|
|
359
377
|
${tokens.textFieldLabelLetterSpacing}: ${bodyM.letterSpacing};
|
|
360
378
|
${tokens.textFieldLabelLineHeight}: ${bodyM.lineHeight};
|
|
379
|
+
${tokens.textFieldTitleCaptionMargin}: 0.3125rem;
|
|
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}: ${bodyS.fontWeight};
|
|
434
459
|
${tokens.textFieldLabelLetterSpacing}: ${bodyS.letterSpacing};
|
|
435
460
|
${tokens.textFieldLabelLineHeight}: ${bodyS.lineHeight};
|
|
461
|
+
${tokens.textFieldTitleCaptionMargin}: 0.1875rem;
|
|
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.688rem -0.5rem;
|
|
438
470
|
${tokens.textFieldHintTargetSize}: 2.375rem;
|
|
@@ -508,6 +540,13 @@ export const config = {
|
|
|
508
540
|
${tokens.textFieldLabelFontWeight}: ${bodyXS.fontWeight};
|
|
509
541
|
${tokens.textFieldLabelLetterSpacing}: ${bodyXS.letterSpacing};
|
|
510
542
|
${tokens.textFieldLabelLineHeight}: ${bodyXS.lineHeight};
|
|
543
|
+
${tokens.textFieldTitleCaptionMargin}: 0;
|
|
544
|
+
${tokens.textFieldTitleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
545
|
+
${tokens.textFieldTitleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
546
|
+
${tokens.textFieldTitleCaptionFontSize}: ${bodyXS.fontSize};
|
|
547
|
+
${tokens.textFieldTitleCaptionFontWeight}: ${bodyXS.fontWeight};
|
|
548
|
+
${tokens.textFieldTitleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
|
|
549
|
+
${tokens.textFieldTitleCaptionLineHeight}: ${bodyXS.lineHeight};
|
|
511
550
|
|
|
512
551
|
${tokens.textFieldHintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;
|
|
513
552
|
${tokens.textFieldHintTargetSize}: 2.375rem;
|
|
@@ -637,6 +676,7 @@ export const config = {
|
|
|
637
676
|
${tokens.textFieldBackgroundColorReadOnly}: ${surfaceTransparentPrimary};
|
|
638
677
|
${tokens.textFieldPlaceholderColorReadOnly}: ${textSecondary};
|
|
639
678
|
${tokens.textFieldLeftHelperColorReadOnly}: ${textSecondary};
|
|
679
|
+
${tokens.textFieldTitleCaptionColorReadOnly}: ${textSecondary};
|
|
640
680
|
${tokens.textFieldLabelColorReadOnly}: ${textPrimary};
|
|
641
681
|
${tokens.textFieldDividerColorReadOnly}: ${surfaceTransparentPrimary};
|
|
642
682
|
`
|
|
@@ -1,8 +1,15 @@
|
|
|
1
|
-
import { autocompleteConfig, component, mergeConfig, fixedForwardRef } from '@salutejs/plasma-new-hope/styled-components';
|
|
1
|
+
import { autocompleteConfig, component, createConditionalComponent, mergeConfig, fixedForwardRef } from '@salutejs/plasma-new-hope/styled-components';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { config } from './Autocomplete.config';
|
|
4
|
+
import { config as clearConfig } from './Autocomplete.clear.config';
|
|
4
5
|
const mergedConfig = mergeConfig(autocompleteConfig, config);
|
|
5
|
-
export const
|
|
6
|
+
export const AutocompleteDefault = component(mergedConfig);
|
|
7
|
+
const mergedClearConfig = mergeConfig(autocompleteConfig, clearConfig);
|
|
8
|
+
export const AutocompleteClear = component(mergedClearConfig);
|
|
9
|
+
export const AutocompleteComponent = createConditionalComponent({
|
|
10
|
+
default: AutocompleteDefault,
|
|
11
|
+
clear: AutocompleteClear
|
|
12
|
+
});
|
|
6
13
|
const AutocompleteWithoutRef = (props, ref)=>{
|
|
7
14
|
return /*#__PURE__*/ React.createElement(AutocompleteComponent, {
|
|
8
15
|
...props,
|
|
@@ -198,6 +198,7 @@ export const config = {
|
|
|
198
198
|
${tokens.hintInnerLabelPlacementOffset}:0.82rem -2.063rem auto auto;
|
|
199
199
|
|
|
200
200
|
${tokens.titleCaptionOffset}: 0.375rem;
|
|
201
|
+
${tokens.titleCaptionMargin}: 0.375rem;
|
|
201
202
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
202
203
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
203
204
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -369,6 +370,7 @@ export const config = {
|
|
|
369
370
|
${tokens.hintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
|
|
370
371
|
|
|
371
372
|
${tokens.titleCaptionOffset}: 0.375rem;
|
|
373
|
+
${tokens.titleCaptionMargin}: 0.375rem;
|
|
372
374
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
373
375
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
374
376
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -540,6 +542,7 @@ export const config = {
|
|
|
540
542
|
${tokens.hintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
|
|
541
543
|
|
|
542
544
|
${tokens.titleCaptionOffset}: 0.313rem;
|
|
545
|
+
${tokens.titleCaptionMargin}: 0.3125rem;
|
|
543
546
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
544
547
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
545
548
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -711,6 +714,7 @@ export const config = {
|
|
|
711
714
|
${tokens.hintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
|
|
712
715
|
|
|
713
716
|
${tokens.titleCaptionOffset}: 0.188rem;
|
|
717
|
+
${tokens.titleCaptionMargin}: 0.1875rem;
|
|
714
718
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
715
719
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
716
720
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -882,6 +886,7 @@ export const config = {
|
|
|
882
886
|
${tokens.hintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
|
|
883
887
|
|
|
884
888
|
${tokens.titleCaptionOffset}: 0;
|
|
889
|
+
${tokens.titleCaptionMargin}: 0;
|
|
885
890
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
886
891
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
887
892
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -165,6 +165,7 @@ export const config = {
|
|
|
165
165
|
${tokens.hintInnerLabelPlacementOffset}: 0.813rem -2.938rem auto auto;
|
|
166
166
|
|
|
167
167
|
${tokens.titleCaptionOffset}: 0.375rem;
|
|
168
|
+
${tokens.titleCaptionMargin}: 0.375rem;
|
|
168
169
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
169
170
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
170
171
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -335,6 +336,7 @@ export const config = {
|
|
|
335
336
|
${tokens.clearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
|
|
336
337
|
|
|
337
338
|
${tokens.titleCaptionOffset}: 0.375rem;
|
|
339
|
+
${tokens.titleCaptionMargin}: 0.375rem;
|
|
338
340
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
339
341
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
340
342
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -505,6 +507,7 @@ export const config = {
|
|
|
505
507
|
${tokens.clearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
|
|
506
508
|
|
|
507
509
|
${tokens.titleCaptionOffset}: 0.313rem;
|
|
510
|
+
${tokens.titleCaptionMargin}: 0.3125rem;
|
|
508
511
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
509
512
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
510
513
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -675,6 +678,7 @@ export const config = {
|
|
|
675
678
|
${tokens.clearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
|
|
676
679
|
|
|
677
680
|
${tokens.titleCaptionOffset}: 0.188rem;
|
|
681
|
+
${tokens.titleCaptionMargin}: 0.1875rem;
|
|
678
682
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
679
683
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
680
684
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -845,6 +849,7 @@ export const config = {
|
|
|
845
849
|
${tokens.clearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
|
|
846
850
|
|
|
847
851
|
${tokens.titleCaptionOffset}: 0;
|
|
852
|
+
${tokens.titleCaptionMargin}: 0;
|
|
848
853
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
849
854
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
850
855
|
${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};
|
|
@@ -139,6 +139,7 @@ export const config = {
|
|
|
139
139
|
${tokens.hintPlacementInnerMargin}: 0 -0.438rem;
|
|
140
140
|
|
|
141
141
|
${tokens.titleCaptionOffset}: 0.375rem;
|
|
142
|
+
${tokens.titleCaptionMargin}: 0.375rem;
|
|
142
143
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
143
144
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
144
145
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -216,6 +217,7 @@ export const config = {
|
|
|
216
217
|
${tokens.hintPlacementInnerMargin}: 0 -0.438rem;
|
|
217
218
|
|
|
218
219
|
${tokens.titleCaptionOffset}: 0.375rem;
|
|
220
|
+
${tokens.titleCaptionMargin}: 0.375rem;
|
|
219
221
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
220
222
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
221
223
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -293,6 +295,7 @@ export const config = {
|
|
|
293
295
|
${tokens.hintPlacementInnerMargin}: 0 -0.438rem;
|
|
294
296
|
|
|
295
297
|
${tokens.titleCaptionOffset}: 0.313rem;
|
|
298
|
+
${tokens.titleCaptionMargin}: 0.3125rem;
|
|
296
299
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
297
300
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
298
301
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -370,6 +373,7 @@ export const config = {
|
|
|
370
373
|
${tokens.hintPlacementInnerMargin}: 0 -0.438rem;
|
|
371
374
|
|
|
372
375
|
${tokens.titleCaptionOffset}: 0.188rem;
|
|
376
|
+
${tokens.titleCaptionMargin}: 0.1875rem;
|
|
373
377
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
374
378
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
375
379
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -447,6 +451,7 @@ export const config = {
|
|
|
447
451
|
${tokens.hintPlacementInnerMargin}: 0 -0.688rem;
|
|
448
452
|
|
|
449
453
|
${tokens.titleCaptionOffset}: 0;
|
|
454
|
+
${tokens.titleCaptionMargin}: 0;
|
|
450
455
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
451
456
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
452
457
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -114,6 +114,7 @@ export const config = {
|
|
|
114
114
|
${tokens.hintPlacementInnerMargin}: 0 0.813rem 0 -0.438rem;
|
|
115
115
|
|
|
116
116
|
${tokens.titleCaptionOffset}: 0.375rem;
|
|
117
|
+
${tokens.titleCaptionMargin}: 0.375rem;
|
|
117
118
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
118
119
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
119
120
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -190,6 +191,7 @@ export const config = {
|
|
|
190
191
|
${tokens.hintPlacementInnerMargin}: 0 0.563rem 0 -0.438rem;
|
|
191
192
|
|
|
192
193
|
${tokens.titleCaptionOffset}: 0.375rem;
|
|
194
|
+
${tokens.titleCaptionMargin}: 0.375rem;
|
|
193
195
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
194
196
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
195
197
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -266,6 +268,7 @@ export const config = {
|
|
|
266
268
|
${tokens.hintPlacementInnerMargin}: 0 0.313rem 0 -0.438rem;
|
|
267
269
|
|
|
268
270
|
${tokens.titleCaptionOffset}: 0.313rem;
|
|
271
|
+
${tokens.titleCaptionMargin}: 0.3125rem;
|
|
269
272
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
270
273
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
271
274
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -342,6 +345,7 @@ export const config = {
|
|
|
342
345
|
${tokens.hintPlacementInnerMargin}: 0 0.063rem 0 -0.438rem;
|
|
343
346
|
|
|
344
347
|
${tokens.titleCaptionOffset}: 0.188rem;
|
|
348
|
+
${tokens.titleCaptionMargin}: 0.1875rem;
|
|
345
349
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
346
350
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
347
351
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -418,6 +422,7 @@ export const config = {
|
|
|
418
422
|
${tokens.hintPlacementInnerMargin}: 0 -0.188rem 0 -0.688rem;
|
|
419
423
|
|
|
420
424
|
${tokens.titleCaptionOffset}: 0;
|
|
425
|
+
${tokens.titleCaptionMargin}: 0;
|
|
421
426
|
${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
|
|
422
427
|
${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
|
|
423
428
|
${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
|