@syncfusion/ej2-angular-documenteditor 21.2.10 → 22.1.34

package/styles/document-editor/_material3-definition.scss

@@ -0,0 +1,560 @@
+$de-padding-half: 10px;
+$de-padding-half-bigger: 10px;
+$de-padding-full: 16px;
+$de-padding-full-bigger: 20px;
+
+$de-cmt-author-nme-padding-left: 8px;
+$de-cmt-author-nme-padding-left-big: 12px;
+$de-cmt-textbox-top-margin: 12px;
+$de-cmt-textbox-top-margin-big: 16px;
+$de-cmt-sub-container-padding: 8px;
+$de-cmt-sub-container-padding-big: 12px;
+$de-cmt-sub-container-padding-left: 10px;
+$de-cmt-sub-container-padding-left-big: 14px;
+$de-cmt-sub-container-hover-padding-left: 11px;
+$de-cmt-sub-container-hover-padding-left-big: 15px;
+$de-cmt-avatar-height: 24px;
+$de-cmt-avatar-width: 24px;
+$de-rp-sub-div-padding: 12px;
+$de-rp-sub-div-padding-big: $de-rp-sub-div-padding;
+$de-rp-whole-header-padding: 12px;
+$de-rp-whole-header-padding-big: $de-rp-whole-header-padding;
+$de-rp-enforce-padding: 12px;
+$de-rp-enforce-padding-big: $de-rp-enforce-padding;
+$de-rp-close-icon-right: -12px;
+$de-rp-close-icon-right-bigger: -17px;
+$de-rp-close-icon-top-bigger: -9px;
+$de-rp-close-icon-right-rtl: 12px;
+$de-rp-close-icon-right-bigger-rtl: 17px;
+$de-table-row-height-padding: 24px;
+$de-table-alignment-icon-width: 54px;
+$de-table-alignment-icon-height: 54px;
+$de-table-alignment-icon-margin: 2px;
+$de-table-dia-align-height: 60px;
+$de-table-dia-align-width: 60px;
+$de-table-dia-align-icon-height: 52px;
+$de-border-dlg-clr-padding-right: 19px;
+$de-border-dlg-clr-padding-bottom: 6px;
+$de-td-table-border-left: 5px;
+$de-border-dlg-preview-padding-left: 50px;
+$de-tbl-dlg-align-padding-bottom: 3px;
+
+// Hyperlink dialog
+$de-hyperlink-dlg-margin-top: 0 !default;
+$de-bigger-padding: 16px !default;
+
+$search-result-item-padding-top: 12px !default;
+$search-result-item-padding-bottom: 12px !default;
+$de-spellcheck-container-height: 140px !default;
+$de-spellcheck-container-gap: 16px !default;
+$de-para-dlg-heading-font-size: $text-sm !default;
+$de-para-dlg-small-heading-font-size: $text-xs !default;
+$de-para-dlg-heading-font-weight: $font-weight-medium !default;
+$de-insert-spellchecker-height: 360px !default;
+$de-insert-spellchecker-width: 513px !default;
+$de-insert-big-spellchecker-width: 600px !default;
+$de-spellcheck-listview-height: 122px !default;
+$de-para-title-bottom-margin: 0 !default;
+$de-para-dlg-height: auto !default;
+$de-para-dlg-width: auto !default;
+$de-toc-dlg-right-container-left: 1px !default;
+$de-toc-dlg-heading-font-size: $text-sm !default;
+$de-toc-dlg-heading-font-weight: $font-weight-medium !default;
+$de-toc-dlg-main-heading-font-weight: $font-weight-medium !default;
+$de-toc-title-bottom-margin: 8px !default;
+$de-title-bottom-margin: 8px !default;
+$de-toc-dlg-height: 454px !default;
+$de-toc-dlg-container-margin: 6px !default;
+$de-toc-dlg-width: 550px !default;
+$de-toc-sub-container-bottom: 8px !default;
+$de-toc-reset-button-margin-top: 10px !default;
+$de-toc-modify-button-margin-top: 10px !default;
+$de-toc-list-view-font-size: $text-xs !default;
+$de-toc-list-view-height: 186px !default;
+$de-toc-dlg-sub-margin: 5px 15px 5px 15px !default;
+$de-toc-dlg-style-label-left: 42px !default;
+$de-toc-dlg-style-label-top: 35px !default;
+$de-para-sub-title-bottom-margin: 4px !default;
+$de-para-sub-title-top-margin: 0 !default;
+$de-para-sub-container-bottom: 20px !default;
+$de-hyperlink-dlg-margin-bottom: 3px !default;
+$de-hyperlink-dlg-input-bottom: 8px !default;
+$de-hyperlink-dlg-input-width: 240px !default;
+$de-hyperlink-dlg-input-height: 32px !default;
+$de-font-dlg-header-margin-bottom: 4px !default;
+$de-font-dlg-main-header-margin-right: 17px !default;
+$e-de-font-dlg-cb-margin-right: 12px !default;
+$de-dropdown-margin-right: 20px !default;
+$de-op-padding-left: 12px !default;
+$de-op-padding-top: 12px !default;
+$de-op-header-font-family: inherit !default;
+$de-op-header-font-weight: $font-weight-medium !default;
+$de-op-header-bottm-margin: 1px !default;
+$de-op-header-padding-top: 12px !default;
+$de-op-tab-height: 40px !default;
+$de-layout-margin-dlg-padding-top: 10px !default;
+$de-op-close-icon-width: 20px !default;
+$de-op-close-button-top: 18px !default;
+$de-cell-margin-dia-common-font: $text-xs !default;
+$de-cell-margin-dia-common-margin-bottom: 4px !default;
+$de-cell-margin-dia-common-margin-top: 0 !default;
+$de-cell-margin-dia-common-width: 150px !default;
+$de-cell-margin-dia-options-font: $text-sm !default;
+$de-border-dlg-border-label-fontsize: $text-sm !default;
+$de-border-dlg-border-label-fontweight: 500 !default;
+$de-border-dlg-border-preview-div-width: 1px !default;
+$de-border-dlg-border-label-paddingbottom: 16px !default;
+$de-border-dlg-setting-label-fontsize: $text-xs !default;
+$de-border-dlg-setting-label-paddingbottom: 4px !default;
+$de-border-dlg-settinglabels-fontsize: 13 !default;
+$de-border-dlg-preview-inside-divs-opacity: .54 !default;
+$de-table-align-border-width: 1px !default;
+$de-table-align-height: 60px !default;
+$de-table-align-margin-right: 11px !default;
+$de-table-align-width: 60px !default;
+$de-table-alignment-label-font-size: $text-xs !default;
+$de-table-alignment-label-margin-top: 4px !default;
+$de-table-alignment-label-margin-left: 62px !default;
+$de-table-separator-line-height: 1px !default;
+$de-table-separator-line-left: 1px !default;
+$de-table-separator-line-opacity: .12 !default;
+$de-table-separtor-line-top: 59px !default;
+$de-table-separtor-line-top-touch: 62px !default;
+$de-table-separator-line-width: 100% !default;
+$de-table-options-font-size: $text-xs !default;
+$de-table-options-padding-bottom: 8px !default;
+$de-table-options-padding-top: 16px !default;
+$de-page-setup-dlg-width: 380px !default;
+$de-page-setup-dlg-height: auto !default;
+$de-page-setup-ppty-tab-border: 0 !default;
+$de-page-setup-sub-container-bottom: 12px !default;
+$de-page-setup-sub-container-port-bottom: 0 !default;
+$de-page-setup-dlg-left-container-top: 0 !default;
+$de-page-setup-dlg-right-container-top: 0 !default;
+$de-page-setup-margin-dia-common-font: $text-xs !default;
+$de-page-setup-margin-dia-common-margin-bottom: 2px !default;
+$de-page-setup-margin-dia-common-margin-top: 16px !default;
+$de-page-setup-common-margin-top: 12px !default;
+$de-page-setup-sub-container-height-style: auto !default;
+$de-page-setup-dlg-sub-label-font-size: $text-sm !default;
+$de-page-setup-dlg-sub-label-font-weight: $font-weight-medium !default;
+$de-page-setup-dlg-orientation-prop-margin-top: 6px !default;
+$de-page-setup-sub-size-container-height: 73px !default;
+$de-page-setup-sub-size-container-bottom: 12px !default;
+$de-page-setup-layout-sub-container-height: auto !default;
+$de-page-setup-layout-sub-container-bottom: 12px !default;
+$de-page-setup-layout-sub-container-top: 12px !default;
+$de-page-setup-checkbox-label-font-size: $text-xs !default;
+$de-page-setup-dlg-layout-container-top: 0 !default;
+$de-list-dlg-header-font-weight: $font-weight-medium !default;
+$de-list-dlg-header-margin-bottom: 8px !default;
+$de-list-dlg-header-margin-top: 12px !default;
+$de-tbl-dlg-footer: 23px !default;
+$de-row-ht-padding-top: 13px !default;
+$de-cell-width-padding-top: 9px !default;
+$de-tbl-opt-btn-left: 440px !default;
+$de-tbl-opt-btn-top: 285px !default;
+$de-list-dlg-subheader-font-weight: $font-weight-medium !default;
+$de-list-dlg-subheader-margin-bottom: 4px !default;
+$de-list-dlg-subheader-margin-top: 12px !default;
+$e-de-list-subdiv-margin-top: 40px !default;
+$e-de-list-div-margin-top: 36px !default;
+$de-ok-insert-button-margin-right: 8px !default;
+$de-options-buttons-left: 339px !default;
+$de-tooltip-shadow: 0 3px 8px 0 rgba(0, 0, 0, .26) !default;
+$de-dlg-btn-height: 32px !default;
+$de-dlg-header-font-size: $text-base !default;
+$de-dlg-header-font-weight: $font-weight-medium !default;
+$de-dlg-header-margin-top: 4px !default;
+$de-dlg-footer-margin-top: 8px !default;
+$de-dlg-footer-padding-top: 7px !default;
+$de-dlg-header-content-padding: 15px 15px 5px 15px !default;
+$de-dlg-content-padding: 20px 15px 5px 15px !default;
+$de-dlg-footer-padding-right: 15px !default;
+$de-dlg-footer-content-padding-top: 1px !default;
+$de-dlg-close-font-size: $text-xs !default;
+$e-de-dlg-border-radius: 1px !default;
+$de-dlg-close-icon-left: -1px !default;
+$de-dlg-clr-pkr-top: 160px !default;
+$de-op-result-container-margin-top: 12px !default;
+$de-op-tab-header-margin-bottom: 0 !default;
+$de-op-tab-header-margin-top: 0 !default;
+$de-icon-table-row-above-top: 10px !default;
+$de-icon-table-row-below-top: 49px !default;
+$de-icon-table-column-left-top: 89px !default;
+$de-icon-table-column-right-top: 127px !default;
+$de-icon-table-delete-top: 10px !default;
+$de-icon-table-row-delete-top: 49px !default;
+$de-icon-table-column-delete-top: 89px !default;
+$de-cell-options-left: 336px !default;
+$de-cell-options-top: 272px !default;
+$de-font-color-margin-bottom: 8px !default;
+$de-font-color-margin-top: 12px !default;
+$de-font-dlg-effect-margin-left: 15px !default;
+$de-font-dlg-margin-right: 10px !default;
+$de-font-dlg-color-margin-right: 8px !default;
+$de-font-dlg-color-margin-top: 5px !default;
+$de-font-content-checkbox-left: 46px !default;
+$de-font-content-checkbox-left-bg: 64px !default;
+$de-font-content-checkbox-right: 41px !default;
+$de-font-content-checkbox-right-bg: 64px !default;
+$de-font-checkbox-left: 58px !default;
+$de-font-dlg-margin-top: 12px !default;
+$de-table-container-margin-top: 11px !default;
+$de-table-header-padding-top: 0 !default;
+$de-table-subheader-padding-top: 16px !default;
+$de-cell-subheader-top: 57px !default;
+$de-cell-margin-header-left: -26px !default;
+$de-cell-margin-header-top: 274px !default;
+$de-tbl-margin-sub-header: 10px !default;
+$de-tbl-btn-separator: 60% !default;
+$de-save-dlg-format-type-padding: 1px !default;
+$de-op-search-tab-content-margin-top: 12px !default;
+$de-op-search-tab-content-margin-top-bigger: 14px !default;
+$de-op-search-text-box-container-width: 275px !default;
+$de-font-dlg-height: 245px !default;
+$de-font-dlg-width: max-content !default;
+$de-hyper-link-height: auto !default;
+$de-hyper-link-width: 240px !default;
+$de-insert-table-height: auto !default;
+$de-insert-table-width: auto !default;
+$de-insert-footnote-height: auto !default;
+$de-insert-footnote-width: 280px !default;
+$de-insert-table-title-bottom-margin: 4px !default;
+$de-insert-table-title-top-margin: 0 !default;
+$de-insert-table-dlg-input-bottom: 16px !default;
+$de-list-dlg-height: 405px !default;
+$de-list-dlg-width: 400px !default;
+$de-save-dlg-height: 135px !default;
+$de-save-dlg-width: 230px !default;
+$de-table-ppty-dlg-height: 367px !default;
+$de-table-ppty-dlg-width: 430px !default;
+$de-table-border-shading-dlg-height: 438px !default;
+$de-table-border-shading-dlg-width: 440px !default;
+$de-table-cell-margin-dlg-height: auto !default;
+$de-table-cell-margin-dlg-width: 412px !default;
+$de-table-options-dlg-height: auto !default;
+$de-table-options-dlg-width: 395px !default;
+$de-table-border-none-top: 30px !default;
+$de-table-border-box-top: 95px !default;
+$de-table-border-all-top: 165px !default;
+$de-table-border-custom-top: 235px !default;
+$de-table-shading-preview-top: 385px !default;
+$de-checkbox-height: 18px !default;
+$de-checkbox-line-height: $leading-normal !default;
+$de-checkbox-width: 18px !default;
+$de-op-dlg-footer-margin-top: 18px !default;
+$de-op-dlg-footer-margin-top-bigger: 16px !default;
+$de-op-search-input-width: 204px !default;
+$de-op-replacewith-width: 98% !default;
+$de-table-ppty-tab-border: 0 !default;
+$de-list-info-btn-padding: 3px 0 0 0 !default;
+$de-table-border-dlg-alignments-left: 48% !default;
+$de-table-border-preview-top: 59% !default;
+$de-table-border-dlg-alignments-transform: translate(-50%, -50%) !default;
+$de-style-dialog-height: 352px !default;
+$de-style-dialog-width: 443px !default;
+$de-style-heading-font-size: $text-sm !default;
+$de-style-heading-font-weight: $font-weight-medium !default;
+$de-style-dialog-style-ppties-bottom-margin: 12px !default;
+$de-style-dialog-style-formatting-bottom-margin: 8px !default;
+$de-style-paragraph-width: 182px !default;
+$de-style-name-input-top: 109px !default;
+$de-style-type-div-top: 155px !default;
+$de-style-based-on-div-top: 202px !default;
+$de-style-paragraph-div-top: 249px !default;
+$de-style-font-margin-right: 20px !default;
+$de-style-font-margin-left: 20px !default;
+$de-style-para-margin-right: 20px !default;
+$de-style-para-margin-left: 20px !default;
+$de-style-list-margin-left: 20px !default;
+$de-style-template-top: 410px !default;
+$de-style-dialog-style-left-div-right-margin: 20px !default;
+$de-style-dialog-option-div-bottom-margin: 12px !default;
+$de-style-dialog-style-name-type-div-bottom-margin: 20px !default;
+$de-style-dialog-style-based-para-div-bottom-margin: 12px !default;
+$de-style-dialog-label-bottom-margin: 8px !default;
+$e-de-style-input-text-height: 32px !default;
+$de-font-checkbox-label-font-size: $text-sm !default;
+$de-op-icon-font-size: $text-sm !default;
+$de-op-close-icon-size: $text-sm !default;
+$de-op-close-icon-margin-left: -4px !default;
+$de-table-alignment-font-size: $text-5xl !default;
+$de-table-alignment-top: 126px !default;
+$de-tablecell-alignment-font-size: $text-5xl !default;
+$de-border-none-setting-font-size: $text-5xl !default;
+$de-border-setting-font-size: 46px !default;
+$de-td-table-border-top: 2px !default;
+$de-hyperlink-bookmark-check-margin-top: 8px !default;
+$de-table-ppty-dlg-measure-div-margin-left: 12px !default;
+$de-table-ppty-dlg-measure-div-margin-top: 6px !default;
+$de-table-ppty-dlg-left-indent-container-margin-right: 110px !default;
+$de-tbl-dlg-border-btn-margin-right: 120px !default;
+$de-tbl-dlg-border-btn-margin-top: 24px !default;
+$de-tbl-dlg-border-btn-margin-bottom: 20px !default;
+$de-table-subheader-div-margin-top: -40px !default;
+$de-table-subheader-div-margin-right: 140px !default;
+$de-table-ppty-dlg-row-height-label-margin-top: -62px !default;
+$de-table-ppty-dlg-row-height-label-margin-right: 184px !default;
+$de-table-ppty-dlg-preferred-width-margin-top: 6px !default;
+$de-table-ppty-dlg-preferred-width-margin-left: 12px !default;
+$de-table-ppty-options-break-margin-bottom: 8px !default;
+$de-table-ppty-dlg-table-header-padding-left: 15px !default;
+$de-table-ppty-dlg-table-header-padding: 12px !default;
+$de-table-ppty-dlg-cell-tab-measure-label-margin-right: 190px !default;
+$de-table-ppty-dlg-cell-tab-measure-label-margin-top: -58px !default;
+$de-border-dlg-border-label-font-weight: 500 !default;
+$de-toc-dlg-build-table-margin-top: 12px !default;
+$de-toc-styles-table-div-margin-top: 10px !default;
+$de-toc-table-div-width: 100% !default;
+$de-toc-dlg-right-sub-container-margin-right: 2px !default;
+$de-toc-dlg-styles-margin-bottom: 11px !default;
+$de-toc-dlg-styles-margin-left: 38px !default;
+$de-toc-dlg-styles-margin-top: 12px !default;
+$de-toc-list-view-width: 100% !default;
+$de-toc-table-list-view-height: 183px !default;
+$de-toc-styles-table-div-border-radius: 3px !default;
+$de-toc-modify-button-margin-left: 156px !default;
+$de-toc-dlg-outline-levels-width: 150px !default;
+$de-bookmark-content-margin-top: 20px !default;
+$de-bookmark-textbox-margin-bottom: 8px !default;
+$de-bookmark-textbox-height: 32px !default;
+$de-bookmark-custom-btn-width: 70px !default;
+$de-bookmark-custom-btn-height: 32px !default;
+$de-bookmark-button-div-top-position: 0 !default;
+$de-toc-dlg-style-input-margin-bottom: 3px !default;
+$de-toc-dlg-style-input-margin-left: 38px !default;
+$de-toc-dlg-style-input-width: 210px !default;
+$de-toc-list-view-margin-left: 3px !default;
+$e-de-toc-table-div-height: 143px !default;
+$de-toc-dlg-showlevel-div-margin-left: 276px !default;
+$de-toc-dlg-show-level-div-margin-left: 275px !default;
+$de-op-input-group-height: auto !default;
+$de-op-tab-header-padding-left: 15px !default;
+$de-op-tab-header-padding: 12px !default;
+$de-list-dlg-font-margin-left: 1px !default;
+$de-bookmark-list-view-border-radius: 4px !default;
+$de-bookmark-listview-margin-right: 12px !default;
+$de-bookmark-dlgfields-margin-bottom: 4px !default;
+$de-table-ppty-dlg-tabs-height: 280px !default;
+$de-toc-dlg-toc-level-margin-left: 36px !default;
+$de-table-options-font-weight: $font-weight-medium !default;
+$de-cell-width-top-margin-left: 20px !default;
+$de-cell-width-top-margin-top: -23px !default;
+$de-table-cell-subheader-div-margin-right: 125px !default;
+$de-table-cell-subheader-div-margin-top: -37px !default;
+$e-de-table-ppty-dlg-left-indent-container-bottom: 5px !default;
+$de-cell-options-rtl: 123px !default;
+$de-font-checkbox-ltr: 58px !default;
+$de-font-content-label-width: 90px !default;
+$de-font-label-width: 125px !default;
+$de-font-label-width-bg: 154px !default;
+$de-toc-dlg-right-sub-container-margin-top: 122px !default;
+$e-de-list-div-margin-top-rtl: -125px !default;
+$e-de-list-subdiv-margin-top-rtl: -121px !default;
+$de-toc-modify-button-margin-rtl: 156px !default;
+$de-hght-type-top: -22px !default;
+$de-bigger-style-button-height: 37px !default;
+$de-bigger-style-button-width: 88px !default;
+$de-table-border-margin-right: 15px !default;
+$de-table-border-margin-top: 5px !default;
+$de-table-dlg-separator-line-top: 5px !default;
+$de-toggle-btn-border: none !default;
+$de-btn-font-size: $text-sm;
+$e-de-style-input-text-height-bigger: 40px !default;
+$de-bookmark-list-margin-right: 12px !default;
+$de-bkmrk-list-margin-left: 12px !default;
+$de-paradialog-dir-div: .4 !default;
+$de-cmt-opt-size: 18px !default;
+$de-cmt-post-btn-ht: 32px !default;
+$de-cmt-post-btn-wt: 38px !default;
+$de-cmt-post-btn-wt-big: 50px !default;
+$de-cmt-post-btn-ht-big: auto !default;
+$de-reply-footer-margin-top: 8px !default;
+$de-rp-btn-enforce-margin: 12px !default;
+$de-rp-btn-enforce-padding-big: 10px !default;
+$e-de-cmt-textarea-padding-top: 7px !default;
+$e-de-cmt-textarea-padding-top-big: 4px !default;
+$de-dlg-table-options-content-div: 504px !default;
+$dialog-headericon-border-radius: 50% !default;
+$e-de-close-icon-cursor: default !default;
+$de-check-exactnumbr-width: 130px !default;
+$de-tc-btn-padding: 4px !default;
+$de-tc-tlbr-padding-btm: 3px !default;
+$de-font-style-margin: 8px !default;
+$de-font-dlg-font-size: $text-xs !default;
+$de-font-dlg-width-big: max-content !default;
+$de-tbl-measure-lbl-font-size: $text-xs !default;
+$de-style-font-size: $text-xs !default;
+$de-toc-lbl-mrgn-left: 0 !default;
+$de-toc-lbl-mrgn-rgt: 0 !default;
+$de-floating-menu-width: 64px !default;
+$de-floating-menu-height: 64px !default;
+$de-floating-menu-padding: 8px 10px 8px 10px !default;
+$de-cmt-container-padding: 0 8px !default;
+$de-cmt-sub-container-margin: 0 !default;
+$de-rply-cmt-sub-container-margin: 12px 8px 0 8px !default;
+$de-cmt-view-mrgn-top: 12px !default;
+$de-ui-floating-menu-padding: 0 !default;
+$de-ui-list-header-presetmenu-min-width: 40px;
+$de-ui-wfloating-menu: 0 8px 8px 0;
+$de-bullet-number-width: 300px;
+$de-rp-content-ln-ht: $leading-normal;
+$de-rp-font-size: $text-xs;
+$de-rp-format-font-size: $text-sm;
+$de-header-font-weight: $font-weight-normal;
+$de-dlg-bkm-fld-fnt-size: $text-xs;
+$de-ff-dlg-hdg-small-mrgn-btm: 4px;
+$de-ff-seperate-div-mrgn-btm: 12px;
+$de-ff-dlg-heading-mrgn-btm: 6px;
+$de-ff-radio-div-mrgn-btm: 16px;
+$de-ff-radio-scnd-div-mrgn-btm: 0;
+$de-fnt-dlg-header-effects-mrgn-btm: 0;
+$de-para-dlg-cs-check-box-mrgn-btm: 0;
+$de-bullet-numbered-dlg-width: 300px;
+$de-bullet-numbered-dlg-height: 172px;
+$de-tbl-indent-lb-fnt-size: $text-xs;
+$de-font-clr-div-mrgn-top: 12px;
+$de-para-dlg-cs-check-box-mrgn-top: 12px;
+$de-insert-footnote-dlg-header-mrg-btm: 12px;
+$de-table-options-dlg-div-mrgn-btm: 16px;
+$de-tbl-indent-lbl-mrgn-btm: 0;
+$de-tbl-indent-lbl-top: 6px;
+$de-cmt-date-fnt-size: $text-xs;
+$de-cmt-author-nme-fnt-size: $text-sm;
+$de-cmt-date-mrgn-top: 8px;
+$de-ff-drpdwn-dlg-scndiv-mrgn-botton: 4px;
+$de-drp-dwn-frst-div-mrgn-btm: 8px;
+$de-ff-dlg-lft-hlf-mrgn-rgt: 12px;
+$de-ff-dlg-lft-hlf-wdth: 50.5%;
+$de-para-dlg-cs-check-box: 12px;
+$de-op-close-button-top: 8px;
+$de-table-row-cell-pdng: 12px;
+$de-table-prop-left-indnt-cntr-pos: 46px;
+$de-avatar-width: 95%;
+$de-op-more-less-mrgn-top: 16px;
+$de-enforce-dlg-title-mrgn-top: 0 !default;
+$de-enforce-dlg-title-fnt-size: $text-xs;
+$de-enforce-btn-mrng-btm: 12px;
+$de-unprotect-dlg-title-fnt-size: $text-xs;
+$de-unprotect-dlg-title-mrgn-btm: 4px;
+$de-user-dlg-textbox-input-mrgn-right: 24px !default;
+$de-user-dlg-list-mrgn-btm: 12px !default;
+$de-user-dlg-user-mrgn-btm: 8px !default;
+$de-trckchanges-inner-mrgn: 0 !default;
+$de-rp-width: 280px !default;
+$de-rp-close-icon-top: -5px;
+$de-rp-btn-enforce-prtct-margin: 0 65px;
+$de-rp-nav-lbl: 0 16px;
+$de-rp-nav-btn-mrgn: 0 24px;
+$de-para-dlg-right-sub-container-top-margin: 0;
+
+//New Implementation
+
+$de-par-dlg-hdr-weight: 500 !default;
+$de-para-dlg-hdr-margin-bottom: 0 !default;
+$de-para-dlg-hdr-margin-top: 12px !default;
+$de-dlg-heading-opacity: 87% !default;
+$de-para-dlg-right-contaner-top: 0 !default;
+$de-para-dlg-sub-title-bottom-margin: 10px !default;
+$de-para-dlg-sub-title-top-margin: 8px !default;
+$de-para-dlg-rtl-btn-margin-right: 24px !default;
+$de-para-dlg-rtl-btn-font-size: $text-xs !default;
+$de-para-dlg-rtl-btn-width: 100px !default;
+$de-de-rtl-btn-div-e-de-rtl-margin-right: 24px !default;
+$de-de-rtl-btn-div-e-de-rtl-margin-left: 20px !default;
+$de-para-dlg-spacing-div-mrgn-left: 40px !default;
+
+// Color variable
+$de-background: $content-bg-color-alt1 !default;
+$search-result-highlight-bg-color: $transparent !default;
+$search-result-hightlight-bdr-clr-hvr: rgba($primary) !default;
+$search-result-hightlight-bdr-clr: rgba($primary) !default;
+$search-icon-bdr-clr: rgba($icon-color-pressed) !default;
+$search-icon-hvr: rgba($border-light) !default;
+$spin-down-bdr-clr: rgba($border-light) !default;
+$spin-down-hvr: rgba($border-light) !default;
+$spin-up-bdr-clr: rgba($border-light) !default;
+$spin-up-hvr: rgba($border-light) !default;
+$de-spellcheck-listview-border-color: rgba($border-light);
+$de-spellcheck-list-width: 100% !default;
+$de-spellcheck-btn-container-width: 100% !default;
+$de-spellcheck-btn-width: 100% !default;
+$de-dlg-heading-main-header: rgba($content-text-color-alt1) !default;
+$de-toc-list-view-border-color: rgba($border) !default;
+$de-op-title-clr: rgba($content-text-color) !default;
+$de-op-icon-color: rgba($icon-color) !default;
+$de-op-close-icon-clr: rgba($icon-color) !default;
+$search-result-hightlight-bdr-item: rgba($border-light) !default;
+$de-table-align-border-color: rgba($border) !default;
+$de-table-separator-line-color: rgba($border) !default;
+$de-tooltip-bg-clr: rgba($content-bg-color) !default;
+$de-op-btn-icon-active-clr: rgba($icon-color, .5) !default;
+$de-op-btn-icon-bg: $transparent !default;
+$de-op-btn-icon-border: $transparent !default;
+$de-input-color: rgba($content-text-color) !default;
+$de-op-bg-color: $content-bg-color-alt1 !default;
+$de-font-color-border: 1px $content-bg-color-alt1 !default;
+$de-font-color-border-radius: 4px !default;
+$de-bullet-list-hover-color: rgba(0, 0, 0, .12) !default;
+$de-number-list-hover-color: rgba(0, 0, 0, .12) !default;
+$de-multilevel-list-hover-color: rgba(0, 0, 0, .12) !default;
+$de-list-dialog-hover-color: rgba(0, 0, 0, .12) !default;
+$de-op-container-messagediv-color: rgba($content-text-color) !default;
+$de-checkbox-wrapper-color: rgba($content-text-color) !default;
+$bookmark-listview-border-color: rgba($border) !default;
+$de-style-btn-active-bg-border-color: rgba($content-bg-color-selected) !default;
+$de-style-btn-active-text-color: rgba($content-text-color) !default;
+$de-style-toggle-btn-color: rgba($border-light) !default;
+$de-table-align-hover-color: rgba($primary) !default;
+$de-table-tab-hover-color: $de-table-align-hover-color !default;
+$de-cell-align-hover-color: $de-table-align-hover-color !default;
+$de-table-align-active-color: rgba($primary) !default;
+$de-table-setting-hover-color: $de-table-align-hover-color !default;
+$de-table-preview-hover-color: $de-table-setting-hover-color !default;
+$de-table-setting-color: $de-table-align-active-color !default;
+$de-table-preview-setting-color: $de-table-setting-color !default;
+$de-border-dlg-border-setting-inside-border: rgba($border-light) !default;
+$de-border-dlg-border-setting-divs-color: rgba($border-light) !default;
+$de-border-dlg-border-preview-divs-color: rgba($icon-color) !default;
+$de-numbering-list-line-color: rgba($icon-color) !default;
+$de-numbering-list-span-color: rgba($icon-color) !default;
+$de-numbering-list-border-color: rgba($border) !default;
+$de-numbering-list-background-color: rgba($content-bg-color) !default;
+$de-style-btn-bg-color: $secondary-bg-color !default;
+$de-prop-btn-icon-clr: rgba($icon-color) !default;
+$de-cmt-selection: rgba($primary) !default;
+$de-cmt-selection-rslv: ($de-cmt-selection, .5) !default;
+$de-cmt-pant-content-font: rgba($content-text-color) !default;
+$de-list-view: rgba($border-light) !default;
+$dialog-btn-bg-color: $transparent !default;
+$dialog-btn-border-color: $transparent !default;
+$dialog-closeicon-btn-active-color: $transparent !default;
+$dialog-closeicon-btn-hover-color: $transparent !default;
+$dialog-active-icon-color: rgba($icon-color-hover) !default;
+$dialog-btn-clr: rgba($icon-color) !default;
+$de-tooltip-color: rgba($content-text-color) !default;
+$de-blink-cursor-clr: rgba($black) !default;
+$de-avatar-clr: rgba($white) !default;
+$de-pane-color-border: rgba($primary) !default;
+$de-rp-btn-bg-color: '';
+$de-rp-btn-nav-box-shadow: $shadow-md !default;
+$de-rp-btn-nav-box-shadow-next: $shadow-md !default;
+$de-rp-btn-enforce-bx-shadow: $de-rp-btn-nav-box-shadow !default;
+$de-track-chngs-sucs-bg-color: rgba($success-bg-color) !default;
+$de-track-chngs-rejct-bg-color: rgba($danger-bg-color) !default;
+$de-op-border-clr: rgba($border-light) !default;
+$de-op-search-txt: rgba($primary) !default;
+$de-border-dlg-border-preview-div-opacity: rgba(0, 0, 0, .54) !default;
+$de-op-btn-icon-hover-clr: rgba(0, 0, 0, .75) !default;
+$de-cmt-separator: rgba($border-light) !default;
+$de-style-btn-color: rgba($icon-color) !default;
+$de-style-btn-hover-color: rgba($white) !default;
+$de-style-dlg-btn-border-color: rgba($border-light) !default;
+$de-style-dlg-btn-bg-color: $content-bg-color-alt3 !default;
+
+// Table properties
+$de-row-height-bottom-margin: 4px;
+
+//Columns Dialog
+$de-column-presets-font-size: 60px !default;

