@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.
Files changed (34) hide show
  1. package/README.md +5 -5
  2. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +33 -0
  3. package/dist/styled-components/cjs/components/DatePicker/DatePicker.clear.config.js +5 -0
  4. package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +5 -0
  5. package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.clear.config.js +5 -0
  6. package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js +5 -0
  7. package/dist/styled-components/cjs/components/InformationWrapper/InformationWrapper.config.js +4 -0
  8. package/dist/styled-components/cjs/components/Range/Range.clear.config.js +5 -0
  9. package/dist/styled-components/cjs/components/Range/Range.config.js +5 -0
  10. package/dist/styled-components/cjs/components/Select/Select.config.js +32 -0
  11. package/dist/styled-components/cjs/components/TextArea/TextArea.clear.config.js +5 -0
  12. package/dist/styled-components/cjs/components/TextArea/TextArea.config.js +5 -0
  13. package/dist/styled-components/cjs/components/TextField/TextField.config.js +3 -0
  14. package/dist/styled-components/cjs/components/TimePicker/TimePicker.config.js +30 -0
  15. package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +33 -0
  16. package/dist/styled-components/es/components/DatePicker/DatePicker.clear.config.js +5 -0
  17. package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +5 -0
  18. package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.clear.config.js +5 -0
  19. package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.config.js +5 -0
  20. package/dist/styled-components/es/components/InformationWrapper/InformationWrapper.config.js +4 -0
  21. package/dist/styled-components/es/components/Range/Range.clear.config.js +5 -0
  22. package/dist/styled-components/es/components/Range/Range.config.js +5 -0
  23. package/dist/styled-components/es/components/Select/Select.config.js +32 -0
  24. package/dist/styled-components/es/components/TextArea/TextArea.clear.config.js +5 -0
  25. package/dist/styled-components/es/components/TextArea/TextArea.config.js +5 -0
  26. package/dist/styled-components/es/components/TextField/TextField.config.js +3 -0
  27. package/dist/styled-components/es/components/TimePicker/TimePicker.config.js +30 -0
  28. package/package.json +10 -10
  29. package/types/components/Autocomplete/Autocomplete.d.ts +16 -8
  30. package/types/components/Calendar/Calendar.d.ts +3 -1
  31. package/types/components/DatePicker/DatePicker.d.ts +36 -36
  32. package/types/components/DateTimePicker/DateTimePicker.d.ts +8 -8
  33. package/types/components/Select/Select.d.ts +32 -8
  34. package/types/components/TimePicker/TimePicker.d.ts +2 -0
package/README.md CHANGED
@@ -17,19 +17,19 @@
17
17
 
18
18
  ## Установка
19
19
 
20
- Требуются `react` и `react-dom` версии `16.13.1` или выше, а также `styled-components` версии `5.3.1`:
20
+ Требуются `react` и `react-dom` версии `16.13.1` или выше, а также `styled-components` версии `5.3.11`:
21
21
 
22
22
  ```bash
23
23
  $ npm install --save react react-dom
24
24
  $ npm install --save @salutejs/plasma-homeds @salutejs/plasma-themes
25
- $ npm install --save styled-components@5.3.1
25
+ $ npm install --save styled-components@5.3.11
26
26
  ```
27
27
 
28
28
  ## Варианты поставки
29
29
 
30
- | Точка входа | Реализация | Дополнительные зависимости |
31
- | -------------------------- | ------------------ | --------------------------- |
32
- | `@salutejs/plasma-homeds` | styled-components | `styled-components@5.3.1` |
30
+ | Точка входа | Реализация | Дополнительные зависимости |
31
+ | ------------------------- | ----------------- | -------------------------- |
32
+ | `@salutejs/plasma-homeds` | styled-components | `styled-components@5.3.11` |
33
33
 
