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

package/scss/drawer/_variables.scss

@@ -0,0 +1,175 @@
+@use "../core/_index.scss" as *;
+@use "../icons/_variables.scss" as *;
+@use "../list/_variables.scss" as *;
+
+// Drawer
+
+/// The background color of the Drawer.
+/// @group drawer
+$kendo-drawer-bg: k-translucency-bg(k-elevation-bg(1, k-color(surface-alt))) !default;
+/// The text color of the Drawer.
+/// @group drawer
+$kendo-drawer-text: k-color(on-app-surface) !default;
+/// The border color of the Drawer.
+/// @group drawer
+$kendo-drawer-border: k-color(border) !default;
+/// The border width of the Drawer.
+/// @group drawer
+$kendo-drawer-border-width: 1px !default;
+
+/// The font family of the Drawer.
+/// @group drawer
+$kendo-drawer-font-family: var( --kendo-font-family, inherit ) !default;
+/// The font size of the Drawer.
+/// @group drawer
+$kendo-drawer-font-size: var( --kendo-font-size, inherit ) !default;
+/// The line height of the Drawer.
+/// @group drawer
+$kendo-drawer-line-height: var( --kendo-line-height, normal ) !default;
+
+/// The horizontal padding of the Drawer content.
+/// @group drawer
+$kendo-drawer-content-padding-x: null !default;
+
+/// The vertical padding of the Drawer content.
+/// @group drawer
+$kendo-drawer-content-padding-y: null !default;
+
+/// The width of the Drawer scrollbar.
+/// @group drawer
+$kendo-drawer-scrollbar-width: 7px !default;
+/// The color of the Drawer scrollbar track.
+/// @group drawer
+$kendo-drawer-scrollbar-color: k-color(inverse-subtle) !default;
+/// The background color of the Drawer scrollbar thumb.
+/// @group drawer
+$kendo-drawer-scrollbar-bg: color-mix(in srgb, k-color(inverse-subtle), k-color(on-inverse)) !default;
+/// The border radius of the Drawer scrollbar.
+/// @group drawer
+$kendo-drawer-scrollbar-radius: 20px !default;
+/// The hover color of the Drawer scrollbar track.
+/// @group drawer
+$kendo-drawer-scrollbar-hover-color: $kendo-drawer-scrollbar-color !default;
+
+/// The horizontal padding of the Drawer items.
+/// @group drawer
+$kendo-drawer-items-padding-x: k-spacing(2) !default;
+/// The vertical padding of the Drawer items.
+/// @group drawer
+$kendo-drawer-items-padding-y: k-spacing(2) !default;
+/// The horizontal padding of the Drawer item.
+/// @group drawer
+$kendo-drawer-item-padding-x: k-spacing(4) !default;
+/// The vertical padding of the Drawer item.
+/// @group drawer
+$kendo-drawer-item-padding-y: k-spacing(2) !default;
+/// The spacing between the items in the Drawer item.
+/// @group drawer
+$kendo-drawer-item-spacing: k-spacing(2) !default;
+/// The font size of the Drawer item.
+/// @group drawer
+$kendo-drawer-item-font-size: var( --kendo-font-size, inherit ) !default;
+/// The line height of the Drawer item.
+/// @group drawer
+$kendo-drawer-item-line-height: var( --kendo-line-height, normal ) !default;
+/// The font weight of the Drawer item.
+/// @group drawer
+$kendo-drawer-item-font-weight: var( --kendo-font-weight, normal ) !default;
+
+/// The horizontal padding of the Drawer item in each level.
+/// @group drawer
+$kendo-drawer-item-level-padding-x: $kendo-drawer-item-padding-x !default;
+/// The count of the Drawer item levels.
+/// @group drawer
+$kendo-drawer-item-level-count: 5 !default;
+/// The border radius of the Drawer item.
+/// @group drawer
+$kendo-drawer-item-border-radius: k-border-radius(sm) !default;
+
+/// The horizontal padding of the Drawer icon.
+/// @group drawer
+$kendo-drawer-icon-padding-x: k-spacing(0) !default;
+
+/// The vertical padding of the Drawer icon.
+/// @group drawer
+$kendo-drawer-icon-padding-y: k-spacing(1) !default;
+
+/// The initial width of the mini Drawer.
+/// @group drawer
+$kendo-drawer-mini-initial-width: calc(2 * #{$kendo-drawer-item-padding-x} + #{$kendo-icon-size} + 2 * #{$kendo-drawer-items-padding-x}) !default;
+
+/// The background color of the hovered Drawer item.
+/// @group drawer
+$kendo-drawer-hover-bg: k-color(primary-subtle-hover) !default;
+/// The text color of the hovered Drawer item.
+/// @group drawer
+$kendo-drawer-hover-text: k-color(primary-on-subtle) !default;
+
+/// The background color of the focused Drawer item.
+/// @group drawer
+$kendo-drawer-focus-bg: $kendo-drawer-bg !default;
+/// The box shadow of the focused Drawer item.
+/// @group drawer
+$kendo-drawer-focus-shadow: null !default;
+
+/// The outline color of the focused Drawer item.
+/// @group drawer
+$kendo-drawer-focus-outline-color: k-color(subtle) !default;
+
+/// The background color of the selected Drawer item.
+/// @group drawer
+$kendo-drawer-selected-bg: k-color(primary-subtle-active) !default;
+/// The text color of the selected Drawer item.
+/// @group drawer
+$kendo-drawer-selected-text: k-color(primary-on-subtle) !default;
+
+/// The background color of the selected and hovered Drawer item.
+/// @group drawer
+$kendo-drawer-selected-hover-bg: k-color(primary-subtle-active) !default;
+/// The text color of the selected and hovered Drawer item.
+/// @group drawer
+$kendo-drawer-selected-hover-text: k-color(primary-on-subtle) !default;
+
+/// The background color of the selected and focused Drawer item.
+/// @group drawer
+$kendo-drawer-selected-focus-bg: null !default;
+
+@forward "@progress/kendo-theme-core/scss/components/drawer/_variables.scss" with (
+    $kendo-drawer-bg: $kendo-drawer-bg,
+    $kendo-drawer-text: $kendo-drawer-text,
+    $kendo-drawer-border: $kendo-drawer-border,
+    $kendo-drawer-border-width: $kendo-drawer-border-width,
+    $kendo-drawer-font-family: $kendo-drawer-font-family,
+    $kendo-drawer-font-size: $kendo-drawer-font-size,
+    $kendo-drawer-line-height: $kendo-drawer-line-height,
+    $kendo-drawer-content-padding-x: $kendo-drawer-content-padding-x,
+    $kendo-drawer-content-padding-y: $kendo-drawer-content-padding-y,
+    $kendo-drawer-scrollbar-width: $kendo-drawer-scrollbar-width,
+    $kendo-drawer-scrollbar-color: $kendo-drawer-scrollbar-color,
+    $kendo-drawer-scrollbar-bg: $kendo-drawer-scrollbar-bg,
+    $kendo-drawer-scrollbar-radius: $kendo-drawer-scrollbar-radius,
+    $kendo-drawer-scrollbar-hover-color: $kendo-drawer-scrollbar-hover-color,
+    $kendo-drawer-items-padding-x: $kendo-drawer-items-padding-x,
+    $kendo-drawer-items-padding-y: $kendo-drawer-items-padding-y,
+    $kendo-drawer-item-padding-x: $kendo-drawer-item-padding-x,
+    $kendo-drawer-item-padding-y: $kendo-drawer-item-padding-y,
+    $kendo-drawer-item-spacing: $kendo-drawer-item-spacing,
+    $kendo-drawer-item-font-size: $kendo-drawer-item-font-size,
+    $kendo-drawer-item-line-height: $kendo-drawer-item-line-height,
+    $kendo-drawer-item-font-weight: $kendo-drawer-item-font-weight,
+    $kendo-drawer-item-level-padding-x: $kendo-drawer-item-level-padding-x,
+    $kendo-drawer-item-level-count: $kendo-drawer-item-level-count,
+    $kendo-drawer-item-border-radius: $kendo-drawer-item-border-radius,
+    $kendo-drawer-icon-padding-x: $kendo-drawer-icon-padding-x,
+    $kendo-drawer-icon-padding-y: $kendo-drawer-icon-padding-y,
+    $kendo-drawer-mini-initial-width: $kendo-drawer-mini-initial-width,
+    $kendo-drawer-hover-bg: $kendo-drawer-hover-bg,
+    $kendo-drawer-hover-text: $kendo-drawer-hover-text,
+    $kendo-drawer-focus-bg: $kendo-drawer-focus-bg,
+    $kendo-drawer-focus-shadow: $kendo-drawer-focus-shadow,
+    $kendo-drawer-selected-bg: $kendo-drawer-selected-bg,
+    $kendo-drawer-selected-text: $kendo-drawer-selected-text,
+    $kendo-drawer-selected-hover-bg: $kendo-drawer-selected-hover-bg,
+    $kendo-drawer-selected-hover-text: $kendo-drawer-selected-hover-text,
+    $kendo-drawer-selected-focus-bg: $kendo-drawer-selected-focus-bg
+);

package/scss/dropdowngrid/_index.scss

@@ -0,0 +1,26 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../input/_index.scss" as *;
+@use "../floating-label/_index.scss" as *;
+@use "../popup/_index.scss" as *;
+@use "../table/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-dropdown-grid--styles() {
+    @include import-once( "dropdown-grid" ) {
+        @include core-styles();
+        @include kendo-icon--styles();
+        @include kendo-input--styles();
+        @include kendo-floating-label--styles();
+        @include kendo-popup--styles();
+        @include kendo-table--styles();
+        @include kendo-dropdown-grid--layout();
+        @include kendo-dropdown-grid--theme();
+    }
+}

