@syncfusion/ej2-angular-navigations 20.4.49 → 20.4.51-ngcc

package/styles/context-menu/_highcontrast-definition.scss

@@ -1,50 +0,0 @@
-$cmenu-back-icon: '\e962' !default;
-$cmenu-back-icon-margin: 12px !default;
-$cmenu-bigger-caret-font-size: 12px !default;
-$cmenu-bigger-font-size: 15px !default;
-$cmenu-bigger-li-height: 48px !default;
-$cmenu-bigger-max-width: 280px !default;
-$cmenu-bigger-min-width: 112px !default;
-$cmenu-caret-font-size: 10px !default;
-$cmenu-caret-blank-icon: 10px !default;
-$cmenu-caret-color:  $content-font !default;
-$cmenu-caret-icon: '\e219' !default;
-$cmenu-caret-icon-rtl: '\e98f' !default;
-$cmenu-caret-li-padding: 36px !default;
-$cmenu-caret-right: 5px !default;
-$cmenu-color: $content-font !default;
-$cmenu-disable-text: $disable !default;
-$cmenu-font-size: 14px !default;
-$cmenu-font-weight: normal !default;
-$cmenu-icon-margin-right: 10px !default;
-$cmenu-li-bgcolor: $hover-bg !default;
-$cmenu-li-border-color:  $border-default !default;
-$cmenu-li-border-style: solid !default;
-$cmenu-li-border-width: 1px !default;
-$cmenu-li-height: 36px !default;
-$cmenu-li-padding: 0 10px !default;
-$cmenu-li-right-padding: 10px !default;
-$cmenu-li-selection-bgcolor:  $selection-bg !default;
-$cmenu-li-selection-font-color: $content-font !default;
-$cmenu-max-width: 240px !default;
-$cmenu-icon-color: $content-font !default;
-$cmenu-icon-disabled-color: $disable !default;
-$cmenu-icon-font-size: 16px !default;
-$cmenu-icon-bigger-font-size: 18px !default;
-$cmenu-min-width: 120px !default;
-$cmenu-parent-ul-box-shadow:  0 0 10px 0 rgba($bg-base-0, .2) !default;
-$cmenu-selected-color: $selection-font !default;
-$cmenu-seperator-padding: 0 !default;
-$cmenu-seperator-bigger-padding: 0 !default;
-$cmenu-sub-ul-box-shadow: 0 0 10px 0 rgba($bg-base-0, .2) !default;
-$cmenu-ul-bgcolor: $bg-base-0 !default;
-$cmenu-ul-border: 1px solid $border-default !default;
-$cmenu-ul-border-radius: 0 !default;
-$cmenu-ul-padding: 0 !default;
-$cmenu-ul-bigger-padding: 0 !default;
-$cmenu-li-hover-outline: 1px solid $cmenu-li-border-color !default;
-$cmenu-caret-hover-color: $selection-font !default;
-$cmenu-hover-icon-color: $selection-font !default;
-$cmenu-li-hover-outline-offset: -1px !default;
-$cmenu-li-selected-outline: 0 solid $selection-bg !default;
-$cmenu-li-selected-outline-offset: 0 !default;

package/styles/context-menu/_highcontrast-light-definition.scss

