@wishket/design-system 0.0.4 → 0.2.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 (128) hide show
  1. package/dist/Components/Atoms/Box/Box.d.ts +7 -0
  2. package/dist/Components/Atoms/Box/Box.stories.d.ts +6 -0
  3. package/dist/Components/Atoms/Box/index.d.ts +2 -0
  4. package/dist/Components/Atoms/Button/Button.d.ts +3 -0
  5. package/dist/Components/Atoms/Button/Button.parts.d.ts +2 -0
  6. package/dist/Components/Atoms/Button/Button.stories.d.ts +6 -0
  7. package/dist/Components/Atoms/Button/Button.types.d.ts +9 -0
  8. package/dist/Components/Atoms/Button/index.d.ts +2 -0
  9. package/dist/Components/Atoms/Checkbox/Checkbox.d.ts +3 -0
  10. package/dist/Components/Atoms/Checkbox/Checkbox.stories.d.ts +7 -0
  11. package/dist/Components/Atoms/Checkbox/Checkbox.types.d.ts +14 -0
  12. package/dist/Components/Atoms/Checkbox/index.d.ts +2 -0
  13. package/dist/Components/Atoms/ProductIcon/Icons/Bookmark.d.ts +3 -0
  14. package/dist/Components/Atoms/ProductIcon/Icons/BubbleStar.d.ts +3 -0
  15. package/dist/Components/Atoms/ProductIcon/Icons/BubbleStars.d.ts +3 -0
  16. package/dist/Components/Atoms/ProductIcon/Icons/Building.d.ts +3 -0
  17. package/dist/Components/Atoms/ProductIcon/Icons/Calendar.d.ts +3 -0
  18. package/dist/Components/Atoms/ProductIcon/Icons/CardConfirm.d.ts +3 -0
  19. package/dist/Components/Atoms/ProductIcon/Icons/CardWrite.d.ts +3 -0
  20. package/dist/Components/Atoms/ProductIcon/Icons/Congrats.d.ts +3 -0
  21. package/dist/Components/Atoms/ProductIcon/Icons/Credit.d.ts +3 -0
  22. package/dist/Components/Atoms/ProductIcon/Icons/Database.d.ts +3 -0
  23. package/dist/Components/Atoms/ProductIcon/Icons/Design.d.ts +3 -0
  24. package/dist/Components/Atoms/ProductIcon/Icons/Discount.d.ts +3 -0
  25. package/dist/Components/Atoms/ProductIcon/Icons/DocumentCloud.d.ts +3 -0
  26. package/dist/Components/Atoms/ProductIcon/Icons/DocumentSuccess.d.ts +3 -0
  27. package/dist/Components/Atoms/ProductIcon/Icons/Email.d.ts +3 -0
  28. package/dist/Components/Atoms/ProductIcon/Icons/HandShake.d.ts +3 -0
  29. package/dist/Components/Atoms/ProductIcon/Icons/HandThumb.d.ts +3 -0
  30. package/dist/Components/Atoms/ProductIcon/Icons/Idea.d.ts +3 -0
  31. package/dist/Components/Atoms/ProductIcon/Icons/Lock.d.ts +3 -0
  32. package/dist/Components/Atoms/ProductIcon/Icons/Logout.d.ts +3 -0
  33. package/dist/Components/Atoms/ProductIcon/Icons/MemoWrite.d.ts +3 -0
  34. package/dist/Components/Atoms/ProductIcon/Icons/MobileConfirm.d.ts +3 -0
  35. package/dist/Components/Atoms/ProductIcon/Icons/PaperCertify.d.ts +3 -0
  36. package/dist/Components/Atoms/ProductIcon/Icons/PaperClip.d.ts +3 -0
  37. package/dist/Components/Atoms/ProductIcon/Icons/PaperClock.d.ts +3 -0
  38. package/dist/Components/Atoms/ProductIcon/Icons/PaperConfirm.d.ts +3 -0
  39. package/dist/Components/Atoms/ProductIcon/Icons/PaperContract.d.ts +3 -0
  40. package/dist/Components/Atoms/ProductIcon/Icons/PaperHold.d.ts +3 -0
  41. package/dist/Components/Atoms/ProductIcon/Icons/PaperOverlap.d.ts +3 -0
  42. package/dist/Components/Atoms/ProductIcon/Icons/PaperProject.d.ts +3 -0
  43. package/dist/Components/Atoms/ProductIcon/Icons/PaperSecurity.d.ts +3 -0
  44. package/dist/Components/Atoms/ProductIcon/Icons/PersonFreelancer.d.ts +3 -0
  45. package/dist/Components/Atoms/ProductIcon/Icons/PersonOffice.d.ts +3 -0
  46. package/dist/Components/Atoms/ProductIcon/Icons/PersonSmile.d.ts +3 -0
  47. package/dist/Components/Atoms/ProductIcon/Icons/Receipt.d.ts +3 -0
  48. package/dist/Components/Atoms/ProductIcon/Icons/Repair.d.ts +3 -0
  49. package/dist/Components/Atoms/ProductIcon/Icons/Search.d.ts +3 -0
  50. package/dist/Components/Atoms/ProductIcon/Icons/SearchConfirm.d.ts +3 -0
  51. package/dist/Components/Atoms/ProductIcon/Icons/ShieldConfirm.d.ts +3 -0
  52. package/dist/Components/Atoms/ProductIcon/Icons/ShieldWon.d.ts +3 -0
  53. package/dist/Components/Atoms/ProductIcon/Icons/Shopping.d.ts +3 -0
  54. package/dist/Components/Atoms/ProductIcon/Icons/WebDevelopment.d.ts +3 -0
  55. package/dist/Components/Atoms/ProductIcon/Icons/WebDomain.d.ts +3 -0
  56. package/dist/Components/Atoms/ProductIcon/Icons/WebPayment.d.ts +3 -0
  57. package/dist/Components/Atoms/ProductIcon/Icons/WebSecurity.d.ts +3 -0
  58. package/dist/Components/Atoms/ProductIcon/Icons/WidePaperConfirm.d.ts +3 -0
  59. package/dist/Components/Atoms/ProductIcon/Icons/WidePaperPayment.d.ts +3 -0
  60. package/dist/Components/Atoms/ProductIcon/Icons/WidePaperPlan.d.ts +3 -0
  61. package/dist/Components/Atoms/ProductIcon/Icons/WidePaperStructure.d.ts +3 -0
  62. package/dist/Components/Atoms/ProductIcon/Icons/index.d.ts +49 -0
  63. package/dist/Components/Atoms/ProductIcon/ProductIcon.d.ts +3 -0
  64. package/dist/Components/Atoms/ProductIcon/ProductIcon.stories.d.ts +7 -0
  65. package/dist/Components/Atoms/ProductIcon/ProductIcon.types.d.ts +7 -0
  66. package/dist/Components/Atoms/ProductIcon/index.d.ts +2 -0
  67. package/dist/Components/Atoms/Typography//bTypography.stories.d.ts +7 -0
  68. package/dist/Components/Atoms/Typography/Typography.d.ts +3 -0
  69. package/dist/Components/Atoms/Typography/Typography.types.d.ts +7 -0
  70. package/{Components/Atoms/Typography/index.ts → dist/Components/Atoms/Typography/index.d.ts} +0 -1
  71. package/dist/Components/Atoms/index.d.ts +5 -0
  72. package/dist/Components/Molecules/CheckboxCard/CheckboxCard.d.ts +3 -0
  73. package/dist/Components/Molecules/CheckboxCard/CheckboxCard.parts.d.ts +5 -0
  74. package/dist/Components/Molecules/CheckboxCard/CheckboxCard.stories.d.ts +8 -0
  75. package/dist/Components/Molecules/CheckboxCard/CheckboxCard.types.d.ts +30 -0
  76. package/dist/Components/Molecules/CheckboxCard/index.d.ts +2 -0
  77. package/dist/Components/Molecules/CheckboxCard/useCheckboxCard.d.ts +14 -0
  78. package/dist/Components/Molecules/CheckboxList/CHeckboxList.stories.d.ts +7 -0
  79. package/dist/Components/Molecules/CheckboxList/CheckboxList.d.ts +3 -0
  80. package/dist/Components/Molecules/CheckboxList/CheckboxList.types.d.ts +15 -0
  81. package/dist/Components/Molecules/CheckboxList/CheckboxListItem.d.ts +11 -0
  82. package/dist/Components/Molecules/CheckboxList/index.d.ts +2 -0
  83. package/dist/Components/Molecules/GridLayout/GridLayout.d.ts +3 -0
  84. package/dist/Components/Molecules/GridLayout/GridLayout.stories.d.ts +7 -0
  85. package/dist/Components/Molecules/GridLayout/GridLayout.types.d.ts +5 -0
  86. package/dist/Components/Molecules/GridLayout/index.d.ts +2 -0
  87. package/dist/Components/Molecules/index.d.ts +3 -0
  88. package/dist/config/tailwind.config.js +168 -0
  89. package/dist/index.d.ts +2 -0
  90. package/dist/index.es.js +1 -0
  91. package/dist/index.js +1 -0
  92. package/dist/types/checkbox.types.d.ts +6 -0
  93. package/dist/types/index.d.ts +1 -0
  94. package/package.json +47 -14
  95. package/.editorconfig +0 -12
  96. package/.eslintignore +0 -3
  97. package/.eslintrc.js +0 -33
  98. package/.github/CODEOWNERS +0 -1
  99. package/.github/ISSUE_TEMPLATE/bug.md +0 -44
  100. package/.github/ISSUE_TEMPLATE/feature_request.md +0 -29
  101. package/.github/pull_request_template.md +0 -36
  102. package/.github/release-drafter.yml +0 -49
  103. package/.github/workflows/design-system-canary.yml +0 -78
  104. package/.github/workflows/design-system-dev.yml +0 -77
  105. package/.github/workflows/design-system-release.yml +0 -61
  106. package/.github/workflows/pr-checklist.yml +0 -23
  107. package/.github/workflows/release-drafter.yml +0 -16
  108. package/.github/workflows/todo-bot.yml +0 -19
  109. package/.prettierrc +0 -7
  110. package/.vscode/settings.json +0 -24
  111. package/Components/Atoms/Typography/Typography.d.ts +0 -3
  112. package/Components/Atoms/Typography/Typography.tsx +0 -9
  113. package/Components/Atoms/index.ts +0 -1
  114. package/Components/index.ts +0 -1
  115. package/__test__/setupTests.ts +0 -3
  116. package/index.d.ts +0 -1
  117. package/index.js +0 -1
  118. package/jest.config.js +0 -26
  119. package/next.config.js +0 -4
  120. package/postcss.config.js +0 -6
  121. package/public/next.svg +0 -1
  122. package/public/vercel.svg +0 -1
  123. package/src/app/favicon.ico +0 -0
  124. package/src/app/globals.css +0 -3
  125. package/src/app/layout.tsx +0 -19
  126. package/src/app/page.tsx +0 -9
  127. package/tailwind.config.ts +0 -19
  128. package/tsconfig.json +0 -27
