npm - @syncfusion/blazor-themes - Versions diffs - 22.2.12 → 23.1.36 - Mend

@syncfusion/blazor-themes 22.2.12 → 23.1.36

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

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

@@ -79,10 +79,10 @@ $modal-header-text-color: rgba($primary-text-color) !default;
 // modal dialog portrait dimensions
 $modal-header-height: 10% !default;
-$modal-header-padding: 2.5vh 2.5vw !default;
+$modal-header-padding: 2.5vh 2.5vw 2.5vh 1.5vw !default;
 $modal-header-display-style: flex !default;
 $modal-header-content-align: center !default;
-$modal-header-portrait-font-size: 3vh !default;
+$modal-header-portrait-font-size: 2vh !default;
 $modal-close-icon-float: left !default;
 $modal-portrait-content-padding: 1vh 2vw !default;
 $modal-content-height: 90% !default;
@@ -319,6 +319,13 @@ $modal-tablet-font-size: 24px !default;
   }
 }
+.e-timepicker-mob-popup-wrap .e-popup-expand.e-timepicker.e-popup,
+.e-datetimepicker.e-popup-expand.e-timepicker.e-popup,
+.e-timepicker-mob-popup-wrap .e-popup-expand.e-datetimepicker.e-popup,
+.e-datetimepicker.e-popup-expand.e-popup {
+  border-radius: 0;
+}
 .e-timepicker-mob-popup-wrap .e-popup-expand,
 .e-datetimepicker.e-popup-expand {
@@ -338,6 +345,11 @@ $modal-tablet-font-size: 24px !default;
       #{if(&, '&', '*')} .e-model-title {
         padding: $modal-portrait-content-padding;
         text-transform: $modal-header-title-transform;
+        font-weight: 500;
+      }
+      #{if(&, '&', '*')} .e-btn.e-popup-close {
+        font-size: $modal-header-portrait-font-size;
       }
     }
@@ -375,6 +387,10 @@ $modal-tablet-font-size: 24px !default;
         #{if(&, '&', '*')} .e-model-title {
           padding: $modal-landscape-padding;
         }
+        #{if(&, '&', '*')} .e-btn.e-popup-close {
+          font-size: $modal-header-landscape-font-size;
+        }
       }
       #{if(&, '&', '*')} .e-content {
@@ -499,6 +515,7 @@ $modal-tablet-font-size: 24px !default;
       #{if(&, '&', '*')} .e-popup-close {
         color: $modal-header-text-color;
+        font-weight: 500;
       }
     }
   }

package/SCSS-Themes/calendars/timepicker/material3.scss CHANGED Viewed

@@ -79,10 +79,10 @@ $modal-header-text-color: rgba($primary-text-color) !default;
 // modal dialog portrait dimensions
 $modal-header-height: 10% !default;
-$modal-header-padding: 2.5vh 2.5vw !default;
+$modal-header-padding: 2.5vh 2.5vw 2.5vh 1.5vw !default;
 $modal-header-display-style: flex !default;
 $modal-header-content-align: center !default;
-$modal-header-portrait-font-size: 3vh !default;
+$modal-header-portrait-font-size: 2vh !default;
 $modal-close-icon-float: left !default;
 $modal-portrait-content-padding: 1vh 2vw !default;
 $modal-content-height: 90% !default;
@@ -319,6 +319,13 @@ $modal-tablet-font-size: 24px !default;
   }
 }
+.e-timepicker-mob-popup-wrap .e-popup-expand.e-timepicker.e-popup,
+.e-datetimepicker.e-popup-expand.e-timepicker.e-popup,
+.e-timepicker-mob-popup-wrap .e-popup-expand.e-datetimepicker.e-popup,
+.e-datetimepicker.e-popup-expand.e-popup {
+  border-radius: 0;
+}
 .e-timepicker-mob-popup-wrap .e-popup-expand,
 .e-datetimepicker.e-popup-expand {
@@ -338,6 +345,11 @@ $modal-tablet-font-size: 24px !default;
       #{if(&, '&', '*')} .e-model-title {
         padding: $modal-portrait-content-padding;
         text-transform: $modal-header-title-transform;
+        font-weight: 500;
+      }
+      #{if(&, '&', '*')} .e-btn.e-popup-close {
+        font-size: $modal-header-portrait-font-size;
       }
     }
@@ -375,6 +387,10 @@ $modal-tablet-font-size: 24px !default;
         #{if(&, '&', '*')} .e-model-title {
           padding: $modal-landscape-padding;
         }
