@syncfusion/ej2-angular-inputs 21.2.3 → 21.2.4-ngcc

package/styles/slider/_material-dark-definition.scss

@@ -1,159 +0,0 @@
-//default
-$slider-bg-color: rgba($grey-white, .38) !default;
-$slider-disabled-bg-color: rgba($grey-white, .3) !default;
-$slider-disabled-opacity: 1 !default;
-$slider-active-bg-color: rgba($grey-white, .38) !default;
-$slider-start-handle-border-size: 2px solid rgba($grey-white, .26) !default;
-$slider-border-radius: 2px !default;
-$slider-height: 2px !default;
-$slider-handle-border-size: 2px solid !default;
-$slider-handle-border-color: rgba($grey-white, .26) !default;
-$slider-handle-height: 12px !default;
-$slider-handle-width: 12px !default;
-$slider-handle-border-radius: 50% !default;
-$slider-handle-top: -6px !default;
-$slider-handle-mobile-top: calc(50% - 7px) !default;
-$slider-h-handle-margin: 0 0 0 -6px !default;
-$slider-h-handle-mobile-margin: 0 0 0 -7px !default;
-$rtl-slider-h-handle-margin: 0 -6px 0 0 !default;
-$rtl-slider-h-handle-mobile-margin: 0 -7px 0 0 !default;
-$slider-v-handle-margin: -6px !default;
-$slider-v-handle-mobile-margin: 0 0 -7px 0 !default;
-$rtl-slider-v-handle-margin: 0 !default;
-$rtl-slider-v-handle-mobile-margin: -7px 0 0 0 !default;
-$slider-range-bar-color: $accent !default;
-$slider-range-bar-hover-color: $accent !default;
-$slider-color: $accent !default;
-$slider-material-tooltip-content-color: $accent-font !default;
-$slider-handle-color: $grey-800 !default;
-$slider-button-icon-color: $grey-800 !default;
-$slider-handle-start-border-color: rgba($grey-white, .26) !default;
-$slider-handle-focus-border-color: rgba($grey-white, .38) !default;
-$slider-handle-focus-bg-color: rgba($grey-white, .26) !default;
-$slider-tick-color: rgba($grey-white, .87) !default;
-$slider-button-bg-color: rgba($grey-white, .42) !default;
-$slider-btn-focus-color:  rgba($grey-white, .42) !default;
-$slider-btn-focus-border-color: transparent !default;
-$slider-btn-focus-after-color: transparent !default;
-$slider-container-height: 2px !default;
-$slider-button-color-border: transparent !default;
-$slider-normal-handle-border-size: 7px solid !default;
-$slider-normal-handle-border-color: $accent !default;
-$slider-handle-bg-color: $accent !default;
-$slider-handle-hover-color: $accent !default;
-$slider-disabled-handle-bg-color: rgba($grey-white, .3) !default;
-$slider-disabled-handle-hover-color: rgba($grey-white, .3) !default;
-$slider-disabled-handle-normal-border-color: $grey-white !default;
-$slider-disabled-normal-handle-border-color: $grey-white !default;
-$slider-disabled-range-bar-color: transparent !default;
-$slider-disabled-button-bg-color: rgba($grey-white, .3) !default;
-$slider-hover-color: rgba($grey-white, .26) !default;
-$slider-tooltip-padding: 3px 6px !default;
-$slider-start-transform: scale(.714) !default;
-$slider-mid-transform: scale(1.05) !default;
-$slider-final-transform: scale(1) !default;
-$slider-handle-after-position: absolute !default;
-$slider-handle-normal-border-color: $accent !default;
-$slider-handle-hover-border-color: $accent !default;
-$tick-after-height: $slider-height !default;
-$tick-after-top: calc(50% - 10px) !default;
-$largetick-before-top: 0 !default;
-$largetick-before-height: $slider-height !default;
-$largetick-after-height: $slider-height !default;
-$largetick-after-top: 0 !default;
-$tick-before-height: $slider-height !default;
-$tick-before-top: 0 !default;
-$slider-btn-container-height: 2px !default;
-$slider-horizontal-btn-icon-prev: '\e981' !default;
-$slider-vertical-btn-icon-prev: '\e969' !default;
-$slider-horizontal-btn-icon-next: '\e943' !default;
-$slider-vertical-btn-icon-next: '\e995' !default;
-$slider-vertical-width: 2px !default;
-$slider-border-radius-handle: 50% !default;
-$slider-border: 0 !default;
-$slider-btn-top: 0 !default;
-$slider-btn-after-height: 100% !default;
-$slider-btn-after-width: 100% !default;
-$slider-btn-after-padding: 10px !default;
-$slider-btn-margin-right: 2px !default;
-$slider-btn-margin-top: 0 !default;
-$slider-vertical-left: -5px !default;
-$slider-button-font-size: 9px !default;
-$slider-scale-font-family: $font-family !default;
-$slider-scale-font-size: 10px !default;
-$slider-mobile-scale-font-size: 12px !default;
-
-$slider-disabled-handle-color: $grey-white !default;
-$slider-disabled-handle-show: block !default;
-$slider-button-border-color: transparent !default;
-$slider-first-btn-margin: 1px !default;
-$slider-second-btn-margin: -4px !default;
-$slider-button-size: 18px !default;
-$slider-button-horizon-padding: 0 30px !default;
-$slider-button-vertical-padding: 30px 0 !default;
-$slider-scale-value-position-top: -30px !default;
-$slider-scale-value-position-bottom: -8px !default;
-$tick-after-left: 8px !default;
-$largetick-before-left: 8px !default;
-$tick-before-left: 8px !default;
-$largetick-after-left: 8px !default;
-$slider-scale-value-position-left: -28px !default;
-$slider-scale-value-position-right: -28px !default;
-$slider-scale-value-position-both-left: -28px !default;
-$slider-scale-value-position-both-right: -72px !default;
-$slider-vertical-btn-right: 0 !default;
-$slider-horizon-prve-btn-left: 0 !default;
-$slider-horizon-next-btn-left: 0 !default;
-$slider-vertical-prve-btn-left: 0 !default;
-$slider-vertical-next-btn-left: 0 !default;
-$slider-handle-start-top: calc(50% - 4px) !default;
-$slider-handle-start-left: calc(50% - 4px) !default;
-$slider-tooltip-margin: 0 !default;
-$slider-wrap-height: 18px !default;
-$slider-wrap-width: 18px !default;
-$slider-center-align: -1px !default;
-$tick-before-mobile-top: 2px !default;
-$tick-after-mobile-top: 2px !default;
-$largetick-before-mobile-top: 2px !default;
-$largetick-after-mobile-top: 2px !default;
-$slider-btn-center-align: -9px !default;
-$tick-both-top: $tick-before-top !default;
-$tick-both-left: $tick-before-left !default;
-$largetick-both-top: $largetick-after-top !default;
-$largetick-both-left: $largetick-after-left !default;
-$slider-range-height: $slider-container-height !default;
-$slider-range-width: $slider-vertical-width !default;
-$slider-range-border-radius: $slider-border-radius !default;
-$slider-first-btn-font-size: 8px !default;
-$slider-first-btn-height: 24px !default;
-$slider-first-btn-line-height: 18px !default;
-$slider-second-btn-margin-right: -1px !default;
-$slider-second-btn-font-size: 8px !default;
-$slider-second-btn-height: 24px !default;
-$slider-second-btn-line-height: 18px !default;
-$slider-button-hover-transform: 1.667 !default;
-$slider-cursor: default !default;
-$slider-handle-hover-cursor: grab !default;
-$slider-handle-active-cursor: grabbing !default;
-$slider-scale-top: calc(50% - 14px) !default;
-$slider-scale-right: 5px !default;
-$slider-tab-background: $grey-300 !default;
-$slider-handle-start-background: $grey-dark !default;
-$slider-limit-bar-horizontal-height: 2px !default;
-$slider-limit-bar-top: calc(50% - 1px) !default;
-$slider-limit-bar-vertical-width: 2px !default;
-$slider-limit-bar-left: calc(50% - 1px) !default;
-$slider-limit-bar-color: rgba($grey-white, .26) !default;
-$slider-tick-font-color: $grey-dark-font !default;
-
-//enddefault
-//dimensions
-$slider-scale-tick-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAACXBIWXMAAAsSAAALEgHS3X78AAAAFElEQVQI12NkYGAIZ2BgYGBigAIABPgAW+yfXroAAAAASUVORK5CYII=');
-
-// dummy variable declaration to avoid compilation issue in SASS
-$slider-handle-mobile-height: none !default;
-$slider-handle-mobile-width: none !default;
-$slider-button-hleft-bg-image: none !default;
-$slider-button-hright-bg-image: none !default;
-$slider-button-vdown-bg-image:  none !default;
-$slider-button-vup-bg-image:  none !default;

