@salutejs/sdds-platform-ai 0.358.0-next-sbcom.0 → 0.359.0-dev.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (86) hide show
  1. package/dist/css/cjs/components/Autocomplete/Autocomplete.config.js +1 -1
  2. package/dist/css/cjs/components/Autocomplete/{Autocomplete.config_1wd7zdk.css → Autocomplete.config_1ijtnnk.css} +1 -1
  3. package/dist/css/cjs/components/Autocomplete/Autocomplete.css +11 -11
  4. package/dist/css/cjs/components/ChipGroup/ChipGroup.config.js +5 -1
  5. package/dist/css/cjs/components/ChipGroup/ChipGroup.config_q4l88k.css +9 -0
  6. package/dist/css/cjs/components/ChipGroup/ChipGroup.css +9 -7
  7. package/dist/css/cjs/components/CodeField/CodeField.config.js +7 -6
  8. package/dist/css/cjs/components/CodeField/CodeField.config_1trzj9d.css +7 -0
  9. package/dist/css/cjs/components/CodeField/CodeField.css +5 -4
  10. package/dist/css/cjs/components/Combobox/Combobox.config.js +1 -1
  11. package/dist/css/{es/components/Combobox/Combobox.config_q21ilf.css → cjs/components/Combobox/Combobox.config_1lvw5zc.css} +1 -1
  12. package/dist/css/cjs/components/Combobox/Combobox.css +14 -14
  13. package/dist/css/cjs/components/Mask/Mask.css +17 -17
  14. package/dist/css/cjs/components/Select/Select.config.js +1 -1
  15. package/dist/css/cjs/components/Select/{Select.config_1duop7k.css → Select.config_y816ld.css} +1 -1
  16. package/dist/css/cjs/components/Select/Select.css +20 -20
  17. package/dist/css/cjs/components/Slider/Slider.config.js +3 -2
  18. package/dist/css/cjs/components/Slider/{Slider.config_pdcsj4.css → Slider.config_11wzun6.css} +6 -6
  19. package/dist/css/cjs/components/Slider/Slider.css +10 -10
  20. package/dist/css/cjs/components/TextField/TextField.config.js +1 -1
  21. package/dist/css/{es/components/TextField/TextField.config_ey52jl.css → cjs/components/TextField/TextField.config_1tp30fr.css} +1 -1
  22. package/dist/css/cjs/components/TextFieldGroup/TextFieldGroup.config.js +1 -1
  23. package/dist/css/cjs/components/TextFieldGroup/{TextFieldGroup.config_86nlge.css → TextFieldGroup.config_14jpfof.css} +1 -1
  24. package/dist/css/cjs/components/TextFieldGroup/TextFieldGroup.css +6 -6
  25. package/dist/css/cjs/components/ViewContainer/ViewContainer.config.js +1 -1
  26. package/dist/css/cjs/components/ViewContainer/{ViewContainer.config_zlp40g.css → ViewContainer.config_1s2ktoh.css} +2 -2
  27. package/dist/css/cjs/components/ViewContainer/ViewContainer.css +2 -2
  28. package/dist/css/cjs/index.css +97 -94
  29. package/dist/css/es/components/Autocomplete/Autocomplete.config.js +1 -1
  30. package/dist/css/es/components/Autocomplete/{Autocomplete.config_1wd7zdk.css → Autocomplete.config_1ijtnnk.css} +1 -1
  31. package/dist/css/es/components/Autocomplete/Autocomplete.css +11 -11
  32. package/dist/css/es/components/ChipGroup/ChipGroup.config.js +5 -1
  33. package/dist/css/es/components/ChipGroup/ChipGroup.config_q4l88k.css +9 -0
  34. package/dist/css/es/components/ChipGroup/ChipGroup.css +9 -7
  35. package/dist/css/es/components/CodeField/CodeField.config.js +7 -6
  36. package/dist/css/es/components/CodeField/CodeField.config_1trzj9d.css +7 -0
  37. package/dist/css/es/components/CodeField/CodeField.css +5 -4
  38. package/dist/css/es/components/Combobox/Combobox.config.js +1 -1
  39. package/dist/css/{cjs/components/Combobox/Combobox.config_q21ilf.css → es/components/Combobox/Combobox.config_1lvw5zc.css} +1 -1
  40. package/dist/css/es/components/Combobox/Combobox.css +14 -14
  41. package/dist/css/es/components/Mask/Mask.css +17 -17
  42. package/dist/css/es/components/Select/Select.config.js +1 -1
  43. package/dist/css/es/components/Select/{Select.config_1duop7k.css → Select.config_y816ld.css} +1 -1
  44. package/dist/css/es/components/Select/Select.css +20 -20
  45. package/dist/css/es/components/Slider/Slider.config.js +3 -2
  46. package/dist/css/es/components/Slider/{Slider.config_pdcsj4.css → Slider.config_11wzun6.css} +6 -6
  47. package/dist/css/es/components/Slider/Slider.css +10 -10
  48. package/dist/css/es/components/TextField/TextField.config.js +1 -1
  49. package/dist/css/{cjs/components/TextField/TextField.config_ey52jl.css → es/components/TextField/TextField.config_1tp30fr.css} +1 -1
  50. package/dist/css/es/components/TextFieldGroup/TextFieldGroup.config.js +1 -1
  51. package/dist/css/es/components/TextFieldGroup/{TextFieldGroup.config_86nlge.css → TextFieldGroup.config_14jpfof.css} +1 -1
  52. package/dist/css/es/components/TextFieldGroup/TextFieldGroup.css +6 -6
  53. package/dist/css/es/components/ViewContainer/ViewContainer.config.js +1 -1
  54. package/dist/css/es/components/ViewContainer/{ViewContainer.config_zlp40g.css → ViewContainer.config_1s2ktoh.css} +2 -2
  55. package/dist/css/es/components/ViewContainer/ViewContainer.css +2 -2
  56. package/dist/css/es/index.css +97 -94
  57. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +1 -1
  58. package/dist/styled-components/cjs/components/ChipGroup/ChipGroup.config.js +10 -0
  59. package/dist/styled-components/cjs/components/CodeField/CodeField.config.js +27 -0
  60. package/dist/styled-components/cjs/components/Combobox/Combobox.config.js +1 -1
  61. package/dist/styled-components/cjs/components/Select/Select.config.js +1 -1
  62. package/dist/styled-components/cjs/components/Slider/Slider.config.js +20 -1
  63. package/dist/styled-components/cjs/components/TextField/TextField.config.js +1 -1
  64. package/dist/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.config.js +1 -1
  65. package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +1 -1
  66. package/dist/styled-components/es/components/ChipGroup/ChipGroup.config.js +10 -0
  67. package/dist/styled-components/es/components/CodeField/CodeField.config.js +27 -0
  68. package/dist/styled-components/es/components/Combobox/Combobox.config.js +1 -1
  69. package/dist/styled-components/es/components/Select/Select.config.js +1 -1
  70. package/dist/styled-components/es/components/Slider/Slider.config.js +20 -1
  71. package/dist/styled-components/es/components/TextField/TextField.config.js +1 -1
  72. package/dist/styled-components/es/components/TextFieldGroup/TextFieldGroup.config.js +1 -1
  73. package/package.json +10 -10
  74. package/types/components/Avatar/Avatar.d.ts +4 -4
  75. package/types/components/ChipGroup/ChipGroup.config.d.ts +4 -0
  76. package/types/components/ChipGroup/ChipGroup.d.ts +4 -0
  77. package/types/components/CodeField/CodeField.config.d.ts +1 -0
  78. package/types/components/CodeField/CodeField.d.ts +1 -0
  79. package/types/components/Slider/Slider.config.d.ts +1 -0
  80. package/types/components/Slider/Slider.d.ts +8 -4
  81. package/types/components/TimePicker/TimePicker.d.ts +2 -2
  82. package/types/mixins/index.d.ts +1 -1
  83. package/dist/css/cjs/components/ChipGroup/ChipGroup.config_18g2oez.css +0 -7
  84. package/dist/css/cjs/components/CodeField/CodeField.config_1ywzqxl.css +0 -6
  85. package/dist/css/es/components/ChipGroup/ChipGroup.config_18g2oez.css +0 -7
  86. package/dist/css/es/components/CodeField/CodeField.config_1ywzqxl.css +0 -6
