@salutejs/plasma-new-hope 0.135.0-canary.1404.10631789671.0 → 0.135.0-canary.1406.10630457005.0

package/styled-components/es/examples/plasma_b2c/components/Combobox/ComboboxOld/Combobox.stories.tsx

@@ -0,0 +1,254 @@
+import React, { useState } from 'react';
+import type { ComponentProps } from 'react';
+import type { Meta, StoryObj } from '@storybook/react';
+import { action } from '@storybook/addon-actions';
+
+import { mergeConfig } from '../../../../../engines';
+import { Checkbox } from '../../Checkbox/Checkbox';
+import { comboboxOldConfig } from '../../../../../components/Combobox';
+import { WithTheme, argTypesFromConfig } from '../../../../_helpers';
+import { IconDone } from '../../../../../components/_Icon';
+
+import { Combobox, ComboboxDivider, ComboboxItem } from './Combobox';
+import { config } from './Combobox.config';
+
+const placements: Array<string> = ['top', 'bottom', 'right', 'left', 'auto'];
+const enumerations: Array<string> = ['comma', 'chip'];
+
+type ComboboxPrimitiveValue = string | number | boolean;
+
+type StorySelectPropsCustom = {
+    skidding?: number;
+    distance?: number;
+};
+
+type StorySelectProps = ComponentProps<typeof Combobox> & StorySelectPropsCustom;
+
+const meta: Meta<StorySelectProps> = {
+    title: 'plasma_b2c/ComboboxOld',
+    decorators: [WithTheme],
+    component: Combobox,
+    argTypes: {
+        placement: {
+            options: placements,
+            control: {
+                type: 'select',
+            },
+        },
+        enumerationType: {
+            options: enumerations,
+            control: {
+                type: 'select',
+            },
+        },
+        ...argTypesFromConfig(mergeConfig(comboboxOldConfig, config)),
+    },
+    args: {
+        usePortal: false,
+        disabled: false,
+        readOnly: false,
+        label: 'Label',
+        placeholder: 'Placeholder',
+        enumerationType: 'comma',
+        size: 'm',
+        view: 'default',
+        placement: 'bottom',
+    },
+};
+
+export default meta;
+
+const onChangeAction = action('onChange');
+
+const iconDoneToSelectSizeMap: Record<string, 'xs' | 's'> = {
+    xs: 'xs',
+    s: 's',
+    m: 's',
+    l: 's',
+};
+
+const checkboxToSelectSizeMap: Record<string, 's' | 'm'> = {
+    xs: 's',
+    s: 'm',
+    m: 'm',
+    l: 'm',
+};
+
+const getSelectItems = (slug: string, elemCount: number) =>
+    [...Array(elemCount).keys()].map((num) => ({
+        value: `${slug}_${num}`,
+        child: `${slug} ${num}`,
+    }));
+
+const StorySingle = (args: StorySelectProps) => {
+    const { usePortal, placement, label, placeholder, readOnly, disabled, size = 'm', view } = args;
+
+    const [value, setValue] = useState<ComboboxPrimitiveValue | undefined>('item_0');
+
+    const onChangeValue = (newValue?: ComboboxPrimitiveValue) => {
+        setValue(newValue);
+        onChangeAction(newValue);
+    };
+
+    return (
+        <div style={{ width: '50%' }}>
+            <Combobox
+                frame="theme-root"
+                usePortal={usePortal}
+                valueType="single"
+                value={value}
+                placement={placement}
+                label={label}
+                placeholder={placeholder}
+                size={size}
+                view={view}
+                disabled={disabled}
+                readOnly={readOnly}
+                onChangeValue={onChangeValue}
+            >
+                <ComboboxItem value={undefined} text="Clear" />
+                {getSelectItems('item', 6).map((item) => (
+                    <ComboboxItem
+                        key={item.value}
+                        contentLeft={
+                            item.value === value ? (
+                                <IconDone size={iconDoneToSelectSizeMap[size]} color="inherit" />
+                            ) : undefined
+                        }
+                        value={item.value}
+                        text={item.child}
+                    />
+                ))}
+            </Combobox>
+        </div>
+    );
+};
+
+export const Single: StoryObj<StorySelectProps> = {
+    render: (args) => <StorySingle {...args} />,
+};
+
+const StoryMultiple = (args: StorySelectProps) => {
+    const { usePortal, placement, label, placeholder, readOnly, disabled, enumerationType, size = 'm', view } = args;
+
+    const [value, setValue] = useState<Array<ComboboxPrimitiveValue> | undefined>(['item_2', 'item_3']);
+
+    const onChangeValue = (newValue?: Array<ComboboxPrimitiveValue>) => {
+        setValue(newValue);
+        onChangeAction(newValue);
+    };
+
+    return (
+        <div style={{ width: '50%' }}>
+            <Combobox
+                frame="theme-root"
+                usePortal={usePortal}
+                valueType="multiple"
+                enumerationType={enumerationType}
+                value={value}
+                placement={placement}
+                label={label}
+                placeholder={placeholder}
+                size={size}
+                view={view}
+                disabled={disabled}
+                readOnly={readOnly}
+                onChangeValue={onChangeValue}
+            >
+                <ComboboxItem value={undefined} text="Clear" />
+                {getSelectItems('item', 6).map((item) => (
+                    <ComboboxItem
+                        key={item.value}
+                        contentLeft={<Checkbox size={checkboxToSelectSizeMap[size]} />}
+                        value={item.value}
+                        text={item.child}
+                    />
+                ))}
+            </Combobox>
+        </div>
+    );
+};
+
+export const Multiple: StoryObj<StorySelectProps> = {
+    render: (args) => <StoryMultiple {...args} />,
+};
+
+const StoryAddCustomItem = (args: StorySelectProps) => {
+    const { usePortal, placement, label, placeholder, readOnly, disabled, size = 'm', view } = args;
+
+    const [opened, setOpened] = useState(false);
+    const [items, setItems] = useState(getSelectItems('item', 1));
+    const [value, setValue] = useState<ComboboxPrimitiveValue | undefined>('item_0');
+
+    const onChangeValue = (newValue?: ComboboxPrimitiveValue) => {
+        setValue(newValue);
+        onChangeAction(newValue);
+    };
+
+    const onToggle = (openValue: boolean) => setOpened(openValue);
+
+    const onKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {
+        const { code } = event;
+
+        if (code === 'Enter') {
+            const newValue = (event.target as HTMLInputElement).value;
+            const newItems = [...items];
+
+            if (newItems.find((item) => item.child === newValue)) {
+                return;
+            }
+
+            newItems.push({
+                value: `${newValue}_`,
+                child: (newValue || '').toString(),
+            });
+
+            setOpened(false);
+            setItems(newItems);
+        }
+    };
+
+    const filterFunction = () => true;
+
+    return (
+        <div style={{ width: '50%' }}>
+            <Combobox
+                frame="theme-root"
+                usePortal={usePortal}
+                valueType="single"
+                value={value}
+                placement={placement}
+                label={label}
+                placeholder={placeholder}
+                size={size}
+                view={view}
+                disabled={disabled}
+                readOnly={readOnly}
+                opened={opened}
+                onToggle={onToggle}
+                onChangeValue={onChangeValue}
+                onKeyDown={onKeyDown}
+                filterFunction={filterFunction}
+            >
+                <ComboboxItem value={undefined} text="Clear" />
+                <ComboboxDivider />
+                {items.map((item) => (
+                    <ComboboxItem
+                        key={item.value}
+                        contentLeft={
+                            item.value === value ? (
+                                <IconDone size={iconDoneToSelectSizeMap[size]} color="inherit" />
+                            ) : undefined
+                        }
+                        value={item.value}
+                        text={item.child}
+                    />
+                ))}
+            </Combobox>
+        </div>
+    );
+};
+
+export const AddCustomItem: StoryObj<StorySelectProps> = {
+    render: (args) => <StoryAddCustomItem {...args} />,
+};

