@progress/kendo-theme-meridian 14.0.0-dev.1

package/scss/panelbar/_variables.scss

@@ -0,0 +1,388 @@
+@use "../core/_index.scss" as *;
+@use "../list/_variables.scss" as *;
+
+// Panelbar
+
+/// The font family of the PanelBar.
+/// @group panelbar
+$kendo-panelbar-font-family: var( --kendo-font-family, inherit ) !default;
+/// The font size of the PanelBar.
+/// @group panelbar
+$kendo-panelbar-font-size: var( --kendo-font-size, inherit ) !default;
+/// The line height of the PanelBar.
+/// @group panelbar
+$kendo-panelbar-line-height: var( --kendo-line-height, normal ) !default;
+/// The width of the border around the PanelBar.
+/// @group panelbar
+$kendo-panelbar-border-width: 1px !default;
+/// The border style around the the PanelBar.
+/// @group panelbar
+$kendo-panelbar-border-style: solid !default;
+/// The border radius of the PanelBar.
+/// @group panelbar
+$kendo-panelbar-border-radius: k-border-radius(xl) !default;
+/// The padding of the PanelBar.
+/// @group panelbar
+$kendo-panelbar-padding: k-spacing(2) !default;
+/// The width of the border around the PanelBar items.
+/// @group panelbar
+$kendo-panelbar-item-border-width: 1px !default;
+/// The style of the border around the PanelBar items.
+/// @group panelbar
+$kendo-panelbar-item-border-style: solid !default;
+/// The border radius of the PanelBar items.
+/// @group panelbar
+$kendo-panelbar-item-border-radius: k-border-radius(sm) !default;
+/// The gap between PanelBar items.
+/// @group panelbar
+$kendo-panelbar-item-gap: k-spacing(0.5) !default;
+
+/// The font weight of the PanelBar header.
+/// @group panelbar
+$kendo-panelbar-header-font-weight: var( --kendo-font-weight-normal, normal ) !default;
+
+/// The horizontal padding of the PanelBar header.
+/// @group panelbar
+$kendo-panelbar-header-padding-x: k-spacing(4) !default;
+/// The vertical padding of the PanelBar header.
+/// @group panelbar
+$kendo-panelbar-header-padding-y: k-spacing(2) !default;
+
+/// The horizontal padding of the PanelBar items.
+/// @group panelbar
+$kendo-panelbar-item-padding-x: k-spacing(4) !default;
+/// The vertical padding of the PanelBar items.
+/// @group panelbar
+$kendo-panelbar-item-padding-y: k-spacing(2) !default;
+
+/// The maximum nesting of the PanelBar items.
+/// @group panelbar
+$kendo-panelbar-item-level-count: 4 !default;
+
+/// The background color of the PanelBar.
+/// @group panelbar
+$kendo-panelbar-bg: k-translucency-bg(k-color(surface-alt)) !default;
+/// The text color of the PanelBar.
+/// @group panelbar
+$kendo-panelbar-text: k-color(on-app-surface) !default;
+/// The border color of the PanelBar.
+/// @group panelbar
+$kendo-panelbar-border: k-color(border) !default;
+
+/// The background color of the PanelBar header.
+/// @group panelbar
+$kendo-panelbar-header-bg: $kendo-panelbar-bg !default;
+/// The text color of the PanelBar header.
+/// @group panelbar
+$kendo-panelbar-header-text: k-color(on-app-surface) !default;
+/// The border color of the PanelBar header.
+/// @group panelbar
+$kendo-panelbar-header-border: null !default;
+/// The gradient of the PanelBar header.
+/// @group panelbar
+$kendo-panelbar-header-gradient: null !default;
+
+/// The background color of the hovered PanelBar header.
+/// @group panelbar
+$kendo-panelbar-header-hover-bg: k-color(primary-subtle-hover) !default;
+/// The text color of the hovered PanelBar header.
+/// @group panelbar
+$kendo-panelbar-header-hover-text: k-color(primary-hover) !default;
+/// The border color of the hovered PanelBar header.
+/// @group panelbar
+$kendo-panelbar-header-hover-border: null !default;
+/// The gradient of the hovered PanelBar header.
+/// @group panelbar
+$kendo-panelbar-header-hover-gradient: null !default;
+
+/// The background color of the focused PanelBar header.
+/// @group panelbar
+$kendo-panelbar-header-focus-bg: null !default;
+/// The text color of the focused PanelBar header.
+/// @group panelbar
+$kendo-panelbar-header-focus-text: null !default;
+/// The border color of the focused PanelBar header.
+/// @group panelbar
+$kendo-panelbar-header-focus-border: null !default;
+/// The gradient of the focused PanelBar header.
+/// @group panelbar
+$kendo-panelbar-header-focus-gradient: null !default;
+/// The shadow of the focused PanelBar header.
+/// @group panelbar
+$kendo-panelbar-header-focus-shadow: null !default;
+
+/// The outline color of the focused PanelBar header.
+/// @group panelbar
+$kendo-panelbar-header-focus-outline-color: k-color(subtle) !default;
+/// The outline width of the focused PanelBar header.
+/// @group panelbar
+$kendo-panelbar-header-focus-outline-width: 1px !default;
+/// The outline offset of the focused PanelBar header.
+/// @group panelbar
+$kendo-panelbar-header-focus-outline-offset: 1px !default;
+
+/// The background color of the focused and hovered PanelBar header.
+/// @group panelbar
+$kendo-panelbar-header-hover-focus-bg: k-color(primary-subtle-hover) !default;
+/// The text color of the focused and hovered PanelBar header.
+/// @group panelbar
+$kendo-panelbar-header-hover-focus-text: k-color(primary-on-subtle) !default;
+/// The border color of the focused and hovered PanelBar header.
+/// @group panelbar
+$kendo-panelbar-header-hover-focus-border: null !default;
+/// The gradient of the focused and hovered PanelBar header.
+/// @group panelbar
+$kendo-panelbar-header-hover-focus-gradient: null !default;
+
+/// The background color of the selected PanelBar header.
+/// @group panelbar
+$kendo-panelbar-header-selected-bg: k-color(primary-subtle-active) !default;
+/// The text color of the selected PanelBar header.
+/// @group panelbar
+$kendo-panelbar-header-selected-text: k-color(primary-on-subtle) !default;
+/// The border color of the selected PanelBar header.
+/// @group panelbar
+$kendo-panelbar-header-selected-border: null !default;
+/// The gradient of the selected PanelBar header.
+/// @group panelbar
+$kendo-panelbar-header-selected-gradient: null !default;
+
+/// The background color of the selected and hovered PanelBar header.
+/// @group panelbar
+$kendo-panelbar-header-selected-hover-bg: k-color(primary-subtle-active) !default;
+/// The text color of the selected and hovered PanelBar header.
+/// @group panelbar
+$kendo-panelbar-header-selected-hover-text: k-color(primary-on-subtle) !default;
+/// The border color of the selected and hovered PanelBar header.
+/// @group panelbar
+$kendo-panelbar-header-selected-hover-border: null !default;
+/// The gradient of the selected and hovered PanelBar header.
+/// @group panelbar
+$kendo-panelbar-header-selected-hover-gradient: null !default;
+
+/// The background color of the selected and focused PanelBar header.
+/// @group panelbar
+$kendo-panelbar-header-selected-focus-bg: null !default;
+/// The text color of the selected and focused PanelBar header.
+/// @group panelbar
+$kendo-panelbar-header-selected-focus-text: null !default;
+/// The border color of the selected and focused PanelBar header.
+/// @group panelbar
+$kendo-panelbar-header-selected-focus-border: null !default;
+/// The gradient of the selected and focused PanelBar header.
+/// @group panelbar
+$kendo-panelbar-header-selected-focus-gradient: null !default;
+
+/// The background color of the selected, hovered and focused PanelBar header.
+/// @group panelbar
+$kendo-panelbar-header-selected-hover-focus-bg: null !default;
+/// The text color of the selected, hovered and focused PanelBar header.
+/// @group panelbar
+$kendo-panelbar-header-selected-hover-focus-text: null !default;
+/// The border color of the selected, hovered and focused PanelBar header.
+/// @group panelbar
+$kendo-panelbar-header-selected-hover-focus-border: null !default;
+/// The gradient of the selected, hovered and focused PanelBar header.
+/// @group panelbar
+$kendo-panelbar-header-selected-hover-focus-gradient: null !default;
+
+/// The background color of the hovered PanelBar items.
+/// @group panelbar
+$kendo-panelbar-item-hover-bg: k-color(primary-subtle-hover) !default;
+/// The text color of the hovered PanelBar items.
+/// @group panelbar
+$kendo-panelbar-item-hover-text: k-color(primary-on-subtle) !default;
+/// The border color of the hovered PanelBar items.
+/// @group panelbar
+$kendo-panelbar-item-hover-border: null !default;
+/// The gradient of the hovered PanelBar items.
+/// @group panelbar
+$kendo-panelbar-item-hover-gradient: null !default;
+
+/// The background color of the focused PanelBar items.
+/// @group panelbar
+$kendo-panelbar-item-focus-bg: null !default;
+/// The text color of the focused PanelBar items.
+/// @group panelbar
+$kendo-panelbar-item-focus-text: null !default;
+/// The border color of the focused PanelBar items.
+/// @group panelbar
+$kendo-panelbar-item-focus-border: null !default;
+/// The gradient of the focused PanelBar items.
+/// @group panelbar
+$kendo-panelbar-item-focus-gradient: null !default;
+/// The box shadow of the focused PanelBar items.
+/// @group panelbar
+$kendo-panelbar-item-focus-shadow: null !default;
+
+/// The outline color of the focused PanelBar items.
+/// @group panelbar
+$kendo-panelbar-item-focus-outline-color: k-color(subtle) !default;
+/// The outline width of the focused PanelBar items.
+/// @group panelbar
+$kendo-panelbar-item-focus-outline-width: 1px !default;
+/// The outline offset of the focused PanelBar items.
+/// @group panelbar
+$kendo-panelbar-item-focus-outline-offset: 1px !default;
+
+/// The background color of the focused and hovered PanelBar items.
+/// @group panelbar
+$kendo-panelbar-item-hover-focus-bg: k-color(primary-subtle-hover) !default;
+/// The text color of the focused and hovered PanelBar items.
+/// @group panelbar
+$kendo-panelbar-item-hover-focus-text: k-color(primary-on-subtle) !default;
+/// The border color of the focused and hovered PanelBar items.
+/// @group panelbar
+$kendo-panelbar-item-hover-focus-border: null !default;
+/// The gradient of the focused and hovered PanelBar items.
+/// @group panelbar
+$kendo-panelbar-item-hover-focus-gradient: null !default;
+
+/// The background color of the selected PanelBar items.
+/// @group panelbar
+$kendo-panelbar-item-selected-bg: k-color(primary-subtle-active) !default;
+/// The text color of the selected PanelBar items.
+/// @group panelbar
+$kendo-panelbar-item-selected-text: k-color(primary-on-subtle) !default;
+/// The border color of the selected PanelBar items.
+/// @group panelbar
+$kendo-panelbar-item-selected-border: null !default;
+/// The gradient of the selected PanelBar items.
+/// @group panelbar
+$kendo-panelbar-item-selected-gradient: null !default;
+
+/// The background color of the selected and hovered PanelBar items.
+/// @group panelbar
+$kendo-panelbar-item-selected-hover-bg: k-color(primary-subtle-active) !default;
+/// The text color of the selected and hovered PanelBar items.
+/// @group panelbar
+$kendo-panelbar-item-selected-hover-text: k-color(primary-on-subtle) !default;
+/// The border color of the selected and hovered PanelBar items.
+/// @group panelbar
+$kendo-panelbar-item-selected-hover-border: null !default;
+/// The gradient of the selected and hovered PanelBar items.
+/// @group panelbar
+$kendo-panelbar-item-selected-hover-gradient: null !default;
+
+/// The background color of the selected and focused PanelBar items.
+/// @group panelbar
+$kendo-panelbar-item-selected-focus-bg: null !default;
+/// The text color of the selected and focused PanelBar items.
+/// @group panelbar
+$kendo-panelbar-item-selected-focus-text: null !default;
+/// The border color of the selected and focused PanelBar items.
+/// @group panelbar
+$kendo-panelbar-item-selected-focus-border: null !default;
+/// The gradient of the selected and focused PanelBar items.
+/// @group panelbar
+$kendo-panelbar-item-selected-focus-gradient: null !default;
+
+/// The background color of the selected, hovered and focused PanelBar items.
+/// @group panelbar
+$kendo-panelbar-item-selected-hover-focus-bg: null !default;
+/// The text color of the selected, hovered and focused PanelBar items.
+/// @group panelbar
+$kendo-panelbar-item-selected-hover-focus-text: null !default;
+/// The border color of the selected, hovered and focused PanelBar items.
+/// @group panelbar
+$kendo-panelbar-item-selected-hover-focus-border: null !default;
+/// The gradient of the selected, hovered and focused PanelBar items.
+/// @group panelbar
+$kendo-panelbar-item-selected-hover-focus-gradient: null !default;
+
+/// The background color of the expanded PanelBar header.
+/// @group panelbar
+$kendo-panelbar-header-expanded-bg: null !default;
+/// The text color of the expanded PanelBar header.
+/// @group panelbar
+$kendo-panelbar-header-expanded-text: null !default;
+/// The border color of the expanded PanelBar header.
+/// @group panelbar
+$kendo-panelbar-header-expanded-border: null !default;
+/// The gradient of the expanded PanelBar header.
+/// @group panelbar
+$kendo-panelbar-header-expanded-gradient: null !default;
+
+@forward "@progress/kendo-theme-core/scss/components/panelbar/_variables.scss" with (
+    $kendo-panelbar-font-family: $kendo-panelbar-font-family,
+    $kendo-panelbar-font-size: $kendo-panelbar-font-size,
+    $kendo-panelbar-line-height: $kendo-panelbar-line-height,
+    $kendo-panelbar-border-width: $kendo-panelbar-border-width,
+    $kendo-panelbar-border-style: $kendo-panelbar-border-style,
+    $kendo-panelbar-item-border-width: $kendo-panelbar-item-border-width,
+    $kendo-panelbar-item-border-style: $kendo-panelbar-item-border-style,
+    $kendo-panelbar-header-padding-x: $kendo-panelbar-header-padding-x,
+    $kendo-panelbar-header-padding-y: $kendo-panelbar-header-padding-y,
+    $kendo-panelbar-item-padding-x: $kendo-panelbar-item-padding-x,
+    $kendo-panelbar-item-padding-y: $kendo-panelbar-item-padding-y,
+    $kendo-panelbar-item-level-count: $kendo-panelbar-item-level-count,
+    $kendo-panelbar-bg: $kendo-panelbar-bg,
+    $kendo-panelbar-text: $kendo-panelbar-text,
+    $kendo-panelbar-border: $kendo-panelbar-border,
+    $kendo-panelbar-header-bg: $kendo-panelbar-header-bg,
+    $kendo-panelbar-header-text: $kendo-panelbar-header-text,
+    $kendo-panelbar-header-border: $kendo-panelbar-header-border,
+    $kendo-panelbar-header-gradient: $kendo-panelbar-header-gradient,
+    $kendo-panelbar-header-hover-bg: $kendo-panelbar-header-hover-bg,
+    $kendo-panelbar-header-hover-text: $kendo-panelbar-header-hover-text,
+    $kendo-panelbar-header-hover-border: $kendo-panelbar-header-hover-border,
+    $kendo-panelbar-header-hover-gradient: $kendo-panelbar-header-hover-gradient,
+    $kendo-panelbar-header-focus-bg: $kendo-panelbar-header-focus-bg,
+    $kendo-panelbar-header-focus-text: $kendo-panelbar-header-focus-text,
+    $kendo-panelbar-header-focus-border: $kendo-panelbar-header-focus-border,
+    $kendo-panelbar-header-focus-gradient: $kendo-panelbar-header-focus-gradient,
+    $kendo-panelbar-header-focus-shadow: $kendo-panelbar-header-focus-shadow,
+    $kendo-panelbar-header-hover-focus-bg: $kendo-panelbar-header-hover-focus-bg,
+    $kendo-panelbar-header-hover-focus-text: $kendo-panelbar-header-hover-focus-text,
+    $kendo-panelbar-header-hover-focus-border: $kendo-panelbar-header-hover-focus-border,
+    $kendo-panelbar-header-hover-focus-gradient: $kendo-panelbar-header-hover-focus-gradient,
+    $kendo-panelbar-header-selected-bg: $kendo-panelbar-header-selected-bg,
+    $kendo-panelbar-header-selected-text: $kendo-panelbar-header-selected-text,
+    $kendo-panelbar-header-selected-border: $kendo-panelbar-header-selected-border,
+    $kendo-panelbar-header-selected-gradient: $kendo-panelbar-header-selected-gradient,
+    $kendo-panelbar-header-selected-hover-bg: $kendo-panelbar-header-selected-hover-bg,
+    $kendo-panelbar-header-selected-hover-text: $kendo-panelbar-header-selected-hover-text,
+    $kendo-panelbar-header-selected-hover-border: $kendo-panelbar-header-selected-hover-border,
+    $kendo-panelbar-header-selected-hover-gradient: $kendo-panelbar-header-selected-hover-gradient,
+    $kendo-panelbar-header-selected-focus-bg: $kendo-panelbar-header-selected-focus-bg,
+    $kendo-panelbar-header-selected-focus-text: $kendo-panelbar-header-selected-focus-text,
+    $kendo-panelbar-header-selected-focus-border: $kendo-panelbar-header-selected-focus-border,
+    $kendo-panelbar-header-selected-focus-gradient: $kendo-panelbar-header-selected-focus-gradient,
+    $kendo-panelbar-header-selected-hover-focus-bg: $kendo-panelbar-header-selected-hover-focus-bg,
+    $kendo-panelbar-header-selected-hover-focus-text: $kendo-panelbar-header-selected-hover-focus-text,
+    $kendo-panelbar-header-selected-hover-focus-border: $kendo-panelbar-header-selected-hover-focus-border,
+    $kendo-panelbar-header-selected-hover-focus-gradient: $kendo-panelbar-header-selected-hover-focus-gradient,
+    $kendo-panelbar-item-hover-bg: $kendo-panelbar-item-hover-bg,
+    $kendo-panelbar-item-hover-text: $kendo-panelbar-item-hover-text,
+    $kendo-panelbar-item-hover-border: $kendo-panelbar-item-hover-border,
+    $kendo-panelbar-item-hover-gradient: $kendo-panelbar-item-hover-gradient,
+    $kendo-panelbar-item-focus-bg: $kendo-panelbar-item-focus-bg,
+    $kendo-panelbar-item-focus-text: $kendo-panelbar-item-focus-text,
+    $kendo-panelbar-item-focus-border: $kendo-panelbar-item-focus-border,
+    $kendo-panelbar-item-focus-gradient: $kendo-panelbar-item-focus-gradient,
+    $kendo-panelbar-item-focus-shadow: $kendo-panelbar-item-focus-shadow,
+    $kendo-panelbar-item-hover-focus-bg: $kendo-panelbar-item-hover-focus-bg,
+    $kendo-panelbar-item-hover-focus-text: $kendo-panelbar-item-hover-focus-text,
+    $kendo-panelbar-item-hover-focus-border: $kendo-panelbar-item-hover-focus-border,
+    $kendo-panelbar-item-hover-focus-gradient: $kendo-panelbar-item-hover-focus-gradient,
+    $kendo-panelbar-item-selected-bg: $kendo-panelbar-item-selected-bg,
+    $kendo-panelbar-item-selected-text: $kendo-panelbar-item-selected-text,
+    $kendo-panelbar-item-selected-border: $kendo-panelbar-item-selected-border,
+    $kendo-panelbar-item-selected-gradient: $kendo-panelbar-item-selected-gradient,
+    $kendo-panelbar-item-selected-hover-bg: $kendo-panelbar-item-selected-hover-bg,
+    $kendo-panelbar-item-selected-hover-text: $kendo-panelbar-item-selected-hover-text,
+    $kendo-panelbar-item-selected-hover-border: $kendo-panelbar-item-selected-hover-border,
+    $kendo-panelbar-item-selected-hover-gradient: $kendo-panelbar-item-selected-hover-gradient,
+    $kendo-panelbar-item-selected-focus-bg: $kendo-panelbar-item-selected-focus-bg,
+    $kendo-panelbar-item-selected-focus-text: $kendo-panelbar-item-selected-focus-text,
+    $kendo-panelbar-item-selected-focus-border: $kendo-panelbar-item-selected-focus-border,
+    $kendo-panelbar-item-selected-focus-gradient: $kendo-panelbar-item-selected-focus-gradient,
+    $kendo-panelbar-item-selected-hover-focus-bg: $kendo-panelbar-item-selected-hover-focus-bg,
+    $kendo-panelbar-item-selected-hover-focus-text: $kendo-panelbar-item-selected-hover-focus-text,
+    $kendo-panelbar-item-selected-hover-focus-border: $kendo-panelbar-item-selected-hover-focus-border,
+    $kendo-panelbar-item-selected-hover-focus-gradient: $kendo-panelbar-item-selected-hover-focus-gradient,
+    $kendo-panelbar-header-expanded-bg: $kendo-panelbar-header-expanded-bg,
+    $kendo-panelbar-header-expanded-text: $kendo-panelbar-header-expanded-text,
+    $kendo-panelbar-header-expanded-border: $kendo-panelbar-header-expanded-border,
+    $kendo-panelbar-header-expanded-gradient: $kendo-panelbar-header-expanded-gradient
+);

