npm - @syncfusion/blazor-themes - Versions diffs - 25.2.3 → 25.2.5 - Mend

@syncfusion/blazor-themes 25.2.3 → 25.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (95) hide show

package/SCSS-Themes/material3-dark.scss CHANGED Viewed

@@ -62419,7 +62419,7 @@ $ddl-chip-bigger-content-padding: 0 !default;
   }
 }
-.e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
+.e-small .e-multiselect:not(.e-outline):not(.e-filled) .e-input-group-icon.e-ddl-icon {
   @if $ddl-multiselect-skin-name == 'Material3' {
     top: 6px;
   }
@@ -62557,7 +62557,7 @@ ejs-multiselect {
     margin-top: $ddl-small-close-hooker-margin-top;
     height: $ddl-small-chip-close-hooker-height;
     width: $ddl-small-chip-close-hooker-width;
-    line-height: 2px;
+    line-height: normal;
   }
 }
@@ -64401,7 +64401,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
     @if $ddl-multiselect-skin-name == 'Material3' {
-      content: '\e208';
+      content: '\e7e7';
       font-size: 16px;
       height: 16px;
       margin-top: -8px;
@@ -64412,7 +64412,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
   .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
     @if $ddl-multiselect-skin-name == 'Material3' {
-      content: '\e208';
+      content: '\e7e7';
       font-size: 14px;
       height: 14px;
       margin-top: -7px;
@@ -64423,7 +64423,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
   .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
     @if $ddl-multiselect-skin-name == 'Material3' {
-      content: '\e208';
+      content: '\e7e7';
       font-size: 20px;
       height: 20px;
       left: 0;
@@ -64437,7 +64437,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
   .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
     @if $ddl-multiselect-skin-name == 'Material3' {
-      content: '\e208';
+      content: '\e7e7';
       font-size: 18px;
       height: 18px;
       left: 0;
@@ -64481,6 +64481,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   .e-multiselect.e-outline.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
     @if $ddl-multiselect-skin-name == 'Material3' {
       margin: 7px 12px 9px 0;
+      min-height: fit-content;
     }
   }
@@ -64714,7 +64715,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   .e-bigger.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
   .e-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
   .e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
-    content: '\e208';
+    content: '\e7e7';
     font-size: 16px;
     height: 16px;
     padding: 0;
@@ -64772,6 +64773,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
     @if $ddl-multiselect-skin-name == 'Material3' {
       margin: 10px 0 9px;
+      min-height: fit-content;
     }
   }
@@ -64805,6 +64807,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   .e-small .e-multiselect.e-filled.e-input-group.e-float-input.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
     @if $ddl-multiselect-skin-name == 'Material3' {
       margin: 0 12px 4px 0;
+      min-width: fit-content;
     }
   }
@@ -88541,7 +88544,11 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
         vertical-align: middle;
       }
     }
+    .e-cloneproperties .e-treecolumn-container {
+      span {
+        vertical-align: text-top;
+      }
+    }
     .e-hierarchycheckbox .e-frame {
       @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
         font-size: 10px;
@@ -89356,7 +89363,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
     //Focus state for Normal and Outline GroupButton
     .e-btn:focus,
-    input:focus-visible+label.e-btn {
+    input:focus-visible+label.e-btn,
+    input:focus+label.e-btn {
       @include button-focus;
       @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;
@@ -92050,7 +92058,7 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
     margin-right: 5px;
     display: inline-block;
     float: none;
-    max-width: calc(100% - (2 * 5px));
+    max-width: 100%;
     padding: 1px;
     vertical-align: bottom;
   }

package/SCSS-Themes/material3.scss CHANGED Viewed

@@ -62502,7 +62502,7 @@ $ddl-chip-bigger-content-padding: 0 !default;
   }
 }
-.e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
+.e-small .e-multiselect:not(.e-outline):not(.e-filled) .e-input-group-icon.e-ddl-icon {
   @if $ddl-multiselect-skin-name == 'Material3' {
     top: 6px;
   }
@@ -62640,7 +62640,7 @@ ejs-multiselect {
     margin-top: $ddl-small-close-hooker-margin-top;
     height: $ddl-small-chip-close-hooker-height;
     width: $ddl-small-chip-close-hooker-width;
-    line-height: 2px;
+    line-height: normal;
   }
 }
