torgbox-ui 1.0.8 → 1.0.9

package/dist/src/Inputs/Button/Icon.stories.js

@@ -1,196 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import StarIcon from '../../assets/img/star.svg';
-import { Button } from './Button';
-const meta = {
-    title: 'Inputs/Button/Icon Button',
-    component: Button,
-    tags: ['autodocs'],
-    args: {
-        size: 'large',
-        label: '',
-        iconComponent: _jsx(StarIcon, {})
-    },
-    argTypes: {
-        iconComponent: {
-            table: {
-                disable: true
-            }
-        }
-    }
-};
-export default meta;
-export const IconFilled = {
-    args: {
-        variant: 'filled',
-    },
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12655-13214&mode=dev',
-        },
-    },
-};
-export const IconFilledLoading = {
-    args: {
-        variant: 'filled',
-        state: 'loading',
-    },
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12655-13222&mode=dev',
-        },
-    },
-};
-export const IconFilledDisable = {
-    args: {
-        variant: 'filled',
-        state: 'disabled',
-    },
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12655-13220&mode=dev',
-        },
-    },
-};
-export const IconOutlinedColor = {
-    args: {
-        variant: 'outlined-color',
-    },
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12655-13358&mode=dev',
-        },
-    },
-};
-export const IconOutlinedColorLoading = {
-    args: {
-        variant: 'outlined-color',
-        state: 'loading',
-    },
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12655-13366&mode=dev',
-        },
-    },
-};
-export const IconOutlinedColorDisable = {
-    args: {
-        variant: 'outlined-color',
-        state: 'disabled',
-    },
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12655-13364&mode=dev',
-        },
-    },
-};
-export const IconOutlinedNeutral = {
-    args: {
-        variant: 'outlined-neutral',
-    },
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12655-17223&mode=dev',
-        },
-    },
-};
-export const IconOutlinedNeutralLoading = {
-    args: {
-        variant: 'outlined-neutral',
-        state: 'loading',
-    },
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12655-17231&mode=dev',
-        },
-    },
-};
-export const IconOutlinedNeutralDisable = {
-    args: {
-        variant: 'outlined-neutral',
-        state: 'disabled',
-    },
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12655-17229&mode=dev',
-        },
-    },
-};
-export const IconClearColor = {
-    args: {
-        variant: 'clear-color',
-    },
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12655-13502&mode=dev',
-        },
-    },
-};
-export const IconClearColorLoading = {
-    args: {
-        variant: 'clear-color',
-        state: 'loading',
-    },
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12655-13510&mode=dev',
-        },
-    },
-};
-export const IconClearColorDisable = {
-    args: {
-        variant: 'clear-color',
-        state: 'disabled',
-    },
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12655-13508&mode=dev',
-        },
-    },
-};
-export const IconClearNeutral = {
-    args: {
-        variant: 'clear-neutral',
-    },
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12655-17397&mode=dev',
-        },
-    },
-};
-export const IconClearNeutralLoading = {
-    args: {
-        variant: 'clear-neutral',
-        state: 'loading',
-    },
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12655-17405&mode=dev',
-        },
-    },
-};
-export const IconClearNeutralDisable = {
-    args: {
-        variant: 'clear-neutral',
-        state: 'disabled',
-    },
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12655-17403&mode=dev',
-        },
-    },
-};

package/dist/src/Inputs/Checkbox/Checkbox.stories.d.ts

@@ -1,11 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { type ICheckbox } from './Checkbox';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj<ICheckbox>;
-export declare const CheckboxUnchecked: Story;
-export declare const CheckboxChecked: Story;
-export declare const CheckboxPartialChecked: Story;
-export declare const CheckboxUncheckedDisabled: Story;
-export declare const CheckboxCheckedDisabled: Story;
-export declare const CheckboxPartialCheckedDisabled: Story;

package/dist/src/Inputs/Checkbox/Checkbox.stories.js

