@wallet-ui/tailwind 1.1.0-canary-20250412011829 → 1.1.0-canary-20250415022403

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.
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.css","../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,IAAA,UAAA,GAAA,KAAA,CAAA;AAAA,EAAA,eAAA,GAAA;AAAA;AAAA,CAAA,CAAA;;;ACAA,IAAA,aAAA,GAAA,UAAA,CAAA;AAAA,EAAA,cAAA,GAAA;AAAA,IAAA,UAAA,EAAA;AAAA;AAAA,CAAA,CAAA","file":"index.browser.cjs","sourcesContent":["@import './wallet-ui-base-button.css';\n@import './wallet-ui-base-dropdown.css';\n@import './wallet-ui-base-modal.css';\n@import './wallet-ui-icon.css';\n@import './wallet-ui-label.css';\n@import './wallet-ui-list-button.css';\n@import './wallet-ui-list.css';\n\n@reference \"tailwindcss\";\n\n/*[data-scope='menu'][data-part='trigger'] {*/\n/* @apply bg-transparent;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='content'] {*/\n/* @apply p-4 bg-white dark:bg-gray-800;*/\n/* @apply border border-gray-200 dark:border-gray-700 rounded-md;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='content'].black {*/\n/* @apply bg-black;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='content'] {*/\n/* @apply p-1 bg-white dark:bg-gray-800;*/\n/* @apply border border-gray-200 dark:border-gray-700;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='item'] {*/\n/* @apply px-3 py-2 bg-white dark:bg-gray-800;*/\n/* @apply rounded-md;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='trigger'] {*/\n/* --at-apply: 'focus-visible:outline-0';*/\n/* --at-apply: 'focus:outline-0 focus:border-white';*/\n/* --at-apply: 'disabled:cursor-not-allowed disabled:opacity-50';*/\n/*}*/\n\n/* Define the animations */\n@keyframes anim-scale-in {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes anim-scale-out {\n from {\n opacity: 1;\n transform: scale(1);\n }\n to {\n opacity: 0;\n transform: scale(0.95);\n }\n}\n","import './index.css';\n"]}
1
+ {"version":3,"sources":["../src/index.css","../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,IAAA,UAAA,GAAA,KAAA,CAAA;AAAA,EAAA,eAAA,GAAA;AAAA;AAAA,CAAA,CAAA;;;ACAA,IAAA,aAAA,GAAA,UAAA,CAAA;AAAA,EAAA,cAAA,GAAA;AAAA,IAAA,UAAA,EAAA;AAAA;AAAA,CAAA,CAAA","file":"index.browser.cjs","sourcesContent":["/* First, we need our variables */\n@import './wallet-ui-variables.css';\n\n/* Then, we can import the rest of the styles */\n@import './wallet-ui-base-button.css';\n@import './wallet-ui-base-dropdown.css';\n@import './wallet-ui-base-modal.css';\n@import './wallet-ui-icon.css';\n@import './wallet-ui-label.css';\n@import './wallet-ui-list-button.css';\n@import './wallet-ui-list.css';\n","import './index.css';\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.css","../src/index.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,UAAA,GAAA,KAAA,CAAA;AAAA,EAAA,eAAA,GAAA;AAAA;AAAA,CAAA,CAAA;;;ACAA,IAAA,aAAA,GAAA,UAAA,CAAA;AAAA,EAAA,cAAA,GAAA;AAAA,IAAA,UAAA,EAAA;AAAA;AAAA,CAAA,CAAA","file":"index.browser.mjs","sourcesContent":["@import './wallet-ui-base-button.css';\n@import './wallet-ui-base-dropdown.css';\n@import './wallet-ui-base-modal.css';\n@import './wallet-ui-icon.css';\n@import './wallet-ui-label.css';\n@import './wallet-ui-list-button.css';\n@import './wallet-ui-list.css';\n\n@reference \"tailwindcss\";\n\n/*[data-scope='menu'][data-part='trigger'] {*/\n/* @apply bg-transparent;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='content'] {*/\n/* @apply p-4 bg-white dark:bg-gray-800;*/\n/* @apply border border-gray-200 dark:border-gray-700 rounded-md;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='content'].black {*/\n/* @apply bg-black;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='content'] {*/\n/* @apply p-1 bg-white dark:bg-gray-800;*/\n/* @apply border border-gray-200 dark:border-gray-700;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='item'] {*/\n/* @apply px-3 py-2 bg-white dark:bg-gray-800;*/\n/* @apply rounded-md;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='trigger'] {*/\n/* --at-apply: 'focus-visible:outline-0';*/\n/* --at-apply: 'focus:outline-0 focus:border-white';*/\n/* --at-apply: 'disabled:cursor-not-allowed disabled:opacity-50';*/\n/*}*/\n\n/* Define the animations */\n@keyframes anim-scale-in {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes anim-scale-out {\n from {\n opacity: 1;\n transform: scale(1);\n }\n to {\n opacity: 0;\n transform: scale(0.95);\n }\n}\n","import './index.css';\n"]}
1
+ {"version":3,"sources":["../src/index.css","../src/index.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,UAAA,GAAA,KAAA,CAAA;AAAA,EAAA,eAAA,GAAA;AAAA;AAAA,CAAA,CAAA;;;ACAA,IAAA,aAAA,GAAA,UAAA,CAAA;AAAA,EAAA,cAAA,GAAA;AAAA,IAAA,UAAA,EAAA;AAAA;AAAA,CAAA,CAAA","file":"index.browser.mjs","sourcesContent":["/* First, we need our variables */\n@import './wallet-ui-variables.css';\n\n/* Then, we can import the rest of the styles */\n@import './wallet-ui-base-button.css';\n@import './wallet-ui-base-dropdown.css';\n@import './wallet-ui-base-modal.css';\n@import './wallet-ui-icon.css';\n@import './wallet-ui-label.css';\n@import './wallet-ui-list-button.css';\n@import './wallet-ui-list.css';\n","import './index.css';\n"]}
package/dist/index.css CHANGED
@@ -1,71 +1,118 @@
1
+ @import "tailwindcss";
2
+
3
+ /* src/wallet-ui-variables.css */
4
+ @theme inline { --color-background: var(--background); --color-background-hover: var(--background-hover); --color-border: var(--border); --color-foreground: var(--foreground); --color-foreground-hover: var(--foreground-hover); --color-primary-foreground: var(--primary-foreground); --color-primary: var(--primary); --color-ring: var(--ring); }
5
+ :root,
6
+ html.light:root,
7
+ [data-theme=light]:root {
8
+ --background: var(--color-neutral-50);
9
+ --background-hover: var(--color-neutral-100);
10
+ --border: var(--color-neutral-200);
11
+ --foreground: var(--color-neutral-950);
12
+ --foreground-hover: var(--color-neutral-900);
13
+ --primary-foreground: var(--color-neutral-100);
14
+ --primary: var(--color-neutral-950);
15
+ --ring: var(--color-neutral-400);
16
+ }
17
+ html.dark:root,
18
+ [data-theme=dark]:root {
19
+ --background: var(--color-neutral-950);
20
+ --background-hover: var(--color-neutral-900);
21
+ --border: var(--color-neutral-800);
22
+ --foreground: var(--color-neutral-100);
23
+ --foreground-hover: var(--color-white);
24
+ --primary-foreground: var(--color-neutral-950);
25
+ --primary: var(--color-neutral-100);
26
+ --ring: var(--color-neutral-500);
27
+ }
28
+
1
29
  /* src/wallet-ui-base-button.css */
2
- .wallet-ui-base-button {
3
- @apply bg-gray-100 dark:bg-gray-800 hover:bg-gray-200 dark:hover:bg-gray-700;
4
- @apply text-gray-800 dark:text-gray-200 hover:text-gray-900 dark:hover:text-white;
5
- @apply border border-gray-200 dark:border-gray-700;
30
+ [data-ui=base-button] {
31
+ background: var(--background);
32
+ color: var(--foreground);
33
+ @apply border;
34
+ border-color: var(--color-border);
6
35
  @apply rounded-md shadow-sm cursor-pointer;
7
36
  @apply flex items-center justify-center gap-2 whitespace-nowrap;
8
37
  @apply disabled:cursor-not-allowed disabled:opacity-50;
9
38
  }
10
- .wallet-ui-base-button.sm {
39
+ [data-ui=base-button]:hover {
40
+ background: var(--background-hover);
41
+ color: var(--foreground-hover);
42
+ }
43
+ [data-ui=base-button].sm {
11
44
  @apply px-3 py-1.5;
12
45
  @apply text-sm;
13
46
  @apply font-normal;
14
47
  }
15
- .wallet-ui-base-button.md {
48
+ [data-ui=base-button].md {
16
49
  @apply px-4 py-3;
17
50
  @apply text-base;
18
51
  @apply font-semibold;
19
52
  }
20
- .wallet-ui-base-button.lg {
53
+ [data-ui=base-button].lg {
21
54
  @apply px-6 py-4;
22
55
  @apply text-lg;
23
56
  @apply font-bold;
24
57
  }
25
- .sm .wallet-ui-base-button-left-section {
58
+ .sm [data-ui=base-button-left-section] {
26
59
  @apply mr-1;
27
60
  @apply text-xs;
28
61
  }
29
- .md .wallet-ui-base-button-left-section {
62
+ .md [data-ui=base-button-left-section] {
30
63
  @apply mr-2;
31
64
  @apply text-sm;
32
65
  }
33
- .lg .wallet-ui-base-button-left-section {
66
+ .lg [data-ui=base-button-left-section] {
34
67
  @apply mr-4;
35
68
  @apply text-xl;
36
69
  }
37
- .sm .wallet-ui-base-button-right-section {
70
+ .sm [data-ui=base-button-right-section] {
38
71
  @apply ml-1;
39
72
  @apply text-xs;
40
73
  }
41
- .md .wallet-ui-base-button-right-section {
74
+ .md [data-ui=base-button-right-section] {
42
75
  @apply ml-2;
43
76
  @apply text-sm;
44
77
  }
45
- .lg .wallet-ui-base-button-right-section {
78
+ .lg [data-ui=base-button-right-section] {
46
79
  @apply ml-4;
47
80
  @apply text-xl;
48
81
  }
49
82
 
50
83
  /* src/wallet-ui-base-dropdown.css */
51
- .wallet-ui-base-dropdown {
52
- }
53
- .wallet-ui-base-dropdown-list {
54
- @apply bg-gray-100 dark:bg-gray-800;
55
- @apply border border-gray-200 dark:border-gray-700;
84
+ [data-ui=base-dropdown-list] {
85
+ background: var(--background);
86
+ @apply border;
87
+ border-color: var(--color-border);
56
88
  @apply rounded-md;
57
89
  }
58
- .wallet-ui-base-dropdown-item {
90
+ [data-ui=base-dropdown-item] {
91
+ background: var(--background);
92
+ color: var(--foreground);
59
93
  @apply flex items-center gap-2;
60
- @apply bg-gray-100 dark:bg-gray-800 hover:bg-gray-200 dark:hover:bg-gray-700;
61
- @apply text-gray-800 dark:text-gray-200 hover:text-gray-900 dark:hover:text-white;
62
- @apply px-4 py-2;
63
94
  @apply cursor-pointer;
64
95
  }
65
- .wallet-ui-base-dropdown-item-left-section {
96
+ [data-ui=base-dropdown-item]:hover {
97
+ background: var(--background-hover);
98
+ color: var(--foreground-hover);
99
+ }
100
+ [data-ui=base-dropdown-item].sm {
101
+ @apply px-3 py-2;
102
+ @apply text-sm;
103
+ }
104
+ [data-ui=base-dropdown-item].md {
105
+ @apply px-4 py-3;
106
+ @apply text-base;
107
+ }
108
+ [data-ui=base-dropdown-item].lg {
109
+ @apply px-4 py-3;
110
+ @apply text-lg;
111
+ }
112
+ [data-ui=base-dropdown-item-left-section] {
66
113
  @apply mr-1;
67
114
  }
68
- .wallet-ui-base-dropdown-item-right-section {
115
+ [data-ui=base-dropdown-item-right-section] {
69
116
  @apply ml-1;
70
117
  }
71
118
 
@@ -79,9 +126,10 @@
79
126
  @apply flex items-center justify-center;
80
127
  }
81
128
  [data-scope=dialog][data-part=content] {
129
+ background: var(--background);
130
+ @apply border;
131
+ border-color: var(--color-border);
82
132
  @apply w-full overflow-hidden shadow-lg;
83
- @apply bg-white dark:bg-gray-900;
84
- @apply border border-gray-100 dark:border-gray-900;
85
133
  @apply rounded-xl outline-0;
86
134
  }
87
135
  [data-scope=dialog][data-part=content] header {
@@ -90,13 +138,18 @@
90
138
  }
91
139
  [data-scope=dialog][data-part=description] {
92
140
  @apply flex items-center justify-center;
93
- @apply text-center text-gray-900 dark:text-gray-200;
141
+ color: var(--foreground);
94
142
  }
95
143
  [data-scope=dialog][data-part=close-trigger] {
96
- @apply border border-gray-500/40 dark:border-gray-600/40;
97
- @apply cursor-pointer hover:bg-gray-500/40 dark:hover:bg-gray-600/40;
144
+ @apply border;
145
+ border-color: var(--color-border);
146
+ @apply cursor-pointer;
98
147
  @apply flex items-center justify-center;
99
- @apply text-gray-700 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white;
148
+ color: var(--foreground);
149
+ }
150
+ [data-scope=dialog][data-part=close-trigger]:hover {
151
+ background: var(--background-hover);
152
+ color: var(--foreground-hover);
100
153
  }
101
154
  [data-scope=dialog][data-part=content][data-state=open] {
102
155
  animation: anim-scale-in 300ms ease-out;
@@ -149,92 +202,93 @@
149
202
  @apply pb-8 px-16;
150
203
  @apply text-3xl;
151
204
  }
205
+ @keyframes anim-scale-in {
206
+ from {
207
+ opacity: 0;
208
+ transform: scale(0.95);
209
+ }
210
+ to {
211
+ opacity: 1;
212
+ transform: scale(1);
213
+ }
214
+ }
215
+ @keyframes anim-scale-out {
216
+ from {
217
+ opacity: 1;
218
+ transform: scale(1);
219
+ }
220
+ to {
221
+ opacity: 0;
222
+ transform: scale(0.95);
223
+ }
224
+ }
152
225
 
153
226
  /* src/wallet-ui-icon.css */
154
- .wallet-ui-list-icon {
227
+ [data-ui=wallet-ui-icon] {
155
228
  @apply border-0;
156
229
  }
157
- .wallet-ui-list-icon.sm {
230
+ [data-ui=wallet-ui-icon].sm {
158
231
  @apply rounded-xs;
159
232
  @apply h-[16px] w-[16px];
160
233
  }
161
- .wallet-ui-list-icon.md {
234
+ [data-ui=wallet-ui-icon].md {
162
235
  @apply rounded-md;
163
236
  @apply h-[24px] w-[24px];
164
237
  }
165
- .wallet-ui-list-icon.lg {
238
+ [data-ui=wallet-ui-icon].lg {
166
239
  @apply rounded-lg;
167
240
  @apply h-[32px] w-[32px];
168
241
  }
169
242
 
170
243
  /* src/wallet-ui-label.css */
171
- .wallet-ui-list-label {
172
- @apply text-gray-500 dark:text-gray-200;
244
+ [data-ui=wallet-ui-label] {
245
+ color: var(--foreground);
173
246
  }
174
- .wallet-ui-list-label.sm {
247
+ [data-ui=wallet-ui-label].sm {
175
248
  @apply text-xs;
176
249
  @apply font-light;
177
250
  }
178
- .wallet-ui-list-label.md {
251
+ [data-ui=wallet-ui-label].md {
179
252
  @apply text-base;
180
253
  @apply font-normal;
181
254
  }
182
- .wallet-ui-list-label.lg {
255
+ [data-ui=wallet-ui-label].lg {
183
256
  @apply text-xl;
184
257
  @apply font-semibold;
185
258
  }
186
259
 
187
260
  /* src/wallet-ui-list-button.css */
188
- .wallet-ui-list-button {
261
+ [data-ui=wallet-ui-list-button] {
189
262
  @apply flex items-center gap-2;
190
263
  @apply whitespace-nowrap;
191
264
  @apply cursor-pointer select-none appearance-none disabled:cursor-not-allowed disabled:opacity-50;
192
- @apply hover:bg-gray-200 dark:hover:bg-gray-800;
193
265
  }
194
- .wallet-ui-list-button.sm {
266
+ [data-ui=wallet-ui-list-button].hover {
267
+ background: var(--background-hover);
268
+ }
269
+ [data-ui=wallet-ui-list-button].sm {
195
270
  @apply px-1 py-1 rounded-md;
196
271
  }
197
- .wallet-ui-list-button.md {
272
+ [data-ui=wallet-ui-list-button].md {
198
273
  @apply px-2 py-2 rounded-lg;
199
274
  }
200
- .wallet-ui-list-button.lg {
275
+ [data-ui=wallet-ui-list-button].lg {
201
276
  @apply px-3 py-3 rounded-xl;
202
277
  }
203
278
 
204
279
  /* src/wallet-ui-list.css */
205
- .wallet-ui-list {
280
+ [data-ui=wallet-ui-list] {
206
281
  @apply flex flex-col;
207
282
  }
208
- .wallet-ui-list.sm {
283
+ [data-ui=wallet-ui-list].sm {
209
284
  @apply gap-1;
210
285
  }
211
- .wallet-ui-list.md {
286
+ [data-ui=wallet-ui-list].md {
212
287
  @apply gap-2;
213
288
  }
214
- .wallet-ui-list.lg {
289
+ [data-ui=wallet-ui-list].lg {
215
290
  @apply gap-3;
216
291
  }
217
292
 
218
293
  /* src/index.css */
219
- @reference "tailwindcss";
220
- @keyframes anim-scale-in {
221
- from {
222
- opacity: 0;
223
- transform: scale(0.95);
224
- }
225
- to {
226
- opacity: 1;
227
- transform: scale(1);
228
- }
229
- }
230
- @keyframes anim-scale-out {
231
- from {
232
- opacity: 1;
233
- transform: scale(1);
234
- }
235
- to {
236
- opacity: 0;
237
- transform: scale(0.95);
238
- }
239
- }
240
294
  /*# sourceMappingURL=index.css.map */
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/wallet-ui-base-button.css","../src/wallet-ui-base-dropdown.css","../src/wallet-ui-base-modal.css","../src/wallet-ui-icon.css","../src/wallet-ui-label.css","../src/wallet-ui-list-button.css","../src/wallet-ui-list.css","../src/index.css"],"sourcesContent":[".wallet-ui-base-button {\n /* Background */\n @apply bg-gray-100 dark:bg-gray-800 hover:bg-gray-200 dark:hover:bg-gray-700;\n /* Text color */\n @apply text-gray-800 dark:text-gray-200 hover:text-gray-900 dark:hover:text-white;\n /* Border */\n @apply border border-gray-200 dark:border-gray-700;\n /* Shape */\n @apply rounded-md shadow-sm cursor-pointer;\n /* Composition */\n @apply flex items-center justify-center gap-2 whitespace-nowrap;\n /* Disabled */\n @apply disabled:cursor-not-allowed disabled:opacity-50;\n}\n\n.wallet-ui-base-button.sm {\n /* Shape */\n @apply px-3 py-1.5;\n /* Text size */\n @apply text-sm;\n /* Text weight */\n @apply font-normal;\n}\n\n.wallet-ui-base-button.md {\n /* Shape */\n @apply px-4 py-3;\n /* Text size */\n @apply text-base;\n /* Text weight */\n @apply font-semibold;\n}\n\n.wallet-ui-base-button.lg {\n /* Shape */\n @apply px-6 py-4;\n /* Text size */\n @apply text-lg;\n /* Text weight */\n @apply font-bold;\n}\n\n.sm .wallet-ui-base-button-left-section {\n /* Composition */\n @apply mr-1;\n /* Text size */\n @apply text-xs;\n}\n\n.md .wallet-ui-base-button-left-section {\n /* Composition */\n @apply mr-2;\n /* Text size */\n @apply text-sm;\n}\n\n.lg .wallet-ui-base-button-left-section {\n /* Composition */\n @apply mr-4;\n /* Text size */\n @apply text-xl;\n}\n\n.sm .wallet-ui-base-button-right-section {\n /* Composition */\n @apply ml-1;\n /* Text size */\n @apply text-xs;\n}\n\n.md .wallet-ui-base-button-right-section {\n /* Composition */\n @apply ml-2;\n /* Text size */\n @apply text-sm;\n}\n\n.lg .wallet-ui-base-button-right-section {\n /* Composition */\n @apply ml-4;\n /* Text size */\n @apply text-xl;\n}\n",".wallet-ui-base-dropdown {\n /* No default styles */\n}\n\n.wallet-ui-base-dropdown-list {\n /* Background */\n @apply bg-gray-100 dark:bg-gray-800;\n /*!* Border *!*/\n @apply border border-gray-200 dark:border-gray-700;\n /*!* Shape *!*/\n @apply rounded-md;\n}\n\n.wallet-ui-base-dropdown-item {\n /* Content */\n @apply flex items-center gap-2;\n /* Background */\n @apply bg-gray-100 dark:bg-gray-800 hover:bg-gray-200 dark:hover:bg-gray-700;\n /*!* Text color *!*/\n @apply text-gray-800 dark:text-gray-200 hover:text-gray-900 dark:hover:text-white;\n\n /*!* Shape *!*/\n @apply px-4 py-2;\n\n /* Shape */\n @apply cursor-pointer;\n}\n\n.wallet-ui-base-dropdown-item-left-section {\n /* Composition */\n @apply mr-1;\n}\n\n.wallet-ui-base-dropdown-item-right-section {\n /* Composition */\n @apply ml-1;\n}\n","[data-scope='dialog'][data-part='backdrop'] {\n /* Position */\n @apply fixed top-0 left-0 bottom-0 w-full z-20;\n /* Background */\n @apply bg-black/40 dark:bg-black/70;\n}\n\n[data-scope='dialog'][data-part='positioner'] {\n /* Position */\n @apply fixed top-0 left-0 bottom-0 w-full z-20;\n /* Content */\n @apply flex items-center justify-center;\n}\n\n[data-scope='dialog'][data-part='content'] {\n /* Position */\n @apply w-full overflow-hidden shadow-lg;\n /* Background */\n @apply bg-white dark:bg-gray-900;\n /* Border */\n @apply border border-gray-100 dark:border-gray-900;\n /* Shape */\n @apply rounded-xl outline-0;\n}\n\n[data-scope='dialog'][data-part='content'] header {\n /* Content */\n @apply flex items-center justify-end;\n /* Shape */\n @apply pb-4;\n}\n\n[data-scope='dialog'][data-part='description'] {\n /* Content */\n @apply flex items-center justify-center;\n\n /* Text */\n @apply text-center text-gray-900 dark:text-gray-200;\n}\n\n[data-scope='dialog'][data-part='close-trigger'] {\n /* Position */\n @apply border border-gray-500/40 dark:border-gray-600/40;\n /* Behavior */\n @apply cursor-pointer hover:bg-gray-500/40 dark:hover:bg-gray-600/40;\n /* Content */\n @apply flex items-center justify-center;\n /* Text */\n @apply text-gray-700 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white;\n}\n\n[data-scope='dialog'][data-part='content'][data-state='open'] {\n animation: anim-scale-in 300ms ease-out;\n}\n\n[data-scope='dialog'][data-part='content'][data-state='closed'] {\n animation: anim-scale-out 200ms ease-in;\n}\n\n/* Responsive Styles */\n\n/* CONTENT */\n[data-scope='dialog'][data-part='content'].sm {\n /* Position */\n @apply max-w-3xs;\n /* Shape */\n @apply p-2 rounded-md;\n}\n\n[data-scope='dialog'][data-part='content'].md {\n /* Position */\n @apply max-w-sm mx-4;\n /* Shape */\n @apply p-2 rounded-lg;\n}\n\n[data-scope='dialog'][data-part='content'].lg {\n /* Position */\n @apply max-w-lg mx-auto;\n /* Shape */\n @apply p-4 rounded-xl;\n}\n\n/* HEADER */\n[data-scope='dialog'][data-part='content'].sm header {\n /* Shape */\n @apply pb-2;\n /* Text */\n @apply text-sm;\n}\n\n[data-scope='dialog'][data-part='content'].md header {\n /* Shape */\n @apply pb-4;\n /* Text */\n @apply text-2xl;\n}\n\n[data-scope='dialog'][data-part='content'].lg header {\n /* Shape */\n @apply pb-4;\n /* Text */\n @apply text-3xl;\n}\n\n/* CLOSE TRIGGER */\n.sm [data-scope='dialog'][data-part='close-trigger'] {\n /* Shape */\n @apply h-6 w-6 rounded-full;\n}\n\n.md [data-scope='dialog'][data-part='close-trigger'] {\n /* Shape */\n @apply h-8 w-8 rounded-full;\n}\n\n.lg [data-scope='dialog'][data-part='close-trigger'] {\n /* Shape */\n @apply h-10 w-10 rounded-full;\n}\n\n/* DESCRIPTION */\n.sm [data-scope='dialog'][data-part='description'] {\n /* Shape */\n @apply pb-2 px-4;\n /* Text */\n @apply text-sm;\n}\n\n.md [data-scope='dialog'][data-part='description'] {\n /* Shape */\n @apply pb-8 px-16;\n /* Text */\n @apply text-2xl;\n}\n\n.lg [data-scope='dialog'][data-part='description'] {\n /* Shape */\n @apply pb-8 px-16;\n /* Text */\n @apply text-3xl;\n}\n",".wallet-ui-list-icon {\n /* Border */\n @apply border-0;\n}\n\n.wallet-ui-list-icon.sm {\n /*Radius*/\n @apply rounded-xs;\n /* Shape */\n @apply h-[16px] w-[16px];\n}\n\n.wallet-ui-list-icon.md {\n /*Radius*/\n @apply rounded-md;\n /* Shape */\n @apply h-[24px] w-[24px];\n}\n\n.wallet-ui-list-icon.lg {\n /* Radius */\n @apply rounded-lg;\n /* Shape */\n @apply h-[32px] w-[32px];\n}\n",".wallet-ui-list-label {\n /* Default label style */\n @apply text-gray-500 dark:text-gray-200;\n}\n\n.wallet-ui-list-label.sm {\n /* Size */\n @apply text-xs;\n /* Weight */\n @apply font-light;\n}\n\n.wallet-ui-list-label.md {\n /* Size */\n @apply text-base;\n /* Weight */\n @apply font-normal;\n}\n\n.wallet-ui-list-label.lg {\n /* Size */\n @apply text-xl;\n /* Weight */\n @apply font-semibold;\n}\n",".wallet-ui-list-button {\n /* Composition */\n @apply flex items-center gap-2;\n /* No wrap */\n @apply whitespace-nowrap;\n /* Behavior */\n @apply cursor-pointer select-none appearance-none disabled:cursor-not-allowed disabled:opacity-50;\n /* Hover*/\n @apply hover:bg-gray-200 dark:hover:bg-gray-800;\n}\n\n.wallet-ui-list-button.sm {\n @apply px-1 py-1 rounded-md;\n}\n\n.wallet-ui-list-button.md {\n @apply px-2 py-2 rounded-lg;\n}\n\n.wallet-ui-list-button.lg {\n @apply px-3 py-3 rounded-xl;\n}\n",".wallet-ui-list {\n @apply flex flex-col;\n}\n\n.wallet-ui-list.sm {\n @apply gap-1;\n}\n\n.wallet-ui-list.md {\n @apply gap-2;\n}\n\n.wallet-ui-list.lg {\n @apply gap-3;\n}\n","@import './wallet-ui-base-button.css';\n@import './wallet-ui-base-dropdown.css';\n@import './wallet-ui-base-modal.css';\n@import './wallet-ui-icon.css';\n@import './wallet-ui-label.css';\n@import './wallet-ui-list-button.css';\n@import './wallet-ui-list.css';\n\n@reference \"tailwindcss\";\n\n/*[data-scope='menu'][data-part='trigger'] {*/\n/* @apply bg-transparent;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='content'] {*/\n/* @apply p-4 bg-white dark:bg-gray-800;*/\n/* @apply border border-gray-200 dark:border-gray-700 rounded-md;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='content'].black {*/\n/* @apply bg-black;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='content'] {*/\n/* @apply p-1 bg-white dark:bg-gray-800;*/\n/* @apply border border-gray-200 dark:border-gray-700;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='item'] {*/\n/* @apply px-3 py-2 bg-white dark:bg-gray-800;*/\n/* @apply rounded-md;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='trigger'] {*/\n/* --at-apply: 'focus-visible:outline-0';*/\n/* --at-apply: 'focus:outline-0 focus:border-white';*/\n/* --at-apply: 'disabled:cursor-not-allowed disabled:opacity-50';*/\n/*}*/\n\n/* Define the animations */\n@keyframes anim-scale-in {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes anim-scale-out {\n from {\n opacity: 1;\n transform: scale(1);\n }\n to {\n opacity: 0;\n transform: scale(0.95);\n }\n}\n"],"mappings":"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","names":[]}
1
+ {"version":3,"sources":["../src/wallet-ui-variables.css","../src/wallet-ui-base-button.css","../src/wallet-ui-base-dropdown.css","../src/wallet-ui-base-modal.css","../src/wallet-ui-icon.css","../src/wallet-ui-label.css","../src/wallet-ui-list-button.css","../src/wallet-ui-list.css"],"sourcesContent":["/**\n * These are the variables that are used in the @wallet-ui/tailwind styles.\n *\n * The goal is to make them compatible with the defaults used by Shadcn so it integrates automagically.\n *\n * These styles are compiled by the Tailwind compiler and used in the @wallet-ui/react package.\n */\n@import 'tailwindcss';\n\n@theme inline {\n --color-background: var(--background);\n --color-background-hover: var(--background-hover);\n --color-border: var(--border);\n --color-foreground: var(--foreground);\n --color-foreground-hover: var(--foreground-hover);\n --color-primary-foreground: var(--primary-foreground);\n --color-primary: var(--primary);\n --color-ring: var(--ring);\n}\n\n:root,\nhtml.light:root,\n[data-theme='light']:root {\n --background: var(--color-neutral-50);\n --background-hover: var(--color-neutral-100);\n --border: var(--color-neutral-200);\n --foreground: var(--color-neutral-950);\n --foreground-hover: var(--color-neutral-900);\n --primary-foreground: var(--color-neutral-100);\n --primary: var(--color-neutral-950);\n --ring: var(--color-neutral-400);\n}\n\nhtml.dark:root,\n[data-theme='dark']:root {\n --background: var(--color-neutral-950);\n --background-hover: var(--color-neutral-900);\n --border: var(--color-neutral-800);\n --foreground: var(--color-neutral-100);\n --foreground-hover: var(--color-white);\n --primary-foreground: var(--color-neutral-950);\n --primary: var(--color-neutral-100);\n --ring: var(--color-neutral-500);\n}\n","/**\n * These are the variables that style the BaseButton component.\n *\n * It targets the [data-ui='base-button'] and related [data-ui='base-button-*'] selectors.\n *\n * The colors are coming from the wallet-ui-variables.css file. Other styles are Tailwind CSS.\n */\n\n/* Base Button */\n[data-ui='base-button'] {\n /* Background */\n background: var(--background);\n /* Text color */\n color: var(--foreground);\n /* Border */\n @apply border;\n border-color: var(--color-border);\n /* Shape */\n @apply rounded-md shadow-sm cursor-pointer;\n /* Composition */\n @apply flex items-center justify-center gap-2 whitespace-nowrap;\n /* Disabled */\n @apply disabled:cursor-not-allowed disabled:opacity-50;\n}\n\n/* Base Button Hover */\n[data-ui='base-button']:hover {\n /* Background */\n background: var(--background-hover);\n /* Text color */\n color: var(--foreground-hover);\n}\n\n/* Base Button Sizes */\n[data-ui='base-button'].sm {\n /* Shape */\n @apply px-3 py-1.5;\n /* Text size */\n @apply text-sm;\n /* Text weight */\n @apply font-normal;\n}\n\n[data-ui='base-button'].md {\n /* Shape */\n @apply px-4 py-3;\n /* Text size */\n @apply text-base;\n /* Text weight */\n @apply font-semibold;\n}\n\n[data-ui='base-button'].lg {\n /* Shape */\n @apply px-6 py-4;\n /* Text size */\n @apply text-lg;\n /* Text weight */\n @apply font-bold;\n}\n\n/* Left Section Sizes */\n.sm [data-ui='base-button-left-section'] {\n /* Composition */\n @apply mr-1;\n /* Text size */\n @apply text-xs;\n}\n\n.md [data-ui='base-button-left-section'] {\n /* Composition */\n @apply mr-2;\n /* Text size */\n @apply text-sm;\n}\n\n.lg [data-ui='base-button-left-section'] {\n /* Composition */\n @apply mr-4;\n /* Text size */\n @apply text-xl;\n}\n\n/* Right Section Sizes */\n.sm [data-ui='base-button-right-section'] {\n /* Composition */\n @apply ml-1;\n /* Text size */\n @apply text-xs;\n}\n\n.md [data-ui='base-button-right-section'] {\n /* Composition */\n @apply ml-2;\n /* Text size */\n @apply text-sm;\n}\n\n.lg [data-ui='base-button-right-section'] {\n /* Composition */\n @apply ml-4;\n /* Text size */\n @apply text-xl;\n}\n","/**\n * These are the variables that style the BaseDropdown component.\n *\n * It targets the [data-ui='base-dropdown'] and related [data-ui='base-dropdown-*'] selectors.\n *\n * The colors are coming from the wallet-ui-variables.css file. Other styles are Tailwind CSS.\n */\n\n/* Base Dropdown List */\n[data-ui='base-dropdown-list'] {\n /* Background */\n background: var(--background);\n /* Border */\n @apply border;\n border-color: var(--color-border);\n /*!* Shape *!*/\n @apply rounded-md;\n}\n\n/* Base Dropdown Item */\n[data-ui='base-dropdown-item'] {\n /* Background */\n background: var(--background);\n /* Text color */\n color: var(--foreground);\n /* Content */\n @apply flex items-center gap-2;\n /* Shape */\n @apply cursor-pointer;\n}\n\n/* Base Dropdown Item Hover */\n[data-ui='base-dropdown-item']:hover {\n background: var(--background-hover);\n color: var(--foreground-hover);\n}\n\n/* Base Dropdown Item Sizes */\n[data-ui='base-dropdown-item'].sm {\n /* Shape */\n @apply px-3 py-2;\n /* Text size */\n @apply text-sm;\n}\n\n[data-ui='base-dropdown-item'].md {\n /* Shape */\n @apply px-4 py-3;\n /* Text size */\n @apply text-base;\n}\n\n[data-ui='base-dropdown-item'].lg {\n /* Shape */\n @apply px-4 py-3;\n /* Text size */\n @apply text-lg;\n}\n\n/* Left Section */\n[data-ui='base-dropdown-item-left-section'] {\n /* Composition */\n @apply mr-1;\n}\n\n/* Right Section */\n[data-ui='base-dropdown-item-right-section'] {\n /* Composition */\n @apply ml-1;\n}\n","/**\n * TBD: Figure out how to match the behavior (data-scope='dialog') with our styles.\n *\n * For now, we don't have the Modal feature so this can stay here for now.\n */\n[data-scope='dialog'][data-part='backdrop'] {\n /* Position */\n @apply fixed top-0 left-0 bottom-0 w-full z-20;\n /* Background */\n @apply bg-black/40 dark:bg-black/70;\n}\n\n[data-scope='dialog'][data-part='positioner'] {\n /* Position */\n @apply fixed top-0 left-0 bottom-0 w-full z-20;\n /* Content */\n @apply flex items-center justify-center;\n}\n\n[data-scope='dialog'][data-part='content'] {\n /* Background */\n background: var(--background);\n /* Border */\n @apply border;\n border-color: var(--color-border);\n /* Position */\n @apply w-full overflow-hidden shadow-lg;\n /* Shape */\n @apply rounded-xl outline-0;\n}\n\n[data-scope='dialog'][data-part='content'] header {\n /* Content */\n @apply flex items-center justify-end;\n /* Shape */\n @apply pb-4;\n}\n\n[data-scope='dialog'][data-part='description'] {\n /* Content */\n @apply flex items-center justify-center;\n /* Text */\n color: var(--foreground);\n}\n\n[data-scope='dialog'][data-part='close-trigger'] {\n /* Border */\n @apply border;\n border-color: var(--color-border);\n /* Behavior */\n @apply cursor-pointer;\n /* Content */\n @apply flex items-center justify-center;\n /* Text */\n color: var(--foreground);\n}\n\n[data-scope='dialog'][data-part='close-trigger']:hover {\n /* Background */\n background: var(--background-hover);\n /* Text */\n color: var(--foreground-hover);\n}\n\n[data-scope='dialog'][data-part='content'][data-state='open'] {\n animation: anim-scale-in 300ms ease-out;\n}\n\n[data-scope='dialog'][data-part='content'][data-state='closed'] {\n animation: anim-scale-out 200ms ease-in;\n}\n\n/* Responsive Styles */\n\n/* CONTENT */\n[data-scope='dialog'][data-part='content'].sm {\n /* Position */\n @apply max-w-3xs;\n /* Shape */\n @apply p-2 rounded-md;\n}\n\n[data-scope='dialog'][data-part='content'].md {\n /* Position */\n @apply max-w-sm mx-4;\n /* Shape */\n @apply p-2 rounded-lg;\n}\n\n[data-scope='dialog'][data-part='content'].lg {\n /* Position */\n @apply max-w-lg mx-auto;\n /* Shape */\n @apply p-4 rounded-xl;\n}\n\n/* HEADER */\n[data-scope='dialog'][data-part='content'].sm header {\n /* Shape */\n @apply pb-2;\n /* Text */\n @apply text-sm;\n}\n\n[data-scope='dialog'][data-part='content'].md header {\n /* Shape */\n @apply pb-4;\n /* Text */\n @apply text-2xl;\n}\n\n[data-scope='dialog'][data-part='content'].lg header {\n /* Shape */\n @apply pb-4;\n /* Text */\n @apply text-3xl;\n}\n\n/* CLOSE TRIGGER */\n.sm [data-scope='dialog'][data-part='close-trigger'] {\n /* Shape */\n @apply h-6 w-6 rounded-full;\n}\n\n.md [data-scope='dialog'][data-part='close-trigger'] {\n /* Shape */\n @apply h-8 w-8 rounded-full;\n}\n\n.lg [data-scope='dialog'][data-part='close-trigger'] {\n /* Shape */\n @apply h-10 w-10 rounded-full;\n}\n\n/* DESCRIPTION */\n.sm [data-scope='dialog'][data-part='description'] {\n /* Shape */\n @apply pb-2 px-4;\n /* Text */\n @apply text-sm;\n}\n\n.md [data-scope='dialog'][data-part='description'] {\n /* Shape */\n @apply pb-8 px-16;\n /* Text */\n @apply text-2xl;\n}\n\n.lg [data-scope='dialog'][data-part='description'] {\n /* Shape */\n @apply pb-8 px-16;\n /* Text */\n @apply text-3xl;\n}\n\n/* Define the animations */\n@keyframes anim-scale-in {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes anim-scale-out {\n from {\n opacity: 1;\n transform: scale(1);\n }\n to {\n opacity: 0;\n transform: scale(0.95);\n }\n}\n","[data-ui='wallet-ui-icon'] {\n /* Border */\n @apply border-0;\n}\n\n[data-ui='wallet-ui-icon'].sm {\n /* Radius */\n @apply rounded-xs;\n /* Shape */\n @apply h-[16px] w-[16px];\n}\n\n[data-ui='wallet-ui-icon'].md {\n /* Radius */\n @apply rounded-md;\n /* Shape */\n @apply h-[24px] w-[24px];\n}\n\n[data-ui='wallet-ui-icon'].lg {\n /* Radius */\n @apply rounded-lg;\n /* Shape */\n @apply h-[32px] w-[32px];\n}\n","[data-ui='wallet-ui-label'] {\n /* Text color */\n color: var(--foreground);\n}\n\n[data-ui='wallet-ui-label'].sm {\n /* Size */\n @apply text-xs;\n /* Weight */\n @apply font-light;\n}\n\n[data-ui='wallet-ui-label'].md {\n /* Size */\n @apply text-base;\n /* Weight */\n @apply font-normal;\n}\n\n[data-ui='wallet-ui-label'].lg {\n /* Size */\n @apply text-xl;\n /* Weight */\n @apply font-semibold;\n}\n","[data-ui='wallet-ui-list-button'] {\n /* Composition */\n @apply flex items-center gap-2;\n /* No wrap */\n @apply whitespace-nowrap;\n /* Behavior */\n @apply cursor-pointer select-none appearance-none disabled:cursor-not-allowed disabled:opacity-50;\n}\n\n[data-ui='wallet-ui-list-button'].hover {\n /* Background */\n background: var(--background-hover);\n}\n\n[data-ui='wallet-ui-list-button'].sm {\n @apply px-1 py-1 rounded-md;\n}\n\n[data-ui='wallet-ui-list-button'].md {\n @apply px-2 py-2 rounded-lg;\n}\n\n[data-ui='wallet-ui-list-button'].lg {\n @apply px-3 py-3 rounded-xl;\n}\n","[data-ui='wallet-ui-list'] {\n @apply flex flex-col;\n}\n\n[data-ui='wallet-ui-list'].sm {\n @apply gap-1;\n}\n\n[data-ui='wallet-ui-list'].md {\n @apply gap-2;\n}\n\n[data-ui='wallet-ui-list'].lg {\n @apply gap-3;\n}\n"],"mappings":"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","names":[]}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.css","../src/index.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,UAAA,GAAA,KAAA,CAAA;AAAA,EAAA,eAAA,GAAA;AAAA;AAAA,CAAA,CAAA;;;ACAA,IAAA,aAAA,GAAA,UAAA,CAAA;AAAA,EAAA,cAAA,GAAA;AAAA,IAAA,UAAA,EAAA;AAAA;AAAA,CAAA,CAAA","file":"index.native.mjs","sourcesContent":["@import './wallet-ui-base-button.css';\n@import './wallet-ui-base-dropdown.css';\n@import './wallet-ui-base-modal.css';\n@import './wallet-ui-icon.css';\n@import './wallet-ui-label.css';\n@import './wallet-ui-list-button.css';\n@import './wallet-ui-list.css';\n\n@reference \"tailwindcss\";\n\n/*[data-scope='menu'][data-part='trigger'] {*/\n/* @apply bg-transparent;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='content'] {*/\n/* @apply p-4 bg-white dark:bg-gray-800;*/\n/* @apply border border-gray-200 dark:border-gray-700 rounded-md;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='content'].black {*/\n/* @apply bg-black;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='content'] {*/\n/* @apply p-1 bg-white dark:bg-gray-800;*/\n/* @apply border border-gray-200 dark:border-gray-700;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='item'] {*/\n/* @apply px-3 py-2 bg-white dark:bg-gray-800;*/\n/* @apply rounded-md;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='trigger'] {*/\n/* --at-apply: 'focus-visible:outline-0';*/\n/* --at-apply: 'focus:outline-0 focus:border-white';*/\n/* --at-apply: 'disabled:cursor-not-allowed disabled:opacity-50';*/\n/*}*/\n\n/* Define the animations */\n@keyframes anim-scale-in {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes anim-scale-out {\n from {\n opacity: 1;\n transform: scale(1);\n }\n to {\n opacity: 0;\n transform: scale(0.95);\n }\n}\n","import './index.css';\n"]}
1
+ {"version":3,"sources":["../src/index.css","../src/index.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,UAAA,GAAA,KAAA,CAAA;AAAA,EAAA,eAAA,GAAA;AAAA;AAAA,CAAA,CAAA;;;ACAA,IAAA,aAAA,GAAA,UAAA,CAAA;AAAA,EAAA,cAAA,GAAA;AAAA,IAAA,UAAA,EAAA;AAAA;AAAA,CAAA,CAAA","file":"index.native.mjs","sourcesContent":["/* First, we need our variables */\n@import './wallet-ui-variables.css';\n\n/* Then, we can import the rest of the styles */\n@import './wallet-ui-base-button.css';\n@import './wallet-ui-base-dropdown.css';\n@import './wallet-ui-base-modal.css';\n@import './wallet-ui-icon.css';\n@import './wallet-ui-label.css';\n@import './wallet-ui-list-button.css';\n@import './wallet-ui-list.css';\n","import './index.css';\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.css","../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,IAAA,UAAA,GAAA,KAAA,CAAA;AAAA,EAAA,eAAA,GAAA;AAAA;AAAA,CAAA,CAAA;;;ACAA,IAAA,aAAA,GAAA,UAAA,CAAA;AAAA,EAAA,cAAA,GAAA;AAAA,IAAA,UAAA,EAAA;AAAA;AAAA,CAAA,CAAA","file":"index.node.cjs","sourcesContent":["@import './wallet-ui-base-button.css';\n@import './wallet-ui-base-dropdown.css';\n@import './wallet-ui-base-modal.css';\n@import './wallet-ui-icon.css';\n@import './wallet-ui-label.css';\n@import './wallet-ui-list-button.css';\n@import './wallet-ui-list.css';\n\n@reference \"tailwindcss\";\n\n/*[data-scope='menu'][data-part='trigger'] {*/\n/* @apply bg-transparent;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='content'] {*/\n/* @apply p-4 bg-white dark:bg-gray-800;*/\n/* @apply border border-gray-200 dark:border-gray-700 rounded-md;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='content'].black {*/\n/* @apply bg-black;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='content'] {*/\n/* @apply p-1 bg-white dark:bg-gray-800;*/\n/* @apply border border-gray-200 dark:border-gray-700;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='item'] {*/\n/* @apply px-3 py-2 bg-white dark:bg-gray-800;*/\n/* @apply rounded-md;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='trigger'] {*/\n/* --at-apply: 'focus-visible:outline-0';*/\n/* --at-apply: 'focus:outline-0 focus:border-white';*/\n/* --at-apply: 'disabled:cursor-not-allowed disabled:opacity-50';*/\n/*}*/\n\n/* Define the animations */\n@keyframes anim-scale-in {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes anim-scale-out {\n from {\n opacity: 1;\n transform: scale(1);\n }\n to {\n opacity: 0;\n transform: scale(0.95);\n }\n}\n","import './index.css';\n"]}
1
+ {"version":3,"sources":["../src/index.css","../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,IAAA,UAAA,GAAA,KAAA,CAAA;AAAA,EAAA,eAAA,GAAA;AAAA;AAAA,CAAA,CAAA;;;ACAA,IAAA,aAAA,GAAA,UAAA,CAAA;AAAA,EAAA,cAAA,GAAA;AAAA,IAAA,UAAA,EAAA;AAAA;AAAA,CAAA,CAAA","file":"index.node.cjs","sourcesContent":["/* First, we need our variables */\n@import './wallet-ui-variables.css';\n\n/* Then, we can import the rest of the styles */\n@import './wallet-ui-base-button.css';\n@import './wallet-ui-base-dropdown.css';\n@import './wallet-ui-base-modal.css';\n@import './wallet-ui-icon.css';\n@import './wallet-ui-label.css';\n@import './wallet-ui-list-button.css';\n@import './wallet-ui-list.css';\n","import './index.css';\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.css","../src/index.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,UAAA,GAAA,KAAA,CAAA;AAAA,EAAA,eAAA,GAAA;AAAA;AAAA,CAAA,CAAA;;;ACAA,IAAA,aAAA,GAAA,UAAA,CAAA;AAAA,EAAA,cAAA,GAAA;AAAA,IAAA,UAAA,EAAA;AAAA;AAAA,CAAA,CAAA","file":"index.node.mjs","sourcesContent":["@import './wallet-ui-base-button.css';\n@import './wallet-ui-base-dropdown.css';\n@import './wallet-ui-base-modal.css';\n@import './wallet-ui-icon.css';\n@import './wallet-ui-label.css';\n@import './wallet-ui-list-button.css';\n@import './wallet-ui-list.css';\n\n@reference \"tailwindcss\";\n\n/*[data-scope='menu'][data-part='trigger'] {*/\n/* @apply bg-transparent;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='content'] {*/\n/* @apply p-4 bg-white dark:bg-gray-800;*/\n/* @apply border border-gray-200 dark:border-gray-700 rounded-md;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='content'].black {*/\n/* @apply bg-black;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='content'] {*/\n/* @apply p-1 bg-white dark:bg-gray-800;*/\n/* @apply border border-gray-200 dark:border-gray-700;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='item'] {*/\n/* @apply px-3 py-2 bg-white dark:bg-gray-800;*/\n/* @apply rounded-md;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='trigger'] {*/\n/* --at-apply: 'focus-visible:outline-0';*/\n/* --at-apply: 'focus:outline-0 focus:border-white';*/\n/* --at-apply: 'disabled:cursor-not-allowed disabled:opacity-50';*/\n/*}*/\n\n/* Define the animations */\n@keyframes anim-scale-in {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes anim-scale-out {\n from {\n opacity: 1;\n transform: scale(1);\n }\n to {\n opacity: 0;\n transform: scale(0.95);\n }\n}\n","import './index.css';\n"]}
1
+ {"version":3,"sources":["../src/index.css","../src/index.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,UAAA,GAAA,KAAA,CAAA;AAAA,EAAA,eAAA,GAAA;AAAA;AAAA,CAAA,CAAA;;;ACAA,IAAA,aAAA,GAAA,UAAA,CAAA;AAAA,EAAA,cAAA,GAAA;AAAA,IAAA,UAAA,EAAA;AAAA;AAAA,CAAA,CAAA","file":"index.node.mjs","sourcesContent":["/* First, we need our variables */\n@import './wallet-ui-variables.css';\n\n/* Then, we can import the rest of the styles */\n@import './wallet-ui-base-button.css';\n@import './wallet-ui-base-dropdown.css';\n@import './wallet-ui-base-modal.css';\n@import './wallet-ui-icon.css';\n@import './wallet-ui-label.css';\n@import './wallet-ui-list-button.css';\n@import './wallet-ui-list.css';\n","import './index.css';\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wallet-ui/tailwind",
3
- "version": "1.1.0-canary-20250412011829",
3
+ "version": "1.1.0-canary-20250415022403",
4
4
  "description": "Tailwind CSS for Wallet UI",
5
5
  "exports": {
6
6
  ".": {
@@ -65,7 +65,7 @@
65
65
  "scripts": {
66
66
  "compile:js": "tsup --config build-scripts/tsup.config.package.ts",
67
67
  "compile:typedefs": "tsc -p ./tsconfig.declarations.json",
68
- "compile:css": "tailwindcss -i ./src/index.css -o ./dist/compiled.css --minify",
68
+ "compile:css": "tailwindcss -i ./src/index.css -o ../react/src/index.css",
69
69
  "dev": "jest -c ../../node_modules/@wallet-ui/test-config/jest-dev.config.ts --rootDir . --watch",
70
70
  "publish-impl": "npm view $npm_package_name@$npm_package_version > /dev/null 2>&1 || (pnpm publish --tag ${PUBLISH_TAG:-canary} --access public --no-git-checks && (([ \"$PUBLISH_TAG\" != \"canary\" ] && pnpm dist-tag add $npm_package_name@$npm_package_version latest) || true))",
71
71
  "publish-packages": "pnpm prepublishOnly && pnpm publish-impl",