@wishket/design-system 1.2.2 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (63) hide show
  1. package/dist/Components/Navigations/BoxTab/BoxTab.d.ts +8 -0
  2. package/dist/Components/Navigations/BoxTab/BoxTab.js +2 -0
  3. package/dist/Components/Navigations/BoxTab/BoxTab.parts.d.ts +7 -0
  4. package/dist/Components/Navigations/BoxTab/BoxTab.parts.js +2 -0
  5. package/dist/Components/Navigations/BoxTab/BoxTab.types.d.ts +20 -0
  6. package/dist/Components/Navigations/BoxTab/index.d.ts +2 -0
  7. package/dist/Components/Navigations/BoxTab/index.js +1 -0
  8. package/dist/Components/Navigations/index.d.ts +1 -0
  9. package/dist/index.js +1 -1
  10. package/package.json +1 -1
  11. package/dist/Components/DataDisplays/Avatar/Avatar.stories.d.ts +0 -11
  12. package/dist/Components/DataDisplays/CountBadge/CountBadge.stories.d.ts +0 -6
  13. package/dist/Components/DataDisplays/Divider/Divider.stories.d.ts +0 -9
  14. package/dist/Components/DataDisplays/ImageLabel/ImageLabel.stories.d.ts +0 -7
  15. package/dist/Components/DataDisplays/Label/Label.stories.d.ts +0 -28
  16. package/dist/Components/DataDisplays/NewBadge/NewBadge.stories.d.ts +0 -7
  17. package/dist/Components/DataDisplays/ProductIcon/ProductIcon.stories.d.ts +0 -9
  18. package/dist/Components/DataDisplays/SkillLabel/SkillLabel.stories.d.ts +0 -6
  19. package/dist/Components/DataDisplays/SystemIcon/SystemIcon.stories.d.ts +0 -11
  20. package/dist/Components/Feedbacks/Dialog/Dialog.stories.d.ts +0 -7
  21. package/dist/Components/Feedbacks/DialogBox/DialogBox.stories.d.ts +0 -7
  22. package/dist/Components/Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.stories.d.ts +0 -6
  23. package/dist/Components/Feedbacks/LoadingIndicator/LoadingIndicator.stories.d.ts +0 -7
  24. package/dist/Components/Feedbacks/MessageBar/MessageBar.stories.d.ts +0 -6
  25. package/dist/Components/Feedbacks/MessageBox/MessageBox.stories.d.ts +0 -7
  26. package/dist/Components/Feedbacks/PlainTooltip/PlainTooltip.stories.d.ts +0 -24
  27. package/dist/Components/Feedbacks/RichTooltip/RichTooltip.stories.d.ts +0 -6
  28. package/dist/Components/Feedbacks/SnackBar/SnackBar.stories.d.ts +0 -23
  29. package/dist/Components/Inputs/AutoCompleteList/AutoCompleteList.stories.d.ts +0 -28
  30. package/dist/Components/Inputs/Autocomplete/Autocomplete.stories.d.ts +0 -7
  31. package/dist/Components/Inputs/Button/Button.stories.d.ts +0 -7
  32. package/dist/Components/Inputs/Calendar/Calendar.stories.d.ts +0 -6
  33. package/dist/Components/Inputs/Checkbox/Checkbox.stories.d.ts +0 -7
  34. package/dist/Components/Inputs/CheckboxCard/CheckboxCard.stories.d.ts +0 -8
  35. package/dist/Components/Inputs/CheckboxList/CheckboxList.stories.d.ts +0 -7
  36. package/dist/Components/Inputs/ChoiceChip/ChoiceChip.stories.d.ts +0 -9
  37. package/dist/Components/Inputs/IconButton/IconButton.stories.d.ts +0 -7
  38. package/dist/Components/Inputs/InputChip/InputChip.stories.d.ts +0 -17
  39. package/dist/Components/Inputs/List/List.stories.d.ts +0 -8
  40. package/dist/Components/Inputs/Radio/Radio.stories.d.ts +0 -8
  41. package/dist/Components/Inputs/RadioCard/RadioCard.stories.d.ts +0 -8
  42. package/dist/Components/Inputs/RadioList/RadioList.stories.d.ts +0 -9
  43. package/dist/Components/Inputs/RangeSlider/RangeSlider.stories.d.ts +0 -7
  44. package/dist/Components/Inputs/SearchField/SearchField.stories.d.ts +0 -7
  45. package/dist/Components/Inputs/SegmentedControl/Segmented.stories.d.ts +0 -6
  46. package/dist/Components/Inputs/Switch/Switch.stories.d.ts +0 -10
  47. package/dist/Components/Inputs/TextButton/TextButton.stories.d.ts +0 -7
  48. package/dist/Components/Inputs/TextButtonsDropdown/TextButtonsDropdown.stories.d.ts +0 -7
  49. package/dist/Components/Inputs/TextField/TextField.stories.d.ts +0 -8
  50. package/dist/Components/Inputs/TextFieldDropdown/TextFieldDropdown.stories.d.ts +0 -9
  51. package/dist/Components/Inputs/Textarea/Textarea.stories.d.ts +0 -6
  52. package/dist/Components/Navigations/Drawer/Drawer.stories.d.ts +0 -8
  53. package/dist/Components/Navigations/GNBList/GNBList.stories.d.ts +0 -25
  54. package/dist/Components/Navigations/Pagination/Pagination.stories.d.ts +0 -7
  55. package/dist/Components/Navigations/TableOfContents/TableOfContents.stories.d.ts +0 -6
  56. package/dist/Components/Navigations/TextTab/TextTab.stories.d.ts +0 -9
  57. package/dist/Components/Utils/BottomModalContainer/BottomModalContainer.stories.d.ts +0 -7
  58. package/dist/Components/Utils/FullModalContainer/FullModalContainer.stories.d.ts +0 -7
  59. package/dist/Components/Utils/Modal/Modal.stories.d.ts +0 -8
  60. package/dist/Components/Utils/ModalContainer/ModalContainer.stories.d.ts +0 -6
  61. package/dist/Components/Wrappers/WithBadge/WithBadge.stories.d.ts +0 -6
  62. package/dist/Components/Wrappers/WithRichTooltip/WithRichTooltip.stories.d.ts +0 -6
  63. package/dist/Components/Wrappers/WithSnackBar/WithSnackBar.stories.d.ts +0 -26
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ declare const BoxTab: {
3
+ Root: ({ children, currentActiveTab, onChange }: import("./BoxTab.types").RootProps) => import("react/jsx-runtime").JSX.Element;
4
+ Tabs: ({ children, className }: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
5
+ Tab: ({ children, index, className, isFirst, isLast, disabled, }: import("./BoxTab.types").TabProps) => import("react/jsx-runtime").JSX.Element;
6
+ Panel: ({ children, index }: import("./BoxTab.types").PanelProps) => false | import("react/jsx-runtime").JSX.Element;
7
+ };
8
+ export default BoxTab;
@@ -0,0 +1,2 @@
1
+ 'use client';
2
+ "use strict";var a=require("./BoxTab.parts.js"),e={Root:a.Root,Tabs:a.Tabs,Tab:a.Tab,Panel:a.Panel};module.exports=e;
@@ -0,0 +1,7 @@
1
+ import { ComponentProps } from 'react';
2
+ import { PanelProps, RootProps, TabProps } from './BoxTab.types';
3
+ declare const Root: ({ children, currentActiveTab, onChange }: RootProps) => import("react/jsx-runtime").JSX.Element;
4
+ declare const Tabs: ({ children, className }: ComponentProps<'div'>) => import("react/jsx-runtime").JSX.Element;
5
+ declare const Tab: ({ children, index, className, isFirst, isLast, disabled, }: TabProps) => import("react/jsx-runtime").JSX.Element;
6
+ declare const Panel: ({ children, index }: PanelProps) => false | import("react/jsx-runtime").JSX.Element;
7
+ export { Root, Tabs, Tab, Panel };
@@ -0,0 +1,2 @@
1
+ 'use client';
2
+ "use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("tailwind-merge"),a=require("../../Base/Typography/Typography.js"),n=require("../../Base/Layouts/Box/Box.js"),i=(require("../../Base/Layouts/FullBleed/FullBleed.js"),r.createContext({activeTab:0,currentActiveTab:0,handleTabClick:function(e){}}));exports.Panel=function(t){var a=t.children,t=t.index;return r.useContext(i).activeTab===t&&e.jsx(n,{"data-testid":"design-system-boxTab--content",children:a})},exports.Root=function(t){var n=t.children,a=t.currentActiveTab,l=void 0===a?0:a,s=t.onChange,a=r.useState(l),t=a[0],c=a[1];return r.useEffect(function(){c(l)},[l]),e.jsx(i.Provider,{value:{activeTab:t,currentActiveTab:l,handleTabClick:function(e){null!=s&&s(e),c(e)}},children:n})},exports.Tab=function(l){var s=l.children,c=l.index,o=l.className,d=l.isFirst,u=l.isLast,l=l.disabled,x=void 0!==l&&l,l=r.useContext(i),b=l.handleTabClick,l=l.activeTab,l=c===l;return e.jsx(n,{tabIndex:0,"data-testid":"design-system-boxTab--item-".concat(c),className:t.twMerge("group flex w-full cursor-pointer items-center border border-w-gray-200 bg-w-white px-6 py-4","relative","-ml-px",l&&"z-[1] border-primary bg-primary-10",d&&"ml-0 rounded-l-xl",u&&"rounded-r-xl",x&&"cursor-not-allowed border-w-gray-200 bg-w-gray-10",o),onClick:function(){x||b(c)},children:e.jsx(n,{className:t.twMerge("relative flex w-full flex-row items-center justify-center font-normal text-w-gray-600",l&&"font-medium text-primary"),children:e.jsx(a,{variant:"body1",className:"relative",children:s})})})},exports.Tabs=function(a){var i=a.children,a=a.className,l=r.Children.toArray(i);return e.jsx(n,{className:t.twJoin("relative block w-full",a),"data-testid":"design-system-boxTab--container",children:e.jsx(n,{children:e.jsx(n,{className:t.twMerge("inline-flex w-full"),children:l.map(function(t,n){t=r.cloneElement(t,{isFirst:0===n,isLast:n===l.length-1});return e.jsx(r.Fragment,{children:t},n)})})})})};
@@ -0,0 +1,20 @@
1
+ import { PropsWithChildren } from 'react';
2
+ export interface RootProps extends PropsWithChildren {
3
+ currentActiveTab?: number;
4
+ onChange?: (index: number) => void;
5
+ }
6
+ export interface TabProps extends PropsWithChildren {
7
+ index: number;
8
+ disabled?: boolean;
9
+ className?: string;
10
+ isFirst?: boolean;
11
+ isLast?: boolean;
12
+ }
13
+ export interface PanelProps extends PropsWithChildren {
14
+ index: number;
15
+ }
16
+ export type TabContextType = {
17
+ activeTab: number;
18
+ currentActiveTab: number;
19
+ handleTabClick: (index: number) => void;
20
+ };
@@ -0,0 +1,2 @@
1
+ import BoxTab from './BoxTab';
2
+ export default BoxTab;
@@ -0,0 +1 @@
1
+ "use strict";var e=require("./BoxTab.js");module.exports=e;
@@ -4,3 +4,4 @@ export { default as Pagination } from './Pagination';
4
4
  export { default as TableOfContents } from './TableOfContents';
5
5
  export { default as TextTab } from './TextTab';
6
6
  export type { TableOfContentsProps, ContentItem } from './TableOfContents';
7
+ export { default as BoxTab } from './BoxTab';
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";var e=require("./Components/DataDisplays/Avatar/Avatar.js"),o=require("./Components/DataDisplays/CountBadge/CountBadge.js"),t=require("./Components/DataDisplays/ImageLabel/ImageLabel.js"),s=require("./Components/DataDisplays/Label/Label.js"),r=require("./Components/DataDisplays/NewBadge/NewBadge.js"),n=require("./Components/DataDisplays/ProductIcon/ProductIcon.js"),a=require("./Components/DataDisplays/ServiceLogo/ServiceLogo.js"),i=require("./Components/DataDisplays/SkillLabel/SkillLabel.js"),p=require("./Components/DataDisplays/SystemIcon/SystemIcon.js"),u=require("./Components/DataDisplays/Divider/Divider.js"),C=require("./Components/Feedbacks/Dialog/Dialog.js"),x=require("./Components/Feedbacks/LoadingIndicator/LoadingIndicator.js"),l=require("./Components/Feedbacks/MessageBox/MessageBox.js"),d=require("./Components/Feedbacks/PlainTooltip/PlainTooltip.js"),m=require("./Components/Feedbacks/RichTooltip/RichTooltip.js"),c=require("./Components/Feedbacks/SnackBar/SnackBar.js"),j=require("./Components/Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js"),q=require("./Components/Feedbacks/MessageBar/MessageBar.js"),B=require("./Components/Inputs/Autocomplete/Autocomplete.js"),I=require("./Components/Inputs/Button/Button.js"),g=require("./Components/Inputs/Calendar/Calendar.js"),h=require("./Components/Inputs/Checkbox/Checkbox.js"),L=require("./Components/Inputs/CheckboxCard/CheckboxCard.js"),b=require("./Components/Inputs/CheckboxList/CheckboxList.js"),D=require("./Components/Inputs/CheckboxListItem/CheckboxListItem.js"),T=require("./Components/Inputs/ChoiceChip/ChoiceChip.js"),k=require("./Components/Inputs/IconButton/IconButton.js"),S=require("./Components/Inputs/InputChip/InputChip.js"),y=require("./Components/Inputs/RangeSlider/RangeSlider.js"),R=require("./Components/Inputs/Radio/Radio.js"),F=require("./Components/Inputs/RadioCard/RadioCard.js"),v=require("./Components/Inputs/RadioList/RadioList.js"),w=require("./Components/Inputs/RadioGroup/RadioGroup.js"),G=require("./Components/Inputs/SearchField/SearchField.js"),P=require("./Components/Inputs/SegmentedControl/SegmentedControl.js"),W=require("./Components/Inputs/Switch/Switch.js"),N=require("./Components/Inputs/Textarea/Textarea.js"),M=require("./Components/Inputs/TextButton/TextButton.js"),A=require("./Components/Inputs/TextField/TextField.js"),f=require("./Components/Inputs/List/List.js"),O=require("./Components/Inputs/TextFieldDropdown/TextFieldDropdown.js"),U=require("./Components/Inputs/TextButtonsDropdown/TextButtonsDropdown.js"),z=require("./Components/Base/Typography/Typography.js"),E=require("./Components/Base/Layouts/Box/Box.js"),H=require("./Components/Base/Layouts/GridLayout/GridLayout.js"),J=require("./Components/Base/Layouts/Column/Column.js"),K=require("./Components/Base/Layouts/FullBleed/FullBleed.js"),Q=require("./Components/Navigations/Drawer/Drawer.js"),V=require("./Components/Navigations/GNBList/GNBList.js"),X=require("./Components/Navigations/Pagination/Pagination.js"),Y=require("./Components/Navigations/TableOfContents/TableOfContents.js"),Z=require("./Components/Navigations/TextTab/TextTab.js"),$=require("./Components/Utils/BackDrop/BackDrop.js"),_=require("./Components/Utils/Modal/Modal.js"),ee=require("./Components/Utils/Portal/Portal.js"),oe=require("./Components/Wrappers/WithBadge/WithBadge.js"),te=require("./Components/Wrappers/WithRichTooltip/WithRichTooltip.js"),se=require("./Components/Wrappers/WithSnackBar/WithSnackBar.js");exports.Avatar=e,exports.CountBadge=o,exports.ImageLabel=t,exports.Label=s,exports.NewBadge=r,exports.ProductIcon=n,exports.ServiceLogo=a,exports.SkillLabel=i,exports.SystemIcon=p,exports.Divider=u,exports.Dialog=C,exports.LoadingIndicator=x,exports.MessageBox=l,exports.PlainTooltip=d,exports.RichTooltip=m,exports.SnackBar=c,exports.GlobalLoadingIndicator=j.default,exports.MessageBar=q,exports.Autocomplete=B,exports.Button=I,exports.Calendar=g,exports.Checkbox=h,exports.CheckboxCard=L,exports.CheckboxList=b,exports.CheckboxListItem=D,exports.ChoiceChip=T,exports.IconButton=k,exports.InputChip=S,exports.RangeSlider=y,exports.Radio=R,exports.RadioCard=F,exports.RadioList=v,exports.RadioGroup=w,exports.SearchField=G,exports.SegmentedControl=P,exports.Switch=W,exports.Textarea=N,exports.TextButton=M,exports.TextField=A,exports.List=f,exports.TextFieldDropdown=O,exports.TextButtonsDropdown=U,exports.Typography=z,exports.Box=E,exports.GridLayout=H,exports.Column=J,exports.FullBleed=K,exports.Drawer=Q,exports.GNBList=V,exports.Pagination=X,exports.TableOfContents=Y,exports.TextTab=Z,exports.BackDrop=$,exports.Modal=_,exports.Portal=ee,exports.WithBadge=oe,exports.WithRichTooltip=te,exports.WithSnackBar=se;
1
+ "use strict";var e=require("./Components/DataDisplays/Avatar/Avatar.js"),o=require("./Components/DataDisplays/CountBadge/CountBadge.js"),t=require("./Components/DataDisplays/ImageLabel/ImageLabel.js"),s=require("./Components/DataDisplays/Label/Label.js"),r=require("./Components/DataDisplays/NewBadge/NewBadge.js"),n=require("./Components/DataDisplays/ProductIcon/ProductIcon.js"),a=require("./Components/DataDisplays/ServiceLogo/ServiceLogo.js"),i=require("./Components/DataDisplays/SkillLabel/SkillLabel.js"),p=require("./Components/DataDisplays/SystemIcon/SystemIcon.js"),u=require("./Components/DataDisplays/Divider/Divider.js"),C=require("./Components/Feedbacks/Dialog/Dialog.js"),x=require("./Components/Feedbacks/LoadingIndicator/LoadingIndicator.js"),l=require("./Components/Feedbacks/MessageBox/MessageBox.js"),d=require("./Components/Feedbacks/PlainTooltip/PlainTooltip.js"),m=require("./Components/Feedbacks/RichTooltip/RichTooltip.js"),c=require("./Components/Feedbacks/SnackBar/SnackBar.js"),j=require("./Components/Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js"),q=require("./Components/Feedbacks/MessageBar/MessageBar.js"),B=require("./Components/Inputs/Autocomplete/Autocomplete.js"),g=require("./Components/Inputs/Button/Button.js"),I=require("./Components/Inputs/Calendar/Calendar.js"),h=require("./Components/Inputs/Checkbox/Checkbox.js"),b=require("./Components/Inputs/CheckboxCard/CheckboxCard.js"),L=require("./Components/Inputs/CheckboxList/CheckboxList.js"),T=require("./Components/Inputs/CheckboxListItem/CheckboxListItem.js"),D=require("./Components/Inputs/ChoiceChip/ChoiceChip.js"),k=require("./Components/Inputs/IconButton/IconButton.js"),S=require("./Components/Inputs/InputChip/InputChip.js"),y=require("./Components/Inputs/RangeSlider/RangeSlider.js"),R=require("./Components/Inputs/Radio/Radio.js"),F=require("./Components/Inputs/RadioCard/RadioCard.js"),v=require("./Components/Inputs/RadioList/RadioList.js"),w=require("./Components/Inputs/RadioGroup/RadioGroup.js"),G=require("./Components/Inputs/SearchField/SearchField.js"),N=require("./Components/Inputs/SegmentedControl/SegmentedControl.js"),P=require("./Components/Inputs/Switch/Switch.js"),W=require("./Components/Inputs/Textarea/Textarea.js"),M=require("./Components/Inputs/TextButton/TextButton.js"),A=require("./Components/Inputs/TextField/TextField.js"),f=require("./Components/Inputs/List/List.js"),O=require("./Components/Inputs/TextFieldDropdown/TextFieldDropdown.js"),U=require("./Components/Inputs/TextButtonsDropdown/TextButtonsDropdown.js"),z=require("./Components/Base/Typography/Typography.js"),E=require("./Components/Base/Layouts/Box/Box.js"),H=require("./Components/Base/Layouts/GridLayout/GridLayout.js"),J=require("./Components/Base/Layouts/Column/Column.js"),K=require("./Components/Base/Layouts/FullBleed/FullBleed.js"),Q=require("./Components/Navigations/Drawer/Drawer.js"),V=require("./Components/Navigations/GNBList/GNBList.js"),X=require("./Components/Navigations/Pagination/Pagination.js"),Y=require("./Components/Navigations/TableOfContents/TableOfContents.js"),Z=require("./Components/Navigations/TextTab/TextTab.js"),$=require("./Components/Navigations/BoxTab/BoxTab.js"),_=require("./Components/Utils/BackDrop/BackDrop.js"),ee=require("./Components/Utils/Modal/Modal.js"),oe=require("./Components/Utils/Portal/Portal.js"),te=require("./Components/Wrappers/WithBadge/WithBadge.js"),se=require("./Components/Wrappers/WithRichTooltip/WithRichTooltip.js"),re=require("./Components/Wrappers/WithSnackBar/WithSnackBar.js");exports.Avatar=e,exports.CountBadge=o,exports.ImageLabel=t,exports.Label=s,exports.NewBadge=r,exports.ProductIcon=n,exports.ServiceLogo=a,exports.SkillLabel=i,exports.SystemIcon=p,exports.Divider=u,exports.Dialog=C,exports.LoadingIndicator=x,exports.MessageBox=l,exports.PlainTooltip=d,exports.RichTooltip=m,exports.SnackBar=c,exports.GlobalLoadingIndicator=j.default,exports.MessageBar=q,exports.Autocomplete=B,exports.Button=g,exports.Calendar=I,exports.Checkbox=h,exports.CheckboxCard=b,exports.CheckboxList=L,exports.CheckboxListItem=T,exports.ChoiceChip=D,exports.IconButton=k,exports.InputChip=S,exports.RangeSlider=y,exports.Radio=R,exports.RadioCard=F,exports.RadioList=v,exports.RadioGroup=w,exports.SearchField=G,exports.SegmentedControl=N,exports.Switch=P,exports.Textarea=W,exports.TextButton=M,exports.TextField=A,exports.List=f,exports.TextFieldDropdown=O,exports.TextButtonsDropdown=U,exports.Typography=z,exports.Box=E,exports.GridLayout=H,exports.Column=J,exports.FullBleed=K,exports.Drawer=Q,exports.GNBList=V,exports.Pagination=X,exports.TableOfContents=Y,exports.TextTab=Z,exports.BoxTab=$,exports.BackDrop=_,exports.Modal=ee,exports.Portal=oe,exports.WithBadge=te,exports.WithRichTooltip=se,exports.WithSnackBar=re;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wishket/design-system",
3
- "version": "1.2.2",
3
+ "version": "1.3.0",
4
4
  "description": "Wishket Design System",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.es.js",
@@ -1,11 +0,0 @@
1
- /// <reference types="react" />
2
- import type { StoryObj } from '@storybook/react';
3
- declare const meta: {
4
- title: string;
5
- component: import("react").MemoExoticComponent<({ size, name, imgUrl, isEditable, onClick, }: import("./Avatar").AvatarProps) => import("react/jsx-runtime").JSX.Element>;
6
- };
7
- export default meta;
8
- type Story = StoryObj<typeof meta>;
9
- export declare const Default: Story;
10
- export declare const Monogram: Story;
11
- export declare const Image: Story;
@@ -1,6 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import CountBadge from './CountBadge';
3
- declare const meta: Meta<typeof CountBadge>;
4
- export default meta;
5
- type Story = StoryObj;
6
- export declare const Default: Story;
@@ -1,9 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import Divider from './Divider';
3
- declare const meta: Meta<typeof Divider>;
4
- export default meta;
5
- type Story = StoryObj<typeof Divider>;
6
- export declare const Default: Story;
7
- export declare const Vertical: Story;
8
- export declare const Sub: Story;
9
- export declare const VerticalAndSub: Story;
@@ -1,7 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import ImageLabel from './ImageLabel';
3
- declare const meta: Meta<typeof ImageLabel>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;
7
- export declare const All: Story;
@@ -1,28 +0,0 @@
1
- import type { StoryObj } from '@storybook/react';
2
- declare const meta: {
3
- title: string;
4
- component: ({ children, className, size, type, variant, ref, canHover, ...rest }: import("./Label").LabelRootProps) => import("react/jsx-runtime").JSX.Element;
5
- tags: string[];
6
- argTypes: {
7
- type: {
8
- control: string;
9
- options: string[];
10
- };
11
- size: {
12
- control: string;
13
- options: string[];
14
- };
15
- color: {
16
- control: string;
17
- options: string[];
18
- };
19
- canHover: {
20
- control: string;
21
- };
22
- };
23
- };
24
- export default meta;
25
- type Story = StoryObj<typeof meta>;
26
- export declare const Text: Story;
27
- export declare const Filled: Story;
28
- export declare const Outlined: Story;
@@ -1,7 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import NewBadge from './NewBadge';
3
- import { NewBadgeProps } from './NewBadge.types';
4
- declare const meta: Meta<typeof NewBadge>;
5
- export default meta;
6
- type Story = StoryObj<NewBadgeProps>;
7
- export declare const Default: Story;
@@ -1,9 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import { ProductIcon } from '../../..';
3
- import { ProductIconProps } from './ProductIcon.types';
4
- declare const meta: Meta<typeof ProductIcon>;
5
- export default meta;
6
- type Story = StoryObj<ProductIconProps>;
7
- export declare const Small: Story;
8
- export declare const Medium: Story;
9
- export declare const Large: Story;
@@ -1,6 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import SkillLabel from './SkillLabel';
3
- declare const meta: Meta<typeof SkillLabel.Root>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;
@@ -1,11 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import { SystemIconProps } from './SystemIcon.types';
3
- import SystemIcon from '.';
4
- declare const meta: Meta<typeof SystemIcon>;
5
- export default meta;
6
- type Story = StoryObj<SystemIconProps>;
7
- export declare const Default: Story;
8
- export declare const Small: Story;
9
- export declare const Medium: Story;
10
- export declare const Large: Story;
11
- export declare const Social: Story;
@@ -1,7 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import Dialog, { DialogProps } from './Dialog';
3
- declare const meta: Meta<typeof Dialog>;
4
- export default meta;
5
- type Story = StoryObj<DialogProps>;
6
- export declare const Primary: Story;
7
- export declare const Caution: Story;
@@ -1,7 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import DialogBox from './DialogBox';
3
- declare const meta: Meta<typeof DialogBox>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Primary: Story;
7
- export declare const Caution: Story;
@@ -1,6 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import GlobalLoadingIndicator from './GlobalLoadingIndicator';
3
- declare const meta: Meta<typeof GlobalLoadingIndicator>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;
@@ -1,7 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import { LoadingIndicatorProps } from './LoadingIndicator.types';
3
- import LoadingIndicator from '.';
4
- declare const meta: Meta<typeof LoadingIndicator>;
5
- export default meta;
6
- type Story = StoryObj<LoadingIndicatorProps>;
7
- export declare const Default: Story;
@@ -1,6 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import MessageBar from './MessageBar';
3
- declare const meta: Meta<typeof MessageBar>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;
@@ -1,7 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import MessageBox from './MessageBox';
3
- declare const meta: Meta<typeof MessageBox>;
4
- export default meta;
5
- type Story = StoryObj<typeof MessageBox>;
6
- export declare const Default: Story;
7
- export declare const WithLinks: Story;
@@ -1,24 +0,0 @@
1
- import type { StoryObj } from '@storybook/react';
2
- declare const meta: {
3
- title: string;
4
- component: ({ variant, text, children, className, disabled, tooltipClassName, }: import("./PlainTooltip").TooltipProps) => import("react/jsx-runtime").JSX.Element;
5
- tags: string[];
6
- argTypes: {
7
- variant: {
8
- control: string;
9
- options: string[];
10
- };
11
- className: {
12
- control: string;
13
- };
14
- text: {
15
- control: string;
16
- };
17
- };
18
- };
19
- export default meta;
20
- type Story = StoryObj<typeof meta>;
21
- export declare const Up: Story;
22
- export declare const Down: Story;
23
- export declare const Left: Story;
24
- export declare const Right: Story;
@@ -1,6 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import RichTooltip from './RichTooltip';
3
- declare const meta: Meta<typeof RichTooltip>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;
@@ -1,23 +0,0 @@
1
- import type { StoryObj } from '@storybook/react';
2
- import { SnackBarProps } from './SnackBar.types';
3
- declare const meta: {
4
- title: string;
5
- tags: string[];
6
- component: ({ message, type, onClose }: SnackBarProps) => import("react/jsx-runtime").JSX.Element;
7
- argTypes: {
8
- message: {
9
- control: string;
10
- };
11
- type: {
12
- control: string;
13
- options: string[];
14
- };
15
- onClose: {
16
- control: string;
17
- options: ((() => void) | undefined)[];
18
- };
19
- };
20
- };
21
- export default meta;
22
- type Story = StoryObj<SnackBarProps>;
23
- export declare const Default: Story;
@@ -1,28 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import AutoCompleteList from './AutoCompleteList';
3
- declare const meta: Meta<typeof AutoCompleteList.Root>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;
7
- /**
8
- * 왼쪽에 알파벳 바가 있는 AutoCompleteList, 알파벳을 클릭하면 onIndexClick 콜백이 실행된다.
9
- */
10
- export declare const IndexBar: Story;
11
- /**
12
- * `AutoCompleteList.Root`
13
- *
14
- * children에 선언하는 Item, Divider를 감싸는 컨테이너
15
- */
16
- export declare const Root: Story;
17
- /**
18
- * `AutoCompleteList.Item`
19
- *
20
- * AutoCompleteList의 Item
21
- */
22
- export declare const Item: StoryObj<typeof AutoCompleteList.Item>;
23
- /**
24
- * `AutoCompleteList.Divider`
25
- *
26
- * AutoCompleteList.Item들의 경계를 나누는 Divider
27
- */
28
- export declare const Divider: Story;
@@ -1,7 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import Autocomplete from './Autocomplete';
3
- declare const meta: Meta<typeof Autocomplete>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;
7
- export declare const Error: Story;
@@ -1,7 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { ButtonProps } from './Button.types';
3
- import Button from '.';
4
- declare const meta: Meta<typeof Button>;
5
- export default meta;
6
- type Story = StoryObj<ButtonProps>;
7
- export declare const Default: Story;
@@ -1,6 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import Calendar, { CalendarProps } from './Calendar';
3
- declare const meta: Meta<typeof Calendar>;
4
- export default meta;
5
- type Story = StoryObj<CalendarProps>;
6
- export declare const Default: Story;
@@ -1,7 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import Checkbox from './Checkbox';
3
- import { CheckboxProps } from './Checkbox.types';
4
- declare const meta: Meta<typeof Checkbox>;
5
- export default meta;
6
- type Story = StoryObj<CheckboxProps>;
7
- export declare const Default: Story;
@@ -1,8 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import CheckboxCard from './CheckboxCard';
3
- import { CheckboxCardProps } from './CheckboxCard.types';
4
- declare const meta: Meta<typeof CheckboxCard>;
5
- export default meta;
6
- type Story = StoryObj<CheckboxCardProps>;
7
- export declare const Default: Story;
8
- export declare const WithDescription: Story;
@@ -1,7 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import { CheckboxListProps } from './CheckboxList.types';
3
- import CheckboxList from '.';
4
- declare const meta: Meta<typeof CheckboxList>;
5
- export default meta;
6
- type Story = StoryObj<CheckboxListProps>;
7
- export declare const Default: Story;
@@ -1,9 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import ChoiceChip, { ChoiceChipProps } from './ChoiceChip';
3
- declare const meta: Meta<typeof ChoiceChip>;
4
- export default meta;
5
- type Story = StoryObj<ChoiceChipProps>;
6
- export declare const Play: Story;
7
- export declare const Default: Story;
8
- export declare const Checked: Story;
9
- export declare const Error: Story;
@@ -1,7 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import IconButton from './IconButton';
3
- declare const meta: Meta<typeof IconButton>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;
7
- export declare const WithBackgroundColor: Story;
@@ -1,17 +0,0 @@
1
- import type { StoryObj } from '@storybook/react';
2
- import { InputChipProps } from './InputChip';
3
- declare const meta: {
4
- title: string;
5
- tags: string[];
6
- component: ({ children, onDelete, className }: InputChipProps) => import("react/jsx-runtime").JSX.Element;
7
- argTypes: {
8
- onDelete: {
9
- control: string;
10
- options: ((() => void) | undefined)[];
11
- };
12
- };
13
- };
14
- export default meta;
15
- type Story = StoryObj<InputChipProps>;
16
- export declare const Default: Story;
17
- export declare const WithLongText: Story;
@@ -1,8 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import List from './List';
3
- declare const meta: Meta<typeof List.Root>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;
7
- export declare const ManyItems: Story;
8
- export declare const DisableScroll: Story;
@@ -1,8 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import Radio from './Radio';
3
- import { RadioProps } from './Radio.types';
4
- declare const meta: Meta<typeof Radio>;
5
- export default meta;
6
- type Story = StoryObj<RadioProps>;
7
- export declare const Default: Story;
8
- export declare const Multiple: Story;
@@ -1,8 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import RadioCard from './RadioCard';
3
- import { RadioCardProps } from './RadioCard.types';
4
- declare const meta: Meta<typeof RadioCard>;
5
- export default meta;
6
- type Story = StoryObj<RadioCardProps>;
7
- export declare const Default: Story;
8
- export declare const WithDescription: Story;
@@ -1,9 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import { RadioListProps } from './RadioList.types';
3
- import RadioList from './RadioList';
4
- declare const meta: Meta<typeof RadioList>;
5
- export default meta;
6
- type Story = StoryObj<RadioListProps>;
7
- export declare const Default: Story;
8
- export declare const Disabled: Story;
9
- export declare const Error: Story;
@@ -1,7 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import RangeSlider from './RangeSlider';
3
- declare const meta: Meta<typeof RangeSlider>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Single: Story;
7
- export declare const Dual: Story;
@@ -1,7 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import SearchField from './SearchField';
3
- declare const meta: Meta<typeof SearchField>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;
7
- export declare const WithFilters: Story;
@@ -1,6 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import SegmentedControl from './SegmentedControl';
3
- declare const meta: Meta<typeof SegmentedControl>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;
@@ -1,10 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import Switch from './Switch';
3
- declare const meta: Meta<typeof Switch>;
4
- export default meta;
5
- type Story = StoryObj;
6
- export declare const Default: Story;
7
- export declare const Checked: Story;
8
- export declare const UnChecked: Story;
9
- export declare const DisabledChecked: Story;
10
- export declare const DisabledUnChecked: Story;
@@ -1,7 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import TextButton from './TextButton';
3
- import { TextButtonProps } from './TextButton.types';
4
- declare const meta: Meta<typeof TextButton>;
5
- export default meta;
6
- type Story = StoryObj<TextButtonProps>;
7
- export declare const Default: Story;
@@ -1,7 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import TextButtonsDropdown from './TextButtonsDropdown';
3
- declare const meta: Meta<typeof TextButtonsDropdown>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;
7
- export declare const Align: Story;
@@ -1,8 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import TextField, { TextFieldProps } from './TextField';
3
- declare const meta: Meta<typeof TextField>;
4
- export default meta;
5
- type Story = StoryObj<TextFieldProps>;
6
- export declare const Default: Story;
7
- export declare const Lable: Story;
8
- export declare const LableFixed: Story;
@@ -1,9 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import TextFieldDropdown from './TextFieldDropdown';
3
- declare const meta: Meta<typeof TextFieldDropdown>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;
7
- export declare const InitialSelected: Story;
8
- export declare const Disabled: Story;
9
- export declare const Error: Story;
@@ -1,6 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import Textarea, { TextareaProps } from './Textarea';
3
- declare const meta: Meta<typeof Textarea>;
4
- export default meta;
5
- type Story = StoryObj<TextareaProps>;
6
- export declare const Default: Story;
@@ -1,8 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import Drawer from './Drawer';
3
- declare const meta: Meta<typeof Drawer>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;
7
- export declare const Size: Story;
8
- export declare const Direction: Story;
@@ -1,25 +0,0 @@
1
- /// <reference types="react" />
2
- import { StoryObj } from '@storybook/react';
3
- import GNBList from './GNBList';
4
- declare const meta: {
5
- title: string;
6
- tags: string[];
7
- component: ({ type, children, className }: import("./GNBList.types").RootProps) => import("react/jsx-runtime").JSX.Element;
8
- argTypes: {
9
- type: {
10
- control: string;
11
- options: string[];
12
- };
13
- };
14
- decorators: (Story: import("@storybook/types").PartialStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {
15
- type?: import("./GNBList.types").GNBListType | undefined;
16
- className?: string | undefined;
17
- children?: import("react").ReactNode;
18
- }>) => import("react/jsx-runtime").JSX.Element;
19
- };
20
- export default meta;
21
- type Story = StoryObj<typeof GNBList.Root>;
22
- export declare const Default: Story;
23
- export declare const MainList: Story;
24
- export declare const SubList: Story;
25
- export declare const UserList: Story;
@@ -1,7 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import Pagination, { PaginationProps } from './Pagination';
3
- declare const meta: Meta<typeof Pagination>;
4
- export default meta;
5
- type Story = StoryObj<PaginationProps>;
6
- export declare const Default: Story;
7
- export declare const PageButton: Story;
@@ -1,6 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import TableOfContents from './TableOfContents';
3
- declare const meta: Meta<typeof TableOfContents>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;
@@ -1,9 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import TextTab from './TextTab';
3
- import { RootProps } from './TextTab.types';
4
- declare const meta: Meta<typeof TextTab.Root>;
5
- export default meta;
6
- type Story = StoryObj<RootProps>;
7
- export declare const Default: Story;
8
- export declare const WithScroll: Story;
9
- export declare const IsFull: Story;
@@ -1,7 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import BottomModalContainer, { BottomModalContainerProps } from './BottomModalContainer';
3
- declare const meta: Meta<typeof BottomModalContainer>;
4
- export default meta;
5
- type Story = StoryObj<BottomModalContainerProps>;
6
- export declare const Default: Story;
7
- export declare const FixedHeight: Story;
@@ -1,7 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { PropsWithChildren } from 'react';
3
- import FullModalContainer from './FullModalContainer';
4
- declare const meta: Meta<typeof FullModalContainer>;
5
- export default meta;
6
- type Story = StoryObj<PropsWithChildren>;
7
- export declare const Default: Story;
@@ -1,8 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import Modal, { ModalProps } from './Modal';
3
- declare const meta: Meta<typeof Modal>;
4
- export default meta;
5
- type Story = StoryObj<ModalProps>;
6
- export declare const Default: Story;
7
- export declare const Full: Story;
8
- export declare const Bottom: Story;
@@ -1,6 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import ModalContainer, { ModalContainerProps } from './ModalContainer';
3
- declare const meta: Meta<typeof ModalContainer>;
4
- export default meta;
5
- type Story = StoryObj<ModalContainerProps>;
6
- export declare const Default: Story;
@@ -1,6 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import WithBadge from './WithBadge';
3
- declare const meta: Meta<typeof WithBadge>;
4
- export default meta;
5
- type Story = StoryObj;
6
- export declare const Default: Story;
@@ -1,6 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import WithRichTooltip from './WithRichTooltip';
3
- declare const meta: Meta<typeof WithRichTooltip>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;
@@ -1,26 +0,0 @@
1
- import type { StoryObj } from '@storybook/react';
2
- import { WithSnackBarProps } from './WithSnackBar.types';
3
- declare const meta: {
4
- title: string;
5
- tags: string[];
6
- component: ({ children, ...rest }: WithSnackBarProps) => import("react/jsx-runtime").JSX.Element;
7
- argTypes: {
8
- message: {
9
- control: string;
10
- };
11
- type: {
12
- control: string;
13
- options: string[];
14
- };
15
- onClose: {
16
- control: string;
17
- options: ((() => void) | undefined)[];
18
- };
19
- isOpen: {
20
- control: string;
21
- };
22
- };
23
- };
24
- export default meta;
25
- type Story = StoryObj<WithSnackBarProps>;
26
- export declare const Default: Story;