@salutejs/sdds-scan 0.372.0-next-sbcom.0 → 0.372.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 (73) 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_1agasej.css → Autocomplete.config_147p22p.css} +2 -2
  4. package/dist/css/cjs/components/Autocomplete/Autocomplete.css +12 -12
  5. package/dist/css/cjs/components/Calendar/Calendar.config.js +1 -1
  6. package/dist/css/cjs/components/Calendar/Calendar.config.js.map +1 -1
  7. package/dist/css/{es/components/Calendar/Calendar.config_x901dx.css → cjs/components/Calendar/Calendar.config_13qlc3k.css} +2 -2
  8. package/dist/css/cjs/components/Calendar/Calendar.css +10 -10
  9. package/dist/css/cjs/components/Calendar/CalendarDouble.config.js +1 -1
  10. package/dist/css/cjs/components/Calendar/CalendarDouble.config.js.map +1 -1
  11. package/dist/css/cjs/components/Calendar/{CalendarDouble.config_152ezcc.css → CalendarDouble.config_xlc8a.css} +2 -2
  12. package/dist/css/cjs/components/DatePicker/DatePicker.config.js +1 -1
  13. package/dist/css/cjs/components/DatePicker/DatePicker.config.js.map +1 -1
  14. package/dist/css/{es/components/DatePicker/DatePicker.config_1xy9d5w.css → cjs/components/DatePicker/DatePicker.config_1b5t9hz.css} +2 -2
  15. package/dist/css/cjs/components/DatePicker/DatePicker.css +10 -10
  16. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.config.js +1 -1
  17. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.config.js.map +1 -1
  18. package/dist/css/cjs/components/DateTimePicker/{DateTimePicker.config_1qtejwo.css → DateTimePicker.config_700nbi.css} +5 -5
  19. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.css +13 -13
  20. package/dist/css/cjs/components/Spinner/Spinner.config.js +9 -18
  21. package/dist/css/cjs/components/Spinner/Spinner.config.js.map +1 -1
  22. package/dist/css/cjs/components/Spinner/Spinner.config_1sal5bb.css +8 -0
  23. package/dist/css/cjs/components/Spinner/Spinner.css +8 -15
  24. package/dist/css/cjs/components/Spinner/Spinner.js +0 -3
  25. package/dist/css/cjs/components/Spinner/Spinner.js.map +1 -1
  26. package/dist/css/cjs/index.css +55 -62
  27. package/dist/css/es/components/Autocomplete/Autocomplete.config.js +1 -1
  28. package/dist/css/es/components/Autocomplete/Autocomplete.config.js.map +1 -1
  29. package/dist/css/es/components/Autocomplete/{Autocomplete.config_1agasej.css → Autocomplete.config_147p22p.css} +2 -2
  30. package/dist/css/es/components/Autocomplete/Autocomplete.css +12 -12
  31. package/dist/css/es/components/Calendar/Calendar.config.js +1 -1
  32. package/dist/css/es/components/Calendar/Calendar.config.js.map +1 -1
  33. package/dist/css/{cjs/components/Calendar/Calendar.config_x901dx.css → es/components/Calendar/Calendar.config_13qlc3k.css} +2 -2
  34. package/dist/css/es/components/Calendar/Calendar.css +10 -10
  35. package/dist/css/es/components/Calendar/CalendarDouble.config.js +1 -1
  36. package/dist/css/es/components/Calendar/CalendarDouble.config.js.map +1 -1
  37. package/dist/css/es/components/Calendar/{CalendarDouble.config_152ezcc.css → CalendarDouble.config_xlc8a.css} +2 -2
  38. package/dist/css/es/components/DatePicker/DatePicker.config.js +1 -1
  39. package/dist/css/es/components/DatePicker/DatePicker.config.js.map +1 -1
  40. package/dist/css/{cjs/components/DatePicker/DatePicker.config_1xy9d5w.css → es/components/DatePicker/DatePicker.config_1b5t9hz.css} +2 -2
  41. package/dist/css/es/components/DatePicker/DatePicker.css +10 -10
  42. package/dist/css/es/components/DateTimePicker/DateTimePicker.config.js +1 -1
  43. package/dist/css/es/components/DateTimePicker/DateTimePicker.config.js.map +1 -1
  44. package/dist/css/es/components/DateTimePicker/{DateTimePicker.config_1qtejwo.css → DateTimePicker.config_700nbi.css} +5 -5
  45. package/dist/css/es/components/DateTimePicker/DateTimePicker.css +13 -13
  46. package/dist/css/es/components/Spinner/Spinner.config.js +9 -18
  47. package/dist/css/es/components/Spinner/Spinner.config.js.map +1 -1
  48. package/dist/css/es/components/Spinner/Spinner.config_1sal5bb.css +8 -0
  49. package/dist/css/es/components/Spinner/Spinner.css +8 -15
  50. package/dist/css/es/components/Spinner/Spinner.js +0 -3
  51. package/dist/css/es/components/Spinner/Spinner.js.map +1 -1
  52. package/dist/css/es/index.css +55 -62
  53. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +2 -2
  54. package/dist/styled-components/cjs/components/Calendar/Calendar.config.js +0 -2
  55. package/dist/styled-components/cjs/components/Calendar/CalendarDouble.config.js +0 -2
  56. package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +0 -2
  57. package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js +0 -5
  58. package/dist/styled-components/cjs/components/Spinner/Spinner.config.js +8 -31
  59. package/dist/styled-components/cjs/components/Spinner/Spinner.js +15 -4
  60. package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +2 -2
  61. package/dist/styled-components/es/components/Calendar/Calendar.config.js +0 -2
  62. package/dist/styled-components/es/components/Calendar/CalendarDouble.config.js +0 -2
  63. package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +0 -2
  64. package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.config.js +0 -5
  65. package/dist/styled-components/es/components/Spinner/Spinner.config.js +9 -32
  66. package/dist/styled-components/es/components/Spinner/Spinner.js +7 -1
  67. package/package.json +9 -9
  68. package/types/components/Avatar/Avatar.d.ts +4 -4
  69. package/types/components/Spinner/Spinner.config.d.ts +0 -9
  70. package/types/components/Spinner/Spinner.d.ts +28 -24
  71. package/types/components/Spinner/index.d.ts +1 -0
  72. package/dist/css/cjs/components/Spinner/Spinner.config_eyrgsm.css +0 -15
  73. package/dist/css/es/components/Spinner/Spinner.config_eyrgsm.css +0 -15
