@geomak/ui 5.7.2 → 5.8.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/index.cjs +214 -10
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +296 -2
- package/dist/index.d.ts +296 -2
- package/dist/index.js +205 -11
- package/dist/index.js.map +1 -1
- package/dist/styles.css +30 -52
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -88,6 +88,25 @@
|
|
|
88
88
|
transform: translateX(100%);
|
|
89
89
|
}
|
|
90
90
|
}
|
|
91
|
+
.oxy-skeleton {
|
|
92
|
+
position: relative;
|
|
93
|
+
overflow: hidden;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
.oxy-skeleton::after {
|
|
97
|
+
content: "";
|
|
98
|
+
position: absolute;
|
|
99
|
+
inset: 0;
|
|
100
|
+
transform: translateX(-100%);
|
|
101
|
+
background-image: linear-gradient(90deg, transparent 0%, color-mix(in oklab, var(--color-foreground) 12%, transparent) 50%, transparent 100%);
|
|
102
|
+
animation: shimmer 1.6s ease-in-out infinite;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
@media (prefers-reduced-motion: reduce) {
|
|
106
|
+
.oxy-skeleton::after {
|
|
107
|
+
display: none;
|
|
108
|
+
}
|
|
109
|
+
}
|
|
91
110
|
@keyframes fade-in {
|
|
92
111
|
from {
|
|
93
112
|
opacity: 0;
|
|
@@ -725,6 +744,17 @@ video {
|
|
|
725
744
|
max-width: 1440px;
|
|
726
745
|
}
|
|
727
746
|
}
|
|
747
|
+
.sr-only {
|
|
748
|
+
position: absolute;
|
|
749
|
+
width: 1px;
|
|
750
|
+
height: 1px;
|
|
751
|
+
padding: 0;
|
|
752
|
+
margin: -1px;
|
|
753
|
+
overflow: hidden;
|
|
754
|
+
clip: rect(0, 0, 0, 0);
|
|
755
|
+
white-space: nowrap;
|
|
756
|
+
border-width: 0;
|
|
757
|
+
}
|
|
728
758
|
.pointer-events-none {
|
|
729
759
|
pointer-events: none;
|
|
730
760
|
}
|
|
@@ -1752,17 +1782,6 @@ video {
|
|
|
1752
1782
|
.bg-white\/60 {
|
|
1753
1783
|
background-color: rgb(255 255 255 / 0.6);
|
|
1754
1784
|
}
|
|
1755
|
-
.bg-gradient-to-r {
|
|
1756
|
-
background-image: linear-gradient(to right, var(--tw-gradient-stops));
|
|
1757
|
-
}
|
|
1758
|
-
.from-border {
|
|
1759
|
-
--tw-gradient-from: var(--color-border) var(--tw-gradient-from-position);
|
|
1760
|
-
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
|
1761
|
-
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
1762
|
-
}
|
|
1763
|
-
.to-border {
|
|
1764
|
-
--tw-gradient-to: var(--color-border) var(--tw-gradient-to-position);
|
|
1765
|
-
}
|
|
1766
1785
|
.fill-foreground {
|
|
1767
1786
|
fill: var(--color-foreground);
|
|
1768
1787
|
}
|
|
@@ -2268,41 +2287,6 @@ video {
|
|
|
2268
2287
|
.placeholder\:text-foreground-muted::placeholder {
|
|
2269
2288
|
color: var(--color-foreground-muted);
|
|
2270
2289
|
}
|
|
2271
|
-
.before\:absolute::before {
|
|
2272
|
-
content: var(--tw-content);
|
|
2273
|
-
position: absolute;
|
|
2274
|
-
}
|
|
2275
|
-
.before\:inset-0::before {
|
|
2276
|
-
content: var(--tw-content);
|
|
2277
|
-
inset: 0px;
|
|
2278
|
-
}
|
|
2279
|
-
.before\:animate-\[shimmer_1\.6s_linear_infinite\]::before {
|
|
2280
|
-
content: var(--tw-content);
|
|
2281
|
-
animation: shimmer 1.6s linear infinite;
|
|
2282
|
-
}
|
|
2283
|
-
.before\:bg-gradient-to-r::before {
|
|
2284
|
-
content: var(--tw-content);
|
|
2285
|
-
background-image: linear-gradient(to right, var(--tw-gradient-stops));
|
|
2286
|
-
}
|
|
2287
|
-
.before\:from-transparent::before {
|
|
2288
|
-
content: var(--tw-content);
|
|
2289
|
-
--tw-gradient-from: rgba(255, 255, 255, .0) var(--tw-gradient-from-position);
|
|
2290
|
-
--tw-gradient-to: rgba(255, 255, 255, 0) var(--tw-gradient-to-position);
|
|
2291
|
-
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
2292
|
-
}
|
|
2293
|
-
.before\:via-white\/30::before {
|
|
2294
|
-
content: var(--tw-content);
|
|
2295
|
-
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
|
2296
|
-
--tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
|
|
2297
|
-
}
|
|
2298
|
-
.before\:to-transparent::before {
|
|
2299
|
-
content: var(--tw-content);
|
|
2300
|
-
--tw-gradient-to: rgba(255, 255, 255, .0) var(--tw-gradient-to-position);
|
|
2301
|
-
}
|
|
2302
|
-
.before\:content-\[\"\"\]::before {
|
|
2303
|
-
--tw-content: "";
|
|
2304
|
-
content: var(--tw-content);
|
|
2305
|
-
}
|
|
2306
2290
|
.last\:border-0:last-child {
|
|
2307
2291
|
border-width: 0px;
|
|
2308
2292
|
}
|
|
@@ -2564,12 +2548,6 @@ video {
|
|
|
2564
2548
|
--tw-rotate: 0deg;
|
|
2565
2549
|
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));
|
|
2566
2550
|
}
|
|
2567
|
-
@media (prefers-reduced-motion: reduce) {
|
|
2568
|
-
.motion-reduce\:before\:hidden::before {
|
|
2569
|
-
content: var(--tw-content);
|
|
2570
|
-
display: none;
|
|
2571
|
-
}
|
|
2572
|
-
}
|
|
2573
2551
|
.dark\:bg-independence:is(.dark *) {
|
|
2574
2552
|
--tw-bg-opacity: 1;
|
|
2575
2553
|
background-color: rgb(51 65 92 / var(--tw-bg-opacity, 1));
|