@salutejs/plasma-web 1.596.0-canary.2277.18342250629.0 → 1.596.0-canary.2280.18409919038.0

package/ProgressBarCircular/ProgressBarCircular.config.ts

@@ -0,0 +1,128 @@
+import { css, progressBarCircularTokens } from '@salutejs/plasma-new-hope/styled-components';
+
+export const config = {
+    defaults: {
+        view: 'default',
+        size: 'm',
+    },
+    variations: {
+        view: {
+            default: css`
+                ${progressBarCircularTokens.backgroundStroke}: var(--surface-transparent-tertiary);
+                ${progressBarCircularTokens.progressStroke}: var(--surface-solid-default);
+                ${progressBarCircularTokens.contentColor}: var(--text-primary);
+            `,
+            secondary: css`
+                ${progressBarCircularTokens.backgroundStroke}: var(--surface-transparent-tertiary);
+                ${progressBarCircularTokens.progressStroke}: var(--surface-transparent-secondary);
+                ${progressBarCircularTokens.contentColor}: var(--text-primary);
+            `,
+            accent: css`
+                ${progressBarCircularTokens.backgroundStroke}: var(--surface-transparent-tertiary);
+                ${progressBarCircularTokens.progressStroke}: var(--surface-accent);
+                ${progressBarCircularTokens.contentColor}: var(--text-primary);
+            `,
+            positive: css`
+                ${progressBarCircularTokens.backgroundStroke}: var(--surface-transparent-tertiary);
+                ${progressBarCircularTokens.progressStroke}: var(--surface-positive);
+                ${progressBarCircularTokens.contentColor}: var(--text-primary);
+            `,
+            warning: css`
+                ${progressBarCircularTokens.backgroundStroke}: var(--surface-transparent-tertiary);
+                ${progressBarCircularTokens.progressStroke}: var(--surface-warning);
+                ${progressBarCircularTokens.contentColor}: var(--text-primary);
+            `,
+            negative: css`
+                ${progressBarCircularTokens.backgroundStroke}: var(--surface-transparent-tertiary);
+                ${progressBarCircularTokens.progressStroke}: var(--surface-negative);
+                ${progressBarCircularTokens.contentColor}: var(--text-primary);
+            `,
+        },
+        size: {
+            xxl: css`
+                ${progressBarCircularTokens.width}: 8rem;
+                ${progressBarCircularTokens.height}: 8rem;
+                ${progressBarCircularTokens.backgroundStrokeWidth}: 0.25rem;
+                ${progressBarCircularTokens.progressStrokeWidth}: 0.25rem;
+                ${progressBarCircularTokens.contentFontFamily}: var(--plasma-typo-h2-font-family);
+                ${progressBarCircularTokens.contentFontSize}: var(--plasma-typo-h2-font-size);
+                ${progressBarCircularTokens.contentFontStyle}: var(--plasma-typo-h2-font-style);
+                ${progressBarCircularTokens.contentFontWeight}: var(--plasma-typo-h2-bold-font-weight);
+                ${progressBarCircularTokens.contentLetterSpacing}: var(--plasma-typo-h2-letter-spacing);
+                ${progressBarCircularTokens.contentLineHeight}: var(--plasma-typo-h2-line-height);
+            `,
+            xl: css`
+                ${progressBarCircularTokens.width}: 5.5rem;
+                ${progressBarCircularTokens.height}: 5.5rem;
+                ${progressBarCircularTokens.backgroundStrokeWidth}: 0.25rem;
+                ${progressBarCircularTokens.progressStrokeWidth}: 0.25rem;
+                ${progressBarCircularTokens.contentFontFamily}: var(--plasma-typo-h5-font-family);
+                ${progressBarCircularTokens.contentFontSize}: var(--plasma-typo-h5-font-size);
+                ${progressBarCircularTokens.contentFontStyle}: var(--plasma-typo-h5-font-style);
+                ${progressBarCircularTokens.contentFontWeight}: var(--plasma-typo-h5-bold-font-weight);
+                ${progressBarCircularTokens.contentLetterSpacing}: var(--plasma-typo-h5-letter-spacing);
+                ${progressBarCircularTokens.contentLineHeight}: var(--plasma-typo-h5-line-height);
+            `,
+            l: css`
+                ${progressBarCircularTokens.width}: 3.5rem;
+                ${progressBarCircularTokens.height}: 3.5rem;
+                ${progressBarCircularTokens.backgroundStrokeWidth}: 0.125rem;
+                ${progressBarCircularTokens.progressStrokeWidth}: 0.125rem;
+                ${progressBarCircularTokens.contentFontFamily}: var(--plasma-typo-body-l-font-family);
+                ${progressBarCircularTokens.contentFontSize}: var(--plasma-typo-body-l-font-size);
+                ${progressBarCircularTokens.contentFontStyle}: var(--plasma-typo-body-l-font-style);
+                ${progressBarCircularTokens.contentFontWeight}: var(--plasma-typo-body-l-body-font-weight);
+                ${progressBarCircularTokens.contentLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
+                ${progressBarCircularTokens.contentLineHeight}: var(--plasma-typo-body-l-line-height);
+            `,
+            m: css`
+                ${progressBarCircularTokens.width}: 3rem;
+                ${progressBarCircularTokens.height}: 3rem;
+                ${progressBarCircularTokens.backgroundStrokeWidth}: 0.125rem;
+                ${progressBarCircularTokens.progressStrokeWidth}: 0.125rem;
+                ${progressBarCircularTokens.contentFontFamily}: var(--plasma-typo-body-m-font-family);
+                ${progressBarCircularTokens.contentFontSize}: var(--plasma-typo-body-m-font-size);
+                ${progressBarCircularTokens.contentFontStyle}: var(--plasma-typo-body-m-font-style);
+                ${progressBarCircularTokens.contentFontWeight}: var(--plasma-typo-body-m-body-font-weight);
+                ${progressBarCircularTokens.contentLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
+                ${progressBarCircularTokens.contentLineHeight}: var(--plasma-typo-body-m-line-height);
+            `,
+            s: css`
+                ${progressBarCircularTokens.width}: 2.25rem;
+                ${progressBarCircularTokens.height}: 2.25rem;
+                ${progressBarCircularTokens.backgroundStrokeWidth}: 0.125rem;
+                ${progressBarCircularTokens.progressStrokeWidth}: 0.125rem;
+                ${progressBarCircularTokens.contentFontFamily}: var(--plasma-typo-body-s-font-family);
+                ${progressBarCircularTokens.contentFontSize}: var(--plasma-typo-body-s-font-size);
+                ${progressBarCircularTokens.contentFontStyle}: var(--plasma-typo-body-s-font-style);
+                ${progressBarCircularTokens.contentFontWeight}: var(--plasma-typo-body-s-body-font-weight);
+                ${progressBarCircularTokens.contentLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
+                ${progressBarCircularTokens.contentLineHeight}: var(--plasma-typo-body-s-line-height);
+            `,
+            xs: css`
+                ${progressBarCircularTokens.width}: 1.5rem;
+                ${progressBarCircularTokens.height}: 1.5rem;
+                ${progressBarCircularTokens.backgroundStrokeWidth}: 0.125rem;
+                ${progressBarCircularTokens.progressStrokeWidth}: 0.125rem;
+                ${progressBarCircularTokens.contentFontFamily}: var(--plasma-typo-body-xs-font-family);
+                ${progressBarCircularTokens.contentFontSize}: var(--plasma-typo-body-xs-font-size);
+                ${progressBarCircularTokens.contentFontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${progressBarCircularTokens.contentFontWeight}: var(--plasma-typo-body-xs-body-font-weight);
+                ${progressBarCircularTokens.contentLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${progressBarCircularTokens.contentLineHeight}: var(--plasma-typo-body-xs-line-height);
+            `,
+            xxs: css`
+                ${progressBarCircularTokens.width}: 1rem;
+                ${progressBarCircularTokens.height}: 1rem;
+                ${progressBarCircularTokens.backgroundStrokeWidth}: 0.125rem;
+                ${progressBarCircularTokens.progressStrokeWidth}: 0.125rem;
+                ${progressBarCircularTokens.contentFontFamily}: var(--plasma-typo-body-xxs-font-family);
+                ${progressBarCircularTokens.contentFontSize}: var(--plasma-typo-body-xxs-font-size);
+                ${progressBarCircularTokens.contentFontStyle}: var(--plasma-typo-body-xxs-font-style);
+                ${progressBarCircularTokens.contentFontWeight}: var(--plasma-typo-body-xxs-body-font-weight);
+                ${progressBarCircularTokens.contentLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);
+                ${progressBarCircularTokens.contentLineHeight}: var(--plasma-typo-body-xxs-line-height);
+            `,
+        },
+    },
+};

