@salutejs/plasma-web 1.409.0-canary.1421.11106899244.0 → 1.409.0-canary.1449.11107885626.0

package/api/plasma-web.api.md

@@ -138,8 +138,6 @@ import { FC } from 'react';
 import { Filter } from '@salutejs/plasma-new-hope/types/engines/types';
 import { FocusProps } from '@salutejs/plasma-core';
 import { formatCurrency } from '@salutejs/plasma-core';
-import { FormTypeNumber } from '@salutejs/plasma-new-hope/types/types/FormType';
-import { FormTypeString } from '@salutejs/plasma-new-hope/types/types/FormType';
 import { ForwardRefExoticComponent } from 'react';
 import { FunctionComponent } from 'react';
 import { gridBreakpoints } from '@salutejs/plasma-hope';
@@ -247,11 +245,10 @@ import { sheetClasses } from '@salutejs/plasma-new-hope/styled-components';
 import { SheetProps } from '@salutejs/plasma-new-hope/styled-components';
 import { ShiftProps } from '@salutejs/plasma-core';
 import { ShowToastArgs } from '@salutejs/plasma-new-hope/styled-components';
+import { SingleSliderProps } from '@salutejs/plasma-new-hope/styled-components';
 import { SkeletonGradientProps } from '@salutejs/plasma-core';
 import { SkeletonGradientProps as SkeletonGradientProps_2 } from '@salutejs/plasma-new-hope/styled-components';
 import { SkeletonSizeProps } from '@salutejs/plasma-new-hope/types/components/Skeleton/Skeleton.types';
-import { SliderBaseProps } from '@salutejs/plasma-new-hope/types/components/Slider/components/SliderBase/SliderBase.types';
-import { SliderInternalProps } from '@salutejs/plasma-new-hope/types/components/Slider/components';
 import { SliderProps } from '@salutejs/plasma-new-hope/styled-components';
 import { SmartPaginationDots } from '@salutejs/plasma-hope';
 import { SmartPaginationDotsProps } from '@salutejs/plasma-hope';
@@ -310,7 +307,6 @@ import { UploadVisualProps } from '@salutejs/plasma-hope';
 import { useDebouncedFunction } from '@salutejs/plasma-core';
 import { useFocusTrap } from '@salutejs/plasma-hope';
 import { useForkRef } from '@salutejs/plasma-core';
-import { useForm } from '@salutejs/plasma-new-hope/styled-components';
 import { useIsomorphicLayoutEffect } from '@salutejs/plasma-core';
 import { usePopupContext as usePopupBaseContext } from '@salutejs/plasma-new-hope/styled-components';
 import { useSegment } from '@salutejs/plasma-new-hope/styled-components';
@@ -1588,15 +1584,8 @@ true: PolymorphicClassName;
 }> & DatePickerdVariationProps & {
 defaultFirstDate?: Date | undefined;
 defaultSecondDate?: Date | undefined;
-name?: string | undefined;
 onCommitFirstDate?: ((value: string | Date, error?: boolean | undefined, success?: boolean | undefined, dateInfo?: DateInfo | undefined) => void) | undefined;
 onCommitSecondDate?: ((value: string | Date, error?: boolean | undefined, success?: boolean | undefined, dateInfo?: DateInfo | undefined) => void) | undefined;
-onChange?: ((event: {
-target: {
-value?: string | undefined;
-name?: string | undefined;
-};
-}) => void) | undefined;
 } & {
 label?: string | undefined;
 view?: string | undefined;
@@ -2117,6 +2106,115 @@ labelPlacement: {
 inner: PolymorphicClassName;
 outer: PolymorphicClassName;
 };
+clear: {
+true: PolymorphicClassName;
+};
+disabled: {
+true: PolymorphicClassName;
+};
+readOnly: {
+true: PolymorphicClassName;
+};
+}> & {
+size?: string | undefined;
+view?: string | undefined;
+readOnly?: boolean | undefined;
+disabled?: boolean | undefined;
+} & {
+label?: string | undefined;
+labelPlacement?: "outer" | "inner" | undefined;
+leftHelper?: string | undefined;
+contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
+contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
+textBefore?: string | undefined;
+textAfter?: string | undefined;
+onSearch?: ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void) | undefined;
+} & {
+requiredPlacement?: "right" | "left" | undefined;
+} & {
+required: true;
+optional?: false | undefined;
+} & {
+clear?: boolean | undefined;
+hasDivider?: boolean | undefined;
+} & {
+chips?: undefined;
+onChangeChips?: undefined;
+enumerationType?: "plain" | undefined;
+onSearch?: ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void) | undefined;
+} & Omit<InputHTMLAttributes_2<HTMLInputElement>, "size" | "required"> & RefAttributes<HTMLInputElement> & MaskProps, "ref"> | Omit<PropsType<    {
+view: {
+default: PolymorphicClassName;
+positive: PolymorphicClassName;
+warning: PolymorphicClassName;
+negative: PolymorphicClassName;
+};
+size: {
+l: PolymorphicClassName;
+m: PolymorphicClassName;
+s: PolymorphicClassName;
+xs: PolymorphicClassName;
+};
+labelPlacement: {
+inner: PolymorphicClassName;
+outer: PolymorphicClassName;
+};
+clear: {
+true: PolymorphicClassName;
+};
+disabled: {
+true: PolymorphicClassName;
+};
+readOnly: {
+true: PolymorphicClassName;
+};
+}> & {
+size?: string | undefined;
+view?: string | undefined;
+readOnly?: boolean | undefined;
+disabled?: boolean | undefined;
+} & {
+label?: string | undefined;
+labelPlacement?: "outer" | "inner" | undefined;
+leftHelper?: string | undefined;
+contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
+contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
+textBefore?: string | undefined;
+textAfter?: string | undefined;
+onSearch?: ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void) | undefined;
+} & {
+requiredPlacement?: "right" | "left" | undefined;
+} & {
+required: true;
+optional?: false | undefined;
+} & {
+clear?: boolean | undefined;
+hasDivider?: boolean | undefined;
+} & {
+enumerationType: "chip";
+onSearch?: undefined;
+chips?: TextFieldPrimitiveValue[] | undefined;
+onChangeChips?: ((value: TextFieldPrimitiveValue[]) => void) | undefined;
+} & Omit<InputHTMLAttributes_2<HTMLInputElement>, "size" | "required"> & RefAttributes<HTMLInputElement> & MaskProps, "ref"> | Omit<PropsType<    {
+view: {
+default: PolymorphicClassName;
+positive: PolymorphicClassName;
+warning: PolymorphicClassName;
+negative: PolymorphicClassName;
+};
+size: {
+l: PolymorphicClassName;
+m: PolymorphicClassName;
+s: PolymorphicClassName;
+xs: PolymorphicClassName;
+};
+labelPlacement: {
+inner: PolymorphicClassName;
+outer: PolymorphicClassName;
+};
+clear: {
+true: PolymorphicClassName;
+};
 disabled: {
 true: PolymorphicClassName;
 };
@@ -2143,6 +2241,9 @@ requiredPlacement?: "right" | "left" | undefined;
 required: true;
 optional?: false | undefined;
 } & {
+clear?: false | undefined;
+hasDivider?: undefined;
+} & {
 chips?: undefined;
 onChangeChips?: undefined;
 enumerationType?: "plain" | undefined;
@@ -2164,6 +2265,9 @@ labelPlacement: {
 inner: PolymorphicClassName;
 outer: PolymorphicClassName;
 };
+clear: {
+true: PolymorphicClassName;
+};
 disabled: {
 true: PolymorphicClassName;
 };
@@ -2190,6 +2294,115 @@ requiredPlacement?: "right" | "left" | undefined;
 required: true;
 optional?: false | undefined;
 } & {
+clear?: false | undefined;
+hasDivider?: undefined;
+} & {
+enumerationType: "chip";
+onSearch?: undefined;
+chips?: TextFieldPrimitiveValue[] | undefined;
+onChangeChips?: ((value: TextFieldPrimitiveValue[]) => void) | undefined;
+} & Omit<InputHTMLAttributes_2<HTMLInputElement>, "size" | "required"> & RefAttributes<HTMLInputElement> & MaskProps, "ref"> | Omit<PropsType<    {
+view: {
+default: PolymorphicClassName;
+positive: PolymorphicClassName;
+warning: PolymorphicClassName;
+negative: PolymorphicClassName;
+};
+size: {
+l: PolymorphicClassName;
+m: PolymorphicClassName;
+s: PolymorphicClassName;
+xs: PolymorphicClassName;
+};
+labelPlacement: {
+inner: PolymorphicClassName;
+outer: PolymorphicClassName;
+};
+clear: {
+true: PolymorphicClassName;
+};
+disabled: {
+true: PolymorphicClassName;
+};
+readOnly: {
+true: PolymorphicClassName;
+};
+}> & {
+size?: string | undefined;
+view?: string | undefined;
+readOnly?: boolean | undefined;
+disabled?: boolean | undefined;
+} & {
+label?: string | undefined;
+labelPlacement?: "outer" | "inner" | undefined;
+leftHelper?: string | undefined;
+contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
+contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
+textBefore?: string | undefined;
+textAfter?: string | undefined;
+onSearch?: ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void) | undefined;
+} & {
+requiredPlacement?: "right" | "left" | undefined;
+} & {
+optional?: true | undefined;
+required?: false | undefined;
+} & {
+clear?: boolean | undefined;
+hasDivider?: boolean | undefined;
+} & {
+chips?: undefined;
+onChangeChips?: undefined;
+enumerationType?: "plain" | undefined;
+onSearch?: ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void) | undefined;
+} & Omit<InputHTMLAttributes_2<HTMLInputElement>, "size" | "required"> & RefAttributes<HTMLInputElement> & MaskProps, "ref"> | Omit<PropsType<    {
+view: {
+default: PolymorphicClassName;
+positive: PolymorphicClassName;
+warning: PolymorphicClassName;
+negative: PolymorphicClassName;
+};
+size: {
+l: PolymorphicClassName;
+m: PolymorphicClassName;
+s: PolymorphicClassName;
+xs: PolymorphicClassName;
+};
+labelPlacement: {
+inner: PolymorphicClassName;
+outer: PolymorphicClassName;
+};
+clear: {
+true: PolymorphicClassName;
+};
+disabled: {
+true: PolymorphicClassName;
+};
+readOnly: {
+true: PolymorphicClassName;
+};
+}> & {
+size?: string | undefined;
+view?: string | undefined;
+readOnly?: boolean | undefined;
+disabled?: boolean | undefined;
+} & {
+label?: string | undefined;
+labelPlacement?: "outer" | "inner" | undefined;
+leftHelper?: string | undefined;
+contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
+contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
+textBefore?: string | undefined;
+textAfter?: string | undefined;
+onSearch?: ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void) | undefined;
+} & {
+requiredPlacement?: "right" | "left" | undefined;
+} & {
+optional?: true | undefined;
+required?: false | undefined;
+} & {
+clear?: boolean | undefined;
+hasDivider?: boolean | undefined;
+} & {
 enumerationType: "chip";
 onSearch?: undefined;
 chips?: TextFieldPrimitiveValue[] | undefined;
@@ -2211,6 +2424,9 @@ labelPlacement: {
 inner: PolymorphicClassName;
 outer: PolymorphicClassName;
 };
+clear: {
+true: PolymorphicClassName;
+};
 disabled: {
 true: PolymorphicClassName;
 };
@@ -2237,6 +2453,9 @@ requiredPlacement?: "right" | "left" | undefined;
 optional?: true | undefined;
 required?: false | undefined;
 } & {
+clear?: false | undefined;
+hasDivider?: undefined;
+} & {
 chips?: undefined;
 onChangeChips?: undefined;
 enumerationType?: "plain" | undefined;
@@ -2258,6 +2477,9 @@ labelPlacement: {
 inner: PolymorphicClassName;
 outer: PolymorphicClassName;
 };
+clear: {
+true: PolymorphicClassName;
+};
 disabled: {
 true: PolymorphicClassName;
 };
@@ -2284,6 +2506,9 @@ requiredPlacement?: "right" | "left" | undefined;
 optional?: true | undefined;
 required?: false | undefined;
 } & {
+clear?: false | undefined;
+hasDivider?: undefined;
+} & {
 enumerationType: "chip";
 onSearch?: undefined;
 chips?: TextFieldPrimitiveValue[] | undefined;
@@ -2962,53 +3187,7 @@ s: PolymorphicClassName;
 disabled: {
 true: PolymorphicClassName;
 };
-}> & ((SliderBaseProps & SliderInternalProps & {
-onChange?: ((event: FormTypeNumber) => void) | undefined;
-name: string;
-value?: undefined;
-defaultValue?: number | undefined;
-} & Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & {
-onChangeCommitted?: ((value: number) => void) | undefined;
-ariaLabel?: string | undefined;
-showCurrentValue?: boolean | undefined;
-showRangeValues?: boolean | undefined;
-hideMinValueDiff?: number | undefined;
-hideMaxValueDiff?: number | undefined;
-rangeValuesPlacement?: "outer" | "inner" | undefined;
-labelPlacement?: "outer" | "inner" | undefined;
-multipleStepSize?: number | undefined;
-view?: string | undefined;
-size?: "m" | "s" | "l" | undefined;
-type?: "single" | undefined;
-} & RefAttributes<HTMLDivElement>) | (SliderBaseProps & SliderInternalProps & {
-onChange?: ((value: number) => void) | undefined;
-value: number;
-name?: undefined;
-defaultValue?: undefined;
-} & Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & {
-onChangeCommitted?: ((value: number) => void) | undefined;
-ariaLabel?: string | undefined;
-showCurrentValue?: boolean | undefined;
-showRangeValues?: boolean | undefined;
-hideMinValueDiff?: number | undefined;
-hideMaxValueDiff?: number | undefined;
-rangeValuesPlacement?: "outer" | "inner" | undefined;
-labelPlacement?: "outer" | "inner" | undefined;
-multipleStepSize?: number | undefined;
-view?: string | undefined;
-size?: "m" | "s" | "l" | undefined;
-type?: "single" | undefined;
-} & RefAttributes<HTMLDivElement>) | (Omit<DoubleSliderProps, "onChange" | "value"> & {
-onChange?: ((event: FormTypeString) => void) | undefined;
-name?: string | undefined;
-value?: undefined;
-defaultValue?: number[] | undefined;
-} & RefAttributes<HTMLDivElement>) | (Omit<DoubleSliderProps, "onChange" | "value"> & {
-onChange?: ((values: number[]) => void) | undefined;
-name?: undefined;
-value?: number[] | undefined;
-defaultValue?: undefined;
-} & RefAttributes<HTMLDivElement>))>;
+}> & ((SingleSliderProps & RefAttributes<HTMLDivElement>) | (DoubleSliderProps & RefAttributes<HTMLDivElement>))>;
 
 export { SliderProps }
 
