@timus-networks/theme 2.4.284 → 2.4.285

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 (16) hide show
  1. package/dist/module.json +1 -1
  2. package/dist/module.mjs +1 -1
  3. package/dist/runtime/assets/scss/main.css +62 -63
  4. package/dist/runtime/plugins/disable-warnings-plugin.js +2 -1
  5. package/dist/runtime/plugins/disable-warnings-plugin.mjs +2 -1
  6. package/dist/runtime/public/scss/element-plus/button.css +56 -56
  7. package/dist/runtime/public/scss/element-plus/index.css +62 -63
  8. package/dist/runtime/public/scss/element-plus/mixins/_button.scss +46 -77
  9. package/dist/runtime/public/scss/element-plus/popper.css +0 -3
  10. package/dist/runtime/public/scss/element-plus/popper.scss +0 -4
  11. package/dist/runtime/public/scss/element-plus/select-v2.css +3 -4
  12. package/dist/runtime/public/scss/element-plus/select.css +3 -4
  13. package/dist/runtime/public/scss/element-plus/select.scss +4 -5
  14. package/dist/runtime/public/scss/element-plus/tag.css +3 -0
  15. package/dist/runtime/public/scss/element-plus/tag.scss +3 -0
  16. 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.283",
4
+ "version": "2.4.284",
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.283";
14
+ const version = "2.4.284";
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-light-5);
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-"");
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-light-5);
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-"");
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-light-5);
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-"");
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-light-5);
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-"");
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-light-5);
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-"");
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-light-5);
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-"");
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-light-5);
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-"");
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,12 +13757,12 @@ 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) {
13761
+ max-width: calc(100% - 160px);
13762
+ }
13760
13763
  .el-select__selected-item:has(~ .el-select__input-wrapper.is-hidden) {
13761
13764
  max-width: none;
13762
13765
  }
13763
- .el-select__selected-item:has(+ .el-tooltip__trigger + .el-select__input-wrapper:not(.is-hidden)) {
13764
- max-width: calc(100% - 160px);
13765
- }
13766
13766
 
13767
13767
  .el-select__tags-text {
13768
13768
  display: block;
@@ -13825,7 +13825,6 @@ heights > $common-component-size
13825
13825
  .el-select__input-wrapper.is-hidden {
13826
13826
  position: absolute;
13827
13827
  opacity: 0;
13828
- display: none;
13829
13828
  }
13830
13829
 
13831
13830
  .el-select__input {
@@ -16601,6 +16600,8 @@ heights > $common-component-size
16601
16600
  }
16602
16601
  .el-tag .el-tag__close {
16603
16602
  margin-left: 8px;
16603
+ margin-left: 4px;
16604
+ margin-right: -3px;
16604
16605
  }
16605
16606
  .el-tag--dark {
16606
16607
  --el-tag-text-color: var(--el-color-white);
@@ -16722,6 +16723,7 @@ heights > $common-component-size
16722
16723
 
16723
16724
  .el-tag.is-closable {
16724
16725
  padding-right: 7px;
16726
+ display: flex;
16725
16727
  }
16726
16728
  .el-tag--large {
16727
16729
  padding: 0 7px;
@@ -18139,9 +18141,6 @@ mark.el-text {
18139
18141
  overflow-wrap: break-word;
18140
18142
  visibility: visible;
18141
18143
  }
18142
- .el-popper .el-select__selected-item {
18143
- max-width: none;
18144
- }
18145
18144
  .el-popper.is-dark {
18146
18145
  color: var(--el-bg-color);
18147
18146
  background: var(--el-text-color-primary);
package/dist/runtime/plugins/disable-warnings-plugin.js CHANGED
@@ -2,7 +2,8 @@ import { defineNuxtPlugin } from "#app";
2
2
  export default defineNuxtPlugin((nuxtApp) => {
3
3
  const ignoredWarnings = [
4
4
  "Invalid prop: validation failed",
5
- "Invalid prop: custom validator"
5
+ "Invalid prop: custom validator",
6
+ '[ElMenuItem] Missing required prop: "index"'
6
7
  // Add other warnings to ignore here
7
8
  ];
8
9
  if (process.env.NODE_ENV === "development") {
package/dist/runtime/plugins/disable-warnings-plugin.mjs CHANGED
@@ -2,7 +2,8 @@ import { defineNuxtPlugin } from "#app";
2
2
  export default defineNuxtPlugin((nuxtApp) => {
3
3
  const ignoredWarnings = [
4
4
  "Invalid prop: validation failed",
5
- "Invalid prop: custom validator"
5
+ "Invalid prop: custom validator",
6
+ '[ElMenuItem] Missing required prop: "index"'
6
7
  // Add other warnings to ignore here
7
8
  ];
8
9
  if (process.env.NODE_ENV === "development") {
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-light-5);
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-"");
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-light-5);
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-"");
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-light-5);
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-"");
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-light-5);
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-"");
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-light-5);
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-"");
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-light-5);
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-"");
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-light-5);
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-"");
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-light-5);
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-"");
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-light-5);
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-"");
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-light-5);
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-"");
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-light-5);
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-"");
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-light-5);
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-"");
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-light-5);
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-"");
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-light-5);
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-"");
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,12 +12865,12 @@ 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) {
12869
+ max-width: calc(100% - 160px);
12870
+ }
12868
12871
  .el-select__selected-item:has(~ .el-select__input-wrapper.is-hidden) {
12869
12872
  max-width: none;
12870
12873
  }