package/ProgressBarCircular/ProgressBarCircular.stories.tsx

@@ -0,0 +1,63 @@
+import type { StoryObj, Meta } from '@storybook/react';
+import { InSpacingDecorator, getConfigVariations, disableProps } from '@salutejs/plasma-sb-utils';
+import React, { ComponentProps } from 'react';
+import { IconCross } from '@salutejs/plasma-icons';
+
+import { config } from './ProgressBarCircular.config';
+
+import { ProgressBarCircular } from '.';
+
+const { views, sizes } = getConfigVariations(config);
+
+const meta: Meta<typeof ProgressBarCircular> = {
+    title: 'Overlay/ProgressBarCircular',
+    component: ProgressBarCircular,
+    decorators: [InSpacingDecorator],
+    argTypes: {
+        view: {
+            options: views,
+            control: {
+                type: 'select',
+            },
+        },
+        size: {
+            options: sizes,
+            control: {
+                type: 'select',
+            },
+        },
+        strokeWidth: {
+            control: {
+                type: 'range',
+                min: 1,
+                max: 16,
+            },
+        },
+        ...disableProps(['status']),
+    },
+};
+
+export default meta;
+
+type StoryPropsDefault = ComponentProps<typeof ProgressBarCircular>;
+
+const getContent = (value?: number, size?: string) => {
+    if (size === 'xxl' || size === 'xl') {
+        return `${value}%`;
+    }
+
+    if (size !== 'xxs') {
+        return <IconCross size={size === 'l' ? 's' : 'xs'} />;
+    }
+
+    return '';
+};
+
+export const Default: StoryObj<StoryPropsDefault> = {
+    args: {
+        view: 'default',
+        size: 's',
+        value: 50,
+    },
+    render: ({ ...args }) => <ProgressBarCircular {...args}>{getContent(args.value, args.size)}</ProgressBarCircular>,
+};

package/ProgressBarCircular/ProgressBarCircular.ts

