@timus-networks/theme 2.4.105 → 2.4.107

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@timus-networks/theme",
   "configKey": "themeOptions",
-  "version": "2.4.104",
+  "version": "2.4.106",
   "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.104";
+const version = "2.4.106";
 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

@@ -51,7 +51,7 @@
         <p>Underline of link</p>
         <div class="flex gap-2">
           Some text, <el-link :underline="false">Without Underline</el-link> no - underline....
-          <el-link>With Underline</el-link>
+          <el-link :underline="true">With Underline</el-link>
         </div>
       </div>
       <template #footer> <html-encode :tag="snippets.underline" /> </template>

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

@@ -365,7 +365,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   --el-border-color-dark: #d4d7de;
   --el-border-color-darker: #cdd0d6;
   --el-fill-color: #f0f2f5;
-  --el-fill-color-light: var(--el-color-neutral-light-2);
+  --el-fill-color-light: var(--el-color-neutral-light-1);
   --el-fill-color-lighter: #fafafa;
   --el-fill-color-extra-light: #fafcff;
   --el-fill-color-dark: #ebedf0;
@@ -375,7 +375,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   --el-box-shadow-light: 0px 1px 2px 0px rgba(26, 11, 94, 0.1019607843);
   --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, 0.12);
   --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, 0.08), 0px 12px 32px rgba(0, 0, 0, 0.12), 0px 8px 16px -8px rgba(0, 0, 0, 0.16);
-  --el-disabled-bg-color: var(--el-color-neutral-light-2);
+  --el-disabled-bg-color: var(--el-color-neutral-light-1);
   --el-disabled-text-color: var(--el-color-neutral-light-4);
   --el-disabled-border-color: var(--el-color-neutral-light-4);
   --el-overlay-color: rgba(0, 0, 0, 0.8);

package/dist/runtime/public/scss/element-plus/common/var.scss

