npm - @syncfusion/blazor-themes - Versions diffs - 24.1.45 → 24.1.47 - Mend

@syncfusion/blazor-themes 24.1.45 → 24.1.47

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 (243) hide show

package/SCSS-Themes/material3.scss CHANGED Viewed

@@ -3236,6 +3236,11 @@ $ddl-bigger-small-list-font-size: $text-sm !default;
     }
   }
+  .e-popup.e-ddl-device.e-popup-close {
+    display: block;
+    visibility: hidden;
+  }
   .e-popup-full-page {
     bottom: 0;
     left: 0;
@@ -20274,11 +20279,6 @@ $ddl-small-list-header-font-size: $ddl-group-list-font-size !default;
     cursor: default;
   }
-  .e-mention .e-mention-chip::selection {
-    color: $mention-gradient-color;
-    background: $mention-active-font-color;
-  }
   .e-mention.e-editable-element {
     border: 2px solid $ddl-list-border-color;
     height: auto;
@@ -23327,11 +23327,7 @@ $btn-keyboard-focus-box-shadow: $shadow-focus-ring1 !default;
     outline: $btn-active-outline;
     outline-offset: $btn-active-outline-offset;
   }
-  @if $skin-name == 'bootstrap4' {
-    $color-rgba: rgba(mix(lighten($btn-active-bgcolor, 50%), $btn-active-border-color, 15%), .5);
-    box-shadow: 0 0 0 .25em $color-rgba;
-  }
-  @else if $skin-name != 'bootstrap5' {
+  @else if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' {
     box-shadow: $btn-active-box-shadow;
   }
 }
@@ -23363,11 +23359,7 @@ $btn-keyboard-focus-box-shadow: $shadow-focus-ring1 !default;
   @if $skin-name != 'FluentUI' {
     outline: $btn-active-outline;
   }
-  @if $skin-name == 'bootstrap4' {
-    $color-rgba: rgba(mix(lighten($btn-primary-active-bgcolor, 50%), $btn-primary-active-border-color, 15%), .5);
-    box-shadow: 0 0 0 .25em $color-rgba;
-  }
-  @else if $skin-name != 'bootstrap5' {
+  @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' {
     box-shadow: $btn-active-box-shadow;
   }
 }
@@ -23404,13 +23396,11 @@ $btn-keyboard-focus-box-shadow: $shadow-focus-ring1 !default;
   @if $skin-name == 'bootstrap4' {
     background: $btn-bgcolor;
     border-color: transparent;
-    $color-rgba: rgba(mix(lighten($btn-outline-active-bgcolor, 50%), $btn-outline-active-border-color, 15%), .5);
-    box-shadow: 0 0 0 .25em $color-rgba;
   }
   @else {
     background: $btn-outline-active-bgcolor;
     border-color: $btn-outline-active-border-color;
-    @if $skin-name != 'bootstrap5' {
+    @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' {
       box-shadow: $btn-outline-active-box-shadow;
     }
   }
