@flux-ui/components 3.0.0-next.63 → 3.0.0-next.65

package/dist/index.css

@@ -1169,6 +1169,147 @@
 
 .flex-item {
   min-width: 0;
+}.breakthrough-transition-enter-active,
+.breakthrough-transition-back-enter-active,
+.breakthrough-transition-leave-active,
+.breakthrough-transition-back-leave-active {
+  transform-origin: top center;
+  transition-property: opacity, scale, translate;
+}
+
+.breakthrough-transition-enter-active,
+.breakthrough-transition-back-enter-active {
+  transition-duration: 180ms;
+  transition-timing-function: var(--deceleration-curve);
+}
+
+.breakthrough-transition-leave-active,
+.breakthrough-transition-back-leave-active {
+  transition-duration: 120ms;
+  transition-timing-function: var(--acceleration-curve);
+}
+
+.breakthrough-transition-enter-from,
+.breakthrough-transition-back-leave-to {
+  opacity: 0;
+  scale: 0.975;
+}
+
+.breakthrough-transition-leave-to,
+.breakthrough-transition-back-enter-from {
+  opacity: 0;
+  scale: 1.025;
+}
+
+.fade-transition-enter-active,
+.fade-transition-leave-active {
+  transition: opacity var(--transition-default) !important;
+}
+
+.fade-transition-enter-from,
+.fade-transition-leave-to {
+  opacity: 0;
+}
+
+.fade-transition-enter-to,
+.fade-transition-leave-from {
+  opacity: 1;
+}
+
+.route-transition-enter-active,
+.route-transition-back-enter-active,
+.route-transition-leave-active,
+.route-transition-back-leave-active {
+  transform-origin: center 50dvh;
+  transition-property: opacity, scale;
+}
+
+.route-transition-enter-active,
+.route-transition-back-enter-active {
+  transition-duration: 180ms;
+  transition-timing-function: var(--deceleration-curve);
+}
+
+.route-transition-leave-active,
+.route-transition-back-leave-active {
+  transition-duration: 120ms;
+  transition-timing-function: var(--acceleration-curve);
+}
+
+.route-transition-enter-from,
+.route-transition-back-leave-to {
+  opacity: 0;
+  scale: 0.975;
+}
+
+.route-transition-leave-to,
+.route-transition-back-enter-from {
+  opacity: 0;
+  scale: 0.975;
+}
+
+.tooltip-transition-enter-active,
+.tooltip-transition-leave-active {
+  transition: 210ms var(--swift-out);
+  transition-property: opacity, scale;
+}
+
+.tooltip-transition-enter-from {
+  scale: 0.975;
+}
+
+.tooltip-transition-enter-from,
+.tooltip-transition-leave-to {
+  opacity: 0;
+}
+
+.vertical-window-transition-enter-active,
+.vertical-window-transition-back-enter-active {
+  contain: paint;
+  transition: 120ms var(--deceleration-curve);
+  transition-property: opacity, transform;
+}
+
+.vertical-window-transition-leave-active,
+.vertical-window-transition-back-leave-active {
+  transition: 120ms var(--acceleration-curve);
+  transition-property: opacity, transform;
+}
+
+.vertical-window-transition-back-leave-to,
+.vertical-window-transition-enter-from {
+  opacity: 0;
+  transform: translate3d(0, 15px, 0);
+}
+
+.vertical-window-transition-back-enter-from,
+.vertical-window-transition-leave-to {
+  opacity: 0;
+  transform: translate3d(0, -15px, 0);
+}
+
+.window-transition-enter-active,
+.window-transition-back-enter-active {
+  transition: 120ms var(--deceleration-curve);
+  transition-property: height, opacity, transform;
+}
+
+.window-transition-leave-active,
+.window-transition-back-leave-active {
+  transition: 120ms var(--acceleration-curve);
+  transition-property: height, opacity, transform;
+}
+
+.window-transition-back-leave-to,
+.window-transition-enter-from {
+  opacity: 0;
+  transform: translate3d(15px, 0, 0);
+}
+
+.window-transition-back-enter-from,
+.window-transition-leave-to {
+  opacity: 0;
+  transform: translate3d(-15px, 0, 0);
 }.pane {
 }
 
@@ -1563,147 +1704,6 @@
   to {
     --shine-degrees: 360deg;
   }