@@ -0,0 +1,7 @@
+import { progressBarCircularConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
+
+import { config } from './ProgressBarCircular.config';
+
+const mergedConfig = mergeConfig(progressBarCircularConfig, config);
+
+export const ProgressBarCircular = component(mergedConfig);

package/ProgressBarCircular/index.ts

@@ -0,0 +1,3 @@
+export { ProgressBarCircular } from './ProgressBarCircular';
+
+export type { ProgressProps } from '@salutejs/plasma-new-hope/styled-components';

package/components/Chip/Chip.config.js

@@ -31,8 +31,9 @@ function _templateObject() {
         ": var(--surface-solid-default);\n                ",
         ": var(--inverse-text-primary);\n                ",
         ": var(--surface-solid-default);\n                ",
-        ": var(--inverse-text-primary);\n\n                ",
+        ": var(--inverse-text-primary);\n                ",
         ": var(--inverse-text-secondary);\n                ",
+        ": var(--inverse-text-secondary-hover);\n                ",
         ": var(--inverse-text-primary);\n            "
     ]);
     _templateObject = function _templateObject() {
@@ -52,7 +53,9 @@ function _templateObject1() {
         ": var(--surface-solid-default);\n                ",
         ": var(--inverse-text-primary);\n                ",
         ": var(--surface-solid-default);\n                ",
-        ": var(--inverse-text-primary);\n            "
+        ": var(--inverse-text-primary);\n                ",
+        ": var(--inverse-text-secondary);\n                ",
+        ": var(--inverse-text-secondary-hover);\n            "
     ]);
     _templateObject1 = function _templateObject() {
         return data;
@@ -71,8 +74,9 @@ function _templateObject2() {
         ": var(--surface-transparent-secondary);\n                ",
         ": var(--text-primary);\n                ",
         ": var(--surface-transparent-secondary);\n                ",
-        ": var(--text-primary);\n\n                ",
+        ": var(--text-primary);\n                ",
         ": var(--text-secondary);\n                ",
+        ": var(--text-secondary-hover);\n                ",
         ": var(--text-primary);\n            "
     ]);
     _templateObject2 = function _templateObject() {
@@ -92,8 +96,9 @@ function _templateObject3() {
         ": var(--surface-accent);\n                ",
         ": var(--on-dark-text-primary);\n                ",
         ": var(--surface-accent);\n                ",
-        ": var(--on-dark-text-primary);\n\n                ",
+        ": var(--on-dark-text-primary);\n                ",
         ": var(--on-dark-text-secondary);\n                ",
+        ": var(--on-dark-text-secondary-hover);\n                ",
         ": var(--on-dark-text-primary);\n            "
     ]);
     _templateObject3 = function _templateObject() {
@@ -113,8 +118,9 @@ function _templateObject4() {
         ": var(--surface-positive);\n                ",
         ": var(--on-dark-text-primary);\n                ",
         ": var(--surface-positive);\n                ",
-        ": var(--on-dark-text-primary);\n\n                ",
+        ": var(--on-dark-text-primary);\n                ",
         ": var(--on-dark-text-secondary);\n                ",
+        ": var(--on-dark-text-secondary-hover);\n                ",
         ": var(--on-dark-text-primary);\n            "
     ]);
     _templateObject4 = function _templateObject() {
@@ -134,8 +140,9 @@ function _templateObject5() {
         ": var(--surface-warning);\n                ",
         ": var(--on-dark-text-primary);\n                ",
         ": var(--surface-warning);\n                ",
-        ": var(--on-dark-text-primary);\n\n                ",
+        ": var(--on-dark-text-primary);\n                ",
         ": var(--on-dark-text-secondary);\n                ",
+        ": var(--on-dark-text-secondary-hover);\n                ",
         ": var(--on-dark-text-primary);\n            "
     ]);
     _templateObject5 = function _templateObject() {
@@ -155,8 +162,9 @@ function _templateObject6() {
         ": var(--surface-negative);\n                ",
         ": var(--on-dark-text-primary);\n                ",
         ": var(--surface-negative);\n                ",
-        ": var(--on-dark-text-primary);\n\n                ",
+        ": var(--on-dark-text-primary);\n                ",
         ": var(--on-dark-text-secondary);\n                ",
+        ": var(--on-dark-text-secondary-hover);\n                ",
         ": var(--on-dark-text-primary);\n            "
     ]);
     _templateObject6 = function _templateObject() {
@@ -336,16 +344,16 @@ var config = {
     },
     variations: {
         view: {
-            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.chipTokens.color, _styledcomponents.chipTokens.background, _styledcomponents.chipTokens.colorHover, _styledcomponents.chipTokens.backgroundHover, _styledcomponents.chipTokens.colorActive, _styledcomponents.chipTokens.backgroundActive, _styledcomponents.chipTokens.backgroundReadOnly, _styledcomponents.chipTokens.colorReadOnly, _styledcomponents.chipTokens.backgroundReadOnlyHover, _styledcomponents.chipTokens.colorReadOnlyHover, _styledcomponents.chipTokens.closeIconColor, _styledcomponents.chipTokens.leftContentColor),
+            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.chipTokens.color, _styledcomponents.chipTokens.background, _styledcomponents.chipTokens.colorHover, _styledcomponents.chipTokens.backgroundHover, _styledcomponents.chipTokens.colorActive, _styledcomponents.chipTokens.backgroundActive, _styledcomponents.chipTokens.backgroundReadOnly, _styledcomponents.chipTokens.colorReadOnly, _styledcomponents.chipTokens.backgroundReadOnlyHover, _styledcomponents.chipTokens.colorReadOnlyHover, _styledcomponents.chipTokens.closeIconColor, _styledcomponents.chipTokens.closeIconColorHover, _styledcomponents.chipTokens.leftContentColor),
             /**
              * @deprecated
              * использовать `default`
-             */ primary: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.chipTokens.color, _styledcomponents.chipTokens.background, _styledcomponents.chipTokens.colorHover, _styledcomponents.chipTokens.backgroundHover, _styledcomponents.chipTokens.colorActive, _styledcomponents.chipTokens.backgroundActive, _styledcomponents.chipTokens.backgroundReadOnly, _styledcomponents.chipTokens.colorReadOnly, _styledcomponents.chipTokens.backgroundReadOnlyHover, _styledcomponents.chipTokens.colorReadOnlyHover),
-            secondary: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.chipTokens.color, _styledcomponents.chipTokens.background, _styledcomponents.chipTokens.colorHover, _styledcomponents.chipTokens.backgroundHover, _styledcomponents.chipTokens.colorActive, _styledcomponents.chipTokens.backgroundActive, _styledcomponents.chipTokens.backgroundReadOnly, _styledcomponents.chipTokens.colorReadOnly, _styledcomponents.chipTokens.backgroundReadOnlyHover, _styledcomponents.chipTokens.colorReadOnlyHover, _styledcomponents.chipTokens.closeIconColor, _styledcomponents.chipTokens.leftContentColor),
-            accent: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.chipTokens.color, _styledcomponents.chipTokens.background, _styledcomponents.chipTokens.colorHover, _styledcomponents.chipTokens.backgroundHover, _styledcomponents.chipTokens.colorActive, _styledcomponents.chipTokens.backgroundActive, _styledcomponents.chipTokens.backgroundReadOnly, _styledcomponents.chipTokens.colorReadOnly, _styledcomponents.chipTokens.backgroundReadOnlyHover, _styledcomponents.chipTokens.colorReadOnlyHover, _styledcomponents.chipTokens.closeIconColor, _styledcomponents.chipTokens.leftContentColor),
-            positive: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.chipTokens.color, _styledcomponents.chipTokens.background, _styledcomponents.chipTokens.colorHover, _styledcomponents.chipTokens.backgroundHover, _styledcomponents.chipTokens.colorActive, _styledcomponents.chipTokens.backgroundActive, _styledcomponents.chipTokens.backgroundReadOnly, _styledcomponents.chipTokens.colorReadOnly, _styledcomponents.chipTokens.backgroundReadOnlyHover, _styledcomponents.chipTokens.colorReadOnlyHover, _styledcomponents.chipTokens.closeIconColor, _styledcomponents.chipTokens.leftContentColor),
-            warning: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.chipTokens.color, _styledcomponents.chipTokens.background, _styledcomponents.chipTokens.colorHover, _styledcomponents.chipTokens.backgroundHover, _styledcomponents.chipTokens.colorActive, _styledcomponents.chipTokens.backgroundActive, _styledcomponents.chipTokens.backgroundReadOnly, _styledcomponents.chipTokens.colorReadOnly, _styledcomponents.chipTokens.backgroundReadOnlyHover, _styledcomponents.chipTokens.colorReadOnlyHover, _styledcomponents.chipTokens.closeIconColor, _styledcomponents.chipTokens.leftContentColor),
-            negative: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.chipTokens.color, _styledcomponents.chipTokens.background, _styledcomponents.chipTokens.colorHover, _styledcomponents.chipTokens.backgroundHover, _styledcomponents.chipTokens.colorActive, _styledcomponents.chipTokens.backgroundActive, _styledcomponents.chipTokens.backgroundReadOnly, _styledcomponents.chipTokens.colorReadOnly, _styledcomponents.chipTokens.backgroundReadOnlyHover, _styledcomponents.chipTokens.colorReadOnlyHover, _styledcomponents.chipTokens.closeIconColor, _styledcomponents.chipTokens.leftContentColor)
+             */ primary: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.chipTokens.color, _styledcomponents.chipTokens.background, _styledcomponents.chipTokens.colorHover, _styledcomponents.chipTokens.backgroundHover, _styledcomponents.chipTokens.colorActive, _styledcomponents.chipTokens.backgroundActive, _styledcomponents.chipTokens.backgroundReadOnly, _styledcomponents.chipTokens.colorReadOnly, _styledcomponents.chipTokens.backgroundReadOnlyHover, _styledcomponents.chipTokens.colorReadOnlyHover, _styledcomponents.chipTokens.closeIconColor, _styledcomponents.chipTokens.closeIconColorHover),
+            secondary: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.chipTokens.color, _styledcomponents.chipTokens.background, _styledcomponents.chipTokens.colorHover, _styledcomponents.chipTokens.backgroundHover, _styledcomponents.chipTokens.colorActive, _styledcomponents.chipTokens.backgroundActive, _styledcomponents.chipTokens.backgroundReadOnly, _styledcomponents.chipTokens.colorReadOnly, _styledcomponents.chipTokens.backgroundReadOnlyHover, _styledcomponents.chipTokens.colorReadOnlyHover, _styledcomponents.chipTokens.closeIconColor, _styledcomponents.chipTokens.closeIconColorHover, _styledcomponents.chipTokens.leftContentColor),
+            accent: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.chipTokens.color, _styledcomponents.chipTokens.background, _styledcomponents.chipTokens.colorHover, _styledcomponents.chipTokens.backgroundHover, _styledcomponents.chipTokens.colorActive, _styledcomponents.chipTokens.backgroundActive, _styledcomponents.chipTokens.backgroundReadOnly, _styledcomponents.chipTokens.colorReadOnly, _styledcomponents.chipTokens.backgroundReadOnlyHover, _styledcomponents.chipTokens.colorReadOnlyHover, _styledcomponents.chipTokens.closeIconColor, _styledcomponents.chipTokens.closeIconColorHover, _styledcomponents.chipTokens.leftContentColor),
+            positive: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.chipTokens.color, _styledcomponents.chipTokens.background, _styledcomponents.chipTokens.colorHover, _styledcomponents.chipTokens.backgroundHover, _styledcomponents.chipTokens.colorActive, _styledcomponents.chipTokens.backgroundActive, _styledcomponents.chipTokens.backgroundReadOnly, _styledcomponents.chipTokens.colorReadOnly, _styledcomponents.chipTokens.backgroundReadOnlyHover, _styledcomponents.chipTokens.colorReadOnlyHover, _styledcomponents.chipTokens.closeIconColor, _styledcomponents.chipTokens.closeIconColorHover, _styledcomponents.chipTokens.leftContentColor),
+            warning: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.chipTokens.color, _styledcomponents.chipTokens.background, _styledcomponents.chipTokens.colorHover, _styledcomponents.chipTokens.backgroundHover, _styledcomponents.chipTokens.colorActive, _styledcomponents.chipTokens.backgroundActive, _styledcomponents.chipTokens.backgroundReadOnly, _styledcomponents.chipTokens.colorReadOnly, _styledcomponents.chipTokens.backgroundReadOnlyHover, _styledcomponents.chipTokens.colorReadOnlyHover, _styledcomponents.chipTokens.closeIconColor, _styledcomponents.chipTokens.closeIconColorHover, _styledcomponents.chipTokens.leftContentColor),
+            negative: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.chipTokens.color, _styledcomponents.chipTokens.background, _styledcomponents.chipTokens.colorHover, _styledcomponents.chipTokens.backgroundHover, _styledcomponents.chipTokens.colorActive, _styledcomponents.chipTokens.backgroundActive, _styledcomponents.chipTokens.backgroundReadOnly, _styledcomponents.chipTokens.colorReadOnly, _styledcomponents.chipTokens.backgroundReadOnlyHover, _styledcomponents.chipTokens.colorReadOnlyHover, _styledcomponents.chipTokens.closeIconColor, _styledcomponents.chipTokens.closeIconColorHover, _styledcomponents.chipTokens.leftContentColor)
         },
         size: {
             l: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.chipTokens.borderRadius, _styledcomponents.chipTokens.pilledBorderRadius, _styledcomponents.chipTokens.width, _styledcomponents.chipTokens.height, _styledcomponents.chipTokens.padding, _styledcomponents.chipTokens.fontFamily, _styledcomponents.chipTokens.fontSize, _styledcomponents.chipTokens.fontStyle, _styledcomponents.chipTokens.fontWeight, _styledcomponents.chipTokens.letterSpacing, _styledcomponents.chipTokens.lineHeight, _styledcomponents.chipTokens.leftContentMarginLeft, _styledcomponents.chipTokens.leftContentMarginRight, _styledcomponents.chipTokens.rightContentMarginLeft, _styledcomponents.chipTokens.rightContentMarginRight, _styledcomponents.chipTokens.clearContentMarginLeft, _styledcomponents.chipTokens.clearContentMarginRight, _styledcomponents.chipTokens.closeIconSize),