package/styles/slider/_material-definition.scss

@@ -1,154 +0,0 @@
-$slider-bg-color: rgba($grey-black, .26) !default;
-$slider-disabled-bg-color: rgba($grey-black, .26) !default;
-$slider-disabled-opacity: 1 !default;
-$slider-active-bg-color: rgba($grey-black, .38) !default;
-$slider-start-handle-border-size: 2px solid rgba($grey-black, .26) !default;
-$slider-border-radius: 2px !default;
-$slider-height: 2px !default;
-$slider-handle-border-size: 2px solid !default;
-$slider-handle-border-color: rgba($grey-black, .26) !default;
-$slider-handle-height: 12px !default;
-$slider-handle-width: 12px !default;
-$slider-handle-border-radius: 50% !default;
-$slider-handle-top: -6px !default;
-$slider-handle-mobile-top: calc(50% - 7px) !default;
-$slider-h-handle-margin: 0 0 0 -6px !default;
-$slider-h-handle-mobile-margin: 0 0 0 -7px !default;
-$rtl-slider-h-handle-margin: 0 -6px 0 0 !default;
-$rtl-slider-h-handle-mobile-margin: 0 -7px 0 0 !default;
-$slider-v-handle-margin: -6px !default;
-$slider-v-handle-mobile-margin: 0 0 -7px 0 !default;
-$rtl-slider-v-handle-margin: 0 !default;
-$rtl-slider-v-handle-mobile-margin: -7px 0 0 0 !default;
-$slider-range-bar-color: $accent !default;
-$slider-range-bar-hover-color: $accent !default;
-$slider-color: $accent !default;
-$slider-material-tooltip-content-color: $grey-white !default;
-$slider-handle-color: $grey-white !default;
-$slider-button-icon-color: $grey-white !default;
-$slider-handle-start-border-color: rgba($grey-black, .26) !default;
-$slider-handle-focus-border-color: rgba($grey-black, .38) !default;
-$slider-handle-focus-bg-color: rgba($grey-black, .26) !default;
-$slider-tick-color: rgba($grey-black, .87) !default;
-$slider-button-bg-color: rgba($grey-black, .54) !default;
-$slider-btn-focus-color:  rgba($grey-black, .54) !default;
-$slider-btn-focus-border-color: transparent !default;
-$slider-btn-focus-after-color: transparent !default;
-$slider-container-height: 2px !default;
-$slider-button-color-border: transparent !default;
-$slider-normal-handle-border-size: 7px solid !default;
-$slider-normal-handle-border-color: $accent !default;
-$slider-handle-bg-color: $accent !default;
-$slider-handle-hover-color: $accent !default;
-$slider-disabled-handle-bg-color: rgba($grey-black, .26) !default;
-$slider-disabled-handle-hover-color: rgba($grey-black, .26) !default;
-$slider-disabled-handle-normal-border-color: $grey-white !default;
-$slider-disabled-normal-handle-border-color: $grey-white !default;
-$slider-disabled-range-bar-color: transparent !default;
-$slider-disabled-button-bg-color: rgba($grey-black, .26) !default;
-$slider-hover-color: rgba($grey-black, .26) !default;
-$slider-tooltip-padding: 3px 6px !default;
-$slider-start-transform: scale(.714) !default;
-$slider-mid-transform: scale(1.05) !default;
-$slider-final-transform: scale(1) !default;
-$slider-handle-after-position: absolute !default;
-$slider-handle-normal-border-color: $accent !default;
-$slider-handle-hover-border-color: $accent !default;
-$tick-after-height: $slider-height !default;
-$tick-after-top: calc(50% - 10px) !default;
-$largetick-before-top: 0 !default;
-$largetick-before-height: $slider-height !default;
-$largetick-after-height: $slider-height !default;
-$largetick-after-top: 0 !default;
-$tick-before-height: $slider-height !default;
-$tick-before-top: 0 !default;
-$slider-btn-container-height: 2px !default;
-$slider-horizontal-btn-icon-prev: '\e981' !default;
-$slider-vertical-btn-icon-prev: '\e969' !default;
-$slider-horizontal-btn-icon-next: '\e943' !default;
-$slider-vertical-btn-icon-next: '\e995' !default;
-$slider-vertical-width: 2px !default;
-$slider-border-radius-handle: 50% !default;
-$slider-border: 0 !default;
-$slider-btn-top: 0 !default;
-$slider-btn-after-height: 100% !default;
-$slider-btn-after-width: 100% !default;
-$slider-btn-after-padding: 10px !default;
-$slider-btn-margin-right: 2px !default;
-$slider-btn-margin-top: 0 !default;
-$slider-vertical-left: -5px !default;
-$slider-button-font-size: 9px !default;
-$slider-scale-font-family: $font-family !default;
-$slider-scale-font-size: 10px !default;
-$slider-mobile-scale-font-size: 12px !default;
-$slider-scale-tick-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAACXBIWXMAAAsSAAALEgHS3X78AAAAFElEQVQI12NkYGAIZ2BgYGBigAIABPgAW+yfXroAAAAASUVORK5CYII=');
-$slider-disabled-handle-color: $grey-white !default;
-$slider-disabled-handle-show: block !default;
-$slider-button-border-color: transparent !default;
-$slider-first-btn-margin: 1px !default;
-$slider-second-btn-margin: -4px !default;
-$slider-button-size: 18px !default;
-$slider-button-horizon-padding: 0 30px !default;
-$slider-button-vertical-padding: 30px 0 !default;
-$slider-scale-value-position-top: -30px !default;
-$slider-scale-value-position-bottom: -8px !default;
-$tick-after-left: 8px !default;
-$largetick-before-left: 8px !default;
-$tick-before-left: 8px !default;
-$largetick-after-left: 8px !default;
-$slider-scale-value-position-left: -28px !default;
-$slider-scale-value-position-right: -28px !default;
-$slider-scale-value-position-both-left: -28px !default;
-$slider-scale-value-position-both-right: -72px !default;
-$slider-vertical-btn-right: 0 !default;
-$slider-horizon-prve-btn-left: 0 !default;
-$slider-horizon-next-btn-left: 0 !default;
-$slider-vertical-prve-btn-left: 0 !default;
-$slider-vertical-next-btn-left: 0 !default;
-$slider-handle-start-top: calc(50% - 4px) !default;
-$slider-handle-start-left: calc(50% - 4px) !default;
-$slider-tooltip-margin: 0 !default;
-$slider-wrap-height: 18px !default;
-$slider-wrap-width: 18px !default;
-$slider-center-align: -1px !default;
-$tick-before-mobile-top: 2px !default;
-$tick-after-mobile-top: 2px !default;
-$largetick-before-mobile-top: 2px !default;
-$largetick-after-mobile-top: 2px !default;
-$slider-btn-center-align: -9px !default;
-$tick-both-top: $tick-before-top !default;
-$tick-both-left: $tick-before-left !default;
-$largetick-both-top: $largetick-after-top !default;
-$largetick-both-left: $largetick-after-left !default;
-$slider-range-height: $slider-container-height !default;
-$slider-range-width: $slider-vertical-width !default;
-$slider-range-border-radius: $slider-border-radius !default;
-$slider-first-btn-font-size: 8px !default;
-$slider-first-btn-height: 24px !default;
-$slider-first-btn-line-height: 18px !default;
-$slider-second-btn-margin-right: -1px !default;
-$slider-second-btn-font-size: 8px !default;
-$slider-second-btn-height: 24px !default;
-$slider-second-btn-line-height: 18px !default;
-$slider-button-hover-transform: 1.667 !default;
-$slider-cursor: default !default;
-$slider-handle-hover-cursor: grab !default;
-$slider-handle-active-cursor: grabbing !default;
-$slider-scale-top: calc(50% - 14px) !default;
-$slider-scale-right: 5px !default;
-$slider-tab-background: $grey-300 !default;
-$slider-handle-start-background: $grey-white !default;
-$slider-limit-bar-horizontal-height: 2px !default;
-$slider-limit-bar-top: calc(50% - 1px) !default;
-$slider-limit-bar-vertical-width: 2px !default;
-$slider-limit-bar-left: calc(50% - 1px) !default;
-$slider-limit-bar-color: rgba($grey-black, .26) !default;
-$slider-tick-font-color: $grey-light-font !default;
-
-// dummy variable declaration to avoid compilation issue in SASS
-$slider-handle-mobile-height: none !default;
-$slider-handle-mobile-width: none !default;
-$slider-button-hleft-bg-image: none !default;
-$slider-button-hright-bg-image: none !default;
-$slider-button-vdown-bg-image:  none !default;
-$slider-button-vup-bg-image:  none !default;

