@salutejs/plasma-new-hope 0.173.1-canary.1502.11462220468.0 → 0.173.2-canary.1506.11489879161.0

package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx

@@ -12,7 +12,6 @@ import { Tabs } from './Tabs';
 import { TabItem } from './TabItem';
 
 const clips = ['none', 'scroll', 'showAll'];
-const headerClips = ['none', 'scroll'];
 const sizes = ['xs', 's', 'm', 'l'] as const;
 const headerSizes = ['h5', 'h4', 'h3', 'h2', 'h1'] as const;
 
@@ -21,6 +20,7 @@ type HeaderSize = typeof headerSizes[number];
 
 type CustomStoryTabsProps = {
     itemQuantity: number;
+    hasDivider: boolean;
     contentLeft: string;
     contentRight: string;
     stretch: boolean;
@@ -30,12 +30,12 @@ type CustomStoryTabsProps = {
 const contentLeftOptions = ['none', 'icon'];
 const contentRightOptions = ['none', 'counter', 'icon'];
 
-const getContentLeft = (contentLeftOption: string, size: string) => {
+const getContentLeft = (contentLeftOption: string, size: Size) => {
     const iconSize = size === 'xs' ? 'xs' : 's';
     return contentLeftOption === 'icon' ? <IconMic size={iconSize} color="inherit" /> : undefined;
 };
 
-const getContentRight = (contentRightOption: string, size: string) => {
+const getContentRight = (contentRightOption: string, size: Size) => {
     const iconSize = size === 'xs' ? 'xs' : 's';
     const counterSize = size === 'xs' ? 'xxs' : 'xs';
 
@@ -96,7 +96,7 @@ const StoryHorizontalDefault = (props: HorizontalStoryTabsProps) => {
     const [index, setIndex] = useState(0);
 
     return (
-        <Tabs view="divider" hasDivider={hasDivider} stretch={stretch} disabled={disabled} size={size}>
+        <Tabs view={hasDivider ? 'divider' : 'clear'} stretch={stretch} disabled={disabled} size={size}>
             {items.map((_, i) => {
                 if (helperText !== '') {
                     return (
@@ -152,7 +152,7 @@ const StoryHorizontalScroll = (props: HorizontalStoryTabsProps) => {
     const [index, setIndex] = useState(0);
 
     return (
-        <Tabs clip={clip} view="divider" hasDivider={hasDivider} disabled={disabled} size={size} style={{ width }}>
+        <Tabs clip={clip} view={hasDivider ? 'divider' : 'clear'} disabled={disabled} size={size} style={{ width }}>
             {items.map((_, i) => {
                 if (helperText !== '') {
                     return (
@@ -220,7 +220,7 @@ const StoryHorizontalShowAll = (props: HorizontalStoryTabsProps) => {
     });
 
     return (
-        <Tabs clip={clip} view="divider" hasDivider={hasDivider} disabled={disabled} size={size}>
+        <Tabs clip={clip} view={hasDivider ? 'divider' : 'clear'} disabled={disabled} size={size}>
             {visibleItems.map((_, i) => {
                 if (helperText !== '') {
                     return (
@@ -603,47 +603,31 @@ export const VerticalTabs: StoryObj<VerticalStoryTabsProps> = {
     },
 };
 
-const StoryHeaderDefault = (props: HorizontalStoryTabsProps) => {
-    const { disabled, itemQuantity, size, helperText } = props;
-    const items = Array(itemQuantity).fill(0);
-    const [index, setIndex] = useState(0);
-
-    return (
-        <Tabs view="clear" disabled={disabled} size={size as HeaderSize}>
-            {items.map((_, i) => (
-                <TabItem
-                    key={`item:${i}`}
-                    view="clear"
-                    selected={i === index}
-                    onClick={() => !disabled && setIndex(i)}
-                    tabIndex={!disabled ? 0 : -1}
-                    disabled={disabled}
-                    value={helperText}
-                    size={size as HeaderSize}
-                >
-                    {`Label${i + 1}`}
-                </TabItem>
-            ))}
-        </Tabs>
-    );
-};
-
-const StoryHeaderScroll = (props: HorizontalStoryTabsProps) => {
-    const { disabled, itemQuantity, size, helperText, width } = props;
+const StoryHeaderTabs = (props: StoryTabsProps) => {
+    const {
+        disabled,
+        itemQuantity,
+        size,
+        contentLeft: contentLeftOption,
+        contentRight: contentRightOption,
+        hasDivider,
+        stretch,
+    } = props;
     const items = Array(itemQuantity).fill(0);
     const [index, setIndex] = useState(0);
 
     return (
-        <Tabs view="clear" disabled={disabled} size={size as HeaderSize} style={{ width }}>
+        <Tabs view={hasDivider ? 'divider' : 'clear'} disabled={disabled} size={size} stretch={stretch}>
             {items.map((_, i) => (
                 <TabItem
                     key={`item:${i}`}
-                    view="clear"
+                    view="divider"
                     selected={i === index}
                     onClick={() => !disabled && setIndex(i)}
                     tabIndex={!disabled ? 0 : -1}
                     disabled={disabled}
-                    value={helperText}
+                    contentLeft={getContentLeft(contentLeftOption, size as Size)}
+                    contentRight={getContentRight(contentRightOption, size as Size)}
                     size={size as HeaderSize}
                 >
                     {`Label${i + 1}`}
@@ -653,60 +637,37 @@ const StoryHeaderScroll = (props: HorizontalStoryTabsProps) => {
     );
 };
 
-export const HeaderTabs: StoryObj<HorizontalStoryTabsProps> = {
+export const HeaderTabs: StoryObj<StoryTabsProps> = {
     args: {
         size: 'h5',
         disabled: false,
-        helperText: '',
-        itemQuantity: 6,
-        width: '12rem',
+        hasDivider: true,
+        itemQuantity: 4,
     },
     argTypes: {
-        clip: {
-            options: headerClips,
+        size: {
+            options: headerSizes,
             control: {
                 type: 'select',
             },
         },
-        width: {
-            control: {
-                type: 'text',
-            },
-            if: { arg: 'clip', eq: 'scroll' },
-        },
-        stretch: {
-            table: {
-                disable: true,
-            },
-        },
         contentLeft: {
-            table: {
-                disable: true,
+            options: contentLeftOptions,
+            control: {
+                type: 'select',
             },
         },
         contentRight: {
-            table: {
-                disable: true,
+            options: contentRightOptions,
+            control: {
+                type: 'select',
             },
         },
-        hasDivider: {
+        clip: {
             table: {
                 disable: true,
             },
         },
-        size: {
-            options: headerSizes,
-            control: {
-                type: 'select',
-            },
-        },
-    },
-    render: (args) => {
-        switch (args.clip) {
-            case 'scroll':
-                return <StoryHeaderScroll {...args} />;
-            default:
-                return <StoryHeaderDefault {...args} />;
-        }
     },
+    render: (args) => <StoryHeaderTabs {...args} />,
 };

package/emotion/es/components/Autocomplete/Autocomplete.tokens.js

@@ -62,6 +62,7 @@ export var tokens = {
   textFieldDisabledOpacity: '--plasma-autocomplete-textfield-disabled-opacity',
   textFieldFocusColor: '--plasma-autocomplete-textfield-focus-color',
   textFieldContentSlotColor: '--plasma-autocomplete-content-color',
+  textFieldContentSlotRightColor: '--plasma-autocomplete-content-right-color',
   // Токены для дропдауна
   background: '--plasma-autocomplete-background',
   boxShadow: '--plasma-autocomplete-box-shadow',

package/emotion/es/components/Autocomplete/ui/TextField/TextField.styles.js

@@ -7,4 +7,4 @@ var TextField = /*#__PURE__*/component(mergedConfig);
 export var StyledTextField = /*#__PURE__*/_styled(TextField, {
   target: "ekv7foh0",
   label: "plasma-new-hope__StyledTextField"
-})(textFieldTokens.color, ":var(", autocompleteTokens.textFieldColor, ");", textFieldTokens.placeholderColorFocus, ":var(", autocompleteTokens.textFieldPlaceholderColorFocus, ");", textFieldTokens.backgroundColor, ":var(", autocompleteTokens.textFieldBackgroundColor, ");", textFieldTokens.backgroundColorHover, ":var(", autocompleteTokens.textFieldBackgroundColorHover, ");", textFieldTokens.backgroundColorFocus, ":var(", autocompleteTokens.textFieldBackgroundColorFocus, ");", textFieldTokens.borderColor, ":var(", autocompleteTokens.textFieldBorderColor, ");", textFieldTokens.borderColorHover, ":var(", autocompleteTokens.textFieldBorderColorHover, ");", textFieldTokens.borderColorFocus, ":var(", autocompleteTokens.textFieldBorderColorFocus, ");", textFieldTokens.colorReadOnly, ":var(", autocompleteTokens.textFieldColorReadOnly, ");", textFieldTokens.backgroundColorReadOnly, ":var(", autocompleteTokens.textFieldBackgroundColorReadOnly, ");", textFieldTokens.borderColorReadOnly, ":var(", autocompleteTokens.textFieldBorderColorReadOnly, ");", textFieldTokens.placeholderColorReadOnly, ":var(", autocompleteTokens.textFieldPlaceholderColorReadOnly, ");", textFieldTokens.caretColor, ":var(", autocompleteTokens.textFieldCaretColor, ");", textFieldTokens.placeholderColor, ":var(", autocompleteTokens.textFieldPlaceholderColor, ");", textFieldTokens.height, ":var(", autocompleteTokens.textFieldHeight, ");", textFieldTokens.borderWidth, ":var(", autocompleteTokens.textFieldBorderWidth, ");", textFieldTokens.borderRadius, ":var(", autocompleteTokens.textFieldBorderRadius, ");", textFieldTokens.padding, ":var(", autocompleteTokens.textFieldPadding, ");", textFieldTokens.leftContentMargin, ":var(", autocompleteTokens.textFieldLeftContentMargin, ");", textFieldTokens.rightContentMargin, ":var(", autocompleteTokens.textFieldRightContentMargin, ");", textFieldTokens.fontFamily, ":var(", autocompleteTokens.textFieldFontFamily, ");", textFieldTokens.fontStyle, ":var(", autocompleteTokens.textFieldFontStyle, ");", textFieldTokens.fontSize, ":var(", autocompleteTokens.textFieldFontSize, ");", textFieldTokens.fontWeight, ":var(", autocompleteTokens.textFieldFontWeight, ");", textFieldTokens.letterSpacing, ":var(", autocompleteTokens.textFieldLetterSpacing, ");", textFieldTokens.lineHeight, ":var(", autocompleteTokens.textFieldLineHeight, ");", textFieldTokens.labelColor, ":var(", autocompleteTokens.textFieldLabelColor, ");", textFieldTokens.labelColorReadOnly, ":var(", autocompleteTokens.textFieldLabelColorReadOnly, ");", textFieldTokens.labelOffset, ":var(", autocompleteTokens.textFieldLabelOffset, ");", textFieldTokens.labelFontFamily, ":var(", autocompleteTokens.textFieldLabelFontFamily, ");", textFieldTokens.labelFontStyle, ":var(", autocompleteTokens.textFieldLabelFontStyle, ");", textFieldTokens.labelFontSize, ":var(", autocompleteTokens.textFieldLabelFontSize, ");", textFieldTokens.labelFontWeight, ":var(", autocompleteTokens.textFieldLabelFontWeight, ");", textFieldTokens.labelLetterSpacing, ":var(", autocompleteTokens.textFieldLabelLetterSpacing, ");", textFieldTokens.labelLineHeight, ":var(", autocompleteTokens.textFieldLabelLineHeight, ");", textFieldTokens.labelInnerFontFamily, ":var(", autocompleteTokens.textFieldLabelInnerFontFamily, ");", textFieldTokens.labelInnerFontStyle, ":var(", autocompleteTokens.textFieldLabelInnerFontStyle, ");", textFieldTokens.labelInnerFontSize, ":var(", autocompleteTokens.textFieldLabelInnerFontSize, ");", textFieldTokens.labelInnerFontWeight, ":var(", autocompleteTokens.textFieldLabelInnerFontWeight, ");", textFieldTokens.labelInnerLetterSpacing, ":var(", autocompleteTokens.textFieldLabelInnerLetterSpacing, ");", textFieldTokens.labelInnerLineHeight, ":var(", autocompleteTokens.textFieldLabelInnerLineHeight, ");", textFieldTokens.labelInnerPadding, ":var(", autocompleteTokens.textFieldLabelInnerPadding, ");", textFieldTokens.contentLabelInnerPadding, ":var(", autocompleteTokens.textFieldContentLabelInnerPadding, ");", textFieldTokens.leftHelperColor, ":var(", autocompleteTokens.textFieldLeftHelperColor, ");", textFieldTokens.leftHelperColorReadOnly, ":var(", autocompleteTokens.textFieldLeftHelperColorReadOnly, ");", textFieldTokens.leftHelperOffset, ":var(", autocompleteTokens.textFieldLeftHelperOffset, ");", textFieldTokens.leftHelperFontFamily, ":var(", autocompleteTokens.textFieldLeftHelperFontFamily, ");", textFieldTokens.leftHelperFontStyle, ":var(", autocompleteTokens.textFieldLeftHelperFontStyle, ");", textFieldTokens.leftHelperFontSize, ":var(", autocompleteTokens.textFieldLeftHelperFontSize, ");", textFieldTokens.leftHelperFontWeight, ":var(", autocompleteTokens.textFieldLeftHelperFontWeight, ");", textFieldTokens.leftHelperLetterSpacing, ":var(", autocompleteTokens.textFieldLeftHelperLetterSpacing, ");", textFieldTokens.leftHelperLineHeight, ":var(", autocompleteTokens.textFieldLeftHelperLineHeight, ");", textFieldTokens.textBeforeColor, ":var(", autocompleteTokens.textFieldTextBeforeColor, ");", textFieldTokens.textAfterColor, ":var(", autocompleteTokens.textFieldTextAfterColor, ");", textFieldTokens.textBeforeMargin, ":var(", autocompleteTokens.textFieldTextBeforeMargin, ");", textFieldTokens.textAfterMargin, ":var(", autocompleteTokens.textFieldTextAfterMargin, ");", textFieldTokens.disabledOpacity, ":var(", autocompleteTokens.textFieldDisabledOpacity, ");", textFieldTokens.focusColor, ":var(", autocompleteTokens.textFieldFocusColor, ");", textFieldTokens.contentSlotColor, ":var(", autocompleteTokens.textFieldContentSlotColor, ", var(", autocompleteTokens.textFieldColor, "));" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXV0b2NvbXBsZXRlL3VpL1RleHRGaWVsZC9UZXh0RmllbGQuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVNnRCIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0F1dG9jb21wbGV0ZS91aS9UZXh0RmllbGQvVGV4dEZpZWxkLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgdGV4dEZpZWxkQ29uZmlnLCB0ZXh0RmllbGRUb2tlbnMgfSBmcm9tICcuLi8uLi8uLi9UZXh0RmllbGQnO1xuaW1wb3J0IHsgY29tcG9uZW50LCBtZXJnZUNvbmZpZyB9IGZyb20gJy4uLy4uLy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgdG9rZW5zIGFzIGF1dG9jb21wbGV0ZVRva2VucyB9IGZyb20gJy4uLy4uL0F1dG9jb21wbGV0ZS50b2tlbnMnO1xuXG5jb25zdCBtZXJnZWRDb25maWcgPSBtZXJnZUNvbmZpZyh0ZXh0RmllbGRDb25maWcpO1xuY29uc3QgVGV4dEZpZWxkID0gY29tcG9uZW50KG1lcmdlZENvbmZpZyk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0RmllbGQgPSBzdHlsZWQoVGV4dEZpZWxkKWBcbiAgICAke3RleHRGaWVsZFRva2Vucy5jb2xvcn06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRDb2xvcn0pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLnBsYWNlaG9sZGVyQ29sb3JGb2N1c306IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRQbGFjZWhvbGRlckNvbG9yRm9jdXN9KTtcbiAgICAke3RleHRGaWVsZFRva2Vucy5iYWNrZ3JvdW5kQ29sb3J9OiB2YXIoJHthdXRvY29tcGxldGVUb2tlbnMudGV4dEZpZWxkQmFja2dyb3VuZENvbG9yfSk7XG4gICAgJHt0ZXh0RmllbGRUb2tlbnMuYmFja2dyb3VuZENvbG9ySG92ZXJ9OiB2YXIoJHthdXRvY29tcGxldGVUb2tlbnMudGV4dEZpZWxkQmFja2dyb3VuZENvbG9ySG92ZXJ9KTtcbiAgICAke3RleHRGaWVsZFRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb2N1c306IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRCYWNrZ3JvdW5kQ29sb3JGb2N1c30pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLmJvcmRlckNvbG9yfTogdmFyKCR7YXV0b2NvbXBsZXRlVG9rZW5zLnRleHRGaWVsZEJvcmRlckNvbG9yfSk7XG4gICAgJHt0ZXh0RmllbGRUb2tlbnMuYm9yZGVyQ29sb3JIb3Zlcn06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRCb3JkZXJDb2xvckhvdmVyfSk7XG4gICAgJHt0ZXh0RmllbGRUb2tlbnMuYm9yZGVyQ29sb3JGb2N1c306IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRCb3JkZXJDb2xvckZvY3VzfSk7XG4gICAgJHt0ZXh0RmllbGRUb2tlbnMuY29sb3JSZWFkT25seX06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRDb2xvclJlYWRPbmx5fSk7XG4gICAgJHt0ZXh0RmllbGRUb2tlbnMuYmFja2dyb3VuZENvbG9yUmVhZE9ubHl9OiB2YXIoJHthdXRvY29tcGxldGVUb2tlbnMudGV4dEZpZWxkQmFja2dyb3VuZENvbG9yUmVhZE9ubHl9KTtcbiAgICAke3RleHRGaWVsZFRva2Vucy5ib3JkZXJDb2xvclJlYWRPbmx5fTogdmFyKCR7YXV0b2NvbXBsZXRlVG9rZW5zLnRleHRGaWVsZEJvcmRlckNvbG9yUmVhZE9ubHl9KTtcbiAgICAke3RleHRGaWVsZFRva2Vucy5wbGFjZWhvbGRlckNvbG9yUmVhZE9ubHl9OiB2YXIoJHthdXRvY29tcGxldGVUb2tlbnMudGV4dEZpZWxkUGxhY2Vob2xkZXJDb2xvclJlYWRPbmx5fSk7XG4gICAgJHt0ZXh0RmllbGRUb2tlbnMuY2FyZXRDb2xvcn06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRDYXJldENvbG9yfSk7XG4gICAgJHt0ZXh0RmllbGRUb2tlbnMucGxhY2Vob2xkZXJDb2xvcn06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRQbGFjZWhvbGRlckNvbG9yfSk7XG4gICAgJHt0ZXh0RmllbGRUb2tlbnMuaGVpZ2h0fTogdmFyKCR7YXV0b2NvbXBsZXRlVG9rZW5zLnRleHRGaWVsZEhlaWdodH0pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLmJvcmRlcldpZHRofTogdmFyKCR7YXV0b2NvbXBsZXRlVG9rZW5zLnRleHRGaWVsZEJvcmRlcldpZHRofSk7XG4gICAgJHt0ZXh0RmllbGRUb2tlbnMuYm9yZGVyUmFkaXVzfTogdmFyKCR7YXV0b2NvbXBsZXRlVG9rZW5zLnRleHRGaWVsZEJvcmRlclJhZGl1c30pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLnBhZGRpbmd9OiB2YXIoJHthdXRvY29tcGxldGVUb2tlbnMudGV4dEZpZWxkUGFkZGluZ30pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLmxlZnRDb250ZW50TWFyZ2lufTogdmFyKCR7YXV0b2NvbXBsZXRlVG9rZW5zLnRleHRGaWVsZExlZnRDb250ZW50TWFyZ2lufSk7XG4gICAgJHt0ZXh0RmllbGRUb2tlbnMucmlnaHRDb250ZW50TWFyZ2lufTogdmFyKCR7YXV0b2NvbXBsZXRlVG9rZW5zLnRleHRGaWVsZFJpZ2h0Q29udGVudE1hcmdpbn0pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLmZvbnRGYW1pbHl9OiB2YXIoJHthdXRvY29tcGxldGVUb2tlbnMudGV4dEZpZWxkRm9udEZhbWlseX0pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLmZvbnRTdHlsZX06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRGb250U3R5bGV9KTtcbiAgICAke3RleHRGaWVsZFRva2Vucy5mb250U2l6ZX06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRGb250U2l6ZX0pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoJHthdXRvY29tcGxldGVUb2tlbnMudGV4dEZpZWxkRm9udFdlaWdodH0pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLmxldHRlclNwYWNpbmd9OiB2YXIoJHthdXRvY29tcGxldGVUb2tlbnMudGV4dEZpZWxkTGV0dGVyU3BhY2luZ30pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLmxpbmVIZWlnaHR9OiB2YXIoJHthdXRvY29tcGxldGVUb2tlbnMudGV4dEZpZWxkTGluZUhlaWdodH0pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLmxhYmVsQ29sb3J9OiB2YXIoJHthdXRvY29tcGxldGVUb2tlbnMudGV4dEZpZWxkTGFiZWxDb2xvcn0pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLmxhYmVsQ29sb3JSZWFkT25seX06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRMYWJlbENvbG9yUmVhZE9ubHl9KTtcbiAgICAke3RleHRGaWVsZFRva2Vucy5sYWJlbE9mZnNldH06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRMYWJlbE9mZnNldH0pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLmxhYmVsRm9udEZhbWlseX06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRMYWJlbEZvbnRGYW1pbHl9KTtcbiAgICAke3RleHRGaWVsZFRva2Vucy5sYWJlbEZvbnRTdHlsZX06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRMYWJlbEZvbnRTdHlsZX0pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLmxhYmVsRm9udFNpemV9OiB2YXIoJHthdXRvY29tcGxldGVUb2tlbnMudGV4dEZpZWxkTGFiZWxGb250U2l6ZX0pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLmxhYmVsRm9udFdlaWdodH06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRMYWJlbEZvbnRXZWlnaHR9KTtcbiAgICAke3RleHRGaWVsZFRva2Vucy5sYWJlbExldHRlclNwYWNpbmd9OiB2YXIoJHthdXRvY29tcGxldGVUb2tlbnMudGV4dEZpZWxkTGFiZWxMZXR0ZXJTcGFjaW5nfSk7XG4gICAgJHt0ZXh0RmllbGRUb2tlbnMubGFiZWxMaW5lSGVpZ2h0fTogdmFyKCR7YXV0b2NvbXBsZXRlVG9rZW5zLnRleHRGaWVsZExhYmVsTGluZUhlaWdodH0pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLmxhYmVsSW5uZXJGb250RmFtaWx5fTogdmFyKCR7YXV0b2NvbXBsZXRlVG9rZW5zLnRleHRGaWVsZExhYmVsSW5uZXJGb250RmFtaWx5fSk7XG4gICAgJHt0ZXh0RmllbGRUb2tlbnMubGFiZWxJbm5lckZvbnRTdHlsZX06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRMYWJlbElubmVyRm9udFN0eWxlfSk7XG4gICAgJHt0ZXh0RmllbGRUb2tlbnMubGFiZWxJbm5lckZvbnRTaXplfTogdmFyKCR7YXV0b2NvbXBsZXRlVG9rZW5zLnRleHRGaWVsZExhYmVsSW5uZXJGb250U2l6ZX0pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLmxhYmVsSW5uZXJGb250V2VpZ2h0fTogdmFyKCR7YXV0b2NvbXBsZXRlVG9rZW5zLnRleHRGaWVsZExhYmVsSW5uZXJGb250V2VpZ2h0fSk7XG4gICAgJHt0ZXh0RmllbGRUb2tlbnMubGFiZWxJbm5lckxldHRlclNwYWNpbmd9OiB2YXIoJHthdXRvY29tcGxldGVUb2tlbnMudGV4dEZpZWxkTGFiZWxJbm5lckxldHRlclNwYWNpbmd9KTtcbiAgICAke3RleHRGaWVsZFRva2Vucy5sYWJlbElubmVyTGluZUhlaWdodH06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRMYWJlbElubmVyTGluZUhlaWdodH0pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLmxhYmVsSW5uZXJQYWRkaW5nfTogdmFyKCR7YXV0b2NvbXBsZXRlVG9rZW5zLnRleHRGaWVsZExhYmVsSW5uZXJQYWRkaW5nfSk7XG4gICAgJHt0ZXh0RmllbGRUb2tlbnMuY29udGVudExhYmVsSW5uZXJQYWRkaW5nfTogdmFyKCR7YXV0b2NvbXBsZXRlVG9rZW5zLnRleHRGaWVsZENvbnRlbnRMYWJlbElubmVyUGFkZGluZ30pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLmxlZnRIZWxwZXJDb2xvcn06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRMZWZ0SGVscGVyQ29sb3J9KTtcbiAgICAke3RleHRGaWVsZFRva2Vucy5sZWZ0SGVscGVyQ29sb3JSZWFkT25seX06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRMZWZ0SGVscGVyQ29sb3JSZWFkT25seX0pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLmxlZnRIZWxwZXJPZmZzZXR9OiB2YXIoJHthdXRvY29tcGxldGVUb2tlbnMudGV4dEZpZWxkTGVmdEhlbHBlck9mZnNldH0pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLmxlZnRIZWxwZXJGb250RmFtaWx5fTogdmFyKCR7YXV0b2NvbXBsZXRlVG9rZW5zLnRleHRGaWVsZExlZnRIZWxwZXJGb250RmFtaWx5fSk7XG4gICAgJHt0ZXh0RmllbGRUb2tlbnMubGVmdEhlbHBlckZvbnRTdHlsZX06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRMZWZ0SGVscGVyRm9udFN0eWxlfSk7XG4gICAgJHt0ZXh0RmllbGRUb2tlbnMubGVmdEhlbHBlckZvbnRTaXplfTogdmFyKCR7YXV0b2NvbXBsZXRlVG9rZW5zLnRleHRGaWVsZExlZnRIZWxwZXJGb250U2l6ZX0pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLmxlZnRIZWxwZXJGb250V2VpZ2h0fTogdmFyKCR7YXV0b2NvbXBsZXRlVG9rZW5zLnRleHRGaWVsZExlZnRIZWxwZXJGb250V2VpZ2h0fSk7XG4gICAgJHt0ZXh0RmllbGRUb2tlbnMubGVmdEhlbHBlckxldHRlclNwYWNpbmd9OiB2YXIoJHthdXRvY29tcGxldGVUb2tlbnMudGV4dEZpZWxkTGVmdEhlbHBlckxldHRlclNwYWNpbmd9KTtcbiAgICAke3RleHRGaWVsZFRva2Vucy5sZWZ0SGVscGVyTGluZUhlaWdodH06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRMZWZ0SGVscGVyTGluZUhlaWdodH0pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLnRleHRCZWZvcmVDb2xvcn06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRUZXh0QmVmb3JlQ29sb3J9KTtcbiAgICAke3RleHRGaWVsZFRva2Vucy50ZXh0QWZ0ZXJDb2xvcn06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRUZXh0QWZ0ZXJDb2xvcn0pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLnRleHRCZWZvcmVNYXJnaW59OiB2YXIoJHthdXRvY29tcGxldGVUb2tlbnMudGV4dEZpZWxkVGV4dEJlZm9yZU1hcmdpbn0pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLnRleHRBZnRlck1hcmdpbn06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRUZXh0QWZ0ZXJNYXJnaW59KTtcbiAgICAke3RleHRGaWVsZFRva2Vucy5kaXNhYmxlZE9wYWNpdHl9OiB2YXIoJHthdXRvY29tcGxldGVUb2tlbnMudGV4dEZpZWxkRGlzYWJsZWRPcGFjaXR5fSk7XG4gICAgJHt0ZXh0RmllbGRUb2tlbnMuZm9jdXNDb2xvcn06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRGb2N1c0NvbG9yfSk7XG4gICAgJHt0ZXh0RmllbGRUb2tlbnMuY29udGVudFNsb3RDb2xvcn06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRDb250ZW50U2xvdENvbG9yfSwgdmFyKCR7YXV0b2NvbXBsZXRlVG9rZW5zLnRleHRGaWVsZENvbG9yfSkpO1xuYDtcbiJdfQ== */"));
+})(textFieldTokens.color, ":var(", autocompleteTokens.textFieldColor, ");", textFieldTokens.placeholderColorFocus, ":var(", autocompleteTokens.textFieldPlaceholderColorFocus, ");", textFieldTokens.backgroundColor, ":var(", autocompleteTokens.textFieldBackgroundColor, ");", textFieldTokens.backgroundColorHover, ":var(", autocompleteTokens.textFieldBackgroundColorHover, ");", textFieldTokens.backgroundColorFocus, ":var(", autocompleteTokens.textFieldBackgroundColorFocus, ");", textFieldTokens.borderColor, ":var(", autocompleteTokens.textFieldBorderColor, ");", textFieldTokens.borderColorHover, ":var(", autocompleteTokens.textFieldBorderColorHover, ");", textFieldTokens.borderColorFocus, ":var(", autocompleteTokens.textFieldBorderColorFocus, ");", textFieldTokens.colorReadOnly, ":var(", autocompleteTokens.textFieldColorReadOnly, ");", textFieldTokens.backgroundColorReadOnly, ":var(", autocompleteTokens.textFieldBackgroundColorReadOnly, ");", textFieldTokens.borderColorReadOnly, ":var(", autocompleteTokens.textFieldBorderColorReadOnly, ");", textFieldTokens.placeholderColorReadOnly, ":var(", autocompleteTokens.textFieldPlaceholderColorReadOnly, ");", textFieldTokens.caretColor, ":var(", autocompleteTokens.textFieldCaretColor, ");", textFieldTokens.placeholderColor, ":var(", autocompleteTokens.textFieldPlaceholderColor, ");", textFieldTokens.height, ":var(", autocompleteTokens.textFieldHeight, ");", textFieldTokens.borderWidth, ":var(", autocompleteTokens.textFieldBorderWidth, ");", textFieldTokens.borderRadius, ":var(", autocompleteTokens.textFieldBorderRadius, ");", textFieldTokens.padding, ":var(", autocompleteTokens.textFieldPadding, ");", textFieldTokens.leftContentMargin, ":var(", autocompleteTokens.textFieldLeftContentMargin, ");", textFieldTokens.rightContentMargin, ":var(", autocompleteTokens.textFieldRightContentMargin, ");", textFieldTokens.fontFamily, ":var(", autocompleteTokens.textFieldFontFamily, ");", textFieldTokens.fontStyle, ":var(", autocompleteTokens.textFieldFontStyle, ");", textFieldTokens.fontSize, ":var(", autocompleteTokens.textFieldFontSize, ");", textFieldTokens.fontWeight, ":var(", autocompleteTokens.textFieldFontWeight, ");", textFieldTokens.letterSpacing, ":var(", autocompleteTokens.textFieldLetterSpacing, ");", textFieldTokens.lineHeight, ":var(", autocompleteTokens.textFieldLineHeight, ");", textFieldTokens.labelColor, ":var(", autocompleteTokens.textFieldLabelColor, ");", textFieldTokens.labelColorReadOnly, ":var(", autocompleteTokens.textFieldLabelColorReadOnly, ");", textFieldTokens.labelOffset, ":var(", autocompleteTokens.textFieldLabelOffset, ");", textFieldTokens.labelFontFamily, ":var(", autocompleteTokens.textFieldLabelFontFamily, ");", textFieldTokens.labelFontStyle, ":var(", autocompleteTokens.textFieldLabelFontStyle, ");", textFieldTokens.labelFontSize, ":var(", autocompleteTokens.textFieldLabelFontSize, ");", textFieldTokens.labelFontWeight, ":var(", autocompleteTokens.textFieldLabelFontWeight, ");", textFieldTokens.labelLetterSpacing, ":var(", autocompleteTokens.textFieldLabelLetterSpacing, ");", textFieldTokens.labelLineHeight, ":var(", autocompleteTokens.textFieldLabelLineHeight, ");", textFieldTokens.labelInnerFontFamily, ":var(", autocompleteTokens.textFieldLabelInnerFontFamily, ");", textFieldTokens.labelInnerFontStyle, ":var(", autocompleteTokens.textFieldLabelInnerFontStyle, ");", textFieldTokens.labelInnerFontSize, ":var(", autocompleteTokens.textFieldLabelInnerFontSize, ");", textFieldTokens.labelInnerFontWeight, ":var(", autocompleteTokens.textFieldLabelInnerFontWeight, ");", textFieldTokens.labelInnerLetterSpacing, ":var(", autocompleteTokens.textFieldLabelInnerLetterSpacing, ");", textFieldTokens.labelInnerLineHeight, ":var(", autocompleteTokens.textFieldLabelInnerLineHeight, ");", textFieldTokens.labelInnerPadding, ":var(", autocompleteTokens.textFieldLabelInnerPadding, ");", textFieldTokens.contentLabelInnerPadding, ":var(", autocompleteTokens.textFieldContentLabelInnerPadding, ");", textFieldTokens.leftHelperColor, ":var(", autocompleteTokens.textFieldLeftHelperColor, ");", textFieldTokens.leftHelperColorReadOnly, ":var(", autocompleteTokens.textFieldLeftHelperColorReadOnly, ");", textFieldTokens.leftHelperOffset, ":var(", autocompleteTokens.textFieldLeftHelperOffset, ");", textFieldTokens.leftHelperFontFamily, ":var(", autocompleteTokens.textFieldLeftHelperFontFamily, ");", textFieldTokens.leftHelperFontStyle, ":var(", autocompleteTokens.textFieldLeftHelperFontStyle, ");", textFieldTokens.leftHelperFontSize, ":var(", autocompleteTokens.textFieldLeftHelperFontSize, ");", textFieldTokens.leftHelperFontWeight, ":var(", autocompleteTokens.textFieldLeftHelperFontWeight, ");", textFieldTokens.leftHelperLetterSpacing, ":var(", autocompleteTokens.textFieldLeftHelperLetterSpacing, ");", textFieldTokens.leftHelperLineHeight, ":var(", autocompleteTokens.textFieldLeftHelperLineHeight, ");", textFieldTokens.textBeforeColor, ":var(", autocompleteTokens.textFieldTextBeforeColor, ");", textFieldTokens.textAfterColor, ":var(", autocompleteTokens.textFieldTextAfterColor, ");", textFieldTokens.textBeforeMargin, ":var(", autocompleteTokens.textFieldTextBeforeMargin, ");", textFieldTokens.textAfterMargin, ":var(", autocompleteTokens.textFieldTextAfterMargin, ");", textFieldTokens.disabledOpacity, ":var(", autocompleteTokens.textFieldDisabledOpacity, ");", textFieldTokens.focusColor, ":var(", autocompleteTokens.textFieldFocusColor, ");", textFieldTokens.contentSlotColor, ":var(", autocompleteTokens.textFieldContentSlotColor, ", var(", autocompleteTokens.textFieldColor, "));", textFieldTokens.contentSlotRightColor, ":var(", autocompleteTokens.textFieldContentSlotRightColor, ", var(", autocompleteTokens.textFieldColor, "));" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXV0b2NvbXBsZXRlL3VpL1RleHRGaWVsZC9UZXh0RmllbGQuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVNnRCIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0F1dG9jb21wbGV0ZS91aS9UZXh0RmllbGQvVGV4dEZpZWxkLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgdGV4dEZpZWxkQ29uZmlnLCB0ZXh0RmllbGRUb2tlbnMgfSBmcm9tICcuLi8uLi8uLi9UZXh0RmllbGQnO1xuaW1wb3J0IHsgY29tcG9uZW50LCBtZXJnZUNvbmZpZyB9IGZyb20gJy4uLy4uLy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgdG9rZW5zIGFzIGF1dG9jb21wbGV0ZVRva2VucyB9IGZyb20gJy4uLy4uL0F1dG9jb21wbGV0ZS50b2tlbnMnO1xuXG5jb25zdCBtZXJnZWRDb25maWcgPSBtZXJnZUNvbmZpZyh0ZXh0RmllbGRDb25maWcpO1xuY29uc3QgVGV4dEZpZWxkID0gY29tcG9uZW50KG1lcmdlZENvbmZpZyk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0RmllbGQgPSBzdHlsZWQoVGV4dEZpZWxkKWBcbiAgICAke3RleHRGaWVsZFRva2Vucy5jb2xvcn06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRDb2xvcn0pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLnBsYWNlaG9sZGVyQ29sb3JGb2N1c306IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRQbGFjZWhvbGRlckNvbG9yRm9jdXN9KTtcbiAgICAke3RleHRGaWVsZFRva2Vucy5iYWNrZ3JvdW5kQ29sb3J9OiB2YXIoJHthdXRvY29tcGxldGVUb2tlbnMudGV4dEZpZWxkQmFja2dyb3VuZENvbG9yfSk7XG4gICAgJHt0ZXh0RmllbGRUb2tlbnMuYmFja2dyb3VuZENvbG9ySG92ZXJ9OiB2YXIoJHthdXRvY29tcGxldGVUb2tlbnMudGV4dEZpZWxkQmFja2dyb3VuZENvbG9ySG92ZXJ9KTtcbiAgICAke3RleHRGaWVsZFRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb2N1c306IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRCYWNrZ3JvdW5kQ29sb3JGb2N1c30pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLmJvcmRlckNvbG9yfTogdmFyKCR7YXV0b2NvbXBsZXRlVG9rZW5zLnRleHRGaWVsZEJvcmRlckNvbG9yfSk7XG4gICAgJHt0ZXh0RmllbGRUb2tlbnMuYm9yZGVyQ29sb3JIb3Zlcn06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRCb3JkZXJDb2xvckhvdmVyfSk7XG4gICAgJHt0ZXh0RmllbGRUb2tlbnMuYm9yZGVyQ29sb3JGb2N1c306IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRCb3JkZXJDb2xvckZvY3VzfSk7XG4gICAgJHt0ZXh0RmllbGRUb2tlbnMuY29sb3JSZWFkT25seX06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRDb2xvclJlYWRPbmx5fSk7XG4gICAgJHt0ZXh0RmllbGRUb2tlbnMuYmFja2dyb3VuZENvbG9yUmVhZE9ubHl9OiB2YXIoJHthdXRvY29tcGxldGVUb2tlbnMudGV4dEZpZWxkQmFja2dyb3VuZENvbG9yUmVhZE9ubHl9KTtcbiAgICAke3RleHRGaWVsZFRva2Vucy5ib3JkZXJDb2xvclJlYWRPbmx5fTogdmFyKCR7YXV0b2NvbXBsZXRlVG9rZW5zLnRleHRGaWVsZEJvcmRlckNvbG9yUmVhZE9ubHl9KTtcbiAgICAke3RleHRGaWVsZFRva2Vucy5wbGFjZWhvbGRlckNvbG9yUmVhZE9ubHl9OiB2YXIoJHthdXRvY29tcGxldGVUb2tlbnMudGV4dEZpZWxkUGxhY2Vob2xkZXJDb2xvclJlYWRPbmx5fSk7XG4gICAgJHt0ZXh0RmllbGRUb2tlbnMuY2FyZXRDb2xvcn06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRDYXJldENvbG9yfSk7XG4gICAgJHt0ZXh0RmllbGRUb2tlbnMucGxhY2Vob2xkZXJDb2xvcn06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRQbGFjZWhvbGRlckNvbG9yfSk7XG4gICAgJHt0ZXh0RmllbGRUb2tlbnMuaGVpZ2h0fTogdmFyKCR7YXV0b2NvbXBsZXRlVG9rZW5zLnRleHRGaWVsZEhlaWdodH0pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLmJvcmRlcldpZHRofTogdmFyKCR7YXV0b2NvbXBsZXRlVG9rZW5zLnRleHRGaWVsZEJvcmRlcldpZHRofSk7XG4gICAgJHt0ZXh0RmllbGRUb2tlbnMuYm9yZGVyUmFkaXVzfTogdmFyKCR7YXV0b2NvbXBsZXRlVG9rZW5zLnRleHRGaWVsZEJvcmRlclJhZGl1c30pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLnBhZGRpbmd9OiB2YXIoJHthdXRvY29tcGxldGVUb2tlbnMudGV4dEZpZWxkUGFkZGluZ30pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLmxlZnRDb250ZW50TWFyZ2lufTogdmFyKCR7YXV0b2NvbXBsZXRlVG9rZW5zLnRleHRGaWVsZExlZnRDb250ZW50TWFyZ2lufSk7XG4gICAgJHt0ZXh0RmllbGRUb2tlbnMucmlnaHRDb250ZW50TWFyZ2lufTogdmFyKCR7YXV0b2NvbXBsZXRlVG9rZW5zLnRleHRGaWVsZFJpZ2h0Q29udGVudE1hcmdpbn0pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLmZvbnRGYW1pbHl9OiB2YXIoJHthdXRvY29tcGxldGVUb2tlbnMudGV4dEZpZWxkRm9udEZhbWlseX0pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLmZvbnRTdHlsZX06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRGb250U3R5bGV9KTtcbiAgICAke3RleHRGaWVsZFRva2Vucy5mb250U2l6ZX06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRGb250U2l6ZX0pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoJHthdXRvY29tcGxldGVUb2tlbnMudGV4dEZpZWxkRm9udFdlaWdodH0pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLmxldHRlclNwYWNpbmd9OiB2YXIoJHthdXRvY29tcGxldGVUb2tlbnMudGV4dEZpZWxkTGV0dGVyU3BhY2luZ30pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLmxpbmVIZWlnaHR9OiB2YXIoJHthdXRvY29tcGxldGVUb2tlbnMudGV4dEZpZWxkTGluZUhlaWdodH0pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLmxhYmVsQ29sb3J9OiB2YXIoJHthdXRvY29tcGxldGVUb2tlbnMudGV4dEZpZWxkTGFiZWxDb2xvcn0pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLmxhYmVsQ29sb3JSZWFkT25seX06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRMYWJlbENvbG9yUmVhZE9ubHl9KTtcbiAgICAke3RleHRGaWVsZFRva2Vucy5sYWJlbE9mZnNldH06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRMYWJlbE9mZnNldH0pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLmxhYmVsRm9udEZhbWlseX06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRMYWJlbEZvbnRGYW1pbHl9KTtcbiAgICAke3RleHRGaWVsZFRva2Vucy5sYWJlbEZvbnRTdHlsZX06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRMYWJlbEZvbnRTdHlsZX0pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLmxhYmVsRm9udFNpemV9OiB2YXIoJHthdXRvY29tcGxldGVUb2tlbnMudGV4dEZpZWxkTGFiZWxGb250U2l6ZX0pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLmxhYmVsRm9udFdlaWdodH06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRMYWJlbEZvbnRXZWlnaHR9KTtcbiAgICAke3RleHRGaWVsZFRva2Vucy5sYWJlbExldHRlclNwYWNpbmd9OiB2YXIoJHthdXRvY29tcGxldGVUb2tlbnMudGV4dEZpZWxkTGFiZWxMZXR0ZXJTcGFjaW5nfSk7XG4gICAgJHt0ZXh0RmllbGRUb2tlbnMubGFiZWxMaW5lSGVpZ2h0fTogdmFyKCR7YXV0b2NvbXBsZXRlVG9rZW5zLnRleHRGaWVsZExhYmVsTGluZUhlaWdodH0pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLmxhYmVsSW5uZXJGb250RmFtaWx5fTogdmFyKCR7YXV0b2NvbXBsZXRlVG9rZW5zLnRleHRGaWVsZExhYmVsSW5uZXJGb250RmFtaWx5fSk7XG4gICAgJHt0ZXh0RmllbGRUb2tlbnMubGFiZWxJbm5lckZvbnRTdHlsZX06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRMYWJlbElubmVyRm9udFN0eWxlfSk7XG4gICAgJHt0ZXh0RmllbGRUb2tlbnMubGFiZWxJbm5lckZvbnRTaXplfTogdmFyKCR7YXV0b2NvbXBsZXRlVG9rZW5zLnRleHRGaWVsZExhYmVsSW5uZXJGb250U2l6ZX0pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLmxhYmVsSW5uZXJGb250V2VpZ2h0fTogdmFyKCR7YXV0b2NvbXBsZXRlVG9rZW5zLnRleHRGaWVsZExhYmVsSW5uZXJGb250V2VpZ2h0fSk7XG4gICAgJHt0ZXh0RmllbGRUb2tlbnMubGFiZWxJbm5lckxldHRlclNwYWNpbmd9OiB2YXIoJHthdXRvY29tcGxldGVUb2tlbnMudGV4dEZpZWxkTGFiZWxJbm5lckxldHRlclNwYWNpbmd9KTtcbiAgICAke3RleHRGaWVsZFRva2Vucy5sYWJlbElubmVyTGluZUhlaWdodH06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRMYWJlbElubmVyTGluZUhlaWdodH0pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLmxhYmVsSW5uZXJQYWRkaW5nfTogdmFyKCR7YXV0b2NvbXBsZXRlVG9rZW5zLnRleHRGaWVsZExhYmVsSW5uZXJQYWRkaW5nfSk7XG4gICAgJHt0ZXh0RmllbGRUb2tlbnMuY29udGVudExhYmVsSW5uZXJQYWRkaW5nfTogdmFyKCR7YXV0b2NvbXBsZXRlVG9rZW5zLnRleHRGaWVsZENvbnRlbnRMYWJlbElubmVyUGFkZGluZ30pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLmxlZnRIZWxwZXJDb2xvcn06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRMZWZ0SGVscGVyQ29sb3J9KTtcbiAgICAke3RleHRGaWVsZFRva2Vucy5sZWZ0SGVscGVyQ29sb3JSZWFkT25seX06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRMZWZ0SGVscGVyQ29sb3JSZWFkT25seX0pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLmxlZnRIZWxwZXJPZmZzZXR9OiB2YXIoJHthdXRvY29tcGxldGVUb2tlbnMudGV4dEZpZWxkTGVmdEhlbHBlck9mZnNldH0pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLmxlZnRIZWxwZXJGb250RmFtaWx5fTogdmFyKCR7YXV0b2NvbXBsZXRlVG9rZW5zLnRleHRGaWVsZExlZnRIZWxwZXJGb250RmFtaWx5fSk7XG4gICAgJHt0ZXh0RmllbGRUb2tlbnMubGVmdEhlbHBlckZvbnRTdHlsZX06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRMZWZ0SGVscGVyRm9udFN0eWxlfSk7XG4gICAgJHt0ZXh0RmllbGRUb2tlbnMubGVmdEhlbHBlckZvbnRTaXplfTogdmFyKCR7YXV0b2NvbXBsZXRlVG9rZW5zLnRleHRGaWVsZExlZnRIZWxwZXJGb250U2l6ZX0pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLmxlZnRIZWxwZXJGb250V2VpZ2h0fTogdmFyKCR7YXV0b2NvbXBsZXRlVG9rZW5zLnRleHRGaWVsZExlZnRIZWxwZXJGb250V2VpZ2h0fSk7XG4gICAgJHt0ZXh0RmllbGRUb2tlbnMubGVmdEhlbHBlckxldHRlclNwYWNpbmd9OiB2YXIoJHthdXRvY29tcGxldGVUb2tlbnMudGV4dEZpZWxkTGVmdEhlbHBlckxldHRlclNwYWNpbmd9KTtcbiAgICAke3RleHRGaWVsZFRva2Vucy5sZWZ0SGVscGVyTGluZUhlaWdodH06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRMZWZ0SGVscGVyTGluZUhlaWdodH0pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLnRleHRCZWZvcmVDb2xvcn06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRUZXh0QmVmb3JlQ29sb3J9KTtcbiAgICAke3RleHRGaWVsZFRva2Vucy50ZXh0QWZ0ZXJDb2xvcn06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRUZXh0QWZ0ZXJDb2xvcn0pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLnRleHRCZWZvcmVNYXJnaW59OiB2YXIoJHthdXRvY29tcGxldGVUb2tlbnMudGV4dEZpZWxkVGV4dEJlZm9yZU1hcmdpbn0pO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLnRleHRBZnRlck1hcmdpbn06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRUZXh0QWZ0ZXJNYXJnaW59KTtcbiAgICAke3RleHRGaWVsZFRva2Vucy5kaXNhYmxlZE9wYWNpdHl9OiB2YXIoJHthdXRvY29tcGxldGVUb2tlbnMudGV4dEZpZWxkRGlzYWJsZWRPcGFjaXR5fSk7XG4gICAgJHt0ZXh0RmllbGRUb2tlbnMuZm9jdXNDb2xvcn06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRGb2N1c0NvbG9yfSk7XG4gICAgJHt0ZXh0RmllbGRUb2tlbnMuY29udGVudFNsb3RDb2xvcn06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRDb250ZW50U2xvdENvbG9yfSwgdmFyKCR7YXV0b2NvbXBsZXRlVG9rZW5zLnRleHRGaWVsZENvbG9yfSkpO1xuICAgICR7dGV4dEZpZWxkVG9rZW5zLmNvbnRlbnRTbG90UmlnaHRDb2xvcn06IHZhcigke2F1dG9jb21wbGV0ZVRva2Vucy50ZXh0RmllbGRDb250ZW50U2xvdFJpZ2h0Q29sb3J9LCB2YXIoJHthdXRvY29tcGxldGVUb2tlbnMudGV4dEZpZWxkQ29sb3J9KSk7XG5gO1xuIl19 */"));

package/emotion/es/components/Calendar/Calendar.tokens.js

@@ -29,6 +29,8 @@ export var innerTokens = {
 export var tokens = {
   calendarWidth: '--plasma-calendar-width',
   calendarHeight: '--plasma-calendar-height',
+  calendarBorderWidth: '--plasma-calendar-border-width',
+  calendarBorderColor: '--plasma-calendar-border-color',
   /* Токены размера сетки лет */
   calendarYearsPadding: '--plasma-calendar-years-padding',
   calendarYearItemBorderRadius: '--plasma-calendar-year-item-border-radius',
@@ -91,6 +93,7 @@ export var tokens = {
   calendarHeaderFontLineHeight: '--plasma-calendar-header-line-height',
   calendarHeaderFontWeight: '--plasma-calendar-header-font-weight',
   calendarHeaderFontWeightBold: '--plasma-calendar-header-font-weight-bold',
+  calendarHeaderArrowColor: '--plasma-calendar-header-arrow-color',
   /* Токены стрелок навигации календаря */
   iconButtonColor: '--plasma-calendar-icon-button-color',
   iconButtonBackgroundColor: '--plasma-calendar-icon-button-background',

package/emotion/es/components/Calendar/CalendarBase/CalendarBase.styles.js

@@ -2,7 +2,7 @@ import _styled from "@emotion/styled/base";
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 import { css } from '@emotion/react';
 import { tokens } from '../Calendar.tokens';
-export var StyledCalendar = /*#__PURE__*/css("position:relative;user-select:none;z-index:1;width:var(", tokens.calendarWidth, ");height:var(", tokens.calendarHeight, ");;label:plasma-new-hope__StyledCalendar;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJCYXNlL0NhbGVuZGFyQmFzZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2lDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJCYXNlL0NhbGVuZGFyQmFzZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uL0NhbGVuZGFyLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDYWxlbmRhciA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgei1pbmRleDogMTtcblxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJXaWR0aH0pO1xuICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmNhbGVuZGFySGVpZ2h0fSk7XG5gO1xuXG5leHBvcnQgY29uc3QgSXNPdXRPZlJhbmdlID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgcGFkZGluZzogMDtcbiAgICBtYXJnaW46IDA7XG4gICAgaGVpZ2h0OiAwO1xuICAgIHdpZHRoOiAwO1xuICAgIGJvcmRlcjogMDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGNsaXA6IHJlY3QoMCAwIDAgMCk7XG5gO1xuIl19 */"));
+export var StyledCalendar = /*#__PURE__*/css("position:relative;user-select:none;z-index:1;width:var(", tokens.calendarWidth, ");height:var(", tokens.calendarHeight, ");border:var(", tokens.calendarBorderWidth, ") solid var(", tokens.calendarBorderColor, ");;label:plasma-new-hope__StyledCalendar;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJCYXNlL0NhbGVuZGFyQmFzZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2lDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJCYXNlL0NhbGVuZGFyQmFzZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uL0NhbGVuZGFyLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDYWxlbmRhciA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgei1pbmRleDogMTtcblxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJXaWR0aH0pO1xuICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmNhbGVuZGFySGVpZ2h0fSk7XG4gICAgYm9yZGVyOiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJCb3JkZXJXaWR0aH0pIHNvbGlkIHZhcigke3Rva2Vucy5jYWxlbmRhckJvcmRlckNvbG9yfSk7XG5gO1xuXG5leHBvcnQgY29uc3QgSXNPdXRPZlJhbmdlID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgcGFkZGluZzogMDtcbiAgICBtYXJnaW46IDA7XG4gICAgaGVpZ2h0OiAwO1xuICAgIHdpZHRoOiAwO1xuICAgIGJvcmRlcjogMDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGNsaXA6IHJlY3QoMCAwIDAgMCk7XG5gO1xuIl19 */"));
 export var IsOutOfRange = /*#__PURE__*/_styled("div", {
   target: "ejb438m0",
   label: "plasma-new-hope__IsOutOfRange"
@@ -12,6 +12,6 @@ export var IsOutOfRange = /*#__PURE__*/_styled("div", {
 } : {
   name: "27ncmn",
   styles: "position:absolute;padding:0;margin:0;height:0;width:0;border:0;overflow:hidden;clip:rect(0 0 0 0)",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJCYXNlL0NhbGVuZGFyQmFzZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY3NDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJCYXNlL0NhbGVuZGFyQmFzZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uL0NhbGVuZGFyLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDYWxlbmRhciA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgei1pbmRleDogMTtcblxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJXaWR0aH0pO1xuICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmNhbGVuZGFySGVpZ2h0fSk7XG5gO1xuXG5leHBvcnQgY29uc3QgSXNPdXRPZlJhbmdlID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgcGFkZGluZzogMDtcbiAgICBtYXJnaW46IDA7XG4gICAgaGVpZ2h0OiAwO1xuICAgIHdpZHRoOiAwO1xuICAgIGJvcmRlcjogMDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGNsaXA6IHJlY3QoMCAwIDAgMCk7XG5gO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJCYXNlL0NhbGVuZGFyQmFzZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZXNDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJCYXNlL0NhbGVuZGFyQmFzZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uL0NhbGVuZGFyLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDYWxlbmRhciA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgei1pbmRleDogMTtcblxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJXaWR0aH0pO1xuICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmNhbGVuZGFySGVpZ2h0fSk7XG4gICAgYm9yZGVyOiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJCb3JkZXJXaWR0aH0pIHNvbGlkIHZhcigke3Rva2Vucy5jYWxlbmRhckJvcmRlckNvbG9yfSk7XG5gO1xuXG5leHBvcnQgY29uc3QgSXNPdXRPZlJhbmdlID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgcGFkZGluZzogMDtcbiAgICBtYXJnaW46IDA7XG4gICAgaGVpZ2h0OiAwO1xuICAgIHdpZHRoOiAwO1xuICAgIGJvcmRlcjogMDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGNsaXA6IHJlY3QoMCAwIDAgMCk7XG5gO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });

package/emotion/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js

@@ -1,10 +1,10 @@
 import React, { useCallback, useMemo } from 'react';
-import { IconDisclosureDownFill, IconDisclosureLeft, IconDisclosureRight } from '../../../_Icon';
+import { IconDisclosureLeft, IconDisclosureRight } from '../../../_Icon';
 import { CalendarState } from '../../store/types';
 import { getCalendarType, MONTH_NAMES, YEAR_RENDER_COUNT } from '../../utils';
 import { classes } from '../../Calendar.tokens';
 import { sizeMap } from '../../store/reducer';
-import { StyledArrow, StyledArrows, StyledCalendarHeader, StyledDoubleHeaderWrapper, StyledHeader, StyledHeaderDate, StyledHeaderDouble, StyledNavigation } from './CalendarHeader.styles';
+import { StyledArrow, StyledArrows, StyledCalendarHeader, StyledDoubleHeaderWrapper, StyledHeader, StyledHeaderDate, StyledHeaderDouble, StyledNavigation, StyledHeaderArrow } from './CalendarHeader.styles';
 
 /**
  * Компонент шапки календаря.
@@ -36,20 +36,20 @@ export var CalendarHeader = function CalendarHeader(_ref) {
       return '';
     }
     if (type === CalendarState.Days) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledHeaderDate, null, MONTH_NAMES[locale][date.monthIndex]), /*#__PURE__*/React.createElement(StyledHeaderDate, null, date.year, /*#__PURE__*/React.createElement(IconDisclosureDownFill, {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledHeaderDate, null, MONTH_NAMES[locale][date.monthIndex]), /*#__PURE__*/React.createElement(StyledHeaderDate, null, date.year, /*#__PURE__*/React.createElement(StyledHeaderArrow, {
         color: "inherit",
         size: size === 'xs' ? 'xs' : 's'
       })));
     }
     if (type === CalendarState.Months || type === CalendarState.Quarters) {
-      return /*#__PURE__*/React.createElement(StyledHeaderDate, null, date.year, /*#__PURE__*/React.createElement(IconDisclosureDownFill, {
+      return /*#__PURE__*/React.createElement(StyledHeaderDate, null, date.year, /*#__PURE__*/React.createElement(StyledHeaderArrow, {
         color: "inherit",
         size: size === 'xs' ? 'xs' : 's'
       }));
     }
     if (type === CalendarState.Years) {
       var yearValue = secondPart ? startYear + 12 : startYear;
-      return /*#__PURE__*/React.createElement(StyledHeaderDate, null, yearValue, "\u2014", yearValue + YEAR_RENDER_COUNT - 1, /*#__PURE__*/React.createElement(IconDisclosureDownFill, {
+      return /*#__PURE__*/React.createElement(StyledHeaderDate, null, yearValue, "\u2014", yearValue + YEAR_RENDER_COUNT - 1, /*#__PURE__*/React.createElement(StyledHeaderArrow, {
         color: "inherit",
         size: size === 'xs' ? 'xs' : 's'
       }));