@@ -229,7 +229,7 @@ const config = {
229
229
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
230
230
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
231
231
 
232
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
232
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
233
233
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_platform_ai.bodyXS.fontFamily};
234
234
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_platform_ai.bodyXS.fontSize};
235
235
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_platform_ai.bodyXS.fontStyle};
@@ -48,6 +48,9 @@ const config = {
48
48
  size: {
49
49
  m: (0, _styledcomponents.css)`
50
50
  ${_styledcomponents.chipGroupTokens.chipBorderRadius}: 0.625rem;
51
+ ${_styledcomponents.chipGroupTokens.chipDefaultRadius}: 0.625rem;
52
+ ${_styledcomponents.chipGroupTokens.chipSegmentedRadius}: 0.25rem;
53
+ ${_styledcomponents.chipGroupTokens.chipSideRadius}: 0.625rem;
51
54
  ${_styledcomponents.chipGroupTokens.chipWidth}: auto;
52
55
  ${_styledcomponents.chipGroupTokens.chipHeight}: 2.5rem;
53
56
  ${_styledcomponents.chipGroupTokens.chipPadding}: 0 0.875rem;
@@ -69,6 +72,9 @@ const config = {
69
72
  `,
70
73
  xxs: (0, _styledcomponents.css)`
71
74
  ${_styledcomponents.chipGroupTokens.chipBorderRadius}: 0.375rem;
75
+ ${_styledcomponents.chipGroupTokens.chipDefaultRadius}: 0.375rem;
76
+ ${_styledcomponents.chipGroupTokens.chipSegmentedRadius}: 0.125rem;
77
+ ${_styledcomponents.chipGroupTokens.chipSideRadius}: 0.375rem;
72
78
  ${_styledcomponents.chipGroupTokens.chipWidth}: auto;
73
79
  ${_styledcomponents.chipGroupTokens.chipHeight}: 1.25rem;
74
80
  ${_styledcomponents.chipGroupTokens.chipPadding}: 0 0.5rem;
@@ -96,6 +102,10 @@ const config = {
96
102
  wide: (0, _styledcomponents.css)`
97
103
  ${_styledcomponents.chipGroupTokens.chipGroupItemsGap}: 0.5rem;
98
104
  `
105
+ },
106
+ shape: {
107
+ segmented: (0, _styledcomponents.css)``,
108
+ default: (0, _styledcomponents.css)``
99
109
  }
100
110
  }
101
111
  };
@@ -35,6 +35,33 @@ const config = {
35
35
  `
36
36
  },
37
37
  size: {
38
+ xl: (0, _styledcomponents.css)`
39
+ ${_styledcomponents.codeFieldTokens.captionGap}: 0.875rem;
40
+ ${_styledcomponents.codeFieldTokens.codeItemsGap}: 0.125rem;
41
+
42
+ ${_styledcomponents.codeFieldTokens.separatorWidth}: 0.25rem;
43
+
44
+ ${_styledcomponents.codeFieldTokens.codeItemWidth}: 3rem;
45
+ ${_styledcomponents.codeFieldTokens.codeItemHeight}: 4rem;
46
+
47
+ ${_styledcomponents.codeFieldTokens.fontFamily}: ${_sdds_platform_ai.bodyL.fontFamily};
48
+ ${_styledcomponents.codeFieldTokens.fontSize}: ${_sdds_platform_ai.bodyL.fontSize};
49
+ ${_styledcomponents.codeFieldTokens.fontStyle}: ${_sdds_platform_ai.bodyL.fontStyle};
50
+ ${_styledcomponents.codeFieldTokens.fontWeight}: ${_sdds_platform_ai.bodyLBold.fontWeight};
51
+ ${_styledcomponents.codeFieldTokens.letterSpacing}: ${_sdds_platform_ai.bodyL.letterSpacing};
52
+ ${_styledcomponents.codeFieldTokens.lineHeight}: ${_sdds_platform_ai.bodyL.lineHeight};
53
+
54
+ ${_styledcomponents.codeFieldTokens.captionFontFamily}: ${_sdds_platform_ai.bodyS.fontFamily};
55
+ ${_styledcomponents.codeFieldTokens.captionFontSize}: ${_sdds_platform_ai.bodyS.fontSize};
56
+ ${_styledcomponents.codeFieldTokens.captionFontStyle}: ${_sdds_platform_ai.bodyS.fontStyle};
57
+ ${_styledcomponents.codeFieldTokens.captionFontWeight}: ${_sdds_platform_ai.bodyS.fontWeight};
58
+ ${_styledcomponents.codeFieldTokens.captionLetterSpacing}: ${_sdds_platform_ai.bodyS.letterSpacing};
59
+ ${_styledcomponents.codeFieldTokens.captionLineHeight}: ${_sdds_platform_ai.bodyS.lineHeight};
60
+
61
+ ${_styledcomponents.codeFieldTokens.borderRadius}: 1rem;
62
+ ${_styledcomponents.codeFieldTokens.borderRadiusSegmented}: 0.5rem;
63
+ ${_styledcomponents.codeFieldTokens.segmentedSideBorderRadius}: 1rem;
64
+ `,
38
65
  l: (0, _styledcomponents.css)`
39
66
  ${_styledcomponents.codeFieldTokens.captionGap}: 0.875rem;
40
67
  ${_styledcomponents.codeFieldTokens.codeItemsGap}: 0.125rem;
@@ -281,7 +281,7 @@ const config = {
281
281
  ${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
282
282
  ${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
283
283
 
284
- ${_styledcomponents.comboboxTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
284
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
285
285
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: ${_sdds_platform_ai.bodyXS.fontFamily};
286
286
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: ${_sdds_platform_ai.bodyXS.fontSize};
287
287
  ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: ${_sdds_platform_ai.bodyXS.fontStyle};
@@ -409,7 +409,7 @@ const config = {
409
409
  ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
410
410
  ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
411
411
 
412
- ${_styledcomponents.selectTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
412
+ ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
413
413
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: ${_sdds_platform_ai.bodyXS.fontFamily};
414
414
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: ${_sdds_platform_ai.bodyXS.fontSize};
415
415
  ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: ${_sdds_platform_ai.bodyXS.fontStyle};
@@ -14,7 +14,8 @@ const config = {
14
14
  defaults: {
15
15
  view: 'default',
16
16
  size: 'm',
17
- pointerSize: 'small'
17
+ pointerSize: 'small',
18
+ tickType: 'bullet'
18
19
  },
19
20
  variations: {
20
21
  view: {
@@ -125,11 +126,13 @@ const config = {
125
126
  ${_styledcomponents.sliderTokens.valueLineHeight}: ${_sdds_platform_ai.bodyM.lineHeight};
126
127
 
127
128
  ${_styledcomponents.sliderTokens.tickSize}: 0.5rem;
129
+ ${_styledcomponents.sliderTokens.tickSeparatorGap}: 0.5rem;
128
130
 
129
131
  ${_styledcomponents.sliderTokens.currentValueTopOffset}: 1.625rem;
130
132
 
131
133
  ${_styledcomponents.sliderTokens.railThickness}: 0.25rem;
132
134
  ${_styledcomponents.sliderTokens.railBorderRadius}: 0.125rem;
135
+ ${_styledcomponents.sliderTokens.trackSegmentBorderRadius}: 1000px;
133
136
 
134
137
  ${_styledcomponents.sliderTokens.textFieldWrapperGap}: 0.125rem;
135
138
 
@@ -173,11 +176,13 @@ const config = {
173
176
  ${_styledcomponents.sliderTokens.valueLineHeight}: ${_sdds_platform_ai.bodyS.lineHeight};
174
177
 
175
178
  ${_styledcomponents.sliderTokens.tickSize}: 0.5rem;
179
+ ${_styledcomponents.sliderTokens.tickSeparatorGap}: 0.5rem;
176
180
 
177
181
  ${_styledcomponents.sliderTokens.currentValueTopOffset}: 1.75rem;
178
182
 
179
183
  ${_styledcomponents.sliderTokens.railThickness}: 0.25rem;
180
184
  ${_styledcomponents.sliderTokens.railBorderRadius}: 0.125rem;
185
+ ${_styledcomponents.sliderTokens.trackSegmentBorderRadius}: 1000px;
181
186
 
182
187
  ${_styledcomponents.sliderTokens.textFieldWrapperGap}: 0.125rem;
183
188
 
@@ -221,11 +226,13 @@ const config = {
221
226
  ${_styledcomponents.sliderTokens.valueLineHeight}: ${_sdds_platform_ai.bodyXS.lineHeight};
222
227
 
223
228
  ${_styledcomponents.sliderTokens.tickSize}: 0.5rem;
229
+ ${_styledcomponents.sliderTokens.tickSeparatorGap}: 0.5rem;
224
230
 
225
231
  ${_styledcomponents.sliderTokens.currentValueTopOffset}: 1.25rem;
226
232
 
227
233
  ${_styledcomponents.sliderTokens.railThickness}: 0.25rem;
228
234
  ${_styledcomponents.sliderTokens.railBorderRadius}: 0.125rem;
235
+ ${_styledcomponents.sliderTokens.trackSegmentBorderRadius}: 1000px;
229
236
 
230
237
  ${_styledcomponents.sliderTokens.textFieldWrapperGap}: 0.125rem;
231
238
 
@@ -245,14 +252,26 @@ const config = {
245
252
  ${_styledcomponents.sliderTokens.thumbSize}: 1rem;
246
253
  ${_styledcomponents.sliderTokens.thumbBorderStyle}: solid;
247
254
  ${_styledcomponents.sliderTokens.thumbBorderWidth}: 0.0625rem;
255
+
256
+ ${_styledcomponents.sliderTokens.tickSeparatorWidth}: 0.25rem;
257
+ ${_styledcomponents.sliderTokens.tickSeparatorHeight}: 0.5rem;
258
+ ${_styledcomponents.sliderTokens.tickSeparatorBorderRadius}: 0.25rem;
248
259
  `,
249
260
  large: (0, _styledcomponents.css)`
250
261
  ${_styledcomponents.sliderTokens.thumbSize}: 1.25rem;
251
262
  ${_styledcomponents.sliderTokens.thumbBorderStyle}: solid;
252
263
  ${_styledcomponents.sliderTokens.thumbBorderWidth}: 0.0625rem;
264
+
265
+ ${_styledcomponents.sliderTokens.tickSeparatorWidth}: 0.25rem;
266
+ ${_styledcomponents.sliderTokens.tickSeparatorHeight}: 1rem;
267
+ ${_styledcomponents.sliderTokens.tickSeparatorBorderRadius}: 0.25rem;
253
268
  `,
254
269
  none: (0, _styledcomponents.css)`
255
270
  ${_styledcomponents.sliderTokens.thumbSize}: 0rem;
271
+
272
+ ${_styledcomponents.sliderTokens.tickSeparatorWidth}: 0.25rem;
273
+ ${_styledcomponents.sliderTokens.tickSeparatorHeight}: 0.5rem;
274
+ ${_styledcomponents.sliderTokens.tickSeparatorBorderRadius}: 0.25rem;
256
275
  `
257
276
  },
258
277
  disabled: {
@@ -203,7 +203,7 @@ const config = {
203
203
  ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_platform_ai.bodyXS.letterSpacing};
204
204
  ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_sdds_platform_ai.bodyXS.lineHeight};
205
205
 
206
- ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
206
+ ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
207
207
  ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_sdds_platform_ai.bodyXS.fontFamily};
