@syncfusion/ej2-splitbuttons 31.2.12 → 32.1.22

package/styles/split-button/tailwind3.css

@@ -2,6 +2,76 @@
 
 
 
+
+
+
+
+/* Font Family */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+
+
 /* stylelint-disable-line no-empty-source */
 .e-split-btn-wrapper {
   display: -webkit-inline-box;
@@ -13,8 +83,8 @@
   width: min-content;
 }
 .e-split-btn-wrapper .e-split-btn {
-  border-bottom-right-radius: 0;
-  border-top-right-radius: 0;
+  border-bottom-right-radius: calc(var(--e-radius) * 0);
+  border-top-right-radius: calc(var(--e-radius) * 0);
   text-transform: none;
   padding: 3.75px 11px;
 }
@@ -56,8 +126,8 @@
   padding-right: 0;
 }
 .e-split-btn-wrapper .e-dropdown-btn {
-  border-bottom-left-radius: 0;
-  border-top-left-radius: 0;
+  border-bottom-left-radius: calc(var(--e-radius) * 0);
+  border-top-left-radius: calc(var(--e-radius) * 0);
   margin-left: -1px;
   padding-left: 4px;
   padding-right: 4px;
@@ -99,10 +169,10 @@
           box-shadow: none;
 }
 .e-split-btn-wrapper.e-rtl .e-split-btn {
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 4px;
-  border-top-left-radius: 0;
-  border-top-right-radius: 4px;
+  border-bottom-left-radius: calc(var(--e-radius) * 0);
+  border-bottom-right-radius: calc(var(--e-radius) * 0.25);
+  border-top-left-radius: calc(var(--e-radius) * 0);
+  border-top-right-radius: calc(var(--e-radius) * 0.25);
   margin-left: -1px;
   padding-left: 4px;
   padding-right: 10px;
@@ -123,10 +193,10 @@
   padding-left: 0;
 }
 .e-split-btn-wrapper.e-rtl .e-dropdown-btn {
-  border-bottom-left-radius: 4px;
-  border-bottom-right-radius: 0;
-  border-top-left-radius: 4px;
-  border-top-right-radius: 0;
+  border-bottom-left-radius: calc(var(--e-radius) * 0.25);
+  border-bottom-right-radius: calc(var(--e-radius) * 0);
+  border-top-left-radius: calc(var(--e-radius) * 0.25);
+  border-top-right-radius: calc(var(--e-radius) * 0);
   margin-left: 0;
 }
 .e-split-btn-wrapper.e-vertical {
@@ -138,8 +208,8 @@
   width: 100%;
 }
 .e-split-btn-wrapper.e-vertical .e-split-btn {
-  border-bottom-left-radius: 0;
-  border-top-right-radius: 4px;
+  border-bottom-left-radius: calc(var(--e-radius) * 0);
+  border-top-right-radius: calc(var(--e-radius) * 0.25);
   line-height: 1;
   padding-bottom: 4px;
   padding-right: 10px;
@@ -148,8 +218,8 @@
   padding-bottom: 4px;
 }
 .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
-  border-bottom-left-radius: 4px;
-  border-top-right-radius: 0;
+  border-bottom-left-radius: calc(var(--e-radius) * 0.25);
+  border-top-right-radius: calc(var(--e-radius) * 0);
   line-height: 0.334em;
   margin-left: 0;
   margin-top: -1px;
@@ -160,13 +230,13 @@
   padding-top: 0;
 }
 .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
-  border-bottom-right-radius: 0;
-  border-top-left-radius: 4px;
+  border-bottom-right-radius: calc(var(--e-radius) * 0);
+  border-top-left-radius: calc(var(--e-radius) * 0.25);
   margin-left: 0;
 }
 .e-split-btn-wrapper.e-vertical.e-rtl .e-dropdown-btn {
-  border-bottom-right-radius: 4px;
-  border-top-left-radius: 0;
+  border-bottom-right-radius: calc(var(--e-radius) * 0.25);
+  border-top-left-radius: calc(var(--e-radius) * 0);
 }
 
 .e-split-btn-wrapper .e-split-btn:focus {
@@ -272,8 +342,8 @@
 }
 .e-bigger .e-split-btn-wrapper .e-split-btn.e-top-icon-btn,
 .e-bigger.e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
