@timus-networks/theme 2.4.107 → 2.4.108

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@timus-networks/theme",
   "configKey": "themeOptions",
-  "version": "2.4.106",
+  "version": "2.4.107",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/module.mjs

@@ -11,7 +11,7 @@ const __filename = __cjs_url__.fileURLToPath(import.meta.url);
 const __dirname = __cjs_path__.dirname(__filename);
 const require = __cjs_mod__.createRequire(import.meta.url);
 const name = "@timus-networks/theme";
-const version = "2.4.106";
+const version = "2.4.107";
 const description = "A comprehensive Nuxt.js module providing a tailored theme experience with integrated TailwindCSS support for applications.";
 const type = "module";
 const exports = {

package/dist/runtime/components/development/example.link.vue

@@ -47,12 +47,15 @@
     <el-card>
       <template #header> Underline </template>
       <div class="flex flex-col gap-3 items-start">
-        <h2>Underline</h2>
-        <p>Underline of link</p>
-        <div class="flex gap-2">
-          Some text, <el-link :underline="false">Without Underline</el-link> no - underline....
-          <el-link :underline="true">With Underline</el-link>
-        </div>
+        <p>
+          Default underline is <el-text tag="mark">hover</el-text>. Other underline props values is <el-text tag="mark">'always' | 'hover' | 'never'</el-text>. Boolean is
+          deprecated and will be removed in the future. Also gives an console warning.
+        </p>
+        <ul class="list-disc list-inside">
+          <li><el-link underline="never">Never</el-link> "underline='never'": Some text,</li>
+          <li><el-link underline="hover">Hover</el-link> "underline='hover'": Some text,</li>
+          <li><el-link underline="always">Always</el-link> "underline='always'": Some text</li>
+        </ul>
       </div>
       <template #footer> <html-encode :tag="snippets.underline" /> </template>
     </el-card>
@@ -85,7 +88,7 @@
   const snippets = ref({
     basic: `<el-link href="https://element-plus.org" target="_blank" type="secondary">default</el-link>`,
     disabled: `<el-link type="secondary" disabled>default</el-link>`,
-    underline: `<el-link :underline="false">Without Underline</el-link>`,
+    underline: `<el-link underline="hover">With Underline</el-link>`,
     icon: `<el-link class="isax-add icon-right">Check</el-link>`,
   });
 </script>

package/dist/runtime/public/scss/element-plus/index.css

@@ -9942,7 +9942,6 @@ h6,
   gap: 4px;
   flex-direction: row;
   align-items: center;
-  justify-content: center;
   vertical-align: middle;
   position: relative;
   text-decoration: none;
@@ -9972,7 +9971,7 @@ h6,
   border-style: solid;
 }
 
-.el-link.is-underline:hover:after {
+.el-link.is-underline:after {
   content: "";
   position: absolute;
   left: 0;

package/dist/runtime/public/scss/element-plus/link.css

@@ -425,7 +425,6 @@ h6,
   gap: 4px;
   flex-direction: row;
   align-items: center;
-  justify-content: center;
   vertical-align: middle;
   position: relative;
   text-decoration: none;
@@ -455,7 +454,7 @@ h6,
   border-style: solid;
 }
 
-.el-link.is-underline:hover:after {
+.el-link.is-underline:after {
   content: "";
   position: absolute;
   left: 0;

package/dist/runtime/public/scss/element-plus/link.scss

@@ -16,7 +16,7 @@
   gap: 4px;
   flex-direction: row;
   align-items: center;
-  justify-content: center;
+  // justify-content: center;
   vertical-align: middle;
   position: relative;
   text-decoration: none;
@@ -53,7 +53,7 @@
   }
 
   @include when(underline) {
-    &:hover:after {
+    &:after {
       content: '';
       position: absolute;
       left: 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@timus-networks/theme",
-  "version": "2.4.107",
+  "version": "2.4.108",
   "description": "A comprehensive Nuxt.js module providing a tailored theme experience with integrated TailwindCSS support for applications.",
   "type": "module",
   "exports": {