package/components/Combobox/Combobox.config.js

@@ -45,6 +45,8 @@ function _templateObject() {
         ": var(--surface-negative);\n                ",
         ": var(--text-tertiary);\n\n                ",
         ": var(--text-secondary);\n                ",
+        ": var(--text-secondary-hover);\n                ",
+        ": var(--text-secondary);\n                ",
         ": var(--text-primary);\n                ",
         ": var(--surface-transparent-secondary);\n                ",
         ": var(--text-primary);\n                ",
@@ -98,6 +100,8 @@ function _templateObject1() {
         ": var(--surface-negative);\n                ",
         ": var(--text-tertiary);\n\n                ",
         ": var(--text-secondary);\n                ",
+        ": var(--text-secondary-hover);\n                ",
+        ": var(--text-secondary);\n                ",
         ": var(--text-primary);\n                ",
         ": var(--surface-transparent-secondary);\n                ",
         ": var(--text-primary);\n                ",
@@ -151,6 +155,8 @@ function _templateObject2() {
         ": var(--surface-negative);\n                ",
         ": var(--text-tertiary);\n\n                ",
         ": var(--text-secondary);\n                ",
+        ": var(--text-secondary-hover);\n                ",
+        ": var(--text-secondary);\n                ",
         ": var(--text-primary);\n                ",
         ": var(--surface-transparent-secondary);\n                ",
         ": var(--text-primary);\n                ",
@@ -204,6 +210,8 @@ function _templateObject3() {
         ": var(--surface-negative);\n                ",
         ": var(--text-tertiary);\n\n                ",
         ": var(--text-secondary);\n                ",
+        ": var(--text-secondary-hover);\n                ",
+        ": var(--text-secondary);\n                ",
         ": var(--text-primary);\n                ",
         ": var(--surface-transparent-secondary);\n                ",
         ": var(--text-primary);\n                ",
@@ -797,10 +805,10 @@ var config = {
     },
     variations: {
         view: {
-            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.comboboxNewTokens.textFieldColor, _styledcomponents.comboboxNewTokens.textFieldClearColor, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColor, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColorFocus, _styledcomponents.comboboxNewTokens.textFieldClearPlaceholderColor, _styledcomponents.comboboxNewTokens.textFieldClearPlaceholderColorFocus, _styledcomponents.comboboxNewTokens.textFieldBackgroundColor, _styledcomponents.comboboxNewTokens.textFieldBackgroundColorFocus, _styledcomponents.comboboxNewTokens.textFieldCaretColor, _styledcomponents.comboboxNewTokens.textFieldTextBeforeColor, _styledcomponents.comboboxNewTokens.textFieldTextAfterColor, _styledcomponents.comboboxNewTokens.textFieldLabelColor, _styledcomponents.comboboxNewTokens.textFieldLeftHelperColor, _styledcomponents.comboboxNewTokens.textFieldFocusColor, _styledcomponents.comboboxNewTokens.textFieldBorderColor, _styledcomponents.comboboxNewTokens.textFieldBorderColorHover, _styledcomponents.comboboxNewTokens.textFieldBorderColorFocus, _styledcomponents.comboboxNewTokens.textFieldContentSlotColor, _styledcomponents.comboboxNewTokens.textFieldContentSlotColorHover, _styledcomponents.comboboxNewTokens.textFieldContentSlotColorActive, _styledcomponents.comboboxNewTokens.textFieldIndicatorColor, _styledcomponents.comboboxNewTokens.textFieldOptionalColor, _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, _styledcomponents.comboboxNewTokens.disclosureIconColor, _styledcomponents.comboboxNewTokens.disclosureIconColorHover, _styledcomponents.comboboxNewTokens.itemBackgroundHover, _styledcomponents.comboboxNewTokens.textFieldHintIconColor, _styledcomponents.comboboxNewTokens.dividerColor, _styledcomponents.comboboxNewTokens.itemIconColor, _styledcomponents.comboboxNewTokens.checkboxFillColor, _styledcomponents.comboboxNewTokens.checkboxIconColor, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderCheckedColor, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderColor),
-            positive: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.comboboxNewTokens.textFieldColor, _styledcomponents.comboboxNewTokens.textFieldClearColor, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColor, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColorFocus, _styledcomponents.comboboxNewTokens.textFieldClearPlaceholderColor, _styledcomponents.comboboxNewTokens.textFieldClearPlaceholderColorFocus, _styledcomponents.comboboxNewTokens.textFieldBackgroundColor, _styledcomponents.comboboxNewTokens.textFieldBackgroundColorFocus, _styledcomponents.comboboxNewTokens.textFieldCaretColor, _styledcomponents.comboboxNewTokens.textFieldTextBeforeColor, _styledcomponents.comboboxNewTokens.textFieldTextAfterColor, _styledcomponents.comboboxNewTokens.textFieldLabelColor, _styledcomponents.comboboxNewTokens.textFieldLeftHelperColor, _styledcomponents.comboboxNewTokens.textFieldFocusColor, _styledcomponents.comboboxNewTokens.textFieldBorderColor, _styledcomponents.comboboxNewTokens.textFieldBorderColorHover, _styledcomponents.comboboxNewTokens.textFieldBorderColorFocus, _styledcomponents.comboboxNewTokens.textFieldContentSlotColor, _styledcomponents.comboboxNewTokens.textFieldContentSlotColorHover, _styledcomponents.comboboxNewTokens.textFieldContentSlotColorActive, _styledcomponents.comboboxNewTokens.textFieldIndicatorColor, _styledcomponents.comboboxNewTokens.textFieldOptionalColor, _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, _styledcomponents.comboboxNewTokens.disclosureIconColor, _styledcomponents.comboboxNewTokens.disclosureIconColorHover, _styledcomponents.comboboxNewTokens.itemBackgroundHover, _styledcomponents.comboboxNewTokens.textFieldHintIconColor, _styledcomponents.comboboxNewTokens.dividerColor, _styledcomponents.comboboxNewTokens.itemIconColor, _styledcomponents.comboboxNewTokens.checkboxFillColor, _styledcomponents.comboboxNewTokens.checkboxIconColor, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderCheckedColor, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderColor),
-            warning: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.comboboxNewTokens.textFieldColor, _styledcomponents.comboboxNewTokens.textFieldClearColor, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColor, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColorFocus, _styledcomponents.comboboxNewTokens.textFieldClearPlaceholderColor, _styledcomponents.comboboxNewTokens.textFieldClearPlaceholderColorFocus, _styledcomponents.comboboxNewTokens.textFieldBackgroundColor, _styledcomponents.comboboxNewTokens.textFieldBackgroundColorFocus, _styledcomponents.comboboxNewTokens.textFieldCaretColor, _styledcomponents.comboboxNewTokens.textFieldTextBeforeColor, _styledcomponents.comboboxNewTokens.textFieldTextAfterColor, _styledcomponents.comboboxNewTokens.textFieldLabelColor, _styledcomponents.comboboxNewTokens.textFieldLeftHelperColor, _styledcomponents.comboboxNewTokens.textFieldFocusColor, _styledcomponents.comboboxNewTokens.textFieldBorderColor, _styledcomponents.comboboxNewTokens.textFieldBorderColorHover, _styledcomponents.comboboxNewTokens.textFieldBorderColorFocus, _styledcomponents.comboboxNewTokens.textFieldContentSlotColor, _styledcomponents.comboboxNewTokens.textFieldContentSlotColorHover, _styledcomponents.comboboxNewTokens.textFieldContentSlotColorActive, _styledcomponents.comboboxNewTokens.textFieldIndicatorColor, _styledcomponents.comboboxNewTokens.textFieldOptionalColor, _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, _styledcomponents.comboboxNewTokens.disclosureIconColor, _styledcomponents.comboboxNewTokens.disclosureIconColorHover, _styledcomponents.comboboxNewTokens.itemBackgroundHover, _styledcomponents.comboboxNewTokens.textFieldHintIconColor, _styledcomponents.comboboxNewTokens.dividerColor, _styledcomponents.comboboxNewTokens.itemIconColor, _styledcomponents.comboboxNewTokens.checkboxFillColor, _styledcomponents.comboboxNewTokens.checkboxIconColor, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderCheckedColor, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderColor),
-            negative: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.comboboxNewTokens.textFieldColor, _styledcomponents.comboboxNewTokens.textFieldClearColor, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColor, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColorFocus, _styledcomponents.comboboxNewTokens.textFieldClearPlaceholderColor, _styledcomponents.comboboxNewTokens.textFieldClearPlaceholderColorFocus, _styledcomponents.comboboxNewTokens.textFieldBackgroundColor, _styledcomponents.comboboxNewTokens.textFieldBackgroundColorFocus, _styledcomponents.comboboxNewTokens.textFieldCaretColor, _styledcomponents.comboboxNewTokens.textFieldTextBeforeColor, _styledcomponents.comboboxNewTokens.textFieldTextAfterColor, _styledcomponents.comboboxNewTokens.textFieldLabelColor, _styledcomponents.comboboxNewTokens.textFieldLeftHelperColor, _styledcomponents.comboboxNewTokens.textFieldFocusColor, _styledcomponents.comboboxNewTokens.textFieldBorderColor, _styledcomponents.comboboxNewTokens.textFieldBorderColorHover, _styledcomponents.comboboxNewTokens.textFieldBorderColorFocus, _styledcomponents.comboboxNewTokens.textFieldContentSlotColor, _styledcomponents.comboboxNewTokens.textFieldContentSlotColorHover, _styledcomponents.comboboxNewTokens.textFieldContentSlotColorActive, _styledcomponents.comboboxNewTokens.textFieldIndicatorColor, _styledcomponents.comboboxNewTokens.textFieldOptionalColor, _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, _styledcomponents.comboboxNewTokens.disclosureIconColor, _styledcomponents.comboboxNewTokens.disclosureIconColorHover, _styledcomponents.comboboxNewTokens.itemBackgroundHover, _styledcomponents.comboboxNewTokens.textFieldHintIconColor, _styledcomponents.comboboxNewTokens.dividerColor, _styledcomponents.comboboxNewTokens.itemIconColor, _styledcomponents.comboboxNewTokens.checkboxFillColor, _styledcomponents.comboboxNewTokens.checkboxIconColor, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderCheckedColor, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderColor)
+            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.comboboxNewTokens.textFieldColor, _styledcomponents.comboboxNewTokens.textFieldClearColor, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColor, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColorFocus, _styledcomponents.comboboxNewTokens.textFieldClearPlaceholderColor, _styledcomponents.comboboxNewTokens.textFieldClearPlaceholderColorFocus, _styledcomponents.comboboxNewTokens.textFieldBackgroundColor, _styledcomponents.comboboxNewTokens.textFieldBackgroundColorFocus, _styledcomponents.comboboxNewTokens.textFieldCaretColor, _styledcomponents.comboboxNewTokens.textFieldTextBeforeColor, _styledcomponents.comboboxNewTokens.textFieldTextAfterColor, _styledcomponents.comboboxNewTokens.textFieldLabelColor, _styledcomponents.comboboxNewTokens.textFieldLeftHelperColor, _styledcomponents.comboboxNewTokens.textFieldFocusColor, _styledcomponents.comboboxNewTokens.textFieldBorderColor, _styledcomponents.comboboxNewTokens.textFieldBorderColorHover, _styledcomponents.comboboxNewTokens.textFieldBorderColorFocus, _styledcomponents.comboboxNewTokens.textFieldContentSlotColor, _styledcomponents.comboboxNewTokens.textFieldContentSlotColorHover, _styledcomponents.comboboxNewTokens.textFieldContentSlotColorActive, _styledcomponents.comboboxNewTokens.textFieldIndicatorColor, _styledcomponents.comboboxNewTokens.textFieldOptionalColor, _styledcomponents.comboboxNewTokens.textFieldChipCloseIconColor, _styledcomponents.comboboxNewTokens.textFieldChipCloseIconColorHover, _styledcomponents.comboboxNewTokens.textFieldChipCloseIconColorReadonly, _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, _styledcomponents.comboboxNewTokens.disclosureIconColor, _styledcomponents.comboboxNewTokens.disclosureIconColorHover, _styledcomponents.comboboxNewTokens.itemBackgroundHover, _styledcomponents.comboboxNewTokens.textFieldHintIconColor, _styledcomponents.comboboxNewTokens.dividerColor, _styledcomponents.comboboxNewTokens.itemIconColor, _styledcomponents.comboboxNewTokens.checkboxFillColor, _styledcomponents.comboboxNewTokens.checkboxIconColor, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderCheckedColor, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderColor),
+            positive: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.comboboxNewTokens.textFieldColor, _styledcomponents.comboboxNewTokens.textFieldClearColor, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColor, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColorFocus, _styledcomponents.comboboxNewTokens.textFieldClearPlaceholderColor, _styledcomponents.comboboxNewTokens.textFieldClearPlaceholderColorFocus, _styledcomponents.comboboxNewTokens.textFieldBackgroundColor, _styledcomponents.comboboxNewTokens.textFieldBackgroundColorFocus, _styledcomponents.comboboxNewTokens.textFieldCaretColor, _styledcomponents.comboboxNewTokens.textFieldTextBeforeColor, _styledcomponents.comboboxNewTokens.textFieldTextAfterColor, _styledcomponents.comboboxNewTokens.textFieldLabelColor, _styledcomponents.comboboxNewTokens.textFieldLeftHelperColor, _styledcomponents.comboboxNewTokens.textFieldFocusColor, _styledcomponents.comboboxNewTokens.textFieldBorderColor, _styledcomponents.comboboxNewTokens.textFieldBorderColorHover, _styledcomponents.comboboxNewTokens.textFieldBorderColorFocus, _styledcomponents.comboboxNewTokens.textFieldContentSlotColor, _styledcomponents.comboboxNewTokens.textFieldContentSlotColorHover, _styledcomponents.comboboxNewTokens.textFieldContentSlotColorActive, _styledcomponents.comboboxNewTokens.textFieldIndicatorColor, _styledcomponents.comboboxNewTokens.textFieldOptionalColor, _styledcomponents.comboboxNewTokens.textFieldChipCloseIconColor, _styledcomponents.comboboxNewTokens.textFieldChipCloseIconColorHover, _styledcomponents.comboboxNewTokens.textFieldChipCloseIconColorReadonly, _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, _styledcomponents.comboboxNewTokens.disclosureIconColor, _styledcomponents.comboboxNewTokens.disclosureIconColorHover, _styledcomponents.comboboxNewTokens.itemBackgroundHover, _styledcomponents.comboboxNewTokens.textFieldHintIconColor, _styledcomponents.comboboxNewTokens.dividerColor, _styledcomponents.comboboxNewTokens.itemIconColor, _styledcomponents.comboboxNewTokens.checkboxFillColor, _styledcomponents.comboboxNewTokens.checkboxIconColor, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderCheckedColor, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderColor),
+            warning: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.comboboxNewTokens.textFieldColor, _styledcomponents.comboboxNewTokens.textFieldClearColor, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColor, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColorFocus, _styledcomponents.comboboxNewTokens.textFieldClearPlaceholderColor, _styledcomponents.comboboxNewTokens.textFieldClearPlaceholderColorFocus, _styledcomponents.comboboxNewTokens.textFieldBackgroundColor, _styledcomponents.comboboxNewTokens.textFieldBackgroundColorFocus, _styledcomponents.comboboxNewTokens.textFieldCaretColor, _styledcomponents.comboboxNewTokens.textFieldTextBeforeColor, _styledcomponents.comboboxNewTokens.textFieldTextAfterColor, _styledcomponents.comboboxNewTokens.textFieldLabelColor, _styledcomponents.comboboxNewTokens.textFieldLeftHelperColor, _styledcomponents.comboboxNewTokens.textFieldFocusColor, _styledcomponents.comboboxNewTokens.textFieldBorderColor, _styledcomponents.comboboxNewTokens.textFieldBorderColorHover, _styledcomponents.comboboxNewTokens.textFieldBorderColorFocus, _styledcomponents.comboboxNewTokens.textFieldContentSlotColor, _styledcomponents.comboboxNewTokens.textFieldContentSlotColorHover, _styledcomponents.comboboxNewTokens.textFieldContentSlotColorActive, _styledcomponents.comboboxNewTokens.textFieldIndicatorColor, _styledcomponents.comboboxNewTokens.textFieldOptionalColor, _styledcomponents.comboboxNewTokens.textFieldChipCloseIconColor, _styledcomponents.comboboxNewTokens.textFieldChipCloseIconColorHover, _styledcomponents.comboboxNewTokens.textFieldChipCloseIconColorReadonly, _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, _styledcomponents.comboboxNewTokens.disclosureIconColor, _styledcomponents.comboboxNewTokens.disclosureIconColorHover, _styledcomponents.comboboxNewTokens.itemBackgroundHover, _styledcomponents.comboboxNewTokens.textFieldHintIconColor, _styledcomponents.comboboxNewTokens.dividerColor, _styledcomponents.comboboxNewTokens.itemIconColor, _styledcomponents.comboboxNewTokens.checkboxFillColor, _styledcomponents.comboboxNewTokens.checkboxIconColor, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderCheckedColor, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderColor),
+            negative: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.comboboxNewTokens.textFieldColor, _styledcomponents.comboboxNewTokens.textFieldClearColor, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColor, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColorFocus, _styledcomponents.comboboxNewTokens.textFieldClearPlaceholderColor, _styledcomponents.comboboxNewTokens.textFieldClearPlaceholderColorFocus, _styledcomponents.comboboxNewTokens.textFieldBackgroundColor, _styledcomponents.comboboxNewTokens.textFieldBackgroundColorFocus, _styledcomponents.comboboxNewTokens.textFieldCaretColor, _styledcomponents.comboboxNewTokens.textFieldTextBeforeColor, _styledcomponents.comboboxNewTokens.textFieldTextAfterColor, _styledcomponents.comboboxNewTokens.textFieldLabelColor, _styledcomponents.comboboxNewTokens.textFieldLeftHelperColor, _styledcomponents.comboboxNewTokens.textFieldFocusColor, _styledcomponents.comboboxNewTokens.textFieldBorderColor, _styledcomponents.comboboxNewTokens.textFieldBorderColorHover, _styledcomponents.comboboxNewTokens.textFieldBorderColorFocus, _styledcomponents.comboboxNewTokens.textFieldContentSlotColor, _styledcomponents.comboboxNewTokens.textFieldContentSlotColorHover, _styledcomponents.comboboxNewTokens.textFieldContentSlotColorActive, _styledcomponents.comboboxNewTokens.textFieldIndicatorColor, _styledcomponents.comboboxNewTokens.textFieldOptionalColor, _styledcomponents.comboboxNewTokens.textFieldChipCloseIconColor, _styledcomponents.comboboxNewTokens.textFieldChipCloseIconColorHover, _styledcomponents.comboboxNewTokens.textFieldChipCloseIconColorReadonly, _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, _styledcomponents.comboboxNewTokens.disclosureIconColor, _styledcomponents.comboboxNewTokens.disclosureIconColorHover, _styledcomponents.comboboxNewTokens.itemBackgroundHover, _styledcomponents.comboboxNewTokens.textFieldHintIconColor, _styledcomponents.comboboxNewTokens.dividerColor, _styledcomponents.comboboxNewTokens.itemIconColor, _styledcomponents.comboboxNewTokens.checkboxFillColor, _styledcomponents.comboboxNewTokens.checkboxIconColor, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderCheckedColor, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderColor)
         },
         size: {
             l: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.comboboxNewTokens.textFieldHeight, _styledcomponents.comboboxNewTokens.textFieldPadding, _styledcomponents.comboboxNewTokens.textFieldPaddingWithChips, _styledcomponents.comboboxNewTokens.textFieldBorderRadius, _styledcomponents.comboboxNewTokens.textFieldBorderWidth, _styledcomponents.comboboxNewTokens.textFieldLeftContentMargin, _styledcomponents.comboboxNewTokens.textFieldRightContentMargin, _styledcomponents.comboboxNewTokens.textFieldRightContentWithHintMargin, _styledcomponents.comboboxNewTokens.textFieldContentRightWrapperGap, _styledcomponents.comboboxNewTokens.textFieldContentRightWrapperMargin, _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.textFieldHintMargin, _styledcomponents.comboboxNewTokens.textFieldHintTargetSize, _styledcomponents.comboboxNewTokens.textFieldHintInnerLabelPlacementOffset, _styledcomponents.comboboxNewTokens.textFieldClearHintInnerLabelPlacementOffset, _styledcomponents.comboboxNewTokens.textFieldLabelInnerPadding, _styledcomponents.comboboxNewTokens.textFieldContentLabelInnerPadding, _styledcomponents.comboboxNewTokens.textFieldIndicatorSizeInner, _styledcomponents.comboboxNewTokens.textFieldIndicatorSizeOuter, _styledcomponents.comboboxNewTokens.textFieldIndicatorLabelPlacementInner, _styledcomponents.comboboxNewTokens.textFieldIndicatorLabelPlacementOuter, _styledcomponents.comboboxNewTokens.textFieldIndicatorLabelPlacementInnerRight, _styledcomponents.comboboxNewTokens.textFieldIndicatorLabelPlacementOuterRight, _styledcomponents.comboboxNewTokens.textFieldClearIndicatorLabelPlacementInner, _styledcomponents.comboboxNewTokens.textFieldClearIndicatorLabelPlacementInnerRight, _styledcomponents.comboboxNewTokens.textFieldClearIndicatorHintInnerRight, _styledcomponents.comboboxNewTokens.textFieldChipGap, _styledcomponents.comboboxNewTokens.textFieldChipBorderRadius, _styledcomponents.comboboxNewTokens.textFieldChipWidth, _styledcomponents.comboboxNewTokens.textFieldChipHeight, _styledcomponents.comboboxNewTokens.textFieldChipPadding, _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.emptyStatePadding, _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.cellPadding, _styledcomponents.comboboxNewTokens.cellPaddingLeftContent, _styledcomponents.comboboxNewTokens.cellPaddingContent, _styledcomponents.comboboxNewTokens.cellPaddingRightContent, _styledcomponents.comboboxNewTokens.cellTextboxGap, _styledcomponents.comboboxNewTokens.cellGap, _styledcomponents.comboboxNewTokens.cellTitleFontFamily, _styledcomponents.comboboxNewTokens.cellTitleFontSize, _styledcomponents.comboboxNewTokens.cellTitleFontStyle, _styledcomponents.comboboxNewTokens.cellTitleFontWeight, _styledcomponents.comboboxNewTokens.cellTitleLetterSpacing, _styledcomponents.comboboxNewTokens.cellTitleLineHeight, _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.checkboxTriggerBorderWidth, _styledcomponents.comboboxNewTokens.indicatorSize, _styledcomponents.comboboxNewTokens.dividerMarginTop, _styledcomponents.comboboxNewTokens.dividerMarginRight, _styledcomponents.comboboxNewTokens.dividerMarginBottom, _styledcomponents.comboboxNewTokens.dividerMarginLeft, _styledcomponents.comboboxNewTokens.dividerMarginTopTight, _styledcomponents.comboboxNewTokens.dividerMarginBottomTight),