@@ -23439,8 +23429,6 @@ $btn-keyboard-focus-box-shadow: $shadow-focus-ring1 !default;
   @if $skin-name == 'bootstrap4' {
     background: $btn-primary-bgcolor;
     border-color: transparent;
-    $color-rgba: rgba(mix(lighten($btn-primary-active-bgcolor, 50%), $btn-outline-primary-active-border-color, 15%), .5);
-    box-shadow: 0 0 0 .25em $color-rgba;
   }
   @else if ($skin-name == 'bootstrap5') {
     background: $btn-primary-bgcolor;
@@ -23448,7 +23436,7 @@ $btn-keyboard-focus-box-shadow: $shadow-focus-ring1 !default;
   @else {
     background: $btn-primary-active-bgcolor;
     border-color: $btn-outline-primary-active-border-color;
-    @if $skin-name != 'bootstrap5' {
+    @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' {
       box-shadow: $btn-outline-active-box-shadow;
     }
   }
@@ -23482,13 +23470,11 @@ $btn-keyboard-focus-box-shadow: $shadow-focus-ring1 !default;
   @if $skin-name == 'bootstrap4' {
     background: $btn-success-bgcolor;
     border-color: transparent;
-    $color-rgba: rgba(mix(lighten($btn-success-active-bgcolor, 50%), $btn-success-active-border-color, 15%), .5);
-    box-shadow: 0 0 0 .25em $color-rgba;
   }
   @else {
     background: $btn-success-active-bgcolor;
     border-color: $btn-success-active-border-color;
-    @if $skin-name != 'bootstrap5' {
+    @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' {
       box-shadow: $btn-outline-active-box-shadow;
     }
   }
@@ -23522,8 +23508,6 @@ $btn-keyboard-focus-box-shadow: $shadow-focus-ring1 !default;
   @if $skin-name == 'bootstrap4' {
     background: $btn-info-bgcolor;
     border-color: transparent;
-    $color-rgba: rgba(mix(lighten($btn-info-active-bgcolor, 50%), $btn-info-active-border-color, 15%), .5);
-    box-shadow: 0 0 0 .25em $color-rgba;
   }
   @else if ($skin-name == 'bootstrap5') {
     background: $btn-info-bgcolor;
@@ -23531,7 +23515,7 @@ $btn-keyboard-focus-box-shadow: $shadow-focus-ring1 !default;
   @else {
     background: $btn-info-active-bgcolor;
     border-color: $btn-info-active-border-color;
-    @if $skin-name != 'bootstrap5' {
+    @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' {
       box-shadow: $btn-outline-active-box-shadow;
     }
   }
@@ -23565,13 +23549,11 @@ $btn-keyboard-focus-box-shadow: $shadow-focus-ring1 !default;
   @if $skin-name == 'bootstrap4' {
     background: $btn-warning-bgcolor;
     border-color: transparent;
-    $color-rgba: rgba(mix(lighten($btn-warning-active-bgcolor, 50%), $btn-warning-active-border-color, 15%), .5);
-    box-shadow: 0 0 0 .25em $color-rgba;
   }
   @else {
     background: $btn-warning-active-bgcolor;
     border-color: $btn-warning-active-border-color;
-    @if $skin-name != 'bootstrap5' {
+    @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' {
       box-shadow: $btn-outline-active-box-shadow;
     }
   }
@@ -23605,13 +23587,11 @@ $btn-keyboard-focus-box-shadow: $shadow-focus-ring1 !default;
   @if $skin-name == 'bootstrap4' {
     background: $btn-danger-bgcolor;
     border-color: transparent;
-    $color-rgba: rgba(mix(lighten($btn-danger-active-bgcolor, 50%), $btn-danger-active-border-color, 15%), .5);
-    box-shadow: 0 0 0 .25em $color-rgba;
   }
   @else {
     background: $btn-danger-active-bgcolor;
     border-color: $btn-danger-active-border-color;
-    @if $skin-name != 'bootstrap5' {
+    @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' {
       box-shadow: $btn-outline-active-box-shadow;
     }
   }
@@ -23723,11 +23703,7 @@ $btn-keyboard-focus-box-shadow: $shadow-focus-ring1 !default;
   background: $btn-success-active-bgcolor;
   border-color: $btn-success-active-border-color;
   color: $btn-success-active-color;
-  @if $skin-name == 'bootstrap4' {
-    $color-rgba: rgba(mix(lighten($btn-success-active-bgcolor, 50%), $btn-success-active-border-color, 15%), .5);
-    box-shadow: 0 0 0 .25em $color-rgba;
-  }
-  @else if $skin-name != 'bootstrap5' {
+  @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' {
     box-shadow: $btn-active-box-shadow;
   }
 }
@@ -23760,11 +23736,7 @@ $btn-keyboard-focus-box-shadow: $shadow-focus-ring1 !default;
   @else {
     border-color: $btn-info-active-border-color;
   }
-  @if $skin-name == 'bootstrap4' {
-    $color-rgba: rgba(mix(lighten($btn-info-active-bgcolor, 50%), $btn-info-active-border-color, 15%), .5);
-    box-shadow: 0 0 0 .25em $color-rgba;
-  }
-  @else if $skin-name != 'bootstrap5' {
+  @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' {
     box-shadow: $btn-active-box-shadow;
   }
 }
@@ -23797,11 +23769,7 @@ $btn-keyboard-focus-box-shadow: $shadow-focus-ring1 !default;
     border-color: $btn-warning-active-border-color;
   }
   color: $btn-warning-active-color;
