@timus-networks/theme 2.4.285 → 2.4.286

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dist/module.json +1 -1
  2. package/dist/module.mjs +1 -1
  3. package/dist/runtime/assets/scss/main.css +64 -57
  4. package/dist/runtime/public/scss/element-plus/button.css +56 -56
  5. package/dist/runtime/public/scss/element-plus/index.css +64 -57
  6. package/dist/runtime/public/scss/element-plus/mixins/_button.scss +77 -46
  7. package/dist/runtime/public/scss/element-plus/popper.css +3 -0
  8. package/dist/runtime/public/scss/element-plus/popper.scss +4 -0
  9. package/dist/runtime/public/scss/element-plus/select-v2.css +5 -1
  10. package/dist/runtime/public/scss/element-plus/select.css +5 -1
  11. package/dist/runtime/public/scss/element-plus/select.scss +6 -1
  12. package/package.json +1 -1
package/dist/module.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@timus-networks/theme",
3
3
  "configKey": "themeOptions",
4
- "version": "2.4.284",
4
+ "version": "2.4.285",
5
5
  "builder": {
6
6
  "@nuxt/module-builder": "0.8.4",
7
7
  "unbuild": "2.0.0"
package/dist/module.mjs CHANGED
@@ -11,7 +11,7 @@ const __filename = __cjs_url__.fileURLToPath(import.meta.url);
11
11
  const __dirname = __cjs_path__.dirname(__filename);
12
12
  const require = __cjs_mod__.createRequire(import.meta.url);
13
13
  const name = "@timus-networks/theme";
14
- const version = "2.4.284";
14
+ const version = "2.4.285";
15
15
  const description = "A comprehensive Nuxt.js module providing a tailored theme experience with integrated TailwindCSS support for applications.";
16
16
  const type = "module";
17
17
  const exports = {
package/dist/runtime/assets/scss/main.css CHANGED
@@ -2798,17 +2798,17 @@ body {
2798
2798
  }
2799
2799
 
2800
2800
  .el-button--primary {
2801
- --el-button-text-color: var(--el-color-"white"-"");
2802
- --el-button-bg-color: var(--el-color-primary-"");
2803
- --el-button-border-color: var(--el-color-primary-"");
2801
+ --el-button-text-color: var(--el-color-white);
2802
+ --el-button-bg-color: var(--el-color-primary-light-5);
2803
+ --el-button-border-color: var(--el-color-primary);
2804
2804
  --el-button-outline-color: var(--el-color-primary-light-5);
2805
2805
  --el-button-active-color: var(--el-color-primary-dark-2);
2806
- --el-button-hover-text-color: var(--el-color-"white"-"");
2806
+ --el-button-hover-text-color: var(--el-color-white);
2807
2807
  --el-button-hover-link-text-color: var(--el-color-primary-light-5);
2808
- --el-button-hover-bg-color: var(--el-color-primary-"light-4");
2809
- --el-button-hover-border-color: var(--el-color-primary-"light-4");
2810
- --el-button-active-bg-color: var(--el-color-primary-"light-6");
2811
- --el-button-active-border-color: var(--el-color-primary-"light-6");
2808
+ --el-button-hover-bg-color: var(--el-color-primary-light-4);
2809
+ --el-button-hover-border-color: var(--el-color-primary-light-4);
2810
+ --el-button-active-bg-color: var(--el-color-primary-light-6);
2811
+ --el-button-active-border-color: var(--el-color-primary-light-6);
2812
2812
  --el-button-disabled-text-color: var(--el-color-white);
2813
2813
  --el-button-disabled-bg-color: var(--el-color-primary-light-1);
2814
2814
  --el-button-disabled-border-color: var(--el-color-primary-light-1);
@@ -2866,17 +2866,17 @@ body {
2866
2866
  }
2867
2867
 
2868
2868
  .el-button--neutral {
2869
- --el-button-text-color: var(--el-color-"white"-"");
2870
- --el-button-bg-color: var(--el-color-neutral-"");
2871
- --el-button-border-color: var(--el-color-neutral-"");
2869
+ --el-button-text-color: var(--el-color-white);
2870
+ --el-button-bg-color: var(--el-color-neutral-light-5);
2871
+ --el-button-border-color: var(--el-color-neutral);
2872
2872
  --el-button-outline-color: var(--el-color-neutral-light-5);
2873
2873
  --el-button-active-color: var(--el-color-neutral-dark-2);
2874
- --el-button-hover-text-color: var(--el-color-"white"-"");
2874
+ --el-button-hover-text-color: var(--el-color-white);
2875
2875
  --el-button-hover-link-text-color: var(--el-color-neutral-light-5);
2876
- --el-button-hover-bg-color: var(--el-color-neutral-"light-4");
2877
- --el-button-hover-border-color: var(--el-color-neutral-"light-4");
2878
- --el-button-active-bg-color: var(--el-color-neutral-"light-6");
2879
- --el-button-active-border-color: var(--el-color-neutral-"light-6");
2876
+ --el-button-hover-bg-color: var(--el-color-neutral-light-4);
2877
+ --el-button-hover-border-color: var(--el-color-neutral-light-4);
2878
+ --el-button-active-bg-color: var(--el-color-neutral-light-6);
2879
+ --el-button-active-border-color: var(--el-color-neutral-light-6);
2880
2880
  --el-button-disabled-text-color: var(--el-color-white);
2881
2881
  --el-button-disabled-bg-color: var(--el-color-neutral-light-1);
2882
2882
  --el-button-disabled-border-color: var(--el-color-neutral-light-1);
@@ -2900,17 +2900,17 @@ body {
2900
2900
  }
2901
2901
 
2902
2902
  .el-button--success {
2903
- --el-button-text-color: var(--el-color-"white"-"");
2904
- --el-button-bg-color: var(--el-color-success-"");
2905
- --el-button-border-color: var(--el-color-success-"");
2903
+ --el-button-text-color: var(--el-color-white);
2904
+ --el-button-bg-color: var(--el-color-success-light-5);
2905
+ --el-button-border-color: var(--el-color-success);
2906
2906
  --el-button-outline-color: var(--el-color-success-light-5);
2907
2907
  --el-button-active-color: var(--el-color-success-dark-2);
2908
- --el-button-hover-text-color: var(--el-color-"white"-"");
2908
+ --el-button-hover-text-color: var(--el-color-white);
2909
2909
  --el-button-hover-link-text-color: var(--el-color-success-light-5);
2910
- --el-button-hover-bg-color: var(--el-color-success-"light-4");
2911
- --el-button-hover-border-color: var(--el-color-success-"light-4");
2912
- --el-button-active-bg-color: var(--el-color-success-"light-6");
2913
- --el-button-active-border-color: var(--el-color-success-"light-6");
2910
+ --el-button-hover-bg-color: var(--el-color-success-light-4);
2911
+ --el-button-hover-border-color: var(--el-color-success-light-4);
2912
+ --el-button-active-bg-color: var(--el-color-success-light-6);
2913
+ --el-button-active-border-color: var(--el-color-success-light-6);
2914
2914
  --el-button-disabled-text-color: var(--el-color-white);
2915
2915
  --el-button-disabled-bg-color: var(--el-color-success-light-1);
2916
2916
  --el-button-disabled-border-color: var(--el-color-success-light-1);
@@ -2934,17 +2934,17 @@ body {
2934
2934
  }
2935
2935
 
2936
2936
  .el-button--warning {
2937
- --el-button-text-color: var(--el-color-"white"-"");
2938
- --el-button-bg-color: var(--el-color-warning-"");
2939
- --el-button-border-color: var(--el-color-warning-"");
2937
+ --el-button-text-color: var(--el-color-white);
2938
+ --el-button-bg-color: var(--el-color-warning-light-5);
2939
+ --el-button-border-color: var(--el-color-warning);
2940
2940
  --el-button-outline-color: var(--el-color-warning-light-5);
2941
2941
  --el-button-active-color: var(--el-color-warning-dark-2);
2942
- --el-button-hover-text-color: var(--el-color-"white"-"");
2942
+ --el-button-hover-text-color: var(--el-color-white);
2943
2943
  --el-button-hover-link-text-color: var(--el-color-warning-light-5);
2944
- --el-button-hover-bg-color: var(--el-color-warning-"light-4");
2945
- --el-button-hover-border-color: var(--el-color-warning-"light-4");
2946
- --el-button-active-bg-color: var(--el-color-warning-"light-6");
2947
- --el-button-active-border-color: var(--el-color-warning-"light-6");
2944
+ --el-button-hover-bg-color: var(--el-color-warning-light-4);
2945
+ --el-button-hover-border-color: var(--el-color-warning-light-4);
2946
+ --el-button-active-bg-color: var(--el-color-warning-light-6);
2947
+ --el-button-active-border-color: var(--el-color-warning-light-6);
2948
2948
  --el-button-disabled-text-color: var(--el-color-white);
2949
2949
  --el-button-disabled-bg-color: var(--el-color-warning-light-1);
2950
2950
  --el-button-disabled-border-color: var(--el-color-warning-light-1);
@@ -2968,17 +2968,17 @@ body {
2968
2968
  }
2969
2969
 
2970
2970
  .el-button--danger {
2971
- --el-button-text-color: var(--el-color-"white"-"");
2972
- --el-button-bg-color: var(--el-color-danger-"");
2973
- --el-button-border-color: var(--el-color-danger-"");
2971
+ --el-button-text-color: var(--el-color-white);
2972
+ --el-button-bg-color: var(--el-color-danger-light-5);
2973
+ --el-button-border-color: var(--el-color-danger);
2974
2974
  --el-button-outline-color: var(--el-color-danger-light-5);
2975
2975
  --el-button-active-color: var(--el-color-danger-dark-2);
2976
- --el-button-hover-text-color: var(--el-color-"white"-"");
2976
+ --el-button-hover-text-color: var(--el-color-white);
2977
2977
  --el-button-hover-link-text-color: var(--el-color-danger-light-5);
2978
- --el-button-hover-bg-color: var(--el-color-danger-"light-4");
2979
- --el-button-hover-border-color: var(--el-color-danger-"light-4");
2980
- --el-button-active-bg-color: var(--el-color-danger-"light-6");
2981
- --el-button-active-border-color: var(--el-color-danger-"light-6");
2978
+ --el-button-hover-bg-color: var(--el-color-danger-light-4);
2979
+ --el-button-hover-border-color: var(--el-color-danger-light-4);
2980
+ --el-button-active-bg-color: var(--el-color-danger-light-6);
2981
+ --el-button-active-border-color: var(--el-color-danger-light-6);
2982
2982
  --el-button-disabled-text-color: var(--el-color-white);
2983
2983
  --el-button-disabled-bg-color: var(--el-color-danger-light-1);
2984
2984
  --el-button-disabled-border-color: var(--el-color-danger-light-1);
@@ -3002,17 +3002,17 @@ body {
3002
3002
  }
3003
3003
 
3004
3004
  .el-button--error {
3005
- --el-button-text-color: var(--el-color-"white"-"");
3006
- --el-button-bg-color: var(--el-color-error-"");
3007
- --el-button-border-color: var(--el-color-error-"");
3005
+ --el-button-text-color: var(--el-color-white);
3006
+ --el-button-bg-color: var(--el-color-error-light-5);
3007
+ --el-button-border-color: var(--el-color-error);
3008
3008
  --el-button-outline-color: var(--el-color-error-light-5);
3009
3009
  --el-button-active-color: var(--el-color-error-dark-2);
3010
- --el-button-hover-text-color: var(--el-color-"white"-"");
3010
+ --el-button-hover-text-color: var(--el-color-white);
3011
3011
  --el-button-hover-link-text-color: var(--el-color-error-light-5);
3012
- --el-button-hover-bg-color: var(--el-color-error-"light-4");
3013
- --el-button-hover-border-color: var(--el-color-error-"light-4");
3014
- --el-button-active-bg-color: var(--el-color-error-"light-6");
3015
- --el-button-active-border-color: var(--el-color-error-"light-6");
3012
+ --el-button-hover-bg-color: var(--el-color-error-light-4);
3013
+ --el-button-hover-border-color: var(--el-color-error-light-4);
3014
+ --el-button-active-bg-color: var(--el-color-error-light-6);
3015
+ --el-button-active-border-color: var(--el-color-error-light-6);
3016
3016
  --el-button-disabled-text-color: var(--el-color-white);
3017
3017
  --el-button-disabled-bg-color: var(--el-color-error-light-1);
3018
3018
  --el-button-disabled-border-color: var(--el-color-error-light-1);
@@ -3036,17 +3036,17 @@ body {
3036
3036
  }
3037
3037
 
3038
3038
  .el-button--info {
3039
- --el-button-text-color: var(--el-color-"white"-"");
3040
- --el-button-bg-color: var(--el-color-info-"");
3041
- --el-button-border-color: var(--el-color-info-"");
3039
+ --el-button-text-color: var(--el-color-white);
3040
+ --el-button-bg-color: var(--el-color-info-light-5);
3041
+ --el-button-border-color: var(--el-color-info);
3042
3042
  --el-button-outline-color: var(--el-color-info-light-5);
3043
3043
  --el-button-active-color: var(--el-color-info-dark-2);
3044
- --el-button-hover-text-color: var(--el-color-"white"-"");
3044
+ --el-button-hover-text-color: var(--el-color-white);
3045
3045
  --el-button-hover-link-text-color: var(--el-color-info-light-5);
3046
- --el-button-hover-bg-color: var(--el-color-info-"light-4");
3047
- --el-button-hover-border-color: var(--el-color-info-"light-4");
3048
- --el-button-active-bg-color: var(--el-color-info-"light-6");
3049
- --el-button-active-border-color: var(--el-color-info-"light-6");
3046
+ --el-button-hover-bg-color: var(--el-color-info-light-4);
3047
+ --el-button-hover-border-color: var(--el-color-info-light-4);
3048
+ --el-button-active-bg-color: var(--el-color-info-light-6);
3049
+ --el-button-active-border-color: var(--el-color-info-light-6);
3050
3050
  --el-button-disabled-text-color: var(--el-color-white);
3051
3051
  --el-button-disabled-bg-color: var(--el-color-info-light-1);
3052
3052
  --el-button-disabled-border-color: var(--el-color-info-light-1);
@@ -13757,7 +13757,10 @@ heights > $common-component-size
13757
13757
  --el-tag-hover-color: var(--el-color-primary-light-5);
13758
13758
  --el-tag-text-color: var(--el-color-primary-light-5);
13759
13759
  }
13760
- .el-select__selected-item:has(+ .el-tooltip__trigger) {
13760
+ .el-select__selected-item:has(~ .el-select__input-wrapper.is-hidden) {
13761
+ max-width: none;
13762
+ }
13763
+ .el-select__selected-item:has(+ .el-tooltip__trigger + .el-select__input-wrapper:not(.is-hidden)) {
13761
13764
  max-width: calc(100% - 160px);
13762
13765
  }
13763
13766
  .el-select__selected-item:has(~ .el-select__input-wrapper.is-hidden) {
@@ -13825,6 +13828,7 @@ heights > $common-component-size
13825
13828
  .el-select__input-wrapper.is-hidden {
13826
13829
  position: absolute;
13827
13830
  opacity: 0;
13831
+ display: none;
13828
13832
  }
13829
13833
 
13830
13834
  .el-select__input {
@@ -18141,6 +18145,9 @@ mark.el-text {
18141
18145
  overflow-wrap: break-word;
18142
18146
  visibility: visible;
18143
18147
  }
18148
+ .el-popper .el-select__selected-item {
18149
+ max-width: none;
18150
+ }
18144
18151
  .el-popper.is-dark {
18145
18152
  color: var(--el-bg-color);
18146
18153
  background: var(--el-text-color-primary);
package/dist/runtime/public/scss/element-plus/button.css CHANGED
@@ -718,17 +718,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
718
718
  }
719
719
 
720
720
  .el-button--primary {
721
- --el-button-text-color: var(--el-color-"white"-"");
722
- --el-button-bg-color: var(--el-color-primary-"");
723
- --el-button-border-color: var(--el-color-primary-"");
721
+ --el-button-text-color: var(--el-color-white);
722
+ --el-button-bg-color: var(--el-color-primary-light-5);
723
+ --el-button-border-color: var(--el-color-primary);
724
724
  --el-button-outline-color: var(--el-color-primary-light-5);
725
725
  --el-button-active-color: var(--el-color-primary-dark-2);
726
- --el-button-hover-text-color: var(--el-color-"white"-"");
726
+ --el-button-hover-text-color: var(--el-color-white);
727
727
  --el-button-hover-link-text-color: var(--el-color-primary-light-5);
728
- --el-button-hover-bg-color: var(--el-color-primary-"light-4");
729
- --el-button-hover-border-color: var(--el-color-primary-"light-4");
730
- --el-button-active-bg-color: var(--el-color-primary-"light-6");
731
- --el-button-active-border-color: var(--el-color-primary-"light-6");
728
+ --el-button-hover-bg-color: var(--el-color-primary-light-4);
729
+ --el-button-hover-border-color: var(--el-color-primary-light-4);
730
+ --el-button-active-bg-color: var(--el-color-primary-light-6);
731
+ --el-button-active-border-color: var(--el-color-primary-light-6);
732
732
  --el-button-disabled-text-color: var(--el-color-white);
733
733
  --el-button-disabled-bg-color: var(--el-color-primary-light-1);
734
734
  --el-button-disabled-border-color: var(--el-color-primary-light-1);
@@ -786,17 +786,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
786
786
  }
787
787
 
788
788
  .el-button--neutral {
789
- --el-button-text-color: var(--el-color-"white"-"");
790
- --el-button-bg-color: var(--el-color-neutral-"");
791
- --el-button-border-color: var(--el-color-neutral-"");
789
+ --el-button-text-color: var(--el-color-white);
790
+ --el-button-bg-color: var(--el-color-neutral-light-5);
791
+ --el-button-border-color: var(--el-color-neutral);
792
792
  --el-button-outline-color: var(--el-color-neutral-light-5);
793
793
  --el-button-active-color: var(--el-color-neutral-dark-2);
794
- --el-button-hover-text-color: var(--el-color-"white"-"");
794
+ --el-button-hover-text-color: var(--el-color-white);
795
795
  --el-button-hover-link-text-color: var(--el-color-neutral-light-5);
796
- --el-button-hover-bg-color: var(--el-color-neutral-"light-4");
797
- --el-button-hover-border-color: var(--el-color-neutral-"light-4");
798
- --el-button-active-bg-color: var(--el-color-neutral-"light-6");
799
- --el-button-active-border-color: var(--el-color-neutral-"light-6");
796
+ --el-button-hover-bg-color: var(--el-color-neutral-light-4);
797
+ --el-button-hover-border-color: var(--el-color-neutral-light-4);
798
+ --el-button-active-bg-color: var(--el-color-neutral-light-6);
799
+ --el-button-active-border-color: var(--el-color-neutral-light-6);
800
800
  --el-button-disabled-text-color: var(--el-color-white);
801
801
  --el-button-disabled-bg-color: var(--el-color-neutral-light-1);
802
802
  --el-button-disabled-border-color: var(--el-color-neutral-light-1);
@@ -820,17 +820,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
820
820
  }
821
821
 
822
822
  .el-button--success {
823
- --el-button-text-color: var(--el-color-"white"-"");
824
- --el-button-bg-color: var(--el-color-success-"");
825
- --el-button-border-color: var(--el-color-success-"");
823
+ --el-button-text-color: var(--el-color-white);
824
+ --el-button-bg-color: var(--el-color-success-light-5);
825
+ --el-button-border-color: var(--el-color-success);
826
826
  --el-button-outline-color: var(--el-color-success-light-5);
827
827
  --el-button-active-color: var(--el-color-success-dark-2);
828
- --el-button-hover-text-color: var(--el-color-"white"-"");
828
+ --el-button-hover-text-color: var(--el-color-white);
829
829
  --el-button-hover-link-text-color: var(--el-color-success-light-5);
830
- --el-button-hover-bg-color: var(--el-color-success-"light-4");
831
- --el-button-hover-border-color: var(--el-color-success-"light-4");
832
- --el-button-active-bg-color: var(--el-color-success-"light-6");
833
- --el-button-active-border-color: var(--el-color-success-"light-6");
830
+ --el-button-hover-bg-color: var(--el-color-success-light-4);
831
+ --el-button-hover-border-color: var(--el-color-success-light-4);
832
+ --el-button-active-bg-color: var(--el-color-success-light-6);
833
+ --el-button-active-border-color: var(--el-color-success-light-6);
834
834
  --el-button-disabled-text-color: var(--el-color-white);
835
835
  --el-button-disabled-bg-color: var(--el-color-success-light-1);
836
836
  --el-button-disabled-border-color: var(--el-color-success-light-1);
@@ -854,17 +854,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
854
854
  }
855
855
 
856
856
  .el-button--warning {
857
- --el-button-text-color: var(--el-color-"white"-"");
858
- --el-button-bg-color: var(--el-color-warning-"");
859
- --el-button-border-color: var(--el-color-warning-"");
857
+ --el-button-text-color: var(--el-color-white);
858
+ --el-button-bg-color: var(--el-color-warning-light-5);
859
+ --el-button-border-color: var(--el-color-warning);
860
860
  --el-button-outline-color: var(--el-color-warning-light-5);
861
861
  --el-button-active-color: var(--el-color-warning-dark-2);
862
- --el-button-hover-text-color: var(--el-color-"white"-"");
862
+ --el-button-hover-text-color: var(--el-color-white);
863
863
  --el-button-hover-link-text-color: var(--el-color-warning-light-5);
864
- --el-button-hover-bg-color: var(--el-color-warning-"light-4");
865
- --el-button-hover-border-color: var(--el-color-warning-"light-4");
866
- --el-button-active-bg-color: var(--el-color-warning-"light-6");
867
- --el-button-active-border-color: var(--el-color-warning-"light-6");
864
+ --el-button-hover-bg-color: var(--el-color-warning-light-4);
865
+ --el-button-hover-border-color: var(--el-color-warning-light-4);
866
+ --el-button-active-bg-color: var(--el-color-warning-light-6);
867
+ --el-button-active-border-color: var(--el-color-warning-light-6);
868
868
  --el-button-disabled-text-color: var(--el-color-white);
869
869
  --el-button-disabled-bg-color: var(--el-color-warning-light-1);
870
870
  --el-button-disabled-border-color: var(--el-color-warning-light-1);
@@ -888,17 +888,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
888
888
  }
889
889
 
890
890
  .el-button--danger {
891
- --el-button-text-color: var(--el-color-"white"-"");
892
- --el-button-bg-color: var(--el-color-danger-"");
893
- --el-button-border-color: var(--el-color-danger-"");
891
+ --el-button-text-color: var(--el-color-white);
892
+ --el-button-bg-color: var(--el-color-danger-light-5);
893
+ --el-button-border-color: var(--el-color-danger);
894
894
  --el-button-outline-color: var(--el-color-danger-light-5);
895
895
  --el-button-active-color: var(--el-color-danger-dark-2);
896
- --el-button-hover-text-color: var(--el-color-"white"-"");
896
+ --el-button-hover-text-color: var(--el-color-white);
897
897
  --el-button-hover-link-text-color: var(--el-color-danger-light-5);
898
- --el-button-hover-bg-color: var(--el-color-danger-"light-4");
899
- --el-button-hover-border-color: var(--el-color-danger-"light-4");
900
- --el-button-active-bg-color: var(--el-color-danger-"light-6");
901
- --el-button-active-border-color: var(--el-color-danger-"light-6");
898
+ --el-button-hover-bg-color: var(--el-color-danger-light-4);
899
+ --el-button-hover-border-color: var(--el-color-danger-light-4);
900
+ --el-button-active-bg-color: var(--el-color-danger-light-6);
901
+ --el-button-active-border-color: var(--el-color-danger-light-6);
902
902
  --el-button-disabled-text-color: var(--el-color-white);
903
903
  --el-button-disabled-bg-color: var(--el-color-danger-light-1);
904
904
  --el-button-disabled-border-color: var(--el-color-danger-light-1);
@@ -922,17 +922,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
922
922
  }
923
923
 
924
924
  .el-button--error {
925
- --el-button-text-color: var(--el-color-"white"-"");
926
- --el-button-bg-color: var(--el-color-error-"");
927
- --el-button-border-color: var(--el-color-error-"");
925
+ --el-button-text-color: var(--el-color-white);
926
+ --el-button-bg-color: var(--el-color-error-light-5);
927
+ --el-button-border-color: var(--el-color-error);
928
928
  --el-button-outline-color: var(--el-color-error-light-5);
929
929
  --el-button-active-color: var(--el-color-error-dark-2);
930
- --el-button-hover-text-color: var(--el-color-"white"-"");
930
+ --el-button-hover-text-color: var(--el-color-white);
931
931
  --el-button-hover-link-text-color: var(--el-color-error-light-5);
932
- --el-button-hover-bg-color: var(--el-color-error-"light-4");
933
- --el-button-hover-border-color: var(--el-color-error-"light-4");
934
- --el-button-active-bg-color: var(--el-color-error-"light-6");
935
- --el-button-active-border-color: var(--el-color-error-"light-6");
932
+ --el-button-hover-bg-color: var(--el-color-error-light-4);
933
+ --el-button-hover-border-color: var(--el-color-error-light-4);
934
+ --el-button-active-bg-color: var(--el-color-error-light-6);
935
+ --el-button-active-border-color: var(--el-color-error-light-6);
936
936
  --el-button-disabled-text-color: var(--el-color-white);
937
937
  --el-button-disabled-bg-color: var(--el-color-error-light-1);
938
938
  --el-button-disabled-border-color: var(--el-color-error-light-1);
@@ -956,17 +956,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
956
956
  }
957
957
 
958
958
  .el-button--info {
959
- --el-button-text-color: var(--el-color-"white"-"");
960
- --el-button-bg-color: var(--el-color-info-"");
961
- --el-button-border-color: var(--el-color-info-"");
959
+ --el-button-text-color: var(--el-color-white);
960
+ --el-button-bg-color: var(--el-color-info-light-5);
961
+ --el-button-border-color: var(--el-color-info);
962
962
  --el-button-outline-color: var(--el-color-info-light-5);
963
963
  --el-button-active-color: var(--el-color-info-dark-2);
964
- --el-button-hover-text-color: var(--el-color-"white"-"");
964
+ --el-button-hover-text-color: var(--el-color-white);
965
965
  --el-button-hover-link-text-color: var(--el-color-info-light-5);
966
- --el-button-hover-bg-color: var(--el-color-info-"light-4");
967
- --el-button-hover-border-color: var(--el-color-info-"light-4");
968
- --el-button-active-bg-color: var(--el-color-info-"light-6");
969
- --el-button-active-border-color: var(--el-color-info-"light-6");
966
+ --el-button-hover-bg-color: var(--el-color-info-light-4);
967
+ --el-button-hover-border-color: var(--el-color-info-light-4);
968
+ --el-button-active-bg-color: var(--el-color-info-light-6);
969
+ --el-button-active-border-color: var(--el-color-info-light-6);
970
970
  --el-button-disabled-text-color: var(--el-color-white);
971
971
  --el-button-disabled-bg-color: var(--el-color-info-light-1);
972
972
  --el-button-disabled-border-color: var(--el-color-info-light-1);
package/dist/runtime/public/scss/element-plus/index.css CHANGED
@@ -1795,17 +1795,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
1795
1795
  }
1796
1796
 
1797
1797
  .el-button--primary {
1798
- --el-button-text-color: var(--el-color-"white"-"");
1799
- --el-button-bg-color: var(--el-color-primary-"");
1800
- --el-button-border-color: var(--el-color-primary-"");
1798
+ --el-button-text-color: var(--el-color-white);
1799
+ --el-button-bg-color: var(--el-color-primary-light-5);
1800
+ --el-button-border-color: var(--el-color-primary);
1801
1801
  --el-button-outline-color: var(--el-color-primary-light-5);
1802
1802
  --el-button-active-color: var(--el-color-primary-dark-2);
1803
- --el-button-hover-text-color: var(--el-color-"white"-"");
1803
+ --el-button-hover-text-color: var(--el-color-white);
1804
1804
  --el-button-hover-link-text-color: var(--el-color-primary-light-5);
1805
- --el-button-hover-bg-color: var(--el-color-primary-"light-4");
1806
- --el-button-hover-border-color: var(--el-color-primary-"light-4");
1807
- --el-button-active-bg-color: var(--el-color-primary-"light-6");
1808
- --el-button-active-border-color: var(--el-color-primary-"light-6");
1805
+ --el-button-hover-bg-color: var(--el-color-primary-light-4);
1806
+ --el-button-hover-border-color: var(--el-color-primary-light-4);
1807
+ --el-button-active-bg-color: var(--el-color-primary-light-6);
1808
+ --el-button-active-border-color: var(--el-color-primary-light-6);
1809
1809
  --el-button-disabled-text-color: var(--el-color-white);
1810
1810
  --el-button-disabled-bg-color: var(--el-color-primary-light-1);
1811
1811
  --el-button-disabled-border-color: var(--el-color-primary-light-1);
@@ -1863,17 +1863,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
1863
1863
  }
1864
1864
 
1865
1865
  .el-button--neutral {
1866
- --el-button-text-color: var(--el-color-"white"-"");
1867
- --el-button-bg-color: var(--el-color-neutral-"");
1868
- --el-button-border-color: var(--el-color-neutral-"");
1866
+ --el-button-text-color: var(--el-color-white);
1867
+ --el-button-bg-color: var(--el-color-neutral-light-5);
1868
+ --el-button-border-color: var(--el-color-neutral);
1869
1869
  --el-button-outline-color: var(--el-color-neutral-light-5);
1870
1870
  --el-button-active-color: var(--el-color-neutral-dark-2);
1871
- --el-button-hover-text-color: var(--el-color-"white"-"");
1871
+ --el-button-hover-text-color: var(--el-color-white);
1872
1872
  --el-button-hover-link-text-color: var(--el-color-neutral-light-5);
1873
- --el-button-hover-bg-color: var(--el-color-neutral-"light-4");
1874
- --el-button-hover-border-color: var(--el-color-neutral-"light-4");
1875
- --el-button-active-bg-color: var(--el-color-neutral-"light-6");
1876
- --el-button-active-border-color: var(--el-color-neutral-"light-6");
1873
+ --el-button-hover-bg-color: var(--el-color-neutral-light-4);
1874
+ --el-button-hover-border-color: var(--el-color-neutral-light-4);
1875
+ --el-button-active-bg-color: var(--el-color-neutral-light-6);
1876
+ --el-button-active-border-color: var(--el-color-neutral-light-6);
1877
1877
  --el-button-disabled-text-color: var(--el-color-white);
1878
1878
  --el-button-disabled-bg-color: var(--el-color-neutral-light-1);
1879
1879
  --el-button-disabled-border-color: var(--el-color-neutral-light-1);
@@ -1897,17 +1897,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
1897
1897
  }
1898
1898
 
1899
1899
  .el-button--success {
1900
- --el-button-text-color: var(--el-color-"white"-"");
1901
- --el-button-bg-color: var(--el-color-success-"");
1902
- --el-button-border-color: var(--el-color-success-"");
1900
+ --el-button-text-color: var(--el-color-white);
1901
+ --el-button-bg-color: var(--el-color-success-light-5);
1902
+ --el-button-border-color: var(--el-color-success);
1903
1903
  --el-button-outline-color: var(--el-color-success-light-5);
1904
1904
  --el-button-active-color: var(--el-color-success-dark-2);
1905
- --el-button-hover-text-color: var(--el-color-"white"-"");
1905
+ --el-button-hover-text-color: var(--el-color-white);
1906
1906
  --el-button-hover-link-text-color: var(--el-color-success-light-5);
1907
- --el-button-hover-bg-color: var(--el-color-success-"light-4");
1908
- --el-button-hover-border-color: var(--el-color-success-"light-4");
1909
- --el-button-active-bg-color: var(--el-color-success-"light-6");
1910
- --el-button-active-border-color: var(--el-color-success-"light-6");
1907
+ --el-button-hover-bg-color: var(--el-color-success-light-4);
1908
+ --el-button-hover-border-color: var(--el-color-success-light-4);
1909
+ --el-button-active-bg-color: var(--el-color-success-light-6);
1910
+ --el-button-active-border-color: var(--el-color-success-light-6);
1911
1911
  --el-button-disabled-text-color: var(--el-color-white);
1912
1912
  --el-button-disabled-bg-color: var(--el-color-success-light-1);
1913
1913
  --el-button-disabled-border-color: var(--el-color-success-light-1);
@@ -1931,17 +1931,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
1931
1931
  }
1932
1932
 
1933
1933
  .el-button--warning {
1934
- --el-button-text-color: var(--el-color-"white"-"");
1935
- --el-button-bg-color: var(--el-color-warning-"");
1936
- --el-button-border-color: var(--el-color-warning-"");
1934
+ --el-button-text-color: var(--el-color-white);
1935
+ --el-button-bg-color: var(--el-color-warning-light-5);
1936
+ --el-button-border-color: var(--el-color-warning);
1937
1937
  --el-button-outline-color: var(--el-color-warning-light-5);
1938
1938
  --el-button-active-color: var(--el-color-warning-dark-2);
1939
- --el-button-hover-text-color: var(--el-color-"white"-"");
1939
+ --el-button-hover-text-color: var(--el-color-white);
1940
1940
  --el-button-hover-link-text-color: var(--el-color-warning-light-5);
1941
- --el-button-hover-bg-color: var(--el-color-warning-"light-4");
1942
- --el-button-hover-border-color: var(--el-color-warning-"light-4");
1943
- --el-button-active-bg-color: var(--el-color-warning-"light-6");
1944
- --el-button-active-border-color: var(--el-color-warning-"light-6");
1941
+ --el-button-hover-bg-color: var(--el-color-warning-light-4);
1942
+ --el-button-hover-border-color: var(--el-color-warning-light-4);
1943
+ --el-button-active-bg-color: var(--el-color-warning-light-6);
1944
+ --el-button-active-border-color: var(--el-color-warning-light-6);
1945
1945
  --el-button-disabled-text-color: var(--el-color-white);
1946
1946
  --el-button-disabled-bg-color: var(--el-color-warning-light-1);
1947
1947
  --el-button-disabled-border-color: var(--el-color-warning-light-1);
@@ -1965,17 +1965,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
1965
1965
  }
1966
1966
 
1967
1967
  .el-button--danger {
1968
- --el-button-text-color: var(--el-color-"white"-"");
1969
- --el-button-bg-color: var(--el-color-danger-"");
1970
- --el-button-border-color: var(--el-color-danger-"");
1968
+ --el-button-text-color: var(--el-color-white);
1969
+ --el-button-bg-color: var(--el-color-danger-light-5);
1970
+ --el-button-border-color: var(--el-color-danger);
1971
1971
  --el-button-outline-color: var(--el-color-danger-light-5);
1972
1972
  --el-button-active-color: var(--el-color-danger-dark-2);
1973
- --el-button-hover-text-color: var(--el-color-"white"-"");
1973
+ --el-button-hover-text-color: var(--el-color-white);
1974
1974
  --el-button-hover-link-text-color: var(--el-color-danger-light-5);
1975
- --el-button-hover-bg-color: var(--el-color-danger-"light-4");
1976
- --el-button-hover-border-color: var(--el-color-danger-"light-4");
1977
- --el-button-active-bg-color: var(--el-color-danger-"light-6");
1978
- --el-button-active-border-color: var(--el-color-danger-"light-6");
1975
+ --el-button-hover-bg-color: var(--el-color-danger-light-4);
1976
+ --el-button-hover-border-color: var(--el-color-danger-light-4);
1977
+ --el-button-active-bg-color: var(--el-color-danger-light-6);
1978
+ --el-button-active-border-color: var(--el-color-danger-light-6);
1979
1979
  --el-button-disabled-text-color: var(--el-color-white);
1980
1980
  --el-button-disabled-bg-color: var(--el-color-danger-light-1);
1981
1981
  --el-button-disabled-border-color: var(--el-color-danger-light-1);
@@ -1999,17 +1999,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
1999
1999
  }
2000
2000
 
2001
2001
  .el-button--error {
2002
- --el-button-text-color: var(--el-color-"white"-"");
2003
- --el-button-bg-color: var(--el-color-error-"");
2004
- --el-button-border-color: var(--el-color-error-"");
2002
+ --el-button-text-color: var(--el-color-white);
2003
+ --el-button-bg-color: var(--el-color-error-light-5);
2004
+ --el-button-border-color: var(--el-color-error);
2005
2005
  --el-button-outline-color: var(--el-color-error-light-5);
2006
2006
  --el-button-active-color: var(--el-color-error-dark-2);
2007
- --el-button-hover-text-color: var(--el-color-"white"-"");
2007
+ --el-button-hover-text-color: var(--el-color-white);
2008
2008
  --el-button-hover-link-text-color: var(--el-color-error-light-5);
2009
- --el-button-hover-bg-color: var(--el-color-error-"light-4");
2010
- --el-button-hover-border-color: var(--el-color-error-"light-4");
2011
- --el-button-active-bg-color: var(--el-color-error-"light-6");
2012
- --el-button-active-border-color: var(--el-color-error-"light-6");
2009
+ --el-button-hover-bg-color: var(--el-color-error-light-4);
2010
+ --el-button-hover-border-color: var(--el-color-error-light-4);
2011
+ --el-button-active-bg-color: var(--el-color-error-light-6);
2012
+ --el-button-active-border-color: var(--el-color-error-light-6);
2013
2013
  --el-button-disabled-text-color: var(--el-color-white);
2014
2014
  --el-button-disabled-bg-color: var(--el-color-error-light-1);
2015
2015
  --el-button-disabled-border-color: var(--el-color-error-light-1);
@@ -2033,17 +2033,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
2033
2033
  }
2034
2034
 
2035
2035
  .el-button--info {
2036
- --el-button-text-color: var(--el-color-"white"-"");
2037
- --el-button-bg-color: var(--el-color-info-"");
2038
- --el-button-border-color: var(--el-color-info-"");
2036
+ --el-button-text-color: var(--el-color-white);
2037
+ --el-button-bg-color: var(--el-color-info-light-5);
2038
+ --el-button-border-color: var(--el-color-info);
2039
2039
  --el-button-outline-color: var(--el-color-info-light-5);
2040
2040
  --el-button-active-color: var(--el-color-info-dark-2);
2041
- --el-button-hover-text-color: var(--el-color-"white"-"");
2041
+ --el-button-hover-text-color: var(--el-color-white);
2042
2042
  --el-button-hover-link-text-color: var(--el-color-info-light-5);
2043
- --el-button-hover-bg-color: var(--el-color-info-"light-4");
2044
- --el-button-hover-border-color: var(--el-color-info-"light-4");
2045
- --el-button-active-bg-color: var(--el-color-info-"light-6");
2046
- --el-button-active-border-color: var(--el-color-info-"light-6");
2043
+ --el-button-hover-bg-color: var(--el-color-info-light-4);
2044
+ --el-button-hover-border-color: var(--el-color-info-light-4);
2045
+ --el-button-active-bg-color: var(--el-color-info-light-6);
2046
+ --el-button-active-border-color: var(--el-color-info-light-6);
2047
2047
  --el-button-disabled-text-color: var(--el-color-white);
2048
2048
  --el-button-disabled-bg-color: var(--el-color-info-light-1);
2049
2049
  --el-button-disabled-border-color: var(--el-color-info-light-1);
@@ -12865,7 +12865,10 @@ h6,
12865
12865
  --el-tag-hover-color: var(--el-color-primary-light-5);
12866
12866
  --el-tag-text-color: var(--el-color-primary-light-5);
12867
12867
  }
12868
- .el-select__selected-item:has(+ .el-tooltip__trigger) {
12868
+ .el-select__selected-item:has(~ .el-select__input-wrapper.is-hidden) {
12869
+ max-width: none;
12870
+ }
12871
+ .el-select__selected-item:has(+ .el-tooltip__trigger + .el-select__input-wrapper:not(.is-hidden)) {
12869
12872
  max-width: calc(100% - 160px);
12870
12873
  }
12871
12874
  .el-select__selected-item:has(~ .el-select__input-wrapper.is-hidden) {
@@ -12933,6 +12936,7 @@ h6,
12933
12936
  .el-select__input-wrapper.is-hidden {
12934
12937
  position: absolute;
12935
12938
  opacity: 0;
12939
+ display: none;
12936
12940
  }
12937
12941
 
12938
12942
  .el-select__input {
@@ -17249,6 +17253,9 @@ mark.el-text {
17249
17253
  overflow-wrap: break-word;
17250
17254
  visibility: visible;
17251
17255
  }
17256
+ .el-popper .el-select__selected-item {
17257
+ max-width: none;
17258
+ }
17252
17259
  .el-popper.is-dark {
17253
17260
  color: var(--el-bg-color);
17254
17261
  background: var(--el-text-color-primary);
package/dist/runtime/public/scss/element-plus/mixins/_button.scss CHANGED
@@ -3,64 +3,93 @@
3
3
  @use '../common/var' as *;
4
4
 
5
5
  @mixin button-plain($type) {
6
+ $is-secondary: $type == 'secondary';
7
+
8
+ $default-text-color: $type;
9
+ $default-text-variant: '';
10
+ $disabled-text-variant: 'light-9';
11
+ $default-bg-color: 'white';
12
+ $default-border-variant: 'light-5';
13
+ $hover-text-variant: 'light-4';
14
+ $hover-bg-color: 'white';
15
+ $hover-border-variant: 'light-4';
16
+ $active-text-variant: 'light-6';
17
+ $active-bg-color: 'white';
18
+ $active-border-variant: 'light-6';
19
+
20
+ @if $is-secondary {
21
+ $default-text-color: $type;
22
+ $default-text-variant: '';
23
+ $disabled-text-variant: 'light-9';
24
+ $default-bg-color: 'white';
25
+ $default-border-variant: 'light-5';
26
+ $hover-text-variant: 'light-4';
27
+ $hover-bg-color: 'white';
28
+ $hover-border-variant: 'light-4';
29
+ $active-text-variant: 'light-6';
30
+ $active-bg-color: 'white';
31
+ $active-border-variant: 'light-6';
32
+ }
33
+
6
34
  $button-color-types: (
7
35
  '': (
8
36
  'text-color': (
9
37
  'color',
10
- $type,
38
+ $default-text-color,
39
+ $default-text-variant,
11
40
  ),
12
41
  'disabled-text-color': (
13
42
  'color',
14
43
  $type,
15
- 'light-9',
44
+ $disabled-text-variant,
16
45
  ),
17
46
  'bg-color': (
18
47
  'color',
19
- 'white',
48
+ $default-bg-color,
20
49
  ),
21
50
  'border-color': (
22
51
  'color',
23
52
  $type,
24
- 'light-5',
53
+ $default-border-variant,
25
54
  ),
26
55
  ),
27
56
  'hover': (
28
57
  'text-color': (
29
58
  'color',
30
59
  $type,
31
- 'light-4',
60
+ $hover-text-variant,
32
61
  ),
33
62
  'bg-color': (
34
63
  'color',
35
- 'white',
64
+ $hover-bg-color,
36
65
  ),
37
66
  'border-color': (
38
67
  'color',
39
68
  $type,
40
- 'light-4',
69
+ $hover-border-variant,
41
70
  ),
42
71
  ),
43
72
  'active': (
44
73
  'text-color': (
45
74
  'color',
46
75
  $type,
47
- 'light-6',
76
+ $active-text-variant,
48
77
  ),
49
78
  'bg-color': (
50
79
  'color',
51
- 'white',
80
+ $active-bg-color,
52
81
  ),
53
82
  'border-color': (
54
83
  'color',
55
84
  $type,
56
- 'light-6',
85
+ $active-border-variant,
57
86
  ),
58
87
  ),
59
88
  );
60
89
 
61
- @each $type, $typeMap in $button-color-types {
62
- @each $typeColor, $list in $typeMap {
63
- @include css-var-from-global(('button', $type, $typeColor), $list);
90
+ @each $state, $stateMap in $button-color-types {
91
+ @each $typeColor, $list in $stateMap {
92
+ @include css-var-from-global(('button', $state, $typeColor), $list);
64
93
  }
65
94
  }
66
95
 
@@ -77,30 +106,46 @@
77
106
  }
78
107
 
79
108
  @mixin button-variant($type) {
109
+ $is-secondary: $type == 'secondary';
110
+
111
+ $default-text-color: 'white';
112
+ $default-text-variant: '';
113
+ $default-bg-variant: 'light-5';
114
+ $default-border-variant: '';
115
+ $hover-bg-color: $type;
116
+ $hover-bg-variant: 'light-4';
117
+ $hover-border-variant: 'light-4';
118
+ $active-bg-variant: 'light-6';
119
+ $active-border-variant: 'light-6';
120
+
121
+ @if $is-secondary {
122
+ $default-text-color: $type;
123
+ $default-text-variant: 'light-9';
124
+ $default-bg-variant: 'light-1';
125
+ $default-border-variant: 'light-2';
126
+ $hover-bg-color: 'white';
127
+ $hover-bg-variant: '';
128
+ $hover-border-variant: 'light-3';
129
+ $active-bg-variant: 'light-2';
130
+ $active-border-variant: 'light-2';
131
+ }
132
+
80
133
  $button-color-types: (
81
134
  '': (
82
135
  'text-color': (
83
136
  'color',
84
- if(
85
- sass($type == 'secondary'): $type; else: 'white',
86
- ),
87
- if(
88
- sass($type == 'secondary'): 'light-9' ; else: '',
89
- ),
137
+ $default-text-color,
138
+ $default-text-variant,
90
139
  ),
91
140
  'bg-color': (
92
141
  'color',
93
142
  $type,
94
- if(
95
- sass($type == 'secondary'): 'light-1' ; else: '',
96
- ),
143
+ $default-bg-variant,
97
144
  ),
98
145
  'border-color': (
99
146
  'color',
100
147
  $type,
101
- if(
102
- sass($type == 'secondary'): 'light-2' ; else: '',
103
- ),
148
+ $default-border-variant,
104
149
  ),
105
150
  'outline-color': (
106
151
  'color',
@@ -116,12 +161,8 @@
116
161
  'hover': (
117
162
  'text-color': (
118
163
  'color',
119
- if(
120
- sass($type == 'secondary'): $type; else: 'white',
121
- ),
122
- if(
123
- sass($type == 'secondary'): 'light-9' ; else: '',
124
- ),
164
+ $default-text-color,
165
+ $default-text-variant,
125
166
  ),
126
167
  'link-text-color': (
127
168
  'color',
@@ -130,35 +171,25 @@
130
171
  ),
131
172
  'bg-color': (
132
173
  'color',
133
- if(
134
- sass($type == 'secondary'): 'white' ; else: $type,
135
- ),
136
- if(
137
- sass($type == 'secondary'): '' ; else: 'light-4',
138
- ),
174
+ $hover-bg-color,
175
+ $hover-bg-variant,
139
176
  ),
140
177
  'border-color': (
141
178
  'color',
142
179
  $type,
143
- if(
144
- sass($type == 'secondary'): 'light-3' ; else: 'light-4',
145
- ),
180
+ $hover-border-variant,
146
181
  ),
147
182
  ),
148
183
  'active': (
149
184
  'bg-color': (
150
185
  'color',
151
186
  $type,
152
- if(
153
- sass($type == 'secondary'): 'light-2' ; else: 'light-6',
154
- ),
187
+ $active-bg-variant,
155
188
  ),
156
189
  'border-color': (
157
190
  'color',
158
191
  $type,
159
- if(
160
- sass($type == 'secondary'): 'light-2' ; else: 'light-6',
161
- ),
192
+ $active-border-variant,
162
193
  ),
163
194
  ),
164
195
  'disabled': (
package/dist/runtime/public/scss/element-plus/popper.css CHANGED
@@ -315,6 +315,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
315
315
  overflow-wrap: break-word;
316
316
  visibility: visible;
317
317
  }
318
+ .el-popper .el-select__selected-item {
319
+ max-width: none;
320
+ }
318
321
  .el-popper.is-dark {
319
322
  color: var(--el-bg-color);
320
323
  background: var(--el-text-color-primary);
package/dist/runtime/public/scss/element-plus/popper.scss CHANGED
@@ -19,6 +19,10 @@
19
19
 
20
20
  $arrow-selector: #{& + '__arrow'};
21
21
 
22
+ .el-select__selected-item {
23
+ max-width: none;
24
+ }
25
+
22
26
  @include when(dark) {
23
27
  color: getCssVar('bg-color');
24
28
  background: getCssVar('text-color', 'primary');
package/dist/runtime/public/scss/element-plus/select-v2.css CHANGED
@@ -607,7 +607,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
607
607
  --el-tag-hover-color: var(--el-color-primary-light-5);
608
608
  --el-tag-text-color: var(--el-color-primary-light-5);
609
609
  }
610
- .el-select__selected-item:has(+ .el-tooltip__trigger) {
610
+ .el-select__selected-item:has(~ .el-select__input-wrapper.is-hidden) {
611
+ max-width: none;
612
+ }
613
+ .el-select__selected-item:has(+ .el-tooltip__trigger + .el-select__input-wrapper:not(.is-hidden)) {
611
614
  max-width: calc(100% - 160px);
612
615
  }
613
616
  .el-select__selected-item:has(~ .el-select__input-wrapper.is-hidden) {
@@ -675,6 +678,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
675
678
  .el-select__input-wrapper.is-hidden {
676
679
  position: absolute;
677
680
  opacity: 0;
681
+ display: none;
678
682
  }
679
683
 
680
684
  .el-select__input {
package/dist/runtime/public/scss/element-plus/select.css CHANGED
@@ -607,7 +607,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
607
607
  --el-tag-hover-color: var(--el-color-primary-light-5);
608
608
  --el-tag-text-color: var(--el-color-primary-light-5);
609
609
  }
610
- .el-select__selected-item:has(+ .el-tooltip__trigger) {
610
+ .el-select__selected-item:has(~ .el-select__input-wrapper.is-hidden) {
611
+ max-width: none;
612
+ }
613
+ .el-select__selected-item:has(+ .el-tooltip__trigger + .el-select__input-wrapper:not(.is-hidden)) {
611
614
  max-width: calc(100% - 160px);
612
615
  }
613
616
  .el-select__selected-item:has(~ .el-select__input-wrapper.is-hidden) {
@@ -675,6 +678,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
675
678
  .el-select__input-wrapper.is-hidden {
676
679
  position: absolute;
677
680
  opacity: 0;
681
+ display: none;
678
682
  }
679
683
 
680
684
  .el-select__input {
package/dist/runtime/public/scss/element-plus/select.scss CHANGED
@@ -196,7 +196,11 @@
196
196
  @include css-var-from-global(('tag', 'text-color'), ('color', 'primary', 'light-5'));
197
197
  }
198
198
 
199
- &:has(+ .el-tooltip__trigger) {
199
+ &:has(~ .el-select__input-wrapper.is-hidden) {
200
+ max-width: none;
201
+ }
202
+
203
+ &:has(+ .el-tooltip__trigger + .el-select__input-wrapper:not(.is-hidden)) {
200
204
  max-width: calc(100% - 160px);
201
205
  }
202
206
 
@@ -246,6 +250,7 @@
246
250
  // Out of the document flow
247
251
  position: absolute;
248
252
  opacity: 0;
253
+ display: none;
249
254
  }
250
255
  }
251
256
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@timus-networks/theme",
3
- "version": "2.4.285",
3
+ "version": "2.4.286",
4
4
  "description": "A comprehensive Nuxt.js module providing a tailored theme experience with integrated TailwindCSS support for applications.",
5
5
  "type": "module",
6
6
  "exports": {