@syncfusion/ej2-splitbuttons 32.2.3 → 33.1.44

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 (26) hide show
  1. package/dist/ej2-splitbuttons.min.js +2 -2
  2. package/dist/ej2-splitbuttons.umd.min.js +2 -2
  3. package/dist/ej2-splitbuttons.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-splitbuttons.es2015.js +15 -1
  5. package/dist/es6/ej2-splitbuttons.es2015.js.map +1 -1
  6. package/dist/es6/ej2-splitbuttons.es5.js +15 -1
  7. package/dist/es6/ej2-splitbuttons.es5.js.map +1 -1
  8. package/dist/global/ej2-splitbuttons.min.js +2 -2
  9. package/dist/global/ej2-splitbuttons.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +3 -3
  12. package/src/drop-down-button/drop-down-button.js +9 -1
  13. package/src/split-button/split-button.js +6 -0
  14. package/styles/bootstrap5.3-lite.css +2 -2
  15. package/styles/bootstrap5.3.css +2 -2
  16. package/styles/button-group/bootstrap5.3.css +2 -2
  17. package/styles/button-group/material3-dark.css +0 -19
  18. package/styles/button-group/material3.css +0 -19
  19. package/styles/drop-down-button/material3-dark.css +0 -1
  20. package/styles/drop-down-button/material3.css +0 -1
  21. package/styles/material3-dark-lite.css +0 -23
  22. package/styles/material3-dark.css +0 -23
  23. package/styles/material3-lite.css +0 -23
  24. package/styles/material3.css +0 -23
  25. package/styles/split-button/material3-dark.css +0 -3
  26. package/styles/split-button/material3.css +0 -3
package/dist/global/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: index.d.ts
3
- * version : 32.2.3
3
+ * version : 33.1.44
4
4
  * Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@syncfusion/ej2-splitbuttons",
3
- "version": "32.2.3",
3
+ "version": "33.1.44",
4
4
  "description": "A package of feature-rich Essential JS 2 components such as DropDownButton, SplitButton, ProgressButton and ButtonGroup.",
5
5
  "author": "Syncfusion Inc.",
6
6
  "license": "SEE LICENSE IN license",
@@ -8,8 +8,8 @@
8
8
  "module": "./index.js",
9
9
  "es2015": "./dist/es6/ej2-splitbuttons.es5.js",
10
10
  "dependencies": {
11
- "@syncfusion/ej2-base": "~32.2.3",
12
- "@syncfusion/ej2-popups": "~32.2.3"
11
+ "@syncfusion/ej2-base": "~33.1.44",
12
+ "@syncfusion/ej2-popups": "~33.1.44"
13
13
  },
14
14
  "devDependencies": {},
15
15
  "keywords": [
package/src/drop-down-button/drop-down-button.js CHANGED
@@ -178,7 +178,15 @@ var DropDownButton = /** @class */ (function (_super) {
178
178
  className: this.popupWidth !== 'auto' ? classNames.POPUP + " " + classNames.POPUPWIDTH : classNames.POPUP,
179
179
  id: this.element.id + '-popup'
180
180
  });
181
- document.body.appendChild(div);
181
+ var appendToElement = document.body;
182
+ if (this.isAngular) {
183
+ var cdkPane = this.element.closest('.cdk-overlay-pane');
184
+ var popoverEl = this.element.closest('[popover]');
185
+ if (cdkPane && popoverEl) {
186
+ appendToElement = cdkPane;
187
+ }
188
+ }
189
+ appendToElement.appendChild(div);
182
190
  this.dropDown = new Popup(div, {
183
191
  width: this.popupWidth,
184
192
  relateTo: this.element,
package/src/split-button/split-button.js CHANGED
@@ -202,6 +202,9 @@ var SplitButton = /** @class */ (function (_super) {
202
202
  };
203
203
  this.secondaryBtnObj = new DropDownButton(dropDownBtnModel);
204
204
  this.secondaryBtnObj.createElement = this.createElement;
205
+ if (this.isAngular) {
206
+ this.secondaryBtnObj.isAngular = this.isAngular;
207
+ }
205
208
  this.secondaryBtnObj.appendTo(btnElem);
206
209
  if (!this.createPopupOnClick) {
207
210
  this.secondaryBtnObj.dropDown.relateTo = this.wrapper;
@@ -262,6 +265,9 @@ var SplitButton = /** @class */ (function (_super) {
262
265
  }
263
266
  this.unWireEvents();
264
267
  }
268
+ else if (this.wrapper && this.wrapper.tagName === TAGNAME) {
269
+ this.unWireEvents();
270
+ }
265
271
  }
266
272
  this.primaryBtnObj.destroy();
267
273
  this.secondaryBtnObj.destroy();
package/styles/bootstrap5.3-lite.css CHANGED
@@ -1681,8 +1681,8 @@
1681
1681
  .e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
1682
1682
  .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
1683
1683
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
1684
- background: rgba(var(--color-sf-primary), 0.65);
1685
- border-color: var(--color-sf-primary-bg-color-disabled);
1684
+ background: transparent;
1685
+ border-color: var(--color-sf-primary-border-color-disabled);
1686
1686
  -webkit-box-shadow: none;
1687
1687
  box-shadow: none;
1688
1688
  color: var(--color-sf-primary-bg-color-disabled);
package/styles/bootstrap5.3.css CHANGED
@@ -1986,8 +1986,8 @@
1986
1986
  .e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
1987
1987
  .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
1988
1988
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
1989
- background: rgba(var(--color-sf-primary), 0.65);
1990
- border-color: var(--color-sf-primary-bg-color-disabled);
1989
+ background: transparent;
1990
+ border-color: var(--color-sf-primary-border-color-disabled);
1991
1991
  -webkit-box-shadow: none;
1992
1992
  box-shadow: none;
1993
1993
  color: var(--color-sf-primary-bg-color-disabled);
package/styles/button-group/bootstrap5.3.css CHANGED
@@ -874,8 +874,8 @@
874
874
  .e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
875
875
  .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
876
876
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
877
- background: rgba(var(--color-sf-primary), 0.65);
878
- border-color: var(--color-sf-primary-bg-color-disabled);
877
+ background: transparent;
878
+ border-color: var(--color-sf-primary-border-color-disabled);
879
879
  -webkit-box-shadow: none;
880
880
  box-shadow: none;
881
881
  color: var(--color-sf-primary-bg-color-disabled);
package/styles/button-group/material3-dark.css CHANGED
@@ -543,10 +543,8 @@
543
543
  .e-css.e-btn-group .e-btn:focus,
544
544
  .e-css.e-btn-group input:focus-visible + label.e-btn,
545
545
  .e-css.e-btn-group input:focus + label.e-btn {
546
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
547
546
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
548
547
  -o-border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
549
- border-image: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08)));
550
548
  border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
551
549
  color: rgba(var(--color-sf-on-surface));
552
550
  outline: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface)) 0 solid;