package/components/Combobox/Combobox.d.ts

@@ -76,6 +76,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     targetAmount?: never;
     renderValue?: never;
     selectAllOptions?: never;
+    chipClickArea?: never;
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
     hintText: string;
     hintTrigger?: "hover" | "click";
@@ -131,6 +132,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     targetAmount?: never;
     renderValue?: never;
     selectAllOptions?: never;
+    chipClickArea?: never;
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
     hintTrigger?: never;
     hintText?: never;
@@ -186,6 +188,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     targetAmount?: never;
     renderValue?: never;
     selectAllOptions?: never;
+    chipClickArea?: never;
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
     hintText: string;
     hintTrigger?: "hover" | "click";
@@ -241,6 +244,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     targetAmount?: never;
     renderValue?: never;
     selectAllOptions?: never;
+    chipClickArea?: never;
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
     hintTrigger?: never;
     hintText?: never;
@@ -296,6 +300,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     targetAmount?: number;
     renderValue?: ((item: ComboboxItemOption) => string) | undefined;
     selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
+    chipClickArea?: "full" | "close-icon";
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
     hintText: string;
     hintTrigger?: "hover" | "click";
@@ -351,6 +356,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     targetAmount?: number;
     renderValue?: ((item: ComboboxItemOption) => string) | undefined;
     selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
