@syncfusion/ej2-angular-navigations 24.1.41 → 24.1.46

package/styles/context-menu/icons/_tailwind-dark.scss

@@ -1,33 +0,0 @@
-@include export-module('context-menu-tailwind-dark-icons') {
-
-  /*! contextmenu layout */
-  .e-contextmenu-wrapper,
-  .e-contextmenu-container {
-    @at-root {
-      & ul {
-        & .e-menu-item  {
-          & .e-previous {
-            &::before {
-              content: '\e773';
-            }
-          }
-
-          & .e-caret {
-            &::before {
-              content: '\e748';
-            }
-          }
-        }
-      }
-    }
-  }
-
-  .e-rtl.e-contextmenu-wrapper .e-menu-item,
-  .e-rtl.e-contextmenu-container .e-menu-item {
-    & .e-caret {
-      &::before {
-        content: '\e765';
-      }
-    }
-  }
-}

package/styles/context-menu/icons/_tailwind.scss

@@ -1,33 +0,0 @@
-@include export-module('context-menu-tailwind-icons') {
-
-  /*! contextmenu layout */
-  .e-contextmenu-wrapper,
-  .e-contextmenu-container {
-    @at-root {
-      & ul {
-        & .e-menu-item  {
-          & .e-previous {
-            &::before {
-              content: '\e773';
-            }
-          }
-
-          & .e-caret {
-            &::before {
-              content: '\e748';
-            }
-          }
-        }
-      }
-    }
-  }
-
-  .e-rtl.e-contextmenu-wrapper .e-menu-item,
-  .e-rtl.e-contextmenu-container .e-menu-item {
-    & .e-caret {
-      &::before {
-        content: '\e765';
-      }
-    }
-  }
-}

package/styles/h-scroll/_all.scss

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

package/styles/h-scroll/_bootstrap-dark-definition.scss

@@ -1,57 +0,0 @@
-//default
-$hscroll-skin: 'bootstrap' !default;
-$hscroll-default-bg: $grey-darker !default;
-$hscroll-nav-nrml-minheight: 40px !default;
-$hscroll-nav-bgr-minheight: 50px !default;
-$hscroll-mob-nav-nrml-width: 50px !default;
-$hscroll-device-arrow-width: 50px !default;
-$hscroll-device-arrow-size: 14px !default;
-$hscroll-device-arrow-icon-size: 12px !default;
-$hscroll-device-arrow-size-bigger: 14px !default;
-$hscroll-overlay-opacity: .5 !default;
-$hscroll-device-arrow-border-color: $default-border-color !default;
-$hscroll-device-arrow-rtl-box-shadow: 4px 0 8px 0 rgba($shadow, .06) !default;
-$hscroll-device-arrow-bg: $hscroll-default-bg !default;
-$hscroll-device-arrow-border-size: 0 !default;
-$hscroll-device-arrow-box-shadow: -4px 0 8px 0 rgba($shadow, .6) !default;
-$hscroll-device-arrow-color: $default-icon-color !default;
-$hscroll-overlay-bg: $hscroll-default-bg !default;
-$hscroll-overlay-start: rgba($hscroll-overlay-bg, .0001) !default;
-$hscroll-overlay-end: rgba($hscroll-overlay-bg, $hscroll-overlay-opacity) !default;
-$hscroll-right-bg: linear-gradient(to right, $hscroll-overlay-start 0, $hscroll-overlay-end 100%) !default;
-$hscroll-left-bg: linear-gradient(to right, $hscroll-overlay-end 0, $hscroll-overlay-start 100%) !default;
-$hscroll-border-size: $border-size !default;
-$hscroll-border-type: solid !default;
-$hscroll-hover-font: $hover-font-color !default;
-$hscroll-active-font-color: $active-font-color !default;
-$hscroll-nav-nrml-width: 40px !default;
-$hscroll-nav-bgr-width: 50px !default;
-$hscroll-nrml-padding: 0 $hscroll-nav-nrml-width !default;
-$hscroll-bgr-padding: 0 $hscroll-nav-bgr-width !default;
-$hscroll-box-shadow: none !default;
-
-$hscroll-default-icon-color: $grey-dark-font !default;
-$hscroll-hover-bg: $grey-light !default;
-$hscroll-press-bg: $grey-dark !default;
-$hscroll-default-border: $grey-99 !default;
-$hscroll-focus-border: 0 !default;
-$hscroll-active-border: 0 !default;
-$hscroll-hover-border: 0 !default;
-$hscroll-hover-border-color: '' !default;
-$hscroll-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !default;
-
-$hscroll-nav-hover-press-bg: $hscroll-hover-bg !default;
-$hscroll-nav-hover-icons-color: $hscroll-default-icon-color !default;
-$hscroll-nav-focus-bg-color: $hscroll-hover-bg !default;
-$hscroll-nav-focus-border: $hscroll-focus-border !default;
-$hscroll-nav-active-color: $hscroll-default-icon-color !default;
-
-@mixin hscroll-btn-animation {
-  content: '';
-}
-
-@mixin hscroll-btn-animation-after {
-  content: '';
-}
-
-//enddefault

