@syncfusion/ej2-angular-splitbuttons 20.2.43-ngcc → 20.2.43

package/styles/button-group/tailwind.css

@@ -1,4 +1,5 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
+/* stylelint-disable */
 *.e-btn-group,
 *.e-css.e-btn-group {
   display: -ms-inline-flexbox;
@@ -243,6 +244,7 @@
   font-size: 22px;
 }
 
+/* stylelint-disable */
 .e-btn-group:not(.e-outline),
 .e-css.e-btn-group:not(.e-outline) {
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);

package/styles/button-group/tailwind.scss

@@ -1 +1,4 @@
-@import 'ej2-splitbuttons/styles/button-group/tailwind.scss';
+@import 'ej2-base/styles/tailwind-definition.scss';
+@import 'ej2-buttons/styles/button/tailwind-definition.scss';
+@import 'tailwind-definition.scss';
+@import 'all.scss';

package/styles/drop-down-button/_all.scss

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

package/styles/drop-down-button/_bootstrap-dark-definition.scss

@@ -0,0 +1,51 @@
+//default
+$drop-down-btn-arrow-content: '\e969' !default;
+$drop-down-btn-vertical-btn-padding: 6px 12px !default;
+$drop-down-btn-vertical-bigger-padding: 8px 16px !default;
+$drop-down-btn-bigger-font-size: 15px !default;
+$drop-down-btn-bigger-li-height: 40px !default;
+$drop-down-btn-bigger-max-width: 280px !default;
+$drop-down-btn-bigger-min-width: 112px !default;
+$drop-down-btn-color: $grey-dark-font !default;
+$drop-down-btn-disable-text: rgba($grey-dark-font, .65) !default;
+$drop-down-btn-font-size: 14px !default;
+$drop-down-btn-font-weight: normal !default;
+$drop-down-btn-icon-margin-right: 12px !default;
+$drop-down-btn-bigger-icon-margin-right: 12px !default;
+$drop-down-btn-li-bgcolor: $grey-44 !default;
+$drop-down-btn-li-box-shadow: inset 0 0 0 1px $grey-8c !default;
+$drop-down-btn-li-border-color: $grey-44 !default;
+$drop-down-btn-li-border-style: solid !default;
+$drop-down-btn-li-border-width: 1px !default;
+$drop-down-btn-li-focus-bgcolor: transparent !default;
+$drop-down-btn-li-height: 26px !default;
+$drop-down-btn-li-padding: 0 14px !default;
+$drop-down-btn-bigger-li-padding: 0 14px !default;
+$drop-down-btn-small-li-padding: 0 14px !default;
+$drop-down-btn-li-selection-bgcolor: $brand-primary !default;
+$drop-down-btn-li-selection-font-color: $brand-primary-font !default;
+$drop-down-btn-max-width: 240px !default;
+$drop-down-btn-icon-font-size: 14px !default;
+$drop-down-btn-menu-icon-bigger-font-size: 16px !default;
+$drop-down-btn-menu-icon-color: $grey-dark-font !default;
+$drop-down-btn-menu-icon-disabled-color: rgba($grey-dark-font, .65) !default;
+$drop-down-btn-menu-icon-font-size: 16px !default;
+$drop-down-btn-min-width: 120px !default;
+$drop-down-btn-parent-ul-box-shadow: 0 6px 12px rgba($grey-base, .175) !default;
+$drop-down-btn-seperator-padding: 3px 0 !default;
+$drop-down-btn-selected-color: $brand-primary-font !default;
+$drop-down-btn-sub-ul-box-shadow: 0 6px 12px rgba($grey-base, .175) !default;
+$drop-down-btn-ul-bgcolor: $grey-dark !default;
+$drop-down-btn-ul-border: 1px solid $grey-44 !default;
+$drop-down-btn-ul-border-radius: 4px !default;
+$drop-down-btn-ul-padding: 3px 0 !default;
+$drop-down-btn-ul-bigger-padding: 5px 0 !default;
+$drop-down-btn-ul-small-padding: 5px 0 !default;
+$drop-down-btn-caret-icon-font-size: 8px !default;
+$drop-down-btn-icon-font-size-bigger: 16px !default;
+$drop-down-btn-caret-icon-font-size-bigger: 10px !default;
+$drop-down-btn-box-shadow: none !default;
+$drop-down-btn-popup-margin-top: 0 !default;
+$drop-down-btn-bigger-popup-margin-top: 0 !default;
+
+//enddefault