@@ -64484,7 +64484,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
     @if $ddl-multiselect-skin-name == 'Material3' {
-      content: '\e208';
+      content: '\e7e7';
       font-size: 16px;
       height: 16px;
       margin-top: -8px;
@@ -64495,7 +64495,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
   .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
     @if $ddl-multiselect-skin-name == 'Material3' {
-      content: '\e208';
+      content: '\e7e7';
       font-size: 14px;
       height: 14px;
       margin-top: -7px;
@@ -64506,7 +64506,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
   .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
     @if $ddl-multiselect-skin-name == 'Material3' {
-      content: '\e208';
+      content: '\e7e7';
       font-size: 20px;
       height: 20px;
       left: 0;
@@ -64520,7 +64520,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
   .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
     @if $ddl-multiselect-skin-name == 'Material3' {
-      content: '\e208';
+      content: '\e7e7';
       font-size: 18px;
       height: 18px;
       left: 0;
@@ -64564,6 +64564,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   .e-multiselect.e-outline.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
     @if $ddl-multiselect-skin-name == 'Material3' {
       margin: 7px 12px 9px 0;
+      min-height: fit-content;
     }
   }
@@ -64797,7 +64798,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   .e-bigger.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
   .e-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
   .e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
-    content: '\e208';
+    content: '\e7e7';
     font-size: 16px;
     height: 16px;
     padding: 0;
@@ -64855,6 +64856,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
     @if $ddl-multiselect-skin-name == 'Material3' {
       margin: 10px 0 9px;
+      min-height: fit-content;
     }
   }
@@ -64888,6 +64890,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   .e-small .e-multiselect.e-filled.e-input-group.e-float-input.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
     @if $ddl-multiselect-skin-name == 'Material3' {
       margin: 0 12px 4px 0;
+      min-width: fit-content;
     }
   }
@@ -88624,7 +88627,11 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
         vertical-align: middle;
       }
     }