+    chipClickArea?: "full" | "close-icon";
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
     hintTrigger?: never;
     hintText?: never;
@@ -406,6 +412,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     targetAmount?: number;
     renderValue?: ((item: ComboboxItemOption) => string) | undefined;
     selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
+    chipClickArea?: "full" | "close-icon";
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
     hintText: string;
     hintTrigger?: "hover" | "click";
@@ -461,6 +468,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     targetAmount?: number;
     renderValue?: ((item: ComboboxItemOption) => string) | undefined;
     selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
+    chipClickArea?: "full" | "close-icon";
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
     hintTrigger?: never;
     hintText?: never;
@@ -516,6 +524,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     targetAmount?: never;
     renderValue?: never;
     selectAllOptions?: never;
+    chipClickArea?: never;
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
     hintText: string;
     hintTrigger?: "hover" | "click";
@@ -571,6 +580,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     targetAmount?: never;
     renderValue?: never;
     selectAllOptions?: never;
+    chipClickArea?: never;
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
     hintTrigger?: never;
     hintText?: never;
@@ -626,6 +636,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     targetAmount?: never;
     renderValue?: never;
     selectAllOptions?: never;
+    chipClickArea?: never;
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
     hintText: string;
     hintTrigger?: "hover" | "click";
@@ -681,6 +692,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     targetAmount?: never;
     renderValue?: never;
     selectAllOptions?: never;
