@homlista-devs/ui 1.2.0 → 1.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/design-system.cjs.js +13 -8
- package/dist/design-system.cjs.js.map +1 -1
- package/dist/design-system.es.js +1116 -1048
- package/dist/design-system.es.js.map +1 -1
- package/dist/index.css +19 -4
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -7,7 +7,6 @@
|
|
|
7
7
|
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
8
8
|
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
|
|
9
9
|
"Courier New", monospace;
|
|
10
|
-
--color-red-500: oklch(63.7% 0.237 25.331);
|
|
11
10
|
--color-blue-500: oklch(62.3% 0.214 259.815);
|
|
12
11
|
--color-purple-500: oklch(62.7% 0.265 303.9);
|
|
13
12
|
--color-black: #000;
|
|
@@ -53,6 +52,7 @@
|
|
|
53
52
|
--radius-sm: 0.25rem;
|
|
54
53
|
--radius-md: 0.375rem;
|
|
55
54
|
--radius-lg: 0.5rem;
|
|
55
|
+
--radius-xl: 0.75rem;
|
|
56
56
|
--radius-2xl: 1rem;
|
|
57
57
|
--ease-in: cubic-bezier(0.4, 0, 1, 1);
|
|
58
58
|
--ease-out: cubic-bezier(0, 0, 0.2, 1);
|
|
@@ -311,6 +311,9 @@
|
|
|
311
311
|
.top-1\/2 {
|
|
312
312
|
top: calc(1/2 * 100%);
|
|
313
313
|
}
|
|
314
|
+
.top-3 {
|
|
315
|
+
top: calc(var(--spacing) * 3);
|
|
316
|
+
}
|
|
314
317
|
.top-4 {
|
|
315
318
|
top: calc(var(--spacing) * 4);
|
|
316
319
|
}
|
|
@@ -383,6 +386,12 @@
|
|
|
383
386
|
.mt-1\.5 {
|
|
384
387
|
margin-top: calc(var(--spacing) * 1.5);
|
|
385
388
|
}
|
|
389
|
+
.mt-2 {
|
|
390
|
+
margin-top: calc(var(--spacing) * 2);
|
|
391
|
+
}
|
|
392
|
+
.mt-3 {
|
|
393
|
+
margin-top: calc(var(--spacing) * 3);
|
|
394
|
+
}
|
|
386
395
|
.mt-4 {
|
|
387
396
|
margin-top: calc(var(--spacing) * 4);
|
|
388
397
|
}
|
|
@@ -491,6 +500,9 @@
|
|
|
491
500
|
.h-20 {
|
|
492
501
|
height: calc(var(--spacing) * 20);
|
|
493
502
|
}
|
|
503
|
+
.h-52 {
|
|
504
|
+
height: calc(var(--spacing) * 52);
|
|
505
|
+
}
|
|
494
506
|
.h-\[600px\] {
|
|
495
507
|
height: 600px;
|
|
496
508
|
}
|
|
@@ -753,6 +765,9 @@
|
|
|
753
765
|
.rounded-sm {
|
|
754
766
|
border-radius: var(--radius-sm);
|
|
755
767
|
}
|
|
768
|
+
.rounded-xl {
|
|
769
|
+
border-radius: var(--radius-xl);
|
|
770
|
+
}
|
|
756
771
|
.border {
|
|
757
772
|
border-style: var(--tw-border-style);
|
|
758
773
|
border-width: 1px;
|
|
@@ -871,9 +886,6 @@
|
|
|
871
886
|
.bg-primary-foreground {
|
|
872
887
|
background-color: var(--color-primary-foreground);
|
|
873
888
|
}
|
|
874
|
-
.bg-red-500 {
|
|
875
|
-
background-color: var(--color-red-500);
|
|
876
|
-
}
|
|
877
889
|
.bg-secondary {
|
|
878
890
|
background-color: var(--color-secondary);
|
|
879
891
|
}
|
|
@@ -1088,6 +1100,9 @@
|
|
|
1088
1100
|
.whitespace-nowrap {
|
|
1089
1101
|
white-space: nowrap;
|
|
1090
1102
|
}
|
|
1103
|
+
.text-accent {
|
|
1104
|
+
color: var(--color-accent);
|
|
1105
|
+
}
|
|
1091
1106
|
.text-background {
|
|
1092
1107
|
color: var(--color-background);
|
|
1093
1108
|
}
|