@nuvoui/core 1.5.2 → 1.5.3

package/dist/nuvoui.css

@@ -3335,12 +3335,12 @@
     --tooltip-bg: rgb(17 17 17 / 90%);
     --tooltip-shadow-color: rgb(0 0 0 / 20%);
     --tooltip-text-color: #fff;
-    --microtip-transition-duration: 0.18s;
-    --microtip-transition-easing: ease-in-out;
-    --microtip-transition-delay: 0s;
-    --microtip-font-size: 13px;
-    --microtip-font-weight: normal;
-    --microtip-text-transform: none;
+    --tooltip-transition-duration: 0.18s;
+    --tooltip-transition-easing: ease-in-out;
+    --tooltip-transition-delay: 0s;
+    --tooltip-font-size: 13px;
+    --tooltip-font-weight: normal;
+    --tooltip-text-transform: none;
     --tooltip-small-width: 80px;
     --tooltip-medium-width: 150px;
     --tooltip-large-width: 260px;
@@ -3355,7 +3355,7 @@
     will-change: transform;
     opacity: 0;
     pointer-events: none;
-    transition: opacity var(--microtip-transition-duration) var(--microtip-transition-easing) var(--microtip-transition-delay), transform var(--microtip-transition-duration) var(--microtip-transition-easing) var(--microtip-transition-delay);
+    transition: opacity var(--tooltip-transition-duration) var(--tooltip-transition-easing) var(--tooltip-transition-delay), transform var(--tooltip-transition-duration) var(--tooltip-transition-easing) var(--tooltip-transition-delay);
     position: absolute;
     box-sizing: border-box;
     z-index: 10;
@@ -3371,9 +3371,9 @@
     border-radius: var(--tooltip-border-radius);
     color: var(--tooltip-text-color);
     content: attr(data-tooltip);
-    font-size: var(--microtip-font-size);
-    font-weight: var(--microtip-font-weight);
-    text-transform: var(--microtip-text-transform);
+    font-size: var(--tooltip-font-size);
+    font-weight: var(--tooltip-font-weight);
+    text-transform: var(--tooltip-text-transform);
     padding: 0.5em 1em;
     white-space: nowrap;
     box-sizing: content-box;
@@ -3382,7 +3382,7 @@
     opacity: 1;
     pointer-events: auto;
   }