@@ -0,0 +1,7 @@
1
+ import { PropsWithChildren } from 'react';
2
+ interface BoxProps extends PropsWithChildren {
3
+ className?: string;
4
+ [key: string]: any;
5
+ }
6
+ declare const Box: <T>({ children, className, ...rest }: BoxProps) => import("react/jsx-runtime").JSX.Element;
7
+ export default Box;
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import Box from './Box';
3
+ declare const meta: Meta<typeof Box>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Box>;
6
+ export declare const Default: Story;
@@ -0,0 +1,2 @@
1
+ import Box from './Box';
2
+ export default Box;
@@ -0,0 +1,3 @@
1
+ import { ButtonProps } from './Button.types';
2
+ declare const Button: ({ type, ref, disabled, children, className, onClick, size, variant, rounded, }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
3
+ export default Button;
@@ -0,0 +1,2 @@
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;
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import Button from '.';
3
+ declare const meta: Meta<typeof Button>;
4
+ export default meta;
5
+ type Story = StoryObj;
6
+ export declare const Default: Story;
@@ -0,0 +1,9 @@
1
+ import { ComponentPropsWithRef } from 'react';
2
+ type ButtonSizeType = 'sm' | 'md' | 'lg';
3
+ type ButtonVariantType = 'default' | 'solid' | 'outlined';
4
+ export interface ButtonProps extends ComponentPropsWithRef<'button'> {
5
+ size?: ButtonSizeType;
6
+ variant?: ButtonVariantType;
7
+ rounded?: boolean;
8
+ }
9
+ export {};
@@ -0,0 +1,2 @@
1
+ import Button from './Button';
2
+ export default Button;
@@ -0,0 +1,3 @@
1
+ import { CheckboxProps } from './Checkbox.types';
2
+ declare const Checkbox: ({ checked, onChange, disabled, isError, isHover, type, className, ...rest }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
3
+ export default Checkbox;
@@ -0,0 +1,7 @@
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;
@@ -0,0 +1,14 @@
1
+ import { ChangeEvent } from 'react';
2
+ import { CheckboxStatus } from '../../../types';
3
+ export interface CheckboxButtonProps extends CheckboxStatus {
4
+ type?: 'box' | 'circle';
5
+ className?: string;
6
+ }
7
+ export interface CheckMarkProps {
8
+ checked: boolean;
9
+ }
10
+ export interface CheckboxProps extends CheckboxButtonProps {
11
+ onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
12
+ className?: string;
13
+ [key: string]: any;
14
+ }
@@ -0,0 +1,2 @@
1
+ import Checkbox from './Checkbox';
2
+ export default Checkbox;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const Bookmark: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default Bookmark;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const BubbleStar: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default BubbleStar;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const BubbleStars: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default BubbleStars;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const Building: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default Building;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const Calendar: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default Calendar;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const CardConfirm: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default CardConfirm;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const CardWrite: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default CardWrite;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const Congrats: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default Congrats;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const Credit: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default Credit;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const Database: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default Database;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const Design: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default Design;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const Discount: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default Discount;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const DocumentCloud: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default DocumentCloud;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const DocumentSuccess: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default DocumentSuccess;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const Email: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default Email;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const HandShake: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default HandShake;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const HandThumb: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default HandThumb;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const Idea: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default Idea;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const Lock: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default Lock;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const Logout: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default Logout;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const MemoWrite: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default MemoWrite;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const MobileConfirm: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default MobileConfirm;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const PaperCertify: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default PaperCertify;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const PaperClip: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default PaperClip;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const PaperClock: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default PaperClock;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const PaperConfirm: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default PaperConfirm;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const PaperContract: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default PaperContract;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const PaperHold: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default PaperHold;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const PaperOverlap: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default PaperOverlap;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const PaperProject: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default PaperProject;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const PaperSecurity: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default PaperSecurity;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const PersonFreelancer: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default PersonFreelancer;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const PersonOffice: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default PersonOffice;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const PersonSmile: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default PersonSmile;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const Receipt: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default Receipt;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const Repair: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default Repair;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const Search: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default Search;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const SearchConfirm: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default SearchConfirm;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const ShieldConfirm: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default ShieldConfirm;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const ShieldWon: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default ShieldWon;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const Shopping: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default Shopping;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const WebDevelopment: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default WebDevelopment;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const WebDomain: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default WebDomain;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const WebPayment: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default WebPayment;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const WebSecurity: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default WebSecurity;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const WidePaperConfirm: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default WidePaperConfirm;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const WidePaperPayment: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default WidePaperPayment;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const WidePaperPlan: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default WidePaperPlan;
@@ -0,0 +1,3 @@
1
+ import { ProductIcon } from '../ProductIcon.types';
2
+ declare const WidePaperStructure: ({ disabled }: ProductIcon) => import("react/jsx-runtime").JSX.Element;
3
+ export default WidePaperStructure;
@@ -0,0 +1,49 @@
1
+ export { default as WebDevelopment } from './WebDevelopment';
2
+ export { default as WebDomain } from './WebDomain';
3
+ export { default as WebSecurity } from './WebSecurity';
4
+ export { default as WebPayment } from './WebPayment';
5
+ export { default as WidePaperStructure } from './WidePaperStructure';
6
+ export { default as WidePaperPlan } from './WidePaperPlan';
7
+ export { default as WidePaperPayment } from './WidePaperPayment';
8
+ export { default as WidePaperConfirm } from './WidePaperConfirm';
9
+ export { default as PaperProject } from './PaperProject';
10
+ export { default as PaperContract } from './PaperContract';
11
+ export { default as PaperCertify } from './PaperCertify';
12
+ export { default as PaperSecurity } from './PaperSecurity';
13
+ export { default as PaperClock } from './PaperClock';
14
+ export { default as PaperConfirm } from './PaperConfirm';
15
+ export { default as PaperClip } from './PaperClip';
16
+ export { default as PaperOverlap } from './PaperOverlap';
17
+ export { default as PaperHold } from './PaperHold';
18
+ export { default as MemoWrite } from './MemoWrite';
19
+ export { default as Receipt } from './Receipt';
20
+ export { default as DocumentSuccess } from './DocumentSuccess';
21
+ export { default as DocumentCloud } from './DocumentCloud';
22
+ export { default as PersonFreelancer } from './PersonFreelancer';
23
+ export { default as PersonOffice } from './PersonOffice';
24
+ export { default as PersonSmile } from './PersonSmile';
25
+ export { default as Building } from './Building';
26
+ export { default as HandShake } from './HandShake';
27
+ export { default as HandThumb } from './HandThumb';
28
+ export { default as Search } from './Search';
29
+ export { default as SearchConfirm } from './SearchConfirm';
30
+ export { default as Design } from './Design';
31
+ export { default as Repair } from './Repair';
32
+ export { default as CardConfirm } from './CardConfirm';
33
+ export { default as CardWrite } from './CardWrite';
34
+ export { default as Bookmark } from './Bookmark';
35
+ export { default as Idea } from './Idea';
36
+ export { default as MobileConfirm } from './MobileConfirm';
37
+ export { default as Database } from './Database';
38
+ export { default as Email } from './Email';
39
+ export { default as Credit } from './Credit';
40
+ export { default as ShieldConfirm } from './ShieldConfirm';
41
+ export { default as ShieldWon } from './ShieldWon';
42
+ export { default as Shopping } from './Shopping';
43
+ export { default as BubbleStar } from './BubbleStar';
44
+ export { default as BubbleStars } from './BubbleStars';
45
+ export { default as Calendar } from './Calendar';
46
+ export { default as Lock } from './Lock';
47
+ export { default as Logout } from './Logout';
48
+ export { default as Congrats } from './Congrats';
49
+ export { default as Discount } from './Discount';
@@ -0,0 +1,3 @@
1
+ import { ProductIconProps } from './ProductIcon.types';
2
+ declare const ProductIcon: ({ name, disabled }: ProductIconProps) => import("react/jsx-runtime").JSX.Element | null;
3
+ export default ProductIcon;
@@ -0,0 +1,7 @@
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 Default: Story;
@@ -0,0 +1,7 @@
1
+ export type ProductIconName = 'web_development' | 'web_domain' | 'web_security' | 'web_payment' | 'wide_paper_structure' | 'wide_paper_plan' | 'wide_paper_payment' | 'wide_paper_confirm' | 'paper_project' | 'paper_contract' | 'paper_certify' | 'paper_security' | 'paper_clock' | 'paper_confirm' | 'paper_clip' | 'paper_overlap' | 'paper_hold' | 'memo_write' | 'receipt' | 'document_success' | 'document_cloud' | 'person_freelancer' | 'person_office' | 'person_smile' | 'building' | 'hand_shake' | 'hand_thumb' | 'search' | 'search_confirm' | 'design' | 'repair' | 'card_confirm' | 'card_write' | 'bookmark' | 'idea' | 'mobile_confirm' | 'database' | 'email' | 'credit' | 'shield_confirm' | 'shield_won' | 'shopping' | 'bubble_star' | 'bubble_stars' | 'calendar' | 'lock' | 'logout' | 'congrats' | 'discount';
2
+ export interface ProductIcon {
3
+ disabled?: boolean;
4
+ }
5
+ export interface ProductIconProps extends ProductIcon {
6
+ name: ProductIconName;
7
+ }
@@ -0,0 +1,2 @@
1
+ import ProductIcon from './ProductIcon';
2
+ export default ProductIcon;
@@ -0,0 +1,7 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import Typography from './Typography';
3
+ import { TypographyProps } from './Typography.types';
4
+ declare const meta: Meta<typeof Typography>;
5
+ export default meta;
6
+ type Story = StoryObj<TypographyProps>;
7
+ export declare const Default: Story;
@@ -0,0 +1,3 @@
1
+ import { TypographyProps } from './Typography.types';
2
+ declare const Typography: ({ children, variant, className, ...rest }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
3
+ export default Typography;
@@ -0,0 +1,7 @@
1
+ import { PropsWithChildren } from 'react';
2
+ export type TypographyVariants = 'title1' | 'title2' | 'title3' | 'subTitle1' | 'subTitle2' | 'body1' | 'body2' | 'body3' | 'caption1' | 'caption2';
3
+ export interface TypographyProps extends PropsWithChildren {
4
+ variant: TypographyVariants;
5
+ className?: string;
6
+ [key: string]: any;
7
+ }
@@ -1,3 +1,2 @@
1
1
  import Typography from './Typography';
2
-
3
2
  export default Typography;
@@ -0,0 +1,5 @@
1
+ export { default as Typography } from './Typography';
2
+ export { default as Checkbox } from './Checkbox';
3
+ export { default as Box } from './Box';
4
+ export { default as ProductIcon } from './ProductIcon';
5
+ export { default as Button } from './Button';
@@ -0,0 +1,3 @@
1
+ import { CheckboxCardProps } from './CheckboxCard.types';
2
+ declare const CheckboxCard: ({ disabled, checked, isError, onChange, isWide, className, iconName, title, description, testId, }: CheckboxCardProps) => import("react/jsx-runtime").JSX.Element;
3
+ export default CheckboxCard;
@@ -0,0 +1,5 @@
1
+ import { CheckboxCardContainerProps, CheckboxCardIconProps, StyledCheckboxProps, TitleContainerProps } from './CheckboxCard.types';
2
+ export declare const CheckboxCardContainer: ({ children, isWide, checked, isError, isHover, disabled, className, ...rest }: CheckboxCardContainerProps) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const TitleContainer: ({ isWide, children }: TitleContainerProps) => import("react/jsx-runtime").JSX.Element;
4
+ export declare const StyledCheckbox: ({ isWide, className, ...rest }: StyledCheckboxProps) => import("react/jsx-runtime").JSX.Element;
5
+ export declare const CheckboxCardIcon: ({ iconName, disabled, }: CheckboxCardIconProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,8 @@
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;
@@ -0,0 +1,30 @@
1
+ import { ChangeEvent, PropsWithChildren, ReactNode } from 'react';
2
+ import { CheckboxStatus } from '../../../types';
3
+ import { ProductIconName } from '../../Atoms/ProductIcon/ProductIcon.types';
4
+ import { CheckboxProps } from '../../Atoms/Checkbox/Checkbox.types';
5
+ export interface CheckboxCardProps extends CheckboxStatus {
6
+ onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
7
+ className?: string;
8
+ iconName: ProductIconName;
9
+ isWide?: boolean;
10
+ title: string;
11
+ description?: string;
12
+ testId?: string;
13
+ }
14
+ export interface CheckboxCardContainerProps extends CheckboxStatus {
15
+ isWide?: boolean;
16
+ className?: string;
17
+ children: ReactNode;
18
+ onMouseOver: () => void;
19
+ onMouseOut: () => void;
20
+ }
21
+ export interface CheckboxCardIconProps {
22
+ iconName: ProductIconName;
23
+ disabled: boolean;
24
+ }
25
+ export interface StyledCheckboxProps extends CheckboxProps {
26
+ isWide: boolean;
27
+ }
28
+ export interface TitleContainerProps extends PropsWithChildren {
29
+ isWide: boolean;
30
+ }
@@ -0,0 +1,2 @@
1
+ import CheckboxCard from './CheckboxCard';
2
+ export default CheckboxCard;
@@ -0,0 +1,14 @@
1
+ import { ChangeEvent } from 'react';
2
+ interface useCheckboxCardProps {
3
+ checked: boolean;
4
+ disabled: boolean;
5
+ onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
6
+ }
7
+ declare const useCheckboxCard: ({ checked, disabled, onChange, }: useCheckboxCardProps) => {
8
+ isHover: boolean;
9
+ isChecked: boolean;
10
+ handleChange: (e: ChangeEvent<HTMLInputElement>) => void;
11
+ hoverListItemContainer: () => void;
12
+ unhoverListItemContainer: () => void;
13
+ };
14
+ export default useCheckboxCard;
@@ -0,0 +1,7 @@
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;
@@ -0,0 +1,3 @@
1
+ import { CheckboxListProps } from './CheckboxList.types';
2
+ declare const CheckboxList: ({ data, className, testId }: CheckboxListProps) => import("react/jsx-runtime").JSX.Element;
3
+ export default CheckboxList;
@@ -0,0 +1,15 @@
1
+ import { ChangeEvent } from 'react';
2
+ type CheckboxListData = {
3
+ label: string;
4
+ description?: string;
5
+ checked?: boolean;
6
+ disabled?: boolean;
7
+ isError?: boolean;
8
+ onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
9
+ };
10
+ export interface CheckboxListProps {
11
+ data: CheckboxListData[];
12
+ className?: string;
13
+ [key: string]: any;
14
+ }
15
+ export {};
@@ -0,0 +1,11 @@
1
+ import { ChangeEvent } from 'react';
2
+ import { CheckboxStatus } from '../../../types';
3
+ interface CheckboxListProps extends CheckboxStatus {
4
+ label: string;
5
+ description?: string;
6
+ onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
7
+ className?: string;
8
+ CheckboxClassName?: string;
9
+ }
10
+ declare const CheckboxListItem: ({ label, description, checked, disabled, isError, className, CheckboxClassName, onChange, }: CheckboxListProps) => import("react/jsx-runtime").JSX.Element;
11
+ export default CheckboxListItem;
@@ -0,0 +1,2 @@
1
+ import CheckboxList from './CheckboxList';
2
+ export default CheckboxList;
@@ -0,0 +1,3 @@
1
+ import { GridLayoutProps } from './GridLayout.types';
2
+ declare const GridLayout: ({ children, gridTemplateAreaClass, testId, }: GridLayoutProps) => import("react/jsx-runtime").JSX.Element;
3
+ export default GridLayout;
@@ -0,0 +1,7 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { GridLayout } from '../../..';
3
+ import { GridLayoutProps } from './GridLayout.types';
4
+ declare const meta: Meta<typeof GridLayout>;
5
+ export default meta;
6
+ type Story = StoryObj<GridLayoutProps>;
7
+ export declare const Default: Story;
@@ -0,0 +1,5 @@
1
+ import { PropsWithChildren } from 'react';
2
+ export interface GridLayoutProps extends PropsWithChildren {
3
+ gridTemplateAreaClass?: string;
4
+ testId?: string;
5
+ }