package/scss/dropdowngrid/_layout.scss

@@ -0,0 +1,6 @@
+@use "@progress/kendo-theme-core/scss/components/dropdowngrid/_layout.scss" as *;
+
+
+@mixin kendo-dropdown-grid--layout() {
+    @include kendo-dropdown-grid--layout-base();
+}

package/scss/dropdowngrid/_theme.scss

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

package/scss/dropdowngrid/_variables.scss

@@ -0,0 +1 @@
+// Dropdown grid

package/scss/dropdownlist/_index.scss

@@ -0,0 +1,24 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+@use "../input/_index.scss" as *;
+@use "../popup/_index.scss" as *;
+@use "../list/_index.scss" as *;
+@use "../floating-label/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-dropdown-list--styles() {
+    @include import-once( "dropdown-list" ) {
+        @include core-styles();
+        @include kendo-input--styles();
+        @include kendo-popup--styles();
+        @include kendo-list--styles();
+        @include kendo-floating-label--styles();
+        @include kendo-dropdown-list--layout();
+        @include kendo-dropdown-list--theme();
+    }
+}

package/scss/dropdownlist/_layout.scss

@@ -0,0 +1,6 @@
+@use "@progress/kendo-theme-core/scss/components/dropdownlist/_layout.scss" as *;
+
+
+@mixin kendo-dropdown-list--layout() {
+    @include kendo-dropdown-list--layout-base();
+}

