@progress/kendo-theme-material 5.12.0 → 5.12.1-dev.1

package/scss/drawer/_variables.scss

@@ -1,38 +1,39 @@
 // Drawer
-$drawer-bg: $component-bg !default;
-$drawer-text: $component-text !default;
-$drawer-border: $component-border !default;
-$drawer-border-width: 1px !default;
-$drawer-font-family: $font-family !default;
-$drawer-font-size: $font-size !default;
-$drawer-line-height: $line-height !default;
-$drawer-content-padding-x: $padding-x !default;
-$drawer-content-padding-y: $padding-y !default;
-$drawer-item-level-padding-x: k-map-get( $spacing, 4 ) !default;
-
-$drawer-item-level-count: 5 !default;
-
-$drawer-scrollbar-width: 7px !default;
-$drawer-scrollbar-color: rgba( 156, 156, 156, .7 ) !default;
-$drawer-scrollbar-bg: #dedede !default;
-$drawer-scrollbar-radius: 20px !default;
-$drawer-scrollbar-hovered-color: rgba( 156, 156, 156, 1 ) !default;
-
-$drawer-item-padding-x: $padding-x !default;
-$drawer-item-padding-y: 12px !default;
-$drawer-item-font-size: 16px !default;
-$drawer-item-line-height: $line-height-lg !default;
-$drawer-icon-size: $icon-size !default;
-
-$drawer-mini-initial-width: calc(2 * #{$drawer-item-padding-x} + #{$drawer-icon-size}) !default;
-
-$drawer-hovered-bg: $hovered-bg !default;
-$drawer-hovered-text: $hovered-text !default;
-
-$drawer-focused-bg: $hovered-bg !default;
-$drawer-focused-shadow: none !default;
-
-$drawer-selected-bg: null !default;
-$drawer-selected-text: $secondary !default;
-$drawer-selected-hover-bg: $hovered-bg !default;
-$drawer-selected-hover-text: $secondary !default;
+$kendo-drawer-bg: $kendo-component-bg !default;
+$kendo-drawer-text: $kendo-component-text !default;
+$kendo-drawer-border: $kendo-component-border !default;
+$kendo-drawer-border-width: 1px !default;
+$kendo-drawer-font-family: $font-family !default;
+$kendo-drawer-font-size: $font-size !default;
+$kendo-drawer-line-height: $line-height !default;
+$kendo-drawer-content-padding-x: $kendo-padding-md-x !default;
+$kendo-drawer-content-padding-y: $kendo-padding-md-y !default;
+
+$kendo-drawer-scrollbar-width: 7px !default;
+$kendo-drawer-scrollbar-color: rgba( 156, 156, 156, .7 ) !default;
+$kendo-drawer-scrollbar-bg: #dedede !default;
+$kendo-drawer-scrollbar-radius: 20px !default;
+$kendo-drawer-scrollbar-hover-color: rgba( 156, 156, 156, 1 ) !default;
+
+$kendo-drawer-item-padding-x: $kendo-padding-md-x !default;
+$kendo-drawer-item-padding-y: k-map-get( $kendo-spacing, 3 ) !default;
+$kendo-drawer-item-font-size: 16px !default;
+$kendo-drawer-item-line-height: $line-height-lg !default;
+
+$kendo-drawer-item-level-padding-x: $kendo-drawer-item-padding-x !default;
+$kendo-drawer-item-level-count: 5 !default;
+
+$kendo-drawer-icon-size: $icon-size !default;
+
+$kendo-drawer-mini-initial-width: calc(2 * #{$kendo-drawer-item-padding-x} + #{$kendo-drawer-icon-size}) !default;
+
+$kendo-drawer-hover-bg: $kendo-hover-bg !default;
+$kendo-drawer-hover-text: $kendo-hover-text !default;
+
+$kendo-drawer-focus-bg: $kendo-hover-bg !default;
+$kendo-drawer-focus-shadow: none !default;
+
+$kendo-drawer-selected-bg: null !default;
+$kendo-drawer-selected-text: $kendo-color-secondary !default;
+$kendo-drawer-selected-hover-bg: $kendo-hover-bg !default;
+$kendo-drawer-selected-hover-text: $kendo-color-secondary !default;

package/scss/dropdowngrid/_index.scss

@@ -10,9 +10,10 @@
 @import "../popup/_index.scss";
 @import "../toolbar/_variables.scss";
 @import "../menu/_variables.scss";
+@import "../chip/_variables.scss";
 @import "../grid/_variables.scss";
 
 
 // Component
-@import "_layout.scss";
-@import "_theme.scss";
+@import "./_layout.scss";
+@import "./_theme.scss";

package/scss/dropdowngrid/_layout.scss

@@ -1 +1 @@
-@import "~@progress/kendo-theme-default/scss/dropdowngrid/_layout.scss";
+@import "@progress/kendo-theme-default/scss/dropdowngrid/_layout.scss";

package/scss/dropdowngrid/_theme.scss

@@ -1 +1 @@
-@import "~@progress/kendo-theme-default/scss/dropdowngrid/_theme.scss";
+@import "@progress/kendo-theme-default/scss/dropdowngrid/_theme.scss";

package/scss/dropdownlist/_index.scss

@@ -10,6 +10,6 @@
 
 
 // Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";
+@import "./_variables.scss";
+@import "./_layout.scss";
+@import "./_theme.scss";

package/scss/dropdownlist/_layout.scss

@@ -1 +1 @@
-@import "~@progress/kendo-theme-default/scss/dropdownlist/_layout.scss";
+@import "@progress/kendo-theme-default/scss/dropdownlist/_layout.scss";

package/scss/dropdownlist/_theme.scss

@@ -1 +1 @@
-@import "~@progress/kendo-theme-default/scss/dropdownlist/_theme.scss";
+@import "@progress/kendo-theme-default/scss/dropdownlist/_theme.scss";

package/scss/dropdownlist/_variables.scss

@@ -1,20 +1 @@
 // Dropdownlist
-$dropdownlist-bg: $kendo-input-bg !default;
-$dropdownlist-text: $kendo-input-text !default;
-$dropdownlist-border: $kendo-input-border !default;
-$dropdownlist-gradient: null !default;
-
-$dropdownlist-hovered-bg: null !default;
-$dropdownlist-hovered-text: null !default;
-$dropdownlist-hovered-border: $kendo-input-hover-border !default;
-$dropdownlist-hovered-gradient: null !default;
-
-$dropdownlist-focused-bg: null !default;
-$dropdownlist-focused-text: null !default;
-$dropdownlist-focused-border: $kendo-input-focus-border !default;
-$dropdownlist-focused-gradient: null !default;
-$dropdownlist-focused-shadow: null !default;
-
-$dropdownlist-select-text: $subtle-text !default;
-$dropdownlist-select-hovered-text: $kendo-input-text !default;
-$dropdownlist-select-focused-text: $kendo-input-text !default;

package/scss/dropdowntree/_index.scss

@@ -10,6 +10,6 @@
 
 
 // Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";
+@import "./_variables.scss";
+@import "./_layout.scss";
+@import "./_theme.scss";

package/scss/dropdowntree/_layout.scss

@@ -1 +1 @@
-@import "~@progress/kendo-theme-default/scss/dropdowntree/_layout.scss";
+@import "@progress/kendo-theme-default/scss/dropdowntree/_layout.scss";

package/scss/dropdowntree/_theme.scss

@@ -1 +1 @@
-@import "~@progress/kendo-theme-default/scss/dropdowntree/_theme.scss";
+@import "@progress/kendo-theme-default/scss/dropdowntree/_theme.scss";

package/scss/dropdowntree/_variables.scss

@@ -1,3 +1,3 @@
 // Dropdowntree
-$dropdowntree-popup-padding-x: k-map-get( $spacing, 2 ) !default;
-$dropdowntree-popup-padding-y: k-map-get( $spacing, 2 ) !default;
+$dropdowntree-popup-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+$dropdowntree-popup-padding-y: k-map-get( $kendo-spacing, 2 ) !default;

package/scss/dropzone/_index.scss

@@ -6,6 +6,6 @@
 
 
 // Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";
+@import "./_variables.scss";
+@import "./_layout.scss";
+@import "./_theme.scss";

package/scss/dropzone/_layout.scss

@@ -1 +1 @@
-@import "~@progress/kendo-theme-default/scss/dropzone/_layout.scss";
+@import "@progress/kendo-theme-default/scss/dropzone/_layout.scss";

package/scss/dropzone/_theme.scss

@@ -1 +1 @@
-@import "~@progress/kendo-theme-default/scss/dropzone/_theme.scss";
+@import "@progress/kendo-theme-default/scss/dropzone/_theme.scss";

package/scss/dropzone/_variables.scss

@@ -1,6 +1,6 @@
 // Dropzone
-$dropzone-padding-x: k-map-get( $spacing, 2 ) !default;
-$dropzone-padding-y: k-map-get( $spacing, 2 ) !default;
+$dropzone-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+$dropzone-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
 $dropzone-border-width: 1px !default;
 $dropzone-min-height: 220px !default;
 
@@ -13,14 +13,14 @@ $dropzone-text: $base-text !default;
 $dropzone-border: $base-border !default;
 
 $dropzone-icon-size: ( $icon-size * 3 ) !default;
-$dropzone-icon-spacing: k-map-get( $spacing, 6 ) !default;
+$dropzone-icon-spacing: k-map-get( $kendo-spacing, 6 ) !default;
 $dropzone-icon-text: k-try-tint( $dropzone-text, 4 ) !default;
-$dropzone-icon-hover-text: $primary !default;
+$dropzone-icon-hover-text: $kendo-color-primary !default;
 
 $dropzone-hint-font-size: null !default;
-$dropzone-hint-spacing: k-map-get( $spacing, 2 ) !default;
+$dropzone-hint-spacing: k-map-get( $kendo-spacing, 2 ) !default;
 $dropzone-hint-text: null !default;
 
 $dropzone-note-font-size: $font-size-sm !default;
 $dropzone-note-spacing: null !default;
-$dropzone-note-text: $subtle-text !default;
+$dropzone-note-text: $kendo-subtle-text !default;

package/scss/editor/_index.scss

@@ -14,6 +14,6 @@
 
 
 // Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";
+@import "./_variables.scss";
+@import "./_layout.scss";
+@import "./_theme.scss";

package/scss/editor/_layout.scss

@@ -1,4 +1,4 @@
-@import "~@progress/kendo-theme-default/scss/editor/_layout.scss";
+@import "@progress/kendo-theme-default/scss/editor/_layout.scss";
 
 @include exports("editor/layout/material") {
 
@@ -16,41 +16,7 @@
         font-size: $font-size-md;
 
         .k-icon {
-            margin-left: $editor-export-tool-icon-margin-x;
+            margin-left: $kendo-editor-export-tool-icon-margin-x;
         }
     }
 }
-
-
-
-
-@include exports( "editor/dialog/layout/material" ) {
-
-    .k-editor-dialog {
-        box-sizing: border-box;
-
-        .k-edit-form-container {
-            width: auto;
-        }
-
-        .k-edit-label {
-            padding: calc( #{$padding-y} - #{$kendo-input-border-width} ) 0;
-            margin: 0 0 -.5em;
-            width: auto;
-            font-size: $font-size-sm;
-            line-height: 1;
-            text-align: inherit;
-            display: block;
-            float: none;
-        }
-
-        .k-edit-field {
-            width: auto;
-            float: none;
-            display: flex;
-            flex-direction: row;
-        }
-
-    }
-
-}

package/scss/editor/_theme.scss

@@ -1,89 +1 @@
-@include exports("editor/theme") {
-
-    .k-editor {
-        @include fill(
-            $panel-text,
-            $panel-bg,
-            $panel-border
-        );
-
-        .k-editor-toolbar {}
-        .k-editable-area {
-            border-color: $panel-border;
-        }
-    }
-
-    // Inline Editor
-    .k-editor-inline {
-
-        .k-table {
-            &,
-            & td {
-                border-color: #cccccc;
-            }
-        }
-
-        .k-element-resize-handle-wrapper {
-            background-color: #ffffff;
-            border-color: #000000;
-        }
-
-        .k-column-resize-handle-wrapper {
-            .k-column-resize-handle {
-                .k-column-resize-marker {
-                    background-color: #00b0ff;
-                }
-            }
-        }
-
-        .k-row-resize-handle-wrapper {
-            .k-row-resize-marker {
-                background-color: #00b0ff;
-            }
-        }
-
-        // Hover & Active state
-        &:hover,
-        &.k-hover
-        &.k-active {
-            border-color: $panel-border;
-        }
-    }
-
-    // Resizable images
-    .k-editor-resize-handle {
-        background-color: $editor-resize-handle-bg;
-        border-color: $editor-resize-handle-border;
-    }
-    .ProseMirror-selectednode { // sass-lint:disable-line class-name-format
-        outline-color: $editor-selectednode-outline-color;
-    }
-
-
-    // Insert table
-    .k-ct-popup {
-        .k-selected {
-            @include fill( $selected-text, $selected-bg, $selected-border, none );
-        }
-    }
-
-    // Content
-    .k-editor-content {
-
-        // Selection
-        .k-text-selected,
-        &::selection {
-            @include fill (
-                $color: $editor-selected-text,
-                $bg: $editor-selected-bg
-            );
-        }
-
-        .k-text-highlighted {
-            @include fill (
-                $bg: $editor-highlighted-bg
-            );
-        }
-    }
-
-}
+@import "@progress/kendo-theme-default/scss/editor/_theme.scss";

package/scss/editor/_variables.scss

@@ -1,23 +1,23 @@
 // Editor
-$editor-border-width: 1px !default;
-$editor-font-family: $font-family !default;
-$editor-font-size: $font-size !default;
-$editor-line-height: $line-height !default;
+$kendo-editor-border-width: 1px !default;
+$kendo-editor-font-family: $font-family !default;
+$kendo-editor-font-size: $font-size !default;
+$kendo-editor-line-height: $line-height !default;
 
-$editor-placeholder-text: $kendo-input-placeholder-text !default;
-$editor-placeholder-opacity: $kendo-input-placeholder-opacity !default;
+$kendo-editor-placeholder-text: $kendo-input-placeholder-text !default;
+$kendo-editor-placeholder-opacity: $kendo-input-placeholder-opacity !default;
 
-$editor-selected-text: $primary-contrast !default;
-$editor-selected-bg: $primary !default;
+$kendo-editor-selected-text: $kendo-color-primary-contrast !default;
+$kendo-editor-selected-bg: $kendo-color-primary !default;
 
-$editor-highlighted-bg: k-color-mix($primary, #ffffff, 20%) !default;
+$kendo-editor-highlighted-bg: k-color-mix($kendo-color-primary, #ffffff, 20%) !default;
 
-$editor-export-tool-icon-margin-x: .5em !default;
+$kendo-editor-export-tool-icon-margin-x: .5em !default;
 
-$editor-resize-handle-size: 8px !default;
-$editor-resize-handle-border-width: 1px !default;
-$editor-resize-handle-border: #000000 !default;
-$editor-resize-handle-bg: #ffffff !default;
+$kendo-editor-resize-handle-size: 8px !default;
+$kendo-editor-resize-handle-border-width: 1px !default;
+$kendo-editor-resize-handle-border: #000000 !default;
+$kendo-editor-resize-handle-bg: #ffffff !default;
 
-$editor-selectednode-outline-width: 2px !default;
-$editor-selectednode-outline-color: #8cf !default; // sass-lint:disable-line hex-length
+$kendo-editor-selectednode-outline-width: 2px !default;
+$kendo-editor-selectednode-outline-color: #8cf !default; // sass-lint:disable-line hex-length

package/scss/expansion-panel/_index.scss

@@ -10,6 +10,6 @@
 
 
 // Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";
+@import "./_variables.scss";
+@import "./_layout.scss";
+@import "./_theme.scss";

package/scss/expansion-panel/_layout.scss

@@ -1 +1 @@
-@import "~@progress/kendo-theme-default/scss/expansion-panel/_layout.scss";
+@import "@progress/kendo-theme-default/scss/expansion-panel/_layout.scss";

package/scss/expansion-panel/_theme.scss

@@ -1 +1 @@
-@import "~@progress/kendo-theme-default/scss/expansion-panel/_theme.scss";
+@import "@progress/kendo-theme-default/scss/expansion-panel/_theme.scss";

package/scss/expansion-panel/_variables.scss

@@ -1,18 +1,18 @@
 // Expansion panel
-$expander-spacing-y: $padding-y * 3 !default;
+$expander-spacing-y: k-map-get( $kendo-spacing, 3 ) !default;
 $expander-font-family: $font-family !default;
 $expander-font-size: $font-size !default;
 $expander-line-height: $line-height !default;
 $expander-border-width: 1px !default;
 
-$expander-header-padding-x: $padding-x * 1.5 !default;
-$expander-header-padding-y: $padding-y * 3 !default;
+$expander-header-padding-x: k-map-get( $kendo-spacing, 6 ) !default;
+$expander-header-padding-y: k-map-get( $kendo-spacing, 3 ) !default;
 
-$expander-indicator-margin-x: $header-padding-x / 2 !default;
+$expander-indicator-margin-x: k-map-get( $kendo-spacing, 3 ) !default;
 
-$expander-bg: $component-bg !default;
-$expander-text: $component-text !default;
-$expander-border: $component-border !default;
+$expander-bg: $kendo-component-bg !default;
+$expander-text: $kendo-component-text !default;
+$expander-border: $kendo-component-border !default;
 
 $expander-focus-shadow: inset 0 0 0 2px rgba( black, .08 ) !default;
 
@@ -22,12 +22,12 @@ $expander-header-border: null !default;
 
 $expander-header-hover-bg: rgba( black, .04 ) !default;
 
-$expander-header-focused-bg: rgba( black, .12 ) !default;
-$expander-header-focused-shadow: none !default;
+$expander-header-focus-bg: rgba( black, .12 ) !default;
+$expander-header-focus-shadow: none !default;
 
-$expander-title-text: $secondary !default;
+$expander-title-text: $kendo-color-secondary !default;
 
-$expander-header-sub-title-text: $subtle-text !default;
+$expander-header-sub-title-text: $kendo-subtle-text !default;
 
-$expander-content-padding-x: $padding-x * 1.5 !default;
-$expander-content-padding-y: $padding-y * 6 !default;
+$expander-content-padding-x: k-map-get( $kendo-spacing, 6 ) !default;
+$expander-content-padding-y: k-map-get( $kendo-spacing, 6 ) !default;

package/scss/fab/_index.scss

@@ -10,6 +10,6 @@
 
 
 // Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";
+@import "./_variables.scss";
+@import "./_layout.scss";
+@import "./_theme.scss";

package/scss/fab/_layout.scss

@@ -1,4 +1,4 @@
-@import "~@progress/kendo-theme-default/scss/fab/_layout.scss";
+@import "@progress/kendo-theme-default/scss/fab/_layout.scss";
 
 @include exports("fab/layout/material") {
 

package/scss/fab/_theme.scss

@@ -44,9 +44,9 @@
         .k-disabled.k-fab-solid-#{$name},
         .k-fab-solid-#{$name}:disabled {
             @include box-shadow($kendo-fab-disabled-shadow);
-            border-color: k-try-tint( k-try-shade( $body-bg, 12% ), 5);
-            background-color: k-try-tint( k-try-shade( $body-bg, 12% ), 5);
-            color: k-color-tint( $disabled-text, 4);
+            border-color: k-try-tint( k-try-shade( $kendo-body-bg, 12% ), 5);
+            background-color: k-try-tint( k-try-shade( $kendo-body-bg, 12% ), 5);
+            color: k-color-tint( $kendo-disabled-text, 4);
             opacity: 1;
         }
     }

package/scss/fab/_variables.scss

@@ -15,19 +15,19 @@ $kendo-fab-font-family: $font-family !default;
 $kendo-fab-font-size: $font-size !default;
 /// Line height of the FAB.
 /// @group floating-action-button
-$kendo-fab-line-height: (20 / 14) !default;
+$kendo-fab-line-height: k-math-div( 20, 14 ) !default;
 
 /// Horizontal padding of the FAB.
 /// @group floating-action-button
-$kendo-fab-padding-x: $padding-x !default;
-$kendo-fab-padding-x-sm: ( $kendo-fab-padding-x / 2 ) !default;
+$kendo-fab-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-fab-padding-x-sm: k-math-div( $kendo-fab-padding-x, 2 ) !default;
 $kendo-fab-padding-x-md: $kendo-fab-padding-x !default;
 $kendo-fab-padding-x-lg: ( $kendo-fab-padding-x * 1.5 ) !default;
 
 /// Vertical padding of the FAB.
 /// @group floating-action-button
 $kendo-fab-padding-y: $kendo-fab-padding-x !default;
-$kendo-fab-padding-y-sm: ( $kendo-fab-padding-y / 2 ) !default;
+$kendo-fab-padding-y-sm: k-math-div( $kendo-fab-padding-y, 2 ) !default;
 $kendo-fab-padding-y-md: $kendo-fab-padding-y !default;
 $kendo-fab-padding-y-lg: ( $kendo-fab-padding-y * 1.5 ) !default;
 
@@ -39,18 +39,18 @@ $kendo-fab-icon-width: 20px !default;
 $kendo-fab-icon-height: $kendo-fab-icon-width !default;
 /// FAB icon spacing.
 /// @group floating-action-button
-$kendo-fab-icon-spacing: k-map-get( $spacing, 1 ) * 1.5 !default;
+$kendo-fab-icon-spacing: k-map-get( $kendo-spacing, 1 ) * 1.5 !default;
 
 /// FAB items horizontal padding.
 /// @group floating-action-button
 $kendo-fab-items-padding-x: 0px !default;
 /// FAB items vertical padding.
 /// @group floating-action-button
-$kendo-fab-items-padding-y: k-map-get( $spacing, 4 ) !default;
+$kendo-fab-items-padding-y: k-map-get( $kendo-spacing, 4 ) !default;
 
 /// FAB item text horizontal padding.
 /// @group floating-action-button
-$kendo-fab-item-text-padding-x: k-map-get( $spacing, 1 ) !default;
+$kendo-fab-item-text-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
 /// FAB item text vertical padding.
 /// @group floating-action-button
 $kendo-fab-item-text-padding-y: $kendo-fab-item-text-padding-x !default;
@@ -69,7 +69,7 @@ $kendo-fab-item-text-line-height: 1.2 !default;
 
 /// FAB item icon horizontal padding.
 /// @group floating-action-button
-$kendo-fab-item-icon-padding-x: k-map-get( $spacing, 2 ) !default;
+$kendo-fab-item-icon-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
 /// FAB item icon vertical padding.
 /// @group floating-action-button
 $kendo-fab-item-icon-padding-y: $kendo-fab-item-icon-padding-x !default;
@@ -102,13 +102,13 @@ $kendo-fab-active-shadow: 0px 5px 5px -3px rgba( black, .2 ), 0px 8px 10px 1px r
 
 /// The base text color of the FAB item.
 /// @group floating-action-button
-$kendo-fab-item-text: $component-text !default;
+$kendo-fab-item-text: $kendo-component-text !default;
 /// The base background color of the FAB item.
 /// @group floating-action-button
-$kendo-fab-item-bg: $component-bg !default;
+$kendo-fab-item-bg: $kendo-component-bg !default;
 /// The base border color of the FAB item.
 /// @group floating-action-button
-$kendo-fab-item-border: $component-border !default;
+$kendo-fab-item-border: $kendo-component-border !default;
 
 /// The base text color of the FAB item icon.
 /// @group floating-action-button

package/scss/filemanager/_index.scss

@@ -17,6 +17,6 @@
 
 
 // Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";
+@import "./_variables.scss";
+@import "./_layout.scss";
+@import "./_theme.scss";

package/scss/filemanager/_layout.scss

@@ -1 +1 @@
-@import "~@progress/kendo-theme-default/scss/filemanager/_layout.scss";
+@import "@progress/kendo-theme-default/scss/filemanager/_layout.scss";

package/scss/filemanager/_theme.scss

@@ -1 +1 @@
-@import "~@progress/kendo-theme-default/scss/filemanager/_theme.scss";
+@import "@progress/kendo-theme-default/scss/filemanager/_theme.scss";

package/scss/filemanager/_variables.scss

@@ -1,12 +1,12 @@
 // File manager
-$filemanager-spacer: k-map-get( $spacing, 4 ) !default;
+$filemanager-spacer: k-map-get( $kendo-spacing, 4 ) !default;
 $filemanager-border-width: 1px !default;
 $filemanager-font-family: $font-family !default;
 $filemanager-font-size: $font-size !default;
 $filemanager-line-height: $line-height !default;
-$filemanager-bg: $component-bg !default;
-$filemanager-text: $component-text !default;
-$filemanager-border: $component-border !default;
+$filemanager-bg: $kendo-component-bg !default;
+$filemanager-text: $kendo-component-text !default;
+$filemanager-border: $kendo-component-border !default;
 
 $filemanager-toolbar-border-width: $filemanager-border-width !default;
 $filemanager-toolbar-bg: k-try-shade( $kendo-button-bg, .5 ) !default;
@@ -22,8 +22,8 @@ $filemanager-navigation-bg: null !default;
 $filemanager-navigation-text: null !default;
 $filemanager-navigation-border: null !default;
 
-$filemanager-breadcrumb-padding-x: k-map-get( $spacing, 2 ) !default;
-$filemanager-breadcrumb-padding-y: k-map-get( $spacing, 2 ) !default;
+$filemanager-breadcrumb-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+$filemanager-breadcrumb-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
 $filemanager-breadcrumb-border-width: $filemanager-border-width !default;
 $filemanager-breadcrumb-bg: $filemanager-toolbar-bg !default;
 $filemanager-breadcrumb-text: null !default;
@@ -33,8 +33,8 @@ $filemanager-listview-bg: null !default;
 $filemanager-listview-text: null !default;
 $filemanager-listview-border: null !default;
 
-$filemanager-listview-item-padding-x: k-map-get( $spacing, 4 ) !default;
-$filemanager-listview-item-padding-y: k-map-get( $spacing, 4 ) !default;
+$filemanager-listview-item-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
+$filemanager-listview-item-padding-y: k-map-get( $kendo-spacing, 4 ) !default;
 $filemanager-listview-item-width: 120px !default;
 $filemanager-listview-item-height: 120px !default;
 $filemanager-listview-item-bg: null !default;
@@ -58,7 +58,7 @@ $filemanager-preview-padding-y: $filemanager-spacer !default;
 $filemanager-preview-width: 20% !default;
 $filemanager-preview-border-width: $filemanager-border-width !default;
 $filemanager-preview-spacing: $filemanager-spacer !default;
-$filemanager-preview-column-gap: map-get( $spacing, 1 ) !default;
+$filemanager-preview-column-gap: k-map-get( $kendo-spacing, 1 ) !default;
 $filemanager-preview-bg: null !default;
 $filemanager-preview-text: null !default;
 $filemanager-preview-border: null !default;