@@ -563,7 +561,6 @@
563
561
  .e-css.e-btn-group .e-btn:focus.e-primary,
564
562
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
565
563
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
566
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.08)), to(rgba(var(--color-sf-on-primary), 0.08))), rgba(var(--color-sf-primary));
567
564
  background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.08), rgba(var(--color-sf-on-primary), 0.08)), rgba(var(--color-sf-primary));
568
565
  border-color: rgba(var(--color-sf-primary));
569
566
  color: rgba(var(--color-sf-on-primary));
@@ -580,7 +577,6 @@
580
577
  .e-css.e-btn-group .e-btn:focus.e-success,
581
578
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
582
579
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
583
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-success-text), 0.08)), to(rgba(var(--color-sf-success-text), 0.08))), rgba(var(--color-sf-success));
584
580
  background: linear-gradient(0deg, rgba(var(--color-sf-success-text), 0.08), rgba(var(--color-sf-success-text), 0.08)), rgba(var(--color-sf-success));
585
581
  border-color: rgba(var(--color-sf-success));
586
582
  color: rgba(var(--color-sf-success-text));
@@ -596,7 +592,6 @@
596
592
  .e-css.e-btn-group .e-btn:focus.e-info,
597
593
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
598
594
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
599
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-info-text), 0.08)), to(rgba(var(--color-sf-info-text), 0.08))), rgba(var(--color-sf-info));
600
595
  background: linear-gradient(0deg, rgba(var(--color-sf-info-text), 0.08), rgba(var(--color-sf-info-text), 0.08)), rgba(var(--color-sf-info));
601
596
  border-color: rgba(var(--color-sf-info));
602
597
  color: rgba(var(--color-sf-info-text));
@@ -612,7 +607,6 @@
612
607
  .e-css.e-btn-group .e-btn:focus.e-warning,
613
608
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
614
609
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
615
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-warning-text), 0.08)), to(rgba(var(--color-sf-warning-text), 0.08))), rgba(var(--color-sf-warning));
616
610
  background: linear-gradient(0deg, rgba(var(--color-sf-warning-text), 0.08), rgba(var(--color-sf-warning-text), 0.08)), rgba(var(--color-sf-warning));
617
611
  border-color: rgba(var(--color-sf-warning));
618
612
  color: rgba(var(--color-sf-warning-text));
@@ -628,7 +622,6 @@
628
622
  .e-css.e-btn-group .e-btn:focus.e-danger,
629
623
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
630
624
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
631
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-danger-text), 0.08)), to(rgba(var(--color-sf-danger-text), 0.08))), rgba(var(--color-sf-error));
632
625
  background: linear-gradient(0deg, rgba(var(--color-sf-danger-text), 0.08), rgba(var(--color-sf-danger-text), 0.08)), rgba(var(--color-sf-error));
633
626
  border-color: rgba(var(--color-sf-error));
634
627
  color: rgba(var(--color-sf-danger-text));
@@ -731,10 +724,8 @@
731
724
  .e-css.e-btn-group .e-btn:active,
732
725
  .e-css.e-btn-group input:active + label.e-btn,
733
726
  .e-css.e-btn-group input:checked + label.e-btn {
734
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.12)), to(rgba(var(--color-sf-on-surface), 0.12))), rgba(var(--color-sf-surface));
735
727
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12)), rgba(var(--color-sf-surface));
736
728
  -o-border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12));
