@salutejs/plasma-web 1.641.0-next-sbcom.0 → 1.641.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 (119) hide show
  1. package/README.md +4 -4
  2. package/dist/css/cjs/components/Autocomplete/Autocomplete.config.js +1 -1
  3. package/dist/css/cjs/components/Autocomplete/Autocomplete.config.js.map +1 -1
  4. package/dist/css/cjs/components/Autocomplete/{Autocomplete.config_1xpx46s.css → Autocomplete.config_1cj8j7d.css} +4 -4
  5. package/dist/css/cjs/components/Autocomplete/Autocomplete.css +14 -14
  6. package/dist/css/cjs/components/Calendar/Calendar.config.js +1 -1
  7. package/dist/css/cjs/components/Calendar/Calendar.config.js.map +1 -1
  8. package/dist/css/{es/components/Calendar/Calendar.config_1wkle4r.css → cjs/components/Calendar/Calendar.config_sm4qul.css} +5 -5
  9. package/dist/css/cjs/components/Calendar/Calendar.css +16 -16
  10. package/dist/css/cjs/components/Calendar/CalendarDouble.config.js +1 -1
  11. package/dist/css/cjs/components/Calendar/CalendarDouble.config.js.map +1 -1
  12. package/dist/css/{es/components/Calendar/CalendarDouble.config_1pfgpn2.css → cjs/components/Calendar/CalendarDouble.config_x0ke7h.css} +5 -5
  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_1x1ehb2.css → cjs/components/Combobox/Combobox.config_xu4ehc.css} +4 -4
  16. package/dist/css/cjs/components/Combobox/Combobox.css +17 -17
  17. package/dist/css/cjs/components/DatePicker/DatePicker.config.js +1 -1
  18. package/dist/css/cjs/components/DatePicker/DatePicker.config.js.map +1 -1
  19. package/dist/css/cjs/components/DatePicker/{DatePicker.config_zlxyln.css → DatePicker.config_ijgbnd.css} +5 -5
  20. package/dist/css/cjs/components/DatePicker/DatePicker.css +13 -13
  21. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.config.js +1 -1
  22. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.config.js.map +1 -1
  23. package/dist/css/{es/components/DateTimePicker/DateTimePicker.config_1q0zj9c.css → cjs/components/DateTimePicker/DateTimePicker.config_1ffbh7q.css} +5 -5
  24. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.css +13 -13
  25. package/dist/css/cjs/components/Mask/Mask.css +42 -42
  26. package/dist/css/cjs/components/Select/Select.config.js +1 -1
  27. package/dist/css/cjs/components/Select/Select.config.js.map +1 -1
  28. package/dist/css/cjs/components/Select/{Select.config_924q25.css → Select.config_11p7bi0.css} +4 -4
  29. package/dist/css/cjs/components/Select/Select.css +23 -23
  30. package/dist/css/cjs/components/Spinner/Spinner.config.js +1 -1
  31. package/dist/css/cjs/components/Spinner/Spinner.config.js.map +1 -1
  32. package/dist/css/cjs/components/Spinner/{Spinner.config_is3kyo.css → Spinner.config_ye49oa.css} +3 -3
  33. package/dist/css/cjs/components/Spinner/Spinner.css +12 -12
  34. package/dist/css/cjs/components/Spinner/Spinner.js +0 -2
  35. package/dist/css/cjs/components/Spinner/Spinner.js.map +1 -1
  36. package/dist/css/cjs/components/TextField/TextField.clear.config.js +1 -1
  37. package/dist/css/cjs/components/TextField/TextField.clear.config.js.map +1 -1
  38. package/dist/css/cjs/components/TextField/{TextField.clear.config_1rp41vj.css → TextField.clear.config_1g82q62.css} +5 -5
  39. package/dist/css/cjs/components/TextField/TextField.config.js +1 -1
  40. package/dist/css/cjs/components/TextField/TextField.config.js.map +1 -1
  41. package/dist/css/{es/components/TextField/TextField.config_r82nhl.css → cjs/components/TextField/TextField.config_gm1kei.css} +5 -5
  42. package/dist/css/cjs/components/TextFieldGroup/TextFieldGroup.config.js +1 -1
  43. package/dist/css/cjs/components/TextFieldGroup/TextFieldGroup.config.js.map +1 -1
  44. package/dist/css/cjs/components/TextFieldGroup/{TextFieldGroup.config_5ro0j0.css → TextFieldGroup.config_1u4pzwr.css} +4 -4
  45. package/dist/css/cjs/components/TextFieldGroup/TextFieldGroup.css +9 -9
  46. package/dist/css/cjs/index.css +166 -166
  47. package/dist/css/es/components/Autocomplete/Autocomplete.config.js +1 -1
  48. package/dist/css/es/components/Autocomplete/Autocomplete.config.js.map +1 -1
  49. package/dist/css/es/components/Autocomplete/{Autocomplete.config_1xpx46s.css → Autocomplete.config_1cj8j7d.css} +4 -4
  50. package/dist/css/es/components/Autocomplete/Autocomplete.css +14 -14
  51. package/dist/css/es/components/Calendar/Calendar.config.js +1 -1
  52. package/dist/css/es/components/Calendar/Calendar.config.js.map +1 -1
  53. package/dist/css/{cjs/components/Calendar/Calendar.config_1wkle4r.css → es/components/Calendar/Calendar.config_sm4qul.css} +5 -5
  54. package/dist/css/es/components/Calendar/Calendar.css +16 -16
  55. package/dist/css/es/components/Calendar/CalendarDouble.config.js +1 -1
  56. package/dist/css/es/components/Calendar/CalendarDouble.config.js.map +1 -1
  57. package/dist/css/{cjs/components/Calendar/CalendarDouble.config_1pfgpn2.css → es/components/Calendar/CalendarDouble.config_x0ke7h.css} +5 -5
  58. package/dist/css/es/components/Combobox/Combobox.config.js +1 -1
  59. package/dist/css/es/components/Combobox/Combobox.config.js.map +1 -1
  60. package/dist/css/{cjs/components/Combobox/Combobox.config_1x1ehb2.css → es/components/Combobox/Combobox.config_xu4ehc.css} +4 -4
  61. package/dist/css/es/components/Combobox/Combobox.css +17 -17
  62. package/dist/css/es/components/DatePicker/DatePicker.config.js +1 -1
  63. package/dist/css/es/components/DatePicker/DatePicker.config.js.map +1 -1
  64. package/dist/css/es/components/DatePicker/{DatePicker.config_zlxyln.css → DatePicker.config_ijgbnd.css} +5 -5
  65. package/dist/css/es/components/DatePicker/DatePicker.css +13 -13
  66. package/dist/css/es/components/DateTimePicker/DateTimePicker.config.js +1 -1
  67. package/dist/css/es/components/DateTimePicker/DateTimePicker.config.js.map +1 -1
  68. package/dist/css/{cjs/components/DateTimePicker/DateTimePicker.config_1q0zj9c.css → es/components/DateTimePicker/DateTimePicker.config_1ffbh7q.css} +5 -5
  69. package/dist/css/es/components/DateTimePicker/DateTimePicker.css +13 -13
  70. package/dist/css/es/components/Mask/Mask.css +42 -42
  71. package/dist/css/es/components/Select/Select.config.js +1 -1
  72. package/dist/css/es/components/Select/Select.config.js.map +1 -1
  73. package/dist/css/es/components/Select/{Select.config_924q25.css → Select.config_11p7bi0.css} +4 -4
  74. package/dist/css/es/components/Select/Select.css +23 -23
  75. package/dist/css/es/components/Spinner/Spinner.config.js +1 -1
  76. package/dist/css/es/components/Spinner/Spinner.config.js.map +1 -1
  77. package/dist/css/es/components/Spinner/{Spinner.config_is3kyo.css → Spinner.config_ye49oa.css} +3 -3
  78. package/dist/css/es/components/Spinner/Spinner.css +12 -12
  79. package/dist/css/es/components/Spinner/Spinner.js +0 -2
  80. package/dist/css/es/components/Spinner/Spinner.js.map +1 -1
  81. package/dist/css/es/components/TextField/TextField.clear.config.js +1 -1
  82. package/dist/css/es/components/TextField/TextField.clear.config.js.map +1 -1
  83. package/dist/css/es/components/TextField/{TextField.clear.config_1rp41vj.css → TextField.clear.config_1g82q62.css} +5 -5
  84. package/dist/css/es/components/TextField/TextField.config.js +1 -1
  85. package/dist/css/es/components/TextField/TextField.config.js.map +1 -1
  86. package/dist/css/{cjs/components/TextField/TextField.config_r82nhl.css → es/components/TextField/TextField.config_gm1kei.css} +5 -5
  87. package/dist/css/es/components/TextFieldGroup/TextFieldGroup.config.js +1 -1
  88. package/dist/css/es/components/TextFieldGroup/TextFieldGroup.config.js.map +1 -1
  89. package/dist/css/es/components/TextFieldGroup/{TextFieldGroup.config_5ro0j0.css → TextFieldGroup.config_1u4pzwr.css} +4 -4
  90. package/dist/css/es/components/TextFieldGroup/TextFieldGroup.css +9 -9
  91. package/dist/css/es/index.css +166 -166
  92. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +4 -4
  93. package/dist/styled-components/cjs/components/Calendar/Calendar.config.js +0 -5
  94. package/dist/styled-components/cjs/components/Calendar/CalendarDouble.config.js +0 -5
  95. package/dist/styled-components/cjs/components/Combobox/Combobox.config.js +4 -4
  96. package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +0 -5
  97. package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js +0 -5
  98. package/dist/styled-components/cjs/components/Select/Select.config.js +4 -4
  99. package/dist/styled-components/cjs/components/Spinner/Spinner.config.js +12 -12
  100. package/dist/styled-components/cjs/components/Spinner/Spinner.js +12 -1
  101. package/dist/styled-components/cjs/components/TextField/TextField.clear.config.js +5 -5
  102. package/dist/styled-components/cjs/components/TextField/TextField.config.js +5 -5
  103. package/dist/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.config.js +4 -4
  104. package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +4 -4
  105. package/dist/styled-components/es/components/Calendar/Calendar.config.js +0 -5
  106. package/dist/styled-components/es/components/Calendar/CalendarDouble.config.js +0 -5
  107. package/dist/styled-components/es/components/Combobox/Combobox.config.js +4 -4
  108. package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +0 -5
  109. package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.config.js +0 -5
  110. package/dist/styled-components/es/components/Select/Select.config.js +4 -4
  111. package/dist/styled-components/es/components/Spinner/Spinner.config.js +13 -13
  112. package/dist/styled-components/es/components/Spinner/Spinner.js +7 -1
  113. package/dist/styled-components/es/components/TextField/TextField.clear.config.js +5 -5
  114. package/dist/styled-components/es/components/TextField/TextField.config.js +5 -5
  115. package/dist/styled-components/es/components/TextFieldGroup/TextFieldGroup.config.js +4 -4
  116. package/package.json +14 -14
  117. package/types/components/Avatar/Avatar.d.ts +4 -4
  118. package/types/components/Spinner/Spinner.d.ts +3 -33
  119. package/types/components/Spinner/index.d.ts +1 -1