package/styles/slider/_tailwind-dark-definition.scss

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

package/styles/slider/_tailwind-definition.scss

@@ -1,84 +0,0 @@
-// layout variables
-$slider-height: 4px !default;
-$slider-handle-height: 12px !default;
-$slider-handle-width: 12px !default;
-$slider-handle-border-radius: 50% !default;
-$slider-handle-top: -7px !default;
-$slider-h-handle-margin: 0 !default;
-$rtl-slider-h-handle-margin: 0 -6px 0 0 !default;
-$slider-v-handle-margin: -8px !default;
-$rtl-slider-v-handle-margin: 0 !default;
-$slider-container-height: 4px !default;
-$slider-handle-box-shadow: $shadow !default;
-$slider-tooltip-padding: 2px 4px !default;
-$slider-handle-after-position: relative !default;
-$tick-after-height: 6px !default;
-$tick-after-top: -13px !default;
-$largetick-before-top: -13px !default;
-$largetick-before-height: 10px !default;
-$largetick-after-height: 10px !default;
-$largetick-after-top: 12px !default;
-$tick-before-height: 6px !default;
-$tick-before-top: 9px !default;
-$slider-vertical-width: 4px !default;
-$slider-border-radius-handle: 10px !default;
-$slider-scale-font-family: $font-family !default;
-$slider-scale-font-size: $text-xs !default;
-$slider-scale-tick-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAQSURBVHgBAQUA+v8A0tXa/wh/A4H6PSX0AAAAAElFTkSuQmCC');
-$slider-scale-tick-image-dark: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAQSURBVHgBAQUA+v8Aa3KA/wUGAl0jqQq1AAAAAElFTkSuQmCC');
-$slider-disabled-handle-show: none !default;
-$slider-button-shadow: $shadow-sm !default;
-$slider-button-horizon-padding: 0 28px !default;
-$slider-button-vertical-padding: 28px 0 !default;
-$tick-after-left: 1px !default;
-$largetick-before-left: -2px !default;
-$tick-before-left: 21px !default;
-$largetick-after-left: 21px !default;
-$slider-wrap-height: 28px !default;
-$slider-center-align: -2px !default;
-$slider-btn-center-align: -12px !default;
-$slider-range-height: $slider-container-height !default;
-$slider-range-width: $slider-vertical-width !default;
-$slider-range-border-radius: 4px !default;
-$slider-cursor: pointer !default;
-$slider-handle-hover-cursor: pointer !default;
-$slider-scale-top: 12px !default;
-$slider-tab-border: 1px solid $white !default;
-$slider-tab-active-box-shadow: $shadow-focus-ring2 !default;
-$slider-limit-bar-horizontal-height: 4px !default;
-$slider-limit-bar-top: calc(50% - 4px) !default;
-$slider-limit-bar-vertical-width: 4px !default;
-$slider-limit-bar-left: calc(50%) !default;
-
-$slider-handle-mobile-height: 16px !default;
-$slider-handle-mobile-width: 16px !default;
-$slider-handle-mobile-top: -7px !default;
-$slider-h-handle-mobile-margin: 0 !default;
-$rtl-slider-h-handle-mobile-margin: 0 !default;
-$slider-v-handle-mobile-margin: 0 !default;
-$rtl-slider-v-handle-mobile-margin: 0 !default;
-$tick-after-mobile-height: 8px !default;
-$largetick-before-mobile-height: 12px !default;
-$slider-mobile-scale-font-size: $text-sm !default;
-$slider-button-horizon-mobile-padding: 0 36px !default;
-$slider-button-vertical-mobile-padding: 36px 0 !default;
-
-//color variables
-$slider-disabled-bg-color: $content-bg-color-alt3 !default;
-$slider-button-icon-color: $icon-color !default;
-$slider-range-bar-color: $primary !default;
-$slider-range-bar-hover-color: $primary-bg-color-hover !default;
-$slider-track-color: $content-bg-color-alt3 !default;
-$slider-button-bg-color: $secondary-bg-color !default;
-$slider-button-icon-bg-color: $icon-color !default;
-$slider-normal-handle-border-color: $primary !default;
-$slider-handle-bg-color: $primary !default;
-$slider-hover-color: $content-bg-color-alt3 !default;
-$slider-handle-hover-border-color: $slider-normal-handle-border-color !default;
-$slider-handle-start-border-color: $content-bg-color-alt3 !default;
-$slider-button-border-color: $border !default;
-$slider-tab-background: $primary-bg-color-hover !default;
-$slider-tab-range-color: $primary !default;
-$slider-tab-track-color: $content-bg-color-alt3 !default;
-$slider-limit-bar-color: $overlay-bg-color !default;
-$slider-tick-font-color: $content-text-color-alt1 !default;