package/scss/dropdownlist/_theme.scss

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

package/scss/dropdownlist/_variables.scss

@@ -0,0 +1 @@
+// Dropdownlist

package/scss/dropdowntree/_index.scss

@@ -0,0 +1,30 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+@use "../utils/_index.scss" as *;
+@use "../input/_index.scss" as *;
+@use "../popup/_index.scss" as *;
+@use "../floating-label/_index.scss" as *;
+@use "../dropdownlist/_index.scss" as *;
+@use "../multiselect/_index.scss" as *;
+@use "../treeview/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-dropdown-tree--styles() {
+    @include import-once( "dropdown-tree" ) {
+        @include core-styles();
+        @include kendo-input--styles();
+        @include kendo-popup--styles();
+        @include kendo-floating-label--styles();
+        @include kendo-dropdown-list--styles();
+        @include kendo-multiselect--styles();
+        @include kendo-treeview--styles();
+        @include kendo-dropdown-tree--layout();
+        @include kendo-dropdown-tree--theme();
+        @include kendo-utils--typography--text-align();
+    }
+}

package/scss/dropdowntree/_layout.scss

@@ -0,0 +1,6 @@
+@use "@progress/kendo-theme-core/scss/components/dropdowntree/_layout.scss" as *;
+
+
+@mixin kendo-dropdown-tree--layout() {
+    @include kendo-dropdown-tree--layout-base();
+}

