@soul-refiner/design-system 2.5.0-alpha.5 → 2.5.0-alpha.7

package/dist/src/components/feedback/loader/loader.stories.js

@@ -1,29 +0,0 @@
-import React from 'react';
-import { Loader } from './loader';
-import { COLORS } from '../../../common';
-const meta = {
-    title: 'Feedback/Loader',
-    parameters: {
-        layout: 'centered',
-    },
-};
-const Story = (args) => React.createElement(Loader, { ...args });
-export const Default = Story.bind({});
-Default.argTypes = {
-    size: {
-        type: 'number',
-        control: {
-            type: 'range',
-            min: 4,
-            max: 64,
-            step: 4,
-        },
-    },
-    color: {
-        type: 'string',
-        options: COLORS,
-        control: 'select',
-    },
-};
-Default.args = {};
-export default meta;

package/dist/src/components/feedback/notification/notificition.stories.js

@@ -1,30 +0,0 @@
-import React from 'react';
-import { Notification } from './notification';
-const meta = {
-    title: 'Feedback/Notification',
-};
-const Story = (args) => (React.createElement(Notification, { sx: "max-width: 480px;", ...args }));
-export const Default = Story.bind({});
-Default.argTypes = {
-    content: {
-        type: 'string',
-    },
-    href: {
-        type: 'string',
-    },
-    title: {
-        type: 'string',
-    },
-    type: {
-        type: 'string',
-        options: ['error', 'info', 'success', 'warning'],
-        control: 'select',
-    },
-};
-Default.args = {
-    content: 'Monotonectally syndicate multifunctional functionalities and low-risk high-yield infrastructures. Continually revolutionize functional channels after user-centric imperatives.',
-    href: '',
-    title: 'Notification title.',
-    type: 'success',
-};
-export default meta;

package/dist/src/components/feedback/progress/progress.stories.js

@@ -1,32 +0,0 @@
-import React from 'react';
-import { Progress } from './progress';
-const meta = {
-    title: 'Feedback/Progress Bar',
-    parameters: {
-        layout: 'centered',
-    },
-};
-const Story = (args) => (React.createElement(Progress, { sx: "min-width: 452px;", ...args }));
-export const Default = Story.bind({});
-Default.argTypes = {
-    hasError: {
-        type: 'boolean',
-    },
-    progress: {
-        type: 'number',
-        control: 'range',
-        step: 1,
-    },
-    type: {
-        options: ['compact', 'detailed'],
-        control: 'select',
-    },
-};
-Default.args = {
-    hasError: false,
-    progress: 52,
-    subtitle: 'Support Text',
-    title: 'Title label',
-    type: 'compact',
-};
-export default meta;

package/dist/src/components/feedback/toast/toast.stories.js

@@ -1,26 +0,0 @@
-import React from 'react';
-import { Toast } from './toast';
-const meta = {
-    title: 'Feedback/Toast',
-};
-const Story = (args) => React.createElement(Toast, { ...args });
-export const Default = Story.bind({});
-Default.argTypes = {
-    content: {
-        type: 'string',
-    },
-    href: {
-        type: 'string',
-    },
-    type: {
-        type: 'string',
-        options: ['error', 'info', 'success', 'warning'],
-        control: 'select',
-    },
-};
-Default.args = {
-    content: 'Notification message title',
-    href: '',
-    type: 'success',
-};
-export default meta;

package/dist/src/components/feedback/tooltip/tooltip.stories.js

