@wishket/design-system 0.6.0 → 0.7.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 (37) hide show
  1. package/dist/Components/Atoms/Avatar/Avatar.d.ts +10 -0
  2. package/dist/Components/Atoms/Avatar/Avatar.js +1 -0
  3. package/dist/Components/Atoms/Avatar/Avatar.stories.d.ts +10 -0
  4. package/dist/Components/Atoms/Avatar/Avatar.types.d.ts +9 -0
  5. package/dist/Components/Atoms/Avatar/index.d.ts +2 -0
  6. package/dist/Components/Atoms/Avatar/index.js +1 -0
  7. package/dist/Components/Atoms/Button/Button.parts.d.ts +1 -1
  8. package/dist/Components/Atoms/Button/Button.parts.js +1 -1
  9. package/dist/Components/Atoms/SystemIcon/Icons/Large/LargeUserImageAvatar.d.ts +3 -0
  10. package/dist/Components/Atoms/SystemIcon/Icons/Large/LargeUserImageAvatar.js +1 -0
  11. package/dist/Components/Atoms/SystemIcon/Icons/Large/index.d.ts +1 -0
  12. package/dist/Components/Atoms/SystemIcon/Icons/Small/SmallCamera.d.ts +3 -0
  13. package/dist/Components/Atoms/SystemIcon/Icons/Small/SmallCamera.js +1 -0
  14. package/dist/Components/Atoms/SystemIcon/Icons/Small/index.d.ts +1 -0
  15. package/dist/Components/Atoms/SystemIcon/SystemIcon.constants.d.ts +2 -2
  16. package/dist/Components/Atoms/SystemIcon/SystemIcon.d.ts +1 -1
  17. package/dist/Components/Atoms/SystemIcon/SystemIcon.js +1 -1
  18. package/dist/Components/Atoms/SystemIcon/SystemIcon.types.d.ts +4 -0
  19. package/dist/Components/Atoms/index.d.ts +1 -0
  20. package/dist/Components/Molecules/CheckboxCard/CheckboxCard.js +1 -1
  21. package/dist/Components/Molecules/CheckboxCard/CheckboxCard.parts.js +1 -1
  22. package/dist/Components/Molecules/CheckboxList/CheckboxListItem.js +1 -1
  23. package/dist/Components/Molecules/IconMessageCard/IconMessageCard.js +1 -1
  24. package/dist/Components/Molecules/IconMessageCard/IconMessageCard.parts.js +1 -1
  25. package/dist/Components/Molecules/RadioList/RadioListItem.js +1 -1
  26. package/dist/Components/Molecules/WithBadge/WithBadge.js +1 -1
  27. package/dist/Components/Organisms/TextTab/TextTab.d.ts +10 -0
  28. package/dist/Components/Organisms/TextTab/TextTab.js +2 -0
  29. package/dist/Components/Organisms/TextTab/TextTab.parts.d.ts +7 -0
  30. package/dist/Components/Organisms/TextTab/TextTab.parts.js +2 -0
  31. package/dist/Components/Organisms/TextTab/TextTab.stories.d.ts +7 -0
  32. package/dist/Components/Organisms/TextTab/TextTab.types.d.ts +25 -0
  33. package/dist/Components/Organisms/TextTab/index.d.ts +2 -0
  34. package/dist/Components/Organisms/TextTab/index.js +1 -0
  35. package/dist/Components/Organisms/index.d.ts +1 -0
  36. package/dist/index.js +1 -1
  37. package/package.json +1 -1
