@syncfusion/ej2-splitbuttons 27.2.2 → 28.1.33

package/styles/fabric-dark.css

@@ -144,6 +144,17 @@
   margin-right: 0;
 }
 
+.e-dropdown-popup-width ul {
+  min-width: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-dropdown-popup-width ul li {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  display: block !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-dropdown-popup {
   background: #282727;
   color: #dadada;
@@ -215,7 +226,6 @@
   line-height: 1;
   padding: 10px 24px;
 }
-
 *.e-bigger .e-dropdown-popup ul,
 *.e-bigger.e-dropdown-popup ul {
   -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);

package/styles/fabric-lite.css

@@ -144,6 +144,17 @@
   margin-right: 0;
 }
 
+.e-dropdown-popup-width ul {
+  min-width: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-dropdown-popup-width ul li {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  display: block !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-dropdown-popup {
   background: #fff;
   color: #333;

package/styles/fabric.css

@@ -144,6 +144,17 @@
   margin-right: 0;
 }
 
+.e-dropdown-popup-width ul {
+  min-width: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-dropdown-popup-width ul li {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  display: block !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-dropdown-popup {
   background: #fff;
   color: #333;
@@ -215,7 +226,6 @@
   line-height: 1;
   padding: 10px 24px;
 }
-
 *.e-bigger .e-dropdown-popup ul,
 *.e-bigger.e-dropdown-popup ul {
   -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);

package/styles/fluent-dark-lite.css

@@ -146,6 +146,17 @@
   margin-right: 0;
 }
 
+.e-dropdown-popup-width ul {
+  min-width: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-dropdown-popup-width ul li {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  display: block !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-dropdown-popup {
   background: #252423;
   color: #fff;

package/styles/fluent-dark.css

@@ -146,6 +146,17 @@
   margin-right: 0;
 }
 
+.e-dropdown-popup-width ul {
+  min-width: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-dropdown-popup-width ul li {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  display: block !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-dropdown-popup {
   background: #252423;
   color: #fff;
@@ -216,7 +227,6 @@
   line-height: 1;
   padding: 8px 16px;
 }
-
 *.e-bigger .e-dropdown-popup ul,
 *.e-bigger.e-dropdown-popup ul {
   -webkit-box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);

package/styles/fluent-lite.css

@@ -146,6 +146,17 @@
   margin-right: 0;
 }
 
+.e-dropdown-popup-width ul {
+  min-width: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-dropdown-popup-width ul li {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  display: block !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-dropdown-popup {
   background: #fff;
   color: #323130;

package/styles/fluent.css

@@ -146,6 +146,17 @@
   margin-right: 0;
 }
 
+.e-dropdown-popup-width ul {
+  min-width: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-dropdown-popup-width ul li {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  display: block !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-dropdown-popup {
   background: #fff;
   color: #323130;
@@ -216,7 +227,6 @@
   line-height: 1;
   padding: 8px 16px;
 }
-
 *.e-bigger .e-dropdown-popup ul,
 *.e-bigger.e-dropdown-popup ul {
   -webkit-box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);

package/styles/fluent2-lite.css

@@ -169,6 +169,17 @@
   margin-right: 0;
 }
 
+.e-dropdown-popup-width ul {
+  min-width: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-dropdown-popup-width ul li {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  display: block !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-dropdown-popup {
   background: var(--color-sf-flyout-bg-color);
   color: var(--color-sf-secondary-text-color);

package/styles/fluent2.css

@@ -169,6 +169,17 @@
   margin-right: 0;
 }
 
+.e-dropdown-popup-width ul {
+  min-width: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-dropdown-popup-width ul li {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  display: block !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-dropdown-popup {
   background: var(--color-sf-flyout-bg-color);
   color: var(--color-sf-secondary-text-color);
@@ -252,7 +263,6 @@
   line-height: 1;
   padding: 8px 16px;
 }
-
 *.e-bigger .e-dropdown-popup ul,
 *.e-bigger.e-dropdown-popup ul {
   -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);

package/styles/highcontrast-light-lite.css

@@ -144,6 +144,17 @@
   margin-right: 0;
 }
 
+.e-dropdown-popup-width ul {
+  min-width: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-dropdown-popup-width ul li {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  display: block !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-dropdown-popup {
   background: #fff;
   color: #000;

package/styles/highcontrast-light.css

@@ -144,6 +144,17 @@
   margin-right: 0;
 }
 
+.e-dropdown-popup-width ul {
+  min-width: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-dropdown-popup-width ul li {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  display: block !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-dropdown-popup {
   background: #fff;
   color: #000;
@@ -215,7 +226,6 @@
   line-height: 1;
   padding: 10px 24px;
 }
-
 *.e-bigger .e-dropdown-popup ul,
 *.e-bigger.e-dropdown-popup ul {
   -webkit-box-shadow: 0 6px 12px rgba(255, 255, 255, 0.175);

package/styles/highcontrast-lite.css

@@ -145,6 +145,17 @@
   margin-right: 0;
 }
 
+.e-dropdown-popup-width ul {
+  min-width: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-dropdown-popup-width ul li {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  display: block !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-dropdown-popup {
   background: #000;
   color: #fff;

package/styles/highcontrast.css

@@ -145,6 +145,17 @@
   margin-right: 0;
 }
 
+.e-dropdown-popup-width ul {
+  min-width: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-dropdown-popup-width ul li {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  display: block !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-dropdown-popup {
   background: #000;
   color: #fff;
@@ -216,7 +227,6 @@
   line-height: 1;
   padding: 10px 24px;
 }
-
 *.e-bigger .e-dropdown-popup ul,
 *.e-bigger.e-dropdown-popup ul {
   -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);

package/styles/material-dark-lite.css

@@ -144,6 +144,17 @@
   margin-right: 0;
 }
 
+.e-dropdown-popup-width ul {
+  min-width: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-dropdown-popup-width ul li {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  display: block !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-dropdown-popup {
   background: #424242;
   color: #fff;

package/styles/material-dark.css

@@ -144,6 +144,17 @@
   margin-right: 0;
 }
 
+.e-dropdown-popup-width ul {
+  min-width: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-dropdown-popup-width ul li {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  display: block !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-dropdown-popup {
   background: #424242;
   color: #fff;
@@ -215,7 +226,6 @@
   line-height: 1;
   padding: 16px 16px;
 }
-
 *.e-bigger .e-dropdown-popup ul,
 *.e-bigger.e-dropdown-popup ul {
   -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);

package/styles/material-lite.css

@@ -144,6 +144,17 @@
   margin-right: 0;
 }
 
+.e-dropdown-popup-width ul {
+  min-width: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-dropdown-popup-width ul li {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  display: block !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-dropdown-popup {
   background: #fff;
   color: rgba(0, 0, 0, 0.87);

package/styles/material.css

@@ -144,6 +144,17 @@
   margin-right: 0;
 }
 
+.e-dropdown-popup-width ul {
+  min-width: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-dropdown-popup-width ul li {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  display: block !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-dropdown-popup {
   background: #fff;
   color: rgba(0, 0, 0, 0.87);
@@ -215,7 +226,6 @@
   line-height: 1;
   padding: 16px 16px;
 }
-
 *.e-bigger .e-dropdown-popup ul,
 *.e-bigger.e-dropdown-popup ul {
   -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);

package/styles/material3-dark-lite.css

@@ -154,6 +154,17 @@
   margin-right: 0;
 }
 
+.e-dropdown-popup-width ul {
+  min-width: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-dropdown-popup-width ul li {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  display: block !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-dropdown-popup {
   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));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));

package/styles/material3-dark.css

@@ -154,6 +154,17 @@
   margin-right: 0;
 }
 
+.e-dropdown-popup-width ul {
+  min-width: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-dropdown-popup-width ul li {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  display: block !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-dropdown-popup {
   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));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
@@ -226,7 +237,6 @@
   line-height: 1;
   padding: 8px 16px;
 }
-
 *.e-bigger .e-dropdown-popup ul,
 *.e-bigger.e-dropdown-popup ul {
   -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);

package/styles/material3-lite.css

@@ -156,6 +156,17 @@
   margin-right: 0;
 }
 
+.e-dropdown-popup-width ul {
+  min-width: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-dropdown-popup-width ul li {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  display: block !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-dropdown-popup {
   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));
   background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));

package/styles/material3.css

@@ -156,6 +156,17 @@
   margin-right: 0;
 }
 
+.e-dropdown-popup-width ul {
+  min-width: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-dropdown-popup-width ul li {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  display: block !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-dropdown-popup {
   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));
   background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
@@ -228,7 +239,6 @@
   line-height: 1;
   padding: 8px 16px;
 }
-
 *.e-bigger .e-dropdown-popup ul,
 *.e-bigger.e-dropdown-popup ul {
   -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);

package/styles/progress-button/_tailwind3-definition.scss

@@ -0,0 +1,20 @@
+$progress-btn-circle-opacity: .3 !default;
+$progress-btn-transition: all .3s linear !default;
+$progress-btn-spinner-padding: 12px !default;
+$progress-btn-spinner-padding-small: 10px !default;
+$progress-btn-spinner-padding-bigger: 14px !default;
+$progress-btn-spinner-padding-bigger-small: 12px !default;
+$progress-btn-spin-btn-padding: 16px !default;
+$progress-btn-small-spin-btn-padding: 14px !default;
+$progress-btn-bigger-spin-btn-padding: 20px !default;
+$progress-btn-bigger-small-spin-btn-padding: 16px !default;
+$progress-btn-color: $secondary-text-color !default;
+$progress-btn-bgcolor: rgba($icon-color, .2) !default;
+$progress-btn-bgcolor-normal: rgba($white, .2) !default;
+$progress-btn-warning-progress-color: $progress-btn-bgcolor !default;
+$progress-btn-flat-primary-progress-color: rgba($primary-text-color, 1) !default;
+$progress-btn-flat-success-progress-color: rgba($success-text, 1) !default;
+$progress-btn-flat-info-progress-color: rgba($info-text, 1) !default;
+$progress-btn-flat-warning-progress-color: rgba($warning-text, 1) !default;
+$progress-btn-flat-danger-progress-color: rgba($danger-text, 1) !default;
+$btn-flat-primary-path-arc: $white;

package/styles/progress-button/_theme.scss

@@ -719,3 +719,73 @@
     stroke: $progress-btn-spinner-color !important; /* stylelint-disable-line declaration-no-important */
   }
 }
+
+@if $skin-name == 'tailwind3' {
+  .e-progress,
+  .e-primary .e-progress,
+  .e-success .e-progress,
+  .e-warning .e-progress,
+  .e-info .e-progress,
+  .e-danger .e-progress,
+  .e-primary.e-outline .e-progress,
+  .e-primary.e-flat .e-progress,
+  .e-success.e-outline .e-progress,
+  .e-success.e-flat .e-progress,
+  .e-danger.e-outline .e-progress,
+  .e-danger.e-flat .e-progress,
+  .e-warning.e-outline .e-progress,
+  .e-warning.e-flat .e-progress,
+  .e-info.e-outline .e-progress,
+  .e-info.e-flat .e-progress {
+    opacity: .2 !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-progress {
+    background: $secondary-text-color-focus;
+  }
+
+  .e-primary .e-progress {
+    background: $primary-text;
+  }
+
+  .e-success .e-progress {
+    background: $success-text;
+  }
+
+  .e-warning .e-progress {
+    background: $warning-text;
+  }
+
+  .e-info .e-progress {
+    background: $info-text;
+  }
+
+  .e-danger .e-progress {
+    background: $danger-text;
+  }
+
+  .e-primary.e-outline .e-progress,
+  .e-primary.e-flat .e-progress {
+    background: $primary-bg-color;
+  }
+
+  .e-success.e-outline .e-progress,
+  .e-success.e-flat .e-progress {
+    background: $success-bg-color;
+  }
+
+  .e-danger.e-outline .e-progress,
+  .e-danger.e-flat .e-progress {
+    background: $danger-bg-color;
+  }
+
+  .e-warning.e-outline .e-progress,
+  .e-warning.e-flat .e-progress {
+    background: $warning-bg-color;
+  }
+
+  .e-info.e-outline .e-progress,
+  .e-info.e-flat .e-progress {
+    background: $info-bg-color;
+  }
+}