+    .e-cloneproperties .e-treecolumn-container {
+      span {
+        vertical-align: text-top;
+      }
+    }
     .e-hierarchycheckbox .e-frame {
       @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
         font-size: 10px;
@@ -89439,7 +89446,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
     //Focus state for Normal and Outline GroupButton
     .e-btn:focus,
-    input:focus-visible+label.e-btn {
+    input:focus-visible+label.e-btn,
+    input:focus+label.e-btn {
       @include button-focus;
       @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;
@@ -92133,7 +92141,7 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
     margin-right: 5px;
     display: inline-block;
     float: none;
-    max-width: calc(100% - (2 * 5px));
+    max-width: 100%;
     padding: 1px;
     vertical-align: bottom;
   }

package/SCSS-Themes/navigations/accordion/bootstrap5-dark.scss CHANGED Viewed

@@ -150,12 +150,12 @@ $acrdn-item-select-exp-hdr-hover-color: $primary !default;
 $acrdn-item-selected-exp-hdr-border-color: $border-light !default;
 $acrdn-item-selected-exp-hdr-border-size: 0 0 1px 0 !default;
 $acrdn-item-selected-exp-hdr-bg: $primary-lighter !default;
-$acrdn-item-selected-exp-hdr-hover-color: $primary !default;
-$acrdn-item-selected-exp-hdr-hover-focus-color: $primary !default;
+$acrdn-item-selected-exp-hdr-hover-color: $accordion-text-active-color !default;
+$acrdn-item-selected-exp-hdr-hover-focus-color: $accordion-text-active-color !default;
 $acrdn-item-selected-exp-hdr-icon-color: $icon-color !default;
 $acrdn-item-selected-exp-hdr-hover-border-color: $border-light !default;
-$acrdn-item-selected-tgl-icon-color: $primary !default;
-$acrdn-item-selected-hdr-font: $primary !default;
+$acrdn-item-selected-tgl-icon-color: $accordion-text-active-color !default;
+$acrdn-item-selected-hdr-font: $accordion-text-active-color !default;
 $acrdn-item-select-hdr-focus-border-color: $border-light !default;
 $acrdn-item-selected-border-color: $border-light !default;
 $acrdn-item-selected-border-size: 0 0 1px 0 !default;
@@ -166,16 +166,16 @@ $acrdn-item-selected-header-background: $primary-lighter !default;
 $acrdn-item-selected-hdr-border-color: $border-light !default;
 $acrdn-item-selected-hdr-border-size:  0 0 1px 0 !default;
 $acrdn-item-selected-header-border-radius: 0 !default;
-$acrdn-item-selected-hdr-con-font: $primary !default;
+$acrdn-item-selected-hdr-con-font: $accordion-text-active-color !default;
 $acrdn-item-selected-select-border-color: $border-light !default;
 $acrdn-item-selected-select-border-size: 0 0 1px 0 !default;
-$acrdn-item-selected-hdr-icon-font: $primary !default;
-$acrdn-item-selected-exp-hdr-con-hover-color: $primary !default;
+$acrdn-item-selected-hdr-icon-font: $accordion-text-active-color !default;
+$acrdn-item-selected-exp-hdr-con-hover-color: $accordion-text-active-color !default;
 $acrdn-item-selected-exp-hdr-icon-hover-color: $icon-color !default;
 $acrdn-item-selected-select-active-bg: $content-bg-color !default;
 $acrdn-item-nes-pan-exp-hdr-color: $content-text-color !default;
 $acrdn-item-selected-hdr-hover-border-color: $border-light !default;
-$acrdn-item-selected-hdr-tgl-icon-hover-font: $primary !default;
+$acrdn-item-selected-hdr-tgl-icon-hover-font: $accordion-text-active-color !default;
 $acrdn-item-nes-selected-exp-hover-hdr-icons-font: $primary !default;
 $acrdn-item-nes-selected-exp-hover-hdr-con-font: $content-text-color !default;
 $acrdn-item-exp-not-selected-hdr-focus-bg: none !default;

package/SCSS-Themes/navigations/accordion/bootstrap5.scss CHANGED Viewed

@@ -150,12 +150,12 @@ $acrdn-item-select-exp-hdr-hover-color: $primary !default;
 $acrdn-item-selected-exp-hdr-border-color: $border-light !default;
 $acrdn-item-selected-exp-hdr-border-size: 0 0 1px 0 !default;
 $acrdn-item-selected-exp-hdr-bg: $primary-lighter !default;
-$acrdn-item-selected-exp-hdr-hover-color: $primary !default;
-$acrdn-item-selected-exp-hdr-hover-focus-color: $primary !default;
+$acrdn-item-selected-exp-hdr-hover-color: $accordion-text-active-color !default;
+$acrdn-item-selected-exp-hdr-hover-focus-color: $accordion-text-active-color !default;
 $acrdn-item-selected-exp-hdr-icon-color: $icon-color !default;
 $acrdn-item-selected-exp-hdr-hover-border-color: $border-light !default;
-$acrdn-item-selected-tgl-icon-color: $primary !default;
-$acrdn-item-selected-hdr-font: $primary !default;
+$acrdn-item-selected-tgl-icon-color: $accordion-text-active-color !default;
+$acrdn-item-selected-hdr-font: $accordion-text-active-color !default;
 $acrdn-item-select-hdr-focus-border-color: $border-light !default;
 $acrdn-item-selected-border-color: $border-light !default;
 $acrdn-item-selected-border-size: 0 0 1px 0 !default;
@@ -166,16 +166,16 @@ $acrdn-item-selected-header-background: $primary-lighter !default;
 $acrdn-item-selected-hdr-border-color: $border-light !default;
 $acrdn-item-selected-hdr-border-size:  0 0 1px 0 !default;
 $acrdn-item-selected-header-border-radius: 0 !default;
-$acrdn-item-selected-hdr-con-font: $primary !default;
+$acrdn-item-selected-hdr-con-font: $accordion-text-active-color !default;
 $acrdn-item-selected-select-border-color: $border-light !default;
 $acrdn-item-selected-select-border-size: 0 0 1px 0 !default;
-$acrdn-item-selected-hdr-icon-font: $primary !default;
-$acrdn-item-selected-exp-hdr-con-hover-color: $primary !default;
+$acrdn-item-selected-hdr-icon-font: $accordion-text-active-color !default;
+$acrdn-item-selected-exp-hdr-con-hover-color: $accordion-text-active-color !default;
 $acrdn-item-selected-exp-hdr-icon-hover-color: $icon-color !default;
 $acrdn-item-selected-select-active-bg: $content-bg-color !default;
 $acrdn-item-nes-pan-exp-hdr-color: $content-text-color !default;
 $acrdn-item-selected-hdr-hover-border-color: $border-light !default;
-$acrdn-item-selected-hdr-tgl-icon-hover-font: $primary !default;
+$acrdn-item-selected-hdr-tgl-icon-hover-font: $accordion-text-active-color !default;
 $acrdn-item-nes-selected-exp-hover-hdr-icons-font: $primary !default;
 $acrdn-item-nes-selected-exp-hover-hdr-con-font: $content-text-color !default;
 $acrdn-item-exp-not-selected-hdr-focus-bg: none !default;

package/SCSS-Themes/richtexteditor/rich-text-editor/bds-dark.scss CHANGED Viewed

@@ -1224,7 +1224,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     margin-right: 5px;
     display: inline-block;
     float: none;
-    max-width: calc(100% - (2 * 5px));
+    max-width: 100%;
     padding: 1px;
     vertical-align: bottom;
   }

package/SCSS-Themes/richtexteditor/rich-text-editor/bds.scss CHANGED Viewed

@@ -1224,7 +1224,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     margin-right: 5px;
     display: inline-block;
     float: none;
-    max-width: calc(100% - (2 * 5px));
+    max-width: 100%;
     padding: 1px;
     vertical-align: bottom;
   }

