@progress/kendo-theme-default 10.2.0-dev.1 → 10.2.0-dev.3

package/scss/dropdowntree/_layout.scss

@@ -1,42 +1,4 @@
-@use "./variables.scss" as *;
-
-@mixin kendo-dropdown-tree--layout-base() {
-
-    // Dropdown tree
-    .k-dropdown-tree {}
-
-    // Dropdowntree popup
-    .k-popup-dropdowntree, // remove legacy class once updated in components
-    .k-dropdowntree-popup,
-    .k-multiselecttree-popup {
-        .k-treeview {
-            padding-block: calc( #{$kendo-dropdowntree-popup-padding-y} / 2 );
-            padding-inline: calc( #{$kendo-dropdowntree-popup-padding-x} / 2 );
-        }
-
-        .k-check-all {
-            padding-block: $kendo-dropdowntree-popup-padding-y;
-            padding-inline: $kendo-dropdowntree-popup-padding-x;
-        }
-    }
-
-    .k-multiselecttree {
-        .k-input-values {
-            width: auto;
-            max-width: 100%;
-        }
-
-        .k-input-inner::before {
-            content: "\200b";
-            width: 0px;
-            overflow: hidden;
-            flex: none;
-            display: inline-block;
-            vertical-align: top;
-        }
-    }
-
-}
+@use "@progress/kendo-theme-core/scss/components/dropdowntree/_layout.scss" as *;
 
 
 @mixin kendo-dropdown-tree--layout() {

package/scss/dropdowntree/_theme.scss

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

package/scss/dropdowntree/_variables.scss

@@ -8,3 +8,8 @@ $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;
+
+@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
+);

package/scss/dropzone/_layout.scss

@@ -1,47 +1,4 @@
-@use "./variables.scss" as *;
-
-@mixin kendo-dropzone--layout-base() {
-
-    // Dropzone
-    .k-external-dropzone {
-        height: $kendo-dropzone-min-height;
-        display: flex;
-        flex-flow: row nowrap;
-    }
-
-    // Dropzone inner
-    .k-dropzone-inner {
-        padding-block: $kendo-dropzone-padding-y;
-        padding-inline: $kendo-dropzone-padding-x;
-        border-width: $kendo-dropzone-border-width;
-        border-style: solid;
-        box-sizing: border-box;
-        font-size: $kendo-dropzone-font-size;
-        font-family: $kendo-dropzone-font-family;
-        line-height: $kendo-dropzone-line-height;
-        flex: 1 1 auto;
-        display: flex;
-        flex-flow: column nowrap;
-        align-items: center;
-        justify-content: center;
-        position: relative;
-
-        .k-dropzone-icon {
-            margin-bottom: $kendo-dropzone-icon-spacing;
-        }
-
-        .k-dropzone-hint {
-            margin-bottom: $kendo-dropzone-hint-spacing;
-            font-size: $kendo-dropzone-hint-font-size;
-        }
-
-        .k-dropzone-note {
-            margin-bottom: $kendo-dropzone-note-spacing;
-            font-size: $kendo-dropzone-note-font-size;
-        }
-    }
-
-}
+@use "@progress/kendo-theme-core/scss/components/dropzone/_layout.scss" as *;
 
 
 @mixin kendo-dropzone--layout() {

package/scss/dropzone/_theme.scss

@@ -1,39 +1,4 @@
-@use "../core/_index.scss" as *;
-@use "./variables.scss" as *;
-
-@mixin kendo-dropzone--theme-base() {
-
-    // Dropzone
-    .k-dropzone-inner {
-        @include fill(
-            $kendo-dropzone-text,
-            $kendo-dropzone-bg,
-            $kendo-dropzone-border
-        );
-
-        .k-icon,
-        .k-dropzone-icon {
-            color: $kendo-dropzone-icon-text;
-        }
-        .k-dropzone-hint {
-            color: $kendo-dropzone-hint-text;
-        }
-        .k-dropzone-note {
-            color: $kendo-dropzone-note-text;
-        }
-    }
-
-
-    // Hover
-    .k-external-dropzone-hover {
-
-        .k-icon,
-        .k-dropzone-icon {
-            color: $kendo-dropzone-icon-hover-text;
-        }
-    }
-
-}
+@use "@progress/kendo-theme-core/scss/components/dropzone/_theme.scss" as *;
 
 
 @mixin kendo-dropzone--theme() {

package/scss/dropzone/_variables.scss

@@ -65,3 +65,25 @@ $kendo-dropzone-note-spacing: null !default;
 /// The text color of the DropZone note.
 /// @group dropzone
 $kendo-dropzone-note-text: $kendo-subtle-text !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-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
+);