@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.
- package/dist/Components/Atoms/Box/Box.d.ts +7 -0
- package/dist/Components/Atoms/Box/Box.stories.d.ts +6 -0
- package/dist/Components/Atoms/Box/index.d.ts +2 -0
- package/dist/Components/Atoms/Button/Button.d.ts +3 -0
- package/dist/Components/Atoms/Button/Button.parts.d.ts +2 -0
- package/dist/Components/Atoms/Button/Button.stories.d.ts +6 -0
- package/dist/Components/Atoms/Button/Button.types.d.ts +9 -0
- package/dist/Components/Atoms/Button/index.d.ts +2 -0
- package/dist/Components/Atoms/Checkbox/Checkbox.d.ts +3 -0
- package/dist/Components/Atoms/Checkbox/Checkbox.stories.d.ts +7 -0
- package/dist/Components/Atoms/Checkbox/Checkbox.types.d.ts +14 -0
- package/dist/Components/Atoms/Checkbox/index.d.ts +2 -0
- package/dist/Components/Atoms/ProductIcon/Icons/Bookmark.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/BubbleStar.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/BubbleStars.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/Building.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/Calendar.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/CardConfirm.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/CardWrite.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/Congrats.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/Credit.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/Database.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/Design.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/Discount.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/DocumentCloud.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/DocumentSuccess.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/Email.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/HandShake.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/HandThumb.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/Idea.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/Lock.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/Logout.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/MemoWrite.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/MobileConfirm.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/PaperCertify.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/PaperClip.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/PaperClock.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/PaperConfirm.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/PaperContract.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/PaperHold.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/PaperOverlap.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/PaperProject.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/PaperSecurity.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/PersonFreelancer.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/PersonOffice.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/PersonSmile.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/Receipt.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/Repair.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/Search.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/SearchConfirm.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/ShieldConfirm.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/ShieldWon.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/Shopping.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/WebDevelopment.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/WebDomain.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/WebPayment.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/WebSecurity.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/WidePaperConfirm.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/WidePaperPayment.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/WidePaperPlan.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/WidePaperStructure.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/index.d.ts +49 -0
- package/dist/Components/Atoms/ProductIcon/ProductIcon.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/ProductIcon.stories.d.ts +7 -0
- package/dist/Components/Atoms/ProductIcon/ProductIcon.types.d.ts +7 -0
- package/dist/Components/Atoms/ProductIcon/index.d.ts +2 -0
- package/dist/Components/Atoms/Typography//bTypography.stories.d.ts +7 -0
- package/dist/Components/Atoms/Typography/Typography.d.ts +3 -0
- package/dist/Components/Atoms/Typography/Typography.types.d.ts +7 -0
- package/{Components/Atoms/Typography/index.ts → dist/Components/Atoms/Typography/index.d.ts} +0 -1
- package/dist/Components/Atoms/index.d.ts +5 -0
- package/dist/Components/Molecules/CheckboxCard/CheckboxCard.d.ts +3 -0
- package/dist/Components/Molecules/CheckboxCard/CheckboxCard.parts.d.ts +5 -0
- package/dist/Components/Molecules/CheckboxCard/CheckboxCard.stories.d.ts +8 -0
- package/dist/Components/Molecules/CheckboxCard/CheckboxCard.types.d.ts +30 -0
- package/dist/Components/Molecules/CheckboxCard/index.d.ts +2 -0
- package/dist/Components/Molecules/CheckboxCard/useCheckboxCard.d.ts +14 -0
- package/dist/Components/Molecules/CheckboxList/CHeckboxList.stories.d.ts +7 -0
- package/dist/Components/Molecules/CheckboxList/CheckboxList.d.ts +3 -0
- package/dist/Components/Molecules/CheckboxList/CheckboxList.types.d.ts +15 -0
- package/dist/Components/Molecules/CheckboxList/CheckboxListItem.d.ts +11 -0
- package/dist/Components/Molecules/CheckboxList/index.d.ts +2 -0
- package/dist/Components/Molecules/GridLayout/GridLayout.d.ts +3 -0
- package/dist/Components/Molecules/GridLayout/GridLayout.stories.d.ts +7 -0
- package/dist/Components/Molecules/GridLayout/GridLayout.types.d.ts +5 -0
- package/dist/Components/Molecules/GridLayout/index.d.ts +2 -0
- package/dist/Components/Molecules/index.d.ts +3 -0
- package/dist/config/tailwind.config.js +168 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.es.js +1 -0
- package/dist/index.js +1 -0
- package/dist/types/checkbox.types.d.ts +6 -0
- package/dist/types/index.d.ts +1 -0
- package/package.json +47 -14
- package/.editorconfig +0 -12
- package/.eslintignore +0 -3
- package/.eslintrc.js +0 -33
- package/.github/CODEOWNERS +0 -1
- package/.github/ISSUE_TEMPLATE/bug.md +0 -44
- package/.github/ISSUE_TEMPLATE/feature_request.md +0 -29
- package/.github/pull_request_template.md +0 -36
- package/.github/release-drafter.yml +0 -49
- package/.github/workflows/design-system-canary.yml +0 -78
- package/.github/workflows/design-system-dev.yml +0 -77
- package/.github/workflows/design-system-release.yml +0 -61
- package/.github/workflows/pr-checklist.yml +0 -23
- package/.github/workflows/release-drafter.yml +0 -16
- package/.github/workflows/todo-bot.yml +0 -19
- package/.prettierrc +0 -7
- package/.vscode/settings.json +0 -24
- package/Components/Atoms/Typography/Typography.d.ts +0 -3
- package/Components/Atoms/Typography/Typography.tsx +0 -9
- package/Components/Atoms/index.ts +0 -1
- package/Components/index.ts +0 -1
- package/__test__/setupTests.ts +0 -3
- package/index.d.ts +0 -1
- package/index.js +0 -1
- package/jest.config.js +0 -26
- package/next.config.js +0 -4
- package/postcss.config.js +0 -6
- package/public/next.svg +0 -1
- package/public/vercel.svg +0 -1
- package/src/app/favicon.ico +0 -0
- package/src/app/globals.css +0 -3
- package/src/app/layout.tsx +0 -19
- package/src/app/page.tsx +0 -9
- package/tailwind.config.ts +0 -19
- 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,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,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,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,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,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,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
|
+
}
|
|
@@ -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,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,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,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;
|