@vendure/dashboard 3.2.0 → 3.2.2

package/src/app/tailwindcss-animate.css

@@ -1,275 +1,275 @@
-/**
- * TailwindCSS v4.0 compatible replacement for `tailwindcss-animate`.
- *
- * WARNING: The asterisks are not supported by some formatters and linters. You
- * might want to exclude this file from formatters and linters for now.
- *
- * @author Luca Bosin <https://github.com/Wombosvideo>
- * @license MIT
- */
-
-@theme inline {
-    --animation-delay-0: 0s;
-    --animation-delay-75: 75ms;
-    --animation-delay-100: 0.1s;
-    --animation-delay-150: 0.15s;
-    --animation-delay-200: 0.2s;
-    --animation-delay-300: 0.3s;
-    --animation-delay-500: 0.5s;
-    --animation-delay-700: 0.7s;
-    --animation-delay-1000: 1s;
-
-    --animation-repeat-0: 0;
-    --animation-repeat-1: 1;
-    --animation-repeat-infinite: infinite;
-
-    --animation-direction-normal: normal;
-    --animation-direction-reverse: reverse;
-    --animation-direction-alternate: alternate;
-    --animation-direction-alternate-reverse: alternate-reverse;
-
-    --animation-fill-mode-none: none;
-    --animation-fill-mode-forwards: forwards;
-    --animation-fill-mode-backwards: backwards;
-    --animation-fill-mode-both: both;
-
-    --animate-in: var(--tw-duration, 150ms) var(--tw-ease, ease) enter;
-    --animate-out: var(--tw-duration, 150ms) var(--tw-ease, ease) exit;
-
-    --percentage-0: 0;
-    --percentage-5: 0.05;
-    --percentage-10: 0.1;
-    --percentage-15: 0.15;
-    --percentage-20: 0.2;
-    --percentage-25: 0.25;
-    --percentage-30: 0.3;
-    --percentage-35: 0.35;
-    --percentage-40: 0.4;
-    --percentage-45: 0.45;
-    --percentage-50: 0.5;
-    --percentage-55: 0.55;
-    --percentage-60: 0.6;
-    --percentage-65: 0.65;
-    --percentage-70: 0.7;
-    --percentage-75: 0.75;
-    --percentage-80: 0.8;
-    --percentage-85: 0.85;
-    --percentage-90: 0.9;
-    --percentage-95: 0.95;
-    --percentage-100: 1;
-
-    --translate-1/2: 50%;
-    --translate-1/3: 33.333333%;
-    --translate-2/3: 66.666667%;
-    --translate-1/4: 25%;
-    --translate-2/4: 50%;
-    --translate-3/4: 75%;
-    --translate-full: 100%;
-    --translate-px: 1px;
-    --translate-0: 0px;
-    --translate-0.5: 0.125rem;
-    --translate-1: 0.25rem;
-    --translate-1.5: 0.375rem;
-    --translate-2: 0.5rem;
-    --translate-2.5: 0.625rem;
-    --translate-3: 0.75rem;
-    --translate-3.5: 0.875rem;
-    --translate-4: 1rem;
-    --translate-5: 1.25rem;
-    --translate-6: 1.5rem;
-    --translate-7: 1.75rem;
-    --translate-8: 2rem;
-    --translate-9: 2.25rem;
-    --translate-10: 2.5rem;
-    --translate-11: 2.75rem;
-    --translate-12: 3rem;
-    --translate-14: 3.5rem;
-    --translate-16: 4rem;
-    --translate-20: 5rem;
-    --translate-24: 6rem;
-    --translate-28: 7rem;
-    --translate-32: 8rem;
-    --translate-36: 9rem;
-    --translate-40: 10rem;
-    --translate-44: 11rem;
-    --translate-48: 12rem;
-    --translate-52: 13rem;
-    --translate-56: 14rem;
-    --translate-60: 15rem;
-    --translate-64: 16rem;
-    --translate-72: 18rem;
-    --translate-80: 20rem;
-    --translate-96: 24rem;
-
-    @keyframes enter {
-        from {
-            opacity: var(--tw-enter-opacity, 1);
-            transform: translate3d(
-                var(--tw-enter-translate-x, 0),
-                var(--tw-enter-translate-y, 0),
-                0
-            )
-            scale3d(
-                var(--tw-enter-scale, 1),
-                var(--tw-enter-scale, 1),
-                var(--tw-enter-scale, 1)
-            )
-            rotate(var(--tw-enter-rotate, 0));
-        }
-    }
-
-    @keyframes exit {
-        to {
-            opacity: var(--tw-exit-opacity, 1);
-            transform: translate3d(
-                var(--tw-exit-translate-x, 0),
-                var(--tw-exit-translate-y, 0),
-                0
-            )
-            scale3d(
-                var(--tw-exit-scale, 1),
-                var(--tw-exit-scale, 1),
-                var(--tw-exit-scale, 1)
-            )
-            rotate(var(--tw-exit-rotate, 0));
-        }
-    }
-}
-
-/*
- * Tailwind's default `duration` utility sets the `--tw-duration` variable, so
- * can set `animation-duration` directly in the animation definition in the
- * `@theme` section above. Same goes for the `animation-timing-function`, set
- * with `--tw-ease`.
- */
-
-@utility delay-* {
-    animation-delay: calc(--value(number) * 1ms);
-    animation-delay: --value(--animation-delay-*, [duration], [*]);
-}
-
-@utility repeat-* {
-    animation-iteration-count: --value(--animation-repeat-*, integer);
-}
-
-@utility direction-* {
-    animation-direction: --value(--animation-direction-*);
-}
-
-@utility fill-mode-* {
-    animation-fill-mode: --value(--animation-fill-mode-*);
-}
-
-@utility running {
-    animation-play-state: running;
-}
-@utility paused {
-    animation-play-state: paused;
-}
-
-@utility fade-in {
-    --tw-enter-opacity: 0;
-}
-@utility fade-in-* {
-    --tw-enter-opacity: --value(--percentage-*, [*]);
-}
-
-@utility fade-out {
-    --tw-exit-opacity: 0;
-}
-@utility fade-out-* {
-    --tw-exit-opacity: --value(--percentage-*, [*]);
-}
-
-@utility zoom-in {
-    --tw-enter-scale: 0;
-}
-@utility zoom-in-* {
-    --tw-enter-scale: calc(--value([percentage]) / 100%);
-    --tw-enter-scale: calc(--value([ratio], [number]));
-    --tw-enter-scale: --value(--percentage-*);
-}
-
-@utility zoom-out {
-    --tw-exit-scale: 0;
-}
-@utility zoom-out-* {
-    --tw-exit-scale: calc(--value([percentage]) / 100%);
-    --tw-exit-scale: calc(--value([ratio], [number]));
-    --tw-exit-scale: --value(--percentage-*);
-}
-
-@utility spin-in {
-    --tw-enter-rotate: 30deg;
-}
-@utility spin-in-* {
-    --tw-enter-rotate: calc(--value(number) * 1deg);
-    --tw-enter-rotate: --value(--rotate-*, [angle]);
-}
-
-@utility spin-out {
-    --tw-exit-rotate: 30deg;
-}
-@utility spin-out-* {
-    --tw-exit-rotate: calc(--value(number) * 1deg);
-    --tw-exit-rotate: --value(--rotate-*, [angle]);
-}
-
-@utility slide-in-from-top {
-    --tw-enter-translate-y: -100%;
-}
-@utility slide-in-from-top-* {
-    --tw-enter-translate-y: calc(--value(integer) * var(--spacing) * -1);
-    --tw-enter-translate-y: calc(--value(--translate-*, [percentage], ratio, [length]) * -1);
-}
-
-@utility slide-in-from-bottom {
-    --tw-enter-translate-y: 100%;
-}
-@utility slide-in-from-bottom-* {
-    --tw-enter-translate-y: calc(--value(integer) * var(--spacing));
-    --tw-enter-translate-y: --value(--translate-*, [percentage], ratio, [length]);
-}
-@utility slide-in-from-left {
-    --tw-enter-translate-x: -100%;
-}
-@utility slide-in-from-left-* {
-    --tw-enter-translate-x: calc(--value(integer) * var(--spacing) * -1);
-    --tw-enter-translate-x: calc(--value(--translate-*, [percentage], ratio, [length]) * -1);
-}
-@utility slide-in-from-right {
-    --tw-enter-translate-x: 100%;
-}
-@utility slide-in-from-right-* {
-    --tw-enter-translate-x: calc(--value(integer) * var(--spacing));
-    --tw-enter-translate-x: --value(--translate-*, [percentage], ratio, [length]);
-}
-
-@utility slide-out-to-top {
-    --tw-exit-translate-y: -100%;
-}
-@utility slide-out-to-top-* {
-    --tw-exit-translate-y: calc(--value(integer) * var(--spacing) * -1);
-    --tw-exit-translate-y: calc(--value(--translate-*, [percentage], ratio, [length]) * -1);
-}
-@utility slide-out-to-bottom {
-    --tw-exit-translate-y: 100%;
-}
-@utility slide-out-to-bottom-* {
-    --tw-exit-translate-y: calc(--value(integer) * var(--spacing));
-    --tw-exit-translate-y: --value(--translate-*, [percentage], ratio, [length]);
-}
-@utility slide-out-to-left {
-    --tw-exit-translate-x: -100%;
-}
-@utility slide-out-to-left-* {
-    --tw-exit-translate-x: calc(--value(integer) * var(--spacing) * -1);
-    --tw-exit-translate-x: calc(--value(--translate-*, [percentage], ratio, [length]) * -1);
-}
-@utility slide-out-to-right {
-    --tw-exit-translate-x: 100%;
-}
-@utility slide-out-to-right-* {
-    --tw-exit-translate-x: calc(--value(integer) * var(--spacing));
-    --tw-exit-translate-x: --value(--translate-*, [percentage], ratio, [length]);
-}
+/**
+ * TailwindCSS v4.0 compatible replacement for `tailwindcss-animate`.
+ *
+ * WARNING: The asterisks are not supported by some formatters and linters. You
+ * might want to exclude this file from formatters and linters for now.
+ *
+ * @author Luca Bosin <https://github.com/Wombosvideo>
+ * @license MIT
+ */
+
+@theme inline {
+    --animation-delay-0: 0s;
+    --animation-delay-75: 75ms;
+    --animation-delay-100: 0.1s;
+    --animation-delay-150: 0.15s;
+    --animation-delay-200: 0.2s;
+    --animation-delay-300: 0.3s;
+    --animation-delay-500: 0.5s;
+    --animation-delay-700: 0.7s;
+    --animation-delay-1000: 1s;
+
+    --animation-repeat-0: 0;
+    --animation-repeat-1: 1;
+    --animation-repeat-infinite: infinite;
+
+    --animation-direction-normal: normal;
+    --animation-direction-reverse: reverse;
+    --animation-direction-alternate: alternate;
+    --animation-direction-alternate-reverse: alternate-reverse;
+
+    --animation-fill-mode-none: none;
+    --animation-fill-mode-forwards: forwards;
+    --animation-fill-mode-backwards: backwards;
+    --animation-fill-mode-both: both;
+
+    --animate-in: var(--tw-duration, 150ms) var(--tw-ease, ease) enter;
+    --animate-out: var(--tw-duration, 150ms) var(--tw-ease, ease) exit;
+
+    --percentage-0: 0;
+    --percentage-5: 0.05;
+    --percentage-10: 0.1;
+    --percentage-15: 0.15;
+    --percentage-20: 0.2;
+    --percentage-25: 0.25;
+    --percentage-30: 0.3;
+    --percentage-35: 0.35;
+    --percentage-40: 0.4;
+    --percentage-45: 0.45;
+    --percentage-50: 0.5;
+    --percentage-55: 0.55;
+    --percentage-60: 0.6;
+    --percentage-65: 0.65;
+    --percentage-70: 0.7;
+    --percentage-75: 0.75;
+    --percentage-80: 0.8;
+    --percentage-85: 0.85;
+    --percentage-90: 0.9;
+    --percentage-95: 0.95;
+    --percentage-100: 1;
+
+    --translate-1/2: 50%;
+    --translate-1/3: 33.333333%;
+    --translate-2/3: 66.666667%;
+    --translate-1/4: 25%;
+    --translate-2/4: 50%;
+    --translate-3/4: 75%;
+    --translate-full: 100%;
+    --translate-px: 1px;
+    --translate-0: 0px;
+    --translate-0.5: 0.125rem;
+    --translate-1: 0.25rem;
+    --translate-1.5: 0.375rem;
+    --translate-2: 0.5rem;
+    --translate-2.5: 0.625rem;
+    --translate-3: 0.75rem;
+    --translate-3.5: 0.875rem;
+    --translate-4: 1rem;
+    --translate-5: 1.25rem;
+    --translate-6: 1.5rem;
+    --translate-7: 1.75rem;
+    --translate-8: 2rem;
+    --translate-9: 2.25rem;
+    --translate-10: 2.5rem;
+    --translate-11: 2.75rem;
+    --translate-12: 3rem;
+    --translate-14: 3.5rem;
+    --translate-16: 4rem;
+    --translate-20: 5rem;
+    --translate-24: 6rem;
+    --translate-28: 7rem;
+    --translate-32: 8rem;
+    --translate-36: 9rem;
+    --translate-40: 10rem;
+    --translate-44: 11rem;
+    --translate-48: 12rem;
+    --translate-52: 13rem;
+    --translate-56: 14rem;
+    --translate-60: 15rem;
+    --translate-64: 16rem;
+    --translate-72: 18rem;
+    --translate-80: 20rem;
+    --translate-96: 24rem;
+
+    @keyframes enter {
+        from {
+            opacity: var(--tw-enter-opacity, 1);
+            transform: translate3d(
+                var(--tw-enter-translate-x, 0),
+                var(--tw-enter-translate-y, 0),
+                0
+            )
+            scale3d(
+                var(--tw-enter-scale, 1),
+                var(--tw-enter-scale, 1),
+                var(--tw-enter-scale, 1)
+            )
+            rotate(var(--tw-enter-rotate, 0));
+        }
+    }
+
+    @keyframes exit {
+        to {
+            opacity: var(--tw-exit-opacity, 1);
+            transform: translate3d(
+                var(--tw-exit-translate-x, 0),
+                var(--tw-exit-translate-y, 0),
+                0
+            )
+            scale3d(
+                var(--tw-exit-scale, 1),
+                var(--tw-exit-scale, 1),
+                var(--tw-exit-scale, 1)
+            )
+            rotate(var(--tw-exit-rotate, 0));
+        }
+    }
+}
+
+/*
+ * Tailwind's default `duration` utility sets the `--tw-duration` variable, so
+ * can set `animation-duration` directly in the animation definition in the
+ * `@theme` section above. Same goes for the `animation-timing-function`, set
+ * with `--tw-ease`.
+ */
+
+@utility delay-* {
+    animation-delay: calc(--value(number) * 1ms);
+    animation-delay: --value(--animation-delay-*, [duration], [*]);
+}
+
+@utility repeat-* {
+    animation-iteration-count: --value(--animation-repeat-*, integer);
+}
+
+@utility direction-* {
+    animation-direction: --value(--animation-direction-*);
+}
+
+@utility fill-mode-* {
+    animation-fill-mode: --value(--animation-fill-mode-*);
+}
+
+@utility running {
+    animation-play-state: running;
+}
+@utility paused {
+    animation-play-state: paused;
+}
+
+@utility fade-in {
+    --tw-enter-opacity: 0;
+}
+@utility fade-in-* {
+    --tw-enter-opacity: --value(--percentage-*, [*]);
+}
+
+@utility fade-out {
+    --tw-exit-opacity: 0;
+}
+@utility fade-out-* {
+    --tw-exit-opacity: --value(--percentage-*, [*]);
+}
+
+@utility zoom-in {
+    --tw-enter-scale: 0;
+}
+@utility zoom-in-* {
+    --tw-enter-scale: calc(--value([percentage]) / 100%);
+    --tw-enter-scale: calc(--value([ratio], [number]));
+    --tw-enter-scale: --value(--percentage-*);
+}
+
+@utility zoom-out {
+    --tw-exit-scale: 0;
+}
+@utility zoom-out-* {
+    --tw-exit-scale: calc(--value([percentage]) / 100%);
+    --tw-exit-scale: calc(--value([ratio], [number]));
+    --tw-exit-scale: --value(--percentage-*);
+}
+
+@utility spin-in {
+    --tw-enter-rotate: 30deg;
+}
+@utility spin-in-* {
+    --tw-enter-rotate: calc(--value(number) * 1deg);
+    --tw-enter-rotate: --value(--rotate-*, [angle]);
+}
+
+@utility spin-out {
+    --tw-exit-rotate: 30deg;
+}
+@utility spin-out-* {
+    --tw-exit-rotate: calc(--value(number) * 1deg);
+    --tw-exit-rotate: --value(--rotate-*, [angle]);
+}
+
+@utility slide-in-from-top {
+    --tw-enter-translate-y: -100%;
+}
+@utility slide-in-from-top-* {
+    --tw-enter-translate-y: calc(--value(integer) * var(--spacing) * -1);
+    --tw-enter-translate-y: calc(--value(--translate-*, [percentage], ratio, [length]) * -1);
+}
+
+@utility slide-in-from-bottom {
+    --tw-enter-translate-y: 100%;
+}
+@utility slide-in-from-bottom-* {
+    --tw-enter-translate-y: calc(--value(integer) * var(--spacing));
+    --tw-enter-translate-y: --value(--translate-*, [percentage], ratio, [length]);
+}
+@utility slide-in-from-left {
+    --tw-enter-translate-x: -100%;
+}
+@utility slide-in-from-left-* {
+    --tw-enter-translate-x: calc(--value(integer) * var(--spacing) * -1);
+    --tw-enter-translate-x: calc(--value(--translate-*, [percentage], ratio, [length]) * -1);
+}
+@utility slide-in-from-right {
+    --tw-enter-translate-x: 100%;
+}
+@utility slide-in-from-right-* {
+    --tw-enter-translate-x: calc(--value(integer) * var(--spacing));
+    --tw-enter-translate-x: --value(--translate-*, [percentage], ratio, [length]);
+}
+
+@utility slide-out-to-top {
+    --tw-exit-translate-y: -100%;
+}
+@utility slide-out-to-top-* {
+    --tw-exit-translate-y: calc(--value(integer) * var(--spacing) * -1);
+    --tw-exit-translate-y: calc(--value(--translate-*, [percentage], ratio, [length]) * -1);
+}
+@utility slide-out-to-bottom {
+    --tw-exit-translate-y: 100%;
+}
+@utility slide-out-to-bottom-* {
+    --tw-exit-translate-y: calc(--value(integer) * var(--spacing));
+    --tw-exit-translate-y: --value(--translate-*, [percentage], ratio, [length]);
+}
+@utility slide-out-to-left {
+    --tw-exit-translate-x: -100%;
+}
+@utility slide-out-to-left-* {
+    --tw-exit-translate-x: calc(--value(integer) * var(--spacing) * -1);
+    --tw-exit-translate-x: calc(--value(--translate-*, [percentage], ratio, [length]) * -1);
+}
+@utility slide-out-to-right {
+    --tw-exit-translate-x: 100%;
+}
+@utility slide-out-to-right-* {
+    --tw-exit-translate-x: calc(--value(integer) * var(--spacing));
+    --tw-exit-translate-x: --value(--translate-*, [percentage], ratio, [length]);
+}