package/styles/h-scroll/_bootstrap-definition.scss

@@ -1,56 +0,0 @@
-/*! component's theme wise override definitions and variables */
-$hscroll-skin: 'bootstrap' !default;
-$hscroll-border-type: solid !default;
-$hscroll-border-size: $border-size !default;
-$hscroll-hover-font: $hover-font-color !default;
-$hscroll-active-font-color: $active-font-color !default;
-$hscroll-default-bg: $grey-f8 !default;
-$hscroll-nav-nrml-minheight: 40px !default;
-$hscroll-nav-bgr-minheight: 50px !default;
-$hscroll-mob-nav-nrml-width: 50px !default;
-$hscroll-nav-nrml-width: 40px !default;
-$hscroll-nav-bgr-width: 50px !default;
-$hscroll-nrml-padding: 0 $hscroll-nav-nrml-width !default;
-$hscroll-bgr-padding: 0 $hscroll-nav-bgr-width !default;
-$hscroll-box-shadow: none !default;
-$hscroll-overlay-opacity: .5 !default;
-$hscroll-overlay-bg: $grey-white !default;
-$hscroll-overlay-start: rgba($hscroll-overlay-bg, 0) !default;
-$hscroll-overlay-end: rgba($hscroll-overlay-bg, 1) !default;
-$hscroll-right-bg: linear-gradient(-270deg, $hscroll-overlay-start 0%, $hscroll-overlay-end 100%) !default;
-$hscroll-left-bg:  linear-gradient(-270deg, $hscroll-overlay-end 0%, $hscroll-overlay-start 100%) !default;
-
-$hscroll-device-arrow-box-shadow: -4px 0 8px 0 rgba($shadow, .06) !default;
-$hscroll-device-arrow-rtl-box-shadow: 4px 0 8px 0 rgba($shadow, .06) !default;
-$hscroll-device-arrow-bg: $grey-f8 !default;
-$hscroll-device-arrow-border-size: 1px !default;
-$hscroll-device-arrow-border-color: $grey-cc !default;
-$hscroll-device-arrow-color: $brand-primary !default;
-$hscroll-device-arrow-size: 14px !default;
-$hscroll-device-arrow-icon-size: 12px !default;
-$hscroll-device-arrow-size-bigger: 14px !default;
-$hscroll-device-arrow-width: 52px !default;
-
-$hscroll-default-icon-color: $grey-light-font !default;
-$hscroll-hover-bg: $grey-e6 !default;
-$hscroll-press-bg: $grey-e6 !default;
-$hscroll-default-border: $grey-cc !default;
-$hscroll-focus-border: 0 !default;
-$hscroll-active-border: 0 !default;
-$hscroll-hover-border: 0 !default;
-$hscroll-hover-border-color: '' !default;
-$hscroll-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !default;
-
-$hscroll-nav-hover-press-bg: $hscroll-hover-bg !default;
-$hscroll-nav-hover-icons-color: $hscroll-default-icon-color !default;
-$hscroll-nav-focus-bg-color: $hscroll-hover-bg !default;
-$hscroll-nav-focus-border: $hscroll-focus-border !default;
-$hscroll-nav-active-color: $hscroll-default-icon-color !default;
-
-@mixin hscroll-btn-animation {
-  content: '';
-}
-
-@mixin hscroll-btn-animation-after {
-  content: '';
-}

package/styles/h-scroll/_bootstrap4-definition.scss