package/scss/dropdowntree/_theme.scss

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

package/scss/dropdowntree/_variables.scss

@@ -0,0 +1,24 @@
+@use "../core/_index.scss" as *;
+
+// Dropdowntree
+
+/// The horizontal padding of the DropdownTree popup
+/// @group dropdowntree
+$kendo-dropdowntree-popup-padding-x: k-spacing(2) !default;
+/// The vertical padding of the DropdownTree popup
+/// @group dropdowntree
+$kendo-dropdowntree-popup-padding-y: k-spacing(2) !default;
+
+/// The horizontal padding of the DropdownTree check all
+/// @group dropdowntree
+$kendo-dropdowntree-check-all-padding-x: k-spacing(2.5) !default;
+/// The vertical padding of the DropdownTree check all
+/// @group dropdowntree
+$kendo-dropdowntree-check-all-padding-y: k-spacing(1.5) !default;
+
+@forward "@progress/kendo-theme-core/scss/components/dropdowntree/_variables.scss" with (
+    $kendo-dropdowntree-popup-padding-x: $kendo-dropdowntree-popup-padding-x,
+    $kendo-dropdowntree-popup-padding-y: $kendo-dropdowntree-popup-padding-y,
+    $kendo-dropdowntree-check-all-padding-x: $kendo-dropdowntree-check-all-padding-x,
+    $kendo-dropdowntree-check-all-padding-y: $kendo-dropdowntree-check-all-padding-y
+);

package/scss/dropzone/_index.scss

@@ -0,0 +1,16 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-dropzone--styles() {
+    @include import-once( "dropzone" ) {
+        @include core-styles();
+        @include kendo-dropzone--layout();
+        @include kendo-dropzone--theme();
+    }
+}

package/scss/dropzone/_layout.scss

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

package/scss/dropzone/_theme.scss

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

package/scss/dropzone/_variables.scss

