@salutejs/plasma-b2c 1.601.0-canary.2415.20985766670.0 → 1.601.0-canary.2417.20986471487.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.
Files changed (32) hide show
  1. package/dist/css/cjs/components/DatePicker/DatePicker.clear.config.js +42 -0
  2. package/dist/css/cjs/components/DatePicker/DatePicker.clear.config.js.map +1 -0
  3. package/dist/css/cjs/components/DatePicker/DatePicker.clear.config_1zvw30.css +12 -0
  4. package/dist/css/cjs/components/DatePicker/DatePicker.config.js +12 -4
  5. package/dist/css/cjs/components/DatePicker/DatePicker.config.js.map +1 -1
  6. package/dist/css/cjs/components/DatePicker/DatePicker.config_1625ibd.css +12 -0
  7. package/dist/css/cjs/components/DatePicker/DatePicker.css +25 -9
  8. package/dist/css/cjs/components/DatePicker/DatePicker.js +27 -4
  9. package/dist/css/cjs/components/DatePicker/DatePicker.js.map +1 -1
  10. package/dist/css/cjs/index.css +25 -9
  11. package/dist/css/es/components/DatePicker/DatePicker.clear.config.js +38 -0
  12. package/dist/css/es/components/DatePicker/DatePicker.clear.config.js.map +1 -0
  13. package/dist/css/es/components/DatePicker/DatePicker.clear.config_1zvw30.css +12 -0
  14. package/dist/css/es/components/DatePicker/DatePicker.config.js +12 -4
  15. package/dist/css/es/components/DatePicker/DatePicker.config.js.map +1 -1
  16. package/dist/css/es/components/DatePicker/DatePicker.config_1625ibd.css +12 -0
  17. package/dist/css/es/components/DatePicker/DatePicker.css +25 -9
  18. package/dist/css/es/components/DatePicker/DatePicker.js +25 -6
  19. package/dist/css/es/components/DatePicker/DatePicker.js.map +1 -1
  20. package/dist/css/es/index.css +25 -9
  21. package/dist/styled-components/cjs/components/DatePicker/DatePicker.clear.config.js +826 -0
  22. package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +147 -18
  23. package/dist/styled-components/cjs/components/DatePicker/DatePicker.js +39 -4
  24. package/dist/styled-components/es/components/DatePicker/DatePicker.clear.config.js +816 -0
  25. package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +147 -18
  26. package/dist/styled-components/es/components/DatePicker/DatePicker.js +28 -5
  27. package/package.json +8 -8
  28. package/types/components/DatePicker/DatePicker.clear.config.d.ts +34 -0
  29. package/types/components/DatePicker/DatePicker.config.d.ts +8 -0
  30. package/types/components/DatePicker/DatePicker.d.ts +517 -4
  31. package/dist/css/cjs/components/DatePicker/DatePicker.config_7symb0.css +0 -9
  32. package/dist/css/es/components/DatePicker/DatePicker.config_7symb0.css +0 -9
