nuxt-glorious 2.0.0-develop-12 → 2.0.0-develop-14

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "nuxt-glorious",
   "configKey": "glorious",
-  "version": "2.0.0-develop-12"
+  "version": "2.0.0-develop-14"
 }

package/dist/runtime/components/G/Icon.vue

@@ -13,10 +13,13 @@ const computeProps = (icon: any) => {
   const stroke = getAttribute(props.color, 'icon', 'color')
 
   return icon
-    .replace(/width="(\d+)"/g, `class="g-icon-${props.name}" width="${size}"`)
+    .replace(
+      /(?<!stroke-)width="(\d+)"/g,
+      `class="g-icon-${props.name}" width="${size}"`
+    )
+    .replace(/stroke="(?!none)([^"]+)"/g, `stroke="${stroke}"`)
     .replace(/height="(\d+)"/g, `height="${size}"`)
     .replace(/fill="(?!none)([^"]+)"/g, `fill="${color}"`)
-    .replace(/stroke="(?!none)([^"]+)"/g, `stroke="${stroke}"`)
     .replace(/stroke-width="[^"]*"/g, `stroke-width="${strokeWidth}"`)
 }
 const changeColorIcon = (color: string) => {

package/dist/runtime/components/props/common/index.mjs

@@ -112,7 +112,7 @@ export const intSize = (def = 20) => ({
     default: def
   }
 });
-export const stroke = (def = null) => ({
+export const stroke = (def = 1) => ({
   stroke: {
     required: false,
     type: [Number, null],

package/dist/runtime/style/style.css

@@ -1329,12 +1329,29 @@ label.checked {
   @apply relative w-max;
 }
 .glorious-tooltip .tooltip-slot:hover + .tooltip-content {
-  @apply opacity-100;
+  opacity: 1;
+  display: inline;
+  animation: anim-glorious-tooltip 500ms backwards;
 }
 .glorious-tooltip > .tooltip-content {
-  @apply bg-white w-max rounded-lg shadow-md pt-2 px-3 flex absolute bottom-10 opacity-0 transition-all duration-100 ease-in;
+  @apply bg-white w-max rounded-lg shadow-md pt-2 px-3 flex absolute bottom-10 right-0 left-0 mx-auto;
+  display: none;
+  opacity: 0;
 }
 
+@keyframes anim-glorious-tooltip {
+  0% {
+    opacity: 0;
+    display: none;
+  }
+  1% {
+    display: inline-block !important;
+  }
+  100% {
+    opacity: 1 !important;
+    display: inline-block !important;
+  }
+}
 .glorious-backdrop {
   @apply backdrop-blur-md fixed top-0 w-full h-full bg-gray-500/50 z-40;
 }

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.0.0-develop-12",
+  "version": "2.0.0-develop-14",
   "name": "nuxt-glorious",
   "description": "This package provides many things needed by a project, including server requests and authentication, SEO and other requirements of a project.",
   "repository": "sajadhzj/nuxt-glorious",