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

package/scss/expansion-panel/_variables.scss

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

package/scss/fab/_index.scss

@@ -3,7 +3,7 @@
 
 // Dependencies
 @import "../common/_index.scss";
-@import "../utils/_position.scss";
+// @import "../utils/_position.scss";
 @import "../icons/_index.scss";
 @import "../button/_index.scss";
 @import "../badge/_index.scss";

package/scss/fab/_variables.scss

@@ -9,10 +9,10 @@ $kendo-fab-border-radius: $kendo-border-radius-md !default;
 
 /// Font family of the FAB.
 /// @group floating-action-button
-$kendo-fab-font-family: $font-family !default;
+$kendo-fab-font-family: $kendo-font-family !default;
 /// Font size of the FAB.
 /// @group floating-action-button
-$kendo-fab-font-size: $font-size !default;
+$kendo-fab-font-size: $kendo-font-size-md !default;
 /// Line height of the FAB.
 /// @group floating-action-button
 $kendo-fab-line-height: k-math-div( 20, 14 ) !default;
@@ -20,16 +20,16 @@ $kendo-fab-line-height: k-math-div( 20, 14 ) !default;
 /// Horizontal padding of the FAB.
 /// @group floating-action-button
 $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;
+$kendo-fab-sm-padding-x: k-math-div( $kendo-fab-padding-x, 2 ) !default;
+$kendo-fab-md-padding-x: $kendo-fab-padding-x !default;
+$kendo-fab-lg-padding-x: ( $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: 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;
+$kendo-fab-sm-padding-y: k-math-div( $kendo-fab-padding-y, 2 ) !default;
+$kendo-fab-md-padding-y: $kendo-fab-padding-y !default;
+$kendo-fab-lg-padding-y: ( $kendo-fab-padding-y * 1.5 ) !default;
 
 /// FAB icon width.
 /// @group floating-action-button
@@ -62,7 +62,7 @@ $kendo-fab-item-text-border-width: 1px !default;
 $kendo-fab-item-text-border-radius: 2px !default;
 /// Font size of the FAB item text.
 /// @group floating-action-button
-$kendo-fab-item-text-font-size: $font-size-xs !default;
+$kendo-fab-item-text-font-size: $kendo-font-size-xs !default;
 /// Line height of the FAB item text.
 /// @group floating-action-button
 $kendo-fab-item-text-line-height: 1.2 !default;

package/scss/filemanager/_variables.scss

@@ -1,69 +1,69 @@
 // File manager
-$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: $kendo-component-bg !default;
-$filemanager-text: $kendo-component-text !default;
-$filemanager-border: $kendo-component-border !default;
+$kendo-file-manager-spacer: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-file-manager-border-width: 1px !default;
+$kendo-file-manager-font-family: $kendo-font-family !default;
+$kendo-file-manager-font-size: $kendo-font-size-md !default;
+$kendo-file-manager-line-height: $kendo-line-height-md !default;
+$kendo-file-manager-bg: $kendo-component-bg !default;
+$kendo-file-manager-text: $kendo-component-text !default;
+$kendo-file-manager-border: $kendo-component-border !default;
 
-$filemanager-toolbar-border-width: $filemanager-border-width !default;
-$filemanager-toolbar-bg: k-try-shade( $kendo-button-bg, .5 ) !default;
-$filemanager-toolbar-text: null !default;
-$filemanager-toolbar-border: null !default;
-$filemanager-toolbar-gradient: null !default;
+$kendo-file-manager-toolbar-border-width: $kendo-file-manager-border-width !default;
+$kendo-file-manager-toolbar-bg: k-try-shade( $kendo-button-bg, .5 ) !default;
+$kendo-file-manager-toolbar-text: null !default;
+$kendo-file-manager-toolbar-border: null !default;
+$kendo-file-manager-toolbar-gradient: null !default;
 
-$filemanager-navigation-padding-x: $filemanager-spacer !default;
-$filemanager-navigation-padding-y: $filemanager-spacer !default;
-$filemanager-navigation-width: 20% !default;
-$filemanager-navigation-border-width: $filemanager-border-width !default;
-$filemanager-navigation-bg: null !default;
-$filemanager-navigation-text: null !default;
-$filemanager-navigation-border: null !default;
+$kendo-file-manager-navigation-padding-x: $kendo-file-manager-spacer !default;
+$kendo-file-manager-navigation-padding-y: $kendo-file-manager-spacer !default;
+$kendo-file-manager-navigation-width: 20% !default;
+$kendo-file-manager-navigation-border-width: $kendo-file-manager-border-width !default;
+$kendo-file-manager-navigation-bg: null !default;
+$kendo-file-manager-navigation-text: null !default;
+$kendo-file-manager-navigation-border: null !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;
-$filemanager-breadcrumb-border: null !default;
+$kendo-file-manager-breadcrumb-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-file-manager-breadcrumb-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-file-manager-breadcrumb-border-width: $kendo-file-manager-border-width !default;
+$kendo-file-manager-breadcrumb-bg: $kendo-file-manager-toolbar-bg !default;
+$kendo-file-manager-breadcrumb-text: null !default;
+$kendo-file-manager-breadcrumb-border: null !default;
 
-$filemanager-listview-bg: null !default;
-$filemanager-listview-text: null !default;
-$filemanager-listview-border: null !default;
+$kendo-file-manager-listview-bg: null !default;
+$kendo-file-manager-listview-text: null !default;
+$kendo-file-manager-listview-border: null !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;
-$filemanager-listview-item-text: null !default;
-$filemanager-listview-item-border: null !default;
+$kendo-file-manager-listview-item-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-file-manager-listview-item-padding-y: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-file-manager-listview-item-width: 120px !default;
+$kendo-file-manager-listview-item-height: 120px !default;
+$kendo-file-manager-listview-item-bg: null !default;
+$kendo-file-manager-listview-item-text: null !default;
+$kendo-file-manager-listview-item-border: null !default;
 
-$filemanager-listview-item-icon-size: ($icon-size * 3) !default;
-$filemanager-listview-item-icon-bg: null !default;
-$filemanager-listview-item-icon-text: k-try-tint($filemanager-text, 4) !default;
-$filemanager-listview-item-icon-border: null !default;
-$filemanager-listview-item-icon-selected-bg: null !default;
-$filemanager-listview-item-icon-selected-text: inherit !default;
-$filemanager-listview-item-icon-selected-border: null !default;
+$kendo-file-manager-listview-item-icon-size: ($kendo-icon-size * 3) !default;
+$kendo-file-manager-listview-item-icon-bg: null !default;
+$kendo-file-manager-listview-item-icon-text: k-try-tint($kendo-file-manager-text, 4) !default;
+$kendo-file-manager-listview-item-icon-border: null !default;
+$kendo-file-manager-listview-item-icon-selected-bg: null !default;
+$kendo-file-manager-listview-item-icon-selected-text: inherit !default;
+$kendo-file-manager-listview-item-icon-selected-border: null !default;
 
-$filemanager-grid-bg: null !default;
-$filemanager-grid-text: null !default;
-$filemanager-grid-border: null !default;
+$kendo-file-manager-grid-bg: null !default;
+$kendo-file-manager-grid-text: null !default;
+$kendo-file-manager-grid-border: null !default;
 
-$filemanager-preview-padding-x: $filemanager-spacer !default;
-$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: k-map-get( $kendo-spacing, 1 ) !default;
-$filemanager-preview-bg: null !default;
-$filemanager-preview-text: null !default;
-$filemanager-preview-border: null !default;
+$kendo-file-manager-preview-padding-x: $kendo-file-manager-spacer !default;
+$kendo-file-manager-preview-padding-y: $kendo-file-manager-spacer !default;
+$kendo-file-manager-preview-width: 20% !default;
+$kendo-file-manager-preview-border-width: $kendo-file-manager-border-width !default;
+$kendo-file-manager-preview-spacing: $kendo-file-manager-spacer !default;
+$kendo-file-manager-preview-column-gap: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-file-manager-preview-bg: null !default;
+$kendo-file-manager-preview-text: null !default;
+$kendo-file-manager-preview-border: null !default;
 
-$filemanager-preview-icon-size: ($icon-size * 6) !default;
-$filemanager-preview-icon-bg: null !default;
-$filemanager-preview-icon-text: k-try-tint($filemanager-text, 4) !default;
-$filemanager-preview-icon-border: null !default;
+$kendo-file-manager-preview-icon-size: ($kendo-icon-size * 6) !default;
+$kendo-file-manager-preview-icon-bg: null !default;
+$kendo-file-manager-preview-icon-text: k-try-tint($kendo-file-manager-text, 4) !default;
+$kendo-file-manager-preview-icon-border: null !default;

package/scss/filter/_variables.scss

@@ -1,13 +1,13 @@
 // Filter expression builder
-$filter-padding-x: $kendo-padding-sm-x !default;
-$filter-padding-y: $filter-padding-x !default;
+$kendo-filter-padding-x: $kendo-padding-sm-x !default;
+$kendo-filter-padding-y: $kendo-filter-padding-x !default;
 
-$filter-bottom-margin: 2.1em !default;
-$filter-line-size: 1px !default;
+$kendo-filter-bottom-margin: 2.1em !default;
+$kendo-filter-line-size: 1px !default;
 
-$filter-operator-dropdown-width: 15em !default;
+$kendo-filter-operator-dropdown-width: 15em !default;
 
-$filter-preview-field-text: $kendo-color-primary !default;
-$filter-preview-operator-text: $kendo-subtle-text !default;
+$kendo-filter-preview-field-text: $kendo-color-primary !default;
+$kendo-filter-preview-operator-text: $kendo-subtle-text !default;
 
-$filter-toolbar-focus-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px rgba(0, 0, 0, .14), 0 1px 10px rgba(0, 0, 0, .12) !default;
+$kendo-filter-toolbar-focus-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px rgba(0, 0, 0, .14), 0 1px 10px rgba(0, 0, 0, .12) !default;

package/scss/floating-label/_variables.scss

@@ -1,19 +1,19 @@
 // Floating label
-$floating-label-scale: 1 !default;
-$floating-label-font-size: $kendo-input-font-size !default;
-$floating-label-line-height: $kendo-input-line-height !default;
-$floating-label-height: calc( #{$floating-label-line-height} * #{$floating-label-font-size} ) !default;
-$floating-label-offset-x: calc( #{$kendo-input-padding-x} + #{$kendo-input-border-width} ) !default;
-$floating-label-offset-y: calc( #{$floating-label-height} + #{$kendo-input-border-width} + #{$kendo-input-padding-y} ) !default;
+$kendo-floating-label-scale: 1 !default;
+$kendo-floating-label-font-size: $kendo-input-font-size !default;
+$kendo-floating-label-line-height: $kendo-input-line-height !default;
+$kendo-floating-label-height: calc( #{$kendo-floating-label-line-height} * #{$kendo-floating-label-font-size} ) !default;
+$kendo-floating-label-offset-x: calc( #{$kendo-input-padding-x} + #{$kendo-input-border-width} ) !default;
+$kendo-floating-label-offset-y: calc( #{$kendo-floating-label-height} + #{$kendo-input-border-width} + #{$kendo-input-padding-y} ) !default;
 
-$floating-label-focus-scale: .75 !default;
-$floating-label-focus-offset-x: 0px !default;
-$floating-label-focus-offset-y: 0px !default;
+$kendo-floating-label-focus-scale: .75 !default;
+$kendo-floating-label-focus-offset-x: 0px !default;
+$kendo-floating-label-focus-offset-y: 0px !default;
 
-$floating-label-transition: .15s cubic-bezier( .4, 0, .2, 1 ) !default;
+$kendo-floating-label-transition: .15s cubic-bezier( .4, 0, .2, 1 ) !default;
 
-$floating-label-bg: null !default;
-$floating-label-text: $kendo-subtle-text !default;
+$kendo-floating-label-bg: null !default;
+$kendo-floating-label-text: $kendo-subtle-text !default;
 
-$floating-label-focus-bg: null !default;
-$floating-label-focus-text: $kendo-color-primary !default;
+$kendo-floating-label-focus-bg: null !default;
+$kendo-floating-label-focus-text: $kendo-color-primary !default;

package/scss/forms/_index.scss

@@ -3,12 +3,8 @@
 
 // Dependencies // TODO: extract variables
 @import "../common/_index.scss";
-@import "../tooltip/_variables.scss";
-@import "../button/_variables.scss";
-@import "../input/_variables.scss";
 @import "../toolbar/_index.scss";
 @import "../action-buttons/_index.scss";
-@import "../window/_variables.scss";
 
 
 // Component

package/scss/forms/_layout.scss

@@ -7,7 +7,7 @@
         padding: 0;
         margin: 0;
         width: auto;
-        font-size: $font-size-sm;
+        font-size: $kendo-font-size-sm;
         line-height: 1;
         text-align: inherit;
         display: block;
@@ -32,7 +32,8 @@
 
         .k-validator-tooltip {
             bottom: 0;
-            transform: translateY(100%) translateY($tooltip-callout-size);
+            // TODO: do we need the tooltip variable?
+            transform: translateY(100%) translateY($kendo-tooltip-callout-size);
         }
     }
 

package/scss/forms/_variables.scss

@@ -1,11 +1,17 @@
+@import "../input/_variables.scss";
+@import "../tooltip/_variables.scss";
+@import "../typography/_variables.scss";
+@import "../window/_variables.scss";
+
+
 // Forms
 $kendo-form-spacer: $kendo-padding-md-x * 2 !default;
 
-$kendo-form-font-size: $font-size !default;
-$kendo-form-line-height: $line-height !default;
+$kendo-form-font-size: $kendo-font-size-md !default;
+$kendo-form-line-height: $kendo-line-height-md !default;
 $kendo-form-line-height-em: calc( #{$kendo-form-line-height} * 1em ) !default;
-$kendo-form-line-height-sm: $line-height-sm !default;
-$kendo-form-line-height-lg: $line-height-lg !default;
+$kendo-form-sm-line-height: $kendo-line-height-sm !default;
+$kendo-form-lg-line-height: $kendo-line-height-lg !default;
 
 $kendo-form-fieldset-margin: 2em 0 0 !default;
 $kendo-form-fieldset-padding: 0px !default;
@@ -16,22 +22,22 @@ $kendo-form-legend-border-width: 0 0 2px !default;
 $kendo-form-legend-border-style: solid !default;
 $kendo-form-legend-border-color: $kendo-component-border !default;
 $kendo-form-legend-width: 100% !default;
-$kendo-form-legend-font-size: $font-size !default;
+$kendo-form-legend-font-size: $kendo-font-size-md !default;
 $kendo-form-legend-text-transform: uppercase !default;
 
 $kendo-form-label-margin-bottom: 0px !default;
 
 $kendo-form-button-margin-x: 8px !default;
 
-$kendo-form-hint-font-size: $font-size-sm !default;
+$kendo-form-hint-font-size: $kendo-font-size-sm !default;
 $kendo-form-hint-font-style: normal !default;
 $kendo-form-hint-margin-top: 4px !default;
 
-$kendo-form-rows-spacing-sm: k-map-get( $kendo-spacing, 4 ) !default;
-$kendo-form-rows-spacing-md: k-map-get( $kendo-spacing, 6 ) !default;
-$kendo-form-rows-spacing-lg: k-map-get( $kendo-spacing, 7 ) !default;
+$kendo-form-sm-rows-spacing: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-form-md-rows-spacing: k-map-get( $kendo-spacing, 6 ) !default;
+$kendo-form-lg-rows-spacing: k-map-get( $kendo-spacing, 7 ) !default;
 
-$kendo-form-separator-margin: $kendo-form-rows-spacing-md 0 0 !default;
+$kendo-form-separator-margin: $kendo-form-md-rows-spacing 0 0 !default;
 $kendo-form-separator-border-color: $kendo-form-legend-border-color !default;
 
 $kendo-horizontal-form-label-padding-top: 5px !default;
@@ -54,7 +60,7 @@ $kendo-label-optional-font-style: italic !default;
 
 // Fieldset
 $kendo-fieldset-margin: 30px !default;
-$kendo-fieldset-font-size: $h4-font-size !default;
+$kendo-fieldset-font-size: $kendo-h4-font-size !default;
 
 $kendo-fieldset-bg: null !default;
 $kendo-fieldset-text: null !default;
@@ -67,12 +73,12 @@ $kendo-fieldset-legend-border: null !default;
 // Sizes
 $kendo-form-sizes: (
     sm: (
-        form-rows-spacing: $kendo-form-rows-spacing-sm
+        form-rows-spacing: $kendo-form-sm-rows-spacing
     ),
     md: (
-        form-rows-spacing: $kendo-form-rows-spacing-md
+        form-rows-spacing: $kendo-form-md-rows-spacing
     ),
     lg: (
-        form-rows-spacing: $kendo-form-rows-spacing-lg
+        form-rows-spacing: $kendo-form-lg-rows-spacing
     )
 ) !default;

package/scss/gantt/_variables.scss

@@ -1,93 +1,93 @@
 // Gantt
-$gantt-border-width: 1px !default;
-$gantt-font-family: $font-family !default;
-$gantt-font-size: $font-size !default;
-$gantt-line-height: $line-height !default;
-
-$gantt-bg: $kendo-component-bg !default;
-$gantt-text: $kendo-component-text !default;
-$gantt-border: $kendo-component-border !default;
-
-$gantt-treelist-bg: null !default;
-$gantt-treelist-text: null !default;
-$gantt-treelist-border: null !default;
-
-$gantt-nonwork-bg: rgba( k-contrast-color( $gantt-bg ), .025 ) !default;
-$gantt-nonwork-text: null !default;
-$gantt-nonwork-border: null !default;
-
-$gantt-line-size: 2px !default;
-$gantt-line-fill: k-color-mix( $gantt-text, $gantt-bg ) !default;
-$gantt-line-selected-fill: $kendo-selected-bg !default;
-
-$gantt-dot-size: 8px !default;
-$gantt-dot-spacing: 4px !default;
-$gantt-dot-bg: $gantt-text !default;
-$gantt-dot-border: null !default;
-$gantt-dot-hover-bg: $gantt-bg !default;
-$gantt-dot-hover-border: $gantt-text !default;
-
-$gantt-milestone-bg: $kendo-color-primary !default;
-$gantt-milestone-border: $kendo-color-primary !default;
-$gantt-milestone-selected-bg: $kendo-color-secondary !default;
-$gantt-milestone-selected-border: $kendo-color-secondary !default;
-
-$gantt-summary-bg: k-color-mix( $kendo-color-primary, $gantt-bg ) !default;
-$gantt-summary-progress-bg: $kendo-color-primary !default;
-$gantt-summary-selected-bg: k-color-mix( $kendo-color-secondary, $gantt-bg ) !default;
-$gantt-summary-progress-selected-bg: $kendo-color-secondary !default;
-
-$gantt-task-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
-$gantt-task-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
-$gantt-task-border-width: 0px !default;
-$gantt-task-bg: k-color-mix( $kendo-color-primary, $gantt-bg ) !default;
-$gantt-task-text: $kendo-color-primary-contrast !default;
-$gantt-task-border: null !default;
-$gantt-task-progress-bg: $kendo-color-primary !default;
-$gantt-task-selected-bg: k-color-mix( $kendo-color-secondary, $gantt-bg ) !default;
-$gantt-task-selected-text: $kendo-color-secondary-contrast !default;
-$gantt-task-selected-border: null !default;
-$gantt-task-progress-selected-bg: $kendo-color-secondary !default;
-
-$gantt-planned-margin-y: .35em !default;
-$gantt-planned-border-width: 2px !default;
-$gantt-planned-line-height: .75em !default;
-
-$gantt-planned-dependency-margin-y: .7em !default;
-
-$gantt-planned-moment-width: 6px !default;
-$gantt-planned-moment-height: $gantt-planned-moment-width !default;
-$gantt-planned-moment-border-radius: calc( ( #{$gantt-planned-border-width * 2} + #{$gantt-planned-moment-width} ) / 2 ) !default;
-$gantt-planned-moment-left-margin-x: calc( #{k-math-div( $gantt-planned-border-width, 2 )} - #{$gantt-planned-moment-border-radius} ) !default;
-$gantt-planned-milestone-moment-margin-x: k-math-div( $gantt-planned-moment-width, 2 ) !default;
-
-$gantt-planned-duration-height: $gantt-planned-border-width !default;
-$gantt-planned-duration-hover-height: calc( #{$gantt-planned-border-width} + 1px ) !default;
-
-$gantt-planned-single-drag-hint-top: .85em !default;
-$gantt-planned-summary-drag-hint-top: 1.35em !default;
-$gantt-planned-milestone-drag-hint-top: 1.15em !default;
-
-$gantt-rtl-milestone-wrap-margin-x: -2.4em !default;
-$gantt-rtl-milestone-planned-moment-margin-x: .2em !default;
-$gantt-rtl-milestone-dot-start-margin-x: -.1em !default;
-
-$gantt-planned-offset-resize-handler-margin-x: 1.4em !default;
-
-$gantt-planned-bg: $kendo-color-primary !default;
-$gantt-planned-border: $gantt-planned-bg !default;
-
-$gantt-delayed-bg: $kendo-color-error !default;
-$gantt-delayed-bg-lighter: k-color-tint($gantt-delayed-bg, 5) !default;
-
-$gantt-advanced-bg: $kendo-color-success !default;
-$gantt-advanced-bg-lighter: k-color-tint($gantt-advanced-bg, 5) !default;
-
-$gantt-action-on-offset-text: #000000 !default;
-$gantt-offset-resize-handler-top: 50% !default;
-
-$gantt-validation-tooltip-width: 200px !default;
-$gantt-validation-tooltip-label-width: 50px !default;
-$gantt-validation-tooltip-border: #656565 !default;
-$gantt-validation-tooltip-valid-border: $kendo-color-success !default;
-$gantt-validation-tooltip-invalid-border: $kendo-color-error !default;
+$kendo-gantt-border-width: 1px !default;
+$kendo-gantt-font-family: $kendo-font-family !default;
+$kendo-gantt-font-size: $kendo-font-size-md !default;
+$kendo-gantt-line-height: $kendo-line-height-md !default;
+
+$kendo-gantt-bg: $kendo-component-bg !default;
+$kendo-gantt-text: $kendo-component-text !default;
+$kendo-gantt-border: $kendo-component-border !default;
+
+$kendo-gantt-treelist-bg: null !default;
+$kendo-gantt-treelist-text: null !default;
+$kendo-gantt-treelist-border: null !default;
+
+$kendo-gantt-nonwork-bg: rgba( k-contrast-color( $kendo-gantt-bg ), .025 ) !default;
+$kendo-gantt-nonwork-text: null !default;
+$kendo-gantt-nonwork-border: null !default;
+
+$kendo-gantt-line-size: 2px !default;
+$kendo-gantt-line-fill: k-color-mix( $kendo-gantt-text, $kendo-gantt-bg ) !default;
+$kendo-gantt-line-selected-fill: $kendo-selected-bg !default;
+
+$kendo-gantt-dot-size: 8px !default;
+$kendo-gantt-dot-spacing: 4px !default;
+$kendo-gantt-dot-bg: $kendo-gantt-text !default;
+$kendo-gantt-dot-border: null !default;
+$kendo-gantt-dot-hover-bg: $kendo-gantt-bg !default;
+$kendo-gantt-dot-hover-border: $kendo-gantt-text !default;
+
+$kendo-gantt-milestone-bg: $kendo-color-primary !default;
+$kendo-gantt-milestone-border: $kendo-color-primary !default;
+$kendo-gantt-milestone-selected-bg: $kendo-color-secondary !default;
+$kendo-gantt-milestone-selected-border: $kendo-color-secondary !default;
+
+$kendo-gantt-summary-bg: k-color-mix( $kendo-color-primary, $kendo-gantt-bg ) !default;
+$kendo-gantt-summary-progress-bg: $kendo-color-primary !default;
+$kendo-gantt-summary-selected-bg: k-color-mix( $kendo-color-secondary, $kendo-gantt-bg ) !default;
+$kendo-gantt-summary-progress-selected-bg: $kendo-color-secondary !default;
+
+$kendo-gantt-task-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-gantt-task-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-gantt-task-border-width: 0px !default;
+$kendo-gantt-task-bg: k-color-mix( $kendo-color-primary, $kendo-gantt-bg ) !default;
+$kendo-gantt-task-text: $kendo-color-primary-contrast !default;
+$kendo-gantt-task-border: null !default;
+$kendo-gantt-task-progress-bg: $kendo-color-primary !default;
+$kendo-gantt-task-selected-bg: k-color-mix( $kendo-color-secondary, $kendo-gantt-bg ) !default;
+$kendo-gantt-task-selected-text: $kendo-color-secondary-contrast !default;
+$kendo-gantt-task-selected-border: null !default;
+$kendo-gantt-task-progress-selected-bg: $kendo-color-secondary !default;
+
+$kendo-gantt-planned-margin-y: .35em !default;
+$kendo-gantt-planned-border-width: 2px !default;
+$kendo-gantt-planned-line-height: .75em !default;
+
+$kendo-gantt-planned-dependency-margin-y: .7em !default;
+
+$kendo-gantt-planned-moment-width: 6px !default;
+$kendo-gantt-planned-moment-height: $kendo-gantt-planned-moment-width !default;
+$kendo-gantt-planned-moment-border-radius: calc( ( #{$kendo-gantt-planned-border-width * 2} + #{$kendo-gantt-planned-moment-width} ) / 2 ) !default;
+$kendo-gantt-planned-moment-left-margin-x: calc( #{k-math-div( $kendo-gantt-planned-border-width, 2 )} - #{$kendo-gantt-planned-moment-border-radius} ) !default;
+$kendo-gantt-planned-milestone-moment-margin-x: k-math-div( $kendo-gantt-planned-moment-width, 2 ) !default;
+
+$kendo-gantt-planned-duration-height: $kendo-gantt-planned-border-width !default;
+$kendo-gantt-planned-duration-hover-height: calc( #{$kendo-gantt-planned-border-width} + 1px ) !default;
+
+$kendo-gantt-planned-single-drag-hint-top: .85em !default;
+$kendo-gantt-planned-summary-drag-hint-top: 1.35em !default;
+$kendo-gantt-planned-milestone-drag-hint-top: 1.15em !default;
+
+$kendo-gantt-rtl-milestone-wrap-margin-x: -2.4em !default;
+$kendo-gantt-rtl-milestone-planned-moment-margin-x: .2em !default;
+$kendo-gantt-rtl-milestone-dot-start-margin-x: -.1em !default;
+
+$kendo-gantt-planned-offset-resize-handler-margin-x: 1.4em !default;
+
+$kendo-gantt-planned-bg: $kendo-color-primary !default;
+$kendo-gantt-planned-border: $kendo-gantt-planned-bg !default;
+
+$kendo-gantt-delayed-bg: $kendo-color-error !default;
+$kendo-gantt-delayed-bg-lighter: k-color-tint($kendo-gantt-delayed-bg, 5) !default;
+
+$kendo-gantt-advanced-bg: $kendo-color-success !default;
+$kendo-gantt-advanced-bg-lighter: k-color-tint($kendo-gantt-advanced-bg, 5) !default;
+
+$kendo-gantt-action-on-offset-text: #000000 !default;
+$kendo-gantt-offset-resize-handler-top: 50% !default;
+
+$kendo-gantt-validation-tooltip-width: 200px !default;
+$kendo-gantt-validation-tooltip-label-width: 50px !default;
+$kendo-gantt-validation-tooltip-border: #656565 !default;
+$kendo-gantt-validation-tooltip-valid-border: $kendo-color-success !default;
+$kendo-gantt-validation-tooltip-invalid-border: $kendo-color-error !default;

package/scss/grid/_index.scss

@@ -22,8 +22,8 @@
 @import "../pager/_index.scss";
 @import "../chip/_index.scss";
 @import "../skeleton/_index.scss";
-@import "../utils/_float.scss";
-@import "../utils/_spacer.scss";
+// @import "../utils/_float.scss";
+// @import "../utils/_spacer.scss";
 @import "../table/_index.scss";
 
 

package/scss/grid/_layout.scss

@@ -55,8 +55,8 @@
 
     .k-grouping-dropclue {
         width: 0;
-        height: $kendo-grid-group-dropclue-height;
-        top: $kendo-grid-group-dropclue-top;
+        height: $kendo-grid-group-drop-hint-height;
+        top: $kendo-grid-group-drop-hint-top;
         border-style: solid;
         border-width: 0 2px 0 0;