@salutejs/plasma-web 1.646.0-next-sbcom.0 → 1.646.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/css/cjs/components/Autocomplete/Autocomplete.clear.config.js +1 -1
- package/dist/css/cjs/components/Autocomplete/Autocomplete.clear.config.js.map +1 -1
- package/dist/css/cjs/components/Autocomplete/{Autocomplete.clear.config_1vd5koo.css → Autocomplete.clear.config_1czuchg.css} +4 -4
- package/dist/css/cjs/components/Autocomplete/Autocomplete.config.js +1 -1
- package/dist/css/cjs/components/Autocomplete/Autocomplete.config.js.map +1 -1
- package/dist/css/cjs/components/Autocomplete/{Autocomplete.config_17bfdbd.css → Autocomplete.config_1k2ytif.css} +4 -4
- package/dist/css/cjs/components/Autocomplete/Autocomplete.css +28 -28
- package/dist/css/cjs/components/Calendar/Calendar.config.js +1 -1
- package/dist/css/cjs/components/Calendar/Calendar.config.js.map +1 -1
- package/dist/css/{es/components/Calendar/Calendar.config_1wkle4r.css → cjs/components/Calendar/Calendar.config_sm4qul.css} +5 -5
- package/dist/css/cjs/components/Calendar/Calendar.css +16 -16
- package/dist/css/cjs/components/Calendar/CalendarDouble.config.js +1 -1
- package/dist/css/cjs/components/Calendar/CalendarDouble.config.js.map +1 -1
- package/dist/css/{es/components/Calendar/CalendarDouble.config_1pfgpn2.css → cjs/components/Calendar/CalendarDouble.config_x0ke7h.css} +5 -5
- package/dist/css/cjs/components/DatePicker/DatePicker.config.js +1 -1
- package/dist/css/cjs/components/DatePicker/DatePicker.config.js.map +1 -1
- package/dist/css/{es/components/DatePicker/DatePicker.config_fwxu1e.css → cjs/components/DatePicker/DatePicker.config_1x1qhas.css} +5 -5
- package/dist/css/cjs/components/DatePicker/DatePicker.css +13 -13
- package/dist/css/cjs/components/DateTimePicker/DateTimePicker.config.js +1 -1
- package/dist/css/cjs/components/DateTimePicker/DateTimePicker.config.js.map +1 -1
- package/dist/css/{es/components/DateTimePicker/DateTimePicker.config_1pnb3re.css → cjs/components/DateTimePicker/DateTimePicker.config_qgrdla.css} +5 -5
- package/dist/css/cjs/components/DateTimePicker/DateTimePicker.css +13 -13
- package/dist/css/cjs/components/Spinner/Spinner.config.js +1 -1
- package/dist/css/cjs/components/Spinner/Spinner.config.js.map +1 -1
- package/dist/css/cjs/components/Spinner/{Spinner.config_is3kyo.css → Spinner.config_ye49oa.css} +3 -3
- package/dist/css/cjs/components/Spinner/Spinner.css +12 -12
- package/dist/css/cjs/components/Spinner/Spinner.js +0 -2
- package/dist/css/cjs/components/Spinner/Spinner.js.map +1 -1
- package/dist/css/cjs/index.css +85 -85
- package/dist/css/es/components/Autocomplete/Autocomplete.clear.config.js +1 -1
- package/dist/css/es/components/Autocomplete/Autocomplete.clear.config.js.map +1 -1
- package/dist/css/es/components/Autocomplete/{Autocomplete.clear.config_1vd5koo.css → Autocomplete.clear.config_1czuchg.css} +4 -4
- package/dist/css/es/components/Autocomplete/Autocomplete.config.js +1 -1
- package/dist/css/es/components/Autocomplete/Autocomplete.config.js.map +1 -1
- package/dist/css/es/components/Autocomplete/{Autocomplete.config_17bfdbd.css → Autocomplete.config_1k2ytif.css} +4 -4
- package/dist/css/es/components/Autocomplete/Autocomplete.css +28 -28
- package/dist/css/es/components/Calendar/Calendar.config.js +1 -1
- package/dist/css/es/components/Calendar/Calendar.config.js.map +1 -1
- package/dist/css/{cjs/components/Calendar/Calendar.config_1wkle4r.css → es/components/Calendar/Calendar.config_sm4qul.css} +5 -5
- package/dist/css/es/components/Calendar/Calendar.css +16 -16
- package/dist/css/es/components/Calendar/CalendarDouble.config.js +1 -1
- package/dist/css/es/components/Calendar/CalendarDouble.config.js.map +1 -1
- package/dist/css/{cjs/components/Calendar/CalendarDouble.config_1pfgpn2.css → es/components/Calendar/CalendarDouble.config_x0ke7h.css} +5 -5
- package/dist/css/es/components/DatePicker/DatePicker.config.js +1 -1
- package/dist/css/es/components/DatePicker/DatePicker.config.js.map +1 -1
- package/dist/css/{cjs/components/DatePicker/DatePicker.config_fwxu1e.css → es/components/DatePicker/DatePicker.config_1x1qhas.css} +5 -5
- package/dist/css/es/components/DatePicker/DatePicker.css +13 -13
- package/dist/css/es/components/DateTimePicker/DateTimePicker.config.js +1 -1
- package/dist/css/es/components/DateTimePicker/DateTimePicker.config.js.map +1 -1
- package/dist/css/{cjs/components/DateTimePicker/DateTimePicker.config_1pnb3re.css → es/components/DateTimePicker/DateTimePicker.config_qgrdla.css} +5 -5
- package/dist/css/es/components/DateTimePicker/DateTimePicker.css +13 -13
- package/dist/css/es/components/Spinner/Spinner.config.js +1 -1
- package/dist/css/es/components/Spinner/Spinner.config.js.map +1 -1
- package/dist/css/es/components/Spinner/{Spinner.config_is3kyo.css → Spinner.config_ye49oa.css} +3 -3
- package/dist/css/es/components/Spinner/Spinner.css +12 -12
- package/dist/css/es/components/Spinner/Spinner.js +0 -2
- package/dist/css/es/components/Spinner/Spinner.js.map +1 -1
- package/dist/css/es/index.css +85 -85
- package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.clear.config.js +4 -4
- 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/DatePicker/DatePicker.config.js +0 -5
- package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js +0 -5
- package/dist/styled-components/cjs/components/Spinner/Spinner.config.js +12 -12
- package/dist/styled-components/cjs/components/Spinner/Spinner.js +12 -1
- package/dist/styled-components/es/components/Autocomplete/Autocomplete.clear.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/DatePicker/DatePicker.config.js +0 -5
- package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.config.js +0 -5
- package/dist/styled-components/es/components/Spinner/Spinner.config.js +13 -13
- package/dist/styled-components/es/components/Spinner/Spinner.js +7 -1
- package/package.json +12 -12
- package/types/components/Avatar/Avatar.d.ts +4 -4
- package/types/components/Spinner/Spinner.d.ts +2 -40
|
@@ -273,7 +273,7 @@ const config = {
|
|
|
273
273
|
${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
|
|
274
274
|
${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
|
|
275
275
|
|
|
276
|
-
${_styledcomponents.autocompleteTokens.
|
|
276
|
+
${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
277
277
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
|
|
278
278
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
|
|
279
279
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
|
|
@@ -357,7 +357,7 @@ const config = {
|
|
|
357
357
|
${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
|
|
358
358
|
${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
|
|
359
359
|
|
|
360
|
-
${_styledcomponents.autocompleteTokens.
|
|
360
|
+
${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
361
361
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
|
|
362
362
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
|
|
363
363
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
|
|
@@ -441,7 +441,7 @@ const config = {
|
|
|
441
441
|
${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
|
|
442
442
|
${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
|
|
443
443
|
|
|
444
|
-
${_styledcomponents.autocompleteTokens.
|
|
444
|
+
${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
445
445
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
|
|
446
446
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
|
|
447
447
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
|
|
@@ -525,7 +525,7 @@ const config = {
|
|
|
525
525
|
${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
|
|
526
526
|
${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
|
|
527
527
|
|
|
528
|
-
${_styledcomponents.autocompleteTokens.
|
|
528
|
+
${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
529
529
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
|
|
530
530
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
|
|
531
531
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
|
|
@@ -273,7 +273,7 @@ const config = {
|
|
|
273
273
|
${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
|
|
274
274
|
${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
|
|
275
275
|
|
|
276
|
-
${_styledcomponents.autocompleteTokens.
|
|
276
|
+
${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
277
277
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
|
|
278
278
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
|
|
279
279
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
|
|
@@ -358,7 +358,7 @@ const config = {
|
|
|
358
358
|
${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
|
|
359
359
|
${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
|
|
360
360
|
|
|
361
|
-
${_styledcomponents.autocompleteTokens.
|
|
361
|
+
${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
362
362
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
|
|
363
363
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
|
|
364
364
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
|
|
@@ -443,7 +443,7 @@ const config = {
|
|
|
443
443
|
${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
|
|
444
444
|
${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
|
|
445
445
|
|
|
446
|
-
${_styledcomponents.autocompleteTokens.
|
|
446
|
+
${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
447
447
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
|
|
448
448
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
|
|
449
449
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
|
|
@@ -528,7 +528,7 @@ const config = {
|
|
|
528
528
|
${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
|
|
529
529
|
${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
|
|
530
530
|
|
|
531
|
-
${_styledcomponents.autocompleteTokens.
|
|
531
|
+
${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
532
532
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
|
|
533
533
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
|
|
534
534
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
|
|
@@ -105,7 +105,6 @@ const config = {
|
|
|
105
105
|
|
|
106
106
|
${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
|
|
107
107
|
${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
|
|
108
|
-
${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
109
108
|
|
|
110
109
|
${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
111
110
|
${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -175,7 +174,6 @@ const config = {
|
|
|
175
174
|
|
|
176
175
|
${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
|
|
177
176
|
${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
|
|
178
|
-
${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
179
177
|
|
|
180
178
|
${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
181
179
|
${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -245,7 +243,6 @@ const config = {
|
|
|
245
243
|
|
|
246
244
|
${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
|
|
247
245
|
${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
|
|
248
|
-
${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
249
246
|
|
|
250
247
|
${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
|
|
251
248
|
${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -315,7 +312,6 @@ const config = {
|
|
|
315
312
|
|
|
316
313
|
${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
|
|
317
314
|
${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
|
|
318
|
-
${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
319
315
|
|
|
320
316
|
${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
321
317
|
${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -385,7 +381,6 @@ const config = {
|
|
|
385
381
|
|
|
386
382
|
${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
|
|
387
383
|
${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1rem;
|
|
388
|
-
${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1rem;
|
|
389
384
|
|
|
390
385
|
${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
391
386
|
${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -106,7 +106,6 @@ const config = {
|
|
|
106
106
|
|
|
107
107
|
${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
|
|
108
108
|
${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
|
|
109
|
-
${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
110
109
|
|
|
111
110
|
${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
112
111
|
${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -176,7 +175,6 @@ const config = {
|
|
|
176
175
|
|
|
177
176
|
${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
|
|
178
177
|
${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
|
|
179
|
-
${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
180
178
|
|
|
181
179
|
${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
182
180
|
${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -246,7 +244,6 @@ const config = {
|
|
|
246
244
|
|
|
247
245
|
${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
|
|
248
246
|
${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
|
|
249
|
-
${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
250
247
|
|
|
251
248
|
${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
|
|
252
249
|
${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -316,7 +313,6 @@ const config = {
|
|
|
316
313
|
|
|
317
314
|
${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
|
|
318
315
|
${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
|
|
319
|
-
${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
320
316
|
|
|
321
317
|
${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
322
318
|
${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -386,7 +382,6 @@ const config = {
|
|
|
386
382
|
|
|
387
383
|
${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
|
|
388
384
|
${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1rem;
|
|
389
|
-
${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1rem;
|
|
390
385
|
|
|
391
386
|
${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
392
387
|
${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -270,7 +270,6 @@ const config = {
|
|
|
270
270
|
${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
|
|
271
271
|
${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0.5rem;
|
|
272
272
|
${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
273
|
-
${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
274
273
|
|
|
275
274
|
${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
276
275
|
${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.5rem;
|
|
@@ -444,7 +443,6 @@ const config = {
|
|
|
444
443
|
${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
|
|
445
444
|
${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0.5rem;
|
|
446
445
|
${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
447
|
-
${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
448
446
|
|
|
449
447
|
${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
450
448
|
${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.5rem;
|
|
@@ -618,7 +616,6 @@ const config = {
|
|
|
618
616
|
${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
|
|
619
617
|
${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
|
|
620
618
|
${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
621
|
-
${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
622
619
|
|
|
623
620
|
${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
|
|
624
621
|
${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -792,7 +789,6 @@ const config = {
|
|
|
792
789
|
${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
|
|
793
790
|
${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
|
|
794
791
|
${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
795
|
-
${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
796
792
|
|
|
797
793
|
${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
798
794
|
${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -966,7 +962,6 @@ const config = {
|
|
|
966
962
|
${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
|
|
967
963
|
${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
|
|
968
964
|
${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1rem;
|
|
969
|
-
${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1rem;
|
|
970
965
|
|
|
971
966
|
${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
972
967
|
${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -238,7 +238,6 @@ const config = {
|
|
|
238
238
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
|
|
239
239
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
|
|
240
240
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
241
|
-
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
242
241
|
|
|
243
242
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
244
243
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -408,7 +407,6 @@ const config = {
|
|
|
408
407
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
|
|
409
408
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0.5rem;
|
|
410
409
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
411
|
-
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
412
410
|
|
|
413
411
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
414
412
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.5rem;
|
|
@@ -578,7 +576,6 @@ const config = {
|
|
|
578
576
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
|
|
579
577
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
|
|
580
578
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
581
|
-
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
582
579
|
|
|
583
580
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
|
|
584
581
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -748,7 +745,6 @@ const config = {
|
|
|
748
745
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
|
|
749
746
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
|
|
750
747
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
751
|
-
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
752
748
|
|
|
753
749
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
754
750
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -918,7 +914,6 @@ const config = {
|
|
|
918
914
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
|
|
919
915
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
|
|
920
916
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1rem;
|
|
921
|
-
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1rem;
|
|
922
917
|
|
|
923
918
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
924
919
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -17,45 +17,45 @@ const config = {
|
|
|
17
17
|
variations: {
|
|
18
18
|
size: {
|
|
19
19
|
s: (0, _styledcomponents.css)`
|
|
20
|
-
|
|
20
|
+
--plasma-spinner-size: 16px;
|
|
21
21
|
`,
|
|
22
22
|
m: (0, _styledcomponents.css)`
|
|
23
|
-
|
|
23
|
+
--plasma-spinner-size: 24px;
|
|
24
24
|
`,
|
|
25
25
|
l: (0, _styledcomponents.css)`
|
|
26
|
-
|
|
26
|
+
--plasma-spinner-size: 36px;
|
|
27
27
|
`
|
|
28
28
|
},
|
|
29
29
|
view: {
|
|
30
30
|
default: (0, _styledcomponents.css)`
|
|
31
|
-
|
|
31
|
+
--plasma-spinner-color: var(--text-primary);
|
|
32
32
|
`,
|
|
33
33
|
/**
|
|
34
34
|
* @deprecated
|
|
35
35
|
* использовать `default`
|
|
36
36
|
*/ primary: (0, _styledcomponents.css)`
|
|
37
|
-
|
|
37
|
+
--plasma-spinner-color: var(--text-primary);
|
|
38
38
|
`,
|
|
39
39
|
secondary: (0, _styledcomponents.css)`
|
|
40
|
-
|
|
40
|
+
--plasma-spinner-color: var(--text-secondary);
|
|
41
41
|
`,
|
|
42
42
|
tertiary: (0, _styledcomponents.css)`
|
|
43
|
-
|
|
43
|
+
--plasma-spinner-color: var(--text-tertiary);
|
|
44
44
|
`,
|
|
45
45
|
paragraph: (0, _styledcomponents.css)`
|
|
46
|
-
|
|
46
|
+
--plasma-spinner-color: var(--text-paragraph);
|
|
47
47
|
`,
|
|
48
48
|
accent: (0, _styledcomponents.css)`
|
|
49
|
-
|
|
49
|
+
--plasma-spinner-color: var(--text-accent);
|
|
50
50
|
`,
|
|
51
51
|
positive: (0, _styledcomponents.css)`
|
|
52
|
-
|
|
52
|
+
--plasma-spinner-color: var(--text-positive);
|
|
53
53
|
`,
|
|
54
54
|
warning: (0, _styledcomponents.css)`
|
|
55
|
-
|
|
55
|
+
--plasma-spinner-color: var(--text-warning);
|
|
56
56
|
`,
|
|
57
57
|
negative: (0, _styledcomponents.css)`
|
|
58
|
-
|
|
58
|
+
--plasma-spinner-color: var(--text-negative);
|
|
59
59
|
`
|
|
60
60
|
}
|
|
61
61
|
}
|
|
@@ -9,7 +9,18 @@ Object.defineProperty(exports, "Spinner", {
|
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
11
|
const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
|
|
12
|
+
const _styledcomponents1 = /*#__PURE__*/ _interop_require_default(require("styled-components"));
|
|
12
13
|
const _Spinnerconfig = require("./Spinner.config");
|
|
14
|
+
function _interop_require_default(obj) {
|
|
15
|
+
return obj && obj.__esModule ? obj : {
|
|
16
|
+
default: obj
|
|
17
|
+
};
|
|
18
|
+
}
|
|
13
19
|
const mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.spinnerConfig, _Spinnerconfig.config);
|
|
14
20
|
const SpinnerComponent = (0, _styledcomponents.component)(mergedConfig);
|
|
15
|
-
const Spinner = SpinnerComponent
|
|
21
|
+
const Spinner = (0, _styledcomponents1.default)(SpinnerComponent).withConfig({
|
|
22
|
+
displayName: "Spinner",
|
|
23
|
+
componentId: "sc-a06270b0-0"
|
|
24
|
+
})([
|
|
25
|
+
``
|
|
26
|
+
]);
|
|
@@ -263,7 +263,7 @@ export const config = {
|
|
|
263
263
|
${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
|
|
264
264
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
|
|
265
265
|
|
|
266
|
-
${tokens.
|
|
266
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
267
267
|
${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
|
|
268
268
|
${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
|
|
269
269
|
${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
|
|
@@ -347,7 +347,7 @@ export const config = {
|
|
|
347
347
|
${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
|
|
348
348
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
|
|
349
349
|
|
|
350
|
-
${tokens.
|
|
350
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
351
351
|
${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
|
|
352
352
|
${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
|
|
353
353
|
${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
|
|
@@ -431,7 +431,7 @@ export const config = {
|
|
|
431
431
|
${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
|
|
432
432
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
|
|
433
433
|
|
|
434
|
-
${tokens.
|
|
434
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
435
435
|
${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
|
|
436
436
|
${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
|
|
437
437
|
${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
|
|
@@ -515,7 +515,7 @@ export const config = {
|
|
|
515
515
|
${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
|
|
516
516
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
|
|
517
517
|
|
|
518
|
-
${tokens.
|
|
518
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
519
519
|
${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
|
|
520
520
|
${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
|
|
521
521
|
${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
|
|
@@ -263,7 +263,7 @@ export const config = {
|
|
|
263
263
|
${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
|
|
264
264
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
|
|
265
265
|
|
|
266
|
-
${tokens.
|
|
266
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
267
267
|
${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
|
|
268
268
|
${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
|
|
269
269
|
${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
|
|
@@ -348,7 +348,7 @@ export const config = {
|
|
|
348
348
|
${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
|
|
349
349
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
|
|
350
350
|
|
|
351
|
-
${tokens.
|
|
351
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
352
352
|
${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
|
|
353
353
|
${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
|
|
354
354
|
${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
|
|
@@ -433,7 +433,7 @@ export const config = {
|
|
|
433
433
|
${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
|
|
434
434
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
|
|
435
435
|
|
|
436
|
-
${tokens.
|
|
436
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
437
437
|
${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
|
|
438
438
|
${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
|
|
439
439
|
${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
|
|
@@ -518,7 +518,7 @@ export const config = {
|
|
|
518
518
|
${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
|
|
519
519
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
|
|
520
520
|
|
|
521
|
-
${tokens.
|
|
521
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
522
522
|
${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
|
|
523
523
|
${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
|
|
524
524
|
${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
|
|
@@ -95,7 +95,6 @@ export const config = {
|
|
|
95
95
|
|
|
96
96
|
${calendarBaseTokens.calendarHeaderArrowGap}: 0;
|
|
97
97
|
${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
|
|
98
|
-
${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
99
98
|
|
|
100
99
|
${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
101
100
|
${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -165,7 +164,6 @@ export const config = {
|
|
|
165
164
|
|
|
166
165
|
${calendarBaseTokens.calendarHeaderArrowGap}: 0;
|
|
167
166
|
${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
|
|
168
|
-
${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
169
167
|
|
|
170
168
|
${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
171
169
|
${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -235,7 +233,6 @@ export const config = {
|
|
|
235
233
|
|
|
236
234
|
${calendarBaseTokens.calendarHeaderArrowGap}: 0;
|
|
237
235
|
${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
|
|
238
|
-
${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
239
236
|
|
|
240
237
|
${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
|
|
241
238
|
${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -305,7 +302,6 @@ export const config = {
|
|
|
305
302
|
|
|
306
303
|
${calendarBaseTokens.calendarHeaderArrowGap}: 0;
|
|
307
304
|
${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
|
|
308
|
-
${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
309
305
|
|
|
310
306
|
${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
311
307
|
${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -375,7 +371,6 @@ export const config = {
|
|
|
375
371
|
|
|
376
372
|
${calendarBaseTokens.calendarHeaderArrowGap}: 0;
|
|
377
373
|
${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1rem;
|
|
378
|
-
${calendarBaseTokens.calendarHeaderArrowSize}: 1rem;
|
|
379
374
|
|
|
380
375
|
${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
381
376
|
${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -96,7 +96,6 @@ export const config = {
|
|
|
96
96
|
|
|
97
97
|
${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
|
|
98
98
|
${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
|
|
99
|
-
${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
100
99
|
|
|
101
100
|
${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
102
101
|
${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -166,7 +165,6 @@ export const config = {
|
|
|
166
165
|
|
|
167
166
|
${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
|
|
168
167
|
${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
|
|
169
|
-
${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
170
168
|
|
|
171
169
|
${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
172
170
|
${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -236,7 +234,6 @@ export const config = {
|
|
|
236
234
|
|
|
237
235
|
${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
|
|
238
236
|
${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
|
|
239
|
-
${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
240
237
|
|
|
241
238
|
${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
|
|
242
239
|
${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -306,7 +303,6 @@ export const config = {
|
|
|
306
303
|
|
|
307
304
|
${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
|
|
308
305
|
${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
|
|
309
|
-
${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
310
306
|
|
|
311
307
|
${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
312
308
|
${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -376,7 +372,6 @@ export const config = {
|
|
|
376
372
|
|
|
377
373
|
${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
|
|
378
374
|
${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1rem;
|
|
379
|
-
${calendarDoubleTokens.calendarHeaderArrowSize}: 1rem;
|
|
380
375
|
|
|
381
376
|
${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
382
377
|
${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -260,7 +260,6 @@ export const config = {
|
|
|
260
260
|
${tokens.calendarHeaderWrapperPadding}: 0;
|
|
261
261
|
${tokens.calendarHeaderArrowGap}: 0.5rem;
|
|
262
262
|
${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
263
|
-
${tokens.calendarHeaderArrowSize}: 1.5rem;
|
|
264
263
|
|
|
265
264
|
${tokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
266
265
|
${tokens.calendarHeaderDateGap}: 0.5rem;
|
|
@@ -434,7 +433,6 @@ export const config = {
|
|
|
434
433
|
${tokens.calendarHeaderWrapperPadding}: 0;
|
|
435
434
|
${tokens.calendarHeaderArrowGap}: 0.5rem;
|
|
436
435
|
${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
437
|
-
${tokens.calendarHeaderArrowSize}: 1.5rem;
|
|
438
436
|
|
|
439
437
|
${tokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
440
438
|
${tokens.calendarHeaderDateGap}: 0.5rem;
|
|
@@ -608,7 +606,6 @@ export const config = {
|
|
|
608
606
|
${tokens.calendarHeaderWrapperPadding}: 0;
|
|
609
607
|
${tokens.calendarHeaderArrowGap}: 0;
|
|
610
608
|
${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
611
|
-
${tokens.calendarHeaderArrowSize}: 1.5rem;
|
|
612
609
|
|
|
613
610
|
${tokens.calendarHeaderPadding}: 0 0 0 0.75rem;
|
|
614
611
|
${tokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -782,7 +779,6 @@ export const config = {
|
|
|
782
779
|
${tokens.calendarHeaderWrapperPadding}: 0;
|
|
783
780
|
${tokens.calendarHeaderArrowGap}: 0;
|
|
784
781
|
${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
785
|
-
${tokens.calendarHeaderArrowSize}: 1.5rem;
|
|
786
782
|
|
|
787
783
|
${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
788
784
|
${tokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -956,7 +952,6 @@ export const config = {
|
|
|
956
952
|
${tokens.calendarHeaderWrapperPadding}: 0;
|
|
957
953
|
${tokens.calendarHeaderArrowGap}: 0;
|
|
958
954
|
${tokens.calendarHeaderArrowCustomSize}: 1rem;
|
|
959
|
-
${tokens.calendarHeaderArrowSize}: 1rem;
|
|
960
955
|
|
|
961
956
|
${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
962
957
|
${tokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -228,7 +228,6 @@ export const config = {
|
|
|
228
228
|
${tokens.calendarHeaderWrapperPadding}: 0;
|
|
229
229
|
${tokens.calendarHeaderArrowGap}: 0;
|
|
230
230
|
${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
231
|
-
${tokens.calendarHeaderArrowSize}: 1.5rem;
|
|
232
231
|
|
|
233
232
|
${tokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
234
233
|
${tokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -398,7 +397,6 @@ export const config = {
|
|
|
398
397
|
${tokens.calendarHeaderWrapperPadding}: 0;
|
|
399
398
|
${tokens.calendarHeaderArrowGap}: 0.5rem;
|
|
400
399
|
${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
401
|
-
${tokens.calendarHeaderArrowSize}: 1.5rem;
|
|
402
400
|
|
|
403
401
|
${tokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
404
402
|
${tokens.calendarHeaderDateGap}: 0.5rem;
|
|
@@ -568,7 +566,6 @@ export const config = {
|
|
|
568
566
|
${tokens.calendarHeaderWrapperPadding}: 0;
|
|
569
567
|
${tokens.calendarHeaderArrowGap}: 0;
|
|
570
568
|
${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
571
|
-
${tokens.calendarHeaderArrowSize}: 1.5rem;
|
|
572
569
|
|
|
573
570
|
${tokens.calendarHeaderPadding}: 0 0 0 0.75rem;
|
|
574
571
|
${tokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -738,7 +735,6 @@ export const config = {
|
|
|
738
735
|
${tokens.calendarHeaderWrapperPadding}: 0;
|
|
739
736
|
${tokens.calendarHeaderArrowGap}: 0;
|
|
740
737
|
${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
741
|
-
${tokens.calendarHeaderArrowSize}: 1.5rem;
|
|
742
738
|
|
|
743
739
|
${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
744
740
|
${tokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -908,7 +904,6 @@ export const config = {
|
|
|
908
904
|
${tokens.calendarHeaderWrapperPadding}: 0;
|
|
909
905
|
${tokens.calendarHeaderArrowGap}: 0;
|
|
910
906
|
${tokens.calendarHeaderArrowCustomSize}: 1rem;
|
|
911
|
-
${tokens.calendarHeaderArrowSize}: 1rem;
|
|
912
907
|
|
|
913
908
|
${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
914
909
|
${tokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { css
|
|
1
|
+
import { css } from '@salutejs/plasma-new-hope/styled-components';
|
|
2
2
|
export const config = {
|
|
3
3
|
defaults: {
|
|
4
4
|
view: 'accent',
|
|
@@ -7,45 +7,45 @@ export const config = {
|
|
|
7
7
|
variations: {
|
|
8
8
|
size: {
|
|
9
9
|
s: css`
|
|
10
|
-
|
|
10
|
+
--plasma-spinner-size: 16px;
|
|
11
11
|
`,
|
|
12
12
|
m: css`
|
|
13
|
-
|
|
13
|
+
--plasma-spinner-size: 24px;
|
|
14
14
|
`,
|
|
15
15
|
l: css`
|
|
16
|
-
|
|
16
|
+
--plasma-spinner-size: 36px;
|
|
17
17
|
`
|
|
18
18
|
},
|
|
19
19
|
view: {
|
|
20
20
|
default: css`
|
|
21
|
-
|
|
21
|
+
--plasma-spinner-color: var(--text-primary);
|
|
22
22
|
`,
|
|
23
23
|
/**
|
|
24
24
|
* @deprecated
|
|
25
25
|
* использовать `default`
|
|
26
26
|
*/ primary: css`
|
|
27
|
-
|
|
27
|
+
--plasma-spinner-color: var(--text-primary);
|
|
28
28
|
`,
|
|
29
29
|
secondary: css`
|
|
30
|
-
|
|
30
|
+
--plasma-spinner-color: var(--text-secondary);
|
|
31
31
|
`,
|
|
32
32
|
tertiary: css`
|
|
33
|
-
|
|
33
|
+
--plasma-spinner-color: var(--text-tertiary);
|
|
34
34
|
`,
|
|
35
35
|
paragraph: css`
|
|
36
|
-
|
|
36
|
+
--plasma-spinner-color: var(--text-paragraph);
|
|
37
37
|
`,
|
|
38
38
|
accent: css`
|
|
39
|
-
|
|
39
|
+
--plasma-spinner-color: var(--text-accent);
|
|
40
40
|
`,
|
|
41
41
|
positive: css`
|
|
42
|
-
|
|
42
|
+
--plasma-spinner-color: var(--text-positive);
|
|
43
43
|
`,
|
|
44
44
|
warning: css`
|
|
45
|
-
|
|
45
|
+
--plasma-spinner-color: var(--text-warning);
|
|
46
46
|
`,
|
|
47
47
|
negative: css`
|
|
48
|
-
|
|
48
|
+
--plasma-spinner-color: var(--text-negative);
|
|
49
49
|
`
|
|
50
50
|
}
|
|
51
51
|
}
|
|
@@ -1,7 +1,13 @@
|
|
|
1
1
|
import { spinnerConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
|
|
2
|
+
import styled from 'styled-components';
|
|
2
3
|
import { config } from './Spinner.config';
|
|
3
4
|
const mergedConfig = mergeConfig(spinnerConfig, config);
|
|
4
5
|
const SpinnerComponent = component(mergedConfig);
|
|
5
6
|
/**
|
|
6
7
|
* Компонент для отображения индикатора загрузки.
|
|
7
|
-
*/ export const Spinner = SpinnerComponent
|
|
8
|
+
*/ export const Spinner = styled(SpinnerComponent).withConfig({
|
|
9
|
+
displayName: "Spinner",
|
|
10
|
+
componentId: "sc-a06270b0-0"
|
|
11
|
+
})([
|
|
12
|
+
``
|
|
13
|
+
]);
|