@salutejs/sdds-os 0.42.0-dev.0 → 0.43.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 (91) hide show
  1. package/README.md +2 -2
  2. package/dist/css/cjs/components/Autocomplete/Autocomplete.config.js +1 -1
  3. package/dist/css/cjs/components/Autocomplete/Autocomplete.config.js.map +1 -1
  4. package/dist/css/cjs/components/Autocomplete/{Autocomplete.config_15tsn91.css → Autocomplete.config_1byhzmu.css} +8 -8
  5. package/dist/css/cjs/components/Autocomplete/Autocomplete.css +12 -12
  6. package/dist/css/cjs/components/DatePicker/DatePicker.config.js +1 -1
  7. package/dist/css/cjs/components/DatePicker/DatePicker.config.js.map +1 -1
  8. package/dist/css/{es/components/DatePicker/DatePicker.config_1j03t41.css → cjs/components/DatePicker/DatePicker.config_1wh09vk.css} +2 -2
  9. package/dist/css/cjs/components/DatePicker/DatePicker.css +10 -10
  10. package/dist/css/cjs/components/Range/Range.config.js +1 -1
  11. package/dist/css/cjs/components/Range/Range.config.js.map +1 -1
  12. package/dist/css/{es/components/Range/Range.config_1hpcwvq.css → cjs/components/Range/Range.config_10lthdp.css} +2 -2
  13. package/dist/css/cjs/components/Range/Range.css +8 -8
  14. package/dist/css/cjs/components/Select/Select.config.js +1 -1
  15. package/dist/css/cjs/components/Select/Select.config.js.map +1 -1
  16. package/dist/css/cjs/components/Select/Select.config_1gvtdrf.css +16 -0
  17. package/dist/css/cjs/components/Select/Select.css +15 -15
  18. package/dist/css/cjs/components/TextArea/TextArea.clear.config.js +1 -1
  19. package/dist/css/cjs/components/TextArea/TextArea.clear.config.js.map +1 -1
  20. package/dist/css/{es/components/TextArea/TextArea.clear.config_7mc6b4.css → cjs/components/TextArea/TextArea.clear.config_yw8t1n.css} +2 -2
  21. package/dist/css/cjs/components/TextArea/TextArea.config.js +1 -1
  22. package/dist/css/cjs/components/TextArea/TextArea.config.js.map +1 -1
  23. package/dist/css/cjs/components/TextArea/{TextArea.config_83a1xi.css → TextArea.config_1tnc4z0.css} +2 -2
  24. package/dist/css/cjs/components/TextArea/TextArea.css +22 -22
  25. package/dist/css/cjs/components/TextField/TextField.config.js +1 -1
  26. package/dist/css/cjs/components/TextField/TextField.config.js.map +1 -1
  27. package/dist/css/cjs/components/TextField/{TextField.config_1telo79.css → TextField.config_5jpyl0.css} +2 -2
  28. package/dist/css/cjs/components/TextField/TextField.css +18 -18
  29. package/dist/css/cjs/components/TimePicker/TimePicker.config.js +1 -1
  30. package/dist/css/cjs/components/TimePicker/TimePicker.config.js.map +1 -1
  31. package/dist/css/cjs/components/TimePicker/TimePicker.config_1gzsmes.css +8 -0
  32. package/dist/css/cjs/components/TimePicker/TimePicker.css +8 -8
  33. package/dist/css/cjs/index.css +99 -99
  34. package/dist/css/es/components/Autocomplete/Autocomplete.config.js +1 -1
  35. package/dist/css/es/components/Autocomplete/Autocomplete.config.js.map +1 -1
  36. package/dist/css/es/components/Autocomplete/{Autocomplete.config_15tsn91.css → Autocomplete.config_1byhzmu.css} +8 -8
  37. package/dist/css/es/components/Autocomplete/Autocomplete.css +12 -12
  38. package/dist/css/es/components/DatePicker/DatePicker.config.js +1 -1
  39. package/dist/css/es/components/DatePicker/DatePicker.config.js.map +1 -1
  40. package/dist/css/{cjs/components/DatePicker/DatePicker.config_1j03t41.css → es/components/DatePicker/DatePicker.config_1wh09vk.css} +2 -2
  41. package/dist/css/es/components/DatePicker/DatePicker.css +10 -10
  42. package/dist/css/es/components/Range/Range.config.js +1 -1
  43. package/dist/css/es/components/Range/Range.config.js.map +1 -1
  44. package/dist/css/{cjs/components/Range/Range.config_1hpcwvq.css → es/components/Range/Range.config_10lthdp.css} +2 -2
  45. package/dist/css/es/components/Range/Range.css +8 -8
  46. package/dist/css/es/components/Select/Select.config.js +1 -1
  47. package/dist/css/es/components/Select/Select.config.js.map +1 -1
  48. package/dist/css/es/components/Select/Select.config_1gvtdrf.css +16 -0
  49. package/dist/css/es/components/Select/Select.css +15 -15
  50. package/dist/css/es/components/TextArea/TextArea.clear.config.js +1 -1
  51. package/dist/css/es/components/TextArea/TextArea.clear.config.js.map +1 -1
  52. package/dist/css/{cjs/components/TextArea/TextArea.clear.config_7mc6b4.css → es/components/TextArea/TextArea.clear.config_yw8t1n.css} +2 -2
  53. package/dist/css/es/components/TextArea/TextArea.config.js +1 -1
  54. package/dist/css/es/components/TextArea/TextArea.config.js.map +1 -1
  55. package/dist/css/es/components/TextArea/{TextArea.config_83a1xi.css → TextArea.config_1tnc4z0.css} +2 -2
  56. package/dist/css/es/components/TextArea/TextArea.css +22 -22
  57. package/dist/css/es/components/TextField/TextField.config.js +1 -1
  58. package/dist/css/es/components/TextField/TextField.config.js.map +1 -1
  59. package/dist/css/es/components/TextField/{TextField.config_1telo79.css → TextField.config_5jpyl0.css} +2 -2
  60. package/dist/css/es/components/TextField/TextField.css +18 -18
  61. package/dist/css/es/components/TimePicker/TimePicker.config.js +1 -1
  62. package/dist/css/es/components/TimePicker/TimePicker.config.js.map +1 -1
  63. package/dist/css/es/components/TimePicker/TimePicker.config_1gzsmes.css +8 -0
  64. package/dist/css/es/components/TimePicker/TimePicker.css +8 -8
  65. package/dist/css/es/index.css +99 -99
  66. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +20 -0
  67. package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +2 -0
  68. package/dist/styled-components/cjs/components/Range/Range.config.js +2 -0
  69. package/dist/styled-components/cjs/components/Select/Select.config.js +19 -1
  70. package/dist/styled-components/cjs/components/TextArea/TextArea.clear.config.js +2 -0
  71. package/dist/styled-components/cjs/components/TextArea/TextArea.config.js +2 -0
  72. package/dist/styled-components/cjs/components/TextField/TextField.config.js +2 -0
  73. package/dist/styled-components/cjs/components/TimePicker/TimePicker.config.js +17 -0
  74. package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +20 -0
  75. package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +2 -0
  76. package/dist/styled-components/es/components/Range/Range.config.js +2 -0
  77. package/dist/styled-components/es/components/Select/Select.config.js +19 -1
  78. package/dist/styled-components/es/components/TextArea/TextArea.clear.config.js +2 -0
  79. package/dist/styled-components/es/components/TextArea/TextArea.config.js +2 -0
  80. package/dist/styled-components/es/components/TextField/TextField.config.js +2 -0
  81. package/dist/styled-components/es/components/TimePicker/TimePicker.config.js +17 -0
  82. package/package.json +9 -9
  83. package/types/components/Autocomplete/Autocomplete.d.ts +16 -8
  84. package/types/components/Calendar/Calendar.d.ts +3 -1
  85. package/types/components/DatePicker/DatePicker.d.ts +9 -9
  86. package/types/components/Select/Select.d.ts +32 -8
  87. package/types/components/TimePicker/TimePicker.d.ts +2 -0
  88. package/dist/css/cjs/components/Select/Select.config_2y55y6.css +0 -16
  89. package/dist/css/cjs/components/TimePicker/TimePicker.config_13s4e4r.css +0 -8
  90. package/dist/css/es/components/Select/Select.config_2y55y6.css +0 -16
  91. package/dist/css/es/components/TimePicker/TimePicker.config_13s4e4r.css +0 -8
