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

package/scss/colorgradient/_layout.scss

@@ -1,236 +1,4 @@
-@use "sass:map";
-@use "sass:math";
-@use "../core/_index.scss" as *;
-@use "./variables.scss" as *;
-
-@mixin kendo-color-gradient--layout-base() {
-
-    // ColorGradient
-    .k-colorgradient {
-        @include border-radius( $kendo-color-gradient-border-radius );
-        width: $kendo-color-gradient-width;
-        padding-block: $kendo-color-gradient-padding-y;
-        padding-inline: $kendo-color-gradient-padding-x;
-        border-style: solid;
-        border-width: $kendo-color-gradient-border-width;
-        box-sizing: border-box;
-        outline: 0;
-        font-size: $kendo-color-gradient-font-size;
-        font-family: $kendo-color-gradient-font-family;
-        line-height: $kendo-color-gradient-line-height;
-        display: flex;
-        flex-direction: column;
-        align-items: stretch;
-        gap: $kendo-color-gradient-gap;
-        -webkit-touch-callout: none;
-        -webkit-tap-highlight-color: $kendo-color-rgba-transparent;
-
-        *,
-        *::before,
-        *::after {
-            box-sizing: border-box;
-        }
-    }
-
-    // Canvas
-    .k-colorgradient-canvas {
-        gap: $kendo-color-gradient-canvas-gap;
-
-        .k-hsv-rectangle {
-            @include border-radius( $kendo-color-gradient-canvas-border-radius );
-            position: relative;
-            flex: 1 1 auto;
-            user-select: none;
-        }
-
-        .k-hsv-gradient {
-            @include border-radius( $kendo-color-gradient-canvas-border-radius );
-            height: $kendo-color-gradient-canvas-rectangle-height;
-        }
-
-        .k-hsv-draghandle {
-            margin-top: $kendo-color-gradient-canvas-draghandle-margin-y;
-            margin-left: $kendo-color-gradient-canvas-draghandle-margin-x;
-            position: absolute;
-            top: 50%;
-            left: 50%;
-            z-index: 1;
-            cursor: pointer;
-        }
-
-        .k-hsv-controls {
-            position: relative;
-            flex-shrink: 0;
-            gap: $kendo-color-gradient-canvas-gap;
-        }
-    }
-
-    // DragHandle
-    .k-colorgradient .k-draghandle {
-        @include border-radius( $kendo-color-gradient-draghandle-border-radius );
-        width: $kendo-color-gradient-draghandle-width;
-        height: $kendo-color-gradient-draghandle-height;
-        border-width: $kendo-color-gradient-draghandle-border-width;
-        border-style: solid;
-        outline-width: $kendo-color-gradient-draghandle-outline-width;
-        outline-style: solid;
-        box-sizing: border-box;
-    }
-
-    // Sliders
-    .k-colorgradient-slider {
-        &.k-slider-vertical {
-            width: $kendo-color-gradient-slider-track-size;
-            height: $kendo-color-gradient-slider-vertical-size;
-            flex: 0 0 $kendo-color-gradient-slider-track-size;
-        }
-        &.k-slider-vertical .k-slider-track {
-            width: $kendo-color-gradient-slider-track-size;
-            border-radius: $kendo-color-gradient-slider-border-radius;
-            margin-left: - math.div( $kendo-color-gradient-slider-track-size, 2 );
-        }
-
-        &.k-slider-horizontal {
-            width: $kendo-color-gradient-slider-horizontal-size;
-            height: $kendo-color-gradient-slider-track-size;
-            flex: 0 0 $kendo-color-gradient-slider-track-size;
-        }
-        &.k-slider-horizontal .k-slider-track {
-            height: $kendo-color-gradient-slider-track-size;
-            border-radius: $kendo-color-gradient-slider-border-radius;
-            margin-top: - math.div( $kendo-color-gradient-slider-track-size, 2 );
-        }
-
-        &.k-alpha-slider .k-slider-track::before {
-            content: "";
-            width: 100%;
-            height: 100%;
-            display: block;
-            border-radius: 10px;
-            position: relative;
-            z-index: -1;
-        }
-
-        .k-slider-track-wrap {
-            z-index: 1;
-        }
-
-        .k-slider-selection {
-            display: none;
-        }
-
-        .k-draghandle {
-            border-width: $kendo-color-gradient-slider-draghandle-border-width;
-        }
-    }
-
-    // ColorGradient sizes
-    @each $size, $size-props in $kendo-color-gradient-sizes {
-        $_width: map.get( $size-props, width );
-        $_gap: map.get( $size-props, gap );
-        $_vertical-slider-height: map.get( $size-props, vertical-slider-height );
-        $_rectangle-height: map.get( $size-props, rectangle-height );
-        $_input-width: map.get( $size-props, input-width );
-        $_canvas-gap: map.get( $size-props, canvas-gap );
-        $_padding-x: map.get( $size-props, padding-x );
-        $_padding-y: map.get( $size-props, padding-y );
-
-        .k-colorgradient-#{$size} {
-            width: $_width;
-            gap: $_gap;
-            padding-block: $_padding-y;
-            padding-inline: $_padding-x;
-
-            .k-colorgradient-inputs {
-                .k-numerictextbox {
-                    width: $_input-width;
-                }
-            }
-
-            .k-colorgradient-canvas {
-                gap: $_canvas-gap;
-
-                .k-hsv-gradient {
-                    height: $_rectangle-height;
-                }
-
-                .k-slider-vertical {
-                    height: $_vertical-slider-height;
-                }
-
-                .k-hsv-controls {
-                    gap: $_canvas-gap;
-                }
-            }
-        }
-    }
-
-
-    // Inputs
-    .k-colorgradient-inputs {
-        gap: $kendo-color-gradient-input-gap;
-
-        .k-colorgradient-input-label {
-            text-transform: uppercase;
-        }
-
-        > .k-vstack {
-            gap: $kendo-color-gradient-input-label-gap;
-        }
-
-        .k-numerictextbox {
-            width: $kendo-color-gradient-input-width;
-        }
-
-        .k-input-inner {
-            padding-inline-start: 2px;
-            padding-inline-end: 2px;
-            text-align: center;
-            text-overflow: clip;
-        }
-    }
-
-    // Contrast
-    .k-colorgradient-color-contrast {
-
-        > div {
-            display: flex;
-            flex-flow: row nowrap;
-            gap: $kendo-color-gradient-contrast-spacer;
-        }
-
-        .k-contrast-ratio {
-            margin-bottom: $kendo-color-gradient-contrast-spacer;
-        }
-
-        .k-contrast-ratio-text {
-            font-weight: $kendo-color-gradient-contrast-ratio-font-weight;
-        }
-
-        .k-contrast-validation {
-            display: inline-flex;
-            align-items: center;
-            gap: calc( #{$kendo-color-gradient-contrast-spacer} / 2 );
-
-            .k-icon {
-                vertical-align: middle;
-            }
-
-            // Needed for the double check icons
-            .k-icon + .k-icon,
-            .k-icon-wrapper-host + .k-icon-wrapper-host .k-icon {
-                margin-inline-start: -13px;
-            }
-        }
-    }
-    .k-color-contrast-svg {
-        position: absolute;
-        top: 0;
-        left: 0;
-        overflow: visible;
-        pointer-events: none;
-    }
-}
+@use "@progress/kendo-theme-core/scss/components/colorgradient/_layout.scss" as *;
 
 
 @mixin kendo-color-gradient--layout() {

package/scss/colorgradient/_theme.scss

@@ -1,89 +1,4 @@
-@use "../core/_index.scss" as *;
-@use "./variables.scss" as *;
-
-@mixin kendo-color-gradient--theme-base() {
-
-    // ColorGradient
-    .k-colorgradient {
-        @include fill(
-            $kendo-color-gradient-text,
-            $kendo-color-gradient-bg,
-            $kendo-color-gradient-border
-        );
-    }
-
-    .k-colorgradient:focus,
-    .k-colorgradient.k-focus {
-        @include fill( $border: $kendo-color-gradient-focus-border );
-        @include focus-indicator( $kendo-color-gradient-focus-shadow );
-    }
-
-    // Canvas
-    .k-colorgradient-canvas .k-hsv-gradient {
-        background: linear-gradient( to bottom, $kendo-gradient-transparent-to-black ), linear-gradient( to right, $kendo-gradient-white-to-transparent );
-    }
-
-    // DragHandle
-    .k-colorgradient .k-draghandle {
-        @include fill(
-            $kendo-color-gradient-draghandle-text,
-            $kendo-color-gradient-draghandle-bg,
-            $kendo-color-gradient-draghandle-border
-        );
-        outline-color: $kendo-color-gradient-draghandle-focus-shadow;
-        @include box-shadow( $kendo-color-gradient-draghandle-shadow );
-
-        &:focus,
-        &.k-focus {
-            @include fill( $bg: transparent, $border: $kendo-color-white );
-            outline-color: $kendo-color-gradient-draghandle-focus-shadow;
-            @include focus-indicator( $kendo-color-gradient-draghandle-shadow );
-        }
-
-        &:hover,
-        &.k-hover,
-        &.k-active,
-        &:active {
-            @include fill( $bg: transparent, $border: $kendo-color-white );
-            outline-color: $kendo-color-gradient-draghandle-hover-shadow;
-        }
-    }
-
-    // Slider
-    .k-colorgradient-slider.k-hue-slider {
-        &.k-slider-horizontal .k-slider-track {
-            background: linear-gradient( to right, $kendo-gradient-rainbow );
-        }
-
-        &.k-slider-vertical .k-slider-track {
-            background: linear-gradient( to top, $kendo-gradient-rainbow );
-        }
-    }
-
-    .k-colorgradient-slider.k-alpha-slider .k-slider-track::before {
-        // TODO: extract variable
-        background: url(#{$kendo-color-gradient-slider-alpha-bgr}) center repeat;
-    }
-
-    // Inputs
-    .k-colorgradient-input-label {
-        @include fill( $color: $kendo-color-gradient-input-label-text );
-    }
-
-
-    // RTL
-    .k-rtl,
-    [dir="rtl"] {
-        .k-colorgradient {
-
-            .k-hue-slider.k-slider-horizontal .k-slider-track {
-                background: linear-gradient( to left, $kendo-gradient-rainbow );
-            }
-
-        }
-    }
-
-}
+@use "@progress/kendo-theme-core/scss/components/colorgradient/_theme.scss" as *;
 
 
 @mixin kendo-color-gradient--theme() {

package/scss/colorgradient/_variables.scss

@@ -253,3 +253,74 @@ $kendo-color-gradient-sizes: (
         padding-y: $kendo-color-gradient-lg-padding-y
     )
 ) !default;
+
+@forward "@progress/kendo-theme-core/scss/components/colorgradient/_variables.scss" with (
+    $kendo-color-gradient-spacer: $kendo-color-gradient-spacer,
+    $kendo-color-gradient-width: $kendo-color-gradient-width,
+    $kendo-color-gradient-border-width: $kendo-color-gradient-border-width,
+    $kendo-color-gradient-border-radius: $kendo-color-gradient-border-radius,
+    $kendo-color-gradient-padding-y: $kendo-color-gradient-padding-y,
+    $kendo-color-gradient-padding-x: $kendo-color-gradient-padding-x,
+    $kendo-color-gradient-gap: $kendo-color-gradient-gap,
+    $kendo-color-gradient-font-family: $kendo-color-gradient-font-family,
+    $kendo-color-gradient-font-size: $kendo-color-gradient-font-size,
+    $kendo-color-gradient-line-height: $kendo-color-gradient-line-height,
+    $kendo-color-gradient-text: $kendo-color-gradient-text,
+    $kendo-color-gradient-bg: $kendo-color-gradient-bg,
+    $kendo-color-gradient-border: $kendo-color-gradient-border,
+    $kendo-color-gradient-sm-width: $kendo-color-gradient-sm-width,
+    $kendo-color-gradient-md-width: $kendo-color-gradient-md-width,
+    $kendo-color-gradient-lg-width: $kendo-color-gradient-lg-width,
+    $kendo-color-gradient-sm-gap: $kendo-color-gradient-sm-gap,
+    $kendo-color-gradient-md-gap: $kendo-color-gradient-md-gap,
+    $kendo-color-gradient-lg-gap: $kendo-color-gradient-lg-gap,
+    $kendo-color-gradient-focus-border: $kendo-color-gradient-focus-border,
+    $kendo-color-gradient-focus-shadow: $kendo-color-gradient-focus-shadow,
+    $kendo-color-gradient-canvas-border-radius: $kendo-color-gradient-canvas-border-radius,
+    $kendo-color-gradient-canvas-gap: $kendo-color-gradient-canvas-gap,
+    $kendo-color-gradient-canvas-rectangle-height: $kendo-color-gradient-canvas-rectangle-height,
+    $kendo-color-gradient-sm-canvas-rectangle-height: $kendo-color-gradient-sm-canvas-rectangle-height,
+    $kendo-color-gradient-md-canvas-rectangle-height: $kendo-color-gradient-md-canvas-rectangle-height,
+    $kendo-color-gradient-lg-canvas-rectangle-height: $kendo-color-gradient-lg-canvas-rectangle-height,
+    $kendo-color-gradient-sm-canvas-gap: $kendo-color-gradient-sm-canvas-gap,
+    $kendo-color-gradient-md-canvas-gap: $kendo-color-gradient-md-canvas-gap,
+    $kendo-color-gradient-lg-canvas-gap: $kendo-color-gradient-lg-canvas-gap,
+    $kendo-color-gradient-sm-padding-x: $kendo-color-gradient-sm-padding-x,
+    $kendo-color-gradient-sm-padding-y: $kendo-color-gradient-sm-padding-y,
+    $kendo-color-gradient-md-padding-x: $kendo-color-gradient-md-padding-x,
+    $kendo-color-gradient-md-padding-y: $kendo-color-gradient-md-padding-y,
+    $kendo-color-gradient-lg-padding-x: $kendo-color-gradient-lg-padding-x,
+    $kendo-color-gradient-lg-padding-y: $kendo-color-gradient-lg-padding-y,
+    $kendo-color-gradient-slider-track-size: $kendo-color-gradient-slider-track-size,
+    $kendo-color-gradient-slider-border-radius: $kendo-color-gradient-slider-border-radius,
+    $kendo-color-gradient-slider-draghandle-border-width: $kendo-color-gradient-slider-draghandle-border-width,
+    $kendo-color-gradient-slider-vertical-size: $kendo-color-gradient-slider-vertical-size,
+    $kendo-color-gradient-slider-horizontal-size: $kendo-color-gradient-slider-horizontal-size,
+    $kendo-color-gradient-slider-alpha-bgr: $kendo-color-gradient-slider-alpha-bgr,
+    $kendo-color-gradient-sm-slider-vertical-size: $kendo-color-gradient-sm-slider-vertical-size,
+    $kendo-color-gradient-md-slider-vertical-size: $kendo-color-gradient-md-slider-vertical-size,
+    $kendo-color-gradient-lg-slider-vertical-size: $kendo-color-gradient-lg-slider-vertical-size,
+    $kendo-color-gradient-draghandle-width: $kendo-color-gradient-draghandle-width,
+    $kendo-color-gradient-draghandle-height: $kendo-color-gradient-draghandle-height,
+    $kendo-color-gradient-draghandle-border-width: $kendo-color-gradient-draghandle-border-width,
+    $kendo-color-gradient-draghandle-outline-width: $kendo-color-gradient-draghandle-outline-width,
+    $kendo-color-gradient-draghandle-border-radius: $kendo-color-gradient-draghandle-border-radius,
+    $kendo-color-gradient-draghandle-text: $kendo-color-gradient-draghandle-text,
+    $kendo-color-gradient-draghandle-bg: $kendo-color-gradient-draghandle-bg,
+    $kendo-color-gradient-draghandle-border: $kendo-color-gradient-draghandle-border,
+    $kendo-color-gradient-draghandle-focus-shadow: $kendo-color-gradient-draghandle-focus-shadow,
+    $kendo-color-gradient-draghandle-hover-shadow: $kendo-color-gradient-draghandle-hover-shadow,
+    $kendo-color-gradient-draghandle-shadow: $kendo-color-gradient-draghandle-shadow,
+    $kendo-color-gradient-canvas-draghandle-margin-y: $kendo-color-gradient-canvas-draghandle-margin-y,
+    $kendo-color-gradient-canvas-draghandle-margin-x: $kendo-color-gradient-canvas-draghandle-margin-x,
+    $kendo-color-gradient-input-width: $kendo-color-gradient-input-width,
+    $kendo-color-gradient-input-gap: $kendo-color-gradient-input-gap,
+    $kendo-color-gradient-input-label-gap: $kendo-color-gradient-input-label-gap,
+    $kendo-color-gradient-input-label-text: $kendo-color-gradient-input-label-text,
+    $kendo-color-gradient-sm-input-width: $kendo-color-gradient-sm-input-width,
+    $kendo-color-gradient-md-input-width: $kendo-color-gradient-md-input-width,
+    $kendo-color-gradient-lg-input-width: $kendo-color-gradient-lg-input-width,
+    $kendo-color-gradient-contrast-ratio-font-weight: $kendo-color-gradient-contrast-ratio-font-weight,
+    $kendo-color-gradient-contrast-spacer: $kendo-color-gradient-contrast-spacer,
+    $kendo-color-gradient-sizes: $kendo-color-gradient-sizes
+);

package/scss/colorpalette/_layout.scss

@@ -1,74 +1,4 @@
-@use "sass:map";
-@use "../core/_index.scss" as *;
-@use "./variables.scss" as *;
-
-@mixin kendo-color-palette--layout-base() {
-
-    // ColorPalette
-    .k-colorpalette {
-        border-width: 0;
-        box-sizing: border-box;
-        outline: 0;
-        font-size: $kendo-color-palette-font-size;
-        font-family: $kendo-color-palette-font-family;
-        line-height: $kendo-color-palette-line-height;
-        display: inline-flex;
-        position: relative;
-        -webkit-touch-callout: none;
-        -webkit-tap-highlight-color: $kendo-color-rgba-transparent;
-
-        *,
-        *::before,
-        *::after {
-            box-sizing: border-box;
-        }
-    }
-
-    // Table
-    .k-colorpalette-table {
-        width: 100%;
-        height: 100%;
-        border-collapse: collapse;
-        position: relative;
-    }
-
-    // Tile
-    .k-colorpalette-tile {
-        width: $kendo-color-palette-tile-width;
-        height: $kendo-color-palette-tile-height;
-        box-sizing: border-box;
-        overflow: hidden;
-        cursor: pointer;
-
-        &:hover,
-        &.k-hover {
-            position: relative;
-            z-index: 101;
-        }
-
-        &:focus,
-        &.k-focus,
-        &.k-selected,
-        &.k-selected:hover {
-            position: relative;
-            z-index: 100;
-        }
-    }
-
-    // ColorPalette sizes
-    @each $size, $size-props in $kendo-color-palette-sizes {
-        $_tile-width: map.get( $size-props, width );
-        $_tile-height: map.get( $size-props, height );
-
-        .k-colorpalette-#{$size} {
-            .k-colorpalette-tile {
-                width: $_tile-width;
-                height: $_tile-height;
-            }
-        }
-    }
-
-}
+@use "@progress/kendo-theme-core/scss/components/colorpalette/_layout.scss" as *;
 
 
 @mixin kendo-color-palette--layout() {

package/scss/colorpalette/_theme.scss

@@ -1,29 +1,4 @@
-@use "../core/_index.scss" as *;
-@use "./variables.scss" as *;
-
-@mixin kendo-color-palette--theme-base() {
-
-    // Tile
-    .k-colorpalette-tile {
-
-        &:focus,
-        &.k-focus {
-            @include focus-indicator( $kendo-color-palette-tile-focus-shadow );
-        }
-
-        &:hover,
-        &.k-hover {
-            @include box-shadow( $kendo-color-palette-tile-hover-shadow );
-        }
-
-        &.k-selected,
-        &.k-selected:hover {
-            @include box-shadow( $kendo-color-palette-tile-selected-shadow );
-        }
-
-    }
-
-}
+@use "@progress/kendo-theme-core/scss/components/colorpalette/_theme.scss" as *;
 
 
 @mixin kendo-color-palette--theme() {

package/scss/colorpalette/_variables.scss

@@ -63,3 +63,21 @@ $kendo-color-palette-sizes: (
         height: $kendo-color-palette-lg-tile-height
     )
 ) !default;
+
+@forward "@progress/kendo-theme-core/scss/components/colorpalette/_variables.scss" with (
+    $kendo-color-palette-font-family: $kendo-color-palette-font-family,
+    $kendo-color-palette-font-size: $kendo-color-palette-font-size,
+    $kendo-color-palette-line-height: $kendo-color-palette-line-height,
+    $kendo-color-palette-tile-width: $kendo-color-palette-tile-width,
+    $kendo-color-palette-tile-height: $kendo-color-palette-tile-height,
+    $kendo-color-palette-sm-tile-width: $kendo-color-palette-sm-tile-width,
+    $kendo-color-palette-sm-tile-height: $kendo-color-palette-sm-tile-height,
+    $kendo-color-palette-md-tile-width: $kendo-color-palette-md-tile-width,
+    $kendo-color-palette-md-tile-height: $kendo-color-palette-md-tile-height,
+    $kendo-color-palette-lg-tile-width: $kendo-color-palette-lg-tile-width,
+    $kendo-color-palette-lg-tile-height: $kendo-color-palette-lg-tile-height,
+    $kendo-color-palette-tile-focus-shadow: $kendo-color-palette-tile-focus-shadow,
+    $kendo-color-palette-tile-hover-shadow: $kendo-color-palette-tile-hover-shadow,
+    $kendo-color-palette-tile-selected-shadow: $kendo-color-palette-tile-selected-shadow,
+    $kendo-color-palette-sizes: $kendo-color-palette-sizes
+);

package/scss/colorpicker/_layout.scss

@@ -1,16 +1,4 @@
-@mixin kendo-color-picker--layout-base() {
-
-    // Color picker
-    .k-color-picker {
-        width: min-content;
-    }
-
-    // Alias
-    .k-colorpicker {
-        @extend .k-color-picker !optional;
-    }
-
-}
+@use "@progress/kendo-theme-core/scss/components/colorpicker/_layout.scss" as *;
 
 
 @mixin kendo-color-picker--layout() {

package/scss/colorpicker/_theme.scss

@@ -1,9 +1,5 @@
-@mixin kendo-color-picker--theme-base() {
+@use "@progress/kendo-theme-core/scss/components/colorpicker/_theme.scss" as *;
 
-    // Color picker
-    .k-color-picker {}
-
-}
 
 @mixin kendo-color-picker--theme() {
     @include kendo-color-picker--theme-base();

package/scss/combobox/_layout.scss

@@ -1,9 +1,4 @@
-@mixin kendo-combobox--layout-base() {
-
-    // Combobox
-    .k-combobox {}
-
-}
+@use "@progress/kendo-theme-core/scss/components/combobox/_layout.scss" as *;
 
 
 @mixin kendo-combobox--layout() {

package/scss/combobox/_theme.scss

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

package/scss/core/color-system/_swatch-legacy.scss

@@ -144,18 +144,79 @@ $kendo-theme-colors: (
     "inverse": $kendo-color-inverse,
 ) !default;
 
-:root {
-    --kendo-disabled-text: #{$kendo-disabled-text};
-    --kendo-disabled-bg: #{$kendo-disabled-bg};
-    --kendo-disabled-border: #{$kendo-disabled-border};
-    --kendo-disabled-opacity: #{$kendo-disabled-opacity};
-    --kendo-disabled-filter: #{$kendo-disabled-filter};
-
-    --kendo-hr-border: #{$kendo-component-border};
-
-    --kendo-marquee-text: #{$kendo-selected-text};
-    --kendo-marquee-bg: #{$kendo-selected-bg};
-    --kendo-marquee-border: #{$kendo-selected-border};
-
-    --kendo-text-selection-bg: #{$kendo-color-primary};
-}
+@forward "@progress/kendo-theme-core/scss/color-system/_swatch-legacy.scss" with (
+    $kendo-color-primary: $kendo-color-primary,
+    $kendo-color-primary-lighter: $kendo-color-primary-lighter,
+    $kendo-color-primary-darker: $kendo-color-primary-darker,
+    $kendo-color-primary-contrast: $kendo-color-primary-contrast,
+    $kendo-color-secondary: $kendo-color-secondary,
+    $kendo-color-secondary-lighter: $kendo-color-secondary-lighter,
+    $kendo-color-secondary-darker: $kendo-color-secondary-darker,
+    $kendo-color-secondary-contrast: $kendo-color-secondary-contrast,
+    $kendo-color-tertiary: $kendo-color-tertiary,
+    $kendo-color-tertiary-lighter: $kendo-color-tertiary-lighter,
+    $kendo-color-tertiary-darker: $kendo-color-tertiary-darker,
+    $kendo-color-tertiary-contrast: $kendo-color-tertiary-contrast,
+    $kendo-color-info: $kendo-color-info,
+    $kendo-color-info-lighter: $kendo-color-info-lighter,
+    $kendo-color-info-darker: $kendo-color-info-darker,
+    $kendo-color-success: $kendo-color-success,
+    $kendo-color-success-lighter: $kendo-color-success-lighter,
+    $kendo-color-success-darker: $kendo-color-success-darker,
+    $kendo-color-warning: $kendo-color-warning,
+    $kendo-color-warning-lighter: $kendo-color-warning-lighter,
+    $kendo-color-warning-darker: $kendo-color-warning-darker,
+    $kendo-color-error: $kendo-color-error,
+    $kendo-color-error-lighter: $kendo-color-error-lighter,
+    $kendo-color-error-darker: $kendo-color-error-darker,
+    $kendo-color-dark: $kendo-color-dark,
+    $kendo-color-light: $kendo-color-light,
+    $kendo-color-inverse: $kendo-color-inverse,
+    $kendo-body-bg: $kendo-body-bg,
+    $kendo-body-text: $kendo-body-text,
+    $kendo-app-bg: $kendo-app-bg,
+    $kendo-app-text: $kendo-app-text,
+    $kendo-app-border: $kendo-app-border,
+    $kendo-component-bg: $kendo-component-bg,
+    $kendo-component-text: $kendo-component-text,
+    $kendo-component-border: $kendo-component-border,
+    $kendo-base-bg: $kendo-base-bg,
+    $kendo-base-text: $kendo-base-text,
+    $kendo-base-border: $kendo-base-border,
+    $kendo-base-gradient: $kendo-base-gradient,
+    $kendo-hover-bg: $kendo-hover-bg,
+    $kendo-hover-text: $kendo-hover-text,
+    $kendo-hover-border: $kendo-hover-border,
+    $kendo-hover-gradient: $kendo-hover-gradient,
+    $kendo-selected-bg: $kendo-selected-bg,
+    $kendo-selected-text: $kendo-selected-text,
+    $kendo-selected-border: $kendo-selected-border,
+    $kendo-selected-gradient: $kendo-selected-gradient,
+    $kendo-selected-hover-bg: $kendo-selected-hover-bg,
+    $kendo-selected-hover-text: $kendo-selected-hover-text,
+    $kendo-selected-hover-border: $kendo-selected-hover-border,
+    $kendo-selected-hover-gradient: $kendo-selected-hover-gradient,
+    $kendo-component-header-bg: $kendo-component-header-bg,
+    $kendo-component-header-text: $kendo-component-header-text,
+    $kendo-component-header-border: $kendo-component-header-border,
+    $kendo-component-header-gradient: $kendo-component-header-gradient,
+    $kendo-focus-outline: $kendo-focus-outline,
+    $kendo-subtle-text: $kendo-subtle-text,
+    $kendo-link-text: $kendo-link-text,
+    $kendo-link-hover-text: $kendo-link-hover-text,
+    $kendo-invalid-bg: $kendo-invalid-bg,
+    $kendo-invalid-text: $kendo-invalid-text,
+    $kendo-invalid-border: $kendo-invalid-border,
+    $kendo-invalid-shadow: $kendo-invalid-shadow,
+    $kendo-valid-bg: $kendo-valid-bg,
+    $kendo-valid-text: $kendo-valid-text,
+    $kendo-valid-border: $kendo-valid-border,
+    $kendo-valid-shadow: $kendo-valid-shadow,
+    $kendo-disabled-bg: $kendo-disabled-bg,
+    $kendo-disabled-text: $kendo-disabled-text,
+    $kendo-disabled-border: $kendo-disabled-border,
+    $kendo-disabled-opacity: $kendo-disabled-opacity,
+    $kendo-disabled-filter: $kendo-disabled-filter,
+    $kendo-disabled-styling: $kendo-disabled-styling,
+    $kendo-theme-colors: $kendo-theme-colors
+);

package/scss/core/motion/index.import.scss

@@ -0,0 +1 @@
+@forward "@progress/kendo-theme-core/scss/motion/index.import.scss";