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

package/styles/bootstrap5.css

@@ -1,3 +1,4 @@
+/* stylelint-disable-line no-empty-source */
 .e-dropdown-btn .e-caret::before,
 .e-dropdown-btn.e-btn .e-caret::before {
   content: "\e70d";
@@ -216,6 +217,7 @@
   border-bottom-color: #dee2e6;
 }
 
+/* stylelint-disable-line no-empty-source */
 /*! splitbutton layout */
 .e-split-btn-wrapper {
   display: -ms-inline-flexbox;
@@ -518,6 +520,7 @@
   border-left-color: #6c757d;
 }
 
+/* stylelint-disable */
 *.e-btn-group,
 *.e-css.e-btn-group {
   display: -ms-inline-flexbox;
@@ -762,6 +765,7 @@
   font-size: 20px;
 }
 
+/* stylelint-disable */
 .e-btn-group:not(.e-outline),
 .e-css.e-btn-group:not(.e-outline) {
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075);
@@ -1268,6 +1272,7 @@
   border-right: transparent;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -1811,4 +1816,222 @@
 }
 *.e-flat:not(:focus).e-danger .e-progress {
   background-color: rgba(220, 53, 69, 0.2);
+}
+
+.e-speeddial-popup {
+  overflow: hidden;
+  position: absolute;
+  z-index: 99999;
+  /* OVERFLOW CSS */
+}
+.e-speeddial-popup.e-speeddial-top {
+  top: 10px;
+}
+.e-speeddial-popup.e-speeddial-top.e-speeddial-radial .e-speeddial-li {
+  top: 0;
+}
+.e-speeddial-popup.e-speeddial-top.e-speeddial-radial.e-speeddial-middle .e-speeddial-li {
+  top: calc(0.5 * var(--speeddialRadialMinWidth) + var(--speeddialRadialOffset) - 5px);
+}
+.e-speeddial-popup.e-speeddial-top.e-speeddial-middle, .e-speeddial-popup.e-speeddial-top.e-speeddial-linear {
+  top: var(--speeddialVertDist);
+}
+.e-speeddial-popup.e-speeddial-bottom {
+  bottom: 10px;
+}
+.e-speeddial-popup.e-speeddial-bottom.e-speeddial-radial .e-speeddial-li {
+  bottom: 0;
+}
+.e-speeddial-popup.e-speeddial-bottom.e-speeddial-radial.e-speeddial-middle .e-speeddial-li {
+  bottom: calc(0.5 * var(--speeddialRadialMinWidth) + var(--speeddialRadialOffset) - 5px);
+}
+.e-speeddial-popup.e-speeddial-bottom.e-speeddial-middle, .e-speeddial-popup.e-speeddial-bottom.e-speeddial-linear {
+  bottom: var(--speeddialVertDist);
+}
+.e-speeddial-popup.e-speeddial-left {
+  left: 10px;
+}
+.e-speeddial-popup.e-speeddial-left.e-speeddial-radial .e-speeddial-li {
+  left: 0;
+}
+.e-speeddial-popup.e-speeddial-left.e-speeddial-radial.e-speeddial-center .e-speeddial-li {
+  left: calc(0.5 * var(--speeddialRadialMinWidth) + var(--speeddialRadialOffset) - 5px);
+}
+.e-speeddial-popup.e-speeddial-left.e-speeddial-center, .e-speeddial-popup.e-speeddial-left.e-speeddial-linear {
+  left: var(--speeddialHorzDist);
+}
+.e-speeddial-popup.e-speeddial-right {
+  right: 10px;
+}
+.e-speeddial-popup.e-speeddial-right.e-speeddial-radial .e-speeddial-li {
+  right: 0;
+}
+.e-speeddial-popup.e-speeddial-right.e-speeddial-radial.e-speeddial-center .e-speeddial-li {
+  right: calc(0.5 * var(--speeddialRadialMinWidth) + var(--speeddialRadialOffset) - 5px);
+}
+.e-speeddial-popup.e-speeddial-right.e-speeddial-center, .e-speeddial-popup.e-speeddial-right.e-speeddial-linear {
+  right: var(--speeddialHorzDist);
+}
+.e-speeddial-popup.e-speeddial-template {
+  outline: none;
+}
+.e-speeddial-popup .e-speeddial-ul {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  list-style-type: none;
+  margin: 0;
+  padding: 0 5px;
+}
+.e-speeddial-popup .e-speeddial-li {
+  -ms-flex-align: center;
+      align-items: center;
+  cursor: pointer;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  margin: 5px 0;
+  position: relative;
+}
+.e-speeddial-popup .e-speeddial-li-text {
+  margin: 0 10px;
+  padding: 3px;
+  white-space: nowrap;
+}
+.e-speeddial-popup .e-speeddial-li-icon {
+  border-radius: 99999px;
+  min-height: 30px;
+  min-width: 30px;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -ms-flex-align: center;
+      align-items: center;
+  -ms-flex-pack: center;
+      justify-content: center;
+}
+.e-speeddial-popup.e-speeddial-fixed {
+  position: fixed;
+}
+.e-speeddial-popup.e-speeddial-vert-right .e-speeddial-li {
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
+.e-speeddial-popup.e-speeddial-vert-bottom .e-speeddial-ul {
+  -ms-flex-direction: column-reverse;
+      flex-direction: column-reverse;
+}
+.e-speeddial-popup.e-speeddial-horz-right .e-speeddial-ul {
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
+.e-speeddial-popup.e-speeddial-horz-right .e-speeddial-ul.e-speeddial-horz-top {
+  -ms-flex-direction: row;
+      flex-direction: row;
+}
+.e-speeddial-popup.e-speeddial-horz-left .e-speeddial-ul {
+  -ms-flex-direction: row;
+      flex-direction: row;
+}
+.e-speeddial-popup.e-speeddial-horz-left .e-speeddial-ul.e-speeddial-horz-top {
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
+.e-speeddial-popup.e-speeddial-horz-right .e-speeddial-ul, .e-speeddial-popup.e-speeddial-horz-left .e-speeddial-ul {
+  padding: 5px 0;
+}
+.e-speeddial-popup.e-speeddial-horz-right .e-speeddial-li, .e-speeddial-popup.e-speeddial-horz-left .e-speeddial-li {
+  margin: 0 5px;
+}
+.e-speeddial-popup.e-speeddial-overflow .e-speeddial-ul {
+  overflow: auto;
+  scroll-behavior: smooth;
+  /* Hide scrollbar for IE and Edge */
+  -ms-overflow-style: none;
+  /* Hide scrollbar for Firefox */
+  scrollbar-width: none;
+}
+.e-speeddial-popup.e-speeddial-overflow .e-speeddial-ul::-webkit-scrollbar {
+  /* Hide scrollbar for Chrome, Safari and Opera */
+  display: none;
+}
+.e-speeddial-popup.e-speeddial-overflow.e-speeddial-vert-overflow .e-speeddial-ul {
+  max-height: var(--speeddialOverflowLimit);
+}
+.e-speeddial-popup.e-speeddial-overflow.e-speeddial-horz-overflow .e-speeddial-ul {
+  max-width: var(--speeddialOverflowLimit);
+}
+.e-speeddial-popup.e-speeddial-radial {
+  min-height: calc(var(--speeddialRadialOffset) + 2 * var(--speeddialRadialMinHeight));
+  min-width: calc(var(--speeddialRadialOffset) + 2 * var(--speeddialRadialMinWidth));
+}
+.e-speeddial-popup.e-speeddial-radial.e-speeddial-middle {
+  min-height: calc(2 * var(--speeddialRadialOffset) + 2 * var(--speeddialRadialMinHeight));
+}
+.e-speeddial-popup.e-speeddial-radial.e-speeddial-center {
+  min-width: calc(2 * var(--speeddialRadialOffset) + 2 * var(--speeddialRadialMinWidth));
+}
+.e-speeddial-popup.e-speeddial-radial.e-speeddial-top-left {
+  border-bottom-right-radius: 100%;
+}
+.e-speeddial-popup.e-speeddial-radial.e-speeddial-top-right {
+  border-bottom-left-radius: 100%;
+}
+.e-speeddial-popup.e-speeddial-radial.e-speeddial-bottom-left {
+  border-top-right-radius: 100%;
+}
+.e-speeddial-popup.e-speeddial-radial.e-speeddial-bottom-right {
+  border-top-left-radius: 100%;
+}
+.e-speeddial-popup.e-speeddial-radial .e-speeddial-ul {
+  border-radius: inherit;
+  min-height: inherit;
+  min-width: inherit;
+  padding: 0;
+  position: relative;
+}
+.e-speeddial-popup.e-speeddial-radial .e-speeddial-li {
+  position: absolute;
+  margin: 5px;
+  transform: rotate(var(--speeddialRadialAngle)) translate(var(--speeddialRadialOffset)) rotate(calc(-1 * var(--speeddialRadialAngle)));
+}
+.e-speeddial-popup.e-speeddial-radial .e-speeddial-li-text, .e-speeddial-popup.e-speeddial-horz-right .e-speeddial-li-text, .e-speeddial-popup.e-speeddial-horz-left .e-speeddial-li-text {
+  position: absolute;
+  visibility: hidden;
+}
+
+.e-speeddial-overlay {
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+  z-index: 99998;
+}
+.e-speeddial-overlay.e-speeddial-fixed {
+  height: 100vh;
+  position: fixed;
+  width: 100vw;
+}
+
+.e-speeddial-hidden {
+  visibility: hidden;
+}
+
+.e-speeddial-overlay {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+
+.e-speeddial-popup .e-speeddial-li-text {
+  box-shadow: 0 0 5px rgb(128, 128, 128);
+  background-color: rgb(255, 255, 255);
+}
+.e-speeddial-popup .e-speeddial-li-icon {
+  box-shadow: 0 0 5px rgb(128, 128, 128);
+  background-color: rgb(255, 255, 255);
+}
+.e-speeddial-popup .e-speeddial-li.e-speeddial-li-active:not(.e-disabled) .e-speeddial-li-text {
+  box-shadow: 0 0 5px rgb(128, 128, 128), 0 0 5px rgb(128, 128, 128) inset;
+}
+.e-speeddial-popup .e-speeddial-li.e-speeddial-li-active:not(.e-disabled) .e-speeddial-li-icon {
+  box-shadow: 0 0 5px rgb(128, 128, 128), 0 0 5px rgb(128, 128, 128) inset;
 }

package/styles/bootstrap5.scss

@@ -2,3 +2,4 @@
 @import 'split-button/bootstrap5.scss';
 @import 'button-group/bootstrap5.scss';
 @import 'progress-button/bootstrap5.scss';
+@import 'speed-dial/bootstrap5.scss';

package/styles/button-group/_all.scss

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

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

@@ -0,0 +1,33 @@
+//default
+$btn-grp-margin: -1px !default;
+$btn-grp-margin-left: -1px !default;
+$btn-grp-wrapper-border: 4px !default;
+$btn-grp-round-radius: 20px !default;
+$btn-grp-icon-font-size: 12px !default;
+$btn-grp-icon-font-size-bigger: 14px !default;
+
+//Normal Outline GroupButton
+$btn-grp-outline-focus-border-color: $grey-8c !default;
+$btn-grp-outline-focus-color: inherit !default;
+
+//Outline Primary
+$btn-grp-outline-primary-focus-border-color: $brand-primary-lighten-15 !default;
+$btn-grp-outline-focus-primary-color: inherit !default;
+
+//Outline Success
+$btn-grp-outline-success-focus-border-color: inherit !default;
+$btn-grp-outline-focus-success-color: inherit !default;
+
+//Outline Info
+$btn-grp-outline-info-focus-border-color: inherit !default;
+$btn-grp-outline-focus-info-color: inherit !default;
+
+//Outline warning
+$btn-grp-outline-warning-focus-border-color: inherit !default;
+$btn-grp-outline-focus-warning-color: inherit !default;
+
+//Outline danger
+$btn-grp-outline-danger-focus-border-color:  inherit !default;
+$btn-grp-outline-focus-danger-color: inherit !default;
+
+//enddefault

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

@@ -0,0 +1,30 @@
+$btn-grp-margin: -1px !default;
+$btn-grp-margin-left: -1px !default;
+$btn-grp-wrapper-border: 4px !default;
+$btn-grp-round-radius: 20px !default;
+$btn-grp-icon-font-size: 12px !default;
+$btn-grp-icon-font-size-bigger: 14px !default;
+
+//Normal Outline GroupButton
+$btn-grp-outline-focus-border-color: $grey-8c !default;
+$btn-grp-outline-focus-color: inherit !default;
+
+//Outline Primary
+$btn-grp-outline-primary-focus-border-color: $brand-primary-darken-35 !default;
+$btn-grp-outline-focus-primary-color: inherit !default;
+
+//Outline Success
+$btn-grp-outline-success-focus-border-color: $btn-success-focus-border-color !default;
+$btn-grp-outline-focus-success-color: inherit !default;
+
+//Outline Info
+$btn-grp-outline-info-focus-border-color: $btn-info-focus-border-color !default;
+$btn-grp-outline-focus-info-color: inherit !default;
+
+//Outline warning
+$btn-grp-outline-warning-focus-border-color: $btn-warning-focus-border-color !default;
+$btn-grp-outline-focus-warning-color: inherit !default;
+
+//Outline danger
+$btn-grp-outline-danger-focus-border-color: $btn-danger-focus-border-color !default;
+$btn-grp-outline-focus-danger-color: inherit !default;

package/styles/button-group/_bootstrap4-definition.scss

@@ -0,0 +1,30 @@
+$btn-grp-margin: -1px !default;
+$btn-grp-margin-left: -1px !default;
+$btn-grp-wrapper-border: 4px !default;
+$btn-grp-round-radius: 20px !default;
+$btn-grp-icon-font-size: 14px !default;
+$btn-grp-icon-font-size-bigger: 16px !default;
+
+//Normal Outline GroupButton
+$btn-grp-outline-focus-border-color: $gray-600 !default;
+$btn-grp-outline-focus-color: inherit !default;
+
+//Outline Primary
+$btn-grp-outline-primary-focus-border-color: $primary !default;
+$btn-grp-outline-focus-primary-color: inherit !default;
+
+//Outline Success
+$btn-grp-outline-success-focus-border-color: $btn-success-focus-border-color !default;
+$btn-grp-outline-focus-success-color: inherit !default;
+
+//Outline Info
+$btn-grp-outline-info-focus-border-color: $btn-info-focus-border-color !default;
+$btn-grp-outline-focus-info-color: inherit !default;
+
+//Outline warning
+$btn-grp-outline-warning-focus-border-color: $btn-warning-focus-border-color !default;
+$btn-grp-outline-focus-warning-color: inherit !default;
+
+//Outline danger
+$btn-grp-outline-danger-focus-border-color: $btn-danger-focus-border-color !default;
+$btn-grp-outline-focus-danger-color: inherit !default;

package/styles/button-group/_bootstrap5-dark-definition.scss

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

package/styles/button-group/_bootstrap5-definition.scss

@@ -0,0 +1,31 @@
+//layout variables
+$btn-grp-margin: -1px !default;
+$btn-grp-margin-left: -1px !default;
+$btn-grp-wrapper-border: 4px !default;
+$btn-grp-round-radius: 20px !default;
+$btn-grp-icon-font-size: 16px !default;
+$btn-grp-icon-font-size-bigger: 20px !default;
+
+//Normal Outline GroupButton
+$btn-grp-outline-focus-border-color: $secondary-border-color !default;
+$btn-grp-outline-focus-color: inherit !default;
+
+//Outline Primary
+$btn-grp-outline-primary-focus-border-color: $primary !default;
+$btn-grp-outline-focus-primary-color: inherit !default;
+
+//Outline Success
+$btn-grp-outline-success-focus-border-color: $btn-success-focus-border-color !default;
+$btn-grp-outline-focus-success-color: inherit !default;
+
+//Outline Info
+$btn-grp-outline-info-focus-border-color: $btn-info-focus-border-color !default;
+$btn-grp-outline-focus-info-color: inherit !default;
+
+//Outline warning
+$btn-grp-outline-warning-focus-border-color: $btn-warning-focus-border-color !default;
+$btn-grp-outline-focus-warning-color: inherit !default;
+
+//Outline danger
+$btn-grp-outline-danger-focus-border-color: $btn-danger-focus-border-color !default;
+$btn-grp-outline-focus-danger-color: inherit !default;

package/styles/button-group/_fabric-dark-definition.scss

@@ -0,0 +1,33 @@
+//default
+$btn-grp-margin: -1px !default;
+$btn-grp-margin-left: 0 !default;
+$btn-grp-wrapper-border: 0 !default;
+$btn-grp-round-radius: 20px !default;
+$btn-grp-icon-font-size: 14px !default;
+$btn-grp-icon-font-size-bigger: 16px !default;
+
+//Normal Outline GroupButton
+$btn-grp-outline-focus-border-color: $neutral-quintenary !default;
+$btn-grp-outline-focus-color: $neutral-secondary-alt !default;
+
+//Outline Primary
+$btn-grp-outline-primary-focus-border-color: inherit !default;
+$btn-grp-outline-focus-primary-color: $btn-primary-active-color !default;
+
+//Outline Success
+$btn-grp-outline-success-focus-border-color: inherit !default;
+$btn-grp-outline-focus-success-color: $btn-success-active-color !default;
+
+//Outline Info
+$btn-grp-outline-info-focus-border-color: inherit !default;
+$btn-grp-outline-focus-info-color: $btn-info-active-color !default;
+
+//Outline warning
+$btn-grp-outline-warning-focus-border-color: inherit !default;
+$btn-grp-outline-focus-warning-color: $btn-warning-active-color !default;
+
+//Outline danger
+$btn-grp-outline-danger-focus-border-color:  inherit !default;
+$btn-grp-outline-focus-danger-color: $btn-danger-active-color !default;
+
+//enddefault

package/styles/button-group/_fabric-definition.scss

@@ -0,0 +1,30 @@
+$btn-grp-margin: -1px !default;
+$btn-grp-margin-left: 0 !default;
+$btn-grp-wrapper-border: 0 !default;
+$btn-grp-round-radius: 20px !default;
+$btn-grp-icon-font-size: 14px !default;
+$btn-grp-icon-font-size-bigger: 16px !default;
+
+//Normal Outline GroupButton
+$btn-grp-outline-focus-border-color: $neutral-quintenary !default;
+$btn-grp-outline-focus-color: $neutral-secondary-alt !default;
+
+//Outline Primary
+$btn-grp-outline-primary-focus-border-color: inherit !default;
+$btn-grp-outline-focus-primary-color: $theme-primary-font !default;
+
+//Outline Success
+$btn-grp-outline-success-focus-border-color: inherit !default;
+$btn-grp-outline-focus-success-color: #fff !default;
+
+//Outline Info
+$btn-grp-outline-info-focus-border-color: inherit !default;
+$btn-grp-outline-focus-info-color: #fff !default;
+
+//Outline warning
+$btn-grp-outline-warning-focus-border-color: inherit !default;
+$btn-grp-outline-focus-warning-color: #fff !default;
+
+//Outline danger
+$btn-grp-outline-danger-focus-border-color:  inherit !default;
+$btn-grp-outline-focus-danger-color: #fff !default;

package/styles/button-group/_fluent-dark-definition.scss

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

package/styles/button-group/_fluent-definition.scss

@@ -0,0 +1,31 @@
+//layout variables
+$btn-grp-margin: -1px !default;
+$btn-grp-margin-left: -1px !default;
+$btn-grp-wrapper-border: 4px !default;
+$btn-grp-round-radius: 20px !default;
+$btn-grp-icon-font-size: 16px !default;
+$btn-grp-icon-font-size-bigger: 20px !default;
+
+//Normal Outline GroupButton
+$btn-grp-outline-focus-border-color: $secondary-border-color !default;
+$btn-grp-outline-focus-color: inherit !default;
+
+//Outline Primary
+$btn-grp-outline-primary-focus-border-color: $primary !default;
+$btn-grp-outline-focus-primary-color: inherit !default;
+
+//Outline Success
+$btn-grp-outline-success-focus-border-color: $btn-success-focus-border-color !default;
+$btn-grp-outline-focus-success-color: inherit !default;
+
+//Outline Info
+$btn-grp-outline-info-focus-border-color: $btn-info-focus-border-color !default;
+$btn-grp-outline-focus-info-color: inherit !default;
+
+//Outline warning
+$btn-grp-outline-warning-focus-border-color: $btn-warning-focus-border-color !default;
+$btn-grp-outline-focus-warning-color: inherit !default;
+
+//Outline danger
+$btn-grp-outline-danger-focus-border-color: $btn-danger-focus-border-color !default;
+$btn-grp-outline-focus-danger-color: inherit !default;

package/styles/button-group/_fusionnew-definition.scss

@@ -0,0 +1,31 @@
+//layout variables
+$btn-grp-margin: -1px !default;
+$btn-grp-margin-left: -1px !default;
+$btn-grp-wrapper-border: 4px !default;
+$btn-grp-round-radius: 20px !default;
+$btn-grp-icon-font-size: 16px !default;
+$btn-grp-icon-font-size-bigger: 20px !default;
+
+//Normal Outline GroupButton
+$btn-grp-outline-focus-border-color: $secondary-border-color !default;
+$btn-grp-outline-focus-color: inherit !default;
+
+//Outline Primary
+$btn-grp-outline-primary-focus-border-color: $primary !default;
+$btn-grp-outline-focus-primary-color: inherit !default;
+
+//Outline Success
+$btn-grp-outline-success-focus-border-color: $btn-success-focus-border-color !default;
+$btn-grp-outline-focus-success-color: inherit !default;
+
+//Outline Info
+$btn-grp-outline-info-focus-border-color: $btn-info-focus-border-color !default;
+$btn-grp-outline-focus-info-color: inherit !default;
+
+//Outline warning
+$btn-grp-outline-warning-focus-border-color: $btn-warning-focus-border-color !default;
+$btn-grp-outline-focus-warning-color: inherit !default;
+
+//Outline danger
+$btn-grp-outline-danger-focus-border-color: $btn-danger-focus-border-color !default;
+$btn-grp-outline-focus-danger-color: inherit !default;

package/styles/button-group/_group-button-mixin.scss

@@ -0,0 +1,72 @@
+@mixin apply-border {
+  &:not(:first-of-type):not(:last-of-type) {
+    border-left: transparent;
+    border-right: transparent;
+  }
+
+  &:first-of-type {
+    border-right: transparent;
+  }
+
+  &:last-of-type {
+    border-left: transparent;
+  }
+}
+
+@mixin apply-border-vertical {
+  &:not(:first-of-type):not(:last-of-type) {
+    border-bottom: transparent;
+    border-top: transparent;
+  }
+
+  &:first-of-type {
+    border-bottom: transparent;
+  }
+
+  &:last-of-type {
+    border-top: transparent;
+  }
+}
+
+@mixin different-states {
+  // Outline focus
+  .e-btn:focus,
+  input:focus + label.e-btn {
+    &.e-outline {
+      border-color: $btn-grp-outline-focus-border-color;
+      outline-color: $btn-grp-outline-focus-color;
+
+      &.e-primary {
+        border-color: $btn-grp-outline-primary-focus-border-color;
+        outline-color: $btn-grp-outline-focus-primary-color;
+      }
+
+      &.e-success {
+        border-color: $btn-grp-outline-success-focus-border-color;
+        outline-color: $btn-grp-outline-focus-success-color;
+      }
+
+      &.e-info {
+        border-color: $btn-grp-outline-info-focus-border-color;
+        outline-color: $btn-grp-outline-focus-info-color;
+      }
+
+      &.e-warning {
+        border-color: $btn-grp-outline-warning-focus-border-color;
+        outline-color: $btn-grp-outline-focus-warning-color;
+      }
+
+      &.e-danger {
+        border-color: $btn-grp-outline-danger-focus-border-color;
+        outline-color: $btn-grp-outline-focus-danger-color;
+      }
+    }
+  }
+}
+
+@mixin disabled {
+  background-color: $btn-disabled-bgcolor;
+  border-color: $btn-disabled-border-color;
+  box-shadow: $btn-flat-box-shadow;
+  color: $btn-disabled-color;
+}

package/styles/button-group/_highcontrast-definition.scss

@@ -0,0 +1,32 @@
+$btn-grp-margin: -1px !default;
+$btn-grp-margin-left: 0 !default;
+$btn-grp-wrapper-border: 0 !default;
+$hover-border: $hover-border !default;
+$primary-outline-color: $bg-base-0 !default;
+$btn-grp-round-radius: 20px !default;
+$btn-grp-icon-font-size: 14px !default;
+$btn-grp-icon-font-size-bigger: 16px !default;
+
+//Normal Outline GroupButton
+$btn-grp-outline-focus-border-color: $bg-base-100 !default;
+$btn-grp-outline-focus-color: inherit !default;
+
+//Outline Primary
+$btn-grp-outline-primary-focus-border-color: inherit !default;
+$btn-grp-outline-focus-primary-color: $primary-outline-color !default;
+
+//Outline Success
+$btn-grp-outline-success-focus-border-color: inherit !default;
+$btn-grp-outline-focus-success-color: inherit !default;
+
+//Outline Info
+$btn-grp-outline-info-focus-border-color: inherit !default;
+$btn-grp-outline-focus-info-color: inherit !default;
+
+//Outline warning
+$btn-grp-outline-warning-focus-border-color: inherit !default;
+$btn-grp-outline-focus-warning-color: inherit !default;
+
+//Outline danger
+$btn-grp-outline-danger-focus-border-color: inherit !default;
+$btn-grp-outline-focus-danger-color: inherit !default;

package/styles/button-group/_highcontrast-light-definition.scss

@@ -0,0 +1,35 @@
+//default
+$btn-grp-margin: -1px !default;
+$btn-grp-margin-left: 0 !default;
+$btn-grp-wrapper-border: 0 !default;
+$hover-border: $hover-border !default;
+$primary-outline-color: $bg-base-0 !default;
+$btn-grp-round-radius: 20px !default;
+$btn-grp-icon-font-size: 14px !default;
+$btn-grp-icon-font-size-bigger: 16px !default;
+
+//Normal Outline GroupButton
+$btn-grp-outline-focus-border-color: $bg-base-100 !default;
+$btn-grp-outline-focus-color: inherit !default;
+
+//Outline Primary
+$btn-grp-outline-primary-focus-border-color: inherit !default;
+$btn-grp-outline-focus-primary-color: $primary-outline-color !default;
+
+//Outline Success
+$btn-grp-outline-success-focus-border-color: inherit !default;
+$btn-grp-outline-focus-success-color: inherit !default;
+
+//Outline Info
+$btn-grp-outline-info-focus-border-color: inherit !default;
+$btn-grp-outline-focus-info-color: inherit !default;
+
+//Outline warning
+$btn-grp-outline-warning-focus-border-color: inherit !default;
+$btn-grp-outline-focus-warning-color: inherit !default;
+
+//Outline danger
+$btn-grp-outline-danger-focus-border-color: inherit !default;
+$btn-grp-outline-focus-danger-color: inherit !default;
+
+//enddefault