@@ -1,56 +0,0 @@
-/*! component's theme wise override definitions and variables */
-$hscroll-skin: 'bootstrap4' !default;
-$hscroll-border-type: solid !default;
-$hscroll-border-size: 1px !default;
-$hscroll-hover-font: $primary-font !default;
-$hscroll-active-font-color: $primary-font !default;
-$hscroll-default-bg: #f8f8f8 !default;
-$hscroll-nav-nrml-minheight: 38px !default;
-$hscroll-nav-bgr-minheight: 50px !default;
-$hscroll-mob-nav-nrml-width: 50px !default;
-$hscroll-nav-nrml-width: 32px !default;
-$hscroll-nav-bgr-width: 38px !default;
-$hscroll-nrml-padding: 0 $hscroll-nav-nrml-width !default;
-$hscroll-bgr-padding: 0 $hscroll-nav-bgr-width !default;
-$hscroll-box-shadow: none !default;
-$hscroll-overlay-opacity: .5 !default;
-$hscroll-overlay-bg: $white !default;
-$hscroll-overlay-start: rgba($hscroll-overlay-bg, 0) !default;
-$hscroll-overlay-end: rgba($hscroll-overlay-bg, 1) !default;
-$hscroll-right-bg: linear-gradient(-270deg, $hscroll-overlay-start 0%, $hscroll-overlay-end 100%) !default;
-$hscroll-left-bg:  linear-gradient(-270deg, $hscroll-overlay-end 0%, $hscroll-overlay-start 100%) !default;
-
-$hscroll-device-arrow-box-shadow: -4px 0 8px 0 rgba($gray-600, .06) !default;
-$hscroll-device-arrow-rtl-box-shadow: 4px 0 8px 0 rgba($gray-600, .06) !default;
-$hscroll-device-arrow-bg: #f8f8f8 !default;
-$hscroll-device-arrow-border-size: 1px !default;
-$hscroll-device-arrow-border-color: #ccc !default;
-$hscroll-device-arrow-color: #317ab9 !default;
-$hscroll-device-arrow-size: 14px !default;
-$hscroll-device-arrow-icon-size: 12px !default;
-$hscroll-device-arrow-size-bigger: 14px !default;
-$hscroll-device-arrow-width: 52px !default;
-
-$hscroll-default-icon-color: #333 !default;
-$hscroll-hover-bg: darken($gray-600, 7.5%) !default;
-$hscroll-press-bg:  $gray-600 !default;
-$hscroll-default-border: #ccc !default;
-$hscroll-focus-border: 1px $gray-600 !default;
-$hscroll-active-border: 3px solid $gray-500 !default;
-$hscroll-hover-border: 1px darken($gray-600, 10%) !default;
-$hscroll-hover-border-color: '' !default;
-$hscroll-active-box-shadow: none !default;
-
-$hscroll-nav-hover-press-bg: $hscroll-hover-bg !default;
-$hscroll-nav-hover-icons-color: inherit !default;
-$hscroll-nav-focus-bg-color: $hscroll-hover-bg !default;
-$hscroll-nav-focus-border: $hscroll-focus-border !default;
-$hscroll-nav-active-color: $hscroll-default-icon-color !default;
-
-@mixin hscroll-btn-animation {
-  content: '';
-}
-
-@mixin hscroll-btn-animation-after {
-  content: '';
-}

package/styles/h-scroll/_bootstrap5-dark-definition.scss

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

package/styles/h-scroll/_bootstrap5-definition.scss

