@deepnoid/ui 1.0.14 → 1.0.15

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 (52) hide show
  1. package/dist/{chunk-FNES52QP.mjs → chunk-JTHMSDOS.mjs} +1 -1
  2. package/dist/components/breadcrumb/breadcrumb.mjs +2 -2
  3. package/dist/components/breadcrumb/index.mjs +2 -2
  4. package/dist/components/button/button.mjs +1 -1
  5. package/dist/components/button/icon-button.mjs +1 -1
  6. package/dist/components/button/index.mjs +4 -4
  7. package/dist/components/charts/index.mjs +3 -3
  8. package/dist/components/chip/chip.mjs +1 -1
  9. package/dist/components/chip/index.mjs +1 -1
  10. package/dist/components/fileUpload/fileUpload.mjs +5 -5
  11. package/dist/components/fileUpload/index.mjs +5 -5
  12. package/dist/components/input/index.mjs +1 -1
  13. package/dist/components/input/input.mjs +1 -1
  14. package/dist/components/list/index.mjs +4 -4
  15. package/dist/components/list/listItem.mjs +2 -2
  16. package/dist/components/modal/GlobalModalProvider.mjs +2 -2
  17. package/dist/components/modal/index.mjs +2 -2
  18. package/dist/components/modal/modal.mjs +2 -2
  19. package/dist/components/modal/useGlobalModal.mjs +2 -2
  20. package/dist/components/pagination/index.mjs +1 -1
  21. package/dist/components/pagination/pagination.mjs +1 -1
  22. package/dist/components/picker/datePicker.mjs +3 -3
  23. package/dist/components/picker/index.mjs +3 -3
  24. package/dist/components/picker/timePicker/Panel.mjs +2 -2
  25. package/dist/components/picker/timePicker/index.mjs +2 -2
  26. package/dist/components/progress/index.mjs +2 -2
  27. package/dist/components/progress/progress.mjs +2 -2
  28. package/dist/components/select/index.mjs +2 -2
  29. package/dist/components/select/select.mjs +2 -2
  30. package/dist/components/starRating/index.mjs +1 -1
  31. package/dist/components/starRating/starRating.mjs +1 -1
  32. package/dist/components/table/index.mjs +6 -6
  33. package/dist/components/table/table-body.mjs +3 -3
  34. package/dist/components/table/table-head.mjs +3 -3
  35. package/dist/components/table/table.mjs +3 -3
  36. package/dist/components/timePicker/calendar.mjs +1 -1
  37. package/dist/components/toast/index.mjs +1 -1
  38. package/dist/components/toast/toast.mjs +1 -1
  39. package/dist/components/toast/use-toast.mjs +1 -1
  40. package/dist/components/tree/index.mjs +1 -1
  41. package/dist/components/tree/tree.mjs +1 -1
  42. package/dist/index.mjs +49 -49
  43. package/dist/style.css +4 -373
  44. package/package.json +10 -5
  45. package/.eslintrc.cjs +0 -4
  46. package/.turbo/turbo-build.log +0 -533
  47. package/babel.config.js +0 -8
  48. package/tsup.config.ts +0 -8
  49. package/types/images.d.ts +0 -14
  50. package/dist/{chunk-X7SYBDST.mjs → chunk-5OYSVLA7.mjs} +3 -3
  51. package/dist/{chunk-XTMOAGLY.mjs → chunk-J4QVGC54.mjs} +3 -3
  52. package/dist/{chunk-KE26ONWZ.mjs → chunk-S7UE2MJZ.mjs} +3 -3