@@ -259,7 +259,6 @@ export const config = {
259
259
  ${tokens.calendarHeaderWrapperPadding}: 0;
260
260
  ${tokens.calendarHeaderArrowGap}: 0.5rem;
261
261
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
262
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
263
262
 
264
263
  ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
265
264
  ${tokens.calendarHeaderDateGap}: 0.5rem;
@@ -432,7 +431,6 @@ export const config = {
432
431
  ${tokens.calendarHeaderWrapperPadding}: 0;
433
432
  ${tokens.calendarHeaderArrowGap}: 0.5rem;
434
433
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
435
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
436
434
 
437
435
  ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
438
436
  ${tokens.calendarHeaderDateGap}: 0.5rem;
@@ -605,7 +603,6 @@ export const config = {
605
603
  ${tokens.calendarHeaderWrapperPadding}: 0;
606
604
  ${tokens.calendarHeaderArrowGap}: 0;
607
605
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
608
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
609
606
 
610
607
  ${tokens.calendarHeaderPadding}: 0 0 0 0.75rem;
611
608
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -778,7 +775,6 @@ export const config = {
778
775
  ${tokens.calendarHeaderWrapperPadding}: 0;
779
776
  ${tokens.calendarHeaderArrowGap}: 0;
780
777
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
781
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
782
778
 
783
779
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
784
780
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -951,7 +947,6 @@ export const config = {
951
947
  ${tokens.calendarHeaderWrapperPadding}: 0;
952
948
  ${tokens.calendarHeaderArrowGap}: 0;
953
949
  ${tokens.calendarHeaderArrowCustomSize}: 1rem;
954
- ${tokens.calendarHeaderArrowSize}: 1rem;
955
950
 
956
951
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
957
952
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -227,7 +227,6 @@ export const config = {
227
227
  ${tokens.calendarHeaderWrapperPadding}: 0;
228
228
  ${tokens.calendarHeaderArrowGap}: 0;
229
229
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
230
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
231
230
 
232
231
  ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
233
232
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -396,7 +395,6 @@ export const config = {
396
395
  ${tokens.calendarHeaderWrapperPadding}: 0;
397
396
  ${tokens.calendarHeaderArrowGap}: 0.5rem;
398
397
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
399
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
400
398
 
401
399
  ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
402
400
  ${tokens.calendarHeaderDateGap}: 0.5rem;
@@ -565,7 +563,6 @@ export const config = {
565
563
  ${tokens.calendarHeaderWrapperPadding}: 0;
566
564
  ${tokens.calendarHeaderArrowGap}: 0;
567
565
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
568
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
569
566
 
570
567
  ${tokens.calendarHeaderPadding}: 0 0 0 0.75rem;
571
568
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -734,7 +731,6 @@ export const config = {
734
731
  ${tokens.calendarHeaderWrapperPadding}: 0;
735
732
  ${tokens.calendarHeaderArrowGap}: 0;
736
733
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
737
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
738
734
 
739
735
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
740
736
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -903,7 +899,6 @@ export const config = {
903
899
  ${tokens.calendarHeaderWrapperPadding}: 0;
904
900
  ${tokens.calendarHeaderArrowGap}: 0;
905
901
  ${tokens.calendarHeaderArrowCustomSize}: 1rem;
906
- ${tokens.calendarHeaderArrowSize}: 1rem;
907
902
 
908
903
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
909
904
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -409,7 +409,7 @@ export const config = {
409
409
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
410
410
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
411
411
 
412
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
412
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
413
413
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
414
414
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
415
415
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -535,7 +535,7 @@ export const config = {
535
535
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
536
536
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
537
537
 
538
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
538
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
539
539
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
540
540
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
541
541
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -661,7 +661,7 @@ export const config = {
661
661
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
662
662
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
663
663
 
664
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
664
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
665
665
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
666
666
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
667
667
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -787,7 +787,7 @@ export const config = {
787
787
  ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
788
788
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
789
789
 
790
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
790
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
791
791
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
792
792
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
793
793
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -1,4 +1,4 @@
1
- import { css, spinnerTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
1
+ import { css } from '@salutejs/plasma-new-hope/styled-components';
2
2
  export const config = {
3
3
  defaults: {
4
4
  view: 'accent',
@@ -7,45 +7,45 @@ export const config = {
7
7
  variations: {
8
8
  size: {
9
9
  s: css`
10
- ${tokens.size}: 1rem;
10
+ --plasma-spinner-size: 16px;
11
11
  `,
12
12
  m: css`
13
- ${tokens.size}: 1.5rem;
13
+ --plasma-spinner-size: 24px;
14
14
  `,
15
15
  l: css`
16
- ${tokens.size}: 2.25rem;
16
+ --plasma-spinner-size: 36px;
17
17
  `
18
18
  },
19
19
  view: {
20
20
  default: css`
21
- ${tokens.color}: var(--text-primary);
21
+ --plasma-spinner-color: var(--text-primary);
22
22
  `,
23
23
  /**
24
24
  * @deprecated
25
25
  * использовать `default`
26
26
  */ primary: css`
27
- ${tokens.color}: var(--text-primary);
27
+ --plasma-spinner-color: var(--text-primary);
28
28
  `,
29
29
  secondary: css`
30
- ${tokens.color}: var(--text-secondary);
30
+ --plasma-spinner-color: var(--text-secondary);
31
31
  `,
32
32
  tertiary: css`
33
- ${tokens.color}: var(--text-tertiary);
33
+ --plasma-spinner-color: var(--text-tertiary);
34
34
  `,
35
35
  paragraph: css`
36
- ${tokens.color}: var(--text-paragraph);
36
+ --plasma-spinner-color: var(--text-paragraph);
37
37
  `,
38
38
  accent: css`
39
- ${tokens.color}: var(--text-accent);
39
+ --plasma-spinner-color: var(--text-accent);
40
40
  `,
41
41
  positive: css`
42
- ${tokens.color}: var(--text-positive);
42
+ --plasma-spinner-color: var(--text-positive);
43
43
  `,
44
44
  warning: css`
45
- ${tokens.color}: var(--text-warning);
45
+ --plasma-spinner-color: var(--text-warning);
46
46
  `,
47
47
  negative: css`
48
- ${tokens.color}: var(--text-negative);
48
+ --plasma-spinner-color: var(--text-negative);
49
49
  `
50
50
  }
51
51
  }
@@ -1,7 +1,13 @@
1
1
  import { spinnerConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
2
+ import styled from 'styled-components';
2
3
  import { config } from './Spinner.config';
3
4
  const mergedConfig = mergeConfig(spinnerConfig, config);
4
5
  const SpinnerComponent = component(mergedConfig);
5
6
  /**
6
7
  * Компонент для отображения индикатора загрузки.
7
- */ export const Spinner = SpinnerComponent;
8
+ */ export const Spinner = styled(SpinnerComponent).withConfig({
9
+ displayName: "Spinner",
10
+ componentId: "sc-a06270b0-0"
11
+ })([
12
+ ``
13
+ ]);
@@ -181,7 +181,7 @@ export const config = {
181
181
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
182
182
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
183
183
 
184
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
184
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
185
185
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
186
186
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
187
187
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -273,7 +273,7 @@ export const config = {
273
273
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
274
274
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
275
275
 
276
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
276
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
277
277
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
278
278
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
279
279
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -357,7 +357,7 @@ export const config = {
357
357
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
358
358
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
359
359
 
360
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
360
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
361
361
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
362
362
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
363
363
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -441,7 +441,7 @@ export const config = {
441
441
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
442
442
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
443
443
 
444
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
444
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
445
445
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
446
446
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
447
447
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -525,7 +525,7 @@ export const config = {
525
525
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
526
526
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
527
527
 
528
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
528
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
529
529
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
530
530
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
531
531
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -170,7 +170,7 @@ export const config = {
170
170
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
171
171
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
172
172
 
173
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
173
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
174
174
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
175
175
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
176
176
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -263,7 +263,7 @@ export const config = {
263
263
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
264
264
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
265
265
 
266
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
266
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
267
267
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
268
268
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
269
269
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -348,7 +348,7 @@ export const config = {
348
348
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
349
349
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
350
350
 
351
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
351
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
352
352
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
353
353
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
354
354
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -433,7 +433,7 @@ export const config = {
433
433
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
434
434
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
435
435
 
436
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
436
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
437
437
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
438
438
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
439
439
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -518,7 +518,7 @@ export const config = {
518
518
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
519
519
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
520
520
 
521
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
521
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
522
522
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
523
523
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
524
524
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -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/plasma-web",
3
- "version": "1.641.0-next-sbcom.0",
3
+ "version": "1.641.0",
4
4
  "description": "Salute Design System / React UI kit for web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "publishConfig": {
@@ -41,14 +41,14 @@
41
41
  "styled-components": "^5.1.1"
42
42
  },
43
43
  "dependencies": {
44
- "@salutejs/plasma-core": "1.246.0-next-sbcom.0",
45
- "@salutejs/plasma-hope": "1.393.0-next-sbcom.0",
46
- "@salutejs/plasma-new-hope": "0.383.0-next-sbcom.0",
47
- "@salutejs/plasma-themes": "0.67.0-next-sbcom.0",
48
- "@salutejs/plasma-tokens-b2b": "1.69.0-next-sbcom.0",
49
- "@salutejs/plasma-tokens-b2c": "0.80.0-next-sbcom.0",
50
- "@salutejs/plasma-tokens-web": "1.84.0-next-sbcom.0",
51
- "@salutejs/plasma-typo": "0.57.0-next-sbcom.0"
44
+ "@salutejs/plasma-core": "1.245.0",
45
+ "@salutejs/plasma-hope": "1.392.0",
46
+ "@salutejs/plasma-new-hope": "0.383.0",
47
+ "@salutejs/plasma-themes": "0.66.0",
48
+ "@salutejs/plasma-tokens-b2b": "1.68.0",
49
+ "@salutejs/plasma-tokens-b2c": "0.79.0",
50
+ "@salutejs/plasma-tokens-web": "1.83.0",
51
+ "@salutejs/plasma-typo": "0.56.0"
52
52
  },
53
53
  "devDependencies": {
54
54
  "@babel/cli": "7.24.1",
@@ -63,10 +63,10 @@
63
63
  "@rollup/plugin-babel": "6.0.4",
64
64
  "@rollup/plugin-commonjs": "25.0.7",
65
65
  "@rollup/plugin-node-resolve": "15.2.3",
66
- "@salutejs/plasma-colors": "0.26.0-next-sbcom.0",
67
- "@salutejs/plasma-cy-utils": "0.176.0-next-sbcom.0",
68
- "@salutejs/plasma-icons": "1.253.0-next-sbcom.0",
69
- "@salutejs/plasma-sb-utils": "0.247.0-next-sbcom.0",
66
+ "@salutejs/plasma-colors": "0.25.0",
67
+ "@salutejs/plasma-cy-utils": "0.175.0",
68
+ "@salutejs/plasma-icons": "1.252.0",
69
+ "@salutejs/plasma-sb-utils": "0.246.0",
70
70
  "@types/node": "16.7.13",
71
71
  "@types/react": "18.0.28",
72
72
  "@types/react-dom": "18.0.11",
@@ -111,5 +111,5 @@
111
111
  "sideEffects": [
112
112
  "*.css"
113
113
  ],
114
- "gitHead": "c62684bb3d9ab338c855e9e88388bead92899739"
114
+ "gitHead": "f0c723fb6cbc14c286e23fc3899929c2336fe7e9"
115
115
  }
@@ -77,7 +77,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
77
77
  size?: string;
78
78
  name?: string;
79
79
  url?: string;
80
- customText?: import("react").ReactNode;
80
+ customText?: string;
81
81
  status?: "active" | "inactive";
82
82
  isScalable?: boolean;
83
83
  focused?: boolean;
@@ -106,7 +106,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
106
106
  size?: string;
107
107
  name?: string;
108
108
  url?: string;
109
- customText?: import("react").ReactNode;
109
+ customText?: string;
110
110
  status?: "active" | "inactive";
111
111
  isScalable?: boolean;
112
112
  focused?: boolean;
@@ -173,7 +173,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
173
173
  size?: string;
174
174
  name?: string;
175
175
  url?: string;
176
- customText?: import("react").ReactNode;
176
+ customText?: string;
177
177
  status?: "active" | "inactive";
178
178
  isScalable?: boolean;
179
179
  focused?: boolean;
@@ -202,7 +202,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
202
202
  size?: string;
203
203
  name?: string;
204
204
  url?: string;
205
- customText?: import("react").ReactNode;
205
+ customText?: string;
206
206
  status?: "active" | "inactive";
207
207
  isScalable?: boolean;
208
208
  focused?: boolean;
@@ -1,36 +1,6 @@
1
- import type { ComponentProps, FunctionComponent } from 'react';
2
- declare const SpinnerComponent: FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
3
- size: {
4
- s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
5
- m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
6
- l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
7
- };
8
- view: {
9
- default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
10
- primary: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
11
- secondary: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
12
- tertiary: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
13
- paragraph: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
14
- accent: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
15
- positive: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
16
- warning: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
17
- negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
18
- };
19
- }> & import("react").HTMLAttributes<HTMLDivElement> & {
20
- size?: string | number;
21
- view?: string;
22
- strokeSize?: number;
23
- width?: string | number;
24
- height?: string | number;
25
- color?: string;
26
- deviceScale?: number;
27
- } & import("react").RefAttributes<HTMLDivElement>>;
28
- type Variations = ComponentProps<typeof SpinnerComponent>;
29
- type SpinnerComponentProps = Omit<Variations, 'size'> & {
30
- size?: Variations['size'] | number;
31
- };
1
+ import { FunctionComponent } from 'react';
2
+ import type { SpinnerProps } from '.';
32
3
  /**
33
4
  * Компонент для отображения индикатора загрузки.
34
5
  */
35
- export declare const Spinner: FunctionComponent<SpinnerComponentProps>;
36
- export {};
6
+ export declare const Spinner: import("styled-components").StyledComponent<FunctionComponent<SpinnerProps>, any, {}, never>;
@@ -1,2 +1,2 @@
1
1
  export { Spinner } from './Spinner';
2
- export type { SpinnerProps } from '@salutejs/plasma-new-hope/styled-components';
2
+ export type { SpinnerProps } from '@salutejs/plasma-core';