@umami/react-zen 0.64.0 → 0.65.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umami/react-zen",
-  "version": "0.64.0",
+  "version": "0.65.0",
   "description": "React components built by Umami",
   "author": "Umami <hello@umami.is>",
   "license": "MIT",

package/styles.css

@@ -3429,12 +3429,73 @@ body a.Button_button__ZTY3M {
   }
 }
 
+/* virtual-css:css:34d15f1efb5cfdf86de5abea08f767ce */
+.Tooltip_tooltip__YmY4Z {
+  forced-color-adjust: none;
+  outline: none;
+}
+.Tooltip_bubble__MWE0N {
+  color: var(--light-color);
+  background: rgba(0, 0, 0, 0.8);
+  padding: var(--padding);
+  border-radius: var(--border-radius);
+}
+.Tooltip_tooltip__YmY4Z[data-placement=top] {
+  margin-bottom: 8px;
+  --origin: translateY(4px);
+}
+.Tooltip_tooltip__YmY4Z[data-placement=bottom] {
+  margin-top: 8px;
+  --origin: translateY(-4px);
+}
+.Tooltip_tooltip__YmY4Z[data-placement=bottom] .Tooltip_arrow__OGM1M svg {
+  transform: rotate(180deg);
+}
+.Tooltip_tooltip__YmY4Z[data-placement=right] {
+  margin-left: 8px;
+  --origin: translateX(-4px);
+}
+.Tooltip_tooltip__YmY4Z[data-placement=right] .Tooltip_arrow__OGM1M svg {
+  transform: rotate(90deg);
+}
+.Tooltip_tooltip__YmY4Z[data-placement=left] {
+  margin-right: 8px;
+  --origin: translateX(4px);
+}
+.Tooltip_tooltip__YmY4Z[data-placement=left] .Tooltip_arrow__OGM1M svg {
+  transform: rotate(-90deg);
+}
+.Tooltip_tooltip__YmY4Z .Tooltip_arrow__OGM1M {
+  width: 8px;
+  height: 8px;
+}
+.Tooltip_tooltip__YmY4Z .Tooltip_arrow__OGM1M svg {
+  display: block;
+  fill: rgba(0, 0, 0, 0.8);
+}
+.Tooltip_tooltip__YmY4Z[data-entering] {
+  animation: Tooltip_slide__MGVmY 200ms;
+}
+.Tooltip_tooltip__YmY4Z[data-exiting] {
+  animation: Tooltip_slide__MGVmY 200ms reverse ease-in;
+}
+@keyframes Tooltip_slide__MGVmY {
+  from {
+    transform: var(--origin);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+
 /* virtual-css:css:a37d08939f4c2e286eced2d454e614ea */
-.FloatingTooltip_tooltip__YTcxZ {
+.FloatingTooltip_floating__ZjM4N {
   position: fixed;
   pointer-events: none;
   z-index: 9999;
-  transform: translate(-50%, calc(-100% - 6px));
+  transform: translate(-50%, calc(-100% - 10px));
 }
 
 /* virtual-css:css:94870e251b7b77526d8ae103079be601 */
@@ -3909,73 +3970,6 @@ body a.Button_button__ZTY3M {
   cursor: pointer;
 }
 
-/* virtual-css:css:34d15f1efb5cfdf86de5abea08f767ce */
-.Tooltip_tooltip__ODVhY {
-  forced-color-adjust: none;
-  outline: none;
-}
-.Tooltip_bubble__OTMzY {
-  color: var(--light-color);
-  background: rgba(0, 0, 0, 0.8);
-  padding: var(--padding);
-  border-radius: var(--border-radius);
-}
-.Tooltip_floating__YWVjM {
-  position: fixed;
-  pointer-events: none;
-  z-index: 9999;
-  transform: translate(-50%, calc(-100% - 5px));
-}
-.Tooltip_tooltip__ODVhY[data-placement=top] {
-  margin-bottom: 8px;
-  --origin: translateY(4px);
-}
-.Tooltip_tooltip__ODVhY[data-placement=bottom] {
-  margin-top: 8px;
-  --origin: translateY(-4px);
-}
-.Tooltip_tooltip__ODVhY[data-placement=bottom] .Tooltip_arrow__ZmMyY svg {
-  transform: rotate(180deg);
-}
-.Tooltip_tooltip__ODVhY[data-placement=right] {
-  margin-left: 8px;
-  --origin: translateX(-4px);
-}
-.Tooltip_tooltip__ODVhY[data-placement=right] .Tooltip_arrow__ZmMyY svg {
-  transform: rotate(90deg);
-}
-.Tooltip_tooltip__ODVhY[data-placement=left] {
-  margin-right: 8px;
-  --origin: translateX(4px);
-}
-.Tooltip_tooltip__ODVhY[data-placement=left] .Tooltip_arrow__ZmMyY svg {
-  transform: rotate(-90deg);
-}
-.Tooltip_tooltip__ODVhY .Tooltip_arrow__ZmMyY {
-  width: 8px;
-  height: 8px;
-}
-.Tooltip_tooltip__ODVhY .Tooltip_arrow__ZmMyY svg {
-  display: block;
-  fill: rgba(0, 0, 0, 0.8);
-}
-.Tooltip_tooltip__ODVhY[data-entering] {
-  animation: Tooltip_slide__OWE0Z 200ms;
-}
-.Tooltip_tooltip__ODVhY[data-exiting] {
-  animation: Tooltip_slide__OWE0Z 200ms reverse ease-in;
-}
-@keyframes Tooltip_slide__OWE0Z {
-  from {
-    transform: var(--origin);
-    opacity: 0;
-  }
-  to {
-    transform: translateY(0);
-    opacity: 1;
-  }
-}
-
 /* virtual-css:css:12d12fae43d9120371ddbb4f1c814f07 */
 .SideNav_sidenav__NTNmY {
   height: 100%;