@salutejs/plasma-web 1.632.0-next-sbcom.0 → 1.632.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 (116) hide show
  1. package/dist/css/cjs/components/Autocomplete/Autocomplete.config.js +1 -1
  2. package/dist/css/cjs/components/Autocomplete/Autocomplete.config.js.map +1 -1
  3. package/dist/css/cjs/components/Autocomplete/{Autocomplete.config_1xpx46s.css → Autocomplete.config_1cj8j7d.css} +4 -4
  4. package/dist/css/cjs/components/Autocomplete/Autocomplete.css +14 -14
  5. package/dist/css/cjs/components/Calendar/Calendar.config.js +1 -1
  6. package/dist/css/cjs/components/Calendar/Calendar.config.js.map +1 -1
  7. package/dist/css/{es/components/Calendar/Calendar.config_1fespt0.css → cjs/components/Calendar/Calendar.config_5ekpxe.css} +5 -5
  8. package/dist/css/cjs/components/Calendar/Calendar.css +16 -16
  9. package/dist/css/cjs/components/Calendar/CalendarDouble.config.js +1 -1
  10. package/dist/css/cjs/components/Calendar/CalendarDouble.config.js.map +1 -1
  11. package/dist/css/{es/components/Calendar/CalendarDouble.config_1du2wpx.css → cjs/components/Calendar/CalendarDouble.config_udv863.css} +5 -5
  12. package/dist/css/cjs/components/Combobox/Combobox.config.js +1 -1
  13. package/dist/css/cjs/components/Combobox/Combobox.config.js.map +1 -1
  14. package/dist/css/{es/components/Combobox/Combobox.config_1x1ehb2.css → cjs/components/Combobox/Combobox.config_xu4ehc.css} +4 -4
  15. package/dist/css/cjs/components/Combobox/Combobox.css +17 -17
  16. package/dist/css/cjs/components/DatePicker/DatePicker.config.js +1 -1
  17. package/dist/css/cjs/components/DatePicker/DatePicker.config.js.map +1 -1
  18. package/dist/css/cjs/components/DatePicker/{DatePicker.config_18dsqxh.css → DatePicker.config_l7m0ru.css} +5 -5
  19. package/dist/css/cjs/components/DatePicker/DatePicker.css +13 -13
  20. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.config.js +1 -1
  21. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.config.js.map +1 -1
  22. package/dist/css/{es/components/DateTimePicker/DateTimePicker.config_11ix0am.css → cjs/components/DateTimePicker/DateTimePicker.config_1l8z3cv.css} +5 -5
  23. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.css +13 -13
  24. package/dist/css/cjs/components/Mask/Mask.css +42 -42
  25. package/dist/css/cjs/components/Notification/Notification.config.js +1 -1
  26. package/dist/css/cjs/components/Notification/Notification.config.js.map +1 -1
  27. package/dist/css/cjs/components/Notification/Notification.config_13rewqg.css +10 -0
  28. package/dist/css/cjs/components/Notification/Notification.css +10 -10
  29. package/dist/css/cjs/components/Select/Select.config.js +1 -1
  30. package/dist/css/cjs/components/Select/Select.config.js.map +1 -1
  31. package/dist/css/cjs/components/Select/{Select.config_924q25.css → Select.config_11p7bi0.css} +4 -4
  32. package/dist/css/cjs/components/Select/Select.css +23 -23
  33. package/dist/css/cjs/components/TextField/TextField.clear.config.js +1 -1
  34. package/dist/css/cjs/components/TextField/TextField.clear.config.js.map +1 -1
  35. package/dist/css/{es/components/TextField/TextField.clear.config_1rp41vj.css → cjs/components/TextField/TextField.clear.config_1g82q62.css} +5 -5
  36. package/dist/css/cjs/components/TextField/TextField.config.js +1 -1
  37. package/dist/css/cjs/components/TextField/TextField.config.js.map +1 -1
  38. package/dist/css/{es/components/TextField/TextField.config_r82nhl.css → cjs/components/TextField/TextField.config_gm1kei.css} +5 -5
  39. package/dist/css/cjs/components/TextFieldGroup/TextFieldGroup.config.js +1 -1
  40. package/dist/css/cjs/components/TextFieldGroup/TextFieldGroup.config.js.map +1 -1
  41. package/dist/css/cjs/components/TextFieldGroup/{TextFieldGroup.config_5ro0j0.css → TextFieldGroup.config_1u4pzwr.css} +4 -4
  42. package/dist/css/cjs/components/TextFieldGroup/TextFieldGroup.css +9 -9
  43. package/dist/css/cjs/index.css +164 -164
  44. package/dist/css/es/components/Autocomplete/Autocomplete.config.js +1 -1
  45. package/dist/css/es/components/Autocomplete/Autocomplete.config.js.map +1 -1
  46. package/dist/css/es/components/Autocomplete/{Autocomplete.config_1xpx46s.css → Autocomplete.config_1cj8j7d.css} +4 -4
  47. package/dist/css/es/components/Autocomplete/Autocomplete.css +14 -14
  48. package/dist/css/es/components/Calendar/Calendar.config.js +1 -1
  49. package/dist/css/es/components/Calendar/Calendar.config.js.map +1 -1
  50. package/dist/css/{cjs/components/Calendar/Calendar.config_1fespt0.css → es/components/Calendar/Calendar.config_5ekpxe.css} +5 -5
  51. package/dist/css/es/components/Calendar/Calendar.css +16 -16
  52. package/dist/css/es/components/Calendar/CalendarDouble.config.js +1 -1
  53. package/dist/css/es/components/Calendar/CalendarDouble.config.js.map +1 -1
  54. package/dist/css/{cjs/components/Calendar/CalendarDouble.config_1du2wpx.css → es/components/Calendar/CalendarDouble.config_udv863.css} +5 -5
  55. package/dist/css/es/components/Combobox/Combobox.config.js +1 -1
  56. package/dist/css/es/components/Combobox/Combobox.config.js.map +1 -1
  57. package/dist/css/{cjs/components/Combobox/Combobox.config_1x1ehb2.css → es/components/Combobox/Combobox.config_xu4ehc.css} +4 -4
  58. package/dist/css/es/components/Combobox/Combobox.css +17 -17
  59. package/dist/css/es/components/DatePicker/DatePicker.config.js +1 -1
  60. package/dist/css/es/components/DatePicker/DatePicker.config.js.map +1 -1
  61. package/dist/css/es/components/DatePicker/{DatePicker.config_18dsqxh.css → DatePicker.config_l7m0ru.css} +5 -5
  62. package/dist/css/es/components/DatePicker/DatePicker.css +13 -13
  63. package/dist/css/es/components/DateTimePicker/DateTimePicker.config.js +1 -1
  64. package/dist/css/es/components/DateTimePicker/DateTimePicker.config.js.map +1 -1
  65. package/dist/css/{cjs/components/DateTimePicker/DateTimePicker.config_11ix0am.css → es/components/DateTimePicker/DateTimePicker.config_1l8z3cv.css} +5 -5
  66. package/dist/css/es/components/DateTimePicker/DateTimePicker.css +13 -13
  67. package/dist/css/es/components/Mask/Mask.css +42 -42
  68. package/dist/css/es/components/Notification/Notification.config.js +1 -1
  69. package/dist/css/es/components/Notification/Notification.config.js.map +1 -1
  70. package/dist/css/es/components/Notification/Notification.config_13rewqg.css +10 -0
  71. package/dist/css/es/components/Notification/Notification.css +10 -10
  72. package/dist/css/es/components/Select/Select.config.js +1 -1
  73. package/dist/css/es/components/Select/Select.config.js.map +1 -1
  74. package/dist/css/es/components/Select/{Select.config_924q25.css → Select.config_11p7bi0.css} +4 -4
  75. package/dist/css/es/components/Select/Select.css +23 -23
  76. package/dist/css/es/components/TextField/TextField.clear.config.js +1 -1
  77. package/dist/css/es/components/TextField/TextField.clear.config.js.map +1 -1
  78. package/dist/css/{cjs/components/TextField/TextField.clear.config_1rp41vj.css → es/components/TextField/TextField.clear.config_1g82q62.css} +5 -5
  79. package/dist/css/es/components/TextField/TextField.config.js +1 -1
  80. package/dist/css/es/components/TextField/TextField.config.js.map +1 -1
  81. package/dist/css/{cjs/components/TextField/TextField.config_r82nhl.css → es/components/TextField/TextField.config_gm1kei.css} +5 -5
  82. package/dist/css/es/components/TextFieldGroup/TextFieldGroup.config.js +1 -1
  83. package/dist/css/es/components/TextFieldGroup/TextFieldGroup.config.js.map +1 -1
  84. package/dist/css/es/components/TextFieldGroup/{TextFieldGroup.config_5ro0j0.css → TextFieldGroup.config_1u4pzwr.css} +4 -4
  85. package/dist/css/es/components/TextFieldGroup/TextFieldGroup.css +9 -9
  86. package/dist/css/es/index.css +164 -164
  87. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +4 -4
  88. package/dist/styled-components/cjs/components/Calendar/Calendar.config.js +0 -5
  89. package/dist/styled-components/cjs/components/Calendar/CalendarDouble.config.js +0 -5
  90. package/dist/styled-components/cjs/components/Combobox/Combobox.config.js +4 -4
  91. package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +0 -5
  92. package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js +0 -5
  93. package/dist/styled-components/cjs/components/Notification/Notification.config.js +42 -195
  94. package/dist/styled-components/cjs/components/Select/Select.config.js +4 -4
  95. package/dist/styled-components/cjs/components/TextField/TextField.clear.config.js +5 -5
  96. package/dist/styled-components/cjs/components/TextField/TextField.config.js +5 -5
  97. package/dist/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.config.js +4 -4
  98. package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +4 -4
  99. package/dist/styled-components/es/components/Calendar/Calendar.config.js +0 -5
  100. package/dist/styled-components/es/components/Calendar/CalendarDouble.config.js +0 -5
  101. package/dist/styled-components/es/components/Combobox/Combobox.config.js +4 -4
  102. package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +0 -5
  103. package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.config.js +0 -5
  104. package/dist/styled-components/es/components/Notification/Notification.config.js +42 -195
  105. package/dist/styled-components/es/components/Select/Select.config.js +4 -4
  106. package/dist/styled-components/es/components/TextField/TextField.clear.config.js +5 -5
  107. package/dist/styled-components/es/components/TextField/TextField.config.js +5 -5
  108. package/dist/styled-components/es/components/TextFieldGroup/TextFieldGroup.config.js +4 -4
  109. package/package.json +14 -14
  110. package/types/components/Avatar/Avatar.d.ts +4 -4
  111. package/types/components/CodeField/CodeField.d.ts +2 -1
  112. package/types/components/DatePicker/DatePicker.d.ts +4 -0
  113. package/types/components/NumberInput/NumberInput.d.ts +20 -2
  114. package/types/components/Range/Range.d.ts +72 -0
  115. package/dist/css/cjs/components/Notification/Notification.config_jd5yz5.css +0 -10
  116. package/dist/css/es/components/Notification/Notification.config_jd5yz5.css +0 -10
