@timus-networks/theme 2.4.145 → 2.4.147

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@timus-networks/theme",
   "configKey": "themeOptions",
-  "version": "2.4.144",
+  "version": "2.4.146",
   "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.144";
+const version = "2.4.146";
 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/assets/scss/main.css

@@ -993,102 +993,102 @@ h6,
 
 h1,
 .h1 {
-  ---h1-font-size: 24px;
-  font-size: var(---h1-font-size);
-  ---h1-line-height: 32px;
-  line-height: var(---h1-line-height);
-  ---h1-font-weight: 500;
-  font-weight: var(---h1-font-weight);
+  --h1-font-size: 24px;
+  font-size: var(--h1-font-size);
+  --h1-line-height: 32px;
+  line-height: var(--h1-line-height);
+  --h1-font-weight: 500;
+  font-weight: var(--h1-font-weight);
 }
 
 h2,
 .h2 {
-  ---h2-font-size: 20px;
-  font-size: var(---h2-font-size);
-  ---h2-line-height: 28px;
-  line-height: var(---h2-line-height);
-  ---h2-font-weight: 500;
-  font-weight: var(---h2-font-weight);
+  --h2-font-size: 20px;
+  font-size: var(--h2-font-size);
+  --h2-line-height: 28px;
+  line-height: var(--h2-line-height);
+  --h2-font-weight: 500;
+  font-weight: var(--h2-font-weight);
 }
 
 h3,
 .h3 {
-  ---h3-font-size: 18px;
-  font-size: var(---h3-font-size);
-  ---h3-line-height: 24px;
-  line-height: var(---h3-line-height);
-  ---h3-font-weight: 500;
-  font-weight: var(---h3-font-weight);
+  --h3-font-size: 18px;
+  font-size: var(--h3-font-size);
+  --h3-line-height: 24px;
+  line-height: var(--h3-line-height);
+  --h3-font-weight: 500;
+  font-weight: var(--h3-font-weight);
 }
 
 h4,
 .h4 {
-  ---h4-font-size: 14px;
-  font-size: var(---h4-font-size);
-  ---h4-line-height: 20px;
-  line-height: var(---h4-line-height);
-  ---h4-font-weight: 500;
-  font-weight: var(---h4-font-weight);
+  --h4-font-size: 14px;
+  font-size: var(--h4-font-size);
+  --h4-line-height: 20px;
+  line-height: var(--h4-line-height);
+  --h4-font-weight: 500;
+  font-weight: var(--h4-font-weight);
 }
 
 h5,
 .h5 {
-  ---h5-font-size: 12px;
-  font-size: var(---h5-font-size);
-  ---h5-line-height: 16px;
-  line-height: var(---h5-line-height);
-  ---h5-font-weight: 500;
-  font-weight: var(---h5-font-weight);
+  --h5-font-size: 12px;
+  font-size: var(--h5-font-size);
+  --h5-line-height: 16px;
+  line-height: var(--h5-line-height);
+  --h5-font-weight: 500;
+  font-weight: var(--h5-font-weight);
 }
 
 h6,
 .h6 {
-  ---h6-font-size: 10px;
-  font-size: var(---h6-font-size);
-  ---h6-line-height: 12px;
-  line-height: var(---h6-line-height);
-  ---h6-font-weight: 500;
-  font-weight: var(---h6-font-weight);
+  --h6-font-size: 10px;
+  font-size: var(--h6-font-size);
+  --h6-line-height: 12px;
+  line-height: var(--h6-line-height);
+  --h6-font-weight: 500;
+  font-weight: var(--h6-font-weight);
 }
 
 .p-large,
 .el-link[size=large] {
-  ---p-large-font-size: 16px;
-  font-size: var(---p-large-font-size);
-  ---p-large-line-height: 22px;
-  line-height: var(---p-large-line-height);
+  --p-large-font-size: 16px;
+  font-size: var(--p-large-font-size);
+  --p-large-line-height: 22px;
+  line-height: var(--p-large-line-height);
 }
 
 .p-medium,
 .el-link[size=default],
 .el-link[size=medium] {
-  ---p-medium-font-size: 14px;
-  font-size: var(---p-medium-font-size);
-  ---p-medium-line-height: 20px;
-  line-height: var(---p-medium-line-height);
+  --p-medium-font-size: 14px;
+  font-size: var(--p-medium-font-size);
+  --p-medium-line-height: 20px;
+  line-height: var(--p-medium-line-height);
 }
 
 .p-small,
 .el-link[size=small] {
-  ---p-small-font-size: 12px;
-  font-size: var(---p-small-font-size);
-  ---p-small-line-height: 16px;
-  line-height: var(---p-small-line-height);
+  --p-small-font-size: 12px;
+  font-size: var(--p-small-font-size);
+  --p-small-line-height: 16px;
+  line-height: var(--p-small-line-height);
 }
 
 .p-mini,
 .el-link[size=mini] {
-  ---p-mini-font-size: 10px;
-  font-size: var(---p-mini-font-size);
-  ---p-mini-line-height: 14px;
-  line-height: var(---p-mini-line-height);
+  --p-mini-font-size: 10px;
+  font-size: var(--p-mini-font-size);
+  --p-mini-line-height: 14px;
+  line-height: var(--p-mini-line-height);
 }
 
 .p-tiny {
-  ---p-tiny-font-size: 8px;
-  font-size: var(---p-tiny-font-size);
-  ---p-tiny-line-height: 10px;
-  line-height: var(---p-tiny-line-height);
+  --p-tiny-font-size: 8px;
+  font-size: var(--p-tiny-font-size);
+  --p-tiny-line-height: 10px;
+  line-height: var(--p-tiny-line-height);
 }
 
 .form-control {
@@ -1316,8 +1316,15 @@ body {
   --el-font-size-mini: 10px;
   --el-font-size-tiny: 8px;
   --el-font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
-  --el-font-weight-primary: 500;
-  --el-font-line-height-primary: 24px;
+  --el-line-height-huge: 24px;
+  --el-line-height-large: 22px;
+  --el-line-height-medium: 20px;
+  --el-line-height-base: 20px;
+  --el-line-height-small: 16px;
+  --el-line-height-mini: 14px;
+  --el-line-height-tiny: 10px;
+  --el-font-weight-primary: 400;
+  --el-font-line-height-primary: 20px;
   --el-index-normal: 1;
   --el-index-top: 1000;
   --el-index-popper: 2000;
@@ -4321,6 +4328,7 @@ heights > $common-component-size
   width: 3px;
   transition: transform 0.15s ease-in 0.05s;
   transform-origin: center;
+  position: relative;
 }
 
 .el-checkbox__original {
@@ -10848,7 +10856,6 @@ heights > $common-component-size
 }
 
 .el-link {
-  display: inline-flex;
   gap: 4px;
   flex-direction: row;
   align-items: center;
@@ -10861,7 +10868,7 @@ heights > $common-component-size
   font-size: var(--el-link-font-size);
   font-weight: var(--el-link-font-weight);
   color: var(--el-link-text-color);
-  line-height: initial;
+  line-height: var(--el-line-height-base);
 }
 .el-link:hover {
   color: var(--el-link-hover-text-color);
@@ -10875,8 +10882,8 @@ heights > $common-component-size
   left: 0;
   right: 0;
   height: 0;
-  bottom: 2px;
-  border-bottom-width: 1px;
+  bottom: 0;
+  border-bottom-width: 0.5px;
   border-color: var(--el-color-primary-light-4);
   border-style: solid;
 }
@@ -10903,13 +10910,6 @@ heights > $common-component-size
 .el-link.el-link--default:hover::after {
   border-color: var(--el-color-primary-light-4);
 }
-.el-link__inner {
-  display: inline-flex;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
 .el-link.el-link--primary {
   --el-link-text-color: var(--el-color-primary);
   --el-link-hover-text-color: var(--el-color-primary-light-4);
@@ -11024,15 +11024,19 @@ heights > $common-component-size
 
 .el-link[size=large] {
   font-size: 16px;
+  line-height: 22px;
 }
 .el-link[size=medium] {
   font-size: 14px;
+  line-height: 20px;
 }
 .el-link[size=small] {
   font-size: 12px;
+  line-height: 16px;
 }
 .el-link[size=mini] {
   font-size: 10px;
+  line-height: 14px;
 }
 :root {
   --el-loading-spinner-size: 42px;

package/dist/runtime/public/scss/_fonts.scss

@@ -69,8 +69,8 @@ $font-config-body: (
   %#{$selector} {
     @extend %h;
     @each $prop-name, $prop-value in $value {
-      --#{$font-prefix}-#{$selector}-#{$prop-name}: #{$prop-value};
-      #{$prop-name}: var(--#{$font-prefix}-#{$selector}-#{$prop-name});
+      --#{$selector}-#{$prop-name}: #{$prop-value};
+      #{$prop-name}: var(--#{$selector}-#{$prop-name});
     }
   }
 }
@@ -78,8 +78,8 @@ $font-config-body: (
   .#{$selector},
   %#{$selector} {
     @each $prop-name, $prop-value in $value {
-      --#{$font-prefix}-#{$selector}-#{$prop-name}: #{$prop-value};
-      #{$prop-name}: var(--#{$font-prefix}-#{$selector}-#{$prop-name});
+      --#{$selector}-#{$prop-name}: #{$prop-value};
+      #{$prop-name}: var(--#{$selector}-#{$prop-name});
     }
   }
 }

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

@@ -319,8 +319,15 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   --el-font-size-mini: 10px;
   --el-font-size-tiny: 8px;
   --el-font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
-  --el-font-weight-primary: 500;
-  --el-font-line-height-primary: 24px;
+  --el-line-height-huge: 24px;
+  --el-line-height-large: 22px;
+  --el-line-height-medium: 20px;
+  --el-line-height-base: 20px;
+  --el-line-height-small: 16px;
+  --el-line-height-mini: 14px;
+  --el-line-height-tiny: 10px;
+  --el-font-weight-primary: 400;
+  --el-font-line-height-primary: 20px;
   --el-index-normal: 1;
   --el-index-top: 1000;
   --el-index-popper: 2000;

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

@@ -500,6 +500,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   width: 3px;
   transition: transform 0.15s ease-in 0.05s;
   transform-origin: center;
+  position: relative;
 }
 
 .el-checkbox__original {

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

@@ -225,6 +225,7 @@ $checkbox-bordered-input-width: map.merge($checkbox-bordered-input-height, $chec
       width: 3px;
       transition: transform 0.15s ease-in 0.05s;
       transform-origin: center;
+      position: relative;
     }
   }
 

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

@@ -229,6 +229,20 @@ $font-size: map.merge(
   $font-size
 );
 
+$line-height: () !default;
+$line-height: map.merge(
+  (
+    'huge': 24px,
+    'large': 22px,
+    'medium': 20px,
+    'base': 20px,
+    'small': 16px,
+    'mini': 14px,
+    'tiny': 10px,
+  ),
+  $line-height
+);
+
 // zIndex
 $z-index: () !default;
 $z-index: map.merge(

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

@@ -319,8 +319,15 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   --el-font-size-mini: 10px;
   --el-font-size-tiny: 8px;
   --el-font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
-  --el-font-weight-primary: 500;
-  --el-font-line-height-primary: 24px;
+  --el-line-height-huge: 24px;
+  --el-line-height-large: 22px;
+  --el-line-height-medium: 20px;
+  --el-line-height-base: 20px;
+  --el-line-height-small: 16px;
+  --el-line-height-mini: 14px;
+  --el-line-height-tiny: 10px;
+  --el-font-weight-primary: 400;
+  --el-font-line-height-primary: 20px;
   --el-index-normal: 1;
   --el-index-top: 1000;
   --el-index-popper: 2000;
@@ -3324,6 +3331,7 @@ heights > $common-component-size
   width: 3px;
   transition: transform 0.15s ease-in 0.05s;
   transform-origin: center;
+  position: relative;
 }
 
 .el-checkbox__original {
@@ -9854,102 +9862,102 @@ h6,
 
 h1,
 .h1 {
-  ---h1-font-size: 24px;
-  font-size: var(---h1-font-size);
-  ---h1-line-height: 32px;
-  line-height: var(---h1-line-height);
-  ---h1-font-weight: 500;
-  font-weight: var(---h1-font-weight);
+  --h1-font-size: 24px;
+  font-size: var(--h1-font-size);
+  --h1-line-height: 32px;
+  line-height: var(--h1-line-height);
+  --h1-font-weight: 500;
+  font-weight: var(--h1-font-weight);
 }
 
 h2,
 .h2 {
-  ---h2-font-size: 20px;
-  font-size: var(---h2-font-size);
-  ---h2-line-height: 28px;
-  line-height: var(---h2-line-height);
-  ---h2-font-weight: 500;
-  font-weight: var(---h2-font-weight);
+  --h2-font-size: 20px;
+  font-size: var(--h2-font-size);
+  --h2-line-height: 28px;
+  line-height: var(--h2-line-height);
+  --h2-font-weight: 500;
+  font-weight: var(--h2-font-weight);
 }
 
 h3,
 .h3 {
-  ---h3-font-size: 18px;
-  font-size: var(---h3-font-size);
-  ---h3-line-height: 24px;
-  line-height: var(---h3-line-height);
-  ---h3-font-weight: 500;
-  font-weight: var(---h3-font-weight);
+  --h3-font-size: 18px;
+  font-size: var(--h3-font-size);
+  --h3-line-height: 24px;
+  line-height: var(--h3-line-height);
+  --h3-font-weight: 500;
+  font-weight: var(--h3-font-weight);
 }
 
 h4,
 .h4 {
-  ---h4-font-size: 14px;
-  font-size: var(---h4-font-size);
-  ---h4-line-height: 20px;
-  line-height: var(---h4-line-height);
-  ---h4-font-weight: 500;
-  font-weight: var(---h4-font-weight);
+  --h4-font-size: 14px;
+  font-size: var(--h4-font-size);
+  --h4-line-height: 20px;
+  line-height: var(--h4-line-height);
+  --h4-font-weight: 500;
+  font-weight: var(--h4-font-weight);
 }
 
 h5,
 .h5 {
-  ---h5-font-size: 12px;
-  font-size: var(---h5-font-size);
-  ---h5-line-height: 16px;
-  line-height: var(---h5-line-height);
-  ---h5-font-weight: 500;
-  font-weight: var(---h5-font-weight);
+  --h5-font-size: 12px;
+  font-size: var(--h5-font-size);
+  --h5-line-height: 16px;
+  line-height: var(--h5-line-height);
+  --h5-font-weight: 500;
+  font-weight: var(--h5-font-weight);
 }
 
 h6,
 .h6 {
-  ---h6-font-size: 10px;
-  font-size: var(---h6-font-size);
-  ---h6-line-height: 12px;
-  line-height: var(---h6-line-height);
-  ---h6-font-weight: 500;
-  font-weight: var(---h6-font-weight);
+  --h6-font-size: 10px;
+  font-size: var(--h6-font-size);
+  --h6-line-height: 12px;
+  line-height: var(--h6-line-height);
+  --h6-font-weight: 500;
+  font-weight: var(--h6-font-weight);
 }
 
 .p-large,
 .el-link[size=large] {
-  ---p-large-font-size: 16px;
-  font-size: var(---p-large-font-size);
-  ---p-large-line-height: 22px;
-  line-height: var(---p-large-line-height);
+  --p-large-font-size: 16px;
+  font-size: var(--p-large-font-size);
+  --p-large-line-height: 22px;
+  line-height: var(--p-large-line-height);
 }
 
 .p-medium,
 .el-link[size=default],
 .el-link[size=medium] {
-  ---p-medium-font-size: 14px;
-  font-size: var(---p-medium-font-size);
-  ---p-medium-line-height: 20px;
-  line-height: var(---p-medium-line-height);
+  --p-medium-font-size: 14px;
+  font-size: var(--p-medium-font-size);
+  --p-medium-line-height: 20px;
+  line-height: var(--p-medium-line-height);
 }
 
 .p-small,
 .el-link[size=small] {
-  ---p-small-font-size: 12px;
-  font-size: var(---p-small-font-size);
-  ---p-small-line-height: 16px;
-  line-height: var(---p-small-line-height);
+  --p-small-font-size: 12px;
+  font-size: var(--p-small-font-size);
+  --p-small-line-height: 16px;
+  line-height: var(--p-small-line-height);
 }
 
 .p-mini,
 .el-link[size=mini] {
-  ---p-mini-font-size: 10px;
-  font-size: var(---p-mini-font-size);
-  ---p-mini-line-height: 14px;
-  line-height: var(---p-mini-line-height);
+  --p-mini-font-size: 10px;
+  font-size: var(--p-mini-font-size);
+  --p-mini-line-height: 14px;
+  line-height: var(--p-mini-line-height);
 }
 
 .p-tiny {
-  ---p-tiny-font-size: 8px;
-  font-size: var(---p-tiny-font-size);
-  ---p-tiny-line-height: 10px;
-  line-height: var(---p-tiny-line-height);
+  --p-tiny-font-size: 8px;
+  font-size: var(--p-tiny-font-size);
+  --p-tiny-line-height: 10px;
+  line-height: var(--p-tiny-line-height);
 }
 
 .el-link {
@@ -9962,7 +9970,6 @@ h6,
 }
 
 .el-link {
-  display: inline-flex;
   gap: 4px;
   flex-direction: row;
   align-items: center;
@@ -9975,7 +9982,7 @@ h6,
   font-size: var(--el-link-font-size);
   font-weight: var(--el-link-font-weight);
   color: var(--el-link-text-color);
-  line-height: initial;
+  line-height: var(--el-line-height-base);
 }
 .el-link:hover {
   color: var(--el-link-hover-text-color);
@@ -9989,8 +9996,8 @@ h6,
   left: 0;
   right: 0;
   height: 0;
-  bottom: 2px;
-  border-bottom-width: 1px;
+  bottom: 0;
+  border-bottom-width: 0.5px;
   border-color: var(--el-color-primary-light-4);
   border-style: solid;
 }
@@ -10017,13 +10024,6 @@ h6,
 .el-link.el-link--default:hover::after {
   border-color: var(--el-color-primary-light-4);
 }
-.el-link__inner {
-  display: inline-flex;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
 .el-link.el-link--primary {
   --el-link-text-color: var(--el-color-primary);
   --el-link-hover-text-color: var(--el-color-primary-light-4);
@@ -10138,15 +10138,19 @@ h6,
 
 .el-link[size=large] {
   font-size: 16px;
+  line-height: 22px;
 }
 .el-link[size=medium] {
   font-size: 14px;
+  line-height: 20px;
 }
 .el-link[size=small] {
   font-size: 12px;
+  line-height: 16px;
 }
 .el-link[size=mini] {
   font-size: 10px;
+  line-height: 14px;
 }
 :root {
   --el-loading-spinner-size: 42px;

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

@@ -313,102 +313,102 @@ h6,
 
 h1,
 .h1 {
-  ---h1-font-size: 24px;
-  font-size: var(---h1-font-size);
-  ---h1-line-height: 32px;
-  line-height: var(---h1-line-height);
-  ---h1-font-weight: 500;
-  font-weight: var(---h1-font-weight);
+  --h1-font-size: 24px;
+  font-size: var(--h1-font-size);
+  --h1-line-height: 32px;
+  line-height: var(--h1-line-height);
+  --h1-font-weight: 500;
+  font-weight: var(--h1-font-weight);
 }
 
 h2,
 .h2 {
-  ---h2-font-size: 20px;
-  font-size: var(---h2-font-size);
-  ---h2-line-height: 28px;
-  line-height: var(---h2-line-height);
-  ---h2-font-weight: 500;
-  font-weight: var(---h2-font-weight);
+  --h2-font-size: 20px;
+  font-size: var(--h2-font-size);
+  --h2-line-height: 28px;
+  line-height: var(--h2-line-height);
+  --h2-font-weight: 500;
+  font-weight: var(--h2-font-weight);
 }
 
 h3,
 .h3 {
-  ---h3-font-size: 18px;
-  font-size: var(---h3-font-size);
-  ---h3-line-height: 24px;
-  line-height: var(---h3-line-height);
-  ---h3-font-weight: 500;
-  font-weight: var(---h3-font-weight);
+  --h3-font-size: 18px;
+  font-size: var(--h3-font-size);
+  --h3-line-height: 24px;
+  line-height: var(--h3-line-height);
+  --h3-font-weight: 500;
+  font-weight: var(--h3-font-weight);
 }
 
 h4,
 .h4 {
-  ---h4-font-size: 14px;
-  font-size: var(---h4-font-size);
-  ---h4-line-height: 20px;
-  line-height: var(---h4-line-height);
-  ---h4-font-weight: 500;
-  font-weight: var(---h4-font-weight);
+  --h4-font-size: 14px;
+  font-size: var(--h4-font-size);
+  --h4-line-height: 20px;
+  line-height: var(--h4-line-height);
+  --h4-font-weight: 500;
+  font-weight: var(--h4-font-weight);
 }
 
 h5,
 .h5 {
-  ---h5-font-size: 12px;
-  font-size: var(---h5-font-size);
-  ---h5-line-height: 16px;
-  line-height: var(---h5-line-height);
-  ---h5-font-weight: 500;
-  font-weight: var(---h5-font-weight);
+  --h5-font-size: 12px;
+  font-size: var(--h5-font-size);
+  --h5-line-height: 16px;
+  line-height: var(--h5-line-height);
+  --h5-font-weight: 500;
+  font-weight: var(--h5-font-weight);
 }
 
 h6,
 .h6 {
-  ---h6-font-size: 10px;
-  font-size: var(---h6-font-size);
-  ---h6-line-height: 12px;
-  line-height: var(---h6-line-height);
-  ---h6-font-weight: 500;
-  font-weight: var(---h6-font-weight);
+  --h6-font-size: 10px;
+  font-size: var(--h6-font-size);
+  --h6-line-height: 12px;
+  line-height: var(--h6-line-height);
+  --h6-font-weight: 500;
+  font-weight: var(--h6-font-weight);
 }
 
 .p-large,
 .el-link[size=large] {
-  ---p-large-font-size: 16px;
-  font-size: var(---p-large-font-size);
-  ---p-large-line-height: 22px;
-  line-height: var(---p-large-line-height);
+  --p-large-font-size: 16px;
+  font-size: var(--p-large-font-size);
+  --p-large-line-height: 22px;
+  line-height: var(--p-large-line-height);
 }
 
 .p-medium,
 .el-link[size=default],
 .el-link[size=medium] {
-  ---p-medium-font-size: 14px;
-  font-size: var(---p-medium-font-size);
-  ---p-medium-line-height: 20px;
-  line-height: var(---p-medium-line-height);
+  --p-medium-font-size: 14px;
+  font-size: var(--p-medium-font-size);
+  --p-medium-line-height: 20px;
+  line-height: var(--p-medium-line-height);
 }
 
 .p-small,
 .el-link[size=small] {
-  ---p-small-font-size: 12px;
-  font-size: var(---p-small-font-size);
-  ---p-small-line-height: 16px;
-  line-height: var(---p-small-line-height);
+  --p-small-font-size: 12px;
+  font-size: var(--p-small-font-size);
+  --p-small-line-height: 16px;
+  line-height: var(--p-small-line-height);
 }
 
 .p-mini,
 .el-link[size=mini] {
-  ---p-mini-font-size: 10px;
-  font-size: var(---p-mini-font-size);
-  ---p-mini-line-height: 14px;
-  line-height: var(---p-mini-line-height);
+  --p-mini-font-size: 10px;
+  font-size: var(--p-mini-font-size);
+  --p-mini-line-height: 14px;
+  line-height: var(--p-mini-line-height);
 }
 
 .p-tiny {
-  ---p-tiny-font-size: 8px;
-  font-size: var(---p-tiny-font-size);
-  ---p-tiny-line-height: 10px;
-  line-height: var(---p-tiny-line-height);
+  --p-tiny-font-size: 8px;
+  font-size: var(--p-tiny-font-size);
+  --p-tiny-line-height: 10px;
+  line-height: var(--p-tiny-line-height);
 }
 
 .el-link {
@@ -421,7 +421,6 @@ h6,
 }
 
 .el-link {
-  display: inline-flex;
   gap: 4px;
   flex-direction: row;
   align-items: center;
@@ -434,7 +433,7 @@ h6,
   font-size: var(--el-link-font-size);
   font-weight: var(--el-link-font-weight);
   color: var(--el-link-text-color);
-  line-height: initial;
+  line-height: var(--el-line-height-base);
 }
 .el-link:hover {
   color: var(--el-link-hover-text-color);
@@ -448,8 +447,8 @@ h6,
   left: 0;
   right: 0;
   height: 0;
-  bottom: 2px;
-  border-bottom-width: 1px;
+  bottom: 0;
+  border-bottom-width: 0.5px;
   border-color: var(--el-color-primary-light-4);
   border-style: solid;
 }
@@ -476,13 +475,6 @@ h6,
 .el-link.el-link--default:hover::after {
   border-color: var(--el-color-primary-light-4);
 }
-.el-link__inner {
-  display: inline-flex;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
 .el-link.el-link--primary {
   --el-link-text-color: var(--el-color-primary);
   --el-link-hover-text-color: var(--el-color-primary-light-4);
@@ -597,13 +589,17 @@ h6,
 
 .el-link[size=large] {
   font-size: 16px;
+  line-height: 22px;
 }
 .el-link[size=medium] {
   font-size: 14px;
+  line-height: 20px;
 }
 .el-link[size=small] {
   font-size: 12px;
+  line-height: 16px;
 }
 .el-link[size=mini] {
   font-size: 10px;
+  line-height: 14px;
 }

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

@@ -12,7 +12,7 @@
 }
 
 @include b(link) {
-  display: inline-flex;
+  // display: inline-flex;
   gap: 4px;
   flex-direction: row;
   align-items: center;
@@ -26,7 +26,7 @@
   font-size: getCssVar('link', 'font-size');
   font-weight: getCssVar('link', 'font-weight');
   color: getCssVar('link', 'text-color');
-  line-height: initial;
+  line-height: getCssVar('line-height', 'base');
   // border-bottom: 1px solid transparent;
 
   &:hover {
@@ -45,8 +45,8 @@
       left: 0;
       right: 0;
       height: 0;
-      bottom: 2px;
-      border-bottom-width: 1px;
+      bottom: 0;
+      border-bottom-width: 0.5px;
       border-color: getCssVar('color', 'primary', 'light-4');
       border-style: solid;
     }
@@ -83,13 +83,13 @@
   }
 
   @include e(inner) {
-    display: inline-flex;
+    // display: inline-flex;
     // justify-content: center;
     // align-items: center;
 
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
+    // overflow: hidden;
+    // text-overflow: ellipsis;
+    // white-space: nowrap;
   }
 
   @each $type in $types {
@@ -118,8 +118,11 @@
   }
 
   @each $size in $sizes {
+    // @include css-var-from-global(('line-height', $size), ('line-height', $size));
+
     &[size='#{$size}'] {
       font-size: map.get($font-size, $size);
+      line-height: map.get($line-height, $size);
       @extend %p-#{$size};
     }
 

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

@@ -319,8 +319,15 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   --el-font-size-mini: 10px;
   --el-font-size-tiny: 8px;
   --el-font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
-  --el-font-weight-primary: 500;
-  --el-font-line-height-primary: 24px;
+  --el-line-height-huge: 24px;
+  --el-line-height-large: 22px;
+  --el-line-height-medium: 20px;
+  --el-line-height-base: 20px;
+  --el-line-height-small: 16px;
+  --el-line-height-mini: 14px;
+  --el-line-height-tiny: 10px;
+  --el-font-weight-primary: 400;
+  --el-font-line-height-primary: 20px;
   --el-index-normal: 1;
   --el-index-top: 1000;
   --el-index-popper: 2000;

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

@@ -21,8 +21,10 @@
   @include set-component-css-var('font-size', $font-size);
   @include set-component-css-var('font-family', $font-family);
 
-  @include set-css-var-value('font-weight-primary', 500);
-  @include set-css-var-value('font-line-height-primary', 24px);
+  @include set-component-css-var('line-height', $line-height);
+
+  @include set-css-var-value('font-weight-primary', 400);
+  @include set-css-var-value('font-line-height-primary', 20px);
 
   // z-index --el-index-#{$type}
   @include set-component-css-var('index', $z-index);

package/dist/runtime/public/scss/theme.css

@@ -993,97 +993,97 @@ h6,
 
 h1,
 .h1 {
-  ---h1-font-size: 24px;
-  font-size: var(---h1-font-size);
-  ---h1-line-height: 32px;
-  line-height: var(---h1-line-height);
-  ---h1-font-weight: 500;
-  font-weight: var(---h1-font-weight);
+  --h1-font-size: 24px;
+  font-size: var(--h1-font-size);
+  --h1-line-height: 32px;
+  line-height: var(--h1-line-height);
+  --h1-font-weight: 500;
+  font-weight: var(--h1-font-weight);
 }
 
 h2,
 .h2 {
-  ---h2-font-size: 20px;
-  font-size: var(---h2-font-size);
-  ---h2-line-height: 28px;
-  line-height: var(---h2-line-height);
-  ---h2-font-weight: 500;
-  font-weight: var(---h2-font-weight);
+  --h2-font-size: 20px;
+  font-size: var(--h2-font-size);
+  --h2-line-height: 28px;
+  line-height: var(--h2-line-height);
+  --h2-font-weight: 500;
+  font-weight: var(--h2-font-weight);
 }
 
 h3,
 .h3 {
-  ---h3-font-size: 18px;
-  font-size: var(---h3-font-size);
-  ---h3-line-height: 24px;
-  line-height: var(---h3-line-height);
-  ---h3-font-weight: 500;
-  font-weight: var(---h3-font-weight);
+  --h3-font-size: 18px;
+  font-size: var(--h3-font-size);
+  --h3-line-height: 24px;
+  line-height: var(--h3-line-height);
+  --h3-font-weight: 500;
+  font-weight: var(--h3-font-weight);
 }
 
 h4,
 .h4 {
-  ---h4-font-size: 14px;
-  font-size: var(---h4-font-size);
-  ---h4-line-height: 20px;
-  line-height: var(---h4-line-height);
-  ---h4-font-weight: 500;
-  font-weight: var(---h4-font-weight);
+  --h4-font-size: 14px;
+  font-size: var(--h4-font-size);
+  --h4-line-height: 20px;
+  line-height: var(--h4-line-height);
+  --h4-font-weight: 500;
+  font-weight: var(--h4-font-weight);
 }
 
 h5,
 .h5 {
-  ---h5-font-size: 12px;
-  font-size: var(---h5-font-size);
-  ---h5-line-height: 16px;
-  line-height: var(---h5-line-height);
-  ---h5-font-weight: 500;
-  font-weight: var(---h5-font-weight);
+  --h5-font-size: 12px;
+  font-size: var(--h5-font-size);
+  --h5-line-height: 16px;
+  line-height: var(--h5-line-height);
+  --h5-font-weight: 500;
+  font-weight: var(--h5-font-weight);
 }
 
 h6,
 .h6 {
-  ---h6-font-size: 10px;
-  font-size: var(---h6-font-size);
-  ---h6-line-height: 12px;
-  line-height: var(---h6-line-height);
-  ---h6-font-weight: 500;
-  font-weight: var(---h6-font-weight);
+  --h6-font-size: 10px;
+  font-size: var(--h6-font-size);
+  --h6-line-height: 12px;
+  line-height: var(--h6-line-height);
+  --h6-font-weight: 500;
+  font-weight: var(--h6-font-weight);
 }
 
 .p-large {
-  ---p-large-font-size: 16px;
-  font-size: var(---p-large-font-size);
-  ---p-large-line-height: 22px;
-  line-height: var(---p-large-line-height);
+  --p-large-font-size: 16px;
+  font-size: var(--p-large-font-size);
+  --p-large-line-height: 22px;
+  line-height: var(--p-large-line-height);
 }
 
 .p-medium {
-  ---p-medium-font-size: 14px;
-  font-size: var(---p-medium-font-size);
-  ---p-medium-line-height: 20px;
-  line-height: var(---p-medium-line-height);
+  --p-medium-font-size: 14px;
+  font-size: var(--p-medium-font-size);
+  --p-medium-line-height: 20px;
+  line-height: var(--p-medium-line-height);
 }
 
 .p-small {
-  ---p-small-font-size: 12px;
-  font-size: var(---p-small-font-size);
-  ---p-small-line-height: 16px;
-  line-height: var(---p-small-line-height);
+  --p-small-font-size: 12px;
+  font-size: var(--p-small-font-size);
+  --p-small-line-height: 16px;
+  line-height: var(--p-small-line-height);
 }
 
 .p-mini {
-  ---p-mini-font-size: 10px;
-  font-size: var(---p-mini-font-size);
-  ---p-mini-line-height: 14px;
-  line-height: var(---p-mini-line-height);
+  --p-mini-font-size: 10px;
+  font-size: var(--p-mini-font-size);
+  --p-mini-line-height: 14px;
+  line-height: var(--p-mini-line-height);
 }
 
 .p-tiny {
-  ---p-tiny-font-size: 8px;
-  font-size: var(---p-tiny-font-size);
-  ---p-tiny-line-height: 10px;
-  line-height: var(---p-tiny-line-height);
+  --p-tiny-font-size: 8px;
+  font-size: var(--p-tiny-font-size);
+  --p-tiny-line-height: 10px;
+  line-height: var(--p-tiny-line-height);
 }
 
 .form-control {

package/package.json

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