package/styles/drop-down-button/_bootstrap-definition.scss

@@ -0,0 +1,48 @@
+$drop-down-btn-arrow-content: '\e969' !default;
+$drop-down-btn-vertical-btn-padding: 6px 12px !default;
+$drop-down-btn-vertical-bigger-padding: 8px 16px !default;
+$drop-down-btn-bigger-font-size: 15px !default;
+$drop-down-btn-bigger-li-height: 40px !default;
+$drop-down-btn-bigger-max-width: 280px !default;
+$drop-down-btn-bigger-min-width: 112px !default;
+$drop-down-btn-color: $grey-dark !default;
+$drop-down-btn-disable-text: rgba($grey, .65) !default;
+$drop-down-btn-font-size: 14px !default;
+$drop-down-btn-font-weight: normal !default;
+$drop-down-btn-icon-font-size: 14px !default;
+$drop-down-btn-icon-margin-right: 12px !default;
+$drop-down-btn-bigger-icon-margin-right: 12px !default;
+$drop-down-btn-li-bgcolor: $grey-e6 !default;
+$drop-down-btn-li-box-shadow: 0 0 0 1px $grey-8c inset !default;
+$drop-down-btn-li-border-color: $grey-e6 !default;
+$drop-down-btn-li-border-style: solid !default;
+$drop-down-btn-li-border-width: 1px !default;
+$drop-down-btn-li-focus-bgcolor: transparent !default;
+$drop-down-btn-li-height: 26px !default;
+$drop-down-btn-li-padding: 0 14px !default;
+$drop-down-btn-bigger-li-padding: 0 14px !default;
+$drop-down-btn-small-li-padding: 0 14px !default;
+$drop-down-btn-li-selection-bgcolor: $grey-e6 !default;
+$drop-down-btn-li-selection-font-color: $grey-dark !default;
+$drop-down-btn-max-width: 240px !default;
+$drop-down-btn-menu-icon-bigger-font-size: 16px !default;
+$drop-down-btn-menu-icon-color: $grey-dark !default;
+$drop-down-btn-menu-icon-disabled-color: rgba($grey-light-font, .65) !default;
+$drop-down-btn-menu-icon-font-size: 16px !default;
+$drop-down-btn-min-width: 120px !default;
+$drop-down-btn-parent-ul-box-shadow: 0 6px 12px rgba($grey-base, .175) !default;
+$drop-down-btn-seperator-padding: 3px 0 !default;
+$drop-down-btn-selected-color: $grey-dark !default;
+$drop-down-btn-sub-ul-box-shadow: 0 6px 12px rgba($grey-base, .175) !default;
+$drop-down-btn-ul-bgcolor: $grey-white !default;
+$drop-down-btn-ul-border: 1px solid $grey-cc !default;
+$drop-down-btn-ul-border-radius: 4px !default;
+$drop-down-btn-ul-padding: 3px 0 !default;
+$drop-down-btn-ul-bigger-padding: 5px 0 !default;
+$drop-down-btn-ul-small-padding: 5px 0 !default;
+$drop-down-btn-caret-icon-font-size: 8px !default;
+$drop-down-btn-icon-font-size-bigger: 16px !default;
+$drop-down-btn-caret-icon-font-size-bigger: 10px !default;
+$drop-down-btn-box-shadow: none !default;
+$drop-down-btn-popup-margin-top: 0 !default;
+$drop-down-btn-bigger-popup-margin-top: 0 !default;

package/styles/drop-down-button/_bootstrap4-definition.scss

