@salutejs/plasma-new-hope 0.89.0-canary.1233.9546931519.0 → 0.89.0-dev.0

package/styled-components/es/examples/plasma_web/components/Sheet/Sheet.config.js

@@ -0,0 +1,12 @@
+import { css } from 'styled-components';
+import { sheetTokens } from '../../../../components/Sheet';
+export var config = {
+  defaults: {
+    view: 'default'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/css(["", ":var(--overlay-soft);", ":var(--overlay-blur);", ":var(--surface-solid-card);", ":var(--surface-solid-tertiary);"], sheetTokens.sheetOverlayColor, sheetTokens.sheetOverlayWithBlurColor, sheetTokens.contentBackgroundColor, sheetTokens.handleBackgroundColor)
+    }
+  }
+};

package/styled-components/es/examples/plasma_web/components/Sheet/Sheet.js

@@ -0,0 +1,6 @@
+import { sheetConfig } from '../../../../components/Sheet';
+import { component, mergeConfig } from '../../../../engines';
+import { config } from './Sheet.config';
+export { sheetClasses } from '../../../../components/Sheet';
+var mergedConfig = /*#__PURE__*/mergeConfig(sheetConfig, config);
+export var Sheet = /*#__PURE__*/component(mergedConfig);

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

@@ -0,0 +1,341 @@
+import React, { useState } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+import type { ComponentProps } from 'react';
+import styled from 'styled-components';
+
+import { Button } from '../Button/Button';
+import { WithTheme } from '../../../_helpers';
+import { Body } from '../../../typograpy/components/Body/Body';
+
+import { Sheet } from './Sheet';
+
+const meta: Meta<typeof Sheet> = {
+    title: 'plasma_web/Sheet',
+    decorators: [WithTheme],
+    args: {
+        withBlur: false,
+        withOverlay: true,
+        withTransition: true,
+        hasHandle: true,
+        isHeaderFixed: false,
+        isFooterFixed: false,
+    },
+};
+
+export default meta;
+
+type StorySheetProps = ComponentProps<typeof Sheet> & {
+    storyHasHeader: boolean;
+    storyHasFooter: boolean;
+};
+
+const StyledBody = styled(Body)`
+    padding-bottom: 300px;
+`;
+
+const StoryDefault = ({
+    withOverlay,
+    withTransition,
+    storyHasFooter,
+    isFooterFixed,
+    storyHasHeader,
+    isHeaderFixed,
+    hasHandle,
+    withBlur,
+}: StorySheetProps) => {
+    const [opened, setOpened] = useState(false);
+
+    return (
+        <>
+            <Button onClick={() => setOpened(true)}>Открыть</Button>
+            <Sheet
+                opened={opened}
+                withOverlay={withOverlay}
+                withTransition={withTransition}
+                onClose={() => setOpened(false)}
+                hasHandle={hasHandle}
+                withBlur={withBlur}
+                contentHeader={
+                    storyHasHeader ? (
+                        <div>
+                            <h4>header</h4>
+                        </div>
+                    ) : undefined
+                }
+                isHeaderFixed={isHeaderFixed}
+                contentFooter={
+                    storyHasFooter ? (
+                        <div>
+                            <p>footer</p>
+                        </div>
+                    ) : undefined
+                }
+                isFooterFixed={isFooterFixed}
+            >
+                <StyledBody>body</StyledBody>
+            </Sheet>
+        </>
+    );
+};
+
+export const Default: StoryObj<StorySheetProps> = {
+    args: {
+        storyHasHeader: true,
+        storyHasFooter: true,
+    },
+    render: (args) => <StoryDefault {...args} />,
+};
+
+const StoryWithoutOverlay = () => {
+    const [opened, setOpened] = useState(false);
+
+    return (
+        <>
+            <Button onClick={() => setOpened(true)}>Открыть</Button>
+            <Sheet opened={opened} withOverlay={false} onClose={() => setOpened(false)}>
+                <StyledBody>
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam
+                    consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel illum ea
+                    fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos nostrum
+                    placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt ullam,
+                    dolorem labore quaerat vero maxime ab ipsa nihil.
+                </StyledBody>
+            </Sheet>
+        </>
+    );
+};
+
+export const WithoutOverlay: StoryObj = {
+    render: () => <StoryWithoutOverlay />,
+};
+
+const StoryWithScroll = ({
+    withOverlay,
+    withTransition,
+    storyHasFooter,
+    isFooterFixed,
+    storyHasHeader,
+    isHeaderFixed,
+    hasHandle,
+    withBlur,
+}: StorySheetProps) => {
+    const [opened, setOpened] = useState(false);
+
+    return (
+        <>
+            <Button onClick={() => setOpened(true)}>Открыть</Button>
+            <Sheet
+                opened={opened}
+                withOverlay={withOverlay}
+                withTransition={withTransition}
+                onClose={() => setOpened(false)}
+                hasHandle={hasHandle}
+                withBlur={withBlur}
+                contentHeader={
+                    storyHasHeader ? (
+                        <div>
+                            <h4>header</h4>
+                        </div>
+                    ) : undefined
+                }
+                isHeaderFixed={isHeaderFixed}
+                contentFooter={
+                    storyHasFooter ? (
+                        <div>
+                            <p>footer</p>
+                        </div>
+                    ) : undefined
+                }
+                isFooterFixed={isFooterFixed}
+            >
+                <Body>
+                    <Button onClick={() => setOpened(false)}>Закрыть</Button>
+                    <p>
+                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam
+                        consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel
+                        illum ea fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos
+                        nostrum placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt
+                        ullam, dolorem labore quaerat vero maxime ab ipsa nihil.
+                    </p>
+                    <Button onClick={() => setOpened(false)}>Закрыть</Button>
+                    <p>
+                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam
+                        consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel
+                        illum ea fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos
+                        nostrum placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt
+                        ullam, dolorem labore quaerat vero maxime ab ipsa nihil.
+                    </p>
+                </Body>
+            </Sheet>
+        </>
+    );
+};
+
+export const WithScroll: StoryObj<StorySheetProps> = {
+    args: {
+        storyHasHeader: true,
+        storyHasFooter: true,
+    },
+    render: (args) => <StoryWithScroll {...args} />,
+};
+
+const StoryWithInsideScroll = ({
+    withOverlay,
+    withTransition,
+    storyHasFooter,
+    isFooterFixed,
+    storyHasHeader,
+    isHeaderFixed,
+    hasHandle,
+    withBlur,
+}: StorySheetProps) => {
+    const [opened, setOpened] = useState(false);
+
+    return (
+        <>
+            <Button onClick={() => setOpened(true)}>Открыть</Button>
+            <Sheet
+                opened={opened}
+                withOverlay={withOverlay}
+                withTransition={withTransition}
+                onClose={() => setOpened(false)}
+                hasHandle={hasHandle}
+                withBlur={withBlur}
+                contentHeader={
+                    storyHasHeader ? (
+                        <div>
+                            <h4>header</h4>
+                        </div>
+                    ) : undefined
+                }
+                isHeaderFixed={isHeaderFixed}
+                contentFooter={
+                    storyHasFooter ? (
+                        <div>
+                            <p>footer</p>
+                        </div>
+                    ) : undefined
+                }
+                isFooterFixed={isFooterFixed}
+            >
+                <p>Вложенные кнопки</p>
+                <div
+                    style={{
+                        height: '150px',
+                        overflow: 'scroll',
+                        display: 'flex',
+                        flexDirection: 'column',
+                        gap: '1rem',
+                    }}
+                >
+                    <Button>Кнопка 1</Button>
+                    <Button>Кнопка 2</Button>
+                    <Button>Кнопка 3</Button>
+                    <Button>Кнопка 4</Button>
+                    <Button>Кнопка 5</Button>
+                    <Button>Кнопка 6</Button>
+                    <Button>Кнопка 7</Button>
+                    <Button>Кнопка 8</Button>
+                </div>
+                <Body>Lorem ipsum dolor sit amet consectetur adipisicing elit.</Body>
+            </Sheet>
+        </>
+    );
+};
+
+export const WithInsideScroll: StoryObj<StorySheetProps> = {
+    args: {
+        storyHasHeader: true,
+        storyHasFooter: true,
+    },
+    render: (args) => <StoryWithInsideScroll {...args} />,
+};
+
+const StoryWithDoubleScroll = ({
+    withOverlay,
+    withTransition,
+    storyHasFooter,
+    isFooterFixed,
+    storyHasHeader,
+    isHeaderFixed,
+    hasHandle,
+    withBlur,
+}: StorySheetProps) => {
+    const [opened, setOpened] = useState(false);
+
+    return (
+        <>
+            <Button onClick={() => setOpened(true)}>Открыть</Button>
+            <Sheet
+                opened={opened}
+                withOverlay={withOverlay}
+                withTransition={withTransition}
+                onClose={() => setOpened(false)}
+                hasHandle={hasHandle}
+                withBlur={withBlur}
+                contentHeader={
+                    storyHasHeader ? (
+                        <div>
+                            <h4>header</h4>
+                        </div>
+                    ) : undefined
+                }
+                isHeaderFixed={isHeaderFixed}
+                contentFooter={
+                    storyHasFooter ? (
+                        <div>
+                            <p>footer</p>
+                        </div>
+                    ) : undefined
+                }
+                isFooterFixed={isFooterFixed}
+            >
+                <Body>
+                    <Button onClick={() => setOpened(false)}>Закрыть</Button>
+                    <p>Вложенные кнопки</p>
+                    <div
+                        style={{
+                            height: '150px',
+                            overflow: 'scroll',
+                            display: 'flex',
+                            flexDirection: 'column',
+                            gap: '1rem',
+                        }}
+                    >
+                        <Button>Кнопка 1</Button>
+                        <Button>Кнопка 2</Button>
+                        <Button>Кнопка 3</Button>
+                        <Button>Кнопка 4</Button>
+                        <Button>Кнопка 5</Button>
+                        <Button>Кнопка 6</Button>
+                        <Button>Кнопка 7</Button>
+                        <Button>Кнопка 8</Button>
+                    </div>
+                    <p>
+                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam
+                        consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel
+                        illum ea fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos
+                        nostrum placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt
+                        ullam, dolorem labore quaerat vero maxime ab ipsa nihil.
+                    </p>
+                    <Button onClick={() => setOpened(false)}>Закрыть</Button>
+                    <p>
+                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam
+                        consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel
+                        illum ea fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos
+                        nostrum placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt
+                        ullam, dolorem labore quaerat vero maxime ab ipsa nihil.
+                    </p>
+                </Body>
+            </Sheet>
+        </>
+    );
+};
+
+export const WithDoubleScroll: StoryObj<StorySheetProps> = {
+    args: {
+        storyHasHeader: true,
+        storyHasFooter: true,
+    },
+    render: (args) => <StoryWithDoubleScroll {...args} />,
+};

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

