@liner-fe/prism 1.3.7 → 1.6.2
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/lib/assets/ai.d.ts +4 -3
- package/lib/assets/arrow-back.d.ts +8 -0
- package/lib/assets/arrow-down.d.ts +8 -0
- package/lib/assets/arrow-forward.d.ts +8 -0
- package/lib/assets/arrow-up.d.ts +8 -0
- package/lib/assets/balance.d.ts +4 -3
- package/lib/assets/books.d.ts +5 -3
- package/lib/assets/chart-bar.d.ts +5 -3
- package/lib/assets/chart-line-uptrend.d.ts +4 -3
- package/lib/assets/check-mark.d.ts +5 -3
- package/lib/assets/close.d.ts +4 -3
- package/lib/assets/copy.d.ts +8 -0
- package/lib/assets/credit.d.ts +8 -0
- package/lib/assets/creditcard.d.ts +8 -0
- package/lib/assets/document-add.d.ts +8 -0
- package/lib/assets/document.d.ts +4 -3
- package/lib/assets/download.d.ts +8 -0
- package/lib/assets/end.d.ts +8 -0
- package/lib/assets/exclamationmark.d.ts +4 -3
- package/lib/assets/feedback.d.ts +8 -0
- package/lib/assets/folder.d.ts +5 -3
- package/lib/assets/globe.d.ts +4 -3
- package/lib/assets/graduationcap.d.ts +5 -3
- package/lib/assets/highlighter.d.ts +8 -0
- package/lib/assets/history.d.ts +4 -2
- package/lib/assets/index.d.ts +43 -21
- package/lib/assets/light.d.ts +8 -0
- package/lib/assets/lock.d.ts +5 -3
- package/lib/assets/memo.d.ts +4 -3
- package/lib/assets/menu.d.ts +8 -0
- package/lib/assets/minus.d.ts +8 -0
- package/lib/assets/move.d.ts +4 -3
- package/lib/assets/new-thread.d.ts +4 -3
- package/lib/assets/palette.d.ts +4 -3
- package/lib/assets/paperclip.d.ts +5 -3
- package/lib/assets/pencil.d.ts +8 -0
- package/lib/assets/person-add.d.ts +4 -3
- package/lib/assets/person.d.ts +4 -3
- package/lib/assets/plus.d.ts +4 -3
- package/lib/assets/question-message.d.ts +8 -0
- package/lib/assets/regenerate.d.ts +8 -0
- package/lib/assets/search.d.ts +4 -3
- package/lib/assets/send.d.ts +4 -3
- package/lib/assets/share.d.ts +4 -3
- package/lib/assets/sign-out.d.ts +8 -0
- package/lib/assets/speaker.d.ts +8 -0
- package/lib/assets/stack.d.ts +4 -3
- package/lib/assets/start.d.ts +4 -3
- package/lib/assets/summarize.d.ts +8 -0
- package/lib/assets/trash.d.ts +5 -3
- package/lib/assets/tune.d.ts +8 -0
- package/lib/components/Button/index.d.ts +10 -16
- package/lib/components/Icon/index.d.ts +27 -0
- package/lib/components/IconButton/index.d.ts +18 -0
- package/lib/components/Popover/index.d.ts +3 -0
- package/lib/index.css +123 -58
- package/lib/index.css.map +3 -3
- package/lib/index.mjs +2652 -57
- package/lib/index.mjs.map +4 -4
- package/lib/token/color/index.d.ts +4 -0
- package/lib/token/typography/Display.d.ts +7 -0
- package/lib/token/typography/Heading.d.ts +6 -0
- package/lib/token/typography/Paragraph.d.ts +19 -0
- package/lib/token/typography/Title.d.ts +8 -0
- package/lib/token/typography/index.d.ts +1 -0
- package/lib/token/typography/types.d.ts +8 -0
- package/lib/type/index.d.ts +11 -0
- package/lib/utils/icon.d.ts +2 -0
- package/package.json +4 -1
- package/lib/components/Button/index.stories.d.ts +0 -33
- package/lib/components/Popover/index.stories.d.ts +0 -36
- package/lib/components/Toast/index.stories.d.ts +0 -6
- package/lib/components/Tooltip/index.stories.d.ts +0 -13
- package/lib/design-token/color/index.d.ts +0 -5
- package/lib/design-token/typography/index.d.ts +0 -1
- package/lib/index.cjs +0 -155
- package/lib/index.cjs.map +0 -7
- /package/lib/{design-token → token}/border-radius/index.d.ts +0 -0
- /package/lib/{design-token → token}/opacity/index.d.ts +0 -0
- /package/lib/{design-token → token}/size/index.d.ts +0 -0
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
import { ACCENT, BOLD, MEDIUM, NORMAL, POST, REGULAR } from './types';
|
|
3
|
+
export interface IPropsNormal extends HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
type: NORMAL;
|
|
5
|
+
size: 1 | 2 | 3 | 4;
|
|
6
|
+
weight: REGULAR | MEDIUM | BOLD;
|
|
7
|
+
}
|
|
8
|
+
export interface IPropsPost extends HTMLAttributes<HTMLDivElement> {
|
|
9
|
+
type: POST;
|
|
10
|
+
size: 1 | 3;
|
|
11
|
+
weight: REGULAR;
|
|
12
|
+
}
|
|
13
|
+
export interface IPropsAccent extends HTMLAttributes<HTMLDivElement> {
|
|
14
|
+
type: ACCENT;
|
|
15
|
+
size: 1 | 2 | 3;
|
|
16
|
+
weight: REGULAR | MEDIUM | BOLD;
|
|
17
|
+
}
|
|
18
|
+
export type ParagraphProps = IPropsNormal | IPropsPost | IPropsAccent;
|
|
19
|
+
export declare const Paragraph: (props: ParagraphProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
import { ACCENT, BOLD, MEDIUM } from './types';
|
|
3
|
+
export interface ITitleProps extends HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
type: ACCENT;
|
|
5
|
+
weight: BOLD | MEDIUM;
|
|
6
|
+
size: 1 | 2 | 3 | 4;
|
|
7
|
+
}
|
|
8
|
+
export declare const Title: (props: ITitleProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { iconMap } from '@/utils/icon';
|
|
2
|
+
export interface IconComponentProps {
|
|
3
|
+
className?: string;
|
|
4
|
+
color?: string;
|
|
5
|
+
fill?: boolean;
|
|
6
|
+
thick?: boolean;
|
|
7
|
+
size?: 16 | 20 | 24 | 32 | 40;
|
|
8
|
+
}
|
|
9
|
+
export type IconComponent = (props: IconComponentProps) => JSX.Element;
|
|
10
|
+
export type IconMapType = typeof iconMap;
|
|
11
|
+
export type IconKey = keyof IconMapType;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@liner-fe/prism",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.6.2",
|
|
4
4
|
"packageManager": "yarn@3.6.0",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"dev": "next dev",
|
|
@@ -38,6 +38,8 @@
|
|
|
38
38
|
"@storybook/addon-links": "^8.1.7",
|
|
39
39
|
"@storybook/addon-onboarding": "^8.1.7",
|
|
40
40
|
"@storybook/addon-themes": "^8.1.11",
|
|
41
|
+
"@storybook/addons": "^7.6.17",
|
|
42
|
+
"@storybook/api": "^7.6.17",
|
|
41
43
|
"@storybook/blocks": "^8.1.7",
|
|
42
44
|
"@storybook/nextjs": "^8.1.7",
|
|
43
45
|
"@storybook/react": "^8.1.7",
|
|
@@ -53,6 +55,7 @@
|
|
|
53
55
|
"sass": "^1.77.6",
|
|
54
56
|
"sass-loader": "^14.2.1",
|
|
55
57
|
"storybook": "^8.1.7",
|
|
58
|
+
"storybook-custom-theme-switcher": "^0.0.10",
|
|
56
59
|
"ts-node": "^10.9.2",
|
|
57
60
|
"typescript": "^5.1.6",
|
|
58
61
|
"typescript-plugin-css-modules": "^5.1.0"
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { DefaultButton } from '.';
|
|
3
|
-
declare const meta: Meta<typeof DefaultButton>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof meta>;
|
|
6
|
-
/**
|
|
7
|
-
* 기본 버튼
|
|
8
|
-
*/
|
|
9
|
-
export declare const Default: Story;
|
|
10
|
-
/**
|
|
11
|
-
* 종류별 버튼
|
|
12
|
-
*/
|
|
13
|
-
export declare const AS: Story;
|
|
14
|
-
/**
|
|
15
|
-
* Default 버튼 타입 - level 종류
|
|
16
|
-
*/
|
|
17
|
-
export declare const DefaultLevel: Story;
|
|
18
|
-
/**
|
|
19
|
-
* Default 버튼 - align 종류
|
|
20
|
-
*/
|
|
21
|
-
export declare const DefaultAlign: Story;
|
|
22
|
-
/**
|
|
23
|
-
* Default 버튼 - size 종류
|
|
24
|
-
*/
|
|
25
|
-
export declare const DefaultSize: Story;
|
|
26
|
-
/**
|
|
27
|
-
* Text 버튼 - level 종류
|
|
28
|
-
*/
|
|
29
|
-
export declare const TextLevel: Story;
|
|
30
|
-
/**
|
|
31
|
-
* Default 버튼 - 비활성화 상태
|
|
32
|
-
*/
|
|
33
|
-
export declare const Disabled: Story;
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { Popover } from '.';
|
|
3
|
-
declare const meta: Meta<typeof Popover.Content>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof meta>;
|
|
6
|
-
/**
|
|
7
|
-
* 기본 팝오버
|
|
8
|
-
*/
|
|
9
|
-
export declare const Default: Story;
|
|
10
|
-
/**
|
|
11
|
-
* 팝오버 - level 종류
|
|
12
|
-
*/
|
|
13
|
-
export declare const Level: Story;
|
|
14
|
-
/**
|
|
15
|
-
* 팝오버 - tag 여부
|
|
16
|
-
*/
|
|
17
|
-
export declare const Tag: Story;
|
|
18
|
-
/**
|
|
19
|
-
* 팝오버 - subTitle 여부
|
|
20
|
-
*/
|
|
21
|
-
export declare const SubTitle: Story;
|
|
22
|
-
/**
|
|
23
|
-
* 팝오버 - position & align 종류
|
|
24
|
-
*/
|
|
25
|
-
export declare const PosititonAlign: Story;
|
|
26
|
-
/**
|
|
27
|
-
* 팝오버 - onConfirm 여부
|
|
28
|
-
*/
|
|
29
|
-
export declare const Confirm: Story;
|
|
30
|
-
/**
|
|
31
|
-
* 팝오버 - isOpen Controlled 여부
|
|
32
|
-
*/
|
|
33
|
-
export declare const Controlled: Story;
|
|
34
|
-
/**
|
|
35
|
-
* TODO: 팝오버 - icon 여부
|
|
36
|
-
*/
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { Tooltip } from '.';
|
|
3
|
-
declare const meta: Meta<typeof Tooltip.Content>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof meta>;
|
|
6
|
-
/**
|
|
7
|
-
* 기본 툴팁
|
|
8
|
-
*/
|
|
9
|
-
export declare const Default: Story;
|
|
10
|
-
/**
|
|
11
|
-
* 방향별 툴팁
|
|
12
|
-
*/
|
|
13
|
-
export declare const Position: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const Typography: () => import("react/jsx-runtime").JSX.Element;
|
package/lib/index.cjs
DELETED
|
@@ -1,155 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
9
|
-
var __export = (target, all) => {
|
|
10
|
-
for (var name in all)
|
|
11
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
12
|
-
};
|
|
13
|
-
var __copyProps = (to, from, except, desc) => {
|
|
14
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
-
for (let key of __getOwnPropNames(from))
|
|
16
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
17
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
18
|
-
}
|
|
19
|
-
return to;
|
|
20
|
-
};
|
|
21
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
22
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
23
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
24
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
25
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
26
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
27
|
-
mod
|
|
28
|
-
));
|
|
29
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
30
|
-
|
|
31
|
-
// src/index.ts
|
|
32
|
-
var src_exports = {};
|
|
33
|
-
__export(src_exports, {
|
|
34
|
-
Button: () => Button,
|
|
35
|
-
DefaultButton: () => DefaultButton,
|
|
36
|
-
IconButton: () => IconButton,
|
|
37
|
-
TextButton: () => TextButton,
|
|
38
|
-
objectToArray: () => objectToArray
|
|
39
|
-
});
|
|
40
|
-
module.exports = __toCommonJS(src_exports);
|
|
41
|
-
|
|
42
|
-
// src/utils/object.ts
|
|
43
|
-
var objectToArray = /* @__PURE__ */ __name((obj) => {
|
|
44
|
-
return Object.entries(obj);
|
|
45
|
-
}, "objectToArray");
|
|
46
|
-
|
|
47
|
-
// src/components/Button/index.tsx
|
|
48
|
-
var import_react = require("react");
|
|
49
|
-
|
|
50
|
-
// src/components/Button/style.module.scss
|
|
51
|
-
var style_module_default = {
|
|
52
|
-
"button": "_button_vqhwa_1",
|
|
53
|
-
"default": "_default_vqhwa_20",
|
|
54
|
-
"text": "_text_vqhwa_25",
|
|
55
|
-
"icon": "_icon_vqhwa_36",
|
|
56
|
-
"primary": "_primary_vqhwa_40",
|
|
57
|
-
"secondary": "_secondary_vqhwa_47",
|
|
58
|
-
"tertiary": "_tertiary_vqhwa_54",
|
|
59
|
-
"quaternary": "_quaternary_vqhwa_62",
|
|
60
|
-
"quinary": "_quinary_vqhwa_75",
|
|
61
|
-
"negative": "_negative_vqhwa_87",
|
|
62
|
-
"inverse": "_inverse_vqhwa_94",
|
|
63
|
-
"cta": "_cta_vqhwa_101",
|
|
64
|
-
"l": "_l_vqhwa_109",
|
|
65
|
-
"m": "_m_vqhwa_117",
|
|
66
|
-
"s": "_s_vqhwa_47",
|
|
67
|
-
"align-center": "_align-center_vqhwa_135",
|
|
68
|
-
"align-space-between": "_align-space-between_vqhwa_139",
|
|
69
|
-
"inverse-primary": "_inverse-primary_vqhwa_143",
|
|
70
|
-
"neutral-primary": "_neutral-primary_vqhwa_147",
|
|
71
|
-
"inverse-static-primary": "_inverse-static-primary_vqhwa_152"
|
|
72
|
-
};
|
|
73
|
-
|
|
74
|
-
// src/components/Button/index.tsx
|
|
75
|
-
var import_class_variance_authority = require("class-variance-authority");
|
|
76
|
-
var import_react_slot = require("@radix-ui/react-slot");
|
|
77
|
-
var import_clsx = __toESM(require("clsx"));
|
|
78
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
79
|
-
var defaultButtonVariants = (0, import_class_variance_authority.cva)([style_module_default.button, style_module_default.default], {
|
|
80
|
-
variants: {
|
|
81
|
-
level: {
|
|
82
|
-
primary: style_module_default.primary,
|
|
83
|
-
secondary: style_module_default.secondary,
|
|
84
|
-
tertiary: style_module_default.tertiary,
|
|
85
|
-
quaternary: style_module_default.quaternary,
|
|
86
|
-
quinary: style_module_default.quinary,
|
|
87
|
-
negative: style_module_default.negative,
|
|
88
|
-
inverse: style_module_default.inverse
|
|
89
|
-
},
|
|
90
|
-
align: {
|
|
91
|
-
center: style_module_default["align-center"],
|
|
92
|
-
spaceBetween: style_module_default["align-space-between"]
|
|
93
|
-
},
|
|
94
|
-
size: {
|
|
95
|
-
cta: style_module_default.cta,
|
|
96
|
-
l: style_module_default.l,
|
|
97
|
-
m: style_module_default.button,
|
|
98
|
-
s: style_module_default.s
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
});
|
|
102
|
-
var textButtonVariants = (0, import_class_variance_authority.cva)([style_module_default.button, style_module_default.text], {
|
|
103
|
-
variants: {
|
|
104
|
-
level: {
|
|
105
|
-
inversePrimary: style_module_default["inverse-primary"],
|
|
106
|
-
neutralPrimary: style_module_default["neutral-primary"],
|
|
107
|
-
inverseStaticPrimary: style_module_default["inverse-static-primary"]
|
|
108
|
-
}
|
|
109
|
-
}
|
|
110
|
-
});
|
|
111
|
-
var iconButtonVariants = (0, import_class_variance_authority.cva)([style_module_default.button, style_module_default.icon], {
|
|
112
|
-
variants: {
|
|
113
|
-
level: {
|
|
114
|
-
primary: style_module_default.primary,
|
|
115
|
-
secondary: style_module_default.secondary,
|
|
116
|
-
tertiary: style_module_default.tertiary,
|
|
117
|
-
quaternary: style_module_default.quaternary,
|
|
118
|
-
quinary: style_module_default.quinary,
|
|
119
|
-
negative: style_module_default.negative
|
|
120
|
-
},
|
|
121
|
-
weight: {
|
|
122
|
-
//
|
|
123
|
-
}
|
|
124
|
-
}
|
|
125
|
-
});
|
|
126
|
-
var DefaultButton = (0, import_react.forwardRef)(
|
|
127
|
-
({ as = "default", asChild = false, level = "primary", align = "center", size = "cta", ...rest }, ref) => {
|
|
128
|
-
const Comp = asChild ? import_react_slot.Slot : "button";
|
|
129
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ...rest, className: (0, import_clsx.default)(defaultButtonVariants({ level, align, size })), ref });
|
|
130
|
-
}
|
|
131
|
-
);
|
|
132
|
-
var TextButton = (0, import_react.forwardRef)(
|
|
133
|
-
({ as = "text", asChild = false, level = "inversePrimary", ...rest }, ref) => {
|
|
134
|
-
const Comp = asChild ? import_react_slot.Slot : "button";
|
|
135
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ...rest, className: (0, import_clsx.default)(textButtonVariants({ level })), ref });
|
|
136
|
-
}
|
|
137
|
-
);
|
|
138
|
-
var IconButton = (0, import_react.forwardRef)((props, ref) => {
|
|
139
|
-
const Comp = props.asChild ? import_react_slot.Slot : "button";
|
|
140
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ...props, className: (0, import_clsx.default)(iconButtonVariants({ level: props.level })), ref });
|
|
141
|
-
});
|
|
142
|
-
var Button = (0, import_react.forwardRef)((props, ref) => {
|
|
143
|
-
const Comp = props.asChild ? import_react_slot.Slot : "button";
|
|
144
|
-
switch (props.as) {
|
|
145
|
-
case "default":
|
|
146
|
-
case void 0:
|
|
147
|
-
const { as, asChild, level = "primary", align = "center", size = "cta", ...rest } = props;
|
|
148
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ...rest, className: (0, import_clsx.default)(defaultButtonVariants({ level, align, size })), ref });
|
|
149
|
-
case "text":
|
|
150
|
-
const { as: textAs, asChild: textAsChild, level: textLevel = "inversePrimary", ...textRest } = props;
|
|
151
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ...textRest, className: (0, import_clsx.default)(textButtonVariants({ level: textLevel })), ref });
|
|
152
|
-
}
|
|
153
|
-
});
|
|
154
|
-
/*! For license information please see index.cjs.LEGAL.txt */
|
|
155
|
-
//# sourceMappingURL=index.cjs.map
|
package/lib/index.cjs.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../src/index.ts", "../src/utils/object.ts", "../src/components/Button/index.tsx", "../src/components/Button/style.module.scss"],
|
|
4
|
-
"sourcesContent": ["export * from './utils/object';\nexport * from './components/Button';\n", "export const objectToArray = <T extends Record<string, any>>(obj: T) => {\n return Object.entries(obj);\n};\n", "import { ButtonHTMLAttributes, forwardRef } from 'react';\n\nimport style from './style.module.scss';\nimport { VariantProps, cva } from 'class-variance-authority';\nimport { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx';\n\nconst defaultButtonVariants = cva([style.button, style.default], {\n variants: {\n level: {\n primary: style.primary,\n secondary: style.secondary,\n tertiary: style.tertiary,\n quaternary: style.quaternary,\n quinary: style.quinary,\n negative: style.negative,\n inverse: style.inverse,\n },\n align: {\n center: style['align-center'],\n spaceBetween: style['align-space-between'],\n },\n size: {\n cta: style.cta,\n l: style.l,\n m: style.button,\n s: style.s,\n },\n },\n});\nconst textButtonVariants = cva([style.button, style.text], {\n variants: {\n level: {\n inversePrimary: style['inverse-primary'],\n neutralPrimary: style['neutral-primary'],\n inverseStaticPrimary: style['inverse-static-primary'],\n },\n },\n});\nconst iconButtonVariants = cva([style.button, style.icon], {\n variants: {\n level: {\n primary: style.primary,\n secondary: style.secondary,\n tertiary: style.tertiary,\n quaternary: style.quaternary,\n quinary: style.quinary,\n negative: style.negative,\n },\n weight: {\n //\n },\n },\n});\n\ninterface CommonButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n as?: 'default' | 'text' | 'icon';\n asChild?: boolean;\n}\nexport interface DefaultButtonProps extends CommonButtonProps, VariantProps<typeof defaultButtonVariants> {\n as?: 'default';\n asChild?: boolean;\n level?: 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'quinary' | 'negative' | 'inverse';\n size?: 'cta' | 'l' | 'm' | 's';\n align?: 'center' | 'spaceBetween';\n // isLoading?: boolean;\n // leftIcon?: ReactNode;\n // rightIcon?: ReactNode;\n}\nexport interface TextButtonProps extends CommonButtonProps, VariantProps<typeof textButtonVariants> {\n as: 'text';\n asChild?: boolean;\n level?: 'inversePrimary' | 'neutralPrimary' | 'inverseStaticPrimary';\n}\nexport interface IconButtonProps extends CommonButtonProps, VariantProps<typeof iconButtonVariants> {\n as: 'icon';\n asChild?: boolean;\n // weight\n}\nexport type ButtonProps = DefaultButtonProps | TextButtonProps | IconButtonProps;\n\n/**\n * \uBC84\uD2BC \uCEF4\uD3EC\uB10C\uD2B8\n */\nexport const DefaultButton = forwardRef<HTMLButtonElement, DefaultButtonProps>(\n ({ as = 'default', asChild = false, level = 'primary', align = 'center', size = 'cta', ...rest }, ref) => {\n const Comp = asChild ? Slot : 'button';\n\n return <Comp {...rest} className={clsx(defaultButtonVariants({ level, align, size }))} ref={ref} />;\n }\n);\n\nexport const TextButton = forwardRef<HTMLButtonElement, TextButtonProps>(\n ({ as = 'text', asChild = false, level = 'inversePrimary', ...rest }, ref) => {\n const Comp = asChild ? Slot : 'button';\n\n return <Comp {...rest} className={clsx(textButtonVariants({ level }))} ref={ref} />;\n }\n);\n\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>((props, ref) => {\n const Comp = props.asChild ? Slot : 'button';\n\n return <Comp {...props} className={clsx(iconButtonVariants({ level: props.level }))} ref={ref} />;\n});\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>((props, ref) => {\n const Comp = props.asChild ? Slot : 'button';\n\n switch (props.as) {\n case 'default':\n case undefined:\n const { as, asChild, level = 'primary', align = 'center', size = 'cta', ...rest } = props;\n return <Comp {...rest} className={clsx(defaultButtonVariants({ level, align, size }))} ref={ref} />;\n case 'text':\n const { as: textAs, asChild: textAsChild, level: textLevel = 'inversePrimary', ...textRest } = props;\n return <Comp {...textRest} className={clsx(textButtonVariants({ level: textLevel }))} ref={ref} />;\n // case 'icon':\n // return <Comp {...props} className={clsx(iconButtonVariants({ level: props.level }))} ref={ref} />;\n }\n});\n", "import 'css-chunk:src/components/Button/style.module.scss';export default {\n \"button\": \"_button_vqhwa_1\",\n \"default\": \"_default_vqhwa_20\",\n \"text\": \"_text_vqhwa_25\",\n \"icon\": \"_icon_vqhwa_36\",\n \"primary\": \"_primary_vqhwa_40\",\n \"secondary\": \"_secondary_vqhwa_47\",\n \"tertiary\": \"_tertiary_vqhwa_54\",\n \"quaternary\": \"_quaternary_vqhwa_62\",\n \"quinary\": \"_quinary_vqhwa_75\",\n \"negative\": \"_negative_vqhwa_87\",\n \"inverse\": \"_inverse_vqhwa_94\",\n \"cta\": \"_cta_vqhwa_101\",\n \"l\": \"_l_vqhwa_109\",\n \"m\": \"_m_vqhwa_117\",\n \"s\": \"_s_vqhwa_47\",\n \"align-center\": \"_align-center_vqhwa_135\",\n \"align-space-between\": \"_align-space-between_vqhwa_139\",\n \"inverse-primary\": \"_inverse-primary_vqhwa_143\",\n \"neutral-primary\": \"_neutral-primary_vqhwa_147\",\n \"inverse-static-primary\": \"_inverse-static-primary_vqhwa_152\"\n};"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["clsx"]
|
|
7
|
-
}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|