12871
- .el-select__selected-item:has(+ .el-tooltip__trigger + .el-select__input-wrapper:not(.is-hidden)) {
12872
- max-width: calc(100% - 160px);
12873
- }
12874
12874
 
12875
12875
  .el-select__tags-text {
12876
12876
  display: block;
@@ -12933,7 +12933,6 @@ h6,
12933
12933
  .el-select__input-wrapper.is-hidden {
12934
12934
  position: absolute;
12935
12935
  opacity: 0;
12936
- display: none;
12937
12936
  }
12938
12937
 
12939
12938
  .el-select__input {
@@ -15709,6 +15708,8 @@ h6,
15709
15708
  }
15710
15709
  .el-tag .el-tag__close {
15711
15710
  margin-left: 8px;
15711
+ margin-left: 4px;
15712
+ margin-right: -3px;
15712
15713
  }
15713
15714
  .el-tag--dark {
15714
15715
  --el-tag-text-color: var(--el-color-white);
@@ -15830,6 +15831,7 @@ h6,
15830
15831
 
15831
15832
  .el-tag.is-closable {
15832
15833
  padding-right: 7px;
15834
+ display: flex;
15833
15835
  }
15834
15836
  .el-tag--large {
15835
15837
  padding: 0 7px;
@@ -17247,9 +17249,6 @@ mark.el-text {
17247
17249
  overflow-wrap: break-word;
17248
17250
  visibility: visible;
17249
17251
  }
17250
- .el-popper .el-select__selected-item {
17251
- max-width: none;
17252
- }
17253
17252
  .el-popper.is-dark {
17254
17253
  color: var(--el-bg-color);
17255
17254
  background: var(--el-text-color-primary);
package/dist/runtime/public/scss/element-plus/mixins/_button.scss CHANGED
@@ -3,93 +3,64 @@
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
-
34
6
  $button-color-types: (
35
7
  '': (
36
8
  'text-color': (
37
9
  'color',
38
- $default-text-color,
39
- $default-text-variant,
10
+ $type,
40
11
  ),
41
12
  'disabled-text-color': (
42
13
  'color',
43
14
  $type,
44
- $disabled-text-variant,
15
+ 'light-9',
45
16
  ),
46
17
  'bg-color': (
47
18
  'color',
48
- $default-bg-color,
19
+ 'white',
49
20
  ),
50
21
  'border-color': (
51
22
  'color',
52
23
  $type,
53
- $default-border-variant,
24
+ 'light-5',
54
25
  ),
55
26
  ),
56
27
  'hover': (
57
28
  'text-color': (
58
29
  'color',
59
30
  $type,
60
- $hover-text-variant,
31
+ 'light-4',
61
32
  ),
62
33
  'bg-color': (
63
34
  'color',
64
- $hover-bg-color,
35
+ 'white',
65
36
  ),
66
37
  'border-color': (
67
38
  'color',
68
39
  $type,
69
- $hover-border-variant,
40
+ 'light-4',
70
41
  ),
71
42
  ),
72
43
  'active': (
73
44
  'text-color': (
74
45
  'color',
75
46
  $type,
76
- $active-text-variant,
47
+ 'light-6',
77
48
  ),
78
49
  'bg-color': (
79
50
  'color',
80
- $active-bg-color,
51
+ 'white',
81
52
  ),
82
53
  'border-color': (
83
54
  'color',
84
55
  $type,
85
- $active-border-variant,
56
+ 'light-6',
86
57
  ),
87
58
  ),
88
59
  );
89
60
 
90
- @each $state, $stateMap in $button-color-types {
91
- @each $typeColor, $list in $stateMap {
92
- @include css-var-from-global(('button', $state, $typeColor), $list);
61
+ @each $type, $typeMap in $button-color-types {
62
+ @each $typeColor, $list in $typeMap {
63
+ @include css-var-from-global(('button', $type, $typeColor), $list);
93
64
  }
94
65
  }
95
66
 
@@ -106,46 +77,30 @@
106
77
  }
107
78
 
108
79
  @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
-
133
80
  $button-color-types: (
134
81
  '': (
135
82
  'text-color': (
136
83
  'color',
137
- $default-text-color,
138
- $default-text-variant,
84
+ if(
85
+ sass($type == 'secondary'): $type; else: 'white',
86
+ ),
87
+ if(
88
+ sass($type == 'secondary'): 'light-9' ; else: '',
89
+ ),
139
90
  ),
140
91
  'bg-color': (
141
92
  'color',
142
93
  $type,
143
- $default-bg-variant,
94
+ if(
95
+ sass($type == 'secondary'): 'light-1' ; else: '',
96
+ ),
144
97
  ),
145
98
  'border-color': (
146
99
  'color',
147
100
  $type,
148
- $default-border-variant,
101
+ if(
102
+ sass($type == 'secondary'): 'light-2' ; else: '',
103
+ ),
149
104
  ),
150
105
  'outline-color': (
151
106
  'color',
@@ -161,8 +116,12 @@
161
116
  'hover': (
162
117
  'text-color': (
163
118
  'color',
164
- $default-text-color,
165
- $default-text-variant,
119
+ if(
120
+ sass($type == 'secondary'): $type; else: 'white',
121
+ ),
122
+ if(
123
+ sass($type == 'secondary'): 'light-9' ; else: '',
124
+ ),
166
125
  ),
167
126
  'link-text-color': (
168
127
  'color',
@@ -171,25 +130,35 @@
171
130
  ),
172
131
  'bg-color': (
173
132
  'color',
174
- $hover-bg-color,
175
- $hover-bg-variant,
133
+ if(
134
+ sass($type == 'secondary'): 'white' ; else: $type,
135
+ ),
136
+ if(
137
+ sass($type == 'secondary'): '' ; else: 'light-4',
138
+ ),
176
139
  ),
177
140
  'border-color': (
178
141
  'color',
179
142
  $type,
180
- $hover-border-variant,
143
+ if(
144
+ sass($type == 'secondary'): 'light-3' ; else: 'light-4',
145
+ ),
181
146
  ),
182
147
  ),
183
148
  'active': (
184
149
  'bg-color': (
185
150
  'color',
186
151
  $type,
187
- $active-bg-variant,
152
+ if(
153
+ sass($type == 'secondary'): 'light-2' ; else: 'light-6',
154
+ ),
188
155
  ),
189
156
  'border-color': (
190
157
  'color',
191
158
  $type,
192
- $active-border-variant,
159
+ if(
160
+ sass($type == 'secondary'): 'light-2' ; else: 'light-6',
161
+ ),
193
162
  ),
194
163
  ),
195
164
  'disabled': (
package/dist/runtime/public/scss/element-plus/popper.css CHANGED
@@ -315,9 +315,6 @@ 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
- }
321
318
  .el-popper.is-dark {
322
319
  color: var(--el-bg-color);
323
320
  background: var(--el-text-color-primary);
package/dist/runtime/public/scss/element-plus/popper.scss CHANGED
@@ -19,10 +19,6 @@
19
19
 
20
20
  $arrow-selector: #{& + '__arrow'};
21
21
 
22
- .el-select__selected-item {
23
- max-width: none;
24
- }
25
-
26
22
  @include when(dark) {
27
23
  color: getCssVar('bg-color');
28
24
  background: getCssVar('text-color', 'primary');
package/dist/runtime/public/scss/element-plus/select-v2.css CHANGED
@@ -607,12 +607,12 @@ 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) {
611
+ max-width: calc(100% - 160px);
612
+ }
610
613
  .el-select__selected-item:has(~ .el-select__input-wrapper.is-hidden) {
611
614
  max-width: none;
612
615
  }
613
- .el-select__selected-item:has(+ .el-tooltip__trigger + .el-select__input-wrapper:not(.is-hidden)) {
614
- max-width: calc(100% - 160px);
615
- }
616
616
 
617
617
  .el-select__tags-text {
618
618
  display: block;
@@ -675,7 +675,6 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
675
675
  .el-select__input-wrapper.is-hidden {
676
676
  position: absolute;
677
677
  opacity: 0;
678
- display: none;
679
678
  }
680
679
 
681
680
  .el-select__input {
package/dist/runtime/public/scss/element-plus/select.css CHANGED
@@ -607,12 +607,12 @@ 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) {
611
+ max-width: calc(100% - 160px);
612
+ }
610
613
  .el-select__selected-item:has(~ .el-select__input-wrapper.is-hidden) {
611
614
  max-width: none;
612
615
  }
613
- .el-select__selected-item:has(+ .el-tooltip__trigger + .el-select__input-wrapper:not(.is-hidden)) {
614
- max-width: calc(100% - 160px);
615
- }
616
616
 
617
617
  .el-select__tags-text {
618
618
  display: block;
@@ -675,7 +675,6 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
675
675
  .el-select__input-wrapper.is-hidden {
676
676
  position: absolute;
677
677
  opacity: 0;
678
- display: none;
679
678
  }
680
679
 
681
680
  .el-select__input {
package/dist/runtime/public/scss/element-plus/select.scss CHANGED
@@ -196,12 +196,12 @@
196
196
  @include css-var-from-global(('tag', 'text-color'), ('color', 'primary', 'light-5'));
197
197
  }
198
198
 
199
- &:has(~ .el-select__input-wrapper.is-hidden) {
200
- max-width: none;
199
+ &:has(+ .el-tooltip__trigger) {
200
+ max-width: calc(100% - 160px);
201
201
  }
202
202
 
203
- &:has(+ .el-tooltip__trigger + .el-select__input-wrapper:not(.is-hidden)) {
204
- max-width: calc(100% - 160px);
203
+ &:has(~ .el-select__input-wrapper.is-hidden) {
204
+ max-width: none;
205
205
  }
206
206
  }
207
207
 
@@ -246,7 +246,6 @@
246
246
  // Out of the document flow
247
247
  position: absolute;
248
248
  opacity: 0;
249
- display: none;
250
249
  }
251
250
  }
252
251
 
package/dist/runtime/public/scss/element-plus/tag.css CHANGED
@@ -418,6 +418,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
418
418
  }
419
419
  .el-tag .el-tag__close {
420
420
  margin-left: 8px;
421
+ margin-left: 4px;
422
+ margin-right: -3px;
421
423
  }
422
424
  .el-tag--dark {
423
425
  --el-tag-text-color: var(--el-color-white);
@@ -539,6 +541,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
539
541
 
540
542
  .el-tag.is-closable {
541
543
  padding-right: 7px;
544
+ display: flex;
542
545
  }
543
546
  .el-tag--large {
544
547
  padding: 0 7px;
package/dist/runtime/public/scss/element-plus/tag.scss CHANGED
@@ -113,6 +113,8 @@ $tag-icon-span-gap: map.merge(
113
113
 
114
114
  .#{$namespace}-tag__close {
115
115
  margin-left: map.get($tag-icon-span-gap, 'default');
116
+ margin-left: 4px;
117
+ margin-right: -3px;
116
118
  }
117
119
 
118
120
  @include m(dark) {
@@ -133,6 +135,7 @@ $tag-icon-span-gap: map.merge(
133
135
 
134
136
  &.is-closable {
135
137
  padding-right: map.get($tag-icon-span-gap, 'default') - $border-width;
138
+ display: flex;
136
139
  }
137
140
 
138
141
  @each $size in $sizes {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@timus-networks/theme",
3
- "version": "2.4.284",
3
+ "version": "2.4.285",
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": {