@@ -0,0 +1,48 @@
+$drop-down-btn-arrow-content: '\e969' !default;
+$drop-down-btn-vertical-btn-padding: 6px 12px !default;
+$drop-down-btn-vertical-bigger-padding: 8px 16px !default;
+$drop-down-btn-bigger-font-size: 16px !default;
+$drop-down-btn-bigger-li-height: 32px !default;
+$drop-down-btn-bigger-max-width: 280px !default;
+$drop-down-btn-bigger-min-width: 112px !default;
+$drop-down-btn-color: $gray-900 !default;
+$drop-down-btn-disable-text: rgba($gray-600, .65) !default;
+$drop-down-btn-font-size: 14px !default;
+$drop-down-btn-font-weight: normal !default;
+$drop-down-btn-icon-font-size: 14px !default;
+$drop-down-btn-icon-margin-right: 8px !default;
+$drop-down-btn-bigger-icon-margin-right: 0 !default;
+$drop-down-btn-li-bgcolor: darken($gray-100, 2%) !default;
+$drop-down-btn-li-box-shadow: none !default;
+$drop-down-btn-li-border-color: $gray-600 !default;
+$drop-down-btn-li-border-style: solid !default;
+$drop-down-btn-li-border-width: 1px !default;
+$drop-down-btn-li-focus-bgcolor: darken($gray-100, 2%) !default;
+$drop-down-btn-li-height: 26px !default;
+$drop-down-btn-li-padding: 0 20px !default;
+$drop-down-btn-bigger-li-padding: 0 24px !default;
+$drop-down-btn-small-li-padding: 0 16px !default;
+$drop-down-btn-li-selection-bgcolor: $primary !default;
+$drop-down-btn-li-selection-font-color: $gray-900 !default;
+$drop-down-btn-max-width: 240px !default;
+$drop-down-btn-menu-icon-bigger-font-size: 16px !default;
+$drop-down-btn-menu-icon-color: $gray-900 !default;
+$drop-down-btn-menu-icon-disabled-color: $gray-600 !default;
+$drop-down-btn-menu-icon-font-size: 16px !default;
+$drop-down-btn-min-width: 120px !default;
+$drop-down-btn-parent-ul-box-shadow: none !default;
+$drop-down-btn-seperator-padding: 3px 0 !default;
+$drop-down-btn-selected-color: $white !default;
+$drop-down-btn-sub-ul-box-shadow: none !default;
+$drop-down-btn-ul-bgcolor: $content-popup-bg !default;
+$drop-down-btn-ul-border: 1px solid rgba($black, .15) !default;
+$drop-down-btn-ul-border-radius: 4px !default;
+$drop-down-btn-ul-padding: 6px 0 !default;
+$drop-down-btn-ul-bigger-padding: 8px 0 !default;
+$drop-down-btn-ul-small-padding: 4px 0 !default;
+$drop-down-btn-caret-icon-font-size: 8px !default;
+$drop-down-btn-icon-font-size-bigger: 16px !default;
+$drop-down-btn-caret-icon-font-size-bigger: 10px !default;
+$drop-down-btn-box-shadow: none !default;
+$drop-down-btn-popup-margin-top: 0 !default;
+$drop-down-btn-bigger-popup-margin-top: 0 !default;

package/styles/drop-down-button/_bootstrap5-dark-definition.scss

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

package/styles/drop-down-button/_bootstrap5-definition.scss

@@ -0,0 +1,50 @@
+//layout variables
+$drop-down-btn-arrow-content: '\e70d' !default;
+$drop-down-btn-vertical-btn-padding: 6px 12px !default;
+$drop-down-btn-vertical-bigger-padding: 8px 16px !default;
+$drop-down-btn-bigger-font-size: $text-base !default;
+$drop-down-btn-bigger-li-height: 32px !default;
+$drop-down-btn-bigger-max-width: 202px !default;
+$drop-down-btn-bigger-min-width: 112px !default;
+$drop-down-btn-icon-font-size: 14px !default;
+$drop-down-btn-icon-margin-right: 11px !default;
+$drop-down-btn-bigger-icon-margin-right: 12px !default;
+$drop-down-btn-li-border-width: 1px !default;
+$drop-down-btn-li-height: 30px !default;
+$drop-down-btn-li-padding: 0 12px !default;
+$drop-down-btn-bigger-li-padding: 0 16px !default;
+$drop-down-btn-small-li-padding: 0 8px !default;
+$drop-down-btn-max-width: 178px !default;
+$drop-down-btn-menu-icon-bigger-font-size: 22px !default;
+$drop-down-btn-menu-icon-font-size: 18px !default;
+$drop-down-btn-min-width: 120px !default;
+$drop-down-btn-seperator-padding: 3px 0 !default;
+$drop-down-btn-sub-ul-box-shadow: none !default;
+$drop-down-btn-ul-border-radius: 4px !default;
+$drop-down-btn-ul-padding: 4px 0 !default;
+$drop-down-btn-ul-bigger-padding: 8px 0 !default;
+$drop-down-btn-ul-small-padding: 4px 0 !default;
+$drop-down-btn-caret-icon-font-size: 10px !default;
+$drop-down-btn-icon-font-size-bigger: 16px !default;
+$drop-down-btn-caret-icon-font-size-bigger: 12px !default;
+$drop-down-btn-box-shadow: $secondary-shadow-focus !default;
+$drop-down-btn-popup-margin-top: 2px !default;
+$drop-down-btn-bigger-popup-margin-top: 4px !default;
+$drop-down-btn-ul-border: 1px solid $border-light !default;
+$drop-down-btn-li-box-shadow: none !default;
+$drop-down-btn-li-border-style: solid !default;
+$drop-down-btn-color: $content-text-color !default;
+$drop-down-btn-disable-text: $secondary-text-color-disabled !default;
+$drop-down-btn-font-size: $text-sm !default;
+$drop-down-btn-font-weight: $font-weight-normal !default;
+$drop-down-btn-li-bgcolor: $content-bg-color-hover !default;
+$drop-down-btn-ul-bgcolor: $flyout-bg-color !default;
+$drop-down-btn-li-border-color: $border-light !default;
+$drop-down-btn-selected-color: $content-text-color-selected !default;
+$drop-down-btn-parent-ul-box-shadow: none !default;
+$drop-down-btn-li-focus-bgcolor: $content-bg-color-hover !default;
+$drop-down-btn-li-selection-bgcolor: $content-bg-color-selected !default;
+$drop-down-btn-li-selection-font-color: $content-text-color !default;
+$drop-down-btn-menu-icon-color: $icon-color !default;
+$drop-down-btn-menu-icon-disabled-color: $secondary-text-color-disabled !default;
+$drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;