@@ -1,43 +0,0 @@
-import React from 'react';
-import { Box, Button } from '../../../components';
-import { Tooltip } from './tooltip';
-const meta = {
-    title: 'Feedback/Tooltip',
-    parameters: {
-        layout: 'centered',
-    },
-};
-const Story = (args) => (React.createElement(Box, null,
-    React.createElement(Tooltip, { ...args },
-        React.createElement(Button, { type: "special" }, "Trigger 1")),
-    React.createElement(Tooltip, { ...args },
-        React.createElement(Button, { type: "special" }, "Trigger 2")),
-    React.createElement(Tooltip, { ...args },
-        React.createElement(Button, { type: "special" }, "Trigger 3")),
-    React.createElement(Tooltip, { ...args },
-        React.createElement(Button, { type: "special" }, "Trigger 4"))));
-export const Default = Story.bind({});
-Default.args = {
-    content: 'Assertively deploy resource maximizing supply chains rather than highly efficient information. Progressively leverage others installed base resources whereas tactical.',
-    place: 'bottom',
-};
-Default.argTypes = {
-    place: {
-        options: [
-            'top',
-            'top-start',
-            'top-end',
-            'right',
-            'right-start',
-            'right-end',
-            'bottom',
-            'bottom-start',
-            'bottom-end',
-            'left',
-            'left-start',
-            'left-end',
-        ],
-        control: 'select',
-    },
-};
-export default meta;

package/dist/src/components/iconography/avatar/avatar.stories.d.ts

@@ -1,7 +0,0 @@
-import { StoryFn, Meta } from '@storybook/react';
-import { AvatarGroupProps, AvatarProps } from './avatar';
-declare const meta: Meta;
-export declare const Default: StoryFn<AvatarProps>;
-export declare const Group: StoryFn<AvatarGroupProps>;
-export declare const WithTooltip: StoryFn<AvatarProps>;
-export default meta;

package/dist/src/components/iconography/avatar/avatar.stories.js

@@ -1,76 +0,0 @@
-import React from 'react';
-import { Avatar } from './avatar';
-import { Box } from '../../atoms/box';
-import { P } from '../../atoms/typography';
-const meta = {
-    title: 'Iconography/Avatar',
-    parameters: {
-        layout: 'centered',
-    },
-};
-const Story = (args) => React.createElement(Avatar, { ...args });
-const GroupStory = ({ ...args }) => (React.createElement(Avatar.Group, { ...args },
-    React.createElement(Avatar, { size: 40 }),
-    React.createElement(Avatar, { image: "https://f005.backblazeb2.com/file/sr-platform/avatar.jpg", size: 40 }),
-    React.createElement(Avatar, { image: "https://f005.backblazeb2.com/file/sr-platform/avatar.jpg", size: 40 }),
-    React.createElement(Avatar, { image: "https://f005.backblazeb2.com/file/sr-platform/avatar.jpg", size: 40 }),
-    React.createElement(Avatar, { image: "https://f005.backblazeb2.com/file/sr-platform/avatar.jpg", size: 40 })));
-export const Default = Story.bind({});
-Default.argTypes = {
-    size: {
-        options: [96, 72, 64, 56, 48, 40, 36, 32, 24],
-        control: 'select',
-    },
-    status: {
-        options: [
-            'offline',
-            'focus',
-            'busy',
-            'online',
-            'subscribed',
-            'locked',
-            'declined',
-            'approved',
-            null,
-        ],
-        control: 'select',
-    },
-    textPosition: {
-        type: 'string',
-        options: ['left', 'right'],
-        control: 'select',
-    },
-};
-Default.args = {
-    image: 'https://f005.backblazeb2.com/file/sr-platform/avatar.jpg',
-    size: 96,
-    isPaidUser: true,
-    status: 'online',
-    subtitle: '1 hour ago',
-    textPosition: 'right',
-    title: 'Cody Moore',
-};
-export const Group = GroupStory.bind({});
-Group.args = {
-    numDisplayed: 3,
-    total: 5,
-};
-export const WithTooltip = Story.bind({});
-WithTooltip.args = {
-    ...Default.args,
-    image: undefined,
-    title: 'Hidden Cody Moore',
-    tooltipContent: (React.createElement(Box, { "$padding": 24, "$dir": "column", "$gap": 16 },
-        React.createElement(P, { "$mediumBold": true, "$color": "grey-2" }, "Pseudonym Users"),
-        React.createElement(Box, { "$gap": 16 },
-            React.createElement(Avatar, { image: "https://f005.backblazeb2.com/file/sr-platform/avatar.jpg", textPosition: "right", size: 64 }),
-            React.createElement(Box, { "$dir": "column", "$gap": 4, sx: "width: 292px;" },
-                React.createElement(P, { "$color": "grey-2", "$mediumBold": true }, "Cody Moore"),
-                React.createElement(P, { "$fontSize": 14, "$lineHeight": 20 }, "This person joined the community under a pseudonym, without revealing their real name or profile picture. Only the community admins can see their true identity."))))),
-};
-WithTooltip.argTypes = {
-    tooltipContent: {
-        control: 'none',
-    },
-};
-export default meta;

