boottent-design 0.1.4 → 0.1.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/boottent-design.hooks.cjs.js +1 -0
- package/dist/boottent-design.hooks.es.js +17 -0
- package/dist/boottent-design.main.cjs.js +1 -1
- package/dist/boottent-design.main.es.js +14 -11
- package/dist/boottent-design.provider.cjs.js +51 -0
- package/dist/boottent-design.provider.es.js +2115 -0
- package/dist/boottent-design.ui.cjs.js +1 -1
- package/dist/boottent-design.ui.es.js +13 -10
- package/dist/index-DKksyhqt.cjs +1 -0
- package/dist/index-DkEQQBYd.js +2684 -0
- package/dist/{index-DDpkMTRh.js → index-NAHSuYsJ.js} +759 -1308
- package/dist/index-eD5RRver.cjs +1 -0
- package/dist/portal-manager-6YGufJVr.cjs +1 -0
- package/dist/portal-manager-CttMAZAu.js +73 -0
- package/dist/types/feature.d.ts +129 -20
- package/dist/types/hooks.d.ts +543 -0
- package/dist/types/layout.d.ts +129 -20
- package/dist/types/main.d.ts +149 -20
- package/dist/types/provider.d.ts +478 -0
- package/dist/types/styles.d.ts +129 -20
- package/dist/types/ui.d.ts +149 -20
- package/dist/types/utils.d.ts +129 -20
- package/package.json +16 -1
- package/dist/index-DNehOiOb.cjs +0 -1
package/dist/types/layout.d.ts
CHANGED
|
@@ -24,8 +24,133 @@ export { }
|
|
|
24
24
|
declare namespace _default {
|
|
25
25
|
let content: string[];
|
|
26
26
|
namespace theme {
|
|
27
|
-
|
|
28
|
-
|
|
27
|
+
export namespace container {
|
|
28
|
+
let center: boolean;
|
|
29
|
+
let padding: string;
|
|
30
|
+
let screens: {
|
|
31
|
+
"2xl": string;
|
|
32
|
+
};
|
|
33
|
+
}
|
|
34
|
+
export namespace extend {
|
|
35
|
+
export namespace colors {
|
|
36
|
+
let border: string;
|
|
37
|
+
let input: string;
|
|
38
|
+
let ring: string;
|
|
39
|
+
let background: string;
|
|
40
|
+
let foreground: string;
|
|
41
|
+
namespace primary {
|
|
42
|
+
export let DEFAULT: string;
|
|
43
|
+
let foreground_1: string;
|
|
44
|
+
export { foreground_1 as foreground };
|
|
45
|
+
}
|
|
46
|
+
namespace secondary {
|
|
47
|
+
let DEFAULT_1: string;
|
|
48
|
+
export { DEFAULT_1 as DEFAULT };
|
|
49
|
+
let foreground_2: string;
|
|
50
|
+
export { foreground_2 as foreground };
|
|
51
|
+
}
|
|
52
|
+
namespace destructive {
|
|
53
|
+
let DEFAULT_2: string;
|
|
54
|
+
export { DEFAULT_2 as DEFAULT };
|
|
55
|
+
let foreground_3: string;
|
|
56
|
+
export { foreground_3 as foreground };
|
|
57
|
+
}
|
|
58
|
+
namespace muted {
|
|
59
|
+
let DEFAULT_3: string;
|
|
60
|
+
export { DEFAULT_3 as DEFAULT };
|
|
61
|
+
let foreground_4: string;
|
|
62
|
+
export { foreground_4 as foreground };
|
|
63
|
+
let border_1: string;
|
|
64
|
+
export { border_1 as border };
|
|
65
|
+
}
|
|
66
|
+
namespace accent {
|
|
67
|
+
let DEFAULT_4: string;
|
|
68
|
+
export { DEFAULT_4 as DEFAULT };
|
|
69
|
+
let foreground_5: string;
|
|
70
|
+
export { foreground_5 as foreground };
|
|
71
|
+
}
|
|
72
|
+
namespace popover {
|
|
73
|
+
let DEFAULT_5: string;
|
|
74
|
+
export { DEFAULT_5 as DEFAULT };
|
|
75
|
+
let foreground_6: string;
|
|
76
|
+
export { foreground_6 as foreground };
|
|
77
|
+
}
|
|
78
|
+
namespace card {
|
|
79
|
+
let DEFAULT_6: string;
|
|
80
|
+
export { DEFAULT_6 as DEFAULT };
|
|
81
|
+
let foreground_7: string;
|
|
82
|
+
export { foreground_7 as foreground };
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
export namespace borderRadius {
|
|
86
|
+
let lg: string;
|
|
87
|
+
let md: string;
|
|
88
|
+
let sm: string;
|
|
89
|
+
}
|
|
90
|
+
export let keyframes: {
|
|
91
|
+
"accordion-down": {
|
|
92
|
+
from: {
|
|
93
|
+
height: string;
|
|
94
|
+
};
|
|
95
|
+
to: {
|
|
96
|
+
height: string;
|
|
97
|
+
};
|
|
98
|
+
};
|
|
99
|
+
"accordion-up": {
|
|
100
|
+
from: {
|
|
101
|
+
height: string;
|
|
102
|
+
};
|
|
103
|
+
to: {
|
|
104
|
+
height: string;
|
|
105
|
+
};
|
|
106
|
+
};
|
|
107
|
+
pokeRight: {
|
|
108
|
+
"0%, 100%": {
|
|
109
|
+
transform: string;
|
|
110
|
+
animationTimingFunction: string;
|
|
111
|
+
};
|
|
112
|
+
"50%": {
|
|
113
|
+
transform: string;
|
|
114
|
+
animationTimingFunction: string;
|
|
115
|
+
};
|
|
116
|
+
};
|
|
117
|
+
};
|
|
118
|
+
export let animation: {
|
|
119
|
+
"accordion-down": string;
|
|
120
|
+
"accordion-up": string;
|
|
121
|
+
pokeRight: string;
|
|
122
|
+
};
|
|
123
|
+
export namespace fontFamily {
|
|
124
|
+
let pretendard: string[];
|
|
125
|
+
}
|
|
126
|
+
export namespace aspectRatio {
|
|
127
|
+
let photo: string;
|
|
128
|
+
let portrait: string;
|
|
129
|
+
}
|
|
130
|
+
let padding_1: {
|
|
131
|
+
2.5: string;
|
|
132
|
+
3.5: string;
|
|
133
|
+
7.5: string;
|
|
134
|
+
};
|
|
135
|
+
export { padding_1 as padding };
|
|
136
|
+
export let backgroundImage: {
|
|
137
|
+
"gradient-radial": string;
|
|
138
|
+
"gradient-conic": string;
|
|
139
|
+
};
|
|
140
|
+
}
|
|
141
|
+
export namespace listStyleType {
|
|
142
|
+
let none: string;
|
|
143
|
+
let disc: string;
|
|
144
|
+
let decimal: string;
|
|
145
|
+
let square: string;
|
|
146
|
+
let roman: string;
|
|
147
|
+
let dash: string;
|
|
148
|
+
}
|
|
149
|
+
export let fontSize: any;
|
|
150
|
+
export let boxShadow: any;
|
|
151
|
+
let screens_1: any;
|
|
152
|
+
export { screens_1 as screens };
|
|
153
|
+
let colors_1: {
|
|
29
154
|
grey: {
|
|
30
155
|
50: string;
|
|
31
156
|
100: string;
|
|
@@ -355,26 +480,10 @@ declare namespace _default {
|
|
|
355
480
|
coolGray: import("tailwindcss/types/generated/colors").DefaultColors["gray"];
|
|
356
481
|
blueGray: import("tailwindcss/types/generated/colors").DefaultColors["slate"];
|
|
357
482
|
};
|
|
358
|
-
|
|
359
|
-
export namespace colors_1 {
|
|
360
|
-
let primary: {
|
|
361
|
-
'50': "#eff6ff";
|
|
362
|
-
'100': "#dbeafe";
|
|
363
|
-
'200': "#bfdbfe";
|
|
364
|
-
'300': "#93c5fd";
|
|
365
|
-
'400': "#60a5fa";
|
|
366
|
-
'500': "#3b82f6";
|
|
367
|
-
'600': "#2563eb";
|
|
368
|
-
'700': "#1d4ed8";
|
|
369
|
-
'800': "#1e40af";
|
|
370
|
-
'900': "#1e3a8a";
|
|
371
|
-
'950': "#172554";
|
|
372
|
-
};
|
|
373
|
-
}
|
|
374
|
-
export { colors_1 as colors };
|
|
375
|
-
}
|
|
483
|
+
export { colors_1 as colors };
|
|
376
484
|
}
|
|
377
485
|
let plugins: never[];
|
|
486
|
+
let darkMode: string;
|
|
378
487
|
}
|
|
379
488
|
|
|
380
489
|
declare namespace _default {
|
package/dist/types/main.d.ts
CHANGED
|
@@ -11,6 +11,7 @@ import { JSX as JSX_2 } from 'react';
|
|
|
11
11
|
import * as React_2 from 'react';
|
|
12
12
|
import { RefAttributes } from 'react';
|
|
13
13
|
import { RefObject } from 'react';
|
|
14
|
+
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
14
15
|
import { VariantProps } from 'class-variance-authority';
|
|
15
16
|
|
|
16
17
|
export declare const Accordion: React_2.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React_2.RefAttributes<HTMLDivElement>>;
|
|
@@ -233,6 +234,25 @@ export declare const Symbols: {
|
|
|
233
234
|
Boottent: FC<SvgIconType>;
|
|
234
235
|
};
|
|
235
236
|
|
|
237
|
+
export declare const TooltipButton: React_2.FC<TooltipButtonProps>;
|
|
238
|
+
|
|
239
|
+
declare interface TooltipButtonProps extends TooltipContentProps {
|
|
240
|
+
label: string;
|
|
241
|
+
tooltipLabel: string;
|
|
242
|
+
children: React_2.ReactNode;
|
|
243
|
+
}
|
|
244
|
+
|
|
245
|
+
declare type TooltipContentProps = React_2.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> & {
|
|
246
|
+
variant?: "primary" | "secondary";
|
|
247
|
+
size?: "pc" | "mobile";
|
|
248
|
+
icLeft?: React_2.ReactNode;
|
|
249
|
+
icRight?: React_2.ReactNode;
|
|
250
|
+
position?: 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
|
|
251
|
+
arrow?: boolean;
|
|
252
|
+
};
|
|
253
|
+
|
|
254
|
+
export declare const TooltipProvider: React_2.FC<TooltipPrimitive.TooltipProviderProps>;
|
|
255
|
+
|
|
236
256
|
declare function ViewCard({ size, fill, }: SvgIconType): JSX_2.Element;
|
|
237
257
|
|
|
238
258
|
declare function ViewMore({ size, fill, }: SvgIconType): JSX_2.Element;
|
|
@@ -248,8 +268,133 @@ export { }
|
|
|
248
268
|
declare namespace _default {
|
|
249
269
|
let content: string[];
|
|
250
270
|
namespace theme {
|
|
251
|
-
|
|
252
|
-
|
|
271
|
+
export namespace container {
|
|
272
|
+
let center: boolean;
|
|
273
|
+
let padding: string;
|
|
274
|
+
let screens: {
|
|
275
|
+
"2xl": string;
|
|
276
|
+
};
|
|
277
|
+
}
|
|
278
|
+
export namespace extend {
|
|
279
|
+
export namespace colors {
|
|
280
|
+
let border: string;
|
|
281
|
+
let input: string;
|
|
282
|
+
let ring: string;
|
|
283
|
+
let background: string;
|
|
284
|
+
let foreground: string;
|
|
285
|
+
namespace primary {
|
|
286
|
+
export let DEFAULT: string;
|
|
287
|
+
let foreground_1: string;
|
|
288
|
+
export { foreground_1 as foreground };
|
|
289
|
+
}
|
|
290
|
+
namespace secondary {
|
|
291
|
+
let DEFAULT_1: string;
|
|
292
|
+
export { DEFAULT_1 as DEFAULT };
|
|
293
|
+
let foreground_2: string;
|
|
294
|
+
export { foreground_2 as foreground };
|
|
295
|
+
}
|
|
296
|
+
namespace destructive {
|
|
297
|
+
let DEFAULT_2: string;
|
|
298
|
+
export { DEFAULT_2 as DEFAULT };
|
|
299
|
+
let foreground_3: string;
|
|
300
|
+
export { foreground_3 as foreground };
|
|
301
|
+
}
|
|
302
|
+
namespace muted {
|
|
303
|
+
let DEFAULT_3: string;
|
|
304
|
+
export { DEFAULT_3 as DEFAULT };
|
|
305
|
+
let foreground_4: string;
|
|
306
|
+
export { foreground_4 as foreground };
|
|
307
|
+
let border_1: string;
|
|
308
|
+
export { border_1 as border };
|
|
309
|
+
}
|
|
310
|
+
namespace accent {
|
|
311
|
+
let DEFAULT_4: string;
|
|
312
|
+
export { DEFAULT_4 as DEFAULT };
|
|
313
|
+
let foreground_5: string;
|
|
314
|
+
export { foreground_5 as foreground };
|
|
315
|
+
}
|
|
316
|
+
namespace popover {
|
|
317
|
+
let DEFAULT_5: string;
|
|
318
|
+
export { DEFAULT_5 as DEFAULT };
|
|
319
|
+
let foreground_6: string;
|
|
320
|
+
export { foreground_6 as foreground };
|
|
321
|
+
}
|
|
322
|
+
namespace card {
|
|
323
|
+
let DEFAULT_6: string;
|
|
324
|
+
export { DEFAULT_6 as DEFAULT };
|
|
325
|
+
let foreground_7: string;
|
|
326
|
+
export { foreground_7 as foreground };
|
|
327
|
+
}
|
|
328
|
+
}
|
|
329
|
+
export namespace borderRadius {
|
|
330
|
+
let lg: string;
|
|
331
|
+
let md: string;
|
|
332
|
+
let sm: string;
|
|
333
|
+
}
|
|
334
|
+
export let keyframes: {
|
|
335
|
+
"accordion-down": {
|
|
336
|
+
from: {
|
|
337
|
+
height: string;
|
|
338
|
+
};
|
|
339
|
+
to: {
|
|
340
|
+
height: string;
|
|
341
|
+
};
|
|
342
|
+
};
|
|
343
|
+
"accordion-up": {
|
|
344
|
+
from: {
|
|
345
|
+
height: string;
|
|
346
|
+
};
|
|
347
|
+
to: {
|
|
348
|
+
height: string;
|
|
349
|
+
};
|
|
350
|
+
};
|
|
351
|
+
pokeRight: {
|
|
352
|
+
"0%, 100%": {
|
|
353
|
+
transform: string;
|
|
354
|
+
animationTimingFunction: string;
|
|
355
|
+
};
|
|
356
|
+
"50%": {
|
|
357
|
+
transform: string;
|
|
358
|
+
animationTimingFunction: string;
|
|
359
|
+
};
|
|
360
|
+
};
|
|
361
|
+
};
|
|
362
|
+
export let animation: {
|
|
363
|
+
"accordion-down": string;
|
|
364
|
+
"accordion-up": string;
|
|
365
|
+
pokeRight: string;
|
|
366
|
+
};
|
|
367
|
+
export namespace fontFamily {
|
|
368
|
+
let pretendard: string[];
|
|
369
|
+
}
|
|
370
|
+
export namespace aspectRatio {
|
|
371
|
+
let photo: string;
|
|
372
|
+
let portrait: string;
|
|
373
|
+
}
|
|
374
|
+
let padding_1: {
|
|
375
|
+
2.5: string;
|
|
376
|
+
3.5: string;
|
|
377
|
+
7.5: string;
|
|
378
|
+
};
|
|
379
|
+
export { padding_1 as padding };
|
|
380
|
+
export let backgroundImage: {
|
|
381
|
+
"gradient-radial": string;
|
|
382
|
+
"gradient-conic": string;
|
|
383
|
+
};
|
|
384
|
+
}
|
|
385
|
+
export namespace listStyleType {
|
|
386
|
+
let none: string;
|
|
387
|
+
let disc: string;
|
|
388
|
+
let decimal: string;
|
|
389
|
+
let square: string;
|
|
390
|
+
let roman: string;
|
|
391
|
+
let dash: string;
|
|
392
|
+
}
|
|
393
|
+
export let fontSize: any;
|
|
394
|
+
export let boxShadow: any;
|
|
395
|
+
let screens_1: any;
|
|
396
|
+
export { screens_1 as screens };
|
|
397
|
+
let colors_1: {
|
|
253
398
|
grey: {
|
|
254
399
|
50: string;
|
|
255
400
|
100: string;
|
|
@@ -579,26 +724,10 @@ declare namespace _default {
|
|
|
579
724
|
coolGray: import("tailwindcss/types/generated/colors").DefaultColors["gray"];
|
|
580
725
|
blueGray: import("tailwindcss/types/generated/colors").DefaultColors["slate"];
|
|
581
726
|
};
|
|
582
|
-
|
|
583
|
-
export namespace colors_1 {
|
|
584
|
-
let primary: {
|
|
585
|
-
'50': "#eff6ff";
|
|
586
|
-
'100': "#dbeafe";
|
|
587
|
-
'200': "#bfdbfe";
|
|
588
|
-
'300': "#93c5fd";
|
|
589
|
-
'400': "#60a5fa";
|
|
590
|
-
'500': "#3b82f6";
|
|
591
|
-
'600': "#2563eb";
|
|
592
|
-
'700': "#1d4ed8";
|
|
593
|
-
'800': "#1e40af";
|
|
594
|
-
'900': "#1e3a8a";
|
|
595
|
-
'950': "#172554";
|
|
596
|
-
};
|
|
597
|
-
}
|
|
598
|
-
export { colors_1 as colors };
|
|
599
|
-
}
|
|
727
|
+
export { colors_1 as colors };
|
|
600
728
|
}
|
|
601
729
|
let plugins: never[];
|
|
730
|
+
let darkMode: string;
|
|
602
731
|
}
|
|
603
732
|
|
|
604
733
|
declare namespace _default {
|