@syncfusion/ej2-angular-splitbuttons 24.1.41 → 24.1.44

package/styles/split-button/_material-dark-definition.scss

@@ -1,26 +0,0 @@
-//default
-$split-btn-zindex: 0;
-$split-btn-border-radius: 2px;
-$split-btn-focus-border-color: transparent;
-$split-btn-focus-vertical-border-color: transparent;
-$split-btn-focus-outline-offset: 0;
-$split-btn-vertical-secondary-icon-line-height: .417em;
-$split-btn-seperator-border: 1px solid;
-$split-btn-seperator-border-color: transparent;
-$split-btn-seperator-default-border-color: transparent;
-$split-btn-seperator-vertical-border-color: transparent;
-$split-btn-hover-border-color: transparent;
-$split-btn-hover-vertical-border-color: transparent;
-$split-btn-active-border-color: transparent;
-$split-btn-active-vertical-border-color: transparent;
-$split-btn-disabled-vertical-border-color: transparent;
-$split-btn-active-box-shadow: none;
-$split-btn-disabled-left-border-color: transparent;
-$split-btn-hover-left-border-color: transparent;
-$split-btn-focus-left-border-color: transparent;
-$split-btn-active-left-border-color: transparent;
-$split-btn-sec-btn-margin-left: 0;
-$split-btn-icon-btn-padding: 6px;
-$split-btn-icon-btn-padding-bigger: 9px;
-
-//enddefault

package/styles/split-button/_material-definition.scss

@@ -1,23 +0,0 @@
-$split-btn-zindex: 0 !default;
-$split-btn-border-radius: 2px !default;
-$split-btn-focus-border-color: transparent !default;
-$split-btn-focus-vertical-border-color: transparent !default;
-$split-btn-focus-outline-offset: 0 !default;
-$split-btn-vertical-secondary-icon-line-height: .417em !default;
-$split-btn-seperator-border: 1px solid !default;
-$split-btn-seperator-border-color: transparent !default;
-$split-btn-seperator-default-border-color: transparent !default;
-$split-btn-seperator-vertical-border-color: transparent !default;
-$split-btn-hover-border-color: transparent !default;
-$split-btn-hover-vertical-border-color: transparent !default;
-$split-btn-active-border-color: transparent !default;
-$split-btn-active-vertical-border-color: transparent !default;
-$split-btn-disabled-vertical-border-color: transparent !default;
-$split-btn-active-box-shadow: none !default;
-$split-btn-disabled-left-border-color: transparent !default;
-$split-btn-hover-left-border-color: transparent !default;
-$split-btn-focus-left-border-color: transparent !default;
-$split-btn-active-left-border-color: transparent !default;
-$split-btn-sec-btn-margin-left: 0 !default;
-$split-btn-icon-btn-padding: 6px !default;
-$split-btn-icon-btn-padding-bigger: 9px !default;

package/styles/split-button/_material3-dark-definition.scss

@@ -1 +0,0 @@
-@import './material3-definition.scss';

package/styles/split-button/_material3-definition.scss

