@salutejs/plasma-web 1.644.0-next-sbcom.0 → 1.644.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_1kwr2bk.css → Autocomplete.clear.config_jk4e9k.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_4tb451.css → Autocomplete.config_2qywla.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_1kwr2bk.css → Autocomplete.clear.config_jk4e9k.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_4tb451.css → Autocomplete.config_2qywla.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 +14 -14
- package/types/components/Avatar/Avatar.d.ts +4 -4
- package/types/components/Spinner/Spinner.d.ts +3 -40
- package/types/components/Spinner/index.d.ts +1 -0
|
@@ -251,7 +251,7 @@ const config = {
|
|
|
251
251
|
${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
|
|
252
252
|
${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
|
|
253
253
|
|
|
254
|
-
${_styledcomponents.autocompleteTokens.
|
|
254
|
+
${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
255
255
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
|
|
256
256
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
|
|
257
257
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
|
|
@@ -333,7 +333,7 @@ const config = {
|
|
|
333
333
|
${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
|
|
334
334
|
${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
|
|
335
335
|
|
|
336
|
-
${_styledcomponents.autocompleteTokens.
|
|
336
|
+
${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
337
337
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
|
|
338
338
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
|
|
339
339
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
|
|
@@ -415,7 +415,7 @@ const config = {
|
|
|
415
415
|
${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
|
|
416
416
|
${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
|
|
417
417
|
|
|
418
|
-
${_styledcomponents.autocompleteTokens.
|
|
418
|
+
${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
419
419
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
|
|
420
420
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
|
|
421
421
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
|
|
@@ -497,7 +497,7 @@ const config = {
|
|
|
497
497
|
${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
|
|
498
498
|
${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
|
|
499
499
|
|
|
500
|
-
${_styledcomponents.autocompleteTokens.
|
|
500
|
+
${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
501
501
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
|
|
502
502
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
|
|
503
503
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
|
|
@@ -251,7 +251,7 @@ const config = {
|
|
|
251
251
|
${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
|
|
252
252
|
${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
|
|
253
253
|
|
|
254
|
-
${_styledcomponents.autocompleteTokens.
|
|
254
|
+
${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
255
255
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
|
|
256
256
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
|
|
257
257
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
|
|
@@ -334,7 +334,7 @@ const config = {
|
|
|
334
334
|
${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
|
|
335
335
|
${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
|
|
336
336
|
|
|
337
|
-
${_styledcomponents.autocompleteTokens.
|
|
337
|
+
${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
338
338
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
|
|
339
339
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
|
|
340
340
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
|
|
@@ -417,7 +417,7 @@ const config = {
|
|
|
417
417
|
${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
|
|
418
418
|
${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
|
|
419
419
|
|
|
420
|
-
${_styledcomponents.autocompleteTokens.
|
|
420
|
+
${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
421
421
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
|
|
422
422
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
|
|
423
423
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
|
|
@@ -500,7 +500,7 @@ const config = {
|
|
|
500
500
|
${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
|
|
501
501
|
${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
|
|
502
502
|
|
|
503
|
-
${_styledcomponents.autocompleteTokens.
|
|
503
|
+
${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
504
504
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
|
|
505
505
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
|
|
506
506
|
${_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
|
+
]);
|
|
@@ -241,7 +241,7 @@ export const config = {
|
|
|
241
241
|
${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
|
|
242
242
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
|
|
243
243
|
|
|
244
|
-
${tokens.
|
|
244
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
245
245
|
${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
|
|
246
246
|
${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
|
|
247
247
|
${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
|
|
@@ -323,7 +323,7 @@ export const config = {
|
|
|
323
323
|
${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
|
|
324
324
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
|
|
325
325
|
|
|
326
|
-
${tokens.
|
|
326
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
327
327
|
${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
|
|
328
328
|
${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
|
|
329
329
|
${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
|
|
@@ -405,7 +405,7 @@ export const config = {
|
|
|
405
405
|
${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
|
|
406
406
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
|
|
407
407
|
|
|
408
|
-
${tokens.
|
|
408
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
409
409
|
${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
|
|
410
410
|
${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
|
|
411
411
|
${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
|
|
@@ -487,7 +487,7 @@ export const config = {
|
|
|
487
487
|
${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
|
|
488
488
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
|
|
489
489
|
|
|
490
|
-
${tokens.
|
|
490
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
491
491
|
${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
|
|
492
492
|
${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
|
|
493
493
|
${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
|
|
@@ -241,7 +241,7 @@ export const config = {
|
|
|
241
241
|
${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
|
|
242
242
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
|
|
243
243
|
|
|
244
|
-
${tokens.
|
|
244
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
245
245
|
${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
|
|
246
246
|
${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
|
|
247
247
|
${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
|
|
@@ -324,7 +324,7 @@ export const config = {
|
|
|
324
324
|
${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
|
|
325
325
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
|
|
326
326
|
|
|
327
|
-
${tokens.
|
|
327
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
328
328
|
${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
|
|
329
329
|
${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
|
|
330
330
|
${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
|
|
@@ -407,7 +407,7 @@ export const config = {
|
|
|
407
407
|
${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
|
|
408
408
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
|
|
409
409
|
|
|
410
|
-
${tokens.
|
|
410
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
411
411
|
${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
|
|
412
412
|
${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
|
|
413
413
|
${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
|
|
@@ -490,7 +490,7 @@ export const config = {
|
|
|
490
490
|
${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
|
|
491
491
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
|
|
492
492
|
|
|
493
|
-
${tokens.
|
|
493
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
494
494
|
${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
|
|
495
495
|
${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
|
|
496
496
|
${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
|
+
]);
|