@@ -0,0 +1,93 @@
+@use "../core/_index.scss" as *;
+
+
+// DropZone
+
+/// The horizontal padding of the DropZone.
+/// @group dropzone
+$kendo-dropzone-padding-x: k-spacing(2) !default;
+/// The vertical padding of the DropZone.
+/// @group dropzone
+$kendo-dropzone-padding-y: k-spacing(2) !default;
+/// The border width of the DropZone.
+/// @group dropzone
+$kendo-dropzone-border-width: 1px !default;
+/// The border radius of the DropZone.
+/// @group dropzone
+$kendo-dropzone-border-radius: k-border-radius(xxl) !default;
+/// The minimum height of the DropZone.
+/// @group dropzone
+$kendo-dropzone-min-height: 220px !default;
+
+/// The font family of the DropZone.
+/// @group dropzone
+$kendo-dropzone-font-family: var( --kendo-font-family, inherit ) !default;
+/// The font size of the DropZone.
+/// @group dropzone
+$kendo-dropzone-font-size: var( --kendo-font-size, inherit ) !default;
+/// The line height of the DropZone.
+/// @group dropzone
+$kendo-dropzone-line-height: var( --kendo-line-height, normal ) !default;
+
+/// The background color of the DropZone.
+/// @group dropzone
+$kendo-dropzone-bg: k-color(surface-alt) !default;
+/// The text color of the DropZone.
+/// @group dropzone
+$kendo-dropzone-text: k-color(on-app-surface) !default;
+/// The border color of the DropZone.
+/// @group dropzone
+$kendo-dropzone-border: k-color(border) !default;
+
+/// The spacing below the DropZone icon.
+/// @group dropzone
+$kendo-dropzone-icon-spacing: k-spacing(6) !default;
+/// The text color of the DropZone icon.
+/// @group dropzone
+$kendo-dropzone-icon-text: k-color(subtle) !default;
+/// The text color of the hovered DropZone icon.
+/// @group dropzone
+$kendo-dropzone-icon-hover-text: k-color(primary) !default;
+
+/// The font size of the DropZone hint.
+/// @group dropzone
+$kendo-dropzone-hint-font-size: null !default;
+/// The spacing below the DropZone hint.
+/// @group dropzone
+$kendo-dropzone-hint-spacing: k-spacing(2) !default;
+/// The text color of the DropZone hint.
+/// @group dropzone
+$kendo-dropzone-hint-text: null !default;
+
+/// The font size of the DropZone note.
+/// @group dropzone
+$kendo-dropzone-note-font-size: var( --kendo-font-size-sm, inherit ) !default;
+/// The spacing below the DropZone note.
+/// @group dropzone
+$kendo-dropzone-note-spacing: null !default;
+/// The text color of the DropZone note.
+/// @group dropzone
+$kendo-dropzone-note-text: k-color(subtle) !default;
+
+@forward "@progress/kendo-theme-core/scss/components/dropzone/_variables.scss" with (
+    $kendo-dropzone-padding-x: $kendo-dropzone-padding-x,
+    $kendo-dropzone-padding-y: $kendo-dropzone-padding-y,
+    $kendo-dropzone-border-width: $kendo-dropzone-border-width,
+    $kendo-dropzone-border-radius: $kendo-dropzone-border-radius,
+    $kendo-dropzone-min-height: $kendo-dropzone-min-height,
+    $kendo-dropzone-font-family: $kendo-dropzone-font-family,
+    $kendo-dropzone-font-size: $kendo-dropzone-font-size,
+    $kendo-dropzone-line-height: $kendo-dropzone-line-height,
+    $kendo-dropzone-bg: $kendo-dropzone-bg,
+    $kendo-dropzone-text: $kendo-dropzone-text,
+    $kendo-dropzone-border: $kendo-dropzone-border,
+    $kendo-dropzone-icon-spacing: $kendo-dropzone-icon-spacing,
+    $kendo-dropzone-icon-text: $kendo-dropzone-icon-text,
+    $kendo-dropzone-icon-hover-text: $kendo-dropzone-icon-hover-text,
+    $kendo-dropzone-hint-font-size: $kendo-dropzone-hint-font-size,
+    $kendo-dropzone-hint-spacing: $kendo-dropzone-hint-spacing,
+    $kendo-dropzone-hint-text: $kendo-dropzone-hint-text,
+    $kendo-dropzone-note-font-size: $kendo-dropzone-note-font-size,
+    $kendo-dropzone-note-spacing: $kendo-dropzone-note-spacing,
+    $kendo-dropzone-note-text: $kendo-dropzone-note-text
+);

package/scss/editor/_index.scss