@@ -1,53 +0,0 @@
-//default
-$cmenu-back-icon: '\e962';
-$cmenu-back-icon-margin: 12px;
-$cmenu-bigger-caret-font-size: 12px;
-$cmenu-bigger-font-size: 15px;
-$cmenu-bigger-li-height: 48px;
-$cmenu-bigger-max-width: 280px;
-$cmenu-bigger-min-width: 112px;
-$cmenu-caret-blank-icon: 10px;
-$cmenu-caret-color:  $content-font;
-$cmenu-caret-icon: '\e219';
-$cmenu-caret-icon-rtl: '\e98f';
-$cmenu-caret-li-padding: 36px;
-$cmenu-caret-right: 5px;
-$cmenu-color: $content-font;
-$cmenu-disable-text: $disable;
-$cmenu-font-size: 14px;
-$cmenu-font-weight: normal;
-$cmenu-icon-margin-right: 10px;
-$cmenu-li-bgcolor: $hover-bg;
-$cmenu-li-border-color:  $border-default;
-$cmenu-li-border-style: solid;
-$cmenu-li-border-width: 1px;
-$cmenu-li-height: 36px;
-$cmenu-li-padding: 0 10px;
-$cmenu-li-right-padding: 10px;
-$cmenu-li-selection-bgcolor:  $selection-bg;
-$cmenu-li-selection-font-color: $content-font;
-$cmenu-max-width: 240px;
-$cmenu-icon-color: $content-font;
-$cmenu-icon-disabled-color: $disable;
-$cmenu-icon-font-size: 16px;
-$cmenu-icon-bigger-font-size: 18px;
-$cmenu-min-width: 120px;
-$cmenu-parent-ul-box-shadow:  0 0 10px 0 rgba($bg-base-0, .2);
-$cmenu-selected-color: $selection-font;
-$cmenu-seperator-padding: 0;
-$cmenu-seperator-bigger-padding: 0;
-$cmenu-sub-ul-box-shadow: 0 0 10px 0 rgba($bg-base-0, .2);
-$cmenu-ul-bgcolor: $bg-base-0;
-$cmenu-ul-border: 1px solid $border-default;
-$cmenu-ul-border-radius: 0;
-$cmenu-ul-padding: 0;
-$cmenu-ul-bigger-padding: 0;
-$cmenu-li-hover-outline: 1px solid $cmenu-li-border-color;
-$cmenu-caret-hover-color: $selection-font;
-$cmenu-hover-icon-color: $selection-font;
-$cmenu-li-hover-outline-offset: -1px;
-$cmenu-li-selected-outline: 0 solid $selection-bg;
-$cmenu-li-selected-outline-offset: 0;
-$cmenu-caret-font-size: 12px !default;
-
-//enddefault

package/styles/context-menu/_layout-mixin.scss

@@ -1,168 +0,0 @@
-@mixin ul-layout {
-  font-weight: $cmenu-font-weight;
-  list-style-image: none;
-  list-style-position: outside;
-  list-style-type: none;
-  margin: 0;
-  overflow: hidden;
-  user-select: none;
-
-  &.e-ul,
-  &.e-ul * {
-    box-sizing: border-box;
-
-    &:focus {
-      outline: none;
-    }
-  }
-}
-
-@mixin ul-size {
-  font-size: $cmenu-font-size;
-  padding: $cmenu-ul-padding;
-}
-
-@mixin li-layout {
-  cursor: pointer;
-  position: relative;
-
-  &.e-menu-hide {
-    display: none;
-  }
-
-  &.e-menu-header {
-    border-bottom-style: $cmenu-li-border-style;
-    border-bottom-width: $cmenu-li-border-width;
-  }
-
-  & .e-menu-url {
-    text-decoration: none;
-  }
-
-  & .e-menu-icon {
-    display: inline-block;
-    vertical-align: middle;
-  }
-
-  &.e-separator {
-    cursor: auto;
-    line-height: normal;
-    pointer-events: none;
-  }
-}
-
-@mixin li-size {
-  height: $cmenu-li-height;
-  line-height: $cmenu-li-height;
-  padding: $cmenu-li-padding;
-
-  & .e-menu-url {
-    display: inline-block;
-    min-width: 120px;
-  }
-
-  & .e-menu-icon {
-    font-size: $cmenu-icon-font-size;
-    line-height: $cmenu-li-height;
-    margin-right: $cmenu-icon-margin-right;
-    width: 1em;
-  }
-
-  & .e-caret {
-    line-height: $cmenu-li-height;
-    margin-left: 16px;
-    margin-right: 0;
-    position: absolute;
-    right: $cmenu-caret-right;
-  }
-
-  &.e-menu-caret-icon {
-    padding-right: $cmenu-caret-li-padding;
-  }
-
-  &.e-separator {
-    @include separator-size;
-    margin: $cmenu-seperator-padding;
-  }
-}
-
-@mixin separator-size {
-  border-bottom-style: $cmenu-li-border-style;
-  border-bottom-width: $cmenu-li-border-width;
-  height: auto;
-}
-
-@mixin separator-bigger-size {
-  height: auto;
-  line-height: normal;
-}
-
-@mixin rtl-li-layout {
-  & .e-menu-icon {
-    margin-right: 0;
-  }
-
-  & .e-caret {
-    margin-left: 0;
-    margin-right: 16px;
-    right: auto;
-  }
-}
-
-@mixin rtl-li-size {
-  & .e-menu-icon {
-    margin-left: $cmenu-icon-margin-right;
-  }
-
-  & .e-caret {
-    left: $cmenu-caret-right;
-  }
-
-  &.e-menu-caret-icon {
-    padding-left: $cmenu-caret-li-padding;
-    padding-right: $cmenu-li-right-padding;
-  }
-
-  &.e-blankicon {
-    padding-left: $cmenu-caret-blank-icon;
-
-    &.e-menu-caret-icon {
-      padding-left: $cmenu-caret-li-padding;
-    }
-  }
-}
-
-@mixin bigger-ul-size {
-  font-size: $cmenu-bigger-font-size;
-  padding: $cmenu-ul-bigger-padding;
-  white-space: nowrap;
-}
-
-@mixin bigger-li-size {
-  height: $cmenu-bigger-li-height;
-  line-height: $cmenu-bigger-li-height;
-
-  & .e-menu-icon {
-    font-size: $cmenu-icon-bigger-font-size;
-    line-height: $cmenu-bigger-li-height;
-    @if $skin-name == 'tailwind' {
-      margin-right: $cmenu-icon-bigger-margin-right;
-    }
-  }
-
-  & .e-caret {
-    line-height: $cmenu-bigger-li-height;
-  }
-
-  &.e-separator {
-    @include separator-bigger-size;
-  }
-}
-
-@mixin bigger-rtl-blank-icon {
-  padding-left: $cmenu-caret-blank-icon;
-
-  &.e-menu-caret-icon {
-    padding-left: $cmenu-caret-li-padding;
-  }
-}