package/dist/src/components/iconography/icon/icon.stories.d.ts

@@ -1,46 +0,0 @@
-import { StoryFn, Meta } from '@storybook/react';
-import { IconProps } from './icon';
-declare const meta: Meta;
-declare const BasicIconsStory: StoryFn<IconProps>;
-export declare const Basic: typeof BasicIconsStory;
-declare const EmailIconsStory: StoryFn<IconProps>;
-export declare const Email: typeof EmailIconsStory;
-declare const PeopleIconsStory: StoryFn<IconProps>;
-export declare const People: typeof PeopleIconsStory;
-declare const SecurityIconsStory: StoryFn<IconProps>;
-export declare const Security: typeof SecurityIconsStory;
-declare const NotificationsIconsStory: StoryFn<IconProps>;
-export declare const Notifications: typeof NotificationsIconsStory;
-declare const TimeIconsStory: StoryFn<IconProps>;
-export declare const Time: typeof TimeIconsStory;
-declare const MapIconsStory: StoryFn<IconProps>;
-export declare const Maps: typeof MapIconsStory;
-declare const SymbolIconsStory: StoryFn<IconProps>;
-export declare const Symbols: typeof SymbolIconsStory;
-declare const FinanceIconsStory: StoryFn<IconProps>;
-export declare const Finance: typeof FinanceIconsStory;
-declare const MessageIconsStory: StoryFn<IconProps>;
-export declare const Message: typeof MessageIconsStory;
-declare const LayoutStory: StoryFn<IconProps>;
-export declare const Layout: typeof LayoutStory;
-declare const EmojiStory: StoryFn<IconProps>;
-export declare const Emoji: typeof EmojiStory;
-declare const DataIconsStory: StoryFn<IconProps>;
-export declare const Data: typeof DataIconsStory;
-declare const FileIconsStory: StoryFn<IconProps>;
-export declare const File: typeof FileIconsStory;
-declare const ArrowIconsStory: StoryFn<IconProps>;
-export declare const Arrow: typeof ArrowIconsStory;
-declare const MiscIconsStory: StoryFn<IconProps>;
-export declare const Misc: typeof MiscIconsStory;
-declare const TextIconsStory: StoryFn<IconProps>;
-export declare const Text: typeof TextIconsStory;
-declare const ShoppingIconsStory: StoryFn<IconProps>;
-export declare const Shopping: typeof ShoppingIconsStory;
-declare const TechnologyIconsStory: StoryFn<IconProps>;
-export declare const Technology: typeof TechnologyIconsStory;
-declare const AudioVideoIconsStory: StoryFn<IconProps>;
-export declare const VideoAudio: typeof AudioVideoIconsStory;
-declare const PhoneIconsStory: StoryFn<IconProps>;
-export declare const Phone: typeof PhoneIconsStory;
-export default meta;

package/dist/src/components/iconography/icon/icon.stories.js