+        #{if(&, '&', '*')} .e-btn.e-popup-close {
+          font-size: $modal-header-landscape-font-size;
+        }
       }
       #{if(&, '&', '*')} .e-content {
@@ -499,6 +515,7 @@ $modal-tablet-font-size: 24px !default;
       #{if(&, '&', '*')} .e-popup-close {
         color: $modal-header-text-color;
+        font-weight: 500;
       }
     }
   }

package/SCSS-Themes/calendars/timepicker/tailwind-dark.scss CHANGED Viewed

@@ -64,10 +64,10 @@ $modal-header-text-color: $content-text-color-alt1 !default;
 // modal dialog portrait dimensions
 $modal-header-height: 10% !default;
-$modal-header-padding: 2.5vh 2.5vw !default;
+$modal-header-padding: 2.5vh 2.5vw 2.5vh 1.5vw !default;
 $modal-header-display-style: flex !default;
 $modal-header-content-align: center !default;
-$modal-header-portrait-font-size: 3vh !default;
+$modal-header-portrait-font-size: 2vh !default;
 $modal-close-icon-float: left !default;
 $modal-portrait-content-padding: 1vh 2vw !default;
 $modal-content-height: 90% !default;
@@ -304,6 +304,13 @@ $modal-tablet-font-size: 24px !default;
   }
 }
+.e-timepicker-mob-popup-wrap .e-popup-expand.e-timepicker.e-popup,
+.e-datetimepicker.e-popup-expand.e-timepicker.e-popup,
+.e-timepicker-mob-popup-wrap .e-popup-expand.e-datetimepicker.e-popup,
+.e-datetimepicker.e-popup-expand.e-popup {
+  border-radius: 0;
+}
 .e-timepicker-mob-popup-wrap .e-popup-expand,
 .e-datetimepicker.e-popup-expand {
@@ -323,6 +330,11 @@ $modal-tablet-font-size: 24px !default;
       #{if(&, '&', '*')} .e-model-title {
         padding: $modal-portrait-content-padding;
         text-transform: $modal-header-title-transform;
+        font-weight: 500;
+      }
+      #{if(&, '&', '*')} .e-btn.e-popup-close {
+        font-size: $modal-header-portrait-font-size;
       }
     }
@@ -360,6 +372,10 @@ $modal-tablet-font-size: 24px !default;
         #{if(&, '&', '*')} .e-model-title {
           padding: $modal-landscape-padding;
         }
+        #{if(&, '&', '*')} .e-btn.e-popup-close {
+          font-size: $modal-header-landscape-font-size;
+        }
       }
       #{if(&, '&', '*')} .e-content {
@@ -484,6 +500,7 @@ $modal-tablet-font-size: 24px !default;
       #{if(&, '&', '*')} .e-popup-close {
         color: $modal-header-text-color;
+        font-weight: 500;
       }
     }
   }

package/SCSS-Themes/calendars/timepicker/tailwind.scss CHANGED Viewed

@@ -64,10 +64,10 @@ $modal-header-text-color: $content-text-color-alt1 !default;
 // modal dialog portrait dimensions
 $modal-header-height: 10% !default;
-$modal-header-padding: 2.5vh 2.5vw !default;
+$modal-header-padding: 2.5vh 2.5vw 2.5vh 1.5vw !default;
 $modal-header-display-style: flex !default;
 $modal-header-content-align: center !default;
-$modal-header-portrait-font-size: 3vh !default;
+$modal-header-portrait-font-size: 2vh !default;
 $modal-close-icon-float: left !default;
 $modal-portrait-content-padding: 1vh 2vw !default;
 $modal-content-height: 90% !default;
@@ -304,6 +304,13 @@ $modal-tablet-font-size: 24px !default;
   }
 }
+.e-timepicker-mob-popup-wrap .e-popup-expand.e-timepicker.e-popup,
+.e-datetimepicker.e-popup-expand.e-timepicker.e-popup,
+.e-timepicker-mob-popup-wrap .e-popup-expand.e-datetimepicker.e-popup,
+.e-datetimepicker.e-popup-expand.e-popup {
+  border-radius: 0;
+}
 .e-timepicker-mob-popup-wrap .e-popup-expand,
 .e-datetimepicker.e-popup-expand {
@@ -323,6 +330,11 @@ $modal-tablet-font-size: 24px !default;
       #{if(&, '&', '*')} .e-model-title {
         padding: $modal-portrait-content-padding;
         text-transform: $modal-header-title-transform;
+        font-weight: 500;
+      }
+      #{if(&, '&', '*')} .e-btn.e-popup-close {
+        font-size: $modal-header-portrait-font-size;
       }
     }