@@ -1,108 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useArgs } from '@storybook/preview-api';
-import { Checkbox } from './Checkbox';
-const meta = {
-    title: 'Inputs/Checkbox',
-    component: Checkbox,
-    tags: ['autodocs'],
-};
-export default meta;
-export const CheckboxUnchecked = {
-    args: {
-        label: 'Default'
-    },
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/design/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?node-id=12655-17694&t=rfir0dAEMEVmjV7l-4',
-        },
-    },
-    render: function Render(args) {
-        const { checked } = args;
-        const [, updateArgs] = useArgs();
-        const onClick = () => {
-            updateArgs({ checked: !checked });
-        };
-        return _jsx(Checkbox, { ...args, onClick: onClick, checked: checked });
-    },
-};
-export const CheckboxChecked = {
-    args: {
-        label: 'Default',
-        checked: true,
-    },
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/design/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?node-id=12655-17694&t=rfir0dAEMEVmjV7l-4',
-        },
-    },
-    render: function Render(args) {
-        const { checked } = args;
-        const [, updateArgs] = useArgs();
-        const onClick = () => {
-            updateArgs({ checked: !checked });
-        };
-        return _jsx(Checkbox, { ...args, onClick: onClick, checked: checked });
-    },
-};
-export const CheckboxPartialChecked = {
-    args: {
-        label: 'Default',
-        checked: true,
-        partial: true,
-    },
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/design/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?node-id=12655-17694&t=rfir0dAEMEVmjV7l-4',
-        },
-    },
-    render: function Render(args) {
-        const { checked } = args;
-        const [, updateArgs] = useArgs();
-        const onClick = () => {
-            updateArgs({ checked: !checked });
-        };
-        return _jsx(Checkbox, { ...args, onClick: onClick, checked: checked });
-    },
-};
-export const CheckboxUncheckedDisabled = {
-    args: {
-        label: 'Default',
-        disabled: true,
-    },
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/design/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?node-id=12655-17694&t=rfir0dAEMEVmjV7l-4',
-        },
-    },
-};
-export const CheckboxCheckedDisabled = {
-    args: {
-        label: 'Default',
-        checked: true,
-        disabled: true,
-    },
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/design/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?node-id=12655-17694&t=rfir0dAEMEVmjV7l-4',
-        },
-    },
-};
-export const CheckboxPartialCheckedDisabled = {
-    args: {
-        label: 'Default',
-        checked: true,
-        disabled: true,
-        partial: true
-    },
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/design/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?node-id=12655-17694&t=rfir0dAEMEVmjV7l-4',
-        },
-    },
-};

package/dist/src/Inputs/EmailField/EmailField.stories.d.ts

@@ -1,8 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import type { ITextField } from '../TextField';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj<ITextField>;
-export declare const EmailFieldInactive: Story;
-export declare const EmailFieldError: Story;
-export declare const EmailFieldWithValue: Story;

package/dist/src/Inputs/EmailField/EmailField.stories.js

@@ -1,43 +0,0 @@
-import { EmailField } from './EmailField';
-const meta = {
-    title: 'Inputs/EmailField',
-    component: EmailField,
-    tags: ['autodocs'],
-    args: {
-        onValidated: () => { },
-        onTextValid: () => { }
-    }
-};
-export default meta;
-export const EmailFieldInactive = {
-    args: {},
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12786-37420&mode=design&t=MwY0ZkqOcH13bkKn-4',
-        },
-    },
-};
-export const EmailFieldError = {
-    args: {
-        state: 'error',
-        errorMessage: 'Some error'
-    },
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12786-37436&mode=design&t=H9AcJSW51fS3aPiW-4',
-        },
-    },
-};
-export const EmailFieldWithValue = {
-    args: {
-        value: 'some@email.com',
-    },
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12786-37428&mode=design&t=H9AcJSW51fS3aPiW-4',
-        },
-    },
-};

package/dist/src/Inputs/InnField/InnField.stories.d.ts

@@ -1,8 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import type { ITextField } from '../TextField';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj<ITextField>;
-export declare const InnFieldInactive: Story;
-export declare const InnFieldError: Story;
-export declare const InnFieldWithValue: Story;

package/dist/src/Inputs/InnField/InnField.stories.js

@@ -1,43 +0,0 @@
-import { InnField } from './InnField';
-const meta = {
-    title: 'Inputs/InnField',
-    component: InnField,
-    tags: ['autodocs'],
-    args: {
-        onValidated: () => { },
-        onTextValid: () => { }
-    }
-};
-export default meta;
-export const InnFieldInactive = {
-    args: {},
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12816-23279&mode=design&t=wnKZYt4uc5mLPiqN-4',
-        }
-    }
-};
-export const InnFieldError = {
-    args: {
-        state: 'error',
-        errorMessage: 'Some error'
-    },
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12816-23279&mode=design&t=wnKZYt4uc5mLPiqN-4',
-        },
-    },
-};
-export const InnFieldWithValue = {
-    args: {
-        value: '1024120485',
-    },
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12816-23279&mode=design&t=wnKZYt4uc5mLPiqN-4',
-        },
-    },
-};

package/dist/src/Inputs/NameField/NameField.stories.d.ts

@@ -1,8 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import type { ITextField } from '../TextField';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj<ITextField>;
-export declare const NameFieldInactive: Story;
-export declare const NameFieldError: Story;
-export declare const NameFieldWithValue: Story;

package/dist/src/Inputs/NameField/NameField.stories.js

@@ -1,43 +0,0 @@
-import { NameField } from './NameField';
-const meta = {
-    title: 'Inputs/NameField',
-    component: NameField,
-    tags: ['autodocs'],
-    args: {
-        onValidated: () => { },
-        onTextValid: () => { }
-    }
-};
-export default meta;
-export const NameFieldInactive = {
-    args: {},
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12786-34704&mode=design&t=H9AcJSW51fS3aPiW-4',
-        },
-    },
-};
-export const NameFieldError = {
-    args: {
-        state: 'error',
-        errorMessage: 'Some error'
-    },
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12786-36350&mode=design&t=H9AcJSW51fS3aPiW-4',
-        },
-    },
-};
-export const NameFieldWithValue = {
-    args: {
-        value: 'Константин',
-    },
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12786-34760&mode=design&t=H9AcJSW51fS3aPiW-4',
-        },
-    },
-};

