@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.
Files changed (42) hide show
  1. package/README.md +5 -5
  2. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.clear.config.js +706 -0
  3. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +40 -0
  4. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.js +14 -1
  5. package/dist/styled-components/cjs/components/DatePicker/DatePicker.clear.config.js +5 -0
  6. package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +5 -0
  7. package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js +5 -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.clear.config.js +1258 -0
  11. package/dist/styled-components/cjs/components/Select/Select.config.js +39 -0
  12. package/dist/styled-components/cjs/components/Select/Select.js +8 -1
  13. package/dist/styled-components/cjs/components/TextArea/TextArea.clear.config.js +5 -0
  14. package/dist/styled-components/cjs/components/TextArea/TextArea.config.js +5 -0
  15. package/dist/styled-components/cjs/components/TextField/TextField.clear.config.js +23 -3
  16. package/dist/styled-components/cjs/components/TextField/TextField.config.js +5 -0
  17. package/dist/styled-components/cjs/components/TimePicker/TimePicker.config.js +37 -0
  18. package/dist/styled-components/es/components/Autocomplete/Autocomplete.clear.config.js +696 -0
  19. package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +40 -0
  20. package/dist/styled-components/es/components/Autocomplete/Autocomplete.js +9 -2
  21. package/dist/styled-components/es/components/DatePicker/DatePicker.clear.config.js +5 -0
  22. package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +5 -0
  23. package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.config.js +5 -0
  24. package/dist/styled-components/es/components/Range/Range.clear.config.js +5 -0
  25. package/dist/styled-components/es/components/Range/Range.config.js +5 -0
  26. package/dist/styled-components/es/components/Select/Select.clear.config.js +1248 -0
  27. package/dist/styled-components/es/components/Select/Select.config.js +39 -0
  28. package/dist/styled-components/es/components/Select/Select.js +9 -2
  29. package/dist/styled-components/es/components/TextArea/TextArea.clear.config.js +5 -0
  30. package/dist/styled-components/es/components/TextArea/TextArea.config.js +5 -0
  31. package/dist/styled-components/es/components/TextField/TextField.clear.config.js +23 -3
  32. package/dist/styled-components/es/components/TextField/TextField.config.js +5 -0
  33. package/dist/styled-components/es/components/TimePicker/TimePicker.config.js +37 -0
  34. package/package.json +10 -10
  35. package/types/components/Autocomplete/Autocomplete.clear.config.d.ts +39 -0
  36. package/types/components/Autocomplete/Autocomplete.d.ts +2017 -10
  37. package/types/components/Calendar/Calendar.d.ts +3 -1
  38. package/types/components/DatePicker/DatePicker.d.ts +36 -36
  39. package/types/components/DateTimePicker/DateTimePicker.d.ts +2 -2
  40. package/types/components/Select/Select.clear.config.d.ts +53 -0
  41. package/types/components/Select/Select.d.ts +36 -10
  42. package/types/components/TimePicker/TimePicker.d.ts +2 -0