@@ -1,117 +0,0 @@
-/* eslint-disable */
-import React from 'react';
-import { COLORS } from '../../../common';
-import { Box, H, P } from '../../../components';
-// does not recognize index file in subdirectories
-// @ts-ignore
-import * as AudioVideoIcons from 'icons/audio_video';
-// @ts-ignore
-import * as ArrowIcons from 'icons/arrow';
-// @ts-ignore
-import * as BasicIcons from 'icons/basic';
-// @ts-ignore
-import * as DataIcons from 'icons/data';
-// @ts-ignore
-import * as EmailIcons from 'icons/email';
-// @ts-ignore
-import * as EmojiIcons from 'icons/emoji';
-// @ts-ignore
-import * as FileIcons from 'icons/file';
-// @ts-ignore
-import * as FinanceIcons from 'icons/finance';
-// @ts-ignore
-import * as LayoutIcons from 'icons/layout';
-// @ts-ignore
-import * as MapIcons from 'icons/maps';
-// @ts-ignore
-import * as MessageIcons from 'icons/message';
-// @ts-ignore
-import * as MiscIcons from 'icons/misc';
-// @ts-ignore
-import * as NotificationIcons from 'icons/notifications';
-// @ts-ignore
-import * as PeopleIcons from 'icons/people';
-// @ts-ignore
-import * as PhoneIcons from 'icons/phone';
-// @ts-ignore
-import * as SecurityIcons from 'icons/security';
-// @ts-ignore
-import * as ShoppingIcons from 'icons/shopping';
-// @ts-ignore
-import * as SymbolIcons from 'icons/symbols';
-// @ts-ignore
-import * as TechnologyIcons from 'icons/technology';
-// @ts-ignore
-import * as TextIcons from 'icons/text';
-// @ts-ignore
-import * as TimeIcons from 'icons/time';
-const meta = {
-    title: 'Iconography/Icons',
-    argTypes: {
-        color: {
-            options: COLORS,
-            control: 'select',
-        },
-        size: {
-            options: [16, 20, 24, 32, 40],
-            control: 'select',
-        },
-    },
-    args: {
-        size: 20,
-        color: 'grey-4',
-    },
-    parameters: {
-        layout: 'centered',
-    },
-};
-const StoryComponent = (iconSet, title) => (args) => (React.createElement(React.Fragment, null,
-    React.createElement(H.One, { "$textAlign": "center", "$semiBold": true }, title),
-    React.createElement(Box, { "$align": "center", "$gap": 32, "$flow": "wrap", "$justify": "center", "$margin": "medium-large", sx: "max-width: 850px;" }, Object.entries(iconSet).map(([name, Item], index) => (React.createElement(Box, { key: index.toString(36), "$dir": "column", "$gap": 8, "$justify": "center", "$align": "center", "$flex": 1 },
-        React.createElement(Item, { ...args }),
-        React.createElement(P, { as: "h4", "$textClampLines": 3, "$fontSize": 16, "$textAlign": "center" }, name.replaceAll(/[A-Z]/g, (match) => {
-            return ` ${match}`;
-        }))))))));
-const BasicIconsStory = StoryComponent(BasicIcons, 'Basic Icons');
-export const Basic = BasicIconsStory.bind({});
-const EmailIconsStory = StoryComponent(EmailIcons, 'Email Icons');
-export const Email = EmailIconsStory.bind({});
-const PeopleIconsStory = StoryComponent(PeopleIcons, 'People Icons');
-export const People = PeopleIconsStory.bind({});
-const SecurityIconsStory = StoryComponent(SecurityIcons, 'Security Icons');
-export const Security = SecurityIconsStory.bind({});
-const NotificationsIconsStory = StoryComponent(NotificationIcons, 'Notification Icons');
-export const Notifications = NotificationsIconsStory.bind({});
-const TimeIconsStory = StoryComponent(TimeIcons, 'Time Icons');
-export const Time = TimeIconsStory.bind({});
-const MapIconsStory = StoryComponent(MapIcons, 'Map Icons');
-export const Maps = MapIconsStory.bind({});
-const SymbolIconsStory = StoryComponent(SymbolIcons, 'Symbol Icons');
-export const Symbols = SymbolIconsStory.bind({});
-const FinanceIconsStory = StoryComponent(FinanceIcons, 'Finance Icons');
-export const Finance = FinanceIconsStory.bind({});
-const MessageIconsStory = StoryComponent(MessageIcons, 'Message Icons');
-export const Message = MessageIconsStory.bind({});
-const LayoutStory = StoryComponent(LayoutIcons, 'Layout Icons');
-export const Layout = LayoutStory.bind({});
-const EmojiStory = StoryComponent(EmojiIcons, 'Emoji Icons');
-export const Emoji = EmojiStory.bind({});
-const DataIconsStory = StoryComponent(DataIcons, 'Data Icons');
-export const Data = DataIconsStory.bind({});
-const FileIconsStory = StoryComponent(FileIcons, 'File Icons');
-export const File = FileIconsStory.bind({});
-const ArrowIconsStory = StoryComponent(ArrowIcons, 'Arrow Icons');
-export const Arrow = ArrowIconsStory.bind({});
-const MiscIconsStory = StoryComponent(MiscIcons, 'Misc Icons');
-export const Misc = MiscIconsStory.bind({});
-const TextIconsStory = StoryComponent(TextIcons, 'Text Icons');
-export const Text = TextIconsStory.bind({});
-const ShoppingIconsStory = StoryComponent(ShoppingIcons, 'Shopping Icons');
-export const Shopping = ShoppingIconsStory.bind({});
-const TechnologyIconsStory = StoryComponent(TechnologyIcons, 'Technology Icons');
-export const Technology = TechnologyIconsStory.bind({});
-const AudioVideoIconsStory = StoryComponent(AudioVideoIcons, 'Audio-Video Icons');
-export const VideoAudio = AudioVideoIconsStory.bind({});
-const PhoneIconsStory = StoryComponent(PhoneIcons, 'Phone Icons');
-export const Phone = PhoneIconsStory.bind({});
-export default meta;