package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -240,7 +240,7 @@ const config = {
240
240
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
241
241
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
242
242
 
243
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
243
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
244
244
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
245
245
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
246
246
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -316,7 +316,7 @@ const config = {
316
316
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
317
317
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
318
318
 
319
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
319
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
320
320
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
321
321
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
322
322
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -392,7 +392,7 @@ const config = {
392
392
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
393
393
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
394
394
 
395
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
395
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
396
396
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
397
397
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
398
398
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -468,7 +468,7 @@ const config = {
468
468
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
469
469
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
470
470
 
471
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
471
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
472
472
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
473
473
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
474
474
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/cjs/components/Calendar/Calendar.config.js CHANGED
@@ -105,7 +105,6 @@ const config = {
105
105
 
106
106
  ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
107
107
  ${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
108
- ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
109
108
 
110
109
  ${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;
111
110
  ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -175,7 +174,6 @@ const config = {
175
174
 
176
175
  ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
177
176
  ${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
178
- ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
179
177
 
180
178
  ${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;
181
179
  ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -245,7 +243,6 @@ const config = {
245
243
 
246
244
  ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
247
245
  ${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
248
- ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
249
246
 
250
247
  ${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
251
248
  ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -315,7 +312,6 @@ const config = {
315
312
 
316
313
  ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
317
314
  ${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
318
- ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
319
315
 
320
316
  ${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
321
317
  ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -385,7 +381,6 @@ const config = {
385
381
 
386
382
  ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
387
383
  ${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1rem;
388
- ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1rem;
389
384
 
390
385
  ${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
391
386
  ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
package/dist/styled-components/cjs/components/Calendar/CalendarDouble.config.js CHANGED
@@ -106,7 +106,6 @@ const config = {
106
106
 
107
107
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
108
108
  ${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
109
- ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
110
109
 
111
110
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem;
112
111
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -176,7 +175,6 @@ const config = {
176
175
 
177
176
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
178
177
  ${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
179
- ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
180
178
 
181
179
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem;
182
180
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -246,7 +244,6 @@ const config = {
246
244
 
247
245
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
248
246
  ${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
249
- ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
250
247
 
251
248
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
252
249
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -316,7 +313,6 @@ const config = {
316
313
 
317
314
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
318
315
  ${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
319
- ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
320
316
 
321
317
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
322
318
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -386,7 +382,6 @@ const config = {
386
382
 
387
383
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
388
384
  ${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1rem;
389
- ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1rem;
390
385
 
391
386
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
392
387
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
package/dist/styled-components/cjs/components/Combobox/Combobox.config.js CHANGED
@@ -286,7 +286,7 @@ const config = {
286
286
  ${_styledcomponents.comboboxTokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
287
287
  ${_styledcomponents.comboboxTokens.textFieldLabelLineHeight}: var(--plasma-typo-body-l-line-height);
288
288
 
289
- ${_styledcomponents.comboboxTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
289
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
290
290
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
291
291
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
292
292
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -408,7 +408,7 @@ const config = {
408
408
  ${_styledcomponents.comboboxTokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
409
409
  ${_styledcomponents.comboboxTokens.textFieldLabelLineHeight}: var(--plasma-typo-body-m-line-height);
410
410
 
411
- ${_styledcomponents.comboboxTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
411
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
412
412
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
413
413
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
414
414
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -530,7 +530,7 @@ const config = {
530
530
  ${_styledcomponents.comboboxTokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
531
531
  ${_styledcomponents.comboboxTokens.textFieldLabelLineHeight}: var(--plasma-typo-body-s-line-height);
532
532
 
533
- ${_styledcomponents.comboboxTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
533
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
534
534
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
535
535
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
536
536
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -652,7 +652,7 @@ const config = {
652
652
  ${_styledcomponents.comboboxTokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
653
653
  ${_styledcomponents.comboboxTokens.textFieldLabelLineHeight}: var(--plasma-typo-body-xs-line-height);
654
654
 
655
- ${_styledcomponents.comboboxTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
655
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
656
656
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
657
657
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
658
658
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js CHANGED
@@ -269,7 +269,6 @@ const config = {
269
269
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
270
270
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0.5rem;
271
271
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
272
- ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
273
272
 
274
273
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
275
274
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.5rem;
@@ -442,7 +441,6 @@ const config = {
442
441
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
443
442
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0.5rem;
444
443
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
445
- ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
446
444
 
447
445
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
448
446
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.5rem;
@@ -615,7 +613,6 @@ const config = {
615
613
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
616
614
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
617
615
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
618
- ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
619
616
 
620
617
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
621
618
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -788,7 +785,6 @@ const config = {
788
785
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
789
786
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
790
787
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
791
- ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
792
788
 
793
789
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
794
790
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -961,7 +957,6 @@ const config = {
961
957
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
962
958
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
963
959
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1rem;
964
- ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1rem;
965
960
 
966
961
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
967
962
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js CHANGED
@@ -237,7 +237,6 @@ const config = {
237
237
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
238
238
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
239
239
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
240
- ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
241
240
 
242
241
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
243
242
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -406,7 +405,6 @@ const config = {
406
405
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
407
406
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0.5rem;
408
407
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
409
- ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
410
408
 
411
409
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
412
410
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.5rem;
@@ -575,7 +573,6 @@ const config = {
575
573
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
576
574
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
577
575
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
578
- ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
579
576
 
580
577
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
581
578
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -744,7 +741,6 @@ const config = {
744
741
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
745
742
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
746
743
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
747
- ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
748
744
 
749
745
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
750
746
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -913,7 +909,6 @@ const config = {
913
909
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
914
910
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
915
911
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1rem;
916
- ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1rem;
917
912
 
918
913
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
919
914
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
package/dist/styled-components/cjs/components/Notification/Notification.config.js CHANGED
@@ -21,175 +21,66 @@ const config = {
21
21
  ${_styledcomponents.notificationTokens.contentLeftIconColor}: var(--text-primary);
22
22
  ${_styledcomponents.notificationTokens.contentColor}: var(--text-secondary);
23
23
  ${_styledcomponents.notificationTokens.background}: var(--surface-solid-card-brightness);
24
- ${_styledcomponents.notificationTokens.borderRadius}: 0.75rem;
25
- ${_styledcomponents.notificationTokens.padding}: 0.375rem;
26
-
27
- ${_styledcomponents.notificationTokens.contentPaddingTop}: 0.125rem;
28
- ${_styledcomponents.notificationTokens.contentPaddingRight}: 0.25rem;
29
- ${_styledcomponents.notificationTokens.contentPaddingBottom}: 0rem;
30
- ${_styledcomponents.notificationTokens.contentPaddingLeft}: 0.25rem;
31
-
32
- ${_styledcomponents.notificationTokens.contentPaddingTopWithoutIcon}: 0.25rem;
33
- ${_styledcomponents.notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon}: 1rem;
34
-
35
- ${_styledcomponents.notificationTokens.textboxPaddingTop}: 0.1875rem;
36
- ${_styledcomponents.notificationTokens.textboxPaddingRight}: 0.125rem;
37
- ${_styledcomponents.notificationTokens.textboxPaddingBottom}: 0.375rem;
38
- ${_styledcomponents.notificationTokens.textboxPaddingLeft}: 0.125rem;
39
-
40
- ${_styledcomponents.notificationTokens.textboxPaddingRightWithCloseIcon}: 1.625rem;
41
- ${_styledcomponents.notificationTokens.textboxGap}: 0.25rem;
42
-
43
- ${_styledcomponents.notificationTokens.closeIconTop}: 0.5rem;
44
- ${_styledcomponents.notificationTokens.closeIconRight}: 0.5rem;
45
-
46
- ${_styledcomponents.notificationTokens.buttonsMarginTop}: 0.375rem;
47
-
48
- ${_styledcomponents.notificationTokens.contentLeftIconSize}: 1.5rem;
49
- ${_styledcomponents.notificationTokens.contentLeftIconMargin}: 0.375rem;
50
- ${_styledcomponents.notificationTokens.contentTopIconMargin}: 0.5rem;
51
-
52
- ${_styledcomponents.notificationTokens.contentFontFamily}: var(--plasma-typo-body-s-font-family);
53
- ${_styledcomponents.notificationTokens.contentFontSize}: var(--plasma-typo-body-s-font-size);
54
- ${_styledcomponents.notificationTokens.contentFontStyle}: var(--plasma-typo-body-s-font-style);
55
- ${_styledcomponents.notificationTokens.contentFontWeight}: var(--plasma-typo-body-s-font-weight);
56
- ${_styledcomponents.notificationTokens.contentFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
57
- ${_styledcomponents.notificationTokens.contentFontLineHeight}: var(--plasma-typo-body-s-line-height);
58
-
59
- ${_styledcomponents.notificationTokens.titleFontFamily}: var(--plasma-typo-body-s-font-family);
60
- ${_styledcomponents.notificationTokens.titleFontSize}: var(--plasma-typo-body-s-font-size);
61
- ${_styledcomponents.notificationTokens.titleFontStyle}: var(--plasma-typo-body-s-font-style);
62
- ${_styledcomponents.notificationTokens.titleFontWeight}: var(--plasma-typo-body-s-bold-font-weight);
63
- ${_styledcomponents.notificationTokens.titleFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
64
- ${_styledcomponents.notificationTokens.titleFontLineHeight}: var(--plasma-typo-body-s-line-height);
65
24
 
66
25
  ${_styledcomponents.notificationTokens.closeIconColor}: var(--text-tertiary);
67
26
  ${_styledcomponents.notificationTokens.closeIconColorOnHover}: var(--text-primary);
68
-
69
- ${_styledcomponents.notificationTokens.horizontalLayoutGap}: 0.375rem;
70
- ${_styledcomponents.notificationTokens.horizontalLayoutLeftIconMargin}: 0.75rem;
71
- ${_styledcomponents.notificationTokens.paddingOneLineTextbox}: 0.8125rem 0.5rem 0.8125rem 0.875rem;
72
27
  `,
73
28
  negative: (0, _styledcomponents.css)`
74
29
  ${_styledcomponents.notificationTokens.titleColor}: var(--text-negative);
75
30
  ${_styledcomponents.notificationTokens.contentLeftIconColor}: var(--text-negative);
76
31
  ${_styledcomponents.notificationTokens.contentColor}: var(--text-secondary);
77
32
  ${_styledcomponents.notificationTokens.background}: var(--surface-transparent-card);
78
- ${_styledcomponents.notificationTokens.borderRadius}: 0.75rem;
79
- ${_styledcomponents.notificationTokens.padding}: 0.375rem;
80
-
81
- ${_styledcomponents.notificationTokens.contentPaddingTop}: 0.125rem;
82
- ${_styledcomponents.notificationTokens.contentPaddingRight}: 0.25rem;
83
- ${_styledcomponents.notificationTokens.contentPaddingBottom}: 0rem;
84
- ${_styledcomponents.notificationTokens.contentPaddingLeft}: 0.25rem;
85
-
86
- ${_styledcomponents.notificationTokens.contentPaddingTopWithoutIcon}: 0.25rem;
87
- ${_styledcomponents.notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon}: 1rem;
88
-
89
- ${_styledcomponents.notificationTokens.textboxPaddingTop}: 0.1875rem;
90
- ${_styledcomponents.notificationTokens.textboxPaddingRight}: 0.125rem;
91
- ${_styledcomponents.notificationTokens.textboxPaddingBottom}: 0.375rem;
92
- ${_styledcomponents.notificationTokens.textboxPaddingLeft}: 0.125rem;
93
-
94
- ${_styledcomponents.notificationTokens.textboxPaddingRightWithCloseIcon}: 1.625rem;
95
- ${_styledcomponents.notificationTokens.textboxGap}: 0.25rem;
96
-
97
- ${_styledcomponents.notificationTokens.closeIconTop}: 0.5rem;
98
- ${_styledcomponents.notificationTokens.closeIconRight}: 0.5rem;
99
-
100
- ${_styledcomponents.notificationTokens.buttonsMarginTop}: 0.375rem;
101
-
102
- ${_styledcomponents.notificationTokens.contentLeftIconSize}: 1.5rem;
103
- ${_styledcomponents.notificationTokens.contentLeftIconMargin}: 0.375rem;
104
- ${_styledcomponents.notificationTokens.contentTopIconMargin}: 0.5rem;
105
-
106
- ${_styledcomponents.notificationTokens.contentFontFamily}: var(--plasma-typo-body-s-font-family);
107
- ${_styledcomponents.notificationTokens.contentFontSize}: var(--plasma-typo-body-s-font-size);
108
- ${_styledcomponents.notificationTokens.contentFontStyle}: var(--plasma-typo-body-s-font-style);
109
- ${_styledcomponents.notificationTokens.contentFontWeight}: var(--plasma-typo-body-s-font-weight);
110
- ${_styledcomponents.notificationTokens.contentFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
111
- ${_styledcomponents.notificationTokens.contentFontLineHeight}: var(--plasma-typo-body-s-line-height);
112
-
113
- ${_styledcomponents.notificationTokens.titleFontFamily}: var(--plasma-typo-body-s-font-family);
114
- ${_styledcomponents.notificationTokens.titleFontSize}: var(--plasma-typo-body-s-font-size);
115
- ${_styledcomponents.notificationTokens.titleFontStyle}: var(--plasma-typo-body-s-font-style);
116
- ${_styledcomponents.notificationTokens.titleFontWeight}: var(--plasma-typo-body-s-bold-font-weight);
117
- ${_styledcomponents.notificationTokens.titleFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
118
- ${_styledcomponents.notificationTokens.titleFontLineHeight}: var(--plasma-typo-body-s-line-height);
119
33
 
120
34
  ${_styledcomponents.notificationTokens.closeIconColor}: var(--text-tertiary);
121
35
  ${_styledcomponents.notificationTokens.closeIconColorOnHover}: var(--text-primary);
122
-
123
- ${_styledcomponents.notificationTokens.horizontalLayoutGap}: 0.375rem;
124
- ${_styledcomponents.notificationTokens.horizontalLayoutLeftIconMargin}: 0.75rem;
125
- ${_styledcomponents.notificationTokens.paddingOneLineTextbox}: 0.8125rem 0.5rem 0.8125rem 0.875rem;
126
36
  `,
127
37
  positive: (0, _styledcomponents.css)`
128
38
  ${_styledcomponents.notificationTokens.titleColor}: var(--text-positive);
129
39
  ${_styledcomponents.notificationTokens.contentLeftIconColor}: var(--text-positive);
130
40
  ${_styledcomponents.notificationTokens.contentColor}: var(--text-secondary);
131
41
  ${_styledcomponents.notificationTokens.background}: var(--surface-transparent-card);
132
- ${_styledcomponents.notificationTokens.borderRadius}: 0.75rem;
133
- ${_styledcomponents.notificationTokens.padding}: 0.375rem;
134
-
135
- ${_styledcomponents.notificationTokens.contentPaddingTop}: 0.125rem;
136
- ${_styledcomponents.notificationTokens.contentPaddingRight}: 0.25rem;
137
- ${_styledcomponents.notificationTokens.contentPaddingBottom}: 0rem;
138
- ${_styledcomponents.notificationTokens.contentPaddingLeft}: 0.25rem;
139
-
140
- ${_styledcomponents.notificationTokens.contentPaddingTopWithoutIcon}: 0.25rem;
141
- ${_styledcomponents.notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon}: 1rem;
142
-
143
- ${_styledcomponents.notificationTokens.textboxPaddingTop}: 0.1875rem;
144
- ${_styledcomponents.notificationTokens.textboxPaddingRight}: 0.125rem;
145
- ${_styledcomponents.notificationTokens.textboxPaddingBottom}: 0.375rem;
146
- ${_styledcomponents.notificationTokens.textboxPaddingLeft}: 0.125rem;
147
-
148
- ${_styledcomponents.notificationTokens.textboxPaddingRightWithCloseIcon}: 1.625rem;
149
- ${_styledcomponents.notificationTokens.textboxGap}: 0.25rem;
150
-
151
- ${_styledcomponents.notificationTokens.closeIconTop}: 0.5rem;
152
- ${_styledcomponents.notificationTokens.closeIconRight}: 0.5rem;
153
-
154
- ${_styledcomponents.notificationTokens.buttonsMarginTop}: 0.375rem;
155
-
156
- ${_styledcomponents.notificationTokens.contentLeftIconSize}: 1.5rem;
157
- ${_styledcomponents.notificationTokens.contentLeftIconMargin}: 0.375rem;
158
- ${_styledcomponents.notificationTokens.contentTopIconMargin}: 0.5rem;
159
-
160
- ${_styledcomponents.notificationTokens.contentFontFamily}: var(--plasma-typo-body-s-font-family);
161
- ${_styledcomponents.notificationTokens.contentFontSize}: var(--plasma-typo-body-s-font-size);
162
- ${_styledcomponents.notificationTokens.contentFontStyle}: var(--plasma-typo-body-s-font-style);
163
- ${_styledcomponents.notificationTokens.contentFontWeight}: var(--plasma-typo-body-s-font-weight);
164
- ${_styledcomponents.notificationTokens.contentFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
165
- ${_styledcomponents.notificationTokens.contentFontLineHeight}: var(--plasma-typo-body-s-line-height);
166
-
167
- ${_styledcomponents.notificationTokens.titleFontFamily}: var(--plasma-typo-body-s-font-family);
168
- ${_styledcomponents.notificationTokens.titleFontSize}: var(--plasma-typo-body-s-font-size);
169
- ${_styledcomponents.notificationTokens.titleFontStyle}: var(--plasma-typo-body-s-font-style);
170
- ${_styledcomponents.notificationTokens.titleFontWeight}: var(--plasma-typo-body-s-bold-font-weight);
171
- ${_styledcomponents.notificationTokens.titleFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
172
- ${_styledcomponents.notificationTokens.titleFontLineHeight}: var(--plasma-typo-body-s-line-height);
173
42
 
174
43
  ${_styledcomponents.notificationTokens.closeIconColor}: var(--text-tertiary);
175
44
  ${_styledcomponents.notificationTokens.closeIconColorOnHover}: var(--text-primary);
176
-
177
- ${_styledcomponents.notificationTokens.horizontalLayoutGap}: 0.375rem;
178
- ${_styledcomponents.notificationTokens.horizontalLayoutLeftIconMargin}: 0.75rem;
179
- ${_styledcomponents.notificationTokens.paddingOneLineTextbox}: 0.8125rem 0.5rem 0.8125rem 0.875rem;
180
45
  `,
181
46
  warning: (0, _styledcomponents.css)`
182
47
  ${_styledcomponents.notificationTokens.titleColor}: var(--text-warning);
183
48
  ${_styledcomponents.notificationTokens.contentLeftIconColor}: var(--text-warning);
184
49
  ${_styledcomponents.notificationTokens.contentColor}: var(--text-secondary);
185
50
  ${_styledcomponents.notificationTokens.background}: var(--surface-transparent-card);
186
- ${_styledcomponents.notificationTokens.borderRadius}: 0.75rem;
187
- ${_styledcomponents.notificationTokens.padding}: 0.375rem;
188
51
 
189
- ${_styledcomponents.notificationTokens.contentPaddingTop}: 0.125rem;
190
- ${_styledcomponents.notificationTokens.contentPaddingRight}: 0.25rem;
191
- ${_styledcomponents.notificationTokens.contentPaddingBottom}: 0rem;
192
- ${_styledcomponents.notificationTokens.contentPaddingLeft}: 0.25rem;
52
+ ${_styledcomponents.notificationTokens.closeIconColor}: var(--text-tertiary);
53
+ ${_styledcomponents.notificationTokens.closeIconColorOnHover}: var(--text-primary);
54
+ `,
55
+ info: (0, _styledcomponents.css)`
56
+ ${_styledcomponents.notificationTokens.titleColor}: var(--text-info);
57
+ ${_styledcomponents.notificationTokens.contentLeftIconColor}: var(--text-info);
58
+ ${_styledcomponents.notificationTokens.contentColor}: var(--text-secondary);
59
+ ${_styledcomponents.notificationTokens.background}: var(--surface-transparent-card);
60
+
61
+ ${_styledcomponents.notificationTokens.closeIconColor}: var(--text-tertiary);
62
+ ${_styledcomponents.notificationTokens.closeIconColorOnHover}: var(--text-primary);
63
+ `
64
+ },
65
+ layout: {
66
+ horizontal: (0, _styledcomponents.css)`
67
+ ${_styledcomponents.notificationTokens.width}: 25rem;
68
+ ${_styledcomponents.notificationTokens.horizontalLayoutPadding}: 1rem 0.5rem 1rem 0.875rem;
69
+ `,
70
+ vertical: (0, _styledcomponents.css)`
71
+ ${_styledcomponents.notificationTokens.width}: 15rem;
72
+ ${_styledcomponents.notificationTokens.padding}: 0.375rem;
73
+ `
74
+ },
75
+ closeIconType: {
76
+ default: (0, _styledcomponents.css)`
77
+ ${_styledcomponents.notificationTokens.closeIconButtonSize}: 1.5rem;
78
+ ${_styledcomponents.notificationTokens.closeIconSize}: 1.5rem;
79
+ `
80
+ },
81
+ size: {
82
+ xs: (0, _styledcomponents.css)`
83
+ ${_styledcomponents.notificationTokens.borderRadius}: 0.75rem;
193
84
 
194
85
  ${_styledcomponents.notificationTokens.contentPaddingTopWithoutIcon}: 0.25rem;
195
86
  ${_styledcomponents.notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon}: 1rem;
@@ -198,13 +89,9 @@ const config = {
198
89
  ${_styledcomponents.notificationTokens.textboxPaddingRight}: 0.125rem;
199
90
  ${_styledcomponents.notificationTokens.textboxPaddingBottom}: 0.375rem;
200
91
  ${_styledcomponents.notificationTokens.textboxPaddingLeft}: 0.125rem;
201
-
202
92
  ${_styledcomponents.notificationTokens.textboxPaddingRightWithCloseIcon}: 1.625rem;
203
93
  ${_styledcomponents.notificationTokens.textboxGap}: 0.25rem;
204
94
 
205
- ${_styledcomponents.notificationTokens.closeIconTop}: 0.5rem;
206
- ${_styledcomponents.notificationTokens.closeIconRight}: 0.5rem;
207
-
208
95
  ${_styledcomponents.notificationTokens.buttonsMarginTop}: 0.375rem;
209
96
 
210
97
  ${_styledcomponents.notificationTokens.contentLeftIconSize}: 1.5rem;
@@ -225,26 +112,26 @@ const config = {
225
112
  ${_styledcomponents.notificationTokens.titleFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
226
113
  ${_styledcomponents.notificationTokens.titleFontLineHeight}: var(--plasma-typo-body-s-line-height);
227
114
 
228
- ${_styledcomponents.notificationTokens.closeIconColor}: var(--text-tertiary);
229
- ${_styledcomponents.notificationTokens.closeIconColorOnHover}: var(--text-primary);
230
-
231
115
  ${_styledcomponents.notificationTokens.horizontalLayoutGap}: 0.375rem;
232
116
  ${_styledcomponents.notificationTokens.horizontalLayoutLeftIconMargin}: 0.75rem;
233
117
  ${_styledcomponents.notificationTokens.paddingOneLineTextbox}: 0.8125rem 0.5rem 0.8125rem 0.875rem;
234
- `,
235
- info: (0, _styledcomponents.css)`
236
- ${_styledcomponents.notificationTokens.titleColor}: var(--text-info);
237
- ${_styledcomponents.notificationTokens.contentLeftIconColor}: var(--text-info);
238
- ${_styledcomponents.notificationTokens.contentColor}: var(--text-secondary);
239
- ${_styledcomponents.notificationTokens.background}: var(--surface-transparent-card);
240
- ${_styledcomponents.notificationTokens.borderRadius}: 0.75rem;
118
+
119
+ ${_styledcomponents.notificationTokens.closeIconTop}: 0.5rem;
120
+ ${_styledcomponents.notificationTokens.closeIconRight}: 0.5rem;
121
+
241
122
  ${_styledcomponents.notificationTokens.padding}: 0.375rem;
123
+ ${_styledcomponents.notificationTokens.textboxPaddingTopWithTopIcon}: 0rem;
242
124
 
243
125
  ${_styledcomponents.notificationTokens.contentPaddingTop}: 0.125rem;
244
126
  ${_styledcomponents.notificationTokens.contentPaddingRight}: 0.25rem;
245
127
  ${_styledcomponents.notificationTokens.contentPaddingBottom}: 0rem;
246
128
  ${_styledcomponents.notificationTokens.contentPaddingLeft}: 0.25rem;
247
129
 
130
+ ${_styledcomponents.notificationTokens.buttonsMarginLeft}: 0rem;
131
+ `,
132
+ xxs: (0, _styledcomponents.css)`
133
+ ${_styledcomponents.notificationTokens.borderRadius}: 0.75rem;
134
+
248
135
  ${_styledcomponents.notificationTokens.contentPaddingTopWithoutIcon}: 0.25rem;
249
136
  ${_styledcomponents.notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon}: 1rem;
250
137
 
@@ -252,13 +139,9 @@ const config = {
252
139
  ${_styledcomponents.notificationTokens.textboxPaddingRight}: 0.125rem;
253
140
  ${_styledcomponents.notificationTokens.textboxPaddingBottom}: 0.375rem;
254
141
  ${_styledcomponents.notificationTokens.textboxPaddingLeft}: 0.125rem;
255
-
256
142
  ${_styledcomponents.notificationTokens.textboxPaddingRightWithCloseIcon}: 1.625rem;
257
143
  ${_styledcomponents.notificationTokens.textboxGap}: 0.25rem;
258
144
 
259
- ${_styledcomponents.notificationTokens.closeIconTop}: 0.5rem;
260
- ${_styledcomponents.notificationTokens.closeIconRight}: 0.5rem;
261
-
262
145
  ${_styledcomponents.notificationTokens.buttonsMarginTop}: 0.375rem;
263
146
 
264
147
  ${_styledcomponents.notificationTokens.contentLeftIconSize}: 1.5rem;
@@ -279,46 +162,10 @@ const config = {
279
162
  ${_styledcomponents.notificationTokens.titleFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
280
163
  ${_styledcomponents.notificationTokens.titleFontLineHeight}: var(--plasma-typo-body-s-line-height);
281
164
 
282
- ${_styledcomponents.notificationTokens.closeIconColor}: var(--text-tertiary);
283
- ${_styledcomponents.notificationTokens.closeIconColorOnHover}: var(--text-primary);
284
-
285
165
  ${_styledcomponents.notificationTokens.horizontalLayoutGap}: 0.375rem;
286
166
  ${_styledcomponents.notificationTokens.horizontalLayoutLeftIconMargin}: 0.75rem;
287
167
  ${_styledcomponents.notificationTokens.paddingOneLineTextbox}: 0.8125rem 0.5rem 0.8125rem 0.875rem;
288
- `
289
- },
290
- layout: {
291
- horizontal: (0, _styledcomponents.css)`
292
- ${_styledcomponents.notificationTokens.width}: 25rem;
293
- ${_styledcomponents.notificationTokens.horizontalLayoutPadding}: 1rem 0.5rem 1rem 0.875rem;
294
- `,
295
- vertical: (0, _styledcomponents.css)`
296
- ${_styledcomponents.notificationTokens.width}: 15rem;
297
- ${_styledcomponents.notificationTokens.padding}: 0.375rem;
298
- `
299
- },
300
- closeIconType: {
301
- default: (0, _styledcomponents.css)`
302
- ${_styledcomponents.notificationTokens.closeIconButtonSize}: 1.5rem;
303
- ${_styledcomponents.notificationTokens.closeIconSize}: 1.5rem;
304
- `
305
- },
306
- size: {
307
- xs: (0, _styledcomponents.css)`
308
- ${_styledcomponents.notificationTokens.closeIconTop}: 0.5rem;
309
- ${_styledcomponents.notificationTokens.closeIconRight}: 0.5rem;
310
-
311
- ${_styledcomponents.notificationTokens.padding}: 0.375rem;
312
- ${_styledcomponents.notificationTokens.textboxPaddingTopWithTopIcon}: 0rem;
313
-
314
- ${_styledcomponents.notificationTokens.contentPaddingTop}: 0.125rem;
315
- ${_styledcomponents.notificationTokens.contentPaddingRight}: 0.25rem;
316
- ${_styledcomponents.notificationTokens.contentPaddingBottom}: 0rem;
317
- ${_styledcomponents.notificationTokens.contentPaddingLeft}: 0.25rem;
318
168
 
319
- ${_styledcomponents.notificationTokens.buttonsMarginLeft}: 0rem;
320
- `,
321
- xxs: (0, _styledcomponents.css)`
322
169
  ${_styledcomponents.notificationTokens.closeIconTop}: 0.8125rem;
323
170
  ${_styledcomponents.notificationTokens.closeIconRight}: 1rem;
324
171
 
package/dist/styled-components/cjs/components/Select/Select.config.js CHANGED
@@ -419,7 +419,7 @@ const config = {
419
419
  ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
420
420
  ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
421
421
 
422
- ${_styledcomponents.selectTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
422
+ ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
423
423
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
424
424
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
425
425
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -545,7 +545,7 @@ const config = {
545
545
  ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
546
546
  ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
547
547
 
548
- ${_styledcomponents.selectTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
548
+ ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
549
549
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
550
550
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
551
551
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -671,7 +671,7 @@ const config = {
671
671
  ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
672
672
  ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
673
673
 
674
- ${_styledcomponents.selectTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
674
+ ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
675
675
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
676
676
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
677
677
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -797,7 +797,7 @@ const config = {
797
797
  ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
798
798
  ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
799
799
 
800
- ${_styledcomponents.selectTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
800
+ ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
801
801
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
802
802
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
803
803
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/cjs/components/TextField/TextField.clear.config.js CHANGED
@@ -191,7 +191,7 @@ const config = {
191
191
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
192
192
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
193
193
 
194
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
194
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
195
195
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
196
196
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
197
197
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -283,7 +283,7 @@ const config = {
283
283
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
284
284
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
285
285
 
286
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
286
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
287
287
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
288
288
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
289
289
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -367,7 +367,7 @@ const config = {
367
367
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
368
368
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
369
369
 
370
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
370
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
371
371
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
372
372
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
373
373
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -451,7 +451,7 @@ const config = {
451
451
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
452
452
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
453
453
 
454
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
454
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
455
455
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
456
456
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
457
457
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -535,7 +535,7 @@ const config = {
535
535
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
536
536
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
537
537
 
538
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
538
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
539
539
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
540
540
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
541
541
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);