@proveanything/smartlinks-utils-ui 0.1.3 → 0.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +29 -0
- package/dist/chunk-4Z46C4MJ.js +1090 -0
- package/dist/chunk-4Z46C4MJ.js.map +1 -0
- package/dist/{chunk-HLFNSOPD.js → chunk-DL2VRBE6.js} +3 -3
- package/dist/chunk-DL2VRBE6.js.map +1 -0
- package/dist/{chunk-V7JHAER7.js → chunk-WOCLZGRB.js} +64 -64
- package/dist/chunk-WOCLZGRB.js.map +1 -0
- package/dist/components/AssetPicker/index.js +1 -1
- package/dist/components/FontPicker/index.d.ts +134 -0
- package/dist/components/FontPicker/index.js +4 -0
- package/dist/components/FontPicker/index.js.map +1 -0
- package/dist/components/IconPicker/index.js +1 -1
- package/dist/index.css +139 -103
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +3 -2
- package/package.json +5 -1
- package/dist/chunk-HLFNSOPD.js.map +0 -1
- package/dist/chunk-V7JHAER7.js.map +0 -1
|
@@ -0,0 +1,134 @@
|
|
|
1
|
+
import React$1 from 'react';
|
|
2
|
+
|
|
3
|
+
/** Where the font comes from */
|
|
4
|
+
type FontSource = 'google' | 'custom';
|
|
5
|
+
/** Font weight descriptor */
|
|
6
|
+
type FontWeight = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
|
|
7
|
+
/** Category for filtering */
|
|
8
|
+
type FontCategory = 'serif' | 'sans-serif' | 'display' | 'handwriting' | 'monospace';
|
|
9
|
+
/** A font entry in the catalog */
|
|
10
|
+
interface FontEntry {
|
|
11
|
+
/** Font family name, e.g. "Inter" or "My Custom Font" */
|
|
12
|
+
family: string;
|
|
13
|
+
/** Where the font originates */
|
|
14
|
+
source: FontSource;
|
|
15
|
+
/** Font category for filtering */
|
|
16
|
+
category?: FontCategory;
|
|
17
|
+
/** Available weights */
|
|
18
|
+
weights?: FontWeight[];
|
|
19
|
+
/**
|
|
20
|
+
* CSS URL to load the font (Google Fonts stylesheet URL).
|
|
21
|
+
* For custom fonts, this is the direct URL to the font file.
|
|
22
|
+
*/
|
|
23
|
+
loadUrl?: string;
|
|
24
|
+
/** For custom fonts: the asset ID in SmartLinks */
|
|
25
|
+
assetId?: string;
|
|
26
|
+
/** For custom fonts: the MIME type (e.g. font/woff2) */
|
|
27
|
+
mimeType?: string;
|
|
28
|
+
}
|
|
29
|
+
/** What the picker returns when a font is selected */
|
|
30
|
+
interface FontSelection {
|
|
31
|
+
/** Font family name */
|
|
32
|
+
family: string;
|
|
33
|
+
/** Where the font comes from */
|
|
34
|
+
source: FontSource;
|
|
35
|
+
/** CSS URL to load the font — include as <link> or @import */
|
|
36
|
+
loadUrl?: string;
|
|
37
|
+
/** Category (serif, sans-serif, etc.) */
|
|
38
|
+
category?: FontCategory;
|
|
39
|
+
/** Available weights for this font */
|
|
40
|
+
weights?: FontWeight[];
|
|
41
|
+
/** For custom fonts: direct URL to the font file */
|
|
42
|
+
fileUrl?: string;
|
|
43
|
+
/** For custom fonts: the asset ID */
|
|
44
|
+
assetId?: string;
|
|
45
|
+
/**
|
|
46
|
+
* Ready-to-use CSS font-family value with fallbacks,
|
|
47
|
+
* e.g. "'Inter', sans-serif" or "'My Custom Font', sans-serif"
|
|
48
|
+
*/
|
|
49
|
+
cssFontFamily: string;
|
|
50
|
+
/**
|
|
51
|
+
* HTML snippet to load the font.
|
|
52
|
+
* For Google: <link href="..." rel="stylesheet">
|
|
53
|
+
* For custom: @font-face CSS block
|
|
54
|
+
*/
|
|
55
|
+
loadSnippet: string;
|
|
56
|
+
}
|
|
57
|
+
/** A single font style/weight file within a custom font family */
|
|
58
|
+
interface CustomFontStyle {
|
|
59
|
+
/** Direct URL to the font file */
|
|
60
|
+
url: string;
|
|
61
|
+
/** SmartLinks asset ID */
|
|
62
|
+
assetId?: string;
|
|
63
|
+
/** Font weight (100–900) */
|
|
64
|
+
weight: FontWeight;
|
|
65
|
+
/** Whether this is an italic variant */
|
|
66
|
+
italic: boolean;
|
|
67
|
+
/** MIME type of the font file */
|
|
68
|
+
mimeType?: string;
|
|
69
|
+
/** Original filename */
|
|
70
|
+
fileName?: string;
|
|
71
|
+
}
|
|
72
|
+
/** A custom font family with one or more style/weight files */
|
|
73
|
+
interface CustomFontFamily {
|
|
74
|
+
/** Font family name, e.g. "Acme Sans" */
|
|
75
|
+
name: string;
|
|
76
|
+
/** Individual style/weight files */
|
|
77
|
+
fonts: CustomFontStyle[];
|
|
78
|
+
}
|
|
79
|
+
/** The config shape stored via appConfiguration */
|
|
80
|
+
interface CustomFontsConfig {
|
|
81
|
+
fonts: CustomFontFamily[];
|
|
82
|
+
}
|
|
83
|
+
/** Scope for fetching custom uploaded fonts */
|
|
84
|
+
interface FontScope {
|
|
85
|
+
collectionId: string;
|
|
86
|
+
productId?: string;
|
|
87
|
+
}
|
|
88
|
+
interface FontPickerProps {
|
|
89
|
+
/** Currently selected font family name */
|
|
90
|
+
value?: string;
|
|
91
|
+
/** Called when a font is selected */
|
|
92
|
+
onSelect?: (font: FontSelection) => void;
|
|
93
|
+
/** Display as inline or dialog popup */
|
|
94
|
+
mode?: 'inline' | 'dialog';
|
|
95
|
+
/** Whether the dialog is open (dialog mode, controlled) */
|
|
96
|
+
open?: boolean;
|
|
97
|
+
/** Called when dialog is dismissed */
|
|
98
|
+
onClose?: () => void;
|
|
99
|
+
/** Trigger element for dialog mode */
|
|
100
|
+
trigger?: React.ReactNode;
|
|
101
|
+
/** Scope for loading custom uploaded fonts */
|
|
102
|
+
scope?: FontScope;
|
|
103
|
+
/**
|
|
104
|
+
* App ID used to store/load custom fonts config.
|
|
105
|
+
* Defaults to 'customFonts'.
|
|
106
|
+
*/
|
|
107
|
+
fontsConfigAppId?: string;
|
|
108
|
+
/** Whether to show custom uploaded fonts tab (requires scope) */
|
|
109
|
+
showCustomFonts?: boolean;
|
|
110
|
+
/** Filter to specific categories */
|
|
111
|
+
categories?: FontCategory[];
|
|
112
|
+
/** Whether to show font preview text */
|
|
113
|
+
showPreview?: boolean;
|
|
114
|
+
/** Custom preview text */
|
|
115
|
+
previewText?: string;
|
|
116
|
+
/** Maximum fonts per page */
|
|
117
|
+
pageSize?: number;
|
|
118
|
+
/** Additional CSS class */
|
|
119
|
+
className?: string;
|
|
120
|
+
/** Admin mode for asset operations */
|
|
121
|
+
admin?: boolean;
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
declare const FontPicker: React$1.FC<FontPickerProps>;
|
|
125
|
+
|
|
126
|
+
declare const GOOGLE_FONTS_CATALOG: FontEntry[];
|
|
127
|
+
/** Get a Google Fonts CSS URL for a specific font */
|
|
128
|
+
declare const getGoogleFontUrl: (family: string, weights?: FontWeight[]) => string;
|
|
129
|
+
/** Category labels for display */
|
|
130
|
+
declare const CATEGORY_LABELS: Record<FontCategory, string>;
|
|
131
|
+
/** Fallback stacks per category */
|
|
132
|
+
declare const CATEGORY_FALLBACKS: Record<FontCategory, string>;
|
|
133
|
+
|
|
134
|
+
export { CATEGORY_FALLBACKS, CATEGORY_LABELS, type CustomFontFamily, type CustomFontStyle, type CustomFontsConfig, type FontCategory, type FontEntry, FontPicker, type FontPickerProps, type FontScope, type FontSelection, type FontSource, type FontWeight, GOOGLE_FONTS_CATALOG, getGoogleFontUrl };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}
|
package/dist/index.css
CHANGED
|
@@ -64,6 +64,9 @@
|
|
|
64
64
|
.mb-3 {
|
|
65
65
|
margin-bottom: 0.75rem;
|
|
66
66
|
}
|
|
67
|
+
.ml-1 {
|
|
68
|
+
margin-left: 0.25rem;
|
|
69
|
+
}
|
|
67
70
|
.ml-auto {
|
|
68
71
|
margin-left: auto;
|
|
69
72
|
}
|
|
@@ -103,6 +106,9 @@
|
|
|
103
106
|
.h-16 {
|
|
104
107
|
height: 4rem;
|
|
105
108
|
}
|
|
109
|
+
.h-2\.5 {
|
|
110
|
+
height: 0.625rem;
|
|
111
|
+
}
|
|
106
112
|
.h-3 {
|
|
107
113
|
height: 0.75rem;
|
|
108
114
|
}
|
|
@@ -127,6 +133,12 @@
|
|
|
127
133
|
.max-h-32 {
|
|
128
134
|
max-height: 8rem;
|
|
129
135
|
}
|
|
136
|
+
.max-h-\[300px\] {
|
|
137
|
+
max-height: 300px;
|
|
138
|
+
}
|
|
139
|
+
.max-h-\[400px\] {
|
|
140
|
+
max-height: 400px;
|
|
141
|
+
}
|
|
130
142
|
.max-h-\[80vh\] {
|
|
131
143
|
max-height: 80vh;
|
|
132
144
|
}
|
|
@@ -136,6 +148,9 @@
|
|
|
136
148
|
.w-16 {
|
|
137
149
|
width: 4rem;
|
|
138
150
|
}
|
|
151
|
+
.w-2\.5 {
|
|
152
|
+
width: 0.625rem;
|
|
153
|
+
}
|
|
139
154
|
.w-3 {
|
|
140
155
|
width: 0.75rem;
|
|
141
156
|
}
|
|
@@ -179,6 +194,9 @@
|
|
|
179
194
|
.max-w-full {
|
|
180
195
|
max-width: 100%;
|
|
181
196
|
}
|
|
197
|
+
.max-w-lg {
|
|
198
|
+
max-width: 32rem;
|
|
199
|
+
}
|
|
182
200
|
.max-w-xl {
|
|
183
201
|
max-width: 36rem;
|
|
184
202
|
}
|
|
@@ -191,6 +209,9 @@
|
|
|
191
209
|
.flex-shrink-0 {
|
|
192
210
|
flex-shrink: 0;
|
|
193
211
|
}
|
|
212
|
+
.shrink-0 {
|
|
213
|
+
flex-shrink: 0;
|
|
214
|
+
}
|
|
194
215
|
.-translate-y-1\/2 {
|
|
195
216
|
--tw-translate-y: -50%;
|
|
196
217
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
@@ -248,9 +269,15 @@
|
|
|
248
269
|
.flex-wrap {
|
|
249
270
|
flex-wrap: wrap;
|
|
250
271
|
}
|
|
272
|
+
.items-end {
|
|
273
|
+
align-items: flex-end;
|
|
274
|
+
}
|
|
251
275
|
.items-center {
|
|
252
276
|
align-items: center;
|
|
253
277
|
}
|
|
278
|
+
.justify-end {
|
|
279
|
+
justify-content: flex-end;
|
|
280
|
+
}
|
|
254
281
|
.justify-center {
|
|
255
282
|
justify-content: center;
|
|
256
283
|
}
|
|
@@ -272,11 +299,26 @@
|
|
|
272
299
|
.gap-3 {
|
|
273
300
|
gap: 0.75rem;
|
|
274
301
|
}
|
|
302
|
+
.space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
|
|
303
|
+
--tw-space-y-reverse: 0;
|
|
304
|
+
margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
|
|
305
|
+
margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
|
|
306
|
+
}
|
|
275
307
|
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
|
|
276
308
|
--tw-space-y-reverse: 0;
|
|
277
309
|
margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
|
|
278
310
|
margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
|
|
279
311
|
}
|
|
312
|
+
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
|
|
313
|
+
--tw-space-y-reverse: 0;
|
|
314
|
+
margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
|
|
315
|
+
margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
|
|
316
|
+
}
|
|
317
|
+
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
|
|
318
|
+
--tw-space-y-reverse: 0;
|
|
319
|
+
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
|
|
320
|
+
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
|
|
321
|
+
}
|
|
280
322
|
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
|
|
281
323
|
--tw-space-y-reverse: 0;
|
|
282
324
|
margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
|
|
@@ -338,17 +380,15 @@
|
|
|
338
380
|
--tw-border-opacity: 1;
|
|
339
381
|
border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
|
|
340
382
|
}
|
|
341
|
-
.border-blue-400 {
|
|
342
|
-
--tw-border-opacity: 1;
|
|
343
|
-
border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
|
|
344
|
-
}
|
|
345
|
-
.border-blue-500 {
|
|
346
|
-
--tw-border-opacity: 1;
|
|
347
|
-
border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
|
|
348
|
-
}
|
|
349
383
|
.border-border {
|
|
350
384
|
border-color: hsl(var(--border));
|
|
351
385
|
}
|
|
386
|
+
.border-destructive {
|
|
387
|
+
border-color: hsl(var(--destructive));
|
|
388
|
+
}
|
|
389
|
+
.border-destructive\/50 {
|
|
390
|
+
border-color: hsl(var(--destructive) / 0.5);
|
|
391
|
+
}
|
|
352
392
|
.border-gray-100 {
|
|
353
393
|
--tw-border-opacity: 1;
|
|
354
394
|
border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
|
|
@@ -361,9 +401,11 @@
|
|
|
361
401
|
--tw-border-opacity: 1;
|
|
362
402
|
border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
|
|
363
403
|
}
|
|
364
|
-
.border-
|
|
365
|
-
|
|
366
|
-
|
|
404
|
+
.border-primary {
|
|
405
|
+
border-color: hsl(var(--primary));
|
|
406
|
+
}
|
|
407
|
+
.border-primary\/50 {
|
|
408
|
+
border-color: hsl(var(--primary) / 0.5);
|
|
367
409
|
}
|
|
368
410
|
.border-transparent {
|
|
369
411
|
border-color: transparent;
|
|
@@ -381,14 +423,22 @@
|
|
|
381
423
|
--tw-bg-opacity: 1;
|
|
382
424
|
background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
|
|
383
425
|
}
|
|
384
|
-
.bg-blue-50 {
|
|
385
|
-
--tw-bg-opacity: 1;
|
|
386
|
-
background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
|
|
387
|
-
}
|
|
388
426
|
.bg-blue-500 {
|
|
389
427
|
--tw-bg-opacity: 1;
|
|
390
428
|
background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
|
|
391
429
|
}
|
|
430
|
+
.bg-card {
|
|
431
|
+
background-color: hsl(var(--card));
|
|
432
|
+
}
|
|
433
|
+
.bg-destructive\/10 {
|
|
434
|
+
background-color: hsl(var(--destructive) / 0.1);
|
|
435
|
+
}
|
|
436
|
+
.bg-destructive\/5 {
|
|
437
|
+
background-color: hsl(var(--destructive) / 0.05);
|
|
438
|
+
}
|
|
439
|
+
.bg-destructive\/80 {
|
|
440
|
+
background-color: hsl(var(--destructive) / 0.8);
|
|
441
|
+
}
|
|
392
442
|
.bg-foreground {
|
|
393
443
|
background-color: hsl(var(--foreground));
|
|
394
444
|
}
|
|
@@ -396,10 +446,6 @@
|
|
|
396
446
|
--tw-bg-opacity: 1;
|
|
397
447
|
background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
|
|
398
448
|
}
|
|
399
|
-
.bg-gray-200 {
|
|
400
|
-
--tw-bg-opacity: 1;
|
|
401
|
-
background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
|
|
402
|
-
}
|
|
403
449
|
.bg-gray-300 {
|
|
404
450
|
--tw-bg-opacity: 1;
|
|
405
451
|
background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
|
|
@@ -413,12 +459,8 @@
|
|
|
413
459
|
.bg-primary\/10 {
|
|
414
460
|
background-color: hsl(var(--primary) / 0.1);
|
|
415
461
|
}
|
|
416
|
-
.bg-
|
|
417
|
-
|
|
418
|
-
background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
|
|
419
|
-
}
|
|
420
|
-
.bg-red-500\/80 {
|
|
421
|
-
background-color: rgb(239 68 68 / 0.8);
|
|
462
|
+
.bg-primary\/5 {
|
|
463
|
+
background-color: hsl(var(--primary) / 0.05);
|
|
422
464
|
}
|
|
423
465
|
.bg-transparent {
|
|
424
466
|
background-color: transparent;
|
|
@@ -450,6 +492,13 @@
|
|
|
450
492
|
.p-4 {
|
|
451
493
|
padding: 1rem;
|
|
452
494
|
}
|
|
495
|
+
.p-6 {
|
|
496
|
+
padding: 1.5rem;
|
|
497
|
+
}
|
|
498
|
+
.px-1\.5 {
|
|
499
|
+
padding-left: 0.375rem;
|
|
500
|
+
padding-right: 0.375rem;
|
|
501
|
+
}
|
|
453
502
|
.px-2 {
|
|
454
503
|
padding-left: 0.5rem;
|
|
455
504
|
padding-right: 0.5rem;
|
|
@@ -490,6 +539,10 @@
|
|
|
490
539
|
padding-top: 0.5rem;
|
|
491
540
|
padding-bottom: 0.5rem;
|
|
492
541
|
}
|
|
542
|
+
.py-2\.5 {
|
|
543
|
+
padding-top: 0.625rem;
|
|
544
|
+
padding-bottom: 0.625rem;
|
|
545
|
+
}
|
|
493
546
|
.py-3 {
|
|
494
547
|
padding-top: 0.75rem;
|
|
495
548
|
padding-bottom: 0.75rem;
|
|
@@ -521,9 +574,18 @@
|
|
|
521
574
|
.pr-9 {
|
|
522
575
|
padding-right: 2.25rem;
|
|
523
576
|
}
|
|
577
|
+
.pt-1 {
|
|
578
|
+
padding-top: 0.25rem;
|
|
579
|
+
}
|
|
524
580
|
.pt-2 {
|
|
525
581
|
padding-top: 0.5rem;
|
|
526
582
|
}
|
|
583
|
+
.pt-3 {
|
|
584
|
+
padding-top: 0.75rem;
|
|
585
|
+
}
|
|
586
|
+
.text-left {
|
|
587
|
+
text-align: left;
|
|
588
|
+
}
|
|
527
589
|
.text-center {
|
|
528
590
|
text-align: center;
|
|
529
591
|
}
|
|
@@ -551,26 +613,27 @@
|
|
|
551
613
|
.font-semibold {
|
|
552
614
|
font-weight: 600;
|
|
553
615
|
}
|
|
616
|
+
.uppercase {
|
|
617
|
+
text-transform: uppercase;
|
|
618
|
+
}
|
|
554
619
|
.capitalize {
|
|
555
620
|
text-transform: capitalize;
|
|
556
621
|
}
|
|
622
|
+
.\!italic {
|
|
623
|
+
font-style: italic !important;
|
|
624
|
+
}
|
|
557
625
|
.italic {
|
|
558
626
|
font-style: italic;
|
|
559
627
|
}
|
|
628
|
+
.tracking-wide {
|
|
629
|
+
letter-spacing: 0.025em;
|
|
630
|
+
}
|
|
560
631
|
.text-accent-foreground {
|
|
561
632
|
color: hsl(var(--accent-foreground));
|
|
562
633
|
}
|
|
563
634
|
.text-background {
|
|
564
635
|
color: hsl(var(--background));
|
|
565
636
|
}
|
|
566
|
-
.text-blue-500 {
|
|
567
|
-
--tw-text-opacity: 1;
|
|
568
|
-
color: rgb(59 130 246 / var(--tw-text-opacity, 1));
|
|
569
|
-
}
|
|
570
|
-
.text-blue-600 {
|
|
571
|
-
--tw-text-opacity: 1;
|
|
572
|
-
color: rgb(37 99 235 / var(--tw-text-opacity, 1));
|
|
573
|
-
}
|
|
574
637
|
.text-blue-700 {
|
|
575
638
|
--tw-text-opacity: 1;
|
|
576
639
|
color: rgb(29 78 216 / var(--tw-text-opacity, 1));
|
|
@@ -578,6 +641,9 @@
|
|
|
578
641
|
.text-destructive {
|
|
579
642
|
color: hsl(var(--destructive));
|
|
580
643
|
}
|
|
644
|
+
.text-destructive-foreground {
|
|
645
|
+
color: hsl(var(--destructive-foreground));
|
|
646
|
+
}
|
|
581
647
|
.text-foreground {
|
|
582
648
|
color: hsl(var(--foreground));
|
|
583
649
|
}
|
|
@@ -621,18 +687,6 @@
|
|
|
621
687
|
--tw-text-opacity: 1;
|
|
622
688
|
color: rgb(248 113 113 / var(--tw-text-opacity, 1));
|
|
623
689
|
}
|
|
624
|
-
.text-red-500 {
|
|
625
|
-
--tw-text-opacity: 1;
|
|
626
|
-
color: rgb(239 68 68 / var(--tw-text-opacity, 1));
|
|
627
|
-
}
|
|
628
|
-
.text-red-600 {
|
|
629
|
-
--tw-text-opacity: 1;
|
|
630
|
-
color: rgb(220 38 38 / var(--tw-text-opacity, 1));
|
|
631
|
-
}
|
|
632
|
-
.text-white {
|
|
633
|
-
--tw-text-opacity: 1;
|
|
634
|
-
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
|
|
635
|
-
}
|
|
636
690
|
.underline {
|
|
637
691
|
text-decoration-line: underline;
|
|
638
692
|
}
|
|
@@ -669,6 +723,14 @@
|
|
|
669
723
|
var(--tw-ring-shadow, 0 0 #0000),
|
|
670
724
|
var(--tw-shadow);
|
|
671
725
|
}
|
|
726
|
+
.ring-1 {
|
|
727
|
+
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
728
|
+
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
729
|
+
box-shadow:
|
|
730
|
+
var(--tw-ring-offset-shadow),
|
|
731
|
+
var(--tw-ring-shadow),
|
|
732
|
+
var(--tw-shadow, 0 0 #0000);
|
|
733
|
+
}
|
|
672
734
|
.ring-2 {
|
|
673
735
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
674
736
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
@@ -721,13 +783,11 @@
|
|
|
721
783
|
.duration-300 {
|
|
722
784
|
transition-duration: 300ms;
|
|
723
785
|
}
|
|
724
|
-
.placeholder\:text-
|
|
725
|
-
--
|
|
726
|
-
color: rgb(156 163 175 / var(--tw-text-opacity, 1));
|
|
786
|
+
.placeholder\:text-muted-foreground::-moz-placeholder {
|
|
787
|
+
color: hsl(var(--muted-foreground));
|
|
727
788
|
}
|
|
728
|
-
.placeholder\:text-
|
|
729
|
-
--
|
|
730
|
-
color: rgb(156 163 175 / var(--tw-text-opacity, 1));
|
|
789
|
+
.placeholder\:text-muted-foreground::placeholder {
|
|
790
|
+
color: hsl(var(--muted-foreground));
|
|
731
791
|
}
|
|
732
792
|
.hover\:border-blue-400:hover {
|
|
733
793
|
--tw-border-opacity: 1;
|
|
@@ -737,9 +797,11 @@
|
|
|
737
797
|
--tw-border-opacity: 1;
|
|
738
798
|
border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
|
|
739
799
|
}
|
|
740
|
-
.hover\:border-
|
|
741
|
-
|
|
742
|
-
|
|
800
|
+
.hover\:border-muted-foreground:hover {
|
|
801
|
+
border-color: hsl(var(--muted-foreground));
|
|
802
|
+
}
|
|
803
|
+
.hover\:border-muted-foreground\/40:hover {
|
|
804
|
+
border-color: hsl(var(--muted-foreground) / 0.4);
|
|
743
805
|
}
|
|
744
806
|
.hover\:border-ring:hover {
|
|
745
807
|
border-color: hsl(var(--ring));
|
|
@@ -747,15 +809,20 @@
|
|
|
747
809
|
.hover\:bg-accent:hover {
|
|
748
810
|
background-color: hsl(var(--accent));
|
|
749
811
|
}
|
|
812
|
+
.hover\:bg-accent\/30:hover {
|
|
813
|
+
background-color: hsl(var(--accent) / 0.3);
|
|
814
|
+
}
|
|
750
815
|
.hover\:bg-accent\/50:hover {
|
|
751
816
|
background-color: hsl(var(--accent) / 0.5);
|
|
752
817
|
}
|
|
753
818
|
.hover\:bg-blue-50\/50:hover {
|
|
754
819
|
background-color: rgb(239 246 255 / 0.5);
|
|
755
820
|
}
|
|
756
|
-
.hover\:bg-
|
|
757
|
-
|
|
758
|
-
|
|
821
|
+
.hover\:bg-destructive:hover {
|
|
822
|
+
background-color: hsl(var(--destructive));
|
|
823
|
+
}
|
|
824
|
+
.hover\:bg-destructive\/10:hover {
|
|
825
|
+
background-color: hsl(var(--destructive) / 0.1);
|
|
759
826
|
}
|
|
760
827
|
.hover\:bg-gray-100:hover {
|
|
761
828
|
--tw-bg-opacity: 1;
|
|
@@ -769,14 +836,13 @@
|
|
|
769
836
|
--tw-bg-opacity: 1;
|
|
770
837
|
background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
|
|
771
838
|
}
|
|
839
|
+
.hover\:bg-primary\/90:hover {
|
|
840
|
+
background-color: hsl(var(--primary) / 0.9);
|
|
841
|
+
}
|
|
772
842
|
.hover\:bg-red-100:hover {
|
|
773
843
|
--tw-bg-opacity: 1;
|
|
774
844
|
background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
|
|
775
845
|
}
|
|
776
|
-
.hover\:bg-red-600:hover {
|
|
777
|
-
--tw-bg-opacity: 1;
|
|
778
|
-
background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
|
|
779
|
-
}
|
|
780
846
|
.hover\:text-accent-foreground:hover {
|
|
781
847
|
color: hsl(var(--accent-foreground));
|
|
782
848
|
}
|
|
@@ -784,14 +850,19 @@
|
|
|
784
850
|
--tw-text-opacity: 1;
|
|
785
851
|
color: rgb(59 130 246 / var(--tw-text-opacity, 1));
|
|
786
852
|
}
|
|
853
|
+
.hover\:text-destructive:hover {
|
|
854
|
+
color: hsl(var(--destructive));
|
|
855
|
+
}
|
|
856
|
+
.hover\:text-destructive\/80:hover {
|
|
857
|
+
color: hsl(var(--destructive) / 0.8);
|
|
858
|
+
}
|
|
859
|
+
.hover\:text-foreground:hover {
|
|
860
|
+
color: hsl(var(--foreground));
|
|
861
|
+
}
|
|
787
862
|
.hover\:text-gray-700:hover {
|
|
788
863
|
--tw-text-opacity: 1;
|
|
789
864
|
color: rgb(55 65 81 / var(--tw-text-opacity, 1));
|
|
790
865
|
}
|
|
791
|
-
.hover\:text-gray-900:hover {
|
|
792
|
-
--tw-text-opacity: 1;
|
|
793
|
-
color: rgb(17 24 39 / var(--tw-text-opacity, 1));
|
|
794
|
-
}
|
|
795
866
|
.hover\:shadow-md:hover {
|
|
796
867
|
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
|
797
868
|
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
|
|
@@ -841,6 +912,9 @@
|
|
|
841
912
|
.disabled\:opacity-30:disabled {
|
|
842
913
|
opacity: 0.3;
|
|
843
914
|
}
|
|
915
|
+
.disabled\:opacity-40:disabled {
|
|
916
|
+
opacity: 0.4;
|
|
917
|
+
}
|
|
844
918
|
.disabled\:opacity-50:disabled {
|
|
845
919
|
opacity: 0.5;
|
|
846
920
|
}
|
|
@@ -864,10 +938,6 @@
|
|
|
864
938
|
}
|
|
865
939
|
}
|
|
866
940
|
@media (prefers-color-scheme: dark) {
|
|
867
|
-
.dark\:border-blue-500 {
|
|
868
|
-
--tw-border-opacity: 1;
|
|
869
|
-
border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
|
|
870
|
-
}
|
|
871
941
|
.dark\:border-blue-700 {
|
|
872
942
|
--tw-border-opacity: 1;
|
|
873
943
|
border-color: rgb(29 78 216 / var(--tw-border-opacity, 1));
|
|
@@ -884,16 +954,9 @@
|
|
|
884
954
|
--tw-border-opacity: 1;
|
|
885
955
|
border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
|
|
886
956
|
}
|
|
887
|
-
.dark\:border-red-500 {
|
|
888
|
-
--tw-border-opacity: 1;
|
|
889
|
-
border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
|
|
890
|
-
}
|
|
891
957
|
.dark\:bg-blue-900\/40 {
|
|
892
958
|
background-color: rgb(30 58 138 / 0.4);
|
|
893
959
|
}
|
|
894
|
-
.dark\:bg-blue-950\/30 {
|
|
895
|
-
background-color: rgb(23 37 84 / 0.3);
|
|
896
|
-
}
|
|
897
960
|
.dark\:bg-gray-600 {
|
|
898
961
|
--tw-bg-opacity: 1;
|
|
899
962
|
background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
|
|
@@ -910,17 +973,10 @@
|
|
|
910
973
|
--tw-bg-opacity: 1;
|
|
911
974
|
background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
|
|
912
975
|
}
|
|
913
|
-
.dark\:bg-red-950\/30 {
|
|
914
|
-
background-color: rgb(69 10 10 / 0.3);
|
|
915
|
-
}
|
|
916
976
|
.dark\:text-blue-300 {
|
|
917
977
|
--tw-text-opacity: 1;
|
|
918
978
|
color: rgb(147 197 253 / var(--tw-text-opacity, 1));
|
|
919
979
|
}
|
|
920
|
-
.dark\:text-blue-400 {
|
|
921
|
-
--tw-text-opacity: 1;
|
|
922
|
-
color: rgb(96 165 250 / var(--tw-text-opacity, 1));
|
|
923
|
-
}
|
|
924
980
|
.dark\:text-gray-100 {
|
|
925
981
|
--tw-text-opacity: 1;
|
|
926
982
|
color: rgb(243 244 246 / var(--tw-text-opacity, 1));
|
|
@@ -941,26 +997,10 @@
|
|
|
941
997
|
--tw-text-opacity: 1;
|
|
942
998
|
color: rgb(107 114 128 / var(--tw-text-opacity, 1));
|
|
943
999
|
}
|
|
944
|
-
.dark\:text-red-400 {
|
|
945
|
-
--tw-text-opacity: 1;
|
|
946
|
-
color: rgb(248 113 113 / var(--tw-text-opacity, 1));
|
|
947
|
-
}
|
|
948
|
-
.dark\:placeholder\:text-gray-500::-moz-placeholder {
|
|
949
|
-
--tw-text-opacity: 1;
|
|
950
|
-
color: rgb(107 114 128 / var(--tw-text-opacity, 1));
|
|
951
|
-
}
|
|
952
|
-
.dark\:placeholder\:text-gray-500::placeholder {
|
|
953
|
-
--tw-text-opacity: 1;
|
|
954
|
-
color: rgb(107 114 128 / var(--tw-text-opacity, 1));
|
|
955
|
-
}
|
|
956
1000
|
.dark\:hover\:border-blue-500:hover {
|
|
957
1001
|
--tw-border-opacity: 1;
|
|
958
1002
|
border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
|
|
959
1003
|
}
|
|
960
|
-
.dark\:hover\:border-gray-500:hover {
|
|
961
|
-
--tw-border-opacity: 1;
|
|
962
|
-
border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
|
|
963
|
-
}
|
|
964
1004
|
.dark\:hover\:border-gray-600:hover {
|
|
965
1005
|
--tw-border-opacity: 1;
|
|
966
1006
|
border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
|
|
@@ -986,10 +1026,6 @@
|
|
|
986
1026
|
--tw-text-opacity: 1;
|
|
987
1027
|
color: rgb(96 165 250 / var(--tw-text-opacity, 1));
|
|
988
1028
|
}
|
|
989
|
-
.dark\:hover\:text-gray-100:hover {
|
|
990
|
-
--tw-text-opacity: 1;
|
|
991
|
-
color: rgb(243 244 246 / var(--tw-text-opacity, 1));
|
|
992
|
-
}
|
|
993
1029
|
.dark\:hover\:text-gray-300:hover {
|
|
994
1030
|
--tw-text-opacity: 1;
|
|
995
1031
|
color: rgb(209 213 219 / var(--tw-text-opacity, 1));
|