@timus-networks/theme 2.4.286 → 2.4.290

package/dist/module.json

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

@@ -13638,6 +13638,24 @@ heights > $common-component-size
 }
 .el-select__wrapper.is-filterable {
   cursor: text;
+  overflow: hidden;
+}
+.el-select__wrapper.is-filterable .el-select__selection {
+  overflow: hidden;
+}
+.el-select__wrapper.is-filterable .el-select__input-wrapper {
+  flex: 1 1 0;
+  min-width: 0;
+  max-width: 100%;
+  overflow: hidden;
+}
+.el-select__wrapper.is-filterable .el-select__input {
+  min-width: 0 !important;
+  width: 100% !important;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .el-select__wrapper.is-focused {
@@ -13739,17 +13757,10 @@ heights > $common-component-size
   flex-wrap: wrap;
   user-select: none;
   align-items: center;
-  /* Sonradan ekledim truncate etmek için */
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  width: min-content;
-  max-width: calc(100% - 120px);
+  flex-shrink: 1;
 }
 .el-select__selected-item.el-tooltip__trigger {
-  max-width: min-content;
-}
-.el-select__selected-item {
-  /* buraya kadar ekledim truncate etmek için */
+  flex-shrink: 0;
 }
 .el-select__selected-item .el-tag.el-tag--info {
   --el-tag-bg-color: var(--el-color-primary-light-1);
@@ -13757,15 +13768,6 @@ 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-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__selected-item:has(~ .el-select__input-wrapper.is-hidden) {
-  max-width: none;
-}
 
 .el-select__tags-text {
   display: block;
@@ -13781,11 +13783,12 @@ heights > $common-component-size
   top: 50%;
   transform: translateY(-50%);
   width: 100%;
+  max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   color: var(--el-input-text-color, var(--el-text-color-regular));
-  min-width: 100%;
+  min-width: 0;
 }
 .el-select__placeholder.is-transparent {
   user-select: none;
@@ -16496,6 +16499,9 @@ heights > $common-component-size
   background-color: var(--el-tag-bg-color);
   border-color: var(--el-tag-border-color);
   color: var(--el-tag-text-color);
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
   vertical-align: middle;
   height: 16px;
   padding: 0 7px;
@@ -16507,9 +16513,6 @@ heights > $common-component-size
   box-sizing: border-box;
   white-space: nowrap;
   transition: none;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
   --el-icon-size: 14px;
   --el-tag-bg-color: var(--el-color-primary-light-1);
   --el-tag-border-color: var(--el-color-primary-light-4);
@@ -16566,6 +16569,9 @@ heights > $common-component-size
 .el-tag .el-tag__close {
   flex-shrink: 0;
   color: var(--el-tag-text-color);
+  height: stretch;
+  margin-left: 4px;
+  margin-right: -3px;
 }
 .el-tag .el-tag__close:hover {
   color: var(--el-color-white);
@@ -16602,11 +16608,6 @@ heights > $common-component-size
   height: var(--el-icon-size);
   width: var(--el-icon-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);
   --el-tag-bg-color: var(--el-color-primary);
@@ -16821,6 +16822,13 @@ heights > $common-component-size
   --el-tag-bg-color: var(--el-color-white);
 }
 
+.el-tag.el-tag--warning {
+  --el-tag-bg-color: var(--el-color-warning-light-1);
+  --el-tag-border-color: var(--el-color-warning-light-3);
+  --el-tag-text-color: var(--el-color-warning-light-6);
+  --el-tag-hover-color: var(--el-color-warning-light-6);
+}
+
 .el-tag.rounded {
   width: 16px;
   height: 16px;

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

@@ -12746,6 +12746,24 @@ h6,
 }
 .el-select__wrapper.is-filterable {
   cursor: text;
+  overflow: hidden;
+}
+.el-select__wrapper.is-filterable .el-select__selection {
+  overflow: hidden;
+}
+.el-select__wrapper.is-filterable .el-select__input-wrapper {
+  flex: 1 1 0;
+  min-width: 0;
+  max-width: 100%;
+  overflow: hidden;
+}
+.el-select__wrapper.is-filterable .el-select__input {
+  min-width: 0 !important;
+  width: 100% !important;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .el-select__wrapper.is-focused {
@@ -12847,17 +12865,10 @@ h6,
   flex-wrap: wrap;
   user-select: none;
   align-items: center;
-  /* Sonradan ekledim truncate etmek için */
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  width: min-content;
-  max-width: calc(100% - 120px);
+  flex-shrink: 1;
 }
 .el-select__selected-item.el-tooltip__trigger {
-  max-width: min-content;
-}
-.el-select__selected-item {
-  /* buraya kadar ekledim truncate etmek için */
+  flex-shrink: 0;
 }
 .el-select__selected-item .el-tag.el-tag--info {
   --el-tag-bg-color: var(--el-color-primary-light-1);
@@ -12865,15 +12876,6 @@ 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-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__selected-item:has(~ .el-select__input-wrapper.is-hidden) {
-  max-width: none;
-}
 
 .el-select__tags-text {
   display: block;
@@ -12889,11 +12891,12 @@ h6,
   top: 50%;
   transform: translateY(-50%);
   width: 100%;
+  max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   color: var(--el-input-text-color, var(--el-text-color-regular));
-  min-width: 100%;
+  min-width: 0;
 }
 .el-select__placeholder.is-transparent {
   user-select: none;
@@ -15604,6 +15607,9 @@ h6,
   background-color: var(--el-tag-bg-color);
   border-color: var(--el-tag-border-color);
   color: var(--el-tag-text-color);
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
   vertical-align: middle;
   height: 16px;
   padding: 0 7px;
@@ -15615,9 +15621,6 @@ h6,
   box-sizing: border-box;
   white-space: nowrap;
   transition: none;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
   --el-icon-size: 14px;
   --el-tag-bg-color: var(--el-color-primary-light-1);
   --el-tag-border-color: var(--el-color-primary-light-4);
@@ -15674,6 +15677,9 @@ h6,
 .el-tag .el-tag__close {
   flex-shrink: 0;
   color: var(--el-tag-text-color);
+  height: stretch;
+  margin-left: 4px;
+  margin-right: -3px;
 }
 .el-tag .el-tag__close:hover {
   color: var(--el-color-white);
@@ -15710,11 +15716,6 @@ h6,
   height: var(--el-icon-size);
   width: var(--el-icon-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);
   --el-tag-bg-color: var(--el-color-primary);
@@ -15929,6 +15930,13 @@ h6,
   --el-tag-bg-color: var(--el-color-white);
 }
 
+.el-tag.el-tag--warning {
+  --el-tag-bg-color: var(--el-color-warning-light-1);
+  --el-tag-border-color: var(--el-color-warning-light-3);
+  --el-tag-text-color: var(--el-color-warning-light-6);
+  --el-tag-hover-color: var(--el-color-warning-light-6);
+}
+
 .el-tag.rounded {
   width: 16px;
   height: 16px;

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

@@ -488,6 +488,24 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 .el-select__wrapper.is-filterable {
   cursor: text;
+  overflow: hidden;
+}
+.el-select__wrapper.is-filterable .el-select__selection {
+  overflow: hidden;
+}
+.el-select__wrapper.is-filterable .el-select__input-wrapper {
+  flex: 1 1 0;
+  min-width: 0;
+  max-width: 100%;
+  overflow: hidden;
+}
+.el-select__wrapper.is-filterable .el-select__input {
+  min-width: 0 !important;
+  width: 100% !important;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .el-select__wrapper.is-focused {
@@ -589,17 +607,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   flex-wrap: wrap;
   user-select: none;
   align-items: center;
-  /* Sonradan ekledim truncate etmek için */
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  width: min-content;
-  max-width: calc(100% - 120px);
+  flex-shrink: 1;
 }
 .el-select__selected-item.el-tooltip__trigger {
-  max-width: min-content;
-}
-.el-select__selected-item {
-  /* buraya kadar ekledim truncate etmek için */
+  flex-shrink: 0;
 }
 .el-select__selected-item .el-tag.el-tag--info {
   --el-tag-bg-color: var(--el-color-primary-light-1);
@@ -607,15 +618,6 @@ 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-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__selected-item:has(~ .el-select__input-wrapper.is-hidden) {
-  max-width: none;
-}
 
 .el-select__tags-text {
   display: block;
@@ -631,11 +633,12 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   top: 50%;
   transform: translateY(-50%);
   width: 100%;
+  max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   color: var(--el-input-text-color, var(--el-text-color-regular));
-  min-width: 100%;
+  min-width: 0;
 }
 .el-select__placeholder.is-transparent {
   user-select: none;

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

@@ -488,6 +488,24 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 .el-select__wrapper.is-filterable {
   cursor: text;
+  overflow: hidden;
+}
+.el-select__wrapper.is-filterable .el-select__selection {
+  overflow: hidden;
+}
+.el-select__wrapper.is-filterable .el-select__input-wrapper {
+  flex: 1 1 0;
+  min-width: 0;
+  max-width: 100%;
+  overflow: hidden;
+}
+.el-select__wrapper.is-filterable .el-select__input {
+  min-width: 0 !important;
+  width: 100% !important;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .el-select__wrapper.is-focused {
@@ -589,17 +607,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   flex-wrap: wrap;
   user-select: none;
   align-items: center;
-  /* Sonradan ekledim truncate etmek için */
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  width: min-content;
-  max-width: calc(100% - 120px);
+  flex-shrink: 1;
 }
 .el-select__selected-item.el-tooltip__trigger {
-  max-width: min-content;
-}
-.el-select__selected-item {
-  /* buraya kadar ekledim truncate etmek için */
+  flex-shrink: 0;
 }
 .el-select__selected-item .el-tag.el-tag--info {
   --el-tag-bg-color: var(--el-color-primary-light-1);
@@ -607,15 +618,6 @@ 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-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__selected-item:has(~ .el-select__input-wrapper.is-hidden) {
-  max-width: none;
-}
 
 .el-select__tags-text {
   display: block;
@@ -631,11 +633,12 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   top: 50%;
   transform: translateY(-50%);
   width: 100%;
+  max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   color: var(--el-input-text-color, var(--el-text-color-regular));
-  min-width: 100%;
+  min-width: 0;
 }
 .el-select__placeholder.is-transparent {
   user-select: none;

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

@@ -53,6 +53,27 @@
 
     @include when(filterable) {
       cursor: text;
+      overflow: hidden;
+
+      .#{$namespace}-select__selection {
+        overflow: hidden;
+      }
+
+      .#{$namespace}-select__input-wrapper {
+        flex: 1 1 0;
+        min-width: 0;
+        max-width: 100%;
+        overflow: hidden;
+      }
+
+      .#{$namespace}-select__input {
+        min-width: 0 !important;
+        width: 100% !important;
+        max-width: 100%;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
     }
 
     @include when(focused) {
@@ -176,18 +197,11 @@
     flex-wrap: wrap;
     user-select: none;
     align-items: center;
+    flex-shrink: 1;
 
-    /* Sonradan ekledim truncate etmek için */
-    white-space: nowrap;
-    // overflow: hidden;
-    text-overflow: ellipsis;
-    width: min-content;
-    max-width: calc(100% - 120px);
-
-    &.el-tooltip__trigger {
-      max-width: min-content;
+    &.#{$namespace}-tooltip__trigger {
+      flex-shrink: 0;
     }
-    /* buraya kadar ekledim truncate etmek için */
 
     .el-tag.#{$namespace}-tag--info {
       @include css-var-from-global(('tag', 'bg-color'), ('color', 'primary', 'light-1'));
@@ -195,18 +209,6 @@
       @include css-var-from-global(('tag', 'hover-color'), ('color', 'primary', 'light-5'));
       @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 + .el-select__input-wrapper:not(.is-hidden)) {
-      max-width: calc(100% - 160px);
-    }
-
-    &:has(~ .el-select__input-wrapper.is-hidden) {
-      max-width: none;
-    }
   }
 
   @include e(tags-text) {
@@ -221,9 +223,10 @@
     top: 50%;
     transform: translateY(-50%);
     width: 100%;
+    max-width: 100%;
     @include utils-ellipsis;
     color: var(#{getCssVarName('input-text-color')}, map.get($input, 'text-color'));
-    min-width: 100%;
+    min-width: 0;
 
     @include when(transparent) {
       user-select: none;

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

@@ -310,6 +310,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   background-color: var(--el-tag-bg-color);
   border-color: var(--el-tag-border-color);
   color: var(--el-tag-text-color);
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
   vertical-align: middle;
   height: 16px;
   padding: 0 7px;
@@ -321,9 +324,6 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   box-sizing: border-box;
   white-space: nowrap;
   transition: none;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
   --el-icon-size: 14px;
   --el-tag-bg-color: var(--el-color-primary-light-1);
   --el-tag-border-color: var(--el-color-primary-light-4);
@@ -380,6 +380,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-tag .el-tag__close {
   flex-shrink: 0;
   color: var(--el-tag-text-color);
+  height: stretch;
+  margin-left: 4px;
+  margin-right: -3px;
 }
 .el-tag .el-tag__close:hover {
   color: var(--el-color-white);
@@ -416,11 +419,6 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   height: var(--el-icon-size);
   width: var(--el-icon-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);
   --el-tag-bg-color: var(--el-color-primary);
@@ -635,6 +633,13 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   --el-tag-bg-color: var(--el-color-white);
 }
 
+.el-tag.el-tag--warning {
+  --el-tag-bg-color: var(--el-color-warning-light-1);
+  --el-tag-border-color: var(--el-color-warning-light-3);
+  --el-tag-text-color: var(--el-color-warning-light-6);
+  --el-tag-hover-color: var(--el-color-warning-light-6);
+}
+
 .el-tag.rounded {
   width: 16px;
   height: 16px;

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

@@ -52,9 +52,9 @@ $tag-icon-span-gap: map.merge(
   border-color: getCssVar('tag-border-color');
   color: getCssVar('tag-text-color');
 
-  // display: inline-flex;
-  // justify-content: center;
-  // align-items: center;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
   vertical-align: middle;
   height: map.get($tag-height, 'default');
   padding: 0 map.get($tag-padding, 'default') - $border-width;
@@ -68,11 +68,6 @@ $tag-icon-span-gap: map.merge(
   white-space: nowrap;
   transition: none;
 
-  // truncate
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-
   @include set-css-var-value('icon-size', 14px);
   @include genTheme('light-1', 'light-4', '');
 
@@ -87,6 +82,9 @@ $tag-icon-span-gap: map.merge(
   .#{$namespace}-tag__close {
     flex-shrink: 0;
     color: getCssVar('tag', 'text-color');
+    height: stretch;
+    margin-left: 4px;
+    margin-right: -3px;
 
     &:hover {
       color: getCssVar('color-white');
@@ -111,12 +109,6 @@ $tag-icon-span-gap: map.merge(
     width: getCssVar('icon-size');
   }
 
-  .#{$namespace}-tag__close {
-    margin-left: map.get($tag-icon-span-gap, 'default');
-    margin-left: 4px;
-    margin-right: -3px;
-  }
-
   @include m(dark) {
     @include css-var-from-global(('tag', 'text-color'), ('color', 'white'));
     @include genTheme('', '', 'light-3');
@@ -175,6 +167,14 @@ $tag-icon-span-gap: map.merge(
   --el-tag-bg-color: var(--el-color-white);
 }
 
+// [TC-19214] - Changed the colors of the warning type tags only to improve readability.
+.el-tag.el-tag--warning {
+  --el-tag-bg-color: var(--el-color-warning-light-1);
+  --el-tag-border-color: var(--el-color-warning-light-3);
+  --el-tag-text-color: var(--el-color-warning-light-6);
+  --el-tag-hover-color: var(--el-color-warning-light-6);
+}
+
 .el-tag {
   &.rounded {
     width: 16px;

package/package.json

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