@syncfusion/ej2-angular-splitbuttons 24.1.41 → 24.1.44

package/styles/progress-button/_theme.scss

@@ -1,638 +0,0 @@
-@include export-module('progress-button-theme') {
-
-  /*! Progress Button Theme */
-  .e-progress-btn {
-    .e-spinner-pane .e-spinner-inner svg {
-      fill: $progress-btn-color;
-      stroke: $progress-btn-color;
-
-      .e-path-circle {
-        @if $skin-name == 'bootstrap4' {
-          stroke-width: 1px;
-        }
-        @else if $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' {
-          stroke-width: 3px;
-        }
-      }
-
-      .e-path-arc {
-        stroke: $btn-color;
-        @if $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' {
-          stroke-width: 3px;
-        }
-      }
-    }
-
-    #{if(&, '&', '*')}.e-primary,
-    #{if(&, '&', '*')}.e-primary.e-outline:hover,
-    #{if(&, '&', '*')}.e-primary.e-outline:focus,
-    #{if(&, '&', '*')}.e-primary.e-flat:hover,
-    #{if(&, '&', '*')}.e-primary.e-flat:focus {
-      .e-spinner-pane .e-spinner-inner svg {
-        fill: $btn-primary-color;
-        stroke: $btn-primary-color;
-
-        .e-path-circle {
-          @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
-            stroke: fade-out($btn-primary-color, $progress-btn-circle-opacity);
-          }
-        }
-
-        .e-path-arc {
-          stroke: $btn-primary-color;
-        }
-      }
-
-      &.e-flat {
-        .e-spinner-pane .e-spinner-inner svg {
-          fill: $btn-flat-primary-color;
-          stroke: $btn-flat-primary-color;
-
-          .e-path-circle {
-            @if $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
-              stroke: fade-out($btn-flat-primary-path-arc, $progress-btn-circle-opacity);
-            }
-            @else if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap4' or $skin-name == 'bootstrap'{
-              stroke: fade-out($btn-flat-primary-color, $progress-btn-circle-opacity);
-            }
-          }
-
-          .e-path-arc {
-            @if $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'bootstrap5' or $skin-name == 'Material3' {
-              stroke: $btn-flat-primary-path-arc;
-            }
-            @else {
-              stroke: $btn-flat-primary-color;
-            }
-          }
-        }
-      }
-    }
-
-    #{if(&, '&', '*')}.e-primary.e-outline:hover,
-    #{if(&, '&', '*')}.e-primary.e-outline:focus {
-      @if $skin-name == 'Material3' {
-        .e-spinner-pane .e-spinner-inner svg {
-          fill: $btn-primary-bgcolor;
-          stroke: $btn-primary-bgcolor;
-
-          .e-path-circle {
-            @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
-              stroke: fade-out($btn-primary-color, $progress-btn-circle-opacity);
-            }
-          }
-
-          .e-path-arc {
-            stroke: $btn-primary-color;
-          }
-        }
-      }
-    }
-
-    #{if(&, '&', '*')}.e-success,
-    #{if(&, '&', '*')}.e-success.e-outline:hover,
-    #{if(&, '&', '*')}.e-success.e-outline:focus,
-    #{if(&, '&', '*')}.e-success.e-flat:hover,
-    #{if(&, '&', '*')}.e-success.e-flat:focus {
-      .e-spinner-pane .e-spinner-inner svg {
-        fill: $btn-success-color;
-        stroke: $btn-success-color;
-
-        .e-path-circle {
-          @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
-            stroke: fade-out($btn-success-color, $progress-btn-circle-opacity);
-          }
-        }
-
-        .e-path-arc {
-          stroke: $btn-success-color;
-        }
-      }
-
-      &.e-flat {
-        .e-spinner-pane .e-spinner-inner svg {
-          fill: $btn-flat-success-color;
-          stroke: $btn-flat-success-color;
-
-          .e-path-circle {
-            @if $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
-              stroke: fade-out($btn-flat-primary-path-arc, $progress-btn-circle-opacity);
-            }
-            @else {
-              @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
-                stroke: fade-out($btn-flat-success-color, $progress-btn-circle-opacity);
-              }
-            }
-          }
-
-          .e-path-arc {
-            @if $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' {
-              stroke: $btn-flat-primary-path-arc;
-            }
-            @else {
-              stroke: $btn-flat-success-color;
-            }
-          }
-        }
-      }
-    }
-
-    #{if(&, '&', '*')}.e-success.e-outline:hover,
-    #{if(&, '&', '*')}.e-success.e-outline:focus {
-      @if $skin-name == 'Material3' {
-        .e-spinner-pane .e-spinner-inner svg {
-          fill: $btn-success-bgcolor;
-          stroke: $btn-success-bgcolor;
-
-          .e-path-circle {
-            @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
-              stroke: fade-out($btn-success-color, $progress-btn-circle-opacity);
-            }
-          }
-
-          .e-path-arc {
-            stroke: $btn-success-color;
-          }
-        }
-      }
-    }
-
-    &.e-info,
-    &.e-info.e-outline:hover,
-    &.e-info.e-outline:focus,
-    &.e-info.e-flat:hover,
-    &.e-info.e-flat:focus {
-      .e-spinner-pane .e-spinner-inner svg {
-        fill: $btn-info-color;
-        stroke: $btn-info-color;
-
-        .e-path-circle {
-          @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
-            stroke: fade-out($btn-info-color, $progress-btn-circle-opacity);
-          }
-        }
-
-        .e-path-arc {
-          stroke: $btn-info-color;
-        }
-      }
-
-      &.e-flat {
-        .e-spinner-pane .e-spinner-inner svg {
-          fill: $btn-flat-info-color;
-          stroke: $btn-flat-info-color;
-
-          .e-path-circle {
-            @if $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
-              stroke: fade-out($btn-flat-primary-path-arc, $progress-btn-circle-opacity);
-            }
-            @else if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
-              stroke: fade-out($btn-flat-info-color, $progress-btn-circle-opacity);
-            }
-          }
-
-          .e-path-arc {
-            @if $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' {
-              stroke: $btn-flat-primary-path-arc;
-            }
-            @else {
-              stroke: $btn-flat-info-color;
-            }
-          }
-        }
-      }
-    }
-
-    #{if(&, '&', '*')}.e-info.e-outline:hover,
-    #{if(&, '&', '*')}.e-info.e-outline:focus {
-      @if $skin-name == 'Material3' {
-        .e-spinner-pane .e-spinner-inner svg {
-          fill: $btn-info-bgcolor;
-          stroke: $btn-info-bgcolor;
-
-          .e-path-circle {
-            @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
-              stroke: fade-out($btn-info-color, $progress-btn-circle-opacity);
-            }
-          }
-
-          .e-path-arc {
-            stroke: $btn-info-color;
-          }
-        }
-      }
-    }
-
-    &.e-warning,
-    &.e-warning.e-outline:hover,
-    &.e-warning.e-outline:focus,
-    &.e-warning.e-flat:hover,
-    &.e-warning.e-flat:focus {
-      .e-spinner-pane .e-spinner-inner svg {
-        fill: $btn-warning-color;
-        stroke: $btn-warning-color;
-
-        .e-path-circle {
-          @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
-            stroke: fade-out($btn-warning-color, $progress-btn-circle-opacity);
-          }
-        }
-
-        .e-path-arc {
-          stroke: $btn-warning-color;
-        }
-      }
-
-      &.e-flat {
-        .e-spinner-pane .e-spinner-inner svg {
-          fill: $btn-flat-warning-color;
-          stroke: $btn-flat-warning-color;
-
-          .e-path-circle {
-            @if $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
-              stroke: fade-out($btn-flat-primary-path-arc, $progress-btn-circle-opacity);
-            }
-            @else {
-              stroke: $btn-flat-warning-color;
-            }
-          }
-
-          .e-path-arc {
-            @if $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' {
-              stroke: $btn-flat-primary-path-arc;
-            }
-            @else {
-              stroke: $btn-flat-warning-color;
-            }
-          }
-        }
-      }
-    }
-
-    #{if(&, '&', '*')}.e-warning.e-outline:hover,
-    #{if(&, '&', '*')}.e-warning.e-outline:focus {
-      @if $skin-name == 'Material3' {
-        .e-spinner-pane .e-spinner-inner svg {
-          fill: $btn-warning-bgcolor;
-          stroke: $btn-warning-bgcolor;
-
-          .e-path-circle {
-            @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
-              stroke: fade-out($btn-warning-color, $progress-btn-circle-opacity);
-            }
-          }
-
-          .e-path-arc {
-            stroke: $btn-warning-color;
-          }
-        }
-      }
-    }
-
-    &.e-danger,
-    &.e-danger.e-outline:hover,
-    &.e-danger.e-outline:focus,
-    &.e-danger.e-flat:hover,
-    &.e-danger.e-flat:focus {
-      .e-spinner-pane .e-spinner-inner svg {
-        fill: $btn-danger-color;
-        stroke: $btn-danger-color;
-
-        .e-path-circle {
-          @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
-            stroke: fade-out($btn-danger-color, $progress-btn-circle-opacity);
-          }
-        }
-
-        .e-path-arc {
-          stroke: $btn-danger-color;
-        }
-      }
-
-      &.e-flat {
-        .e-spinner-pane .e-spinner-inner svg {
-          fill: $btn-flat-danger-color;
-          stroke: $btn-flat-danger-color;
-
-          .e-path-circle {
-            @if $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
-              stroke: fade-out($btn-flat-primary-path-arc, $progress-btn-circle-opacity);
-            }
-            @else if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
-              stroke: fade-out($btn-flat-danger-color, $progress-btn-circle-opacity);
-            }
-          }
-
-          .e-path-arc {
-            @if $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' {
-              stroke: $btn-flat-primary-path-arc;
-            }
-            @else {
-              stroke: $btn-flat-danger-color;
-            }
-          }
-        }
-      }
-    }
-
-    #{if(&, '&', '*')}.e-danger.e-outline:hover,
-    #{if(&, '&', '*')}.e-danger.e-outline:focus {
-      @if $skin-name == 'Material3' {
-        .e-spinner-pane .e-spinner-inner svg {
-          fill: $btn-danger-bgcolor;
-          stroke: $btn-danger-bgcolor;
-
-          .e-path-circle {
-            @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
-              stroke: fade-out($btn-danger-color, $progress-btn-circle-opacity);
-            }
-          }
-
-          .e-path-arc {
-            stroke: $btn-danger-color;
-          }
-        }
-      }
-    }
-
-    &.e-outline,
-    &.e-flat {
-      &.e-primary {
-        .e-spinner-pane .e-spinner-inner svg {
-          fill: $btn-primary-bgcolor;
-          stroke: $btn-primary-bgcolor;
-
-          .e-path-circle {
-            @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
-              stroke: fade-out($btn-primary-bgcolor, $progress-btn-circle-opacity);
-            }
-          }
-
-          .e-path-arc {
-            stroke: $btn-primary-bgcolor;
-          }
-        }
-      }
-
-      &.e-success {
-        .e-spinner-pane .e-spinner-inner svg {
-          fill: $btn-success-bgcolor;
-          stroke: $btn-success-bgcolor;
-
-          .e-path-circle {
-            @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
-              stroke: fade-out($btn-success-bgcolor, $progress-btn-circle-opacity);
-            }
-          }
-          .e-path-arc {
-            stroke: $btn-success-bgcolor;
-          }
-        }
-      }
-
-      &.e-info {
-        .e-spinner-pane .e-spinner-inner svg {
-          fill: $btn-info-bgcolor;
-          stroke: $btn-info-bgcolor;
-
-          .e-path-circle {
-            @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
-              stroke: fade-out($btn-info-bgcolor, $progress-btn-circle-opacity);
-            }
-          }
-
-          .e-path-arc {
-            stroke: $btn-info-bgcolor;
-          }
-        }
-      }
-
-      &.e-warning {
-        .e-spinner-pane .e-spinner-inner svg {
-          fill: $btn-warning-bgcolor;
-          stroke: $btn-warning-bgcolor;
-
-          .e-path-circle {
-            @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
-              stroke: fade-out($btn-warning-bgcolor, $progress-btn-circle-opacity);
-            }
-          }
-
-          .e-path-arc {
-            stroke: $btn-warning-bgcolor;
-          }
-        }
-      }
-
-      &.e-danger {
-        .e-spinner-pane .e-spinner-inner svg {
-          fill: $btn-danger-bgcolor;
-          stroke: $btn-danger-bgcolor;
-
-          .e-path-circle {
-            @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
-              stroke: fade-out($btn-danger-bgcolor, $progress-btn-circle-opacity);
-            }
-          }
-
-          .e-path-arc {
-            stroke: $btn-danger-bgcolor;
-          }
-        }
-      }
-    }
-
-    &.e-link {
-      .e-spinner-pane .e-spinner-inner svg {
-        fill: $btn-link-color;
-        stroke: $btn-link-color;
-
-        .e-path-circle {
-          @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
-            stroke: fade-out($btn-link-color, $progress-btn-circle-opacity);
-          }
-        }
-
-        .e-path-arc {
-          stroke: $btn-link-color;
-        }
-      }
-    }
-  }
-
-  .e-progress {
-    background: $progress-btn-bgcolor-normal;
-  }
-
-  #{if(&, '&', '*')}.e-primary,
-  #{if(&, '&', '*')}.e-success,
-  #{if(&, '&', '*')}.e-danger,
-  #{if(&, '&', '*')}.e-info {
-    .e-progress {
-      background: $progress-btn-bgcolor;
-    }
-  }
-
-  #{if(&, '&', '*')}.e-flat {
-    &.e-primary {
-      .e-progress {
-        @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
-          background: fade-out($progress-btn-flat-primary-progress-color, .8);
-        }
-      }
-    }
-
-    &.e-success {
-      .e-progress {
-        @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
-          background: fade-out($progress-btn-flat-success-progress-color, .8);
-        }
-      }
-    }
-
-    &.e-info {
-      .e-progress {
-        @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
-          background: fade-out($progress-btn-flat-info-progress-color, .8);
-        }
-      }
-    }
-
-    &.e-warning {
-      .e-progress {
-        @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
-          background: fade-out($progress-btn-flat-warning-progress-color, .8);
-        }
-      }
-    }
-
-    &.e-danger {
-      .e-progress {
-        @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
-          background: fade-out($progress-btn-flat-danger-progress-color, .8);
-        }
-      }
-    }
-  }
-
-  #{if(&, '&', '*')}.e-outline:not(:focus) {
-    &.e-primary {
-      .e-progress {
-        @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
-          background: fade-out($btn-primary-bgcolor, .8);
-        }
-      }
-    }
-
-    &.e-success {
-      .e-progress {
-        @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
-          background: fade-out($btn-success-bgcolor, .8);
-        }
-      }
-    }
-
-    &.e-info {
-      .e-progress {
-        @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
-          background: fade-out($btn-info-bgcolor, .8);
-        }
-      }
-    }
-
-    &.e-warning {
-      .e-progress {
-        @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
-          background: fade-out($btn-warning-bgcolor, .8);
-        }
-      }
-    }
-
-    &.e-danger {
-      .e-progress {
-        @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
-          background: fade-out($btn-danger-bgcolor, .8);
-        }
-      }
-    }
-  }
-  
-  @if $skin-name == 'Material3' {
-    #{if(&, '&', '*')}.e-flat,
-    #{if(&, '&', '*')}.e-flat:not(:focus) {
-      &.e-primary {
-        .e-progress {
-          background: $progress-btn-flat-primary-progress-color;
-        }
-      }
-
-      &.e-success {
-        .e-progress {
-          background: $progress-btn-flat-success-progress-color;
-        }
-      }
-
-      &.e-info {
-        .e-progress {
-          background: $progress-btn-flat-info-progress-color;
-        }
-      }
-
-      &.e-warning {
-        .e-progress {
-          background: $progress-btn-flat-warning-progress-color;
-        }
-      }
-
-      &.e-danger {
-        .e-progress {
-          background: $progress-btn-flat-danger-progress-color;
-        }
-      }
-    }
-  }
-
-  #{if(&, '&', '*')}.e-flat:not(:focus) {
-    @if $skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
-      &.e-primary {
-        .e-progress {
-          @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
-            background: fade-out($btn-primary-bgcolor, .8);
-          }
-        }
-      }
-
-      &.e-success {
-        .e-progress {
-          @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
-            background: fade-out($btn-success-bgcolor, .8);
-          }
-        }
-      }
-
-      &.e-info {
-        .e-progress {
-          @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
-            background: fade-out($btn-info-bgcolor, .8);
-          }
-        }
-      }
-
-      &.e-warning {
-        .e-progress {
-          @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
-            background: fade-out($btn-warning-bgcolor, .8);
-          }
-        }
-      }
-
-      &.e-danger {
-        .e-progress {
-          @if $skin-name == 'material' or $skin-name == 'fabric' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
-            background: fade-out($btn-danger-bgcolor, .8);
-          }
-        }
-      }
-    }
-  }
-}

