@salutejs/plasma-homeds 0.368.0-dev.0 → 0.369.0-next-sbcom.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.
- package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +4 -4
- package/dist/styled-components/cjs/components/Calendar/Calendar.config.js +5 -0
- package/dist/styled-components/cjs/components/Calendar/CalendarDouble.config.js +5 -0
- package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +5 -0
- package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js +5 -0
- package/dist/styled-components/cjs/components/Spinner/Spinner.config.js +31 -8
- package/dist/styled-components/cjs/components/Spinner/Spinner.js +4 -15
- package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +4 -4
- package/dist/styled-components/es/components/Calendar/Calendar.config.js +5 -0
- package/dist/styled-components/es/components/Calendar/CalendarDouble.config.js +5 -0
- package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +5 -0
- package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.config.js +5 -0
- package/dist/styled-components/es/components/Spinner/Spinner.config.js +32 -9
- package/dist/styled-components/es/components/Spinner/Spinner.js +1 -7
- package/package.json +9 -9
- package/types/components/Avatar/Avatar.d.ts +4 -4
- package/types/components/Spinner/Spinner.config.d.ts +9 -0
- package/types/components/Spinner/Spinner.d.ts +24 -28
- package/types/components/Spinner/index.d.ts +0 -1
|
@@ -235,7 +235,7 @@ const config = {
|
|
|
235
235
|
${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
|
|
236
236
|
${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
|
|
237
237
|
|
|
238
|
-
${_styledcomponents.autocompleteTokens.
|
|
238
|
+
${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
|
|
239
239
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
240
240
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
241
241
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
@@ -317,7 +317,7 @@ const config = {
|
|
|
317
317
|
${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
|
|
318
318
|
${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
|
|
319
319
|
|
|
320
|
-
${_styledcomponents.autocompleteTokens.
|
|
320
|
+
${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
|
|
321
321
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
322
322
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
323
323
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
@@ -399,7 +399,7 @@ const config = {
|
|
|
399
399
|
${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
|
|
400
400
|
${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
|
|
401
401
|
|
|
402
|
-
${_styledcomponents.autocompleteTokens.
|
|
402
|
+
${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
|
|
403
403
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
404
404
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
405
405
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
@@ -481,7 +481,7 @@ const config = {
|
|
|
481
481
|
${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
|
|
482
482
|
${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
|
|
483
483
|
|
|
484
|
-
${_styledcomponents.autocompleteTokens.
|
|
484
|
+
${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
|
|
485
485
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
486
486
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
487
487
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
@@ -106,6 +106,7 @@ const config = {
|
|
|
106
106
|
|
|
107
107
|
${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
|
|
108
108
|
${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
|
|
109
|
+
${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
109
110
|
|
|
110
111
|
${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
111
112
|
${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -175,6 +176,7 @@ const config = {
|
|
|
175
176
|
|
|
176
177
|
${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
|
|
177
178
|
${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
|
|
179
|
+
${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
178
180
|
|
|
179
181
|
${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
180
182
|
${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -244,6 +246,7 @@ const config = {
|
|
|
244
246
|
|
|
245
247
|
${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
|
|
246
248
|
${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
|
|
249
|
+
${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
247
250
|
|
|
248
251
|
${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
|
|
249
252
|
${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -313,6 +316,7 @@ const config = {
|
|
|
313
316
|
|
|
314
317
|
${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
|
|
315
318
|
${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
|
|
319
|
+
${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
316
320
|
|
|
317
321
|
${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
318
322
|
${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -382,6 +386,7 @@ const config = {
|
|
|
382
386
|
|
|
383
387
|
${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
|
|
384
388
|
${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1rem;
|
|
389
|
+
${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1rem;
|
|
385
390
|
|
|
386
391
|
${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
387
392
|
${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -107,6 +107,7 @@ const config = {
|
|
|
107
107
|
|
|
108
108
|
${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
|
|
109
109
|
${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
|
|
110
|
+
${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
110
111
|
|
|
111
112
|
${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
112
113
|
${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -176,6 +177,7 @@ const config = {
|
|
|
176
177
|
|
|
177
178
|
${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
|
|
178
179
|
${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
|
|
180
|
+
${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
179
181
|
|
|
180
182
|
${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
181
183
|
${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -245,6 +247,7 @@ const config = {
|
|
|
245
247
|
|
|
246
248
|
${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
|
|
247
249
|
${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
|
|
250
|
+
${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
248
251
|
|
|
249
252
|
${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
|
|
250
253
|
${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -314,6 +317,7 @@ const config = {
|
|
|
314
317
|
|
|
315
318
|
${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
|
|
316
319
|
${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
|
|
320
|
+
${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
317
321
|
|
|
318
322
|
${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
319
323
|
${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -383,6 +387,7 @@ const config = {
|
|
|
383
387
|
|
|
384
388
|
${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
|
|
385
389
|
${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1rem;
|
|
390
|
+
${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1rem;
|
|
386
391
|
|
|
387
392
|
${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
388
393
|
${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -262,6 +262,7 @@ const config = {
|
|
|
262
262
|
${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
|
|
263
263
|
${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0.5rem;
|
|
264
264
|
${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
265
|
+
${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
265
266
|
|
|
266
267
|
${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
267
268
|
${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.5rem;
|
|
@@ -428,6 +429,7 @@ const config = {
|
|
|
428
429
|
${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
|
|
429
430
|
${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0.5rem;
|
|
430
431
|
${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
432
|
+
${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
431
433
|
|
|
432
434
|
${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
433
435
|
${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.5rem;
|
|
@@ -594,6 +596,7 @@ const config = {
|
|
|
594
596
|
${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
|
|
595
597
|
${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
|
|
596
598
|
${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
599
|
+
${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
597
600
|
|
|
598
601
|
${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
|
|
599
602
|
${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -760,6 +763,7 @@ const config = {
|
|
|
760
763
|
${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
|
|
761
764
|
${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
|
|
762
765
|
${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
766
|
+
${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
763
767
|
|
|
764
768
|
${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
765
769
|
${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -926,6 +930,7 @@ const config = {
|
|
|
926
930
|
${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
|
|
927
931
|
${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
|
|
928
932
|
${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1rem;
|
|
933
|
+
${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1rem;
|
|
929
934
|
|
|
930
935
|
${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
931
936
|
${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -236,6 +236,7 @@ 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;
|
|
239
240
|
|
|
240
241
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
241
242
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -404,6 +405,7 @@ const config = {
|
|
|
404
405
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
|
|
405
406
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0.5rem;
|
|
406
407
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
408
|
+
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
407
409
|
|
|
408
410
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
409
411
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.5rem;
|
|
@@ -572,6 +574,7 @@ const config = {
|
|
|
572
574
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
|
|
573
575
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
|
|
574
576
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
577
|
+
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
575
578
|
|
|
576
579
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
|
|
577
580
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -740,6 +743,7 @@ const config = {
|
|
|
740
743
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
|
|
741
744
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
|
|
742
745
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
746
|
+
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
743
747
|
|
|
744
748
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
745
749
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -908,6 +912,7 @@ const config = {
|
|
|
908
912
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
|
|
909
913
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
|
|
910
914
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1rem;
|
|
915
|
+
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1rem;
|
|
911
916
|
|
|
912
917
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
913
918
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -16,30 +16,53 @@ 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
|
+
},
|
|
19
42
|
view: {
|
|
20
43
|
default: (0, _styledcomponents.css)`
|
|
21
|
-
|
|
44
|
+
${_styledcomponents.spinnerTokens.color}: ${_plasma_homeds.textPrimary};
|
|
22
45
|
`,
|
|
23
46
|
secondary: (0, _styledcomponents.css)`
|
|
24
|
-
|
|
47
|
+
${_styledcomponents.spinnerTokens.color}: ${_plasma_homeds.textSecondary};
|
|
25
48
|
`,
|
|
26
49
|
tertiary: (0, _styledcomponents.css)`
|
|
27
|
-
|
|
50
|
+
${_styledcomponents.spinnerTokens.color}: ${_plasma_homeds.textTertiary};
|
|
28
51
|
`,
|
|
29
52
|
paragraph: (0, _styledcomponents.css)`
|
|
30
|
-
|
|
53
|
+
${_styledcomponents.spinnerTokens.color}: ${_plasma_homeds.textParagraph};
|
|
31
54
|
`,
|
|
32
55
|
accent: (0, _styledcomponents.css)`
|
|
33
|
-
|
|
56
|
+
${_styledcomponents.spinnerTokens.color}: ${_plasma_homeds.textAccent};
|
|
34
57
|
`,
|
|
35
58
|
positive: (0, _styledcomponents.css)`
|
|
36
|
-
|
|
59
|
+
${_styledcomponents.spinnerTokens.color}: ${_plasma_homeds.textPositive};
|
|
37
60
|
`,
|
|
38
61
|
warning: (0, _styledcomponents.css)`
|
|
39
|
-
|
|
62
|
+
${_styledcomponents.spinnerTokens.color}: ${_plasma_homeds.textWarning};
|
|
40
63
|
`,
|
|
41
64
|
negative: (0, _styledcomponents.css)`
|
|
42
|
-
|
|
65
|
+
${_styledcomponents.spinnerTokens.color}: ${_plasma_homeds.textNegative};
|
|
43
66
|
`
|
|
44
67
|
}
|
|
45
68
|
}
|
|
@@ -8,19 +8,8 @@ Object.defineProperty(exports, "Spinner", {
|
|
|
8
8
|
return Spinner;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
const _styledcomponents =
|
|
12
|
-
const _styledcomponents1 = require("@salutejs/plasma-new-hope/styled-components");
|
|
11
|
+
const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
|
|
13
12
|
const _Spinnerconfig = require("./Spinner.config");
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
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
|
-
]);
|
|
13
|
+
const mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.spinnerConfig, _Spinnerconfig.config);
|
|
14
|
+
const SpinnerComponent = (0, _styledcomponents.component)(mergedConfig);
|
|
15
|
+
const Spinner = SpinnerComponent;
|
|
@@ -225,7 +225,7 @@ export const config = {
|
|
|
225
225
|
${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
|
|
226
226
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
|
|
227
227
|
|
|
228
|
-
${tokens.
|
|
228
|
+
${tokens.textFieldLeftHelperPadding}: 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.312rem -2.813rem auto auto;
|
|
308
308
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
|
|
309
309
|
|
|
310
|
-
${tokens.
|
|
310
|
+
${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
|
|
311
311
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
312
312
|
${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
|
|
313
313
|
${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -389,7 +389,7 @@ export const config = {
|
|
|
389
389
|
${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
|
|
390
390
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
|
|
391
391
|
|
|
392
|
-
${tokens.
|
|
392
|
+
${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
|
|
393
393
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
394
394
|
${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
|
|
395
395
|
${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -471,7 +471,7 @@ export const config = {
|
|
|
471
471
|
${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
|
|
472
472
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
|
|
473
473
|
|
|
474
|
-
${tokens.
|
|
474
|
+
${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
|
|
475
475
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
476
476
|
${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
|
|
477
477
|
${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -96,6 +96,7 @@ export const config = {
|
|
|
96
96
|
|
|
97
97
|
${calendarBaseTokens.calendarHeaderArrowGap}: 0;
|
|
98
98
|
${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
|
|
99
|
+
${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
99
100
|
|
|
100
101
|
${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
101
102
|
${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -165,6 +166,7 @@ export const config = {
|
|
|
165
166
|
|
|
166
167
|
${calendarBaseTokens.calendarHeaderArrowGap}: 0;
|
|
167
168
|
${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
|
|
169
|
+
${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
168
170
|
|
|
169
171
|
${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
170
172
|
${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -234,6 +236,7 @@ export const config = {
|
|
|
234
236
|
|
|
235
237
|
${calendarBaseTokens.calendarHeaderArrowGap}: 0;
|
|
236
238
|
${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
|
|
239
|
+
${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
237
240
|
|
|
238
241
|
${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
|
|
239
242
|
${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -303,6 +306,7 @@ export const config = {
|
|
|
303
306
|
|
|
304
307
|
${calendarBaseTokens.calendarHeaderArrowGap}: 0;
|
|
305
308
|
${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
|
|
309
|
+
${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
306
310
|
|
|
307
311
|
${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
308
312
|
${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -372,6 +376,7 @@ export const config = {
|
|
|
372
376
|
|
|
373
377
|
${calendarBaseTokens.calendarHeaderArrowGap}: 0;
|
|
374
378
|
${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1rem;
|
|
379
|
+
${calendarBaseTokens.calendarHeaderArrowSize}: 1rem;
|
|
375
380
|
|
|
376
381
|
${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
377
382
|
${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -97,6 +97,7 @@ export const config = {
|
|
|
97
97
|
|
|
98
98
|
${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
|
|
99
99
|
${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
|
|
100
|
+
${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
100
101
|
|
|
101
102
|
${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
102
103
|
${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -166,6 +167,7 @@ export const config = {
|
|
|
166
167
|
|
|
167
168
|
${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
|
|
168
169
|
${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
|
|
170
|
+
${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
169
171
|
|
|
170
172
|
${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
171
173
|
${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -235,6 +237,7 @@ export const config = {
|
|
|
235
237
|
|
|
236
238
|
${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
|
|
237
239
|
${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
|
|
240
|
+
${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
238
241
|
|
|
239
242
|
${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
|
|
240
243
|
${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -304,6 +307,7 @@ export const config = {
|
|
|
304
307
|
|
|
305
308
|
${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
|
|
306
309
|
${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
|
|
310
|
+
${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
307
311
|
|
|
308
312
|
${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
309
313
|
${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -373,6 +377,7 @@ export const config = {
|
|
|
373
377
|
|
|
374
378
|
${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
|
|
375
379
|
${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1rem;
|
|
380
|
+
${calendarDoubleTokens.calendarHeaderArrowSize}: 1rem;
|
|
376
381
|
|
|
377
382
|
${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
378
383
|
${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -252,6 +252,7 @@ export const config = {
|
|
|
252
252
|
${tokens.calendarHeaderWrapperPadding}: 0;
|
|
253
253
|
${tokens.calendarHeaderArrowGap}: 0.5rem;
|
|
254
254
|
${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
255
|
+
${tokens.calendarHeaderArrowSize}: 1.5rem;
|
|
255
256
|
|
|
256
257
|
${tokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
257
258
|
${tokens.calendarHeaderDateGap}: 0.5rem;
|
|
@@ -418,6 +419,7 @@ export const config = {
|
|
|
418
419
|
${tokens.calendarHeaderWrapperPadding}: 0;
|
|
419
420
|
${tokens.calendarHeaderArrowGap}: 0.5rem;
|
|
420
421
|
${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
422
|
+
${tokens.calendarHeaderArrowSize}: 1.5rem;
|
|
421
423
|
|
|
422
424
|
${tokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
423
425
|
${tokens.calendarHeaderDateGap}: 0.5rem;
|
|
@@ -584,6 +586,7 @@ export const config = {
|
|
|
584
586
|
${tokens.calendarHeaderWrapperPadding}: 0;
|
|
585
587
|
${tokens.calendarHeaderArrowGap}: 0;
|
|
586
588
|
${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
589
|
+
${tokens.calendarHeaderArrowSize}: 1.5rem;
|
|
587
590
|
|
|
588
591
|
${tokens.calendarHeaderPadding}: 0 0 0 0.75rem;
|
|
589
592
|
${tokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -750,6 +753,7 @@ export const config = {
|
|
|
750
753
|
${tokens.calendarHeaderWrapperPadding}: 0;
|
|
751
754
|
${tokens.calendarHeaderArrowGap}: 0;
|
|
752
755
|
${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
756
|
+
${tokens.calendarHeaderArrowSize}: 1.5rem;
|
|
753
757
|
|
|
754
758
|
${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
755
759
|
${tokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -916,6 +920,7 @@ export const config = {
|
|
|
916
920
|
${tokens.calendarHeaderWrapperPadding}: 0;
|
|
917
921
|
${tokens.calendarHeaderArrowGap}: 0;
|
|
918
922
|
${tokens.calendarHeaderArrowCustomSize}: 1rem;
|
|
923
|
+
${tokens.calendarHeaderArrowSize}: 1rem;
|
|
919
924
|
|
|
920
925
|
${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
921
926
|
${tokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -226,6 +226,7 @@ export const config = {
|
|
|
226
226
|
${tokens.calendarHeaderWrapperPadding}: 0;
|
|
227
227
|
${tokens.calendarHeaderArrowGap}: 0;
|
|
228
228
|
${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
229
|
+
${tokens.calendarHeaderArrowSize}: 1.5rem;
|
|
229
230
|
|
|
230
231
|
${tokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
231
232
|
${tokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -394,6 +395,7 @@ export const config = {
|
|
|
394
395
|
${tokens.calendarHeaderWrapperPadding}: 0;
|
|
395
396
|
${tokens.calendarHeaderArrowGap}: 0.5rem;
|
|
396
397
|
${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
398
|
+
${tokens.calendarHeaderArrowSize}: 1.5rem;
|
|
397
399
|
|
|
398
400
|
${tokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
399
401
|
${tokens.calendarHeaderDateGap}: 0.5rem;
|
|
@@ -562,6 +564,7 @@ export const config = {
|
|
|
562
564
|
${tokens.calendarHeaderWrapperPadding}: 0;
|
|
563
565
|
${tokens.calendarHeaderArrowGap}: 0;
|
|
564
566
|
${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
567
|
+
${tokens.calendarHeaderArrowSize}: 1.5rem;
|
|
565
568
|
|
|
566
569
|
${tokens.calendarHeaderPadding}: 0 0 0 0.75rem;
|
|
567
570
|
${tokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -730,6 +733,7 @@ export const config = {
|
|
|
730
733
|
${tokens.calendarHeaderWrapperPadding}: 0;
|
|
731
734
|
${tokens.calendarHeaderArrowGap}: 0;
|
|
732
735
|
${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
736
|
+
${tokens.calendarHeaderArrowSize}: 1.5rem;
|
|
733
737
|
|
|
734
738
|
${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
735
739
|
${tokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -898,6 +902,7 @@ export const config = {
|
|
|
898
902
|
${tokens.calendarHeaderWrapperPadding}: 0;
|
|
899
903
|
${tokens.calendarHeaderArrowGap}: 0;
|
|
900
904
|
${tokens.calendarHeaderArrowCustomSize}: 1rem;
|
|
905
|
+
${tokens.calendarHeaderArrowSize}: 1rem;
|
|
901
906
|
|
|
902
907
|
${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
903
908
|
${tokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { css } from '@salutejs/plasma-new-hope/styled-components';
|
|
1
|
+
import { css, spinnerTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
|
|
2
2
|
import { textAccent, textNegative, textParagraph, textPositive, textPrimary, textSecondary, textTertiary, textWarning } from '@salutejs/plasma-themes/tokens/plasma_homeds';
|
|
3
3
|
export const config = {
|
|
4
4
|
defaults: {
|
|
@@ -6,30 +6,53 @@ 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
|
+
},
|
|
9
32
|
view: {
|
|
10
33
|
default: css`
|
|
11
|
-
|
|
34
|
+
${tokens.color}: ${textPrimary};
|
|
12
35
|
`,
|
|
13
36
|
secondary: css`
|
|
14
|
-
|
|
37
|
+
${tokens.color}: ${textSecondary};
|
|
15
38
|
`,
|
|
16
39
|
tertiary: css`
|
|
17
|
-
|
|
40
|
+
${tokens.color}: ${textTertiary};
|
|
18
41
|
`,
|
|
19
42
|
paragraph: css`
|
|
20
|
-
|
|
43
|
+
${tokens.color}: ${textParagraph};
|
|
21
44
|
`,
|
|
22
45
|
accent: css`
|
|
23
|
-
|
|
46
|
+
${tokens.color}: ${textAccent};
|
|
24
47
|
`,
|
|
25
48
|
positive: css`
|
|
26
|
-
|
|
49
|
+
${tokens.color}: ${textPositive};
|
|
27
50
|
`,
|
|
28
51
|
warning: css`
|
|
29
|
-
|
|
52
|
+
${tokens.color}: ${textWarning};
|
|
30
53
|
`,
|
|
31
54
|
negative: css`
|
|
32
|
-
|
|
55
|
+
${tokens.color}: ${textNegative};
|
|
33
56
|
`
|
|
34
57
|
}
|
|
35
58
|
}
|
|
@@ -1,13 +1,7 @@
|
|
|
1
|
-
import styled from 'styled-components';
|
|
2
1
|
import { spinnerConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
|
|
3
2
|
import { config } from './Spinner.config';
|
|
4
3
|
const mergedConfig = mergeConfig(spinnerConfig, config);
|
|
5
4
|
const SpinnerComponent = component(mergedConfig);
|
|
6
5
|
/**
|
|
7
6
|
* Компонент для отображения индикатора загрузки.
|
|
8
|
-
*/ export const Spinner =
|
|
9
|
-
displayName: "Spinner",
|
|
10
|
-
componentId: "sc-d47c168-0"
|
|
11
|
-
})([
|
|
12
|
-
``
|
|
13
|
-
]);
|
|
7
|
+
*/ export const Spinner = SpinnerComponent;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-homeds",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.369.0-next-sbcom.0",
|
|
4
4
|
"description": "Salute Design System / React UI kit for PLASMA-HOMEDS web applications",
|
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
|
6
6
|
"publishConfig": {
|
|
@@ -35,8 +35,8 @@
|
|
|
35
35
|
"styled-components": "^5.3.11"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@salutejs/plasma-new-hope": "0.
|
|
39
|
-
"@salutejs/plasma-themes": "0.
|
|
38
|
+
"@salutejs/plasma-new-hope": "0.386.0-next-sbcom.0",
|
|
39
|
+
"@salutejs/plasma-themes": "0.69.0-next-sbcom.0"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
42
|
"@babel/cli": "7.24.1",
|
|
@@ -54,11 +54,11 @@
|
|
|
54
54
|
"@rollup/plugin-babel": "^6.0.4",
|
|
55
55
|
"@rollup/plugin-commonjs": "^25.0.4",
|
|
56
56
|
"@rollup/plugin-node-resolve": "^15.1.0",
|
|
57
|
-
"@salutejs/plasma-colors": "0.
|
|
58
|
-
"@salutejs/plasma-core": "1.
|
|
59
|
-
"@salutejs/plasma-cy-utils": "0.
|
|
60
|
-
"@salutejs/plasma-icons": "1.
|
|
61
|
-
"@salutejs/plasma-sb-utils": "0.
|
|
57
|
+
"@salutejs/plasma-colors": "0.27.0-next-sbcom.0",
|
|
58
|
+
"@salutejs/plasma-core": "1.248.0-next-sbcom.0",
|
|
59
|
+
"@salutejs/plasma-cy-utils": "0.178.0-next-sbcom.0",
|
|
60
|
+
"@salutejs/plasma-icons": "1.255.0-next-sbcom.0",
|
|
61
|
+
"@salutejs/plasma-sb-utils": "0.249.0-next-sbcom.0",
|
|
62
62
|
"@types/node": "16.7.13",
|
|
63
63
|
"@types/react": "18.0.28",
|
|
64
64
|
"@types/react-dom": "18.0.11",
|
|
@@ -99,5 +99,5 @@
|
|
|
99
99
|
"sideEffects": [
|
|
100
100
|
"*.css"
|
|
101
101
|
],
|
|
102
|
-
"gitHead": "
|
|
102
|
+
"gitHead": "5680b021d11a986cb0e16bb9cd54303d5f250cc0"
|
|
103
103
|
}
|
|
@@ -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?:
|
|
78
|
+
customText?: import("react").ReactNode;
|
|
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?:
|
|
107
|
+
customText?: import("react").ReactNode;
|
|
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?:
|
|
173
|
+
customText?: import("react").ReactNode;
|
|
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?:
|
|
202
|
+
customText?: import("react").ReactNode;
|
|
203
203
|
status?: "active" | "inactive";
|
|
204
204
|
isScalable?: boolean;
|
|
205
205
|
focused?: boolean;
|
|
@@ -4,6 +4,15 @@ 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
|
+
};
|
|
7
16
|
view: {
|
|
8
17
|
default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
9
18
|
secondary: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
@@ -1,27 +1,14 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
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<{
|
|
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
|
+
};
|
|
25
12
|
view: {
|
|
26
13
|
default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
27
14
|
secondary: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
@@ -32,19 +19,28 @@ export declare const Spinner: import("styled-components").StyledComponent<import
|
|
|
32
19
|
warning: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
33
20
|
negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
34
21
|
};
|
|
35
|
-
}> & ((HTMLAttributes<HTMLDivElement> & {
|
|
22
|
+
}> & ((import("react").HTMLAttributes<HTMLDivElement> & {
|
|
36
23
|
width?: never;
|
|
37
24
|
height?: never;
|
|
38
25
|
size?: string | number;
|
|
39
26
|
view?: string;
|
|
40
|
-
} & import("react").RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
|
|
27
|
+
} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
|
|
41
28
|
width: number;
|
|
42
29
|
height: number;
|
|
43
30
|
size?: never;
|
|
44
31
|
view?: string;
|
|
45
|
-
} & import("react").RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
|
|
32
|
+
} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
|
|
46
33
|
width: string;
|
|
47
34
|
height: string;
|
|
48
35
|
size?: never;
|
|
49
36
|
view?: string;
|
|
50
|
-
} & import("react").RefAttributes<HTMLDivElement>))
|
|
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 {};
|