-  padding-bottom: 12px;
-  padding-top: 12px;
+  padding-bottom: 10px;
+  padding-top: 10px;
 }
 .e-bigger .e-split-btn-wrapper .e-split-btn .e-btn-icon,
 .e-bigger.e-split-btn-wrapper .e-split-btn .e-btn-icon {

package/styles/split-button/tailwind3.scss

@@ -1,7 +1,7 @@
-@import 'ej2-base/styles/definition/tailwind3.scss';
-@import 'ej2-buttons/styles/button/tailwind3-definition.scss';
-@import 'ej2-popups/styles/popup/tailwind3-definition.scss';
-@import './../drop-down-button/tailwind3-definition.scss';
-@import 'tailwind3-definition.scss';
-@import 'all.scss';
-@import 'bigger.scss';
+@use 'ej2-base/styles/definition/tailwind3' as *;
+@use 'ej2-buttons/styles/button/tailwind3-definition' as *;
+@use 'ej2-popups/styles/popup/tailwind3-definition' as *;
+@use './../drop-down-button/tailwind3-definition' as *;
+@use 'tailwind3-definition' as *;
+@use 'all' as *;
+@use 'bigger' as *;

package/styles/tailwind-dark-lite.css

@@ -329,8 +329,6 @@
   margin-left: -1px;
   padding-left: 12px;
   padding-right: 12px;
-  padding-left: 4px;
-  padding-right: 10px;
 }
 .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
   margin-right: 0;
@@ -368,8 +366,6 @@
   line-height: 1;
   padding-bottom: 8px;
   padding-right: 8px;
-  padding-bottom: 4px;
-  padding-right: 10px;
 }
 .e-split-btn-wrapper.e-vertical .e-split-btn .e-icon-top {
   padding-bottom: 4px;
@@ -636,7 +632,7 @@
 }
 *.e-btn-group.e-vertical input,
 *.e-css.e-btn-group.e-vertical input {
-  margin: -1px 0 0;
+  margin: -1 0 0;
 }
 *.e-btn-group.e-vertical .e-btn:not(.e-outline),
 *.e-css.e-btn-group.e-vertical .e-btn:not(.e-outline) {

package/styles/tailwind-dark-lite.scss

@@ -1,13 +1,13 @@
-@import 'ej2-base/styles/definition/tailwind-dark.scss';
-@import 'ej2-buttons/styles/button/tailwind-dark-definition.scss';
-@import 'ej2-popups/styles/popup/tailwind-dark-definition.scss';
-@import 'drop-down-button/tailwind-dark-definition.scss';
-@import 'drop-down-button/icons/tailwind-dark.scss';
-@import 'drop-down-button/all.scss';
-@import 'split-button/tailwind-dark-definition.scss';
-@import 'split-button/all.scss';
-@import 'button-group/tailwind-dark-definition.scss';
-@import 'button-group/all.scss';
-@import 'ej2-popups/styles/spinner/tailwind-dark-definition.scss';
-@import 'progress-button/tailwind-dark-definition.scss';
-@import 'progress-button/all.scss';
+@use 'ej2-base/styles/definition/tailwind-dark' as *;
+@use 'ej2-buttons/styles/button/tailwind-dark-definition' as *;
+@use 'ej2-popups/styles/popup/tailwind-dark-definition' as *;
+@use 'drop-down-button/tailwind-dark-definition' as *;
+@use 'drop-down-button/icons/tailwind-dark' as *;
+@use 'drop-down-button/all' as *;
+@use 'split-button/tailwind-dark-definition' as *;
+@use 'split-button/all' as *;
+@use 'button-group/tailwind-dark-definition' as *;
+@use 'button-group/all' as *;
+@use 'ej2-popups/styles/spinner/tailwind-dark-definition' as *;
+@use 'progress-button/tailwind-dark-definition' as *;
+@use 'progress-button/all' as *;

package/styles/tailwind-dark.css

@@ -392,8 +392,6 @@
   margin-left: -1px;
   padding-left: 12px;
   padding-right: 12px;
-  padding-left: 4px;
-  padding-right: 10px;
 }
 .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
   margin-right: 0;
@@ -431,8 +429,6 @@
   line-height: 1;
   padding-bottom: 8px;
   padding-right: 8px;
-  padding-bottom: 4px;
-  padding-right: 10px;
 }
 .e-split-btn-wrapper.e-vertical .e-split-btn .e-icon-top {
   padding-bottom: 4px;
@@ -565,8 +561,8 @@
 }
 .e-bigger .e-split-btn-wrapper .e-split-btn.e-top-icon-btn,
 .e-bigger.e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