@@ -1,83 +0,0 @@
-/*! component's theme wise override definitions and variables */
-$hscroll-skin: 'bootstrap5' !default;
-$border-type: solid;
-$hscroll-hover-font: $icon-color !default;
-$hscroll-active-font-color: $content-text-color-alt2 !default;
-$hscroll-default-bg: $content-bg-color-alt2 !default;
-$hscroll-press-bg: $content-bg-color-alt2 !default;
-$hscroll-active-bg: $content-bg-color-alt2 !default;
-$hscroll-border-size: 1px !default;
-$hscroll-nav-nrml-minheight: 38px !default;
-$hscroll-nav-bgr-minheight: 46px !default;
-$hscroll-mob-nav-nrml-width: 40px !default;
-$hscroll-nav-nrml-width: 32px !default;
-$hscroll-nav-bgr-width: 38px !default;
-$hscroll-nrml-padding: 0 $hscroll-nav-nrml-width !default;
-$hscroll-bgr-padding: 0 $hscroll-nav-bgr-width !default;
-$hscroll-border-type: $border-type !default;
-$hscroll-box-shadow: none !default;
-$hscroll-hover-bg: $content-bg-color-alt3 !default;
-$hscroll-hover-border-color: $border-light !default;
-$hscroll-default-icon-color: $icon-color !default;
-$hscroll-focus-border: 0 !default;
-$hscroll-active-border: 0 !default;
-$hscroll-hover-border: 0 !default;
-$hscroll-active-box-shadow: none !default;
-$hscroll-overlay-opacity: .5 !default;
-$hscroll-overlay-bg: $content-bg-color-alt2 !default;
-$hscroll-overlay-start: rgba($hscroll-overlay-bg, 0) !default;
-$hscroll-overlay-end: rgba($hscroll-overlay-bg, 1) !default;
-$hscroll-right-bg: linear-gradient(-270deg, $hscroll-overlay-start 0%, $hscroll-overlay-end 100%) !default;
-$hscroll-left-bg:  linear-gradient(-270deg, $hscroll-overlay-end 0%, $hscroll-overlay-start 100%) !default;
-
-$hscroll-device-arrow-box-shadow: $shadow !default;
-$hscroll-device-arrow-rtl-box-shadow: $shadow !default;
-$hscroll-device-arrow-bg: $content-bg-color-alt2 !default;
-$hscroll-device-arrow-border-size: 1px !default;
-$hscroll-device-arrow-border-color: $border-light !default;
-$hscroll-device-arrow-color: $icon-color !default;
-$hscroll-device-arrow-size: 18px !default;
-$hscroll-device-arrow-icon-size: 18px !default;
-$hscroll-device-arrow-size-bigger: 22px !default;
-$hscroll-device-arrow-width: 48px !default;
-
-$hscroll-default-border: $hscroll-hover-border-color !default;
-$hscroll-ribble-animation-border-frame: rgba(255, 255, 255, .5) !default;
-$hscroll-ribble-animation-shadow-frame: 0 0 0 0 $hscroll-ribble-animation-border-frame !default;
-$hscroll-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !default;
-
-$hscroll-nav-hover-press-bg: $hscroll-hover-bg !default;
-$hscroll-nav-hover-icons-color: $hscroll-default-icon-color !default;
-$hscroll-nav-focus-bg-color: $hscroll-hover-bg !default;
-$hscroll-nav-focus-border: $hscroll-focus-border !default;
-$hscroll-nav-active-color: $hscroll-default-icon-color !default;
-
-@mixin hscroll-btn-animation {
-  background-color: transparent;
-  border-radius: 50%;
-  border-width: 1px;
-  box-sizing: border-box;
-  content: '';
-  height: 1px;
-  left: 50%;
-  position: absolute;
-  top: 50%;
-  visibility: hidden;
-  width: 1px;
-}
-
-@mixin hscroll-btn-animation-after {
-  animation: hscroll-popup-shadow .6s ease-out 0ms;
-  visibility: visible;
-}
-
-@keyframes hscroll-popup-shadow {
-  0% {
-    border-color: $hscroll-ribble-animation-border-frame;
-    box-shadow: $hscroll-ribble-animation-shadow-frame;
-  }
-
-  100% {
-    box-shadow: $hscroll-ribble-animation-shadow-frame-end;
-  }
-}

package/styles/h-scroll/_fabric-dark-definition.scss