package/styles/context-menu/_layout.scss

@@ -1,147 +0,0 @@
-@import 'layout-mixin.scss';
-@include export-module('contextmenu-layout') {
-
-  /*! contextmenu layout */
-  .e-contextmenu-wrapper,
-  .e-contextmenu-container {
-    @at-root {
-      & ul {
-        @include ul-layout;
-        @include ul-size;
-        border: $cmenu-ul-border;
-        border-radius: $cmenu-ul-border-radius;
-        box-shadow: $cmenu-sub-ul-box-shadow;
-        display: none;
-        min-width: $cmenu-min-width;
-        position: absolute;
-
-        &.e-contextmenu {
-          box-shadow: $cmenu-parent-ul-box-shadow;
-          @if $skin-name == 'bootstrap5' or $skin-name == 'tailwind' {
-            padding: 4px 0;
-          }
-        }
-
-        &.e-ul {
-          font-family: $font-family;
-        }
-
-        & .e-menu-item  {
-          @include li-layout;
-          @include li-size;
-
-          & .e-caret {
-            font-size: $cmenu-caret-font-size;
-          }
-
-          & .e-previous {
-            margin-right: $cmenu-back-icon-margin;
-          }
-
-          &.e-disabled {
-            cursor: auto;
-            pointer-events: none;
-          }
-        }
-
-        .e-menu-item .e-checkbox-wrapper {
-          width: max-content;
-        }
-      }
-    }
-
-    &.e-sfcontextmenu {
-      position: absolute;
-
-      & .e-menu-vscroll {
-        position: absolute;
-      }
-
-      & ul {
-        white-space: nowrap;
-
-        &.e-transparent {
-          background: transparent;
-          border: 0;
-          box-shadow: none;
-          height: 1px;
-          left: 0;
-          min-width: 0;
-          padding: 0;
-          top: 0;
-          width: 0;
-        }
-
-        &.e-transparent .e-menu-item {
-          height: 0;
-          padding: 0;
-        }
-
-        &.e-transparent .e-menu-item.e-separator {
-          border: 0;
-          margin: 0;
-        }
-      }
-    }
-
-    &:not(.e-menu-container) {
-
-      & .e-menu-vscroll.e-vscroll {
-        box-shadow: $cmenu-parent-ul-box-shadow;
-
-        & .e-vscroll-bar {
-          height: 100%;
-          width: inherit;
-        }
-
-        & .e-scroll-nav {
-          height: 16px;
-        }
-
-        &:not(.e-scroll-device) {
-          padding: 16px 0;
-        }
-
-        & ul {
-          box-shadow: none;
-          margin-top: -12px;
-          width: inherit;
-        }
-      }
-    }
-  }
-
-  .e-rtl.e-contextmenu-wrapper .e-menu-item,
-  .e-rtl.e-contextmenu-container .e-menu-item {
-    @include rtl-li-layout;
-    @include rtl-li-size;
-  }
-
-  .e-bigger .e-contextmenu-wrapper ul,
-  .e-bigger.e-contextmenu-wrapper ul,
-  .e-bigger .e-contextmenu-container ul,
-  .e-bigger.e-contextmenu-container ul {
-    @include bigger-ul-size;
-    box-shadow: $cmenu-parent-ul-box-shadow;
-    max-width: $cmenu-bigger-max-width;
-    min-width: $cmenu-bigger-min-width;
-    @if $skin-name == 'bootstrap5' {
-      padding: 8px 0;
-    }
-
-    & .e-menu-item  {
-      @include bigger-li-size;
-
-      & .e-caret {
-        font-size: $cmenu-bigger-caret-font-size;
-      }
-    }
-  }
-
-  .e-bigger .e-contextmenu-wrapper.e-rtl ul .e-blankicon,
-  .e-bigger.e-contextmenu-wrapper.e-rtl ul .e-blankicon,
-  .e-bigger .e-contextmenu-container.e-rtl ul .e-blankicon,
-  .e-bigger.e-contextmenu-container.e-rtl ul .e-blankicon {
-    @include bigger-rtl-blank-icon;
-  }
-}