34
34
  ```jsx
35
35
  import { Button } from '@salutejs/plasma-homeds';
package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -34,6 +34,7 @@ const config = {
34
34
  ${_styledcomponents.autocompleteTokens.textFieldTextAfterColor}: ${_plasma_homeds.textTertiary};
35
35
  ${_styledcomponents.autocompleteTokens.textFieldLabelColor}: ${_plasma_homeds.textPrimary};
36
36
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperColor}: ${_plasma_homeds.textSecondary};
37
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionColor}: ${_plasma_homeds.textSecondary};
37
38
  ${_styledcomponents.autocompleteTokens.textFieldFocusColor}: ${_plasma_homeds.textAccent};
38
39
 
39
40
  ${_styledcomponents.autocompleteTokens.textFieldContentSlotColor}: ${_plasma_homeds.textSecondary};
@@ -76,6 +77,7 @@ const config = {
76
77
  ${_styledcomponents.autocompleteTokens.textFieldTextAfterColor}: ${_plasma_homeds.textTertiary};
77
78
  ${_styledcomponents.autocompleteTokens.textFieldLabelColor}: ${_plasma_homeds.textPrimary};
78
79
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperColor}: ${_plasma_homeds.textPositive};
80
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionColor}: ${_plasma_homeds.textSecondary};
79
81
  ${_styledcomponents.autocompleteTokens.textFieldFocusColor}: ${_plasma_homeds.textAccent};
80
82
 
81
83
  ${_styledcomponents.autocompleteTokens.textFieldContentSlotColor}: ${_plasma_homeds.textSecondary};
@@ -118,6 +120,7 @@ const config = {
118
120
  ${_styledcomponents.autocompleteTokens.textFieldTextAfterColor}: ${_plasma_homeds.textTertiary};
119
121
  ${_styledcomponents.autocompleteTokens.textFieldLabelColor}: ${_plasma_homeds.textPrimary};
120
122
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperColor}: ${_plasma_homeds.textWarning};
123
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionColor}: ${_plasma_homeds.textSecondary};
121
124
  ${_styledcomponents.autocompleteTokens.textFieldFocusColor}: ${_plasma_homeds.textAccent};
122
125
 
123
126
  ${_styledcomponents.autocompleteTokens.textFieldContentSlotColor}: ${_plasma_homeds.textSecondary};
@@ -160,6 +163,7 @@ const config = {
160
163
  ${_styledcomponents.autocompleteTokens.textFieldTextAfterColor}: ${_plasma_homeds.textTertiary};
161
164
  ${_styledcomponents.autocompleteTokens.textFieldLabelColor}: ${_plasma_homeds.textPrimary};
162
165
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperColor}: ${_plasma_homeds.textNegative};
166
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionColor}: ${_plasma_homeds.textSecondary};
163
167
  ${_styledcomponents.autocompleteTokens.textFieldFocusColor}: ${_plasma_homeds.textAccent};
164
168
 
165
169
  ${_styledcomponents.autocompleteTokens.textFieldContentSlotColor}: ${_plasma_homeds.textSecondary};
@@ -218,6 +222,13 @@ const config = {
218
222
  ${_styledcomponents.autocompleteTokens.textFieldLabelFontWeight}: ${_plasma_homeds.bodyL.fontWeight};
219
223
  ${_styledcomponents.autocompleteTokens.textFieldLabelLetterSpacing}: ${_plasma_homeds.bodyL.letterSpacing};
220
224
  ${_styledcomponents.autocompleteTokens.textFieldLabelLineHeight}: ${_plasma_homeds.bodyL.lineHeight};
225
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionMargin}: 0.375rem;
226
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
227
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
228
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
229
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontWeight}: ${_plasma_homeds.bodyXS.fontWeight};
230
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionLetterSpacing}: ${_plasma_homeds.bodyXS.letterSpacing};
231
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionLineHeight}: ${_plasma_homeds.bodyXS.lineHeight};
221
232
 
222
233
  ${_styledcomponents.autocompleteTokens.textFieldHintMargin}: -0.688rem -0.5rem;
223
234
  ${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
@@ -293,6 +304,13 @@ const config = {
293
304
  ${_styledcomponents.autocompleteTokens.textFieldLabelFontWeight}: ${_plasma_homeds.bodyM.fontWeight};
294
305
  ${_styledcomponents.autocompleteTokens.textFieldLabelLetterSpacing}: ${_plasma_homeds.bodyM.letterSpacing};
295
306
  ${_styledcomponents.autocompleteTokens.textFieldLabelLineHeight}: ${_plasma_homeds.bodyM.lineHeight};
307
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionMargin}: 0.3125rem;
308
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
309
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
310
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
311
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontWeight}: ${_plasma_homeds.bodyXS.fontWeight};
312
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionLetterSpacing}: ${_plasma_homeds.bodyXS.letterSpacing};
313
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionLineHeight}: ${_plasma_homeds.bodyXS.lineHeight};
296
314
 
297
315
  ${_styledcomponents.autocompleteTokens.textFieldHintMargin}: -0.688rem -0.5rem;
298
316
  ${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
@@ -368,6 +386,13 @@ const config = {
368
386
  ${_styledcomponents.autocompleteTokens.textFieldLabelFontWeight}: ${_plasma_homeds.bodyS.fontWeight};
369
387
  ${_styledcomponents.autocompleteTokens.textFieldLabelLetterSpacing}: ${_plasma_homeds.bodyS.letterSpacing};
370
388
  ${_styledcomponents.autocompleteTokens.textFieldLabelLineHeight}: ${_plasma_homeds.bodyS.lineHeight};
389
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionMargin}: 0.1875rem;
390
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
391
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
392
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
393
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontWeight}: ${_plasma_homeds.bodyXS.fontWeight};
394
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionLetterSpacing}: ${_plasma_homeds.bodyXS.letterSpacing};
395
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionLineHeight}: ${_plasma_homeds.bodyXS.lineHeight};
371
396
 
372
397
  ${_styledcomponents.autocompleteTokens.textFieldHintMargin}: -0.688rem -0.5rem;
373
398
  ${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
@@ -443,6 +468,13 @@ const config = {
443
468
  ${_styledcomponents.autocompleteTokens.textFieldLabelFontWeight}: ${_plasma_homeds.bodyXS.fontWeight};
444
469
  ${_styledcomponents.autocompleteTokens.textFieldLabelLetterSpacing}: ${_plasma_homeds.bodyXS.letterSpacing};
445
470
  ${_styledcomponents.autocompleteTokens.textFieldLabelLineHeight}: ${_plasma_homeds.bodyXS.lineHeight};
471
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionMargin}: 0;
472
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
473
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
474
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
475
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontWeight}: ${_plasma_homeds.bodyXS.fontWeight};
476
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionLetterSpacing}: ${_plasma_homeds.bodyXS.letterSpacing};
477
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionLineHeight}: ${_plasma_homeds.bodyXS.lineHeight};
446
478
 
447
479
  ${_styledcomponents.autocompleteTokens.textFieldHintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;
448
480
  ${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
@@ -572,6 +604,7 @@ const config = {
572
604
  ${_styledcomponents.autocompleteTokens.textFieldBackgroundColorReadOnly}: ${_plasma_homeds.surfaceTransparentPrimary};
573
605
  ${_styledcomponents.autocompleteTokens.textFieldPlaceholderColorReadOnly}: ${_plasma_homeds.textSecondary};
574
606
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperColorReadOnly}: ${_plasma_homeds.textSecondary};
607
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionColorReadOnly}: ${_plasma_homeds.textSecondary};
575
608
  ${_styledcomponents.autocompleteTokens.textFieldLabelColorReadOnly}: ${_plasma_homeds.textPrimary};
576
609
  ${_styledcomponents.autocompleteTokens.textFieldDividerColorReadOnly}: ${_plasma_homeds.surfaceTransparentPrimary};
577
610
  `
