teachable-design-system 0.1.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/README.md +69 -0
- package/dist/index.cjs.js +3515 -0
- package/dist/index.cjs.js.map +1 -0
- package/dist/index.esm.js +3494 -0
- package/dist/index.esm.js.map +1 -0
- package/dist/src/assets/index.d.ts +2 -0
- package/dist/src/assets/index.d.ts.map +1 -0
- package/dist/src/components/Button/Button.d.ts +4 -0
- package/dist/src/components/Button/Button.d.ts.map +1 -0
- package/dist/src/components/Button/index.d.ts +2 -0
- package/dist/src/components/Button/index.d.ts.map +1 -0
- package/dist/src/components/Button/style.d.ts +13 -0
- package/dist/src/components/Button/style.d.ts.map +1 -0
- package/dist/src/components/CheckBox/CheckBox.d.ts +4 -0
- package/dist/src/components/CheckBox/CheckBox.d.ts.map +1 -0
- package/dist/src/components/CheckBox/index.d.ts +2 -0
- package/dist/src/components/CheckBox/index.d.ts.map +1 -0
- package/dist/src/components/CheckBox/style.d.ts +22 -0
- package/dist/src/components/CheckBox/style.d.ts.map +1 -0
- package/dist/src/components/Dropdown/Dropdown.d.ts +3 -0
- package/dist/src/components/Dropdown/Dropdown.d.ts.map +1 -0
- package/dist/src/components/Dropdown/index.d.ts +2 -0
- package/dist/src/components/Dropdown/index.d.ts.map +1 -0
- package/dist/src/components/Dropdown/style.d.ts +35 -0
- package/dist/src/components/Dropdown/style.d.ts.map +1 -0
- package/dist/src/components/Input/Input.d.ts +4 -0
- package/dist/src/components/Input/Input.d.ts.map +1 -0
- package/dist/src/components/Input/index.d.ts +2 -0
- package/dist/src/components/Input/index.d.ts.map +1 -0
- package/dist/src/components/Input/style.d.ts +5 -0
- package/dist/src/components/Input/style.d.ts.map +1 -0
- package/dist/src/components/Sidebar/Sidebar.d.ts +3 -0
- package/dist/src/components/Sidebar/Sidebar.d.ts.map +1 -0
- package/dist/src/components/Sidebar/index.d.ts +2 -0
- package/dist/src/components/Sidebar/index.d.ts.map +1 -0
- package/dist/src/components/Sidebar/style.d.ts +37 -0
- package/dist/src/components/Sidebar/style.d.ts.map +1 -0
- package/dist/src/components/TabBar/TabBar.d.ts +13 -0
- package/dist/src/components/TabBar/TabBar.d.ts.map +1 -0
- package/dist/src/components/TabBar/index.d.ts +2 -0
- package/dist/src/components/TabBar/index.d.ts.map +1 -0
- package/dist/src/components/TabBar/style.d.ts +21 -0
- package/dist/src/components/TabBar/style.d.ts.map +1 -0
- package/dist/src/components/index.d.ts +7 -0
- package/dist/src/components/index.d.ts.map +1 -0
- package/dist/src/foundation/index.d.ts +2 -0
- package/dist/src/foundation/index.d.ts.map +1 -0
- package/dist/src/index.d.ts +3 -0
- package/dist/src/index.d.ts.map +1 -0
- package/dist/src/style/index.d.ts +2 -0
- package/dist/src/style/index.d.ts.map +1 -0
- package/dist/src/style/theme/colors.d.ts +474 -0
- package/dist/src/style/theme/colors.d.ts.map +1 -0
- package/dist/src/style/theme/index.d.ts +3 -0
- package/dist/src/style/theme/index.d.ts.map +1 -0
- package/dist/src/style/theme/typography.d.ts +181 -0
- package/dist/src/style/theme/typography.d.ts.map +1 -0
- package/dist/src/type/Dropdown.types.d.ts +8 -0
- package/dist/src/type/Dropdown.types.d.ts.map +1 -0
- package/dist/src/type/Sidebar.types.d.ts +6 -0
- package/dist/src/type/Sidebar.types.d.ts.map +1 -0
- package/dist/src/types/button.types.d.ts +12 -0
- package/dist/src/types/button.types.d.ts.map +1 -0
- package/dist/src/types/checkBox.types.d.ts +7 -0
- package/dist/src/types/checkBox.types.d.ts.map +1 -0
- package/dist/src/types/input.types.d.ts +11 -0
- package/dist/src/types/input.types.d.ts.map +1 -0
- package/dist/tsconfig.build.tsbuildinfo +1 -0
- package/package.json +60 -0
- package/src/assets/icons/arrow-down.png +0 -0
- package/src/assets/icons/checked.png +0 -0
- package/src/assets/icons/icon_size.png +0 -0
- package/src/assets/images/.gitkeep +0 -0
- package/src/assets/index.ts +1 -0
- package/src/components/Button/Button.stories.tsx +145 -0
- package/src/components/Button/Button.tsx +27 -0
- package/src/components/Button/index.ts +1 -0
- package/src/components/Button/style.ts +132 -0
- package/src/components/CheckBox/CheckBox.stories.tsx +203 -0
- package/src/components/CheckBox/CheckBox.tsx +34 -0
- package/src/components/CheckBox/index.ts +1 -0
- package/src/components/CheckBox/style.ts +76 -0
- package/src/components/Dropdown/Dropdown.stories.tsx +91 -0
- package/src/components/Dropdown/Dropdown.tsx +56 -0
- package/src/components/Dropdown/index.ts +1 -0
- package/src/components/Dropdown/style.ts +213 -0
- package/src/components/Input/Input.stories.tsx +152 -0
- package/src/components/Input/Input.tsx +33 -0
- package/src/components/Input/index.ts +1 -0
- package/src/components/Input/style.ts +88 -0
- package/src/components/Sidebar/Sidebar.stories.tsx +60 -0
- package/src/components/Sidebar/Sidebar.tsx +67 -0
- package/src/components/Sidebar/index.ts +1 -0
- package/src/components/Sidebar/index.tsx +1 -0
- package/src/components/Sidebar/style.ts +109 -0
- package/src/components/TabBar/TabBar.stories.tsx +116 -0
- package/src/components/TabBar/TabBar.tsx +47 -0
- package/src/components/TabBar/index.ts +1 -0
- package/src/components/TabBar/style.ts +53 -0
- package/src/components/index.ts +6 -0
- package/src/foundation/index.ts +1 -0
- package/src/index.ts +2 -0
- package/src/style/index.ts +1 -0
- package/src/style/theme/colors.ts +504 -0
- package/src/style/theme/index.ts +2 -0
- package/src/style/theme/typography.ts +194 -0
- package/src/type/Dropdown.types.ts +7 -0
- package/src/type/Sidebar.types.ts +5 -0
- package/src/types/ krds-uiux.d.ts +12 -0
- package/src/types/button.types.ts +12 -0
- package/src/types/checkBox.types.ts +6 -0
- package/src/types/input.types.ts +11 -0
- package/src/vite-env.d.ts +1 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
interface StyledButtonProps {
|
|
2
|
+
width?: string;
|
|
3
|
+
height?: string;
|
|
4
|
+
buttonType?: string;
|
|
5
|
+
buttonSize?: string;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
}
|
|
8
|
+
export declare const StyledButton: import("@emotion/styled").StyledComponent<{
|
|
9
|
+
theme?: import("@emotion/react").Theme;
|
|
10
|
+
as?: React.ElementType;
|
|
11
|
+
} & StyledButtonProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=style.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/style.ts"],"names":[],"mappings":"AAKA,UAAU,iBAAiB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAmDD,eAAO,MAAM,YAAY;;;yIAqExB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CheckBox.d.ts","sourceRoot":"","sources":["../../../../src/components/CheckBox/CheckBox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,QAAA,MAAM,QAAQ,GAAI,kCAAkC,aAAa,qDA2BhE,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/CheckBox/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
interface WrapperProps {
|
|
2
|
+
size: "medium" | "large";
|
|
3
|
+
select: "off" | "on" | "indeterminate";
|
|
4
|
+
state: "default" | "disabled";
|
|
5
|
+
}
|
|
6
|
+
export declare const Wrapper: import("@emotion/styled").StyledComponent<{
|
|
7
|
+
theme?: import("@emotion/react").Theme;
|
|
8
|
+
as?: React.ElementType;
|
|
9
|
+
} & WrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
10
|
+
export declare const CheckIcon: import("@emotion/styled").StyledComponent<{
|
|
11
|
+
theme?: import("@emotion/react").Theme;
|
|
12
|
+
as?: React.ElementType;
|
|
13
|
+
}, import("react").SVGProps<SVGSVGElement>, {}>;
|
|
14
|
+
interface DashIconProps {
|
|
15
|
+
state: "default" | "disabled";
|
|
16
|
+
}
|
|
17
|
+
export declare const DashIcon: import("@emotion/styled").StyledComponent<{
|
|
18
|
+
theme?: import("@emotion/react").Theme;
|
|
19
|
+
as?: React.ElementType;
|
|
20
|
+
} & DashIconProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
21
|
+
export {};
|
|
22
|
+
//# sourceMappingURL=style.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../src/components/CheckBox/style.ts"],"names":[],"mappings":"AAIA,UAAU,YAAY;IACpB,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAC;IACzB,MAAM,EAAE,KAAK,GAAG,IAAI,GAAG,eAAe,CAAC;IACvC,KAAK,EAAE,SAAS,GAAG,UAAU,CAAC;CAC/B;AAED,eAAO,MAAM,OAAO;;;wHA6CnB,CAAC;AAEF,eAAO,MAAM,SAAS;;;+CAIrB,CAAC;AAEF,UAAU,aAAa;IACrB,KAAK,EAAE,SAAS,GAAG,UAAU,CAAC;CAC/B;AAED,eAAO,MAAM,QAAQ;;;yHAQpB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAIxD,wBAAgB,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAC,EAAE,aAAa,oDAkDpF"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
export interface StyledDropdownProps {
|
|
2
|
+
size?: 'small' | 'medium' | 'large';
|
|
3
|
+
onSelect?: (option: string) => void;
|
|
4
|
+
isOpen?: boolean;
|
|
5
|
+
isSelected?: boolean;
|
|
6
|
+
}
|
|
7
|
+
export declare const StyledDropDown: import("@emotion/styled").StyledComponent<{
|
|
8
|
+
theme?: import("@emotion/react").Theme;
|
|
9
|
+
as?: React.ElementType;
|
|
10
|
+
} & StyledDropdownProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
|
|
11
|
+
export declare const StyledBox: import("@emotion/styled").StyledComponent<{
|
|
12
|
+
theme?: import("@emotion/react").Theme;
|
|
13
|
+
as?: React.ElementType;
|
|
14
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
15
|
+
export declare const StyledText: import("@emotion/styled").StyledComponent<{
|
|
16
|
+
theme?: import("@emotion/react").Theme;
|
|
17
|
+
as?: React.ElementType;
|
|
18
|
+
} & StyledDropdownProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
|
|
19
|
+
export declare const StyledLabel: import("@emotion/styled").StyledComponent<{
|
|
20
|
+
theme?: import("@emotion/react").Theme;
|
|
21
|
+
as?: React.ElementType;
|
|
22
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
|
|
23
|
+
export declare const StyledIcon: import("@emotion/styled").StyledComponent<{
|
|
24
|
+
theme?: import("@emotion/react").Theme;
|
|
25
|
+
as?: React.ElementType;
|
|
26
|
+
} & StyledDropdownProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
27
|
+
export declare const StyledOptions: import("@emotion/styled").StyledComponent<{
|
|
28
|
+
theme?: import("@emotion/react").Theme;
|
|
29
|
+
as?: React.ElementType;
|
|
30
|
+
} & StyledDropdownProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
31
|
+
export declare const StyledOption: import("@emotion/styled").StyledComponent<{
|
|
32
|
+
theme?: import("@emotion/react").Theme;
|
|
33
|
+
as?: React.ElementType;
|
|
34
|
+
} & StyledDropdownProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
35
|
+
//# sourceMappingURL=style.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/style.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,mBAAmB;IACnC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB;AA+FD,eAAO,MAAM,cAAc;;;2IAc1B,CAAC;AAEF,eAAO,MAAM,SAAS;;;yGAOrB,CAAA;AAED,eAAO,MAAM,UAAU;;;2IAStB,CAAA;AAED,eAAO,MAAM,WAAW;;;qHAGvB,CAAA;AAED,eAAO,MAAM,UAAU;;;+HAEtB,CAAA;AAED,eAAO,MAAM,aAAa;;;+HAezB,CAAA;AAED,eAAO,MAAM,YAAY;;;+HA4CxB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAEpD,QAAA,MAAM,KAAK,GAAI,qEAQZ,UAAU,qDAiBZ,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare const getInputWrapperStyle: (size: "small" | "medium" | "large") => React.CSSProperties;
|
|
3
|
+
export declare const labelStyle: React.CSSProperties;
|
|
4
|
+
export declare const getInputStyle: (inputSize: "small" | "medium" | "large", disabled: boolean, isFocused: boolean) => React.CSSProperties;
|
|
5
|
+
//# sourceMappingURL=style.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/style.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,oBAAoB,GAAI,MAAM,OAAO,GAAG,QAAQ,GAAG,OAAO,KAAG,KAAK,CAAC,aAsB/E,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,aAG9B,CAAC;AAEF,eAAO,MAAM,aAAa,GACtB,WAAW,OAAO,GAAG,QAAQ,GAAG,OAAO,EACvC,UAAU,OAAO,EACjB,WAAW,OAAO,KACnB,KAAK,CAAC,aAmDR,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAC,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAGtD,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAC,WAAW,EAAE,WAAW,EAAE,KAAK,EAAC,EAAE,YAAY,oDAmC9E"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Sidebar/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
interface TitleProps {
|
|
2
|
+
isOpen: boolean;
|
|
3
|
+
}
|
|
4
|
+
export declare const StyledIcon: import("@emotion/styled").StyledComponent<{
|
|
5
|
+
theme?: import("@emotion/react").Theme;
|
|
6
|
+
as?: React.ElementType;
|
|
7
|
+
} & TitleProps, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
|
|
8
|
+
export declare const StyledSidebar: import("@emotion/styled").StyledComponent<{
|
|
9
|
+
theme?: import("@emotion/react").Theme;
|
|
10
|
+
as?: React.ElementType;
|
|
11
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
12
|
+
export declare const StyledDescription: import("@emotion/styled").StyledComponent<{
|
|
13
|
+
theme?: import("@emotion/react").Theme;
|
|
14
|
+
as?: React.ElementType;
|
|
15
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
16
|
+
export declare const StyledButtonArea: import("@emotion/styled").StyledComponent<{
|
|
17
|
+
theme?: import("@emotion/react").Theme;
|
|
18
|
+
as?: React.ElementType;
|
|
19
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
20
|
+
export declare const StyledDisclosure: import("@emotion/styled").StyledComponent<{
|
|
21
|
+
theme?: import("@emotion/react").Theme;
|
|
22
|
+
as?: React.ElementType;
|
|
23
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
24
|
+
export declare const StyledTitle: import("@emotion/styled").StyledComponent<{
|
|
25
|
+
theme?: import("@emotion/react").Theme;
|
|
26
|
+
as?: React.ElementType;
|
|
27
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
28
|
+
export declare const StyledOpenContents: import("@emotion/styled").StyledComponent<{
|
|
29
|
+
theme?: import("@emotion/react").Theme;
|
|
30
|
+
as?: React.ElementType;
|
|
31
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
32
|
+
export declare const StyledOpenContentsText: import("@emotion/styled").StyledComponent<{
|
|
33
|
+
theme?: import("@emotion/react").Theme;
|
|
34
|
+
as?: React.ElementType;
|
|
35
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
|
|
36
|
+
export {};
|
|
37
|
+
//# sourceMappingURL=style.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../src/components/Sidebar/style.ts"],"names":[],"mappings":"AAIA,UAAU,UAAU;IACnB,MAAM,EAAE,OAAO,CAAC;CAEhB;AAED,eAAO,MAAM,UAAU;;;6HAKtB,CAAA;AAED,eAAO,MAAM,aAAa;;;yGAUzB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;yGAgC7B,CAAA;AAED,eAAO,MAAM,gBAAgB;;;yGAM5B,CAAA;AAED,eAAO,MAAM,gBAAgB;;;yGAK5B,CAAA;AACD,eAAO,MAAM,WAAW;;;yGAOvB,CAAA;AACD,eAAO,MAAM,kBAAkB;;;yGAW9B,CAAA;AACD,eAAO,MAAM,sBAAsB;;;qHAYlC,CAAA"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export interface TabItem {
|
|
2
|
+
id: string;
|
|
3
|
+
label: string;
|
|
4
|
+
}
|
|
5
|
+
export interface TabBarProps {
|
|
6
|
+
title?: string;
|
|
7
|
+
items: TabItem[];
|
|
8
|
+
defaultSelectedId?: string;
|
|
9
|
+
onChange?: (id: string) => void;
|
|
10
|
+
}
|
|
11
|
+
declare const TabBar: ({ title, items, defaultSelectedId, onChange }: TabBarProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
12
|
+
export default TabBar;
|
|
13
|
+
//# sourceMappingURL=TabBar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TabBar.d.ts","sourceRoot":"","sources":["../../../../src/components/TabBar/TabBar.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAED,QAAA,MAAM,MAAM,GAAI,+CAA+C,WAAW,qDA4BzE,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/TabBar/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export declare const Wrapper: import("@emotion/styled").StyledComponent<{
|
|
2
|
+
theme?: import("@emotion/react").Theme;
|
|
3
|
+
as?: React.ElementType;
|
|
4
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
5
|
+
export declare const Title: import("@emotion/styled").StyledComponent<{
|
|
6
|
+
theme?: import("@emotion/react").Theme;
|
|
7
|
+
as?: React.ElementType;
|
|
8
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
9
|
+
interface TabItemProps {
|
|
10
|
+
isSelected: boolean;
|
|
11
|
+
}
|
|
12
|
+
export declare const Tablist: import("@emotion/styled").StyledComponent<{
|
|
13
|
+
theme?: import("@emotion/react").Theme;
|
|
14
|
+
as?: React.ElementType;
|
|
15
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
16
|
+
export declare const TabItem: import("@emotion/styled").StyledComponent<{
|
|
17
|
+
theme?: import("@emotion/react").Theme;
|
|
18
|
+
as?: React.ElementType;
|
|
19
|
+
} & TabItemProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
20
|
+
export {};
|
|
21
|
+
//# sourceMappingURL=style.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../src/components/TabBar/style.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,OAAO;;;yGAQnB,CAAC;AAEF,eAAO,MAAM,KAAK;;;2GAMjB,CAAC;AAEF,UAAU,YAAY;IACpB,UAAU,EAAE,OAAO,CAAC;CACrB;AACD,eAAO,MAAM,OAAO;;;yGAInB,CAAC;AACF,eAAO,MAAM,OAAO;;;wHAsBnB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/foundation/index.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/style/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
|