737
- border-image: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.12)), to(rgba(var(--color-sf-on-surface), 0.12)));
738
729
  border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12));
739
730
  color: rgba(var(--color-sf-on-surface));
740
731
  outline: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface)) 0 solid;
@@ -748,7 +739,6 @@
748
739
  .e-css.e-btn-group .e-btn:active.e-primary,
749
740
  .e-css.e-btn-group input:active + label.e-btn.e-primary,
750
741
  .e-css.e-btn-group input:checked + label.e-btn.e-primary {
751
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.12)), to(rgba(var(--color-sf-on-primary), 0.12))), rgba(var(--color-sf-primary));
752
742
  background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.12), rgba(var(--color-sf-on-primary), 0.12)), rgba(var(--color-sf-primary));
753
743
  border-color: rgba(var(--color-sf-primary));
754
744
  color: rgba(var(--color-sf-on-primary));
@@ -764,7 +754,6 @@
764
754
  .e-css.e-btn-group .e-btn:active.e-success,
765
755
  .e-css.e-btn-group input:active + label.e-btn.e-success,
766
756
  .e-css.e-btn-group input:checked + label.e-btn.e-success {
767
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-success-text), 0.12)), to(rgba(var(--color-sf-success-text), 0.12))), rgba(var(--color-sf-success));
768
757
  background: linear-gradient(0deg, rgba(var(--color-sf-success-text), 0.12), rgba(var(--color-sf-success-text), 0.12)), rgba(var(--color-sf-success));
769
758
  border-color: rgba(var(--color-sf-success));
770
759
  color: rgba(var(--color-sf-success-text));
@@ -779,7 +768,6 @@
779
768
  .e-css.e-btn-group .e-btn:active.e-info,
780
769
  .e-css.e-btn-group input:active + label.e-btn.e-info,
781
770
  .e-css.e-btn-group input:checked + label.e-btn.e-info {
782
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-info-text), 0.12)), to(rgba(var(--color-sf-info-text), 0.12))), rgba(var(--color-sf-info));
783
771
  background: linear-gradient(0deg, rgba(var(--color-sf-info-text), 0.12), rgba(var(--color-sf-info-text), 0.12)), rgba(var(--color-sf-info));
784
772
  color: rgba(var(--color-sf-info-text));
785
773
  border-color: rgba(var(--color-sf-info));
@@ -794,7 +782,6 @@
794
782
  .e-css.e-btn-group .e-btn:active.e-warning,
795
783
  .e-css.e-btn-group input:active + label.e-btn.e-warning,
796
784
  .e-css.e-btn-group input:checked + label.e-btn.e-warning {
797
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-warning-text), 0.12)), to(rgba(var(--color-sf-warning-text), 0.12))), rgba(var(--color-sf-warning));
798
785
  background: linear-gradient(0deg, rgba(var(--color-sf-warning-text), 0.12), rgba(var(--color-sf-warning-text), 0.12)), rgba(var(--color-sf-warning));
799
786
  border-color: rgba(var(--color-sf-warning));
800
787
  color: rgba(var(--color-sf-warning-text));
@@ -809,7 +796,6 @@
809
796
  .e-css.e-btn-group .e-btn:active.e-danger,
810
797
  .e-css.e-btn-group input:active + label.e-btn.e-danger,
811
798
  .e-css.e-btn-group input:checked + label.e-btn.e-danger {
812
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-danger-text), 0.12)), to(rgba(var(--color-sf-danger-text), 0.12))), rgba(var(--color-sf-error));
813
799
  background: linear-gradient(0deg, rgba(var(--color-sf-danger-text), 0.12), rgba(var(--color-sf-danger-text), 0.12)), rgba(var(--color-sf-error));
814
800
  border-color: rgba(var(--color-sf-error));
815
801
  color: rgba(var(--color-sf-danger-text));
@@ -837,7 +823,6 @@
837
823
  .e-css.e-btn-group .e-btn:active.e-outline.e-primary,
838
824
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-primary,
839
825
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
840
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.12)), to(rgba(var(--color-sf-on-primary), 0.12))), rgba(var(--color-sf-primary));
841
826
  background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.12), rgba(var(--color-sf-on-primary), 0.12)), rgba(var(--color-sf-primary));
842
827
  border-color: rgba(var(--color-sf-primary));
843
828
  -webkit-box-shadow: none;
@@ -854,7 +839,6 @@
854
839
  .e-css.e-btn-group .e-btn:active.e-outline.e-success,
855
840
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-success,
856
841
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
857
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-success-text), 0.12)), to(rgba(var(--color-sf-success-text), 0.12))), rgba(var(--color-sf-success));
858
842
  background: linear-gradient(0deg, rgba(var(--color-sf-success-text), 0.12), rgba(var(--color-sf-success-text), 0.12)), rgba(var(--color-sf-success));
859
843
  border-color: rgba(var(--color-sf-success));
860
844
  -webkit-box-shadow: none;
@@ -871,7 +855,6 @@
871
855
  .e-css.e-btn-group .e-btn:active.e-outline.e-info,