package/dist/styled-components/cjs/components/DatePicker/DatePicker.clear.config.js CHANGED
@@ -207,6 +207,7 @@ const config = {
207
207
  ${_styledcomponents.datePickerTokens.hintInnerLabelPlacementOffset}:0.82rem -2.063rem auto auto;
208
208
 
209
209
  ${_styledcomponents.datePickerTokens.titleCaptionOffset}: 0.375rem;
210
+ ${_styledcomponents.datePickerTokens.titleCaptionMargin}: 0.375rem;
210
211
  ${_styledcomponents.datePickerTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
211
212
  ${_styledcomponents.datePickerTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
212
213
  ${_styledcomponents.datePickerTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -373,6 +374,7 @@ const config = {
373
374
  ${_styledcomponents.datePickerTokens.hintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
374
375
 
375
376
  ${_styledcomponents.datePickerTokens.titleCaptionOffset}: 0.375rem;
377
+ ${_styledcomponents.datePickerTokens.titleCaptionMargin}: 0.375rem;
376
378
  ${_styledcomponents.datePickerTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
377
379
  ${_styledcomponents.datePickerTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
378
380
  ${_styledcomponents.datePickerTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -539,6 +541,7 @@ const config = {
539
541
  ${_styledcomponents.datePickerTokens.hintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
540
542
 
541
543
  ${_styledcomponents.datePickerTokens.titleCaptionOffset}: 0.313rem;
544
+ ${_styledcomponents.datePickerTokens.titleCaptionMargin}: 0.3125rem;
542
545
  ${_styledcomponents.datePickerTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
543
546
  ${_styledcomponents.datePickerTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
544
547
  ${_styledcomponents.datePickerTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -705,6 +708,7 @@ const config = {
705
708
  ${_styledcomponents.datePickerTokens.hintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
706
709
 
707
710
  ${_styledcomponents.datePickerTokens.titleCaptionOffset}: 0.188rem;
711
+ ${_styledcomponents.datePickerTokens.titleCaptionMargin}: 0.1875rem;
708
712
  ${_styledcomponents.datePickerTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
709
713
  ${_styledcomponents.datePickerTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
710
714
  ${_styledcomponents.datePickerTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -871,6 +875,7 @@ const config = {
871
875
  ${_styledcomponents.datePickerTokens.hintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
872
876
 
873
877
  ${_styledcomponents.datePickerTokens.titleCaptionOffset}: 0;
878
+ ${_styledcomponents.datePickerTokens.titleCaptionMargin}: 0;
874
879
  ${_styledcomponents.datePickerTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
875
880
  ${_styledcomponents.datePickerTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
876
881
  ${_styledcomponents.datePickerTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js CHANGED
@@ -174,6 +174,7 @@ const config = {
174
174
  ${_styledcomponents.datePickerTokens.hintInnerLabelPlacementOffset}: 0.813rem -2.938rem auto auto;
175
175
 
176
176
  ${_styledcomponents.datePickerTokens.titleCaptionOffset}: 0.375rem;
177
+ ${_styledcomponents.datePickerTokens.titleCaptionMargin}: 0.375rem;
177
178
  ${_styledcomponents.datePickerTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
178
179
  ${_styledcomponents.datePickerTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
179
180
  ${_styledcomponents.datePickerTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -339,6 +340,7 @@ const config = {
339
340
  ${_styledcomponents.datePickerTokens.clearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
340
341
 
341
342
  ${_styledcomponents.datePickerTokens.titleCaptionOffset}: 0.375rem;
343
+ ${_styledcomponents.datePickerTokens.titleCaptionMargin}: 0.375rem;
342
344
  ${_styledcomponents.datePickerTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
343
345
  ${_styledcomponents.datePickerTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
344
346
  ${_styledcomponents.datePickerTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -504,6 +506,7 @@ const config = {
504
506
  ${_styledcomponents.datePickerTokens.clearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
505
507
 
506
508
  ${_styledcomponents.datePickerTokens.titleCaptionOffset}: 0.313rem;
509
+ ${_styledcomponents.datePickerTokens.titleCaptionMargin}: 0.3125rem;
507
510
  ${_styledcomponents.datePickerTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
508
511
  ${_styledcomponents.datePickerTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
509
512
  ${_styledcomponents.datePickerTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -669,6 +672,7 @@ const config = {
669
672
  ${_styledcomponents.datePickerTokens.clearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
670
673
 
671
674
  ${_styledcomponents.datePickerTokens.titleCaptionOffset}: 0.188rem;
675
+ ${_styledcomponents.datePickerTokens.titleCaptionMargin}: 0.1875rem;
672
676
  ${_styledcomponents.datePickerTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
673
677
  ${_styledcomponents.datePickerTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
674
678
  ${_styledcomponents.datePickerTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -834,6 +838,7 @@ const config = {
834
838
  ${_styledcomponents.datePickerTokens.clearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
835
839
 
836
840
  ${_styledcomponents.datePickerTokens.titleCaptionOffset}: 0;
841
+ ${_styledcomponents.datePickerTokens.titleCaptionMargin}: 0;
837
842
  ${_styledcomponents.datePickerTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
838
843
  ${_styledcomponents.datePickerTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
839
844
  ${_styledcomponents.datePickerTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.clear.config.js CHANGED
@@ -165,6 +165,7 @@ const config = {
165
165
  ${_styledcomponents.dateTimePickerTokens.labelInnerLineHeight}: ${_plasma_homeds.bodyXS.lineHeight};
166
166
 
167
167
  ${_styledcomponents.dateTimePickerTokens.titleCaptionOffset}: 0.375rem;
168
+ ${_styledcomponents.dateTimePickerTokens.titleCaptionMargin}: 0.375rem;
168
169
  ${_styledcomponents.dateTimePickerTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
169
170
  ${_styledcomponents.dateTimePickerTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
170
171
  ${_styledcomponents.dateTimePickerTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -332,6 +333,7 @@ const config = {
332
333
  ${_styledcomponents.dateTimePickerTokens.labelInnerLineHeight}: ${_plasma_homeds.bodyXS.lineHeight};
333
334
 
334
335
  ${_styledcomponents.dateTimePickerTokens.titleCaptionOffset}: 0.375rem;
336
+ ${_styledcomponents.dateTimePickerTokens.titleCaptionMargin}: 0.375rem;
335
337
  ${_styledcomponents.dateTimePickerTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
336
338
  ${_styledcomponents.dateTimePickerTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
337
339
  ${_styledcomponents.dateTimePickerTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -499,6 +501,7 @@ const config = {
499
501
  ${_styledcomponents.dateTimePickerTokens.labelInnerLineHeight}: ${_plasma_homeds.bodyXS.lineHeight};
500
502
 
501
503
  ${_styledcomponents.dateTimePickerTokens.titleCaptionOffset}: 0.313rem;
504
+ ${_styledcomponents.dateTimePickerTokens.titleCaptionMargin}: 0.3125rem;
502
505
  ${_styledcomponents.dateTimePickerTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
503
506
  ${_styledcomponents.dateTimePickerTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
504
507
  ${_styledcomponents.dateTimePickerTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -666,6 +669,7 @@ const config = {
666
669
  ${_styledcomponents.dateTimePickerTokens.labelInnerLineHeight}: ${_plasma_homeds.bodyXS.lineHeight};
667
670
 
668
671
  ${_styledcomponents.dateTimePickerTokens.titleCaptionOffset}: 0.188rem;
672
+ ${_styledcomponents.dateTimePickerTokens.titleCaptionMargin}: 0.1875rem;
669
673
  ${_styledcomponents.dateTimePickerTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
670
674
  ${_styledcomponents.dateTimePickerTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
671
675
  ${_styledcomponents.dateTimePickerTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -833,6 +837,7 @@ const config = {
833
837
  ${_styledcomponents.dateTimePickerTokens.labelInnerLineHeight}: ${_plasma_homeds.bodyXS.lineHeight};
834
838
 
835
839
  ${_styledcomponents.dateTimePickerTokens.titleCaptionOffset}: 0;
840
+ ${_styledcomponents.dateTimePickerTokens.titleCaptionMargin}: 0;
836
841
  ${_styledcomponents.dateTimePickerTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
837
842
  ${_styledcomponents.dateTimePickerTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
838
843
  ${_styledcomponents.dateTimePickerTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js CHANGED
@@ -152,6 +152,7 @@ const config = {
152
152
  ${_styledcomponents.dateTimePickerTokens.labelInnerLineHeight}: ${_plasma_homeds.bodyXS.lineHeight};
153
153
 
154
154
  ${_styledcomponents.dateTimePickerTokens.titleCaptionOffset}: 0.375rem;
155
+ ${_styledcomponents.dateTimePickerTokens.titleCaptionMargin}: 0.375rem;
155
156
  ${_styledcomponents.dateTimePickerTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
156
157
  ${_styledcomponents.dateTimePickerTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
157
158
  ${_styledcomponents.dateTimePickerTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -319,6 +320,7 @@ const config = {
319
320
  ${_styledcomponents.dateTimePickerTokens.labelInnerLineHeight}: ${_plasma_homeds.bodyXS.lineHeight};
320
321
 
321
322
  ${_styledcomponents.dateTimePickerTokens.titleCaptionOffset}: 0.375rem;
323
+ ${_styledcomponents.dateTimePickerTokens.titleCaptionMargin}: 0.375rem;
322
324
  ${_styledcomponents.dateTimePickerTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
323
325
  ${_styledcomponents.dateTimePickerTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
324
326
  ${_styledcomponents.dateTimePickerTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -486,6 +488,7 @@ const config = {
486
488
  ${_styledcomponents.dateTimePickerTokens.labelInnerLineHeight}: ${_plasma_homeds.bodyXS.lineHeight};
487
489
 
488
490
  ${_styledcomponents.dateTimePickerTokens.titleCaptionOffset}: 0.313rem;
491
+ ${_styledcomponents.dateTimePickerTokens.titleCaptionMargin}: 0.3125rem;
489
492
  ${_styledcomponents.dateTimePickerTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
490
493
  ${_styledcomponents.dateTimePickerTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
491
494
  ${_styledcomponents.dateTimePickerTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -653,6 +656,7 @@ const config = {
653
656
  ${_styledcomponents.dateTimePickerTokens.labelInnerLineHeight}: ${_plasma_homeds.bodyXS.lineHeight};
654
657
 
655
658
  ${_styledcomponents.dateTimePickerTokens.titleCaptionOffset}: 0.188rem;
659
+ ${_styledcomponents.dateTimePickerTokens.titleCaptionMargin}: 0.1875rem;
656
660
  ${_styledcomponents.dateTimePickerTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
657
661
  ${_styledcomponents.dateTimePickerTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
658
662
  ${_styledcomponents.dateTimePickerTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -820,6 +824,7 @@ const config = {
820
824
  ${_styledcomponents.dateTimePickerTokens.labelInnerLineHeight}: ${_plasma_homeds.bodyXS.lineHeight};
821
825
 
822
826
  ${_styledcomponents.dateTimePickerTokens.titleCaptionOffset}: 0;
827
+ ${_styledcomponents.dateTimePickerTokens.titleCaptionMargin}: 0;
823
828
  ${_styledcomponents.dateTimePickerTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
824
829
  ${_styledcomponents.dateTimePickerTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
825
830
  ${_styledcomponents.dateTimePickerTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
package/dist/styled-components/cjs/components/InformationWrapper/InformationWrapper.config.js CHANGED
@@ -73,6 +73,7 @@ const config = {
73
73
  ${_styledcomponents.informationWrapperTokens.hintWithoutLabelPlacementOffset}: 0.438rem -2.938rem auto auto;
74
74
 
75
75
  ${_styledcomponents.informationWrapperTokens.titleCaptionOffset}: 0.375rem;
76
+ ${_styledcomponents.informationWrapperTokens.titleCaptionMargin}: 0.375rem;
76
77
  ${_styledcomponents.informationWrapperTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
77
78
  ${_styledcomponents.informationWrapperTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
78
79
  ${_styledcomponents.informationWrapperTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -122,6 +123,7 @@ const config = {
122
123
  ${_styledcomponents.informationWrapperTokens.hintWithoutLabelPlacementOffset}: 0.438rem -2.813rem auto auto;
123
124
 
124
125
  ${_styledcomponents.informationWrapperTokens.titleCaptionOffset}: 0.313rem;
126
+ ${_styledcomponents.informationWrapperTokens.titleCaptionMargin}: 0.3125rem;
125
127
  ${_styledcomponents.informationWrapperTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
126
128
  ${_styledcomponents.informationWrapperTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
127
129
  ${_styledcomponents.informationWrapperTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -171,6 +173,7 @@ const config = {
171
173
  ${_styledcomponents.informationWrapperTokens.hintWithoutLabelPlacementOffset}: 0.438rem -2.688rem auto auto;
172
174
 
173
175
  ${_styledcomponents.informationWrapperTokens.titleCaptionOffset}: 0.188rem;
176
+ ${_styledcomponents.informationWrapperTokens.titleCaptionMargin}: 0.1875rem;
174
177
  ${_styledcomponents.informationWrapperTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
175
178
  ${_styledcomponents.informationWrapperTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
176
179
  ${_styledcomponents.informationWrapperTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -220,6 +223,7 @@ const config = {
220
223
  ${_styledcomponents.informationWrapperTokens.hintWithoutLabelPlacementOffset}: 0.188rem -2.063rem auto auto;
221
224
 
222
225
  ${_styledcomponents.informationWrapperTokens.titleCaptionOffset}: 0;
226
+ ${_styledcomponents.informationWrapperTokens.titleCaptionMargin}: 0;
223
227
  ${_styledcomponents.informationWrapperTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
224
228
  ${_styledcomponents.informationWrapperTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
225
229
  ${_styledcomponents.informationWrapperTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
package/dist/styled-components/cjs/components/Range/Range.clear.config.js CHANGED
@@ -143,6 +143,7 @@ const config = {
143
143
  ${_styledcomponents.rangeTokens.hintPlacementInnerMargin}: 0 -0.438rem;
144
144
 
145
145
  ${_styledcomponents.rangeTokens.titleCaptionOffset}: 0.375rem;
146
+ ${_styledcomponents.rangeTokens.titleCaptionMargin}: 0.375rem;
146
147
  ${_styledcomponents.rangeTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
147
148
  ${_styledcomponents.rangeTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
148
149
  ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -215,6 +216,7 @@ const config = {
215
216
  ${_styledcomponents.rangeTokens.hintPlacementInnerMargin}: 0 -0.438rem;
216
217
 
217
218
  ${_styledcomponents.rangeTokens.titleCaptionOffset}: 0.375rem;
219
+ ${_styledcomponents.rangeTokens.titleCaptionMargin}: 0.375rem;
218
220
  ${_styledcomponents.rangeTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
219
221
  ${_styledcomponents.rangeTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
220
222
  ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -287,6 +289,7 @@ const config = {
287
289
  ${_styledcomponents.rangeTokens.hintPlacementInnerMargin}: 0 -0.438rem;
288
290
 
289
291
  ${_styledcomponents.rangeTokens.titleCaptionOffset}: 0.313rem;
292
+ ${_styledcomponents.rangeTokens.titleCaptionMargin}: 0.3125rem;
290
293
  ${_styledcomponents.rangeTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
291
294
  ${_styledcomponents.rangeTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
292
295
  ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -359,6 +362,7 @@ const config = {
359
362
  ${_styledcomponents.rangeTokens.hintPlacementInnerMargin}: 0 -0.438rem;
360
363
 
361
364
  ${_styledcomponents.rangeTokens.titleCaptionOffset}: 0.188rem;
365
+ ${_styledcomponents.rangeTokens.titleCaptionMargin}: 0.1875rem;
362
366
  ${_styledcomponents.rangeTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
363
367
  ${_styledcomponents.rangeTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
364
368
  ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -431,6 +435,7 @@ const config = {
431
435
  ${_styledcomponents.rangeTokens.hintPlacementInnerMargin}: 0 -0.688rem;
432
436
 
433
437
  ${_styledcomponents.rangeTokens.titleCaptionOffset}: 0;
438
+ ${_styledcomponents.rangeTokens.titleCaptionMargin}: 0;
434
439
  ${_styledcomponents.rangeTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
435
440
  ${_styledcomponents.rangeTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
436
441
  ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
package/dist/styled-components/cjs/components/Range/Range.config.js CHANGED
@@ -118,6 +118,7 @@ const config = {
118
118
  ${_styledcomponents.rangeTokens.hintPlacementInnerMargin}: 0 0.813rem 0 -0.438rem;
119
119
 
120
120
  ${_styledcomponents.rangeTokens.titleCaptionOffset}: 0.375rem;
121
+ ${_styledcomponents.rangeTokens.titleCaptionMargin}: 0.375rem;
121
122
  ${_styledcomponents.rangeTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
122
123
  ${_styledcomponents.rangeTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
123
124
  ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -189,6 +190,7 @@ const config = {
189
190
  ${_styledcomponents.rangeTokens.hintPlacementInnerMargin}: 0 0.563rem 0 -0.438rem;
190
191
 
191
192
  ${_styledcomponents.rangeTokens.titleCaptionOffset}: 0.375rem;
193
+ ${_styledcomponents.rangeTokens.titleCaptionMargin}: 0.375rem;
192
194
  ${_styledcomponents.rangeTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
193
195
  ${_styledcomponents.rangeTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
194
196
  ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -260,6 +262,7 @@ const config = {
260
262
  ${_styledcomponents.rangeTokens.hintPlacementInnerMargin}: 0 0.313rem 0 -0.438rem;
261
263
 
262
264
  ${_styledcomponents.rangeTokens.titleCaptionOffset}: 0.313rem;
265
+ ${_styledcomponents.rangeTokens.titleCaptionMargin}: 0.3125rem;
263
266
  ${_styledcomponents.rangeTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
264
267
  ${_styledcomponents.rangeTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
265
268
  ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -331,6 +334,7 @@ const config = {
331
334
  ${_styledcomponents.rangeTokens.hintPlacementInnerMargin}: 0 0.063rem 0 -0.438rem;
332
335
 
333
336
  ${_styledcomponents.rangeTokens.titleCaptionOffset}: 0.188rem;
337
+ ${_styledcomponents.rangeTokens.titleCaptionMargin}: 0.1875rem;
334
338
  ${_styledcomponents.rangeTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
335
339
  ${_styledcomponents.rangeTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
336
340
  ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -402,6 +406,7 @@ const config = {
402
406
  ${_styledcomponents.rangeTokens.hintPlacementInnerMargin}: 0 -0.188rem 0 -0.688rem;
403
407
 
404
408
  ${_styledcomponents.rangeTokens.titleCaptionOffset}: 0;
409
+ ${_styledcomponents.rangeTokens.titleCaptionMargin}: 0;
405
410
  ${_styledcomponents.rangeTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
406
411
  ${_styledcomponents.rangeTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
407
412
  ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
package/dist/styled-components/cjs/components/Select/Select.config.js CHANGED
@@ -33,6 +33,7 @@ const config = {
33
33
  ${_styledcomponents.selectTokens.textFieldTextAfterColor}: ${_plasma_homeds.textTertiary};
34
34
  ${_styledcomponents.selectTokens.textFieldLabelColor}: ${_plasma_homeds.textPrimary};
35
35
  ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: ${_plasma_homeds.textSecondary};
36
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: ${_plasma_homeds.textSecondary};
36
37
  ${_styledcomponents.selectTokens.textFieldFocusColor}: ${_plasma_homeds.textAccent};
37
38
 
38
39
  ${_styledcomponents.selectTokens.textFieldContentSlotColor}: ${_plasma_homeds.textSecondary};
@@ -80,6 +81,7 @@ const config = {
80
81
  ${_styledcomponents.selectTokens.textFieldTextAfterColor}: ${_plasma_homeds.textTertiary};
81
82
  ${_styledcomponents.selectTokens.textFieldLabelColor}: ${_plasma_homeds.textPrimary};
82
83
  ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: ${_plasma_homeds.textPositive};
84
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: ${_plasma_homeds.textSecondary};
83
85
  ${_styledcomponents.selectTokens.textFieldFocusColor}: ${_plasma_homeds.textAccent};
84
86
 
85
87
  ${_styledcomponents.selectTokens.textFieldContentSlotColor}: ${_plasma_homeds.textSecondary};
@@ -127,6 +129,7 @@ const config = {
127
129
  ${_styledcomponents.selectTokens.textFieldTextAfterColor}: ${_plasma_homeds.textTertiary};
128
130
  ${_styledcomponents.selectTokens.textFieldLabelColor}: ${_plasma_homeds.textPrimary};
129
131
  ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: ${_plasma_homeds.textWarning};
132
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: ${_plasma_homeds.textSecondary};
130
133
  ${_styledcomponents.selectTokens.textFieldFocusColor}: ${_plasma_homeds.textAccent};
131
134
 
132
135
  ${_styledcomponents.selectTokens.textFieldContentSlotColor}: ${_plasma_homeds.textSecondary};
@@ -174,6 +177,7 @@ const config = {
174
177
  ${_styledcomponents.selectTokens.textFieldTextAfterColor}: ${_plasma_homeds.textTertiary};
175
178
  ${_styledcomponents.selectTokens.textFieldLabelColor}: ${_plasma_homeds.textPrimary};
176
179
  ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: ${_plasma_homeds.textNegative};
180
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: ${_plasma_homeds.textSecondary};
177
181
  ${_styledcomponents.selectTokens.textFieldFocusColor}: ${_plasma_homeds.textAccent};
178
182
 
179
183
  ${_styledcomponents.selectTokens.textFieldContentSlotColor}: ${_plasma_homeds.textSecondary};
@@ -397,6 +401,13 @@ const config = {
397
401
  ${_styledcomponents.selectTokens.textFieldLabelFontWeight}: ${_plasma_homeds.bodyL.fontWeight};
398
402
  ${_styledcomponents.selectTokens.textFieldLabelLetterSpacing}: ${_plasma_homeds.bodyL.letterSpacing};
399
403
  ${_styledcomponents.selectTokens.textFieldLabelLineHeight}: ${_plasma_homeds.bodyL.lineHeight};
404
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionMargin}: 0.375rem;
405
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
406
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
407
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
408
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontWeight}: ${_plasma_homeds.bodyXS.fontWeight};
409
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionLetterSpacing}: ${_plasma_homeds.bodyXS.letterSpacing};
410
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionLineHeight}: ${_plasma_homeds.bodyXS.lineHeight};
400
411
 
401
412
  ${_styledcomponents.selectTokens.textFieldHintMargin}: -0.688rem -0.5rem;
402
413
  ${_styledcomponents.selectTokens.textFieldHintTargetSize}: 2.375rem;
@@ -522,6 +533,13 @@ const config = {
522
533
  ${_styledcomponents.selectTokens.textFieldLabelFontWeight}: ${_plasma_homeds.bodyM.fontWeight};
523
534
  ${_styledcomponents.selectTokens.textFieldLabelLetterSpacing}: ${_plasma_homeds.bodyM.letterSpacing};
524
535
  ${_styledcomponents.selectTokens.textFieldLabelLineHeight}: ${_plasma_homeds.bodyM.lineHeight};
536
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionMargin}: 0.3125rem;
537
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
538
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
539
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
540
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontWeight}: ${_plasma_homeds.bodyXS.fontWeight};
541
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionLetterSpacing}: ${_plasma_homeds.bodyXS.letterSpacing};
542
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionLineHeight}: ${_plasma_homeds.bodyXS.lineHeight};
525
543
 
526
544
  ${_styledcomponents.selectTokens.textFieldHintMargin}: -0.688rem -0.5rem;
527
545
  ${_styledcomponents.selectTokens.textFieldHintTargetSize}: 2.375rem;
@@ -647,6 +665,13 @@ const config = {
647
665
  ${_styledcomponents.selectTokens.textFieldLabelFontWeight}: ${_plasma_homeds.bodyS.fontWeight};
648
666
  ${_styledcomponents.selectTokens.textFieldLabelLetterSpacing}: ${_plasma_homeds.bodyS.letterSpacing};
649
667
  ${_styledcomponents.selectTokens.textFieldLabelLineHeight}: ${_plasma_homeds.bodyS.lineHeight};
668
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionMargin}: 0.1875rem;
669
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
670
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
671
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
672
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontWeight}: ${_plasma_homeds.bodyXS.fontWeight};
673
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionLetterSpacing}: ${_plasma_homeds.bodyXS.letterSpacing};
674
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionLineHeight}: ${_plasma_homeds.bodyXS.lineHeight};
650
675
 
651
676
  ${_styledcomponents.selectTokens.textFieldHintMargin}: -0.688rem -0.5rem;
652
677
  ${_styledcomponents.selectTokens.textFieldHintTargetSize}: 2.375rem;
@@ -772,6 +797,13 @@ const config = {
772
797
  ${_styledcomponents.selectTokens.textFieldLabelFontWeight}: ${_plasma_homeds.bodyXS.fontWeight};
773
798
  ${_styledcomponents.selectTokens.textFieldLabelLetterSpacing}: ${_plasma_homeds.bodyXS.letterSpacing};
774
799
  ${_styledcomponents.selectTokens.textFieldLabelLineHeight}: ${_plasma_homeds.bodyXS.lineHeight};
800
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionMargin}: 0;
801
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
802
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
803
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
804
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontWeight}: ${_plasma_homeds.bodyXS.fontWeight};
805
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionLetterSpacing}: ${_plasma_homeds.bodyXS.letterSpacing};
806
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionLineHeight}: ${_plasma_homeds.bodyXS.lineHeight};
775
807
 
776
808
  ${_styledcomponents.selectTokens.textFieldHintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;
777
809
  ${_styledcomponents.selectTokens.textFieldHintTargetSize}: 2.375rem;
package/dist/styled-components/cjs/components/TextArea/TextArea.clear.config.js CHANGED
@@ -235,6 +235,7 @@ const config = {
235
235
  ${_styledcomponents.textAreaTokens.hintInnerLabelPlacementOffset}: 0.82rem -2.188rem auto auto;
236
236
 
237
237
  ${_styledcomponents.textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;
238
+ ${_styledcomponents.textAreaTokens.titleCaptionMargin}: 0.375rem;
238
239
  ${_styledcomponents.textAreaTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
239
240
  ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
240
241
  ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -309,6 +310,7 @@ const config = {
309
310
  ${_styledcomponents.textAreaTokens.hintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
310
311
 
311
312
  ${_styledcomponents.textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;
313
+ ${_styledcomponents.textAreaTokens.titleCaptionMargin}: 0.375rem;
312
314
  ${_styledcomponents.textAreaTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
313
315
  ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
314
316
  ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -383,6 +385,7 @@ const config = {
383
385
  ${_styledcomponents.textAreaTokens.hintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
384
386
 
385
387
  ${_styledcomponents.textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;
388
+ ${_styledcomponents.textAreaTokens.titleCaptionMargin}: 0.3125rem;
386
389
  ${_styledcomponents.textAreaTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
387
390
  ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
388
391
  ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -457,6 +460,7 @@ const config = {
457
460
  ${_styledcomponents.textAreaTokens.hintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
458
461
 
459
462
  ${_styledcomponents.textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;
463
+ ${_styledcomponents.textAreaTokens.titleCaptionMargin}: 0.1875rem;
460
464
  ${_styledcomponents.textAreaTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
461
465
  ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
462
466
  ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -531,6 +535,7 @@ const config = {
531
535
  ${_styledcomponents.textAreaTokens.hintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
532
536
 
533
537
  ${_styledcomponents.textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;
538
+ ${_styledcomponents.textAreaTokens.titleCaptionMargin}: 0;
534
539
  ${_styledcomponents.textAreaTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
535
540
  ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
536
541
  ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
package/dist/styled-components/cjs/components/TextArea/TextArea.config.js CHANGED
@@ -253,6 +253,7 @@ const config = {
253
253
  ${_styledcomponents.textAreaTokens.hintInnerLabelPlacementOffset}: 0.751rem -2.938rem auto auto;
254
254
 
255
255
  ${_styledcomponents.textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;
256
+ ${_styledcomponents.textAreaTokens.titleCaptionMargin}: 0.375rem;
256
257
  ${_styledcomponents.textAreaTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
257
258
  ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
258
259
  ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -326,6 +327,7 @@ const config = {
326
327
  ${_styledcomponents.textAreaTokens.hintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
327
328
 
328
329
  ${_styledcomponents.textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;
330
+ ${_styledcomponents.textAreaTokens.titleCaptionMargin}: 0.375rem;
329
331
  ${_styledcomponents.textAreaTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
330
332
  ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
331
333
  ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -401,6 +403,7 @@ const config = {
401
403
  ${_styledcomponents.textAreaTokens.hintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
402
404
 
403
405
  ${_styledcomponents.textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;
406
+ ${_styledcomponents.textAreaTokens.titleCaptionMargin}: 0.3125rem;
404
407
  ${_styledcomponents.textAreaTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
405
408
  ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
406
409
  ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -474,6 +477,7 @@ const config = {
474
477
  ${_styledcomponents.textAreaTokens.hintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
475
478
 
476
479
  ${_styledcomponents.textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;
480
+ ${_styledcomponents.textAreaTokens.titleCaptionMargin}: 0.1875rem;
477
481
  ${_styledcomponents.textAreaTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
478
482
  ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
479
483
  ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -547,6 +551,7 @@ const config = {
547
551
  ${_styledcomponents.textAreaTokens.hintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
548
552
 
549
553
  ${_styledcomponents.textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;
554
+ ${_styledcomponents.textAreaTokens.titleCaptionMargin}: 0;
550
555
  ${_styledcomponents.textAreaTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
551
556
  ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
552
557
  ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
package/dist/styled-components/cjs/components/TextField/TextField.config.js CHANGED
@@ -97,6 +97,7 @@ const config = {
97
97
  ${_styledcomponents.textFieldTokens.hintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
98
98
 
99
99
  ${_styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset}: 0.25rem;
100
+ ${_styledcomponents.textFieldTokens.titleCaptionMargin}: 0.375rem;
100
101
  ${_styledcomponents.textFieldTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
101
102
  ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
102
103
  ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -171,6 +172,7 @@ const config = {
171
172
  ${_styledcomponents.textFieldTokens.hintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
172
173
 
173
174
  ${_styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset}: 0.25rem;
175
+ ${_styledcomponents.textFieldTokens.titleCaptionMargin}: 0.3125rem;
174
176
  ${_styledcomponents.textFieldTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
175
177
  ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
176
178
  ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
@@ -245,6 +247,7 @@ const config = {
245
247
  ${_styledcomponents.textFieldTokens.hintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
246
248
 
247
249
  ${_styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset}: 0.25rem;
250
+ ${_styledcomponents.textFieldTokens.titleCaptionMargin}: 0.1875rem;
248
251
  ${_styledcomponents.textFieldTokens.titleCaptionFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
249
252
  ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: ${_plasma_homeds.bodyXS.fontSize};
250
253
  ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};