@salutejs/plasma-homeds 0.366.0-next-sbcom.0 → 0.366.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/README.md +3 -3
- package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +4 -4
- package/dist/styled-components/cjs/components/Calendar/Calendar.config.js +0 -5
- package/dist/styled-components/cjs/components/Calendar/CalendarDouble.config.js +0 -5
- package/dist/styled-components/cjs/components/Combobox/Combobox.config.js +4 -4
- package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +0 -5
- package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js +0 -5
- package/dist/styled-components/cjs/components/Select/Select.config.js +4 -4
- package/dist/styled-components/cjs/components/Spinner/Spinner.config.js +8 -31
- package/dist/styled-components/cjs/components/Spinner/Spinner.js +15 -4
- package/dist/styled-components/cjs/components/TextField/TextField.config.js +3 -3
- package/dist/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.config.js +4 -4
- package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +4 -4
- package/dist/styled-components/es/components/Calendar/Calendar.config.js +0 -5
- package/dist/styled-components/es/components/Calendar/CalendarDouble.config.js +0 -5
- package/dist/styled-components/es/components/Combobox/Combobox.config.js +4 -4
- package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +0 -5
- package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.config.js +0 -5
- package/dist/styled-components/es/components/Select/Select.config.js +4 -4
- package/dist/styled-components/es/components/Spinner/Spinner.config.js +9 -32
- package/dist/styled-components/es/components/Spinner/Spinner.js +7 -1
- package/dist/styled-components/es/components/TextField/TextField.config.js +3 -3
- package/dist/styled-components/es/components/TextFieldGroup/TextFieldGroup.config.js +4 -4
- package/package.json +9 -9
- package/types/components/Avatar/Avatar.d.ts +4 -4
- package/types/components/Spinner/Spinner.config.d.ts +0 -9
- package/types/components/Spinner/Spinner.d.ts +38 -27
- package/types/components/Spinner/index.d.ts +1 -1
package/README.md
CHANGED
|
@@ -27,9 +27,9 @@ $ npm install --save styled-components@5.3.1
|
|
|
27
27
|
|
|
28
28
|
## Варианты поставки
|
|
29
29
|
|
|
30
|
-
| Точка входа | Реализация
|
|
31
|
-
|
|
|
32
|
-
| `@salutejs/plasma-homeds` | styled-components
|
|
30
|
+
| Точка входа | Реализация | Дополнительные зависимости |
|
|
31
|
+
| -------------------------- | ------------------ | --------------------------- |
|
|
32
|
+
| `@salutejs/plasma-homeds` | styled-components | `styled-components@5.3.1` |
|
|
33
33
|
|
|
34
34
|
```jsx
|
|
35
35
|
import { Button } from '@salutejs/plasma-homeds';
|
|
@@ -224,7 +224,7 @@ const config = {
|
|
|
224
224
|
${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
|
|
225
225
|
${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
|
|
226
226
|
|
|
227
|
-
${_styledcomponents.autocompleteTokens.
|
|
227
|
+
${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
228
228
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
229
229
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
230
230
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
@@ -299,7 +299,7 @@ const config = {
|
|
|
299
299
|
${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
|
|
300
300
|
${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
|
|
301
301
|
|
|
302
|
-
${_styledcomponents.autocompleteTokens.
|
|
302
|
+
${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
303
303
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
304
304
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
305
305
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
@@ -374,7 +374,7 @@ const config = {
|
|
|
374
374
|
${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
|
|
375
375
|
${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
|
|
376
376
|
|
|
377
|
-
${_styledcomponents.autocompleteTokens.
|
|
377
|
+
${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
378
378
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
379
379
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
380
380
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
@@ -449,7 +449,7 @@ const config = {
|
|
|
449
449
|
${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
|
|
450
450
|
${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
|
|
451
451
|
|
|
452
|
-
${_styledcomponents.autocompleteTokens.
|
|
452
|
+
${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
453
453
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
454
454
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
455
455
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.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 1rem;
|
|
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 1rem;
|
|
182
180
|
${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -246,7 +244,6 @@ const config = {
|
|
|
246
244
|
|
|
247
245
|
${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
|
|
248
246
|
${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
|
|
249
|
-
${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
250
247
|
|
|
251
248
|
${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
|
|
252
249
|
${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -316,7 +313,6 @@ const config = {
|
|
|
316
313
|
|
|
317
314
|
${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
|
|
318
315
|
${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
|
|
319
|
-
${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
320
316
|
|
|
321
317
|
${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
322
318
|
${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -386,7 +382,6 @@ const config = {
|
|
|
386
382
|
|
|
387
383
|
${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
|
|
388
384
|
${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1rem;
|
|
389
|
-
${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1rem;
|
|
390
385
|
|
|
391
386
|
${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
392
387
|
${_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 1rem;
|
|
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 1rem;
|
|
183
181
|
${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -247,7 +245,6 @@ const config = {
|
|
|
247
245
|
|
|
248
246
|
${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
|
|
249
247
|
${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
|
|
250
|
-
${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
251
248
|
|
|
252
249
|
${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
|
|
253
250
|
${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -317,7 +314,6 @@ const config = {
|
|
|
317
314
|
|
|
318
315
|
${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
|
|
319
316
|
${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
|
|
320
|
-
${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
321
317
|
|
|
322
318
|
${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
323
319
|
${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -387,7 +383,6 @@ const config = {
|
|
|
387
383
|
|
|
388
384
|
${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
|
|
389
385
|
${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1rem;
|
|
390
|
-
${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1rem;
|
|
391
386
|
|
|
392
387
|
${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
393
388
|
${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -276,7 +276,7 @@ const config = {
|
|
|
276
276
|
${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
|
|
277
277
|
${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
|
|
278
278
|
|
|
279
|
-
${_styledcomponents.comboboxTokens.
|
|
279
|
+
${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
280
280
|
${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
281
281
|
${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
282
282
|
${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
@@ -397,7 +397,7 @@ const config = {
|
|
|
397
397
|
${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
|
|
398
398
|
${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
|
|
399
399
|
|
|
400
|
-
${_styledcomponents.comboboxTokens.
|
|
400
|
+
${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
401
401
|
${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
402
402
|
${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
403
403
|
${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
@@ -518,7 +518,7 @@ const config = {
|
|
|
518
518
|
${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
|
|
519
519
|
${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
|
|
520
520
|
|
|
521
|
-
${_styledcomponents.comboboxTokens.
|
|
521
|
+
${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
522
522
|
${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
523
523
|
${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
524
524
|
${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
@@ -639,7 +639,7 @@ const config = {
|
|
|
639
639
|
${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
|
|
640
640
|
${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
|
|
641
641
|
|
|
642
|
-
${_styledcomponents.comboboxTokens.
|
|
642
|
+
${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
643
643
|
${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
644
644
|
${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
645
645
|
${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
@@ -261,7 +261,6 @@ const config = {
|
|
|
261
261
|
${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
|
|
262
262
|
${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0.5rem;
|
|
263
263
|
${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
264
|
-
${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
265
264
|
|
|
266
265
|
${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
267
266
|
${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.5rem;
|
|
@@ -427,7 +426,6 @@ const config = {
|
|
|
427
426
|
${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
|
|
428
427
|
${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0.5rem;
|
|
429
428
|
${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
430
|
-
${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
431
429
|
|
|
432
430
|
${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
433
431
|
${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.5rem;
|
|
@@ -593,7 +591,6 @@ const config = {
|
|
|
593
591
|
${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
|
|
594
592
|
${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
|
|
595
593
|
${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
596
|
-
${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
597
594
|
|
|
598
595
|
${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
|
|
599
596
|
${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -759,7 +756,6 @@ const config = {
|
|
|
759
756
|
${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
|
|
760
757
|
${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
|
|
761
758
|
${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
762
|
-
${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
763
759
|
|
|
764
760
|
${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
765
761
|
${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -925,7 +921,6 @@ const config = {
|
|
|
925
921
|
${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
|
|
926
922
|
${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
|
|
927
923
|
${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1rem;
|
|
928
|
-
${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1rem;
|
|
929
924
|
|
|
930
925
|
${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
931
926
|
${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -235,7 +235,6 @@ const config = {
|
|
|
235
235
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
|
|
236
236
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
|
|
237
237
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
238
|
-
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
239
238
|
|
|
240
239
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
241
240
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -403,7 +402,6 @@ const config = {
|
|
|
403
402
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
|
|
404
403
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0.5rem;
|
|
405
404
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
406
|
-
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
407
405
|
|
|
408
406
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
409
407
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.5rem;
|
|
@@ -571,7 +569,6 @@ const config = {
|
|
|
571
569
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
|
|
572
570
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
|
|
573
571
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
574
|
-
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
575
572
|
|
|
576
573
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
|
|
577
574
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -739,7 +736,6 @@ const config = {
|
|
|
739
736
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
|
|
740
737
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
|
|
741
738
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
742
|
-
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
743
739
|
|
|
744
740
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
745
741
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -907,7 +903,6 @@ const config = {
|
|
|
907
903
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
|
|
908
904
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
|
|
909
905
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1rem;
|
|
910
|
-
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1rem;
|
|
911
906
|
|
|
912
907
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
913
908
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -403,7 +403,7 @@ const config = {
|
|
|
403
403
|
${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
|
|
404
404
|
${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
|
|
405
405
|
|
|
406
|
-
${_styledcomponents.selectTokens.
|
|
406
|
+
${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
407
407
|
${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
408
408
|
${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
409
409
|
${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
@@ -528,7 +528,7 @@ const config = {
|
|
|
528
528
|
${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
|
|
529
529
|
${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
|
|
530
530
|
|
|
531
|
-
${_styledcomponents.selectTokens.
|
|
531
|
+
${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
532
532
|
${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
533
533
|
${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
534
534
|
${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
@@ -653,7 +653,7 @@ const config = {
|
|
|
653
653
|
${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
|
|
654
654
|
${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
|
|
655
655
|
|
|
656
|
-
${_styledcomponents.selectTokens.
|
|
656
|
+
${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
657
657
|
${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
658
658
|
${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
659
659
|
${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
@@ -778,7 +778,7 @@ const config = {
|
|
|
778
778
|
${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
|
|
779
779
|
${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
|
|
780
780
|
|
|
781
|
-
${_styledcomponents.selectTokens.
|
|
781
|
+
${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
782
782
|
${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
783
783
|
${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
784
784
|
${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
@@ -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
|
-
|
|
21
|
+
--plasma-spinner-color: ${_plasma_homeds.textPrimary};
|
|
45
22
|
`,
|
|
46
23
|
secondary: (0, _styledcomponents.css)`
|
|
47
|
-
|
|
24
|
+
--plasma-spinner-color: ${_plasma_homeds.textSecondary};
|
|
48
25
|
`,
|
|
49
26
|
tertiary: (0, _styledcomponents.css)`
|
|
50
|
-
|
|
27
|
+
--plasma-spinner-color: ${_plasma_homeds.textTertiary};
|
|
51
28
|
`,
|
|
52
29
|
paragraph: (0, _styledcomponents.css)`
|
|
53
|
-
|
|
30
|
+
--plasma-spinner-color: ${_plasma_homeds.textParagraph};
|
|
54
31
|
`,
|
|
55
32
|
accent: (0, _styledcomponents.css)`
|
|
56
|
-
|
|
33
|
+
--plasma-spinner-color: ${_plasma_homeds.textAccent};
|
|
57
34
|
`,
|
|
58
35
|
positive: (0, _styledcomponents.css)`
|
|
59
|
-
|
|
36
|
+
--plasma-spinner-color: ${_plasma_homeds.textPositive};
|
|
60
37
|
`,
|
|
61
38
|
warning: (0, _styledcomponents.css)`
|
|
62
|
-
|
|
39
|
+
--plasma-spinner-color: ${_plasma_homeds.textWarning};
|
|
63
40
|
`,
|
|
64
41
|
negative: (0, _styledcomponents.css)`
|
|
65
|
-
|
|
42
|
+
--plasma-spinner-color: ${_plasma_homeds.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("
|
|
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
|
-
|
|
14
|
-
|
|
15
|
-
|
|
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
|
+
]);
|
|
@@ -104,7 +104,7 @@ const config = {
|
|
|
104
104
|
${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_plasma_homeds.bodyXS.letterSpacing};
|
|
105
105
|
${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_plasma_homeds.bodyXS.lineHeight};
|
|
106
106
|
|
|
107
|
-
${_styledcomponents.textFieldTokens.
|
|
107
|
+
${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
108
108
|
${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
109
109
|
${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
110
110
|
${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
@@ -178,7 +178,7 @@ const config = {
|
|
|
178
178
|
${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_plasma_homeds.bodyXS.letterSpacing};
|
|
179
179
|
${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_plasma_homeds.bodyXS.lineHeight};
|
|
180
180
|
|
|
181
|
-
${_styledcomponents.textFieldTokens.
|
|
181
|
+
${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
182
182
|
${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
183
183
|
${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
184
184
|
${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
@@ -252,7 +252,7 @@ const config = {
|
|
|
252
252
|
${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_plasma_homeds.bodyXS.letterSpacing};
|
|
253
253
|
${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_plasma_homeds.bodyXS.lineHeight};
|
|
254
254
|
|
|
255
|
-
${_styledcomponents.textFieldTokens.
|
|
255
|
+
${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
256
256
|
${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
257
257
|
${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
258
258
|
${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
@@ -46,7 +46,7 @@ const config = {
|
|
|
46
46
|
${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: ${_plasma_homeds.bodyL.letterSpacing};
|
|
47
47
|
${_styledcomponents.textFieldGroupTokens.labelLineHeight}: ${_plasma_homeds.bodyL.lineHeight};
|
|
48
48
|
|
|
49
|
-
${_styledcomponents.textFieldGroupTokens.
|
|
49
|
+
${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
50
50
|
${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
51
51
|
${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
52
52
|
${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
@@ -102,7 +102,7 @@ const config = {
|
|
|
102
102
|
${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: ${_plasma_homeds.bodyM.letterSpacing};
|
|
103
103
|
${_styledcomponents.textFieldGroupTokens.labelLineHeight}: ${_plasma_homeds.bodyM.lineHeight};
|
|
104
104
|
|
|
105
|
-
${_styledcomponents.textFieldGroupTokens.
|
|
105
|
+
${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
106
106
|
${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
107
107
|
${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
108
108
|
${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
@@ -158,7 +158,7 @@ const config = {
|
|
|
158
158
|
${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: ${_plasma_homeds.bodyS.letterSpacing};
|
|
159
159
|
${_styledcomponents.textFieldGroupTokens.labelLineHeight}: ${_plasma_homeds.bodyS.lineHeight};
|
|
160
160
|
|
|
161
|
-
${_styledcomponents.textFieldGroupTokens.
|
|
161
|
+
${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
162
162
|
${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
163
163
|
${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
164
164
|
${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
@@ -214,7 +214,7 @@ const config = {
|
|
|
214
214
|
${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: ${_plasma_homeds.bodyXS.letterSpacing};
|
|
215
215
|
${_styledcomponents.textFieldGroupTokens.labelLineHeight}: ${_plasma_homeds.bodyXS.lineHeight};
|
|
216
216
|
|
|
217
|
-
${_styledcomponents.textFieldGroupTokens.
|
|
217
|
+
${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
218
218
|
${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: ${_plasma_homeds.bodyXS.fontFamily};
|
|
219
219
|
${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: ${_plasma_homeds.bodyXS.fontSize};
|
|
220
220
|
${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: ${_plasma_homeds.bodyXS.fontStyle};
|
|
@@ -214,7 +214,7 @@ export const config = {
|
|
|
214
214
|
${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
|
|
215
215
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
|
|
216
216
|
|
|
217
|
-
${tokens.
|
|
217
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
218
218
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
219
219
|
${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
|
|
220
220
|
${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -289,7 +289,7 @@ export const config = {
|
|
|
289
289
|
${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
|
|
290
290
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
|
|
291
291
|
|
|
292
|
-
${tokens.
|
|
292
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
293
293
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
294
294
|
${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
|
|
295
295
|
${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -364,7 +364,7 @@ export const config = {
|
|
|
364
364
|
${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
|
|
365
365
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
|
|
366
366
|
|
|
367
|
-
${tokens.
|
|
367
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
368
368
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
369
369
|
${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
|
|
370
370
|
${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -439,7 +439,7 @@ export const config = {
|
|
|
439
439
|
${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
|
|
440
440
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
|
|
441
441
|
|
|
442
|
-
${tokens.
|
|
442
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
443
443
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
444
444
|
${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
|
|
445
445
|
${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 1rem;
|
|
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 1rem;
|
|
172
170
|
${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -236,7 +234,6 @@ export const config = {
|
|
|
236
234
|
|
|
237
235
|
${calendarBaseTokens.calendarHeaderArrowGap}: 0;
|
|
238
236
|
${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
|
|
239
|
-
${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
240
237
|
|
|
241
238
|
${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
|
|
242
239
|
${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -306,7 +303,6 @@ export const config = {
|
|
|
306
303
|
|
|
307
304
|
${calendarBaseTokens.calendarHeaderArrowGap}: 0;
|
|
308
305
|
${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
|
|
309
|
-
${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
310
306
|
|
|
311
307
|
${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
312
308
|
${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -376,7 +372,6 @@ export const config = {
|
|
|
376
372
|
|
|
377
373
|
${calendarBaseTokens.calendarHeaderArrowGap}: 0;
|
|
378
374
|
${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1rem;
|
|
379
|
-
${calendarBaseTokens.calendarHeaderArrowSize}: 1rem;
|
|
380
375
|
|
|
381
376
|
${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
382
377
|
${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 1rem;
|
|
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 1rem;
|
|
173
171
|
${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -237,7 +235,6 @@ export const config = {
|
|
|
237
235
|
|
|
238
236
|
${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
|
|
239
237
|
${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
|
|
240
|
-
${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
241
238
|
|
|
242
239
|
${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
|
|
243
240
|
${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -307,7 +304,6 @@ export const config = {
|
|
|
307
304
|
|
|
308
305
|
${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
|
|
309
306
|
${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
|
|
310
|
-
${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
311
307
|
|
|
312
308
|
${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
313
309
|
${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -377,7 +373,6 @@ export const config = {
|
|
|
377
373
|
|
|
378
374
|
${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
|
|
379
375
|
${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1rem;
|
|
380
|
-
${calendarDoubleTokens.calendarHeaderArrowSize}: 1rem;
|
|
381
376
|
|
|
382
377
|
${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
383
378
|
${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -266,7 +266,7 @@ export const config = {
|
|
|
266
266
|
${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
|
|
267
267
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
|
|
268
268
|
|
|
269
|
-
${tokens.
|
|
269
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
270
270
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
271
271
|
${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
|
|
272
272
|
${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -387,7 +387,7 @@ export const config = {
|
|
|
387
387
|
${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
|
|
388
388
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
|
|
389
389
|
|
|
390
|
-
${tokens.
|
|
390
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
391
391
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
392
392
|
${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
|
|
393
393
|
${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -508,7 +508,7 @@ export const config = {
|
|
|
508
508
|
${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
|
|
509
509
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
|
|
510
510
|
|
|
511
|
-
${tokens.
|
|
511
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
512
512
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
513
513
|
${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
|
|
514
514
|
${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -629,7 +629,7 @@ export const config = {
|
|
|
629
629
|
${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
|
|
630
630
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
|
|
631
631
|
|
|
632
|
-
${tokens.
|
|
632
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
633
633
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
634
634
|
${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
|
|
635
635
|
${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -251,7 +251,6 @@ export const config = {
|
|
|
251
251
|
${tokens.calendarHeaderWrapperPadding}: 0;
|
|
252
252
|
${tokens.calendarHeaderArrowGap}: 0.5rem;
|
|
253
253
|
${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
254
|
-
${tokens.calendarHeaderArrowSize}: 1.5rem;
|
|
255
254
|
|
|
256
255
|
${tokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
257
256
|
${tokens.calendarHeaderDateGap}: 0.5rem;
|
|
@@ -417,7 +416,6 @@ export const config = {
|
|
|
417
416
|
${tokens.calendarHeaderWrapperPadding}: 0;
|
|
418
417
|
${tokens.calendarHeaderArrowGap}: 0.5rem;
|
|
419
418
|
${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
420
|
-
${tokens.calendarHeaderArrowSize}: 1.5rem;
|
|
421
419
|
|
|
422
420
|
${tokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
423
421
|
${tokens.calendarHeaderDateGap}: 0.5rem;
|
|
@@ -583,7 +581,6 @@ export const config = {
|
|
|
583
581
|
${tokens.calendarHeaderWrapperPadding}: 0;
|
|
584
582
|
${tokens.calendarHeaderArrowGap}: 0;
|
|
585
583
|
${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
586
|
-
${tokens.calendarHeaderArrowSize}: 1.5rem;
|
|
587
584
|
|
|
588
585
|
${tokens.calendarHeaderPadding}: 0 0 0 0.75rem;
|
|
589
586
|
${tokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -749,7 +746,6 @@ export const config = {
|
|
|
749
746
|
${tokens.calendarHeaderWrapperPadding}: 0;
|
|
750
747
|
${tokens.calendarHeaderArrowGap}: 0;
|
|
751
748
|
${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
752
|
-
${tokens.calendarHeaderArrowSize}: 1.5rem;
|
|
753
749
|
|
|
754
750
|
${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
755
751
|
${tokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -915,7 +911,6 @@ export const config = {
|
|
|
915
911
|
${tokens.calendarHeaderWrapperPadding}: 0;
|
|
916
912
|
${tokens.calendarHeaderArrowGap}: 0;
|
|
917
913
|
${tokens.calendarHeaderArrowCustomSize}: 1rem;
|
|
918
|
-
${tokens.calendarHeaderArrowSize}: 1rem;
|
|
919
914
|
|
|
920
915
|
${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
921
916
|
${tokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -225,7 +225,6 @@ export const config = {
|
|
|
225
225
|
${tokens.calendarHeaderWrapperPadding}: 0;
|
|
226
226
|
${tokens.calendarHeaderArrowGap}: 0;
|
|
227
227
|
${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
228
|
-
${tokens.calendarHeaderArrowSize}: 1.5rem;
|
|
229
228
|
|
|
230
229
|
${tokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
231
230
|
${tokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -393,7 +392,6 @@ export const config = {
|
|
|
393
392
|
${tokens.calendarHeaderWrapperPadding}: 0;
|
|
394
393
|
${tokens.calendarHeaderArrowGap}: 0.5rem;
|
|
395
394
|
${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
396
|
-
${tokens.calendarHeaderArrowSize}: 1.5rem;
|
|
397
395
|
|
|
398
396
|
${tokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
399
397
|
${tokens.calendarHeaderDateGap}: 0.5rem;
|
|
@@ -561,7 +559,6 @@ export const config = {
|
|
|
561
559
|
${tokens.calendarHeaderWrapperPadding}: 0;
|
|
562
560
|
${tokens.calendarHeaderArrowGap}: 0;
|
|
563
561
|
${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
564
|
-
${tokens.calendarHeaderArrowSize}: 1.5rem;
|
|
565
562
|
|
|
566
563
|
${tokens.calendarHeaderPadding}: 0 0 0 0.75rem;
|
|
567
564
|
${tokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -729,7 +726,6 @@ export const config = {
|
|
|
729
726
|
${tokens.calendarHeaderWrapperPadding}: 0;
|
|
730
727
|
${tokens.calendarHeaderArrowGap}: 0;
|
|
731
728
|
${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
732
|
-
${tokens.calendarHeaderArrowSize}: 1.5rem;
|
|
733
729
|
|
|
734
730
|
${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
735
731
|
${tokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -897,7 +893,6 @@ export const config = {
|
|
|
897
893
|
${tokens.calendarHeaderWrapperPadding}: 0;
|
|
898
894
|
${tokens.calendarHeaderArrowGap}: 0;
|
|
899
895
|
${tokens.calendarHeaderArrowCustomSize}: 1rem;
|
|
900
|
-
${tokens.calendarHeaderArrowSize}: 1rem;
|
|
901
896
|
|
|
902
897
|
${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
903
898
|
${tokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -393,7 +393,7 @@ export const config = {
|
|
|
393
393
|
${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
|
|
394
394
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
|
|
395
395
|
|
|
396
|
-
${tokens.
|
|
396
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
397
397
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
398
398
|
${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
|
|
399
399
|
${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -518,7 +518,7 @@ export const config = {
|
|
|
518
518
|
${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
|
|
519
519
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
|
|
520
520
|
|
|
521
|
-
${tokens.
|
|
521
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
522
522
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
523
523
|
${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
|
|
524
524
|
${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -643,7 +643,7 @@ export const config = {
|
|
|
643
643
|
${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
|
|
644
644
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
|
|
645
645
|
|
|
646
|
-
${tokens.
|
|
646
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
647
647
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
648
648
|
${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
|
|
649
649
|
${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -768,7 +768,7 @@ export const config = {
|
|
|
768
768
|
${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
|
|
769
769
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
|
|
770
770
|
|
|
771
|
-
${tokens.
|
|
771
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
772
772
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
773
773
|
${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
|
|
774
774
|
${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { css
|
|
1
|
+
import { css } 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,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
|
-
|
|
11
|
+
--plasma-spinner-color: ${textPrimary};
|
|
35
12
|
`,
|
|
36
13
|
secondary: css`
|
|
37
|
-
|
|
14
|
+
--plasma-spinner-color: ${textSecondary};
|
|
38
15
|
`,
|
|
39
16
|
tertiary: css`
|
|
40
|
-
|
|
17
|
+
--plasma-spinner-color: ${textTertiary};
|
|
41
18
|
`,
|
|
42
19
|
paragraph: css`
|
|
43
|
-
|
|
20
|
+
--plasma-spinner-color: ${textParagraph};
|
|
44
21
|
`,
|
|
45
22
|
accent: css`
|
|
46
|
-
|
|
23
|
+
--plasma-spinner-color: ${textAccent};
|
|
47
24
|
`,
|
|
48
25
|
positive: css`
|
|
49
|
-
|
|
26
|
+
--plasma-spinner-color: ${textPositive};
|
|
50
27
|
`,
|
|
51
28
|
warning: css`
|
|
52
|
-
|
|
29
|
+
--plasma-spinner-color: ${textWarning};
|
|
53
30
|
`,
|
|
54
31
|
negative: css`
|
|
55
|
-
|
|
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
|
+
]);
|
|
@@ -94,7 +94,7 @@ export const config = {
|
|
|
94
94
|
${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
|
|
95
95
|
${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
|
|
96
96
|
|
|
97
|
-
${tokens.
|
|
97
|
+
${tokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
98
98
|
${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
99
99
|
${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
|
|
100
100
|
${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -168,7 +168,7 @@ export const config = {
|
|
|
168
168
|
${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
|
|
169
169
|
${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
|
|
170
170
|
|
|
171
|
-
${tokens.
|
|
171
|
+
${tokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
172
172
|
${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
173
173
|
${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
|
|
174
174
|
${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -242,7 +242,7 @@ export const config = {
|
|
|
242
242
|
${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
|
|
243
243
|
${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
|
|
244
244
|
|
|
245
|
-
${tokens.
|
|
245
|
+
${tokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
246
246
|
${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
247
247
|
${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
|
|
248
248
|
${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -36,7 +36,7 @@ export const config = {
|
|
|
36
36
|
${tokens.labelLetterSpacing}: ${bodyL.letterSpacing};
|
|
37
37
|
${tokens.labelLineHeight}: ${bodyL.lineHeight};
|
|
38
38
|
|
|
39
|
-
${tokens.
|
|
39
|
+
${tokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
40
40
|
${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
41
41
|
${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
|
|
42
42
|
${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -92,7 +92,7 @@ export const config = {
|
|
|
92
92
|
${tokens.labelLetterSpacing}: ${bodyM.letterSpacing};
|
|
93
93
|
${tokens.labelLineHeight}: ${bodyM.lineHeight};
|
|
94
94
|
|
|
95
|
-
${tokens.
|
|
95
|
+
${tokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
96
96
|
${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
97
97
|
${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
|
|
98
98
|
${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -148,7 +148,7 @@ export const config = {
|
|
|
148
148
|
${tokens.labelLetterSpacing}: ${bodyS.letterSpacing};
|
|
149
149
|
${tokens.labelLineHeight}: ${bodyS.lineHeight};
|
|
150
150
|
|
|
151
|
-
${tokens.
|
|
151
|
+
${tokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
152
152
|
${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
153
153
|
${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
|
|
154
154
|
${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -204,7 +204,7 @@ export const config = {
|
|
|
204
204
|
${tokens.labelLetterSpacing}: ${bodyXS.letterSpacing};
|
|
205
205
|
${tokens.labelLineHeight}: ${bodyXS.lineHeight};
|
|
206
206
|
|
|
207
|
-
${tokens.
|
|
207
|
+
${tokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
208
208
|
${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
209
209
|
${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
|
|
210
210
|
${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-homeds",
|
|
3
|
-
"version": "0.366.0
|
|
3
|
+
"version": "0.366.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.1"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@salutejs/plasma-new-hope": "0.383.0
|
|
39
|
-
"@salutejs/plasma-themes": "0.
|
|
38
|
+
"@salutejs/plasma-new-hope": "0.383.0",
|
|
39
|
+
"@salutejs/plasma-themes": "0.66.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.25.0",
|
|
58
|
+
"@salutejs/plasma-core": "1.245.0",
|
|
59
|
+
"@salutejs/plasma-cy-utils": "0.175.0",
|
|
60
|
+
"@salutejs/plasma-icons": "1.252.0",
|
|
61
|
+
"@salutejs/plasma-sb-utils": "0.246.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": "f0c723fb6cbc14c286e23fc3899929c2336fe7e9"
|
|
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?: 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?:
|
|
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?:
|
|
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?:
|
|
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 {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
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,21 +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
|
-
}> &
|
|
35
|
+
}> & ((HTMLAttributes<HTMLDivElement> & {
|
|
36
|
+
width?: never;
|
|
37
|
+
height?: never;
|
|
23
38
|
size?: string | number;
|
|
24
39
|
view?: string;
|
|
25
|
-
|
|
26
|
-
width
|
|
27
|
-
height
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
} & import("react").RefAttributes<HTMLDivElement
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
size?:
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
* Компонент для отображения индикатора загрузки.
|
|
37
|
-
*/
|
|
38
|
-
export declare const Spinner: FunctionComponent<SpinnerComponentProps>;
|
|
39
|
-
export {};
|
|
40
|
+
} & import("react").RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
|
|
41
|
+
width: number;
|
|
42
|
+
height: number;
|
|
43
|
+
size?: never;
|
|
44
|
+
view?: string;
|
|
45
|
+
} & import("react").RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
|
|
46
|
+
width: string;
|
|
47
|
+
height: string;
|
|
48
|
+
size?: never;
|
|
49
|
+
view?: string;
|
|
50
|
+
} & import("react").RefAttributes<HTMLDivElement>))>, any, {}, never>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { Spinner } from './Spinner';
|
|
2
|
-
export type { SpinnerProps } from '
|
|
2
|
+
export type { SpinnerProps } from './Spinner';
|