872
856
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-info,
873
857
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
874
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-info-text), 0.12)), to(rgba(var(--color-sf-info-text), 0.12))), rgba(var(--color-sf-info));
875
858
  background: linear-gradient(0deg, rgba(var(--color-sf-info-text), 0.12), rgba(var(--color-sf-info-text), 0.12)), rgba(var(--color-sf-info));
876
859
  border-color: rgba(var(--color-sf-info));
877
860
  -webkit-box-shadow: none;
@@ -888,7 +871,6 @@
888
871
  .e-css.e-btn-group .e-btn:active.e-outline.e-warning,
889
872
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning,
890
873
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
891
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-warning-text), 0.12)), to(rgba(var(--color-sf-warning-text), 0.12))), rgba(var(--color-sf-warning));
892
874
  background: linear-gradient(0deg, rgba(var(--color-sf-warning-text), 0.12), rgba(var(--color-sf-warning-text), 0.12)), rgba(var(--color-sf-warning));
893
875
  border-color: rgba(var(--color-sf-warning));
894
876
  -webkit-box-shadow: none;
@@ -905,7 +887,6 @@
905
887
  .e-css.e-btn-group .e-btn:active.e-outline.e-danger,
906
888
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger,
907
889
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
908
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-danger-text), 0.12)), to(rgba(var(--color-sf-danger-text), 0.12))), rgba(var(--color-sf-error));
909
890
  background: linear-gradient(0deg, rgba(var(--color-sf-danger-text), 0.12), rgba(var(--color-sf-danger-text), 0.12)), rgba(var(--color-sf-error));
910
891
  border-color: rgba(var(--color-sf-error));
911
892
  -webkit-box-shadow: none;
package/styles/button-group/material3.css CHANGED
@@ -549,10 +549,8 @@
549
549
  .e-css.e-btn-group .e-btn:focus,
550
550
  .e-css.e-btn-group input:focus-visible + label.e-btn,
551
551
  .e-css.e-btn-group input:focus + label.e-btn {
552
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
553
552
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
554
553
  -o-border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
555
- border-image: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08)));
556
554
  border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
557
555
  color: rgba(var(--color-sf-on-surface));
558
556
  outline: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface)) 0 solid;
@@ -569,7 +567,6 @@
569
567
  .e-css.e-btn-group .e-btn:focus.e-primary,
570
568
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
571
569
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
572
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.08)), to(rgba(var(--color-sf-on-primary), 0.08))), rgba(var(--color-sf-primary));
573
570
  background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.08), rgba(var(--color-sf-on-primary), 0.08)), rgba(var(--color-sf-primary));
574
571
  border-color: rgba(var(--color-sf-primary));
575
572
  color: rgba(var(--color-sf-on-primary));
@@ -586,7 +583,6 @@
586
583
  .e-css.e-btn-group .e-btn:focus.e-success,
587
584
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
588
585
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
589
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-success-text), 0.08)), to(rgba(var(--color-sf-success-text), 0.08))), rgba(var(--color-sf-success));
590
586
  background: linear-gradient(0deg, rgba(var(--color-sf-success-text), 0.08), rgba(var(--color-sf-success-text), 0.08)), rgba(var(--color-sf-success));
591
587
  border-color: rgba(var(--color-sf-success));
592
588
  color: rgba(var(--color-sf-success-text));
@@ -602,7 +598,6 @@
602
598
  .e-css.e-btn-group .e-btn:focus.e-info,
603
599
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
604
600
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
605
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-info-text), 0.08)), to(rgba(var(--color-sf-info-text), 0.08))), rgba(var(--color-sf-info));
606
601
  background: linear-gradient(0deg, rgba(var(--color-sf-info-text), 0.08), rgba(var(--color-sf-info-text), 0.08)), rgba(var(--color-sf-info));
607
602
  border-color: rgba(var(--color-sf-info));
608
603
  color: rgba(var(--color-sf-info-text));
@@ -618,7 +613,6 @@
618
613
  .e-css.e-btn-group .e-btn:focus.e-warning,
619
614
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
620
615
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
621
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-warning-text), 0.08)), to(rgba(var(--color-sf-warning-text), 0.08))), rgba(var(--color-sf-warning));
622
616
  background: linear-gradient(0deg, rgba(var(--color-sf-warning-text), 0.08), rgba(var(--color-sf-warning-text), 0.08)), rgba(var(--color-sf-warning));
623
617
  border-color: rgba(var(--color-sf-warning));
624
618
  color: rgba(var(--color-sf-warning-text));
@@ -634,7 +628,6 @@
634
628
  .e-css.e-btn-group .e-btn:focus.e-danger,
635
629
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
636
630
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
637
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-danger-text), 0.08)), to(rgba(var(--color-sf-danger-text), 0.08))), rgba(var(--color-sf-error));
638
631
  background: linear-gradient(0deg, rgba(var(--color-sf-danger-text), 0.08), rgba(var(--color-sf-danger-text), 0.08)), rgba(var(--color-sf-error));
639
632
  border-color: rgba(var(--color-sf-error));
640
633
  color: rgba(var(--color-sf-danger-text));
@@ -737,10 +730,8 @@
737
730
  .e-css.e-btn-group .e-btn:active,
738
731
  .e-css.e-btn-group input:active + label.e-btn,