package/styles/document-editor/_theme.scss

@@ -903,6 +903,12 @@
             .e-de-bookmark {
                 margin-top: 0 !important;
             }
+            .e-de-bookmark .e-bookmark-textbox-input {
+                box-sizing: border-box !important;
+            }
+            .e-de-cp-option {
+                background: transparent;
+            }
 
             .e-styles-common {
                 padding-top: $de-style-list-top;
@@ -1740,6 +1746,23 @@
     .e-de-hyperlink {
         width: $de-hyper-link-width;
     }
+    @if $skin-name =='Material3'{
+        .e-de-table-border-shading-dlg {
+            .e-de-dlg-row .e-de-dlg-row label {
+                margin-left: 10px;
+            }
+        }
+        .e-de-table-setting-heading {
+            line-height: 22px;
+            letter-spacing: 0.30000001192092896px;
+        }
+        .e-de-rp-btn-enforce {
+            border-radius: 4px !important;
+        }
+        .e-de-track-toolbar .e-de-track-pane-drop-btn, #e-de-menu-option {
+            background: none;
+        }
+    }
     .e-bigger {
         .e-de-hyperlink {
             @if $skin-name=='Material3' {
@@ -2133,7 +2156,43 @@
             }
         }
 
+        .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;
+            }
+        }
+
         @if $skin-name =='Material3' {
+            .e-bigger {
+                .e-rtl {
+                    .e-de-style-font-group-button,
+                    .e-de-style-paragraph-indent-group-button,
+                    .e-de-style-paragraph-group-button {
+                        button {
+                            height: 40px !important;
+                            width: 44px !important;
+                        }
+                    }
+                }
+                .e-de-style-font-group-button,
+                .e-de-style-paragraph-indent-group-button,
+                .e-de-style-paragraph-group-button {
+                    button {
+                        height: 40px !important;
+                        width: 44px !important;
+                    }
+                }
+            }
             .e-de-style-font-group-button button,
             .e-de-style-paragraph-indent-group-button button,
             .e-de-style-paragraph-group-button button {
@@ -2145,7 +2204,7 @@
         }
         .e-de-style-bold-button-size {
             margin-left: $de-style-dialog-label-bottom-margin;
-            @if $skin-name !='tailwind' and $skin-name !='bootstrap5' and $skin-name != 'FluentUI' and $skin-name != 'Material3' {
+            @if $skin-name !='tailwind' and $skin-name !='bootstrap5' and $skin-name != 'FluentUI' {
                 margin-right: 8px;
                 height: 31px;
             }
@@ -2978,7 +3037,7 @@
                 padding-left: 0px;
                 padding-right: 0px;
                 @if $skin-name =='Material3' {
-                    padding-top: 10px;
+                    padding-top: 10px !important;
                 }
                 @else {
                     padding-top: 5px;
@@ -2986,6 +3045,11 @@
                 font-size: 13px;
                 font-weight: $de-header-font-weight;
             }
+            @if ($skin-name =='fabric' or $skin-name =='bootstrap') {
+                .e-de-track-toolbar .e-de-track-pane-drop-btn {
+                    padding-top: 4px !important;
+                }
+            }
         }
         .e-toolbar-item.e-de-track-toolbar-overlay.e-template.e-overlay {
             opacity: 1;
@@ -3079,6 +3143,7 @@
         }
         .e-de-cp-option.e-btn.e-icon-btn span {
             margin-top: 0px;
+            background: $de-op-bg-color;
         }
         .e-de-cmt-view:hover {
             .e-de-cp-option {
@@ -3413,7 +3478,7 @@
               }
             .e-de-table-setting-labels-heading {
                 margin-left: 0;
-                margin-right: $de-table-alignment-label-margin-left;
+                margin-right: 10px;
             }
         }
         .e-bigger {