-  [role~=tooltip][data-microtip-position|=top]::before {
+  [role~=tooltip][data-tooltip-position|=top]::before {
     border-left: 9px solid transparent;
     border-right: 9px solid transparent;
     border-top: 6px solid var(--tooltip-bg);
@@ -3394,33 +3394,33 @@
     left: 50%;
     z-index: 999;
   }
-  [role~=tooltip][data-microtip-position|=top]::after {
+  [role~=tooltip][data-tooltip-position|=top]::after {
     margin-bottom: 11px;
     transform: translate3d(-50%, 0, 0);
     bottom: 100%;
     left: 50%;
   }
-  [role~=tooltip][data-microtip-position|=top]:hover::before {
+  [role~=tooltip][data-tooltip-position|=top]:hover::before {
     transform: translate3d(-50%, -5px, 0);
   }
-  [role~=tooltip][data-microtip-position|=top]:hover::after {
+  [role~=tooltip][data-tooltip-position|=top]:hover::after {
     transform: translate3d(-50%, -5px, 0);
   }
-  [role~=tooltip][data-microtip-position=top-left]::after {
+  [role~=tooltip][data-tooltip-position=top-left]::after {
     transform: translate3d(calc(-100% + 16px), 0, 0);
     bottom: 100%;
   }
-  [role~=tooltip][data-microtip-position=top-left]:hover::after {
+  [role~=tooltip][data-tooltip-position=top-left]:hover::after {
     transform: translate3d(calc(-100% + 16px), -5px, 0);
   }
-  [role~=tooltip][data-microtip-position=top-right]::after {
+  [role~=tooltip][data-tooltip-position=top-right]::after {
     transform: translate3d(calc(0% - 16px), 0, 0);
     bottom: 100%;
   }
-  [role~=tooltip][data-microtip-position=top-right]:hover::after {
+  [role~=tooltip][data-tooltip-position=top-right]:hover::after {
     transform: translate3d(calc(0% - 16px), -5px, 0);
   }
-  [role~=tooltip][data-microtip-position|=bottom]::before {
+  [role~=tooltip][data-tooltip-position|=bottom]::before {
     border-left: 9px solid transparent;
     border-right: 9px solid transparent;
     border-bottom: 6px solid var(--tooltip-bg);
@@ -3434,40 +3434,40 @@
     top: 100%;
     z-index: 999;
   }
-  [role~=tooltip][data-microtip-position|=bottom]::after {
+  [role~=tooltip][data-tooltip-position|=bottom]::after {
     margin-top: 11px;
     transform: translate3d(-50%, -10px, 0);
     top: 100%;
     left: 50%;
   }
-  [role~=tooltip][data-microtip-position|=bottom]:hover::before {
+  [role~=tooltip][data-tooltip-position|=bottom]:hover::before {
     transform: translate3d(-50%, 0, 0);
   }
-  [role~=tooltip][data-microtip-position|=bottom]:hover::after {
+  [role~=tooltip][data-tooltip-position|=bottom]:hover::after {
     transform: translate3d(-50%, 0, 0);
   }
-  [role~=tooltip][data-microtip-position=bottom-left]::after {
+  [role~=tooltip][data-tooltip-position=bottom-left]::after {
     transform: translate3d(calc(-100% + 16px), -10px, 0);
     top: 100%;
   }
-  [role~=tooltip][data-microtip-position=bottom-left]:hover::after {
+  [role~=tooltip][data-tooltip-position=bottom-left]:hover::after {
     transform: translate3d(calc(-100% + 16px), 0, 0);
   }
-  [role~=tooltip][data-microtip-position=bottom-right]::after {
+  [role~=tooltip][data-tooltip-position=bottom-right]::after {
     transform: translate3d(calc(0% - 16px), -10px, 0);
     top: 100%;
   }
-  [role~=tooltip][data-microtip-position=bottom-right]:hover::after {
+  [role~=tooltip][data-tooltip-position=bottom-right]:hover::after {
     transform: translate3d(calc(0% - 16px), 0, 0);
   }
-  [role~=tooltip][data-microtip-position=left]::before, [role~=tooltip][data-microtip-position=left]::after {
+  [role~=tooltip][data-tooltip-position=left]::before, [role~=tooltip][data-tooltip-position=left]::after {
     inset: auto auto auto 100%;
     left: auto;
     right: 100%;
     top: 50%;
     transform: translate3d(10px, -50%, 0);
   }
-  [role~=tooltip][data-microtip-position=left]::before {
+  [role~=tooltip][data-tooltip-position=left]::before {
     border-top: 9px solid transparent;
     border-bottom: 9px solid transparent;
     border-left: 6px solid var(--tooltip-bg);
@@ -3477,19 +3477,19 @@
     margin-bottom: 0;
     z-index: 999;
   }
-  [role~=tooltip][data-microtip-position=left]::after {
+  [role~=tooltip][data-tooltip-position=left]::after {
     margin-right: 11px;
   }
-  [role~=tooltip][data-microtip-position=left]:hover::before, [role~=tooltip][data-microtip-position=left]:hover::after {
+  [role~=tooltip][data-tooltip-position=left]:hover::before, [role~=tooltip][data-tooltip-position=left]:hover::after {
     transform: translate3d(0, -50%, 0);
   }
-  [role~=tooltip][data-microtip-position=right]::before, [role~=tooltip][data-microtip-position=right]::after {
+  [role~=tooltip][data-tooltip-position=right]::before, [role~=tooltip][data-tooltip-position=right]::after {
     bottom: auto;
     left: 100%;
     top: 50%;
     transform: translate3d(-10px, -50%, 0);
   }
-  [role~=tooltip][data-microtip-position=right]::before {
+  [role~=tooltip][data-tooltip-position=right]::before {
     border-top: 9px solid transparent;
     border-bottom: 9px solid transparent;
     border-right: 6px solid var(--tooltip-bg);
@@ -3499,21 +3499,21 @@
     margin-left: 5px;
     z-index: 999;
   }
-  [role~=tooltip][data-microtip-position=right]::after {
+  [role~=tooltip][data-tooltip-position=right]::after {
     margin-left: 11px;
   }
-  [role~=tooltip][data-microtip-position=right]:hover::before, [role~=tooltip][data-microtip-position=right]:hover::after {
+  [role~=tooltip][data-tooltip-position=right]:hover::before, [role~=tooltip][data-tooltip-position=right]:hover::after {
     transform: translate3d(0, -50%, 0);
   }
-  [role~=tooltip][data-microtip-size=small]::after {
+  [role~=tooltip][data-tooltip-size=small]::after {
     white-space: initial;
     width: var(--tooltip-small-width);
   }
-  [role~=tooltip][data-microtip-size=medium]::after {
+  [role~=tooltip][data-tooltip-size=medium]::after {
     white-space: initial;
     width: var(--tooltip-medium-width);
   }
-  [role~=tooltip][data-microtip-size=large]::after {
+  [role~=tooltip][data-tooltip-size=large]::after {
     white-space: initial;
     width: var(--tooltip-large-width);
   }