@@ -2,5 +2,4 @@ export { useUniqId } from './useUniqId';
 export { usePreviousValue } from './usePreviousValue';
 export { useForceUpdate } from './useForceUpdate';
 export { useDidMountEffect } from './useDidMountEffect';
-export { useOutsideClick } from './useOutsideClick';
 export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';

package/styled-components/es/index.js

@@ -46,6 +46,7 @@ export * from './components/Progress';
 export * from './components/Select';
 export * from './components/Divider';
 export * from './components/Toolbar';
+export * from './components/Sheet';
 export * from './components/Slider';
 export * from './components/Range';
 export * from './components/Accordion';

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

@@ -3,7 +3,6 @@ export { extractTextFrom } from './extractTextFrom';
 export { getSizeValueFromProp } from './getSizeValueFromProp';
 export { IS_REACT_18, safeUseId } from './react';
 export { isNumber } from './isNumber';
-export { isEmpty } from './isEmpty';
 export var cx = function cx() {
   for (var _len = arguments.length, classes = new Array(_len), _key = 0; _key < _len; _key++) {
     classes[_key] = arguments[_key];

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

@@ -17,8 +17,6 @@ export declare const tokens: {
     focusColor: string;
     outlineSize: string;
     closeIconColor: string;
-    closeIconColorHover: string;
-    closeIconColorActive: string;
     borderRadius: string;
     pilledBorderRadius: string;
     width: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Chip.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4ClB,CAAC"}
+{"version":3,"file":"Chip.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0ClB,CAAC"}

package/types/components/Combobox/hooks/index.d.ts

@@ -1,3 +1,2 @@
 export { useFocusController } from './useFocusController';
-export { useKeyNavigation, Keys } from './useKeyNavigation';
 //# sourceMappingURL=index.d.ts.map

package/types/components/Combobox/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}

package/types/components/Combobox/ui/ComboboxTarget/ComboboxTarget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxTarget.d.ts","sourceRoot":"","sources":["../../../../../src/components/Combobox/ui/ComboboxTarget/ComboboxTarget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAkB5D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAYlE;;GAEG;AACH,eAAO,MAAM,cAAc,8FAoM1B,CAAC"}
+{"version":3,"file":"ComboboxTarget.d.ts","sourceRoot":"","sources":["../../../../../src/components/Combobox/ui/ComboboxTarget/ComboboxTarget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAmB5D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAYlE;;GAEG;AACH,eAAO,MAAM,cAAc,8FAoM1B,CAAC"}

package/types/components/Combobox/utils/index.d.ts

@@ -1,16 +1,4 @@
 import React from 'react';
-import type { ElementType, ReactNode, ReactElement } from 'react';
-import { SelectPrimitiveValue, ValueType, SelectValue } from '../Select.types';
-import type { ComboboxItemProps } from '../ui/ComboboxItem/ComboboxItem.type';
+import type { ElementType, ReactNode } from 'react';
 export declare const getValidComponent: (element: ElementType | ReactNode, props: object) => string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
-declare type NewSelectedFunc = {
-    (selected?: undefined | null, newValue?: undefined | null, type?: undefined | null): undefined;
-    (selected?: SelectPrimitiveValue, newValue?: SelectPrimitiveValue, type?: ValueType): SelectPrimitiveValue;
-    (selected?: Array<SelectPrimitiveValue>, newValue?: SelectPrimitiveValue, type?: ValueType): Array<SelectPrimitiveValue>;
-};
-export declare const getNewSelected: NewSelectedFunc;
-export declare const getValues: (items: ReactElement[], value?: SelectValue | undefined, result?: Array<Array<string>>) => string[][];
-export declare const updatePropsRecursively: (children?: React.ReactElement<ComboboxItemProps, string | React.JSXElementConstructor<any>>[] | undefined, externalProps?: Record<string, any> | undefined, value?: SelectValue | undefined, search?: string | undefined, filterFunction?: ((childText: string, filterValue?: string | undefined) => boolean) | undefined) => ReactNode[];
-export declare const getChildren: (children: ReactElement<ComboboxItemProps>[], externalProps: Record<string, any>, value?: SelectValue | undefined, search?: string | undefined, filterFunction?: (text: string, filterValue?: string) => boolean) => React.ReactNode[];
-export {};
 //# sourceMappingURL=index.d.ts.map

package/types/components/Combobox/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/utils/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAc,YAAY,EAAE,MAAM,OAAO,CAAC;AAE9E,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC/E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AAM9E,eAAO,MAAM,iBAAiB,YAAa,WAAW,GAAG,SAAS,SAAS,MAAM,qFAYhF,CAAC;AAEF,aAAK,eAAe,GAAG;IACnB,CAAC,QAAQ,CAAC,EAAE,SAAS,GAAG,IAAI,EAAE,QAAQ,CAAC,EAAE,SAAS,GAAG,IAAI,EAAE,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/F,CAAC,QAAQ,CAAC,EAAE,oBAAoB,EAAE,QAAQ,CAAC,EAAE,oBAAoB,EAAE,IAAI,CAAC,EAAE,SAAS,GAAG,oBAAoB,CAAC;IAC3G,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,EAAE,QAAQ,CAAC,EAAE,oBAAoB,EAAE,IAAI,CAAC,EAAE,SAAS,GAAG,KAAK,CAC9F,oBAAoB,CACvB,CAAC;CACL,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,eAuB5B,CAAC;AAUF,eAAO,MAAM,SAAS,UAAW,YAAY,EAAE,4CAA+B,MAAM,MAAM,MAAM,CAAC,CAAC,eAiCjG,CAAC;AAOF,eAAO,MAAM,sBAAsB,2PAKF,MAAM,uCAA2B,OAAO,kBACtE,SAAS,EAuCN,CAAC;AAIP,eAAO,MAAM,WAAW,aACV,aAAa,iBAAiB,CAAC,EAAE,iBAC5B,OAAO,MAAM,EAAE,GAAG,CAAC,wFAJD,MAAM,wDAc1C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/utils/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMpD,eAAO,MAAM,iBAAiB,YAAa,WAAW,GAAG,SAAS,SAAS,MAAM,qFAYhF,CAAC"}

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

@@ -12,38 +12,24 @@ export declare const tokens: {
     borderRadius: string;
     padding: string;
     disclosureIconColor: string;
-    disabledOpacity: string;
-    focusColor: string;
     itemBackground: string;
-    itemBackgroundHover: string;
-    itemBackgroundSelected: string;
-    itemBackgroundSelectedHover: string;
     itemColor: string;
-    itemColorSelected: string;
-    itemColorSelectedHover: string;
+    itemBackgroundHover: string;
     itemBorderRadius: string;
-    itemWidth: string;
-    itemHeight: string;
-    itemMarginTop: string;
-    itemMarginRight: string;
-    itemMarginBottom: string;
-    itemMarginLeft: string;
     itemPaddingTop: string;
     itemPaddingTopTight: string;
     itemPaddingRight: string;
     itemPaddingBottom: string;
     itemPaddingBottomTight: string;
     itemPaddingLeft: string;
-    itemContentLeftWidth: string;
-    itemContentLeftColor: string;
-    itemContentRightWidth: string;
-    itemContentRightColor: string;
     itemFontFamily: string;
     itemFontSize: string;
     itemFontStyle: string;
     itemFontWeightBold: string;
     itemFontLetterSpacing: string;
     itemFontLineHeight: string;
+    disabledOpacity: string;
+    focusColor: string;
     footerBackground: string;
     footerWidth: string;
     footerHeight: string;
@@ -111,5 +97,19 @@ export declare const tokens: {
     groupLabelMarginRight: string;
     groupLabelMarginBottom: string;
     groupLabelMarginLeft: string;
+    itemBackgroundSelected: string;
+    itemColorSelected: string;
+    itemBackgroundSelectedHover: string;
+    itemColorSelectedHover: string;
+    itemContentLeftColor: string;
+    itemContentRightColor: string;
+    itemWidth: string;
+    itemHeight: string;
+    itemMarginTop: string;
+    itemMarginRight: string;
+    itemMarginBottom: string;
+    itemMarginLeft: string;
+    itemContentLeftWidth: string;
+    itemContentRightWidth: string;
 };
 //# sourceMappingURL=Dropdown.tokens.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgHlB,CAAC"}
+{"version":3,"file":"Dropdown.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmHlB,CAAC"}

package/types/components/Dropdown/Dropdown.types.d.ts

@@ -71,21 +71,25 @@ export interface DropdownProps extends HTMLAttributes<HTMLDivElement> {
      * @default normal
      */
     variant?: 'normal' | 'tight';
+    /**
+     * Обработчик клика по item.
+     * @deprecated использовать onItemSelect.
+     */
+    onItemClick?: (item: DropdownItemOption, event: SyntheticEvent) => void;
     /**
      * Значение css overflow для выпадающего меню.
+     * @default initial
+     * @deprecated
      * @example listOverflow="scroll"
      */
     listOverflow?: CSSProperties['overflow'];
     /**
      * Значение css height для выпадающего меню.
+     * @default initial
+     * @deprecated
      * @example listHeight="11", listHeight="auto", listHeight={11}
      */
     listHeight?: number | CSSProperties['height'];
-    /**
-     * Обработчик клика по item.
-     * @deprecated использовать onItemSelect.
-     */
-    onItemClick?: (item: DropdownItemOption, event: SyntheticEvent) => void;
     /**
      * Индекс элемента при наведении
      * @deprecated использовать onHover

package/types/components/Dropdown/Dropdown.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.types.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEtF,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAEzE,oBAAY,sBAAsB,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AACzE,oBAAY,iBAAiB,GAAG,sBAAsB,GAAG,MAAM,CAAC;AAEhE,oBAAY,eAAe,GAAG,OAAO,GAAG,OAAO,CAAC;AAEhD,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,kBAAkB,CAAC,CAAC;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,EAAE,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IACzE;;;OAGG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,iBAAiB,GAAG,KAAK,CAAC,sBAAsB,CAAC,CAAC;IAC9D;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACnC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,GAAG,KAAK,KAAK,IAAI,CAAC;IACpE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC7B;;;OAGG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACzC;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC;IAE9C;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,EAAE,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IACxE;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,oBAAY,sBAAsB,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC"}
+{"version":3,"file":"Dropdown.types.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEtF,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAEzE,oBAAY,sBAAsB,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AACzE,oBAAY,iBAAiB,GAAG,sBAAsB,GAAG,MAAM,CAAC;AAEhE,oBAAY,eAAe,GAAG,OAAO,GAAG,OAAO,CAAC;AAEhD,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,kBAAkB,CAAC,CAAC;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,EAAE,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IACzE;;;OAGG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,iBAAiB,GAAG,KAAK,CAAC,sBAAsB,CAAC,CAAC;IAC9D;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACnC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,GAAG,KAAK,KAAK,IAAI,CAAC;IACpE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC7B;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,EAAE,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IACxE;;;;;OAKG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACzC;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC9C;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,oBAAY,sBAAsB,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC"}

package/types/components/Pagination/Pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAG/D,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAW1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAS1D,eAAO,MAAM,cAAc,SAAU,UAAU,cAAc,EAAE,eAAe,CAAC,2FA4K1E,CAAC;AAEN,eAAO,MAAM,gBAAgB;;;mBA9KQ,UAAU,cAAc,EAAE,eAAe,CAAC;;;;;;;;;;;;;;;;;CAkM9E,CAAC"}
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAG/D,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAW1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAS1D,eAAO,MAAM,cAAc,SAAU,UAAU,cAAc,EAAE,eAAe,CAAC,2FAoK1E,CAAC;AAEN,eAAO,MAAM,gBAAgB;;;mBAtKQ,UAAU,cAAc,EAAE,eAAe,CAAC;;;;;;;;;;;;;;;;;CA0L9E,CAAC"}

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

@@ -17,18 +17,12 @@ export declare const tokens: {
     paginationWidth: string;
     paginationColor: string;
     buttonBackgroundColor: string;
-    buttonBackgroundColorHover: string;
-    buttonBackgroundColorActive: string;
     buttonColor: string;
-    buttonColorHover: string;
-    buttonColorActive: string;
+    buttonHoverBackgroundColor: string;
     buttonHoverColor: string;
+    buttonActiveBackgroundColor: string;
     buttonActiveColor: string;
     buttonFocusColor: string;
-    buttonArrowColor: string;
-    buttonArrowColorHover: string;
-    buttonArrowColorActive: string;
-    buttonArrowMargin: string;
     paginationCurrentButtonBackgroundColor: string;
     paginationCurrentButtonColor: string;
     paginationCurrentButtonHoverBackgroundColor: string;
@@ -49,18 +43,26 @@ export declare const tokens: {
     paginationFontWeight: string;
     paginationLetterSpacing: string;
     paginationLineHeight: string;
+    selectWidth: string;
     selectHeight: string;
     selectPaddingTop: string;
     selectPaddingRight: string;
     selectPaddingBottom: string;
     selectPaddingLeft: string;
     selectBackgroundColor: string;
+    selectItemWidth: string;
     selectItemHeight: string;
-    selectItemPadding: string;
+    selectItemPaddingTop: string;
+    selectItemPaddingRight: string;
+    selectItemPaddingBottom: string;
+    selectItemPaddingLeft: string;
     selectItemContentLeftWidth: string;
     selectItemBackground: string;
     selectTargetArrowRight: string;
+    selectTargetWidth: string;
     selectTargetPadding: string;
+    selectTargetPaddingHasChips: string;
+    selectTargetPaddingWithInput: string;
     selectTargetInnerTop: string;
     selectTargetLabelInnerTop: string;
     inputBackgroundColor: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;CAmBnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmElB,CAAC"}
+{"version":3,"file":"Pagination.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;CAmBnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqElB,CAAC"}

package/types/components/Pagination/Pagination.types.d.ts

@@ -1,4 +1,4 @@
-import type { CSSProperties, HTMLAttributes, ReactNode } from 'react';
+import type { HTMLAttributes, ReactNode } from 'react';
 import type { AsProps, NumericRange, CreateArrayWithLengthX } from '../../types';
 export declare type PaginationTypes = 'compact' | 'default';
 export declare type CustomPaginationProps = {
@@ -22,11 +22,6 @@ export declare type CustomPaginationProps = {
     placeholderQuickJump?: string;
     textQuickJump?: string;
     textPerPage?: string;
-    /**
-     * Значение css width для выпадающего списка.
-     * @example width="200px"
-     */
-    listWidth?: CSSProperties['width'];
     onChangePageValue?: (page?: number) => void;
     onChangePerPageValue?: (perpage?: number) => void;
 };

package/types/components/Pagination/Pagination.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.types.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAKjF,oBAAY,eAAe,GAAG,SAAS,GAAG,SAAS,CAAC;AAEpD,oBAAY,qBAAqB,GAAG;IAIhC,IAAI,CAAC,EAAE,MAAM,CAAC;IAKd,eAAe,CAAC,EAAE,MAAM,CAAC;IAKzB,WAAW,CAAC,EAAE,SAAS,CAAC;IAKxB,YAAY,CAAC,EAAE,SAAS,CAAC;IAKzB,IAAI,CAAC,EAAE,eAAe,CAAC;IAKvB,IAAI,CAAC,EAAE,MAAM,CAAC;IAKd,KAAK,CAAC,EAAE,MAAM,CAAC;IAKf,KAAK,CAAC,EAAE,MAAM,CAAC;IAKf,YAAY,CAAC,EAAE,OAAO,CAAC;IAKvB,UAAU,CAAC,EAAE,OAAO,CAAC;IAKrB,OAAO,CAAC,EAAE,MAAM,CAAC;IAKjB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IAKvB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IAKzB,KAAK,CAAC,EAAE,YAAY,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAKpD,MAAM,CAAC,EAAE,OAAO,CAAC;IAKjB,MAAM,CAAC,EAAE,OAAO,CAAC;IAKjB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAK/B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAK9B,aAAa,CAAC,EAAE,MAAM,CAAC;IAKvB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAKnC,iBAAiB,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,oBAAoB,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,qBAAqB;CAAG"}
+{"version":3,"file":"Pagination.types.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAKjF,oBAAY,eAAe,GAAG,SAAS,GAAG,SAAS,CAAC;AAEpD,oBAAY,qBAAqB,GAAG;IAIhC,IAAI,CAAC,EAAE,MAAM,CAAC;IAKd,eAAe,CAAC,EAAE,MAAM,CAAC;IAKzB,WAAW,CAAC,EAAE,SAAS,CAAC;IAKxB,YAAY,CAAC,EAAE,SAAS,CAAC;IAKzB,IAAI,CAAC,EAAE,eAAe,CAAC;IAKvB,IAAI,CAAC,EAAE,MAAM,CAAC;IAKd,KAAK,CAAC,EAAE,MAAM,CAAC;IAKf,KAAK,CAAC,EAAE,MAAM,CAAC;IAKf,YAAY,CAAC,EAAE,OAAO,CAAC;IAKvB,UAAU,CAAC,EAAE,OAAO,CAAC;IAKrB,OAAO,CAAC,EAAE,MAAM,CAAC;IAKjB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IAKvB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IAKzB,KAAK,CAAC,EAAE,YAAY,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAKpD,MAAM,CAAC,EAAE,OAAO,CAAC;IAKjB,MAAM,CAAC,EAAE,OAAO,CAAC;IAKjB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAK/B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAK9B,aAAa,CAAC,EAAE,MAAM,CAAC;IAKvB,WAAW,CAAC,EAAE,MAAM,CAAC;IAKrB,iBAAiB,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,oBAAoB,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,qBAAqB;CAAG"}

package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationSelectPerPage.d.ts","sourceRoot":"","sources":["../../../../../src/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,iCAAiC,CAAC;AAGpF,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAgC1E,CAAC"}
+{"version":3,"file":"PaginationSelectPerPage.d.ts","sourceRoot":"","sources":["../../../../../src/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAOxC,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,iCAAiC,CAAC;AAQpF,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAmC1E,CAAC"}