@timus-networks/theme 2.4.284 → 2.4.285

package/dist/module.json

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

@@ -2798,17 +2798,17 @@ body {
 }
 
 .el-button--primary {
-  --el-button-text-color: var(--el-color-white);
-  --el-button-bg-color: var(--el-color-primary-light-5);
-  --el-button-border-color: var(--el-color-primary);
+  --el-button-text-color: var(--el-color-"white"-"");
+  --el-button-bg-color: var(--el-color-primary-"");
+  --el-button-border-color: var(--el-color-primary-"");
   --el-button-outline-color: var(--el-color-primary-light-5);
   --el-button-active-color: var(--el-color-primary-dark-2);
-  --el-button-hover-text-color: var(--el-color-white);
+  --el-button-hover-text-color: var(--el-color-"white"-"");
   --el-button-hover-link-text-color: var(--el-color-primary-light-5);
-  --el-button-hover-bg-color: var(--el-color-primary-light-4);
-  --el-button-hover-border-color: var(--el-color-primary-light-4);
-  --el-button-active-bg-color: var(--el-color-primary-light-6);
-  --el-button-active-border-color: var(--el-color-primary-light-6);
+  --el-button-hover-bg-color: var(--el-color-primary-"light-4");
+  --el-button-hover-border-color: var(--el-color-primary-"light-4");
+  --el-button-active-bg-color: var(--el-color-primary-"light-6");
+  --el-button-active-border-color: var(--el-color-primary-"light-6");
   --el-button-disabled-text-color: var(--el-color-white);
   --el-button-disabled-bg-color: var(--el-color-primary-light-1);
   --el-button-disabled-border-color: var(--el-color-primary-light-1);
@@ -2866,17 +2866,17 @@ body {
 }
 
 .el-button--neutral {
-  --el-button-text-color: var(--el-color-white);
-  --el-button-bg-color: var(--el-color-neutral-light-5);
-  --el-button-border-color: var(--el-color-neutral);
+  --el-button-text-color: var(--el-color-"white"-"");
+  --el-button-bg-color: var(--el-color-neutral-"");
+  --el-button-border-color: var(--el-color-neutral-"");
   --el-button-outline-color: var(--el-color-neutral-light-5);
   --el-button-active-color: var(--el-color-neutral-dark-2);
-  --el-button-hover-text-color: var(--el-color-white);
+  --el-button-hover-text-color: var(--el-color-"white"-"");
   --el-button-hover-link-text-color: var(--el-color-neutral-light-5);
-  --el-button-hover-bg-color: var(--el-color-neutral-light-4);
-  --el-button-hover-border-color: var(--el-color-neutral-light-4);
-  --el-button-active-bg-color: var(--el-color-neutral-light-6);
-  --el-button-active-border-color: var(--el-color-neutral-light-6);
+  --el-button-hover-bg-color: var(--el-color-neutral-"light-4");
+  --el-button-hover-border-color: var(--el-color-neutral-"light-4");
+  --el-button-active-bg-color: var(--el-color-neutral-"light-6");
+  --el-button-active-border-color: var(--el-color-neutral-"light-6");
   --el-button-disabled-text-color: var(--el-color-white);
   --el-button-disabled-bg-color: var(--el-color-neutral-light-1);
   --el-button-disabled-border-color: var(--el-color-neutral-light-1);
@@ -2900,17 +2900,17 @@ body {
 }
 
 .el-button--success {
-  --el-button-text-color: var(--el-color-white);
-  --el-button-bg-color: var(--el-color-success-light-5);
-  --el-button-border-color: var(--el-color-success);
+  --el-button-text-color: var(--el-color-"white"-"");
+  --el-button-bg-color: var(--el-color-success-"");
+  --el-button-border-color: var(--el-color-success-"");
   --el-button-outline-color: var(--el-color-success-light-5);
   --el-button-active-color: var(--el-color-success-dark-2);
-  --el-button-hover-text-color: var(--el-color-white);
+  --el-button-hover-text-color: var(--el-color-"white"-"");
   --el-button-hover-link-text-color: var(--el-color-success-light-5);
-  --el-button-hover-bg-color: var(--el-color-success-light-4);
-  --el-button-hover-border-color: var(--el-color-success-light-4);
-  --el-button-active-bg-color: var(--el-color-success-light-6);
-  --el-button-active-border-color: var(--el-color-success-light-6);
+  --el-button-hover-bg-color: var(--el-color-success-"light-4");
+  --el-button-hover-border-color: var(--el-color-success-"light-4");
+  --el-button-active-bg-color: var(--el-color-success-"light-6");
+  --el-button-active-border-color: var(--el-color-success-"light-6");
   --el-button-disabled-text-color: var(--el-color-white);
   --el-button-disabled-bg-color: var(--el-color-success-light-1);
   --el-button-disabled-border-color: var(--el-color-success-light-1);
@@ -2934,17 +2934,17 @@ body {
 }
 
 .el-button--warning {
-  --el-button-text-color: var(--el-color-white);
-  --el-button-bg-color: var(--el-color-warning-light-5);
-  --el-button-border-color: var(--el-color-warning);
+  --el-button-text-color: var(--el-color-"white"-"");
+  --el-button-bg-color: var(--el-color-warning-"");
+  --el-button-border-color: var(--el-color-warning-"");
   --el-button-outline-color: var(--el-color-warning-light-5);
   --el-button-active-color: var(--el-color-warning-dark-2);
-  --el-button-hover-text-color: var(--el-color-white);
+  --el-button-hover-text-color: var(--el-color-"white"-"");
   --el-button-hover-link-text-color: var(--el-color-warning-light-5);
-  --el-button-hover-bg-color: var(--el-color-warning-light-4);
-  --el-button-hover-border-color: var(--el-color-warning-light-4);
-  --el-button-active-bg-color: var(--el-color-warning-light-6);
-  --el-button-active-border-color: var(--el-color-warning-light-6);
+  --el-button-hover-bg-color: var(--el-color-warning-"light-4");
+  --el-button-hover-border-color: var(--el-color-warning-"light-4");
+  --el-button-active-bg-color: var(--el-color-warning-"light-6");
+  --el-button-active-border-color: var(--el-color-warning-"light-6");
   --el-button-disabled-text-color: var(--el-color-white);
   --el-button-disabled-bg-color: var(--el-color-warning-light-1);
   --el-button-disabled-border-color: var(--el-color-warning-light-1);
@@ -2968,17 +2968,17 @@ body {
 }
 
 .el-button--danger {
-  --el-button-text-color: var(--el-color-white);
-  --el-button-bg-color: var(--el-color-danger-light-5);
-  --el-button-border-color: var(--el-color-danger);
+  --el-button-text-color: var(--el-color-"white"-"");
+  --el-button-bg-color: var(--el-color-danger-"");
+  --el-button-border-color: var(--el-color-danger-"");
   --el-button-outline-color: var(--el-color-danger-light-5);
   --el-button-active-color: var(--el-color-danger-dark-2);
-  --el-button-hover-text-color: var(--el-color-white);
+  --el-button-hover-text-color: var(--el-color-"white"-"");
   --el-button-hover-link-text-color: var(--el-color-danger-light-5);
-  --el-button-hover-bg-color: var(--el-color-danger-light-4);
-  --el-button-hover-border-color: var(--el-color-danger-light-4);
-  --el-button-active-bg-color: var(--el-color-danger-light-6);
-  --el-button-active-border-color: var(--el-color-danger-light-6);
+  --el-button-hover-bg-color: var(--el-color-danger-"light-4");
+  --el-button-hover-border-color: var(--el-color-danger-"light-4");
+  --el-button-active-bg-color: var(--el-color-danger-"light-6");
+  --el-button-active-border-color: var(--el-color-danger-"light-6");
   --el-button-disabled-text-color: var(--el-color-white);
   --el-button-disabled-bg-color: var(--el-color-danger-light-1);
   --el-button-disabled-border-color: var(--el-color-danger-light-1);
@@ -3002,17 +3002,17 @@ body {
 }
 
 .el-button--error {
-  --el-button-text-color: var(--el-color-white);
-  --el-button-bg-color: var(--el-color-error-light-5);
-  --el-button-border-color: var(--el-color-error);
+  --el-button-text-color: var(--el-color-"white"-"");
+  --el-button-bg-color: var(--el-color-error-"");
+  --el-button-border-color: var(--el-color-error-"");
   --el-button-outline-color: var(--el-color-error-light-5);
   --el-button-active-color: var(--el-color-error-dark-2);
-  --el-button-hover-text-color: var(--el-color-white);
+  --el-button-hover-text-color: var(--el-color-"white"-"");
   --el-button-hover-link-text-color: var(--el-color-error-light-5);
-  --el-button-hover-bg-color: var(--el-color-error-light-4);
-  --el-button-hover-border-color: var(--el-color-error-light-4);
-  --el-button-active-bg-color: var(--el-color-error-light-6);
-  --el-button-active-border-color: var(--el-color-error-light-6);
+  --el-button-hover-bg-color: var(--el-color-error-"light-4");
+  --el-button-hover-border-color: var(--el-color-error-"light-4");
+  --el-button-active-bg-color: var(--el-color-error-"light-6");
+  --el-button-active-border-color: var(--el-color-error-"light-6");
   --el-button-disabled-text-color: var(--el-color-white);
   --el-button-disabled-bg-color: var(--el-color-error-light-1);
   --el-button-disabled-border-color: var(--el-color-error-light-1);
@@ -3036,17 +3036,17 @@ body {
 }
 
 .el-button--info {
-  --el-button-text-color: var(--el-color-white);
-  --el-button-bg-color: var(--el-color-info-light-5);
-  --el-button-border-color: var(--el-color-info);
+  --el-button-text-color: var(--el-color-"white"-"");
+  --el-button-bg-color: var(--el-color-info-"");
+  --el-button-border-color: var(--el-color-info-"");
   --el-button-outline-color: var(--el-color-info-light-5);
   --el-button-active-color: var(--el-color-info-dark-2);
-  --el-button-hover-text-color: var(--el-color-white);
+  --el-button-hover-text-color: var(--el-color-"white"-"");
   --el-button-hover-link-text-color: var(--el-color-info-light-5);
-  --el-button-hover-bg-color: var(--el-color-info-light-4);
-  --el-button-hover-border-color: var(--el-color-info-light-4);
-  --el-button-active-bg-color: var(--el-color-info-light-6);
-  --el-button-active-border-color: var(--el-color-info-light-6);
+  --el-button-hover-bg-color: var(--el-color-info-"light-4");
+  --el-button-hover-border-color: var(--el-color-info-"light-4");
+  --el-button-active-bg-color: var(--el-color-info-"light-6");
+  --el-button-active-border-color: var(--el-color-info-"light-6");
   --el-button-disabled-text-color: var(--el-color-white);
   --el-button-disabled-bg-color: var(--el-color-info-light-1);
   --el-button-disabled-border-color: var(--el-color-info-light-1);
@@ -13757,12 +13757,12 @@ heights > $common-component-size
   --el-tag-hover-color: var(--el-color-primary-light-5);
   --el-tag-text-color: var(--el-color-primary-light-5);
 }
+.el-select__selected-item:has(+ .el-tooltip__trigger) {
+  max-width: calc(100% - 160px);
+}
 .el-select__selected-item:has(~ .el-select__input-wrapper.is-hidden) {
   max-width: none;
 }
-.el-select__selected-item:has(+ .el-tooltip__trigger + .el-select__input-wrapper:not(.is-hidden)) {
-  max-width: calc(100% - 160px);
-}
 
 .el-select__tags-text {
   display: block;
@@ -13825,7 +13825,6 @@ heights > $common-component-size
 .el-select__input-wrapper.is-hidden {
   position: absolute;
   opacity: 0;
-  display: none;
 }
 
 .el-select__input {
@@ -16601,6 +16600,8 @@ heights > $common-component-size
 }
 .el-tag .el-tag__close {
   margin-left: 8px;
+  margin-left: 4px;
+  margin-right: -3px;
 }
 .el-tag--dark {
   --el-tag-text-color: var(--el-color-white);
@@ -16722,6 +16723,7 @@ heights > $common-component-size
 
 .el-tag.is-closable {
   padding-right: 7px;
+  display: flex;
 }
 .el-tag--large {
   padding: 0 7px;
@@ -18139,9 +18141,6 @@ mark.el-text {
   overflow-wrap: break-word;
   visibility: visible;
 }
-.el-popper .el-select__selected-item {
-  max-width: none;
-}
 .el-popper.is-dark {
   color: var(--el-bg-color);
   background: var(--el-text-color-primary);

package/dist/runtime/plugins/disable-warnings-plugin.js

@@ -2,7 +2,8 @@ import { defineNuxtPlugin } from "#app";
 export default defineNuxtPlugin((nuxtApp) => {
   const ignoredWarnings = [
     "Invalid prop: validation failed",
-    "Invalid prop: custom validator"
+    "Invalid prop: custom validator",
+    '[ElMenuItem] Missing required prop: "index"'
     // Add other warnings to ignore here
   ];
   if (process.env.NODE_ENV === "development") {

package/dist/runtime/plugins/disable-warnings-plugin.mjs

@@ -2,7 +2,8 @@ import { defineNuxtPlugin } from "#app";
 export default defineNuxtPlugin((nuxtApp) => {
   const ignoredWarnings = [
     "Invalid prop: validation failed",
-    "Invalid prop: custom validator"
+    "Invalid prop: custom validator",
+    '[ElMenuItem] Missing required prop: "index"'
     // Add other warnings to ignore here
   ];
   if (process.env.NODE_ENV === "development") {

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

@@ -718,17 +718,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-button--primary {
-  --el-button-text-color: var(--el-color-white);
-  --el-button-bg-color: var(--el-color-primary-light-5);
-  --el-button-border-color: var(--el-color-primary);
+  --el-button-text-color: var(--el-color-"white"-"");
+  --el-button-bg-color: var(--el-color-primary-"");
+  --el-button-border-color: var(--el-color-primary-"");
   --el-button-outline-color: var(--el-color-primary-light-5);
   --el-button-active-color: var(--el-color-primary-dark-2);
-  --el-button-hover-text-color: var(--el-color-white);
+  --el-button-hover-text-color: var(--el-color-"white"-"");
   --el-button-hover-link-text-color: var(--el-color-primary-light-5);
-  --el-button-hover-bg-color: var(--el-color-primary-light-4);
-  --el-button-hover-border-color: var(--el-color-primary-light-4);
-  --el-button-active-bg-color: var(--el-color-primary-light-6);
-  --el-button-active-border-color: var(--el-color-primary-light-6);
+  --el-button-hover-bg-color: var(--el-color-primary-"light-4");
+  --el-button-hover-border-color: var(--el-color-primary-"light-4");
+  --el-button-active-bg-color: var(--el-color-primary-"light-6");
+  --el-button-active-border-color: var(--el-color-primary-"light-6");
   --el-button-disabled-text-color: var(--el-color-white);
   --el-button-disabled-bg-color: var(--el-color-primary-light-1);
   --el-button-disabled-border-color: var(--el-color-primary-light-1);
@@ -786,17 +786,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-button--neutral {
-  --el-button-text-color: var(--el-color-white);
-  --el-button-bg-color: var(--el-color-neutral-light-5);
-  --el-button-border-color: var(--el-color-neutral);
+  --el-button-text-color: var(--el-color-"white"-"");
+  --el-button-bg-color: var(--el-color-neutral-"");
+  --el-button-border-color: var(--el-color-neutral-"");
   --el-button-outline-color: var(--el-color-neutral-light-5);
   --el-button-active-color: var(--el-color-neutral-dark-2);
-  --el-button-hover-text-color: var(--el-color-white);
+  --el-button-hover-text-color: var(--el-color-"white"-"");
   --el-button-hover-link-text-color: var(--el-color-neutral-light-5);
-  --el-button-hover-bg-color: var(--el-color-neutral-light-4);
-  --el-button-hover-border-color: var(--el-color-neutral-light-4);
-  --el-button-active-bg-color: var(--el-color-neutral-light-6);
-  --el-button-active-border-color: var(--el-color-neutral-light-6);
+  --el-button-hover-bg-color: var(--el-color-neutral-"light-4");
+  --el-button-hover-border-color: var(--el-color-neutral-"light-4");
+  --el-button-active-bg-color: var(--el-color-neutral-"light-6");
+  --el-button-active-border-color: var(--el-color-neutral-"light-6");
   --el-button-disabled-text-color: var(--el-color-white);
   --el-button-disabled-bg-color: var(--el-color-neutral-light-1);
   --el-button-disabled-border-color: var(--el-color-neutral-light-1);
@@ -820,17 +820,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-button--success {
-  --el-button-text-color: var(--el-color-white);
-  --el-button-bg-color: var(--el-color-success-light-5);
-  --el-button-border-color: var(--el-color-success);
+  --el-button-text-color: var(--el-color-"white"-"");
+  --el-button-bg-color: var(--el-color-success-"");
+  --el-button-border-color: var(--el-color-success-"");
   --el-button-outline-color: var(--el-color-success-light-5);
   --el-button-active-color: var(--el-color-success-dark-2);
-  --el-button-hover-text-color: var(--el-color-white);
+  --el-button-hover-text-color: var(--el-color-"white"-"");
   --el-button-hover-link-text-color: var(--el-color-success-light-5);
-  --el-button-hover-bg-color: var(--el-color-success-light-4);
-  --el-button-hover-border-color: var(--el-color-success-light-4);
-  --el-button-active-bg-color: var(--el-color-success-light-6);
-  --el-button-active-border-color: var(--el-color-success-light-6);
+  --el-button-hover-bg-color: var(--el-color-success-"light-4");
+  --el-button-hover-border-color: var(--el-color-success-"light-4");
+  --el-button-active-bg-color: var(--el-color-success-"light-6");
+  --el-button-active-border-color: var(--el-color-success-"light-6");
   --el-button-disabled-text-color: var(--el-color-white);
   --el-button-disabled-bg-color: var(--el-color-success-light-1);
   --el-button-disabled-border-color: var(--el-color-success-light-1);
@@ -854,17 +854,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-button--warning {
-  --el-button-text-color: var(--el-color-white);
-  --el-button-bg-color: var(--el-color-warning-light-5);
-  --el-button-border-color: var(--el-color-warning);
+  --el-button-text-color: var(--el-color-"white"-"");
+  --el-button-bg-color: var(--el-color-warning-"");
+  --el-button-border-color: var(--el-color-warning-"");
   --el-button-outline-color: var(--el-color-warning-light-5);
   --el-button-active-color: var(--el-color-warning-dark-2);
-  --el-button-hover-text-color: var(--el-color-white);
+  --el-button-hover-text-color: var(--el-color-"white"-"");
   --el-button-hover-link-text-color: var(--el-color-warning-light-5);
-  --el-button-hover-bg-color: var(--el-color-warning-light-4);
-  --el-button-hover-border-color: var(--el-color-warning-light-4);
-  --el-button-active-bg-color: var(--el-color-warning-light-6);
-  --el-button-active-border-color: var(--el-color-warning-light-6);
+  --el-button-hover-bg-color: var(--el-color-warning-"light-4");
+  --el-button-hover-border-color: var(--el-color-warning-"light-4");
+  --el-button-active-bg-color: var(--el-color-warning-"light-6");
+  --el-button-active-border-color: var(--el-color-warning-"light-6");
   --el-button-disabled-text-color: var(--el-color-white);
   --el-button-disabled-bg-color: var(--el-color-warning-light-1);
   --el-button-disabled-border-color: var(--el-color-warning-light-1);
@@ -888,17 +888,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-button--danger {
-  --el-button-text-color: var(--el-color-white);
-  --el-button-bg-color: var(--el-color-danger-light-5);
-  --el-button-border-color: var(--el-color-danger);
+  --el-button-text-color: var(--el-color-"white"-"");
+  --el-button-bg-color: var(--el-color-danger-"");
+  --el-button-border-color: var(--el-color-danger-"");
   --el-button-outline-color: var(--el-color-danger-light-5);
   --el-button-active-color: var(--el-color-danger-dark-2);
-  --el-button-hover-text-color: var(--el-color-white);
+  --el-button-hover-text-color: var(--el-color-"white"-"");
   --el-button-hover-link-text-color: var(--el-color-danger-light-5);
-  --el-button-hover-bg-color: var(--el-color-danger-light-4);
-  --el-button-hover-border-color: var(--el-color-danger-light-4);
-  --el-button-active-bg-color: var(--el-color-danger-light-6);
-  --el-button-active-border-color: var(--el-color-danger-light-6);
+  --el-button-hover-bg-color: var(--el-color-danger-"light-4");
+  --el-button-hover-border-color: var(--el-color-danger-"light-4");
+  --el-button-active-bg-color: var(--el-color-danger-"light-6");
+  --el-button-active-border-color: var(--el-color-danger-"light-6");
   --el-button-disabled-text-color: var(--el-color-white);
   --el-button-disabled-bg-color: var(--el-color-danger-light-1);
   --el-button-disabled-border-color: var(--el-color-danger-light-1);
@@ -922,17 +922,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-button--error {
-  --el-button-text-color: var(--el-color-white);
-  --el-button-bg-color: var(--el-color-error-light-5);
-  --el-button-border-color: var(--el-color-error);
+  --el-button-text-color: var(--el-color-"white"-"");
+  --el-button-bg-color: var(--el-color-error-"");
+  --el-button-border-color: var(--el-color-error-"");
   --el-button-outline-color: var(--el-color-error-light-5);
   --el-button-active-color: var(--el-color-error-dark-2);
-  --el-button-hover-text-color: var(--el-color-white);
+  --el-button-hover-text-color: var(--el-color-"white"-"");
   --el-button-hover-link-text-color: var(--el-color-error-light-5);
-  --el-button-hover-bg-color: var(--el-color-error-light-4);
-  --el-button-hover-border-color: var(--el-color-error-light-4);
-  --el-button-active-bg-color: var(--el-color-error-light-6);
-  --el-button-active-border-color: var(--el-color-error-light-6);
+  --el-button-hover-bg-color: var(--el-color-error-"light-4");
+  --el-button-hover-border-color: var(--el-color-error-"light-4");
+  --el-button-active-bg-color: var(--el-color-error-"light-6");
+  --el-button-active-border-color: var(--el-color-error-"light-6");
   --el-button-disabled-text-color: var(--el-color-white);
   --el-button-disabled-bg-color: var(--el-color-error-light-1);
   --el-button-disabled-border-color: var(--el-color-error-light-1);
@@ -956,17 +956,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-button--info {
-  --el-button-text-color: var(--el-color-white);
-  --el-button-bg-color: var(--el-color-info-light-5);
-  --el-button-border-color: var(--el-color-info);
+  --el-button-text-color: var(--el-color-"white"-"");
+  --el-button-bg-color: var(--el-color-info-"");
+  --el-button-border-color: var(--el-color-info-"");
   --el-button-outline-color: var(--el-color-info-light-5);
   --el-button-active-color: var(--el-color-info-dark-2);
-  --el-button-hover-text-color: var(--el-color-white);
+  --el-button-hover-text-color: var(--el-color-"white"-"");
   --el-button-hover-link-text-color: var(--el-color-info-light-5);
-  --el-button-hover-bg-color: var(--el-color-info-light-4);
-  --el-button-hover-border-color: var(--el-color-info-light-4);
-  --el-button-active-bg-color: var(--el-color-info-light-6);
-  --el-button-active-border-color: var(--el-color-info-light-6);
+  --el-button-hover-bg-color: var(--el-color-info-"light-4");
+  --el-button-hover-border-color: var(--el-color-info-"light-4");
+  --el-button-active-bg-color: var(--el-color-info-"light-6");
+  --el-button-active-border-color: var(--el-color-info-"light-6");
   --el-button-disabled-text-color: var(--el-color-white);
   --el-button-disabled-bg-color: var(--el-color-info-light-1);
   --el-button-disabled-border-color: var(--el-color-info-light-1);

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

@@ -1795,17 +1795,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-button--primary {
-  --el-button-text-color: var(--el-color-white);
-  --el-button-bg-color: var(--el-color-primary-light-5);
-  --el-button-border-color: var(--el-color-primary);
+  --el-button-text-color: var(--el-color-"white"-"");
+  --el-button-bg-color: var(--el-color-primary-"");
+  --el-button-border-color: var(--el-color-primary-"");
   --el-button-outline-color: var(--el-color-primary-light-5);
   --el-button-active-color: var(--el-color-primary-dark-2);
-  --el-button-hover-text-color: var(--el-color-white);
+  --el-button-hover-text-color: var(--el-color-"white"-"");
   --el-button-hover-link-text-color: var(--el-color-primary-light-5);
-  --el-button-hover-bg-color: var(--el-color-primary-light-4);
-  --el-button-hover-border-color: var(--el-color-primary-light-4);
-  --el-button-active-bg-color: var(--el-color-primary-light-6);
-  --el-button-active-border-color: var(--el-color-primary-light-6);
+  --el-button-hover-bg-color: var(--el-color-primary-"light-4");
+  --el-button-hover-border-color: var(--el-color-primary-"light-4");
+  --el-button-active-bg-color: var(--el-color-primary-"light-6");
+  --el-button-active-border-color: var(--el-color-primary-"light-6");
   --el-button-disabled-text-color: var(--el-color-white);
   --el-button-disabled-bg-color: var(--el-color-primary-light-1);
   --el-button-disabled-border-color: var(--el-color-primary-light-1);
@@ -1863,17 +1863,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-button--neutral {
-  --el-button-text-color: var(--el-color-white);
-  --el-button-bg-color: var(--el-color-neutral-light-5);
-  --el-button-border-color: var(--el-color-neutral);
+  --el-button-text-color: var(--el-color-"white"-"");
+  --el-button-bg-color: var(--el-color-neutral-"");
+  --el-button-border-color: var(--el-color-neutral-"");
   --el-button-outline-color: var(--el-color-neutral-light-5);
   --el-button-active-color: var(--el-color-neutral-dark-2);
-  --el-button-hover-text-color: var(--el-color-white);
+  --el-button-hover-text-color: var(--el-color-"white"-"");
   --el-button-hover-link-text-color: var(--el-color-neutral-light-5);
-  --el-button-hover-bg-color: var(--el-color-neutral-light-4);
-  --el-button-hover-border-color: var(--el-color-neutral-light-4);
-  --el-button-active-bg-color: var(--el-color-neutral-light-6);
-  --el-button-active-border-color: var(--el-color-neutral-light-6);
+  --el-button-hover-bg-color: var(--el-color-neutral-"light-4");
+  --el-button-hover-border-color: var(--el-color-neutral-"light-4");
+  --el-button-active-bg-color: var(--el-color-neutral-"light-6");
+  --el-button-active-border-color: var(--el-color-neutral-"light-6");
   --el-button-disabled-text-color: var(--el-color-white);
   --el-button-disabled-bg-color: var(--el-color-neutral-light-1);
   --el-button-disabled-border-color: var(--el-color-neutral-light-1);
@@ -1897,17 +1897,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-button--success {
-  --el-button-text-color: var(--el-color-white);
-  --el-button-bg-color: var(--el-color-success-light-5);
-  --el-button-border-color: var(--el-color-success);
+  --el-button-text-color: var(--el-color-"white"-"");
+  --el-button-bg-color: var(--el-color-success-"");
+  --el-button-border-color: var(--el-color-success-"");
   --el-button-outline-color: var(--el-color-success-light-5);
   --el-button-active-color: var(--el-color-success-dark-2);
-  --el-button-hover-text-color: var(--el-color-white);
+  --el-button-hover-text-color: var(--el-color-"white"-"");
   --el-button-hover-link-text-color: var(--el-color-success-light-5);
-  --el-button-hover-bg-color: var(--el-color-success-light-4);
-  --el-button-hover-border-color: var(--el-color-success-light-4);
-  --el-button-active-bg-color: var(--el-color-success-light-6);
-  --el-button-active-border-color: var(--el-color-success-light-6);
+  --el-button-hover-bg-color: var(--el-color-success-"light-4");
+  --el-button-hover-border-color: var(--el-color-success-"light-4");
+  --el-button-active-bg-color: var(--el-color-success-"light-6");
+  --el-button-active-border-color: var(--el-color-success-"light-6");
   --el-button-disabled-text-color: var(--el-color-white);
   --el-button-disabled-bg-color: var(--el-color-success-light-1);
   --el-button-disabled-border-color: var(--el-color-success-light-1);
@@ -1931,17 +1931,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-button--warning {
-  --el-button-text-color: var(--el-color-white);
-  --el-button-bg-color: var(--el-color-warning-light-5);
-  --el-button-border-color: var(--el-color-warning);
+  --el-button-text-color: var(--el-color-"white"-"");
+  --el-button-bg-color: var(--el-color-warning-"");
+  --el-button-border-color: var(--el-color-warning-"");
   --el-button-outline-color: var(--el-color-warning-light-5);
   --el-button-active-color: var(--el-color-warning-dark-2);
-  --el-button-hover-text-color: var(--el-color-white);
+  --el-button-hover-text-color: var(--el-color-"white"-"");
   --el-button-hover-link-text-color: var(--el-color-warning-light-5);
-  --el-button-hover-bg-color: var(--el-color-warning-light-4);
-  --el-button-hover-border-color: var(--el-color-warning-light-4);
-  --el-button-active-bg-color: var(--el-color-warning-light-6);
-  --el-button-active-border-color: var(--el-color-warning-light-6);
+  --el-button-hover-bg-color: var(--el-color-warning-"light-4");
+  --el-button-hover-border-color: var(--el-color-warning-"light-4");
+  --el-button-active-bg-color: var(--el-color-warning-"light-6");
+  --el-button-active-border-color: var(--el-color-warning-"light-6");
   --el-button-disabled-text-color: var(--el-color-white);
   --el-button-disabled-bg-color: var(--el-color-warning-light-1);
   --el-button-disabled-border-color: var(--el-color-warning-light-1);
@@ -1965,17 +1965,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-button--danger {
-  --el-button-text-color: var(--el-color-white);
-  --el-button-bg-color: var(--el-color-danger-light-5);
-  --el-button-border-color: var(--el-color-danger);
+  --el-button-text-color: var(--el-color-"white"-"");
+  --el-button-bg-color: var(--el-color-danger-"");
+  --el-button-border-color: var(--el-color-danger-"");
   --el-button-outline-color: var(--el-color-danger-light-5);
   --el-button-active-color: var(--el-color-danger-dark-2);
-  --el-button-hover-text-color: var(--el-color-white);
+  --el-button-hover-text-color: var(--el-color-"white"-"");
   --el-button-hover-link-text-color: var(--el-color-danger-light-5);
-  --el-button-hover-bg-color: var(--el-color-danger-light-4);
-  --el-button-hover-border-color: var(--el-color-danger-light-4);
-  --el-button-active-bg-color: var(--el-color-danger-light-6);
-  --el-button-active-border-color: var(--el-color-danger-light-6);
+  --el-button-hover-bg-color: var(--el-color-danger-"light-4");
+  --el-button-hover-border-color: var(--el-color-danger-"light-4");
+  --el-button-active-bg-color: var(--el-color-danger-"light-6");
+  --el-button-active-border-color: var(--el-color-danger-"light-6");
   --el-button-disabled-text-color: var(--el-color-white);
   --el-button-disabled-bg-color: var(--el-color-danger-light-1);
   --el-button-disabled-border-color: var(--el-color-danger-light-1);
@@ -1999,17 +1999,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-button--error {
-  --el-button-text-color: var(--el-color-white);
-  --el-button-bg-color: var(--el-color-error-light-5);
-  --el-button-border-color: var(--el-color-error);
+  --el-button-text-color: var(--el-color-"white"-"");
+  --el-button-bg-color: var(--el-color-error-"");
+  --el-button-border-color: var(--el-color-error-"");
   --el-button-outline-color: var(--el-color-error-light-5);
   --el-button-active-color: var(--el-color-error-dark-2);
-  --el-button-hover-text-color: var(--el-color-white);
+  --el-button-hover-text-color: var(--el-color-"white"-"");
   --el-button-hover-link-text-color: var(--el-color-error-light-5);
-  --el-button-hover-bg-color: var(--el-color-error-light-4);
-  --el-button-hover-border-color: var(--el-color-error-light-4);
-  --el-button-active-bg-color: var(--el-color-error-light-6);
-  --el-button-active-border-color: var(--el-color-error-light-6);
+  --el-button-hover-bg-color: var(--el-color-error-"light-4");
+  --el-button-hover-border-color: var(--el-color-error-"light-4");
+  --el-button-active-bg-color: var(--el-color-error-"light-6");
+  --el-button-active-border-color: var(--el-color-error-"light-6");
   --el-button-disabled-text-color: var(--el-color-white);
   --el-button-disabled-bg-color: var(--el-color-error-light-1);
   --el-button-disabled-border-color: var(--el-color-error-light-1);
@@ -2033,17 +2033,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-button--info {
-  --el-button-text-color: var(--el-color-white);
-  --el-button-bg-color: var(--el-color-info-light-5);
-  --el-button-border-color: var(--el-color-info);
+  --el-button-text-color: var(--el-color-"white"-"");
+  --el-button-bg-color: var(--el-color-info-"");
+  --el-button-border-color: var(--el-color-info-"");
   --el-button-outline-color: var(--el-color-info-light-5);
   --el-button-active-color: var(--el-color-info-dark-2);
-  --el-button-hover-text-color: var(--el-color-white);
+  --el-button-hover-text-color: var(--el-color-"white"-"");
   --el-button-hover-link-text-color: var(--el-color-info-light-5);
-  --el-button-hover-bg-color: var(--el-color-info-light-4);
-  --el-button-hover-border-color: var(--el-color-info-light-4);
-  --el-button-active-bg-color: var(--el-color-info-light-6);
-  --el-button-active-border-color: var(--el-color-info-light-6);
+  --el-button-hover-bg-color: var(--el-color-info-"light-4");
+  --el-button-hover-border-color: var(--el-color-info-"light-4");
+  --el-button-active-bg-color: var(--el-color-info-"light-6");
+  --el-button-active-border-color: var(--el-color-info-"light-6");
   --el-button-disabled-text-color: var(--el-color-white);
   --el-button-disabled-bg-color: var(--el-color-info-light-1);
   --el-button-disabled-border-color: var(--el-color-info-light-1);
@@ -12865,12 +12865,12 @@ h6,
   --el-tag-hover-color: var(--el-color-primary-light-5);
   --el-tag-text-color: var(--el-color-primary-light-5);
 }
+.el-select__selected-item:has(+ .el-tooltip__trigger) {
+  max-width: calc(100% - 160px);
+}
 .el-select__selected-item:has(~ .el-select__input-wrapper.is-hidden) {
   max-width: none;
 }
-.el-select__selected-item:has(+ .el-tooltip__trigger + .el-select__input-wrapper:not(.is-hidden)) {
-  max-width: calc(100% - 160px);
-}
 
 .el-select__tags-text {
   display: block;
@@ -12933,7 +12933,6 @@ h6,
 .el-select__input-wrapper.is-hidden {
   position: absolute;
   opacity: 0;
-  display: none;
 }
 
 .el-select__input {
@@ -15709,6 +15708,8 @@ h6,
 }
 .el-tag .el-tag__close {
   margin-left: 8px;
+  margin-left: 4px;
+  margin-right: -3px;
 }
 .el-tag--dark {
   --el-tag-text-color: var(--el-color-white);
@@ -15830,6 +15831,7 @@ h6,
 
 .el-tag.is-closable {
   padding-right: 7px;
+  display: flex;
 }
 .el-tag--large {
   padding: 0 7px;
@@ -17247,9 +17249,6 @@ mark.el-text {
   overflow-wrap: break-word;
   visibility: visible;
 }
-.el-popper .el-select__selected-item {
-  max-width: none;
-}
 .el-popper.is-dark {
   color: var(--el-bg-color);
   background: var(--el-text-color-primary);

package/dist/runtime/public/scss/element-plus/mixins/_button.scss

@@ -3,93 +3,64 @@
 @use '../common/var' as *;
 
 @mixin button-plain($type) {
-  $is-secondary: $type == 'secondary';
-
-  $default-text-color: $type;
-  $default-text-variant: '';
-  $disabled-text-variant: 'light-9';
-  $default-bg-color: 'white';
-  $default-border-variant: 'light-5';
-  $hover-text-variant: 'light-4';
-  $hover-bg-color: 'white';
-  $hover-border-variant: 'light-4';
-  $active-text-variant: 'light-6';
-  $active-bg-color: 'white';
-  $active-border-variant: 'light-6';
-
-  @if $is-secondary {
-    $default-text-color: $type;
-    $default-text-variant: '';
-    $disabled-text-variant: 'light-9';
-    $default-bg-color: 'white';
-    $default-border-variant: 'light-5';
-    $hover-text-variant: 'light-4';
-    $hover-bg-color: 'white';
-    $hover-border-variant: 'light-4';
-    $active-text-variant: 'light-6';
-    $active-bg-color: 'white';
-    $active-border-variant: 'light-6';
-  }
-
   $button-color-types: (
     '': (
       'text-color': (
         'color',
-        $default-text-color,
-        $default-text-variant,
+        $type,
       ),
       'disabled-text-color': (
         'color',
         $type,
-        $disabled-text-variant,
+        'light-9',
       ),
       'bg-color': (
         'color',
-        $default-bg-color,
+        'white',
       ),
       'border-color': (
         'color',
         $type,
-        $default-border-variant,
+        'light-5',
       ),
     ),
     'hover': (
       'text-color': (
         'color',
         $type,
-        $hover-text-variant,
+        'light-4',
       ),
       'bg-color': (
         'color',
-        $hover-bg-color,
+        'white',
       ),
       'border-color': (
         'color',
         $type,
-        $hover-border-variant,
+        'light-4',
       ),
     ),
     'active': (
       'text-color': (
         'color',
         $type,
-        $active-text-variant,
+        'light-6',
       ),
       'bg-color': (
         'color',
-        $active-bg-color,
+        'white',
       ),
       'border-color': (
         'color',
         $type,
-        $active-border-variant,
+        'light-6',
       ),
     ),
   );
 
-  @each $state, $stateMap in $button-color-types {
-    @each $typeColor, $list in $stateMap {
-      @include css-var-from-global(('button', $state, $typeColor), $list);
+  @each $type, $typeMap in $button-color-types {
+    @each $typeColor, $list in $typeMap {
+      @include css-var-from-global(('button', $type, $typeColor), $list);
     }
   }
 
@@ -106,46 +77,30 @@
 }
 
 @mixin button-variant($type) {
-  $is-secondary: $type == 'secondary';
-
-  $default-text-color: 'white';
-  $default-text-variant: '';
-  $default-bg-variant: 'light-5';
-  $default-border-variant: '';
-  $hover-bg-color: $type;
-  $hover-bg-variant: 'light-4';
-  $hover-border-variant: 'light-4';
-  $active-bg-variant: 'light-6';
-  $active-border-variant: 'light-6';
-
-  @if $is-secondary {
-    $default-text-color: $type;
-    $default-text-variant: 'light-9';
-    $default-bg-variant: 'light-1';
-    $default-border-variant: 'light-2';
-    $hover-bg-color: 'white';
-    $hover-bg-variant: '';
-    $hover-border-variant: 'light-3';
-    $active-bg-variant: 'light-2';
-    $active-border-variant: 'light-2';
-  }
-
   $button-color-types: (
     '': (
       'text-color': (
         'color',
-        $default-text-color,
-        $default-text-variant,
+        if(
+          sass($type == 'secondary'): $type; else: 'white',
+        ),
+        if(
+          sass($type == 'secondary'): 'light-9' ; else: '',
+        ),
       ),
       'bg-color': (
         'color',
         $type,
-        $default-bg-variant,
+        if(
+          sass($type == 'secondary'): 'light-1' ; else: '',
+        ),
       ),
       'border-color': (
         'color',
         $type,
-        $default-border-variant,
+        if(
+          sass($type == 'secondary'): 'light-2' ; else: '',
+        ),
       ),
       'outline-color': (
         'color',
@@ -161,8 +116,12 @@
     'hover': (
       'text-color': (
         'color',
-        $default-text-color,
-        $default-text-variant,
+        if(
+          sass($type == 'secondary'): $type; else: 'white',
+        ),
+        if(
+          sass($type == 'secondary'): 'light-9' ; else: '',
+        ),
       ),
       'link-text-color': (
         'color',
@@ -171,25 +130,35 @@
       ),
       'bg-color': (
         'color',
-        $hover-bg-color,
-        $hover-bg-variant,
+        if(
+          sass($type == 'secondary'): 'white' ; else: $type,
+        ),
+        if(
+          sass($type == 'secondary'): '' ; else: 'light-4',
+        ),
       ),
       'border-color': (
         'color',
         $type,
-        $hover-border-variant,
+        if(
+          sass($type == 'secondary'): 'light-3' ; else: 'light-4',
+        ),
       ),
     ),
     'active': (
       'bg-color': (
         'color',
         $type,
-        $active-bg-variant,
+        if(
+          sass($type == 'secondary'): 'light-2' ; else: 'light-6',
+        ),
       ),
       'border-color': (
         'color',
         $type,
-        $active-border-variant,
+        if(
+          sass($type == 'secondary'): 'light-2' ; else: 'light-6',
+        ),
       ),
     ),
     'disabled': (

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

@@ -315,9 +315,6 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   overflow-wrap: break-word;
   visibility: visible;
 }
-.el-popper .el-select__selected-item {
-  max-width: none;
-}
 .el-popper.is-dark {
   color: var(--el-bg-color);
   background: var(--el-text-color-primary);

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

@@ -19,10 +19,6 @@
 
   $arrow-selector: #{& + '__arrow'};
 
-  .el-select__selected-item {
-    max-width: none;
-  }
-
   @include when(dark) {
     color: getCssVar('bg-color');
     background: getCssVar('text-color', 'primary');

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

@@ -607,12 +607,12 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   --el-tag-hover-color: var(--el-color-primary-light-5);
   --el-tag-text-color: var(--el-color-primary-light-5);
 }
+.el-select__selected-item:has(+ .el-tooltip__trigger) {
+  max-width: calc(100% - 160px);
+}
 .el-select__selected-item:has(~ .el-select__input-wrapper.is-hidden) {
   max-width: none;
 }
-.el-select__selected-item:has(+ .el-tooltip__trigger + .el-select__input-wrapper:not(.is-hidden)) {
-  max-width: calc(100% - 160px);
-}
 
 .el-select__tags-text {
   display: block;
@@ -675,7 +675,6 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-select__input-wrapper.is-hidden {
   position: absolute;
   opacity: 0;
-  display: none;
 }
 
 .el-select__input {

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

@@ -607,12 +607,12 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   --el-tag-hover-color: var(--el-color-primary-light-5);
   --el-tag-text-color: var(--el-color-primary-light-5);
 }
+.el-select__selected-item:has(+ .el-tooltip__trigger) {
+  max-width: calc(100% - 160px);
+}
 .el-select__selected-item:has(~ .el-select__input-wrapper.is-hidden) {
   max-width: none;
 }
-.el-select__selected-item:has(+ .el-tooltip__trigger + .el-select__input-wrapper:not(.is-hidden)) {
-  max-width: calc(100% - 160px);
-}
 
 .el-select__tags-text {
   display: block;
@@ -675,7 +675,6 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-select__input-wrapper.is-hidden {
   position: absolute;
   opacity: 0;
-  display: none;
 }
 
 .el-select__input {

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

@@ -196,12 +196,12 @@
       @include css-var-from-global(('tag', 'text-color'), ('color', 'primary', 'light-5'));
     }
 
-    &:has(~ .el-select__input-wrapper.is-hidden) {
-      max-width: none;
+    &:has(+ .el-tooltip__trigger) {
+      max-width: calc(100% - 160px);
     }
 
-    &:has(+ .el-tooltip__trigger + .el-select__input-wrapper:not(.is-hidden)) {
-      max-width: calc(100% - 160px);
+    &:has(~ .el-select__input-wrapper.is-hidden) {
+      max-width: none;
     }
   }
 
@@ -246,7 +246,6 @@
       // Out of the document flow
       position: absolute;
       opacity: 0;
-      display: none;
     }
   }
 

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

@@ -418,6 +418,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 .el-tag .el-tag__close {
   margin-left: 8px;
+  margin-left: 4px;
+  margin-right: -3px;
 }
 .el-tag--dark {
   --el-tag-text-color: var(--el-color-white);
@@ -539,6 +541,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 
 .el-tag.is-closable {
   padding-right: 7px;
+  display: flex;
 }
 .el-tag--large {
   padding: 0 7px;

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

@@ -113,6 +113,8 @@ $tag-icon-span-gap: map.merge(
 
   .#{$namespace}-tag__close {
     margin-left: map.get($tag-icon-span-gap, 'default');
+    margin-left: 4px;
+    margin-right: -3px;
   }
 
   @include m(dark) {
@@ -133,6 +135,7 @@ $tag-icon-span-gap: map.merge(
 
   &.is-closable {
     padding-right: map.get($tag-icon-span-gap, 'default') - $border-width;
+    display: flex;
   }
 
   @each $size in $sizes {

package/package.json

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