@logicplanes/kaeso-ui 0.4.6 → 0.4.8

package/dist/kaeso.css

@@ -1047,6 +1047,14 @@
 @utility hairline-b-strong {
   box-shadow: inset 0 -1px 0 var(--k-line);
 }
+/* An underline tab's hover and press: a preview of the selection line, so the label can sit on the content edge
+   without a background pill around it. */
+@utility tab-line-hover {
+  box-shadow: inset 0 -2px 0 var(--k-line);
+}
+@utility tab-line-pressed {
+  box-shadow: inset 0 -2px 0 var(--k-line-strong);
+}
 @utility hairline-t-strong {
   box-shadow: inset 0 1px 0 var(--k-line);
 }
@@ -1492,28 +1500,19 @@
   }
 }
 
+/* A dialog's layers and steps crossfade in place: content that slides sideways inside a popup that is itself
+   fading and scaling reads as two motions fighting. */
 @keyframes k-layer-in {
   from {
     opacity: 0;
-    transform: translateX(16px);
   }
 }
 @utility animate-layer-in {
   animation: k-layer-in var(--k-duration-dialog) var(--k-ease-overlay);
 }
-@keyframes k-step-in {
-  from {
-    opacity: 0;
-    transform: translateX(var(--k-step-from));
-  }
-}
 @utility step-motion {
-  --k-step-from: 8px;
-  &[data-enter="back"] {
-    --k-step-from: -8px;
-  }
   &[data-enter] {
-    animation: k-step-in var(--k-duration-dialog) var(--k-ease-overlay);
+    animation: k-layer-in var(--k-duration-dialog) var(--k-ease-overlay);
   }
 }
 [data-resizing] {
@@ -1739,3 +1738,11 @@
     transform: translateX(-8px);
   }
 }
+
+/* Set by ThemeProvider for the frame a theme changes in. */
+[data-k-theming],
+[data-k-theming] *,
+[data-k-theming] *::before,
+[data-k-theming] *::after {
+  transition: none !important;
+}