package/styles/split-button/_all.scss

@@ -1,2 +0,0 @@
-@import 'layout.scss';
-@import 'theme.scss';

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

@@ -1,26 +0,0 @@
-//default
-$split-btn-zindex: 2;
-$split-btn-border-radius: 4px;
-$split-btn-focus-border-color: $grey-8c;
-$split-btn-focus-vertical-border-color: $grey-8c;
-$split-btn-focus-outline-offset: 0;
-$split-btn-vertical-secondary-icon-line-height: .334em;
-$split-btn-seperator-border: 1px solid;
-$split-btn-seperator-border-color: $grey-8c;
-$split-btn-seperator-default-border-color: $grey-8c;
-$split-btn-seperator-vertical-border-color: $grey-8c;
-$split-btn-hover-border-color: $grey-ad;
-$split-btn-hover-vertical-border-color: $grey-ad;
-$split-btn-active-border-color: $grey-ad;
-$split-btn-active-vertical-border-color: $grey-ad;
-$split-btn-disabled-vertical-border-color: rgba($grey-cc, .65);
-$split-btn-active-box-shadow: inset 0 3px 5px rgba($grey-base, .125);
-$split-btn-disabled-left-border-color: $grey-cc;
-$split-btn-hover-left-border-color: $grey-ad;
-$split-btn-focus-left-border-color: $grey-8c;
-$split-btn-active-left-border-color: $grey-ad;
-$split-btn-sec-btn-margin-left: -1px;
-$split-btn-icon-btn-padding: 10px;
-$split-btn-icon-btn-padding-bigger: 12px;
-
-//enddefault

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