@@ -0,0 +1,10 @@
1
+ import { AvatarSize } from './Avatar.types';
2
+ export interface AvatarProps {
3
+ size?: AvatarSize;
4
+ name?: string;
5
+ imgUrl?: string;
6
+ isEditable?: boolean;
7
+ onClick?: () => void;
8
+ }
9
+ declare const Avatar: ({ size, name, imgUrl, isEditable, onClick, }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
10
+ export default Avatar;
@@ -0,0 +1 @@
1
+ "use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),i=require("next/image"),r=require("../Box/Box.js"),a=require("../Typography/Typography.js"),s=require("../SystemIcon/SystemIcon.js");module.exports=function(n){function d(e,t){return{sm:{container:"size-6",char:"caption1",editButton:"hidden"},md:{container:"size-8",char:"body1",editButton:"hidden"},lg:{container:"size-12",char:"title3",editButton:"size-5"},xl:{container:"size-20",char:"title2",editButton:"size-6"}}[e][t]}var l=n.size,l=void 0===l?"md":l,o=n.name,c=n.imgUrl,m=n.isEditable,m=void 0!==m&&m,n=n.onClick,u=null==o?void 0:o.slice(0,1);return e.jsxs(r,{className:t.twMerge("relative z-0 h-fit w-fit",m&&"cursor-pointer"),onClick:n,children:[e.jsxs(r,{"data-testid":"design-system-avatar--container",className:t.twMerge(d(l,"container"),"flex items-center justify-center overflow-hidden rounded-full border border-w-gray-200",o&&"bg-w-primary"),children:[c&&e.jsx(i,{src:c,alt:"",width:80,height:80,className:"h-full w-full","data-testid":"design-system-avatar--image"}),!c&&o&&e.jsx(a,{variant:d(l,"char"),className:"text-w-white",children:u}),!o&&!c&&e.jsx(s,{name:"large_user_image_avatar",testId:"design-system-avatar--default-image"})]}),m&&e.jsx(r,{className:t.twMerge("absolute bottom-0 right-0 z-10 flex items-center justify-center rounded-full bg-w-white shadow-graysmall",d(l,"editButton")),"data-testid":"design-system-avatar--edit-button",children:e.jsx(s,{name:"small_camera"})})]})};
@@ -0,0 +1,10 @@
1
+ import type { StoryObj } from '@storybook/react';
2
+ declare const meta: {
3
+ title: string;
4
+ component: ({ size, name, imgUrl, isEditable, onClick, }: import("./Avatar").AvatarProps) => import("react/jsx-runtime").JSX.Element;
5
+ };
6
+ export default meta;
7
+ type Story = StoryObj<typeof meta>;
8
+ export declare const Default: Story;
9
+ export declare const HasName: Story;
10
+ export declare const HasImageUrl: Story;
@@ -0,0 +1,9 @@
1
+ import { TypographyVariants } from '../Typography/Typography.types';
2
+ export type AvatarSize = 'sm' | 'md' | 'lg' | 'xl';
3
+ export type AvatarStyleType = {
4
+ [key in AvatarSize]: {
5
+ container: string;
6
+ char: TypographyVariants;
7
+ editButton: string;
8
+ };
9
+ };
@@ -0,0 +1,2 @@
1
+ import Avatar from './Avatar';
2
+ export default Avatar;
@@ -0,0 +1 @@
1
+ "use strict";var r=require("./Avatar.js");module.exports=r;
@@ -1,2 +1,2 @@
1
1
  import { ButtonProps } from './Button.types';
2
- export declare const ButtonContainer: ({ rounded, size, variant, children, className, disabled, onClick, }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const ButtonContainer: ({ rounded, size, type, variant, children, className, disabled, onClick, }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +1 @@
1
- "use strict";var e=require("react/jsx-runtime"),n=require("tailwind-merge");exports.ButtonContainer=function(r){var i=r.rounded,t=r.size,a=r.variant,x=r.children,o=r.className,c=r.disabled,r=r.onClick;return e.jsx("button",{className:n.twMerge("box-border flex w-fit cursor-pointer items-center justify-center ring-1",i?"rounded-full":"rounded-xl",c?"cursor-not-allowed":"cursor-pointer","sm"===t?"min-w-[63px] h-[40px] py-[6px] px-3 text-sm leading-[24px]":"lg"===t?"min-w-[104px] h-[60px] py-[15px] px-6 text-[20px] leading-[30px]":"min-w-[77px] h-[50px] py-[11px] px-4 text-base leading-[26px]","solid"===a?"bg-w-cyan-500 text-w-white ring-w-cyan-500 hover:ring-w-cyan-700 hover:bg-w-cyan-700":"outlined"===a?"bg-w-cyan-10 text-w-cyan-500 ring-w-cyan-200 hover:ring-w-cyan-500":"bg-w-white text-w-cyan-500 ring-w-gray-200 hover:ring-w-cyan-500",o),onClick:r,disabled:c,children:x})};
1
+ "use strict";var e=require("react/jsx-runtime"),n=require("tailwind-merge");exports.ButtonContainer=function(r){var t=r.rounded,i=r.size,a=r.type,x=r.variant,o=r.children,c=r.className,p=r.disabled,r=r.onClick;return e.jsx("button",{className:n.twMerge("box-border flex w-fit cursor-pointer items-center justify-center ring-1",t?"rounded-full":"rounded-xl",p?"cursor-not-allowed":"cursor-pointer","sm"===i?"min-w-[63px] h-[40px] py-[6px] px-3 text-sm leading-[24px]":"lg"===i?"min-w-[104px] h-[60px] py-[15px] px-6 text-[20px] leading-[30px]":"min-w-[77px] h-[50px] py-[11px] px-4 text-base leading-[26px]","solid"===x?"bg-w-cyan-500 text-w-white ring-w-cyan-500 hover:ring-w-cyan-700 hover:bg-w-cyan-700":"outlined"===x?"bg-w-cyan-10 text-w-cyan-500 ring-w-cyan-200 hover:ring-w-cyan-500":"bg-w-white text-w-cyan-500 ring-w-gray-200 hover:ring-w-cyan-500",c),onClick:r,disabled:p,type:a,children:o})};
@@ -0,0 +1,3 @@
1
+ import { SystemIconPartProps } from '../../SystemIcon.types';
2
+ declare const LargeUserImageAvatar: ({ testId }: SystemIconPartProps) => import("react/jsx-runtime").JSX.Element;
3
+ export default LargeUserImageAvatar;
@@ -0,0 +1 @@
1
+ "use strict";var t=require("react/jsx-runtime");module.exports=function(e){e=e.testId;return t.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"80",height:"80",viewBox:"0 0 80 80",fill:"none",className:"h-full w-full","data-testid":e,children:[t.jsx("rect",{width:"80",height:"80",rx:"40",fill:"#E0E0E0"}),t.jsx("circle",{cx:"40",cy:"30",r:"15",fill:"#FAFAFA"}),t.jsx("path",{d:"M10 72.5C10 60.0736 20.0736 50 32.5 50H47.5C59.9264 50 70 60.0736 70 72.5V80H10V72.5Z",fill:"#FAFAFA"})]})};
@@ -1,3 +1,4 @@
1
1
  export { default as LargeAccountSetting } from './LargeAccountSetting';
2
2
  export { default as LargeDelete } from './LargeDelete';
3
3
  export { default as LargeService } from './LargeService';
4
+ export { default as LargeUserImageAvatar } from './LargeUserImageAvatar';
@@ -0,0 +1,3 @@
1
+ import { SystemIconPartProps } from '../../SystemIcon.types';
2
+ declare const SmallCamera: ({ testId }: SystemIconPartProps) => import("react/jsx-runtime").JSX.Element;
3
+ export default SmallCamera;
@@ -0,0 +1 @@
1
+ "use strict";var C=require("react/jsx-runtime");module.exports=function(e){e=e.testId;return C.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none","data-tesid":e,children:C.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.93603 7.68506C4.96003 8.83406 5.90903 9.75005 7.04303 9.72305C7.58924 9.71202 8.10874 9.48468 8.48747 9.09095C8.8662 8.69722 9.07321 8.16928 9.06303 7.62306C9.04003 6.49606 8.10303 5.61206 6.95303 5.63306C5.83103 5.65506 4.91203 6.59106 4.93603 7.68506ZM7.00103 11.7491C5.66403 11.7491 4.32703 11.7521 2.99103 11.7481C2.16603 11.7461 1.49703 11.1961 1.49903 10.3121C1.50503 8.55706 1.49903 6.80206 1.50303 5.04806C1.50603 4.34606 1.87103 3.86806 2.55003 3.66806C2.69003 3.62806 2.84403 3.62606 2.99203 3.62406C3.42203 3.61906 3.85203 3.61606 4.28203 3.62606C4.44503 3.62906 4.52203 3.56806 4.55603 3.41606C4.58803 3.27906 4.64103 3.14606 4.68603 3.01306C4.82203 2.60306 5.11603 2.37006 5.53603 2.28706C5.66403 2.26106 5.79803 2.25306 5.92903 2.25306C6.65703 2.25006 7.38603 2.24906 8.11303 2.25206C8.48003 2.25206 8.82603 2.32506 9.07803 2.61506C9.17203 2.72406 9.24503 2.85406 9.30803 2.98506C9.36303 3.09506 9.39203 3.21906 9.42703 3.33806C9.52103 3.65806 9.50203 3.61806 9.82903 3.62206C10.299 3.62706 10.769 3.61406 11.239 3.63706C11.5658 3.65814 11.8736 3.7978 12.1047 4.02981C12.3358 4.26181 12.4742 4.5702 12.494 4.89706C12.498 4.94906 12.499 5.00006 12.499 5.05106C12.499 6.80606 12.496 8.56105 12.499 10.3151C12.501 10.7951 12.328 11.1891 11.93 11.4711C11.6714 11.6547 11.3612 11.7517 11.044 11.7481C9.69503 11.7501 8.34803 11.7481 7.00003 11.7481",fill:"#212121"})})};
@@ -6,3 +6,4 @@ export { default as SmallCheck } from './SmallCheck';
6
6
  export { default as SmallIndeterminate } from './SmallIndeterminate';