package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -38,6 +38,7 @@ const config = {
38
38
  ${_styledcomponents.autocompleteTokens.textFieldTextAfterColor}: var(--text-tertiary);
39
39
  ${_styledcomponents.autocompleteTokens.textFieldLabelColor}: var(--text-primary);
40
40
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperColor}: var(--text-secondary);
41
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionColor}: var(--text-secondary);
41
42
  ${_styledcomponents.autocompleteTokens.textFieldFocusColor}: var(--text-accent);
42
43
 
43
44
  ${_styledcomponents.autocompleteTokens.textFieldContentSlotColor}: var(--text-secondary);
@@ -85,6 +86,7 @@ const config = {
85
86
  ${_styledcomponents.autocompleteTokens.textFieldTextAfterColor}: var(--text-tertiary);
86
87
  ${_styledcomponents.autocompleteTokens.textFieldLabelColor}: var(--text-primary);
87
88
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperColor}: var(--text-positive);
89
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionColor}: var(--text-secondary);
88
90
  ${_styledcomponents.autocompleteTokens.textFieldFocusColor}: var(--text-accent);
89
91
 
90
92
  ${_styledcomponents.autocompleteTokens.textFieldContentSlotColor}: var(--text-secondary);
@@ -132,6 +134,7 @@ const config = {
132
134
  ${_styledcomponents.autocompleteTokens.textFieldTextAfterColor}: var(--text-tertiary);
133
135
  ${_styledcomponents.autocompleteTokens.textFieldLabelColor}: var(--text-primary);
134
136
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperColor}: var(--text-warning);
137
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionColor}: var(--text-secondary);
135
138
  ${_styledcomponents.autocompleteTokens.textFieldFocusColor}: var(--text-accent);
136
139
 
137
140
  ${_styledcomponents.autocompleteTokens.textFieldContentSlotColor}: var(--text-secondary);
@@ -179,6 +182,7 @@ const config = {
179
182
  ${_styledcomponents.autocompleteTokens.textFieldTextAfterColor}: var(--text-tertiary);
180
183
  ${_styledcomponents.autocompleteTokens.textFieldLabelColor}: var(--text-primary);
181
184
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperColor}: var(--text-negative);
185
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionColor}: var(--text-secondary);
182
186
  ${_styledcomponents.autocompleteTokens.textFieldFocusColor}: var(--text-accent);
183
187
 
184
188
  ${_styledcomponents.autocompleteTokens.textFieldContentSlotColor}: var(--text-secondary);