@@ -360,6 +372,10 @@ $modal-tablet-font-size: 24px !default;
         #{if(&, '&', '*')} .e-model-title {
           padding: $modal-landscape-padding;
         }
+        #{if(&, '&', '*')} .e-btn.e-popup-close {
+          font-size: $modal-header-landscape-font-size;
+        }
       }
       #{if(&, '&', '*')} .e-content {
@@ -484,6 +500,7 @@ $modal-tablet-font-size: 24px !default;
       #{if(&, '&', '*')} .e-popup-close {
         color: $modal-header-text-color;
+        font-weight: 500;
       }
     }
   }

package/SCSS-Themes/documenteditor/document-editor/bootstrap-dark.scss CHANGED Viewed

@@ -2971,6 +2971,21 @@ $de-column-presets-font-size: 60px !default;
                 }
             }
         }
+        .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog {
+            .e-de-style-font-group-button,
+            .e-style-paragraph {
+                button {
+                    @if $skin-name =='Material3' {
+                        height: 40px !important;
+                        width: 44px !important;
+                    }
+                }
+            }
+            .e-de-style-font-color-picker button {
+                height: 40px !important;
+                width: auto !important;
+            }
+        }
         .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog {
             .e-de-style-font-group-button,

package/SCSS-Themes/documenteditor/document-editor/bootstrap.scss CHANGED Viewed

@@ -2970,6 +2970,21 @@ $de-column-presets-font-size: 60px !default;
                 }
             }
         }
+        .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog {
+            .e-de-style-font-group-button,
+            .e-style-paragraph {
+                button {
+                    @if $skin-name =='Material3' {
+                        height: 40px !important;
+                        width: 44px !important;
+                    }
+                }
+            }
+            .e-de-style-font-color-picker button {
+                height: 40px !important;
+                width: auto !important;
+            }
+        }
         .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog {
             .e-de-style-font-group-button,

package/SCSS-Themes/documenteditor/document-editor/bootstrap4.scss CHANGED Viewed

@@ -2983,6 +2983,21 @@ $de-column-presets-font-size: 60px !default;
                 }
             }
         }
+        .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog {
+            .e-de-style-font-group-button,
+            .e-style-paragraph {
+                button {
+                    @if $skin-name =='Material3' {
+                        height: 40px !important;
+                        width: 44px !important;
+                    }
+                }
+            }
+            .e-de-style-font-color-picker button {
+                height: 40px !important;
+                width: auto !important;
+            }
+        }
         .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog {
             .e-de-style-font-group-button,

package/SCSS-Themes/documenteditor/document-editor/bootstrap5-dark.scss CHANGED Viewed

@@ -2984,6 +2984,21 @@ $de-column-presets-font-size: $text-6xl !default;
                 }
             }
         }
+        .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog {
+            .e-de-style-font-group-button,
+            .e-style-paragraph {
+                button {
+                    @if $skin-name =='Material3' {
+                        height: 40px !important;
+                        width: 44px !important;
+                    }
+                }
+            }
+            .e-de-style-font-color-picker button {
+                height: 40px !important;
+                width: auto !important;
+            }
+        }
         .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog {
             .e-de-style-font-group-button,

package/SCSS-Themes/documenteditor/document-editor/bootstrap5.scss CHANGED Viewed

@@ -2984,6 +2984,21 @@ $de-column-presets-font-size: $text-6xl !default;
                 }
             }
         }
+        .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog {
+            .e-de-style-font-group-button,
+            .e-style-paragraph {
+                button {
+                    @if $skin-name =='Material3' {
+                        height: 40px !important;
+                        width: 44px !important;
+                    }
+                }
+            }
+            .e-de-style-font-color-picker button {
+                height: 40px !important;
+                width: auto !important;
+            }
+        }
         .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog {
             .e-de-style-font-group-button,

package/SCSS-Themes/documenteditor/document-editor/fabric-dark.scss CHANGED Viewed

@@ -2973,6 +2973,21 @@ $de-column-presets-font-size: 60px !default;
                 }
             }
         }
+        .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog {
+            .e-de-style-font-group-button,
+            .e-style-paragraph {
+                button {
+                    @if $skin-name =='Material3' {
+                        height: 40px !important;
+                        width: 44px !important;
+                    }
+                }
+            }
+            .e-de-style-font-color-picker button {
+                height: 40px !important;
+                width: auto !important;
+            }
+        }
         .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog {
             .e-de-style-font-group-button,

package/SCSS-Themes/documenteditor/document-editor/fabric.scss CHANGED Viewed

@@ -2972,6 +2972,21 @@ $de-column-presets-font-size: 60px !default;
                 }
             }
         }