@@ -143,7 +143,7 @@ $fill-color: () !default;
 $fill-color: map.merge(
   (
     '': #f0f2f5,
-    'light': getCssVar('color-neutral-light-2'),
+    'light': getCssVar('color-neutral-light-1'),
     'lighter': #fafafa,
     'extra-light': #fafcff,
     'dark': #ebedf0,
@@ -244,7 +244,7 @@ $z-index: map.merge(
 $disabled: () !default;
 $disabled: map.merge(
   (
-    'bg-color': getCssVar('color', 'neutral', 'light-2'),
+    'bg-color': getCssVar('color', 'neutral', 'light-1'),
     'text-color': getCssVar('color', 'neutral', 'light-4'),
     'border-color': getCssVar('color', 'neutral', 'light-4'),
   ),

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

@@ -365,7 +365,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   --el-border-color-dark: #d4d7de;
   --el-border-color-darker: #cdd0d6;
   --el-fill-color: #f0f2f5;
-  --el-fill-color-light: var(--el-color-neutral-light-2);
+  --el-fill-color-light: var(--el-color-neutral-light-1);
   --el-fill-color-lighter: #fafafa;
   --el-fill-color-extra-light: #fafcff;
   --el-fill-color-dark: #ebedf0;
@@ -375,7 +375,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   --el-box-shadow-light: 0px 1px 2px 0px rgba(26, 11, 94, 0.1019607843);
   --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, 0.12);
   --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, 0.08), 0px 12px 32px rgba(0, 0, 0, 0.12), 0px 8px 16px -8px rgba(0, 0, 0, 0.16);
-  --el-disabled-bg-color: var(--el-color-neutral-light-2);
+  --el-disabled-bg-color: var(--el-color-neutral-light-1);
   --el-disabled-text-color: var(--el-color-neutral-light-4);
   --el-disabled-border-color: var(--el-color-neutral-light-4);
   --el-overlay-color: rgba(0, 0, 0, 0.8);
@@ -9960,7 +9960,19 @@ h6,
 .el-link:active {
   color: var(--el-link-active-text-color);
 }
-.el-link.is-underline:hover::after {
+.el-link.is-hover-underline:hover:after {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  height: 0;
+  bottom: 2px;
+  border-bottom-width: 1px;
+  border-color: var(--el-color-primary-light-4);
+  border-style: solid;
+}
+
+.el-link.is-underline:hover:after {
   content: "";
   position: absolute;
   left: 0;
@@ -9983,9 +9995,9 @@ h6,
   border-color: var(--el-color-primary-light-4);
 }
 .el-link__inner {
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .el-link.el-link--primary {
@@ -9994,7 +10006,11 @@ h6,
   --el-link-active-text-color: var(--el-color-primary-light-6);
   --el-link-disabled-text-color: var(--el-color-primary-light-2);
 }
-.el-link.el-link--primary.is-underline:hover::after {
+.el-link.el-link--primary.is-hover-underline:hover:after {
+  border-color: var(--el-color-primary-light-4);
+}
+
+.el-link.el-link--primary.is-underline:hover:after {
   border-color: var(--el-color-primary-light-4);
 }
 
@@ -10004,7 +10020,11 @@ h6,
   --el-link-active-text-color: var(--el-color-secondary-light-6);
   --el-link-disabled-text-color: var(--el-color-secondary-light-2);
 }
-.el-link.el-link--secondary.is-underline:hover::after {
+.el-link.el-link--secondary.is-hover-underline:hover:after {
+  border-color: var(--el-color-secondary-light-4);
+}
+
+.el-link.el-link--secondary.is-underline:hover:after {
   border-color: var(--el-color-secondary-light-4);
 }
 
@@ -10014,7 +10034,11 @@ h6,
   --el-link-active-text-color: var(--el-color-neutral-light-6);
   --el-link-disabled-text-color: var(--el-color-neutral-light-2);
 }
-.el-link.el-link--neutral.is-underline:hover::after {
+.el-link.el-link--neutral.is-hover-underline:hover:after {
+  border-color: var(--el-color-neutral-light-4);
+}
+
+.el-link.el-link--neutral.is-underline:hover:after {
   border-color: var(--el-color-neutral-light-4);
 }
 
@@ -10024,7 +10048,11 @@ h6,
   --el-link-active-text-color: var(--el-color-success-light-6);
   --el-link-disabled-text-color: var(--el-color-success-light-2);
 }
-.el-link.el-link--success.is-underline:hover::after {
+.el-link.el-link--success.is-hover-underline:hover:after {
+  border-color: var(--el-color-success-light-4);
+}
+
+.el-link.el-link--success.is-underline:hover:after {
   border-color: var(--el-color-success-light-4);
 }
 
@@ -10034,7 +10062,11 @@ h6,
   --el-link-active-text-color: var(--el-color-warning-light-6);
   --el-link-disabled-text-color: var(--el-color-warning-light-2);
 }
-.el-link.el-link--warning.is-underline:hover::after {
+.el-link.el-link--warning.is-hover-underline:hover:after {
+  border-color: var(--el-color-warning-light-4);
+}
+
+.el-link.el-link--warning.is-underline:hover:after {
   border-color: var(--el-color-warning-light-4);
 }
 
@@ -10044,7 +10076,11 @@ h6,
   --el-link-active-text-color: var(--el-color-danger-light-6);
   --el-link-disabled-text-color: var(--el-color-danger-light-2);
 }
-.el-link.el-link--danger.is-underline:hover::after {
+.el-link.el-link--danger.is-hover-underline:hover:after {
+  border-color: var(--el-color-danger-light-4);
+}
+
+.el-link.el-link--danger.is-underline:hover:after {
   border-color: var(--el-color-danger-light-4);
 }
 
@@ -10054,7 +10090,11 @@ h6,
   --el-link-active-text-color: var(--el-color-error-light-6);
   --el-link-disabled-text-color: var(--el-color-error-light-2);
 }
-.el-link.el-link--error.is-underline:hover::after {
+.el-link.el-link--error.is-hover-underline:hover:after {
+  border-color: var(--el-color-error-light-4);
+}
+
+.el-link.el-link--error.is-underline:hover:after {
   border-color: var(--el-color-error-light-4);
 }
 
@@ -10064,7 +10104,11 @@ h6,
   --el-link-active-text-color: var(--el-color-info-light-6);
   --el-link-disabled-text-color: var(--el-color-info-light-2);
 }
-.el-link.el-link--info.is-underline:hover::after {
+.el-link.el-link--info.is-hover-underline:hover:after {
+  border-color: var(--el-color-info-light-4);
+}
+
+.el-link.el-link--info.is-underline:hover:after {
   border-color: var(--el-color-info-light-4);
 }
 
@@ -12513,7 +12557,7 @@ h6,
 
 .el-select__wrapper.is-disabled {
   cursor: not-allowed;
-  background-color: var(--el-color-neutral-light-2);
+  background-color: var(--el-color-neutral-light-1);
   color: var(--el-text-color-placeholder);
   box-shadow: 0 0 0 1px var(--el-select-disabled-border) inset;
 }
@@ -12661,7 +12705,7 @@ h6,
   max-width: 100%;
 }
 .el-select__input-wrapper input {
-  max-width: 2px !important;
+  field-sizing: content;
   min-width: 2px !important;
 }
 .el-select__input-wrapper.is-hidden {
@@ -12699,7 +12743,6 @@ h6,
   gap: 8px;
   padding: 10px 12px;
   min-height: 40px;
-  height: 40px;
   line-height: 20px;
   font-size: 14px;
 }
@@ -12727,7 +12770,6 @@ h6,
   gap: 8px;
   padding: 8px 12px;
   min-height: 36px;
-  height: 36px;
   line-height: 20px;
   font-size: 14px;
 }
@@ -12755,7 +12797,6 @@ h6,
   gap: 4px;
   padding: 6px 12px;
   min-height: 32px;
-  height: 32px;
   line-height: 20px;
   font-size: 12px;
 }
@@ -12783,7 +12824,6 @@ h6,
   gap: 4px;
   padding: 5px 12px;
   min-height: 28px;
-  height: 28px;
   font-size: 12px;
 }
 

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

@@ -443,7 +443,19 @@ h6,
 .el-link:active {
   color: var(--el-link-active-text-color);
 }
-.el-link.is-underline:hover::after {
+.el-link.is-hover-underline:hover:after {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  height: 0;
+  bottom: 2px;
+  border-bottom-width: 1px;
+  border-color: var(--el-color-primary-light-4);
+  border-style: solid;
+}
+
+.el-link.is-underline:hover:after {
   content: "";
   position: absolute;
   left: 0;
@@ -466,9 +478,9 @@ h6,
   border-color: var(--el-color-primary-light-4);
 }
 .el-link__inner {
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .el-link.el-link--primary {
@@ -477,7 +489,11 @@ h6,
   --el-link-active-text-color: var(--el-color-primary-light-6);
   --el-link-disabled-text-color: var(--el-color-primary-light-2);
 }
-.el-link.el-link--primary.is-underline:hover::after {
+.el-link.el-link--primary.is-hover-underline:hover:after {
+  border-color: var(--el-color-primary-light-4);
+}
+
+.el-link.el-link--primary.is-underline:hover:after {
   border-color: var(--el-color-primary-light-4);
 }
 
@@ -487,7 +503,11 @@ h6,
   --el-link-active-text-color: var(--el-color-secondary-light-6);
   --el-link-disabled-text-color: var(--el-color-secondary-light-2);
 }
-.el-link.el-link--secondary.is-underline:hover::after {
+.el-link.el-link--secondary.is-hover-underline:hover:after {
+  border-color: var(--el-color-secondary-light-4);
+}
+
+.el-link.el-link--secondary.is-underline:hover:after {
   border-color: var(--el-color-secondary-light-4);
 }
 
@@ -497,7 +517,11 @@ h6,
   --el-link-active-text-color: var(--el-color-neutral-light-6);
   --el-link-disabled-text-color: var(--el-color-neutral-light-2);
 }
-.el-link.el-link--neutral.is-underline:hover::after {
+.el-link.el-link--neutral.is-hover-underline:hover:after {
+  border-color: var(--el-color-neutral-light-4);
+}
+
+.el-link.el-link--neutral.is-underline:hover:after {
   border-color: var(--el-color-neutral-light-4);
 }
 
@@ -507,7 +531,11 @@ h6,
   --el-link-active-text-color: var(--el-color-success-light-6);
   --el-link-disabled-text-color: var(--el-color-success-light-2);
 }
-.el-link.el-link--success.is-underline:hover::after {
+.el-link.el-link--success.is-hover-underline:hover:after {
+  border-color: var(--el-color-success-light-4);
+}
+
+.el-link.el-link--success.is-underline:hover:after {
   border-color: var(--el-color-success-light-4);
 }
 
@@ -517,7 +545,11 @@ h6,
   --el-link-active-text-color: var(--el-color-warning-light-6);
   --el-link-disabled-text-color: var(--el-color-warning-light-2);
 }
-.el-link.el-link--warning.is-underline:hover::after {
+.el-link.el-link--warning.is-hover-underline:hover:after {
+  border-color: var(--el-color-warning-light-4);
+}
+
+.el-link.el-link--warning.is-underline:hover:after {
   border-color: var(--el-color-warning-light-4);
 }
 
@@ -527,7 +559,11 @@ h6,
   --el-link-active-text-color: var(--el-color-danger-light-6);
   --el-link-disabled-text-color: var(--el-color-danger-light-2);
 }
-.el-link.el-link--danger.is-underline:hover::after {
+.el-link.el-link--danger.is-hover-underline:hover:after {
+  border-color: var(--el-color-danger-light-4);
+}
+
+.el-link.el-link--danger.is-underline:hover:after {
   border-color: var(--el-color-danger-light-4);
 }
 
@@ -537,7 +573,11 @@ h6,
   --el-link-active-text-color: var(--el-color-error-light-6);
   --el-link-disabled-text-color: var(--el-color-error-light-2);
 }
-.el-link.el-link--error.is-underline:hover::after {
+.el-link.el-link--error.is-hover-underline:hover:after {
+  border-color: var(--el-color-error-light-4);
+}
+
+.el-link.el-link--error.is-underline:hover:after {
   border-color: var(--el-color-error-light-4);
 }
 
@@ -547,7 +587,11 @@ h6,
   --el-link-active-text-color: var(--el-color-info-light-6);
   --el-link-disabled-text-color: var(--el-color-info-light-2);
 }
-.el-link.el-link--info.is-underline:hover::after {
+.el-link.el-link--info.is-hover-underline:hover:after {
+  border-color: var(--el-color-info-light-4);
+}
+
+.el-link.el-link--info.is-underline:hover:after {
   border-color: var(--el-color-info-light-4);
 }
 

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

@@ -38,8 +38,22 @@
     color: getCssVar('link', 'active-text-color');
   }
 
+  @include when(hover-underline) {
+    &:hover:after {
+      content: '';
+      position: absolute;
+      left: 0;
+      right: 0;
+      height: 0;
+      bottom: 2px;
+      border-bottom-width: 1px;
+      border-color: getCssVar('color', 'primary', 'light-4');
+      border-style: solid;
+    }
+  }
+
   @include when(underline) {
-    &:hover::after {
+    &:hover:after {
       content: '';
       position: absolute;
       left: 0;
@@ -69,9 +83,13 @@
   }
 
   @include e(inner) {
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
+    // display: inline-flex;
+    // justify-content: center;
+    // align-items: center;
+
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
 
   @each $type in $types {
@@ -85,8 +103,14 @@
         // border-color: getCssVar('link', 'text-color');
       }
 
+      @include when(hover-underline) {
+        &:hover:after {
+          border-color: getCssVar('color', $type, 'light-4');
+        }
+      }
+
       @include when(underline) {
-        &:hover::after {
+        &:hover:after {
           border-color: getCssVar('color', $type, 'light-4');
         }
       }

package/dist/runtime/public/scss/element-plus/select-v2.css

@@ -488,7 +488,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 
 .el-select__wrapper.is-disabled {
   cursor: not-allowed;
-  background-color: var(--el-color-neutral-light-2);
+  background-color: var(--el-color-neutral-light-1);
   color: var(--el-text-color-placeholder);
   box-shadow: 0 0 0 1px var(--el-select-disabled-border) inset;
 }
@@ -636,7 +636,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   max-width: 100%;
 }
 .el-select__input-wrapper input {
-  max-width: 2px !important;
+  field-sizing: content;
   min-width: 2px !important;
 }
 .el-select__input-wrapper.is-hidden {
@@ -674,7 +674,6 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   gap: 8px;
   padding: 10px 12px;
   min-height: 40px;
-  height: 40px;
   line-height: 20px;
   font-size: 14px;
 }
@@ -702,7 +701,6 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   gap: 8px;
   padding: 8px 12px;
   min-height: 36px;
-  height: 36px;
   line-height: 20px;
   font-size: 14px;
 }
@@ -730,7 +728,6 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   gap: 4px;
   padding: 6px 12px;
   min-height: 32px;
-  height: 32px;
   line-height: 20px;
   font-size: 12px;
 }
@@ -758,7 +755,6 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   gap: 4px;
   padding: 5px 12px;
   min-height: 28px;
-  height: 28px;
   font-size: 12px;
 }
 

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

@@ -488,7 +488,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 
 .el-select__wrapper.is-disabled {
   cursor: not-allowed;
-  background-color: var(--el-color-neutral-light-2);
+  background-color: var(--el-color-neutral-light-1);
   color: var(--el-text-color-placeholder);
   box-shadow: 0 0 0 1px var(--el-select-disabled-border) inset;
 }
@@ -636,7 +636,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   max-width: 100%;
 }
 .el-select__input-wrapper input {
-  max-width: 2px !important;
+  field-sizing: content;
   min-width: 2px !important;
 }
 .el-select__input-wrapper.is-hidden {
@@ -674,7 +674,6 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   gap: 8px;
   padding: 10px 12px;
   min-height: 40px;
-  height: 40px;
   line-height: 20px;
   font-size: 14px;
 }
@@ -702,7 +701,6 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   gap: 8px;
   padding: 8px 12px;
   min-height: 36px;
-  height: 36px;
   line-height: 20px;
   font-size: 14px;
 }
@@ -730,7 +728,6 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   gap: 4px;
   padding: 6px 12px;
   min-height: 32px;
-  height: 32px;
   line-height: 20px;
   font-size: 12px;
 }