@@ -3335,8 +3514,6 @@ export { useFocusTrap }
 
 export { useForkRef }
 
-export { useForm }
-
 export { useIsomorphicLayoutEffect }
 
 export { usePopupBaseContext }

package/components/Autocomplete/Autocomplete.config.js

@@ -15,10 +15,10 @@ var config = exports.config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-clear);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--plasma-colors-secondary);\n                ", ": var(--surface-accent);\n\n                ", ": var(--surface-solid-card);\n                ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ", ": var(--plasma-colors-transparent);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-primary);\n            "])), _styledComponents.autocompleteTokens.textFieldColor, _styledComponents.autocompleteTokens.textFieldBackgroundColor, _styledComponents.autocompleteTokens.textFieldCaretColor, _styledComponents.autocompleteTokens.textFieldPlaceholderColor, _styledComponents.autocompleteTokens.textFieldTextBeforeColor, _styledComponents.autocompleteTokens.textFieldTextAfterColor, _styledComponents.autocompleteTokens.textFieldLabelColor, _styledComponents.autocompleteTokens.textFieldLeftHelperColor, _styledComponents.autocompleteTokens.textFieldFocusColor, _styledComponents.autocompleteTokens.textFieldBorderColor, _styledComponents.autocompleteTokens.textFieldBorderColorHover, _styledComponents.autocompleteTokens.textFieldBorderColorFocus, _styledComponents.autocompleteTokens.background, _styledComponents.autocompleteTokens.boxShadow, _styledComponents.autocompleteTokens.itemBackground, _styledComponents.autocompleteTokens.itemBackgroundHover, _styledComponents.autocompleteTokens.itemColor, _styledComponents.autocompleteTokens.focusColor, _styledComponents.autocompleteTokens.infiniteLoaderSpinnerColor),
-      positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-clear);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-positive);\n                ", ": var(--text-accent);\n                ", ": var(--surface-positive);\n                ", ": var(--surface-positive);\n                ", ": var(--surface-accent);\n\n                ", ": var(--surface-solid-card);\n                ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ", ": var(--plasma-colors-transparent);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-primary);\n            "])), _styledComponents.autocompleteTokens.textFieldColor, _styledComponents.autocompleteTokens.textFieldBackgroundColor, _styledComponents.autocompleteTokens.textFieldCaretColor, _styledComponents.autocompleteTokens.textFieldPlaceholderColor, _styledComponents.autocompleteTokens.textFieldTextBeforeColor, _styledComponents.autocompleteTokens.textFieldTextAfterColor, _styledComponents.autocompleteTokens.textFieldLabelColor, _styledComponents.autocompleteTokens.textFieldLeftHelperColor, _styledComponents.autocompleteTokens.textFieldFocusColor, _styledComponents.autocompleteTokens.textFieldBorderColor, _styledComponents.autocompleteTokens.textFieldBorderColorHover, _styledComponents.autocompleteTokens.textFieldBorderColorFocus, _styledComponents.autocompleteTokens.background, _styledComponents.autocompleteTokens.boxShadow, _styledComponents.autocompleteTokens.itemBackground, _styledComponents.autocompleteTokens.itemBackgroundHover, _styledComponents.autocompleteTokens.itemColor, _styledComponents.autocompleteTokens.focusColor, _styledComponents.autocompleteTokens.infiniteLoaderSpinnerColor),
-      warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-clear);\n                ", ": var(--surface-transparent-warning-active);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-warning);\n                ", ": var(--text-accent);\n                ", ": var(--surface-warning);\n                ", ": var(--surface-warning);\n                ", ": var(--surface-accent);\n\n                ", ": var(--surface-solid-card);\n                ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ", ": var(--plasma-colors-transparent);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-primary);\n            "])), _styledComponents.autocompleteTokens.textFieldColor, _styledComponents.autocompleteTokens.textFieldBackgroundColor, _styledComponents.autocompleteTokens.textFieldBackgroundColorFocus, _styledComponents.autocompleteTokens.textFieldCaretColor, _styledComponents.autocompleteTokens.textFieldPlaceholderColor, _styledComponents.autocompleteTokens.textFieldTextBeforeColor, _styledComponents.autocompleteTokens.textFieldTextAfterColor, _styledComponents.autocompleteTokens.textFieldLabelColor, _styledComponents.autocompleteTokens.textFieldLeftHelperColor, _styledComponents.autocompleteTokens.textFieldFocusColor, _styledComponents.autocompleteTokens.textFieldBorderColor, _styledComponents.autocompleteTokens.textFieldBorderColorHover, _styledComponents.autocompleteTokens.textFieldBorderColorFocus, _styledComponents.autocompleteTokens.background, _styledComponents.autocompleteTokens.boxShadow, _styledComponents.autocompleteTokens.itemBackground, _styledComponents.autocompleteTokens.itemBackgroundHover, _styledComponents.autocompleteTokens.itemColor, _styledComponents.autocompleteTokens.focusColor, _styledComponents.autocompleteTokens.infiniteLoaderSpinnerColor),
-      negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-clear);\n                ", ": var(--surface-transparent-negative-active);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-negative);\n                ", ": var(--text-accent);\n                ", ": var(--surface-negative);\n                ", ": var(--surface-negative);\n                ", ": var(--surface-accent);\n\n                ", ": var(--surface-solid-card);\n                ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ", ": var(--plasma-colors-transparent);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-primary);\n            "])), _styledComponents.autocompleteTokens.textFieldColor, _styledComponents.autocompleteTokens.textFieldBackgroundColor, _styledComponents.autocompleteTokens.textFieldBackgroundColorFocus, _styledComponents.autocompleteTokens.textFieldCaretColor, _styledComponents.autocompleteTokens.textFieldPlaceholderColor, _styledComponents.autocompleteTokens.textFieldTextBeforeColor, _styledComponents.autocompleteTokens.textFieldTextAfterColor, _styledComponents.autocompleteTokens.textFieldLabelColor, _styledComponents.autocompleteTokens.textFieldLeftHelperColor, _styledComponents.autocompleteTokens.textFieldFocusColor, _styledComponents.autocompleteTokens.textFieldBorderColor, _styledComponents.autocompleteTokens.textFieldBorderColorHover, _styledComponents.autocompleteTokens.textFieldBorderColorFocus, _styledComponents.autocompleteTokens.background, _styledComponents.autocompleteTokens.boxShadow, _styledComponents.autocompleteTokens.itemBackground, _styledComponents.autocompleteTokens.itemBackgroundHover, _styledComponents.autocompleteTokens.itemColor, _styledComponents.autocompleteTokens.focusColor, _styledComponents.autocompleteTokens.infiniteLoaderSpinnerColor)
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-clear);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--plasma-colors-secondary);\n                ", ": var(--surface-accent);\n\n                ", ": var(--surface-solid-card);\n                ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ", ": var(--plasma-colors-transparent);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-primary);\n            "])), _styledComponents.autocompleteTokens.textFieldColor, _styledComponents.autocompleteTokens.textFieldBackgroundColor, _styledComponents.autocompleteTokens.textFieldCaretColor, _styledComponents.autocompleteTokens.textFieldPlaceholderColor, _styledComponents.autocompleteTokens.textFieldPlaceholderColorFocus, _styledComponents.autocompleteTokens.textFieldTextBeforeColor, _styledComponents.autocompleteTokens.textFieldTextAfterColor, _styledComponents.autocompleteTokens.textFieldLabelColor, _styledComponents.autocompleteTokens.textFieldLeftHelperColor, _styledComponents.autocompleteTokens.textFieldFocusColor, _styledComponents.autocompleteTokens.textFieldBorderColor, _styledComponents.autocompleteTokens.textFieldBorderColorHover, _styledComponents.autocompleteTokens.textFieldBorderColorFocus, _styledComponents.autocompleteTokens.background, _styledComponents.autocompleteTokens.boxShadow, _styledComponents.autocompleteTokens.itemBackground, _styledComponents.autocompleteTokens.itemBackgroundHover, _styledComponents.autocompleteTokens.itemColor, _styledComponents.autocompleteTokens.focusColor, _styledComponents.autocompleteTokens.infiniteLoaderSpinnerColor),
+      positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-clear);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-positive);\n                ", ": var(--text-accent);\n                ", ": var(--surface-positive);\n                ", ": var(--surface-positive);\n                ", ": var(--surface-accent);\n\n                ", ": var(--surface-solid-card);\n                ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ", ": var(--plasma-colors-transparent);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-primary);\n            "])), _styledComponents.autocompleteTokens.textFieldColor, _styledComponents.autocompleteTokens.textFieldBackgroundColor, _styledComponents.autocompleteTokens.textFieldCaretColor, _styledComponents.autocompleteTokens.textFieldPlaceholderColor, _styledComponents.autocompleteTokens.textFieldPlaceholderColorFocus, _styledComponents.autocompleteTokens.textFieldTextBeforeColor, _styledComponents.autocompleteTokens.textFieldTextAfterColor, _styledComponents.autocompleteTokens.textFieldLabelColor, _styledComponents.autocompleteTokens.textFieldLeftHelperColor, _styledComponents.autocompleteTokens.textFieldFocusColor, _styledComponents.autocompleteTokens.textFieldBorderColor, _styledComponents.autocompleteTokens.textFieldBorderColorHover, _styledComponents.autocompleteTokens.textFieldBorderColorFocus, _styledComponents.autocompleteTokens.background, _styledComponents.autocompleteTokens.boxShadow, _styledComponents.autocompleteTokens.itemBackground, _styledComponents.autocompleteTokens.itemBackgroundHover, _styledComponents.autocompleteTokens.itemColor, _styledComponents.autocompleteTokens.focusColor, _styledComponents.autocompleteTokens.infiniteLoaderSpinnerColor),
+      warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-clear);\n                ", ": var(--surface-transparent-warning-active);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-warning);\n                ", ": var(--text-accent);\n                ", ": var(--surface-warning);\n                ", ": var(--surface-warning);\n                ", ": var(--surface-accent);\n\n                ", ": var(--surface-solid-card);\n                ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ", ": var(--plasma-colors-transparent);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-primary);\n            "])), _styledComponents.autocompleteTokens.textFieldColor, _styledComponents.autocompleteTokens.textFieldBackgroundColor, _styledComponents.autocompleteTokens.textFieldBackgroundColorFocus, _styledComponents.autocompleteTokens.textFieldCaretColor, _styledComponents.autocompleteTokens.textFieldPlaceholderColor, _styledComponents.autocompleteTokens.textFieldPlaceholderColorFocus, _styledComponents.autocompleteTokens.textFieldTextBeforeColor, _styledComponents.autocompleteTokens.textFieldTextAfterColor, _styledComponents.autocompleteTokens.textFieldLabelColor, _styledComponents.autocompleteTokens.textFieldLeftHelperColor, _styledComponents.autocompleteTokens.textFieldFocusColor, _styledComponents.autocompleteTokens.textFieldBorderColor, _styledComponents.autocompleteTokens.textFieldBorderColorHover, _styledComponents.autocompleteTokens.textFieldBorderColorFocus, _styledComponents.autocompleteTokens.background, _styledComponents.autocompleteTokens.boxShadow, _styledComponents.autocompleteTokens.itemBackground, _styledComponents.autocompleteTokens.itemBackgroundHover, _styledComponents.autocompleteTokens.itemColor, _styledComponents.autocompleteTokens.focusColor, _styledComponents.autocompleteTokens.infiniteLoaderSpinnerColor),
+      negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-clear);\n                ", ": var(--surface-transparent-negative-active);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-negative);\n                ", ": var(--text-accent);\n                ", ": var(--surface-negative);\n                ", ": var(--surface-negative);\n                ", ": var(--surface-accent);\n\n                ", ": var(--surface-solid-card);\n                ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ", ": var(--plasma-colors-transparent);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-primary);\n            "])), _styledComponents.autocompleteTokens.textFieldColor, _styledComponents.autocompleteTokens.textFieldBackgroundColor, _styledComponents.autocompleteTokens.textFieldBackgroundColorFocus, _styledComponents.autocompleteTokens.textFieldCaretColor, _styledComponents.autocompleteTokens.textFieldPlaceholderColor, _styledComponents.autocompleteTokens.textFieldPlaceholderColorFocus, _styledComponents.autocompleteTokens.textFieldTextBeforeColor, _styledComponents.autocompleteTokens.textFieldTextAfterColor, _styledComponents.autocompleteTokens.textFieldLabelColor, _styledComponents.autocompleteTokens.textFieldLeftHelperColor, _styledComponents.autocompleteTokens.textFieldFocusColor, _styledComponents.autocompleteTokens.textFieldBorderColor, _styledComponents.autocompleteTokens.textFieldBorderColorHover, _styledComponents.autocompleteTokens.textFieldBorderColorFocus, _styledComponents.autocompleteTokens.background, _styledComponents.autocompleteTokens.boxShadow, _styledComponents.autocompleteTokens.itemBackground, _styledComponents.autocompleteTokens.itemBackgroundHover, _styledComponents.autocompleteTokens.itemColor, _styledComponents.autocompleteTokens.focusColor, _styledComponents.autocompleteTokens.infiniteLoaderSpinnerColor)
     },
     size: {
       l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 3.5rem;\n                ", ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n                ", ": 0.875rem;\n                ", ": 0.0625rem;\n                ", ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n                ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n                ", ": 0.75rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n                ", ": 0.5625rem 0 0.125rem 0;\n                ", ": 1.5625rem 0 0.5625rem 0;\n\n                ", ": 0.875rem;\n                ", ": 0.125rem;\n                ", ": 1.0625rem 1rem;\n                ", ": 0.75rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 2rem 1rem 1rem 1rem;\n                ", ": 0.5rem;\n\n                ", ": 1.5rem;\n                ", ": 0.5rem;\n            "])), _styledComponents.autocompleteTokens.textFieldHeight, _styledComponents.autocompleteTokens.textFieldPadding, _styledComponents.autocompleteTokens.textFieldBorderRadius, _styledComponents.autocompleteTokens.textFieldBorderWidth, _styledComponents.autocompleteTokens.textFieldLeftContentMargin, _styledComponents.autocompleteTokens.textFieldRightContentMargin, _styledComponents.autocompleteTokens.textFieldTextBeforeMargin, _styledComponents.autocompleteTokens.textFieldTextAfterMargin, _styledComponents.autocompleteTokens.textFieldFontFamily, _styledComponents.autocompleteTokens.textFieldFontSize, _styledComponents.autocompleteTokens.textFieldFontStyle, _styledComponents.autocompleteTokens.textFieldFontWeight, _styledComponents.autocompleteTokens.textFieldLetterSpacing, _styledComponents.autocompleteTokens.textFieldLineHeight, _styledComponents.autocompleteTokens.textFieldLabelOffset, _styledComponents.autocompleteTokens.textFieldLabelFontFamily, _styledComponents.autocompleteTokens.textFieldLabelFontSize, _styledComponents.autocompleteTokens.textFieldLabelFontStyle, _styledComponents.autocompleteTokens.textFieldLabelFontWeight, _styledComponents.autocompleteTokens.textFieldLabelLetterSpacing, _styledComponents.autocompleteTokens.textFieldLabelLineHeight, _styledComponents.autocompleteTokens.textFieldLeftHelperOffset, _styledComponents.autocompleteTokens.textFieldLeftHelperFontFamily, _styledComponents.autocompleteTokens.textFieldLeftHelperFontSize, _styledComponents.autocompleteTokens.textFieldLeftHelperFontStyle, _styledComponents.autocompleteTokens.textFieldLeftHelperFontWeight, _styledComponents.autocompleteTokens.textFieldLeftHelperLetterSpacing, _styledComponents.autocompleteTokens.textFieldLeftHelperLineHeight, _styledComponents.autocompleteTokens.textFieldLabelInnerPadding, _styledComponents.autocompleteTokens.textFieldContentLabelInnerPadding, _styledComponents.autocompleteTokens.borderRadius, _styledComponents.autocompleteTokens.padding, _styledComponents.autocompleteTokens.itemPadding, _styledComponents.autocompleteTokens.itemBorderRadius, _styledComponents.autocompleteTokens.itemFontFamily, _styledComponents.autocompleteTokens.itemFontSize, _styledComponents.autocompleteTokens.itemFontStyle, _styledComponents.autocompleteTokens.itemFontWeight, _styledComponents.autocompleteTokens.itemFontLetterSpacing, _styledComponents.autocompleteTokens.itemFontLineHeight, _styledComponents.autocompleteTokens.emptyStatePadding, _styledComponents.autocompleteTokens.emptyStateGap, _styledComponents.autocompleteTokens.infiniteLoaderSpinnerSize, _styledComponents.autocompleteTokens.infiniteLoaderGap),

package/components/Combobox/Combobox.config.js

@@ -15,10 +15,10 @@ var config = exports.config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary-hover);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-active);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": 0.72;\n            "])), _styledComponents.comboboxNewTokens.textFieldColor, _styledComponents.comboboxNewTokens.textFieldBorderColor, _styledComponents.comboboxNewTokens.textFieldBorderColorHover, _styledComponents.comboboxNewTokens.textFieldBorderColorFocus, _styledComponents.comboboxNewTokens.textFieldCaretColor, _styledComponents.comboboxNewTokens.textFieldPlaceholderColor, _styledComponents.comboboxNewTokens.textFieldTextBeforeColor, _styledComponents.comboboxNewTokens.textFieldTextAfterColor, _styledComponents.comboboxNewTokens.textFieldLabelColor, _styledComponents.comboboxNewTokens.textFieldLeftHelperColor, _styledComponents.comboboxNewTokens.textFieldFocusColor, _styledComponents.comboboxNewTokens.textFieldChipCloseIconColor, _styledComponents.comboboxNewTokens.textFieldChipColor, _styledComponents.comboboxNewTokens.textFieldChipBackground, _styledComponents.comboboxNewTokens.textFieldChipColorHover, _styledComponents.comboboxNewTokens.textFieldChipBackgroundHover, _styledComponents.comboboxNewTokens.textFieldChipColorActive, _styledComponents.comboboxNewTokens.textFieldChipBackgroundActive, _styledComponents.comboboxNewTokens.textFieldChipBackgroundReadOnly, _styledComponents.comboboxNewTokens.textFieldChipColorReadOnly, _styledComponents.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _styledComponents.comboboxNewTokens.textFieldChipColorReadOnlyHover, _styledComponents.comboboxNewTokens.textFieldChipOpacityReadonly),
-      positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-colors-primary);\n                ", ": var(--surface-positive);\n                ", ": var(--surface-positive);\n                ", ": var(--surface-accent);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-positive);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-active);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": 0.72;\n            "])), _styledComponents.comboboxNewTokens.textFieldColor, _styledComponents.comboboxNewTokens.textFieldBorderColor, _styledComponents.comboboxNewTokens.textFieldBorderColorHover, _styledComponents.comboboxNewTokens.textFieldBorderColorFocus, _styledComponents.comboboxNewTokens.textFieldCaretColor, _styledComponents.comboboxNewTokens.textFieldPlaceholderColor, _styledComponents.comboboxNewTokens.textFieldTextBeforeColor, _styledComponents.comboboxNewTokens.textFieldTextAfterColor, _styledComponents.comboboxNewTokens.textFieldLabelColor, _styledComponents.comboboxNewTokens.textFieldLeftHelperColor, _styledComponents.comboboxNewTokens.textFieldFocusColor, _styledComponents.comboboxNewTokens.textFieldChipCloseIconColor, _styledComponents.comboboxNewTokens.textFieldChipColor, _styledComponents.comboboxNewTokens.textFieldChipBackground, _styledComponents.comboboxNewTokens.textFieldChipColorHover, _styledComponents.comboboxNewTokens.textFieldChipBackgroundHover, _styledComponents.comboboxNewTokens.textFieldChipColorActive, _styledComponents.comboboxNewTokens.textFieldChipBackgroundActive, _styledComponents.comboboxNewTokens.textFieldChipBackgroundReadOnly, _styledComponents.comboboxNewTokens.textFieldChipColorReadOnly, _styledComponents.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _styledComponents.comboboxNewTokens.textFieldChipColorReadOnlyHover, _styledComponents.comboboxNewTokens.textFieldChipOpacityReadonly),
-      warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-colors-primary);\n                ", ": var(--surface-warning);\n                ", ": var(--surface-warning);\n                ", ": var(--surface-accent);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-warning);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-active);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": 0.72;\n            "])), _styledComponents.comboboxNewTokens.textFieldColor, _styledComponents.comboboxNewTokens.textFieldBorderColor, _styledComponents.comboboxNewTokens.textFieldBorderColorHover, _styledComponents.comboboxNewTokens.textFieldBorderColorFocus, _styledComponents.comboboxNewTokens.textFieldCaretColor, _styledComponents.comboboxNewTokens.textFieldPlaceholderColor, _styledComponents.comboboxNewTokens.textFieldTextBeforeColor, _styledComponents.comboboxNewTokens.textFieldTextAfterColor, _styledComponents.comboboxNewTokens.textFieldLabelColor, _styledComponents.comboboxNewTokens.textFieldLeftHelperColor, _styledComponents.comboboxNewTokens.textFieldFocusColor, _styledComponents.comboboxNewTokens.textFieldChipCloseIconColor, _styledComponents.comboboxNewTokens.textFieldChipColor, _styledComponents.comboboxNewTokens.textFieldChipBackground, _styledComponents.comboboxNewTokens.textFieldChipColorHover, _styledComponents.comboboxNewTokens.textFieldChipBackgroundHover, _styledComponents.comboboxNewTokens.textFieldChipColorActive, _styledComponents.comboboxNewTokens.textFieldChipBackgroundActive, _styledComponents.comboboxNewTokens.textFieldChipBackgroundReadOnly, _styledComponents.comboboxNewTokens.textFieldChipColorReadOnly, _styledComponents.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _styledComponents.comboboxNewTokens.textFieldChipColorReadOnlyHover, _styledComponents.comboboxNewTokens.textFieldChipOpacityReadonly),
-      negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-colors-primary);\n                ", ": var(--surface-negative);\n                ", ": var(--surface-negative);\n                ", ": var(--surface-accent);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-negative);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-active);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": 0.72;\n            "])), _styledComponents.comboboxNewTokens.textFieldColor, _styledComponents.comboboxNewTokens.textFieldBorderColor, _styledComponents.comboboxNewTokens.textFieldBorderColorHover, _styledComponents.comboboxNewTokens.textFieldBorderColorFocus, _styledComponents.comboboxNewTokens.textFieldCaretColor, _styledComponents.comboboxNewTokens.textFieldPlaceholderColor, _styledComponents.comboboxNewTokens.textFieldTextBeforeColor, _styledComponents.comboboxNewTokens.textFieldTextAfterColor, _styledComponents.comboboxNewTokens.textFieldLabelColor, _styledComponents.comboboxNewTokens.textFieldLeftHelperColor, _styledComponents.comboboxNewTokens.textFieldFocusColor, _styledComponents.comboboxNewTokens.textFieldChipCloseIconColor, _styledComponents.comboboxNewTokens.textFieldChipColor, _styledComponents.comboboxNewTokens.textFieldChipBackground, _styledComponents.comboboxNewTokens.textFieldChipColorHover, _styledComponents.comboboxNewTokens.textFieldChipBackgroundHover, _styledComponents.comboboxNewTokens.textFieldChipColorActive, _styledComponents.comboboxNewTokens.textFieldChipBackgroundActive, _styledComponents.comboboxNewTokens.textFieldChipBackgroundReadOnly, _styledComponents.comboboxNewTokens.textFieldChipColorReadOnly, _styledComponents.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _styledComponents.comboboxNewTokens.textFieldChipColorReadOnlyHover, _styledComponents.comboboxNewTokens.textFieldChipOpacityReadonly)
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary-hover);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-active);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": 0.72;\n            "])), _styledComponents.comboboxNewTokens.textFieldColor, _styledComponents.comboboxNewTokens.textFieldPlaceholderColorFocus, _styledComponents.comboboxNewTokens.textFieldBorderColor, _styledComponents.comboboxNewTokens.textFieldBorderColorHover, _styledComponents.comboboxNewTokens.textFieldBorderColorFocus, _styledComponents.comboboxNewTokens.textFieldCaretColor, _styledComponents.comboboxNewTokens.textFieldPlaceholderColor, _styledComponents.comboboxNewTokens.textFieldTextBeforeColor, _styledComponents.comboboxNewTokens.textFieldTextAfterColor, _styledComponents.comboboxNewTokens.textFieldLabelColor, _styledComponents.comboboxNewTokens.textFieldLeftHelperColor, _styledComponents.comboboxNewTokens.textFieldFocusColor, _styledComponents.comboboxNewTokens.textFieldChipCloseIconColor, _styledComponents.comboboxNewTokens.textFieldChipColor, _styledComponents.comboboxNewTokens.textFieldChipBackground, _styledComponents.comboboxNewTokens.textFieldChipColorHover, _styledComponents.comboboxNewTokens.textFieldChipBackgroundHover, _styledComponents.comboboxNewTokens.textFieldChipColorActive, _styledComponents.comboboxNewTokens.textFieldChipBackgroundActive, _styledComponents.comboboxNewTokens.textFieldChipBackgroundReadOnly, _styledComponents.comboboxNewTokens.textFieldChipColorReadOnly, _styledComponents.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _styledComponents.comboboxNewTokens.textFieldChipColorReadOnlyHover, _styledComponents.comboboxNewTokens.textFieldChipOpacityReadonly),
+      positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-colors-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-positive);\n                ", ": var(--surface-positive);\n                ", ": var(--surface-accent);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-positive);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-active);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": 0.72;\n            "])), _styledComponents.comboboxNewTokens.textFieldColor, _styledComponents.comboboxNewTokens.textFieldPlaceholderColorFocus, _styledComponents.comboboxNewTokens.textFieldBorderColor, _styledComponents.comboboxNewTokens.textFieldBorderColorHover, _styledComponents.comboboxNewTokens.textFieldBorderColorFocus, _styledComponents.comboboxNewTokens.textFieldCaretColor, _styledComponents.comboboxNewTokens.textFieldPlaceholderColor, _styledComponents.comboboxNewTokens.textFieldTextBeforeColor, _styledComponents.comboboxNewTokens.textFieldTextAfterColor, _styledComponents.comboboxNewTokens.textFieldLabelColor, _styledComponents.comboboxNewTokens.textFieldLeftHelperColor, _styledComponents.comboboxNewTokens.textFieldFocusColor, _styledComponents.comboboxNewTokens.textFieldChipCloseIconColor, _styledComponents.comboboxNewTokens.textFieldChipColor, _styledComponents.comboboxNewTokens.textFieldChipBackground, _styledComponents.comboboxNewTokens.textFieldChipColorHover, _styledComponents.comboboxNewTokens.textFieldChipBackgroundHover, _styledComponents.comboboxNewTokens.textFieldChipColorActive, _styledComponents.comboboxNewTokens.textFieldChipBackgroundActive, _styledComponents.comboboxNewTokens.textFieldChipBackgroundReadOnly, _styledComponents.comboboxNewTokens.textFieldChipColorReadOnly, _styledComponents.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _styledComponents.comboboxNewTokens.textFieldChipColorReadOnlyHover, _styledComponents.comboboxNewTokens.textFieldChipOpacityReadonly),
+      warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-colors-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-warning);\n                ", ": var(--surface-warning);\n                ", ": var(--surface-accent);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-warning);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-active);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": 0.72;\n            "])), _styledComponents.comboboxNewTokens.textFieldColor, _styledComponents.comboboxNewTokens.textFieldPlaceholderColorFocus, _styledComponents.comboboxNewTokens.textFieldBorderColor, _styledComponents.comboboxNewTokens.textFieldBorderColorHover, _styledComponents.comboboxNewTokens.textFieldBorderColorFocus, _styledComponents.comboboxNewTokens.textFieldCaretColor, _styledComponents.comboboxNewTokens.textFieldPlaceholderColor, _styledComponents.comboboxNewTokens.textFieldTextBeforeColor, _styledComponents.comboboxNewTokens.textFieldTextAfterColor, _styledComponents.comboboxNewTokens.textFieldLabelColor, _styledComponents.comboboxNewTokens.textFieldLeftHelperColor, _styledComponents.comboboxNewTokens.textFieldFocusColor, _styledComponents.comboboxNewTokens.textFieldChipCloseIconColor, _styledComponents.comboboxNewTokens.textFieldChipColor, _styledComponents.comboboxNewTokens.textFieldChipBackground, _styledComponents.comboboxNewTokens.textFieldChipColorHover, _styledComponents.comboboxNewTokens.textFieldChipBackgroundHover, _styledComponents.comboboxNewTokens.textFieldChipColorActive, _styledComponents.comboboxNewTokens.textFieldChipBackgroundActive, _styledComponents.comboboxNewTokens.textFieldChipBackgroundReadOnly, _styledComponents.comboboxNewTokens.textFieldChipColorReadOnly, _styledComponents.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _styledComponents.comboboxNewTokens.textFieldChipColorReadOnlyHover, _styledComponents.comboboxNewTokens.textFieldChipOpacityReadonly),
+      negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-colors-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-negative);\n                ", ": var(--surface-negative);\n                ", ": var(--surface-accent);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-negative);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-active);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": 0.72;\n            "])), _styledComponents.comboboxNewTokens.textFieldColor, _styledComponents.comboboxNewTokens.textFieldPlaceholderColorFocus, _styledComponents.comboboxNewTokens.textFieldBorderColor, _styledComponents.comboboxNewTokens.textFieldBorderColorHover, _styledComponents.comboboxNewTokens.textFieldBorderColorFocus, _styledComponents.comboboxNewTokens.textFieldCaretColor, _styledComponents.comboboxNewTokens.textFieldPlaceholderColor, _styledComponents.comboboxNewTokens.textFieldTextBeforeColor, _styledComponents.comboboxNewTokens.textFieldTextAfterColor, _styledComponents.comboboxNewTokens.textFieldLabelColor, _styledComponents.comboboxNewTokens.textFieldLeftHelperColor, _styledComponents.comboboxNewTokens.textFieldFocusColor, _styledComponents.comboboxNewTokens.textFieldChipCloseIconColor, _styledComponents.comboboxNewTokens.textFieldChipColor, _styledComponents.comboboxNewTokens.textFieldChipBackground, _styledComponents.comboboxNewTokens.textFieldChipColorHover, _styledComponents.comboboxNewTokens.textFieldChipBackgroundHover, _styledComponents.comboboxNewTokens.textFieldChipColorActive, _styledComponents.comboboxNewTokens.textFieldChipBackgroundActive, _styledComponents.comboboxNewTokens.textFieldChipBackgroundReadOnly, _styledComponents.comboboxNewTokens.textFieldChipColorReadOnly, _styledComponents.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _styledComponents.comboboxNewTokens.textFieldChipColorReadOnlyHover, _styledComponents.comboboxNewTokens.textFieldChipOpacityReadonly)
     },
     size: {
       l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 3.5rem;\n                ", ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n                ", ": 0.375rem;\n                ", ": 0.875rem;\n                ", ": 0.0625rem;\n\n                ", ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n                ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0.75rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.5625rem 0 0.125rem 0;\n                ", ": 1.5625rem 0 0.5625rem 0;\n\n                ", ": 0.25rem;\n                ", ": 0.5rem;\n                ", ": auto;\n                ", ": 2.75rem;\n                ", ": 0.75rem;\n                ", ": 1rem;\n                ", ": 0.625rem;\n                ", ": 0rem;\n                ", ": 1.5rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0.125rem;\n                ", ": 0.875rem;\n\n                ", ": 1.5rem;\n                ", ": 1rem 1rem 1rem 0.875rem;\n                ", ": 0.75rem 1rem 0.75rem 0.875rem;\n                ", ": 0.75rem;\n                ", ": 0 0.5rem 0 0;\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 1.25rem;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.375rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": 0.375rem;\n            "])), _styledComponents.comboboxNewTokens.textFieldHeight, _styledComponents.comboboxNewTokens.textFieldPadding, _styledComponents.comboboxNewTokens.textFieldPaddingWithChips, _styledComponents.comboboxNewTokens.textFieldBorderRadius, _styledComponents.comboboxNewTokens.textFieldBorderWidth, _styledComponents.comboboxNewTokens.textFieldLeftContentMargin, _styledComponents.comboboxNewTokens.textFieldRightContentMargin, _styledComponents.comboboxNewTokens.textFieldTextBeforeMargin, _styledComponents.comboboxNewTokens.textFieldTextAfterMargin, _styledComponents.comboboxNewTokens.textFieldFontFamily, _styledComponents.comboboxNewTokens.textFieldFontSize, _styledComponents.comboboxNewTokens.textFieldFontStyle, _styledComponents.comboboxNewTokens.textFieldFontWeight, _styledComponents.comboboxNewTokens.textFieldLetterSpacing, _styledComponents.comboboxNewTokens.textFieldLineHeight, _styledComponents.comboboxNewTokens.textFieldLabelOffset, _styledComponents.comboboxNewTokens.textFieldLabelFontFamily, _styledComponents.comboboxNewTokens.textFieldLabelFontSize, _styledComponents.comboboxNewTokens.textFieldLabelFontStyle, _styledComponents.comboboxNewTokens.textFieldLabelFontWeight, _styledComponents.comboboxNewTokens.textFieldLabelLetterSpacing, _styledComponents.comboboxNewTokens.textFieldLabelLineHeight, _styledComponents.comboboxNewTokens.textFieldLeftHelperOffset, _styledComponents.comboboxNewTokens.textFieldLeftHelperFontFamily, _styledComponents.comboboxNewTokens.textFieldLeftHelperFontSize, _styledComponents.comboboxNewTokens.textFieldLeftHelperFontStyle, _styledComponents.comboboxNewTokens.textFieldLeftHelperFontWeight, _styledComponents.comboboxNewTokens.textFieldLeftHelperLetterSpacing, _styledComponents.comboboxNewTokens.textFieldLeftHelperLineHeight, _styledComponents.comboboxNewTokens.textFieldLabelInnerPadding, _styledComponents.comboboxNewTokens.textFieldContentLabelInnerPadding, _styledComponents.comboboxNewTokens.textFieldChipGap, _styledComponents.comboboxNewTokens.textFieldChipBorderRadius, _styledComponents.comboboxNewTokens.textFieldChipWidth, _styledComponents.comboboxNewTokens.textFieldChipHeight, _styledComponents.comboboxNewTokens.textFieldChipPaddingRight, _styledComponents.comboboxNewTokens.textFieldChipPaddingLeft, _styledComponents.comboboxNewTokens.textFieldChipClearContentMarginLeft, _styledComponents.comboboxNewTokens.textFieldChipClearContentMarginRight, _styledComponents.comboboxNewTokens.textFieldChipCloseIconSize, _styledComponents.comboboxNewTokens.textFieldChipFontFamily, _styledComponents.comboboxNewTokens.textFieldChipFontSize, _styledComponents.comboboxNewTokens.textFieldChipFontStyle, _styledComponents.comboboxNewTokens.textFieldChipFontWeight, _styledComponents.comboboxNewTokens.textFieldChipLetterSpacing, _styledComponents.comboboxNewTokens.textFieldChipLineHeight, _styledComponents.comboboxNewTokens.padding, _styledComponents.comboboxNewTokens.borderRadius, _styledComponents.comboboxNewTokens.itemHeight, _styledComponents.comboboxNewTokens.itemPadding, _styledComponents.comboboxNewTokens.itemPaddingTight, _styledComponents.comboboxNewTokens.itemBorderRadius, _styledComponents.comboboxNewTokens.itemIconMargin, _styledComponents.comboboxNewTokens.itemIconSize, _styledComponents.comboboxNewTokens.itemIconSizeTight, _styledComponents.comboboxNewTokens.fontFamily, _styledComponents.comboboxNewTokens.fontSize, _styledComponents.comboboxNewTokens.fontStyle, _styledComponents.comboboxNewTokens.fontWeight, _styledComponents.comboboxNewTokens.fontLetterSpacing, _styledComponents.comboboxNewTokens.fontLineHeight, _styledComponents.comboboxNewTokens.checkboxTriggerSize, _styledComponents.comboboxNewTokens.checkboxTriggerSizeTight, _styledComponents.comboboxNewTokens.checkboxTriggerBorderRadius, _styledComponents.comboboxNewTokens.checkboxTriggerBorderRadiusTight, _styledComponents.comboboxNewTokens.checkboxFillColor, _styledComponents.comboboxNewTokens.checkboxIconColor, _styledComponents.comboboxNewTokens.checkboxTriggerBorderColor, _styledComponents.comboboxNewTokens.indicatorSize),