739
732
  .e-css.e-btn-group input:checked + label.e-btn {
740
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.12)), to(rgba(var(--color-sf-on-surface), 0.12))), rgba(var(--color-sf-surface));
741
733
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12)), rgba(var(--color-sf-surface));
742
734
  -o-border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12));
743
- border-image: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.12)), to(rgba(var(--color-sf-on-surface), 0.12)));
744
735
  border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12));
745
736
  color: rgba(var(--color-sf-on-surface));
746
737
  outline: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface)) 0 solid;
@@ -754,7 +745,6 @@
754
745
  .e-css.e-btn-group .e-btn:active.e-primary,
755
746
  .e-css.e-btn-group input:active + label.e-btn.e-primary,
756
747
  .e-css.e-btn-group input:checked + label.e-btn.e-primary {
757
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.12)), to(rgba(var(--color-sf-on-primary), 0.12))), rgba(var(--color-sf-primary));
758
748
  background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.12), rgba(var(--color-sf-on-primary), 0.12)), rgba(var(--color-sf-primary));
759
749
  border-color: rgba(var(--color-sf-primary));
760
750
  color: rgba(var(--color-sf-on-primary));
@@ -770,7 +760,6 @@
770
760
  .e-css.e-btn-group .e-btn:active.e-success,
771
761
  .e-css.e-btn-group input:active + label.e-btn.e-success,
772
762
  .e-css.e-btn-group input:checked + label.e-btn.e-success {
773
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-success-text), 0.12)), to(rgba(var(--color-sf-success-text), 0.12))), rgba(var(--color-sf-success));
774
763
  background: linear-gradient(0deg, rgba(var(--color-sf-success-text), 0.12), rgba(var(--color-sf-success-text), 0.12)), rgba(var(--color-sf-success));
775
764
  border-color: rgba(var(--color-sf-success));
776
765
  color: rgba(var(--color-sf-success-text));
@@ -785,7 +774,6 @@
785
774
  .e-css.e-btn-group .e-btn:active.e-info,
786
775
  .e-css.e-btn-group input:active + label.e-btn.e-info,
787
776
  .e-css.e-btn-group input:checked + label.e-btn.e-info {
788
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-info-text), 0.12)), to(rgba(var(--color-sf-info-text), 0.12))), rgba(var(--color-sf-info));
789
777
  background: linear-gradient(0deg, rgba(var(--color-sf-info-text), 0.12), rgba(var(--color-sf-info-text), 0.12)), rgba(var(--color-sf-info));
790
778
  color: rgba(var(--color-sf-info-text));
791
779
  border-color: rgba(var(--color-sf-info));
@@ -800,7 +788,6 @@
800
788
  .e-css.e-btn-group .e-btn:active.e-warning,
801
789
  .e-css.e-btn-group input:active + label.e-btn.e-warning,
802
790
  .e-css.e-btn-group input:checked + label.e-btn.e-warning {
803
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-warning-text), 0.12)), to(rgba(var(--color-sf-warning-text), 0.12))), rgba(var(--color-sf-warning));
804
791
  background: linear-gradient(0deg, rgba(var(--color-sf-warning-text), 0.12), rgba(var(--color-sf-warning-text), 0.12)), rgba(var(--color-sf-warning));
805
792
  border-color: rgba(var(--color-sf-warning));
806
793
  color: rgba(var(--color-sf-warning-text));
@@ -815,7 +802,6 @@
815
802
  .e-css.e-btn-group .e-btn:active.e-danger,
816
803
  .e-css.e-btn-group input:active + label.e-btn.e-danger,
817
804
  .e-css.e-btn-group input:checked + label.e-btn.e-danger {
818
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-danger-text), 0.12)), to(rgba(var(--color-sf-danger-text), 0.12))), rgba(var(--color-sf-error));
819
805
  background: linear-gradient(0deg, rgba(var(--color-sf-danger-text), 0.12), rgba(var(--color-sf-danger-text), 0.12)), rgba(var(--color-sf-error));
820
806
  border-color: rgba(var(--color-sf-error));
821
807
  color: rgba(var(--color-sf-danger-text));
@@ -843,7 +829,6 @@
843
829
  .e-css.e-btn-group .e-btn:active.e-outline.e-primary,
844
830
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-primary,
845
831
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
846
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.12)), to(rgba(var(--color-sf-on-primary), 0.12))), rgba(var(--color-sf-primary));
847
832
  background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.12), rgba(var(--color-sf-on-primary), 0.12)), rgba(var(--color-sf-primary));
848
833
  border-color: rgba(var(--color-sf-primary));
849
834
  -webkit-box-shadow: none;
@@ -860,7 +845,6 @@
860
845
  .e-css.e-btn-group .e-btn:active.e-outline.e-success,
861
846
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-success,
862
847
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
863
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-success-text), 0.12)), to(rgba(var(--color-sf-success-text), 0.12))), rgba(var(--color-sf-success));
864
848
  background: linear-gradient(0deg, rgba(var(--color-sf-success-text), 0.12), rgba(var(--color-sf-success-text), 0.12)), rgba(var(--color-sf-success));
865
849
  border-color: rgba(var(--color-sf-success));
866
850
  -webkit-box-shadow: none;