208
208
  ${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_sdds_platform_ai.bodyXS.fontSize};
209
209
  ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_sdds_platform_ai.bodyXS.fontStyle};
@@ -46,7 +46,7 @@ const config = {
46
46
  ${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: ${_sdds_platform_ai.bodyM.letterSpacing};
47
47
  ${_styledcomponents.textFieldGroupTokens.labelLineHeight}: ${_sdds_platform_ai.bodyM.lineHeight};
48
48
 
49
- ${_styledcomponents.textFieldGroupTokens.leftHelperPadding}: 0.25rem 0 0 0;
49
+ ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
50
50
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: ${_sdds_platform_ai.bodyXS.fontFamily};
51
51
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: ${_sdds_platform_ai.bodyXS.fontSize};
52
52
  ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: ${_sdds_platform_ai.bodyXS.fontStyle};
@@ -219,7 +219,7 @@ export const config = {
219
219
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
220
220
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
221
221
 
222
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
222
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
223
223
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
224
224
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
225
225
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -38,6 +38,9 @@ export const config = {
38
38
  size: {
39
39
  m: css`
40
40
  ${tokens.chipBorderRadius}: 0.625rem;
41
+ ${tokens.chipDefaultRadius}: 0.625rem;
42
+ ${tokens.chipSegmentedRadius}: 0.25rem;
43
+ ${tokens.chipSideRadius}: 0.625rem;
41
44
  ${tokens.chipWidth}: auto;
42
45
  ${tokens.chipHeight}: 2.5rem;
43
46
  ${tokens.chipPadding}: 0 0.875rem;
@@ -59,6 +62,9 @@ export const config = {
59
62
  `,
60
63
  xxs: css`
61
64
  ${tokens.chipBorderRadius}: 0.375rem;
65
+ ${tokens.chipDefaultRadius}: 0.375rem;
66
+ ${tokens.chipSegmentedRadius}: 0.125rem;
67
+ ${tokens.chipSideRadius}: 0.375rem;
62
68
  ${tokens.chipWidth}: auto;
63
69
  ${tokens.chipHeight}: 1.25rem;
64
70
  ${tokens.chipPadding}: 0 0.5rem;
@@ -86,6 +92,10 @@ export const config = {
86
92
  wide: css`
87
93
  ${tokens.chipGroupItemsGap}: 0.5rem;
88
94
  `
95
+ },
96
+ shape: {
97
+ segmented: css``,
98
+ default: css``
89
99
  }
90
100
  }
91
101
  };
@@ -25,6 +25,33 @@ export const config = {
25
25
  `
26
26
  },
27
27
  size: {
28
+ xl: css`
29
+ ${tokens.captionGap}: 0.875rem;
30
+ ${tokens.codeItemsGap}: 0.125rem;
31
+
32
+ ${tokens.separatorWidth}: 0.25rem;
33
+
34
+ ${tokens.codeItemWidth}: 3rem;
35
+ ${tokens.codeItemHeight}: 4rem;
36
+
37
+ ${tokens.fontFamily}: ${bodyL.fontFamily};
38
+ ${tokens.fontSize}: ${bodyL.fontSize};
39
+ ${tokens.fontStyle}: ${bodyL.fontStyle};
40
+ ${tokens.fontWeight}: ${bodyLBold.fontWeight};
41
+ ${tokens.letterSpacing}: ${bodyL.letterSpacing};
42
+ ${tokens.lineHeight}: ${bodyL.lineHeight};
43
+
44
+ ${tokens.captionFontFamily}: ${bodyS.fontFamily};
45
+ ${tokens.captionFontSize}: ${bodyS.fontSize};
46
+ ${tokens.captionFontStyle}: ${bodyS.fontStyle};
47
+ ${tokens.captionFontWeight}: ${bodyS.fontWeight};
48
+ ${tokens.captionLetterSpacing}: ${bodyS.letterSpacing};
49
+ ${tokens.captionLineHeight}: ${bodyS.lineHeight};
50
+
51
+ ${tokens.borderRadius}: 1rem;
52
+ ${tokens.borderRadiusSegmented}: 0.5rem;
53
+ ${tokens.segmentedSideBorderRadius}: 1rem;
54
+ `,
28
55
  l: css`
29
56
  ${tokens.captionGap}: 0.875rem;
30
57
  ${tokens.codeItemsGap}: 0.125rem;
@@ -271,7 +271,7 @@ export const config = {
271
271
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
272
272
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
273
273
 
274
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
274
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
275
275
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
276
276
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
277
277
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -399,7 +399,7 @@ export const config = {
399
399
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
400
400
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
401
401
 
402
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
402
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
403
403
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
404
404
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
405
405
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -4,7 +4,8 @@ export const config = {
4
4
  defaults: {
5
5
  view: 'default',
6
6
  size: 'm',
7
- pointerSize: 'small'
7
+ pointerSize: 'small',
8
+ tickType: 'bullet'
8
9
  },
9
10
  variations: {
10
11
  view: {
@@ -115,11 +116,13 @@ export const config = {
115
116
  ${sliderTokens.valueLineHeight}: ${bodyM.lineHeight};
116
117
 
117
118
  ${sliderTokens.tickSize}: 0.5rem;
119
+ ${sliderTokens.tickSeparatorGap}: 0.5rem;
118
120
 
119
121
  ${sliderTokens.currentValueTopOffset}: 1.625rem;
120
122
 
121
123
  ${sliderTokens.railThickness}: 0.25rem;
122
124
  ${sliderTokens.railBorderRadius}: 0.125rem;
125
+ ${sliderTokens.trackSegmentBorderRadius}: 1000px;
123
126
 
124
127
  ${sliderTokens.textFieldWrapperGap}: 0.125rem;
125
128
 
@@ -163,11 +166,13 @@ export const config = {
163
166
  ${sliderTokens.valueLineHeight}: ${bodyS.lineHeight};
164
167
 
165
168
  ${sliderTokens.tickSize}: 0.5rem;
169
+ ${sliderTokens.tickSeparatorGap}: 0.5rem;
166
170
 
167
171
  ${sliderTokens.currentValueTopOffset}: 1.75rem;
168
172
 
169
173
  ${sliderTokens.railThickness}: 0.25rem;
170
174
  ${sliderTokens.railBorderRadius}: 0.125rem;
175
+ ${sliderTokens.trackSegmentBorderRadius}: 1000px;
171
176
 
172
177
  ${sliderTokens.textFieldWrapperGap}: 0.125rem;
173
178
 
@@ -211,11 +216,13 @@ export const config = {
211
216
  ${sliderTokens.valueLineHeight}: ${bodyXS.lineHeight};
212
217
 
213
218
  ${sliderTokens.tickSize}: 0.5rem;
219
+ ${sliderTokens.tickSeparatorGap}: 0.5rem;
214
220
 
215
221
  ${sliderTokens.currentValueTopOffset}: 1.25rem;
216
222
 
217
223
  ${sliderTokens.railThickness}: 0.25rem;
218
224
  ${sliderTokens.railBorderRadius}: 0.125rem;
225
+ ${sliderTokens.trackSegmentBorderRadius}: 1000px;
219
226
 
220
227
  ${sliderTokens.textFieldWrapperGap}: 0.125rem;
221
228
 
@@ -235,14 +242,26 @@ export const config = {
235
242
  ${sliderTokens.thumbSize}: 1rem;
236
243
  ${sliderTokens.thumbBorderStyle}: solid;
237
244
  ${sliderTokens.thumbBorderWidth}: 0.0625rem;
245
+
246
+ ${sliderTokens.tickSeparatorWidth}: 0.25rem;
247
+ ${sliderTokens.tickSeparatorHeight}: 0.5rem;
248
+ ${sliderTokens.tickSeparatorBorderRadius}: 0.25rem;
238
249
  `,
239
250
  large: css`
240
251
  ${sliderTokens.thumbSize}: 1.25rem;
241
252
  ${sliderTokens.thumbBorderStyle}: solid;
242
253
  ${sliderTokens.thumbBorderWidth}: 0.0625rem;
254
+
255
+ ${sliderTokens.tickSeparatorWidth}: 0.25rem;
256
+ ${sliderTokens.tickSeparatorHeight}: 1rem;
257
+ ${sliderTokens.tickSeparatorBorderRadius}: 0.25rem;
243
258
  `,
244
259
  none: css`
245
260
  ${sliderTokens.thumbSize}: 0rem;
261
+
262
+ ${sliderTokens.tickSeparatorWidth}: 0.25rem;
263
+ ${sliderTokens.tickSeparatorHeight}: 0.5rem;
264
+ ${sliderTokens.tickSeparatorBorderRadius}: 0.25rem;
246
265
  `
247
266
  },
248
267
  disabled: {
@@ -193,7 +193,7 @@ export const config = {
193
193
  ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
194
194
  ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
195
195
 
196
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
196
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
197
197
  ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
198
198
  ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
199
199
  ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -36,7 +36,7 @@ export const config = {
36
36
  ${tokens.labelLetterSpacing}: ${bodyM.letterSpacing};
37
37
  ${tokens.labelLineHeight}: ${bodyM.lineHeight};
38
38
 
39
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
39
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
40
40
  ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
41
41
  ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
42
42
  ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-platform-ai",
3
- "version": "0.358.0-next-sbcom.0",
3
+ "version": "0.359.0-dev.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS PLATFORM-AI web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "publishConfig": {
@@ -19,7 +19,7 @@
19
19
  ],
20
20
  "repository": {
21
21
  "type": "git",
22
- "url": "ssh://git@github.com:salute-developers/plasma.git",
22
+ "url": "git+https://github.com/salute-developers/plasma.git",
23
23
  "directory": "packages/sdds-platform-ai"
24
24
  },
25
25
  "exports": {
@@ -40,8 +40,8 @@
40
40
  "styled-components": "^5.3.1"
41
41
  },
42
42
  "dependencies": {
43
- "@salutejs/plasma-new-hope": "0.371.0-next-sbcom.0",
44
- "@salutejs/sdds-themes": "0.72.0-next-sbcom.0"
43
+ "@salutejs/plasma-new-hope": "0.372.0-dev.0",
44
+ "@salutejs/sdds-themes": "0.73.0-dev.0"
45
45
  },
46
46
  "devDependencies": {
47
47
  "@babel/cli": "7.24.1",
@@ -59,11 +59,11 @@
59
59
  "@rollup/plugin-babel": "^6.0.4",
60
60
  "@rollup/plugin-commonjs": "^25.0.4",
61
61
  "@rollup/plugin-node-resolve": "^15.1.0",
62
- "@salutejs/plasma-colors": "0.16.0",
63
- "@salutejs/plasma-core": "1.234.0-next-sbcom.0",
64
- "@salutejs/plasma-cy-utils": "0.164.0-next-sbcom.0",
65
- "@salutejs/plasma-icons": "1.243.1-next-sbcom.0",
66
- "@salutejs/plasma-sb-utils": "0.235.0-next-sbcom.0",
62
+ "@salutejs/plasma-colors": "0.17.0-dev.0",
63
+ "@salutejs/plasma-core": "1.235.0-dev.0",
64
+ "@salutejs/plasma-cy-utils": "0.165.0-dev.0",
65
+ "@salutejs/plasma-icons": "1.244.0-dev.0",
66
+ "@salutejs/plasma-sb-utils": "0.236.0-dev.0",
67
67
  "@types/node": "16.7.13",
68
68
  "@types/react": "18.0.28",
69
69
  "@types/react-dom": "18.0.11",
@@ -109,5 +109,5 @@
109
109
  "sideEffects": [
110
110
  "*.css"
111
111
  ],
112
- "gitHead": "e3fdc1d1ec835c185f57201ef48ba11fdc04140d"
112
+ "gitHead": "f47f14d572251d01146ea257b4f87e906537a1e2"
113
113
  }
@@ -73,7 +73,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
73
73
  size?: string;
74
74
  name?: string;
75
75
  url?: string;
76
- customText?: import("react").ReactNode;
76
+ customText?: string;
77
77
  status?: "active" | "inactive";
78
78
  isScalable?: boolean;
79
79
  focused?: boolean;
@@ -101,7 +101,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
101
101
  size?: string;
102
102
  name?: string;
103
103
  url?: string;
104
- customText?: import("react").ReactNode;
104
+ customText?: string;
105
105
  status?: "active" | "inactive";
106
106
  isScalable?: boolean;
107
107
  focused?: boolean;
@@ -165,7 +165,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
165
165
  size?: string;
166
166
  name?: string;
167
167
  url?: string;
168
- customText?: import("react").ReactNode;
168
+ customText?: string;
169
169
  status?: "active" | "inactive";
170
170
  isScalable?: boolean;
171
171
  focused?: boolean;
@@ -193,7 +193,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
193
193
  size?: string;
194
194
  name?: string;
195
195
  url?: string;
196
- customText?: import("react").ReactNode;
196
+ customText?: string;
197
197
  status?: "active" | "inactive";
198
198
  isScalable?: boolean;
199
199
  focused?: boolean;
@@ -17,5 +17,9 @@ export declare const config: {
17
17
  dense: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
18
18
  wide: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
19
19
  };
20
+ shape: {
21
+ segmented: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
22
+ default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
23
+ };
20
24
  };
21
25
  };
@@ -12,4 +12,8 @@ export declare const ChipGroup: import("react").FunctionComponent<import("@salut
12
12
  dense: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
13
13
  wide: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
14
14
  };
15
+ shape: {
16
+ segmented: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
17
+ default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
18
+ };
15
19
  }> & import("@salutejs/plasma-new-hope/types/components/ChipGroup/ChipGroup.types.js").ChipGroupProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -9,6 +9,7 @@ export declare const config: {
9
9
  default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
10
10
  };
11
11
  size: {
12
+ xl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
12
13
  l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
13
14
  m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
14
15
  };
@@ -3,6 +3,7 @@ export declare const CodeField: import("react").FunctionComponent<import("@salut
3
3
  default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
4
4
  };
5
5
  size: {
6
+ xl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
6
7
  l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
7
8
  m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
8
9
  };
@@ -3,6 +3,7 @@ export declare const config: {
3
3
  view: string;
4
4
  size: string;
5
5
  pointerSize: string;
6
+ tickType: string;
6
7
  };
7
8
  variations: {
8
9
  view: {
@@ -48,9 +48,10 @@ export declare const Slider: import("react").FunctionComponent<import("@salutejs
48
48
  labelContent?: import("react").ReactNode;
49
49
  type?: "single";
50
50
  pointerSize?: "small" | "large" | "none";
51
+ tickType?: "bullet" | "separator";
51
52
  pointerVisibility?: "always" | "hover";
52
53
  currentValueVisibility?: "always" | "hover";
53
- scaleTicks?: number[];
54
+ scaleTicks?: number[] | import("@salutejs/plasma-new-hope/types/components/Slider/components/Single/Single.types.js").ScaleTickItem[];
54
55
  } & import("react").RefAttributes<HTMLDivElement>) | (import("@salutejs/plasma-new-hope/types/components/Slider/components/SliderBase/SliderBase.types.js").SliderBaseProps & import("@salutejs/plasma-new-hope/types/components/Slider/components/index.js").SliderInternalProps & {
55
56
  onChange?: (event: import("@salutejs/plasma-new-hope/types/types/FormType.js").FormTypeNumber) => void;
56
57
  name: string;
@@ -77,9 +78,10 @@ export declare const Slider: import("react").FunctionComponent<import("@salutejs
77
78
  labelContent?: import("react").ReactNode;
78
79
  type?: "single";
79
80
  pointerSize?: "small" | "large" | "none";
81
+ tickType?: "bullet" | "separator";
80
82
  pointerVisibility?: "always" | "hover";
81
83
  currentValueVisibility?: "always" | "hover";
82
- scaleTicks?: number[];
84
+ scaleTicks?: number[] | import("@salutejs/plasma-new-hope/types/components/Slider/components/Single/Single.types.js").ScaleTickItem[];
83
85
  } & import("react").RefAttributes<HTMLDivElement>) | (import("@salutejs/plasma-new-hope/types/components/Slider/components/SliderBase/SliderBase.types.js").SliderBaseProps & import("@salutejs/plasma-new-hope/types/components/Slider/components/index.js").SliderInternalProps & {
84
86
  onChange?: (value: number) => void;
85
87
  value: number;
@@ -107,9 +109,10 @@ export declare const Slider: import("react").FunctionComponent<import("@salutejs
107
109
  labelContent?: import("react").ReactNode;
108
110
  type?: "single";
109
111
  pointerSize?: "small" | "large" | "none";
112
+ tickType?: "bullet" | "separator";
110
113
  pointerVisibility?: "always" | "hover";
111
114
  currentValueVisibility?: "always" | "hover";
112
- scaleTicks?: number[];
115
+ scaleTicks?: number[] | import("@salutejs/plasma-new-hope/types/components/Slider/components/Single/Single.types.js").ScaleTickItem[];
113
116
  } & import("react").RefAttributes<HTMLDivElement>) | (import("@salutejs/plasma-new-hope/types/components/Slider/components/SliderBase/SliderBase.types.js").SliderBaseProps & import("@salutejs/plasma-new-hope/types/components/Slider/components/index.js").SliderInternalProps & {
114
117
  onChange?: (value: number) => void;
115
118
  value: number;
@@ -136,9 +139,10 @@ export declare const Slider: import("react").FunctionComponent<import("@salutejs
136
139
  labelContent?: import("react").ReactNode;
137
140
  type?: "single";
138
141
  pointerSize?: "small" | "large" | "none";
142
+ tickType?: "bullet" | "separator";
139
143
  pointerVisibility?: "always" | "hover";
140
144
  currentValueVisibility?: "always" | "hover";
141
- scaleTicks?: number[];
145
+ scaleTicks?: number[] | import("@salutejs/plasma-new-hope/types/components/Slider/components/Single/Single.types.js").ScaleTickItem[];
142
146
  } & import("react").RefAttributes<HTMLDivElement>) | (import("@salutejs/plasma-new-hope/types/components/Slider/components/SliderBase/SliderBase.types.js").SliderBaseProps & import("@salutejs/plasma-new-hope/types/components/Slider/components/index.js").SliderInternalProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
143
147
  onChange?: (event: import("@salutejs/plasma-new-hope/types/types/FormType.js").FormTypeString) => void;
144
148
  name?: string;
@@ -64,7 +64,7 @@ export declare const TimePicker: import("react").FunctionComponent<import("@salu
64
64
  hintWidth?: string;
65
65
  hintContentLeft?: import("react").ReactNode;
66
66
  hintPortal?: string | import("react").RefObject<HTMLElement | null>;
67
- } & import("@salutejs/plasma-new-hope/types/components/TimePicker/TimePicker.types.js").TimePickerPopoverProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "defaultValue"> & import("react").RefAttributes<HTMLDivElement>) | ({
67
+ } & import("@salutejs/plasma-new-hope/types/components/TimePicker/TimePicker.types.js").TimePickerPopoverProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "defaultValue"> & import("react").RefAttributes<HTMLInputElement>) | ({
68
68
  dropdownAlign?: "left" | "right";
69
69
  dropdownWidth?: "auto" | "fullWidth" | import("react").CSSProperties["width"];
70
70
  dropdownHeight?: import("react").CSSProperties["height"];
@@ -110,4 +110,4 @@ export declare const TimePicker: import("react").FunctionComponent<import("@salu
110
110
  hintWidth?: never;
111
111
  hintContentLeft?: never;
112
112
  hintPortal?: never;
113
- } & import("@salutejs/plasma-new-hope/types/components/TimePicker/TimePicker.types.js").TimePickerPopoverProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "defaultValue"> & import("react").RefAttributes<HTMLDivElement>))>;
113
+ } & import("@salutejs/plasma-new-hope/types/components/TimePicker/TimePicker.types.js").TimePickerPopoverProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "defaultValue"> & import("react").RefAttributes<HTMLInputElement>))>;