@salutejs/sdds-dfa 0.370.0-dev.0 → 0.371.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 +11 -11
  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/Autocomplete/Autocomplete.config.js CHANGED
@@ -34,6 +34,7 @@ const config = {
34
34
  ${_styledcomponents.autocompleteTokens.textFieldTextAfterColor}: ${_sdds_dfa.textTertiary};
35
35
  ${_styledcomponents.autocompleteTokens.textFieldLabelColor}: ${_sdds_dfa.textPrimary};
36
36
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperColor}: ${_sdds_dfa.textSecondary};
37
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionColor}: ${_sdds_dfa.textSecondary};
37
38
  ${_styledcomponents.autocompleteTokens.textFieldFocusColor}: ${_sdds_dfa.textAccent};
38
39
 
39
40
  ${_styledcomponents.autocompleteTokens.textFieldContentSlotColor}: ${_sdds_dfa.textSecondary};
@@ -76,6 +77,7 @@ const config = {
76
77
  ${_styledcomponents.autocompleteTokens.textFieldTextAfterColor}: ${_sdds_dfa.textTertiary};
77
78
  ${_styledcomponents.autocompleteTokens.textFieldLabelColor}: ${_sdds_dfa.textPrimary};
78
79
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperColor}: ${_sdds_dfa.textPositive};
80
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionColor}: ${_sdds_dfa.textSecondary};
79
81
  ${_styledcomponents.autocompleteTokens.textFieldFocusColor}: ${_sdds_dfa.textAccent};
80
82
 
81
83
  ${_styledcomponents.autocompleteTokens.textFieldContentSlotColor}: ${_sdds_dfa.textSecondary};
@@ -118,6 +120,7 @@ const config = {
118
120
  ${_styledcomponents.autocompleteTokens.textFieldTextAfterColor}: ${_sdds_dfa.textTertiary};
119
121
  ${_styledcomponents.autocompleteTokens.textFieldLabelColor}: ${_sdds_dfa.textPrimary};
120
122
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperColor}: ${_sdds_dfa.textWarning};
123
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionColor}: ${_sdds_dfa.textSecondary};
121
124
  ${_styledcomponents.autocompleteTokens.textFieldFocusColor}: ${_sdds_dfa.textAccent};
122
125
 
123
126
  ${_styledcomponents.autocompleteTokens.textFieldContentSlotColor}: ${_sdds_dfa.textSecondary};
@@ -160,6 +163,7 @@ const config = {
160
163
  ${_styledcomponents.autocompleteTokens.textFieldTextAfterColor}: ${_sdds_dfa.textTertiary};
161
164
  ${_styledcomponents.autocompleteTokens.textFieldLabelColor}: ${_sdds_dfa.textPrimary};
162
165
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperColor}: ${_sdds_dfa.textNegative};
166
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionColor}: ${_sdds_dfa.textSecondary};
163
167
  ${_styledcomponents.autocompleteTokens.textFieldFocusColor}: ${_sdds_dfa.textAccent};
164
168
 
165
169
  ${_styledcomponents.autocompleteTokens.textFieldContentSlotColor}: ${_sdds_dfa.textSecondary};
@@ -218,6 +222,13 @@ const config = {
218
222
  ${_styledcomponents.autocompleteTokens.textFieldLabelFontWeight}: ${_sdds_dfa.bodyL.fontWeight};
219
223
  ${_styledcomponents.autocompleteTokens.textFieldLabelLetterSpacing}: ${_sdds_dfa.bodyL.letterSpacing};
220
224
  ${_styledcomponents.autocompleteTokens.textFieldLabelLineHeight}: ${_sdds_dfa.bodyL.lineHeight};
225
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionMargin}: 0.375rem;
226
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
227
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
228
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
229
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontWeight}: ${_sdds_dfa.bodyXS.fontWeight};
230
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionLetterSpacing}: ${_sdds_dfa.bodyXS.letterSpacing};
231
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionLineHeight}: ${_sdds_dfa.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}: ${_sdds_dfa.bodyL.fontWeight};
294
305
  ${_styledcomponents.autocompleteTokens.textFieldLabelLetterSpacing}: ${_sdds_dfa.bodyL.letterSpacing};
