@progress/kendo-theme-fluent 11.2.1-dev.1 → 11.3.0-dev.0

package/scss/pdf-viewer/_layout.scss

@@ -1,335 +1,11 @@
 @use "../core/_index.scss" as *;
 @use "./_variables.scss" as *;
+@use "@progress/kendo-theme-core/scss/components/pdf-viewer/_layout.scss" as *;
 
 @mixin kendo-pdf-viewer--layout() {
+    @include kendo-pdf-viewer--layout-base();
 
-    .k-pdf-viewer {
-        border-width: var( --kendo-pdf-viewer-border-width, #{$kendo-pdf-viewer-border-width} );
-        border-style: solid;
-        box-sizing: border-box;
-        position: relative;
-        outline: 0;
-        font-family: var( --kendo-pdf-viewer-font-family, #{$kendo-pdf-viewer-font-family} );
-        font-size: var( --kendo-pdf-viewer-font-size, #{$kendo-pdf-viewer-font-size} );
-        line-height: var( --kendo-pdf-viewer-line-height, #{$kendo-pdf-viewer-line-height} );
-        display: flex;
-        flex-direction: column;
-        overflow: hidden;
-        -webkit-touch-callout: none;
-        -webkit-tap-highlight-color: $kendo-color-rgba-transparent;
-
-        // Toolbar
-        .k-toolbar {
-            border-block-start-width: 0;
-            border-inline-width: 0;
-            border-color: inherit;
-            flex: 0 0 auto;
-            z-index: 2;
-        }
-        .k-toolbar .k-pager-wrap,
-        .k-toolbar .k-pager {
-            padding: 0;
-            border-width: 0;
-            color: inherit;
-            background: none;
-            overflow: visible;
-        }
-    }
-
-    // Canvas
-    .k-pdf-viewer-canvas {
-        display: flex;
-        flex-direction: column;
-        flex: 1 1 auto;
-        outline: none;
-
-        &.k-enable-text-select {
-            user-select: text;
-            cursor: text;
-        }
-
-        &.k-enable-panning {
-            cursor: grab !important; // stylelint-disable-line declaration-no-important
-
-
-            span::selection {
-                background-color: transparent;
-            }
-        }
-    }
-
-
-    // Pages
-    .k-pdf-viewer-pages {
-        flex: 1 1 auto;
-
-        .k-page {
-            position: relative;
-            margin-block: var( --kendo-pdf-viewer-page-spacing, #{$kendo-pdf-viewer-page-spacing} );
-            margin-inline: auto;
-            z-index: 1;
-
-            // Canvas
-            .k-canvas-wrapper {
-                overflow: hidden;
-                width: 100%;
-                height: 100%;
-
-                canvas {
-                    direction: ltr;
-                }
-
-                svg {
-                    transform: none;
-                }
-
-                .k-highlight {
-                    position: absolute;
-                    mix-blend-mode: multiply;
-                    fill-opacity: 1;
-
-                }
-                .k-highlight-outline {
-                    position: absolute;
-                    fill: none;
-                    stroke-width: 2px;
-                    stroke-dasharray: 2;
-                }
-            }
-
-            .k-text-layer {
-                position: absolute;
-                top: 0;
-                left: 0;
-                opacity: .2;
-                overflow: hidden;
-
-                .k-marked-content > span,
-                > span, br {
-                    position: absolute;
-                    line-height: var( --kendo-pdf-viewer-selection-line-height, #{$kendo-pdf-viewer-selection-line-height} );
-                    transform-origin: 0% 0%;
-                    color: transparent;
-                    white-space: pre;
-                    cursor: text;
-                }
-
-                .k-marked-content {
-                    top: 0;
-                    height: 0;
-                }
-
-                .k-end-of-content {
-                    display: block;
-                    position: absolute;
-                    inset: 100% 0 0;
-                    z-index: 0;
-                    cursor: default;
-                    user-select: none;
-                }
-
-                .k-search-highlight-mark {
-                    color: transparent;
-                }
-
-                .k-highlighting {
-                    touch-action: none;
-                }
-            }
-
-            .k-annotation-layer {
-                position: absolute;
-                top: 0;
-                left: 0;
-                transform-origin: 0 0;
-                pointer-events: none;
-
-                section {
-                    position: absolute;
-                    pointer-events: auto;
-                }
-
-                .k-annotation-text-content {
-                    position: absolute;
-                    width: 100%;
-                    height: 100%;
-                    opacity: 0;
-                    color: transparent;
-                    user-select: none;
-                    pointer-events: none;
-                }
-
-                .k-link-annotation > a {
-                    position: absolute;
-                    top: 0;
-                    left: 0;
-                    width: 100%;
-                    height: 100%;
-                }
-
-                .k-text-widget-annotation .k-annotation-content {
-                    position: absolute;
-                    width: 100%;
-                    height: 100%;
-                    pointer-events: none;
-                }
-            }
-
-            .k-annotation-editor-layer {
-                background: transparent;
-                position: absolute;
-                inset: 0;
-                transform-origin: 0 0;
-                cursor: auto;
-
-                .k-selected {
-                    z-index: 100000 !important; // stylelint-disable-line declaration-no-important
-                }
-
-                .k-highlight-editor {
-                    position: absolute;
-                    background: transparent;
-                    z-index: 1;
-                    cursor: auto;
-                    max-width: 100%;
-                    max-height: 100%;
-                    border: none;
-                    outline: none;
-                    pointer-events: none;
-                    transform-origin: 0 0;
-
-                    .k-internal {
-                        position: absolute;
-                        top: 0;
-                        left: 0;
-                        width: 100%;
-                        height: 100%;
-                        pointer-events: auto;
-                    }
-
-                    &.k-highlight-editor-disabled {
-                        .k-internal {
-                            pointer-events: none;
-                        }
-                    }
-                }
-
-                .k-free-text-editor {
-                    position: absolute;
-                    background: transparent;
-                    z-index: 1;
-                    transform-origin: 0 0;
-                    cursor: text;
-                    caret-color: var( --kendo-pdf-viewer-free-text-annotation-text, #{$kendo-pdf-viewer-free-text-annotation-text} );
-                    max-width: 100%;
-                    max-height: 100%;
-                    border: solid 2px transparent;
-
-                    &.k-selected.k-draggable {
-                        cursor: move;;
-                    }
-
-                    &.k-selected .k-internal {
-                        border-radius: 0px;
-                        outline: 2px dashed var( --kendo-pdf-viewer-free-text-annotation-border, #{$kendo-pdf-viewer-free-text-annotation-border} );
-                    }
-
-                    .k-internal {
-                        background: transparent;
-                        border: none;
-                        inset: 0;
-                        overflow: visible;
-                        white-space: nowrap;
-                        user-select: none;
-                    }
-
-                    .k-internal:empty::before {
-                        content: attr(default-content);
-                    }
-                }
-            }
-
-            .k-annotation-editor-layer-disabled {
-                pointer-events: none;
-            }
-        }
-
-        .k-blank-page {
-            margin: 0;
-            display: flex;
-            flex-flow: column nowrap;
-            width: 100%;
-            height: 100%;
-            align-items: center;
-            justify-content: center;
-            background-color: inherit !important; // stylelint-disable-line declaration-no-important
-
-            .k-upload,
-            .k-dropzone,
-            .k-dropzone-inner {
-                border: 0;
-                background: none;
-            }
-        }
-    }
-
-
-    // Search
     .k-pdf-viewer-canvas > .k-search-panel {
-        width: max-content;
-        margin-block-start: var( --kendo-pdf-viewer-search-panel-margin-y, #{$kendo-pdf-viewer-search-panel-margin-y} );
-        padding-block: var( --kendo-pdf-viewer-search-panel-padding-y, #{$kendo-pdf-viewer-search-panel-padding-y} );
-        padding-inline: var( --kendo-pdf-viewer-search-panel-padding-x, #{$kendo-pdf-viewer-search-panel-padding-x} );
-        border-width: var( --kendo-pdf-viewer-search-panel-border-width, #{$kendo-pdf-viewer-search-panel-border-width} );
-        border-style: solid;
-        border-radius: var( --kendo-pdf-viewer-search-panel-border-radius, #{$kendo-pdf-viewer-search-panel-border-radius} );
-        display: flex;
-        gap: var( --kendo-pdf-viewer-search-panel-spacing, #{$kendo-pdf-viewer-search-panel-spacing} );
-        flex-flow: row nowrap;
-        flex: 0 0 auto;
-        justify-content: flex-start;
-        align-items: center;
-        z-index: 10;
-        cursor: default;
-
-        .k-search-dialog-draghandle {
-            cursor: move;
-            margin-left: 0;
-        }
-
-        .k-textbox {
-            width: 10em;
-            flex: none;
-
-            .k-button {
-                border-width: 0;
-            }
-        }
-
-        .k-search-matches {
-            display: inline-flex;
-            gap: var( --kendo-pdf-viewer-search-panel-matches-spacing, #{$kendo-pdf-viewer-search-panel-matches-spacing} );
-        }
-    }
-
-    // Annotation Toolbar
-    .k-pdf-viewer-annotation-editor-toolbar > .k-toolbar {
-        width: min-content;
-        border-bottom-width: 0;
-    }
-
-
-    // Annotation Editor
-    .k-pdf-viewer-annotation-editor {
-        padding-block: var(--kendo-pdf-viewer-popup-padding-y, #{$kendo-pdf-viewer-popup-padding-y} );
-        padding-inline: var(--kendo-pdf-viewer-popup-padding-x, #{$kendo-pdf-viewer-popup-padding-x} );
-
-        .k-column-menu-group-header {
-            padding-inline: 0;
-        }
-
-        .k-form-field {
-            margin-top: 0;
-        }
+        margin-block-start: $kendo-pdf-viewer-search-panel-margin-y;
     }
 }

package/scss/pdf-viewer/_theme.scss

@@ -1,85 +1,7 @@
 @use "../core/_index.scss" as *;
 @use "./_variables.scss" as *;
+@use "@progress/kendo-theme-core/scss/components/pdf-viewer/_theme.scss" as *;
 
 @mixin kendo-pdf-viewer--theme() {
-
-    .k-pdf-viewer {
-        @include fill(
-            var( --kendo-pdf-viewer-text, #{$kendo-pdf-viewer-text} ),
-            var( --kendo-pdf-viewer-bg, #{$kendo-pdf-viewer-bg} ),
-            var( --kendo-pdf-viewer-border, #{$kendo-pdf-viewer-border} ),
-        );
-
-
-        // Canvas
-        .k-pdf-viewer-canvas {
-            @include fill(
-                var( --kendo-pdf-viewer-canvas-text, #{$kendo-pdf-viewer-canvas-text} ),
-                var( --kendo-pdf-viewer-canvas-bg, #{$kendo-pdf-viewer-canvas-bg} ),
-                var( --kendo-pdf-viewer-canvas-border, #{$kendo-pdf-viewer-canvas-border} )
-            );
-        }
-
-
-        // Page
-        .k-page {
-            @include fill(
-                var( --kendo-pdf-viewer-page-text, #{$kendo-pdf-viewer-page-text} ),
-                var( --kendo-pdf-viewer-page-bg, #{$kendo-pdf-viewer-page-bg} ),
-                var( --kendo-pdf-viewer-page-border, #{$kendo-pdf-viewer-page-border} )
-            );
-            @include box-shadow(
-                var( --kendo-pdf-viewer-page-shadow, #{$kendo-pdf-viewer-page-shadow} )
-            );
-        }
-
-        .k-blank-page > .k-icon {
-            @include fill(
-                $color: var( --kendo-pdf-viewer-icon-text, #{$kendo-pdf-viewer-icon-text} )
-            );
-        }
-
-        .k-canvas-wrapper .k-highlight-outline {
-            &.k-hover,
-            &:hover {
-                stroke: var( --kendo-pdf-viewer-highlight-annotation-hover-border, #{$kendo-pdf-viewer-highlight-annotation-hover-border} );
-            }
-
-            &.k-selected {
-                stroke: var( --kendo-pdf-viewer-highlight-annotation-border, #{$kendo-pdf-viewer-highlight-annotation-border} );
-            }
-        }
-
-        // Search
-        .k-search-highlight {
-            @include fill(
-                $bg: var( --kendo-pdf-viewer-search-highlight-bg, #{$kendo-pdf-viewer-search-highlight-bg} )
-            );
-        }
-
-        .k-search-highlight-mark {
-            @include fill(
-                $bg: var( --kendo-pdf-viewer-search-highlight-mark-bg, #{$kendo-pdf-viewer-search-highlight-mark-bg} )
-            );
-        }
-        .k-annotation-editor-layer .k-free-text-editor .k-internal {
-            color: var( --kendo-pdf-viewer-free-text-annotation-text, #{$kendo-pdf-viewer-free-text-annotation-text} );
-
-            &:empty::before {
-                color: var( --kendo-pdf-viewer-free-text-annotation-placeholder-text, #{$kendo-pdf-viewer-free-text-annotation-placeholder-text} );
-            }
-        }
-    }
-
-    .k-pdf-viewer-canvas > .k-search-panel {
-        @include fill(
-            var( --kendo-pdf-viewer-search-panel-text, #{$kendo-pdf-viewer-search-panel-text} ),
-            var( --kendo-pdf-viewer-search-panel-bg, #{$kendo-pdf-viewer-search-panel-bg} ),
-            var( --kendo-pdf-viewer-search-panel-border, #{$kendo-pdf-viewer-search-panel-border} )
-        );
-        @include box-shadow(
-            var( --kendo-pdf-viewer-search-panel-shadow, #{$kendo-pdf-viewer-search-panel-shadow} )
-        );
-    }
-
+    @include kendo-pdf-viewer--theme-base();
 }

package/scss/pdf-viewer/_variables.scss

@@ -5,120 +5,159 @@
 
 /// The border width of the PDFViewer.
 /// @group pdf-viewer
-$kendo-pdf-viewer-border-width: 1px !default;
+$kendo-pdf-viewer-border-width: var( --kendo-pdf-viewer-border-width, 1px ) !default;
 /// The font family of the PDFViewer.
 /// @group pdf-viewer
-$kendo-pdf-viewer-font-family: var( --kendo-font-family, inherit ) !default;
+$kendo-pdf-viewer-font-family: var( --kendo-pdf-viewer-font-family, var( --kendo-font-family, inherit ) ) !default;
 /// The font size of the PDFViewer.
 /// @group pdf-viewer
-$kendo-pdf-viewer-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-pdf-viewer-font-size: var( --kendo-pdf-viewer-font-size, var( --kendo-font-size, inherit ) ) !default;
 /// The line height of the PDFViewer.
 /// @group pdf-viewer
-$kendo-pdf-viewer-line-height: var( --kendo-line-height, normal ) !default;
+$kendo-pdf-viewer-line-height: var( --kendo-pdf-viewer-line-height, var( --kendo-line-height, normal ) ) !default;
 /// The background color of the PDFViewer.
 /// @group pdf-viewer
-$kendo-pdf-viewer-bg: k-color(surface-alt) !default;
+$kendo-pdf-viewer-bg: var( --kendo-pdf-viewer-bg, #{k-color(surface-alt)} ) !default;
 /// The text color of the PDFViewer.
 /// @group pdf-viewer
-$kendo-pdf-viewer-text: k-color(on-app-surface) !default;
+$kendo-pdf-viewer-text: var( --kendo-pdf-viewer-text, #{k-color(on-app-surface)} ) !default;
 /// The border color of the PDFViewer.
 /// @group pdf-viewer
-$kendo-pdf-viewer-border: color-mix(in srgb, k-color(border) 16%, transparent) !default;
+$kendo-pdf-viewer-border: var( --kendo-pdf-viewer-border, #{color-mix(in srgb, k-color(border) 16%, transparent)} ) !default;
 
 /// The background color of the PDFViewer canvas.
 /// @group pdf-viewer
-$kendo-pdf-viewer-canvas-bg: k-color(surface) !default;
+$kendo-pdf-viewer-canvas-bg: var( --kendo-pdf-viewer-canvas-bg, #{k-color(surface)} ) !default;
 /// Text color of the PDF viewer canvas.
 /// @group pdf-viewer
-$kendo-pdf-viewer-canvas-text: k-color(on-app-surface) !default;
+$kendo-pdf-viewer-canvas-text: var( --kendo-pdf-viewer-canvas-text, #{k-color(on-app-surface)} ) !default;
 /// The border color of the PDFViewer canvas.
 /// @group pdf-viewer
-$kendo-pdf-viewer-canvas-border: color-mix(in srgb, k-color(border) 16%, transparent) !default;
+$kendo-pdf-viewer-canvas-border: var( --kendo-pdf-viewer-canvas-border, #{color-mix(in srgb, k-color(border) 16%, transparent)} ) !default;
 
 /// The spacing of the PDFViewer page.
 /// @group pdf-viewer
-$kendo-pdf-viewer-page-spacing: k-spacing(7.5) !default;
+$kendo-pdf-viewer-page-spacing: var( --kendo-pdf-viewer-page-spacing, #{k-spacing(7.5)} ) !default;
 /// The background color of the PDFViewer page.
 /// @group pdf-viewer
-$kendo-pdf-viewer-page-bg: k-color(surface-alt) !default;
+$kendo-pdf-viewer-page-bg: var( --kendo-pdf-viewer-page-bg, #{k-color(surface-alt)} ) !default;
 /// The text color of the PDFViewer page.
 /// @group pdf-viewer
-$kendo-pdf-viewer-page-text: k-color(on-app-surface) !default;
+$kendo-pdf-viewer-page-text: var( --kendo-pdf-viewer-page-text, #{k-color(on-app-surface)} ) !default;
 /// The border color of the PDFViewer page.
 /// @group pdf-viewer
-$kendo-pdf-viewer-page-border: color-mix(in srgb, k-color(border) 16%, transparent) !default;
+$kendo-pdf-viewer-page-border: var( --kendo-pdf-viewer-page-border, #{color-mix(in srgb, k-color(border) 16%, transparent)} ) !default;
 /// The shadow of the PDFViewer page.
 /// @group pdf-viewer
-$kendo-pdf-viewer-page-shadow: var( --kendo-box-shadow-depth-3, none ) !default;
+$kendo-pdf-viewer-page-shadow: var( --kendo-pdf-viewer-page-shadow, var( --kendo-box-shadow-depth-3, none ) ) !default;
 
 /// The horizontal padding of the PDFViewer search panel.
 /// @group pdf-viewer
-$kendo-pdf-viewer-search-panel-padding-x: k-spacing(3) !default;
+$kendo-pdf-viewer-search-panel-padding-x: var( --kendo-pdf-viewer-search-panel-padding-x, #{k-spacing(3)} ) !default;
 /// The vertical padding of the PDFViewer search panel.
 /// @group pdf-viewer
-$kendo-pdf-viewer-search-panel-padding-y: $kendo-pdf-viewer-search-panel-padding-x !default;
+$kendo-pdf-viewer-search-panel-padding-y: var( --kendo-pdf-viewer-search-panel-padding-y, #{$kendo-pdf-viewer-search-panel-padding-x} ) !default;
 /// The spacing of the PDFViewer search panel.
 /// @group pdf-viewer
-$kendo-pdf-viewer-search-panel-spacing: k-spacing(2) !default;
+$kendo-pdf-viewer-search-panel-spacing: var( --kendo-pdf-viewer-search-panel-spacing, #{k-spacing(2)} ) !default;
 /// The border width of the PDFViewer search panel.
 /// @group pdf-viewer
-$kendo-pdf-viewer-search-panel-border-width: 1px !default;
+$kendo-pdf-viewer-search-panel-border-width: var( --kendo-pdf-viewer-search-panel-border-width, 1px ) !default;
 /// The border radius of the PDFViewer search panel.
 /// @group pdf-viewer
-$kendo-pdf-viewer-search-panel-border-radius: k-border-radius(md) !default;
+$kendo-pdf-viewer-search-panel-border-radius: var( --kendo-pdf-viewer-search-panel-border-radius, #{k-border-radius(md)} ) !default;
 /// The background color of the PDFViewer search panel.
 /// @group pdf-viewer
-$kendo-pdf-viewer-search-panel-bg: k-color(surface-alt) !default;
+$kendo-pdf-viewer-search-panel-bg: var( --kendo-pdf-viewer-search-panel-bg, #{k-color(surface-alt)} ) !default;
 /// The text color of the PDFViewer search panel.
 /// @group pdf-viewer
-$kendo-pdf-viewer-search-panel-text: k-color(on-app-surface) !default;
+$kendo-pdf-viewer-search-panel-text: var( --kendo-pdf-viewer-search-panel-text, #{k-color(on-app-surface)} ) !default;
 /// The border color of the PDFViewer search panel.
 /// @group pdf-viewer
-$kendo-pdf-viewer-search-panel-border: color-mix(in srgb, k-color(border) 16%, transparent) !default;
+$kendo-pdf-viewer-search-panel-border: var( --kendo-pdf-viewer-search-panel-border, #{color-mix(in srgb, k-color(border) 16%, transparent)} ) !default;
 /// The shadow of the PDFViewer search panel.
 /// @group pdf-viewer
-$kendo-pdf-viewer-search-panel-shadow: none !default;
+$kendo-pdf-viewer-search-panel-shadow: var( --kendo-pdf-viewer-search-panel-shadow, none ) !default;
 /// The spacing of the matches container in the PDFViewer search panel.
 /// @group pdf-viewer
-$kendo-pdf-viewer-search-panel-matches-spacing: var( --kendo-icon-spacing, .5rem ) !default;
+$kendo-pdf-viewer-search-panel-matches-spacing: var( --kendo-pdf-viewer-search-panel-matches-spacing, var( --kendo-icon-spacing, .5rem ) ) !default;
 /// The vertical margin of the PDFViewer search panel.
 /// @group pdf-viewer
 $kendo-pdf-viewer-search-panel-margin-y: calc( ( #{$kendo-button-calc-size} + ( 2 * #{$kendo-pdf-viewer-search-panel-border-width} ) + ( 2 * #{$kendo-pdf-viewer-search-panel-padding-y} ) ) * -1 ) !default;
 
 /// The line height of the PDFViewer selection.
 /// @group pdf-viewer
-$kendo-pdf-viewer-selection-line-height: var( --kendo-line-height-sm, normal ) !default;
+$kendo-pdf-viewer-selection-line-height: var( --kendo-pdf-viewer-selection-line-height, var( --kendo-line-height-sm, normal ) ) !default;
 
 /// The background color of the PDFViewer highlight.
 /// @group pdf-viewer
-$kendo-pdf-viewer-search-highlight-bg: k-color(on-app-surface) !default;
+$kendo-pdf-viewer-search-highlight-bg: var( --kendo-pdf-viewer-search-highlight-bg, #{k-color(on-app-surface)} ) !default;
 /// The background color of the PDFViewer highlight mark.
 /// @group pdf-viewer
-$kendo-pdf-viewer-search-highlight-mark-bg: yellow !default;
+$kendo-pdf-viewer-search-highlight-mark-bg: var( --kendo-pdf-viewer-search-highlight-mark-bg, yellow ) !default;
 
 /// The text color of the PDFViewer icon.
 /// @group pdf-viewer
-$kendo-pdf-viewer-icon-text: $kendo-dropzone-icon-text !default;
+$kendo-pdf-viewer-icon-text: var( --kendo-pdf-viewer-icon-text, #{$kendo-dropzone-icon-text} ) !default;
 
 /// The vertical padding of the PDFViewer popup.
 /// @group pdf-viewer
-$kendo-pdf-viewer-popup-padding-x: k-spacing(2) !default;
+$kendo-pdf-viewer-popup-padding-x: var( --kendo-pdf-viewer-popup-padding-x, #{k-spacing(2)} ) !default;
 /// The horizontal padding of the PDFViewer popup.
 /// @group pdf-viewer
-$kendo-pdf-viewer-popup-padding-y: $kendo-pdf-viewer-popup-padding-x !default;
+$kendo-pdf-viewer-popup-padding-y: var( --kendo-pdf-viewer-popup-padding-y, #{$kendo-pdf-viewer-popup-padding-x} ) !default;
 
 /// The border color of the PDFViewer selected highlight annotation.
 /// @group pdf-viewer
-$kendo-pdf-viewer-highlight-annotation-border: k-color(primary) !default;
+$kendo-pdf-viewer-highlight-annotation-border: var( --kendo-pdf-viewer-highlight-annotation-border, #{k-color(primary)} ) !default;
 /// The background color of the PDFViewer hover highlight annotation.
 /// @group pdf-viewer
-$kendo-pdf-viewer-highlight-annotation-hover-border: k-color(primary-hover) !default;
+$kendo-pdf-viewer-highlight-annotation-hover-border: var( --kendo-pdf-viewer-highlight-annotation-hover-border, #{k-color(primary-hover)} ) !default;
 /// The border color of the PDFViewer selected free text annotation.
 /// @group pdf-viewer
-$kendo-pdf-viewer-free-text-annotation-border: k-color(primary) !default;
+$kendo-pdf-viewer-free-text-annotation-border: var( --kendo-pdf-viewer-free-text-annotation-border, #{k-color(primary)} ) !default;
 /// The placeholder text color of the PDFViewer free text annotation.
 /// @group pdf-viewer
-$kendo-pdf-viewer-free-text-annotation-placeholder-text: rgba(124, 22, 27, 0.5) !default;
+$kendo-pdf-viewer-free-text-annotation-placeholder-text: var( --kendo-pdf-viewer-free-text-annotation-placeholder-text, rgba(124, 22, 27, 0.5) ) !default;
 /// The text color of the PDFViewer free text annotation.
 /// @group pdf-viewer
-$kendo-pdf-viewer-free-text-annotation-text: rgba(124, 22, 27, 0.7) !default;
+$kendo-pdf-viewer-free-text-annotation-text: var( --kendo-pdf-viewer-free-text-annotation-text, rgba(124, 22, 27, 0.7) ) !default;
+
+@forward "@progress/kendo-theme-core/scss/components/pdf-viewer/_variables.scss" with (
+    $kendo-pdf-viewer-border-width: $kendo-pdf-viewer-border-width,
+    $kendo-pdf-viewer-font-family: $kendo-pdf-viewer-font-family,
+    $kendo-pdf-viewer-font-size: $kendo-pdf-viewer-font-size,
+    $kendo-pdf-viewer-line-height: $kendo-pdf-viewer-line-height,
+    $kendo-pdf-viewer-bg: $kendo-pdf-viewer-bg,
+    $kendo-pdf-viewer-text: $kendo-pdf-viewer-text,
+    $kendo-pdf-viewer-border: $kendo-pdf-viewer-border,
+    $kendo-pdf-viewer-canvas-bg: $kendo-pdf-viewer-canvas-bg,
+    $kendo-pdf-viewer-canvas-text: $kendo-pdf-viewer-canvas-text,
+    $kendo-pdf-viewer-canvas-border: $kendo-pdf-viewer-canvas-border,
+    $kendo-pdf-viewer-page-spacing: $kendo-pdf-viewer-page-spacing,
+    $kendo-pdf-viewer-page-bg: $kendo-pdf-viewer-page-bg,
+    $kendo-pdf-viewer-page-text: $kendo-pdf-viewer-page-text,
+    $kendo-pdf-viewer-page-border: $kendo-pdf-viewer-page-border,
+    $kendo-pdf-viewer-page-shadow: $kendo-pdf-viewer-page-shadow,
+    $kendo-pdf-viewer-search-panel-padding-x: $kendo-pdf-viewer-search-panel-padding-x,
+    $kendo-pdf-viewer-search-panel-padding-y: $kendo-pdf-viewer-search-panel-padding-y,
+    $kendo-pdf-viewer-search-panel-spacing: $kendo-pdf-viewer-search-panel-spacing,
+    $kendo-pdf-viewer-search-panel-border-width: $kendo-pdf-viewer-search-panel-border-width,
+    $kendo-pdf-viewer-search-panel-border-radius: $kendo-pdf-viewer-search-panel-border-radius,
+    $kendo-pdf-viewer-search-panel-bg: $kendo-pdf-viewer-search-panel-bg,
+    $kendo-pdf-viewer-search-panel-text: $kendo-pdf-viewer-search-panel-text,
+    $kendo-pdf-viewer-search-panel-border: $kendo-pdf-viewer-search-panel-border,
+    $kendo-pdf-viewer-search-panel-shadow: $kendo-pdf-viewer-search-panel-shadow,
+    $kendo-pdf-viewer-search-panel-matches-spacing: $kendo-pdf-viewer-search-panel-matches-spacing,
+    $kendo-pdf-viewer-selection-line-height: $kendo-pdf-viewer-selection-line-height,
+    $kendo-pdf-viewer-search-highlight-bg: $kendo-pdf-viewer-search-highlight-bg,
+    $kendo-pdf-viewer-search-highlight-mark-bg: $kendo-pdf-viewer-search-highlight-mark-bg,
+    $kendo-pdf-viewer-icon-text: $kendo-pdf-viewer-icon-text,
+    $kendo-pdf-viewer-popup-padding-x: $kendo-pdf-viewer-popup-padding-x,
+    $kendo-pdf-viewer-popup-padding-y: $kendo-pdf-viewer-popup-padding-y,
+    $kendo-pdf-viewer-highlight-annotation-border: $kendo-pdf-viewer-highlight-annotation-border,
+    $kendo-pdf-viewer-highlight-annotation-hover-border: $kendo-pdf-viewer-highlight-annotation-hover-border,
+    $kendo-pdf-viewer-free-text-annotation-border: $kendo-pdf-viewer-free-text-annotation-border,
+    $kendo-pdf-viewer-free-text-annotation-placeholder-text: $kendo-pdf-viewer-free-text-annotation-placeholder-text,
+    $kendo-pdf-viewer-free-text-annotation-text: $kendo-pdf-viewer-free-text-annotation-text
+);

package/scss/pivotgrid/_index.scss

@@ -22,13 +22,7 @@
         @include kendo-icon--styles();
         @include kendo-list--styles();
         @include kendo-pivotgrid--layout();
-        @include kendo-pivotgrid-configurator--layout();
-        @include kendo-pivotgrid-export--layout();
-        @include kendo-pivotgrid-legacy--layout();
-        @include kendo-pivotgrid-configurator-legacy--layout();
         @include kendo-pivotgrid--theme();
-        @include kendo-pivotgrid-configurator--theme();
-        @include kendo-pivotgrid-legacy--theme();
         @include kendo-utils--layout--display();
         @include kendo-utils--layout--position();
         @include kendo-utils--flex-grid--flex-direction();