package/scss/pdf-viewer/_index.scss

@@ -0,0 +1,33 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../utils/_index.scss" as *;
+@use "../combobox/_index.scss" as *;
+@use "../toolbar/_index.scss" as *;
+@use "../dialog/_index.scss" as *;
+@use "../pager/_index.scss" as *;
+@use "../dropzone/_index.scss" as *;
+@use "../window/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-pdf-viewer--styles() {
+    @include import-once( "pdf-viewer" ) {
+        @include core-styles();
+        @include kendo-combobox--styles();
+        @include kendo-toolbar--styles();
+        @include kendo-dialog--styles();
+        @include kendo-pager--styles();
+        @include kendo-icon--styles();
+        @include kendo-dropzone--styles();
+        @include kendo-window--styles();
+        @include kendo-pdf-viewer--layout();
+        @include kendo-pdf-viewer--theme();
+        @include kendo-utils--layout--overflow();
+        @include kendo-utils--layout--position();
+    }
+}

package/scss/pdf-viewer/_layout.scss

@@ -0,0 +1,12 @@
+@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 {
+        .k-toolbar {
+            border-radius: 0;
+        }
+    }
+}

package/scss/pdf-viewer/_theme.scss

@@ -0,0 +1,6 @@
+@use "@progress/kendo-theme-core/scss/components/pdf-viewer/_theme.scss" as *;
+
+
+@mixin kendo-pdf-viewer--theme() {
+    @include kendo-pdf-viewer--theme-base();
+}