package/dist/style.css CHANGED
@@ -1,374 +1,5 @@
1
- /* ../tailwind-config/src/styles/tokens/theme.css */
2
- @theme { --font-sans: "NanumSquare", "-apple-system", ".SFNSText-Regular", "San Francisco", "BlinkMacSystemFont", "Segoe UI", "Helvetica Neue", "Helvetica", "Arial", "sans-serif"; --font-nanumsquare: "NanumSquare", "-apple-system", ".SFNSText-Regular", "San Francisco", "BlinkMacSystemFont", "Segoe UI", "Helvetica Neue", "Helvetica", "Arial", "sans-serif"; --radius-2: 2px; --radius-5: 5px; --radius-sm: 4px; --radius-md: 6px; --radius-lg: 8px; --radius-xl: 10px; --radius-2xl: 20px; --radius-none: 0; --radius-full: 9999px; --spacing-5: 5px; --spacing-10: 10px; --spacing-20: 20px; --spacing-30: 30px; --spacing-sm: 4px; --spacing-md: 6px; --spacing-lg: 8px; --spacing-xl: 10px; --shadow-border-1: inner 0 0 0 1px inset; --shadow-border-2: inner 0 0 0 2px inset; --shadow-border-3: inner 0 0 0 3px inset; --shadow-border-4: inner 0 0 0 4px inset; --shadow-border-5: inner 0 0 0 5px inset; --shadow-border-6: inner 0 0 0 6px inset; --shadow-border-7: inner 0 0 0 7px inset; --shadow-border-8: inner 0 0 0 8px inset; --shadow-border-9: inner 0 0 0 9px inset; --shadow-border-10: inner 0 0 0 10px inset; --shadow-inner: inset 0 4px 8px 0 rgba(36, 39, 44, 0.2); --shadow-inner-sm: inset 0 4px 8px 0 rgba(0, 0, 0, 0.2); --shadow-inner-md: inset 0 6px 12px 0 rgba(0, 0, 0, 0.2); --shadow-inner-lg: inset 0 8px 16px 0 rgba(0, 0, 0, 0.2); --shadow-inner-xl: inset 0 10px 20px 0 rgba(0, 0, 0, 0.2); --shadow-drop: 0 20px 40px 0 rgba(36, 39, 44, 0.2); --shadow-drop-sm: 0 4px 12px 0 rgba(0, 0, 0, 0.1); --shadow-drop-md: 0 6px 18px 0 rgba(0, 0, 0, 0.1); --shadow-drop-lg: 0 8px 24px 0 rgba(0, 0, 0, 0.1); --shadow-drop-xl: 0 0px 60px 0 rgba(0, 0, 0, 0.2); --text-h1: 40px; --text-h1--line-height: normal; --text-h2: 34px; --text-h2--line-height: normal; --text-h3: 28px; --text-h3--line-height: normal; --text-h4: 24px; --text-h4--line-height: normal; --text-h5: 20px; --text-h5--line-height: normal; --text-sm: 12px; --text-sm--line-height: normal; --text-md: 14px; --text-md--line-height: normal; --text-lg: 16px; --text-lg--line-height: normal; --text-xl: 18px; --text-xl--line-height: normal; --text-2xl: 24px; --text-2xl--line-height: normal; }
1
+ @import "@deepnoid/tailwind-config/preset.css";
2
+ @import "./fonts/font.css";
3
3
 