@@ -0,0 +1,32 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+@use "../button/_index.scss" as *;
+@use "../checkbox/_index.scss" as *;
+@use "../colorpicker/_index.scss" as *;
+@use "../combobox/_index.scss" as *;
+@use "../dropdownlist/_index.scss" as *;
+@use "../toolbar/_index.scss" as *;
+@use "../upload/_index.scss" as *;
+@use "../window/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-editor--styles() {
+    @include import-once( "editor" ) {
+        @include core-styles();
+        @include kendo-button--styles();
+        @include kendo-checkbox--styles();
+        @include kendo-color-picker--styles();
+        @include kendo-combobox--styles();
+        @include kendo-dropdown-list--styles();
+        @include kendo-toolbar--styles();
+        @include kendo-upload--styles();
+        @include kendo-window--styles();
+        @include kendo-editor--layout();
+        @include kendo-editor--theme();
+    }
+}

package/scss/editor/_layout.scss

@@ -0,0 +1,16 @@
+@use "@progress/kendo-theme-core/scss/components/editor/_layout.scss" as *;
+@use "../core/_index.scss" as *;
+
+@mixin kendo-editor--layout() {
+    @include kendo-editor--layout-base();
+
+    .k-editor-toolbar {
+        @include border-top-radius(inherit);
+        @include border-bottom-radius(0);
+    }
+
+    .k-editor-content {
+        @include border-bottom-radius(inherit);
+    }
+
+}

package/scss/editor/_theme.scss

@@ -0,0 +1,15 @@
+@use "../core/_index.scss" as *;
+@use "@progress/kendo-theme-core/scss/components/editor/_theme.scss" as *;
+
+
+@mixin kendo-editor--theme() {
+    @include kendo-editor--theme-base();
+
+    .k-editor {
+        background-color: unset;
+    }
+
+    .k-editor-content {
+        background-color: k-color(surface-alt);
+    }
+}

package/scss/editor/_variables.scss