@@ -1,26 +0,0 @@
-//layout variables
-$split-btn-zindex: 2 !default;
-$split-btn-border-radius: 100px !default;
-$split-btn-focus-outline-offset: 0 !default;
-$split-btn-vertical-secondary-icon-line-height: .334em !default;
-$split-btn-seperator-border: 1px solid !default;
-$split-btn-sec-btn-margin-left: -1px !default;
-$split-btn-icon-btn-padding: 10px !default;
-$split-btn-icon-btn-padding-bigger: 12px !default;
-$split-btn-focus-border-color: rgba($border-light) !default;
-$split-btn-focus-vertical-border-color: $secondary-border-color !default;
-$split-btn-seperator-border-color: $splitbtn-right-border !default;
-$split-btn-seperator-default-border-color: $secondary-border-color !default;
-$split-btn-seperator-vertical-border-color: rgba($border-light) !default;
-$split-btn-hover-border-color: $secondary-border-color !default;
-$split-btn-hover-vertical-border-color: $secondary-border-color !default;
-$split-btn-active-border-color: $secondary-bg-color-pressed !default;
-$split-btn-active-vertical-border-color: $secondary-bg-color-pressed !default;
-$split-btn-disabled-vertical-border-color: $secondary-border-color !default;
-$split-btn-active-box-shadow: none !default;
-$split-btn-disabled-left-border-color: $secondary-border-color !default;
-$split-btn-hover-left-border-color: $secondary-border-color !default;
-$split-btn-focus-left-border-color: $secondary-border-color !default;
-$split-btn-active-left-border-color: $secondary-border-color !default;
-$split-btn-seperator-border-color-rtl: $splitbtn-right-border-rtl !default;
-$split-btn-seperator-border-color-vertical: $splitbtn-right-border-vertical !default;

package/styles/split-button/_tailwind-dark-definition.scss

@@ -1 +0,0 @@
-@import './tailwind-definition.scss';

package/styles/split-button/_tailwind-definition.scss

@@ -1,24 +0,0 @@
-//layout variables
-$split-btn-zindex: 2 !default;
-$split-btn-border-radius: 4px !default;
-$split-btn-focus-outline-offset: 0 !default;
-$split-btn-vertical-secondary-icon-line-height: .334em !default;
-$split-btn-seperator-border: 1px solid !default;
-$split-btn-sec-btn-margin-left: -1px !default;
-$split-btn-icon-btn-padding: 8px !default;
-$split-btn-icon-btn-padding-bigger: 12px !default;
-$split-btn-focus-border-color: $secondary-border-color !default;
-$split-btn-focus-vertical-border-color: $secondary-border-color !default;
-$split-btn-seperator-border-color: $secondary-border-color !default;
-$split-btn-seperator-default-border-color: $secondary-border-color !default;
-$split-btn-seperator-vertical-border-color: $secondary-border-color !default;
-$split-btn-hover-border-color: $secondary-border-color !default;
-$split-btn-hover-vertical-border-color: $secondary-border-color !default;
-$split-btn-active-border-color: $secondary-bg-color-pressed !default;
-$split-btn-active-vertical-border-color: $secondary-bg-color-pressed !default;
-$split-btn-disabled-vertical-border-color: $secondary-border-color !default;
-$split-btn-active-box-shadow: $shadow-focus-ring2 !default;
-$split-btn-disabled-left-border-color: $secondary-border-color !default;
-$split-btn-hover-left-border-color: $secondary-border-color !default;
-$split-btn-focus-left-border-color: $secondary-border-color !default;
-$split-btn-active-left-border-color: $secondary-border-color !default;

package/styles/split-button/_theme.scss