@@ -238,6 +242,13 @@ const config = {
238
242
  ${_styledcomponents.autocompleteTokens.textFieldLabelFontWeight}: var(--plasma-typo-body-m-font-weight);
239
243
  ${_styledcomponents.autocompleteTokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
240
244
  ${_styledcomponents.autocompleteTokens.textFieldLabelLineHeight}: var(--plasma-typo-body-m-line-height);
245
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionMargin}: 0.3125rem;
246
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
247
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
248
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
249
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);
250
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
251
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
241
252
 
242
253
  ${_styledcomponents.autocompleteTokens.textFieldHintMargin}: -0.688rem -0.5rem;
243
254
  ${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
@@ -314,6 +325,13 @@ const config = {
314
325
  ${_styledcomponents.autocompleteTokens.textFieldLabelFontWeight}: var(--plasma-typo-body-s-font-weight);
315
326
  ${_styledcomponents.autocompleteTokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
316
327
  ${_styledcomponents.autocompleteTokens.textFieldLabelLineHeight}: var(--plasma-typo-body-s-line-height);
328
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionMargin}: 0.1875rem;
329
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
330
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
331
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
332
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);
333
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
334
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
317
335
 
318
336
  ${_styledcomponents.autocompleteTokens.textFieldHintMargin}: -0.688rem -0.5rem;
319
337
  ${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
@@ -439,6 +457,7 @@ const config = {
439
457
  ${_styledcomponents.autocompleteTokens.textFieldPlaceholderColor}: var(--text-tertiary);
440
458
  ${_styledcomponents.autocompleteTokens.textFieldLabelColor}: var(--text-secondary);
441
459
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperColor}: var(--text-tertiary);
460
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionColor}: var(--text-secondary);
442
461
  ${_styledcomponents.autocompleteTokens.textFieldContentSlotColor}: var(--text-tertiary);
443
462
  ${_styledcomponents.autocompleteTokens.textFieldBackgroundColor}: var(--surface-solid-tertiary);
444
463
  ${_styledcomponents.autocompleteTokens.textFieldBorderColor}: transparent;
@@ -451,6 +470,7 @@ const config = {
451
470
  ${_styledcomponents.autocompleteTokens.textFieldBackgroundColorReadOnly}: var(--surface-solid-secondary);
452
471
  ${_styledcomponents.autocompleteTokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);
453
472
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperColorReadOnly}: var(--text-secondary);
473
+ ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionColorReadOnly}: var(--text-secondary);
454
474
  ${_styledcomponents.autocompleteTokens.textFieldLabelColorReadOnly}: var(--text-primary);
455
475
  ${_styledcomponents.autocompleteTokens.textFieldDividerColorReadOnly}: var(--surface-solid-primary);
456
476
  ${_styledcomponents.autocompleteTokens.textFieldContentSlotRightOpacityReadOnly}: 1;