@@ -1,58 +0,0 @@
-//default
-$hscroll-skin: 'fabric' !default;
-$hscroll-default-bg: $neutral-lighter !default;
-$hscroll-press-bg: $neutral-quintenary !default;
-$hscroll-active-bg: $neutral-light !default;
-$hscroll-nav-nrml-minheight: 40px !default;
-$hscroll-nav-bgr-minheight: 50px !default;
-$hscroll-mob-nav-nrml-width: 50px !default;
-$hscroll-device-arrow-width: 50px !default;
-$hscroll-device-arrow-size: 14px !default;
-$hscroll-device-arrow-icon-size: 14px !default;
-$hscroll-device-arrow-size-bigger: 18px !default;
-$hscroll-overlay-opacity: .5 !default;
-$hscroll-device-arrow-border-color: $default-border-color !default;
-$hscroll-device-arrow-rtl-box-shadow: 4px 0 8px 0 rgba($shadow, .06) !default;
-$hscroll-device-arrow-bg: $hscroll-default-bg !default;
-$hscroll-device-arrow-border-size: 0 !default;
-$hscroll-device-arrow-box-shadow: -4px 0 8px 0 rgba($shadow, .6) !default;
-$hscroll-device-arrow-color: $default-icon-color !default;
-$hscroll-overlay-bg: $hscroll-default-bg !default;
-$hscroll-overlay-start: rgba($hscroll-overlay-bg, .0001) !default;
-$hscroll-overlay-end: rgba($hscroll-overlay-bg, $hscroll-overlay-opacity) !default;
-$hscroll-right-bg: linear-gradient(to right, $hscroll-overlay-start 0, $hscroll-overlay-end 100%) !default;
-$hscroll-left-bg: linear-gradient(to right, $hscroll-overlay-end 0, $hscroll-overlay-start 100%) !default;
-$hscroll-border-size: $border-size !default;
-$hscroll-border-type: solid !default;
-$hscroll-hover-font: $hover-font-color !default;
-$hscroll-active-font-color: $active-font-color !default;
-$hscroll-nav-nrml-width: 40px !default;
-$hscroll-nav-bgr-width: 50px !default;
-$hscroll-nrml-padding: 0 $hscroll-nav-nrml-width !default;
-$hscroll-bgr-padding: 0 $hscroll-nav-bgr-width !default;
-$hscroll-border-size: 1px !default;
-$hscroll-default-border: $neutral-light !default;
-$hscroll-box-shadow: none !default;
-$hscroll-hover-bg: $neutral-light !default;
-$hscroll-hover-border-color: '' !default;
-$hscroll-focus-border: 0 !default;
-$hscroll-active-border: 0 !default;
-$hscroll-hover-border: 0 !default;
-$hscroll-active-box-shadow: none !default;
-$hscroll-default-icon-color: $theme-primary-font !default;
-
-$hscroll-nav-hover-press-bg: $hscroll-hover-bg !default;
-$hscroll-nav-hover-icons-color: $hscroll-default-icon-color !default;
-$hscroll-nav-focus-bg-color: $hscroll-hover-bg !default;
-$hscroll-nav-focus-border: $hscroll-focus-border !default;
-$hscroll-nav-active-color: $hscroll-default-icon-color !default;
-
-@mixin hscroll-btn-animation {
-  content: '';
-}
-
-@mixin hscroll-btn-animation-after {
-  content: '';
-}
-
-//enddefault

package/styles/h-scroll/_fabric-definition.scss

@@ -1,55 +0,0 @@
-$hscroll-skin: 'fabric' !default;
-$hscroll-border-type: solid !default;
-$hscroll-hover-font: $hover-font-color !default;
-$hscroll-active-font-color: $active-font-color !default;
-$hscroll-default-bg: $neutral-white !default;
-$hscroll-press-bg: $theme-lighter !default;
-$hscroll-active-bg: $neutral-lighter !default;
-$hscroll-nav-nrml-minheight: 40px !default;
-$hscroll-nav-bgr-minheight: 50px !default;
-$hscroll-mob-nav-nrml-width: 50px !default;
-$hscroll-nav-nrml-width: 40px !default;
-$hscroll-nav-bgr-width: 50px !default;
-$hscroll-nrml-padding: 0 $hscroll-nav-nrml-width !default;
-$hscroll-bgr-padding: 0 $hscroll-nav-bgr-width !default;
-$hscroll-border-size: 1px !default;
-$hscroll-default-border: $neutral-tertiary !default;
-$hscroll-box-shadow: none !default;
-$hscroll-hover-bg: $neutral-lighter !default;
-$hscroll-hover-border-color: '' !default;
-$hscroll-focus-border: 0 !default;
-$hscroll-active-border: 0 !default;
-$hscroll-hover-border: 0 !default;
-$hscroll-active-box-shadow: none !default;
-$hscroll-default-icon-color: $theme-light-font !default;
-$hscroll-overlay-opacity: .5 !default;
-$hscroll-overlay-bg: $neutral-white !default;
-$hscroll-overlay-start: rgba($hscroll-overlay-bg, 0) !default;
-$hscroll-overlay-end: rgba($hscroll-overlay-bg, 1) !default;
-$hscroll-right-bg: linear-gradient(-270deg, $hscroll-overlay-start 0%, $hscroll-overlay-end 100%) !default;
-$hscroll-left-bg:  linear-gradient(-270deg, $hscroll-overlay-end 0%, $hscroll-overlay-start 100%) !default;
-
-$hscroll-device-arrow-box-shadow: -4px 0 8px 0 rgba($shadow, .06) !default;
-$hscroll-device-arrow-rtl-box-shadow: 4px 0 8px 0 rgba($shadow, .06) !default;
-$hscroll-device-arrow-bg: $neutral-white !default;
-$hscroll-device-arrow-border-size: 1px !default;
-$hscroll-device-arrow-border-color: $neutral-quintenaryalt !default;
-$hscroll-device-arrow-color: $theme-primary !default;
-$hscroll-device-arrow-size: 14px !default;
-$hscroll-device-arrow-icon-size: 14px !default;
-$hscroll-device-arrow-size-bigger: 18px !default;
-$hscroll-device-arrow-width: 52px !default;
-
-$hscroll-nav-hover-press-bg: $hscroll-hover-bg !default;
-$hscroll-nav-hover-icons-color: $hscroll-default-icon-color !default;
-$hscroll-nav-focus-bg-color: $hscroll-hover-bg !default;
-$hscroll-nav-focus-border: $hscroll-focus-border !default;
-$hscroll-nav-active-color: $hscroll-default-icon-color !default;
-
-@mixin hscroll-btn-animation {
-  content: '';
-}
-
-@mixin hscroll-btn-animation-after {
-  content: '';
-}