package/styles/drop-down-button/_fabric-dark-definition.scss

@@ -0,0 +1,51 @@
+//default
+$drop-down-btn-arrow-content: '\e36a' !default;
+$drop-down-btn-vertical-btn-padding: 8px 20px !default;
+$drop-down-btn-vertical-bigger-padding: 10px 24px !default;
+$drop-down-btn-bigger-font-size: 15px !default;
+$drop-down-btn-bigger-li-height: 48px !default;
+$drop-down-btn-bigger-max-width: 280px !default;
+$drop-down-btn-bigger-min-width: 112px !default;
+$drop-down-btn-color: $neutral-light-font !default;
+$drop-down-btn-disable-text: $neutral-tertiary-alt !default;
+$drop-down-btn-font-size: 14px !default;
+$drop-down-btn-font-weight: normal !default;
+$drop-down-btn-icon-font-size: 14px !default;
+$drop-down-btn-icon-margin-right: 10px !default;
+$drop-down-btn-bigger-icon-margin-right: 10px !default;
+$drop-down-btn-li-bgcolor: $neutral-light !default;
+$drop-down-btn-li-box-shadow: 0 2px 5px 0 rgba($shadow, .26) !default;
+$drop-down-btn-li-border-color: $neutral-light !default;
+$drop-down-btn-li-border-style: solid !default;
+$drop-down-btn-li-border-width: 1px !default;
+$drop-down-btn-li-focus-bgcolor: transparent !default;
+$drop-down-btn-li-height: 36px !default;
+$drop-down-btn-li-padding: 0 10px !default;
+$drop-down-btn-bigger-li-padding: 0 10px !default;
+$drop-down-btn-small-li-padding: 0 10px !default;
+$drop-down-btn-li-selection-bgcolor: $neutral-quintenary !default;
+$drop-down-btn-li-selection-font-color: $neutral-light-fontalt !default;
+$drop-down-btn-max-width: 240px !default;
+$drop-down-btn-menu-icon-bigger-font-size: 18px !default;
+$drop-down-btn-menu-icon-color: $neutral-light-font !default;
+$drop-down-btn-menu-icon-disabled-color: $neutral-tertiary-alt !default;
+$drop-down-btn-menu-icon-font-size: 16px !default;
+$drop-down-btn-min-width: 120px !default;
+$drop-down-btn-parent-ul-box-shadow:  0 2px 5px 0 rgba($shadow, .26) !default;
+$drop-down-btn-selected-color: $neutral-light-fontalt !default;
+$drop-down-btn-seperator-padding: 0 !default;
+$drop-down-btn-sub-ul-box-shadow: 0 2px 5px 0 rgba($shadow, .26) !default;
+$drop-down-btn-ul-bgcolor: $neutral-lighter-alt !default;
+$drop-down-btn-ul-border: 1px solid $neutral-light !default;
+$drop-down-btn-ul-border-radius: 0 !default;
+$drop-down-btn-ul-padding: 0 !default;
+$drop-down-btn-ul-bigger-padding: 0 !default;
+$drop-down-btn-ul-small-padding: 0 !default;
+$drop-down-btn-caret-icon-font-size: 10px !default;
+$drop-down-btn-caret-icon-font-size-bigger: 10px !default;
+$drop-down-btn-icon-font-size-bigger: 16px !default;
+$drop-down-btn-box-shadow: none !default;
+$drop-down-btn-popup-margin-top: 0 !default;
+$drop-down-btn-bigger-popup-margin-top: 0 !default;
+
+//enddefault