@@ -877,7 +861,6 @@
877
861
  .e-css.e-btn-group .e-btn:active.e-outline.e-info,
878
862
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-info,
879
863
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
880
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-info-text), 0.12)), to(rgba(var(--color-sf-info-text), 0.12))), rgba(var(--color-sf-info));
881
864
  background: linear-gradient(0deg, rgba(var(--color-sf-info-text), 0.12), rgba(var(--color-sf-info-text), 0.12)), rgba(var(--color-sf-info));
882
865
  border-color: rgba(var(--color-sf-info));
883
866
  -webkit-box-shadow: none;
@@ -894,7 +877,6 @@
894
877
  .e-css.e-btn-group .e-btn:active.e-outline.e-warning,
895
878
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning,
896
879
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
897
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-warning-text), 0.12)), to(rgba(var(--color-sf-warning-text), 0.12))), rgba(var(--color-sf-warning));
898
880
  background: linear-gradient(0deg, rgba(var(--color-sf-warning-text), 0.12), rgba(var(--color-sf-warning-text), 0.12)), rgba(var(--color-sf-warning));
899
881
  border-color: rgba(var(--color-sf-warning));
900
882
  -webkit-box-shadow: none;
@@ -911,7 +893,6 @@
911
893
  .e-css.e-btn-group .e-btn:active.e-outline.e-danger,
912
894
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger,
913
895
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
914
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-danger-text), 0.12)), to(rgba(var(--color-sf-danger-text), 0.12))), rgba(var(--color-sf-error));
915
896
  background: linear-gradient(0deg, rgba(var(--color-sf-danger-text), 0.12), rgba(var(--color-sf-danger-text), 0.12)), rgba(var(--color-sf-error));
916
897
  border-color: rgba(var(--color-sf-error));
917
898
  -webkit-box-shadow: none;
package/styles/drop-down-button/material3-dark.css CHANGED
@@ -419,7 +419,6 @@
419
419
  /* 15px */
420
420
  /* 16px */
421
421
  .e-dropdown-popup {
422
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
423
422
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
424
423
  color: rgba(var(--color-sf-on-surface));
425
424
  }
package/styles/drop-down-button/material3.css CHANGED
@@ -425,7 +425,6 @@
425
425
 
426
426
 
427
427
  .e-dropdown-popup {
428
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
429
428
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
430
429
  color: rgba(var(--color-sf-on-surface));
431
430
  }
package/styles/material3-dark-lite.css CHANGED
@@ -419,7 +419,6 @@
419
419
  /* 15px */
420
420
  /* 16px */
421
421
  .e-dropdown-popup {
422
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
423
422
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
424
423
  color: rgba(var(--color-sf-on-surface));
425
424
  }
@@ -839,7 +838,6 @@
839
838
  .e-split-btn-wrapper .e-split-btn {
840
839
  border-right-color: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
841
840
  -o-border-image: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
842
- border-image: -webkit-gradient(linear, left top, right top, color-stop(25%, rgba(var(--color-sf-surface), 1)), color-stop(75%, rgba(var(--color-sf-outline-variant), 1))) 1;
843
841
  border-image: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
844
842
  border-width: 0 1px 0 0;
845
843
  }
@@ -867,7 +865,6 @@
867
865
  }
868
866
  .e-split-btn-wrapper.e-rtl .e-split-btn {
869
867
  -o-border-image: linear-gradient(to left, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
870
- border-image: -webkit-gradient(linear, right top, left top, color-stop(25%, rgba(var(--color-sf-surface), 1)), color-stop(75%, rgba(var(--color-sf-outline-variant), 1))) 1;
871
868
  border-image: linear-gradient(to left, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
872
869
  border-width: 0 0 0 1px;
873
870
  }
@@ -895,7 +892,6 @@
895
892
  }
896
893
  .e-split-btn-wrapper.e-vertical .e-split-btn {
897
894
  -o-border-image: linear-gradient(to bottom, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
898
- border-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, rgba(var(--color-sf-surface), 1)), color-stop(75%, rgba(var(--color-sf-outline-variant), 1))) 1;
899
895
  border-image: linear-gradient(to bottom, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
900
896
  border-width: 0 0 2px;
901
897
  border-bottom-color: rgba(var(--color-sf-outline-variant));
@@ -1411,10 +1407,8 @@
1411
1407
  .e-css.e-btn-group .e-btn:focus,
1412
1408
  .e-css.e-btn-group input:focus-visible + label.e-btn,
1413
1409
  .e-css.e-btn-group input:focus + label.e-btn {
1414
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
1415
1410
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
1416
1411
  -o-border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
1417
- border-image: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08)));
1418
1412
  border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
1419
1413
  color: rgba(var(--color-sf-on-surface));
1420
1414
  outline: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface)) 0 solid;
@@ -1431,7 +1425,6 @@
1431
1425
  .e-css.e-btn-group .e-btn:focus.e-primary,
1432
1426
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
1433
1427
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
1434
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.08)), to(rgba(var(--color-sf-on-primary), 0.08))), rgba(var(--color-sf-primary));
1435
1428
  background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.08), rgba(var(--color-sf-on-primary), 0.08)), rgba(var(--color-sf-primary));