@@ -0,0 +1,119 @@
+@use "sass:color";
+@use "../core/_index.scss" as *;
+@use "../input/_variables.scss" as *;
+
+// Editor
+
+/// The width of the border around the Еditor.
+/// @group editor
+$kendo-editor-border-width: 1px !default;
+/// The border radius of the Еditor.
+/// @group editor
+$kendo-editor-border-radius: k-border-radius(xxl) !default;
+/// The font family of the Еditor.
+/// @group editor
+$kendo-editor-font-family: var( --kendo-font-family ) !default;
+/// The font size of the Еditor.
+/// @group editor
+$kendo-editor-font-size: var( --kendo-font-size ) !default;
+/// The line height of the Еditor.
+/// @group editor
+$kendo-editor-line-height: var( --kendo-line-height ) !default;
+
+/// The text color of the Еditor placeholder.
+/// @group editor
+$kendo-editor-placeholder-text: $kendo-input-placeholder-text !default;
+/// The opacity of the Editor placeholder.
+/// @group editor
+$kendo-editor-placeholder-opacity: $kendo-input-placeholder-opacity !default;
+
+/// The selected text color of the Editor.
+/// @group editor
+$kendo-editor-selected-text: k-color(on-primary) !default;
+/// The selected background color of the Editor.
+/// @group editor
+$kendo-editor-selected-bg: k-color(primary) !default;
+
+/// The highlighted background color of the Editor.
+/// @group editor
+$kendo-editor-highlighted-bg: color-mix(in srgb, k-color(primary) 25%, transparent) !default;
+
+/// The horizontal margin of the Editor's export tool icon.
+/// @group editor
+$kendo-editor-export-tool-icon-margin-x: .25em !default;
+
+/// The size of the Editor's resize handle.
+/// @group editor
+$kendo-editor-resize-handle-size: 8px !default;
+/// The border width of the Editor's resize handle.
+/// @group editor
+$kendo-editor-resize-handle-border-width: 1px !default;
+/// The border color of the Editor's resize handle.
+/// @group editor
+$kendo-editor-resize-handle-border: #000000 !default;
+/// The background color of the Editor's resize handle.
+/// @group editor
+$kendo-editor-resize-handle-bg: #ffffff !default;
+
+///  The outline width of the Editor's selected node.
+/// @group editor
+$kendo-editor-selectednode-outline-width: 2px !default;
+/// The outline color of the Editor's selected node.
+/// @group editor
+$kendo-editor-selectednode-outline-color: #88ccff !default;
+
+/// The horizontal padding of the inline Editor.
+/// @group editor
+$kendo-editor-inline-padding-x: k-spacing(1) !default;
+/// The vertical padding of the inline Editor.
+/// @group editor
+$kendo-editor-inline-padding-y: k-spacing(0.5) !default;
+
+/// The horizontal padding of the Editor file browser tiles.
+/// @group editor
+$kendo-editor-filebrowser-tiles-padding-x: k-spacing(2) !default;
+/// The vertical padding of the Editor file browser tiles.
+/// @group editor
+$kendo-editor-filebrowser-tiles-padding-y: k-spacing(1) !default;
+
+/// The padding of the Editor content.
+/// @group editor
+$kendo-editor-content-padding: k-spacing(2.5) !default;
+
+/// The text color of the Editor cell.
+/// @group editor
+$kendo-editor-ct-cell-text: k-color(on-primary) !default;
+/// The background color of the Editor cell.
+/// @group editor
+$kendo-editor-ct-cell-bg: k-color(primary) !default;
+/// The border color of the Editor cell.
+/// @group editor
+$kendo-editor-ct-cell-border: k-color(border) !default;
+
+@forward "@progress/kendo-theme-core/scss/components/editor/_variables.scss" with (
+    $kendo-editor-border-width: $kendo-editor-border-width,
+    $kendo-editor-border-radius: $kendo-editor-border-radius,
+    $kendo-editor-font-family: $kendo-editor-font-family,
+    $kendo-editor-font-size: $kendo-editor-font-size,
+    $kendo-editor-line-height: $kendo-editor-line-height,
+    $kendo-editor-placeholder-text: $kendo-editor-placeholder-text,
+    $kendo-editor-placeholder-opacity: $kendo-editor-placeholder-opacity,
+    $kendo-editor-selected-text: $kendo-editor-selected-text,
+    $kendo-editor-selected-bg: $kendo-editor-selected-bg,
+    $kendo-editor-highlighted-bg: $kendo-editor-highlighted-bg,
+    $kendo-editor-export-tool-icon-margin-x: $kendo-editor-export-tool-icon-margin-x,
+    $kendo-editor-resize-handle-size: $kendo-editor-resize-handle-size,
+    $kendo-editor-resize-handle-border-width: $kendo-editor-resize-handle-border-width,
+    $kendo-editor-resize-handle-border: $kendo-editor-resize-handle-border,
+    $kendo-editor-resize-handle-bg: $kendo-editor-resize-handle-bg,
+    $kendo-editor-selectednode-outline-width: $kendo-editor-selectednode-outline-width,
+    $kendo-editor-selectednode-outline-color: $kendo-editor-selectednode-outline-color,
+    $kendo-editor-inline-padding-x: $kendo-editor-inline-padding-x,
+    $kendo-editor-inline-padding-y: $kendo-editor-inline-padding-y,
+    $kendo-editor-filebrowser-tiles-padding-x: $kendo-editor-filebrowser-tiles-padding-x,
+    $kendo-editor-filebrowser-tiles-padding-y: $kendo-editor-filebrowser-tiles-padding-y,
+    $kendo-editor-content-padding: $kendo-editor-content-padding,
+    $kendo-editor-ct-cell-text: $kendo-editor-ct-cell-text,
+    $kendo-editor-ct-cell-bg: $kendo-editor-ct-cell-bg,
+    $kendo-editor-ct-cell-border: $kendo-editor-ct-cell-border
+);