package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx

@@ -47,12 +47,6 @@ const meta: Meta = {
                 type: 'date',
             },
         },
-        lang: {
-            options: ['ru', 'en'],
-            control: {
-                type: 'inline-radio',
-            },
-        },
     },
 };
 
@@ -69,8 +63,6 @@ const StoryDefault = ({
     valueError,
     valueSuccess,
     size,
-    lang,
-    format,
     ...rest
 }: StoryPropsDefault) => {
     const [isOpen, setIsOpen] = useState(false);
@@ -91,8 +83,6 @@ const StoryDefault = ({
             onChangeValue={(e, currentValue) => {
                 onChangeValue(e, currentValue);
             }}
-            lang={lang}
-            format={format}
             onCommitDate={() => setIsOpen(false)}
             {...rest}
         />
@@ -112,12 +102,6 @@ export const Default: StoryObj<StoryPropsDefault> = {
                 type: 'inline-radio',
             },
         },
-        format: {
-            options: ['DD.MM.YYYY', 'DD MMMM YYYY'],
-            control: {
-                type: 'select',
-            },
-        },
     },
     args: {
         label: 'Лейбл',
@@ -137,8 +121,6 @@ export const Default: StoryObj<StoryPropsDefault> = {
         enableContentRight: true,
         valueError: false,
         valueSuccess: false,
-        lang: 'ru',
-        format: 'DD.MM.YYYY',
     },
     render: (args) => <StoryDefault {...args} />,
 };
@@ -248,12 +230,6 @@ export const Range: StoryObj<StoryPropsRange> = {
                 type: 'inline-radio',
             },
         },