package/components/DatePicker/DatePicker.config.js

@@ -14,7 +14,7 @@ var config = exports.config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-clear);\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--surface-negative);\n                ", ": var(--surface-positive);\n                ", ": var(--plasma-colors-secondary);\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": var(--surface-accent);\n                ", ": var(--surface-negative);\n                ", ": var(--surface-accent);\n                ", ": var(--surface-positive);\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--text-accent);\n\n                ", ": var(--shadow-down-soft-s);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-solid-card);\n                ", ": var(--surface-solid-default);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-solid-default);\n                ", ": transparent;\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-solid-default);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-accent);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-accent);\n                ", ": var(--surface-solid-default);\n                ", ": var(--text-secondary);\n\n                ", ": var(--text-primary);\n                ", ": var(--surface-clear);\n                ", ": var(--text-primary-hover);\n                ", ": var(--surface-clear);\n                ", ": var(--text-primary-hover);\n                ", ": var(--surface-clear);\n                ", ": var(--surface-accent);\n            "])), _styledComponents.datePickerTokens.background, _styledComponents.datePickerTokens.borderColor, _styledComponents.datePickerTokens.borderColorError, _styledComponents.datePickerTokens.borderColorSuccess, _styledComponents.datePickerTokens.borderColorHover, _styledComponents.datePickerTokens.borderColorFocus, _styledComponents.datePickerTokens.dividerColor, _styledComponents.datePickerTokens.labelColor, _styledComponents.datePickerTokens.leftHelperColor, _styledComponents.datePickerTokens.textFieldColor, _styledComponents.datePickerTokens.textFieldPlaceholderColor, _styledComponents.datePickerTokens.textFieldCaretColor, _styledComponents.datePickerTokens.labelInnerFontFamily, _styledComponents.datePickerTokens.labelInnerFontSize, _styledComponents.datePickerTokens.labelInnerFontStyle, _styledComponents.datePickerTokens.labelInnerFontWeight, _styledComponents.datePickerTokens.labelInnerLetterSpacing, _styledComponents.datePickerTokens.labelInnerLineHeight, _styledComponents.datePickerTokens.textFieldBorderColorFocus, _styledComponents.datePickerTokens.textFieldBorderColorError, _styledComponents.datePickerTokens.textFieldBorderColorErrorFocus, _styledComponents.datePickerTokens.textFieldBorderColorSuccess, _styledComponents.datePickerTokens.textFieldBorderColorSuccessFocus, _styledComponents.datePickerTokens.textFieldTextBeforeColor, _styledComponents.datePickerTokens.textFieldTextAfterColor, _styledComponents.datePickerTokens.focusColor, _styledComponents.datePickerTokens.calendarShadow, _styledComponents.datePickerTokens.calendarSeparatorBackground, _styledComponents.datePickerTokens.calendarBackgroundColor, _styledComponents.datePickerTokens.calendarSelectedItemBackground, _styledComponents.datePickerTokens.calendarSelectedItemColor, _styledComponents.datePickerTokens.calendarSelectableItemBackgroundHover, _styledComponents.datePickerTokens.calendarCurrentItemBorderColor, _styledComponents.datePickerTokens.calendarCurrentItemBackgroundHover, _styledComponents.datePickerTokens.calendarCurrentItemColorHover, _styledComponents.datePickerTokens.calendarCurrentItemChildBackgroundHover, _styledComponents.datePickerTokens.calendarActiveItemBackground, _styledComponents.datePickerTokens.calendarActiveItemColor, _styledComponents.datePickerTokens.calendarHoveredItemBackground, _styledComponents.datePickerTokens.calendarHoveredItemColor, _styledComponents.datePickerTokens.calendarRangeBackground, _styledComponents.datePickerTokens.calendarOutlineFocusColor, _styledComponents.datePickerTokens.calendarContentPrimaryColor, _styledComponents.datePickerTokens.calendarContentSecondaryColor, _styledComponents.datePickerTokens.iconButtonColor, _styledComponents.datePickerTokens.iconButtonBackgroundColor, _styledComponents.datePickerTokens.iconButtonColorHover, _styledComponents.datePickerTokens.iconButtonBackgroundColorHover, _styledComponents.datePickerTokens.iconButtonColorActive, _styledComponents.datePickerTokens.iconButtonBackgroundColorActive, _styledComponents.datePickerTokens.iconButtonFocusColor)
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-clear);\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--surface-negative);\n                ", ": var(--surface-positive);\n                ", ": var(--plasma-colors-secondary);\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": var(--surface-accent);\n                ", ": var(--surface-negative);\n                ", ": var(--surface-accent);\n                ", ": var(--surface-positive);\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n\n                ", ": var(--shadow-down-soft-s);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-solid-card);\n                ", ": var(--surface-solid-default);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-solid-default);\n                ", ": transparent;\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-solid-default);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-accent);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-accent);\n                ", ": var(--surface-solid-default);\n                ", ": var(--text-secondary);\n\n                ", ": var(--text-primary);\n                ", ": var(--surface-clear);\n                ", ": var(--text-primary-hover);\n                ", ": var(--surface-clear);\n                ", ": var(--text-primary-hover);\n                ", ": var(--surface-clear);\n                ", ": var(--surface-accent);\n            "])), _styledComponents.datePickerTokens.background, _styledComponents.datePickerTokens.borderColor, _styledComponents.datePickerTokens.borderColorError, _styledComponents.datePickerTokens.borderColorSuccess, _styledComponents.datePickerTokens.borderColorHover, _styledComponents.datePickerTokens.borderColorFocus, _styledComponents.datePickerTokens.dividerColor, _styledComponents.datePickerTokens.labelColor, _styledComponents.datePickerTokens.leftHelperColor, _styledComponents.datePickerTokens.textFieldColor, _styledComponents.datePickerTokens.textFieldPlaceholderColor, _styledComponents.datePickerTokens.textFieldCaretColor, _styledComponents.datePickerTokens.labelInnerFontFamily, _styledComponents.datePickerTokens.labelInnerFontSize, _styledComponents.datePickerTokens.labelInnerFontStyle, _styledComponents.datePickerTokens.labelInnerFontWeight, _styledComponents.datePickerTokens.labelInnerLetterSpacing, _styledComponents.datePickerTokens.labelInnerLineHeight, _styledComponents.datePickerTokens.textFieldBorderColorFocus, _styledComponents.datePickerTokens.textFieldBorderColorError, _styledComponents.datePickerTokens.textFieldBorderColorErrorFocus, _styledComponents.datePickerTokens.textFieldBorderColorSuccess, _styledComponents.datePickerTokens.textFieldBorderColorSuccessFocus, _styledComponents.datePickerTokens.textFieldTextBeforeColor, _styledComponents.datePickerTokens.textFieldTextAfterColor, _styledComponents.datePickerTokens.focusColor, _styledComponents.datePickerTokens.textFieldPlaceholderColorFocus, _styledComponents.datePickerTokens.calendarShadow, _styledComponents.datePickerTokens.calendarSeparatorBackground, _styledComponents.datePickerTokens.calendarBackgroundColor, _styledComponents.datePickerTokens.calendarSelectedItemBackground, _styledComponents.datePickerTokens.calendarSelectedItemColor, _styledComponents.datePickerTokens.calendarSelectableItemBackgroundHover, _styledComponents.datePickerTokens.calendarCurrentItemBorderColor, _styledComponents.datePickerTokens.calendarCurrentItemBackgroundHover, _styledComponents.datePickerTokens.calendarCurrentItemColorHover, _styledComponents.datePickerTokens.calendarCurrentItemChildBackgroundHover, _styledComponents.datePickerTokens.calendarActiveItemBackground, _styledComponents.datePickerTokens.calendarActiveItemColor, _styledComponents.datePickerTokens.calendarHoveredItemBackground, _styledComponents.datePickerTokens.calendarHoveredItemColor, _styledComponents.datePickerTokens.calendarRangeBackground, _styledComponents.datePickerTokens.calendarOutlineFocusColor, _styledComponents.datePickerTokens.calendarContentPrimaryColor, _styledComponents.datePickerTokens.calendarContentSecondaryColor, _styledComponents.datePickerTokens.iconButtonColor, _styledComponents.datePickerTokens.iconButtonBackgroundColor, _styledComponents.datePickerTokens.iconButtonColorHover, _styledComponents.datePickerTokens.iconButtonBackgroundColorHover, _styledComponents.datePickerTokens.iconButtonColorActive, _styledComponents.datePickerTokens.iconButtonBackgroundColorActive, _styledComponents.datePickerTokens.iconButtonFocusColor)
     },
     size: {
       l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 26.5rem;\n                ", ": 0.875rem;\n                ", ": 0.0625rem;\n\n                ", ": 0 0.375rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0 0 0 1rem;\n                ", ": 0;\n\n                ", ": 0 0 0.75rem 0;\n                ", ": 0.5625rem 0 0.125rem 0;\n                ", ": 1.5625rem 0 0.5625rem 0;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 3.5rem;\n                ", ": 0.875rem;\n                ", ": 0.0625rem;\n                ", ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0.25rem 0 0 0;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n                ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": 0.875rem;\n                ", ": 0.875rem\n                ", ": 26.5rem;\n\n                ", ": 0.5rem 1rem 1.125rem 1rem;\n                ", ": 0.75rem;\n                ", ": 7.8125rem;\n                ", ": 5.25rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-bold-font-weight);\n\n                ", ": 0.5rem 0.5rem 0 0.5rem;\n                ", ": 0.75rem;\n                ", ": 11.75rem;\n                ", ": 10.5rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-bold-font-weight);\n\n                ", ": 0.5rem 1rem 1.125rem 1rem;\n                ", ": 0.75rem;\n                ", ": 7.8125rem;\n                ", ": 5.25rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-bold-font-weight);\n\n                ", ": 0.5rem 1rem 1.125rem 1rem;\n                ", ": 0.75rem;\n                ", ": 3.5rem;\n                ", ": 3rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-bold-font-weight);\n\n                ", ": 0.875rem 1rem 0 1rem;\n                ", ": 0.5rem;\n\n                ", ": 0 0 0 1rem;\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-h3-font-family);\n                ", ": var(--plasma-typo-h3-font-size);\n                ", ": var(--plasma-typo-h3-font-style);\n                ", ": var(--plasma-typo-h3-letter-spacing);\n                ", ": var(--plasma-typo-h3-line-height);\n                ", ": var(--plasma-typo-h3-font-weight);\n                ", ": var(--plasma-typo-h3-bold-font-weight);\n\n                ", ": 3.5rem;\n                ", ": 3.5rem;\n                ", ": 1.5rem;\n                ", ": 0.875rem;\n            "])), _styledComponents.datePickerTokens.width, _styledComponents.datePickerTokens.borderRadius, _styledComponents.datePickerTokens.borderWidth, _styledComponents.datePickerTokens.dividerPadding, _styledComponents.datePickerTokens.dividerFontFamily, _styledComponents.datePickerTokens.dividerFontStyle, _styledComponents.datePickerTokens.dividerFontSize, _styledComponents.datePickerTokens.dividerFontWeight, _styledComponents.datePickerTokens.dividerLetterSpacing, _styledComponents.datePickerTokens.dividerLineHeight, _styledComponents.datePickerTokens.leftContentMargin, _styledComponents.datePickerTokens.rightContentMargin, _styledComponents.datePickerTokens.labelOffset, _styledComponents.datePickerTokens.labelInnerPadding, _styledComponents.datePickerTokens.contentLabelInnerPadding, _styledComponents.datePickerTokens.labelFontFamily, _styledComponents.datePickerTokens.labelFontStyle, _styledComponents.datePickerTokens.labelFontSize, _styledComponents.datePickerTokens.labelFontWeight, _styledComponents.datePickerTokens.labelLetterSpacing, _styledComponents.datePickerTokens.labelLineHeight, _styledComponents.datePickerTokens.textFieldHeight, _styledComponents.datePickerTokens.textFieldBorderRadius, _styledComponents.datePickerTokens.textFieldBorderWidth, _styledComponents.datePickerTokens.textFieldPadding, _styledComponents.datePickerTokens.textFieldFontFamily, _styledComponents.datePickerTokens.textFieldFontStyle, _styledComponents.datePickerTokens.textFieldFontSize, _styledComponents.datePickerTokens.textFieldFontWeight, _styledComponents.datePickerTokens.textFieldLetterSpacing, _styledComponents.datePickerTokens.textFieldLineHeight, _styledComponents.datePickerTokens.leftHelperOffset, _styledComponents.datePickerTokens.leftHelperFontFamily, _styledComponents.datePickerTokens.leftHelperFontStyle, _styledComponents.datePickerTokens.leftHelperFontSize, _styledComponents.datePickerTokens.leftHelperFontWeight, _styledComponents.datePickerTokens.leftHelperLetterSpacing, _styledComponents.datePickerTokens.leftHelperLineHeight, _styledComponents.datePickerTokens.textFieldLeftContentMargin, _styledComponents.datePickerTokens.textFieldRightContentMargin, _styledComponents.datePickerTokens.textFieldTextBeforeMargin, _styledComponents.datePickerTokens.textFieldTextAfterMargin, _styledComponents.datePickerTokens.calendarBorderRadius, _styledComponents.datePickerTokens.calendarPaddingTop, _styledComponents.datePickerTokens.calendarWidth, _styledComponents.datePickerTokens.calendarYearsPadding, _styledComponents.datePickerTokens.calendarYearItemBorderRadius, _styledComponents.datePickerTokens.calendarYearItemWidth, _styledComponents.datePickerTokens.calendarYearItemHeight, _styledComponents.datePickerTokens.calendarYearFontFamily, _styledComponents.datePickerTokens.calendarYearFontSize, _styledComponents.datePickerTokens.calendarYearFontStyle, _styledComponents.datePickerTokens.calendarYearFontLetterSpacing, _styledComponents.datePickerTokens.calendarYearFontLineHeight, _styledComponents.datePickerTokens.calendarYearFontWeight, _styledComponents.datePickerTokens.calendarYearSelectedFontWeight, _styledComponents.datePickerTokens.calendarQuartersPadding, _styledComponents.datePickerTokens.calendarQuarterItemBorderRadius, _styledComponents.datePickerTokens.calendarQuarterItemWidth, _styledComponents.datePickerTokens.calendarQuarterItemHeight, _styledComponents.datePickerTokens.calendarQuarterFontFamily, _styledComponents.datePickerTokens.calendarQuarterFontSize, _styledComponents.datePickerTokens.calendarQuarterFontStyle, _styledComponents.datePickerTokens.calendarQuarterFontLetterSpacing, _styledComponents.datePickerTokens.calendarQuarterFontLineHeight, _styledComponents.datePickerTokens.calendarQuarterFontWeight, _styledComponents.datePickerTokens.calendarQuarterSelectedFontWeight, _styledComponents.datePickerTokens.calendarMonthsPadding, _styledComponents.datePickerTokens.calendarMonthItemBorderRadius, _styledComponents.datePickerTokens.calendarMonthItemWidth, _styledComponents.datePickerTokens.calendarMonthItemHeight, _styledComponents.datePickerTokens.calendarMonthFontFamily, _styledComponents.datePickerTokens.calendarMonthFontSize, _styledComponents.datePickerTokens.calendarMonthFontStyle, _styledComponents.datePickerTokens.calendarMonthFontLetterSpacing, _styledComponents.datePickerTokens.calendarMonthFontLineHeight, _styledComponents.datePickerTokens.calendarMonthFontWeight, _styledComponents.datePickerTokens.calendarMonthSelectedFontWeight, _styledComponents.datePickerTokens.calendarDaysPadding, _styledComponents.datePickerTokens.calendarDayItemBorderRadius, _styledComponents.datePickerTokens.calendarDayItemWidth, _styledComponents.datePickerTokens.calendarDayItemHeight, _styledComponents.datePickerTokens.calendarDayFontFamily, _styledComponents.datePickerTokens.calendarDayFontSize, _styledComponents.datePickerTokens.calendarDayFontStyle, _styledComponents.datePickerTokens.calendarDayFontLetterSpacing, _styledComponents.datePickerTokens.calendarDayFontLineHeight, _styledComponents.datePickerTokens.calendarDayFontWeight, _styledComponents.datePickerTokens.calendarDaySelectedFontWeight, _styledComponents.datePickerTokens.calendarHeaderWrapperPadding, _styledComponents.datePickerTokens.calendarHeaderArrowGap, _styledComponents.datePickerTokens.calendarHeaderPadding, _styledComponents.datePickerTokens.calendarHeaderDateGap, _styledComponents.datePickerTokens.calendarHeaderFontFamily, _styledComponents.datePickerTokens.calendarHeaderFontSize, _styledComponents.datePickerTokens.calendarHeaderFontStyle, _styledComponents.datePickerTokens.calendarHeaderFontLetterSpacing, _styledComponents.datePickerTokens.calendarHeaderFontLineHeight, _styledComponents.datePickerTokens.calendarHeaderFontWeight, _styledComponents.datePickerTokens.calendarHeaderFontWeightBold, _styledComponents.datePickerTokens.iconButtonHeight, _styledComponents.datePickerTokens.iconButtonWidth, _styledComponents.datePickerTokens.iconButtonPadding, _styledComponents.datePickerTokens.iconButtonRadius),

package/components/DatePicker/DatePicker.d.ts

@@ -35,15 +35,8 @@ export declare const DatePickerRange: import("react").FunctionComponent<import("
 }> & import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types").DatePickerdVariationProps & {
     defaultFirstDate?: Date | undefined;
     defaultSecondDate?: Date | undefined;
-    name?: string | undefined;
     onCommitFirstDate?: ((value: string | Date, error?: boolean | undefined, success?: boolean | undefined, dateInfo?: import("@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types").DateInfo | undefined) => void) | undefined;
     onCommitSecondDate?: ((value: string | Date, error?: boolean | undefined, success?: boolean | undefined, dateInfo?: import("@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types").DateInfo | undefined) => void) | undefined;
-    onChange?: ((event: {
-        target: {
-            value?: string | undefined;
-            name?: string | undefined;
-        };
-    }) => void) | undefined;
 } & {
     label?: string | undefined;
     view?: string | undefined;