@shuriken-ui/tailwind 4.0.0-alpha.2 → 4.0.0-alpha.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shuriken-ui/tailwind",
-  "version": "4.0.0-alpha.2",
+  "version": "4.0.0-alpha.3",
   "license": "MIT",
   "author": "Css Ninja <hello@cssninja.io> (https://cssninja.io)",
   "repository": "shuriken-ui/tailwind",

package/src/css/progress.css

@@ -88,3 +88,19 @@
     @apply bg-black dark:bg-white;
   }
 }
+
+@utility animate-nui-progress-indeterminate {
+  animation: nui-progress-indeterminate 3s linear infinite forwards;
+}
+
+@keyframes nui-progress-indeterminate {
+  0% {
+    margin-left: -100%;
+  }
+  60% {
+    margin-left: 100%;
+  }
+  100% {
+    margin-left: -100%;
+  }
+}

package/src/css/tooltip.css

@@ -97,3 +97,23 @@
 [data-nui-tooltip][data-nui-tooltip-position^='left']:hover::before,[data-nui-tooltip][data-nui-tooltip-position^='left']:hover::after,[data-nui-tooltip][data-nui-tooltip-position^='right']:hover::before,[data-nui-tooltip][data-nui-tooltip-position^='right']:hover::after,[data-nui-tooltip][data-nui-tooltip-position^='start']:hover::before,[data-nui-tooltip][data-nui-tooltip-position^='start']:hover::after,[data-nui-tooltip][data-nui-tooltip-position^='end']:hover::before,[data-nui-tooltip][data-nui-tooltip-position^='end']:hover::after,[data-nui-tooltip][data-nui-tooltip-position^='left']:focus-visible::before,[data-nui-tooltip][data-nui-tooltip-position^='left']:focus-visible::after,[data-nui-tooltip][data-nui-tooltip-position^='right']:focus-visible::before,[data-nui-tooltip][data-nui-tooltip-position^='right']:focus-visible::after,[data-nui-tooltip][data-nui-tooltip-position^='start']:focus-visible::before,[data-nui-tooltip][data-nui-tooltip-position^='start']:focus-visible::after,[data-nui-tooltip][data-nui-tooltip-position^='end']:focus-visible::before,[data-nui-tooltip][data-nui-tooltip-position^='end']:focus-visible::after {
   @apply animate-nui-tooltip-y;
 }
+
+@utility animate-nui-tooltip-x {
+  animation: nui-tooltip-x 300ms ease-out forwards;
+}
+@utility animate-nui-tooltip-y {
+  animation: nui-tooltip-y 300ms ease-out forwards;
+}
+
+@keyframes nui-tooltip-x {
+  to {
+    opacity: 1;
+    transform: translate(-50%, 0);
+  }
+}
+@keyframes nui-tooltip-y {
+  to {
+    opacity: 1;
+    transform: translate(0, -50%);
+  }
+}