+    chipClickArea?: never;
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
     hintTrigger?: never;
     hintText?: never;
@@ -736,6 +748,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     targetAmount?: number;
     renderValue?: ((item: ComboboxItemOption) => string) | undefined;
     selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
+    chipClickArea?: "full" | "close-icon";
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
     hintText: string;
     hintTrigger?: "hover" | "click";
@@ -791,6 +804,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     targetAmount?: number;
     renderValue?: ((item: ComboboxItemOption) => string) | undefined;
     selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
+    chipClickArea?: "full" | "close-icon";
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
     hintTrigger?: never;
     hintText?: never;
@@ -846,6 +860,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     targetAmount?: number;
     renderValue?: ((item: ComboboxItemOption) => string) | undefined;
     selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
+    chipClickArea?: "full" | "close-icon";
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
     hintText: string;
     hintTrigger?: "hover" | "click";
@@ -901,6 +916,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     targetAmount?: number;
     renderValue?: ((item: ComboboxItemOption) => string) | undefined;
     selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
+    chipClickArea?: "full" | "close-icon";
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
     hintTrigger?: never;
     hintText?: never;
@@ -956,6 +972,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     targetAmount?: never;
     renderValue?: never;
     selectAllOptions?: never;
+    chipClickArea?: never;
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
     hintText: string;
     hintTrigger?: "hover" | "click";