package/styles/h-scroll/_fluent-dark-definition.scss

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

package/styles/h-scroll/_fluent-definition.scss

@@ -1,83 +0,0 @@
-/*! component's theme wise override definitions and variables */
-$hscroll-skin: 'FluentUI' !default;
-$border-type: solid;
-$hscroll-hover-font: $icon-color !default;
-$hscroll-active-font-color: $content-text-color-alt2 !default;
-$hscroll-default-bg: $content-bg-color-alt2 !default;
-$hscroll-press-bg: $content-bg-color-alt2 !default;
-$hscroll-active-bg: $content-bg-color-alt2 !default;
-$hscroll-border-size: 1px !default;
-$hscroll-nav-nrml-minheight: 38px !default;
-$hscroll-nav-bgr-minheight: 48px !default;
-$hscroll-mob-nav-nrml-width: 40px !default;
-$hscroll-nav-nrml-width: 28px !default;
-$hscroll-nav-bgr-width: 48px !default;
-$hscroll-nrml-padding: 0 $hscroll-nav-nrml-width !default;
-$hscroll-bgr-padding: 0 $hscroll-nav-bgr-width !default;
-$hscroll-border-type: $border-type !default;
-$hscroll-box-shadow: none !default;
-$hscroll-hover-bg: $content-bg-color-alt3 !default;
-$hscroll-hover-border-color: $border-light !default;
-$hscroll-default-icon-color: $icon-color !default;
-$hscroll-focus-border: 0 !default;
-$hscroll-active-border: 0 !default;
-$hscroll-hover-border: 0 !default;
-$hscroll-active-box-shadow: none !default;
-$hscroll-overlay-opacity: .5 !default;
-$hscroll-overlay-bg: $content-bg-color-alt2 !default;
-$hscroll-overlay-start: rgba($hscroll-overlay-bg, 0) !default;
-$hscroll-overlay-end: rgba($hscroll-overlay-bg, 1) !default;
-$hscroll-right-bg: linear-gradient(-270deg, $hscroll-overlay-start 0%, $hscroll-overlay-end 100%) !default;
-$hscroll-left-bg:  linear-gradient(-270deg, $hscroll-overlay-end 0%, $hscroll-overlay-start 100%) !default;
-
-$hscroll-device-arrow-box-shadow: $shadow !default;
-$hscroll-device-arrow-rtl-box-shadow: $shadow !default;
-$hscroll-device-arrow-bg: $content-bg-color-alt2 !default;
-$hscroll-device-arrow-border-size: 1px !default;
-$hscroll-device-arrow-border-color: $border-light !default;
-$hscroll-device-arrow-color: $icon-color !default;
-$hscroll-device-arrow-size: 18px !default;
-$hscroll-device-arrow-icon-size: 12px !default;
-$hscroll-device-arrow-size-bigger: 22px !default;
-$hscroll-device-arrow-width: 48px !default;
-
-$hscroll-default-border: $hscroll-hover-border-color !default;
-$hscroll-ribble-animation-border-frame: rgba(255, 255, 255, .5) !default;
-$hscroll-ribble-animation-shadow-frame: 0 0 0 0 $hscroll-ribble-animation-border-frame !default;
-$hscroll-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !default;
-
-$hscroll-nav-hover-press-bg: $hscroll-hover-bg !default;
-$hscroll-nav-hover-icons-color: $hscroll-default-icon-color !default;
-$hscroll-nav-focus-bg-color: $hscroll-hover-bg !default;
-$hscroll-nav-focus-border: $hscroll-focus-border !default;
-$hscroll-nav-active-color: $hscroll-default-icon-color !default;
-
-@mixin hscroll-btn-animation {
-  background-color: transparent;
-  border-radius: 50%;
-  border-width: 1px;
-  box-sizing: border-box;
-  content: '';
-  height: 1px;
-  left: 50%;
-  position: absolute;
-  top: 50%;
-  visibility: hidden;
-  width: 1px;
-}
-
-@mixin hscroll-btn-animation-after {
-  animation: hscroll-popup-shadow .6s ease-out 0ms;
-  visibility: visible;
-}
-
-@keyframes hscroll-popup-shadow {
-  0% {
-    border-color: $hscroll-ribble-animation-border-frame;
-    box-shadow: $hscroll-ribble-animation-shadow-frame;
-  }
-
-  100% {
-    box-shadow: $hscroll-ribble-animation-shadow-frame-end;
-  }
-}