package/styles/context-menu/_material-dark-definition.scss

@@ -1,53 +0,0 @@
-//default
-$cmenu-back-icon: '\e977' !default;
-$cmenu-back-icon-margin: 16px !default;
-$cmenu-bigger-caret-font-size: 12px !default;
-$cmenu-bigger-font-size: 15px !default;
-$cmenu-bigger-li-height: 48px !default;
-$cmenu-bigger-max-width: 280px !default;
-$cmenu-bigger-min-width: 112px !default;
-$cmenu-caret-font-size: 12px !default;
-$cmenu-caret-color: rgba($grey-dark-font, .7) !default;
-$cmenu-caret-icon: '\e956' !default;
-$cmenu-caret-icon-rtl: '\e937' !default;
-$cmenu-caret-li-padding: 36px !default;
-$cmenu-caret-right: 8px !default;
-$cmenu-caret-blank-icon: 16px !default;
-$cmenu-color: $grey-dark-font !default;
-$cmenu-disable-text: rgba($grey-dark-font, .3) !default;
-$cmenu-font-size: 14px !default;
-$cmenu-font-weight: normal !default;
-$cmenu-icon-margin-right: 10px !default;
-$cmenu-li-bgcolor: rgba($grey-white, .1) !default;
-$cmenu-li-border-color: $grey-700 !default;
-$cmenu-li-border-style: solid !default;
-$cmenu-li-border-width: 1px !default;
-$cmenu-li-height: 36px !default;
-$cmenu-li-padding: 0 16px !default;
-$cmenu-li-right-padding: 16px !default;
-$cmenu-li-selection-bgcolor: rgba($grey-white, .18) !default;
-$cmenu-li-selection-font-color: $grey-dark-font !default;
-$cmenu-max-width: 240px !default;
-$cmenu-icon-color: rgba($grey-dark-font, .7) !default;
-$cmenu-icon-disabled-color: rgba($grey-dark-font, .3) !default;
-$cmenu-icon-font-size: 14px !default;
-$cmenu-icon-bigger-font-size: 16px !default;
-$cmenu-min-width: 120px !default;
-$cmenu-parent-ul-box-shadow: 0 3px 8px 0 rgba($grey-black, .26) !default;
-$cmenu-seperator-padding: 8px 0 !default;
-$cmenu-seperator-bigger-padding: 8px 0 !default;
-$cmenu-selected-color: $grey-dark-font !default;
-$cmenu-sub-ul-box-shadow: 0 8px 10px 0 rgba($grey-black, .24) !default;
-$cmenu-ul-bgcolor: $grey-800 !default;
-$cmenu-ul-border-radius: 0 !default;
-$cmenu-ul-border: none !default;
-$cmenu-ul-padding: 0 !default;
-$cmenu-ul-bigger-padding: 8px 0 !default;
-$cmenu-li-hover-outline: 0 solid $cmenu-li-border-color !default;
-$cmenu-caret-hover-color: $grey-dark-font !default;
-$cmenu-hover-icon-color: $grey-dark-font !default;
-$cmenu-li-hover-outline-offset: 0 !default;
-$cmenu-li-selected-outline: 0 solid $cmenu-li-selection-bgcolor !default;
-$cmenu-li-selected-outline-offset: 0 !default;
-
-//enddefault