-}.breakthrough-transition-enter-active,
-.breakthrough-transition-back-enter-active,
-.breakthrough-transition-leave-active,
-.breakthrough-transition-back-leave-active {
-  transform-origin: top center;
-  transition-property: opacity, scale, translate;
-}
-
-.breakthrough-transition-enter-active,
-.breakthrough-transition-back-enter-active {
-  transition-duration: 180ms;
-  transition-timing-function: var(--deceleration-curve);
-}
-
-.breakthrough-transition-leave-active,
-.breakthrough-transition-back-leave-active {
-  transition-duration: 120ms;
-  transition-timing-function: var(--acceleration-curve);
-}
-
-.breakthrough-transition-enter-from,
-.breakthrough-transition-back-leave-to {
-  opacity: 0;
-  scale: 0.975;
-}
-
-.breakthrough-transition-leave-to,
-.breakthrough-transition-back-enter-from {
-  opacity: 0;
-  scale: 1.025;
-}
-
-.fade-transition-enter-active,
-.fade-transition-leave-active {
-  transition: opacity var(--transition-default) !important;
-}
-
-.fade-transition-enter-from,
-.fade-transition-leave-to {
-  opacity: 0;
-}
-
-.fade-transition-enter-to,
-.fade-transition-leave-from {
-  opacity: 1;
-}
-
-.route-transition-enter-active,
-.route-transition-back-enter-active,
-.route-transition-leave-active,
-.route-transition-back-leave-active {
-  transform-origin: center 50dvh;
-  transition-property: opacity, scale;
-}
-
-.route-transition-enter-active,
-.route-transition-back-enter-active {
-  transition-duration: 180ms;
-  transition-timing-function: var(--deceleration-curve);
-}
-
-.route-transition-leave-active,
-.route-transition-back-leave-active {
-  transition-duration: 120ms;
-  transition-timing-function: var(--acceleration-curve);
-}
-
-.route-transition-enter-from,
-.route-transition-back-leave-to {
-  opacity: 0;
-  scale: 0.975;
-}
-
-.route-transition-leave-to,
-.route-transition-back-enter-from {
-  opacity: 0;
-  scale: 0.975;
-}
-
-.tooltip-transition-enter-active,
-.tooltip-transition-leave-active {
-  transition: 210ms var(--swift-out);
-  transition-property: opacity, scale;
-}
-
-.tooltip-transition-enter-from {
-  scale: 0.975;
-}
-
-.tooltip-transition-enter-from,
-.tooltip-transition-leave-to {
-  opacity: 0;
-}
-
-.vertical-window-transition-enter-active,
-.vertical-window-transition-back-enter-active {
-  contain: paint;
-  transition: 120ms var(--deceleration-curve);
-  transition-property: opacity, transform;
-}
-
-.vertical-window-transition-leave-active,
-.vertical-window-transition-back-leave-active {
-  transition: 120ms var(--acceleration-curve);
-  transition-property: opacity, transform;
-}
-
-.vertical-window-transition-back-leave-to,
-.vertical-window-transition-enter-from {
-  opacity: 0;
-  transform: translate3d(0, 15px, 0);
-}
-
-.vertical-window-transition-back-enter-from,
-.vertical-window-transition-leave-to {
-  opacity: 0;
-  transform: translate3d(0, -15px, 0);
-}
-
-.window-transition-enter-active,
-.window-transition-back-enter-active {
-  transition: 120ms var(--deceleration-curve);
-  transition-property: height, opacity, transform;
-}
-
-.window-transition-leave-active,
-.window-transition-back-leave-active {
-  transition: 120ms var(--acceleration-curve);
-  transition-property: height, opacity, transform;
-}
-
-.window-transition-back-leave-to,
-.window-transition-enter-from {
-  opacity: 0;
-  transform: translate3d(15px, 0, 0);
-}
-
-.window-transition-back-enter-from,
-.window-transition-leave-to {
-  opacity: 0;
-  transform: translate3d(-15px, 0, 0);
 }.avatar {
   position: relative;
   display: inline-flex;
@@ -2726,6 +2726,7 @@
   border-radius: var(--radius);
   box-shadow: var(--shadow-px);
   color: var(--foreground);
+  outline: 0 solid transparent;
   transition: var(--transition-default);
   transition-property: background, border-color, outline-color, outline-offset;
 }
@@ -5888,7 +5889,7 @@ tfoot .table-cell {
   }
 }
 .notice-close > .icon {
-  font-size: 14px;
+  font-size: 12px;
 }
 
 .notice-prefix {