package/styles/h-scroll/_fusionnew-definition.scss

@@ -1,83 +0,0 @@
-/*! component's theme wise override definitions and variables */
-$hscroll-skin: 'bootstrap5' !default;
-$border-type: solid;
-$hscroll-hover-font: $icon-color !default;
-$hscroll-active-font-color: $content-text-color-alt2 !default;
-$hscroll-default-bg: $content-bg-color-alt2 !default;
-$hscroll-press-bg: $content-bg-color-alt2 !default;
-$hscroll-active-bg: $content-bg-color-alt2 !default;
-$hscroll-border-size: 1px !default;
-$hscroll-nav-nrml-minheight: 38px !default;
-$hscroll-nav-bgr-minheight: 46px !default;
-$hscroll-mob-nav-nrml-width: 40px !default;
-$hscroll-nav-nrml-width: 32px !default;
-$hscroll-nav-bgr-width: 38px !default;
-$hscroll-nrml-padding: 0 $hscroll-nav-nrml-width !default;
-$hscroll-bgr-padding: 0 $hscroll-nav-bgr-width !default;
-$hscroll-border-type: $border-type !default;
-$hscroll-box-shadow: none !default;
-$hscroll-hover-bg: $content-bg-color-alt3 !default;
-$hscroll-hover-border-color: $border-light !default;
-$hscroll-default-icon-color: $icon-color !default;
-$hscroll-focus-border: 0 !default;
-$hscroll-active-border: 0 !default;
-$hscroll-hover-border: 0 !default;
-$hscroll-active-box-shadow: none !default;
-$hscroll-overlay-opacity: .5 !default;
-$hscroll-overlay-bg: $content-bg-color-alt2 !default;
-$hscroll-overlay-start: rgba($hscroll-overlay-bg, 0) !default;
-$hscroll-overlay-end: rgba($hscroll-overlay-bg, 1) !default;
-$hscroll-right-bg: linear-gradient(-270deg, $hscroll-overlay-start 0%, $hscroll-overlay-end 100%) !default;
-$hscroll-left-bg:  linear-gradient(-270deg, $hscroll-overlay-end 0%, $hscroll-overlay-start 100%) !default;
-
-$hscroll-device-arrow-box-shadow: $shadow !default;
-$hscroll-device-arrow-rtl-box-shadow: $shadow !default;
-$hscroll-device-arrow-bg: $content-bg-color-alt2 !default;
-$hscroll-device-arrow-border-size: 1px !default;
-$hscroll-device-arrow-border-color: $border-light !default;
-$hscroll-device-arrow-color: $icon-color !default;
-$hscroll-device-arrow-size: 18px !default;
-$hscroll-device-arrow-icon-size: 18px !default;
-$hscroll-device-arrow-size-bigger: 22px !default;
-$hscroll-device-arrow-width: 48px !default;
-
-$hscroll-default-border: $hscroll-hover-border-color !default;
-$hscroll-ribble-animation-border-frame: rgba(255, 255, 255, .5) !default;
-$hscroll-ribble-animation-shadow-frame: 0 0 0 0 $hscroll-ribble-animation-border-frame !default;
-$hscroll-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !default;
-
-$hscroll-nav-hover-press-bg: $hscroll-hover-bg !default;
-$hscroll-nav-hover-icons-color: $hscroll-default-icon-color !default;
-$hscroll-nav-focus-bg-color: $hscroll-hover-bg !default;
-$hscroll-nav-focus-border: $hscroll-focus-border !default;
-$hscroll-nav-active-color: $hscroll-default-icon-color !default;
-
-@mixin hscroll-btn-animation {
-  background-color: transparent;
-  border-radius: 50%;
-  border-width: 1px;
-  box-sizing: border-box;
-  content: '';
-  height: 1px;
-  left: 50%;
-  position: absolute;
-  top: 50%;
-  visibility: hidden;
-  width: 1px;
-}
-
-@mixin hscroll-btn-animation-after {
-  animation: hscroll-popup-shadow .6s ease-out 0ms;
-  visibility: visible;
-}
-
-@keyframes hscroll-popup-shadow {
-  0% {
-    border-color: $hscroll-ribble-animation-border-frame;
-    box-shadow: $hscroll-ribble-animation-shadow-frame;
-  }
-
-  100% {
-    box-shadow: $hscroll-ribble-animation-shadow-frame-end;
-  }
-}