295
306
  ${_styledcomponents.autocompleteTokens.textFieldLabelLineHeight}: ${_sdds_dfa.bodyL.lineHeight};
307
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionMargin}: 0.375rem;
308
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
309
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
310
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
311
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontWeight}: ${_sdds_dfa.bodyXS.fontWeight};
312
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionLetterSpacing}: ${_sdds_dfa.bodyXS.letterSpacing};
313
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionLineHeight}: ${_sdds_dfa.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}: ${_sdds_dfa.bodyM.fontWeight};
369
387
  ${_styledcomponents.autocompleteTokens.textFieldLabelLetterSpacing}: ${_sdds_dfa.bodyM.letterSpacing};
370
388
  ${_styledcomponents.autocompleteTokens.textFieldLabelLineHeight}: ${_sdds_dfa.bodyM.lineHeight};
389
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionMargin}: 0.3125rem;
390
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
391
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
392
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
393
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontWeight}: ${_sdds_dfa.bodyXS.fontWeight};
394
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionLetterSpacing}: ${_sdds_dfa.bodyXS.letterSpacing};
395
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionLineHeight}: ${_sdds_dfa.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}: ${_sdds_dfa.bodyS.fontWeight};
444
469
  ${_styledcomponents.autocompleteTokens.textFieldLabelLetterSpacing}: ${_sdds_dfa.bodyS.letterSpacing};
445
470
  ${_styledcomponents.autocompleteTokens.textFieldLabelLineHeight}: ${_sdds_dfa.bodyS.lineHeight};
471
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionMargin}: 0.1875rem;
472
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
473
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
474
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
475
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontWeight}: ${_sdds_dfa.bodyXS.fontWeight};
476
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionLetterSpacing}: ${_sdds_dfa.bodyXS.letterSpacing};
477
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionLineHeight}: ${_sdds_dfa.bodyXS.lineHeight};
446
478
 
447
479
  ${_styledcomponents.autocompleteTokens.textFieldHintMargin}: -0.688rem -0.5rem;
448
480
  ${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
@@ -518,6 +550,13 @@ const config = {
518
550
  ${_styledcomponents.autocompleteTokens.textFieldLabelFontWeight}: ${_sdds_dfa.bodyXS.fontWeight};
519
551
  ${_styledcomponents.autocompleteTokens.textFieldLabelLetterSpacing}: ${_sdds_dfa.bodyXS.letterSpacing};
520
552
  ${_styledcomponents.autocompleteTokens.textFieldLabelLineHeight}: ${_sdds_dfa.bodyXS.lineHeight};
553
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionMargin}: 0;
554
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
555
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
556
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
557
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontWeight}: ${_sdds_dfa.bodyXS.fontWeight};
558
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionLetterSpacing}: ${_sdds_dfa.bodyXS.letterSpacing};
559
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionLineHeight}: ${_sdds_dfa.bodyXS.lineHeight};
521
560
 