@@ -758,7 +755,6 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   gap: 4px;
   padding: 5px 12px;
   min-height: 28px;
-  height: 28px;
   font-size: 12px;
 }
 

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

@@ -68,7 +68,7 @@
     @include when(disabled) {
       cursor: not-allowed;
 
-      background-color: getCssVar('color-neutral-light-2');
+      background-color: getCssVar('color-neutral-light-1');
       color: getCssVar('text-color', 'placeholder');
       @include mixed-input-border(#{getCssVar('select-disabled-border')});
 
@@ -212,7 +212,8 @@
     max-width: 100%;
 
     input {
-      max-width: 2px !important;
+      //max-width: 2px !important;
+      field-sizing: content;
       min-width: 2px !important;
     }
 
@@ -256,7 +257,7 @@
         gap: map.get($select-item-gap, $size);
         padding: map.get($select-wrapper-padding, $size);
         min-height: map.get($input-height, $size);
-        height: map.get($input-height, $size);
+        // height: map.get($input-height, $size);
         line-height: map.get($select-item-height, $size);
         font-size: map.get($input-font-size, $size);
       }

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

@@ -365,7 +365,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   --el-border-color-dark: #d4d7de;
   --el-border-color-darker: #cdd0d6;
   --el-fill-color: #f0f2f5;
-  --el-fill-color-light: var(--el-color-neutral-light-2);
+  --el-fill-color-light: var(--el-color-neutral-light-1);
   --el-fill-color-lighter: #fafafa;
   --el-fill-color-extra-light: #fafcff;
   --el-fill-color-dark: #ebedf0;
@@ -375,7 +375,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   --el-box-shadow-light: 0px 1px 2px 0px rgba(26, 11, 94, 0.1019607843);
   --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, 0.12);
   --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, 0.08), 0px 12px 32px rgba(0, 0, 0, 0.12), 0px 8px 16px -8px rgba(0, 0, 0, 0.16);
-  --el-disabled-bg-color: var(--el-color-neutral-light-2);
+  --el-disabled-bg-color: var(--el-color-neutral-light-1);
   --el-disabled-text-color: var(--el-color-neutral-light-4);
   --el-disabled-border-color: var(--el-color-neutral-light-4);
   --el-overlay-color: rgba(0, 0, 0, 0.8);

package/package.json

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