@deepnoid/ui 1.0.15 → 1.0.17

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