@salutejs/plasma-new-hope 0.345.0-canary.2416.20569157442.0 → 0.345.0-canary.2417.20992530703.0

package/dist/styled-components/es/examples/components/DatePicker/DatePicker.config.js

@@ -17,9 +17,20 @@ export var config = {
                 ":var(--text-secondary);",
                 ":var(--text-negative);",
                 ":var(--text-positive);",
+                ":var(--text-secondary);",
+                ":var(--text-secondary);",
+                ":var(--text-primary);",
+                ":var(--text-primary-hover);",
+                ":var(--text-primary-active);",
                 ":var(--text-primary);",
                 ":var(--text-primary-hover);",
                 ":var(--text-primary-active);",
+                ":var(--text-secondary);",
+                ":var(--text-secondary-hover);",
+                ":var(--text-secondary-active);",
+                ":var(--text-secondary);",
+                ":var(--text-secondary-hover);",
+                ":var(--text-secondary-active);",
                 ":var(--text-primary);",
                 ":var(--text-secondary);",
                 ":var(--text-accent);",
@@ -79,7 +90,7 @@ export var config = {
                 ":var(--surface-solid-card-brightness);",
                 ":var(--shadow-down-hard-s);",
                 ":var(--text-primary);"
-            ], 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)
+            ], 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.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentSlotRightColor, tokens.textFieldContentSlotRightColorHover, tokens.textFieldContentSlotRightColorActive, 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)
         },
         size: {
             l: css([
@@ -113,9 +124,22 @@ export var config = {
                 ":0 0 auto auto;",
                 ":0.25rem -0.625rem auto auto;",
                 ":0.25rem;",
-                ":-0.75rem ",
+                ":-0.75rem;",
                 ":auto 0 -0.5rem auto;",
                 ":auto auto -0.5rem 0;",
+                ":-0.688rem -0.5rem;",
+                ":2.375rem;",
+                ":1.438rem -2.938rem auto auto;",
+                ":0 0.563rem 0 -0.438rem;",
+                ":0.563rem -2.938rem auto auto;",
+                ":0.563rem -2.188rem auto auto;",
+                ":0.375rem;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
                 ":3.5rem;",
                 ":0.875rem;",
                 ":1.0625rem 1.125rem 1.0625rem 1.125rem;",
@@ -192,7 +216,7 @@ export var config = {
                 ":3.5rem;",
                 ":1.5rem;",
                 ":0.875rem;"
-            ], 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),
+            ], 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),
             m: css([
                 "",
                 ":23rem;",
@@ -224,9 +248,22 @@ export var config = {
                 ":0 0 auto auto;",
                 ":0.25rem -0.6875rem auto auto;",
                 ":0.25rem;",
-                ":-0.75rem ",
+                ":-0.75rem;",
                 ":auto 0 -0.5rem auto;",
                 ":auto auto -0.5rem 0;",
+                ":-0.688rem;",
+                ":2.375rem;",
+                ":1.1875rem -2.813rem auto auto;",
+                ":0 0.313rem 0 -0.438rem;",
+                ":0.312rem -2.813rem auto auto;",
+                ":0.312rem -2.188rem auto auto;",
+                ":0.313rem;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
                 ":3rem;",
                 ":0.75rem;",
                 ":0.875rem 1rem 0.875rem 1rem;",
@@ -303,7 +340,7 @@ export var config = {
                 ":3rem;",
                 ":1.25rem;",
                 ":0.75rem;"
-            ], 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),
+            ], 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),
             s: css([
                 "",
                 ":19.5rem;",
@@ -335,9 +372,22 @@ export var config = {
                 ":0 0 auto auto;",
                 ":0.25rem -0.625rem auto auto;",
                 ":0.25rem;",
-                ":-0.75rem ",
+                ":-0.75rem;",
                 ":auto 0 -0.5rem auto;",
                 ":auto auto -0.5rem 0;",
+                ":-0.688rem;",
+                ":2.375rem;",
+                ":0.938rem -2.688rem auto auto;",
+                ":0 0.063rem 0 -0.438rem;",
+                ":0.062rem -2.688rem auto auto;",
+                ":0.062rem -2.188rem auto auto;",
+                ":0.188rem;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
                 ":2.5rem;",
                 ":0.625rem;",
                 ":0.6875rem 0.875rem 0.6875rem 0.875rem;",
@@ -414,7 +464,7 @@ export var config = {
                 ":2rem;",
                 ":0.75rem;",
                 ":0.5rem;"
-            ], 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),
+            ], 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),
             xs: css([
                 "",
                 ":19rem;",
@@ -449,6 +499,19 @@ export var config = {
                 ":-0.75rem;",
                 ":auto 0 -0.375rem auto;",
                 ":auto auto -0.375rem 0;",
+                ":-0.688rem;",
+                ":2.375rem;",
+                ":0.688rem -2.063rem auto auto;",
+                ":0 -0.188rem 0 -0.688rem;",
+                ":-0.188rem -2.1875rem auto auto;",
+                ":-0.188rem -1.938rem auto auto;",
+                ":0;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
                 ":2rem;",
                 ":0.5rem;",
                 ":0.5625rem 0.625rem 0.5625rem 0.625rem;",
@@ -525,7 +588,7 @@ export var config = {
                 ":2rem;",
                 ":0.75rem;",
                 ":0.5rem;"
-            ], 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)
+            ], 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)
         },
         eventTooltipSize: {
             m: css([
@@ -573,6 +636,59 @@ export var config = {
                 ":var(--surface-solid-card-brightness);"
             ], 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)
         },
+        hintView: {
+            default: css([
+                "",
+                ":var(--surface-solid-card-brightness);",
+                ":var(--shadow-down-hard-m);",
+                ":var(--text-primary);",
+                ":var(--surface-solid-card-brightness);"
+            ], tokens.hintTooltipBackgroundColor, tokens.hintTooltipBoxShadow, tokens.hintTooltipColor, tokens.hintTooltipArrowBackground)
+        },
+        hintSize: {
+            m: css([
+                "",
+                ":0.6875rem;",
+                ":0.875rem;",
+                ":0.6875rem;",
+                ":0.875rem;",
+                ":2.5rem;",
+                ":0.625rem;",
+                ":var(--plasma-typo-body-s-font-family);",
+                ":var(--plasma-typo-body-s-font-size);",
+                ":var(--plasma-typo-body-s-font-style);",
+                ":var(--plasma-typo-body-s-font-weight);",
+                ":var(--plasma-typo-body-s-letter-spacing);",
+                ":var(--plasma-typo-body-s-line-height);",
+                ":0.375rem;",
+                ":1.25rem;",
+                ":1.25rem;",
+                ':url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");',
+                ":0.5rem;",
+                ":0.625rem;"
+            ], 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),
+            s: css([
+                "",
+                ":0.5rem;",
+                ":0.75rem;",
+                ":0.5rem;",
+                ":0.75rem;",
+                ":2rem;",
+                ":0.5rem;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":0.25rem;",
+                ":1rem;",
+                ":1rem;",
+                ':url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");',
+                ":0.375rem;",
+                ":0.5625rem;"
+            ], 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)
+        },
         disabled: {
             true: css([
                 "",

package/dist/styled-components/es/examples/components/DatePicker/DatePicker.js

@@ -1,7 +1,31 @@
 import { component, mergeConfig } from "../../../engines";
+import { createConditionalComponent } from "../../../utils";
 import { datePickerConfig, datePickerRangeConfig } from "../../../components/DatePicker";
 import { config } from "./DatePicker.config";
-var mergedConfig = mergeConfig(datePickerConfig, config);
-export var DatePicker = component(mergedConfig);
-var mergedRangeConfig = mergeConfig(datePickerRangeConfig, config);
-export var DatePickerRange = component(mergedRangeConfig);
+import { config as configClear } from "./DatePicker.clear.config";
+var mergedConfigDefault = mergeConfig(datePickerConfig, config);
+export var DatePickerDefault = component(mergedConfigDefault);
+var mergedConfigClear = mergeConfig(datePickerConfig, configClear);
+export var DatePickerClear = component(mergedConfigClear);
+export var DatePicker = createConditionalComponent(DatePickerDefault, [
+    {
+        conditions: {
+            prop: 'appearance',
+            value: 'clear'
+        },
+        component: DatePickerClear
+    }
+]);
+var mergedRangeConfigDefault = mergeConfig(datePickerRangeConfig, config);
+export var DatePickerRangeDefault = component(mergedRangeConfigDefault);
+var mergedRangeConfigClea = mergeConfig(datePickerRangeConfig, configClear);
+export var DatePickerRangeClear = component(mergedRangeConfigClea);
+export var DatePickerRange = createConditionalComponent(DatePickerRangeDefault, [
+    {
+        conditions: {
+            prop: 'appearance',
+            value: 'clear'
+        },
+        component: DatePickerRangeClear
+    }
+]);

package/dist/styled-components/es/examples/components/Range/Range.clear.config.js

@@ -22,6 +22,12 @@ export var config = {
                 ":var(--text-positive);",
                 ":var(--text-secondary);",
                 ":var(--text-secondary);",
+                ":var(--text-primary);",
+                ":var(--text-primary-hover);",
+                ":var(--text-primary-active);",
+                ":var(--text-primary);",
+                ":var(--text-primary-hover);",
+                ":var(--text-primary-active);",
                 ":var(--text-secondary);",
                 ":var(--text-secondary-hover);",
                 ":var(--text-secondary-active);",
@@ -31,6 +37,12 @@ export var config = {
                 ":var(--text-positive);",
                 ":var(--text-positive-hover);",
                 ":var(--text-positive-active);",
+                ":var(--text-positive);",
+                ":var(--text-positive-hover);",
+                ":var(--text-positive-active);",
+                ":var(--text-negative);",
+                ":var(--text-negative-hover);",
+                ":var(--text-negative-active);",
                 ":var(--text-negative);",
                 ":var(--text-negative-hover);",
                 ":var(--text-negative-active);",
@@ -57,7 +69,7 @@ export var config = {
                 ":var(--text-secondary);",
                 ":var(--surface-accent);",
                 ":var(--surface-negative);"
-            ], tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.clearDividerColor, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive, tokens.contentSlotColorSuccess, tokens.contentSlotColorSuccessHover, tokens.contentSlotColorSuccessActive, tokens.contentSlotColorError, tokens.contentSlotColorErrorHover, tokens.contentSlotColorErrorActive, tokens.textFieldColor, tokens.textFieldColorSuccess, tokens.textFieldColorError, tokens.focusColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.textFieldBackgroundColorHover, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorHover, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorHover, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldDividerColorSuccess, tokens.textFieldDividerColorError, tokens.textFieldDividerColorHover, tokens.textFieldDividerColorFocus, tokens.indicatorColor)
+            ], tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.clearDividerColor, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentSlotRightColor, tokens.textFieldContentSlotRightColorHover, tokens.textFieldContentSlotRightColorActive, tokens.contentSlotColorSuccess, tokens.contentSlotColorSuccessHover, tokens.contentSlotColorSuccessActive, tokens.textFieldContentSlotColorSuccess, tokens.textFieldContentSlotColorSuccessHover, tokens.textFieldContentSlotColorSuccessActive, tokens.contentSlotColorError, tokens.contentSlotColorErrorHover, tokens.contentSlotColorErrorActive, tokens.textFieldContentSlotColorError, tokens.textFieldContentSlotColorErrorHover, tokens.textFieldContentSlotColorErrorActive, tokens.textFieldColor, tokens.textFieldColorSuccess, tokens.textFieldColorError, tokens.focusColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.textFieldBackgroundColorHover, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorHover, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorHover, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldDividerColorSuccess, tokens.textFieldDividerColorError, tokens.textFieldDividerColorHover, tokens.textFieldDividerColorFocus, tokens.indicatorColor)
         },
         size: {
             xl: css([

package/dist/styled-components/es/examples/components/Range/Range.config.js

@@ -21,6 +21,15 @@ export var config = {
                 ":var(--text-positive);",
                 ":var(--text-secondary);",
                 ":var(--text-secondary);",
+                ":var(--text-primary);",
+                ":var(--text-primary-hover);",
+                ":var(--text-primary-active);",
+                ":var(--text-primary);",
+                ":var(--text-primary-hover);",
+                ":var(--text-primary-active);",
+                ":var(--text-secondary);",
+                ":var(--text-secondary-hover);",
+                ":var(--text-secondary-active);",
                 ":var(--text-secondary);",
                 ":var(--text-secondary-hover);",
                 ":var(--text-secondary-active);",
@@ -40,7 +49,7 @@ export var config = {
                 ":var(--surface-negative);",
                 ":var(--text-accent);",
                 ":var(--text-tertiary);"
-            ], 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.textFieldBackgroundColorHover, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorHover, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorHover, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.indicatorColor, tokens.focusColor, tokens.textFieldPlaceholderColorFocus)
+            ], 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.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentSlotRightColor, tokens.textFieldContentSlotRightColorHover, tokens.textFieldContentSlotRightColorActive, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.textFieldBackgroundColorHover, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorHover, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorHover, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.indicatorColor, tokens.focusColor, tokens.textFieldPlaceholderColorFocus)
         },
         size: {
             xl: css([

package/dist/styled-components/es/examples/components/_beta/Tooltip/Tooltip.config.js

@@ -0,0 +1,50 @@
+import { css } from "styled-components";
+import { _beta_tooltipTokens as tokens } from "../../../../components/_beta/Tooltip";
+export var config = {
+    defaults: {
+        view: 'default',
+        size: 'm'
+    },
+    variations: {
+        view: {
+            default: css([
+                "",
+                ":var(--surface-solid-card);",
+                ":var(--shadow-down-soft-m);",
+                ":var(--text-primary);"
+            ], tokens.backgroundColor, tokens.boxShadow, tokens.color),
+            accent: css([
+                "",
+                ":var(--surface-accent);",
+                ":var(--shadow-down-soft-m);",
+                ":var(--on-dark-text-primary);"
+            ], tokens.backgroundColor, tokens.boxShadow, tokens.color)
+        },
+        size: {
+            m: css([
+                "",
+                ":0.625rem;",
+                ":0.625rem 0.875rem;",
+                ":0.375rem;",
+                ":var(--plasma-typo-body-s-font-family);",
+                ":var(--plasma-typo-body-s-font-size);",
+                ":var(--plasma-typo-body-s-font-style);",
+                ":var(--plasma-typo-body-s-font-weight);",
+                ":var(--plasma-typo-body-s-letter-spacing);",
+                ":var(--plasma-typo-body-s-line-height);"
+            ], tokens.borderRadius, tokens.padding, tokens.gap, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
+            s: css([
+                "",
+                ":0.5rem;",
+                ":0.5rem 0.75rem;",
+                ":0.25rem;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);"
+            ], tokens.borderRadius, tokens.padding, tokens.gap, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight)
+        }
+    }
+};

package/dist/styled-components/es/examples/components/_beta/Tooltip/Tooltip.js

@@ -0,0 +1,5 @@
+import { _beta_tooltipConfig } from "../../../../components/_beta/Tooltip";
+import { component, mergeConfig } from "../../../../engines";
+import { config } from "./Tooltip.config";
+var mergedConfig = mergeConfig(_beta_tooltipConfig, config);
+export var Tooltip = component(mergedConfig);

package/dist/styled-components/es/index.js

@@ -89,3 +89,4 @@ export * from "./components/TimePicker";
 export * from "./components/DateTimePicker";
 export * from "./components/Loader";
 export * from "./components/_beta/Popover";
+export * from "./components/_beta/Tooltip";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.345.0-canary.2416.20569157442.0",
+  "version": "0.345.0-canary.2417.20992530703.0",
   "description": "Salute Design System blueprint",
   "exports": {
     ".": {
@@ -92,9 +92,9 @@
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.1.0",
-    "@salutejs/plasma-cy-utils": "0.142.0",
-    "@salutejs/plasma-sb-utils": "0.212.0",
-    "@salutejs/plasma-themes": "0.38.0",
+    "@salutejs/plasma-cy-utils": "0.143.0-canary.2417.20992530703.0",
+    "@salutejs/plasma-sb-utils": "0.213.0-canary.2417.20992530703.0",
+    "@salutejs/plasma-themes": "0.39.0-canary.2417.20992530703.0",
     "@types/lodash": "^4.14.191",
     "@types/lodash.chunk": "4.2.9",
     "@types/lodash.throttle": "4.1.6",
@@ -122,7 +122,7 @@
     "@linaria/react": "5.0.3",
     "@popperjs/core": "2.11.8",
     "@salutejs/input-core": "2.1.2",
-    "@salutejs/plasma-core": "1.212.0",
+    "@salutejs/plasma-core": "1.213.0-canary.2417.20992530703.0",
     "@salutejs/react-maskinput": "3.3.2",
     "@tanstack/react-table": "8.21.2",
     "@tanstack/react-virtual": "3.13.2",
@@ -142,5 +142,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "1d84d750bbcf9b34c1910ede8dda36694961867f"
+  "gitHead": "09fbeeb3feb65999d16cbdbde531d6c0f5d1961b"
 }

package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAIlG,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AA8BxC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,eAAe,CAAC,CAAC,2FAmoBxG,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBAroBQ,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,eAAe,CAAC,CAAC;;;;;;;;;;;;;;;;;;CA0pB7G,CAAC"}
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAIlG,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AA8BxC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,eAAe,CAAC,CAAC,2FAwoBxG,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBA1oBQ,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,eAAe,CAAC,CAAC;;;;;;;;;;;;;;;;;;CA+pB7G,CAAC"}

package/types/components/DatePicker/DatePicker.tokens.d.ts

@@ -24,6 +24,7 @@ export declare const tokens: {
     borderColorSuccess: string;
     borderColorReadOnly: string;
     /** Токены разделителя */
+    clearDividerColor: string;
     dividerColor: string;
     dividerColorReadOnly: string;
     dividerPadding: string;
@@ -41,6 +42,12 @@ export declare const tokens: {
     contentSlotColor: string;
     contentSlotColorHover: string;
     contentSlotColorActive: string;
+    contentSlotColorSuccess: string;
+    contentSlotColorSuccessHover: string;
+    contentSlotColorSuccessActive: string;
+    contentSlotColorError: string;
+    contentSlotColorErrorHover: string;
+    contentSlotColorErrorActive: string;
     contentSlotRightColor: string;
     contentSlotRightColorHover: string;
     contentSlotRightColorActive: string;
@@ -68,6 +75,9 @@ export declare const tokens: {
     indicatorOuterLeft: string;
     indicatorWithoutLabelInner: string;
     indicatorWithoutLabelInnerLeft: string;
+    indicatorWithoutLabelOuterHint: string;
+    /** Токены индикатора (удалить после перехода на InformationWrapper в Textfield) */
+    clearIndicatorHintInnerRight: string;
     labelInnerFontFamily: string;
     labelInnerFontStyle: string;
     labelInnerFontSize: string;
@@ -88,6 +98,14 @@ export declare const tokens: {
     leftHelperFontWeight: string;
     leftHelperLetterSpacing: string;
     leftHelperLineHeight: string;
+    titleCaptionOffset: string;
+    titleCaptionColor: string;
+    titleCaptionFontFamily: string;
+    titleCaptionFontStyle: string;
+    titleCaptionFontSize: string;
+    titleCaptionFontWeight: string;
+    titleCaptionLetterSpacing: string;
+    titleCaptionLineHeight: string;
     /** Прозрачность для всего компонента в состоянии disabled */
     disabledOpacity: string;
     rangeReadOnlyOpacity: string;
@@ -100,6 +118,7 @@ export declare const tokens: {
     textFieldPlaceholderColorFocus: string;
     textFieldFocusColor: string;
     textFieldPlaceholderColor: string;
+    textFieldClearPlaceholderColorFocus: string;
     textFieldCaretColor: string;
     textFieldBackgroundColor: string;
     textFieldBackgroundColorHover: string;
@@ -140,6 +159,9 @@ export declare const tokens: {
     textFieldTextAfterColor: string;
     textFieldTextBeforeMargin: string;
     textFieldTextAfterMargin: string;
+    textFieldContentSlotRightColor: string;
+    textFieldContentSlotRightColorHover: string;
+    textFieldContentSlotRightColorActive: string;
     textFieldContentSlotColor: string;
     textFieldContentSlotColorHover: string;
     textFieldContentSlotColorActive: string;
@@ -147,6 +169,16 @@ export declare const tokens: {
     textFieldContentRightSlotColorHover: string;
     textFieldContentRightSlotColorActive: string;
     textFieldContentSlotRightOpacityReadOnly: string;
+    textFieldContentSlotColorSuccess: string;
+    textFieldContentSlotColorSuccessHover: string;
+    textFieldContentSlotColorSuccessActive: string;
+    textFieldContentSlotColorError: string;
+    textFieldContentSlotColorErrorHover: string;
+    textFieldContentSlotColorErrorActive: string;
+    textFieldDividerColorSuccess: string;
+    textFieldDividerColorError: string;
+    textFieldDividerColorHover: string;
+    textFieldDividerColorFocus: string;
     /** Токены календаря */
     calendarMarginTop: string;
     calendarPaddingTop: string;
@@ -262,5 +294,35 @@ export declare const tokens: {
     tooltipArrowBackground: string;
     tooltipArrowHeight: string;
     tooltipArrowEdgeMargin: string;
+    hintMargin: string;
+    hintTargetSize: string;
+    hintCustomIconTargetSize: string;
+    hintIconColor: string;
+    hintWithoutLabelPlacementOffset: string;
+    hintPlacementInnerMargin: string;
+    hintInnerLabelPlacementOffset: string;
+    clearHintInnerLabelPlacementOffset: string;
+    hintTooltipPaddingTop: string;
+    hintTooltipPaddingRight: string;
+    hintTooltipPaddingBottom: string;
+    hintTooltipPaddingLeft: string;
+    hintTooltipMinHeight: string;
+    hintTooltipBackgroundColor: string;
+    hintTooltipBoxShadow: string;
+    hintTooltipBorderRadius: string;
+    hintTooltipColor: string;
+    hintTooltipTextFontFamily: string;
+    hintTooltipTextFontSize: string;
+    hintTooltipTextFontStyle: string;
+    hintTooltipTextFontWeight: string;
+    hintTooltipTextFontLetterSpacing: string;
+    hintTooltipTextFontLineHeight: string;
+    hintTooltipContentLeftMargin: string;
+    hintTooltipArrowMaskWidth: string;
+    hintTooltipArrowMaskHeight: string;
+    hintTooltipArrowMaskImage: string;
+    hintTooltipArrowBackground: string;
+    hintTooltipArrowHeight: string;
+    hintTooltipArrowEdgeMargin: string;
 };
 //# sourceMappingURL=DatePicker.tokens.d.ts.map

package/types/components/DatePicker/DatePicker.tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC;AAEF,eAAO,MAAM,YAAY;;CAExB,CAAC;AAEF,eAAO,MAAM,MAAM;;IAGf,kCAAkC;;;;;;;;;;;;;IAclC,yBAAyB;;;;;;;;;;;IAYzB,yCAAyC;;;;;;;;;;IAazC,oBAAoB;;;;;;;;;;;IAapB,wBAAwB;;;;;;;;;;;;;;;;;;;;;IA2BxB,qCAAqC;;;;;;;;;;;;IAcrC,6DAA6D;;;IAK7D,yCAAyC;;IAGzC,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4DzB,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6H1B,CAAC"}
+{"version":3,"file":"DatePicker.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC;AAEF,eAAO,MAAM,YAAY;;CAExB,CAAC;AAEF,eAAO,MAAM,MAAM;;IAGf,kCAAkC;;;;;;;;;;;;;IAclC,yBAAyB;;;;;;;;;;;;IAazB,yCAAyC;;;;;;;;;;;;;;;;IAqBzC,oBAAoB;;;;;;;;;;;IAapB,wBAAwB;;;;;;;;;;;;;;IAiBxB,mFAAmF;;;;;;;;;;IAcnF,qCAAqC;;;;;;;;;;;;;;;;;;;;IAuBrC,6DAA6D;;;IAK7D,yCAAyC;;IAGzC,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgFzB,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8J1B,CAAC"}

package/types/components/DatePicker/DatePickerBase.types.d.ts

@@ -92,6 +92,15 @@ export type DatePickerCalendarProps = {
     stretched?: boolean;
 };
 export type DatePickerVariationProps = {
+    /**
+     * Вид компонента
+     */
+    appearance?: 'default' | 'clear';
+    /**
+     * Флаг наличия разделителя для clear appearance
+     * @default false
+     */
+    hasClearDivider?: boolean;
     /**
      * Размер контрола.
      */