package/dist/src/components/input/calendar/calendar.stories.d.ts

@@ -1,5 +0,0 @@
-import { StoryFn, Meta } from '@storybook/react';
-declare const meta: Meta;
-export declare const Default: StoryFn;
-export declare const PastDatesDisabled: StoryFn;
-export default meta;

package/dist/src/components/input/calendar/calendar.stories.js

@@ -1,22 +0,0 @@
-import React from 'react';
-import { CalendarInput } from './calendar';
-const meta = {
-    title: 'Input/Calendar',
-    parameters: {
-        layout: 'centered',
-    },
-};
-const Story = (args) => {
-    const [selectedDate, setSelectedDate] = React.useState(new Date('16 October 2023').toISOString());
-    const handleSelect = (value) => {
-        const newSelectedDate = new Date(value);
-        newSelectedDate.setHours(0, 0, 0, 0);
-        setSelectedDate(newSelectedDate.toISOString());
-    };
-    return (React.createElement(CalendarInput, { onSelect: handleSelect, selectedDate: new Date(selectedDate), ...args }));
-};
-export const Default = Story.bind({});
-Default.args = {};
-export const PastDatesDisabled = Story.bind({});
-PastDatesDisabled.args = { disablePastDates: true };
-export default meta;

package/dist/src/components/input/checkbox/checkbox.stories.js

@@ -1,19 +0,0 @@
-import React from 'react';
-import { Checkbox } from './checkbox';
-const meta = {
-    title: 'Input/Checkbox',
-    parameters: {
-        layout: 'centered',
-    },
-};
-// eslint-disable-next-line
-const Story = ({ selected: _, ...args }) => {
-    const [selected, setSelected] = React.useState(false);
-    const handleSelected = () => setSelected((prev) => !prev);
-    return React.createElement(Checkbox, { selected: selected, onClick: handleSelected, ...args });
-};
-export const Default = Story.bind({});
-Default.args = {
-    disabled: false,
-};
-export default meta;