package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap-dark.scss CHANGED Viewed

@@ -1226,7 +1226,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     margin-right: 5px;
     display: inline-block;
     float: none;
-    max-width: calc(100% - (2 * 5px));
+    max-width: 100%;
     padding: 1px;
     vertical-align: bottom;
   }

package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap.scss CHANGED Viewed

@@ -1282,7 +1282,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     margin-right: 5px;
     display: inline-block;
     float: none;
-    max-width: calc(100% - (2 * 5px));
+    max-width: 100%;
     padding: 1px;
     vertical-align: bottom;
   }

package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap4.scss CHANGED Viewed

@@ -1409,7 +1409,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     margin-right: 5px;
     display: inline-block;
     float: none;
-    max-width: calc(100% - (2 * 5px));
+    max-width: 100%;
     padding: 1px;
     vertical-align: bottom;
   }

package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5-dark.scss CHANGED Viewed

@@ -1211,7 +1211,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     margin-right: 5px;
     display: inline-block;
     float: none;
-    max-width: calc(100% - (2 * 5px));
+    max-width: 100%;
     padding: 1px;
     vertical-align: bottom;
   }

package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5.scss CHANGED Viewed

@@ -1211,7 +1211,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     margin-right: 5px;
     display: inline-block;
     float: none;
-    max-width: calc(100% - (2 * 5px));
+    max-width: 100%;
     padding: 1px;
     vertical-align: bottom;
   }

package/SCSS-Themes/richtexteditor/rich-text-editor/fabric-dark.scss CHANGED Viewed

@@ -1208,7 +1208,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     margin-right: 5px;
     display: inline-block;
     float: none;
-    max-width: calc(100% - (2 * 5px));
+    max-width: 100%;
     padding: 1px;
     vertical-align: bottom;
   }

package/SCSS-Themes/richtexteditor/rich-text-editor/fabric.scss CHANGED Viewed

@@ -1206,7 +1206,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     margin-right: 5px;
     display: inline-block;
     float: none;
-    max-width: calc(100% - (2 * 5px));
+    max-width: 100%;
     padding: 1px;
     vertical-align: bottom;
   }

package/SCSS-Themes/richtexteditor/rich-text-editor/fluent-dark.scss CHANGED Viewed