package/styles/context-menu/_material-definition.scss

@@ -1,50 +0,0 @@
-$cmenu-back-icon: '\e977' !default;
-$cmenu-back-icon-margin: 16px !default;
-$cmenu-bigger-caret-font-size: 12px !default;
-$cmenu-bigger-font-size: 15px !default;
-$cmenu-bigger-li-height: 48px !default;
-$cmenu-bigger-max-width: 280px !default;
-$cmenu-bigger-min-width: 112px !default;
-$cmenu-caret-font-size: 11px !default;
-$cmenu-caret-color: rgba($grey-light-font, .54) !default;
-$cmenu-caret-icon: '\e956' !default;
-$cmenu-caret-icon-rtl: '\e937' !default;
-$cmenu-caret-li-padding: 36px !default;
-$cmenu-caret-right: 8px !default;
-$cmenu-caret-blank-icon: 16px !default;
-$cmenu-color: rgba($grey-light-font, .87) !default;
-$cmenu-disable-text: rgba($grey-light-font, .38) !default;
-$cmenu-font-size: 14px !default;
-$cmenu-font-weight: normal !default;
-$cmenu-icon-margin-right: 10px !default;
-$cmenu-li-bgcolor: $grey-200 !default;
-$cmenu-li-border-color: rgba($grey-light-font, .12) !default;
-$cmenu-li-border-style: solid !default;
-$cmenu-li-border-width: 1px !default;
-$cmenu-li-height: 36px !default;
-$cmenu-li-padding: 0 16px !default;
-$cmenu-li-right-padding: 16px !default;
-$cmenu-li-selection-bgcolor:  $grey-200 !default;
-$cmenu-li-selection-font-color: rgba($grey-light-font, .87) !default;
-$cmenu-li-hover-outline-offset: 0 !default;
-$cmenu-li-selected-outline: 0 solid $cmenu-li-selection-bgcolor !default;
-$cmenu-li-selected-outline-offset: 0 !default;
-$cmenu-max-width: 240px !default;
-$cmenu-icon-color: rgba($grey-light-font, .54) !default;
-$cmenu-icon-disabled-color: rgba($grey-light-font, .38) !default;
-$cmenu-icon-font-size: 14px !default;
-$cmenu-icon-bigger-font-size: 16px !default;
-$cmenu-min-width: 120px !default;
-$cmenu-parent-ul-box-shadow: 0 5px 5px -3px rgba($grey-black, .2), 0 8px 10px 1px rgba($grey-black, .14), 0 3px 14px 2px rgba($grey-black, .12) !default;
-$cmenu-seperator-padding: 8px 0 !default;
-$cmenu-seperator-bigger-padding: 8px 0 !default;
-$cmenu-selected-color: rgba($grey-light-font, .87) !default;
-$cmenu-sub-ul-box-shadow: 0 5px 5px -3px rgba($grey-black, .2), 0 8px 10px 1px rgba($grey-black, .14), 0 3px 14px 2px rgba($grey-black, .12) !default;
-$cmenu-ul-bgcolor: $grey-white !default;
-$cmenu-ul-border-radius: 0 !default;
-$cmenu-ul-border: none !default;
-$cmenu-ul-padding: 0 !default;
-$cmenu-ul-bigger-padding: 8px 0 !default;
-$cmenu-li-hover-outline: 0 solid $cmenu-li-border-color !default;
-$cmenu-caret-hover-color: $cmenu-caret-color !default;
-$cmenu-hover-icon-color: $cmenu-icon-color !default;