package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js CHANGED
@@ -198,6 +198,7 @@ const config = {
198
198
  ${_styledcomponents.datePickerTokens.clearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
199
199
 
200
200
  ${_styledcomponents.datePickerTokens.titleCaptionOffset}: 0.313rem;
201
+ ${_styledcomponents.datePickerTokens.titleCaptionMargin}: 0.3125rem;
201
202
  ${_styledcomponents.datePickerTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
202
203
  ${_styledcomponents.datePickerTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
203
204
  ${_styledcomponents.datePickerTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -369,6 +370,7 @@ const config = {
369
370
  ${_styledcomponents.datePickerTokens.clearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
370
371
 
371
372
  ${_styledcomponents.datePickerTokens.titleCaptionOffset}: 0.188rem;
373
+ ${_styledcomponents.datePickerTokens.titleCaptionMargin}: 0.1875rem;
372
374
  ${_styledcomponents.datePickerTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
373
375
  ${_styledcomponents.datePickerTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
374
376
  ${_styledcomponents.datePickerTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/cjs/components/Range/Range.config.js CHANGED
@@ -139,6 +139,7 @@ const config = {
139
139
  ${_styledcomponents.rangeTokens.hintPlacementInnerMargin}: 0 0.313rem 0 -0.438rem;
140
140
 
141
141
  ${_styledcomponents.rangeTokens.titleCaptionOffset}: 0.313rem;
142
+ ${_styledcomponents.rangeTokens.titleCaptionMargin}: 0.3125rem;
142
143
  ${_styledcomponents.rangeTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
143
144
  ${_styledcomponents.rangeTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
144
145
  ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -217,6 +218,7 @@ const config = {
217
218
  ${_styledcomponents.rangeTokens.hintPlacementInnerMargin}: 0 0.063rem 0 -0.438rem;
218
219
 
219
220
  ${_styledcomponents.rangeTokens.titleCaptionOffset}: 0.188rem;
221
+ ${_styledcomponents.rangeTokens.titleCaptionMargin}: 0.1875rem;
220
222
  ${_styledcomponents.rangeTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
221
223
  ${_styledcomponents.rangeTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
222
224
  ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/cjs/components/Select/Select.config.js CHANGED
@@ -37,6 +37,7 @@ const config = {
37
37
  ${_styledcomponents.selectTokens.textFieldTextAfterColor}: var(--text-tertiary);
38
38
  ${_styledcomponents.selectTokens.textFieldLabelColor}: var(--text-primary);
39
39
  ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: var(--text-secondary);
40
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: var(--text-secondary);
40
41
  ${_styledcomponents.selectTokens.textFieldFocusColor}: var(--text-accent);
41
42
 
42
43
  ${_styledcomponents.selectTokens.textFieldContentSlotColor}: var(--text-secondary);
@@ -91,6 +92,7 @@ const config = {
91
92
  ${_styledcomponents.selectTokens.textFieldTextAfterColor}: var(--text-tertiary);
92
93
  ${_styledcomponents.selectTokens.textFieldLabelColor}: var(--text-primary);
93
94
  ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: var(--text-positive);
95
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: var(--text-secondary);
94
96
  ${_styledcomponents.selectTokens.textFieldFocusColor}: var(--text-accent);
95
97
 
96
98
  ${_styledcomponents.selectTokens.textFieldContentSlotColor}: var(--text-secondary);
@@ -145,6 +147,7 @@ const config = {
145
147
  ${_styledcomponents.selectTokens.textFieldTextAfterColor}: var(--text-tertiary);
146
148
  ${_styledcomponents.selectTokens.textFieldLabelColor}: var(--text-primary);
147
149
  ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: var(--text-warning);
150
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: var(--text-secondary);
148
151
  ${_styledcomponents.selectTokens.textFieldFocusColor}: var(--text-accent);
149
152
 
150
153
  ${_styledcomponents.selectTokens.textFieldContentSlotColor}: var(--text-secondary);
@@ -199,6 +202,7 @@ const config = {
199
202
  ${_styledcomponents.selectTokens.textFieldTextAfterColor}: var(--text-tertiary);
200
203
  ${_styledcomponents.selectTokens.textFieldLabelColor}: var(--text-primary);
201
204
  ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: var(--text-negative);
205
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: var(--text-secondary);
202
206
  ${_styledcomponents.selectTokens.textFieldFocusColor}: var(--text-accent);
203
207
 
204
208
  ${_styledcomponents.selectTokens.textFieldContentSlotColor}: var(--text-secondary);
@@ -269,6 +273,13 @@ const config = {
269
273
  ${_styledcomponents.selectTokens.textFieldLabelFontWeight}: var(--plasma-typo-body-m-font-weight);
270
274
  ${_styledcomponents.selectTokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
271
275
  ${_styledcomponents.selectTokens.textFieldLabelLineHeight}: var(--plasma-typo-body-m-line-height);
276
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionMargin}: 0.3125rem;
277
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
278
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
279
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
280
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);
281
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
282
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
272
283
 
273
284
  ${_styledcomponents.selectTokens.textFieldHintMargin}: -0.688rem -0.5rem;
274
285
  ${_styledcomponents.selectTokens.textFieldHintTargetSize}: 2.375rem;
@@ -395,6 +406,13 @@ const config = {
395
406
  ${_styledcomponents.selectTokens.textFieldLabelFontWeight}: var(--plasma-typo-body-s-font-weight);
396
407
  ${_styledcomponents.selectTokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
397
408
  ${_styledcomponents.selectTokens.textFieldLabelLineHeight}: var(--plasma-typo-body-s-line-height);
409
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionMargin}: 0.1875rem;
410
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
411
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
412
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
413
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);
414
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
415
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
398
416
 
399
417
  ${_styledcomponents.selectTokens.textFieldHintMargin}: -0.688rem -0.5rem;
400
418
  ${_styledcomponents.selectTokens.textFieldHintTargetSize}: 2.375rem;
@@ -616,7 +634,7 @@ const config = {
616
634
  ${_styledcomponents.selectTokens.textFieldColor}: var(--text-secondary);
617
635
  ${_styledcomponents.selectTokens.textFieldPlaceholderColor}: var(--text-tertiary);
618
636
  ${_styledcomponents.selectTokens.textFieldLabelColor}: var(--text-secondary);
619
- ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: var(--text-tertiary);
637
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: var(--text-secondary);
620
638
  ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: var(--text-tertiary);
621
639
  ${_styledcomponents.selectTokens.textFieldContentSlotColor}: var(--text-tertiary);
622
640
  ${_styledcomponents.selectTokens.textFieldBackgroundColor}: var(--surface-solid-tertiary);
package/dist/styled-components/cjs/components/TextArea/TextArea.clear.config.js CHANGED
@@ -234,6 +234,7 @@ const config = {
234
234
  ${_styledcomponents.textAreaTokens.hintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
235
235
 
236
236
  ${_styledcomponents.textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;
237
+ ${_styledcomponents.textAreaTokens.titleCaptionMargin}: 0.3125rem;
237
238
  ${_styledcomponents.textAreaTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
238
239
  ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
239
240
  ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -308,6 +309,7 @@ const config = {
308
309
  ${_styledcomponents.textAreaTokens.hintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
309
310
 
310
311
  ${_styledcomponents.textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;
312
+ ${_styledcomponents.textAreaTokens.titleCaptionMargin}: 0.1875rem;
311
313
  ${_styledcomponents.textAreaTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
312
314
  ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
313
315
  ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/cjs/components/TextArea/TextArea.config.js CHANGED
@@ -271,6 +271,7 @@ const config = {
271
271
  ${_styledcomponents.textAreaTokens.hintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
272
272
 
273
273
  ${_styledcomponents.textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;
274
+ ${_styledcomponents.textAreaTokens.titleCaptionMargin}: 0.3125rem;
274
275
  ${_styledcomponents.textAreaTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
275
276
  ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
276
277
  ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -344,6 +345,7 @@ const config = {
344
345
  ${_styledcomponents.textAreaTokens.hintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
345
346
 
346
347
  ${_styledcomponents.textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;
348
+ ${_styledcomponents.textAreaTokens.titleCaptionMargin}: 0.1875rem;
347
349
  ${_styledcomponents.textAreaTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
348
350
  ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
349
351
  ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/cjs/components/TextField/TextField.config.js CHANGED
@@ -190,6 +190,7 @@ const config = {
190
190
  ${_styledcomponents.textFieldTokens.clearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
191
191
 
192
192
  ${_styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset}: 0.25rem;
193
+ ${_styledcomponents.textFieldTokens.titleCaptionMargin}: 0.3125rem;
193
194
  ${_styledcomponents.textFieldTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
194
195
  ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
195
196
  ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -276,6 +277,7 @@ const config = {
276
277
  ${_styledcomponents.textFieldTokens.clearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
277
278
 
278
279
  ${_styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset}: 0.25rem;
280
+ ${_styledcomponents.textFieldTokens.titleCaptionMargin}: 0.1875rem;
279
281
  ${_styledcomponents.textFieldTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
280
282
  ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
281
283
  ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/cjs/components/TimePicker/TimePicker.config.js CHANGED
@@ -79,6 +79,7 @@ const config = {
79
79
  ${_styledcomponents.timePickerTokens.scrollbarTrackColor}: var(--surface-transparent-primary);
80
80
 
81
81
  ${_styledcomponents.timePickerTokens.leftHelperColor}: var(--text-secondary);
82
+ ${_styledcomponents.timePickerTokens.titleCaptionColor}: var(--text-secondary);
82
83
  ${_styledcomponents.timePickerTokens.leftHelperColorError}: var(--text-negative);
83
84
  ${_styledcomponents.timePickerTokens.leftHelperColorSuccess}: var(--text-positive);
84
85
 
@@ -104,6 +105,13 @@ const config = {
104
105
  ${_styledcomponents.timePickerTokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);
105
106
  ${_styledcomponents.timePickerTokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
106
107
  ${_styledcomponents.timePickerTokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);
108
+ ${_styledcomponents.timePickerTokens.titleCaptionMargin}: 0.3125rem;
109
+ ${_styledcomponents.timePickerTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
110
+ ${_styledcomponents.timePickerTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
111
+ ${_styledcomponents.timePickerTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
112
+ ${_styledcomponents.timePickerTokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);
113
+ ${_styledcomponents.timePickerTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
114
+ ${_styledcomponents.timePickerTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
107
115
 
108
116
  ${_styledcomponents.timePickerTokens.indicatorSize}: 0.5rem;
109
117
  ${_styledcomponents.timePickerTokens.indicatorSizeOuter}: 0.375rem;
@@ -189,6 +197,13 @@ const config = {
189
197
  ${_styledcomponents.timePickerTokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);
190
198
  ${_styledcomponents.timePickerTokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
191
199
  ${_styledcomponents.timePickerTokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);
200
+ ${_styledcomponents.timePickerTokens.titleCaptionMargin}: 0.1875rem;
201
+ ${_styledcomponents.timePickerTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
202
+ ${_styledcomponents.timePickerTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
203
+ ${_styledcomponents.timePickerTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
204
+ ${_styledcomponents.timePickerTokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);
205
+ ${_styledcomponents.timePickerTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
206
+ ${_styledcomponents.timePickerTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
192
207
 
193
208
  ${_styledcomponents.timePickerTokens.indicatorSize}: 0.375rem;
194
209
  ${_styledcomponents.timePickerTokens.indicatorSizeOuter}: 0.375rem;
@@ -330,6 +345,7 @@ const config = {
330
345
 
331
346
  ${_styledcomponents.timePickerTokens.labelColor}: var(--text-secondary);
332
347
  ${_styledcomponents.timePickerTokens.leftHelperColor}: var(--text-tertiary);
348
+ ${_styledcomponents.timePickerTokens.titleCaptionColor}: var(--text-secondary);
333
349
 
334
350
  ${_styledcomponents.timePickerTokens.textFieldColor}: var(--text-secondary);
335
351
  ${_styledcomponents.timePickerTokens.textFieldPlaceholderColor}: var(--text-tertiary);
@@ -348,6 +364,7 @@ const config = {
348
364
  ${_styledcomponents.timePickerTokens.backgroundReadOnly}: var(--surface-solid-secondary);
349
365
  ${_styledcomponents.timePickerTokens.labelColorReadOnly}: var(--text-primary);
350
366
  ${_styledcomponents.timePickerTokens.leftHelperColorReadOnly}: var(--text-secondary);
367
+ ${_styledcomponents.timePickerTokens.titleCaptionColorReadOnly}: var(--text-secondary);
351
368
 
352
369
  ${_styledcomponents.timePickerTokens.textFieldColorReadOnly}: var(--text-primary);
353
370
  ${_styledcomponents.timePickerTokens.textFieldBackgroundColorReadOnly}: var(--surface-solid-secondary);
package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -28,6 +28,7 @@ export const config = {
28
28
  ${tokens.textFieldTextAfterColor}: var(--text-tertiary);
29
29
  ${tokens.textFieldLabelColor}: var(--text-primary);
30
30
  ${tokens.textFieldLeftHelperColor}: var(--text-secondary);
31
+ ${tokens.textFieldTitleCaptionColor}: var(--text-secondary);
31
32
  ${tokens.textFieldFocusColor}: var(--text-accent);
32
33
 
33
34
  ${tokens.textFieldContentSlotColor}: var(--text-secondary);
@@ -75,6 +76,7 @@ export const config = {
75
76
  ${tokens.textFieldTextAfterColor}: var(--text-tertiary);
76
77
  ${tokens.textFieldLabelColor}: var(--text-primary);
77
78
  ${tokens.textFieldLeftHelperColor}: var(--text-positive);
79
+ ${tokens.textFieldTitleCaptionColor}: var(--text-secondary);
78
80
  ${tokens.textFieldFocusColor}: var(--text-accent);
79
81
 
80
82
  ${tokens.textFieldContentSlotColor}: var(--text-secondary);
@@ -122,6 +124,7 @@ export const config = {
122
124
  ${tokens.textFieldTextAfterColor}: var(--text-tertiary);
123
125
  ${tokens.textFieldLabelColor}: var(--text-primary);
124
126
  ${tokens.textFieldLeftHelperColor}: var(--text-warning);
127
+ ${tokens.textFieldTitleCaptionColor}: var(--text-secondary);
125
128
  ${tokens.textFieldFocusColor}: var(--text-accent);
126
129
 
127
130
  ${tokens.textFieldContentSlotColor}: var(--text-secondary);
@@ -169,6 +172,7 @@ export const config = {
169
172
  ${tokens.textFieldTextAfterColor}: var(--text-tertiary);
170
173
  ${tokens.textFieldLabelColor}: var(--text-primary);
171
174
  ${tokens.textFieldLeftHelperColor}: var(--text-negative);
175
+ ${tokens.textFieldTitleCaptionColor}: var(--text-secondary);
172
176
  ${tokens.textFieldFocusColor}: var(--text-accent);
173
177
 
174
178
  ${tokens.textFieldContentSlotColor}: var(--text-secondary);
@@ -228,6 +232,13 @@ export const config = {
228
232
  ${tokens.textFieldLabelFontWeight}: var(--plasma-typo-body-m-font-weight);
229
233
  ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
230
234
  ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-m-line-height);
235
+ ${tokens.textFieldTitleCaptionMargin}: 0.3125rem;
236
+ ${tokens.textFieldTitleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
237
+ ${tokens.textFieldTitleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
238
+ ${tokens.textFieldTitleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
239
+ ${tokens.textFieldTitleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);
240
+ ${tokens.textFieldTitleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
241
+ ${tokens.textFieldTitleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
231
242
 
232
243
  ${tokens.textFieldHintMargin}: -0.688rem -0.5rem;
233
244
  ${tokens.textFieldHintTargetSize}: 2.375rem;
@@ -304,6 +315,13 @@ export const config = {
304
315
  ${tokens.textFieldLabelFontWeight}: var(--plasma-typo-body-s-font-weight);
305
316
  ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
306
317
  ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-s-line-height);
318
+ ${tokens.textFieldTitleCaptionMargin}: 0.1875rem;
319
+ ${tokens.textFieldTitleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
320
+ ${tokens.textFieldTitleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
321
+ ${tokens.textFieldTitleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
322
+ ${tokens.textFieldTitleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);
323
+ ${tokens.textFieldTitleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
324
+ ${tokens.textFieldTitleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
307
325
 
308
326
  ${tokens.textFieldHintMargin}: -0.688rem -0.5rem;
309
327
  ${tokens.textFieldHintTargetSize}: 2.375rem;
@@ -429,6 +447,7 @@ export const config = {
429
447
  ${tokens.textFieldPlaceholderColor}: var(--text-tertiary);
430
448
  ${tokens.textFieldLabelColor}: var(--text-secondary);
431
449
  ${tokens.textFieldLeftHelperColor}: var(--text-tertiary);
450
+ ${tokens.textFieldTitleCaptionColor}: var(--text-secondary);
432
451
  ${tokens.textFieldContentSlotColor}: var(--text-tertiary);
433
452
  ${tokens.textFieldBackgroundColor}: var(--surface-solid-tertiary);
434
453
  ${tokens.textFieldBorderColor}: transparent;
@@ -441,6 +460,7 @@ export const config = {
441
460
  ${tokens.textFieldBackgroundColorReadOnly}: var(--surface-solid-secondary);
442
461
  ${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);
443
462
  ${tokens.textFieldLeftHelperColorReadOnly}: var(--text-secondary);
463
+ ${tokens.textFieldTitleCaptionColorReadOnly}: var(--text-secondary);
444
464
  ${tokens.textFieldLabelColorReadOnly}: var(--text-primary);
445
465
  ${tokens.textFieldDividerColorReadOnly}: var(--surface-solid-primary);
446
466
  ${tokens.textFieldContentSlotRightOpacityReadOnly}: 1;
package/dist/styled-components/es/components/DatePicker/DatePicker.config.js CHANGED
@@ -188,6 +188,7 @@ export const config = {
188
188
  ${tokens.clearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
189
189
 
190
190
  ${tokens.titleCaptionOffset}: 0.313rem;
191
+ ${tokens.titleCaptionMargin}: 0.3125rem;
191
192
  ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
192
193
  ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
193
194
  ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -359,6 +360,7 @@ export const config = {
359
360
  ${tokens.clearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
360
361
 
361
362
  ${tokens.titleCaptionOffset}: 0.188rem;
363
+ ${tokens.titleCaptionMargin}: 0.1875rem;
362
364
  ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
363
365
  ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
364
366
  ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/es/components/Range/Range.config.js CHANGED
@@ -129,6 +129,7 @@ export const config = {
129
129
  ${tokens.hintPlacementInnerMargin}: 0 0.313rem 0 -0.438rem;
130
130
 
131
131
  ${tokens.titleCaptionOffset}: 0.313rem;
132
+ ${tokens.titleCaptionMargin}: 0.3125rem;
132
133
  ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
133
134
  ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
134
135
  ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -207,6 +208,7 @@ export const config = {
207
208
  ${tokens.hintPlacementInnerMargin}: 0 0.063rem 0 -0.438rem;
208
209
 
209
210
  ${tokens.titleCaptionOffset}: 0.188rem;
211
+ ${tokens.titleCaptionMargin}: 0.1875rem;
210
212
  ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
211
213
  ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
212
214
  ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/es/components/Select/Select.config.js CHANGED
@@ -27,6 +27,7 @@ export const config = {
27
27
  ${tokens.textFieldTextAfterColor}: var(--text-tertiary);
28
28
  ${tokens.textFieldLabelColor}: var(--text-primary);
29
29
  ${tokens.textFieldLeftHelperColor}: var(--text-secondary);
30
+ ${tokens.textFieldTitleCaptionColor}: var(--text-secondary);
30
31
  ${tokens.textFieldFocusColor}: var(--text-accent);
31
32
 
32
33
  ${tokens.textFieldContentSlotColor}: var(--text-secondary);
@@ -81,6 +82,7 @@ export const config = {
81
82
  ${tokens.textFieldTextAfterColor}: var(--text-tertiary);
82
83
  ${tokens.textFieldLabelColor}: var(--text-primary);
83
84
  ${tokens.textFieldLeftHelperColor}: var(--text-positive);
85
+ ${tokens.textFieldTitleCaptionColor}: var(--text-secondary);
84
86
  ${tokens.textFieldFocusColor}: var(--text-accent);
85
87
 
86
88
  ${tokens.textFieldContentSlotColor}: var(--text-secondary);
@@ -135,6 +137,7 @@ export const config = {
135
137
  ${tokens.textFieldTextAfterColor}: var(--text-tertiary);
136
138
  ${tokens.textFieldLabelColor}: var(--text-primary);
137
139
  ${tokens.textFieldLeftHelperColor}: var(--text-warning);
140
+ ${tokens.textFieldTitleCaptionColor}: var(--text-secondary);
138
141
  ${tokens.textFieldFocusColor}: var(--text-accent);
139
142
 
140
143
  ${tokens.textFieldContentSlotColor}: var(--text-secondary);
@@ -189,6 +192,7 @@ export const config = {
189
192
  ${tokens.textFieldTextAfterColor}: var(--text-tertiary);
190
193
  ${tokens.textFieldLabelColor}: var(--text-primary);
191
194
  ${tokens.textFieldLeftHelperColor}: var(--text-negative);
195
+ ${tokens.textFieldTitleCaptionColor}: var(--text-secondary);
192
196
  ${tokens.textFieldFocusColor}: var(--text-accent);
193
197
 
194
198
  ${tokens.textFieldContentSlotColor}: var(--text-secondary);
@@ -259,6 +263,13 @@ export const config = {
259
263
  ${tokens.textFieldLabelFontWeight}: var(--plasma-typo-body-m-font-weight);
260
264
  ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
261
265
  ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-m-line-height);
266
+ ${tokens.textFieldTitleCaptionMargin}: 0.3125rem;
267
+ ${tokens.textFieldTitleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
268
+ ${tokens.textFieldTitleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
269
+ ${tokens.textFieldTitleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
270
+ ${tokens.textFieldTitleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);
271
+ ${tokens.textFieldTitleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
272
+ ${tokens.textFieldTitleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
262
273
 
263
274
  ${tokens.textFieldHintMargin}: -0.688rem -0.5rem;
264
275
  ${tokens.textFieldHintTargetSize}: 2.375rem;
@@ -385,6 +396,13 @@ export const config = {
385
396
  ${tokens.textFieldLabelFontWeight}: var(--plasma-typo-body-s-font-weight);
386
397
  ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
387
398
  ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-s-line-height);
399
+ ${tokens.textFieldTitleCaptionMargin}: 0.1875rem;
400
+ ${tokens.textFieldTitleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
401
+ ${tokens.textFieldTitleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
402
+ ${tokens.textFieldTitleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
403
+ ${tokens.textFieldTitleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);
404
+ ${tokens.textFieldTitleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
405
+ ${tokens.textFieldTitleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
388
406
 
389
407
  ${tokens.textFieldHintMargin}: -0.688rem -0.5rem;
390
408
  ${tokens.textFieldHintTargetSize}: 2.375rem;
@@ -606,7 +624,7 @@ export const config = {
606
624
  ${tokens.textFieldColor}: var(--text-secondary);
607
625
  ${tokens.textFieldPlaceholderColor}: var(--text-tertiary);
608
626
  ${tokens.textFieldLabelColor}: var(--text-secondary);
609
- ${tokens.textFieldTitleCaptionColor}: var(--text-tertiary);
627
+ ${tokens.textFieldTitleCaptionColor}: var(--text-secondary);
610
628
  ${tokens.textFieldLeftHelperColor}: var(--text-tertiary);
611
629
  ${tokens.textFieldContentSlotColor}: var(--text-tertiary);
612
630
  ${tokens.textFieldBackgroundColor}: var(--surface-solid-tertiary);
package/dist/styled-components/es/components/TextArea/TextArea.clear.config.js CHANGED
@@ -224,6 +224,7 @@ export const config = {
224
224
  ${tokens.hintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
225
225
 
226
226
  ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;
227
+ ${tokens.titleCaptionMargin}: 0.3125rem;
227
228
  ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
228
229
  ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
229
230
  ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -298,6 +299,7 @@ export const config = {
298
299
  ${tokens.hintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
299
300
 
300
301
  ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;
302
+ ${tokens.titleCaptionMargin}: 0.1875rem;
301
303
  ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
302
304
  ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
303
305
  ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/es/components/TextArea/TextArea.config.js CHANGED
@@ -261,6 +261,7 @@ export const config = {
261
261
  ${tokens.hintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
262
262
 
263
263
  ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;
264
+ ${tokens.titleCaptionMargin}: 0.3125rem;
264
265
  ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
265
266
  ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
266
267
  ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -334,6 +335,7 @@ export const config = {
334
335
  ${tokens.hintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
335
336
 
336
337
  ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;
338
+ ${tokens.titleCaptionMargin}: 0.1875rem;
337
339
  ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
338
340
  ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
339
341
  ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/es/components/TextField/TextField.config.js CHANGED
@@ -180,6 +180,7 @@ export const config = {
180
180
  ${tokens.clearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
181
181
 
182
182
  ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;
183
+ ${tokens.titleCaptionMargin}: 0.3125rem;
183
184
  ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
184
185
  ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
185
186
  ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -266,6 +267,7 @@ export const config = {
266
267
  ${tokens.clearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
267
268
 
268
269
  ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;
270
+ ${tokens.titleCaptionMargin}: 0.1875rem;
269
271
  ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
270
272
  ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
271
273
  ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/es/components/TimePicker/TimePicker.config.js CHANGED
@@ -69,6 +69,7 @@ export const config = {
69
69
  ${tokens.scrollbarTrackColor}: var(--surface-transparent-primary);
70
70
 
71
71
  ${tokens.leftHelperColor}: var(--text-secondary);
72
+ ${tokens.titleCaptionColor}: var(--text-secondary);
72
73
  ${tokens.leftHelperColorError}: var(--text-negative);
73
74
  ${tokens.leftHelperColorSuccess}: var(--text-positive);
74
75
 
@@ -94,6 +95,13 @@ export const config = {
94
95
  ${tokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);
95
96
  ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
96
97
  ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);
98
+ ${tokens.titleCaptionMargin}: 0.3125rem;
99
+ ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
100
+ ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
101
+ ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
102
+ ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);
103
+ ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
104
+ ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
97
105
 
98
106
  ${tokens.indicatorSize}: 0.5rem;
99
107
  ${tokens.indicatorSizeOuter}: 0.375rem;
@@ -179,6 +187,13 @@ export const config = {
179
187
  ${tokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);
180
188
  ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
181
189
  ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);
190
+ ${tokens.titleCaptionMargin}: 0.1875rem;
191
+ ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
192
+ ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
193
+ ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
194
+ ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);
195
+ ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
196
+ ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
182
197
 
183
198
  ${tokens.indicatorSize}: 0.375rem;
184
199
  ${tokens.indicatorSizeOuter}: 0.375rem;
@@ -320,6 +335,7 @@ export const config = {
320
335
 
321
336
  ${tokens.labelColor}: var(--text-secondary);
322
337
  ${tokens.leftHelperColor}: var(--text-tertiary);
338
+ ${tokens.titleCaptionColor}: var(--text-secondary);
323
339
 
324
340
  ${tokens.textFieldColor}: var(--text-secondary);
325
341
  ${tokens.textFieldPlaceholderColor}: var(--text-tertiary);
@@ -338,6 +354,7 @@ export const config = {
338
354
  ${tokens.backgroundReadOnly}: var(--surface-solid-secondary);
339
355
  ${tokens.labelColorReadOnly}: var(--text-primary);
340
356
  ${tokens.leftHelperColorReadOnly}: var(--text-secondary);
357
+ ${tokens.titleCaptionColorReadOnly}: var(--text-secondary);
341
358
 
342
359
  ${tokens.textFieldColorReadOnly}: var(--text-primary);
343
360
  ${tokens.textFieldBackgroundColorReadOnly}: var(--surface-solid-secondary);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-os",
3
- "version": "0.42.0-dev.0",
3
+ "version": "0.43.0-dev.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS OS web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "publishConfig": {
@@ -37,11 +37,11 @@
37
37
  "peerDependencies": {
38
38
  "react": ">=16.13.1",
39
39
  "react-dom": ">=16.13.1",
40
- "styled-components": "^5.3.1"
40
+ "styled-components": "^5.3.11"
41
41
  },
42
42
  "dependencies": {
43
43
  "@salutejs-ds/sdds_os": "0.1.2",
44
- "@salutejs/plasma-new-hope": "0.384.0-dev.0"
44
+ "@salutejs/plasma-new-hope": "0.385.0-dev.0"
45
45
  },
46
46
  "devDependencies": {
47
47
  "@babel/cli": "7.24.1",
@@ -60,10 +60,10 @@
60
60
  "@rollup/plugin-commonjs": "^25.0.4",
61
61
  "@rollup/plugin-node-resolve": "^15.1.0",
62
62
  "@salutejs/plasma-colors": "0.26.0-dev.0",
63
- "@salutejs/plasma-core": "1.246.0-dev.0",
64
- "@salutejs/plasma-cy-utils": "0.176.0-dev.0",
65
- "@salutejs/plasma-icons": "1.253.0-dev.0",
66
- "@salutejs/plasma-sb-utils": "0.247.0-dev.0",
63
+ "@salutejs/plasma-core": "1.247.0-dev.0",
64
+ "@salutejs/plasma-cy-utils": "0.177.0-dev.0",
65
+ "@salutejs/plasma-icons": "1.254.0-dev.0",
66
+ "@salutejs/plasma-sb-utils": "0.248.0-dev.0",
67
67
  "@types/node": "16.7.13",
68
68
  "@types/react": "18.0.28",
69
69
  "@types/react-dom": "18.0.11",
@@ -74,7 +74,7 @@
74
74
  "default-browser-id": "2.0.0",
75
75
  "react": "18.2.0",
76
76
  "react-dom": "18.2.0",
77
- "styled-components": "5.3.1",
77
+ "styled-components": "5.3.11",
78
78
  "typescript-coverage-report": "0.7.0"
79
79
  },
80
80
  "scripts": {
@@ -108,5 +108,5 @@
108
108
  "sideEffects": [
109
109
  "*.css"
110
110
  ],
111
- "gitHead": "573a5eebb5c872332089cd4fd4b3738a975c1f6d"
111
+ "gitHead": "192f858f2e44fc11fc92b19949cbe9b40eb12210"
112
112
  }