@timus-networks/theme 2.4.285 → 2.4.288

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-"");
-  --el-button-border-color: var(--el-color-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-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-"");
-  --el-button-border-color: var(--el-color-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-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-"");
-  --el-button-border-color: var(--el-color-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-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-"");
-  --el-button-border-color: var(--el-color-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-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-"");
-  --el-button-border-color: var(--el-color-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-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-"");
-  --el-button-border-color: var(--el-color-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-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-"");
-  --el-button-border-color: var(--el-color-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-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);
@@ -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,12 +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-tooltip__trigger) {
-  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;
@@ -12886,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;
@@ -12933,6 +12939,7 @@ h6,
 .el-select__input-wrapper.is-hidden {
   position: absolute;
   opacity: 0;
+  display: none;
 }
 
 .el-select__input {
@@ -13084,6 +13091,36 @@ h6,
   flex-wrap: wrap;
 }
 
+.el-form-items .el-select .el-select__placeholder {
+  min-width: 0;
+  max-width: 100%;
+}
+.el-form-items .el-select .el-select__selection > .el-select__selected-item:not(.el-tooltip__trigger) {
+  flex: 0 1 auto;
+  min-width: 0;
+  overflow: hidden;
+  max-width: 100%;
+}
+.el-form-items .el-select .el-select__selection > .el-select__selected-item:not(.el-tooltip__trigger):has(+ .el-select__selected-item.el-tooltip__trigger) {
+  max-width: calc(100% - 3rem);
+}
+.el-form-items .el-select .el-select__selection > .el-select__selected-item:not(.el-tooltip__trigger) .el-tag {
+  max-width: 100% !important;
+  width: 100%;
+}
+.el-form-items .el-select .el-select__selection > .el-select__selected-item.el-tooltip__trigger {
+  flex: 0 0 auto;
+  width: auto;
+  max-width: none;
+  position: static;
+  display: inline-flex;
+  align-items: center;
+}
+.el-form-items .el-select .el-select__selection > .el-select__selected-item.el-tooltip__trigger .el-tag {
+  width: auto !important;
+  max-width: none !important;
+}
+
 .el-skeleton {
   --el-skeleton-circle-size: var(--el-avatar-size);
 }
@@ -15600,6 +15637,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;
@@ -15611,9 +15651,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);
@@ -15925,6 +15962,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;
@@ -17249,6 +17293,9 @@ 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,64 +3,93 @@
 @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',
-        $type,
+        $default-text-color,
+        $default-text-variant,
       ),
       'disabled-text-color': (
         'color',
         $type,
-        'light-9',
+        $disabled-text-variant,
       ),
       'bg-color': (
         'color',
-        'white',
+        $default-bg-color,
       ),
       'border-color': (
         'color',
         $type,
-        'light-5',
+        $default-border-variant,
       ),
     ),
     'hover': (
       'text-color': (
         'color',
         $type,
-        'light-4',
+        $hover-text-variant,
       ),
       'bg-color': (
         'color',
-        'white',
+        $hover-bg-color,
       ),
       'border-color': (
         'color',
         $type,
-        'light-4',
+        $hover-border-variant,
       ),
     ),
     'active': (
       'text-color': (
         'color',
         $type,
-        'light-6',
+        $active-text-variant,
       ),
       'bg-color': (
         'color',
-        'white',
+        $active-bg-color,
       ),
       'border-color': (
         'color',
         $type,
-        'light-6',
+        $active-border-variant,
       ),
     ),
   );
 
-  @each $type, $typeMap in $button-color-types {
-    @each $typeColor, $list in $typeMap {
-      @include css-var-from-global(('button', $type, $typeColor), $list);
+  @each $state, $stateMap in $button-color-types {
+    @each $typeColor, $list in $stateMap {
+      @include css-var-from-global(('button', $state, $typeColor), $list);
     }
   }
 
@@ -77,30 +106,46 @@
 }
 
 @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',
-        if(
-          sass($type == 'secondary'): $type; else: 'white',
-        ),
-        if(
-          sass($type == 'secondary'): 'light-9' ; else: '',
-        ),
+        $default-text-color,
+        $default-text-variant,
       ),
       'bg-color': (
         'color',
         $type,
-        if(
-          sass($type == 'secondary'): 'light-1' ; else: '',
-        ),
+        $default-bg-variant,
       ),
       'border-color': (
         'color',
         $type,
-        if(
-          sass($type == 'secondary'): 'light-2' ; else: '',
-        ),
+        $default-border-variant,
       ),
       'outline-color': (
         'color',
@@ -116,12 +161,8 @@
     'hover': (
       'text-color': (
         'color',
-        if(
-          sass($type == 'secondary'): $type; else: 'white',
-        ),
-        if(
-          sass($type == 'secondary'): 'light-9' ; else: '',
-        ),
+        $default-text-color,
+        $default-text-variant,
       ),
       'link-text-color': (
         'color',
@@ -130,35 +171,25 @@
       ),
       'bg-color': (
         'color',
-        if(
-          sass($type == 'secondary'): 'white' ; else: $type,
-        ),
-        if(
-          sass($type == 'secondary'): '' ; else: 'light-4',
-        ),
+        $hover-bg-color,
+        $hover-bg-variant,
       ),
       'border-color': (
         'color',
         $type,
-        if(
-          sass($type == 'secondary'): 'light-3' ; else: 'light-4',
-        ),
+        $hover-border-variant,
       ),
     ),
     'active': (
       'bg-color': (
         'color',
         $type,
-        if(
-          sass($type == 'secondary'): 'light-2' ; else: 'light-6',
-        ),
+        $active-bg-variant,
       ),
       'border-color': (
         'color',
         $type,
-        if(
-          sass($type == 'secondary'): 'light-2' ; else: 'light-6',
-        ),
+        $active-border-variant,
       ),
     ),
     'disabled': (

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

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