-  @if $skin-name == 'bootstrap4' {
-    $color-rgba: rgba(mix(lighten($btn-warning-active-bgcolor, 50%), $btn-warning-active-border-color, 15%), .5);
-    box-shadow: 0 0 0 .25em $color-rgba;
-  }
-  @else if $skin-name != 'bootstrap5' {
+  @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' {
     box-shadow: $btn-active-box-shadow;
   }
 }
@@ -23834,11 +23802,7 @@ $btn-keyboard-focus-box-shadow: $shadow-focus-ring1 !default;
     border-color: $btn-danger-active-border-color;
   }
   color: $btn-danger-active-color;
-  @if $skin-name == 'bootstrap4' {
-    $color-rgba: rgba(mix(lighten($btn-danger-active-bgcolor, 50%), $btn-danger-active-border-color, 15%), .5);
-    box-shadow: 0 0 0 .25em $color-rgba;
-  }
-  @else if $skin-name != 'bootstrap5' {
+  @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' {
     box-shadow: $btn-active-box-shadow;
   }
 }
@@ -26144,7 +26108,7 @@ $calendar-active-state-icon-bg-color: rgba($content-text-color, .12) !default;
 $calendar-icon-hover-bg-color: rgba($content-text-color, .08) !default;
 $calendar-device-icon-hover-bg-color: none !default;
 $calendar-focus-date-color: rgba($flyout-text-color) !default;
-$calendar-other-month-date: rgba($content-text-color-alt1, .6) !default;
+$calendar-other-month-date: rgba($content-text-color-alt1, .84) !default;
 $calendar-text-color: rgba($content-text-color) !default;
 $calendar-hover-text: $calendar-text-color !default;
 $calendar-text-color-focus: rgba($primary-text-color) !default;
@@ -31690,7 +31654,9 @@ $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
         }
         &.e-focused {
-          background-color: $drop-down-btn-li-focus-bgcolor;
+          @if $skin-name != 'FluentUI' {
+            background-color: $drop-down-btn-li-focus-bgcolor;
+          }
           box-shadow: $drop-down-btn-li-box-shadow;
         }
@@ -49247,6 +49213,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
           .e-tbar-btn-text {
             color: $tbar-btn-text-focus-color;
+            @if $skin-name == 'bootstrap5' {
+              color: $tbar-btn-icons-focus-color;
+            }
           }
         }
@@ -49260,6 +49230,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
           .e-icons {
             color: $tbar-btn-icons-focus-color;
+            @if $skin-name == 'bootstrap5' {
+              color: $tbar-btn-text-focus-color;
+            }
           }
           .e-tbar-btn-text {
@@ -58387,6 +58361,7 @@ $stepper-bigger-small-optional-size: 12px !default;
 $stepper-bigger-small-text-size: 14px !default;
 $step-selected-li-shadow: 0 0 0 2px rgba($content-bg-color), 0 0 0 4px rgba($primary), 0 0 0 8px rgba($content-bg-color) !default;
+$step-keyboard-selected-li-shadow: 0 0 0 2px rgba($content-bg-color), 0 0 0 4px rgba($content-text-color), 0 0 0 8px rgba($content-bg-color) !default;
 $step-valid-li-shadow: 0 0 0 2px rgba($content-bg-color), 0 0 0 4px rgba($success), 0 0 0 8px rgba($content-bg-color) !default;
 $step-error-li-shadow: 0 0 0 2px rgba($content-bg-color), 0 0 0 4px rgba($danger), 0 0 0 8px rgba($content-bg-color) !default;
 $step-li-shadow: 0 0 0 8px rgba($content-bg-color) !default;
@@ -59121,12 +59096,18 @@ $step-indicator-color: $content-bg-color-alt5 !default;
       }
     }
-    &:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step,
+    &:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step {
+      box-shadow: $step-selected-li-shadow;
+    }
     .e-stepper-steps .e-step-container.e-step-focus .e-step,
     .e-stepper-steps .e-step-container.e-step-label-only.e-step-focus .e-label,
     .e-stepper-steps .e-step-container.e-step-text-only.e-step-focus .e-text,