+        .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog {
+            .e-de-style-font-group-button,
+            .e-style-paragraph {
+                button {
+                    @if $skin-name =='Material3' {
+                        height: 40px !important;
+                        width: 44px !important;
+                    }
+                }
+            }
+            .e-de-style-font-color-picker button {
+                height: 40px !important;
+                width: auto !important;
+            }
+        }
         .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog {
             .e-de-style-font-group-button,

package/SCSS-Themes/documenteditor/document-editor/fluent-dark.scss CHANGED Viewed

@@ -2993,6 +2993,21 @@ $de-column-presets-font-size: $text-6xl !default;
                 }
             }
         }
+        .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog {
+            .e-de-style-font-group-button,
+            .e-style-paragraph {
+                button {
+                    @if $skin-name =='Material3' {
+                        height: 40px !important;
+                        width: 44px !important;
+                    }
+                }
+            }
+            .e-de-style-font-color-picker button {
+                height: 40px !important;
+                width: auto !important;
+            }
+        }
         .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog {
             .e-de-style-font-group-button,

package/SCSS-Themes/documenteditor/document-editor/fluent.scss CHANGED Viewed

@@ -2993,6 +2993,21 @@ $de-column-presets-font-size: $text-6xl !default;
                 }
             }
         }
+        .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog {
+            .e-de-style-font-group-button,
+            .e-style-paragraph {
+                button {
+                    @if $skin-name =='Material3' {
+                        height: 40px !important;
+                        width: 44px !important;
+                    }
+                }
+            }
+            .e-de-style-font-color-picker button {
+                height: 40px !important;
+                width: auto !important;
+            }
+        }
         .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog {
             .e-de-style-font-group-button,

package/SCSS-Themes/documenteditor/document-editor/highcontrast.scss CHANGED Viewed

@@ -2972,6 +2972,21 @@ $de-column-presets-font-size: 60px !default;
                 }
             }
         }
+        .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog {
+            .e-de-style-font-group-button,
+            .e-style-paragraph {
+                button {
+                    @if $skin-name =='Material3' {
+                        height: 40px !important;
+                        width: 44px !important;
+                    }
+                }
+            }
+            .e-de-style-font-color-picker button {
+                height: 40px !important;
+                width: auto !important;
+            }
+        }
         .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog {
             .e-de-style-font-group-button,

package/SCSS-Themes/documenteditor/document-editor/material-dark.scss CHANGED Viewed

@@ -2989,6 +2989,21 @@ $de-column-presets-font-size: 60px !default;
                 }
             }
         }
+        .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog {
+            .e-de-style-font-group-button,
+            .e-style-paragraph {
+                button {
+                    @if $skin-name =='Material3' {
+                        height: 40px !important;
+                        width: 44px !important;
+                    }
+                }
+            }
+            .e-de-style-font-color-picker button {
+                height: 40px !important;
+                width: auto !important;
+            }
+        }
         .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog {
             .e-de-style-font-group-button,

package/SCSS-Themes/documenteditor/document-editor/material.scss CHANGED Viewed

@@ -2989,6 +2989,21 @@ $de-column-presets-font-size: 60px !default;
                 }
             }
         }
+        .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog {
+            .e-de-style-font-group-button,
+            .e-style-paragraph {
+                button {
+                    @if $skin-name =='Material3' {
+                        height: 40px !important;
+                        width: 44px !important;
+                    }
+                }
+            }
+            .e-de-style-font-color-picker button {
+                height: 40px !important;
+                width: auto !important;
+            }
+        }
         .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog {
             .e-de-style-font-group-button,

package/SCSS-Themes/documenteditor/document-editor/material3-dark.scss CHANGED Viewed

@@ -2984,6 +2984,21 @@ $de-column-presets-font-size: 60px !default;
                 }
             }
         }
+        .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog {
+            .e-de-style-font-group-button,
+            .e-style-paragraph {
+                button {
+                    @if $skin-name =='Material3' {
+                        height: 40px !important;
+                        width: 44px !important;
+                    }
+                }
+            }
+            .e-de-style-font-color-picker button {
+                height: 40px !important;
+                width: auto !important;
+            }
+        }
         .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog {
             .e-de-style-font-group-button,

package/SCSS-Themes/documenteditor/document-editor/material3.scss CHANGED Viewed

@@ -2984,6 +2984,21 @@ $de-column-presets-font-size: 60px !default;
                 }
             }
         }