package/styles/drop-down-button/_fabric-definition.scss

@@ -0,0 +1,48 @@
+$drop-down-btn-arrow-content: '\e36a' !default;
+$drop-down-btn-vertical-btn-padding: 8px 20px !default;
+$drop-down-btn-vertical-bigger-padding: 10px 24px !default;
+$drop-down-btn-bigger-font-size: 15px !default;
+$drop-down-btn-bigger-li-height: 48px !default;
+$drop-down-btn-bigger-max-width: 280px !default;
+$drop-down-btn-bigger-min-width: 112px !default;
+$drop-down-btn-color: $neutral-light-font !default;
+$drop-down-btn-disable-text: $neutral-tertiary-alt !default;
+$drop-down-btn-font-size: 14px !default;
+$drop-down-btn-font-weight: normal !default;
+$drop-down-btn-icon-font-size: 14px !default;
+$drop-down-btn-icon-margin-right: 10px !default;
+$drop-down-btn-bigger-icon-margin-right: 10px !default;
+$drop-down-btn-li-bgcolor: $neutral-lighter !default;
+$drop-down-btn-li-box-shadow: 0 0 0 1px $neutral-secondary-alt inset !default;
+$drop-down-btn-li-border-color:  $neutral-light !default;
+$drop-down-btn-li-border-style: solid !default;
+$drop-down-btn-li-border-width: 1px !default;
+$drop-down-btn-li-focus-bgcolor: transparent !default;
+$drop-down-btn-li-height: 36px !default;
+$drop-down-btn-li-padding: 0 10px !default;
+$drop-down-btn-bigger-li-padding: 0 10px !default;
+$drop-down-btn-small-li-padding: 0 10px !default;
+$drop-down-btn-li-selection-bgcolor:  $neutral-tertiary-alt !default;
+$drop-down-btn-li-selection-font-color: $theme-light-font !default;
+$drop-down-btn-max-width: 240px !default;
+$drop-down-btn-menu-icon-bigger-font-size: 18px !default;
+$drop-down-btn-menu-icon-color: $neutral-light-font !default;
+$drop-down-btn-menu-icon-disabled-color: $neutral-tertiary-alt !default;
+$drop-down-btn-menu-icon-font-size: 16px !default;
+$drop-down-btn-min-width: 120px !default;
+$drop-down-btn-parent-ul-box-shadow:  0 0 10px 0 rgba($neutral-black, .2) !default;
+$drop-down-btn-selected-color: $neutral-light-font !default;
+$drop-down-btn-seperator-padding: 0 !default;
+$drop-down-btn-sub-ul-box-shadow: 0 0 10px 0 rgba($neutral-black, .2) !default;
+$drop-down-btn-ul-bgcolor: $neutral-white !default;
+$drop-down-btn-ul-border: 1px solid $neutral-light !default;
+$drop-down-btn-ul-border-radius: 0 !default;
+$drop-down-btn-ul-padding: 0 !default;
+$drop-down-btn-ul-bigger-padding: 0 !default;
+$drop-down-btn-ul-small-padding: 0 !default;
+$drop-down-btn-caret-icon-font-size: 10px !default;
+$drop-down-btn-caret-icon-font-size-bigger: 10px !default;
+$drop-down-btn-icon-font-size-bigger: 16px !default;
+$drop-down-btn-box-shadow: none !default;
+$drop-down-btn-popup-margin-top: 0 !default;
+$drop-down-btn-bigger-popup-margin-top: 0 !default;

package/styles/drop-down-button/_fluent-dark-definition.scss

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

package/styles/drop-down-button/_fluent-definition.scss

