boottent-design 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.
@@ -0,0 +1,369 @@
1
+ import { ClassValue } from 'clsx';
2
+
3
+ export declare const cn: (...classes: ClassValue[]) => string;
4
+
5
+ export { }
6
+
7
+ declare namespace _default {
8
+ let content: string[];
9
+ namespace theme {
10
+ let fontSize: any;
11
+ let colors: {
12
+ grey: {
13
+ 50: string;
14
+ 100: string;
15
+ 200: string;
16
+ 300: string;
17
+ 400: string;
18
+ 500: string;
19
+ 600: string;
20
+ 700: string;
21
+ 800: string;
22
+ 900: string;
23
+ 950: string;
24
+ };
25
+ main: {
26
+ 50: string;
27
+ 100: string;
28
+ 200: string;
29
+ 300: string;
30
+ 400: string;
31
+ 500: string;
32
+ 600: string;
33
+ 700: string;
34
+ 800: string;
35
+ 900: string;
36
+ 950: string;
37
+ };
38
+ red: {
39
+ 50: string;
40
+ 300: string;
41
+ 400: string;
42
+ 500: string;
43
+ '100': "#fee2e2";
44
+ '200': "#fecaca";
45
+ '600': "#dc2626";
46
+ '700': "#b91c1c";
47
+ '800': "#991b1b";
48
+ '900': "#7f1d1d";
49
+ '950': "#450a0a";
50
+ };
51
+ pink: {
52
+ 50: string;
53
+ 500: string;
54
+ '100': "#fce7f3";
55
+ '200': "#fbcfe8";
56
+ '300': "#f9a8d4";
57
+ '400': "#f472b6";
58
+ '600': "#db2777";
59
+ '700': "#be185d";
60
+ '800': "#9d174d";
61
+ '900': "#831843";
62
+ '950': "#500724";
63
+ };
64
+ yellow: {
65
+ 100: string;
66
+ 300: string;
67
+ 400: string;
68
+ kakao: string;
69
+ '50': "#fefce8";
70
+ '200': "#fef08a";
71
+ '500': "#eab308";
72
+ '600': "#ca8a04";
73
+ '700': "#a16207";
74
+ '800': "#854d0e";
75
+ '900': "#713f12";
76
+ '950': "#422006";
77
+ };
78
+ orange: {
79
+ 50: string;
80
+ 500: string;
81
+ '100': "#ffedd5";
82
+ '200': "#fed7aa";
83
+ '300': "#fdba74";
84
+ '400': "#fb923c";
85
+ '600': "#ea580c";
86
+ '700': "#c2410c";
87
+ '800': "#9a3412";
88
+ '900': "#7c2d12";
89
+ '950': "#431407";
90
+ };
91
+ brown: {
92
+ 50: string;
93
+ 500: string;
94
+ };
95
+ lime: {
96
+ 50: string;
97
+ 500: string;
98
+ '100': "#ecfccb";
99
+ '200': "#d9f99d";
100
+ '300': "#bef264";
101
+ '400': "#a3e635";
102
+ '600': "#65a30d";
103
+ '700': "#4d7c0f";
104
+ '800': "#3f6212";
105
+ '900': "#365314";
106
+ '950': "#1a2e05";
107
+ };
108
+ green: {
109
+ 50: string;
110
+ 500: string;
111
+ naver: string;
112
+ '100': "#dcfce7";
113
+ '200': "#bbf7d0";
114
+ '300': "#86efac";
115
+ '400': "#4ade80";
116
+ '600': "#16a34a";
117
+ '700': "#15803d";
118
+ '800': "#166534";
119
+ '900': "#14532d";
120
+ '950': "#052e16";
121
+ };
122
+ teal: {
123
+ 50: string;
124
+ 500: string;
125
+ '100': "#ccfbf1";
126
+ '200': "#99f6e4";
127
+ '300': "#5eead4";
128
+ '400': "#2dd4bf";
129
+ '600': "#0d9488";
130
+ '700': "#0f766e";
131
+ '800': "#115e59";
132
+ '900': "#134e4a";
133
+ '950': "#042f2e";
134
+ };
135
+ blue: {
136
+ 50: string;
137
+ 100: string;
138
+ 400: string;
139
+ 500: string;
140
+ 600: string;
141
+ '200': "#bfdbfe";
142
+ '300': "#93c5fd";
143
+ '700': "#1d4ed8";
144
+ '800': "#1e40af";
145
+ '900': "#1e3a8a";
146
+ '950': "#172554";
147
+ };
148
+ inherit: "inherit";
149
+ current: "currentColor";
150
+ transparent: "transparent";
151
+ black: "#000";
152
+ white: "#fff";
153
+ slate: {
154
+ "50": "#f8fafc";
155
+ "100": "#f1f5f9";
156
+ "200": "#e2e8f0";
157
+ "300": "#cbd5e1";
158
+ "400": "#94a3b8";
159
+ "500": "#64748b";
160
+ "600": "#475569";
161
+ "700": "#334155";
162
+ "800": "#1e293b";
163
+ "900": "#0f172a";
164
+ "950": "#020617";
165
+ };
166
+ gray: {
167
+ "50": "#f9fafb";
168
+ "100": "#f3f4f6";
169
+ "200": "#e5e7eb";
170
+ "300": "#d1d5db";
171
+ "400": "#9ca3af";
172
+ "500": "#6b7280";
173
+ "600": "#4b5563";
174
+ "700": "#374151";
175
+ "800": "#1f2937";
176
+ "900": "#111827";
177
+ "950": "#030712";
178
+ };
179
+ zinc: {
180
+ "50": "#fafafa";
181
+ "100": "#f4f4f5";
182
+ "200": "#e4e4e7";
183
+ "300": "#d4d4d8";
184
+ "400": "#a1a1aa";
185
+ "500": "#71717a";
186
+ "600": "#52525b";
187
+ "700": "#3f3f46";
188
+ "800": "#27272a";
189
+ "900": "#18181b";
190
+ "950": "#09090b";
191
+ };
192
+ neutral: {
193
+ "50": "#fafafa";
194
+ "100": "#f5f5f5";
195
+ "200": "#e5e5e5";
196
+ "300": "#d4d4d4";
197
+ "400": "#a3a3a3";
198
+ "500": "#737373";
199
+ "600": "#525252";
200
+ "700": "#404040";
201
+ "800": "#262626";
202
+ "900": "#171717";
203
+ "950": "#0a0a0a";
204
+ };
205
+ stone: {
206
+ "50": "#fafaf9";
207
+ "100": "#f5f5f4";
208
+ "200": "#e7e5e4";
209
+ "300": "#d6d3d1";
210
+ "400": "#a8a29e";
211
+ "500": "#78716c";
212
+ "600": "#57534e";
213
+ "700": "#44403c";
214
+ "800": "#292524";
215
+ "900": "#1c1917";
216
+ "950": "#0c0a09";
217
+ };
218
+ amber: {
219
+ "50": "#fffbeb";
220
+ "100": "#fef3c7";
221
+ "200": "#fde68a";
222
+ "300": "#fcd34d";
223
+ "400": "#fbbf24";
224
+ "500": "#f59e0b";
225
+ "600": "#d97706";
226
+ "700": "#b45309";
227
+ "800": "#92400e";
228
+ "900": "#78350f";
229
+ "950": "#451a03";
230
+ };
231
+ emerald: {
232
+ "50": "#ecfdf5";
233
+ "100": "#d1fae5";
234
+ "200": "#a7f3d0";
235
+ "300": "#6ee7b7";
236
+ "400": "#34d399";
237
+ "500": "#10b981";
238
+ "600": "#059669";
239
+ "700": "#047857";
240
+ "800": "#065f46";
241
+ "900": "#064e3b";
242
+ "950": "#022c22";
243
+ };
244
+ cyan: {
245
+ "50": "#ecfeff";
246
+ "100": "#cffafe";
247
+ "200": "#a5f3fc";
248
+ "300": "#67e8f9";
249
+ "400": "#22d3ee";
250
+ "500": "#06b6d4";
251
+ "600": "#0891b2";
252
+ "700": "#0e7490";
253
+ "800": "#155e75";
254
+ "900": "#164e63";
255
+ "950": "#083344";
256
+ };
257
+ sky: {
258
+ "50": "#f0f9ff";
259
+ "100": "#e0f2fe";
260
+ "200": "#bae6fd";
261
+ "300": "#7dd3fc";
262
+ "400": "#38bdf8";
263
+ "500": "#0ea5e9";
264
+ "600": "#0284c7";
265
+ "700": "#0369a1";
266
+ "800": "#075985";
267
+ "900": "#0c4a6e";
268
+ "950": "#082f49";
269
+ };
270
+ indigo: {
271
+ "50": "#eef2ff";
272
+ "100": "#e0e7ff";
273
+ "200": "#c7d2fe";
274
+ "300": "#a5b4fc";
275
+ "400": "#818cf8";
276
+ "500": "#6366f1";
277
+ "600": "#4f46e5";
278
+ "700": "#4338ca";
279
+ "800": "#3730a3";
280
+ "900": "#312e81";
281
+ "950": "#1e1b4b";
282
+ };
283
+ violet: {
284
+ "50": "#f5f3ff";
285
+ "100": "#ede9fe";
286
+ "200": "#ddd6fe";
287
+ "300": "#c4b5fd";
288
+ "400": "#a78bfa";
289
+ "500": "#8b5cf6";
290
+ "600": "#7c3aed";
291
+ "700": "#6d28d9";
292
+ "800": "#5b21b6";
293
+ "900": "#4c1d95";
294
+ "950": "#2e1065";
295
+ };
296
+ purple: {
297
+ "50": "#faf5ff";
298
+ "100": "#f3e8ff";
299
+ "200": "#e9d5ff";
300
+ "300": "#d8b4fe";
301
+ "400": "#c084fc";
302
+ "500": "#a855f7";
303
+ "600": "#9333ea";
304
+ "700": "#7e22ce";
305
+ "800": "#6b21a8";
306
+ "900": "#581c87";
307
+ "950": "#3b0764";
308
+ };
309
+ fuchsia: {
310
+ "50": "#fdf4ff";
311
+ "100": "#fae8ff";
312
+ "200": "#f5d0fe";
313
+ "300": "#f0abfc";
314
+ "400": "#e879f9";
315
+ "500": "#d946ef";
316
+ "600": "#c026d3";
317
+ "700": "#a21caf";
318
+ "800": "#86198f";
319
+ "900": "#701a75";
320
+ "950": "#4a044e";
321
+ };
322
+ rose: {
323
+ "50": "#fff1f2";
324
+ "100": "#ffe4e6";
325
+ "200": "#fecdd3";
326
+ "300": "#fda4af";
327
+ "400": "#fb7185";
328
+ "500": "#f43f5e";
329
+ "600": "#e11d48";
330
+ "700": "#be123c";
331
+ "800": "#9f1239";
332
+ "900": "#881337";
333
+ "950": "#4c0519";
334
+ };
335
+ lightBlue: import("tailwindcss/types/generated/colors").DefaultColors["sky"];
336
+ warmGray: import("tailwindcss/types/generated/colors").DefaultColors["stone"];
337
+ trueGray: import("tailwindcss/types/generated/colors").DefaultColors["neutral"];
338
+ coolGray: import("tailwindcss/types/generated/colors").DefaultColors["gray"];
339
+ blueGray: import("tailwindcss/types/generated/colors").DefaultColors["slate"];
340
+ };
341
+ namespace extend {
342
+ export namespace colors_1 {
343
+ let primary: {
344
+ '50': "#eff6ff";
345
+ '100': "#dbeafe";
346
+ '200': "#bfdbfe";
347
+ '300': "#93c5fd";
348
+ '400': "#60a5fa";
349
+ '500': "#3b82f6";
350
+ '600': "#2563eb";
351
+ '700': "#1d4ed8";
352
+ '800': "#1e40af";
353
+ '900': "#1e3a8a";
354
+ '950': "#172554";
355
+ };
356
+ }
357
+ export { colors_1 as colors };
358
+ }
359
+ }
360
+ let plugins: never[];
361
+ }
362
+
363
+ declare namespace _default {
364
+ namespace plugins {
365
+ let tailwindcss: {};
366
+ let autoprefixer: {};
367
+ }
368
+ }
369
+
package/package.json ADDED
@@ -0,0 +1,99 @@
1
+ {
2
+ "name": "boottent-design",
3
+ "private": false,
4
+ "version": "0.1.0",
5
+ "description": "부트텐트 디자인시스템 라이브러리",
6
+ "repository": {
7
+ "type": "git",
8
+ "url": "https://github.com/boottent-team/boottent-design.git"
9
+ },
10
+ "type": "module",
11
+ "files": [
12
+ "dist"
13
+ ],
14
+ "main": "dist/boottent-design.main.cjs",
15
+ "module": "dist/boottent-design.main.es.js",
16
+ "types": "dist/types/main.d.ts",
17
+ "exports": {
18
+ ".": {
19
+ "import": "./dist/boottent-design.main.es.js",
20
+ "require": "./dist/boottent-design.main.cjs",
21
+ "types": "./dist/types/main.d.ts"
22
+ },
23
+ "./ui": {
24
+ "import": "./dist/boottent-design.ui.es.js",
25
+ "require": "./dist/boottent-design.ui.cjs",
26
+ "types": "./dist/types/ui.d.ts"
27
+ },
28
+ "./utils": {
29
+ "import": "./dist/boottent-design.utils.es.js",
30
+ "require": "./dist/boottent-design.utils.cjs",
31
+ "types": "./dist/types/utils.d.ts"
32
+ }
33
+ },
34
+ "scripts": {
35
+ "dev": "vite",
36
+ "prebuild": "rm -rf dist",
37
+ "build": "tsc && vite build",
38
+ "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
39
+ "storybook": "storybook dev -p 6006",
40
+ "build-storybook": "storybook build -o storybook-static",
41
+ "preview": "vite preview",
42
+ "prepublish": "yarn run build",
43
+ "chromatic": "npx chromatic --project-token=chpt_013e265e8c57750",
44
+ "clean": "rm -rf dist node_modules yarn.lock"
45
+ },
46
+ "dependencies": {
47
+ "@radix-ui/react-accordion": "^1.2.1",
48
+ "@radix-ui/react-slot": "^1.1.0",
49
+ "class-variance-authority": "^0.7.0",
50
+ "clsx": "^2.0.0",
51
+ "react": "^18.2.0",
52
+ "react-dom": "^18.2.0",
53
+ "react-icons": "^5.3.0",
54
+ "tailwind-merge": "^2.1.0",
55
+ "vite-tsconfig-paths": "4.3.2"
56
+ },
57
+ "devDependencies": {
58
+ "@chromatic-com/storybook": "^1.5.0",
59
+ "@storybook/addon-a11y": "8.1.3",
60
+ "@storybook/addon-designs": "^8.0.2",
61
+ "@storybook/addon-essentials": "^8.1.9",
62
+ "@storybook/addon-interactions": "^8.1.9",
63
+ "@storybook/addon-links": "^8.1.9",
64
+ "@storybook/addon-onboarding": "^8.1.9",
65
+ "@storybook/addon-styling-webpack": "^1.0.0",
66
+ "@storybook/blocks": "^8.1.9",
67
+ "@storybook/react": "^8.1.9",
68
+ "@storybook/react-vite": "^8.1.9",
69
+ "@storybook/test": "^8.1.9",
70
+ "@types/react": "^18.2.37",
71
+ "@types/react-dom": "^18.2.15",
72
+ "@typescript-eslint/eslint-plugin": "^8.9.0",
73
+ "@typescript-eslint/parser": "^8.9.0",
74
+ "@vitejs/plugin-react": "^4.2.0",
75
+ "autoprefixer": "^10.4.16",
76
+ "chromatic": "^11.5.4",
77
+ "eslint": "^8.53.0",
78
+ "eslint-plugin-react-hooks": "^4.6.0",
79
+ "eslint-plugin-react-refresh": "^0.4.4",
80
+ "eslint-plugin-storybook": "^0.6.15",
81
+ "postcss": "^8.4.32",
82
+ "storybook": "^8.1.9",
83
+ "tailwindcss": "^3.3.6",
84
+ "typescript": "^5.2.2",
85
+ "vite": "^5.0.0",
86
+ "vite-plugin-dts": "^3.6.4"
87
+ },
88
+ "keywords": [
89
+ "react",
90
+ "typescript",
91
+ "ui",
92
+ "component-library",
93
+ "design-system",
94
+ "tailwindcss",
95
+ "storybook"
96
+ ],
97
+ "author": "kodywiththek",
98
+ "license": "MIT"
99
+ }