-    .e-stepper-steps .e-step-container.e-step-template.e-step-focus {
-      box-shadow: $step-selected-li-shadow;
+    .e-stepper-steps .e-step-container.e-step-template.e-step-focus,
+    &:not(.e-steps-focus) .e-stepper-steps .e-step-container:focus-visible .e-step,
+    &:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-text-only:focus-visible .e-text,
+    &:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-label-only:focus-visible .e-label {
+      box-shadow: $step-keyboard-selected-li-shadow !important; /* stylelint-disable-line declaration-no-important */
     }
     &:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-valid.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step,
@@ -71154,6 +71135,11 @@ $de-column-presets-font-size: 60px !default;
     content: '\e882';
   }
+  .e-de-share::before {
+    content: '\e8f2';
+    font-family: 'e-icons';
+  }
   .e-de-preset-container {
     width: 95px;
   }
@@ -79156,7 +79142,8 @@ $grid-dropitems-count-margin-left: -9px !default;
         & tr.e-row:first-child .e-rowcell.e-dragborder,
         & .e-rowcell.e-dragborder,
         & .e-rowdragdrop.e-dragborder,
-        & .e-detailrowcollapse.e-dragborder {
+        & .e-detailrowcollapse.e-dragborder,
+        & .e-detailrowexpand.e-dragborder {
         z-index: $grid-dragborder-z-index;
         }
     }
@@ -79175,7 +79162,10 @@ $grid-dropitems-count-margin-left: -9px !default;
         & .e-rowdragdrop.e-dragborder.e-fixedfreeze,
         & .e-detailrowcollapse.e-dragborder.e-leftfreeze,
         & .e-detailrowcollapse.e-dragborder.e-rightfreeze,
-        & .e-detailrowcollapse.e-dragborder.e-fixedfreeze {
+        & .e-detailrowcollapse.e-dragborder.e-fixedfreeze,
+        & .e-detailrowexpand.e-dragborder.e-leftfreeze,
+        & .e-detailrowexpand.e-dragborder.e-rightfreeze,
+        & .e-detailrowexpand.e-dragborder.e-fixedfreeze {
         z-index: 6;
         }
     }
@@ -79186,7 +79176,8 @@ $grid-dropitems-count-margin-left: -9px !default;
         & tr.e-row:first-child .e-rowcell.e-dragborder,
         & .e-rowcell.e-dragborder,
         & .e-rowdragdrop.e-dragborder,
-        & .e-detailrowcollapse.e-dragborder {
+        & .e-detailrowcollapse.e-dragborder,
+        & .e-detailrowexpand.e-dragborder {
         box-shadow: $grid-dragborder-box-shadow;
         }
     }
@@ -79222,7 +79213,8 @@ $grid-dropitems-count-margin-left: -9px !default;
         & tr.e-row:first-child .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
         & .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
         & .e-rowdragdrop.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
-        & .e-detailrowcollapse.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze) {
+        & .e-detailrowcollapse.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze)
+        & .e-detailrowexpand.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze) {
         position: $grid-dragborder-position;
         }
     }
@@ -82496,6 +82488,13 @@ margin: $grid-group-animator-cell-margin;
         }
       }
+      .e-rowdragdrop {
+        @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' {
+          border-width: $grid-rowcell-broder-width;
+          border-color: $grid-dragcell-border-color;
+        }
+      }
       .e-rowcell.e-frozen-right-border,
       .e-headercell.e-frozen-right-border,
       .e-filterbarcell.e-frozen-right-border {
@@ -82614,6 +82613,11 @@ margin: $grid-group-animator-cell-margin;
         overflow-y: auto;
       }
+      .e-gridcontent .e-content,
+      .e-detailrowcollapse.e-dragborder,
+      .e-detailrowexpand.e-dragborder{
+        position: $grid-dragborder-position;
+      }
       .e-gridcontent .e-content.e-yscroll {
         overflow-y: scroll;
       }
@@ -88898,7 +88902,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
     input:focus+label.e-btn,
     .e-btn:focus,
     .e-btn:hover {
-      @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
+      @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap4' {
         z-index: 2;
       }
     }
@@ -89188,7 +89192,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
       }
     }