@@ -1212,7 +1212,7 @@ $rte-big-img-upload-abort-icon-btn-padding: 5px;
     margin-right: 5px;
     display: inline-block;
     float: none;
-    max-width: calc(100% - (2 * 5px));
+    max-width: 100%;
     padding: 1px;
     vertical-align: bottom;
   }

package/SCSS-Themes/richtexteditor/rich-text-editor/fluent.scss CHANGED Viewed

@@ -1212,7 +1212,7 @@ $rte-big-img-upload-abort-icon-btn-padding: 5px;
     margin-right: 5px;
     display: inline-block;
     float: none;
-    max-width: calc(100% - (2 * 5px));
+    max-width: 100%;
     padding: 1px;
     vertical-align: bottom;
   }

package/SCSS-Themes/richtexteditor/rich-text-editor/highcontrast.scss CHANGED Viewed

@@ -1206,7 +1206,7 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
     margin-right: 5px;
     display: inline-block;
     float: none;
-    max-width: calc(100% - (2 * 5px));
+    max-width: 100%;
     padding: 1px;
     vertical-align: bottom;
   }

package/SCSS-Themes/richtexteditor/rich-text-editor/material-dark.scss CHANGED Viewed

@@ -1211,7 +1211,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     margin-right: 5px;
     display: inline-block;
     float: none;
-    max-width: calc(100% - (2 * 5px));
+    max-width: 100%;
     padding: 1px;
     vertical-align: bottom;
   }

package/SCSS-Themes/richtexteditor/rich-text-editor/material.scss CHANGED Viewed

@@ -1209,7 +1209,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     margin-right: 5px;
     display: inline-block;
     float: none;
-    max-width: calc(100% - (2 * 5px));
+    max-width: 100%;
     padding: 1px;
     vertical-align: bottom;
   }

package/SCSS-Themes/richtexteditor/rich-text-editor/material3-dark.scss CHANGED Viewed

@@ -1211,7 +1211,7 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
     margin-right: 5px;
     display: inline-block;
     float: none;
-    max-width: calc(100% - (2 * 5px));
+    max-width: 100%;
     padding: 1px;
     vertical-align: bottom;
   }

package/SCSS-Themes/richtexteditor/rich-text-editor/material3.scss CHANGED Viewed

@@ -1211,7 +1211,7 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
     margin-right: 5px;
     display: inline-block;
     float: none;
-    max-width: calc(100% - (2 * 5px));
+    max-width: 100%;
     padding: 1px;
     vertical-align: bottom;
   }

package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind-dark.scss CHANGED Viewed

@@ -1206,7 +1206,7 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
     margin-right: 5px;
     display: inline-block;
     float: none;
-    max-width: calc(100% - (2 * 5px));
+    max-width: 100%;
     padding: 1px;
     vertical-align: bottom;
   }

package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind.scss CHANGED Viewed

@@ -1206,7 +1206,7 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
     margin-right: 5px;
     display: inline-block;
     float: none;
-    max-width: calc(100% - (2 * 5px));
+    max-width: 100%;
     padding: 1px;
     vertical-align: bottom;
   }

package/SCSS-Themes/splitbuttons/button-group/bds-dark.scss CHANGED Viewed

@@ -456,7 +456,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
     //Focus state for Normal and Outline GroupButton
     .e-btn:focus,