1436
1429
  border-color: rgba(var(--color-sf-primary));
1437
1430
  color: rgba(var(--color-sf-on-primary));
@@ -1448,7 +1441,6 @@
1448
1441
  .e-css.e-btn-group .e-btn:focus.e-success,
1449
1442
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
1450
1443
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
1451
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-success-text), 0.08)), to(rgba(var(--color-sf-success-text), 0.08))), rgba(var(--color-sf-success));
1452
1444
  background: linear-gradient(0deg, rgba(var(--color-sf-success-text), 0.08), rgba(var(--color-sf-success-text), 0.08)), rgba(var(--color-sf-success));
1453
1445
  border-color: rgba(var(--color-sf-success));
1454
1446
  color: rgba(var(--color-sf-success-text));
@@ -1464,7 +1456,6 @@
1464
1456
  .e-css.e-btn-group .e-btn:focus.e-info,
1465
1457
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
1466
1458
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
1467
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-info-text), 0.08)), to(rgba(var(--color-sf-info-text), 0.08))), rgba(var(--color-sf-info));
1468
1459
  background: linear-gradient(0deg, rgba(var(--color-sf-info-text), 0.08), rgba(var(--color-sf-info-text), 0.08)), rgba(var(--color-sf-info));
1469
1460
  border-color: rgba(var(--color-sf-info));
1470
1461
  color: rgba(var(--color-sf-info-text));
@@ -1480,7 +1471,6 @@
1480
1471
  .e-css.e-btn-group .e-btn:focus.e-warning,
1481
1472
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
1482
1473
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
1483
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-warning-text), 0.08)), to(rgba(var(--color-sf-warning-text), 0.08))), rgba(var(--color-sf-warning));
1484
1474
  background: linear-gradient(0deg, rgba(var(--color-sf-warning-text), 0.08), rgba(var(--color-sf-warning-text), 0.08)), rgba(var(--color-sf-warning));
1485
1475
  border-color: rgba(var(--color-sf-warning));
1486
1476
  color: rgba(var(--color-sf-warning-text));
@@ -1496,7 +1486,6 @@
1496
1486
  .e-css.e-btn-group .e-btn:focus.e-danger,
1497
1487
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
1498
1488
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
1499
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-danger-text), 0.08)), to(rgba(var(--color-sf-danger-text), 0.08))), rgba(var(--color-sf-error));
1500
1489
  background: linear-gradient(0deg, rgba(var(--color-sf-danger-text), 0.08), rgba(var(--color-sf-danger-text), 0.08)), rgba(var(--color-sf-error));
1501
1490
  border-color: rgba(var(--color-sf-error));
1502
1491
  color: rgba(var(--color-sf-danger-text));
@@ -1599,10 +1588,8 @@
1599
1588
  .e-css.e-btn-group .e-btn:active,
1600
1589
  .e-css.e-btn-group input:active + label.e-btn,
1601
1590
  .e-css.e-btn-group input:checked + label.e-btn {
1602
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.12)), to(rgba(var(--color-sf-on-surface), 0.12))), rgba(var(--color-sf-surface));
1603
1591
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12)), rgba(var(--color-sf-surface));
1604
1592
  -o-border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12));
1605
- border-image: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.12)), to(rgba(var(--color-sf-on-surface), 0.12)));
1606
1593
  border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12));
1607
1594
  color: rgba(var(--color-sf-on-surface));
1608
1595
  outline: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface)) 0 solid;
@@ -1616,7 +1603,6 @@
1616
1603
  .e-css.e-btn-group .e-btn:active.e-primary,
1617
1604
  .e-css.e-btn-group input:active + label.e-btn.e-primary,
1618
1605
  .e-css.e-btn-group input:checked + label.e-btn.e-primary {
1619
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.12)), to(rgba(var(--color-sf-on-primary), 0.12))), rgba(var(--color-sf-primary));
1620
1606
  background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.12), rgba(var(--color-sf-on-primary), 0.12)), rgba(var(--color-sf-primary));
1621
1607
  border-color: rgba(var(--color-sf-primary));
1622
1608
  color: rgba(var(--color-sf-on-primary));
@@ -1632,7 +1618,6 @@
1632
1618
  .e-css.e-btn-group .e-btn:active.e-success,
1633
1619
  .e-css.e-btn-group input:active + label.e-btn.e-success,
1634
1620
  .e-css.e-btn-group input:checked + label.e-btn.e-success {
1635
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-success-text), 0.12)), to(rgba(var(--color-sf-success-text), 0.12))), rgba(var(--color-sf-success));
1636
1621
  background: linear-gradient(0deg, rgba(var(--color-sf-success-text), 0.12), rgba(var(--color-sf-success-text), 0.12)), rgba(var(--color-sf-success));
1637
1622
  border-color: rgba(var(--color-sf-success));
1638
1623
  color: rgba(var(--color-sf-success-text));
@@ -1647,7 +1632,6 @@
1647
1632
  .e-css.e-btn-group .e-btn:active.e-info,
1648
1633
  .e-css.e-btn-group input:active + label.e-btn.e-info,