@@ -1,187 +0,0 @@
-@include export-module('split-button-theme') {
-
-  /*! splitbutton theme */
-  .e-split-btn-wrapper {
-    .e-split-btn {
-      @if $skin-name == 'Material3' {
-        border-image: $split-btn-seperator-border-color;
-        border-width: 0 1px 0 0;
-      }
-      @else {
-        border-right-color: $split-btn-seperator-border-color;
-      }
-
-      &:focus {
-        border-right-color: $split-btn-focus-border-color;
-      }
-
-      &:active {
-        border-right-color: $split-btn-active-border-color;
-      }
-
-      &:disabled {
-        border-right-color: $btn-disabled-bgcolor;
-      }
-
-      &.e-inherit {
-        border-color: transparent;
-      }
-    }
-
-    &.e-splitbtn-disabled {
-      @if $skin-name == 'Material3' {
-        box-shadow: none;
-      }
-    }
-
-    &:hover :not(e-active) {
-      & .e-split-btn {
-        border-right-color: $split-btn-hover-border-color;
-
-        &:disabled {
-          border-right-color: $btn-disabled-border-color;
-        }
-      }
-    }
-
-    &.e-rtl {
-      .e-split-btn {
-        @if $skin-name == 'material' or $skin-name == 'fabric' {
-          border-color: transparent;
-        }
-        @else if $skin-name == 'Material3' {
-          border-image: $split-btn-seperator-border-color-rtl;
-          border-width: 0 0 0 1px;
-        }
-        @else {
-          border-left-color: $split-btn-seperator-border-color;
-          border-right-color: $split-btn-seperator-default-border-color;
-        }
-
-        &:focus {
-          @if $skin-name == 'material' or $skin-name == 'fabric' {
-            border-color: transparent;
-          }
-          @else {
-            border-left-color: $split-btn-focus-border-color;
-            border-right-color: $split-btn-focus-vertical-border-color;
-          }
-        }
-
-        &:active {
-          @if $skin-name == 'material' or $skin-name == 'fabric' {
-            border-color: transparent;
-          }
-          @else {
-            border-left-color: $split-btn-active-border-color;
-            border-right-color: $split-btn-active-vertical-border-color;
-          }
-        }
-
-        &:disabled {
-          border-left-color: $btn-disabled-border-color;
-          border-right-color: $split-btn-disabled-vertical-border-color;
-        }
-
-        &.e-inherit {
-          border-color: transparent;
-        }
-      }
-
-      &:hover {
-        & .e-split-btn :not(e-active) {
-          border-left-color: $split-btn-hover-border-color;
-          border-right-color: $split-btn-hover-vertical-border-color;
-
-          &:disabled {
-            border-left-color: $btn-disabled-border-color;
-          }
-        }
-      }
-    }
-
-    &.e-vertical {
-      .e-split-btn {
-        @if $skin-name == 'Material3' {
-          border-image: $split-btn-seperator-border-color-vertical;
-          border-width: 0 0 2px;
-        }
-        border-bottom-color: $split-btn-seperator-vertical-border-color;
-        border-right-color: $split-btn-seperator-default-border-color;
-
-        &.e-inherit,
-        &.e-inherit:focus,
-        &.e-inherit:active,
-        &.e-inherit:disabled {
-          border-color: transparent;
-        }
-
-        &:focus {
-          border-bottom-color: $split-btn-focus-border-color;
-          border-right-color: $split-btn-focus-vertical-border-color;
-        }
-
-        &:active {
-          border-bottom-color: $split-btn-active-border-color;
-          border-right-color: $split-btn-active-vertical-border-color;
-        }
-
-        &:disabled {
-          border-bottom-color: $btn-disabled-border-color;
-          border-right-color: $split-btn-disabled-vertical-border-color;
-        }
-      }
-
-      &:hover {
-        & .e-split-btn {
-          border-bottom-color: $split-btn-hover-border-color;
-          border-right-color: $split-btn-hover-vertical-border-color;
-
-          &.e-inherit,
-          &.e-inherit:disabled {
-            border-color: transparent;
-          }
-
-          &:disabled {
-            border-bottom-color: $btn-disabled-border-color;
-          }
-        }
-      }
-
-      &.e-rtl {
-        .e-split-btn {
-          border-left-color: $split-btn-seperator-default-border-color;
-
-          &.e-inherit,
-          &.e-inherit:focus,
-          &.e-inherit:active,
-          &.e-inherit:disabled {
-            border-color: transparent;
-          }
-
-          &:focus {
-            border-left-color: $split-btn-focus-left-border-color;
-          }
-
-          &:active {
-            border-left-color: $split-btn-active-left-border-color;
-          }
-
-          &:disabled {
-            border-left-color: $split-btn-disabled-left-border-color;
-          }
-        }
-
-        &:hover {
-          & .e-split-btn {
-            border-left-color: $split-btn-hover-left-border-color;
-
-            &.e-inherit {
-              border-color: transparent;
-            }
-          }
-        }
-      }
-    }
-  }
-}