@progress/kendo-theme-bootstrap 5.12.1-dev.0 → 5.12.1-dev.1

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: .25em !default;
+$kendo-editor-export-tool-icon-margin-x: .25em !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-lg !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-lg !default;
-$expander-header-padding-y: $padding-y * 2 !default;
+$expander-header-padding-x: k-map-get( $kendo-spacing, 6 ) !default;
+$expander-header-padding-y: k-map-get( $kendo-spacing, 4 ) !default;
 
-$expander-indicator-margin-x: calc( #{$padding-x / 2} * 1.5 ) !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: $kendo-list-item-focus-shadow !default;
 
@@ -22,12 +22,12 @@ $expander-header-border: null !default;
 
 $expander-header-hover-bg: rgba( black, .04 ) !default;
 
-$expander-header-focused-bg: null !default;
-$expander-header-focused-shadow: $kendo-list-item-focus-shadow !default;
+$expander-header-focus-bg: null !default;
+$expander-header-focus-shadow: $kendo-list-item-focus-shadow !default;
 
-$expander-title-text: $primary !default;
+$expander-title-text: $kendo-color-primary !default;
 
-$expander-header-sub-title-text: $subtle-text !default;
+$expander-header-sub-title-text: $kendo-subtle-text !default;
 
-$expander-content-padding-x: $padding-x-lg !default;
-$expander-content-padding-y: $expander-content-padding-x !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 +1 @@
-@import "~@progress/kendo-theme-default/scss/fab/_layout.scss";
+@import "@progress/kendo-theme-default/scss/fab/_layout.scss";

package/scss/fab/_variables.scss

@@ -5,7 +5,7 @@
 $kendo-fab-border-width: 1px !default;
 /// Border radius of the FAB.
 /// @group floating-action-button
-$kendo-fab-border-radius: $kendo-border-radius / 2 !default;
+$kendo-fab-border-radius: k-math-div( $kendo-border-radius, 2 ) !default;
 /// Font family of the FAB.
 /// @group floating-action-button
 $kendo-fab-font-family: $font-family !default;
@@ -18,7 +18,7 @@ $kendo-fab-line-height: $line-height !default;
 
 /// Horizontal padding of the FAB.
 /// @group floating-action-button
-$kendo-fab-padding-x: $padding-x !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;
@@ -38,18 +38,18 @@ $kendo-fab-icon-width: 24px !default;
 $kendo-fab-icon-height: $kendo-fab-icon-width !default;
 /// FAB icon spacing.
 /// @group floating-action-button
-$kendo-fab-icon-spacing: k-math-div( k-map-get( $spacing, 1 ), 2 ) !default;
+$kendo-fab-icon-spacing: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
 
 /// 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;
@@ -68,7 +68,7 @@ $kendo-fab-item-text-line-height: 14px !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;
@@ -101,13 +101,13 @@ $kendo-fab-active-shadow: null !default;
 
 /// 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: null !default;
@@ -22,10 +22,10 @@ $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: $toolbar-bg !default;
+$filemanager-breadcrumb-bg: $kendo-toolbar-bg !default;
 $filemanager-breadcrumb-text: null !default;
 $filemanager-breadcrumb-border: 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;

package/scss/filter/_index.scss

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

package/scss/filter/_layout.scss

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

package/scss/filter/_theme.scss

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

package/scss/filter/_variables.scss

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

package/scss/floating-label/_index.scss

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

package/scss/floating-label/_layout.scss

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

package/scss/floating-label/_theme.scss

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

package/scss/forms/_index.scss

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

package/scss/forms/_layout.scss

@@ -1,4 +1,4 @@
-@import "~@progress/kendo-theme-default/scss/forms/_layout.scss";
+@import "@progress/kendo-theme-default/scss/forms/_layout.scss";
 
 @include exports( "forms/layout/bootstrap" ) {
 
@@ -19,11 +19,12 @@
 
     .k-form {
         legend {
-            margin-bottom: $padding-y;
+            margin-bottom: $kendo-padding-md-y;
         }
 
         .k-field-info {
-            margin: 0 $padding-x / 2;
+            margin-block: 0;
+            margin-inline: k-math-div( $kendo-padding-md-x, 2 );
         }
     }
 
@@ -34,8 +35,8 @@
 
         .k-form-field {
             > span:not(.k-widget) {
-                padding: calc( #{$padding-y} - #{$kendo-input-border-width} ) 0;
-                padding-right: $padding-x;
+                padding: calc( #{$kendo-padding-md-y} - #{$kendo-input-border-width} ) 0;
+                padding-right: $kendo-padding-md-x;
             }
         }
     }
@@ -45,7 +46,7 @@
 @include exports( "edit-form/layout/bootstrap" ) {
 
     .k-edit-label {
-        padding: calc( #{$padding-y} - #{$kendo-input-border-width} ) 0;
+        padding: calc( #{$kendo-padding-md-y} - #{$kendo-input-border-width} ) 0;
     }
 
 }

package/scss/forms/_theme.scss

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

package/scss/forms/_variables.scss

@@ -1,63 +1,78 @@
 // Forms
-$form-spacer: $padding-x * 2 !default;
+$kendo-form-spacer: $kendo-padding-md-x * 2 !default;
 
-$form-font-size: $font-size !default;
-$form-line-height: $input-btn-line-height !default;
-$form-line-height-em: calc( #{$form-line-height} * 1em ) !default;
-$form-line-height-sm: $line-height-sm !default;
-$form-line-height-lg: $line-height-lg !default;
+$kendo-form-font-size: $font-size !default;
+$kendo-form-line-height: $input-btn-line-height !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;
 
-$form-fieldset-margin: 2rem 0 0 !default;
-$form-fieldset-padding: 0px !default;
+$kendo-form-fieldset-margin: 2rem 0 0 !default;
+$kendo-form-fieldset-padding: 0px !default;
 
-$form-legend-margin: 0 0 1rem !default;
-$form-legend-padding: 0px !default;
-$form-legend-border-width: 0 0 2px !default;
-$form-legend-border-style: solid !default;
-$form-legend-border-color: $component-border !default;
-$form-legend-width: 100% !default;
-$form-legend-font-size: 14px !default;
-$form-legend-text-transform: uppercase !default;
+$kendo-form-legend-margin: 0 0 1rem !default;
+$kendo-form-legend-padding: 0px !default;
+$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-sm !default;
+$kendo-form-legend-text-transform: uppercase !default;
 
-$form-label-margin-bottom: 0px !default;
+$kendo-form-label-margin-bottom: k-map-get( $kendo-spacing, 2 ) !default;
 
-$form-button-margin-x: 8px !default;
+$kendo-form-button-margin-x: 8px !default;
 
-$form-hint-font-size: 12px !default;
-$form-hint-font-style: normal !default;
-$form-hint-margin-top: 4px !default;
+$kendo-form-hint-font-size: $font-size-xs !default;
+$kendo-form-hint-font-style: normal !default;
+$kendo-form-hint-margin-top: 4px !default;
 
-$form-field-margin-top: 1rem !default;
+$kendo-form-rows-spacing-sm: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-form-rows-spacing-md: $kendo-form-rows-spacing-sm !default;
+$kendo-form-rows-spacing-lg: $kendo-form-rows-spacing-sm !default;
 
-$form-separator-margin: $form-field-margin-top 0 0 !default;
-$form-separator-border-color: $form-legend-border-color !default;
+$kendo-form-separator-margin: $kendo-form-rows-spacing-md 0 0 !default;
+$kendo-form-separator-border-color: $kendo-form-legend-border-color !default;
 
-$horizontal-form-label-padding-top: 5px !default;
-$horizontal-form-label-margin-x: 10px !default;
-$horizontal-form-label-width: 25% !default;
-$horizontal-form-label-align: flex-end !default;
+$kendo-horizontal-form-label-padding-top: 5px !default;
+$kendo-horizontal-form-label-margin-x: 10px !default;
+$kendo-horizontal-form-label-width: 25% !default;
+$kendo-horizontal-form-label-align: flex-end !default;
 
-$horizontal-form-field-wrap-max-width: calc( ( 100% - #{$horizontal-form-label-width} ) - #{$horizontal-form-label-margin-x} ) !default;
+$kendo-horizontal-form-field-wrap-max-width: calc( ( 100% - #{$kendo-horizontal-form-label-width} ) - #{$kendo-horizontal-form-label-margin-x} ) !default;
 
-$inline-form-element-width: 25% !default;
+$kendo-inline-form-element-width: 25% !default;
 
-$forms-invalid-color: $error !default;
+$kendo-forms-invalid-color: $kendo-color-error !default;
 
 
 // Label
-$label-optional-margin-x: 6px !default;
-$label-optional-font-size: 12px !default;
-$label-optional-font-style: italic !default;
+$kendo-label-optional-margin-x: 6px !default;
+$kendo-label-optional-font-size: $font-size-xs !default;
+$kendo-label-optional-font-style: italic !default;
 
 
 // Fieldset
-$fieldset-margin: 30px !default;
-$fieldset-font-size: $h4-font-size !default;
-
-$fieldset-bg: null !default;
-$fieldset-text: null !default;
-$fieldset-border: null !default;
-
-$fieldset-legend-bg: null !default;
-$fieldset-legend-text: null !default;
-$fieldset-legend-border: null !default;
+$kendo-fieldset-margin: 30px !default;
+$kendo-fieldset-font-size: $h4-font-size !default;
+
+$kendo-fieldset-bg: null !default;
+$kendo-fieldset-text: null !default;
+$kendo-fieldset-border: null !default;
+
+$kendo-fieldset-legend-bg: null !default;
+$kendo-fieldset-legend-text: null !default;
+$kendo-fieldset-legend-border: null !default;
+
+// Sizes
+$kendo-form-sizes: (
+    sm: (
+        form-rows-spacing: $kendo-form-rows-spacing-sm
+    ),
+    md: (
+        form-rows-spacing: $kendo-form-rows-spacing-md
+    ),
+    lg: (
+        form-rows-spacing: $kendo-form-rows-spacing-lg
+    )
+) !default;

package/scss/gantt/_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/gantt/_layout.scss

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

package/scss/gantt/_theme.scss

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

package/scss/gantt/_variables.scss

@@ -4,9 +4,9 @@ $gantt-font-family: $font-family !default;
 $gantt-font-size: $font-size !default;
 $gantt-line-height: $line-height !default;
 
-$gantt-bg: $component-bg !default;
-$gantt-text: $component-text !default;
-$gantt-border: $component-border !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;
@@ -17,8 +17,8 @@ $gantt-nonwork-text: null !default;
 $gantt-nonwork-border: null !default;
 
 $gantt-line-size: 2px !default;
-$gantt-line-fill: k-color-mix( $panel-text, $panel-bg ) !default;
-$gantt-line-selected-fill: $selected-bg !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;
@@ -29,25 +29,25 @@ $gantt-dot-hover-border: $gantt-text !default;
 
 $gantt-milestone-bg: if( k-is-light( $gantt-bg ), $gray-300, $gray-700 ) !default;
 $gantt-milestone-border: k-try-shade( $gantt-milestone-bg, 2 ) !default;
-$gantt-milestone-selected-bg: $selected-bg !default;
-$gantt-milestone-selected-border: $selected-border !default;
+$gantt-milestone-selected-bg: $kendo-selected-bg !default;
+$gantt-milestone-selected-border: $kendo-selected-border !default;
 
 $gantt-summary-bg: k-color-mix( $gantt-text, $gantt-bg ) !default;
 $gantt-summary-progress-bg: $gantt-text !default;
-$gantt-summary-selected-bg: k-color-mix( $selected-bg, $gantt-bg ) !default;
-$gantt-summary-progress-selected-bg: $selected-bg !default;
+$gantt-summary-selected-bg: k-color-mix( $kendo-selected-bg, $gantt-bg ) !default;
+$gantt-summary-progress-selected-bg: $kendo-selected-bg !default;
 
-$gantt-task-padding-x: k-map-get( $spacing, 2 ) !default;
-$gantt-task-padding-y: k-map-get( $spacing, 1 ) !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: 1px !default;
 $gantt-task-bg: if( k-is-light( $gantt-bg ), $gray-300, $gray-700 ) !default;
 $gantt-task-text: k-contrast-color( $gantt-task-bg ) !default;
 $gantt-task-border: if( k-is-light( $gantt-bg ), $gray-400, $gray-600 ) !default;
 $gantt-task-progress-bg: if( k-is-light( $gantt-bg ), $gray-400, $gray-600 ) !default;
-$gantt-task-selected-bg: k-color-mix( $selected-bg, $gantt-bg ) !default;
-$gantt-task-selected-text: $selected-text !default;
-$gantt-task-selected-border: $selected-bg !default;
-$gantt-task-progress-selected-bg: $selected-bg !default;
+$gantt-task-selected-bg: k-color-mix( $kendo-selected-bg, $gantt-bg ) !default;
+$gantt-task-selected-text: $kendo-selected-text !default;
+$gantt-task-selected-border: $kendo-selected-bg !default;
+$gantt-task-progress-selected-bg: $kendo-selected-bg !default;
 
 $gantt-planned-margin-y: .35em !default;
 $gantt-planned-border-width: 2px !default;
@@ -58,7 +58,7 @@ $gantt-planned-dependency-margin-y: .6em !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( #{$gantt-planned-border-width} / 2 - #{$gantt-planned-moment-border-radius} ) !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: $gantt-planned-moment-width !default;
 
 $gantt-planned-duration-height: $gantt-planned-border-width !default;
@@ -74,13 +74,13 @@ $gantt-rtl-milestone-dot-start-margin-x: -.1em !default;
 
 $gantt-planned-offset-resize-handler-margin-x: 1.2em !default;
 
-$gantt-planned-bg: $primary !default;
+$gantt-planned-bg: $kendo-color-primary !default;
 $gantt-planned-border: $gantt-planned-bg !default;
 
-$gantt-delayed-bg: $error !default;
+$gantt-delayed-bg: $kendo-color-error !default;
 $gantt-delayed-bg-lighter: k-color-tint( $gantt-delayed-bg, 5 ) !default;
 
-$gantt-advanced-bg: $success !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;
@@ -89,5 +89,5 @@ $gantt-offset-resize-handler-top: 45% !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: $success !default;
-$gantt-validation-tooltip-invalid-border: $error !default;
+$gantt-validation-tooltip-valid-border: $kendo-color-success !default;
+$gantt-validation-tooltip-invalid-border: $kendo-color-error !default;

package/scss/grid/_index.scss

@@ -20,13 +20,15 @@
 @import "../menu/_index.scss";
 @import "../dialog/_index.scss";
 @import "../pager/_index.scss";
+@import "../chip/_index.scss";
 @import "../skeleton/_index.scss";
 @import "../utils/_float.scss";
 @import "../utils/_spacer.scss";
 @import "../list/_index.scss";
+@import "../table/_index.scss";
 
 
 // Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";
+@import "./_variables.scss";
+@import "./_layout.scss";
+@import "./_theme.scss";

package/scss/grid/_layout.scss

@@ -1,9 +1 @@
-@import "~@progress/kendo-theme-default/scss/grid/_layout.scss";
-
-@include exports( "grid/layout/bootstrap" ) {
-
-    // Grouping header
-    .k-grouping-header .k-group-indicator {
-        @include border-radius( $kendo-border-radius-md );
-    }
-}
+@import "@progress/kendo-theme-default/scss/grid/_layout.scss";