-  padding-bottom: 12px;
-  padding-top: 12px;
+  padding-bottom: 10px;
+  padding-top: 10px;
 }
 .e-bigger .e-split-btn-wrapper .e-split-btn .e-btn-icon,
 .e-bigger.e-split-btn-wrapper .e-split-btn .e-btn-icon {
@@ -776,7 +772,7 @@
 }
 *.e-btn-group.e-vertical input,
 *.e-css.e-btn-group.e-vertical input {
-  margin: -1px 0 0;
+  margin: -1 0 0;
 }
 *.e-btn-group.e-vertical .e-btn:not(.e-outline),
 *.e-css.e-btn-group.e-vertical .e-btn:not(.e-outline) {

package/styles/tailwind-dark.scss

@@ -1,17 +1,17 @@
-@import 'ej2-base/styles/definition/tailwind-dark.scss';
-@import 'ej2-buttons/styles/button/tailwind-dark-definition.scss';
-@import 'ej2-popups/styles/popup/tailwind-dark-definition.scss';
-@import 'drop-down-button/tailwind-dark-definition.scss';
-@import 'drop-down-button/icons/tailwind-dark.scss';
-@import 'drop-down-button/all.scss';
-@import 'drop-down-button/bigger.scss';
-@import 'split-button/tailwind-dark-definition.scss';
-@import 'split-button/all.scss';
-@import 'split-button/bigger.scss';
-@import 'button-group/tailwind-dark-definition.scss';
-@import 'button-group/all.scss';
-@import 'button-group/bigger.scss';
-@import 'ej2-popups/styles/spinner/tailwind-dark-definition.scss';
-@import 'progress-button/tailwind-dark-definition.scss';
-@import 'progress-button/all.scss';
-@import 'progress-button/bigger.scss';
+@use 'ej2-base/styles/definition/tailwind-dark' as *;
+@use 'ej2-buttons/styles/button/tailwind-dark-definition' as *;
+@use 'ej2-popups/styles/popup/tailwind-dark-definition' as *;
+@use 'drop-down-button/tailwind-dark-definition' as *;
+@use 'drop-down-button/icons/tailwind-dark' as *;
+@use 'drop-down-button/all' as *;
+@use 'drop-down-button/bigger' as *;
+@use 'split-button/tailwind-dark-definition' as *;
+@use 'split-button/all' as *;
+@use 'split-button/bigger' as *;
+@use 'button-group/tailwind-dark-definition' as *;
+@use 'button-group/all' as *;
+@use 'button-group/bigger' as *;
+@use 'ej2-popups/styles/spinner/tailwind-dark-definition' as *;
+@use 'progress-button/tailwind-dark-definition' as *;
+@use 'progress-button/all' as *;
+@use 'progress-button/bigger' as *;

package/styles/tailwind-lite.css

@@ -329,8 +329,6 @@
   margin-left: -1px;
   padding-left: 12px;
   padding-right: 12px;
-  padding-left: 4px;
-  padding-right: 10px;
 }
 .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
   margin-right: 0;
@@ -368,8 +366,6 @@
   line-height: 1;
   padding-bottom: 8px;
   padding-right: 8px;