-        format: {
-            options: ['DD.MM.YYYY', 'DD MMMM YYYY'],
-            control: {
-                type: 'select',
-            },
-        },
     },
     args: {
         label: 'Лейбл',
@@ -280,9 +256,6 @@ export const Range: StoryObj<StoryPropsRange> = {
         enableSecondTextfieldContentLeft: false,
         enableSecondTextfieldContentRight: false,
 
-        lang: 'ru',
-        format: 'DD.MM.YYYY',
-
         firstValueError: false,
         firstValueSuccess: false,
         secondValueError: false,
@@ -348,12 +321,6 @@ export const Deferred: StoryObj<StoryPropsDefault> = {
                 type: 'inline-radio',
             },
         },
-        format: {
-            options: ['DD.MM.YYYY', 'DD MMMM YYYY'],
-            control: {
-                type: 'select',
-            },
-        },
     },
     args: {
         label: 'Лейбл',

package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx

@@ -47,12 +47,6 @@ const meta: Meta = {
                 type: 'date',
             },
         },
-        lang: {
-            options: ['ru', 'en'],
-            control: {
-                type: 'inline-radio',
-            },
-        },
     },
 };
 
@@ -69,8 +63,6 @@ const StoryDefault = ({
     valueError,
     valueSuccess,
     size,
-    lang,
-    format,
     ...rest
 }: StoryPropsDefault) => {
     const [isOpen, setIsOpen] = useState(false);
@@ -91,8 +83,6 @@ const StoryDefault = ({
             onChangeValue={(e, currentValue) => {
                 onChangeValue(e, currentValue);
             }}
-            lang={lang}
-            format={format}
             onCommitDate={() => setIsOpen(false)}
             {...rest}
         />
@@ -112,12 +102,6 @@ export const Default: StoryObj<StoryPropsDefault> = {
                 type: 'inline-radio',
             },
         },
-        format: {
-            options: ['DD.MM.YYYY', 'DD MMMM YYYY'],
-            control: {
-                type: 'select',
-            },
-        },
     },
     args: {
         label: 'Лейбл',
@@ -125,7 +109,6 @@ export const Default: StoryObj<StoryPropsDefault> = {
         placeholder: '30.05.2024',
         size: 'l',
         view: 'default',
-        labelPlacement: 'outer',
         defaultDate: new Date(2024, 5, 14),
         min: new Date(2024, 1, 1),
         max: new Date(2024, 12, 29),
@@ -137,8 +120,6 @@ export const Default: StoryObj<StoryPropsDefault> = {
         enableContentRight: true,
         valueError: false,
         valueSuccess: false,
-        lang: 'ru',
-        format: 'DD.MM.YYYY',
     },
     render: (args) => <StoryDefault {...args} />,
 };
@@ -248,12 +229,6 @@ export const Range: StoryObj<StoryPropsRange> = {
                 type: 'inline-radio',
             },
         },
-        format: {
-            options: ['DD.MM.YYYY', 'DD MMMM YYYY'],
-            control: {
-                type: 'select',
-            },
-        },
     },
     args: {
         label: 'Лейбл',
@@ -280,9 +255,6 @@ export const Range: StoryObj<StoryPropsRange> = {
         enableSecondTextfieldContentLeft: false,
         enableSecondTextfieldContentRight: false,
 
-        lang: 'ru',
-        format: 'DD.MM.YYYY',
-
         firstValueError: false,
         firstValueSuccess: false,
         secondValueError: false,
@@ -348,12 +320,6 @@ export const Deferred: StoryObj<StoryPropsDefault> = {
                 type: 'inline-radio',
             },
         },
-        format: {
-            options: ['DD.MM.YYYY', 'DD MMMM YYYY'],
-            control: {
-                type: 'select',
-            },
-        },
     },
     args: {
         label: 'Лейбл',

package/styled-components/es/hooks/useOutsideClick.js

@@ -1,10 +1,15 @@
 import { useEffect, useRef } from 'react';
-export var useOutsideClick = function useOutsideClick(callback) {
+export var useOutsideClick = function useOutsideClick(callback, secondaryRef) {
   var ref = useRef(null);
   useEffect(function () {
     var handleClickOutside = function handleClickOutside(event) {
-      if (ref.current && !ref.current.contains(event.target)) {
-        callback();
+      if (ref.current && !ref.current.contains(event.target)
+      // secondaryRef.current &&
+      // !secondaryRef.current.contains(event.target as Node)
+      ) {
+        if (!(secondaryRef !== null && secondaryRef !== void 0 && secondaryRef.current) || secondaryRef.current && !secondaryRef.current.contains(event.target)) {
+          callback();
+        }
       }
     };
     document.addEventListener('mouseup', handleClickOutside);

package/styled-components/es/utils/datejs.js

@@ -2,8 +2,6 @@ import dayjs from 'dayjs';
 import customParseFormat from 'dayjs/plugin/customParseFormat';
 import quarterOfYear from 'dayjs/plugin/quarterOfYear';
 import advancedFormat from 'dayjs/plugin/advancedFormat';
-import 'dayjs/locale/ru';
-import 'dayjs/locale/en';
 dayjs.extend(customParseFormat);
 dayjs.extend(quarterOfYear);
 dayjs.extend(advancedFormat);

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

@@ -0,0 +1,31 @@
+import React from 'react';
+import { RootProps } from '../../../engines';
+import type { ItemContext, ComboboxProps } from './Combobox.types';
+export declare const Context: React.Context<ItemContext>;
+/**
+ * Поле ввода с выпадающим списком и возможностью фильтрации и выбора элементов.
+ */
+export declare const comboboxRoot: (Root: RootProps<HTMLInputElement, Omit<ComboboxProps, 'items'>>) => React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLInputElement>>;
+export declare const comboboxConfig: {
+    name: string;
+    tag: string;
+    layout: (Root: RootProps<HTMLInputElement, Omit<ComboboxProps, 'items'>>) => React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLInputElement>>;
+    base: import("@linaria/core").LinariaClassName;
+    variations: {
+        view: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+        size: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+        readOnly: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+    };
+    defaults: {
+        view: string;
+        size: string;
+        labelPlacement: string;
+    };
+};
+//# sourceMappingURL=Combobox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4F,MAAM,OAAO,CAAC;AAIjH,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAoB7C,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAKnE,eAAO,MAAM,OAAO,4BAAgD,CAAC;AAErE;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,UAAU,gBAAgB,EAAE,KAAK,aAAa,EAAE,OAAO,CAAC,CAAC,2FAmWtF,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBArWQ,UAAU,gBAAgB,EAAE,KAAK,aAAa,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;CA4X3F,CAAC"}

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { ComboboxProps } from './Combobox.types';
+export declare const Ul: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLUListElement> & import("react").HTMLAttributes<HTMLUListElement> & {
+    listOverflow?: ComboboxProps['listOverflow'];
+    listHeight?: ComboboxProps['listHeight'];
+    listWidth?: ComboboxProps['listWidth'];
+    isInnerUl?: boolean | undefined;
+}>;
+export declare const IconArrowWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const StyledArrow: import("@linaria/react").StyledMeta & import("react").FC<import("../../_Icon/IconRoot").IconProps>;
+export declare const base: import("@linaria/core").LinariaClassName;
+//# sourceMappingURL=Combobox.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.styles.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,eAAO,MAAM,EAAE;mBACI,aAAa,CAAC,cAAc,CAAC;iBAC/B,aAAa,CAAC,YAAY,CAAC;gBAC5B,aAAa,CAAC,WAAW,CAAC;;EAezC,CAAC;AAEF,eAAO,MAAM,gBAAgB,qKAO5B,CAAC;AAEF,eAAO,MAAM,WAAW,oGAAuC,CAAC;AAEhE,eAAO,MAAM,IAAI,0CAAQ,CAAC"}

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

@@ -0,0 +1,167 @@
+export declare const classes: {
+    dropdownItemIsFocused: string;
+    dropdownItemIsDisabled: string;
+    dropdownItemIsActive: string;
+    selectTargetArrow: string;
+    arrowInverse: string;
+    textfieldTarget: string;
+    selectChipIsFocused: string;
+    selectWithoutBoxShadow: string;
+    selectItemCheckbox: string;
+    selectSpinner: string;
+};
+export declare const tokens: {
+    borderRadius: string;
+    padding: string;
+    focusOffset: string;
+    fontFamily: string;
+    fontSize: string;
+    fontStyle: string;
+    fontWeight: string;
+    fontLetterSpacing: string;
+    fontLineHeight: string;
+    itemHeight: string;
+    itemBorderRadius: string;
+    itemPadding: string;
+    itemPaddingTight: string;
+    itemIconSize: string;
+    itemIconSizeTight: string;
+    itemIconMargin: string;
+    cellPadding: string;
+    cellPaddingLeftContent: string;
+    cellPaddingContent: string;
+    cellPaddingRightContent: string;
+    cellTextboxGap: string;
+    cellGap: string;
+    cellTitleFontFamily: string;
+    cellTitleFontSize: string;
+    cellTitleFontStyle: string;
+    cellTitleFontWeight: string;
+    cellTitleLetterSpacing: string;
+    cellTitleLineHeight: string;
+    checkboxTriggerSize: string;
+    checkboxTriggerSizeTight: string;
+    checkboxTriggerBorderRadius: string;
+    checkboxTriggerBorderRadiusTight: string;
+    checkboxFillColor: string;
+    checkboxIconColor: string;
+    checkboxTriggerBorderColor: string;
+    indicatorSize: string;
+    targetHeight: string;
+    textFieldColor: string;
+    textFieldBackgroundColor: string;
+    textFieldBackgroundColorHover: string;
+    textFieldBackgroundColorFocus: string;
+    textFieldBorderColor: string;
+    textFieldBorderColorHover: string;
+    textFieldBorderColorFocus: string;
+    textFieldColorReadOnly: string;
+    textFieldBackgroundColorReadOnly: string;
+    textFieldBorderColorReadOnly: string;
+    textFieldPlaceholderColorReadOnly: string;
+    textFieldCaretColor: string;
+    textFieldPlaceholderColor: string;
+    textFieldHeight: string;
+    textFieldBorderWidth: string;
+    textFieldBorderRadius: string;
+    textFieldPadding: string;
+    textFieldPaddingWithChips: string;
+    textFieldLeftContentMargin: string;
+    textFieldRightContentMargin: string;
+    textFieldFontFamily: string;
+    textFieldFontStyle: string;
+    textFieldFontSize: string;
+    textFieldFontWeight: string;
+    textFieldLetterSpacing: string;
+    textFieldLineHeight: string;
+    textFieldLabelColor: string;
+    textFieldLabelColorReadOnly: string;
+    textFieldLabelOffset: string;
+    textFieldLabelFontFamily: string;
+    textFieldLabelFontStyle: string;
+    textFieldLabelFontSize: string;
+    textFieldLabelFontWeight: string;
+    textFieldLabelLetterSpacing: string;
+    textFieldLabelLineHeight: string;
+    textFieldLabelInnerFontFamily: string;
+    textFieldLabelInnerFontStyle: string;
+    textFieldLabelInnerFontSize: string;
+    textFieldLabelInnerFontWeight: string;
+    textFieldLabelInnerLetterSpacing: string;
+    textFieldLabelInnerLineHeight: string;
+    textFieldLabelInnerPadding: string;
+    textFieldContentLabelInnerPadding: string;
+    textFieldLeftHelperColor: string;
+    textFieldLeftHelperColorReadOnly: string;
+    textFieldLeftHelperOffset: string;
+    textFieldLeftHelperFontFamily: string;
+    textFieldLeftHelperFontStyle: string;
+    textFieldLeftHelperFontSize: string;
+    textFieldLeftHelperFontWeight: string;
+    textFieldLeftHelperLetterSpacing: string;
+    textFieldLeftHelperLineHeight: string;
+    textFieldTextBeforeColor: string;
+    textFieldTextAfterColor: string;
+    textFieldTextBeforeMargin: string;
+    textFieldTextAfterMargin: string;
+    textFieldDisabledOpacity: string;
+    textFieldFocusColor: string;
+    textFieldChipCloseIconColor: string;
+    textFieldChipColor: string;
+    textFieldChipBackground: string;
+    textFieldChipColorHover: string;
+    textFieldChipBackgroundHover: string;
+    textFieldChipColorActive: string;
+    textFieldChipBackgroundActive: string;
+    textFieldChipBackgroundReadOnly: string;
+    textFieldChipColorReadOnly: string;
+    textFieldChipBackgroundReadOnlyHover: string;
+    textFieldChipColorReadOnlyHover: string;
+    textFieldChipOpacityReadonly: string;
+    textFieldChipGap: string;
+    textFieldChipBorderRadius: string;
+    textFieldChipWidth: string;
+    textFieldChipHeight: string;
+    textFieldChipPaddingRight: string;
+    textFieldChipPaddingLeft: string;
+    textFieldChipClearContentMarginLeft: string;
+    textFieldChipClearContentMarginRight: string;
+    textFieldChipCloseIconSize: string;
+    textFieldChipFontFamily: string;
+    textFieldChipFontSize: string;
+    textFieldChipFontStyle: string;
+    textFieldChipFontWeight: string;
+    textFieldChipLetterSpacing: string;
+    textFieldChipLineHeight: string;
+    labelOffset: string;
+    innerLabelGap: string;
+    helperTextColor: string;
+    helperTextOffset: string;
+    spinnerSize: string;
+    spinnerSizeTight: string;
+};
+export declare const constants: {
+    focusColor: string;
+    focusSize: string;
+    background: string;
+    boxShadow: string;
+    disclosureIconColor: string;
+    disclosureIconColorHover: string;
+    itemBackground: string;
+    itemBackgroundHover: string;
+    textfieldTargetColor: string;
+    textfieldOuterLabelColor: string;
+    textfieldInnerLabelColor: string;
+    textfieldPlaceholderColor: string;
+    textfieldBorderSize: string;
+    opacity: string;
+    fontFamily: string;
+    fontSize: string;
+    fontStyle: string;
+    fontWeight: string;
+    fontLetterSpacing: string;
+    fontLineHeight: string;
+    cellTitleColor: string;
+    cellBackgroundColor: string;
+};
+//# sourceMappingURL=Combobox.tokens.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.tokens.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;CAWnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6IlB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;CAuBrB,CAAC"}