@@ -235,7 +235,7 @@ const config = {
235
235
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
236
236
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
237
237
 
238
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
238
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
239
239
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_scan.bodyXS.fontFamily};
240
240
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_scan.bodyXS.fontSize};
241
241
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_scan.bodyXS.fontStyle};
@@ -317,7 +317,7 @@ const config = {
317
317
  ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
318
318
  ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
319
319
 
320
- ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
320
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
321
321
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_scan.bodyXS.fontFamily};
322
322
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_scan.bodyXS.fontSize};
323
323
  ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_scan.bodyXS.fontStyle};
@@ -106,7 +106,6 @@ const config = {
106
106
 
107
107
  ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
108
108
  ${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
109
- ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
110
109
 
111
110
  ${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
112
111
  ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -176,7 +175,6 @@ const config = {
176
175
 
177
176
  ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
178
177
  ${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
179
- ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
180
178
 
181
179
  ${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
182
180
  ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -107,7 +107,6 @@ const config = {
107
107
 
108
108
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
109
109
  ${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
110
- ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
111
110
 
112
111
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
113
112
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -177,7 +176,6 @@ const config = {
177
176
 
178
177
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
179
178
  ${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
180
- ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
181
179
 
182
180
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
183
181
  ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -269,7 +269,6 @@ const config = {
269
269
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
270
270
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
271
271
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
272
- ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
273
272
 
274
273
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
275
274
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -441,7 +440,6 @@ const config = {
441
440
  ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
442
441
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
443
442
  ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
444
- ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
445
443
 
446
444
  ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
447
445
  ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -236,7 +236,6 @@ const config = {
236
236
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
237
237
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
238
238
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
239
- ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
240
239
 
241
240
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
242
241
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -405,7 +404,6 @@ const config = {
405
404
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
406
405
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0.5rem;
407
406
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
408
- ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
409
407
 
410
408
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
411
409
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.5rem;
@@ -574,7 +572,6 @@ const config = {
574
572
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
575
573
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
576
574
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
577
- ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
578
575
 
579
576
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
580
577
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -743,7 +740,6 @@ const config = {
743
740
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
744
741
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
745
742
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
746
- ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
747
743
 
748
744
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
749
745
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -912,7 +908,6 @@ const config = {
912
908
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
913
909
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
914
910
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1rem;
915
- ${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1rem;
916
911
 
917
912
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
918
913
  ${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -16,53 +16,30 @@ const config = {
16
16
  size: 'm'
17
17
  },
18
18
  variations: {
19
- size: {
20
- xxs: (0, _styledcomponents.css)`
21
- ${_styledcomponents.spinnerTokens.size}: 1rem;
22
- `,
23
- xs: (0, _styledcomponents.css)`
24
- ${_styledcomponents.spinnerTokens.size}: 1.5rem;
25
- `,
26
- s: (0, _styledcomponents.css)`
27
- ${_styledcomponents.spinnerTokens.size}: 2.25rem;
28
- `,
29
- m: (0, _styledcomponents.css)`
30
- ${_styledcomponents.spinnerTokens.size}: 3rem;
31
- `,
32
- l: (0, _styledcomponents.css)`
33
- ${_styledcomponents.spinnerTokens.size}: 3.5rem;
34
- `,
35
- xl: (0, _styledcomponents.css)`
36
- ${_styledcomponents.spinnerTokens.size}: 5.5rem;
37
- `,
38
- xxl: (0, _styledcomponents.css)`
39
- ${_styledcomponents.spinnerTokens.size}: 8rem;
40
- `
41
- },
42
19
  view: {
43
20
  default: (0, _styledcomponents.css)`
44
- ${_styledcomponents.spinnerTokens.color}: ${_sdds_scan.textPrimary};
21
+ --plasma-spinner-color: ${_sdds_scan.textPrimary};
45
22
  `,
46
23
  secondary: (0, _styledcomponents.css)`
47
- ${_styledcomponents.spinnerTokens.color}: ${_sdds_scan.textSecondary};
24
+ --plasma-spinner-color: ${_sdds_scan.textSecondary};
48
25
  `,
49
26
  tertiary: (0, _styledcomponents.css)`
50
- ${_styledcomponents.spinnerTokens.color}: ${_sdds_scan.textTertiary};
27
+ --plasma-spinner-color: ${_sdds_scan.textTertiary};
51
28
  `,
52
29
  paragraph: (0, _styledcomponents.css)`
53
- ${_styledcomponents.spinnerTokens.color}: ${_sdds_scan.textParagraph};
30
+ --plasma-spinner-color: ${_sdds_scan.textParagraph};
54
31
  `,
55
32
  accent: (0, _styledcomponents.css)`
56
- ${_styledcomponents.spinnerTokens.color}: ${_sdds_scan.textAccent};
33
+ --plasma-spinner-color: ${_sdds_scan.textAccent};
57
34
  `,
58
35
  positive: (0, _styledcomponents.css)`
59
- ${_styledcomponents.spinnerTokens.color}: ${_sdds_scan.textPositive};
36
+ --plasma-spinner-color: ${_sdds_scan.textPositive};
60
37
  `,
61
38
  warning: (0, _styledcomponents.css)`
62
- ${_styledcomponents.spinnerTokens.color}: ${_sdds_scan.textWarning};
39
+ --plasma-spinner-color: ${_sdds_scan.textWarning};
63
40
  `,
64
41
  negative: (0, _styledcomponents.css)`
65
- ${_styledcomponents.spinnerTokens.color}: ${_sdds_scan.textNegative};
42
+ --plasma-spinner-color: ${_sdds_scan.textNegative};
66
43
  `
67
44
  }
68
45
  }
@@ -8,8 +8,19 @@ Object.defineProperty(exports, "Spinner", {
8
8
  return Spinner;
9
9
  }
10
10
  });
11
- const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
11
+ const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
12
+ const _styledcomponents1 = require("@salutejs/plasma-new-hope/styled-components");
12
13
  const _Spinnerconfig = require("./Spinner.config");
13
- const mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.spinnerConfig, _Spinnerconfig.config);
14
- const SpinnerComponent = (0, _styledcomponents.component)(mergedConfig);
15
- const Spinner = SpinnerComponent;
14
+ function _interop_require_default(obj) {
15
+ return obj && obj.__esModule ? obj : {
16
+ default: obj
17
+ };
18
+ }
19
+ const mergedConfig = (0, _styledcomponents1.mergeConfig)(_styledcomponents1.spinnerConfig, _Spinnerconfig.config);
20
+ const SpinnerComponent = (0, _styledcomponents1.component)(mergedConfig);
21
+ const Spinner = (0, _styledcomponents.default)(SpinnerComponent).withConfig({
22
+ displayName: "Spinner",
23
+ componentId: "sc-d47c168-0"
24
+ })([
25
+ ``
26
+ ]);
@@ -225,7 +225,7 @@ export const config = {
225
225
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
226
226
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
227
227
 
228
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
228
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
229
229
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
230
230
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
231
231
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -307,7 +307,7 @@ export const config = {
307
307
  ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
308
308
  ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
309
309
 
310
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
310
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
311
311
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
312
312
  ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
313
313
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -96,7 +96,6 @@ export const config = {
96
96
 
97
97
  ${calendarBaseTokens.calendarHeaderArrowGap}: 0;
98
98
  ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
99
- ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
100
99
 
101
100
  ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
102
101
  ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -166,7 +165,6 @@ export const config = {
166
165
 
167
166
  ${calendarBaseTokens.calendarHeaderArrowGap}: 0;
168
167
  ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
169
- ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
170
168
 
171
169
  ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
172
170
  ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -97,7 +97,6 @@ export const config = {
97
97
 
98
98
  ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
99
99
  ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
100
- ${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
101
100
 
102
101
  ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
103
102
  ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -167,7 +166,6 @@ export const config = {
167
166
 
168
167
  ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
169
168
  ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
170
- ${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
171
169
 
172
170
  ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
173
171
  ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -259,7 +259,6 @@ export const config = {
259
259
  ${tokens.calendarHeaderWrapperPadding}: 0;
260
260
  ${tokens.calendarHeaderArrowGap}: 0;
261
261
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
262
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
263
262
 
264
263
  ${tokens.calendarHeaderPadding}: 0 0 0 0.75rem;
265
264
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -431,7 +430,6 @@ export const config = {
431
430
  ${tokens.calendarHeaderWrapperPadding}: 0;
432
431
  ${tokens.calendarHeaderArrowGap}: 0;
433
432
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
434
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
435
433
 
436
434
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
437
435
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -226,7 +226,6 @@ export const config = {
226
226
  ${tokens.calendarHeaderWrapperPadding}: 0;
227
227
  ${tokens.calendarHeaderArrowGap}: 0;
228
228
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
229
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
230
229
 
231
230
  ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
232
231
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -395,7 +394,6 @@ export const config = {
395
394
  ${tokens.calendarHeaderWrapperPadding}: 0;
396
395
  ${tokens.calendarHeaderArrowGap}: 0.5rem;
397
396
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
398
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
399
397
 
400
398
  ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
401
399
  ${tokens.calendarHeaderDateGap}: 0.5rem;
@@ -564,7 +562,6 @@ export const config = {
564
562
  ${tokens.calendarHeaderWrapperPadding}: 0;
565
563
  ${tokens.calendarHeaderArrowGap}: 0;
566
564
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
567
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
568
565
 
569
566
  ${tokens.calendarHeaderPadding}: 0 0 0 0.75rem;
570
567
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -733,7 +730,6 @@ export const config = {
733
730
  ${tokens.calendarHeaderWrapperPadding}: 0;
734
731
  ${tokens.calendarHeaderArrowGap}: 0;
735
732
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
736
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
737
733
 
738
734
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
739
735
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -902,7 +898,6 @@ export const config = {
902
898
  ${tokens.calendarHeaderWrapperPadding}: 0;
903
899
  ${tokens.calendarHeaderArrowGap}: 0;
904
900
  ${tokens.calendarHeaderArrowCustomSize}: 1rem;
905
- ${tokens.calendarHeaderArrowSize}: 1rem;
906
901
 
907
902
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
908
903
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -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
  import { textAccent, textNegative, textParagraph, textPositive, textPrimary, textSecondary, textTertiary, textWarning } from '@salutejs/sdds-themes/tokens/sdds_scan';
3
3
  export const config = {
4
4
  defaults: {
@@ -6,53 +6,30 @@ export const config = {
6
6
  size: 'm'
7
7
  },
8
8
  variations: {
9
- size: {
10
- xxs: css`
11
- ${tokens.size}: 1rem;
12
- `,
13
- xs: css`
14
- ${tokens.size}: 1.5rem;
15
- `,
16
- s: css`
17
- ${tokens.size}: 2.25rem;
18
- `,
19
- m: css`
20
- ${tokens.size}: 3rem;
21
- `,
22
- l: css`
23
- ${tokens.size}: 3.5rem;
24
- `,
25
- xl: css`
26
- ${tokens.size}: 5.5rem;
27
- `,
28
- xxl: css`
29
- ${tokens.size}: 8rem;
30
- `
31
- },
32
9
  view: {
33
10
  default: css`
34
- ${tokens.color}: ${textPrimary};
11
+ --plasma-spinner-color: ${textPrimary};
35
12
  `,
36
13
  secondary: css`
37
- ${tokens.color}: ${textSecondary};
14
+ --plasma-spinner-color: ${textSecondary};
38
15
  `,
39
16
  tertiary: css`
40
- ${tokens.color}: ${textTertiary};
17
+ --plasma-spinner-color: ${textTertiary};
41
18
  `,
42
19
  paragraph: css`
43
- ${tokens.color}: ${textParagraph};
20
+ --plasma-spinner-color: ${textParagraph};
44
21
  `,
45
22
  accent: css`
46
- ${tokens.color}: ${textAccent};
23
+ --plasma-spinner-color: ${textAccent};
47
24
  `,
48
25
  positive: css`
49
- ${tokens.color}: ${textPositive};
26
+ --plasma-spinner-color: ${textPositive};
50
27
  `,
51
28
  warning: css`
52
- ${tokens.color}: ${textWarning};
29
+ --plasma-spinner-color: ${textWarning};
53
30
  `,
54
31
  negative: css`
55
- ${tokens.color}: ${textNegative};
32
+ --plasma-spinner-color: ${textNegative};
56
33
  `
57
34
  }
58
35
  }
@@ -1,7 +1,13 @@
1
+ import styled from 'styled-components';
1
2
  import { spinnerConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/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-d47c168-0"
11
+ })([
12
+ ``
13
+ ]);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-scan",
3
- "version": "0.372.0-next-sbcom.0",
3
+ "version": "0.372.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS SCAN web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "publishConfig": {
@@ -40,8 +40,8 @@
40
40
  "styled-components": "^5.3.11"
41
41
  },
42
42
  "dependencies": {
43
- "@salutejs/plasma-new-hope": "0.386.0-next-sbcom.0",
44
- "@salutejs/sdds-themes": "0.86.0-next-sbcom.0"
43
+ "@salutejs/plasma-new-hope": "0.386.0",
44
+ "@salutejs/sdds-themes": "0.85.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.27.0-next-sbcom.0",
63
- "@salutejs/plasma-core": "1.248.0-next-sbcom.0",
64
- "@salutejs/plasma-cy-utils": "0.178.0-next-sbcom.0",
65
- "@salutejs/plasma-icons": "1.255.0-next-sbcom.0",
66
- "@salutejs/plasma-sb-utils": "0.249.0-next-sbcom.0",
62
+ "@salutejs/plasma-colors": "0.26.0",
63
+ "@salutejs/plasma-core": "1.247.0",
64
+ "@salutejs/plasma-cy-utils": "0.177.0",
65
+ "@salutejs/plasma-icons": "1.255.0",
66
+ "@salutejs/plasma-sb-utils": "0.249.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": "5680b021d11a986cb0e16bb9cd54303d5f250cc0"
111
+ "gitHead": "f671c7ce6a32ad2562104160a065e784d3105586"
112
112
  }
@@ -75,7 +75,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
75
75
  size?: string;
76
76
  name?: string;
77
77
  url?: string;
78
- customText?: import("react").ReactNode;
78
+ customText?: string;
79
79
  status?: "active" | "inactive";
80
80
  isScalable?: boolean;
81
81
  focused?: boolean;
@@ -104,7 +104,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
104
104
  size?: string;
105
105
  name?: string;
106
106
  url?: string;
107
- customText?: import("react").ReactNode;
107
+ customText?: string;
108
108
  status?: "active" | "inactive";
109
109
  isScalable?: boolean;
110
110
  focused?: boolean;
@@ -170,7 +170,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
170
170
  size?: string;
171
171
  name?: string;
172
172
  url?: string;
173
- customText?: import("react").ReactNode;
173
+ customText?: string;
174
174
  status?: "active" | "inactive";
175
175
  isScalable?: boolean;
176
176
  focused?: boolean;
@@ -199,7 +199,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
199
199
  size?: string;
200
200
  name?: string;
201
201
  url?: string;
202
- customText?: import("react").ReactNode;
202
+ customText?: string;
203
203
  status?: "active" | "inactive";
204
204
  isScalable?: boolean;
205
205
  focused?: boolean;
@@ -4,15 +4,6 @@ export declare const config: {
4
4
  size: string;
5
5
  };
6
6
  variations: {
7
- size: {
8
- xxs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
9
- xs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
10
- s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
11
- m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
12
- l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
13
- xl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
14
- xxl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
15
- };
16
7
  view: {
17
8
  default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
18
9
  secondary: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -1,14 +1,27 @@
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
- xxs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
5
- xs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
6
- s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
7
- m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
8
- l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
9
- xl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
10
- xxl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
11
- };
1
+ import type { HTMLAttributes } from 'react';
2
+ export type SpinnerProps = HTMLAttributes<HTMLDivElement> & {
3
+ /**
4
+ * Размер спиннера
5
+ */
6
+ size?: string | number;
7
+ /**
8
+ * Цвет спиннера
9
+ */
10
+ view?: string;
11
+ /**
12
+ * Цвет спиннера
13
+ * @deprecated
14
+ */
15
+ color?: string;
16
+ /**
17
+ * @deprecated
18
+ */
19
+ deviceScale?: number;
20
+ };
21
+ /**
22
+ * Компонент для отображения индикатора загрузки.
23
+ */
24
+ export declare const Spinner: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
12
25
  view: {
13
26
  default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
14
27
  secondary: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -19,28 +32,19 @@ declare const SpinnerComponent: FunctionComponent<import("@salutejs/plasma-new-h
19
32
  warning: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
20
33
  negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
21
34
  };
22
- }> & ((import("react").HTMLAttributes<HTMLDivElement> & {
35
+ }> & ((HTMLAttributes<HTMLDivElement> & {
23
36
  width?: never;
24
37
  height?: never;
25
38
  size?: string | number;
26
39
  view?: string;
27
- } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
40
+ } & import("react").RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
28
41
  width: number;
29
42
  height: number;
30
43
  size?: never;
31
44
  view?: string;
32
- } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
45
+ } & import("react").RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
33
46
  width: string;
34
47
  height: string;
35
48
  size?: never;
36
49
  view?: string;
37
- } & import("react").RefAttributes<HTMLDivElement>))>;
38
- type Variations = ComponentProps<typeof SpinnerComponent>;
39
- type SpinnerComponentProps = Omit<Variations, 'size'> & {
40
- size?: Variations['size'] | number;
41
- };
42
- /**
43
- * Компонент для отображения индикатора загрузки.
44
- */
45
- export declare const Spinner: FunctionComponent<SpinnerComponentProps>;
46
- export {};
50
+ } & import("react").RefAttributes<HTMLDivElement>))>, any, {}, never>;
@@ -1 +1,2 @@
1
1
  export { Spinner } from './Spinner';
2
+ export type { SpinnerProps } from './Spinner';
@@ -1,15 +0,0 @@
1
- .x1x5tqpm{--plasma-spinner-size:1rem;}
2
- .x1jvlmv7{--plasma-spinner-size:1.5rem;}
3
- .s1gckrx7{--plasma-spinner-size:2.25rem;}
4
- .m1uk1ap6{--plasma-spinner-size:3rem;}
5
- .l1el443i{--plasma-spinner-size:3.5rem;}
6
- .x74k20o{--plasma-spinner-size:5.5rem;}
7
- .xf42aip{--plasma-spinner-size:8rem;}
8
- .do0v0wt{--plasma-spinner-color:var(--text-primary,#F5F5F5F5);}
9
- .sn7m3f{--plasma-spinner-color:var(--text-secondary,#F5F5F58F);}
10
- .train5q{--plasma-spinner-color:var(--text-tertiary,#F5F5F547);}
11
- .pewxek2{--plasma-spinner-color:var(--text-paragraph,#F5F5F5CC);}
12
- .a1qiprti{--plasma-spinner-color:var(--text-accent,#0DA8AB);}
13
- .pryht9g{--plasma-spinner-color:var(--text-positive,#24B23E);}
14
- .w13rupaw{--plasma-spinner-color:var(--text-warning,#FF7024);}
15
- .ns1l42a{--plasma-spinner-color:var(--text-negative,#FF3D51);}
@@ -1,15 +0,0 @@
1
- .x1x5tqpm{--plasma-spinner-size:1rem;}
2
- .x1jvlmv7{--plasma-spinner-size:1.5rem;}
3
- .s1gckrx7{--plasma-spinner-size:2.25rem;}
4
- .m1uk1ap6{--plasma-spinner-size:3rem;}
5
- .l1el443i{--plasma-spinner-size:3.5rem;}
6
- .x74k20o{--plasma-spinner-size:5.5rem;}
7
- .xf42aip{--plasma-spinner-size:8rem;}
8
- .do0v0wt{--plasma-spinner-color:var(--text-primary,#F5F5F5F5);}
9
- .sn7m3f{--plasma-spinner-color:var(--text-secondary,#F5F5F58F);}
10
- .train5q{--plasma-spinner-color:var(--text-tertiary,#F5F5F547);}
11
- .pewxek2{--plasma-spinner-color:var(--text-paragraph,#F5F5F5CC);}
12
- .a1qiprti{--plasma-spinner-color:var(--text-accent,#0DA8AB);}
13
- .pryht9g{--plasma-spinner-color:var(--text-positive,#24B23E);}
14
- .w13rupaw{--plasma-spinner-color:var(--text-warning,#FF7024);}
15
- .ns1l42a{--plasma-spinner-color:var(--text-negative,#FF3D51);}