package/styles/context-menu/_material3-definition.scss

@@ -1,52 +0,0 @@
-//layout variables
-$cmenu-back-icon: '\e977' !default;
-$cmenu-back-icon-margin: 8px !default;
-$cmenu-bigger-caret-font-size: 16px !default;
-$cmenu-bigger-font-size: $text-base !default;
-$cmenu-bigger-li-height: 32px !default;
-$cmenu-bigger-li-padding: 0 16px !default;
-$cmenu-bigger-max-width: 280px !default;
-$cmenu-bigger-min-width: 112px !default;
-$cmenu-caret-blank-icon: 14px !default;
-$cmenu-caret-font-size: 16px !default;
-$cmenu-caret-icon: '\e956' !default;
-$cmenu-caret-icon-rtl: '\e937' !default;
-$cmenu-caret-li-padding: 36px !default;
-$cmenu-caret-right: 7px !default;
-$cmenu-icon-margin-right: 8px !default;
-$cmenu-li-height: 30px !default;
-$cmenu-li-padding: 0 12px !default;
-$cmenu-li-right-padding: 12px !default;
-$cmenu-li-border-width: 1px !default;
-$cmenu-max-width: 240px !default;
-$cmenu-icon-font-size: 18px !default;
-$cmenu-icon-bigger-font-size: 22px !default;
-$cmenu-min-width: 120px !default;
-$cmenu-parent-ul-box-shadow: $shadow-lg !default;
-$cmenu-seperator-bigger-padding: 4px 0 !default;
-$cmenu-seperator-padding: 4px 0 !default;
-$cmenu-ul-border: 1px solid $border-light !default;
-$cmenu-ul-border-radius: 4px !default;
-$cmenu-ul-padding: 0 !default;
-$cmenu-ul-bigger-padding: 4px 0 !default;
-$cmenu-caret-color: $icon-color !default;
-$cmenu-color: $content-text-color !default;
-$cmenu-disable-text: rgba($content-text-color, .65) !default;
-$cmenu-font-size: $text-sm !default;
-$cmenu-font-weight: $font-weight-normal !default;
-$cmenu-li-bgcolor: $flyout-bg-color-hover !default;
-$cmenu-li-border-color: $border-light !default;
-$cmenu-li-border-style: solid !default;
-$cmenu-li-selection-bgcolor: $flyout-bg-color-pressed !default;
-$cmenu-li-selection-font-color: $content-text-color-focus !default;
-$cmenu-li-hover-outline-offset: 0 !default;
-$cmenu-li-selected-outline: 0 solid $cmenu-li-selection-bgcolor !default;
-$cmenu-li-selected-outline-offset: 0 !default;
-$cmenu-icon-color: $icon-color !default;
-$cmenu-icon-disabled-color: rgba($icon-color, .65) !default;
-$cmenu-selected-color: $flyout-text-color-pressed !default;
-$cmenu-sub-ul-box-shadow: $shadow-lg !default;
-$cmenu-ul-bgcolor: $flyout-bg-color !default;
-$cmenu-li-hover-outline: 0 solid $cmenu-li-border-color !default;
-$cmenu-caret-hover-color: $flyout-text-color-pressed !default;
-$cmenu-hover-icon-color: $flyout-text-color-pressed !default;

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

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

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