-    @if $skin-name == 'material' or $skin-name == 'bootstrap4' or $skin-name == 'Material3' {
+    @if $skin-name == 'material' or $skin-name == 'Material3' {
       .e-btn {
         box-shadow: none;
       }
@@ -89232,7 +89236,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
     .e-btn:focus,
     input:focus+label.e-btn {
       @include button-focus;
-      @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+      @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;
       }
       @if $skin-name == 'bootstrap5' {
@@ -89249,7 +89253,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
       &.e-primary {
         @include primary-focus;
-        @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+        @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
           box-shadow: none;
         }
         @if $skin-name == 'bootstrap5' {
@@ -89263,7 +89267,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
       &.e-success {
         @include success-focus;
-        @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+        @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
           box-shadow: none;
         }
         @if $skin-name == 'bootstrap5' {
@@ -89277,7 +89281,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
       &.e-info {
         @include info-focus;
-        @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+        @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
           box-shadow: none;
         }
         @if $skin-name == 'bootstrap5' {
@@ -89291,7 +89295,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
       &.e-warning {
         @include warning-focus;
-        @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+        @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
           box-shadow: none;
         }
         @if $skin-name == 'bootstrap5' {
@@ -89305,7 +89309,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
       &.e-danger {
         @include danger-focus;
-        @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+        @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
           box-shadow: none;
         }
         @if $skin-name == 'bootstrap5' {
@@ -89327,7 +89331,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
       &.e-outline {
         @include outline-focus;
-        @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+        @if $skin-name != 'bootstrap5' $skin-name != 'bootstrap4' and and $skin-name != 'tailwind' {
           box-shadow: none;
         }
         @if $skin-name == 'bootstrap5' {
@@ -89336,7 +89340,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
         &.e-primary {
           @include outline-primary-focus;
-          @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+          @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
             box-shadow: none;
           }
           @if $skin-name == 'bootstrap5' {
@@ -89346,7 +89350,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
         &.e-success {
           @include outline-success-focus;
-          @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+          @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
             box-shadow: none;
           }
           @if $skin-name == 'bootstrap5' {
@@ -89356,7 +89360,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
         &.e-info {
           @include outline-info-focus;
-          @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+          @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
             box-shadow: none;
           }
           @if $skin-name == 'bootstrap5' {
@@ -89366,7 +89370,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
         &.e-warning {
           @include outline-warning-focus;
-          @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+          @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
             box-shadow: none;
           }
           @if $skin-name == 'bootstrap5' {
@@ -89376,7 +89380,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
         &.e-danger {
           @include outline-danger-focus;
-          @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+          @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
             box-shadow: none;
           }
           @if $skin-name == 'bootstrap5' {
@@ -90826,7 +90830,8 @@ $rte-insert-dialog-label-padding-top: 20px !default;
 $rte-insert-dialog-label-padding-bottom: 0 !default;
 $rte-big-quick-tbar-item-min-height: 40px !default;
 $rte-big-quick-tbar-item-min-width: 40px !default;
-$rte-content-font-size: $text-sm !default;
+$rte-content-font-size: 14px !default;
+$rte-big-content-font-size: 16px !default;
 $rte-dropdown-caret-icon-size: $text-xs !default;
 $rte-big-dropdown-caret-icon-size: $text-sm !default;
 $font-weight: $font-weight-normal !default;
@@ -91157,6 +91162,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         min-height: 350px;
       }
     }
+    .e-rte-content .e-content {
+      font-size: $rte-big-content-font-size;
+    }
   }
   .e-richtexteditor {
@@ -91463,10 +91471,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         position: relative;
         text-align: inherit;
         z-index: 2;
-        @media screen and (min-width: 992px) {
-          font-size: $rte-content-font-size;
-        }
+        font-size: $rte-content-font-size;
       }
       .e-content p {
@@ -95446,7 +95451,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
       }
       .e-zero-spacing {
-        border-spacing: .25px;
+        border-spacing: 0;
       }
       .e-chart-row:first-child .e-chart-row-border {
@@ -98919,7 +98924,6 @@ $kanban-col-expand-collapse-box-shadow: $secondary-shadow-focus !default;
               padding: $kanban-collapse-header-text-padding;
               position: relative;
               text-overflow: ellipsis;
-              text-transform: $kanban-collapse-header-text-transform;
               white-space: nowrap;
               writing-mode: vertical-lr;
@@ -102986,8 +102990,6 @@ $pv-search-btn-width-big: 32px !default;
   .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover,
   .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
   .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
-  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
-  .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
   .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
   .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
   .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
@@ -103008,6 +103010,20 @@ $pv-search-btn-width-big: 32px !default;
       color: $pv-item-selection-color;
     }
   }
+  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
+  .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus
+  {
+    @if $skin-name == 'bootstrap4' {
+      color: $pv-icon-color-hover;
+    }
+    @if $skin-name == 'bootstrap5' {
+      color: $pv-icon-color;
+    }
+    @if $skin-name == 'FluentUI' {
+      color: $pv-item-selection-color;
+    }
+  }
   .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item:hover .e-menu-icon,
   .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover .e-menu-icon,
@@ -125467,6 +125483,7 @@ $ribbon-large-items-btn-height: 15px !default;
 $ribbon-large-items-icon-size: $text-4xl !default;
 $ribbon-large-items-max-width: 10ch !default;
 $ribbon-large-items-icon-padding: 4px 3px !default;
+$ribbon-large-items-btn-gap: 4px !default;
 $ribbon-items-border: none !default;
 $ribbon-items-border-radius: 4px !default;
 $ribbon-items-font-weight: $font-weight-normal !default;
@@ -125563,6 +125580,7 @@ $ribbon-bigger-large-items-icon-size: 36px !default;
 $ribbon-bigger-large-items-btn-padding: 0 3px !default;
 $ribbon-bigger-large-items-btn-size: $text-sm !default;
 $ribbon-bigger-large-items-btn-height: 18px !default;
+$ribbon-bigger-large-items-btn-gap: 9px !default;
 $ribbon-bigger-items-padding: 2px !default;
 $ribbon-bigger-items-btn-size: $text-sm !default;
 $ribbon-bigger-items-height: 18px !default;
@@ -126341,6 +126359,10 @@ $ribbon-filemenu-popup-border-radius: 4px !default;
           .e-icon-top {
             height: 50%;
           }
+          &.e-top-icon-btn {
+            gap: $ribbon-large-items-btn-gap;
+          }
         }
         & > .e-split-btn-wrapper.e-vertical .e-btn {
@@ -126966,6 +126988,10 @@ $ribbon-filemenu-popup-border-radius: 4px !default;
             font-size: $ribbon-bigger-large-items-icon-size;
             padding: $ribbon-bigger-large-items-icon-padding;
           }
+          &.e-top-icon-btn {
+            gap: $ribbon-bigger-large-items-btn-gap;
+          }
         }
         .e-dropdown-btn {

package/SCSS-Themes/navigations/stepper/bootstrap-dark.scss CHANGED Viewed

@@ -43,6 +43,7 @@ $stepper-bigger-small-optional-size: 12px !default;
 $stepper-bigger-small-text-size: 14px !default;
 $step-selected-li-shadow: 0 0 0 2px $gray-base, 0 0 0 4px $brand-primary, 0 0 0 8px $gray-base !default;
+$step-keyboard-selected-li-shadow: 0 0 0 2px $gray-base, 0 0 0 4px $grey-light-font, 0 0 0 8px $gray-base !default;
 $step-valid-li-shadow: 0 0 0 2px $gray-base, 0 0 0 4px $brand-success, 0 0 0 8px $gray-base !default;
 $step-error-li-shadow: 0 0 0 2px $gray-base, 0 0 0 4px $brand-danger, 0 0 0 8px $gray-base !default;
 $step-li-shadow: 0 0 0 8px $gray-base !default;
@@ -777,12 +778,18 @@ $step-selected-active-color: $brand-primary-lighten-15 !default;
       }
     }
-    &:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step,
+    &:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step {
+      box-shadow: $step-selected-li-shadow;
+    }
     .e-stepper-steps .e-step-container.e-step-focus .e-step,
     .e-stepper-steps .e-step-container.e-step-label-only.e-step-focus .e-label,
     .e-stepper-steps .e-step-container.e-step-text-only.e-step-focus .e-text,
-    .e-stepper-steps .e-step-container.e-step-template.e-step-focus {
-      box-shadow: $step-selected-li-shadow;
+    .e-stepper-steps .e-step-container.e-step-template.e-step-focus,
+    &:not(.e-steps-focus) .e-stepper-steps .e-step-container:focus-visible .e-step,
+    &:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-text-only:focus-visible .e-text,
+    &:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-label-only:focus-visible .e-label {
+      box-shadow: $step-keyboard-selected-li-shadow !important; /* stylelint-disable-line declaration-no-important */
     }
     &:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-valid.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step,

package/SCSS-Themes/navigations/stepper/bootstrap.scss CHANGED Viewed

@@ -43,6 +43,7 @@ $stepper-bigger-small-optional-size: 12px !default;
 $stepper-bigger-small-text-size: 14px !default;
 $step-selected-li-shadow: 0 0 0 2px $grey-white, 0 0 0 4px $brand-primary, 0 0 0 8px $grey-white !default;
+$step-keyboard-selected-li-shadow: 0 0 0 2px $grey-white, 0 0 0 4px $base-font, 0 0 0 8px $grey-white !default;
 $step-valid-li-shadow: 0 0 0 2px $grey-white, 0 0 0 4px $brand-success, 0 0 0 8px $grey-white !default;
 $step-error-li-shadow: 0 0 0 2px $grey-white, 0 0 0 4px $brand-danger, 0 0 0 8px $grey-white !default;
 $step-li-shadow: 0 0 0 8px $grey-white !default;
@@ -777,12 +778,18 @@ $step-selected-active-color: $brand-primary-darken-15 !default;
       }
     }
-    &:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step,
+    &:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step {
+      box-shadow: $step-selected-li-shadow;
+    }
     .e-stepper-steps .e-step-container.e-step-focus .e-step,
     .e-stepper-steps .e-step-container.e-step-label-only.e-step-focus .e-label,
     .e-stepper-steps .e-step-container.e-step-text-only.e-step-focus .e-text,
-    .e-stepper-steps .e-step-container.e-step-template.e-step-focus {
-      box-shadow: $step-selected-li-shadow;
+    .e-stepper-steps .e-step-container.e-step-template.e-step-focus,
+    &:not(.e-steps-focus) .e-stepper-steps .e-step-container:focus-visible .e-step,
+    &:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-text-only:focus-visible .e-text,
+    &:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-label-only:focus-visible .e-label {
+      box-shadow: $step-keyboard-selected-li-shadow !important; /* stylelint-disable-line declaration-no-important */
     }
     &:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-valid.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step,

package/SCSS-Themes/navigations/stepper/bootstrap4.scss CHANGED Viewed

@@ -43,6 +43,7 @@ $stepper-bigger-small-optional-size: 12px !default;
 $stepper-bigger-small-text-size: 14px !default;
 $step-selected-li-shadow: 0 0 0 2px $white, 0 0 0 4px $primary, 0 0 0 8px $white !default;
+$step-keyboard-selected-li-shadow: 0 0 0 2px $white, 0 0 0 4px $gray-700, 0 0 0 8px $white !default;
 $step-valid-li-shadow: 0 0 0 2px $white, 0 0 0 4px $success, 0 0 0 8px $white !default;
 $step-error-li-shadow: 0 0 0 2px $white, 0 0 0 4px $danger, 0 0 0 8px $white !default;
 $step-li-shadow: 0 0 0 8px $white !default;
@@ -777,12 +778,18 @@ $step-selected-active-color: darken($primary, 10%) !default;
       }
     }
-    &:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step,
+    &:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step {
+      box-shadow: $step-selected-li-shadow;
+    }
     .e-stepper-steps .e-step-container.e-step-focus .e-step,
     .e-stepper-steps .e-step-container.e-step-label-only.e-step-focus .e-label,
     .e-stepper-steps .e-step-container.e-step-text-only.e-step-focus .e-text,
-    .e-stepper-steps .e-step-container.e-step-template.e-step-focus {
-      box-shadow: $step-selected-li-shadow;
+    .e-stepper-steps .e-step-container.e-step-template.e-step-focus,
+    &:not(.e-steps-focus) .e-stepper-steps .e-step-container:focus-visible .e-step,
+    &:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-text-only:focus-visible .e-text,
+    &:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-label-only:focus-visible .e-label {
+      box-shadow: $step-keyboard-selected-li-shadow !important; /* stylelint-disable-line declaration-no-important */
     }
     &:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-valid.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step,