7
7
  export { default as SmallPlus } from './SmallPlus';
8
8
  export { default as SmallRadioDot } from './SmallRadioDot';
9
+ export { default as SmallCamera } from './SmallCamera';
@@ -1,4 +1,4 @@
1
- export declare const SmallSystemIconNames: readonly ["small_check", "small_indeterminate", "small_plus", "small_radio_dot", "small_arrow_left", "small_arrow_right", "small_arrow_down", "small_arrow_up"];
1
+ export declare const SmallSystemIconNames: readonly ["small_check", "small_indeterminate", "small_plus", "small_radio_dot", "small_arrow_left", "small_arrow_right", "small_arrow_down", "small_arrow_up", "small_camera"];
2
2
  export declare const MediumSystemIconNames: readonly ["medium_information", "medium_plus", "medium_delete", "medium_view", "medium_arrow_left", "medium_arrow_right", "medium_arrow_down", "medium_arrow_up", "medium_person_add", "medium_edit", "medium_caution"];
3
- export declare const LargeSystemIconNames: readonly ["large_delete", "large_service", "large_account_setting"];
3
+ export declare const LargeSystemIconNames: readonly ["large_delete", "large_service", "large_account_setting", "large_user_image_avatar"];
4
4
  export declare const SocialSystemIconNames: readonly ["social_google", "social_facebook"];
@@ -1,3 +1,3 @@
1
1
  import { SystemIconProps } from './SystemIcon.types';
2
- declare const SystemIcon: ({ name }: SystemIconProps) => import("react/jsx-runtime").JSX.Element | null;
2
+ declare const SystemIcon: ({ name, testId }: SystemIconProps) => import("react/jsx-runtime").JSX.Element | null;
3
3
  export default SystemIcon;
@@ -1 +1 @@
1
- "use strict";var e=require("react/jsx-runtime"),r=require("./Icons/Large/LargeAccountSetting.js"),s=require("./Icons/Large/LargeDelete.js"),u=require("./Icons/Large/LargeService.js"),i=require("./Icons/Medium/MediumArrowDown.js"),a=require("./Icons/Medium/MediumArrowLeft.js"),m=require("./Icons/Medium/MediumArrowRight.js"),o=require("./Icons/Medium/MediumArrowUp.js"),n=require("./Icons/Medium/MediumCaution.js"),l=require("./Icons/Medium/MediumDelete.js"),c=require("./Icons/Medium/MediumEdit.js"),t=require("./Icons/Medium/MediumInformation.js"),d=require("./Icons/Medium/MediumPersonAdd.js"),j=require("./Icons/Medium/MediumPlus.js"),_=require("./Icons/Medium/MediumView.js"),x=require("./Icons/Small/SmallArrowDown.js"),I=require("./Icons/Small/SmallArrowLeft.js"),q=require("./Icons/Small/SmallArrowRight.js"),w=require("./Icons/Small/SmallArrowUp.js"),M=require("./Icons/Small/SmallCheck.js"),S=require("./Icons/Small/SmallIndeterminate.js"),g=require("./Icons/Small/SmallPlus.js"),A=require("./Icons/Small/SmallRadioDot.js"),f=require("./Icons/Social/SocialFacebook.js"),p=require("./Icons/Social/SocialGoogle.js");module.exports=function(L){switch(L.name){case"small_check":return e.jsx(M,{});case"small_indeterminate":return e.jsx(S,{});case"small_plus":return e.jsx(g,{});case"small_radio_dot":return e.jsx(A,{});case"small_arrow_left":return e.jsx(I,{});case"small_arrow_right":return e.jsx(q,{});case"small_arrow_down":return e.jsx(x,{});case"small_arrow_up":return e.jsx(w,{});case"medium_information":return e.jsx(t,{});case"medium_plus":return e.jsx(j,{});case"medium_delete":return e.jsx(l,{});case"medium_view":return e.jsx(_,{});case"medium_arrow_left":return e.jsx(a,{});case"medium_arrow_right":return e.jsx(m,{});case"medium_arrow_down":return e.jsx(i,{});case"medium_arrow_up":return e.jsx(o,{});case"medium_person_add":return e.jsx(d,{});case"medium_edit":return e.jsx(c,{});case"medium_caution":return e.jsx(n,{});case"large_delete":return e.jsx(s,{});case"large_service":return e.jsx(u,{});case"large_account_setting":return e.jsx(r,{});case"social_google":return e.jsx(p,{});case"social_facebook":return e.jsx(f,{});default:return null}};
1
+ "use strict";var e=require("react/jsx-runtime"),r=require("./Icons/Large/LargeAccountSetting.js"),s=require("./Icons/Large/LargeDelete.js"),a=require("./Icons/Large/LargeService.js"),u=require("./Icons/Large/LargeUserImageAvatar.js"),i=require("./Icons/Medium/MediumArrowDown.js"),m=require("./Icons/Medium/MediumArrowLeft.js"),l=require("./Icons/Medium/MediumArrowRight.js"),n=require("./Icons/Medium/MediumArrowUp.js"),o=require("./Icons/Medium/MediumCaution.js"),c=require("./Icons/Medium/MediumDelete.js"),t=require("./Icons/Medium/MediumEdit.js"),d=require("./Icons/Medium/MediumInformation.js"),j=require("./Icons/Medium/MediumPersonAdd.js"),_=require("./Icons/Medium/MediumPlus.js"),I=require("./Icons/Medium/MediumView.js"),x=require("./Icons/Small/SmallArrowDown.js"),q=require("./Icons/Small/SmallArrowLeft.js"),S=require("./Icons/Small/SmallArrowRight.js"),g=require("./Icons/Small/SmallArrowUp.js"),w=require("./Icons/Small/SmallCheck.js"),M=require("./Icons/Small/SmallIndeterminate.js"),A=require("./Icons/Small/SmallPlus.js"),L=require("./Icons/Small/SmallRadioDot.js"),f=require("./Icons/Small/SmallCamera.js"),p=require("./Icons/Social/SocialFacebook.js"),h=require("./Icons/Social/SocialGoogle.js");module.exports=function(v){var D=v.name,k=v.testId;switch(D){case"small_check":return e.jsx(w,{});case"small_indeterminate":return e.jsx(M,{});case"small_plus":return e.jsx(A,{});case"small_radio_dot":return e.jsx(L,{});case"small_arrow_left":return e.jsx(q,{});case"small_arrow_right":return e.jsx(S,{});case"small_arrow_down":return e.jsx(x,{});case"small_arrow_up":return e.jsx(g,{});case"medium_information":return e.jsx(d,{});case"small_camera":return e.jsx(f,{testId:k});case"medium_plus":return e.jsx(_,{});case"medium_delete":return e.jsx(c,{});case"medium_view":return e.jsx(I,{});case"medium_arrow_left":return e.jsx(m,{});case"medium_arrow_right":return e.jsx(l,{});case"medium_arrow_down":return e.jsx(i,{});case"medium_arrow_up":return e.jsx(n,{});case"medium_person_add":return e.jsx(j,{});case"medium_edit":return e.jsx(t,{});case"medium_caution":return e.jsx(o,{});case"large_delete":return e.jsx(s,{});case"large_service":return e.jsx(a,{});case"large_account_setting":return e.jsx(r,{});case"large_user_image_avatar":return e.jsx(u,{testId:k});case"social_google":return e.jsx(h,{});case"social_facebook":return e.jsx(p,{});default:return null}};
@@ -6,4 +6,8 @@ export type SocialSystemIconName = (typeof SocialSystemIconNames)[number];
6
6
  export type SystemIconName = SmallSystemIconName | MediumSystemIconName | LargeSystemIconName | SocialSystemIconName;