package/styles/h-scroll/_highcontrast-definition.scss

@@ -1,56 +0,0 @@
-$hscroll-skin: 'highcontrast' !default;
-$hscroll-border-type: solid !default;
-$hscroll-hover-font: $hover-font-color !default;
-$hscroll-active-font-color: $active-font-color !default;
-$hscroll-default-bg: $bg-base-0 !default;
-$hscroll-press-bg: $selection-bg !default;
-$hscroll-active-bg: $selection-bg !default;
-$hscroll-nav-nrml-minheight: 40px !default;
-$hscroll-nav-bgr-minheight: 50px !default;
-$hscroll-mob-nav-nrml-width: 50px !default;
-$hscroll-nav-nrml-width: 40px !default;
-$hscroll-nav-bgr-width: 50px !default;
-$hscroll-nrml-padding: 0 $hscroll-nav-nrml-width !default;
-$hscroll-bgr-padding: 0 $hscroll-nav-bgr-width !default;
-$hscroll-border-size: 1px !default;
-$hscroll-default-border: $border-fg !default;
-$hscroll-box-shadow: none !default;
-$hscroll-hover-bg: $hover-bg !default;
-$hscroll-hover-border-color: '' !default;
-$hscroll-focus-border: 0 !default;
-$hscroll-active-border: 0 !default;
-$hscroll-hover-border: 0 !default;
-$hscroll-active-box-shadow: none !default;
-$hscroll-default-icon-color: $bg-base-100 !default;
-$hscroll-overlay-opacity: .5 !default;
-$hscroll-overlay-bg: $bg-base-10 !default;
-$hscroll-overlay-start: rgba($hscroll-overlay-bg, 0) !default;
-$hscroll-overlay-end: rgba($hscroll-overlay-bg, 1) !default;
-$hscroll-right-bg: linear-gradient(-270deg, $hscroll-overlay-start 0%, $hscroll-overlay-end 100%) !default;
-$hscroll-left-bg:  linear-gradient(-270deg, $hscroll-overlay-end 0%, $hscroll-overlay-start 100%) !default;
-$hscroll-nav-hover-border-color: $hover-border !default;
-$hscroll-nav-active-color: $selection-font !default;
-$hscroll-nav-focus-bg-color: inherit !default;
-
-$hscroll-device-arrow-box-shadow: -4px 0 8px 0 rgba($shadow, .06) !default;
-$hscroll-device-arrow-rtl-box-shadow: 4px 0 8px 0 rgba($shadow, .06) !default;
-$hscroll-device-arrow-bg: $bg-base-15 !default;
-$hscroll-device-arrow-border-size: 1px !default;
-$hscroll-device-arrow-border-color: $border-fg !default;
-$hscroll-device-arrow-color: $selection-bg !default;
-$hscroll-device-arrow-size: 14px !default;
-$hscroll-device-arrow-icon-size: 12px !default;
-$hscroll-device-arrow-size-bigger: 18px !default;
-$hscroll-device-arrow-width: 52px !default;
-
-$hscroll-nav-hover-press-bg: $hscroll-press-bg !default;
-$hscroll-nav-hover-icons-color: $hscroll-default-icon-color !default;
-$hscroll-nav-focus-border: 2px solid #fff;
-
-@mixin hscroll-btn-animation {
-  content: '';
-}
-
-@mixin hscroll-btn-animation-after {
-  content: '';
-}