package/dist/src/components/input/date/date.stories.js

@@ -1,30 +0,0 @@
-import React from 'react';
-import { DatePicker } from './date';
-const meta = {
-    title: 'Input/Date Picker',
-    parameters: {
-        layout: 'centered',
-    },
-};
-const Story = (args) => {
-    const [startDate, setStartDate] = React.useState(new Date('16 June 2023').toISOString());
-    const [endDate, setEndDate] = React.useState(new Date('16 June 2023').toISOString());
-    const handleSelect = ({ type, value, }) => {
-        if (type === 'start') {
-            const newStartDate = new Date(value);
-            newStartDate.setHours(0, 0, 0, 0);
-            setStartDate(newStartDate.toISOString());
-        }
-        else {
-            const newEndDate = new Date(value);
-            newEndDate.setHours(23, 59, 59, 999);
-            setEndDate(newEndDate.toISOString());
-        }
-    };
-    return (React.createElement(DatePicker, { onSelect: handleSelect, startDate: new Date(startDate), endDate: new Date(endDate), ...args }));
-};
-export const Default = Story.bind({});
-Default.args = {
-    label: 'Label',
-};
-export default meta;

package/dist/src/components/input/filter/filter.stories.d.ts

@@ -1,8 +0,0 @@
-import { StoryFn, Meta } from '@storybook/react';
-import { FilterProps } from './filter';
-declare const meta: Meta;
-declare const Story: StoryFn<FilterProps & {
-    hasIcon: boolean;
-}>;
-export declare const Default: typeof Story;
-export default meta;

package/dist/src/components/input/filter/filter.stories.js

@@ -1,47 +0,0 @@
-import React from 'react';
-import { Filter } from './filter';
-import { Avatar } from '../../iconography/avatar/avatar';
-import { Funnel } from '../../../icons/misc/funnel';
-const meta = {
-    title: 'Input/Filter',
-    parameters: {
-        layout: 'centered',
-    },
-};
-const Story = ({ hasIcon, triggerType, ...args }) => {
-    return (React.createElement(Filter, { graphic: triggerType === 'avatar' ? (React.createElement(Avatar, { image: "https://f005.backblazeb2.com/file/sr-platform/avatar.jpg", size: 24 })) : hasIcon ? (React.createElement(Funnel, null)) : undefined, triggerType: triggerType, ...args, options: [
-            {
-                label: 'Option 1',
-                value: 'option1',
-            },
-            {
-                label: 'Option 2',
-                value: 'option2',
-            },
-            'break',
-            {
-                label: 'Option 3',
-                value: 'option3',
-            },
-        ] }));
-};
-export const Default = Story.bind({});
-Default.args = {
-    disabled: false,
-    hasIcon: false,
-    label: 'Category Name',
-    optionShowClose: false,
-    triggerType: 'pill',
-    checkbox: true,
-    isRadio: false,
-    resetGraphic: false,
-    applyResetActions: true,
-};
-Default.argTypes = {
-    triggerType: {
-        type: 'string',
-        options: ['outlined', 'pill', 'labeled', 'avatar', 'text'],
-        control: 'select',
-    },
-};
-export default meta;

package/dist/src/components/input/radio/radio.stories.d.ts

@@ -1,7 +0,0 @@
-import { StoryFn, Meta } from '@storybook/react';
-import { RadioProps } from './radio';
-declare const meta: Meta;
-declare const Story: StoryFn<RadioProps>;
-export declare const Default: typeof Story;
-export declare const Group: typeof Story;
-export default meta;

package/dist/src/components/input/radio/radio.stories.js