4
- /* ../tailwind-config/src/styles/tokens/colors.css */
5
- @theme { --color-bg-01: #040811; --color-bg-02: #040811; --color-bg-03: #14161e; --color-bg-04: #070414; --color-bg-05: #070c12; --color-bg-06: #202123; --color-gray-cool-50: #f7f7f8; --color-gray-cool-100: #eeeef0; --color-gray-cool-200: #d8d9df; --color-gray-cool-300: #b6b8c3; --color-gray-cool-400: #999ca9; --color-gray-cool-500: #717486; --color-gray-cool-600: #5b5e6e; --color-gray-cool-700: #4a4c5a; --color-gray-cool-800: #40424c; --color-gray-cool-900: #36373f; --color-gray-cool-950: #25252c; --color-gray-warm-50: #f6f6f6; --color-gray-warm-100: #e7e7e7; --color-gray-warm-200: #d1d1d1; --color-gray-warm-300: #b0b0b0; --color-gray-warm-400: #888888; --color-gray-warm-500: #6d6d6d; --color-gray-warm-600: #5d5d5d; --color-gray-warm-700: #525252; --color-gray-warm-800: #454545; --color-gray-warm-900: #3d3d3d; --color-gray-warm-950: #25252c; --color-opacity-white-0: #ffffff, 0; --color-opacity-white-5: #ffffff, 5; --color-opacity-white-10: #ffffff, 10; --color-opacity-white-20: #ffffff, 20; --color-opacity-white-30: #ffffff, 30; --color-opacity-white-40: #ffffff, 40; --color-opacity-white-50: #ffffff, 50; --color-opacity-white-60: #ffffff, 60; --color-opacity-white-70: #ffffff, 70; --color-opacity-white-80: #ffffff, 80; --color-opacity-white-90: #ffffff, 90; --color-opacity-black-0: #000000, 0; --color-opacity-black-5: #000000, 5; --color-opacity-black-10: #000000, 10; --color-opacity-black-20: #000000, 20; --color-opacity-black-30: #000000, 30; --color-opacity-black-40: #000000, 40; --color-opacity-black-50: #000000, 50; --color-opacity-black-60: #000000, 60; --color-opacity-black-70: #000000, 70; --color-opacity-black-80: #000000, 80; --color-opacity-black-90: #000000, 90; --color-red-50: #fef2f2; --color-red-100: #fee9e9; --color-red-200: #fccfd2; --color-red-300: #f9a8ac; --color-red-400: #f57780; --color-red-500: #ec4757; --color-red-600: #d82640; --color-red-700: #b71934; --color-red-800: #991832; --color-red-900: #831831; --color-red-950: #831831; --color-rose-50: #fdf4f6; --color-rose-100: #f9e9ec; --color-rose-200: #f4d8dd; --color-rose-300: #e9b8c2; --color-rose-400: #df96a6; --color-rose-500: #cb6881; --color-rose-600: #b54969; --color-rose-700: #973957; --color-rose-800: #7f324d; --color-rose-900: #6a2740; --color-rose-950: #3c1523; --color-hotPink-50: #fdf2f7; --color-hotPink-100: #fde6f0; --color-hotPink-200: #fccee3; --color-hotPink-300: #fba6ca; --color-hotPink-400: #f76fa6; --color-hotPink-500: #f04485; --color-hotPink-600: #e2326c; --color-hotPink-700: #c21448; --color-hotPink-800: #a1133c; --color-hotPink-900: #861535; --color-hotPink-950: #52051b; --color-sepia-50: #fcf5f4; --color-sepia-100: #fae9e9; --color-sepia-200: #f5d6d7; --color-sepia-300: #edb4b6; --color-sepia-400: #e28a8f; --color-sepia-500: #d45f69; --color-sepia-600: #be4051; --color-sepia-700: #9f3142; --color-sepia-800: #862b3c; --color-sepia-900: #6b2433; --color-sepia-950: #320e15; --color-orange-50: #fef7ee; --color-orange-100: #fdedd7; --color-orange-200: #f9d8af; --color-orange-300: #f5bb7c; --color-orange-400: #f09447; --color-orange-500: #ec7723; --color-orange-600: #e15f19; --color-orange-700: #e15f19; --color-orange-800: #92391a; --color-orange-900: #763118; --color-orange-950: #40160a; --color-yellow-50: #f9f2e5; --color-yellow-100: #f5e6bc; --color-yellow-200: #ffe9bc; --color-yellow-300: #ffd174; --color-yellow-400: #f8be4a; --color-yellow-500: #eaad30; --color-yellow-600: #d77908; --color-yellow-700: #b2550b; --color-yellow-800: #91420f; --color-yellow-900: #773610; --color-yellow-950: #441b04; --color-tree-50: #f5f3f1; --color-tree-100: #e5e1dc; --color-tree-200: #ccc5bc; --color-tree-300: #afa395; --color-tree-400: #978878; --color-tree-500: #907e6f; --color-tree-600: #756459; --color-tree-700: #5f4f49; --color-tree-800: #524541; --color-tree-900: #483d3b; --color-tree-950: #282120; --color-brown-50: #f6f3f0; --color-brown-100: #f4edec; --color-brown-200: #ebdfdd; --color-brown-300: #dcc9c5; --color-brown-400: #c6a9a3; --color-brown-500: #b08983; --color-brown-600: #a27e77; --color-brown-700: #7f5d56; --color-brown-800: #6a4f4a; --color-brown-900: #5b4541; --color-brown-950: #2c1e1c; --color-lime-50: #f7ffe5; --color-lime-100: #ecffc7; --color-lime-200: #d9ff95; --color-lime-300: #bdfe58; --color-lime-400: #a1f524; --color-lime-500: #82dc06; --color-lime-600: #63b000; --color-lime-700: #4b8506; --color-lime-800: #3e690b; --color-lime-900: #34580f; --color-lime-950: #193102; --color-green-50: #e7f3eb; --color-green-100: #dff9ea; --color-green-200: #ceecda; --color-green-300: #9cd4b3; --color-green-400: #6ec092; --color-green-500: #3fa46b; --color-green-600: #209754; --color-green-700: #1e7745; --color-green-800: #1d5e3a; --color-green-900: #194e32; --color-green-950: #082b19; --color-timberGreen-50: #f1fcf5; --color-timberGreen-100: #dff9ea; --color-timberGreen-200: #b5dacd; --color-timberGreen-300: #8abfaf; --color-timberGreen-400: #60a18f; --color-timberGreen-500: #468675; --color-timberGreen-600: #366b5f; --color-timberGreen-700: #2e574d; --color-timberGreen-800: #2a4641; --color-timberGreen-900: #1d2f2b; --color-timberGreen-950: #11221e; --color-teal-50: #e2f1f0; --color-teal-100: #c9ebe8; --color-teal-200: #c7e8e5; --color-teal-300: #8ad0d0; --color-teal-400: #67c4c4; --color-teal-500: #39a6a7; --color-teal-600: #258386; --color-teal-700: #1b666a; --color-teal-800: #1a5255; --color-teal-900: #1a4447; --color-teal-950: #09272a; --color-lightBlue-50: #f2f8fd; --color-lightBlue-100: #e3effb; --color-lightBlue-200: #c1e0f6; --color-lightBlue-300: #8bc6ee; --color-lightBlue-400: #3da2e1; --color-lightBlue-500: #258fd2; --color-lightBlue-600: #1771b2; --color-lightBlue-700: #145a90; --color-lightBlue-800: #154d77; --color-lightBlue-900: #174163; --color-lightBlue-950: #062c2d; --color-sea-50: #f4f6fc; --color-sea-100: #e8edf6; --color-sea-200: #cbd9eb; --color-sea-300: #9fb9da; --color-sea-400: #6a93c5; --color-sea-500: #446fa4; --color-sea-600: #375d92; --color-sea-700: #2d4b77; --color-sea-800: #294163; --color-sea-900: #263954; --color-sea-950: #1a2537; --color-blue-50: #f0f6fe; --color-blue-100: #ddeafc; --color-blue-200: #c2dbfb; --color-blue-300: #98c5f8; --color-blue-400: #68a7f2; --color-blue-500: #377ceb; --color-blue-600: #2f68e1; --color-blue-700: #2754ce; --color-blue-800: #20429e; --color-blue-900: #1c2a52; --color-blue-950: #061132; --color-lightPurple-50: #f6f5fd; --color-lightPurple-100: #eeedfa; --color-lightPurple-200: #dddcfd; --color-lightPurple-300: #bdb9ec; --color-lightPurple-400: #aaa1e4; --color-lightPurple-500: #826ce3; --color-lightPurple-600: #7250d7; --color-lightPurple-700: #623dc4; --color-lightPurple-800: #5133a4; --color-lightPurple-900: #442b87; --color-lightPurple-950: #291a5b; }
6
- @theme { --color-primary-soft: var(--color-primary-soft); --color-primary-light: var(--color-primary-light); --color-primary-main: var(--color-primary-main); --color-primary-dark: var(--color-primary-dark); --color-primary-strong: var(--color-primary-strong); --color-secondary-soft: var(--color-secondary-soft); --color-secondary-light: var(--color-secondary-light); --color-secondary-main: var(--color-secondary-main); --color-secondary-dark: var(--color-secondary-dark); --color-secondary-strong: var(--color-secondary-strong); --color-body-foreground: var(--color-body-foreground); --color-body-background: var(--color-body-background); --color-neutral-soft: var(--color-neutral-soft); --color-neutral-light: var(--color-neutral-light); --color-neutral-main: var(--color-neutral-main); --color-neutral-dark: var(--color-neutral-dark); --color-neutral-strong: var(--color-neutral-strong); --color-trans-soft: var(--color-trans-soft); --color-trans-light: var(--color-trans-light); --color-trans-main: var(--color-trans-main); --color-trans-dark: var(--color-trans-dark); --color-trans-strong: var(--color-trans-strong); --color-common-black: var(--color-common-black); --color-common-white: var(--color-common-white); --color-common-transparent: var(--color-common-transparent); --color-common-hover: var(--color-common-hover); --color-info-soft: var(--color-info-soft); --color-info-light: var(--color-info-light); --color-info-main: var(--color-info-main); --color-info-dark: var(--color-info-dark); --color-success-soft: var(--color-success-soft); --color-success-light: var(--color-success-light); --color-success-main: var(--color-success-main); --color-success-dark: var(--color-success-dark); --color-warning-soft: var(--color-warning-soft); --color-warning-light: var(--color-warning-light); --color-warning-main: var(--color-warning-main); --color-warning-dark: var(--color-warning-dark); --color-danger-soft: var(--color-danger-soft); --color-danger-light: var(--color-danger-light); --color-danger-main: var(--color-danger-main); --color-danger-dark: var(--color-danger-dark); }
7
- :root,
8
- .light,
9
- [data-theme=light] {
10
- --color-primary-soft: var(--color-blue-100);
11
- --color-primary-light: var(--color-blue-200);
12
- --color-primary-main: var(--color-blue-600);
13
- --color-primary-dark: var(--color-blue-800);
14
- --color-primary-strong: var(--color-blue-900);
15
- --color-secondary-soft: var(--color-lightPurple-100);
16
- --color-secondary-light: var(--color-lightPurple-200);
17
- --color-secondary-main: var(--color-lightPurple-600);
18
- --color-secondary-dark: var(--color-lightPurple-800);
19
- --color-secondary-strong: var(--color-lightPurple-950);
20
- --color-body-foreground: var(--color-gray-warm-950);
21
- --color-body-background: var(--color-gray-cool-50);
22
- --color-neutral-soft: var(--color-gray-cool-100);
23
- --color-neutral-light: var(--color-gray-cool-200);
24
- --color-neutral-main: var(--color-gray-cool-400);
25
- --color-neutral-dark: var(--color-gray-cool-500);
26
- --color-neutral-strong: var(--color-gray-cool-700);
27
- --color-trans-soft: rgba(0, 0, 0, 0.05);
28
- --color-trans-light: rgba(0, 0, 0, 0.1);
29
- --color-trans-main: rgba(0, 0, 0, 0.2);
30
- --color-trans-dark: rgba(0, 0, 0, 0.3);
31
- --color-trans-strong: rgba(0, 0, 0, 0.6);
32
- --color-common-black: var(--color-gray-warm-950);
33
- --color-common-white: var(--color-gray-cool-50);
34
- --color-common-transparent: rgba(255, 255, 255, 0);
35
- --color-common-hover: rgba(0, 0, 0, 0.05);
36
- --color-info-soft: var(--color-teal-50);
37
- --color-info-light: var(--color-teal-100);
38
- --color-info-main: var(--color-teal-500);
39
- --color-info-dark: var(--color-teal-600);
40
- --color-success-soft: var(--color-green-50);
41
- --color-success-light: var(--color-green-200);
42
- --color-success-main: var(--color-green-500);
43
- --color-success-dark: var(--color-green-600);
44
- --color-warning-soft: var(--color-yellow-50);
45
- --color-warning-light: var(--color-yellow-100);
46
- --color-warning-main: var(--color-yellow-500);
47
- --color-warning-dark: var(--color-yellow-600);
48
- --color-danger-soft: var(--color-hotPink-50);
49
- --color-danger-light: var(--color-hotPink-200);
50
- --color-danger-main: var(--color-hotPink-500);
51
- --color-danger-dark: var(--color-hotPink-600);
52
- }
53
- .dark,
54
- [data-theme=dark] {
55
- --color-primary-soft: var(--color-blue-950);
56
- --color-primary-light: var(--color-blue-900);
57
- --color-primary-main: var(--color-blue-600);
58
- --color-primary-dark: var(--color-blue-500);
59
- --color-primary-strong: var(--color-blue-200);
60
- --color-secondary-soft: var(--color-lightPurple-950);
61
- --color-secondary-light: var(--color-lightPurple-900);
62
- --color-secondary-main: var(--color-lightPurple-500);
63
- --color-secondary-dark: var(--color-lightPurple-700);
64
- --color-secondary-strong: var(--color-lightPurple-950);
65
- --color-body-foreground: var(--color-gray-cool-50);
66
- --color-body-background: var(--color-bg-06);
67
- --color-neutral-soft: var(--color-gray-cool-900);
68
- --color-neutral-light: var(--color-gray-cool-700);
69
- --color-neutral-main: var(--color-gray-cool-400);
70
- --color-neutral-dark: var(--color-gray-cool-300);
71
- --color-neutral-strong: var(--color-gray-cool-200);
72
- --color-trans-soft: rgba(255, 255, 255, 0.05);
73
- --color-trans-light: rgba(255, 255, 255, 0.1);
74
- --color-trans-main: rgba(255, 255, 255, 0.2);
75
- --color-trans-dark: rgba(255, 255, 255, 0.3);
76
- --color-trans-strong: rgba(0, 0, 0, 0.6);
77
- --color-common-black: var(--color-gray-warm-950);
78
- --color-common-white: var(--color-gray-cool-50);
79
- --color-common-transparent: rgba(0, 0, 0, 0);
80
- --color-common-hover: rgba(255, 255, 255, 0.05);
81
- --color-info-soft: var(--color-teal-950);
82
- --color-info-light: var(--color-teal-900);
83
- --color-info-main: var(--color-teal-500);
84
- --color-info-dark: var(--color-teal-700);
85
- --color-success-soft: var(--color-green-950);
86
- --color-success-light: var(--color-green-900);
87
- --color-success-main: var(--color-green-600);
88
- --color-success-dark: var(--color-green-700);
89
- --color-warning-soft: var(--color-yellow-950);
90
- --color-warning-light: var(--color-yellow-900);
91
- --color-warning-main: var(--color-yellow-600);
92
- --color-warning-dark: var(--color-yellow-700);
93
- --color-danger-soft: var(--color-hotPink-950);
94
- --color-danger-light: var(--color-hotPink-900);
95
- --color-danger-main: var(--color-hotPink-500);
96
- --color-danger-dark: var(--color-hotPink-700);
97
- }
98
-
99
- /* ../tailwind-config/src/styles/generated/border.css */
100
- @utility border-t-sm { border-top-width: 1px; }
101
- @utility border-b-sm { border-bottom-width: 1px; }
102
- @utility border-l-sm { border-left-width: 1px; }
103
- @utility border-r-sm { border-right-width: 1px; }
104
- @utility border-x-sm { border-left-width: 1px; border-right-width: 1px; }
105
- @utility border-y-sm { border-top-width: 1px; border-bottom-width: 1px; }
106
- @utility border-sm { border-width: 1px; }
107
- @utility border-t-md { border-top-width: 1.25px; }
108
- @utility border-b-md { border-bottom-width: 1.25px; }
109
- @utility border-l-md { border-left-width: 1.25px; }
110
- @utility border-r-md { border-right-width: 1.25px; }
111
- @utility border-x-md { border-left-width: 1.25px; border-right-width: 1.25px; }
112
- @utility border-y-md { border-top-width: 1.25px; border-bottom-width: 1.25px; }
113
- @utility border-md { border-width: 1.25px; }
114
- @utility border-t-lg { border-top-width: 1.5px; }
115
- @utility border-b-lg { border-bottom-width: 1.5px; }
116
- @utility border-l-lg { border-left-width: 1.5px; }
117
- @utility border-r-lg { border-right-width: 1.5px; }
118
- @utility border-x-lg { border-left-width: 1.5px; border-right-width: 1.5px; }
119
- @utility border-y-lg { border-top-width: 1.5px; border-bottom-width: 1.5px; }
120
- @utility border-lg { border-width: 1.5px; }
121
- @utility border-t-xl { border-top-width: 1.75px; }
122
- @utility border-b-xl { border-bottom-width: 1.75px; }
123
- @utility border-l-xl { border-left-width: 1.75px; }
124
- @utility border-r-xl { border-right-width: 1.75px; }
125
- @utility border-x-xl { border-left-width: 1.75px; border-right-width: 1.75px; }
126
- @utility border-y-xl { border-top-width: 1.75px; border-bottom-width: 1.75px; }
127
- @utility border-xl { border-width: 1.75px; }
128
-
129
- /* ../tailwind-config/src/styles/animation.css */
130
- @theme { --animate-slideInFromTop: slideInFromTop 0.5s ease-out; --animate-slideInFromBottom: slideInFromBottom 0.5s ease-out; --animate-slideInFromLeft: slideInFromLeft 0.5s ease-out; --animate-slideInFromRight: slideInFromRight 0.5s ease-out; --animate-slideOutToTop: slideOutToTop 0.5s ease-in; --animate-slideOutToBottom: slideOutToBottom 0.5s ease-in; --animate-slideOutToLeft: slideOutToLeft 0.5s ease-in; --animate-slideOutToRight: slideOutToRight 0.5s ease-in; --animate-indeterminate-bar: indeterminate-bar 1.5s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite normal none running; }
131
- @keyframes slideInFromTop {
132
- 0% {
133
- transform: translateY(-10px);
134
- opacity: 0;
135
- }
136
- 100% {
137
- transform: translateY(0);
138
- opacity: 1;
139
- }
140
- }
141
- @keyframes slideInFromBottom {
142
- 0% {
143
- transform: translateY(10px);
144
- opacity: 0;
145
- }
146
- 100% {
147
- transform: translateY(0);
148
- opacity: 1;
149
- }
150
- }
151
- @keyframes slideInFromLeft {
152
- 0% {
153
- transform: translateX(-10px);
154
- opacity: 0;
155
- }
156
- 100% {
157
- transform: translateX(0);
158
- opacity: 1;
159
- }
160
- }
161
- @keyframes slideInFromRight {
162
- 0% {
163
- transform: translateX(10px);
164
- opacity: 0;
165
- }
166
- 100% {
167
- transform: translateX(0);
168
- opacity: 1;
169
- }
170
- }
171
- @keyframes slideOutToTop {
172
- 0% {
173
- transform: translateY(0);
174
- opacity: 1;
175
- }
176
- 100% {
177
- transform: translateY(-10px);
178
- opacity: 0;
179
- }
180
- }
181
- @keyframes slideOutToBottom {
182
- 0% {
183
- transform: translateY(0);
184
- opacity: 1;
185
- }
186
- 100% {
187
- transform: translateY(10px);
188
- opacity: 0;
189
- }
190
- }
191
- @keyframes slideOutToLeft {
192
- 0% {
193
- transform: translateX(0);
194
- opacity: 1;
195
- }
196
- 100% {
197
- transform: translateX(-10px);
198
- opacity: 0;
199
- }
200
- }
201
- @keyframes slideOutToRight {
202
- 0% {
203
- transform: translateX(0);
204
- opacity: 1;
205
- }
206
- 100% {
207
- transform: translateX(10px);
208
- opacity: 0;
209
- }
210
- }
211
- @keyframes indeterminate-bar {
212
- 0% {
213
- transform: translateX(-50%) scaleX(0.2);
214
- }
215
- 100% {
216
- transform: translateX(100%) scaleX(1);
217
- }
218
- }
219
-
220
- /* ../tailwind-config/src/styles/utilities/scrollbar.css */
221
- .tw-scrollbar-hide {
222
- -ms-overflow-style: none;
223
- scrollbar-width: none;
224
- &::-webkit-scrollbar {
225
- display: none;
226
- }
227
- }
228
- .tw-scrollbar-sm {
229
- &::-webkit-scrollbar {
230
- width: 8px !important;
231
- height: 8px !important;
232
- }
233
- }
234
- .tw-scrollbar-sm.tw-scrollbar-plain::-webkit-scrollbar-button {
235
- width: 8px !important;
236
- height: 8px !important;
237
- }
238
- .tw-scrollbar-sm.tw-scrollbar-plain::-webkit-scrollbar-button:vertical {
239
- background-size: 3.56px 2.67px !important;
240
- }
241
- .tw-scrollbar-sm.tw-scrollbar-plain::-webkit-scrollbar-button:horizontal {
242
- background-size: 2.67px 3.56px !important;
243
- }
244
- .tw-scrollbar-md {
245
- &::-webkit-scrollbar {
246
- width: 10px !important;
247
- height: 10px !important;
248
- }
249
- }
250
- .tw-scrollbar-md.tw-scrollbar-plain::-webkit-scrollbar-button {
251
- width: 10px !important;
252
- height: 10px !important;
253
- }
254
- .tw-scrollbar-md.tw-scrollbar-plain::-webkit-scrollbar-button:vertical {
255
- background-size: 4.44px 3.33px !important;
256
- }
257
- .tw-scrollbar-md.tw-scrollbar-plain::-webkit-scrollbar-button:horizontal {
258
- background-size: 3.33px 4.44px !important;
259
- }
260
- .tw-scrollbar-lg {
261
- &::-webkit-scrollbar {
262
- width: 12px !important;
263
- height: 12px !important;
264
- }
265
- }
266
- .tw-scrollbar-lg.tw-scrollbar-plain::-webkit-scrollbar-button {
267
- width: 12px !important;
268
- height: 12px !important;
269
- }
270
- .tw-scrollbar-lg.tw-scrollbar-plain::-webkit-scrollbar-button:vertical {
271
- background-size: 5.33px 4px !important;
272
- }
273
- .tw-scrollbar-lg.tw-scrollbar-plain::-webkit-scrollbar-button:horizontal {
274
- background-size: 4px 5.33px !important;
275
- }
276
- .tw-scrollbar-base {
277
- &::-webkit-scrollbar-thumb {
278
- border: 1px solid transparent !important;
279
- background-clip: padding-box !important;
280
- border-radius: 100px !important;
281
- }
282
- &::-webkit-scrollbar-track {
283
- background-color: var(--color-neutral-soft) !important;
284
- }
285
- }
286
- .tw-scrollbar-plain {
287
- scrollbar-color: var(--color-neutral-soft) !important;
288
- &::-webkit-scrollbar-thumb {
289
- background-color: var(--color-trans-soft) !important;
290
- }
291
- &:hover::-webkit-scrollbar-thumb {
292
- background-color: var(--color-trans-soft) !important;
293
- }
294
- &::-webkit-scrollbar-button {
295
- background-color: var(--color-neutral-soft) !important;
296
- color: var(--color-neutral-main) !important;
297
- }
298
- &::-webkit-scrollbar-button:vertical:decrement {
299
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='6 8 12 6' fill='%23808488'%3E%3Cpath d='M12 8l6 6H6z'/%3E%3C/svg%3E") !important;
300
- background-repeat: no-repeat !important;
301
- background-position: center !important;
302
- }
303
- &::-webkit-scrollbar-button:vertical:increment {
304
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='6 10 12 6' fill='%23808488'%3E%3Cpath d='M12 16l-6-6h12z'/%3E%3C/svg%3E") !important;
305
- background-repeat: no-repeat !important;
306
- background-position: center !important;
307
- }
308
- &::-webkit-scrollbar-button:horizontal:decrement {
309
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='8 6 6 12' fill='%23808488'%3E%3Cpath d='M8 12l6-6v12z'/%3E%3C/svg%3E") !important;
310
- background-repeat: no-repeat !important;
311
- background-position: center !important;
312
- }
313
- &::-webkit-scrollbar-button:horizontal:increment {
314
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='10 6 6 12' fill='%23808488'%3E%3Cpath d='M16 12l-6 6V6z'/%3E%3C/svg%3E") !important;
315
- background-repeat: no-repeat !important;
316
- background-position: center !important;
317
- }
318
- }
319
- .tw-scrollbar-adorn {
320
- scrollbar-color: var(--color-primary-main) !important;
321
- &::-webkit-scrollbar-thumb {
322
- background-color: var(--color-primary-main) !important;
323
- }
324
- &:hover::-webkit-scrollbar-thumb {
325
- background-color: var(--color-primary-main) !important;
326
- }
327
- &::-webkit-scrollbar-button {
328
- display: none !important;
329
- width: 0 !important;
330
- height: 0 !important;
331
- -webkit-appearance: none !important;
332
- }
333
- }
334
-
335
- /* ../tailwind-config/src/preset.css */
336
-
337
- /* ../tailwind-config/preset.css */
338
-
339
- /* src/fonts/font.css */
340
- @font-face {
341
- font-family: "NanumSquare";
342
- src: url("./NanumSquare_acL-FSAAP5CK.ttf") format("truetype");
343
- font-weight: 300;
344
- font-style: normal;
345
- font-display: swap;
346
- }
347
- @font-face {
348
- font-family: "NanumSquare";
349
- src: url("./NanumSquare_acR-RZCHPXSJ.ttf") format("truetype");
350
- font-weight: 400;
351
- font-style: normal;
352
- font-display: swap;
353
- }
354
- @font-face {
355
- font-family: "NanumSquare";
356
- src: url("./NanumSquare_acB-VMSVRKSM.ttf") format("truetype");
357
- font-weight: 700;
358
- font-style: normal;
359
- font-display: swap;
360
- }
361
- @font-face {
362
- font-family: "NanumSquare";
363
- src: url("./NanumSquare_acEB-HRZ3QLG2.ttf") format("truetype");
364
- font-weight: 800;
365
- font-style: normal;
366
- font-display: swap;
367
- }
368
- body {
369
- font-family: "NanumSquare", sans-serif;
370
- }
371
-
372
- /* src/style.css */
373
- @source "../dist/**/*.{js,mjs,cjs,ts,tsx}";
374
- @source "./**/*.{ts,tsx}";
4
+ /* Tailwind CSS v4 Source Scanner */
5
+ @source "./**/*.{js,mjs,cjs}";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@deepnoid/ui",
3
- "version": "1.0.14",
3
+ "version": "1.0.15",
4
4
  "license": "MIT",
5
5
  "sideEffects": [
6
6
  "**/*.css"
@@ -12,16 +12,21 @@
12
12
  "require": "./dist/index.js"
13
13
  },
14
14
  "./fonts/font.css": "./dist/fonts/font.css",
15
- "./style.css": "./src/style.css",
16
- "./dev": "./src/index.ts"
15
+ "./style.css": "./dist/style.css"
17
16
  },