@@ -0,0 +1,52 @@
+//layout variables
+$drop-down-btn-arrow-content: '\e70d' !default;
+$drop-down-btn-vertical-btn-padding: 6px 12px !default;
+$drop-down-btn-vertical-bigger-padding: 8px 16px !default;
+$drop-down-btn-bigger-font-size: $text-base !default;
+$drop-down-btn-bigger-li-height: 40px !default;
+$drop-down-btn-bigger-max-width: 202px !default;
+$drop-down-btn-bigger-min-width: 112px !default;
+$drop-down-btn-icon-font-size: 14px !default;
+$drop-down-btn-icon-margin-right: 11px !default;
+$drop-down-btn-bigger-icon-margin-right: 12px !default;
+$drop-down-btn-li-border-width: 1px !default;
+$drop-down-btn-li-height: 36px !default;
+$drop-down-btn-li-padding: 0 12px !default;
+$drop-down-btn-bigger-li-padding: 0 16px !default;
+$drop-down-btn-small-li-padding: 0 8px !default;
+$drop-down-btn-max-width: 178px !default;
+$drop-down-btn-menu-icon-bigger-font-size: 22px !default;
+$drop-down-btn-menu-icon-font-size: 18px !default;
+$drop-down-btn-min-width: 120px !default;
+$drop-down-btn-seperator-padding: 3px 0 !default;
+$drop-down-btn-sub-ul-box-shadow: none !default;
+$drop-down-btn-ul-border-radius: 2px !default;
+$drop-down-btn-ul-padding: 0 0 !default;
+$drop-down-btn-ul-bigger-padding: 0 0 !default;
+$drop-down-btn-ul-small-padding: 0 0 !default;
+$drop-down-btn-caret-icon-font-size: 16px !default;
+$drop-down-btn-icon-font-size-bigger: 16px !default;
+$drop-down-btn-caret-icon-font-size-bigger: 20px !default;
+$drop-down-btn-box-shadow: $secondary-shadow-focus !default;
+$drop-down-btn-popup-margin-top: 4px !default;
+$drop-down-btn-bigger-popup-margin-top: 4px !default;
+$drop-down-btn-ul-border: 0 solid $border-light !default;
+$drop-down-btn-li-box-shadow: none !default;
+$drop-down-btn-li-border-style: solid !default;
+
+//Color
+$drop-down-btn-color: $secondary-text-color !default;
+$drop-down-btn-disable-text: $secondary-text-color-disabled !default;
+$drop-down-btn-font-size: $text-sm !default;
+$drop-down-btn-font-weight: $font-weight-normal !default;
+$drop-down-btn-li-bgcolor: $flyout-bg-color-hover !default;
+$drop-down-btn-ul-bgcolor: $flyout-bg-color !default;
+$drop-down-btn-li-border-color: $border-light !default;
+$drop-down-btn-selected-color: $flyout-text-color-selected !default;
+$drop-down-btn-parent-ul-box-shadow: $shadow-md !default;
+$drop-down-btn-li-focus-bgcolor: $flyout-bg-color-focus !default;
+$drop-down-btn-li-selection-bgcolor: $flyout-bg-color-selected !default;
+$drop-down-btn-li-selection-font-color: $flyout-text-color-selected !default;
+$drop-down-btn-menu-icon-color: $icon-color !default;
+$drop-down-btn-menu-icon-disabled-color: $icon-color !default;
+$drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;

package/styles/drop-down-button/_fusionnew-definition.scss