+        .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog {
+            .e-de-style-font-group-button,
+            .e-style-paragraph {
+                button {
+                    @if $skin-name =='Material3' {
+                        height: 40px !important;
+                        width: 44px !important;
+                    }
+                }
+            }
+            .e-de-style-font-color-picker button {
+                height: 40px !important;
+                width: auto !important;
+            }
+        }
         .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog {
             .e-de-style-font-group-button,

package/SCSS-Themes/documenteditor/document-editor/tailwind-dark.scss CHANGED Viewed

@@ -2981,6 +2981,21 @@ $de-column-presets-font-size: $text-6xl !default;
                 }
             }
         }
+        .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog {
+            .e-de-style-font-group-button,
+            .e-style-paragraph {
+                button {
+                    @if $skin-name =='Material3' {
+                        height: 40px !important;
+                        width: 44px !important;
+                    }
+                }
+            }
+            .e-de-style-font-color-picker button {
+                height: 40px !important;
+                width: auto !important;
+            }
+        }
         .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog {
             .e-de-style-font-group-button,

package/SCSS-Themes/documenteditor/document-editor/tailwind.scss CHANGED Viewed

@@ -2981,6 +2981,21 @@ $de-column-presets-font-size: $text-6xl !default;
                 }
             }
         }
+        .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog {
+            .e-de-style-font-group-button,
+            .e-style-paragraph {
+                button {
+                    @if $skin-name =='Material3' {
+                        height: 40px !important;
+                        width: 44px !important;
+                    }
+                }
+            }
+            .e-de-style-font-color-picker button {
+                height: 40px !important;
+                width: auto !important;
+            }
+        }
         .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog {
             .e-de-style-font-group-button,

package/SCSS-Themes/documenteditor/document-editor-container/bootstrap-dark.scss CHANGED Viewed

@@ -1448,6 +1448,7 @@ $de-prop-btn-icon-clr: #ccc;
             line-height: normal;
             margin: 0;
             outline: 0;
+			background: $de-ctnr-bg-clr;
             @if $skin-name =='Material3' {
                 padding: 10px 0;
             }
@@ -2672,6 +2673,7 @@ $de-prop-btn-icon-clr: #ccc;
     }
 }
 @include export-module('document-editor-container-bootstrap-icons') {
   .e-de-ctnr-linespacing::before {
     content: '\eb30';

package/SCSS-Themes/documenteditor/document-editor-container/bootstrap.scss CHANGED Viewed

@@ -1448,6 +1448,7 @@ $de-prop-btn-icon-clr: #ccc;
             line-height: normal;
             margin: 0;
             outline: 0;
+			background: $de-ctnr-bg-clr;
             @if $skin-name =='Material3' {
                 padding: 10px 0;
             }
@@ -2672,6 +2673,7 @@ $de-prop-btn-icon-clr: #ccc;
     }
 }
 @include export-module('document-editor-container-bootstrap-icons') {
   .e-de-ctnr-linespacing::before {
     content: '\eb30';

package/SCSS-Themes/documenteditor/document-editor-container/bootstrap4.scss CHANGED Viewed

@@ -1464,6 +1464,7 @@ $de-hlt-clr-height-bigger: 25px;
             line-height: normal;
             margin: 0;
             outline: 0;
+			background: $de-ctnr-bg-clr;
             @if $skin-name =='Material3' {
                 padding: 10px 0;
             }
@@ -2688,6 +2689,7 @@ $de-hlt-clr-height-bigger: 25px;
     }
 }
 @include export-module('document-editor-container-bootstrap4-icons') {
   .e-de-ctnr-close::before {
     content: '\e745';

package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5-dark.scss CHANGED Viewed

@@ -1474,6 +1474,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
             line-height: normal;
             margin: 0;
             outline: 0;
+			background: $de-ctnr-bg-clr;
             @if $skin-name =='Material3' {
                 padding: 10px 0;
             }
@@ -2698,6 +2699,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
     }
 }
 @include export-module('document-editor-container-bootstrap5-icons') {
   .e-de-ctnr-close::before {
     color: $icon-color;

package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5.scss CHANGED Viewed

@@ -1474,6 +1474,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
             line-height: normal;
             margin: 0;
             outline: 0;
+			background: $de-ctnr-bg-clr;
             @if $skin-name =='Material3' {
                 padding: 10px 0;
             }
@@ -2698,6 +2699,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
     }
 }
 @include export-module('document-editor-container-bootstrap5-icons') {
   .e-de-ctnr-close::before {
     color: $icon-color;