@liner-fe/prism 1.1.17 → 1.1.19

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 (8) hide show
  1. package/index.css +138 -0
  2. package/lib/index.cjs +155 -0
  3. package/lib/index.cjs.map +7 -0
  4. package/lib/index.css +138 -0
  5. package/lib/index.css.map +7 -0
  6. package/lib/index.mjs +124 -0
  7. package/lib/index.mjs.map +7 -0
  8. package/package.json +5 -4
package/index.css ADDED
@@ -0,0 +1,138 @@
1
+ /* index.css */
2
+ ._button_1jmfl_1 {
3
+ position: relative;
4
+ display: flex;
5
+ align-items: center;
6
+ justify-content: center;
7
+ border: none;
8
+ font-style: normal;
9
+ font-size: var(--lp-pri-font-size-16);
10
+ font-weight: var(--lp-pri-font-weight-700);
11
+ line-height: 130%;
12
+ overflow: hidden;
13
+ cursor: pointer;
14
+ }
15
+ ._button_1jmfl_1:disabled {
16
+ background: var(--neutral-container-mid);
17
+ color: var(--neutral-label-tertiary);
18
+ cursor: not-allowed;
19
+ }
20
+ ._default_1jmfl_20 {
21
+ color: var(--inverse-label-static-primary);
22
+ background: var(--lp-pri-achromatic-white);
23
+ }
24
+ ._text_1jmfl_25 {
25
+ background: none;
26
+ color: var(--inverse-label-static-primary);
27
+ font-size: var(--lp-pri-font-size-13);
28
+ font-weight: var(--lp-pri-font-weight-500);
29
+ }
30
+ ._text_1jmfl_25:not(:disabled):hover {
31
+ text-decoration: underline;
32
+ text-underline-offset: 0.2rem;
33
+ }
34
+ ._icon_1jmfl_36 {
35
+ background: none;
36
+ }
37
+ ._primary_1jmfl_40 {
38
+ background: #4058ff;
39
+ }
40
+ ._primary_1jmfl_40:not(:disabled):hover {
41
+ background: #3346cc;
42
+ }
43
+ ._secondary_1jmfl_47 {
44
+ background: var(--inverse-container-high);
45
+ }
46
+ ._secondary_1jmfl_47:not(:disabled):hover {
47
+ background: #121212;
48
+ }
49
+ ._tertiary_1jmfl_54 {
50
+ background: rgba(109, 109, 112, 0.0784313725);
51
+ color: var(--neutral-label-primary);
52
+ }
53
+ ._tertiary_1jmfl_54:not(:disabled):hover {
54
+ background: #ebebeb;
55
+ }
56
+ ._quaternary_1jmfl_62 {
57
+ color: var(--neutral-label-primary);
58
+ border: 1px solid var(--neutral-border-overlay-normal);
59
+ }
60
+ ._quaternary_1jmfl_62:not(:disabled):hover {
61
+ background: #f5f5f5;
62
+ }
63
+ ._quaternary_1jmfl_62:disabled {
64
+ background: var(--neutral-container-mid);
65
+ color: var(--neutral-label-tertiary);
66
+ opacity: 0.4;
67
+ }
68
+ ._quinary_1jmfl_75 {
69
+ color: rgba(109, 109, 112, 0.8);
70
+ }
71
+ ._quinary_1jmfl_75:not(:disabled):hover {
72
+ background: #f5f5f5;
73
+ }
74
+ ._quinary_1jmfl_75:disabled {
75
+ background: var(--neutral-container-mid);
76
+ color: var(--neutral-label-tertiary);
77
+ opacity: 0.4;
78
+ }
79
+ ._negative_1jmfl_87 {
80
+ background: var(--function-negative);
81
+ }
82
+ ._negative_1jmfl_87:not(:disabled):hover {
83
+ background: #af1b1c;
84
+ }
85
+ ._inverse_1jmfl_94 {
86
+ color: var(--neutral-label-primary);
87
+ }
88
+ ._inverse_1jmfl_94:not(:disabled):hover {
89
+ background: #f5f5f5;
90
+ }
91
+ ._cta_1jmfl_101 {
92
+ border-radius: 8px;
93
+ padding: 13.5px 12px;
94
+ font-size: var(--lp-pri-font-size-16);
95
+ min-width: 129px;
96
+ max-height: 48px;
97
+ }
98
+ ._l_1jmfl_109 {
99
+ border-radius: 6px;
100
+ padding: 10.5px 8px;
101
+ font-size: var(--lp-pri-font-size-15);
102
+ min-width: 107px;
103
+ max-height: 40px;
104
+ }
105
+ ._m_1jmfl_117 {
106
+ border-radius: 6px;
107
+ padding: 7px 6px;
108
+ font-size: var(--lp-pri-font-size-14);
109
+ font-weight: var(--lp-pri-font-weight-500);
110
+ min-width: 91px;
111
+ max-height: 32px;
112
+ }
113
+ ._s_1jmfl_47 {
114
+ border-radius: 6px;
115
+ padding: 3.5px 6px;
116
+ font-size: var(--lp-pri-font-size-13);
117
+ font-weight: var(--lp-pri-font-weight-500);
118
+ min-width: 89px;
119
+ max-height: 24px;
120
+ }
121
+ ._align-center_1jmfl_135 {
122
+ justify-content: center;
123
+ }
124
+ ._align-space-between_1jmfl_139 {
125
+ justify-content: space-between;
126
+ }
127
+ ._inverse-primary_1jmfl_143 {
128
+ color: var(--inverse-label-static-primary);
129
+ }
130
+ ._neutral-primary_1jmfl_147 {
131
+ color: rgba(109, 109, 112, 0.8);
132
+ opacity: 0.8;
133
+ }
134
+ ._inverse-static-primary_1jmfl_152 {
135
+ color: var(--inverse-label-static-primary);
136
+ }
137
+ /*! For license information please see index.css.LEGAL.txt */
138
+ /*# sourceMappingURL=index.css.map */
package/lib/index.cjs ADDED
@@ -0,0 +1,155 @@
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 ADDED
@@ -0,0 +1,7 @@
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
+ }
package/lib/index.css ADDED
@@ -0,0 +1,138 @@
1
+ /* esbuild-sass-plugin:css-chunk:src/components/Button/style.module.scss */
2
+ ._button_vqhwa_1 {
3
+ position: relative;
4
+ display: flex;
5
+ align-items: center;
6
+ justify-content: center;
7
+ border: none;
8
+ font-style: normal;
9
+ font-size: var(--lp-pri-font-size-16);
10
+ font-weight: var(--lp-pri-font-weight-700);
11
+ line-height: 130%;
12
+ overflow: hidden;
13
+ cursor: pointer;
14
+ }
15
+ ._button_vqhwa_1:disabled {
16
+ background: var(--neutral-container-mid);
17
+ color: var(--neutral-label-tertiary);
18
+ cursor: not-allowed;
19
+ }
20
+ ._default_vqhwa_20 {
21
+ color: var(--inverse-label-static-primary);
22
+ background: var(--lp-pri-achromatic-white);
23
+ }
24
+ ._text_vqhwa_25 {
25
+ background: none;
26
+ color: var(--inverse-label-static-primary);
27
+ font-size: var(--lp-pri-font-size-13);
28
+ font-weight: var(--lp-pri-font-weight-500);
29
+ }
30
+ ._text_vqhwa_25:not(:disabled):hover {
31
+ text-decoration: underline;
32
+ text-underline-offset: 0.2rem;
33
+ }
34
+ ._icon_vqhwa_36 {
35
+ background: none;
36
+ }
37
+ ._primary_vqhwa_40 {
38
+ background: #4058ff;
39
+ }
40
+ ._primary_vqhwa_40:not(:disabled):hover {
41
+ background: #3346cc;
42
+ }
43
+ ._secondary_vqhwa_47 {
44
+ background: var(--inverse-container-high);
45
+ }
46
+ ._secondary_vqhwa_47:not(:disabled):hover {
47
+ background: #121212;
48
+ }
49
+ ._tertiary_vqhwa_54 {
50
+ background: rgba(109, 109, 112, 0.0784313725);
51
+ color: var(--neutral-label-primary);
52
+ }
53
+ ._tertiary_vqhwa_54:not(:disabled):hover {
54
+ background: #ebebeb;
55
+ }
56
+ ._quaternary_vqhwa_62 {
57
+ color: var(--neutral-label-primary);
58
+ border: 1px solid var(--neutral-border-overlay-normal);
59
+ }
60
+ ._quaternary_vqhwa_62:not(:disabled):hover {
61
+ background: #f5f5f5;
62
+ }
63
+ ._quaternary_vqhwa_62:disabled {
64
+ background: var(--neutral-container-mid);
65
+ color: var(--neutral-label-tertiary);
66
+ opacity: 0.4;
67
+ }
68
+ ._quinary_vqhwa_75 {
69
+ color: rgba(109, 109, 112, 0.8);
70
+ }
71
+ ._quinary_vqhwa_75:not(:disabled):hover {
72
+ background: #f5f5f5;
73
+ }
74
+ ._quinary_vqhwa_75:disabled {
75
+ background: var(--neutral-container-mid);
76
+ color: var(--neutral-label-tertiary);
77
+ opacity: 0.4;
78
+ }
79
+ ._negative_vqhwa_87 {
80
+ background: var(--function-negative);
81
+ }
82
+ ._negative_vqhwa_87:not(:disabled):hover {
83
+ background: #af1b1c;
84
+ }
85
+ ._inverse_vqhwa_94 {
86
+ color: var(--neutral-label-primary);
87
+ }
88
+ ._inverse_vqhwa_94:not(:disabled):hover {
89
+ background: #f5f5f5;
90
+ }
91
+ ._cta_vqhwa_101 {
92
+ border-radius: 8px;
93
+ padding: 13.5px 12px;
94
+ font-size: var(--lp-pri-font-size-16);
95
+ min-width: 129px;
96
+ max-height: 48px;
97
+ }
98
+ ._l_vqhwa_109 {
99
+ border-radius: 6px;
100
+ padding: 10.5px 8px;
101
+ font-size: var(--lp-pri-font-size-15);
102
+ min-width: 107px;
103
+ max-height: 40px;
104
+ }
105
+ ._m_vqhwa_117 {
106
+ border-radius: 6px;
107
+ padding: 7px 6px;
108
+ font-size: var(--lp-pri-font-size-14);
109
+ font-weight: var(--lp-pri-font-weight-500);
110
+ min-width: 91px;
111
+ max-height: 32px;
112
+ }
113
+ ._s_vqhwa_47 {
114
+ border-radius: 6px;
115
+ padding: 3.5px 6px;
116
+ font-size: var(--lp-pri-font-size-13);
117
+ font-weight: var(--lp-pri-font-weight-500);
118
+ min-width: 89px;
119
+ max-height: 24px;
120
+ }
121
+ ._align-center_vqhwa_135 {
122
+ justify-content: center;
123
+ }
124
+ ._align-space-between_vqhwa_139 {
125
+ justify-content: space-between;
126
+ }
127
+ ._inverse-primary_vqhwa_143 {
128
+ color: var(--inverse-label-static-primary);
129
+ }
130
+ ._neutral-primary_vqhwa_147 {
131
+ color: rgba(109, 109, 112, 0.8);
132
+ opacity: 0.8;
133
+ }
134
+ ._inverse-static-primary_vqhwa_152 {
135
+ color: var(--inverse-label-static-primary);
136
+ }
137
+ /*! For license information please see index.css.LEGAL.txt */
138
+ /*# sourceMappingURL=index.css.map */
package/lib/index.css.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["esbuild-sass-plugin:css-chunk:src/components/Button/style.module.scss"],
4
+ "sourcesContent": ["._button_vqhwa_1 {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n border: none;\n font-style: normal;\n font-size: var(--lp-pri-font-size-16);\n font-weight: var(--lp-pri-font-weight-700);\n line-height: 130%;\n overflow: hidden;\n cursor: pointer;\n}\n._button_vqhwa_1:disabled {\n background: var(--neutral-container-mid);\n color: var(--neutral-label-tertiary);\n cursor: not-allowed;\n}\n\n._default_vqhwa_20 {\n color: var(--inverse-label-static-primary);\n background: var(--lp-pri-achromatic-white);\n}\n\n._text_vqhwa_25 {\n background: none;\n color: var(--inverse-label-static-primary);\n font-size: var(--lp-pri-font-size-13);\n font-weight: var(--lp-pri-font-weight-500);\n}\n._text_vqhwa_25:not(:disabled):hover {\n text-decoration: underline;\n text-underline-offset: 0.2rem;\n}\n\n._icon_vqhwa_36 {\n background: none;\n}\n\n._primary_vqhwa_40 {\n background: #4058ff;\n}\n._primary_vqhwa_40:not(:disabled):hover {\n background: #3346cc;\n}\n\n._secondary_vqhwa_47 {\n background: var(--inverse-container-high);\n}\n._secondary_vqhwa_47:not(:disabled):hover {\n background: #121212;\n}\n\n._tertiary_vqhwa_54 {\n background: rgba(109, 109, 112, 0.0784313725);\n color: var(--neutral-label-primary);\n}\n._tertiary_vqhwa_54:not(:disabled):hover {\n background: #ebebeb;\n}\n\n._quaternary_vqhwa_62 {\n color: var(--neutral-label-primary);\n border: 1px solid var(--neutral-border-overlay-normal);\n}\n._quaternary_vqhwa_62:not(:disabled):hover {\n background: #f5f5f5;\n}\n._quaternary_vqhwa_62:disabled {\n background: var(--neutral-container-mid);\n color: var(--neutral-label-tertiary);\n opacity: 0.4;\n}\n\n._quinary_vqhwa_75 {\n color: rgba(109, 109, 112, 0.8);\n}\n._quinary_vqhwa_75:not(:disabled):hover {\n background: #f5f5f5;\n}\n._quinary_vqhwa_75:disabled {\n background: var(--neutral-container-mid);\n color: var(--neutral-label-tertiary);\n opacity: 0.4;\n}\n\n._negative_vqhwa_87 {\n background: var(--function-negative);\n}\n._negative_vqhwa_87:not(:disabled):hover {\n background: #af1b1c;\n}\n\n._inverse_vqhwa_94 {\n color: var(--neutral-label-primary);\n}\n._inverse_vqhwa_94:not(:disabled):hover {\n background: #f5f5f5;\n}\n\n._cta_vqhwa_101 {\n border-radius: 8px;\n padding: 13.5px 12px;\n font-size: var(--lp-pri-font-size-16);\n min-width: 129px;\n max-height: 48px;\n}\n\n._l_vqhwa_109 {\n border-radius: 6px;\n padding: 10.5px 8px;\n font-size: var(--lp-pri-font-size-15);\n min-width: 107px;\n max-height: 40px;\n}\n\n._m_vqhwa_117 {\n border-radius: 6px;\n padding: 7px 6px;\n font-size: var(--lp-pri-font-size-14);\n font-weight: var(--lp-pri-font-weight-500);\n min-width: 91px;\n max-height: 32px;\n}\n\n._s_vqhwa_47 {\n border-radius: 6px;\n padding: 3.5px 6px;\n font-size: var(--lp-pri-font-size-13);\n font-weight: var(--lp-pri-font-weight-500);\n min-width: 89px;\n max-height: 24px;\n}\n\n._align-center_vqhwa_135 {\n justify-content: center;\n}\n\n._align-space-between_vqhwa_139 {\n justify-content: space-between;\n}\n\n._inverse-primary_vqhwa_143 {\n color: var(--inverse-label-static-primary);\n}\n\n._neutral-primary_vqhwa_147 {\n color: rgba(109, 109, 112, 0.8);\n opacity: 0.8;\n}\n\n._inverse-static-primary_vqhwa_152 {\n color: var(--inverse-label-static-primary);\n}"],
5
+ "mappings": ";AAAA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,UAAQ;AACR,cAAY;AACZ,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa;AACb,YAAU;AACV,UAAQ;AACV;AACA,CAbC,eAae;AACd,cAAY,IAAI;AAChB,SAAO,IAAI;AACX,UAAQ;AACV;AAEA,CAAC;AACC,SAAO,IAAI;AACX,cAAY,IAAI;AAClB;AAEA,CAAC;AACC,cAAY;AACZ,SAAO,IAAI;AACX,aAAW,IAAI;AACf,eAAa,IAAI;AACnB;AACA,CANC,cAMc,KAAK,UAAU;AAC5B,mBAAiB;AACjB,yBAAuB;AACzB;AAEA,CAAC;AACC,cAAY;AACd;AAEA,CAAC;AACC,cAAY;AACd;AACA,CAHC,iBAGiB,KAAK,UAAU;AAC/B,cAAY;AACd;AAEA,CAAC;AACC,cAAY,IAAI;AAClB;AACA,CAHC,mBAGmB,KAAK,UAAU;AACjC,cAAY;AACd;AAEA,CAAC;AACC,cAAY,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AAChC,SAAO,IAAI;AACb;AACA,CAJC,kBAIkB,KAAK,UAAU;AAChC,cAAY;AACd;AAEA,CAAC;AACC,SAAO,IAAI;AACX,UAAQ,IAAI,MAAM,IAAI;AACxB;AACA,CAJC,oBAIoB,KAAK,UAAU;AAClC,cAAY;AACd;AACA,CAPC,oBAOoB;AACnB,cAAY,IAAI;AAChB,SAAO,IAAI;AACX,WAAS;AACX;AAEA,CAAC;AACC,SAAO,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AAC7B;AACA,CAHC,iBAGiB,KAAK,UAAU;AAC/B,cAAY;AACd;AACA,CANC,iBAMiB;AAChB,cAAY,IAAI;AAChB,SAAO,IAAI;AACX,WAAS;AACX;AAEA,CAAC;AACC,cAAY,IAAI;AAClB;AACA,CAHC,kBAGkB,KAAK,UAAU;AAChC,cAAY;AACd;AAEA,CAAC;AACC,SAAO,IAAI;AACb;AACA,CAHC,iBAGiB,KAAK,UAAU;AAC/B,cAAY;AACd;AAEA,CAAC;AACC,iBAAe;AACf,WAAS,OAAO;AAChB,aAAW,IAAI;AACf,aAAW;AACX,cAAY;AACd;AAEA,CAAC;AACC,iBAAe;AACf,WAAS,OAAO;AAChB,aAAW,IAAI;AACf,aAAW;AACX,cAAY;AACd;AAEA,CAAC;AACC,iBAAe;AACf,WAAS,IAAI;AACb,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,aAAW;AACX,cAAY;AACd;AAEA,CAAC;AACC,iBAAe;AACf,WAAS,MAAM;AACf,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,aAAW;AACX,cAAY;AACd;AAEA,CAAC;AACC,mBAAiB;AACnB;AAEA,CAAC;AACC,mBAAiB;AACnB;AAEA,CAAC;AACC,SAAO,IAAI;AACb;AAEA,CAAC;AACC,SAAO,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AAC3B,WAAS;AACX;AAEA,CAAC;AACC,SAAO,IAAI;AACb;",
6
+ "names": []
7
+ }
package/lib/index.mjs ADDED
@@ -0,0 +1,124 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
3
+
4
+ // src/utils/object.ts
5
+ var objectToArray = /* @__PURE__ */ __name((obj) => {
6
+ return Object.entries(obj);
7
+ }, "objectToArray");
8
+
9
+ // src/components/Button/index.tsx
10
+ import { forwardRef } from "react";
11
+
12
+ // src/components/Button/style.module.scss
13
+ var style_module_default = {
14
+ "button": "_button_vqhwa_1",
15
+ "default": "_default_vqhwa_20",
16
+ "text": "_text_vqhwa_25",
17
+ "icon": "_icon_vqhwa_36",
18
+ "primary": "_primary_vqhwa_40",
19
+ "secondary": "_secondary_vqhwa_47",
20
+ "tertiary": "_tertiary_vqhwa_54",
21
+ "quaternary": "_quaternary_vqhwa_62",
22
+ "quinary": "_quinary_vqhwa_75",
23
+ "negative": "_negative_vqhwa_87",
24
+ "inverse": "_inverse_vqhwa_94",
25
+ "cta": "_cta_vqhwa_101",
26
+ "l": "_l_vqhwa_109",
27
+ "m": "_m_vqhwa_117",
28
+ "s": "_s_vqhwa_47",
29
+ "align-center": "_align-center_vqhwa_135",
30
+ "align-space-between": "_align-space-between_vqhwa_139",
31
+ "inverse-primary": "_inverse-primary_vqhwa_143",
32
+ "neutral-primary": "_neutral-primary_vqhwa_147",
33
+ "inverse-static-primary": "_inverse-static-primary_vqhwa_152"
34
+ };
35
+
36
+ // src/components/Button/index.tsx
37
+ import { cva } from "class-variance-authority";
38
+ import { Slot } from "@radix-ui/react-slot";
39
+ import clsx from "clsx";
40
+ import { jsx } from "react/jsx-runtime";
41
+ var defaultButtonVariants = cva([style_module_default.button, style_module_default.default], {
42
+ variants: {
43
+ level: {
44
+ primary: style_module_default.primary,
45
+ secondary: style_module_default.secondary,
46
+ tertiary: style_module_default.tertiary,
47
+ quaternary: style_module_default.quaternary,
48
+ quinary: style_module_default.quinary,
49
+ negative: style_module_default.negative,
50
+ inverse: style_module_default.inverse
51
+ },
52
+ align: {
53
+ center: style_module_default["align-center"],
54
+ spaceBetween: style_module_default["align-space-between"]
55
+ },
56
+ size: {
57
+ cta: style_module_default.cta,
58
+ l: style_module_default.l,
59
+ m: style_module_default.button,
60
+ s: style_module_default.s
61
+ }
62
+ }
63
+ });
64
+ var textButtonVariants = cva([style_module_default.button, style_module_default.text], {
65
+ variants: {
66
+ level: {
67
+ inversePrimary: style_module_default["inverse-primary"],
68
+ neutralPrimary: style_module_default["neutral-primary"],
69
+ inverseStaticPrimary: style_module_default["inverse-static-primary"]
70
+ }
71
+ }
72
+ });
73
+ var iconButtonVariants = cva([style_module_default.button, style_module_default.icon], {
74
+ variants: {
75
+ level: {
76
+ primary: style_module_default.primary,
77
+ secondary: style_module_default.secondary,
78
+ tertiary: style_module_default.tertiary,
79
+ quaternary: style_module_default.quaternary,
80
+ quinary: style_module_default.quinary,
81
+ negative: style_module_default.negative
82
+ },
83
+ weight: {
84
+ //
85
+ }
86
+ }
87
+ });
88
+ var DefaultButton = forwardRef(
89
+ ({ as = "default", asChild = false, level = "primary", align = "center", size = "cta", ...rest }, ref) => {
90
+ const Comp = asChild ? Slot : "button";
91
+ return /* @__PURE__ */ jsx(Comp, { ...rest, className: clsx(defaultButtonVariants({ level, align, size })), ref });
92
+ }
93
+ );
94
+ var TextButton = forwardRef(
95
+ ({ as = "text", asChild = false, level = "inversePrimary", ...rest }, ref) => {
96
+ const Comp = asChild ? Slot : "button";
97
+ return /* @__PURE__ */ jsx(Comp, { ...rest, className: clsx(textButtonVariants({ level })), ref });
98
+ }
99
+ );
100
+ var IconButton = forwardRef((props, ref) => {
101
+ const Comp = props.asChild ? Slot : "button";
102
+ return /* @__PURE__ */ jsx(Comp, { ...props, className: clsx(iconButtonVariants({ level: props.level })), ref });
103
+ });
104
+ var Button = forwardRef((props, ref) => {
105
+ const Comp = props.asChild ? Slot : "button";
106
+ switch (props.as) {
107
+ case "default":
108
+ case void 0:
109
+ const { as, asChild, level = "primary", align = "center", size = "cta", ...rest } = props;
110
+ return /* @__PURE__ */ jsx(Comp, { ...rest, className: clsx(defaultButtonVariants({ level, align, size })), ref });
111
+ case "text":
112
+ const { as: textAs, asChild: textAsChild, level: textLevel = "inversePrimary", ...textRest } = props;
113
+ return /* @__PURE__ */ jsx(Comp, { ...textRest, className: clsx(textButtonVariants({ level: textLevel })), ref });
114
+ }
115
+ });
116
+ export {
117
+ Button,
118
+ DefaultButton,
119
+ IconButton,
120
+ TextButton,
121
+ objectToArray
122
+ };
123
+ /*! For license information please see index.mjs.LEGAL.txt */
124
+ //# sourceMappingURL=index.mjs.map
package/lib/index.mjs.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../src/utils/object.ts", "../src/components/Button/index.tsx", "../src/components/Button/style.module.scss"],
4
+ "sourcesContent": ["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": []
7
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@liner-fe/prism",
3
- "version": "1.1.17",
3
+ "version": "1.1.19",
4
4
  "packageManager": "yarn@3.6.0",
5
5
  "scripts": {
6
6
  "dev": "next dev",
@@ -63,12 +63,13 @@
63
63
  "import": "./lib/index.mjs",
64
64
  "require": "./lib/index.cjs"
65
65
  },
66
- "./package.json": "./package.json",
67
- "./index.css": "./index.css"
66
+ "./index.css": "./index.css",
67
+ "./package.json": "./package.json"
68
68
  },
69
69
  "files": [
70
70
  "lib",
71
- "src"
71
+ "src",
72
+ "index.css"
72
73
  ],
73
74
  "maintainers": [
74
75
  {