522
561
  ${_styledcomponents.autocompleteTokens.textFieldHintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;
523
562
  ${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
@@ -647,6 +686,7 @@ const config = {
647
686
  ${_styledcomponents.autocompleteTokens.textFieldBackgroundColorReadOnly}: ${_sdds_dfa.surfaceTransparentPrimary};
648
687
  ${_styledcomponents.autocompleteTokens.textFieldPlaceholderColorReadOnly}: ${_sdds_dfa.textSecondary};
649
688
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperColorReadOnly}: ${_sdds_dfa.textSecondary};
689
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionColorReadOnly}: ${_sdds_dfa.textSecondary};
650
690
  ${_styledcomponents.autocompleteTokens.textFieldLabelColorReadOnly}: ${_sdds_dfa.textPrimary};
651
691
  ${_styledcomponents.autocompleteTokens.textFieldDividerColorReadOnly}: ${_sdds_dfa.surfaceTransparentPrimary};
652
692
  `
package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.js CHANGED
@@ -12,20 +12,33 @@ _export(exports, {
12
12
  get Autocomplete () {
13
13
  return Autocomplete;
14
14
  },
15
+ get AutocompleteClear () {
16
+ return AutocompleteClear;
17
+ },
15
18
  get AutocompleteComponent () {
16
19
  return AutocompleteComponent;
20
+ },
21
+ get AutocompleteDefault () {
22
+ return AutocompleteDefault;
17
23
  }
18
24
  });
19
25
  const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
20
26
  const _react = /*#__PURE__*/ _interop_require_default(require("react"));
21
27
  const _Autocompleteconfig = require("./Autocomplete.config");
28
+ const _Autocompleteclearconfig = require("./Autocomplete.clear.config");
22
29
  function _interop_require_default(obj) {
23
30
  return obj && obj.__esModule ? obj : {
24
31
  default: obj
25
32
  };
26
33
  }
27
34
  const mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.autocompleteConfig, _Autocompleteconfig.config);
28
- const AutocompleteComponent = (0, _styledcomponents.component)(mergedConfig);
35
+ const AutocompleteDefault = (0, _styledcomponents.component)(mergedConfig);
36
+ const mergedClearConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.autocompleteConfig, _Autocompleteclearconfig.config);
37
+ const AutocompleteClear = (0, _styledcomponents.component)(mergedClearConfig);
38
+ const AutocompleteComponent = (0, _styledcomponents.createConditionalComponent)({
39
+ default: AutocompleteDefault,
40
+ clear: AutocompleteClear
41
+ });
29
42
  const AutocompleteWithoutRef = (props, ref)=>{
30
43
  return /*#__PURE__*/ _react.default.createElement(AutocompleteComponent, {
31
44
  ...props,
package/dist/styled-components/cjs/components/DatePicker/DatePicker.clear.config.js CHANGED
@@ -208,6 +208,7 @@ const config = {
208
208
  ${_styledcomponents.datePickerTokens.hintInnerLabelPlacementOffset}:0.82rem -2.063rem auto auto;
209
209
 
210
210
  ${_styledcomponents.datePickerTokens.titleCaptionOffset}: 0.375rem;
211
+ ${_styledcomponents.datePickerTokens.titleCaptionMargin}: 0.375rem;
211
212
  ${_styledcomponents.datePickerTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
212
213
  ${_styledcomponents.datePickerTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
213
214
  ${_styledcomponents.datePickerTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -379,6 +380,7 @@ const config = {
379
380
  ${_styledcomponents.datePickerTokens.hintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
380
381
 
381
382
  ${_styledcomponents.datePickerTokens.titleCaptionOffset}: 0.375rem;
383
+ ${_styledcomponents.datePickerTokens.titleCaptionMargin}: 0.375rem;
382
384
  ${_styledcomponents.datePickerTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
383
385
  ${_styledcomponents.datePickerTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
384
386
  ${_styledcomponents.datePickerTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -550,6 +552,7 @@ const config = {
550
552
  ${_styledcomponents.datePickerTokens.hintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
551
553
 
552
554
  ${_styledcomponents.datePickerTokens.titleCaptionOffset}: 0.313rem;
555
+ ${_styledcomponents.datePickerTokens.titleCaptionMargin}: 0.3125rem;
553
556
  ${_styledcomponents.datePickerTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
554
557
  ${_styledcomponents.datePickerTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
555
558
  ${_styledcomponents.datePickerTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -721,6 +724,7 @@ const config = {
721
724
  ${_styledcomponents.datePickerTokens.hintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
722
725
 
723
726
  ${_styledcomponents.datePickerTokens.titleCaptionOffset}: 0.188rem;
727
+ ${_styledcomponents.datePickerTokens.titleCaptionMargin}: 0.1875rem;
724
728
  ${_styledcomponents.datePickerTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
725
729
  ${_styledcomponents.datePickerTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
726
730
  ${_styledcomponents.datePickerTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -892,6 +896,7 @@ const config = {
892
896
  ${_styledcomponents.datePickerTokens.hintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
893
897
 
894
898
  ${_styledcomponents.datePickerTokens.titleCaptionOffset}: 0;
899
+ ${_styledcomponents.datePickerTokens.titleCaptionMargin}: 0;
895
900
  ${_styledcomponents.datePickerTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
896
901
  ${_styledcomponents.datePickerTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
897
902
  ${_styledcomponents.datePickerTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js CHANGED
@@ -175,6 +175,7 @@ const config = {
175
175
  ${_styledcomponents.datePickerTokens.hintInnerLabelPlacementOffset}: 0.813rem -2.938rem auto auto;
176
176
 
177
177
  ${_styledcomponents.datePickerTokens.titleCaptionOffset}: 0.375rem;
178
+ ${_styledcomponents.datePickerTokens.titleCaptionMargin}: 0.375rem;
178
179
  ${_styledcomponents.datePickerTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
179
180
  ${_styledcomponents.datePickerTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
180
181
  ${_styledcomponents.datePickerTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -345,6 +346,7 @@ const config = {
345
346
  ${_styledcomponents.datePickerTokens.clearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
346
347
 
347
348
  ${_styledcomponents.datePickerTokens.titleCaptionOffset}: 0.375rem;
349
+ ${_styledcomponents.datePickerTokens.titleCaptionMargin}: 0.375rem;
348
350
  ${_styledcomponents.datePickerTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
349
351
  ${_styledcomponents.datePickerTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
350
352
  ${_styledcomponents.datePickerTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -515,6 +517,7 @@ const config = {
515
517
  ${_styledcomponents.datePickerTokens.clearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
516
518
 
517
519
  ${_styledcomponents.datePickerTokens.titleCaptionOffset}: 0.313rem;
520
+ ${_styledcomponents.datePickerTokens.titleCaptionMargin}: 0.3125rem;
518
521
  ${_styledcomponents.datePickerTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
519
522
  ${_styledcomponents.datePickerTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
520
523
  ${_styledcomponents.datePickerTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -685,6 +688,7 @@ const config = {
685
688
  ${_styledcomponents.datePickerTokens.clearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
686
689
 
687
690
  ${_styledcomponents.datePickerTokens.titleCaptionOffset}: 0.188rem;
691
+ ${_styledcomponents.datePickerTokens.titleCaptionMargin}: 0.1875rem;
688
692
  ${_styledcomponents.datePickerTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
689
693
  ${_styledcomponents.datePickerTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
690
694
  ${_styledcomponents.datePickerTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -855,6 +859,7 @@ const config = {
855
859
  ${_styledcomponents.datePickerTokens.clearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
856
860
 
857
861
  ${_styledcomponents.datePickerTokens.titleCaptionOffset}: 0;
862
+ ${_styledcomponents.datePickerTokens.titleCaptionMargin}: 0;
858
863
  ${_styledcomponents.datePickerTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
859
864
  ${_styledcomponents.datePickerTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
860
865
  ${_styledcomponents.datePickerTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js CHANGED
@@ -152,6 +152,7 @@ const config = {
152
152
  ${_styledcomponents.dateTimePickerTokens.labelInnerLineHeight}: ${_sdds_dfa.bodyXS.lineHeight};
153
153
 
154
154
  ${_styledcomponents.dateTimePickerTokens.titleCaptionOffset}: 0.375rem;
155
+ ${_styledcomponents.dateTimePickerTokens.titleCaptionMargin}: 0.375rem;
155
156
  ${_styledcomponents.dateTimePickerTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
156
157
  ${_styledcomponents.dateTimePickerTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
157
158
  ${_styledcomponents.dateTimePickerTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -319,6 +320,7 @@ const config = {
319
320
  ${_styledcomponents.dateTimePickerTokens.labelInnerLineHeight}: ${_sdds_dfa.bodyXS.lineHeight};
320
321
 
321
322
  ${_styledcomponents.dateTimePickerTokens.titleCaptionOffset}: 0.375rem;
323
+ ${_styledcomponents.dateTimePickerTokens.titleCaptionMargin}: 0.375rem;
322
324
  ${_styledcomponents.dateTimePickerTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
323
325
  ${_styledcomponents.dateTimePickerTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
324
326
  ${_styledcomponents.dateTimePickerTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -486,6 +488,7 @@ const config = {
486
488
  ${_styledcomponents.dateTimePickerTokens.labelInnerLineHeight}: ${_sdds_dfa.bodyXS.lineHeight};
487
489
 
488
490
  ${_styledcomponents.dateTimePickerTokens.titleCaptionOffset}: 0.313rem;
491
+ ${_styledcomponents.dateTimePickerTokens.titleCaptionMargin}: 0.3125rem;
489
492
  ${_styledcomponents.dateTimePickerTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
490
493
  ${_styledcomponents.dateTimePickerTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
491
494
  ${_styledcomponents.dateTimePickerTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -653,6 +656,7 @@ const config = {
653
656
  ${_styledcomponents.dateTimePickerTokens.labelInnerLineHeight}: ${_sdds_dfa.bodyXS.lineHeight};
654
657
 
655
658
  ${_styledcomponents.dateTimePickerTokens.titleCaptionOffset}: 0.188rem;
659
+ ${_styledcomponents.dateTimePickerTokens.titleCaptionMargin}: 0.1875rem;
656
660
  ${_styledcomponents.dateTimePickerTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
657
661
  ${_styledcomponents.dateTimePickerTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
658
662
  ${_styledcomponents.dateTimePickerTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -820,6 +824,7 @@ const config = {
820
824
  ${_styledcomponents.dateTimePickerTokens.labelInnerLineHeight}: ${_sdds_dfa.bodyXS.lineHeight};
821
825
 
822
826
  ${_styledcomponents.dateTimePickerTokens.titleCaptionOffset}: 0;
827
+ ${_styledcomponents.dateTimePickerTokens.titleCaptionMargin}: 0;
823
828
  ${_styledcomponents.dateTimePickerTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
824
829
  ${_styledcomponents.dateTimePickerTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
825
830
  ${_styledcomponents.dateTimePickerTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
package/dist/styled-components/cjs/components/Range/Range.clear.config.js CHANGED
@@ -149,6 +149,7 @@ const config = {
149
149
  ${_styledcomponents.rangeTokens.hintPlacementInnerMargin}: 0 -0.438rem;
150
150
 
151
151
  ${_styledcomponents.rangeTokens.titleCaptionOffset}: 0.375rem;
152
+ ${_styledcomponents.rangeTokens.titleCaptionMargin}: 0.375rem;
152
153
  ${_styledcomponents.rangeTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
153
154
  ${_styledcomponents.rangeTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
154
155
  ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -226,6 +227,7 @@ const config = {
226
227
  ${_styledcomponents.rangeTokens.hintPlacementInnerMargin}: 0 -0.438rem;
227
228
 
228
229
  ${_styledcomponents.rangeTokens.titleCaptionOffset}: 0.375rem;
230
+ ${_styledcomponents.rangeTokens.titleCaptionMargin}: 0.375rem;
229
231
  ${_styledcomponents.rangeTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
230
232
  ${_styledcomponents.rangeTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
231
233
  ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -303,6 +305,7 @@ const config = {
303
305
  ${_styledcomponents.rangeTokens.hintPlacementInnerMargin}: 0 -0.438rem;
304
306
 
305
307
  ${_styledcomponents.rangeTokens.titleCaptionOffset}: 0.313rem;
308
+ ${_styledcomponents.rangeTokens.titleCaptionMargin}: 0.3125rem;
306
309
  ${_styledcomponents.rangeTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
307
310
  ${_styledcomponents.rangeTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
308
311
  ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -380,6 +383,7 @@ const config = {
380
383
  ${_styledcomponents.rangeTokens.hintPlacementInnerMargin}: 0 -0.438rem;
381
384
 
382
385
  ${_styledcomponents.rangeTokens.titleCaptionOffset}: 0.188rem;
386
+ ${_styledcomponents.rangeTokens.titleCaptionMargin}: 0.1875rem;
383
387
  ${_styledcomponents.rangeTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
384
388
  ${_styledcomponents.rangeTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
385
389
  ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -457,6 +461,7 @@ const config = {
457
461
  ${_styledcomponents.rangeTokens.hintPlacementInnerMargin}: 0 -0.688rem;
458
462
 
459
463
  ${_styledcomponents.rangeTokens.titleCaptionOffset}: 0;
464
+ ${_styledcomponents.rangeTokens.titleCaptionMargin}: 0;
460
465
  ${_styledcomponents.rangeTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
461
466
  ${_styledcomponents.rangeTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
462
467
  ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
package/dist/styled-components/cjs/components/Range/Range.config.js CHANGED
@@ -124,6 +124,7 @@ const config = {
124
124
  ${_styledcomponents.rangeTokens.hintPlacementInnerMargin}: 0 0.813rem 0 -0.438rem;
125
125
 
126
126
  ${_styledcomponents.rangeTokens.titleCaptionOffset}: 0.375rem;
127
+ ${_styledcomponents.rangeTokens.titleCaptionMargin}: 0.375rem;
127
128
  ${_styledcomponents.rangeTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
128
129
  ${_styledcomponents.rangeTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
129
130
  ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -200,6 +201,7 @@ const config = {
200
201
  ${_styledcomponents.rangeTokens.hintPlacementInnerMargin}: 0 0.563rem 0 -0.438rem;
201
202
 
202
203
  ${_styledcomponents.rangeTokens.titleCaptionOffset}: 0.375rem;
204
+ ${_styledcomponents.rangeTokens.titleCaptionMargin}: 0.375rem;
203
205
  ${_styledcomponents.rangeTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
204
206
  ${_styledcomponents.rangeTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
205
207
  ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -276,6 +278,7 @@ const config = {
276
278
  ${_styledcomponents.rangeTokens.hintPlacementInnerMargin}: 0 0.313rem 0 -0.438rem;
277
279
 
278
280
  ${_styledcomponents.rangeTokens.titleCaptionOffset}: 0.313rem;
281
+ ${_styledcomponents.rangeTokens.titleCaptionMargin}: 0.3125rem;
279
282
  ${_styledcomponents.rangeTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
280
283
  ${_styledcomponents.rangeTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
281
284
  ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -352,6 +355,7 @@ const config = {
352
355
  ${_styledcomponents.rangeTokens.hintPlacementInnerMargin}: 0 0.063rem 0 -0.438rem;
353
356
 
354
357
  ${_styledcomponents.rangeTokens.titleCaptionOffset}: 0.188rem;
358
+ ${_styledcomponents.rangeTokens.titleCaptionMargin}: 0.1875rem;
355
359
  ${_styledcomponents.rangeTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
356
360
  ${_styledcomponents.rangeTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
357
361
  ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};
@@ -428,6 +432,7 @@ const config = {
428
432
  ${_styledcomponents.rangeTokens.hintPlacementInnerMargin}: 0 -0.188rem 0 -0.688rem;
429
433
 
430
434
  ${_styledcomponents.rangeTokens.titleCaptionOffset}: 0;
435
+ ${_styledcomponents.rangeTokens.titleCaptionMargin}: 0;
431
436
  ${_styledcomponents.rangeTokens.titleCaptionFontFamily}: ${_sdds_dfa.bodyXS.fontFamily};
432
437
  ${_styledcomponents.rangeTokens.titleCaptionFontSize}: ${_sdds_dfa.bodyXS.fontSize};
433
438
  ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: ${_sdds_dfa.bodyXS.fontStyle};