@salutejs/sdds-bizcom 0.376.0-next-sbcom.0 → 0.376.1-dev.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_r75pya.css → Autocomplete.clear.config_1i0emta.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_n6pj0w.css → Autocomplete.config_7o5i5y.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_kqrh0z.css → cjs/components/Calendar/Calendar.config_r4tlf1.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_l0gbfs.css → cjs/components/Calendar/CalendarDouble.config_azpqm4.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_57mrji.css → cjs/components/DatePicker/DatePicker.config_16cxssg.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_b7oiho.css → cjs/components/DateTimePicker/DateTimePicker.config_r6gp9l.css} +5 -5
- package/dist/css/cjs/components/DateTimePicker/DateTimePicker.css +13 -13
- package/dist/css/cjs/components/Spinner/Spinner.config.js +9 -18
- package/dist/css/cjs/components/Spinner/Spinner.config.js.map +1 -1
- package/dist/css/cjs/components/Spinner/Spinner.config_1sal5bb.css +8 -0
- package/dist/css/cjs/components/Spinner/Spinner.css +8 -15
- package/dist/css/cjs/components/Spinner/Spinner.js +0 -3
- package/dist/css/cjs/components/Spinner/Spinner.js.map +1 -1
- package/dist/css/cjs/index.css +81 -88
- 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_r75pya.css → Autocomplete.clear.config_1i0emta.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_n6pj0w.css → Autocomplete.config_7o5i5y.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_kqrh0z.css → es/components/Calendar/Calendar.config_r4tlf1.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_l0gbfs.css → es/components/Calendar/CalendarDouble.config_azpqm4.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_57mrji.css → es/components/DatePicker/DatePicker.config_16cxssg.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_b7oiho.css → es/components/DateTimePicker/DateTimePicker.config_r6gp9l.css} +5 -5
- package/dist/css/es/components/DateTimePicker/DateTimePicker.css +13 -13
- package/dist/css/es/components/Spinner/Spinner.config.js +9 -18
- package/dist/css/es/components/Spinner/Spinner.config.js.map +1 -1
- package/dist/css/es/components/Spinner/Spinner.config_1sal5bb.css +8 -0
- package/dist/css/es/components/Spinner/Spinner.css +8 -15
- package/dist/css/es/components/Spinner/Spinner.js +0 -3
- package/dist/css/es/components/Spinner/Spinner.js.map +1 -1
- package/dist/css/es/index.css +81 -88
- 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 +8 -31
- package/dist/styled-components/cjs/components/Spinner/Spinner.js +15 -4
- 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 +9 -32
- package/dist/styled-components/es/components/Spinner/Spinner.js +7 -1
- 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 +28 -24
- package/types/components/Spinner/index.d.ts +1 -0
- package/dist/css/cjs/components/Spinner/Spinner.config_eyrgsm.css +0 -15
- package/dist/css/es/components/Spinner/Spinner.config_eyrgsm.css +0 -15
|
@@ -270,7 +270,7 @@ const config = {
|
|
|
270
270
|
${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
|
|
271
271
|
${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
|
|
272
272
|
|
|
273
|
-
${_styledcomponents.autocompleteTokens.
|
|
273
|
+
${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
274
274
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_bizcom.bodyXS.fontFamily};
|
|
275
275
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
|
|
276
276
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_bizcom.bodyXS.fontStyle};
|
|
@@ -353,7 +353,7 @@ const config = {
|
|
|
353
353
|
${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
|
|
354
354
|
${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
|
|
355
355
|
|
|
356
|
-
${_styledcomponents.autocompleteTokens.
|
|
356
|
+
${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
357
357
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_bizcom.bodyXS.fontFamily};
|
|
358
358
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
|
|
359
359
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_bizcom.bodyXS.fontStyle};
|
|
@@ -436,7 +436,7 @@ const config = {
|
|
|
436
436
|
${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
|
|
437
437
|
${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
|
|
438
438
|
|
|
439
|
-
${_styledcomponents.autocompleteTokens.
|
|
439
|
+
${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
440
440
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_bizcom.bodyXS.fontFamily};
|
|
441
441
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
|
|
442
442
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_bizcom.bodyXS.fontStyle};
|
|
@@ -519,7 +519,7 @@ const config = {
|
|
|
519
519
|
${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
|
|
520
520
|
${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
|
|
521
521
|
|
|
522
|
-
${_styledcomponents.autocompleteTokens.
|
|
522
|
+
${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
523
523
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_bizcom.bodyXS.fontFamily};
|
|
524
524
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
|
|
525
525
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_bizcom.bodyXS.fontStyle};
|
|
@@ -257,7 +257,7 @@ const config = {
|
|
|
257
257
|
${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
|
|
258
258
|
${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
|
|
259
259
|
|
|
260
|
-
${_styledcomponents.autocompleteTokens.
|
|
260
|
+
${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
261
261
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_bizcom.bodyXS.fontFamily};
|
|
262
262
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
|
|
263
263
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_bizcom.bodyXS.fontStyle};
|
|
@@ -341,7 +341,7 @@ const config = {
|
|
|
341
341
|
${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
|
|
342
342
|
${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
|
|
343
343
|
|
|
344
|
-
${_styledcomponents.autocompleteTokens.
|
|
344
|
+
${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
345
345
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_bizcom.bodyXS.fontFamily};
|
|
346
346
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
|
|
347
347
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_bizcom.bodyXS.fontStyle};
|
|
@@ -425,7 +425,7 @@ const config = {
|
|
|
425
425
|
${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
|
|
426
426
|
${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
|
|
427
427
|
|
|
428
|
-
${_styledcomponents.autocompleteTokens.
|
|
428
|
+
${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
429
429
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_bizcom.bodyXS.fontFamily};
|
|
430
430
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
|
|
431
431
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_bizcom.bodyXS.fontStyle};
|
|
@@ -509,7 +509,7 @@ const config = {
|
|
|
509
509
|
${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
|
|
510
510
|
${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
|
|
511
511
|
|
|
512
|
-
${_styledcomponents.autocompleteTokens.
|
|
512
|
+
${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
513
513
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_bizcom.bodyXS.fontFamily};
|
|
514
514
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
|
|
515
515
|
${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_bizcom.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;
|
|
@@ -263,7 +263,6 @@ const config = {
|
|
|
263
263
|
${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
|
|
264
264
|
${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0.5rem;
|
|
265
265
|
${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
266
|
-
${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
267
266
|
|
|
268
267
|
${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
269
268
|
${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.5rem;
|
|
@@ -435,7 +434,6 @@ const config = {
|
|
|
435
434
|
${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
|
|
436
435
|
${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0.5rem;
|
|
437
436
|
${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
438
|
-
${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
439
437
|
|
|
440
438
|
${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
441
439
|
${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.5rem;
|
|
@@ -607,7 +605,6 @@ const config = {
|
|
|
607
605
|
${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
|
|
608
606
|
${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
|
|
609
607
|
${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
610
|
-
${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
611
608
|
|
|
612
609
|
${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
|
|
613
610
|
${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -779,7 +776,6 @@ const config = {
|
|
|
779
776
|
${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
|
|
780
777
|
${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
|
|
781
778
|
${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
782
|
-
${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
783
779
|
|
|
784
780
|
${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
785
781
|
${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -951,7 +947,6 @@ const config = {
|
|
|
951
947
|
${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
|
|
952
948
|
${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
|
|
953
949
|
${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1rem;
|
|
954
|
-
${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1rem;
|
|
955
950
|
|
|
956
951
|
${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
957
952
|
${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -236,7 +236,6 @@ const config = {
|
|
|
236
236
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
|
|
237
237
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
|
|
238
238
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
239
|
-
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
240
239
|
|
|
241
240
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
242
241
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -405,7 +404,6 @@ const config = {
|
|
|
405
404
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
|
|
406
405
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0.5rem;
|
|
407
406
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
408
|
-
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
409
407
|
|
|
410
408
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
411
409
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.5rem;
|
|
@@ -574,7 +572,6 @@ const config = {
|
|
|
574
572
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
|
|
575
573
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
|
|
576
574
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
577
|
-
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
578
575
|
|
|
579
576
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
|
|
580
577
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -743,7 +740,6 @@ const config = {
|
|
|
743
740
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
|
|
744
741
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
|
|
745
742
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
746
|
-
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1.5rem;
|
|
747
743
|
|
|
748
744
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
749
745
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -912,7 +908,6 @@ const config = {
|
|
|
912
908
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding}: 0;
|
|
913
909
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap}: 0;
|
|
914
910
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize}: 1rem;
|
|
915
|
-
${_styledcomponents.dateTimePickerTokens.calendarHeaderArrowSize}: 1rem;
|
|
916
911
|
|
|
917
912
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
918
913
|
${_styledcomponents.dateTimePickerTokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -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: ${_sdds_bizcom.textPrimary};
|
|
45
22
|
`,
|
|
46
23
|
secondary: (0, _styledcomponents.css)`
|
|
47
|
-
|
|
24
|
+
--plasma-spinner-color: ${_sdds_bizcom.textSecondary};
|
|
48
25
|
`,
|
|
49
26
|
tertiary: (0, _styledcomponents.css)`
|
|
50
|
-
|
|
27
|
+
--plasma-spinner-color: ${_sdds_bizcom.textTertiary};
|
|
51
28
|
`,
|
|
52
29
|
paragraph: (0, _styledcomponents.css)`
|
|
53
|
-
|
|
30
|
+
--plasma-spinner-color: ${_sdds_bizcom.textParagraph};
|
|
54
31
|
`,
|
|
55
32
|
accent: (0, _styledcomponents.css)`
|
|
56
|
-
|
|
33
|
+
--plasma-spinner-color: ${_sdds_bizcom.textAccent};
|
|
57
34
|
`,
|
|
58
35
|
positive: (0, _styledcomponents.css)`
|
|
59
|
-
|
|
36
|
+
--plasma-spinner-color: ${_sdds_bizcom.textPositive};
|
|
60
37
|
`,
|
|
61
38
|
warning: (0, _styledcomponents.css)`
|
|
62
|
-
|
|
39
|
+
--plasma-spinner-color: ${_sdds_bizcom.textWarning};
|
|
63
40
|
`,
|
|
64
41
|
negative: (0, _styledcomponents.css)`
|
|
65
|
-
|
|
42
|
+
--plasma-spinner-color: ${_sdds_bizcom.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
|
+
]);
|
|
@@ -260,7 +260,7 @@ export const config = {
|
|
|
260
260
|
${tokens.textFieldHintTargetSize}: 2.375rem;
|
|
261
261
|
${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
|
|
262
262
|
|
|
263
|
-
${tokens.
|
|
263
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
264
264
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
265
265
|
${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
|
|
266
266
|
${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -343,7 +343,7 @@ export const config = {
|
|
|
343
343
|
${tokens.textFieldHintTargetSize}: 2.375rem;
|
|
344
344
|
${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
|
|
345
345
|
|
|
346
|
-
${tokens.
|
|
346
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
347
347
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
348
348
|
${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
|
|
349
349
|
${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -426,7 +426,7 @@ export const config = {
|
|
|
426
426
|
${tokens.textFieldHintTargetSize}: 2.375rem;
|
|
427
427
|
${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
|
|
428
428
|
|
|
429
|
-
${tokens.
|
|
429
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
430
430
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
431
431
|
${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
|
|
432
432
|
${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -509,7 +509,7 @@ export const config = {
|
|
|
509
509
|
${tokens.textFieldHintTargetSize}: 2.375rem;
|
|
510
510
|
${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
|
|
511
511
|
|
|
512
|
-
${tokens.
|
|
512
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
513
513
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
514
514
|
${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
|
|
515
515
|
${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -247,7 +247,7 @@ export const config = {
|
|
|
247
247
|
${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
|
|
248
248
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
|
|
249
249
|
|
|
250
|
-
${tokens.
|
|
250
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
251
251
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
252
252
|
${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
|
|
253
253
|
${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -331,7 +331,7 @@ export const config = {
|
|
|
331
331
|
${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
|
|
332
332
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
|
|
333
333
|
|
|
334
|
-
${tokens.
|
|
334
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
335
335
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
336
336
|
${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
|
|
337
337
|
${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -415,7 +415,7 @@ export const config = {
|
|
|
415
415
|
${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
|
|
416
416
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
|
|
417
417
|
|
|
418
|
-
${tokens.
|
|
418
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
419
419
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
420
420
|
${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
|
|
421
421
|
${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
|
|
@@ -499,7 +499,7 @@ export const config = {
|
|
|
499
499
|
${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
|
|
500
500
|
${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
|
|
501
501
|
|
|
502
|
-
${tokens.
|
|
502
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
503
503
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
|
|
504
504
|
${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
|
|
505
505
|
${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;
|
|
@@ -253,7 +253,6 @@ export const config = {
|
|
|
253
253
|
${tokens.calendarHeaderWrapperPadding}: 0;
|
|
254
254
|
${tokens.calendarHeaderArrowGap}: 0.5rem;
|
|
255
255
|
${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
256
|
-
${tokens.calendarHeaderArrowSize}: 1.5rem;
|
|
257
256
|
|
|
258
257
|
${tokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
259
258
|
${tokens.calendarHeaderDateGap}: 0.5rem;
|
|
@@ -425,7 +424,6 @@ export const config = {
|
|
|
425
424
|
${tokens.calendarHeaderWrapperPadding}: 0;
|
|
426
425
|
${tokens.calendarHeaderArrowGap}: 0.5rem;
|
|
427
426
|
${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
428
|
-
${tokens.calendarHeaderArrowSize}: 1.5rem;
|
|
429
427
|
|
|
430
428
|
${tokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
431
429
|
${tokens.calendarHeaderDateGap}: 0.5rem;
|
|
@@ -597,7 +595,6 @@ export const config = {
|
|
|
597
595
|
${tokens.calendarHeaderWrapperPadding}: 0;
|
|
598
596
|
${tokens.calendarHeaderArrowGap}: 0;
|
|
599
597
|
${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
600
|
-
${tokens.calendarHeaderArrowSize}: 1.5rem;
|
|
601
598
|
|
|
602
599
|
${tokens.calendarHeaderPadding}: 0 0 0 0.75rem;
|
|
603
600
|
${tokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -769,7 +766,6 @@ export const config = {
|
|
|
769
766
|
${tokens.calendarHeaderWrapperPadding}: 0;
|
|
770
767
|
${tokens.calendarHeaderArrowGap}: 0;
|
|
771
768
|
${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
772
|
-
${tokens.calendarHeaderArrowSize}: 1.5rem;
|
|
773
769
|
|
|
774
770
|
${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
775
771
|
${tokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -941,7 +937,6 @@ export const config = {
|
|
|
941
937
|
${tokens.calendarHeaderWrapperPadding}: 0;
|
|
942
938
|
${tokens.calendarHeaderArrowGap}: 0;
|
|
943
939
|
${tokens.calendarHeaderArrowCustomSize}: 1rem;
|
|
944
|
-
${tokens.calendarHeaderArrowSize}: 1rem;
|
|
945
940
|
|
|
946
941
|
${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
947
942
|
${tokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -226,7 +226,6 @@ export const config = {
|
|
|
226
226
|
${tokens.calendarHeaderWrapperPadding}: 0;
|
|
227
227
|
${tokens.calendarHeaderArrowGap}: 0;
|
|
228
228
|
${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
229
|
-
${tokens.calendarHeaderArrowSize}: 1.5rem;
|
|
230
229
|
|
|
231
230
|
${tokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
232
231
|
${tokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -395,7 +394,6 @@ export const config = {
|
|
|
395
394
|
${tokens.calendarHeaderWrapperPadding}: 0;
|
|
396
395
|
${tokens.calendarHeaderArrowGap}: 0.5rem;
|
|
397
396
|
${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
398
|
-
${tokens.calendarHeaderArrowSize}: 1.5rem;
|
|
399
397
|
|
|
400
398
|
${tokens.calendarHeaderPadding}: 0 0 0 1rem;
|
|
401
399
|
${tokens.calendarHeaderDateGap}: 0.5rem;
|
|
@@ -564,7 +562,6 @@ export const config = {
|
|
|
564
562
|
${tokens.calendarHeaderWrapperPadding}: 0;
|
|
565
563
|
${tokens.calendarHeaderArrowGap}: 0;
|
|
566
564
|
${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
567
|
-
${tokens.calendarHeaderArrowSize}: 1.5rem;
|
|
568
565
|
|
|
569
566
|
${tokens.calendarHeaderPadding}: 0 0 0 0.75rem;
|
|
570
567
|
${tokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -733,7 +730,6 @@ export const config = {
|
|
|
733
730
|
${tokens.calendarHeaderWrapperPadding}: 0;
|
|
734
731
|
${tokens.calendarHeaderArrowGap}: 0;
|
|
735
732
|
${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
|
|
736
|
-
${tokens.calendarHeaderArrowSize}: 1.5rem;
|
|
737
733
|
|
|
738
734
|
${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
739
735
|
${tokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -902,7 +898,6 @@ export const config = {
|
|
|
902
898
|
${tokens.calendarHeaderWrapperPadding}: 0;
|
|
903
899
|
${tokens.calendarHeaderArrowGap}: 0;
|
|
904
900
|
${tokens.calendarHeaderArrowCustomSize}: 1rem;
|
|
905
|
-
${tokens.calendarHeaderArrowSize}: 1rem;
|
|
906
901
|
|
|
907
902
|
${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
|
|
908
903
|
${tokens.calendarHeaderDateGap}: 0.25rem;
|
|
@@ -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/sdds-themes/tokens/sdds_bizcom';
|
|
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
|
+
]);
|