package/dist/styled-components/cjs/components/Select/Select.config.js CHANGED
@@ -33,6 +33,7 @@ const config = {
33
33
  ${_styledcomponents.selectTokens.textFieldTextAfterColor}: ${_sdds_dfa.textTertiary};
34
34
  ${_styledcomponents.selectTokens.textFieldLabelColor}: ${_sdds_dfa.textPrimary};
35
35
  ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: ${_sdds_dfa.textSecondary};
36
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: ${_sdds_dfa.textSecondary};
36
37
  ${_styledcomponents.selectTokens.textFieldFocusColor}: ${_sdds_dfa.textAccent};
37
38
 
38
39
  ${_styledcomponents.selectTokens.textFieldContentSlotColor}: ${_sdds_dfa.textSecondary};
@@ -80,6 +81,7 @@ const config = {
80
81
  ${_styledcomponents.selectTokens.textFieldTextAfterColor}: ${_sdds_dfa.textTertiary};
81
82
  ${_styledcomponents.selectTokens.textFieldLabelColor}: ${_sdds_dfa.textPrimary};
82
83
  ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: ${_sdds_dfa.textPositive};
84
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: ${_sdds_dfa.textSecondary};
83
85
  ${_styledcomponents.selectTokens.textFieldFocusColor}: ${_sdds_dfa.textAccent};
84
86
 
85
87
  ${_styledcomponents.selectTokens.textFieldContentSlotColor}: ${_sdds_dfa.textSecondary};
@@ -127,6 +129,7 @@ const config = {
127
129
  ${_styledcomponents.selectTokens.textFieldTextAfterColor}: ${_sdds_dfa.textTertiary};
128
130
  ${_styledcomponents.selectTokens.textFieldLabelColor}: ${_sdds_dfa.textPrimary};
129
131
  ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: ${_sdds_dfa.textWarning};
132
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: ${_sdds_dfa.textSecondary};
130
133
  ${_styledcomponents.selectTokens.textFieldFocusColor}: ${_sdds_dfa.textAccent};
131
134
 
132
135
  ${_styledcomponents.selectTokens.textFieldContentSlotColor}: ${_sdds_dfa.textSecondary};
@@ -174,6 +177,7 @@ const config = {
174
177
  ${_styledcomponents.selectTokens.textFieldTextAfterColor}: ${_sdds_dfa.textTertiary};
175
178
  ${_styledcomponents.selectTokens.textFieldLabelColor}: ${_sdds_dfa.textPrimary};
176
179
  ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: ${_sdds_dfa.textNegative};
180
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: ${_sdds_dfa.textSecondary};
177
181
  ${_styledcomponents.selectTokens.textFieldFocusColor}: ${_sdds_dfa.textAccent};
178
182
 
179
183
  ${_styledcomponents.selectTokens.textFieldContentSlotColor}: ${_sdds_dfa.textSecondary};
@@ -397,6 +401,13 @@ const config = {
397
401
  ${_styledcomponents.selectTokens.textFieldLabelFontWeight}: ${_sdds_dfa.bodyL.fontWeight};
398
402
  ${_styledcomponents.selectTokens.textFieldLabelLetterSpacing}: ${_sdds_dfa.bodyL.letterSpacing};
399
403
  ${_styledcomponents.selectTokens.textFieldLabelLineHeight}: ${_sdds_dfa.bodyL.lineHeight};
404
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionMargin}: 0.375rem;
405
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
406
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
407
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
408
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontWeight}: ${_sdds_dfa.bodyXS.fontWeight};
409
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionLetterSpacing}: ${_sdds_dfa.bodyXS.letterSpacing};
410
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionLineHeight}: ${_sdds_dfa.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}: ${_sdds_dfa.bodyL.fontWeight};
523
534
  ${_styledcomponents.selectTokens.textFieldLabelLetterSpacing}: ${_sdds_dfa.bodyL.letterSpacing};
524
535
  ${_styledcomponents.selectTokens.textFieldLabelLineHeight}: ${_sdds_dfa.bodyL.lineHeight};
536
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionMargin}: 0.375rem;
537
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
538
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
539
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
540
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontWeight}: ${_sdds_dfa.bodyXS.fontWeight};
541
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionLetterSpacing}: ${_sdds_dfa.bodyXS.letterSpacing};
542
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionLineHeight}: ${_sdds_dfa.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}: ${_sdds_dfa.bodyM.fontWeight};
648
666
  ${_styledcomponents.selectTokens.textFieldLabelLetterSpacing}: ${_sdds_dfa.bodyM.letterSpacing};
649
667
  ${_styledcomponents.selectTokens.textFieldLabelLineHeight}: ${_sdds_dfa.bodyM.lineHeight};
668
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionMargin}: 0.3125rem;
669
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
670
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
671
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
672
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontWeight}: ${_sdds_dfa.bodyXS.fontWeight};
673
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionLetterSpacing}: ${_sdds_dfa.bodyXS.letterSpacing};
674
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionLineHeight}: ${_sdds_dfa.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}: ${_sdds_dfa.bodyS.fontWeight};
773
798
  ${_styledcomponents.selectTokens.textFieldLabelLetterSpacing}: ${_sdds_dfa.bodyS.letterSpacing};
774
799
  ${_styledcomponents.selectTokens.textFieldLabelLineHeight}: ${_sdds_dfa.bodyS.lineHeight};
800
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionMargin}: 0.1875rem;
801
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
802
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
803
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
804
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontWeight}: ${_sdds_dfa.bodyXS.fontWeight};
805
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionLetterSpacing}: ${_sdds_dfa.bodyXS.letterSpacing};
806
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionLineHeight}: ${_sdds_dfa.bodyXS.lineHeight};
775
807
 
776
808
  ${_styledcomponents.selectTokens.textFieldHintMargin}: -0.688rem -0.5rem;
777
809
  ${_styledcomponents.selectTokens.textFieldHintTargetSize}: 2.375rem;