@@ -1,23 +0,0 @@
-$split-btn-zindex: 2 !default;
-$split-btn-border-radius: 4px !default;
-$split-btn-focus-border-color: $grey-8c !default;
-$split-btn-focus-vertical-border-color: $grey-8c !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-seperator-border-color: $grey-cc !default;
-$split-btn-seperator-default-border-color: $grey-cc !default;
-$split-btn-seperator-vertical-border-color: $grey-cc !default;
-$split-btn-hover-border-color: $grey-ad !default;
-$split-btn-hover-vertical-border-color: $grey-ad !default;
-$split-btn-active-border-color: $grey-ad !default;
-$split-btn-active-vertical-border-color: $grey-ad !default;
-$split-btn-disabled-vertical-border-color: rgba($grey-cc, .65) !default;
-$split-btn-active-box-shadow: inset 0 3px 5px rgba($grey-base, .125) !default;
-$split-btn-disabled-left-border-color: $grey-cc !default;
-$split-btn-hover-left-border-color: $grey-ad !default;
-$split-btn-focus-left-border-color: $grey-8c !default;
-$split-btn-active-left-border-color: $grey-ad !default;
-$split-btn-sec-btn-margin-left: -1px !default;
-$split-btn-icon-btn-padding: 10px !default;
-$split-btn-icon-btn-padding-bigger: 12px !default;