package/styles/slider/_theme.scss

@@ -1,240 +0,0 @@
-@include export-module('slider-theme') {
-
-  /*! component theme */
-  .e-control-wrapper.e-slider-container {
-    @if ($skin-name == 'material' or $skin-name == 'material-dark') {
-      &.e-material-slider .e-slider .e-handle.e-handle-first {
-        background: transparent;
-        border-color: transparent;
-      }
-
-      &.e-material-slider .e-slider .e-handle.e-handle-second {
-        background: transparent;
-        border-color: transparent;
-      }
-    }
-
-    .e-slider-button {
-      background-color: $slider-button-bg-color;
-      border: 1px solid $slider-button-border-color;
-      @if ($skin-name == 'tailwind' or $skin-name == 'bootstrap5') {
-        border-radius: 10px;
-        box-shadow: $slider-button-shadow;
-        height: 20px;
-        width: 20px;
-      }
-      @else {
-        border-radius: 50%;
-        @if ($skin-name == 'FluentUI') {
-          height: 16px;
-          width: 16px;
-        }
-        @else if ($skin-name == 'Material3') {
-          height: 24px;
-          width: 24px;
-          padding: 4px;
-        }
-        @else {
-          height: 18px;
-          width: 18px;
-        }
-      }
-      box-sizing: border-box;
-      cursor: pointer;
-      outline: none;
-      padding: 0;
-      position: absolute;
-      @if ($skin-name == 'bootstrap4') {
-        border: 0;
-        height: 16px;
-        width: 16px;
-      }
-    }
-
-    .e-slider-button:hover {
-      @if ($skin-name == 'highcontrast' or $skin-name == 'highcontrast-light') {
-        background-color: $slider-range-bar-color;
-        border-color: $slider-range-bar-color;
-      }
-
-      .e-button-icon::before {
-        @if ($skin-name == 'highcontrast' or $skin-name == 'highcontrast-light') {
-          color: $slider-button-icon-font-color;
-        }
-      }
-    }
-
-    .e-slider-button:active {
-      @if ($skin-name == 'highcontrast' or $skin-name == 'highcontrast-light') {
-        background-color: $slider-range-bar-color;
-      }
-
-      .e-button-icon::before {
-        @if ($skin-name == 'highcontrast' or $skin-name == 'highcontrast-light') {
-          color: $slider-button-icon-font-color;
-        }
-      }
-    }
-
-    @if ($skin-name == 'tailwind') {
-      &:not(.e-disabled) {
-        .e-slider-button {
-          &:hover {
-            background-color: $secondary-bg-color-hover;
-          }
-
-          &:active {
-            background-color: $secondary-bg-color-pressed;
-          }
-        }
-      }
-    }
-
-    .e-slider {
-      .e-range {
-        background-color: $slider-range-bar-color;
-        @if ($skin-name == 'highcontrast' or $skin-name == 'highcontrast-light') {
-          border-radius: 4px;
-        }
-      }
-
-      .e-range.e-tab-range {
-        @if $skin-name == 'fabric' or $skin-name == 'fabric-dark' or $skin-name == 'highcontrast' or $skin-name == 'highcontrast-light' or $skin-name == 'FluentUI' {
-          background-color: $slider-tab-range-color;
-        }
-      }
-
-      .e-handle {
-        background-color: $slider-handle-bg-color;
-        @if ($skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5') {
-          border: 1px solid $slider-normal-handle-border-color;
-        }
-        @if ($skin-name == 'fabric' or $skin-name == 'fabric-dark' or $skin-name == 'FluentUI') {
-          border: 2px solid $slider-normal-handle-border-color;
-        }
-        @if ($skin-name == 'highcontrast' or $skin-name == 'highcontrast-light') {
-          border: 2px solid $slider-normal-handle-border-color;
-        }
-        @if ($skin-name != 'bootstrap' and $skin-name != 'bootstrap-dark' and $skin-name != 'bootstrap5' or $skin-name != 'FluentUI') {
-          border-color: $slider-normal-handle-border-color;
-        }
-
-        &.e-material-tooltip {
-          background-color: transparent;
-          border-color: transparent;
-        }
-
-        &.e-handle-first {
-          &:hover {
-            @if ($skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark') {
-              background-color: $slider-handle-active-bg-color;
-              border-color: $slider-handle-active-border-color;
-            }
-          }
-
-          &:active {
-            @if ($skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark') {
-              background-color: $slider-handle-active-bg-color;
-              border-color: $slider-handle-active-border-color;
-            }
-          }
-        }
-
-        &.e-handle-second {
-          &:hover {
-            @if ($skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark') {
-              background-color: $slider-handle-active-bg-color;
-              border-color: $slider-handle-active-border-color;
-            }
-          }
-
-          &:active {
-            @if ($skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark') {
-              background-color: $slider-handle-active-bg-color;
-              border-color: $slider-handle-active-border-color;
-            }
-          }
-        }
-      }
-    }
-
-    .e-slider {
-      .e-handle:hover {
-        @if ($skin-name == 'highcontrast' or $skin-name == 'highcontrast-light') {
-          background-color: $slider-hover-handle-color;
-        }
-        @if ($skin-name == 'bootstrap5') {
-          background-color: $slider-hover-handle-color;
-          border-color: $slider-hover-handle-border-color;
-        }
-      }
-
-      .e-handle:active {
-        @if ($skin-name == 'highcontrast' or $skin-name == 'highcontrast-light') {
-          background-color: $slider-active-handle-bg-color;
-        }
-        @if ($skin-name == 'bootstrap5') {
-          background-color: $slider-hover-handle-color;
-          border-color: $slider-hover-handle-border-color;
-        }
-      }
-    }
-
-    &.e-slider-hover {
-      .e-slider-track {
-        @if ($skin-name != 'highcontrast' and $skin-name != 'highcontrast-light' and $skin-name != 'bootstrap4') {
-          background-color: $slider-hover-color;
-        }
-      }
-
-      .e-range {
-        @if ($skin-name != 'highcontrast' and $skin-name != 'highcontrast-light' and $skin-name != 'bootstrap4' and $skin-name != 'bootstrap5' and $skin-name != 'Material3') {
-          background-color: $slider-range-bar-hover-color;
-        }
-      }
-
-      .e-handle {
-        @if ($skin-name != 'highcontrast' and $skin-name != 'highcontrast-light' and $skin-name != 'bootstrap4') {
-          border-color: $slider-handle-hover-border-color;
-        }
-      }
-    }
-
-    &.e-disabled {
-      @if ($skin-name == 'tailwind') {
-        .e-slider {
-          .e-range {
-            background: $slider-disabled-bg-color;
-          }
-
-          .e-handle {
-            background: $slider-disabled-bg-color;
-            border-color: $slider-disabled-bg-color;
-          }
-        }
-      }
-    }
-  }
-}
-
-.e-control-wrapper.e-slider-container {
-  &:not(.e-disabled):not(.e-read-only):active {
-    .e-handle {
-      @if ($skin-name == 'fabric' or $skin-name == 'fabric-dark' or $skin-name == 'FluentUI') {
-        border-color: $slider-tab-border-color;
-      }
-    }
-
-    .e-range {
-      @if ($skin-name == 'fabric' or $skin-name == 'fabric-dark' or $skin-name == 'FluentUI') {
-        background-color: $slider-tab-range-color;
-      }
-    }
-
-    .e-slider-track {
-      @if ($skin-name == 'FluentUI' or $skin-name == 'fabric' or $skin-name == 'fabric-dark') {
-        background-color: $slider-tab-track-color;
-      }
-    }
-  }
-}