7
7
  export interface SystemIconProps {
8
8
  name: SystemIconName;
9
+ testId?: string;
10
+ }
11
+ export interface SystemIconPartProps {
12
+ testId?: string;
9
13
  }
@@ -9,3 +9,4 @@ export { default as LoadingIndicator } from './LoadingIndicator';
9
9
  export { default as TextInput } from './TextInput';
10
10
  export { default as Divider } from './Divider';
11
11
  export { default as ServiceLogo } from './ServiceLogo';
12
+ export { default as Avatar } from './Avatar';
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- "use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),r=require("../../Atoms/Typography/Typography.js"),i=(require("../../../_virtual/_tslib.js"),require("react"),require("./CheckboxCard.parts.js")),s=require("./useCheckboxCard.js");module.exports=function(a){var d=a.disabled,d=void 0!==d&&d,o=a.checked,c=a.isError,c=void 0!==c&&c,n=a.onChange,h=a.isWide,h=void 0!==h&&h,l=a.className,x=a.iconName,C=a.title,m=a.description,a=a.testId,o=s({checked:void 0!==o&&o,disabled:d,onChange:n}),n=o.isHover,u=o.isChecked,b=o.hoverListItemContainer,g=o.unhoverListItemContainer,o=o.handleChange;return e.jsx("label",{className:"h-fit w-fit","data-testid":a,role:"checkbox-card",children:e.jsxs(i.CheckboxCardContainer,{"data-testid":"design-system-checkboxCard--container",checked:u,isError:c,isWide:h,isHover:n,disabled:d,onMouseOver:b,onMouseOut:g,className:l,children:[e.jsx(i.StyledCheckbox,{isWide:h,checked:u,onChange:o,isError:c,isHover:n,disabled:d}),e.jsx(i.CheckboxCardIcon,{iconName:x,disabled:!!c||d}),e.jsxs(i.TitleContainer,{isWide:h,"data-testid":"design-system-checkboxCard--titleBox",children:[e.jsx(r,{"data-testid":"design-system-checkboxCard--title",variant:"body1",className:t.twMerge("font-medium",h?"text-left":"text-center",d?"text-w-gray-300":"text-w-gray-900"),children:C}),m&&e.jsx(r,{variant:"body2",className:t.twMerge("font-medium",h?"text-left":"text-center",d?"text-w-gray-300":"text-w-gray-600"),"data-testid":"design-system-checkboxCard--description",children:m})]})]})})};
2
+ "use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),r=require("../../Atoms/Typography/Typography.js"),i=(require("../../../_virtual/_tslib.js"),require("react"),require("next/image"),require("./CheckboxCard.parts.js")),s=require("./useCheckboxCard.js");module.exports=function(a){var d=a.disabled,d=void 0!==d&&d,o=a.checked,c=a.isError,c=void 0!==c&&c,n=a.onChange,h=a.isWide,h=void 0!==h&&h,l=a.className,x=a.iconName,m=a.title,C=a.description,a=a.testId,o=s({checked:void 0!==o&&o,disabled:d,onChange:n}),n=o.isHover,u=o.isChecked,b=o.hoverListItemContainer,g=o.unhoverListItemContainer,o=o.handleChange;return e.jsx("label",{className:"h-fit w-fit","data-testid":a,role:"checkbox-card",children:e.jsxs(i.CheckboxCardContainer,{"data-testid":"design-system-checkboxCard--container",checked:u,isError:c,isWide:h,isHover:n,disabled:d,onMouseOver:b,onMouseOut:g,className:l,children:[e.jsx(i.StyledCheckbox,{isWide:h,checked:u,onChange:o,isError:c,isHover:n,disabled:d}),e.jsx(i.CheckboxCardIcon,{iconName:x,disabled:!!c||d}),e.jsxs(i.TitleContainer,{isWide:h,"data-testid":"design-system-checkboxCard--titleBox",children:[e.jsx(r,{"data-testid":"design-system-checkboxCard--title",variant:"body1",className:t.twMerge("font-medium",h?"text-left":"text-center",d?"text-w-gray-300":"text-w-gray-900"),children:m}),C&&e.jsx(r,{variant:"body2",className:t.twMerge("font-medium",h?"text-left":"text-center",d?"text-w-gray-300":"text-w-gray-600"),"data-testid":"design-system-checkboxCard--description",children:C})]})]})})};
@@ -1 +1 @@
1
- "use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),i=require("tailwind-merge"),s=require("../../Atoms/Checkbox/Checkbox.js"),t=require("../../Atoms/ProductIcon/ProductIcon.js");require("react"),exports.CheckboxCardContainer=function(s){var t=s.children,a=s.isWide,n=s.checked,c=s.isError,o=s.isHover,d=s.disabled,l=s.className,s=e.__rest(s,["children","isWide","checked","isError","isHover","disabled","className"]);return r.jsx("div",e.__assign({className:i.twMerge("relative flex h-auto cursor-pointer items-center gap-2 rounded-xl ring-1",a?"min-h-[94px] w-[298px] flex-row p-[17px]":"min-h-fit w-[224px] flex-col justify-center px-[17px] pb-[25px] pt-[17px]",d?i.twMerge("cursor-not-allowed",n&&!c?"ring-w-cyan-100":"ring-w-gray-200"):c?"ring-w-red-500":n||o?"ring-w-cyan-500":"ring-w-gray-200",d?n&&!c?"bg-w-cyan-10":"bg-w-gray-10":n?c?"bg-w-red-10":"bg-w-cyan-10":"bg-w-white",l)},s,{children:t}))},exports.CheckboxCardIcon=function(e){var i=e.iconName,e=e.disabled;return r.jsx("div",{className:"flex h-[60px] w-[60px] items-center justify-center","data-testid":"design-system-checkboxCard--icon",children:r.jsx(t,{name:i,disabled:e})})},exports.StyledCheckbox=function(t){var a=t.isWide,n=t.className,t=e.__rest(t,["isWide","className"]);return r.jsx(s,e.__assign({className:i.twMerge(!a&&"absolute left-[17px] top-[17px]",n)},t))},exports.TitleContainer=function(e){var s=e.isWide,e=e.children;return r.jsx("div",{className:i.twMerge("flex h-auto w-full flex-col justify-between",s?"items-start":"items-center"),children:e})};
1
+ "use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),i=require("tailwind-merge"),s=require("../../Atoms/Checkbox/Checkbox.js"),t=require("../../Atoms/ProductIcon/ProductIcon.js");require("react"),require("next/image"),exports.CheckboxCardContainer=function(s){var t=s.children,a=s.isWide,n=s.checked,c=s.isError,o=s.isHover,d=s.disabled,l=s.className,s=e.__rest(s,["children","isWide","checked","isError","isHover","disabled","className"]);return r.jsx("div",e.__assign({className:i.twMerge("relative flex h-auto cursor-pointer items-center gap-2 rounded-xl ring-1",a?"min-h-[94px] w-[298px] flex-row p-[17px]":"min-h-fit w-[224px] flex-col justify-center px-[17px] pb-[25px] pt-[17px]",d?i.twMerge("cursor-not-allowed",n&&!c?"ring-w-cyan-100":"ring-w-gray-200"):c?"ring-w-red-500":n||o?"ring-w-cyan-500":"ring-w-gray-200",d?n&&!c?"bg-w-cyan-10":"bg-w-gray-10":n?c?"bg-w-red-10":"bg-w-cyan-10":"bg-w-white",l)},s,{children:t}))},exports.CheckboxCardIcon=function(e){var i=e.iconName,e=e.disabled;return r.jsx("div",{className:"flex h-[60px] w-[60px] items-center justify-center","data-testid":"design-system-checkboxCard--icon",children:r.jsx(t,{name:i,disabled:e})})},exports.StyledCheckbox=function(t){var a=t.isWide,n=t.className,t=e.__rest(t,["isWide","className"]);return r.jsx(s,e.__assign({className:i.twMerge(!a&&"absolute left-[17px] top-[17px]",n)},t))},exports.TitleContainer=function(e){var s=e.isWide,e=e.children;return r.jsx("div",{className:i.twMerge("flex h-auto w-full flex-col justify-between",s?"items-start":"items-center"),children:e})};
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- "use strict";var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),i=require("react"),r=require("tailwind-merge"),a=require("../../Atoms/Typography/Typography.js"),t=require("../../Atoms/Checkbox/Checkbox.js"),c=function(i){var a=i.children,t=i.disabled,c=i.className,i=e.__rest(i,["children","disabled","className"]);return s.jsx("label",e.__assign({className:r.twMerge("grid h-min w-min grid-cols-checkbox-list-item-container grid-rows-checkbox-list-item-container items-center gap-x-3 gap-y-[2px] grid-areas-checkbox-list-item-container",t?"cursor-not-allowed":"cursor-pointer",c)},i,{children:a}))};module.exports=function(e){var r=e.label,d=e.description,n=e.checked,o=e.disabled,o=void 0!==o&&o,l=e.isError,l=void 0!==l&&l,m=e.className,h=e.CheckboxClassName,e=e.onChange,x=i.useState(!1),g=x[0],b=x[1];return s.jsxs(c,{"data-testid":"design-system-checkboxList--item",disabled:o,className:m,onMouseOver:function(){b(!0)},onMouseOut:function(){b(!1)},children:[s.jsx("div",{className:"grid-in-checkbox",children:s.jsx(t,{checked:n,isHover:g,isError:l,disabled:o,onChange:e,className:h})}),s.jsx("div",{className:"grid-in-label",children:s.jsx(a,{variant:"body2",className:o?"text-w-gray-300":"text-w-gray-900","data-testid":"design-system-checkboxList--item-label",children:r})}),d&&s.jsx("div",{className:"grid-in-description",children:s.jsx(a,{variant:"body3",className:o?"text-w-gray-300":"text-w-gray-600","data-testid":"design-system-checkboxList--item-description",children:d})})]})};
2
+ "use strict";var e=require("../../../_virtual/_tslib.js"),i=require("react/jsx-runtime"),s=require("react"),r=require("tailwind-merge"),a=require("../../Atoms/Typography/Typography.js"),t=require("../../Atoms/Checkbox/Checkbox.js"),c=(require("next/image"),function(s){var a=s.children,t=s.disabled,c=s.className,s=e.__rest(s,["children","disabled","className"]);return i.jsx("label",e.__assign({className:r.twMerge("grid h-min w-min grid-cols-checkbox-list-item-container grid-rows-checkbox-list-item-container items-center gap-x-3 gap-y-[2px] grid-areas-checkbox-list-item-container",t?"cursor-not-allowed":"cursor-pointer",c)},s,{children:a}))});module.exports=function(e){var r=e.label,n=e.description,d=e.checked,o=e.disabled,o=void 0!==o&&o,l=e.isError,l=void 0!==l&&l,m=e.className,x=e.CheckboxClassName,e=e.onChange,h=s.useState(!1),g=h[0],u=h[1];return i.jsxs(c,{"data-testid":"design-system-checkboxList--item",disabled:o,className:m,onMouseOver:function(){u(!0)},onMouseOut:function(){u(!1)},children:[i.jsx("div",{className:"grid-in-checkbox",children:i.jsx(t,{checked:d,isHover:g,isError:l,disabled:o,onChange:e,className:x})}),i.jsx("div",{className:"grid-in-label",children:i.jsx(a,{variant:"body2",className:o?"text-w-gray-300":"text-w-gray-900","data-testid":"design-system-checkboxList--item-label",children:r})}),n&&i.jsx("div",{className:"grid-in-description",children:i.jsx(a,{variant:"body3",className:o?"text-w-gray-300":"text-w-gray-600","data-testid":"design-system-checkboxList--item-description",children:n})})]})};
@@ -1 +1 @@
1
- "use strict";var e=require("react/jsx-runtime"),r=require("../../Atoms/Typography/Typography.js"),s=(require("../../../_virtual/_tslib.js"),require("react"),require("tailwind-merge"),require("../../Atoms/Box/Box.js")),a=require("../../Atoms/ProductIcon/ProductIcon.js"),i=require("../../Atoms/Divider/Divider.js"),t=require("./IconMessageCard.parts.js");module.exports=function(n){var o=n.icon,c=n.title,d=n.description,n=n.links;return e.jsxs(s,{className:"flex h-auto flex-col rounded-xl border border-w-gray-200","data-testid":"design-system-icon-message-card--container",children:[e.jsxs(s,{className:"flex h-auto flex-col gap-3 border-w-gray-200 px-6 py-4",children:[o&&e.jsx(a,{name:o}),e.jsx(r,{variant:"body1",className:"whitespace-pre-line font-medium text-w-gray-900","data-testid":"design-system-icon-message-card--title",children:c}),d&&e.jsx(r,{variant:"body2",className:"whitespace-pre-line text-w-gray-600","data-testid":"design-system-icon-message-card--description",children:d})]}),n&&0<n.length&&e.jsxs(e.Fragment,{children:[e.jsx(i,{}),e.jsx(s,{className:"flex h-auto w-full flex-col gap-3 px-6 py-4",children:e.jsx(t.ExternalLinks,{links:n})})]})]})};
1
+ "use strict";var e=require("react/jsx-runtime"),r=require("../../Atoms/Typography/Typography.js"),s=(require("../../../_virtual/_tslib.js"),require("react"),require("tailwind-merge"),require("../../Atoms/Box/Box.js")),a=require("../../Atoms/ProductIcon/ProductIcon.js"),i=require("../../Atoms/Divider/Divider.js"),t=(require("next/image"),require("./IconMessageCard.parts.js"));module.exports=function(n){var o=n.icon,c=n.title,d=n.description,n=n.links;return e.jsxs(s,{className:"flex h-auto flex-col rounded-xl border border-w-gray-200","data-testid":"design-system-icon-message-card--container",children:[e.jsxs(s,{className:"flex h-auto flex-col gap-3 border-w-gray-200 px-6 py-4",children:[o&&e.jsx(a,{name:o}),e.jsx(r,{variant:"body1",className:"whitespace-pre-line font-medium text-w-gray-900","data-testid":"design-system-icon-message-card--title",children:c}),d&&e.jsx(r,{variant:"body2",className:"whitespace-pre-line text-w-gray-600","data-testid":"design-system-icon-message-card--description",children:d})]}),n&&0<n.length&&e.jsxs(e.Fragment,{children:[e.jsx(i,{}),e.jsx(s,{className:"flex h-auto w-full flex-col gap-3 px-6 py-4",children:e.jsx(t.ExternalLinks,{links:n})})]})]})};
@@ -1 +1 @@
1
- "use strict";var e=require("react/jsx-runtime"),r=require("next/link"),t=require("../../Atoms/Typography/Typography.js"),s=(require("../../../_virtual/_tslib.js"),require("react"),require("tailwind-merge"),require("../../Atoms/Box/Box.js")),a=require("../../Atoms/SystemIcon/SystemIcon.js");exports.ExternalLinks=function(i){i=i.links;return e.jsx(s,{className:"flex flex-col gap-2","data-testid":"design-system-icon-message-card--external-links-container",children:null==i?void 0:i.map(function(s,i){return e.jsxs(r,{target:s.target||"_blank",prefetch:"_self"===s.target,href:s.url,className:"flex items-center justify-between text-w-gray-600 no-underline","data-testid":"design-system-icon-message-card--external-links-item-".concat(i),children:[e.jsx(t,{variant:"body2",children:s.title}),e.jsx(a,{name:"small_arrow_right"})]},"".concat(s.title,"-").concat(s.url))})})};
1
+ "use strict";var e=require("react/jsx-runtime"),r=require("next/link"),t=require("../../Atoms/Typography/Typography.js"),s=(require("../../../_virtual/_tslib.js"),require("react"),require("tailwind-merge"),require("../../Atoms/Box/Box.js")),a=(require("next/image"),require("../../Atoms/SystemIcon/SystemIcon.js"));exports.ExternalLinks=function(i){i=i.links;return e.jsx(s,{className:"flex flex-col gap-2","data-testid":"design-system-icon-message-card--external-links-container",children:null==i?void 0:i.map(function(s,i){return e.jsxs(r,{target:s.target||"_blank",prefetch:"_self"===s.target,href:s.url,className:"flex items-center justify-between text-w-gray-600 no-underline","data-testid":"design-system-icon-message-card--external-links-item-".concat(i),children:[e.jsx(t,{variant:"body2",children:s.title}),e.jsx(a,{name:"small_arrow_right"})]},"".concat(s.title,"-").concat(s.url))})})};
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- "use strict";var e=require("../../../_virtual/_tslib.js"),i=require("react/jsx-runtime"),s=require("react"),r=require("tailwind-merge"),a=require("../../Atoms/Typography/Typography.js"),t=require("../../Atoms/Radio/Radio.js"),d=function(s){var a=s.children,t=s.disabled,d=s.className,s=e.__rest(s,["children","disabled","className"]);return i.jsx("label",e.__assign({className:r.twMerge("grid h-min w-min grid-cols-radio-list-item-container grid-rows-radio-list-item-container items-center gap-x-3 gap-y-[2px] grid-areas-radio-list-item-container",t?"cursor-not-allowed":"cursor-pointer",d)},s,{children:a}))};module.exports=function(e){var r=e.name,n=e.value,o=e.label,l=e.description,c=e.checked,m=e.disabled,m=void 0!==m&&m,u=e.isError,u=void 0!==u&&u,g=e.className,h=e.RadioClassName,e=e.onChange,x=s.useState(!1),v=x[0],y=x[1];return i.jsxs(d,{"data-testid":"design-system-radioList--item",disabled:m,className:g,onMouseOver:function(){y(!0)},onMouseOut:function(){y(!1)},children:[i.jsx("div",{className:"cursor-pointer grid-in-radio",children:i.jsx(t,{name:r,value:n,checked:c,isHover:v,isError:u,disabled:m,onChange:e,className:h})}),i.jsx("div",{className:"grid-in-label",children:i.jsx(a,{variant:"body2",className:m?"text-w-gray-300":"text-w-gray-900","data-testid":"design-system-radioList--item-label",children:o})}),l&&i.jsx("div",{className:"grid-in-description",children:i.jsx(a,{variant:"body3",className:m?"text-w-gray-300":"text-w-gray-600","data-testid":"design-system-radioList--item-description",children:l})})]})};
2
+ "use strict";var e=require("../../../_virtual/_tslib.js"),i=require("react/jsx-runtime"),r=require("react"),s=require("tailwind-merge"),a=require("../../Atoms/Typography/Typography.js"),t=require("../../Atoms/Radio/Radio.js"),d=(require("next/image"),function(r){var a=r.children,t=r.disabled,d=r.className,r=e.__rest(r,["children","disabled","className"]);return i.jsx("label",e.__assign({className:s.twMerge("grid h-min w-min grid-cols-radio-list-item-container grid-rows-radio-list-item-container items-center gap-x-3 gap-y-[2px] grid-areas-radio-list-item-container",t?"cursor-not-allowed":"cursor-pointer",d)},r,{children:a}))});module.exports=function(e){var s=e.name,n=e.value,o=e.label,l=e.description,c=e.checked,m=e.disabled,m=void 0!==m&&m,u=e.isError,u=void 0!==u&&u,g=e.className,x=e.RadioClassName,e=e.onChange,h=r.useState(!1),v=h[0],y=h[1];return i.jsxs(d,{"data-testid":"design-system-radioList--item",disabled:m,className:g,onMouseOver:function(){y(!0)},onMouseOut:function(){y(!1)},children:[i.jsx("div",{className:"cursor-pointer grid-in-radio",children:i.jsx(t,{name:s,value:n,checked:c,isHover:v,isError:u,disabled:m,onChange:e,className:x})}),i.jsx("div",{className:"grid-in-label",children:i.jsx(a,{variant:"body2",className:m?"text-w-gray-300":"text-w-gray-900","data-testid":"design-system-radioList--item-label",children:o})}),l&&i.jsx("div",{className:"grid-in-description",children:i.jsx(a,{variant:"body3",className:m?"text-w-gray-300":"text-w-gray-600","data-testid":"design-system-radioList--item-description",children:l})})]})};
@@ -1 +1 @@
1
- "use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),t=(require("../../../_virtual/_tslib.js"),require("react"),require("../../Atoms/Badge/Badge.js"));module.exports=function(a){var i=a.text,s=a.children,d=a.className,l=a.variant,l=void 0===l?"small":l,o=a.showZero,o=void 0!==o&&o,a=a.disabled,a=void 0!==a&&a;return e.jsxs("div",{className:r.twMerge("relative w-fit",d),"data-testid":"with-badge",children:[s,e.jsx(t,{text:i,variant:l,disabled:a,showZero:o,className:"absolute right-0 top-0 -translate-y-1/2 translate-x-1/2 transform"})]})};
1
+ "use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),t=(require("../../../_virtual/_tslib.js"),require("react"),require("../../Atoms/Badge/Badge.js"));require("next/image"),module.exports=function(a){var i=a.text,s=a.children,d=a.className,l=a.variant,l=void 0===l?"small":l,o=a.showZero,o=void 0!==o&&o,a=a.disabled,a=void 0!==a&&a;return e.jsxs("div",{className:r.twMerge("relative w-fit",d),"data-testid":"with-badge",children:[s,e.jsx(t,{text:i,variant:l,disabled:a,showZero:o,className:"absolute right-0 top-0 -translate-y-1/2 translate-x-1/2 transform"})]})};
@@ -0,0 +1,10 @@
1
+ /// <reference types="react" />
2
+ declare const TextTab: {
3
+ Root: ({ children, defaultActive, isFit, hasPadding, onChange, }: import("./TextTab.types").RootProps) => import("react/jsx-runtime").JSX.Element;
4
+ Tabs: ({ children }: {
5
+ children?: import("react").ReactNode;
6
+ }) => import("react/jsx-runtime").JSX.Element;
7
+ Tab: ({ children, index, className, barColor, disabled, }: import("./TextTab.types").TabProps) => import("react/jsx-runtime").JSX.Element;
8
+ Panel: ({ children, index, className }: import("./TextTab.types").PanelProps) => false | import("react/jsx-runtime").JSX.Element;
9
+ };
10
+ export default TextTab;
@@ -0,0 +1,2 @@
1
+ 'use client';
2
+ "use strict";var a=require("./TextTab.parts.js"),e={Root:a.Root,Tabs:a.Tabs,Tab:a.Tab,Panel:a.Panel};module.exports=e;
@@ -0,0 +1,7 @@
1
+ import { PropsWithChildren } from 'react';
2
+ import { PanelProps, RootProps, TabProps } from './TextTab.types';
3
+ declare const Root: ({ children, defaultActive, isFit, hasPadding, onChange, }: RootProps) => import("react/jsx-runtime").JSX.Element;
4
+ declare const Tabs: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
5
+ declare const Tab: ({ children, index, className, barColor, disabled, }: TabProps) => import("react/jsx-runtime").JSX.Element;
6
+ declare const Panel: ({ children, index, className }: 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"),t=require("react"),i=require("tailwind-merge"),a=(require("../../../_virtual/_tslib.js"),require("../../Atoms/Box/Box.js")),r=require("../../Atoms/Divider/Divider.js"),n=(require("next/image"),t.createContext({activeTab:0,defaultActive:0,animationDirection:"right",isFit:!0,hasPadding:!1,handleTabClick:function(e){}}));exports.Panel=function(r){var s=r.children,c=r.index,r=r.className,l=t.useContext(n),d=l.isFit,o=l.hasPadding;return l.activeTab===c&&e.jsx(a,{className:i.twMerge("px-[7px] pt-6",d&&!o&&"mx-4",r),"data-testid":"design-system-textTab--content",children:s})},exports.Root=function(i){function a(e){if(e===o)return g(void 0);o<e&&g("right"),e<o&&g("left"),null!=d&&d(),x(e)}var r=i.children,s=i.defaultActive,c=void 0===s?0:s,s=i.isFit,s=void 0===s||s,l=i.hasPadding,l=void 0!==l&&l,d=i.onChange,i=t.useState(c),o=i[0],x=i[1],i=t.useState(void 0),u=i[0],g=i[1];return t.useEffect(function(){a(c)},[c]),e.jsx(n.Provider,{value:{activeTab:o,animationDirection:u,defaultActive:c,isFit:s,hasPadding:l,handleTabClick:a},children:r})},exports.Tab=function(r){var s=r.children,c=r.index,l=r.className,d=r.barColor,r=r.disabled,o=void 0!==r&&r,r=t.useContext(n),x=r.isFit,u=r.handleTabClick,g=r.activeTab,r=r.animationDirection,g=c===g;return e.jsx(a,{tabIndex:0,"data-testid":"design-system-textTab--item-".concat(c),className:i.twMerge("flex w-fit cursor-pointer items-center rounded-xl hover:bg-w-gray-10",x&&"px-4",o&&"cursor-not-allowed",l),onClick:function(){o||u(c)},children:e.jsxs(a,{className:i.twMerge("relative flex items-center justify-center gap-2 py-3.5 text-w-gray-400",!x&&"px-[33.5px]",g&&"text-w-gray-900"),children:[s,e.jsx("span",{"data-testid":"design-system-textTab--underbar-".concat(c),className:i.twMerge("absolute -bottom-px left-0 h-0.5 w-full rounded-t-lg bg-transparent",g&&"bg-w-gray-900 transition duration-500 ease-out ".concat("right"===(r||"")?"-left-1/2 translate-x-1/2":"left-1/2 -translate-x-1/2"),d)})]})})},exports.Tabs=function(s){var s=s.children,c=t.useContext(n),l=c.isFit,c=c.hasPadding;return e.jsxs(e.Fragment,{children:[e.jsx(a,{className:i.twMerge("flex w-full flex-col items-start justify-center text-center",l&&c&&"px-[18px]",!l&&c&&"px-9"),"data-testid":"design-system-textTab--container",children:e.jsx(a,{className:"flex items-center justify-center gap-10",children:s})}),e.jsx(r,{className:i.twMerge("w-full",l&&!c&&"mx-4")})]})};
@@ -0,0 +1,7 @@
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;
@@ -0,0 +1,25 @@
1
+ import { PropsWithChildren } from 'react';
2
+ export interface RootProps extends PropsWithChildren {
3
+ defaultActive?: number;
4
+ isFit?: boolean;
5
+ hasPadding?: boolean;
6
+ onChange?: () => void;
7
+ }
8
+ export interface TabProps extends PropsWithChildren {
9
+ index: number;
10
+ disabled?: boolean;
11
+ className?: string;
12
+ barColor?: string;
13
+ }
14
+ export interface PanelProps extends PropsWithChildren {
15
+ index: number;
16
+ className?: string;
17
+ }
18
+ export type TabContextType = {
19
+ activeTab: number;
20
+ defaultActive: number;
21
+ animationDirection: 'right' | 'left' | undefined;
22
+ isFit: boolean;
23
+ hasPadding: boolean;
24
+ handleTabClick: (index: number) => void;
25
+ };
@@ -0,0 +1,2 @@
1
+ import TextTab from './TextTab';
2
+ export default TextTab;
@@ -0,0 +1 @@
1
+ "use strict";var e=require("./TextTab.js");module.exports=e;
@@ -1 +1,2 @@
1
1
  export { default as Modal } from './Modal';
2
+ export { default as TextTab } from './TextTab';
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";var o=require("./Components/Atoms/Typography/Typography.js"),e=require("./Components/Atoms/Checkbox/Checkbox.js"),s=require("./Components/Atoms/Badge/Badge.js"),r=require("./Components/Atoms/Box/Box.js"),t=require("./Components/Atoms/ProductIcon/ProductIcon.js"),n=require("./Components/Atoms/Radio/Radio.js"),i=require("./Components/Atoms/Button/Button.js"),p=require("./Components/Atoms/LoadingIndicator/LoadingIndicator.js"),a=require("./Components/Atoms/TextInput/TextInput.js"),u=require("./Components/Atoms/Divider/Divider.js"),d=require("./Components/Atoms/ServiceLogo/ServiceLogo.js"),x=require("./Components/Molecules/WithBadge/WithBadge.js"),C=require("./Components/Molecules/GridLayout/GridLayout.js"),c=require("./Components/Molecules/CheckboxList/CheckboxList.js"),m=require("./Components/Molecules/CheckboxCard/CheckboxCard.js"),g=require("./Components/Molecules/RadioList/RadioList.js"),j=require("./Components/Molecules/IconMessageCard/IconMessageCard.js"),q=require("./Components/Organisms/Modal/Modal.js");exports.Typography=o,exports.Checkbox=e,exports.Badge=s,exports.Box=r,exports.ProductIcon=t,exports.Radio=n,exports.Button=i,exports.LoadingIndicator=p,exports.TextInput=a,exports.Divider=u,exports.ServiceLogo=d,exports.WithBadge=x,exports.GridLayout=C,exports.CheckboxList=c,exports.CheckboxCard=m,exports.RadioList=g,exports.IconMessageCard=j,exports.Modal=q;
1
+ "use strict";var e=require("./Components/Atoms/Typography/Typography.js"),o=require("./Components/Atoms/Checkbox/Checkbox.js"),s=require("./Components/Atoms/Badge/Badge.js"),r=require("./Components/Atoms/Box/Box.js"),t=require("./Components/Atoms/ProductIcon/ProductIcon.js"),n=require("./Components/Atoms/Radio/Radio.js"),i=require("./Components/Atoms/Button/Button.js"),p=require("./Components/Atoms/LoadingIndicator/LoadingIndicator.js"),a=require("./Components/Atoms/TextInput/TextInput.js"),u=require("./Components/Atoms/Divider/Divider.js"),x=require("./Components/Atoms/ServiceLogo/ServiceLogo.js"),d=require("./Components/Atoms/Avatar/Avatar.js"),C=require("./Components/Molecules/WithBadge/WithBadge.js"),m=require("./Components/Molecules/GridLayout/GridLayout.js"),c=require("./Components/Molecules/CheckboxList/CheckboxList.js"),g=require("./Components/Molecules/CheckboxCard/CheckboxCard.js"),j=require("./Components/Molecules/RadioList/RadioList.js"),q=require("./Components/Molecules/IconMessageCard/IconMessageCard.js"),h=require("./Components/Organisms/Modal/Modal.js"),l=require("./Components/Organisms/TextTab/TextTab.js");exports.Typography=e,exports.Checkbox=o,exports.Badge=s,exports.Box=r,exports.ProductIcon=t,exports.Radio=n,exports.Button=i,exports.LoadingIndicator=p,exports.TextInput=a,exports.Divider=u,exports.ServiceLogo=x,exports.Avatar=d,exports.WithBadge=C,exports.GridLayout=m,exports.CheckboxList=c,exports.CheckboxCard=g,exports.RadioList=j,exports.IconMessageCard=q,exports.Modal=h,exports.TextTab=l;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wishket/design-system",
3
- "version": "0.6.0",
3
+ "version": "0.7.0",
4
4
  "description": "Wishket Design System",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.es.js",