package/dist/src/Inputs/OtpInput/OtpInput.stories.d.ts

@@ -1,8 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { type IOtpInput } from './OtpInput';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj<IOtpInput>;
-export declare const OtpInputDefault: Story;
-export declare const OtpInputError: Story;
-export declare const OtpInputWithValue: Story;

package/dist/src/Inputs/OtpInput/OtpInput.stories.js

@@ -1,52 +0,0 @@
-import { userEvent, within } from '@storybook/test';
-import { OtpInput } from './OtpInput';
-const meta = {
-    title: 'Inputs/OtpInput',
-    component: OtpInput,
-    tags: ['autodocs'],
-    args: {
-        length: 6
-    },
-    argTypes: {
-        length: {
-            control: 'text',
-        }
-    }
-};
-export default meta;
-export const OtpInputDefault = {
-    args: {},
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12659-13838&mode=design&t=5Wp3lAOqtDnPV63y-4',
-        },
-    }
-};
-export const OtpInputError = {
-    args: {
-        errorMessage: 'some error'
-    },
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12659-13838&mode=design&t=5Wp3lAOqtDnPV63y-4',
-        },
-    }
-};
-export const OtpInputWithValue = {
-    args: {},
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12659-13838&mode=design&t=5Wp3lAOqtDnPV63y-4',
-        },
-    },
-    play: async ({ canvasElement, step }) => {
-        const canvas = within(canvasElement);
-        const input = canvas.getAllByRole('textbox');
-        await step('Typing OTP', async () => {
-            await userEvent.type(input[0], '222222', { delay: 500 });
-        });
-    },
-};

package/dist/src/Inputs/PasswordField/PasswordField.stories.d.ts

@@ -1,8 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { type ITextField } from '../index';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj<ITextField>;
-export declare const PasswordFieldInactive: Story;
-export declare const PasswordFieldError: Story;
-export declare const PasswordFieldWithValue: Story;

package/dist/src/Inputs/PasswordField/PasswordField.stories.js

@@ -1,43 +0,0 @@
-import { PasswordField } from '../index';
-const meta = {
-    title: 'Inputs/PasswordField',
-    component: PasswordField,
-    tags: ['autodocs'],
-    args: {
-        onValidated: () => { },
-        onPasswordInput: () => { }
-    }
-};
-export default meta;
-export const PasswordFieldInactive = {
-    args: {},
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12786-38832&mode=design&t=mI94vejMFxk5S920-4',
-        },
-    },
-};
-export const PasswordFieldError = {
-    args: {
-        state: 'error',
-        errorMessage: 'Some error'
-    },
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12786-38856&mode=design&t=mI94vejMFxk5S920-4',
-        },
-    },
-};
-export const PasswordFieldWithValue = {
-    args: {
-        value: 'somePass',
-    },
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12816-20475&mode=design&t=mI94vejMFxk5S920-4',
-        },
-    },
-};

package/dist/src/Inputs/PhoneField/PhoneField.stories.d.ts

@@ -1,8 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import type { ITextField } from '../TextField';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj<ITextField>;
-export declare const PhoneFieldInactive: Story;
-export declare const PhoneFieldError: Story;
-export declare const PhoneFieldWithValue: Story;

package/dist/src/Inputs/PhoneField/PhoneField.stories.js

@@ -1,43 +0,0 @@
-import { PhoneField } from './PhoneField';
-const meta = {
-    title: 'Inputs/PhoneField',
-    component: PhoneField,
-    tags: ['autodocs'],
-    args: {
-        onValidated: () => { },
-        onTextValid: () => { }
-    }
-};
-export default meta;
-export const PhoneFieldInactive = {
-    args: {},
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12786-37669&mode=design&t=H9AcJSW51fS3aPiW-4',
-        },
-    },
-};
-export const PhoneFieldError = {
-    args: {
-        state: 'error',
-        errorMessage: 'Some error'
-    },
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12786-37685&mode=design&t=H9AcJSW51fS3aPiW-4',
-        },
-    },
-};
-export const PhoneFieldWithValue = {
-    args: {
-        value: '79990002211',
-    },
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/8cQcICaes5IWFubU66DMdl/Torgbox-CRM?type=design&node-id=12786-37681&mode=design&t=H9AcJSW51fS3aPiW-4',
-        },
-    },
-};

package/dist/src/Inputs/Selector/Collapse.stories.d.ts

@@ -1,8 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { type ICollapse } from './Collapse';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj<ICollapse>;
-export declare const CollapseDefault: Story;
-export declare const CollapseHovered: Story;
-export declare const CollapseSelected: Story;