package/styles/textbox/_all.scss

@@ -1 +0,0 @@
-/* stylelint-disable-line no-empty-source */

package/styles/textbox/_bootstrap-dark-definition.scss

@@ -1 +0,0 @@
-/* stylelint-disable-line no-empty-source */

package/styles/textbox/_bootstrap-definition.scss

@@ -1 +0,0 @@
-/* stylelint-disable-line no-empty-source */

package/styles/textbox/_bootstrap4-definition.scss

@@ -1 +0,0 @@
-/* stylelint-disable-line no-empty-source */

package/styles/textbox/_bootstrap5-dark-definition.scss

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

package/styles/textbox/_bootstrap5-definition.scss

@@ -1 +0,0 @@
-/* stylelint-disable-line no-empty-source */

package/styles/textbox/_fabric-dark-definition.scss

@@ -1 +0,0 @@
-/* stylelint-disable-line no-empty-source */

package/styles/textbox/_fabric-definition.scss

@@ -1 +0,0 @@
-/* stylelint-disable-line no-empty-source */

package/styles/textbox/_fluent-dark-definition.scss

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

package/styles/textbox/_fluent-definition.scss

@@ -1 +0,0 @@
-/* stylelint-disable-line no-empty-source */

package/styles/textbox/_fusionnew-definition.scss

@@ -1 +0,0 @@
-/* stylelint-disable-line no-empty-source */

package/styles/textbox/_highcontrast-definition.scss

@@ -1 +0,0 @@
-/* stylelint-disable-line no-empty-source */

package/styles/textbox/_highcontrast-light-definition.scss

@@ -1 +0,0 @@
-/* stylelint-disable-line no-empty-source */