@salutejs/sdds-os 0.26.0-next-sbcom.0 → 0.26.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 (76) 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_5n66cg.css → Autocomplete.config_7vcl1u.css} +2 -2
  4. package/dist/css/cjs/components/Autocomplete/Autocomplete.css +12 -12
  5. package/dist/css/cjs/components/Avatar/Avatar.config.js +20 -17
  6. package/dist/css/cjs/components/Avatar/Avatar.config.js.map +1 -1
  7. package/dist/css/{es/components/Avatar/Avatar.config_1x6ugoc.css → cjs/components/Avatar/Avatar.config_1hd4mxf.css} +18 -17
  8. package/dist/css/cjs/components/Avatar/Avatar.css +20 -19
  9. package/dist/css/cjs/components/ChipGroup/ChipGroup.config.js +1 -1
  10. package/dist/css/cjs/components/ChipGroup/ChipGroup.config.js.map +1 -1
  11. package/dist/css/{es/components/ChipGroup/ChipGroup.config_7d04pp.css → cjs/components/ChipGroup/ChipGroup.config_fuy352.css} +3 -3
  12. package/dist/css/cjs/components/ChipGroup/ChipGroup.css +7 -7
  13. package/dist/css/cjs/components/Combobox/Combobox.config.js +1 -1
  14. package/dist/css/cjs/components/Combobox/Combobox.config.js.map +1 -1
  15. package/dist/css/{es/components/Combobox/Combobox.config_15t2f3z.css → cjs/components/Combobox/Combobox.config_15pzyh8.css} +2 -2
  16. package/dist/css/cjs/components/Combobox/Combobox.css +15 -15
  17. package/dist/css/cjs/components/Select/Select.config.js +1 -1
  18. package/dist/css/cjs/components/Select/Select.config.js.map +1 -1
  19. package/dist/css/{es/components/Select/Select.config_3qkz78.css → cjs/components/Select/Select.config_12ruahx.css} +2 -2
  20. package/dist/css/cjs/components/Select/Select.css +15 -15
  21. package/dist/css/cjs/components/TextField/TextField.config.js +1 -1
  22. package/dist/css/cjs/components/TextField/TextField.config.js.map +1 -1
  23. package/dist/css/{es/components/TextField/TextField.config_5zurkr.css → cjs/components/TextField/TextField.config_b35paa.css} +2 -2
  24. package/dist/css/cjs/components/TextField/TextField.css +18 -18
  25. package/dist/css/cjs/components/TextFieldGroup/TextFieldGroup.config.js +1 -1
  26. package/dist/css/cjs/components/TextFieldGroup/TextFieldGroup.config.js.map +1 -1
  27. package/dist/css/cjs/components/TextFieldGroup/{TextFieldGroup.config_15af1x4.css → TextFieldGroup.config_1uu1mly.css} +4 -4
  28. package/dist/css/cjs/components/TextFieldGroup/TextFieldGroup.css +8 -8
  29. package/dist/css/cjs/index.css +102 -101
  30. package/dist/css/es/components/Autocomplete/Autocomplete.config.js +1 -1
  31. package/dist/css/es/components/Autocomplete/Autocomplete.config.js.map +1 -1
  32. package/dist/css/es/components/Autocomplete/{Autocomplete.config_5n66cg.css → Autocomplete.config_7vcl1u.css} +2 -2
  33. package/dist/css/es/components/Autocomplete/Autocomplete.css +12 -12
  34. package/dist/css/es/components/Avatar/Avatar.config.js +20 -17
  35. package/dist/css/es/components/Avatar/Avatar.config.js.map +1 -1
  36. package/dist/css/{cjs/components/Avatar/Avatar.config_1x6ugoc.css → es/components/Avatar/Avatar.config_1hd4mxf.css} +18 -17
  37. package/dist/css/es/components/Avatar/Avatar.css +20 -19
  38. package/dist/css/es/components/ChipGroup/ChipGroup.config.js +1 -1
  39. package/dist/css/es/components/ChipGroup/ChipGroup.config.js.map +1 -1
  40. package/dist/css/{cjs/components/ChipGroup/ChipGroup.config_7d04pp.css → es/components/ChipGroup/ChipGroup.config_fuy352.css} +3 -3
  41. package/dist/css/es/components/ChipGroup/ChipGroup.css +7 -7
  42. package/dist/css/es/components/Combobox/Combobox.config.js +1 -1
  43. package/dist/css/es/components/Combobox/Combobox.config.js.map +1 -1
  44. package/dist/css/{cjs/components/Combobox/Combobox.config_15t2f3z.css → es/components/Combobox/Combobox.config_15pzyh8.css} +2 -2
  45. package/dist/css/es/components/Combobox/Combobox.css +15 -15
  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/{cjs/components/Select/Select.config_3qkz78.css → es/components/Select/Select.config_12ruahx.css} +2 -2
  49. package/dist/css/es/components/Select/Select.css +15 -15
  50. package/dist/css/es/components/TextField/TextField.config.js +1 -1
  51. package/dist/css/es/components/TextField/TextField.config.js.map +1 -1
  52. package/dist/css/{cjs/components/TextField/TextField.config_5zurkr.css → es/components/TextField/TextField.config_b35paa.css} +2 -2
  53. package/dist/css/es/components/TextField/TextField.css +18 -18
  54. package/dist/css/es/components/TextFieldGroup/TextFieldGroup.config.js +1 -1
  55. package/dist/css/es/components/TextFieldGroup/TextFieldGroup.config.js.map +1 -1
  56. package/dist/css/es/components/TextFieldGroup/{TextFieldGroup.config_15af1x4.css → TextFieldGroup.config_1uu1mly.css} +4 -4
  57. package/dist/css/es/components/TextFieldGroup/TextFieldGroup.css +8 -8
  58. package/dist/css/es/index.css +102 -101
  59. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +2 -2
  60. package/dist/styled-components/cjs/components/Avatar/Avatar.config.js +8 -0
  61. package/dist/styled-components/cjs/components/ChipGroup/ChipGroup.config.js +3 -0
  62. package/dist/styled-components/cjs/components/Combobox/Combobox.config.js +2 -2
  63. package/dist/styled-components/cjs/components/Select/Select.config.js +2 -2
  64. package/dist/styled-components/cjs/components/TextField/TextField.config.js +2 -2
  65. package/dist/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.config.js +4 -4
  66. package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +2 -2
  67. package/dist/styled-components/es/components/Avatar/Avatar.config.js +8 -0
  68. package/dist/styled-components/es/components/ChipGroup/ChipGroup.config.js +3 -0
  69. package/dist/styled-components/es/components/Combobox/Combobox.config.js +2 -2
  70. package/dist/styled-components/es/components/Select/Select.config.js +2 -2
  71. package/dist/styled-components/es/components/TextField/TextField.config.js +2 -2
  72. package/dist/styled-components/es/components/TextFieldGroup/TextFieldGroup.config.js +4 -4
  73. package/package.json +7 -7
  74. package/types/components/Avatar/Avatar.config.d.ts +3 -0
  75. package/types/components/Avatar/Avatar.d.ts +13 -4
  76. package/types/components/Select/Select.d.ts +8 -8