@@ -897,6 +929,13 @@ const config = {
897
929
  ${_styledcomponents.selectTokens.textFieldLabelFontWeight}: ${_sdds_dfa.bodyXS.fontWeight};
898
930
  ${_styledcomponents.selectTokens.textFieldLabelLetterSpacing}: ${_sdds_dfa.bodyXS.letterSpacing};
899
931
  ${_styledcomponents.selectTokens.textFieldLabelLineHeight}: ${_sdds_dfa.bodyXS.lineHeight};
932
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionMargin}: 0;
933
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
934
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
935
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
936
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontWeight}: ${_sdds_dfa.bodyXS.fontWeight};
937
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionLetterSpacing}: ${_sdds_dfa.bodyXS.letterSpacing};
938
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionLineHeight}: ${_sdds_dfa.bodyXS.lineHeight};
900
939
 
901
940
  ${_styledcomponents.selectTokens.textFieldHintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;
902
941
  ${_styledcomponents.selectTokens.textFieldHintTargetSize}: 2.375rem;
package/dist/styled-components/cjs/components/Select/Select.js CHANGED
@@ -11,13 +11,20 @@ Object.defineProperty(exports, "Select", {
11
11
  const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
12
12
  const _react = /*#__PURE__*/ _interop_require_default(require("react"));
13
13
  const _Selectconfig = require("./Select.config");
14
+ const _Selectclearconfig = require("./Select.clear.config");
14
15
  function _interop_require_default(obj) {
15
16
  return obj && obj.__esModule ? obj : {
16
17
  default: obj
17
18
  };
18
19
  }
19
20
  const mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.selectConfig, _Selectconfig.config);
20
- const SelectNewHope = (0, _styledcomponents.component)(mergedConfig);
21
+ const SelectDefault = (0, _styledcomponents.component)(mergedConfig);
22
+ const mergedConfigClear = (0, _styledcomponents.mergeConfig)(_styledcomponents.selectConfig, _Selectclearconfig.config);
23
+ const SelectClear = (0, _styledcomponents.component)(mergedConfigClear);
24
+ const SelectNewHope = (0, _styledcomponents.createConditionalComponent)({
25
+ default: SelectDefault,
26
+ clear: SelectClear
27
+ });
21
28
  const SelectComponent = (props, ref)=>{
22
29
  return /*#__PURE__*/ _react.default.createElement(SelectNewHope, {
23
30
  ref: ref,
package/dist/styled-components/cjs/components/TextArea/TextArea.clear.config.js CHANGED
@@ -236,6 +236,7 @@ const config = {
236
236
  ${_styledcomponents.textAreaTokens.hintInnerLabelPlacementOffset}: 0.82rem -2.188rem auto auto;
237
237
 
238
238
  ${_styledcomponents.textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;
239
+ ${_styledcomponents.textAreaTokens.titleCaptionMargin}: 0.375rem;
239
240
  ${_styledcomponents.textAreaTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
240
241
  ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
241
242
  ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -310,6 +311,7 @@ const config = {
310
311
  ${_styledcomponents.textAreaTokens.hintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
311
312
 
312
313
  ${_styledcomponents.textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;
314
+ ${_styledcomponents.textAreaTokens.titleCaptionMargin}: 0.375rem;
313
315
  ${_styledcomponents.textAreaTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
314
316
  ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
315
317
  ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -384,6 +386,7 @@ const config = {
384
386
  ${_styledcomponents.textAreaTokens.hintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
385
387
 
386
388
  ${_styledcomponents.textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;
389
+ ${_styledcomponents.textAreaTokens.titleCaptionMargin}: 0.3125rem;
387
390
  ${_styledcomponents.textAreaTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
388
391
  ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
389
392
  ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -458,6 +461,7 @@ const config = {
458
461
  ${_styledcomponents.textAreaTokens.hintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
459
462
 
460
463
  ${_styledcomponents.textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;
464
+ ${_styledcomponents.textAreaTokens.titleCaptionMargin}: 0.1875rem;
461
465
  ${_styledcomponents.textAreaTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
462
466
  ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
463
467
  ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -532,6 +536,7 @@ const config = {
532
536
  ${_styledcomponents.textAreaTokens.hintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
533
537
 
534
538
  ${_styledcomponents.textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;
539
+ ${_styledcomponents.textAreaTokens.titleCaptionMargin}: 0;
535
540
  ${_styledcomponents.textAreaTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
536
541
  ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
537
542
  ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
package/dist/styled-components/cjs/components/TextArea/TextArea.config.js CHANGED
@@ -254,6 +254,7 @@ const config = {
254
254
  ${_styledcomponents.textAreaTokens.hintInnerLabelPlacementOffset}: 0.751rem -2.938rem auto auto;
255
255
 
256
256
  ${_styledcomponents.textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;
257
+ ${_styledcomponents.textAreaTokens.titleCaptionMargin}: 0.375rem;
257
258
  ${_styledcomponents.textAreaTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
258
259
  ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
259
260
  ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -327,6 +328,7 @@ const config = {
327
328
  ${_styledcomponents.textAreaTokens.hintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
328
329
 
329
330
  ${_styledcomponents.textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;
331
+ ${_styledcomponents.textAreaTokens.titleCaptionMargin}: 0.375rem;
330
332
  ${_styledcomponents.textAreaTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
331
333
  ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
332
334
  ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -402,6 +404,7 @@ const config = {
402
404
  ${_styledcomponents.textAreaTokens.hintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
403
405
 
404
406
  ${_styledcomponents.textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;
407
+ ${_styledcomponents.textAreaTokens.titleCaptionMargin}: 0.3125rem;
405
408
  ${_styledcomponents.textAreaTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
406
409
  ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
407
410
  ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -475,6 +478,7 @@ const config = {
475
478
  ${_styledcomponents.textAreaTokens.hintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
476
479
 
477
480
  ${_styledcomponents.textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;
481
+ ${_styledcomponents.textAreaTokens.titleCaptionMargin}: 0.1875rem;
478
482
  ${_styledcomponents.textAreaTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
479
483
  ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
480
484
  ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -548,6 +552,7 @@ const config = {
548
552
  ${_styledcomponents.textAreaTokens.hintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
549
553
 
550
554
  ${_styledcomponents.textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;
555
+ ${_styledcomponents.textAreaTokens.titleCaptionMargin}: 0;
551
556
  ${_styledcomponents.textAreaTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
552
557
  ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
553
558
  ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
package/dist/styled-components/cjs/components/TextField/TextField.clear.config.js CHANGED
@@ -50,9 +50,11 @@ const config = {
50
50
  `,
51
51
  positive: (0, _styledcomponents.css)`
52
52
  ${_styledcomponents.textFieldTokens.color}: ${_sdds_dfa.textPositive};
53
+ ${_styledcomponents.textFieldTokens.colorFocus}: ${_sdds_dfa.textPrimary};
53
54
 
54
55
  ${_styledcomponents.textFieldTokens.placeholderColor}: ${_sdds_dfa.textPositive};
55
- ${_styledcomponents.textFieldTokens.placeholderColorFocus}: ${_sdds_dfa.textPositive};
56
+ ${_styledcomponents.textFieldTokens.placeholderColorHover}: ${_sdds_dfa.textSecondary};
57
+ ${_styledcomponents.textFieldTokens.placeholderColorFocus}: ${_sdds_dfa.textTertiary};
56
58
 
57
59
  ${_styledcomponents.textFieldTokens.backgroundColor}: transparent;
58
60
  ${_styledcomponents.textFieldTokens.backgroundColorHover}: transparent;
@@ -63,12 +65,15 @@ const config = {
63
65
  ${_styledcomponents.textFieldTokens.labelColor}: ${_sdds_dfa.textPrimary};
64
66
  ${_styledcomponents.textFieldTokens.leftHelperColor}: ${_sdds_dfa.textPositive};
65
67
  ${_styledcomponents.textFieldTokens.rightHelperColor}: ${_sdds_dfa.textPositive};
68
+ ${_styledcomponents.textFieldTokens.leftHelperColorFocus}: ${_sdds_dfa.textSecondary};
69
+ ${_styledcomponents.textFieldTokens.rightHelperColorFocus}: ${_sdds_dfa.textSecondary};
66
70
  ${_styledcomponents.textFieldTokens.titleCaptionColor}: ${_sdds_dfa.textSecondary};
67
71
  ${_styledcomponents.textFieldTokens.hintIconColor}: ${_sdds_dfa.textSecondary};
68
72
 
69
73
  ${_styledcomponents.textFieldTokens.contentSlotColor}: ${_sdds_dfa.textPositive};
70
74
  ${_styledcomponents.textFieldTokens.contentSlotColorHover}: ${_sdds_dfa.textPositiveHover};
71
75
  ${_styledcomponents.textFieldTokens.contentSlotColorActive}: ${_sdds_dfa.textPositiveActive};
76
+ ${_styledcomponents.textFieldTokens.contentSlotColorFocus}: ${_sdds_dfa.textSecondary};
72
77
 
73
78
  ${_styledcomponents.textFieldTokens.contentSlotRightColor}: ${_sdds_dfa.textSecondary};
74
79
  ${_styledcomponents.textFieldTokens.contentSlotRightColorHover}: ${_sdds_dfa.textSecondaryHover};
@@ -84,9 +89,11 @@ const config = {
84
89
  `,
85
90
  warning: (0, _styledcomponents.css)`
86
91
  ${_styledcomponents.textFieldTokens.color}: ${_sdds_dfa.textWarning};
92
+ ${_styledcomponents.textFieldTokens.colorFocus}: ${_sdds_dfa.textPrimary};
87
93
 
88
94
  ${_styledcomponents.textFieldTokens.placeholderColor}: ${_sdds_dfa.textWarning};
89
- ${_styledcomponents.textFieldTokens.placeholderColorFocus}: ${_sdds_dfa.textWarning};
95
+ ${_styledcomponents.textFieldTokens.placeholderColorHover}: ${_sdds_dfa.textSecondary};
96
+ ${_styledcomponents.textFieldTokens.placeholderColorFocus}: ${_sdds_dfa.textTertiary};
90
97
 
91
98
  ${_styledcomponents.textFieldTokens.backgroundColor}: transparent;
92
99
  ${_styledcomponents.textFieldTokens.backgroundColorHover}: transparent;
@@ -97,12 +104,15 @@ const config = {
97
104
  ${_styledcomponents.textFieldTokens.labelColor}: ${_sdds_dfa.textPrimary};
98
105
  ${_styledcomponents.textFieldTokens.leftHelperColor}: ${_sdds_dfa.textWarning};
99
106
  ${_styledcomponents.textFieldTokens.rightHelperColor}: ${_sdds_dfa.textWarning};
107
+ ${_styledcomponents.textFieldTokens.leftHelperColorFocus}: ${_sdds_dfa.textSecondary};
108
+ ${_styledcomponents.textFieldTokens.rightHelperColorFocus}: ${_sdds_dfa.textSecondary};
100
109
  ${_styledcomponents.textFieldTokens.titleCaptionColor}: ${_sdds_dfa.textSecondary};
101
110
  ${_styledcomponents.textFieldTokens.hintIconColor}: ${_sdds_dfa.textSecondary};
102
111
 
103
112
  ${_styledcomponents.textFieldTokens.contentSlotColor}: ${_sdds_dfa.textWarning};
104
113
  ${_styledcomponents.textFieldTokens.contentSlotColorHover}: ${_sdds_dfa.textWarningHover};
105
114
  ${_styledcomponents.textFieldTokens.contentSlotColorActive}: ${_sdds_dfa.textWarningActive};
115
+ ${_styledcomponents.textFieldTokens.contentSlotColorFocus}: ${_sdds_dfa.textSecondary};
106
116
 
107
117
  ${_styledcomponents.textFieldTokens.contentSlotRightColor}: ${_sdds_dfa.textSecondary};
108
118
  ${_styledcomponents.textFieldTokens.contentSlotRightColorHover}: ${_sdds_dfa.textSecondaryHover};
@@ -118,9 +128,11 @@ const config = {
118
128
  `,
119
129
  negative: (0, _styledcomponents.css)`
120
130
  ${_styledcomponents.textFieldTokens.color}: ${_sdds_dfa.textNegative};
131
+ ${_styledcomponents.textFieldTokens.colorFocus}: ${_sdds_dfa.textPrimary};
121
132
 
122
133
  ${_styledcomponents.textFieldTokens.placeholderColor}: ${_sdds_dfa.textNegative};
123
- ${_styledcomponents.textFieldTokens.placeholderColorFocus}: ${_sdds_dfa.textNegative};
134
+ ${_styledcomponents.textFieldTokens.placeholderColorHover}: ${_sdds_dfa.textSecondary};
135
+ ${_styledcomponents.textFieldTokens.placeholderColorFocus}: ${_sdds_dfa.textTertiary};
124
136
 
125
137
  ${_styledcomponents.textFieldTokens.backgroundColor}: transparent;
126
138
  ${_styledcomponents.textFieldTokens.backgroundColorHover}: transparent;
@@ -131,12 +143,15 @@ const config = {
131
143
  ${_styledcomponents.textFieldTokens.labelColor}: ${_sdds_dfa.textPrimary};
132
144
  ${_styledcomponents.textFieldTokens.leftHelperColor}: ${_sdds_dfa.textNegative};
133
145
  ${_styledcomponents.textFieldTokens.rightHelperColor}: ${_sdds_dfa.textNegative};
146
+ ${_styledcomponents.textFieldTokens.leftHelperColorFocus}: ${_sdds_dfa.textSecondary};
147
+ ${_styledcomponents.textFieldTokens.rightHelperColorFocus}: ${_sdds_dfa.textSecondary};
134
148
  ${_styledcomponents.textFieldTokens.titleCaptionColor}: ${_sdds_dfa.textSecondary};
135
149
  ${_styledcomponents.textFieldTokens.hintIconColor}: ${_sdds_dfa.textSecondary};
136
150
 
137
151
  ${_styledcomponents.textFieldTokens.contentSlotColor}: ${_sdds_dfa.textNegative};
138
152
  ${_styledcomponents.textFieldTokens.contentSlotColorHover}: ${_sdds_dfa.textNegativeHover};
139
153
  ${_styledcomponents.textFieldTokens.contentSlotColorActive}: ${_sdds_dfa.textNegativeActive};
154
+ ${_styledcomponents.textFieldTokens.contentSlotColorFocus}: ${_sdds_dfa.textSecondary};
140
155
 
141
156
  ${_styledcomponents.textFieldTokens.contentSlotRightColor}: ${_sdds_dfa.textSecondary};
142
157
  ${_styledcomponents.textFieldTokens.contentSlotRightColorHover}: ${_sdds_dfa.textSecondaryHover};
@@ -185,6 +200,7 @@ const config = {
185
200
  ${_styledcomponents.textFieldTokens.hintInnerLabelPlacementOffset}: 0.82rem -2.063rem auto auto;
186
201
 
187
202
  ${_styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset}: 0.25rem;
203
+ ${_styledcomponents.textFieldTokens.titleCaptionMargin}: 0.375rem;
188
204
  ${_styledcomponents.textFieldTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
189
205
  ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
190
206
  ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -277,6 +293,7 @@ const config = {
277
293
  ${_styledcomponents.textFieldTokens.hintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
278
294
 
279
295
  ${_styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset}: 0.25rem;
296
+ ${_styledcomponents.textFieldTokens.titleCaptionMargin}: 0.375rem;
280
297
  ${_styledcomponents.textFieldTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
281
298
  ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
282
299
  ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -361,6 +378,7 @@ const config = {
361
378
  ${_styledcomponents.textFieldTokens.hintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
362
379
 
363
380
  ${_styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset}: 0.25rem;
381
+ ${_styledcomponents.textFieldTokens.titleCaptionMargin}: 0.3125rem;
364
382
  ${_styledcomponents.textFieldTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
365
383
  ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
366
384
  ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -445,6 +463,7 @@ const config = {
445
463
  ${_styledcomponents.textFieldTokens.hintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
446
464
 
447
465
  ${_styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset}: 0.25rem;
466
+ ${_styledcomponents.textFieldTokens.titleCaptionMargin}: 0.1875rem;
448
467
  ${_styledcomponents.textFieldTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
449
468
  ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
450
469
  ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -529,6 +548,7 @@ const config = {
529
548
  ${_styledcomponents.textFieldTokens.hintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
530
549
 
531
550
  ${_styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset}: 0.25rem;
551
+ ${_styledcomponents.textFieldTokens.titleCaptionMargin}: 0;
532
552
  ${_styledcomponents.textFieldTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
533
553
  ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
534
554
  ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
package/dist/styled-components/cjs/components/TextField/TextField.config.js CHANGED
@@ -169,6 +169,7 @@ const config = {
169
169
  ${_styledcomponents.textFieldTokens.hintInnerLabelPlacementOffset}: 0.82rem -2.938rem auto auto;
170
170
 
171
171
  ${_styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset}: 0.25rem;
172
+ ${_styledcomponents.textFieldTokens.titleCaptionMargin}: 0.375rem;
172
173
  ${_styledcomponents.textFieldTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
173
174
  ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
174
175
  ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -262,6 +263,7 @@ const config = {
262
263
  ${_styledcomponents.textFieldTokens.clearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
263
264
 
264
265
  ${_styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset}: 0.25rem;
266
+ ${_styledcomponents.textFieldTokens.titleCaptionMargin}: 0.375rem;
265
267
  ${_styledcomponents.textFieldTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
266
268
  ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
267
269
  ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -348,6 +350,7 @@ const config = {
348
350
  ${_styledcomponents.textFieldTokens.clearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
349
351
 
350
352
  ${_styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset}: 0.25rem;
353
+ ${_styledcomponents.textFieldTokens.titleCaptionMargin}: 0.3125rem;
351
354
  ${_styledcomponents.textFieldTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
352
355
  ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
353
356
  ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -434,6 +437,7 @@ const config = {
434
437
  ${_styledcomponents.textFieldTokens.clearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
435
438
 
436
439
  ${_styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset}: 0.25rem;
440
+ ${_styledcomponents.textFieldTokens.titleCaptionMargin}: 0.1875rem;
437
441
  ${_styledcomponents.textFieldTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
438
442
  ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
439
443
  ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -520,6 +524,7 @@ const config = {
520
524
  ${_styledcomponents.textFieldTokens.clearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
521
525
 
522
526
  ${_styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset}: 0.25rem;
527
+ ${_styledcomponents.textFieldTokens.titleCaptionMargin}: 0;
523
528
  ${_styledcomponents.textFieldTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
524
529
  ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
525
530
  ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
package/dist/styled-components/cjs/components/TimePicker/TimePicker.config.js CHANGED
@@ -57,6 +57,7 @@ const config = {
57
57
  ${_styledcomponents.timePickerTokens.disabledOpacity}: 0.4;
58
58
 
59
59
  ${_styledcomponents.timePickerTokens.leftHelperColor}: ${_sdds_dfa.textSecondary};
60
+ ${_styledcomponents.timePickerTokens.titleCaptionColor}: ${_sdds_dfa.textSecondary};
60
61
  ${_styledcomponents.timePickerTokens.leftHelperColorError}: ${_sdds_dfa.textNegative};
61
62
  ${_styledcomponents.timePickerTokens.leftHelperColorSuccess}: ${_sdds_dfa.textPositive};
62
63
 
@@ -81,6 +82,13 @@ const config = {
81
82
  ${_styledcomponents.timePickerTokens.labelFontWeight}: ${_sdds_dfa.bodyL.fontWeight};
82
83
  ${_styledcomponents.timePickerTokens.labelLetterSpacing}: ${_sdds_dfa.bodyL.letterSpacing};
83
84
  ${_styledcomponents.timePickerTokens.labelLineHeight}: ${_sdds_dfa.bodyL.lineHeight};
85
+ ${_styledcomponents.timePickerTokens.titleCaptionMargin}: 0.375rem;
86
+ ${_styledcomponents.timePickerTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
87
+ ${_styledcomponents.timePickerTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
88
+ ${_styledcomponents.timePickerTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
89
+ ${_styledcomponents.timePickerTokens.titleCaptionFontWeight}: ${_sdds_dfa.bodyXS.fontWeight};
90
+ ${_styledcomponents.timePickerTokens.titleCaptionLetterSpacing}: ${_sdds_dfa.bodyXS.letterSpacing};
91
+ ${_styledcomponents.timePickerTokens.titleCaptionLineHeight}: ${_sdds_dfa.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}: ${_sdds_dfa.bodyL.fontWeight};
165
173
  ${_styledcomponents.timePickerTokens.labelLetterSpacing}: ${_sdds_dfa.bodyL.letterSpacing};
166
174
  ${_styledcomponents.timePickerTokens.labelLineHeight}: ${_sdds_dfa.bodyL.lineHeight};
175
+ ${_styledcomponents.timePickerTokens.titleCaptionMargin}: 0.375rem;
176
+ ${_styledcomponents.timePickerTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
177
+ ${_styledcomponents.timePickerTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
178
+ ${_styledcomponents.timePickerTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
179
+ ${_styledcomponents.timePickerTokens.titleCaptionFontWeight}: ${_sdds_dfa.bodyXS.fontWeight};
180
+ ${_styledcomponents.timePickerTokens.titleCaptionLetterSpacing}: ${_sdds_dfa.bodyXS.letterSpacing};
181
+ ${_styledcomponents.timePickerTokens.titleCaptionLineHeight}: ${_sdds_dfa.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}: ${_sdds_dfa.bodyM.fontWeight};
248
263
  ${_styledcomponents.timePickerTokens.labelLetterSpacing}: ${_sdds_dfa.bodyM.letterSpacing};
249
264
  ${_styledcomponents.timePickerTokens.labelLineHeight}: ${_sdds_dfa.bodyM.lineHeight};
265
+ ${_styledcomponents.timePickerTokens.titleCaptionMargin}: 0.3125rem;
266
+ ${_styledcomponents.timePickerTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
267
+ ${_styledcomponents.timePickerTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
268
+ ${_styledcomponents.timePickerTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
269
+ ${_styledcomponents.timePickerTokens.titleCaptionFontWeight}: ${_sdds_dfa.bodyXS.fontWeight};
270
+ ${_styledcomponents.timePickerTokens.titleCaptionLetterSpacing}: ${_sdds_dfa.bodyXS.letterSpacing};
271
+ ${_styledcomponents.timePickerTokens.titleCaptionLineHeight}: ${_sdds_dfa.bodyXS.lineHeight};
250
272
 
251
273
  ${_styledcomponents.timePickerTokens.indicatorSize}: 0.5rem;
252
274
  ${_styledcomponents.timePickerTokens.indicatorSizeOuter}: 0.375rem;
@@ -330,6 +352,13 @@ const config = {
330
352
  ${_styledcomponents.timePickerTokens.labelFontWeight}: ${_sdds_dfa.bodyS.fontWeight};
331
353
  ${_styledcomponents.timePickerTokens.labelLetterSpacing}: ${_sdds_dfa.bodyS.letterSpacing};
332
354
  ${_styledcomponents.timePickerTokens.labelLineHeight}: ${_sdds_dfa.bodyS.lineHeight};
355
+ ${_styledcomponents.timePickerTokens.titleCaptionMargin}: 0.1875rem;
356
+ ${_styledcomponents.timePickerTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
357
+ ${_styledcomponents.timePickerTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
358
+ ${_styledcomponents.timePickerTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
359
+ ${_styledcomponents.timePickerTokens.titleCaptionFontWeight}: ${_sdds_dfa.bodyXS.fontWeight};
360
+ ${_styledcomponents.timePickerTokens.titleCaptionLetterSpacing}: ${_sdds_dfa.bodyXS.letterSpacing};
361
+ ${_styledcomponents.timePickerTokens.titleCaptionLineHeight}: ${_sdds_dfa.bodyXS.lineHeight};
333
362
 
334
363
  ${_styledcomponents.timePickerTokens.indicatorSize}: 0.375rem;
335
364
  ${_styledcomponents.timePickerTokens.indicatorSizeOuter}: 0.375rem;
@@ -413,6 +442,13 @@ const config = {
413
442
  ${_styledcomponents.timePickerTokens.labelFontWeight}: ${_sdds_dfa.bodyXS.fontWeight};
414
443
  ${_styledcomponents.timePickerTokens.labelLetterSpacing}: ${_sdds_dfa.bodyXS.letterSpacing};
415
444
  ${_styledcomponents.timePickerTokens.labelLineHeight}: ${_sdds_dfa.bodyXS.lineHeight};
445
+ ${_styledcomponents.timePickerTokens.titleCaptionMargin}: 0;
446
+ ${_styledcomponents.timePickerTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
447
+ ${_styledcomponents.timePickerTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
448
+ ${_styledcomponents.timePickerTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
449
+ ${_styledcomponents.timePickerTokens.titleCaptionFontWeight}: ${_sdds_dfa.bodyXS.fontWeight};
450
+ ${_styledcomponents.timePickerTokens.titleCaptionLetterSpacing}: ${_sdds_dfa.bodyXS.letterSpacing};
451
+ ${_styledcomponents.timePickerTokens.titleCaptionLineHeight}: ${_sdds_dfa.bodyXS.lineHeight};
416
452
 
417
453
  ${_styledcomponents.timePickerTokens.indicatorSize}: 0.375rem;
418
454
  ${_styledcomponents.timePickerTokens.indicatorSizeOuter}: 0.375rem;
@@ -548,6 +584,7 @@ const config = {
548
584
  ${_styledcomponents.timePickerTokens.backgroundReadOnly}: ${_sdds_dfa.surfaceTransparentPrimary};
549
585
  ${_styledcomponents.timePickerTokens.labelColorReadOnly}: ${_sdds_dfa.textSecondary};
550
586
  ${_styledcomponents.timePickerTokens.leftHelperColorReadOnly}: ${_sdds_dfa.textSecondary};
587
+ ${_styledcomponents.timePickerTokens.titleCaptionColorReadOnly}: ${_sdds_dfa.textSecondary};
551
588
 
552
589
  ${_styledcomponents.timePickerTokens.textFieldColorReadOnly}: ${_sdds_dfa.textSecondary};
553
590
  ${_styledcomponents.timePickerTokens.textFieldBackgroundColorReadOnly}: ${_sdds_dfa.surfaceTransparentPrimary};