-    input:focus-visible+label.e-btn {
+    input:focus-visible+label.e-btn,
+    input:focus+label.e-btn {
       @include button-focus;
       @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;

package/SCSS-Themes/splitbuttons/button-group/bds.scss CHANGED Viewed

@@ -456,7 +456,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
     //Focus state for Normal and Outline GroupButton
     .e-btn:focus,
-    input:focus-visible+label.e-btn {
+    input:focus-visible+label.e-btn,
+    input:focus+label.e-btn {
       @include button-focus;
       @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;

package/SCSS-Themes/splitbuttons/button-group/bootstrap-dark.scss CHANGED Viewed

@@ -458,7 +458,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
     //Focus state for Normal and Outline GroupButton
     .e-btn:focus,
-    input:focus-visible+label.e-btn {
+    input:focus-visible+label.e-btn,
+    input:focus+label.e-btn {
       @include button-focus;
       @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;

package/SCSS-Themes/splitbuttons/button-group/bootstrap.scss CHANGED Viewed

@@ -455,7 +455,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
     //Focus state for Normal and Outline GroupButton
     .e-btn:focus,
-    input:focus-visible+label.e-btn {
+    input:focus-visible+label.e-btn,
+    input:focus+label.e-btn {
       @include button-focus;
       @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;

package/SCSS-Themes/splitbuttons/button-group/bootstrap4.scss CHANGED Viewed

@@ -455,7 +455,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
     //Focus state for Normal and Outline GroupButton
     .e-btn:focus,
-    input:focus-visible+label.e-btn {
+    input:focus-visible+label.e-btn,
+    input:focus+label.e-btn {
       @include button-focus;
       @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;

package/SCSS-Themes/splitbuttons/button-group/bootstrap5-dark.scss CHANGED Viewed

@@ -456,7 +456,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
     //Focus state for Normal and Outline GroupButton
     .e-btn:focus,
-    input:focus-visible+label.e-btn {
+    input:focus-visible+label.e-btn,
+    input:focus+label.e-btn {
       @include button-focus;
       @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;

package/SCSS-Themes/splitbuttons/button-group/bootstrap5.scss CHANGED Viewed

@@ -456,7 +456,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
     //Focus state for Normal and Outline GroupButton
     .e-btn:focus,
-    input:focus-visible+label.e-btn {
+    input:focus-visible+label.e-btn,
+    input:focus+label.e-btn {
       @include button-focus;
       @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;

package/SCSS-Themes/splitbuttons/button-group/fabric-dark.scss CHANGED Viewed

@@ -458,7 +458,8 @@ $btn-grp-outline-focus-danger-color: $btn-danger-active-color !default;
     //Focus state for Normal and Outline GroupButton
     .e-btn:focus,
-    input:focus-visible+label.e-btn {
+    input:focus-visible+label.e-btn,
+    input:focus+label.e-btn {
       @include button-focus;
       @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;

package/SCSS-Themes/splitbuttons/button-group/fabric.scss CHANGED Viewed

@@ -455,7 +455,8 @@ $btn-grp-outline-focus-danger-color: #fff !default;
     //Focus state for Normal and Outline GroupButton
     .e-btn:focus,
-    input:focus-visible+label.e-btn {
+    input:focus-visible+label.e-btn,
+    input:focus+label.e-btn {
       @include button-focus;
       @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;

package/SCSS-Themes/splitbuttons/button-group/fluent-dark.scss CHANGED Viewed

@@ -456,7 +456,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
     //Focus state for Normal and Outline GroupButton
     .e-btn:focus,
-    input:focus-visible+label.e-btn {
+    input:focus-visible+label.e-btn,
+    input:focus+label.e-btn {
       @include button-focus;
       @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;

package/SCSS-Themes/splitbuttons/button-group/fluent.scss CHANGED Viewed

@@ -456,7 +456,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
     //Focus state for Normal and Outline GroupButton
     .e-btn:focus,
-    input:focus-visible+label.e-btn {
+    input:focus-visible+label.e-btn,
+    input:focus+label.e-btn {
       @include button-focus;
       @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;

package/SCSS-Themes/splitbuttons/button-group/highcontrast.scss CHANGED Viewed

@@ -457,7 +457,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
     //Focus state for Normal and Outline GroupButton
     .e-btn:focus,
-    input:focus-visible+label.e-btn {
+    input:focus-visible+label.e-btn,
+    input:focus+label.e-btn {
       @include button-focus;
       @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;

package/SCSS-Themes/splitbuttons/button-group/material-dark.scss CHANGED Viewed

@@ -458,7 +458,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
     //Focus state for Normal and Outline GroupButton
     .e-btn:focus,
-    input:focus-visible+label.e-btn {
+    input:focus-visible+label.e-btn,
+    input:focus+label.e-btn {
       @include button-focus;
       @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;