@salutejs/plasma-homeds 0.373.0-dev.0 → 0.374.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
|
@@ -257,7 +257,7 @@ const config = {
|
|
|
257
257
|
${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
|
|
258
258
|
${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
|
|
259
259
|
|
|
260
|
-
${_styledcomponents.autocompleteTokens.
|
|
260
|
+
${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
|
|
261
261
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
262
262
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
263
263
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
@@ -341,7 +341,7 @@ const config = {
|
|
|
341
341
|
${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
|
|
342
342
|
${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
|
|
343
343
|
|
|
344
|
-
${_styledcomponents.autocompleteTokens.
|
|
344
|
+
${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
|
|
345
345
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
346
346
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
347
347
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
@@ -425,7 +425,7 @@ const config = {
|
|
|
425
425
|
${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
|
|
426
426
|
${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
|
|
427
427
|
|
|
428
|
-
${_styledcomponents.autocompleteTokens.
|
|
428
|
+
${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
|
|
429
429
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
430
430
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
431
431
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
@@ -509,7 +509,7 @@ const config = {
|
|
|
509
509
|
${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
|
|
510
510
|
${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
|
|
511
511
|
|
|
512
|
-
${_styledcomponents.autocompleteTokens.
|
|
512
|
+
${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
|
|
513
513
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
514
514
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
515
515
|
${_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;
|
|
@@ -247,7 +247,7 @@ export const config = {
|
|
|
247
247
|
${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
|
|
248
248
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
|
|
249
249
|
|
|
250
|
-
${tokens.
|
|
250
|
+
${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
|
|
251
251
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
252
252
|
${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
|
|
253
253
|
${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -331,7 +331,7 @@ export const config = {
|
|
|
331
331
|
${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
|
|
332
332
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
|
|
333
333
|
|
|
334
|
-
${tokens.
|
|
334
|
+
${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
|
|
335
335
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
336
336
|
${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
|
|
337
337
|
${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -415,7 +415,7 @@ export const config = {
|
|
|
415
415
|
${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
|
|
416
416
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
|
|
417
417
|
|
|
418
|
-
${tokens.
|
|
418
|
+
${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
|
|
419
419
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
420
420
|
${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
|
|
421
421
|
${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -499,7 +499,7 @@ export const config = {
|
|
|
499
499
|
${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
|
|
500
500
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
|
|
501
501
|
|
|
502
|
-
${tokens.
|
|
502
|
+
${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
|
|
503
503
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
504
504
|
${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
|
|
505
505
|
${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.374.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.391.0-next-sbcom.0",
|
|
39
|
+
"@salutejs/plasma-themes": "0.71.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.29.0-next-sbcom.0",
|
|
58
|
+
"@salutejs/plasma-core": "1.251.0-next-sbcom.0",
|
|
59
|
+
"@salutejs/plasma-cy-utils": "0.181.0-next-sbcom.0",
|
|
60
|
+
"@salutejs/plasma-icons": "1.259.0-next-sbcom.0",
|
|
61
|
+
"@salutejs/plasma-sb-utils": "0.254.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",
|
|
@@ -105,5 +105,5 @@
|
|
|
105
105
|
},
|
|
106
106
|
"dompurify": "3.4.17"
|
|
107
107
|
},
|
|
108
|
-
"gitHead": "
|
|
108
|
+
"gitHead": "d9660eed35e9a0e9221f2653ff4b00d3c56b8286"
|
|
109
109
|
}
|
|
@@ -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 {};
|