@@ -0,0 +1,50 @@
+//layout variables
+$drop-down-btn-arrow-content: '\e70d' !default;
+$drop-down-btn-vertical-btn-padding: 6px 12px !default;
+$drop-down-btn-vertical-bigger-padding: 8px 16px !default;
+$drop-down-btn-bigger-font-size: $text-base !default;
+$drop-down-btn-bigger-li-height: 32px !default;
+$drop-down-btn-bigger-max-width: 202px !default;
+$drop-down-btn-bigger-min-width: 112px !default;
+$drop-down-btn-icon-font-size: 14px !default;
+$drop-down-btn-icon-margin-right: 11px !default;
+$drop-down-btn-bigger-icon-margin-right: 12px !default;
+$drop-down-btn-li-border-width: 1px !default;
+$drop-down-btn-li-height: 30px !default;
+$drop-down-btn-li-padding: 0 12px !default;
+$drop-down-btn-bigger-li-padding: 0 16px !default;
+$drop-down-btn-small-li-padding: 0 8px !default;
+$drop-down-btn-max-width: 178px !default;
+$drop-down-btn-menu-icon-bigger-font-size: 22px !default;
+$drop-down-btn-menu-icon-font-size: 18px !default;
+$drop-down-btn-min-width: 120px !default;
+$drop-down-btn-seperator-padding: 3px 0 !default;
+$drop-down-btn-sub-ul-box-shadow: none !default;
+$drop-down-btn-ul-border-radius: 4px !default;
+$drop-down-btn-ul-padding: 4px 0 !default;
+$drop-down-btn-ul-bigger-padding: 8px 0 !default;
+$drop-down-btn-ul-small-padding: 4px 0 !default;
+$drop-down-btn-caret-icon-font-size: 10px !default;
+$drop-down-btn-icon-font-size-bigger: 16px !default;
+$drop-down-btn-caret-icon-font-size-bigger: 12px !default;
+$drop-down-btn-box-shadow: $secondary-shadow-focus !default;
+$drop-down-btn-popup-margin-top: 2px !default;
+$drop-down-btn-bigger-popup-margin-top: 4px !default;
+$drop-down-btn-ul-border: 1px solid $border-light !default;
+$drop-down-btn-li-box-shadow: none !default;
+$drop-down-btn-li-border-style: solid !default;
+$drop-down-btn-color: $content-text-color !default;
+$drop-down-btn-disable-text: $secondary-text-color-disabled !default;
+$drop-down-btn-font-size: $text-sm !default;
+$drop-down-btn-font-weight: $font-weight-normal !default;
+$drop-down-btn-li-bgcolor: $content-bg-color-hover !default;
+$drop-down-btn-ul-bgcolor: $flyout-bg-color !default;
+$drop-down-btn-li-border-color: $border-light !default;
+$drop-down-btn-selected-color: $content-text-color-selected !default;
+$drop-down-btn-parent-ul-box-shadow: none !default;
+$drop-down-btn-li-focus-bgcolor: $content-bg-color-hover !default;
+$drop-down-btn-li-selection-bgcolor: $content-bg-color-selected !default;
+$drop-down-btn-li-selection-font-color: $content-text-color !default;
+$drop-down-btn-menu-icon-color: $icon-color !default;
+$drop-down-btn-menu-icon-disabled-color: $secondary-text-color-disabled !default;
+$drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;

package/styles/drop-down-button/_highcontrast-definition.scss

@@ -0,0 +1,47 @@
+$drop-down-btn-arrow-content: '\e966' !default;
+$drop-down-btn-vertical-btn-padding: 8px 20px !default;
+$drop-down-btn-vertical-bigger-padding: 10px 24px !default;
+$drop-down-btn-bigger-font-size: 15px !default;
+$drop-down-btn-bigger-li-height: 48px !default;
+$drop-down-btn-bigger-max-width: 280px !default;
+$drop-down-btn-bigger-min-width: 112px !default;
+$drop-down-btn-color: $content-font !default;
+$drop-down-btn-disable-text: $disable !default;
+$drop-down-btn-font-size: 14px !default;
+$drop-down-btn-font-weight: normal !default;
+$drop-down-btn-icon-font-size: 14px !default;
+$drop-down-btn-icon-margin-right: 10px !default;
+$drop-down-btn-bigger-icon-margin-right: 10px !default;
+$drop-down-btn-li-bgcolor: $hover-bg !default;
+$drop-down-btn-li-border-color: $hover-border !default;
+$drop-down-btn-li-border-style: solid !default;
+$drop-down-btn-li-border-width: 1px !default;
+$drop-down-btn-li-focus-bgcolor: transparent !default;
+$drop-down-btn-li-height: 36px !default;
+$drop-down-btn-li-padding: 0 10px !default;
+$drop-down-btn-bigger-li-padding: 0 10px !default;
+$drop-down-btn-small-li-padding: 0 10px !default;
+$drop-down-btn-li-box-shadow: 0 0 0 1px $border-fg inset !default;
+$drop-down-btn-li-selection-bgcolor: $selection-bg !default;
+$drop-down-btn-li-selection-font-color: $content-font !default;
+$drop-down-btn-max-width: 240px !default;
+$drop-down-btn-menu-icon-bigger-font-size: 18px !default;
+$drop-down-btn-menu-icon-color: $content-font !default;
+$drop-down-btn-menu-icon-disabled-color: $disable !default;
+$drop-down-btn-menu-icon-font-size: 16px !default;
+$drop-down-btn-min-width: 120px !default;
+$drop-down-btn-parent-ul-box-shadow: 0 6px 12px rgba($bg-base-0, .175) !default;
+$drop-down-btn-seperator-padding: 0 !default;
+$drop-down-btn-selected-color: $selection-font !default;
+$drop-down-btn-ul-bgcolor: $bg-base-0 !default;
+$drop-down-btn-ul-border: 1px solid $border-default !default;
+$drop-down-btn-ul-border-radius: 0 !default;
+$drop-down-btn-ul-padding: 0 !default;
+$drop-down-btn-ul-bigger-padding: 0 !default;
+$drop-down-btn-ul-small-padding: 0 !default;
+$drop-down-btn-caret-icon-font-size: 8px !default;
+$drop-down-btn-icon-font-size-bigger: 16px !default;
+$drop-down-btn-caret-icon-font-size-bigger: 10px !default;
+$drop-down-btn-box-shadow: none !default;
+$drop-down-btn-popup-margin-top: 0 !default;
+$drop-down-btn-bigger-popup-margin-top: 0 !default;