1649
1634
  .e-css.e-btn-group input:checked + label.e-btn.e-info {
1650
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-info-text), 0.12)), to(rgba(var(--color-sf-info-text), 0.12))), rgba(var(--color-sf-info));
1651
1635
  background: linear-gradient(0deg, rgba(var(--color-sf-info-text), 0.12), rgba(var(--color-sf-info-text), 0.12)), rgba(var(--color-sf-info));
1652
1636
  color: rgba(var(--color-sf-info-text));
1653
1637
  border-color: rgba(var(--color-sf-info));
@@ -1662,7 +1646,6 @@
1662
1646
  .e-css.e-btn-group .e-btn:active.e-warning,
1663
1647
  .e-css.e-btn-group input:active + label.e-btn.e-warning,
1664
1648
  .e-css.e-btn-group input:checked + label.e-btn.e-warning {
1665
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-warning-text), 0.12)), to(rgba(var(--color-sf-warning-text), 0.12))), rgba(var(--color-sf-warning));
1666
1649
  background: linear-gradient(0deg, rgba(var(--color-sf-warning-text), 0.12), rgba(var(--color-sf-warning-text), 0.12)), rgba(var(--color-sf-warning));
1667
1650
  border-color: rgba(var(--color-sf-warning));
1668
1651
  color: rgba(var(--color-sf-warning-text));
@@ -1677,7 +1660,6 @@
1677
1660
  .e-css.e-btn-group .e-btn:active.e-danger,
1678
1661
  .e-css.e-btn-group input:active + label.e-btn.e-danger,
1679
1662
  .e-css.e-btn-group input:checked + label.e-btn.e-danger {
1680
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-danger-text), 0.12)), to(rgba(var(--color-sf-danger-text), 0.12))), rgba(var(--color-sf-error));
1681
1663
  background: linear-gradient(0deg, rgba(var(--color-sf-danger-text), 0.12), rgba(var(--color-sf-danger-text), 0.12)), rgba(var(--color-sf-error));
1682
1664
  border-color: rgba(var(--color-sf-error));
1683
1665
  color: rgba(var(--color-sf-danger-text));
@@ -1705,7 +1687,6 @@
1705
1687
  .e-css.e-btn-group .e-btn:active.e-outline.e-primary,
1706
1688
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-primary,
1707
1689
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
1708
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.12)), to(rgba(var(--color-sf-on-primary), 0.12))), rgba(var(--color-sf-primary));
1709
1690
  background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.12), rgba(var(--color-sf-on-primary), 0.12)), rgba(var(--color-sf-primary));
1710
1691
  border-color: rgba(var(--color-sf-primary));
1711
1692
  -webkit-box-shadow: none;
@@ -1722,7 +1703,6 @@
1722
1703
  .e-css.e-btn-group .e-btn:active.e-outline.e-success,
1723
1704
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-success,
1724
1705
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
1725
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-success-text), 0.12)), to(rgba(var(--color-sf-success-text), 0.12))), rgba(var(--color-sf-success));
1726
1706
  background: linear-gradient(0deg, rgba(var(--color-sf-success-text), 0.12), rgba(var(--color-sf-success-text), 0.12)), rgba(var(--color-sf-success));
1727
1707
  border-color: rgba(var(--color-sf-success));
1728
1708
  -webkit-box-shadow: none;
@@ -1739,7 +1719,6 @@
1739
1719
  .e-css.e-btn-group .e-btn:active.e-outline.e-info,
1740
1720
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-info,
1741
1721
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
1742
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-info-text), 0.12)), to(rgba(var(--color-sf-info-text), 0.12))), rgba(var(--color-sf-info));
1743
1722
  background: linear-gradient(0deg, rgba(var(--color-sf-info-text), 0.12), rgba(var(--color-sf-info-text), 0.12)), rgba(var(--color-sf-info));
1744
1723
  border-color: rgba(var(--color-sf-info));
1745
1724
  -webkit-box-shadow: none;
@@ -1756,7 +1735,6 @@
1756
1735
  .e-css.e-btn-group .e-btn:active.e-outline.e-warning,
1757
1736
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning,
1758
1737
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
1759
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-warning-text), 0.12)), to(rgba(var(--color-sf-warning-text), 0.12))), rgba(var(--color-sf-warning));
1760
1738
  background: linear-gradient(0deg, rgba(var(--color-sf-warning-text), 0.12), rgba(var(--color-sf-warning-text), 0.12)), rgba(var(--color-sf-warning));
1761
1739
  border-color: rgba(var(--color-sf-warning));
1762
1740
  -webkit-box-shadow: none;
@@ -1773,7 +1751,6 @@
1773
1751
  .e-css.e-btn-group .e-btn:active.e-outline.e-danger,
1774
1752
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger,
1775
1753
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
1776
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-danger-text), 0.12)), to(rgba(var(--color-sf-danger-text), 0.12))), rgba(var(--color-sf-error));
1777
1754
  background: linear-gradient(0deg, rgba(var(--color-sf-danger-text), 0.12), rgba(var(--color-sf-danger-text), 0.12)), rgba(var(--color-sf-error));
1778
1755
  border-color: rgba(var(--color-sf-error));
1779
1756
  -webkit-box-shadow: none;