@timus-networks/theme 2.4.283 → 2.4.284

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 (7) hide show
  1. package/dist/module.json +1 -1
  2. package/dist/module.mjs +1 -1
  3. package/dist/runtime/assets/scss/main.css +56 -56
  4. package/dist/runtime/public/scss/element-plus/button.css +56 -56
  5. package/dist/runtime/public/scss/element-plus/index.css +56 -56
  6. package/dist/runtime/public/scss/element-plus/mixins/_button.scss +77 -46
  7. 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.282",
4
+ "version": "2.4.283",
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.282";
14
+ const version = "2.4.283";
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);
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);
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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@timus-networks/theme",
3
- "version": "2.4.283",
3
+ "version": "2.4.284",
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": {