-  padding-bottom: 4px;
-  padding-right: 10px;
 }
 .e-split-btn-wrapper.e-vertical .e-split-btn .e-icon-top {
   padding-bottom: 4px;
@@ -636,7 +632,7 @@
 }
 *.e-btn-group.e-vertical input,
 *.e-css.e-btn-group.e-vertical input {
-  margin: -1px 0 0;
+  margin: -1 0 0;
 }
 *.e-btn-group.e-vertical .e-btn:not(.e-outline),
 *.e-css.e-btn-group.e-vertical .e-btn:not(.e-outline) {

package/styles/tailwind-lite.scss

@@ -1,13 +1,13 @@
-@import 'ej2-base/styles/definition/tailwind.scss';
-@import 'ej2-buttons/styles/button/tailwind-definition.scss';
-@import 'ej2-popups/styles/popup/tailwind-definition.scss';
-@import 'drop-down-button/tailwind-definition.scss';
-@import 'drop-down-button/icons/tailwind.scss';
-@import 'drop-down-button/all.scss';
-@import 'split-button/tailwind-definition.scss';
-@import 'split-button/all.scss';
-@import 'button-group/tailwind-definition.scss';
-@import 'button-group/all.scss';
-@import 'ej2-popups/styles/spinner/tailwind-definition.scss';
-@import 'progress-button/tailwind-definition.scss';
-@import 'progress-button/all.scss';
+@use 'ej2-base/styles/definition/tailwind' as *;
+@use 'ej2-buttons/styles/button/tailwind-definition' as *;
+@use 'ej2-popups/styles/popup/tailwind-definition' as *;
+@use 'drop-down-button/tailwind-definition' as *;
+@use 'drop-down-button/icons/tailwind' as *;
+@use 'drop-down-button/all' as *;
+@use 'split-button/tailwind-definition' as *;
+@use 'split-button/all' as *;
+@use 'button-group/tailwind-definition' as *;
+@use 'button-group/all' as *;
+@use 'ej2-popups/styles/spinner/tailwind-definition' as *;
+@use 'progress-button/tailwind-definition' as *;
+@use 'progress-button/all' as *;

package/styles/tailwind.css

@@ -392,8 +392,6 @@
   margin-left: -1px;
   padding-left: 12px;
   padding-right: 12px;
-  padding-left: 4px;
-  padding-right: 10px;
 }
 .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
   margin-right: 0;
@@ -431,8 +429,6 @@
   line-height: 1;
   padding-bottom: 8px;
   padding-right: 8px;
-  padding-bottom: 4px;
-  padding-right: 10px;
 }
 .e-split-btn-wrapper.e-vertical .e-split-btn .e-icon-top {
   padding-bottom: 4px;
@@ -565,8 +561,8 @@
 }
 .e-bigger .e-split-btn-wrapper .e-split-btn.e-top-icon-btn,
 .e-bigger.e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
-  padding-bottom: 12px;
-  padding-top: 12px;
+  padding-bottom: 10px;
+  padding-top: 10px;
 }
 .e-bigger .e-split-btn-wrapper .e-split-btn .e-btn-icon,
 .e-bigger.e-split-btn-wrapper .e-split-btn .e-btn-icon {
@@ -776,7 +772,7 @@
 }
 *.e-btn-group.e-vertical input,
 *.e-css.e-btn-group.e-vertical input {
-  margin: -1px 0 0;
+  margin: -1 0 0;
 }
 *.e-btn-group.e-vertical .e-btn:not(.e-outline),
 *.e-css.e-btn-group.e-vertical .e-btn:not(.e-outline) {

package/styles/tailwind.scss

@@ -1,17 +1,17 @@
-@import 'ej2-base/styles/definition/tailwind.scss';
-@import 'ej2-buttons/styles/button/tailwind-definition.scss';
-@import 'ej2-popups/styles/popup/tailwind-definition.scss';
-@import 'drop-down-button/tailwind-definition.scss';
-@import 'drop-down-button/icons/tailwind.scss';
-@import 'drop-down-button/all.scss';
-@import 'drop-down-button/bigger.scss';
-@import 'split-button/tailwind-definition.scss';
-@import 'split-button/all.scss';
-@import 'split-button/bigger.scss';
-@import 'button-group/tailwind-definition.scss';
-@import 'button-group/all.scss';
-@import 'button-group/bigger.scss';
-@import 'ej2-popups/styles/spinner/tailwind-definition.scss';
-@import 'progress-button/tailwind-definition.scss';
-@import 'progress-button/all.scss';
-@import 'progress-button/bigger.scss';
+@use 'ej2-base/styles/definition/tailwind' as *;
+@use 'ej2-buttons/styles/button/tailwind-definition' as *;
+@use 'ej2-popups/styles/popup/tailwind-definition' as *;
+@use 'drop-down-button/tailwind-definition' as *;
+@use 'drop-down-button/icons/tailwind' as *;
+@use 'drop-down-button/all' as *;
+@use 'drop-down-button/bigger' as *;
+@use 'split-button/tailwind-definition' as *;
+@use 'split-button/all' as *;
+@use 'split-button/bigger' as *;
+@use 'button-group/tailwind-definition' as *;
+@use 'button-group/all' as *;
+@use 'button-group/bigger' as *;
+@use 'ej2-popups/styles/spinner/tailwind-definition' as *;
+@use 'progress-button/tailwind-definition' as *;
+@use 'progress-button/all' as *;
+@use 'progress-button/bigger' as *;