17
+ "files": [
18
+ "dist",
19
+ "README.md",
20
+ "package.json"
21
+ ],
18
22
  "main": "./dist/index.js",
19
23
  "module": "./dist/index.mjs",
20
24
  "types": "./dist/index.d.ts",
21
25
  "scripts": {
22
- "build": "cross-env NODE_OPTIONS=--max-old-space-size=8192 tsup src --dts && yarn copy:font",
23
- "build:fast": "tsup src",
26
+ "build": "cross-env NODE_OPTIONS=--max-old-space-size=8192 tsup src --dts && yarn copy:font && yarn copy:css",
27
+ "build:fast": "tsup src && yarn copy:font && yarn copy:css",
24
28
  "clean": "rm -rf .turbo",
29
+ "copy:css": "copyfiles -u 1 src/style.css dist",
25
30
  "copy:font": "copyfiles -u 2 src/fonts/**/* dist/fonts",
26
31
  "deploy:npm": "npm publish --access=public",
27
32
  "lint": "TIMING=1 eslint \"**/*.{ts,tsx,js,jsx}\" --fix",
package/.eslintrc.cjs DELETED
@@ -1,4 +0,0 @@
1
- /** @type {import("eslint").Linter.Config} */
2
- module.exports = {
3
- extends: ["@deepnoid/eslint-config/react-internal.json"],
4
- };