@@ -1011,6 +1028,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     targetAmount?: never;
     renderValue?: never;
     selectAllOptions?: never;
+    chipClickArea?: never;
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
     hintTrigger?: never;
     hintText?: never;
@@ -1066,6 +1084,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     targetAmount?: never;
     renderValue?: never;
     selectAllOptions?: never;
+    chipClickArea?: never;
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
     hintText: string;
     hintTrigger?: "hover" | "click";
@@ -1121,6 +1140,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     targetAmount?: never;
     renderValue?: never;
     selectAllOptions?: never;
+    chipClickArea?: never;
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
     hintTrigger?: never;
     hintText?: never;
@@ -1176,6 +1196,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     targetAmount?: number;
     renderValue?: ((item: ComboboxItemOption) => string) | undefined;
     selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
+    chipClickArea?: "full" | "close-icon";
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
     hintText: string;
     hintTrigger?: "hover" | "click";
@@ -1231,6 +1252,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     targetAmount?: number;
     renderValue?: ((item: ComboboxItemOption) => string) | undefined;
     selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
+    chipClickArea?: "full" | "close-icon";
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
     hintTrigger?: never;
     hintText?: never;
@@ -1286,6 +1308,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     targetAmount?: number;
     renderValue?: ((item: ComboboxItemOption) => string) | undefined;
     selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
+    chipClickArea?: "full" | "close-icon";
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
     hintText: string;
     hintTrigger?: "hover" | "click";
@@ -1341,6 +1364,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     targetAmount?: number;
     renderValue?: ((item: ComboboxItemOption) => string) | undefined;
     selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").SelectAllProps;
+    chipClickArea?: "full" | "close-icon";
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
     hintTrigger?: never;
     hintText?: never;

package/components/DatePicker/DatePicker.d.ts

@@ -78,13 +78,13 @@ export declare const DatePickerRange: import("react").FunctionComponent<import("
         };
     }) => void;
 } & {
+    size?: string | undefined;
+    disabled?: boolean | undefined;
     label?: string | undefined;
     view?: string | undefined;
-    disabled?: boolean | undefined;
-    autoComplete?: string | undefined;
     readOnly?: boolean | undefined;
     required?: boolean | undefined;
-    size?: string | undefined;
+    autoComplete?: string | undefined;
     contentLeft?: React.ReactNode;
     contentRight?: React.ReactNode;
     leftHelper?: string | undefined;