package/scss/pdf-viewer/_variables.scss

@@ -0,0 +1,186 @@
+@use "../core/_index.scss" as *;
+@use "../dropzone/_variables.scss" as *;
+@use "../toolbar/_variables.scss" as *;
+@use "../window/_variables.scss" as *;
+
+
+// PDFViewer
+
+/// The border width of the PDFViewer.
+/// @group pdf-viewer
+$kendo-pdf-viewer-border-width: 1px !default;
+/// The border radius of the PDFViewer.
+/// @group pdf-viewer
+$kendo-pdf-viewer-border-radius: k-border-radius(xxl) !default;
+/// The font family of the PDFViewer.
+/// @group pdf-viewer
+$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;
+/// The line height of the PDFViewer.
+/// @group pdf-viewer
+$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;
+/// The text color of the PDFViewer.
+/// @group pdf-viewer
+$kendo-pdf-viewer-text: k-color(on-app-surface) !default;
+/// The border color of the PDFViewer.
+/// @group pdf-viewer
+$kendo-pdf-viewer-border: k-color(border) !default;
+
+/// The background color of the PDFViewer Toolbar.
+/// @group pdf-viewer
+$kendo-pdf-viewer-toolbar-bg: null !default;
+/// The text color of the PDFViewer Toolbar.
+/// @group pdf-viewer
+$kendo-pdf-viewer-toolbar-text: null !default;
+/// The border color of the PDFViewer Toolbar.
+/// @group pdf-viewer
+$kendo-pdf-viewer-toolbar-border: null !default;
+/// The gradient of the PDFViewer Toolbar.
+/// @group pdf-viewer
+$kendo-pdf-viewer-toolbar-gradient: null !default;
+
+/// The background color of the PDFViewer canvas.
+/// @group pdf-viewer
+$kendo-pdf-viewer-canvas-bg: k-color(surface) !default;
+/// The text color of the PDFViewer canvas.
+/// @group pdf-viewer
+$kendo-pdf-viewer-canvas-text: null !default;
+/// The border color of the PDFViewer canvas.
+/// @group pdf-viewer
+$kendo-pdf-viewer-canvas-border: null !default;
+
+/// The spacing of the PDFViewer page.
+/// @group pdf-viewer
+$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: white !default;
+/// The text color of the PDFViewer page.
+/// @group pdf-viewer
+$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: k-color(border) !default;
+/// The shadow of the PDFViewer page.
+/// @group pdf-viewer
+$kendo-pdf-viewer-page-shadow: k-elevation(1) !default;
+
+/// The horizontal padding of the PDFViewer search panel.
+/// @group pdf-viewer
+$kendo-pdf-viewer-search-panel-padding-x: k-spacing(2) !default;
+/// The vertical padding of the PDFViewer search panel.
+/// @group pdf-viewer
+$kendo-pdf-viewer-search-panel-padding-y: k-spacing(4) !default;
+/// The spacing of the PDFViewer search panel.
+/// @group pdf-viewer
+$kendo-pdf-viewer-search-panel-spacing: $kendo-toolbar-md-spacing !default;
+/// The border width of the PDFViewer search panel.
+/// @group pdf-viewer
+$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: 0 !default;
+/// The background color of the PDFViewer search panel.
+/// @group pdf-viewer
+$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;
+/// The border color of the PDFViewer search panel.
+/// @group pdf-viewer
+$kendo-pdf-viewer-search-panel-border: k-color(border) !default;
+/// The shadow of the PDFViewer search panel.
+/// @group pdf-viewer
+$kendo-pdf-viewer-search-panel-shadow: k-elevation(3) !default;
+/// The spacing of the matches container in the PDFViewer search panel.
+/// @group pdf-viewer
+$kendo-pdf-viewer-search-panel-matches-spacing: k-spacing(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;
+
+/// The background color of the PDFViewer highlight.
+/// @group pdf-viewer
+$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;
+
+/// The text color of the PDFViewer icon.
+/// @group pdf-viewer
+$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;
+/// The horizontal padding of the PDFViewer popup.
+/// @group pdf-viewer
+$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;
+/// The background color of the PDFViewer hover highlight annotation.
+/// @group pdf-viewer
+$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;
+/// The placeholder text color of the PDFViewer free text annotation.
+/// @group pdf-viewer
+$kendo-pdf-viewer-free-text-annotation-placeholder-text: k-color(primary-on-subtle) !default;
+/// The text color of the PDFViewer free text annotation.
+/// @group pdf-viewer
+$kendo-pdf-viewer-free-text-annotation-text: k-color(primary-on-subtle) !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-border-radius: $kendo-pdf-viewer-border-radius,
+    $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-toolbar-bg: $kendo-pdf-viewer-toolbar-bg,
+    $kendo-pdf-viewer-toolbar-text: $kendo-pdf-viewer-toolbar-text,
+    $kendo-pdf-viewer-toolbar-border: $kendo-pdf-viewer-toolbar-border,
+    $kendo-pdf-viewer-toolbar-gradient: $kendo-pdf-viewer-toolbar-gradient,
+    $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

@@ -0,0 +1,30 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../utils/_index.scss" as *;
+@use "../dialog/_index.scss" as *;
+@use "../treeview/_index.scss" as *;
+@use "../grid/_index.scss" as *;
+@use "../list/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-pivotgrid--styles() {
+    @include import-once( "pivotgrid" ) {
+        @include core-styles();
+        @include kendo-dialog--styles();
+        @include kendo-treeview--styles();
+        @include kendo-grid--styles();
+        @include kendo-icon--styles();
+        @include kendo-list--styles();
+        @include kendo-pivotgrid--layout();
+        @include kendo-pivotgrid--theme();
+        @include kendo-utils--layout--display();
+        @include kendo-utils--layout--position();
+        @include kendo-utils--flex-grid--flex-direction();
+    }
+}

package/scss/pivotgrid/_layout.scss

@@ -0,0 +1,11 @@
+@use "@progress/kendo-theme-core/scss/components/pivotgrid/_layout.scss" as *;
+@use "../core/_index.scss" as *;
+
+@mixin kendo-pivotgrid--layout() {
+    @include kendo-pivotgrid--layout-base();
+
+    .k-pivotgrid-configurator-content .k-fields-list-wrapper,
+    .k-pivotgrid-configurator-panel.kendo-jquery .k-column-fields {
+        border-radius: k-border-radius(md);
+    }
+}