package/styles/drop-down-button/_highcontrast-light-definition.scss

@@ -0,0 +1,50 @@
+//default
+$drop-down-btn-arrow-content: '\e966' !default;
+$drop-down-btn-vertical-btn-padding: 8px 20px !default;
+$drop-down-btn-vertical-bigger-padding: 10px 24px !default;
+$drop-down-btn-bigger-font-size: 15px !default;
+$drop-down-btn-bigger-li-height: 48px !default;
+$drop-down-btn-bigger-max-width: 280px !default;
+$drop-down-btn-bigger-min-width: 112px !default;
+$drop-down-btn-color: $content-font !default;
+$drop-down-btn-disable-text: $disable !default;
+$drop-down-btn-font-size: 14px !default;
+$drop-down-btn-font-weight: normal !default;
+$drop-down-btn-icon-font-size: 14px !default;
+$drop-down-btn-icon-margin-right: 10px !default;
+$drop-down-btn-bigger-icon-margin-right: 10px !default;
+$drop-down-btn-li-bgcolor: $hover-bg !default;
+$drop-down-btn-li-border-color: $hover-border !default;
+$drop-down-btn-li-border-style: solid !default;
+$drop-down-btn-li-border-width: 1px !default;
+$drop-down-btn-li-focus-bgcolor: transparent !default;
+$drop-down-btn-li-height: 36px !default;
+$drop-down-btn-li-padding: 0 10px !default;
+$drop-down-btn-bigger-li-padding: 0 10px !default;
+$drop-down-btn-small-li-padding: 0 10px !default;
+$drop-down-btn-li-box-shadow: 0 0 0 1px $border-fg inset !default;
+$drop-down-btn-li-selection-bgcolor: $selection-bg !default;
+$drop-down-btn-li-selection-font-color: $content-font !default;
+$drop-down-btn-max-width: 240px !default;
+$drop-down-btn-menu-icon-bigger-font-size: 18px !default;
+$drop-down-btn-menu-icon-color: $content-font !default;
+$drop-down-btn-menu-icon-disabled-color: $disable !default;
+$drop-down-btn-menu-icon-font-size: 16px !default;
+$drop-down-btn-min-width: 120px !default;
+$drop-down-btn-parent-ul-box-shadow: 0 6px 12px rgba($bg-base-0, .175) !default;
+$drop-down-btn-seperator-padding: 0 !default;
+$drop-down-btn-selected-color: $selection-font !default;
+$drop-down-btn-ul-bgcolor: $bg-base-0 !default;
+$drop-down-btn-ul-border: 1px solid $border-default !default;
+$drop-down-btn-ul-border-radius: 0 !default;
+$drop-down-btn-ul-padding: 0 !default;
+$drop-down-btn-ul-bigger-padding: 0 !default;
+$drop-down-btn-ul-small-padding: 0 !default;
+$drop-down-btn-caret-icon-font-size: 8px !default;
+$drop-down-btn-icon-font-size-bigger: 16px !default;
+$drop-down-btn-caret-icon-font-size-bigger: 10px !default;
+$drop-down-btn-box-shadow: none !default;
+$drop-down-btn-popup-margin-top: 0 !default;
+$drop-down-btn-bigger-popup-margin-top: 0 !default;
+
+//enddefault