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

package/scss/dock-manager/_theme.scss

@@ -1,48 +1,4 @@
-@use "../core/_index.scss" as *;
-@use "./variables.scss" as *;
-
-@mixin kendo-dock-manager--theme-base() {
-
-    // DockManager
-    .k-dock-manager {
-        border-color: $kendo-dock-manager-border;
-    }
-
-    // Splitter
-    .k-dock-manager-splitter .k-pane-header,
-    .k-dock-manager-unpinned-container .k-pane-header {
-        background-color: $kendo-dock-manager-pane-header-bg;
-    }
-
-    .k-dock-manager-unpinned-container {
-        background-color: $kendo-dock-manager-unpinned-container-bg;
-        @include box-shadow( $kendo-dock-manager-unpinned-container-shadow );
-    }
-
-    // Docking preview
-    .k-docking-preview {
-        background-color: $kendo-dock-manager-dock-preview-bg;
-        border-color: $kendo-dock-manager-dock-preview-border;
-    }
-
-}
-
-@mixin kendo-dock-navigator--theme() {
-
-    .k-dock-indicator {
-        color: $kendo-dock-indicator-text;
-        background-color: $kendo-dock-indicator-bg;
-        outline-color: $kendo-dock-indicator-outline;
-        filter: $kendo-dock-indicator-shadow;
-
-        &:hover,
-        &.k-hover {
-            background-color: $kendo-dock-indicator-hover-bg;
-            color: $kendo-dock-indicator-hover-text;
-        }
-    }
-
-}
+@use "@progress/kendo-theme-core/scss/components/dock-manager/_theme.scss" as *;
 
 @mixin kendo-dock-manager--theme() {
     @include kendo-dock-manager--theme-base();

package/scss/dock-manager/_variables.scss

@@ -113,3 +113,41 @@ $kendo-dock-manager-dock-preview-bg: if($kendo-enable-color-system, color-mix(in
 /// The border color of the dropping area in the DockManager component.
 /// @group dock-manager
 $kendo-dock-manager-dock-preview-border: $kendo-color-primary !default;
+
+@forward "@progress/kendo-theme-core/scss/components/dock-manager/_variables.scss" with (
+    $kendo-dock-manager-border-width: $kendo-dock-manager-border-width,
+    $kendo-dock-manager-border-style: $kendo-dock-manager-border-style,
+    $kendo-dock-manager-border: $kendo-dock-manager-border,
+    $kendo-dock-manager-pane-header-padding-y: $kendo-dock-manager-pane-header-padding-y,
+    $kendo-dock-manager-pane-header-padding-x: $kendo-dock-manager-pane-header-padding-x,
+    $kendo-dock-manager-pane-header-border-width: $kendo-dock-manager-pane-header-border-width,
+    $kendo-dock-manager-pane-header-border-style: $kendo-dock-manager-pane-header-border-style,
+    $kendo-dock-manager-pane-header-bg: $kendo-dock-manager-pane-header-bg,
+    $kendo-dock-manager-pane-title-padding-y: $kendo-dock-manager-pane-title-padding-y,
+    $kendo-dock-manager-pane-title-padding-x: $kendo-dock-manager-pane-title-padding-x,
+    $kendo-dock-manager-pane-title-font-family: $kendo-dock-manager-pane-title-font-family,
+    $kendo-dock-manager-pane-title-font-size: $kendo-dock-manager-pane-title-font-size,
+    $kendo-dock-manager-pane-title-line-height: $kendo-dock-manager-pane-title-line-height,
+    $kendo-dock-manager-pane-title-font-weight: $kendo-dock-manager-pane-title-font-weight,
+    $kendo-dock-manager-pane-content-padding-x: $kendo-dock-manager-pane-content-padding-x,
+    $kendo-dock-manager-pane-content-padding-y: $kendo-dock-manager-pane-content-padding-y,
+    $kendo-dock-manager-tabbed-pane-padding-y: $kendo-dock-manager-tabbed-pane-padding-y,
+    $kendo-dock-manager-tabbed-pane-padding-x: $kendo-dock-manager-tabbed-pane-padding-x,
+    $kendo-dock-manager-unpinned-container-width: $kendo-dock-manager-unpinned-container-width,
+    $kendo-dock-manager-unpinned-container-bg: $kendo-dock-manager-unpinned-container-bg,
+    $kendo-dock-manager-unpinned-container-shadow: $kendo-dock-manager-unpinned-container-shadow,
+    $kendo-dock-indicator-padding: $kendo-dock-indicator-padding,
+    $kendo-dock-indicator-bg: $kendo-dock-indicator-bg,
+    $kendo-dock-indicator-text: $kendo-dock-indicator-text,
+    $kendo-dock-indicator-outline-width: $kendo-dock-indicator-outline-width,
+    $kendo-dock-indicator-outline-style: $kendo-dock-indicator-outline-style,
+    $kendo-dock-indicator-outline: $kendo-dock-indicator-outline,
+    $kendo-dock-indicator-shadow: $kendo-dock-indicator-shadow,
+    $kendo-dock-indicator-hover-bg: $kendo-dock-indicator-hover-bg,
+    $kendo-dock-indicator-hover-text: $kendo-dock-indicator-hover-text,
+    $kendo-dock-manager-dock-preview-border-width: $kendo-dock-manager-dock-preview-border-width,
+    $kendo-dock-manager-dock-preview-border-style: $kendo-dock-manager-dock-preview-border-style,
+    $kendo-dock-manager-dock-preview-border-radius: $kendo-dock-manager-dock-preview-border-radius,
+    $kendo-dock-manager-dock-preview-bg: $kendo-dock-manager-dock-preview-bg,
+    $kendo-dock-manager-dock-preview-border: $kendo-dock-manager-dock-preview-border
+);

package/scss/draggable/_layout.scss

@@ -1,130 +1,4 @@
-@use "sass:math";
-@use "../core/_index.scss" as *;
-@use "./_variables.scss" as *;
-
-@mixin kendo-draggable--layout-base() {
-
-    // Layout
-    .k-drag-clue {
-        @include border-radius( $kendo-drag-hint-border-radius );
-        padding-block: $kendo-drag-hint-padding-y;
-        padding-inline: $kendo-drag-hint-padding-x;
-        border-width: $kendo-drag-hint-border-width;
-        border-style: if( $kendo-drag-hint-border-width == null, null, solid );
-        box-sizing: border-box;
-        font-size: $kendo-drag-hint-font-size;
-        font-family: $kendo-drag-hint-font-family;
-        line-height: $kendo-drag-hint-line-height;
-        display: inline-flex;
-        flex-flow: row nowrap;
-        align-items: center;
-        align-content: center;
-        white-space: nowrap;
-        opacity: $kendo-drag-hint-opacity;
-        overflow: hidden;
-        position: absolute;
-        z-index: 20000;
-        cursor: move;
-    }
-    .k-drag-status,
-    .k-drag-clue .k-drag-status {
-        margin: 0;
-        margin-right: .4ex;
-    }
-
-
-    // Drop hint
-    .k-drop-hint {
-        display: flex;
-        gap: $kendo-drop-hint-arrow-spacing;
-        justify-content: space-between;
-        align-items: center;
-        position: absolute;
-        z-index: 1000;
-        transform: translate(-50%, -50%);
-    }
-
-    .k-drop-hint-start,
-    .k-drop-hint-end {
-        flex-shrink: 0;
-        border-width: math.div( $kendo-drop-hint-arrow-size, 2 );
-        border-style: solid;
-        border-color: transparent;
-    }
-
-    .k-drop-hint-line {
-        flex-grow: 1;
-        background-color: $kendo-drop-hint-bg;
-    }
-
-    .k-drop-hint-h {
-        .k-drop-hint-start {
-            border-left-width: ( math.div( $kendo-drop-hint-arrow-size, 2 ) * $equilateral-index );
-            border-left-color: $kendo-drop-hint-bg;
-            border-right-width: 0;
-        }
-
-        .k-drop-hint-line {
-            width: $kendo-drop-hint-line-h-width;
-            height: $kendo-drop-hint-line-h-height;
-        }
-
-        .k-drop-hint-end {
-            border-right-width: ( math.div( $kendo-drop-hint-arrow-size, 2 ) * $equilateral-index );
-            border-right-color: $kendo-drop-hint-bg;
-            border-left-width: 0;
-        }
-    }
-
-    .k-drop-hint-v {
-        flex-direction: column;
-
-        .k-drop-hint-start {
-            border-top-width: ( math.div( $kendo-drop-hint-arrow-size, 2 ) * $equilateral-index );
-            border-top-color: $kendo-drop-hint-bg;
-            border-bottom-width: 0;
-        }
-
-        .k-drop-hint-line {
-            width: $kendo-drop-hint-line-v-width;
-            height: $kendo-drop-hint-line-v-height;
-        }
-
-        .k-drop-hint-end {
-            border-bottom-width: ( math.div( $kendo-drop-hint-arrow-size, 2 ) * $equilateral-index );
-            border-bottom-color: $kendo-drop-hint-bg;
-            border-top-width: 0;
-        }
-    }
-
-
-    // Reorder cue
-    .k-reorder-cue {
-        position: absolute;
-
-        &::before,
-        &::after {
-            content: "";
-            width: 0;
-            height: 0;
-            border: 3px solid transparent;
-            position: absolute;
-            transform: translateX(-50%);
-        }
-
-        &::before {
-            border-bottom-width: 0;
-            border-top-color: currentColor;
-            top: -4px;
-        }
-        &::after {
-            border-top-width: 0;
-            border-bottom-color: currentColor;
-            bottom: -4px;
-        }
-    }
-
-}
+@use "@progress/kendo-theme-core/scss/components/draggable/_layout.scss" as *;
 
 
 @mixin kendo-draggable--layout() {

package/scss/draggable/_theme.scss

@@ -1,20 +1,4 @@
-@use "../core/_index.scss" as *;
-@use "./_variables.scss" as *;
-
-@mixin kendo-draggable--theme-base() {
-
-    // Drag hint
-    .k-drag-clue {
-        @include fill(
-            $kendo-drag-hint-text,
-            $kendo-drag-hint-bg,
-            $kendo-drag-hint-border,
-            $kendo-drag-hint-gradient
-        );
-        @include box-shadow( $kendo-drag-hint-shadow );
-    }
-
-}
+@use "@progress/kendo-theme-core/scss/components/draggable/_theme.scss" as *;
 
 
 @mixin kendo-draggable--theme() {

package/scss/draggable/_variables.scss

@@ -28,3 +28,26 @@ $kendo-drop-hint-line-v-width: $kendo-drop-hint-line-h-height !default;
 $kendo-drop-hint-line-v-height: $kendo-drop-hint-line-h-width !default;
 
 $kendo-drop-hint-bg: $kendo-color-primary !default;
+
+@forward "@progress/kendo-theme-core/scss/components/draggable/_variables.scss" with (
+    $kendo-drag-hint-padding-x: $kendo-drag-hint-padding-x,
+    $kendo-drag-hint-padding-y: $kendo-drag-hint-padding-y,
+    $kendo-drag-hint-border-width: $kendo-drag-hint-border-width,
+    $kendo-drag-hint-border-radius: $kendo-drag-hint-border-radius,
+    $kendo-drag-hint-font-size: $kendo-drag-hint-font-size,
+    $kendo-drag-hint-font-family: $kendo-drag-hint-font-family,
+    $kendo-drag-hint-line-height: $kendo-drag-hint-line-height,
+    $kendo-drag-hint-bg: $kendo-drag-hint-bg,
+    $kendo-drag-hint-text: $kendo-drag-hint-text,
+    $kendo-drag-hint-border: $kendo-drag-hint-border,
+    $kendo-drag-hint-gradient: $kendo-drag-hint-gradient,
+    $kendo-drag-hint-shadow: $kendo-drag-hint-shadow,
+    $kendo-drag-hint-opacity: $kendo-drag-hint-opacity,
+    $kendo-drop-hint-arrow-size: $kendo-drop-hint-arrow-size,
+    $kendo-drop-hint-arrow-spacing: $kendo-drop-hint-arrow-spacing,
+    $kendo-drop-hint-line-h-width: $kendo-drop-hint-line-h-width,
+    $kendo-drop-hint-line-h-height: $kendo-drop-hint-line-h-height,
+    $kendo-drop-hint-line-v-width: $kendo-drop-hint-line-v-width,
+    $kendo-drop-hint-line-v-height: $kendo-drop-hint-line-v-height,
+    $kendo-drop-hint-bg: $kendo-drop-hint-bg
+);

package/scss/drawer/_layout.scss

@@ -1,205 +1,4 @@
-@use "../core/_index.scss" as *;
-@use "./variables.scss" as *;
-
-@mixin kendo-drawer--layout-base() {
-
-    // Container
-    .k-drawer-container {
-        display: flex;
-        flex-flow: row nowrap;
-        align-items: flex-start;
-    }
-
-    kendo-drawer.k-drawer,
-    kendo-drawer .k-drawer-wrapper {
-        transition: none;
-    }
-
-
-    // Drawer
-    .k-drawer {
-        height: 100%;
-        max-width: 100%;
-        border-width: 0;
-        border-style: solid;
-        box-sizing: border-box;
-        outline: 0;
-        font-family: $kendo-drawer-font-family;
-        font-size: $kendo-drawer-font-size;
-        line-height: $kendo-drawer-line-height;
-        display: flex;
-        flex-direction: column;
-        flex: 0 0 auto;
-        transition: all 300ms ease-in-out;
-        overflow: hidden;
-        -webkit-touch-callout: none;
-        -webkit-tap-highlight-color: $kendo-color-rgba-transparent;
-
-        *,
-        *::before,
-        *::after {
-            box-sizing: border-box;
-        }
-
-        .k-drawer-mini &.k-drawer-start,
-        .k-drawer-expanded &.k-drawer-start {
-            border-inline-end-width: $kendo-drawer-border-width;
-        }
-
-        .k-drawer-mini &.k-drawer-end,
-        .k-drawer-expanded &.k-drawer-end {
-            border-inline-start-width: $kendo-drawer-border-width;
-        }
-
-
-        // Position
-        &.k-drawer-start {
-            top: 0;
-            inset-inline-start: 0;
-        }
-        &.k-drawer-end {
-            top: 0;
-            inset-inline-end: 0;
-        }
-    }
-
-
-    // Content
-    .k-drawer-content {
-        flex: 1 1 auto;
-        overflow: auto;
-        padding-block: $kendo-drawer-content-padding-y;
-        padding-inline: $kendo-drawer-content-padding-x;
-    }
-
-
-    // Overlay
-    .k-drawer-overlay {
-        .k-drawer {
-            max-width: 80vw; // limit width
-            position: fixed;
-            z-index: 10002;
-            border: 0;
-        }
-
-        > .k-overlay {
-            display: none;
-        }
-        &.k-drawer-expanded > .k-overlay {
-            display: block;
-        }
-    }
-
-
-    // Push drawer
-    .k-drawer-push {
-        display: flex;
-        flex-direction: row;
-
-        .k-drawer {
-            height: auto;
-            position: relative;
-            align-self: stretch;
-        }
-
-        &:has(.k-drawer.k-drawer-end) {
-            flex-direction: row-reverse;
-        }
-    }
-
-
-    // Drawer items
-    .k-drawer-wrapper {
-        overflow-x: hidden;
-        overflow-y: auto;
-        scrollbar-width: thin; // Scrollbar styles for Mozilla
-        transition: all 300ms ease-in-out;
-
-        // Scrollbar styles for Chrome, Safari and Opera
-        &::-webkit-scrollbar {
-            width: $kendo-drawer-scrollbar-width;
-        }
-        &::-webkit-scrollbar-thumb {
-            border-radius: $kendo-drawer-scrollbar-radius;
-        }
-    }
-    .k-drawer-items {
-        margin: 0;
-        padding: 0;
-        list-style: none;
-        display: flex;
-        flex-direction: column;
-        align-items: stretch;
-    }
-    .k-drawer-item {
-        padding-block: $kendo-drawer-item-padding-y;
-        padding-inline: $kendo-drawer-item-padding-x;
-        outline: 0;
-        color: inherit;
-        font-size: $kendo-drawer-item-font-size;
-        line-height: $kendo-drawer-item-line-height;
-        display: flex;
-        flex-flow: row nowrap;
-        gap: $kendo-drawer-item-padding-x;
-        cursor: pointer;
-
-        > .k-drawer-link {
-            margin-block: calc( #{$kendo-drawer-item-padding-y} * -1 );
-            margin-inline: calc( #{$kendo-drawer-item-padding-x} * -1 );
-            padding-block: $kendo-drawer-item-padding-y;
-            padding-inline: $kendo-drawer-item-padding-x;
-            color: inherit;
-            display: flex;
-            flex-flow: row nowrap;
-            flex: 1 0 auto;
-            gap: $kendo-drawer-item-padding-x;
-        }
-
-        .k-icon {
-            flex-shrink: 0;
-            padding-inline: $kendo-drawer-icon-padding-x;
-            padding-block: $kendo-drawer-icon-padding-y;
-            box-sizing: content-box;
-
-            &.k-i-none {
-                margin: 0;
-            }
-        }
-
-        .k-item-text {
-            display: inline-block;
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-        }
-
-        .k-drawer-toggle {
-            margin-inline-start: auto;
-            cursor: pointer;
-            display: flex;
-        }
-
-        // Hierarchy items
-        @for $i from 1 through $kendo-drawer-item-level-count {
-            &.k-level-#{$i} {
-                padding-inline-start: calc(( #{$i} + 1) * #{$kendo-drawer-item-level-padding-x}) ;
-            }
-        }
-    }
-
-
-    // Separator
-    .k-drawer-separator {
-        padding: 0;
-        height: 1px;
-    }
-
-
-    // Mini mode
-    .k-drawer-mini .k-drawer-wrapper {
-        width: $kendo-drawer-mini-initial-width;
-    }
-}
+@use "@progress/kendo-theme-core/scss/components/drawer/_layout.scss" as *;
 
 
 @mixin kendo-drawer--layout() {

package/scss/drawer/_theme.scss

@@ -1,66 +1,4 @@
-@use "../core/_index.scss" as *;
-@use "./variables.scss" as *;
-
-@mixin kendo-drawer--theme-base() {
-
-    .k-drawer {
-        @include fill(
-            $kendo-drawer-text,
-            $kendo-drawer-bg,
-            $kendo-drawer-border
-        );
-    }
-
-    // Drawer items
-    .k-drawer-wrapper {
-        scrollbar-color: $kendo-drawer-scrollbar-color $kendo-drawer-scrollbar-bg;
-
-        &::-webkit-scrollbar-track {
-            background: $kendo-drawer-scrollbar-bg;
-        }
-        &::-webkit-scrollbar-thumb {
-            background: $kendo-drawer-scrollbar-color;
-        }
-        &::-webkit-scrollbar-thumb:hover {
-            background: $kendo-drawer-scrollbar-hover-color;
-        }
-    }
-    .k-drawer-item {
-
-        &:hover,
-        &.k-hover {
-            color: $kendo-drawer-hover-text;
-            background-color: $kendo-drawer-hover-bg;
-        }
-
-        &:focus,
-        &.k-focus {
-            background-color: $kendo-drawer-focus-bg;
-            @include focus-indicator( $kendo-drawer-focus-shadow, true );
-
-            &:hover,
-            &.k-hover {
-                color: $kendo-drawer-hover-text;
-                background-color: $kendo-drawer-hover-bg;
-            }
-        }
-
-        &.k-selected {
-            color: $kendo-drawer-selected-text;
-            background-color: $kendo-drawer-selected-bg;
-
-            &:hover,
-            &.k-hover {
-                color: $kendo-drawer-selected-hover-text;
-                background-color: $kendo-drawer-selected-hover-bg;
-            }
-        }
-    }
-    .k-drawer-separator {
-        background-color: $kendo-drawer-border;
-    }
-
-}
+@use "@progress/kendo-theme-core/scss/components/drawer/_theme.scss" as *;
 
 
 @mixin kendo-drawer--theme() {

package/scss/drawer/_variables.scss

@@ -110,3 +110,37 @@ $kendo-drawer-selected-hover-bg: $kendo-selected-hover-bg !default;
 /// The text color of the selected and hovered Drawer item.
 /// @group drawer
 $kendo-drawer-selected-hover-text: $kendo-selected-hover-text !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-item-padding-x: $kendo-drawer-item-padding-x,
+    $kendo-drawer-item-padding-y: $kendo-drawer-item-padding-y,
+    $kendo-drawer-item-font-size: $kendo-drawer-item-font-size,
+    $kendo-drawer-item-line-height: $kendo-drawer-item-line-height,
+    $kendo-drawer-item-level-padding-x: $kendo-drawer-item-level-padding-x,
+    $kendo-drawer-item-level-count: $kendo-drawer-item-level-count,
+    $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
+);

package/scss/dropdowngrid/_layout.scss

@@ -1,18 +1,4 @@
-@mixin kendo-dropdown-grid--layout-base() {
-
-    // Dropdown grid
-    .k-dropdown-grid {}
-
-
-    // Dropdown grid popup
-    .k-dropdowngrid-popup {
-        overflow: hidden;
-    }
-    .k-dropdowngrid-popup > .k-data-table {
-        border-width: 0;
-    }
-
-}
+@use "@progress/kendo-theme-core/scss/components/dropdowngrid/_layout.scss" as *;
 
 
 @mixin kendo-dropdown-grid--layout() {

package/scss/dropdowngrid/_theme.scss

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

package/scss/dropdownlist/_layout.scss

@@ -1,41 +1,4 @@
-@mixin kendo-dropdown-list--layout-base() {
-
-    // Dropdown list
-    .k-dropdown-list {}
-
-
-    // Native select
-    select.k-dropdown-list {}
-
-
-    // Dropdown operator
-    .k-dropdown-operator {
-        width: min-content;
-        flex: none;
-
-        .k-input-button {
-            border-width: 0;
-            width: min-content;
-        }
-
-        .k-input-button .k-button-icon {
-            width: auto;
-            aspect-ratio: 1;
-        }
-
-        .k-input-inner {
-            display: none;
-        }
-    }
-
-
-    // Legacy aliases
-    .k-dropdown,
-    .k-dropdownlist {
-        @extend .k-dropdown-list !optional;
-    }
-
-}
+@use "@progress/kendo-theme-core/scss/components/dropdownlist/_layout.scss" as *;
 
 
 @mixin kendo-dropdown-list--layout() {

package/scss/dropdownlist/_theme.scss

@@ -1,12 +1,4 @@
-@mixin kendo-dropdown-list--theme-base() {
-
-    // Dropdown list
-    .k-dropdown-list {}
-
-    // Native select
-    select.k-dropdown-list {}
-
-}
+@use "@progress/kendo-theme-core/scss/components/dropdownlist/_theme.scss" as *;
 
 
 @mixin kendo-dropdown-list--theme() {