@@ -1,37 +0,0 @@
-import React from 'react';
-import { useState } from '@storybook/preview-api';
-import { Radio } from './radio';
-const meta = {
-    title: 'Input/Radio',
-    parameters: {
-        layout: 'centered',
-    },
-};
-// eslint-disable-next-line
-const Story = ({ checked: _, onClick, ...args }) => {
-    const [isChecked, setChecked] = useState(false);
-    const handleCheck = () => {
-        setChecked((prev) => !prev);
-    };
-    return React.createElement(Radio, { checked: isChecked, onClick: handleCheck, ...args });
-};
-export const Default = Story.bind({});
-Default.args = {
-    disabled: false,
-    label: 'Radio Button',
-    value: 'radio1',
-};
-const GroupStory = () => {
-    const [selected, setSelected] = React.useState('');
-    const handleClick = (event) => {
-        const value = event.target?.value;
-        setSelected(value);
-    };
-    return (React.createElement(Radio.Group, { name: "group", "$display": "flex", "$gap": 8, "$dir": "column" },
-        React.createElement(Radio, { checked: selected === 'radio1', label: "Radio Button 1", onClick: handleClick, value: "radio1" }),
-        React.createElement(Radio, { checked: selected === 'radio2', label: "Radio Button 2", onClick: handleClick, value: "radio2" }),
-        React.createElement(Radio, { checked: selected === 'radio3', label: "Radio Button 3", onClick: handleClick, value: "radio3" }),
-        React.createElement(Radio, { checked: selected === 'radio4', label: "Radio Button 4", onClick: handleClick, value: "radio4" })));
-};
-export const Group = GroupStory.bind({});
-export default meta;

package/dist/src/components/input/search/search.stories.js

@@ -1,50 +0,0 @@
-import React from 'react';
-import { Button, Dropdown } from '../../../components';
-import { Search } from './search';
-const meta = {
-    title: 'Input/Search',
-    parameters: {
-        layout: 'centered',
-    },
-};
-const options = [
-    {
-        label: 'Category Filter 1',
-        value: 'value1',
-    },
-    {
-        label: 'Category Filter 2',
-        value: 'value2',
-    },
-];
-const DropdownFilter = ({ onChange, value, }) => {
-    return (React.createElement(Dropdown, { hasArrow: false, maintainState: false, onChange: onChange, options: options, trigger: React.createElement(Button, { size: "small", sx: "margin-right: 8px; padding: 0px; gap: 16px; & > * { color: var(--color-grey-3) !important; };", type: "text" }, options.find((item) => item.value === value)?.label ?? 'Category') }));
-};
-const Story = (args) => {
-    const [value, setValue] = React.useState('');
-    const [filter, setFilter] = React.useState('');
-    const handleChange = (event) => {
-        setValue(event.target.value);
-    };
-    const handleFilterChange = (event) => {
-        const eventValue = event.target.getAttribute('data-value') || '';
-        setFilter(eventValue);
-    };
-    const onClearText = () => setValue('');
-    return (React.createElement(Search, { dropdownFilter: React.createElement(DropdownFilter, { onChange: handleFilterChange, value: filter }), onChange: handleChange, onClearText: onClearText, value: value, ...args }));
-};
-export const Default = Story.bind({});
-Default.args = {
-    placeholder: '',
-    size: 'collapsed',
-};
-Default.argTypes = {
-    placeholder: {
-        type: 'string',
-    },
-    size: {
-        options: ['collapsed', 'small', 'medium', 'large'],
-        control: 'select',
-    },
-};
-export default meta;

package/dist/src/components/input/select/select.stories.js

@@ -1,19 +0,0 @@
-import React from 'react';
-import { Select } from './select';
-const meta = {
-    title: 'Input/Select',
-    parameters: {
-        layout: 'centered',
-    },
-};
-const Story = (args) => {
-    const [isChecked, setChecked] = React.useState(false);
-    const handleCheck = () => setChecked((prev) => !prev);
-    return React.createElement(Select, { selected: isChecked, onClick: handleCheck, ...args });
-};
-export const Default = Story.bind({});
-Default.args = {
-    label: 'Answer Options 1',
-    value: 'select1',
-};
-export default meta;