package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -223,7 +223,7 @@ const config = {
223
223
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
224
224
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
225
225
 
226
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
226
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
227
227
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
228
228
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
229
229
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -298,7 +298,7 @@ const config = {
298
298
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
299
299
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
300
300
 
301
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
301
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
302
302
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
303
303
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
304
304
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/cjs/components/Avatar/Avatar.config.js CHANGED
@@ -72,6 +72,14 @@ const config = {
72
72
  ${_styledcomponents.avatarTokens.fontWeight}: 0;
73
73
  ${_styledcomponents.avatarTokens.lineHeight}: 0;
74
74
  ${_styledcomponents.avatarTokens.statusIconSize}: 0;
75
+ ${_styledcomponents.avatarTokens.borderRadius}: 50%;
76
+ `
77
+ },
78
+ focused: {
79
+ true: (0, _styledcomponents.css)`
80
+ ${_styledcomponents.avatarTokens.outlineSize}: 0.1rem;
81
+ ${_styledcomponents.avatarTokens.outlineOffset}: -0.2rem;
82
+ ${_styledcomponents.avatarTokens.outlineColor}: var(--surface-accent);
75
83
  `
76
84
  },
77
85
  shape: {
package/dist/styled-components/cjs/components/ChipGroup/ChipGroup.config.js CHANGED
@@ -17,6 +17,7 @@ const config = {
17
17
  variations: {
18
18
  view: {
19
19
  default: (0, _styledcomponents.css)`
20
+ ${_styledcomponents.chipGroupTokens.chipFocusColor}: var(--surface-accent);
20
21
  ${_styledcomponents.chipGroupTokens.chipColor}: var(--inverse-text-primary);
21
22
  ${_styledcomponents.chipGroupTokens.chipBackground}: var(--surface-solid-default);
22
23
  ${_styledcomponents.chipGroupTokens.chipColorHover}: var(--inverse-text-primary);
@@ -25,6 +26,7 @@ const config = {
25
26
  ${_styledcomponents.chipGroupTokens.chipBackgroundActive}: var(--surface-solid-default-active);
26
27
  `,
27
28
  secondary: (0, _styledcomponents.css)`
29
+ ${_styledcomponents.chipGroupTokens.chipFocusColor}: var(--surface-accent);
28
30
  ${_styledcomponents.chipGroupTokens.chipColor}: var(--text-primary);
29
31
  ${_styledcomponents.chipGroupTokens.chipBackground}: var(--surface-solid-secondary);
30
32
  ${_styledcomponents.chipGroupTokens.chipColorHover}: var(--text-primary);
@@ -33,6 +35,7 @@ const config = {
33
35
  ${_styledcomponents.chipGroupTokens.chipBackgroundActive}: var(--surface-solid-secondary-active);
34
36
  `,
35
37
  accent: (0, _styledcomponents.css)`
38
+ ${_styledcomponents.chipGroupTokens.chipFocusColor}: var(--surface-accent);
36
39
  ${_styledcomponents.chipGroupTokens.chipColor}: var(--on-dark-text-primary);
37
40
  ${_styledcomponents.chipGroupTokens.chipBackground}: var(--surface-accent);
38
41
  ${_styledcomponents.chipGroupTokens.chipColorHover}: var(--on-dark-text-primary);
package/dist/styled-components/cjs/components/Combobox/Combobox.config.js CHANGED
@@ -275,7 +275,7 @@ const config = {
275
275
  ${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
276
276
  ${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
277
277
 
278
- ${_styledcomponents.comboboxTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
278
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
279
279
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
280
280
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
281
281
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -396,7 +396,7 @@ const config = {
396
396
  ${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
397
397
  ${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
398
398
 
399
- ${_styledcomponents.comboboxTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
399
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
400
400
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
401
401
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
402
402
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/cjs/components/Select/Select.config.js CHANGED
@@ -246,7 +246,7 @@ const config = {
246
246
  ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
247
247
  ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
248
248
 
249
- ${_styledcomponents.selectTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
249
+ ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
250
250
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
251
251
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
252
252
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -371,7 +371,7 @@ const config = {
371
371
  ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
372
372
  ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
373
373
 
374
- ${_styledcomponents.selectTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
374
+ ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
375
375
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
376
376
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
377
377
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/cjs/components/TextField/TextField.config.js CHANGED
@@ -189,7 +189,7 @@ const config = {
189
189
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
190
190
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
191
191
 
192
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
192
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
193
193
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
194
194
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
195
195
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -275,7 +275,7 @@ const config = {
275
275
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
276
276
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
277
277
 
278
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
278
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
279
279
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
280
280
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
281
281
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.config.js CHANGED
@@ -45,7 +45,7 @@ const config = {
45
45
  ${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
46
46
  ${_styledcomponents.textFieldGroupTokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);
47
47
 
48
- ${_styledcomponents.textFieldGroupTokens.leftHelperPadding}: 0.25rem 0 0 0;
48
+ ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
49
49
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
50
50
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
51
51
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -101,7 +101,7 @@ const config = {
101
101
  ${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
102
102
  ${_styledcomponents.textFieldGroupTokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);
103
103
 
104
- ${_styledcomponents.textFieldGroupTokens.leftHelperPadding}: 0.25rem 0 0 0;
104
+ ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
105
105
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
106
106
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
107
107
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -157,7 +157,7 @@ const config = {
157
157
  ${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
158
158
  ${_styledcomponents.textFieldGroupTokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);
159
159
 
160
- ${_styledcomponents.textFieldGroupTokens.leftHelperPadding}: 0.25rem 0 0 0;
160
+ ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
161
161
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
162
162
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
163
163
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -213,7 +213,7 @@ const config = {
213
213
  ${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
214
214
  ${_styledcomponents.textFieldGroupTokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);
215
215
 
216
- ${_styledcomponents.textFieldGroupTokens.leftHelperPadding}: 0.25rem 0 0 0;
216
+ ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
217
217
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
218
218
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
219
219
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -213,7 +213,7 @@ export const config = {
213
213
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
214
214
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
215
215
 
216
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
216
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
217
217
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
218
218
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
219
219
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -288,7 +288,7 @@ export const config = {
288
288
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
289
289
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
290
290
 
291
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
291
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
292
292
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
293
293
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
294
294
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/es/components/Avatar/Avatar.config.js CHANGED
@@ -62,6 +62,14 @@ export const config = {
62
62
  ${tokens.fontWeight}: 0;
63
63
  ${tokens.lineHeight}: 0;
64
64
  ${tokens.statusIconSize}: 0;
65
+ ${tokens.borderRadius}: 50%;
66
+ `
67
+ },
68
+ focused: {
69
+ true: css`
70
+ ${tokens.outlineSize}: 0.1rem;
71
+ ${tokens.outlineOffset}: -0.2rem;
72
+ ${tokens.outlineColor}: var(--surface-accent);
65
73
  `
66
74
  },
67
75
  shape: {
package/dist/styled-components/es/components/ChipGroup/ChipGroup.config.js CHANGED
@@ -7,6 +7,7 @@ export const config = {
7
7
  variations: {
8
8
  view: {
9
9
  default: css`
10
+ ${tokens.chipFocusColor}: var(--surface-accent);
10
11
  ${tokens.chipColor}: var(--inverse-text-primary);
11
12
  ${tokens.chipBackground}: var(--surface-solid-default);
12
13
  ${tokens.chipColorHover}: var(--inverse-text-primary);
@@ -15,6 +16,7 @@ export const config = {
15
16
  ${tokens.chipBackgroundActive}: var(--surface-solid-default-active);
16
17
  `,
17
18
  secondary: css`
19
+ ${tokens.chipFocusColor}: var(--surface-accent);
18
20
  ${tokens.chipColor}: var(--text-primary);
19
21
  ${tokens.chipBackground}: var(--surface-solid-secondary);
20
22
  ${tokens.chipColorHover}: var(--text-primary);
@@ -23,6 +25,7 @@ export const config = {
23
25
  ${tokens.chipBackgroundActive}: var(--surface-solid-secondary-active);
24
26
  `,
25
27
  accent: css`
28
+ ${tokens.chipFocusColor}: var(--surface-accent);
26
29
  ${tokens.chipColor}: var(--on-dark-text-primary);
27
30
  ${tokens.chipBackground}: var(--surface-accent);
28
31
  ${tokens.chipColorHover}: var(--on-dark-text-primary);
package/dist/styled-components/es/components/Combobox/Combobox.config.js CHANGED
@@ -265,7 +265,7 @@ export const config = {
265
265
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
266
266
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
267
267
 
268
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
268
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
269
269
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
270
270
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
271
271
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -386,7 +386,7 @@ export const config = {
386
386
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
387
387
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
388
388
 
389
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
389
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
390
390
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
391
391
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
392
392
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/es/components/Select/Select.config.js CHANGED
@@ -236,7 +236,7 @@ export const config = {
236
236
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
237
237
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
238
238
 
239
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
239
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
240
240
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
241
241
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
242
242
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -361,7 +361,7 @@ export const config = {
361
361
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
362
362
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
363
363
 
364
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
364
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
365
365
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
366
366
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
367
367
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/es/components/TextField/TextField.config.js CHANGED
@@ -179,7 +179,7 @@ export const config = {
179
179
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
180
180
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
181
181
 
182
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
182
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
183
183
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
184
184
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
185
185
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -265,7 +265,7 @@ export const config = {
265
265
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
266
266
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
267
267
 
268
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
268
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
269
269
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
270
270
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
271
271
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/dist/styled-components/es/components/TextFieldGroup/TextFieldGroup.config.js CHANGED
@@ -35,7 +35,7 @@ export const config = {
35
35
  ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
36
36
  ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);
37
37
 
38
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
38
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
39
39
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
40
40
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
41
41
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -91,7 +91,7 @@ export const config = {
91
91
  ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
92
92
  ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);
93
93
 
94
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
94
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
95
95
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
96
96
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
97
97
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -147,7 +147,7 @@ export const config = {
147
147
  ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
148
148
  ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);
149
149
 
150
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
150
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
151
151
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
152
152
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
153
153
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -203,7 +203,7 @@ export const config = {
203
203
  ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
204
204
  ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);
205
205
 
206
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
206
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
207
207
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
208
208
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
209
209
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-os",
3
- "version": "0.26.0-next-sbcom.0",
3
+ "version": "0.26.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": {
@@ -41,7 +41,7 @@
41
41
  },
42
42
  "dependencies": {
43
43
  "@salutejs-ds/sdds_os": "0.1.2",
44
- "@salutejs/plasma-new-hope": "0.368.0-next-sbcom.0"
44
+ "@salutejs/plasma-new-hope": "0.368.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.16.0",
63
- "@salutejs/plasma-core": "1.231.0-next-sbcom.0",
64
- "@salutejs/plasma-cy-utils": "0.161.0-next-sbcom.0",
65
- "@salutejs/plasma-icons": "1.242.0-next-sbcom.0",
66
- "@salutejs/plasma-sb-utils": "0.232.0-next-sbcom.0",
63
+ "@salutejs/plasma-core": "1.231.0",
64
+ "@salutejs/plasma-cy-utils": "0.161.0",
65
+ "@salutejs/plasma-icons": "1.242.0",
66
+ "@salutejs/plasma-sb-utils": "0.232.0",
67
67
  "@types/node": "16.7.13",
68
68
  "@types/react": "18.0.28",
69
69
  "@types/react-dom": "18.0.11",
@@ -108,5 +108,5 @@
108
108
  "sideEffects": [
109
109
  "*.css"
110
110
  ],
111
- "gitHead": "f3a7abb061ba55e82d3cfd084db936b0749caeec"
111
+ "gitHead": "943a8d7362903f1a335fa5a99917fcbf0f673ea6"
112
112
  }
package/types/components/Avatar/Avatar.config.d.ts CHANGED
@@ -12,6 +12,9 @@ export declare const config: {
12
12
  m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
13
13
  fit: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
14
14
  };
15
+ focused: {
16
+ true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
17
+ };
15
18
  shape: {
16
19
  circled: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
17
20
  rounded: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
package/types/components/Avatar/Avatar.d.ts CHANGED
@@ -6,6 +6,9 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
6
6
  m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
7
7
  fit: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
8
8
  };
9
+ focused: {
10
+ true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
11
+ };
9
12
  shape: {
10
13
  circled: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
11
14
  rounded: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -36,6 +39,9 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
36
39
  m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
37
40
  fit: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
38
41
  };
42
+ focused: {
43
+ true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
44
+ };
39
45
  shape: {
40
46
  circled: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
41
47
  rounded: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -63,7 +69,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
63
69
  size?: string;
64
70
  name?: string;
65
71
  url?: string;
66
- customText?: import("react").ReactNode;
72
+ customText?: string;
67
73
  status?: "active" | "inactive";
68
74
  isScalable?: boolean;
69
75
  focused?: boolean;
@@ -91,7 +97,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
91
97
  size?: string;
92
98
  name?: string;
93
99
  url?: string;
94
- customText?: import("react").ReactNode;
100
+ customText?: string;
95
101
  status?: "active" | "inactive";
96
102
  isScalable?: boolean;
97
103
  focused?: boolean;
@@ -123,6 +129,9 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
123
129
  m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
124
130
  fit: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
125
131
  };
132
+ focused: {
133
+ true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
134
+ };
126
135
  shape: {
127
136
  circled: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
128
137
  rounded: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -150,7 +159,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
150
159
  size?: string;
151
160
  name?: string;
152
161
  url?: string;
153
- customText?: import("react").ReactNode;
162
+ customText?: string;
154
163
  status?: "active" | "inactive";
155
164
  isScalable?: boolean;
156
165
  focused?: boolean;
@@ -178,7 +187,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
178
187
  size?: string;
179
188
  name?: string;
180
189
  url?: string;
181
- customText?: import("react").ReactNode;
190
+ customText?: string;
182
191
  status?: "active" | "inactive";
183
192
  isScalable?: boolean;
184
193
  focused?: boolean;
package/types/components/Select/Select.d.ts CHANGED
@@ -39,7 +39,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
39
39
  defaultValue?: string;
40
40
  onChange?: ((value: string, item: SelectItemOption | null) => void) | undefined;
41
41
  isTargetAmount?: false;
42
- renderTarget?: ((value: SelectItemOption, opened?: boolean) => React.ReactNode) | undefined;
42
+ renderTarget?: ((value: SelectItemOption | null, opened?: boolean) => React.ReactNode) | undefined;
43
43
  selectAllOptions?: never;
44
44
  } & {
45
45
  target?: "textfield-like";
@@ -70,7 +70,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
70
70
  defaultValue?: string;
71
71
  onChange?: ((value: string, item: SelectItemOption | null) => void) | undefined;
72
72
  isTargetAmount?: false;
73
- renderTarget?: ((value: SelectItemOption, opened?: boolean) => React.ReactNode) | undefined;
73
+ renderTarget?: ((value: SelectItemOption | null, opened?: boolean) => React.ReactNode) | undefined;
74
74
  selectAllOptions?: never;
75
75
  } & {
76
76
  target?: "textfield-like";
@@ -163,7 +163,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
163
163
  defaultValue?: string;
164
164
  onChange?: ((value: string, item: SelectItemOption | null) => void) | undefined;
165
165
  isTargetAmount?: false;
166
- renderTarget?: ((value: SelectItemOption, opened?: boolean) => React.ReactNode) | undefined;
166
+ renderTarget?: ((value: SelectItemOption | null, opened?: boolean) => React.ReactNode) | undefined;
167
167
  selectAllOptions?: never;
168
168
  }, "onChange" | "value"> & {
169
169
  name: string;
@@ -198,7 +198,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
198
198
  defaultValue?: string;
199
199
  onChange?: ((value: string, item: SelectItemOption | null) => void) | undefined;
200
200
  isTargetAmount?: false;
201
- renderTarget?: ((value: SelectItemOption, opened?: boolean) => React.ReactNode) | undefined;
201
+ renderTarget?: ((value: SelectItemOption | null, opened?: boolean) => React.ReactNode) | undefined;
202
202
  selectAllOptions?: never;
203
203
  }, "onChange" | "value"> & {
204
204
  name: string;
@@ -303,7 +303,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
303
303
  defaultValue?: string;
304
304
  onChange?: ((value: string, item: SelectItemOption | null) => void) | undefined;
305
305
  isTargetAmount?: false;
306
- renderTarget?: ((value: SelectItemOption, opened?: boolean) => React.ReactNode) | undefined;
306
+ renderTarget?: ((value: SelectItemOption | null, opened?: boolean) => React.ReactNode) | undefined;
307
307
  selectAllOptions?: never;
308
308
  } & {
309
309
  target: "button-like";
@@ -336,7 +336,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
336
336
  defaultValue?: string;
337
337
  onChange?: ((value: string, item: SelectItemOption | null) => void) | undefined;
338
338
  isTargetAmount?: false;
339
- renderTarget?: ((value: SelectItemOption, opened?: boolean) => React.ReactNode) | undefined;
339
+ renderTarget?: ((value: SelectItemOption | null, opened?: boolean) => React.ReactNode) | undefined;
340
340
  selectAllOptions?: never;
341
341
  } & {
342
342
  target: "button-like";
@@ -435,7 +435,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
435
435
  defaultValue?: string;
436
436
  onChange?: ((value: string, item: SelectItemOption | null) => void) | undefined;
437
437
  isTargetAmount?: false;
438
- renderTarget?: ((value: SelectItemOption, opened?: boolean) => React.ReactNode) | undefined;
438
+ renderTarget?: ((value: SelectItemOption | null, opened?: boolean) => React.ReactNode) | undefined;
439
439
  selectAllOptions?: never;
440
440
  }, "onChange" | "value"> & {
441
441
  name: string;
@@ -472,7 +472,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
472
472
  defaultValue?: string;
473
473
  onChange?: ((value: string, item: SelectItemOption | null) => void) | undefined;
474
474
  isTargetAmount?: false;
475
- renderTarget?: ((value: SelectItemOption, opened?: boolean) => React.ReactNode) | undefined;
475
+ renderTarget?: ((value: SelectItemOption | null, opened?: boolean) => React.ReactNode) | undefined;
476
476
  selectAllOptions?: never;
477
477
  }, "onChange" | "value"> & {
478
478
  name: string;