package/dist/styled-components/es/components/DatePicker/DatePicker.config.js CHANGED
@@ -19,15 +19,17 @@ function _templateObject() {
19
19
  ": var(--text-secondary);\n ",
20
20
  ": var(--text-negative);\n ",
21
21
  ": var(--text-positive);\n\n ",
22
- ": var(--text-primary);\n ",
23
- ": var(--text-primary-hover);\n ",
24
- ": var(--text-primary-active);\n\n ",
22
+ ": var(--text-secondary);\n ",
23
+ ": var(--text-secondary);\n\n ",
24
+ ": var(--text-secondary);\n ",
25
+ ": var(--text-secondary-hover);\n ",
26
+ ": var(--text-secondary-active);\n\n ",
25
27
  ": var(--text-primary);\n ",
26
28
  ": var(--text-secondary);\n ",
27
- ": var(--text-accent);\n ",
29
+ ": var(--text-accent);\n\n ",
28
30
  ": var(--text-secondary);\n ",
29
31
  ": var(--text-secondary-hover);\n ",
30
- ": var(--text-secondary-active);\n ",
32
+ ": var(--text-secondary-active);\n\n ",
31
33
  ": var(--text-secondary);\n ",
32
34
  ": var(--text-secondary-hover);\n ",
33
35
  ": var(--text-secondary-active);\n\n ",
@@ -122,6 +124,19 @@ function _templateObject1() {
122
124
  ": -0.75rem;\n ",
123
125
  ": auto 0 -0.5rem auto;\n ",
124
126
  ": auto auto -0.5rem 0;\n\n ",
127
+ ": -0.688rem -0.5rem;\n ",
128
+ ": 2.375rem;\n ",
129
+ ": 1.438rem -2.938rem auto auto;\n ",
130
+ ": 0 0.563rem 0 -0.438rem;\n\n ",
131
+ ": 0.563rem -2.938rem auto auto;\n ",
132
+ ": 0.563rem -2.188rem auto auto;\n\n ",
133
+ ": 0.375rem;\n ",
134
+ ": var(--plasma-typo-body-xs-font-family);\n ",
135
+ ": var(--plasma-typo-body-xs-font-size);\n ",
136
+ ": var(--plasma-typo-body-xs-font-style);\n ",
137
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
138
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
139
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
125
140
  ": 3.5rem;\n ",
126
141
  ": 0.875rem;\n ",
127
142
  ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ",
@@ -230,15 +245,28 @@ function _templateObject2() {
230
245
  ": var(--plasma-typo-body-m-line-height);\n\n ",
231
246
  ": 0.25rem;\n ",
232
247
  ": 0.5rem;\n ",
233
- ": 0.375rem;\n \n ",
248
+ ": 0.375rem;\n\n ",
234
249
  ": 0 0 0 0;\n ",
235
250
  ": 0.375rem auto auto -0.75rem;\n ",
236
251
  ": 0 0 auto auto;\n ",
237
252
  ": 0.25rem -0.6875rem auto auto;\n\n ",
238
253
  ": 0.25rem;\n ",
239
- ": -0.75rem\n",
254
+ ": -0.75rem;\n ",
240
255
  ": auto 0 -0.5rem auto;\n ",
241
256
  ": auto auto -0.5rem 0;\n\n ",
257
+ ": -0.688rem;\n ",
258
+ ": 2.375rem;\n ",
259
+ ": 1.1875rem -2.813rem auto auto;\n ",
260
+ ": 0 0.313rem 0 -0.438rem;\n\n ",
261
+ ": 0.312rem -2.813rem auto auto;\n ",
262
+ ": 0.312rem -2.188rem auto auto;\n\n ",
263
+ ": 0.313rem;\n ",
264
+ ": var(--plasma-typo-body-xs-font-family);\n ",
265
+ ": var(--plasma-typo-body-xs-font-size);\n ",
266
+ ": var(--plasma-typo-body-xs-font-style);\n ",
267
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
268
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
269
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
242
270
  ": 3rem;\n ",
243
271
  ": 0.75rem;\n ",
244
272
  ": 0.875rem 1rem 0.875rem 1rem;\n ",
@@ -353,9 +381,22 @@ function _templateObject3() {
353
381
  ": 0 0 auto auto;\n ",
354
382
  ": 0.25rem -0.625rem auto auto;\n\n ",
355
383
  ": 0.25rem;\n ",
356
- ": -0.75rem\n",
384
+ ": -0.75rem;\n ",
357
385
  ": auto 0 -0.5rem auto;\n ",
358
386
  ": auto auto -0.5rem 0;\n\n ",
387
+ ": -0.688rem;\n ",
388
+ ": 2.375rem;\n ",
389
+ ": 0.938rem -2.688rem auto auto;\n ",
390
+ ": 0 0.063rem 0 -0.438rem;\n\n ",
391
+ ": 0.062rem -2.688rem auto auto;\n ",
392
+ ": 0.062rem -2.188rem auto auto;\n\n ",
393
+ ": 0.188rem;\n ",
394
+ ": var(--plasma-typo-body-xs-font-family);\n ",
395
+ ": var(--plasma-typo-body-xs-font-size);\n ",
396
+ ": var(--plasma-typo-body-xs-font-style);\n ",
397
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
398
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
399
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
359
400
  ": 2.5rem;\n ",
360
401
  ": 0.625rem;\n ",
361
402
  ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ",
@@ -473,6 +514,19 @@ function _templateObject4() {
473
514
  ": -0.75rem;\n ",
474
515
  ": auto 0 -0.375rem auto;\n ",
475
516
  ": auto auto -0.375rem 0;\n\n ",
517
+ ": -0.688rem;\n ",
518
+ ": 2.375rem;\n ",
519
+ ": 0.688rem -2.063rem auto auto;\n ",
520
+ ": 0 -0.188rem 0 -0.688rem;\n\n ",
521
+ ": -0.188rem -2.1875rem auto auto;\n ",
522
+ ": -0.188rem -1.938rem auto auto;\n\n ",
523
+ ": 0;\n ",
524
+ ": var(--plasma-typo-body-xs-font-family);\n ",
525
+ ": var(--plasma-typo-body-xs-font-size);\n ",
526
+ ": var(--plasma-typo-body-xs-font-style);\n ",
527
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
528
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
529
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
476
530
  ": 2rem;\n ",
477
531
  ": 0.5rem;\n ",
478
532
  ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ",
@@ -614,7 +668,10 @@ function _templateObject6() {
614
668
  function _templateObject7() {
615
669
  var data = _tagged_template_literal([
616
670
  "\n ",
617
- ": 0.4;\n "
671
+ ": var(--surface-solid-card-brightness);\n ",
672
+ ": var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));\n ",
673
+ ": var(--text-primary);\n ",
674
+ ": var(--surface-solid-card-brightness);\n "
618
675
  ]);
619
676
  _templateObject7 = function _templateObject() {
620
677
  return data;
@@ -622,6 +679,70 @@ function _templateObject7() {
622
679
  return data;
623
680
  }
624
681
  function _templateObject8() {
682
+ var data = _tagged_template_literal([
683
+ "\n ",
684
+ ": 0.6875rem;\n ",
685
+ ": 0.875rem;\n ",
686
+ ": 0.6875rem;\n ",
687
+ ": 0.875rem;\n\n ",
688
+ ": 2.5rem;\n ",
689
+ ": 0.625rem;\n\n ",
690
+ ": var(--plasma-typo-body-s-font-family);\n ",
691
+ ": var(--plasma-typo-body-s-font-size);\n ",
692
+ ": var(--plasma-typo-body-s-font-style);\n ",
693
+ ": var(--plasma-typo-body-s-font-weight);\n ",
694
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
695
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
696
+ ": 0.375rem;\n\n ",
697
+ ": 1.25rem;\n ",
698
+ ": 1.25rem;\n ",
699
+ ': url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");\n ',
700
+ ": 0.5rem;\n ",
701
+ ": 0.625rem;\n "
702
+ ]);
703
+ _templateObject8 = function _templateObject() {
704
+ return data;
705
+ };
706
+ return data;
707
+ }
708
+ function _templateObject9() {
709
+ var data = _tagged_template_literal([
710
+ "\n ",
711
+ ": 0.5rem;\n ",
712
+ ": 0.75rem;\n ",
713
+ ": 0.5rem;\n ",
714
+ ": 0.75rem;\n\n ",
715
+ ": 2rem;\n ",
716
+ ": 0.5rem;\n\n ",
717
+ ": var(--plasma-typo-body-xs-font-family);\n ",
718
+ ": var(--plasma-typo-body-xs-font-size);\n ",
719
+ ": var(--plasma-typo-body-xs-font-style);\n ",
720
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
721
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
722
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
723
+ ": 0.25rem;\n\n ",
724
+ ": 1rem;\n ",
725
+ ": 1rem;\n ",
726
+ ': url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");\n ',
727
+ ": 0.375rem;\n ",
728
+ ": 0.5625rem;\n "
729
+ ]);
730
+ _templateObject9 = function _templateObject() {
731
+ return data;
732
+ };
733
+ return data;
734
+ }
735
+ function _templateObject10() {
736
+ var data = _tagged_template_literal([
737
+ "\n ",
738
+ ": 0.4;\n "
739
+ ]);
740
+ _templateObject10 = function _templateObject() {
741
+ return data;
742
+ };
743
+ return data;
744
+ }
745
+ function _templateObject11() {
625
746
  var data = _tagged_template_literal([
626
747
  "\n ",
627
748
  ": var(--surface-transparent-primary);\n ",
@@ -637,7 +758,7 @@ function _templateObject8() {
637
758
  ": 0.1;\n ",
638
759
  ": 0.1;\n "
639
760
  ]);
640
- _templateObject8 = function _templateObject() {
761
+ _templateObject11 = function _templateObject() {
641
762
  return data;
642
763
  };
643
764
  return data;
@@ -646,27 +767,35 @@ import { datePickerTokens as tokens, css } from '@salutejs/plasma-new-hope/style
646
767
  export var config = {
647
768
  defaults: {
648
769
  view: 'default',
649
- size: 'm'
770
+ size: 'm',
771
+ hintSize: 'm'
650
772
  },
651
773
  variations: {
652
774
  view: {
653
- default: css(_templateObject(), tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentRightSlotColor, tokens.textFieldContentRightSlotColorHover, tokens.textFieldContentRightSlotColorActive, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor, tokens.textFieldPlaceholderColorFocus, tokens.calendarShadow, tokens.calendarSeparatorBackground, tokens.calendarBackgroundColor, tokens.calendarSelectedItemBackground, tokens.calendarSelectedItemColor, tokens.calendarSelectableItemBackgroundHover, tokens.calendarCurrentItemBorderColor, tokens.calendarCurrentItemBackgroundHover, tokens.calendarCurrentItemColorHover, tokens.calendarCurrentItemChildBackgroundHover, tokens.calendarActiveItemBackground, tokens.calendarActiveItemColor, tokens.calendarHoveredItemBackground, tokens.calendarHoveredItemColor, tokens.calendarRangeBackground, tokens.calendarOutlineFocusColor, tokens.calendarContentPrimaryColor, tokens.calendarContentPrimaryDisabledColor, tokens.calendarHeaderArrowColor, tokens.calendarContentPrimaryColor, tokens.calendarContentSecondaryColor, tokens.calendarContentSecondaryDisabledColor, tokens.calendarDisabledOpacity, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.iconButtonFocusColor, tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor)
775
+ default: css(_templateObject(), tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentRightSlotColor, tokens.textFieldContentRightSlotColorHover, tokens.textFieldContentRightSlotColorActive, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor, tokens.textFieldPlaceholderColorFocus, tokens.calendarShadow, tokens.calendarSeparatorBackground, tokens.calendarBackgroundColor, tokens.calendarSelectedItemBackground, tokens.calendarSelectedItemColor, tokens.calendarSelectableItemBackgroundHover, tokens.calendarCurrentItemBorderColor, tokens.calendarCurrentItemBackgroundHover, tokens.calendarCurrentItemColorHover, tokens.calendarCurrentItemChildBackgroundHover, tokens.calendarActiveItemBackground, tokens.calendarActiveItemColor, tokens.calendarHoveredItemBackground, tokens.calendarHoveredItemColor, tokens.calendarRangeBackground, tokens.calendarOutlineFocusColor, tokens.calendarContentPrimaryColor, tokens.calendarContentPrimaryDisabledColor, tokens.calendarHeaderArrowColor, tokens.calendarContentPrimaryColor, tokens.calendarContentSecondaryColor, tokens.calendarContentSecondaryDisabledColor, tokens.calendarDisabledOpacity, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.iconButtonFocusColor, tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor)
654
776
  },
655
777
  size: {
656
- l: css(_templateObject1(), tokens.width, tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelWrapperOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorWrapperGap, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.indicatorMarginTop, tokens.indicatorOuterLeft, tokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelInnerLeft, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.calendarBorderRadius, tokens.calendarContainerWidth, tokens.calendarContainerHeight, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, tokens.calendarQuartersPadding, tokens.calendarQuarterItemBorderRadius, tokens.calendarQuarterFontFamily, tokens.calendarQuarterFontSize, tokens.calendarQuarterFontStyle, tokens.calendarQuarterFontLetterSpacing, tokens.calendarQuarterFontLineHeight, tokens.calendarQuarterFontWeight, tokens.calendarQuarterSelectedFontWeight, tokens.calendarDaysPadding, tokens.calendarDayItemBorderRadius, tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarDayFontWeight, tokens.calendarDaySelectedFontWeight, tokens.calendarCurrentItemBorderWidth, tokens.calendarHeaderWrapperPadding, tokens.calendarHeaderArrowGap, tokens.calendarHeaderArrowCustomSize, tokens.calendarHeaderPadding, tokens.calendarHeaderDateGap, tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderFontWeight, tokens.calendarHeaderFontWeightBold, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonRadius),
657
- m: css(_templateObject2(), tokens.width, tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelWrapperOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorWrapperGap, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.indicatorMarginTop, tokens.indicatorOuterLeft, tokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelInnerLeft, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.calendarContainerWidth, tokens.calendarContainerHeight, tokens.calendarBorderRadius, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarQuartersPadding, tokens.calendarQuarterItemBorderRadius, tokens.calendarQuarterFontFamily, tokens.calendarQuarterFontSize, tokens.calendarQuarterFontStyle, tokens.calendarQuarterFontLetterSpacing, tokens.calendarQuarterFontLineHeight, tokens.calendarQuarterFontWeight, tokens.calendarQuarterSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, tokens.calendarDaysPadding, tokens.calendarDayItemBorderRadius, tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarDayFontWeight, tokens.calendarDaySelectedFontWeight, tokens.calendarCurrentItemBorderWidth, tokens.calendarHeaderWrapperPadding, tokens.calendarHeaderArrowGap, tokens.calendarHeaderArrowCustomSize, tokens.calendarHeaderPadding, tokens.calendarHeaderDateGap, tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderFontWeight, tokens.calendarHeaderFontWeightBold, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonRadius),
658
- s: css(_templateObject3(), tokens.width, tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelWrapperOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorWrapperGap, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.indicatorMarginTop, tokens.indicatorOuterLeft, tokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelInnerLeft, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.calendarContainerWidth, tokens.calendarContainerHeight, tokens.calendarBorderRadius, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarQuartersPadding, tokens.calendarQuarterItemBorderRadius, tokens.calendarQuarterFontFamily, tokens.calendarQuarterFontSize, tokens.calendarQuarterFontStyle, tokens.calendarQuarterFontLetterSpacing, tokens.calendarQuarterFontLineHeight, tokens.calendarQuarterFontWeight, tokens.calendarQuarterSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, tokens.calendarDaysPadding, tokens.calendarDayItemBorderRadius, tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarDayFontWeight, tokens.calendarDaySelectedFontWeight, tokens.calendarCurrentItemBorderWidth, tokens.calendarHeaderWrapperPadding, tokens.calendarHeaderArrowGap, tokens.calendarHeaderArrowCustomSize, tokens.calendarHeaderPadding, tokens.calendarHeaderDateGap, tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderFontWeight, tokens.calendarHeaderFontWeightBold, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonRadius),
659
- xs: css(_templateObject4(), tokens.width, tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelWrapperOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorWrapperGap, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.indicatorMarginTop, tokens.indicatorOuterLeft, tokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelInnerLeft, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.calendarContainerWidth, tokens.calendarContainerHeight, tokens.calendarBorderRadius, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarQuartersPadding, tokens.calendarQuarterItemBorderRadius, tokens.calendarQuarterFontFamily, tokens.calendarQuarterFontSize, tokens.calendarQuarterFontStyle, tokens.calendarQuarterFontLetterSpacing, tokens.calendarQuarterFontLineHeight, tokens.calendarQuarterFontWeight, tokens.calendarQuarterSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, tokens.calendarDaysPadding, tokens.calendarDayItemBorderRadius, tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarDayFontWeight, tokens.calendarDaySelectedFontWeight, tokens.calendarCurrentItemBorderWidth, tokens.calendarHeaderWrapperPadding, tokens.calendarHeaderArrowGap, tokens.calendarHeaderArrowCustomSize, tokens.calendarHeaderPadding, tokens.calendarHeaderDateGap, tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderFontWeight, tokens.calendarHeaderFontWeightBold, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonRadius)
778
+ l: css(_templateObject1(), tokens.width, tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelWrapperOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorWrapperGap, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.indicatorMarginTop, tokens.indicatorOuterLeft, tokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelInnerLeft, tokens.hintMargin, tokens.hintTargetSize, tokens.hintWithoutLabelPlacementOffset, tokens.hintPlacementInnerMargin, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.calendarBorderRadius, tokens.calendarContainerWidth, tokens.calendarContainerHeight, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, tokens.calendarQuartersPadding, tokens.calendarQuarterItemBorderRadius, tokens.calendarQuarterFontFamily, tokens.calendarQuarterFontSize, tokens.calendarQuarterFontStyle, tokens.calendarQuarterFontLetterSpacing, tokens.calendarQuarterFontLineHeight, tokens.calendarQuarterFontWeight, tokens.calendarQuarterSelectedFontWeight, tokens.calendarDaysPadding, tokens.calendarDayItemBorderRadius, tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarDayFontWeight, tokens.calendarDaySelectedFontWeight, tokens.calendarCurrentItemBorderWidth, tokens.calendarHeaderWrapperPadding, tokens.calendarHeaderArrowGap, tokens.calendarHeaderArrowCustomSize, tokens.calendarHeaderPadding, tokens.calendarHeaderDateGap, tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderFontWeight, tokens.calendarHeaderFontWeightBold, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonRadius),
779
+ m: css(_templateObject2(), tokens.width, tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelWrapperOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorWrapperGap, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.indicatorMarginTop, tokens.indicatorOuterLeft, tokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelInnerLeft, tokens.hintMargin, tokens.hintTargetSize, tokens.hintWithoutLabelPlacementOffset, tokens.hintPlacementInnerMargin, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.calendarContainerWidth, tokens.calendarContainerHeight, tokens.calendarBorderRadius, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarQuartersPadding, tokens.calendarQuarterItemBorderRadius, tokens.calendarQuarterFontFamily, tokens.calendarQuarterFontSize, tokens.calendarQuarterFontStyle, tokens.calendarQuarterFontLetterSpacing, tokens.calendarQuarterFontLineHeight, tokens.calendarQuarterFontWeight, tokens.calendarQuarterSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, tokens.calendarDaysPadding, tokens.calendarDayItemBorderRadius, tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarDayFontWeight, tokens.calendarDaySelectedFontWeight, tokens.calendarCurrentItemBorderWidth, tokens.calendarHeaderWrapperPadding, tokens.calendarHeaderArrowGap, tokens.calendarHeaderArrowCustomSize, tokens.calendarHeaderPadding, tokens.calendarHeaderDateGap, tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderFontWeight, tokens.calendarHeaderFontWeightBold, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonRadius),
780
+ s: css(_templateObject3(), tokens.width, tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelWrapperOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorWrapperGap, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.indicatorMarginTop, tokens.indicatorOuterLeft, tokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelInnerLeft, tokens.hintMargin, tokens.hintTargetSize, tokens.hintWithoutLabelPlacementOffset, tokens.hintPlacementInnerMargin, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.calendarContainerWidth, tokens.calendarContainerHeight, tokens.calendarBorderRadius, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarQuartersPadding, tokens.calendarQuarterItemBorderRadius, tokens.calendarQuarterFontFamily, tokens.calendarQuarterFontSize, tokens.calendarQuarterFontStyle, tokens.calendarQuarterFontLetterSpacing, tokens.calendarQuarterFontLineHeight, tokens.calendarQuarterFontWeight, tokens.calendarQuarterSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, tokens.calendarDaysPadding, tokens.calendarDayItemBorderRadius, tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarDayFontWeight, tokens.calendarDaySelectedFontWeight, tokens.calendarCurrentItemBorderWidth, tokens.calendarHeaderWrapperPadding, tokens.calendarHeaderArrowGap, tokens.calendarHeaderArrowCustomSize, tokens.calendarHeaderPadding, tokens.calendarHeaderDateGap, tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderFontWeight, tokens.calendarHeaderFontWeightBold, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonRadius),
781
+ xs: css(_templateObject4(), tokens.width, tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelWrapperOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorWrapperGap, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.indicatorMarginTop, tokens.indicatorOuterLeft, tokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelInnerLeft, tokens.hintMargin, tokens.hintTargetSize, tokens.hintWithoutLabelPlacementOffset, tokens.hintPlacementInnerMargin, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.calendarContainerWidth, tokens.calendarContainerHeight, tokens.calendarBorderRadius, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarQuartersPadding, tokens.calendarQuarterItemBorderRadius, tokens.calendarQuarterFontFamily, tokens.calendarQuarterFontSize, tokens.calendarQuarterFontStyle, tokens.calendarQuarterFontLetterSpacing, tokens.calendarQuarterFontLineHeight, tokens.calendarQuarterFontWeight, tokens.calendarQuarterSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, tokens.calendarDaysPadding, tokens.calendarDayItemBorderRadius, tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarDayFontWeight, tokens.calendarDaySelectedFontWeight, tokens.calendarCurrentItemBorderWidth, tokens.calendarHeaderWrapperPadding, tokens.calendarHeaderArrowGap, tokens.calendarHeaderArrowCustomSize, tokens.calendarHeaderPadding, tokens.calendarHeaderDateGap, tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderFontWeight, tokens.calendarHeaderFontWeightBold, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonRadius)
660
782
  },
661
783
  eventTooltipSize: {
662
784
  m: css(_templateObject5(), tokens.tooltipPaddingTop, tokens.tooltipPaddingRight, tokens.tooltipPaddingBottom, tokens.tooltipPaddingLeft, tokens.tooltipMinHeight, tokens.tooltipBorderRadius, tokens.tooltipTextFontFamily, tokens.tooltipTextFontSize, tokens.tooltipTextFontStyle, tokens.tooltipTextFontWeight, tokens.tooltipTextFontLetterSpacing, tokens.tooltipTextFontLineHeight, tokens.tooltipContentLeftMargin, tokens.tooltipArrowMaskWidth, tokens.tooltipArrowMaskHeight, tokens.tooltipArrowMaskImage, tokens.tooltipArrowHeight, tokens.tooltipArrowEdgeMargin, tokens.tooltipArrowBackground),
663
785
  s: css(_templateObject6(), tokens.tooltipPaddingTop, tokens.tooltipPaddingRight, tokens.tooltipPaddingBottom, tokens.tooltipPaddingLeft, tokens.tooltipMinHeight, tokens.tooltipBorderRadius, tokens.tooltipTextFontFamily, tokens.tooltipTextFontSize, tokens.tooltipTextFontStyle, tokens.tooltipTextFontWeight, tokens.tooltipTextFontLetterSpacing, tokens.tooltipTextFontLineHeight, tokens.tooltipContentLeftMargin, tokens.tooltipArrowMaskWidth, tokens.tooltipArrowMaskHeight, tokens.tooltipArrowMaskImage, tokens.tooltipArrowHeight, tokens.tooltipArrowEdgeMargin, tokens.tooltipArrowBackground)
664
786
  },
787
+ hintView: {
788
+ default: css(_templateObject7(), tokens.hintTooltipBackgroundColor, tokens.hintTooltipBoxShadow, tokens.hintTooltipColor, tokens.hintTooltipArrowBackground)
789
+ },
790
+ hintSize: {
791
+ m: css(_templateObject8(), tokens.hintTooltipPaddingTop, tokens.hintTooltipPaddingRight, tokens.hintTooltipPaddingBottom, tokens.hintTooltipPaddingLeft, tokens.hintTooltipMinHeight, tokens.hintTooltipBorderRadius, tokens.hintTooltipTextFontFamily, tokens.hintTooltipTextFontSize, tokens.hintTooltipTextFontStyle, tokens.hintTooltipTextFontWeight, tokens.hintTooltipTextFontLetterSpacing, tokens.hintTooltipTextFontLineHeight, tokens.hintTooltipContentLeftMargin, tokens.hintTooltipArrowMaskWidth, tokens.hintTooltipArrowMaskHeight, tokens.hintTooltipArrowMaskImage, tokens.hintTooltipArrowHeight, tokens.hintTooltipArrowEdgeMargin),
792
+ s: css(_templateObject9(), tokens.hintTooltipPaddingTop, tokens.hintTooltipPaddingRight, tokens.hintTooltipPaddingBottom, tokens.hintTooltipPaddingLeft, tokens.hintTooltipMinHeight, tokens.hintTooltipBorderRadius, tokens.hintTooltipTextFontFamily, tokens.hintTooltipTextFontSize, tokens.hintTooltipTextFontStyle, tokens.hintTooltipTextFontWeight, tokens.hintTooltipTextFontLetterSpacing, tokens.hintTooltipTextFontLineHeight, tokens.hintTooltipContentLeftMargin, tokens.hintTooltipArrowMaskWidth, tokens.hintTooltipArrowMaskHeight, tokens.hintTooltipArrowMaskImage, tokens.hintTooltipArrowHeight, tokens.hintTooltipArrowEdgeMargin)
793
+ },
665
794
  disabled: {
666
- true: css(_templateObject7(), tokens.disabledOpacity)
795
+ true: css(_templateObject10(), tokens.disabledOpacity)
667
796
  },
668
797
  readOnly: {
669
- true: css(_templateObject8(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.rightContentOpacityReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, tokens.textFieldReadOnlyOpacity, tokens.rangeReadOnlyOpacity)
798
+ true: css(_templateObject11(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.rightContentOpacityReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, tokens.textFieldReadOnlyOpacity, tokens.rangeReadOnlyOpacity)
670
799
  }
671
800
  }
672
801
  };
package/dist/styled-components/es/components/DatePicker/DatePicker.js CHANGED
@@ -1,6 +1,29 @@
1
- import { datePickerConfig, datePickerRangeConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
1
+ import { datePickerConfig, datePickerRangeConfig, component, mergeConfig, createConditionalComponent } from '@salutejs/plasma-new-hope/styled-components';
2
2
  import { config } from './DatePicker.config';
3
- var mergedConfig = mergeConfig(datePickerConfig, config);
4
- export var DatePicker = component(mergedConfig);
5
- var mergedRangeConfig = mergeConfig(datePickerRangeConfig, config);
6
- export var DatePickerRange = component(mergedRangeConfig);
3
+ import { config as configClear } from './DatePicker.clear.config';
4
+ var mergedConfigDefault = mergeConfig(datePickerConfig, config);
5
+ export var DatePickerDefault = component(mergedConfigDefault);
6
+ var mergedConfigClear = mergeConfig(datePickerConfig, configClear);
7
+ export var DatePickerClear = component(mergedConfigClear);
8
+ export var DatePicker = createConditionalComponent(DatePickerDefault, [
9
+ {
10
+ conditions: {
11
+ prop: 'appearance',
12
+ value: 'clear'
13
+ },
14
+ component: DatePickerClear
15
+ }
16
+ ]);
17
+ var mergedRangeConfigDefault = mergeConfig(datePickerRangeConfig, config);
18
+ export var DatePickerRangeDefault = component(mergedRangeConfigDefault);
19
+ var mergedRangeConfigClear = mergeConfig(datePickerRangeConfig, configClear);
20
+ export var DatePickerRangeClear = component(mergedRangeConfigClear);
21
+ export var DatePickerRange = createConditionalComponent(DatePickerRangeDefault, [
22
+ {
23
+ conditions: {
24
+ prop: 'appearance',
25
+ value: 'clear'
26
+ },
27
+ component: DatePickerRangeClear
28
+ }
29
+ ]);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-b2c",
3
- "version": "1.601.0-canary.2415.20985766670.0",
3
+ "version": "1.601.0-canary.2417.20986471487.0",
4
4
  "description": "Salute Design System / React UI kit for business-related web applications.",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "exports": {
@@ -55,10 +55,10 @@
55
55
  "atLeast": 99.97
56
56
  },
57
57
  "dependencies": {
58
- "@salutejs/plasma-core": "1.213.0-canary.2415.20985766670.0",
59
- "@salutejs/plasma-hope": "1.359.0-canary.2415.20985766670.0",
60
- "@salutejs/plasma-new-hope": "0.345.0-canary.2415.20985766670.0",
61
- "@salutejs/plasma-themes": "0.39.0-canary.2415.20985766670.0",
58
+ "@salutejs/plasma-core": "1.213.0-canary.2417.20986471487.0",
59
+ "@salutejs/plasma-hope": "1.359.0-canary.2417.20986471487.0",
60
+ "@salutejs/plasma-new-hope": "0.345.0-canary.2417.20986471487.0",
61
+ "@salutejs/plasma-themes": "0.39.0-canary.2417.20986471487.0",
62
62
  "@salutejs/plasma-tokens-b2c": "0.65.0",
63
63
  "@salutejs/plasma-tokens-web": "1.69.0",
64
64
  "@salutejs/plasma-typo": "0.42.0"
@@ -84,9 +84,9 @@
84
84
  "@rollup/plugin-commonjs": "25.0.7",
85
85
  "@rollup/plugin-node-resolve": "15.2.3",
86
86
  "@salutejs/plasma-colors": "0.16.0",
87
- "@salutejs/plasma-cy-utils": "0.143.0-canary.2415.20985766670.0",
87
+ "@salutejs/plasma-cy-utils": "0.143.0-canary.2417.20986471487.0",
88
88
  "@salutejs/plasma-icons": "1.228.0",
89
- "@salutejs/plasma-sb-utils": "0.213.0-canary.2415.20985766670.0",
89
+ "@salutejs/plasma-sb-utils": "0.213.0-canary.2417.20986471487.0",
90
90
  "@types/node": "16.7.13",
91
91
  "@types/react": "18.0.28",
92
92
  "@types/react-dom": "18.0.11",
@@ -113,5 +113,5 @@
113
113
  "sideEffects": [
114
114
  "*.css"
115
115
  ],
116
- "gitHead": "d3c17ba53a8c2364b26408cc62c21aefeb04cd0c"
116
+ "gitHead": "c3e1d51d7f2012b26286b3b736e2124885586452"
117
117
  }
package/types/components/DatePicker/DatePicker.clear.config.d.ts ADDED
@@ -0,0 +1,34 @@
1
+ export declare const config: {
2
+ defaults: {
3
+ view: string;
4
+ size: string;
5
+ };
6
+ variations: {
7
+ view: {
8
+ default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
9
+ };
10
+ size: {
11
+ l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
12
+ m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
13
+ s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
14
+ xs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
15
+ };
16
+ eventTooltipSize: {
17
+ m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
18
+ s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
19
+ };
20
+ hintView: {
21
+ default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
22
+ };
23
+ hintSize: {
24
+ m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
25
+ s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
26
+ };
27
+ disabled: {
28
+ true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
29
+ };
30
+ readOnly: {
31
+ true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
32
+ };
33
+ };
34
+ };
package/types/components/DatePicker/DatePicker.config.d.ts CHANGED
@@ -2,6 +2,7 @@ export declare const config: {
2
2
  defaults: {
3
3
  view: string;
4
4
  size: string;
5
+ hintSize: string;
5
6
  };
6
7
  variations: {
7
8
  view: {
@@ -17,6 +18,13 @@ export declare const config: {
17
18
  m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
18
19
  s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
19
20
  };
21
+ hintView: {
22
+ default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
23
+ };
24
+ hintSize: {
25
+ m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
26
+ s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
27
+ };
20
28
  disabled: {
21
29
  true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
22
30
  };