@@ -1,53 +0,0 @@
-//layout variables
-$cmenu-back-icon: '\e977' !default;
-$cmenu-back-icon-margin: 8px !default;
-$cmenu-bigger-caret-font-size: 16px !default;
-$cmenu-bigger-font-size: $text-base !default;
-$cmenu-bigger-li-height: 36px !default;
-$cmenu-bigger-li-padding: 0 16px !default;
-$cmenu-bigger-max-width: 280px !default;
-$cmenu-bigger-min-width: 112px !default;
-$cmenu-caret-blank-icon: 14px !default;
-$cmenu-caret-font-size: 16px !default;
-$cmenu-caret-icon: '\e956' !default;
-$cmenu-caret-icon-rtl: '\e937' !default;
-$cmenu-caret-li-padding: 36px !default;
-$cmenu-caret-right: 7px !default;
-$cmenu-icon-margin-right: 8px !default;
-$cmenu-icon-bigger-margin-right: 12px !default;
-$cmenu-li-height: 32px !default;
-$cmenu-li-padding: 0 12px !default;
-$cmenu-li-right-padding: 12px !default;
-$cmenu-li-border-width: 1px !default;
-$cmenu-max-width: 240px !default;
-$cmenu-icon-font-size: 18px !default;
-$cmenu-icon-bigger-font-size: 22px !default;
-$cmenu-min-width: 120px !default;
-$cmenu-parent-ul-box-shadow: $shadow-lg !default;
-$cmenu-seperator-bigger-padding: 4px 0 !default;
-$cmenu-seperator-padding: 4px 0 !default;
-$cmenu-ul-border: 1px solid $border-light !default;
-$cmenu-ul-border-radius: 4px !default;
-$cmenu-ul-padding: 4px 0 !default;
-$cmenu-ul-bigger-padding: 4px 0 !default;
-$cmenu-caret-color: $content-text-color-focus !default;
-$cmenu-color: $content-text-color !default;
-$cmenu-disable-text: rgba($content-text-color, .65) !default;
-$cmenu-font-size: $text-sm !default;
-$cmenu-font-weight: $font-weight-normal !default;
-$cmenu-li-bgcolor: $content-bg-color-focus !default;
-$cmenu-li-border-color: $border-light !default;
-$cmenu-li-border-style: solid !default;
-$cmenu-li-selection-bgcolor: $content-bg-color-focus !default;
-$cmenu-li-selection-font-color: $content-text-color-focus !default;
-$cmenu-li-hover-outline-offset: 0 !default;
-$cmenu-li-selected-outline: 0 solid $cmenu-li-selection-bgcolor !default;
-$cmenu-li-selected-outline-offset: 0 !default;
-$cmenu-icon-color: $icon-color !default;
-$cmenu-icon-disabled-color: rgba($icon-color, .65) !default;
-$cmenu-selected-color: $content-text-color-focus !default;
-$cmenu-sub-ul-box-shadow: $shadow-lg !default;
-$cmenu-ul-bgcolor: $flyout-bg-color !default;
-$cmenu-li-hover-outline: 0 solid $cmenu-li-border-color !default;
-$cmenu-caret-hover-color: $cmenu-caret-color !default;
-$cmenu-hover-icon-color: $cmenu-icon-color !default;

package/styles/context-menu/_theme-mixin.scss

@@ -1,63 +0,0 @@
-@mixin focused-icon-color {
-  @if $skin-name != 'bootstrap5' {
-    & .e-caret {
-      color: $cmenu-caret-color;
-    }
-  
-    & .e-menu-icon {
-      color: $cmenu-icon-color;
-    }
-  }
-}
-
-@mixin selected-icon-color {
-  @if $skin-name != 'bootstrap5' {
-    & .e-caret {
-      color: $cmenu-caret-hover-color;
-    }
-  
-    & .e-menu-icon {
-      color: $cmenu-hover-icon-color;
-    }
-  }
-}
-
-@mixin icon-color {
-  &.e-menu-header {
-    border-bottom-color: $cmenu-li-border-color;
-  }
-  @include focused-icon-color;
-}
-
-@mixin focused-color {
-  background-color: $cmenu-li-bgcolor;
-  color: $cmenu-li-selection-font-color;
-  outline: $cmenu-li-hover-outline;
-  outline-offset: $cmenu-li-hover-outline-offset;
-}
-
-@mixin selected-color {
-  background-color: $cmenu-li-selection-bgcolor;
-  color: $cmenu-selected-color;
-  outline: $cmenu-li-selected-outline;
-  outline-offset: $cmenu-li-selected-outline-offset;
-}
-
-@mixin disabled-color {
-  & .e-disabled {
-    color: $cmenu-disable-text;
-    opacity: 1;
-
-    & .e-menu-icon {
-      color: $cmenu-icon-disabled-color;
-    }
-
-    & .e-caret {
-      color: $cmenu-icon-disabled-color;
-    }
-
-    & .e-menu-url {
-      color: $cmenu-disable-text;
-    }
-  }
-}