@progress/kendo-theme-material 4.42.1-dev.2 → 5.0.0-alpha.2

package/scss/color-preview/_theme.scss

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

package/scss/coloreditor/_layout.scss

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

package/scss/coloreditor/_theme.scss

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

package/scss/colorgradient/_layout.scss

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

package/scss/colorgradient/_theme.scss

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

package/scss/colorpalette/_layout.scss

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

package/scss/colorpalette/_theme.scss

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

package/scss/colorpicker/_layout.scss

@@ -1,43 +1 @@
-@import "../../modules/@progress/kendo-theme-default/scss/colorpicker/_layout.scss";
-
-@include exports( "colorpicker/layout/material" ) {
-
-    .k-colorpicker {
-
-        // Selected color
-        .k-selected-color {
-            margin: $button-padding-y;
-            padding: 0;
-            border-width: 1px;
-            border-style: solid;
-            width: ($button-line-height * 1em);
-            height: ($button-line-height * 1em);
-            overflow: visible;
-
-            .k-i-line {
-                width: 1em;
-                height: 1em;
-                border: 0;
-                font-size: 32px;
-                transform: translate(-50%, -50%);
-            }
-            .k-i-line::before {
-                content: "\e514";
-                display: inline;
-            }
-        }
-
-        .k-picker-wrap {
-            border-width: $input-border-width 0;
-            border-top-color: transparent !important; // sass-lint:disable-line no-important
-
-            // Disabled
-            .k-state-disabled > &,
-            &.k-state-disabled {
-                border-bottom-style: dashed;
-            }
-        }
-
-    }
-
-}
+@import "~@progress/kendo-theme-default/scss/colorpicker/_layout.scss";

package/scss/colorpicker/_theme.scss

@@ -1,38 +1 @@
-@import "../../modules/@progress/kendo-theme-default/scss/colorpicker/_theme.scss";
-
-@include exports( "colorpicker/theme/material" ) {
-
-    .k-colorpicker {
-        .k-picker-wrap {
-
-            .k-selected-color {
-                border-color: rgba( 0, 0, 0, .08 );
-            }
-
-            .k-select {
-                color: $colorpicker-select-text;
-            }
-
-            // Hover
-            &:hover,
-            &.k-state-hover {
-
-                .k-select {
-                    color: $colorpicker-select-hovered-text;
-                }
-            }
-
-            // Focused
-            &.k-state-focused,
-            .k-state-focused > & {
-
-                .k-select {
-                    color: $colorpicker-select-focused-text;
-                }
-            }
-
-        }
-
-    }
-
-}
+@import "~@progress/kendo-theme-default/scss/colorpicker/_theme.scss";

package/scss/colorpicker/_variables.scss

@@ -6,21 +6,21 @@ $colorpicker-line-height: $line-height !default;
 $colorpicker-select-border-width: 0px !default;
 
 $colorpicker-bg: null !default;
-$colorpicker-text: $input-text !default;
-$colorpicker-border: $input-border !default;
+$colorpicker-text: $kendo-input-text !default;
+$colorpicker-border: $kendo-input-border !default;
 $colorpicker-gradient: null !default;
 
 $colorpicker-hovered-bg: null !default;
 $colorpicker-hovered-text: null !default;
-$colorpicker-hovered-border: $input-hovered-border !default;
+$colorpicker-hovered-border: $kendo-input-hover-border !default;
 $colorpicker-hovered-gradient: null !default;
 
 $colorpicker-focused-bg: null !default;
 $colorpicker-focused-text: null !default;
-$colorpicker-focused-border: $input-focused-border !default;
+$colorpicker-focused-border: $kendo-input-focus-border !default;
 $colorpicker-focused-gradient: null !default;
 $colorpicker-focused-shadow: null !default;
 
 $colorpicker-select-text: $subtle-text !default;
-$colorpicker-select-hovered-text: $input-text !default;
-$colorpicker-select-focused-text: $input-text !default;
+$colorpicker-select-hovered-text: $kendo-input-text !default;
+$colorpicker-select-focused-text: $kendo-input-text !default;

package/scss/combobox/_layout.scss

@@ -1,17 +1 @@
-@import "../../modules/@progress/kendo-theme-default/scss/combobox/_layout.scss";
-
-@include exports( "combobox/layout/material" ) {
-
-    .k-combobox {
-        .k-dropdown-wrap {
-            border-width: $input-border-width 0;
-            border-top-color: transparent !important; // sass-lint:disable-line no-important
-
-            // Disabled
-            &.k-state-disabled {
-                border-bottom-style: dashed;
-            }
-        }
-    }
-
-}
+@import "~@progress/kendo-theme-default/scss/combobox/_layout.scss";

package/scss/combobox/_theme.scss

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

package/scss/combobox/_variables.scss

@@ -1,21 +1,21 @@
 // Comboboxes
-$combobox-select-padding-x: ($button-padding-y / 2) !default;
-$combobox-select-padding-y: $button-padding-y !default;
+$combobox-select-padding-x: ($kendo-button-padding-y / 2) !default;
+$combobox-select-padding-y: $kendo-button-padding-y !default;
 $combobox-select-width: null !default;
 $combobox-select-border-width: 0px !default;
 
-$combobox-bg: $input-bg !default;
-$combobox-text: $input-text !default;
-$combobox-border: $input-border !default;
+$combobox-bg: $kendo-input-bg !default;
+$combobox-text: $kendo-input-text !default;
+$combobox-border: $kendo-input-border !default;
 
-$combobox-hovered-bg: $input-hovered-bg !default;
-$combobox-hovered-text: $input-hovered-text !default;
-$combobox-hovered-border: $input-hovered-border !default;
+$combobox-hovered-bg: $kendo-input-hover-bg !default;
+$combobox-hovered-text: $kendo-input-hover-text !default;
+$combobox-hovered-border: $kendo-input-hover-border !default;
 
-$combobox-focused-bg: $input-focused-bg !default;
-$combobox-focused-text: $input-focused-text !default;
-$combobox-focused-border: $input-focused-border !default;
-$combobox-focused-shadow: $input-focused-shadow !default;
+$combobox-focused-bg: $kendo-input-focus-bg !default;
+$combobox-focused-text: $kendo-input-focus-text !default;
+$combobox-focused-border: $kendo-input-focus-border !default;
+$combobox-focused-shadow: $kendo-input-focus-shadow !default;
 
 $combobox-select-bg: null !default;
 $combobox-select-text: $subtle-text !default;
@@ -23,7 +23,7 @@ $combobox-select-border: null !default;
 $combobox-select-gradient: null !default;
 
 $combobox-select-hovered-bg: null !default;
-$combobox-select-hovered-text: $input-text !default;
+$combobox-select-hovered-text: $kendo-input-text !default;
 $combobox-select-hovered-border: null !default;
 $combobox-select-hovered-gradient: null !default;
 

package/scss/common/_animations.scss

@@ -1 +1 @@
-@import "../../modules/@progress/kendo-theme-default/scss/common/_animations.scss";
+@import "~@progress/kendo-theme-default/scss/common/_animations.scss";

package/scss/common/_base.scss

@@ -1 +1 @@
-@import "../../modules/@progress/kendo-theme-default/scss/common/_base.scss";
+@import "~@progress/kendo-theme-default/scss/common/_base.scss";

package/scss/common/_dragdrop.scss

@@ -1 +1 @@
-@import "../../modules/@progress/kendo-theme-default/scss/common/_dragdrop.scss";
+@import "~@progress/kendo-theme-default/scss/common/_dragdrop.scss";

package/scss/common/_loading.scss

@@ -1 +1 @@
-@import "../../modules/@progress/kendo-theme-default/scss/common/_loading.scss";
+@import "~@progress/kendo-theme-default/scss/common/_loading.scss";

package/scss/common/_resizing.scss

@@ -1 +1 @@
-@import "../../modules/@progress/kendo-theme-default/scss/common/_resizing.scss";
+@import "~@progress/kendo-theme-default/scss/common/_resizing.scss";

package/scss/common/_scrollbar.scss

@@ -1 +1 @@
-@import "../../modules/@progress/kendo-theme-default/scss/common/_scrollbar.scss";
+@import "~@progress/kendo-theme-default/scss/common/_scrollbar.scss";

package/scss/common/_selection.scss

@@ -1 +1 @@
-@import "../../modules/@progress/kendo-theme-default/scss/common/_selection.scss";
+@import "~@progress/kendo-theme-default/scss/common/_selection.scss";

package/scss/core/_asp-fallback.scss

@@ -1 +1 @@
-@import "../../modules/@progress/kendo-theme-default/scss/core/_asp-fallback.scss";
+@import "~@progress/kendo-theme-default/scss/core/_asp-fallback.scss";

package/scss/core/_extra.scss

@@ -1 +1 @@
-@import "../../modules/@progress/kendo-theme-default/scss/core/_extra.scss";
+@import "~@progress/kendo-theme-default/scss/core/_extra.scss";

package/scss/core/_layout.scss

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

package/scss/core/_normalize.scss

@@ -1 +1 @@
-@import "../../modules/@progress/kendo-theme-default/scss/core/_normalize.scss";
+@import "~@progress/kendo-theme-default/scss/core/_normalize.scss";

package/scss/core/functions/_index.scss

@@ -1 +1 @@
-@import "../../../modules/@progress/kendo-theme-default/scss/core/functions/_index.scss";
+@import "~@progress/kendo-theme-default/scss/core/functions/_index.scss";

package/scss/core/mixins/_index.scss

@@ -1 +1 @@
-@import "../../../modules/@progress/kendo-theme-default/scss/core/mixins/_index.scss";
+@import "~@progress/kendo-theme-default/scss/core/mixins/_index.scss";

package/scss/cursor/_layout.scss

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

package/scss/cursor/_theme.scss

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

package/scss/dataviz/_layout.scss

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

package/scss/dataviz/_theme.scss

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

package/scss/dataviz/_variables.scss

@@ -1,7 +1,7 @@
 // Chart
 /// The first base series color and its light and dark shades.
 /// @group charts
-$series-a: #3f51b5 !default;
+$series-a: get-base-hue( teal, 500 ) !default;
 $series-a-dark: mix(black, $series-a, 25%) !default;
 $series-a-darker: mix(black, $series-a, 50%) !default;
 $series-a-light: mix(white, $series-a, 25%) !default;
@@ -9,7 +9,7 @@ $series-a-lighter: mix(white, $series-a, 50%) !default;
 
 /// The second base series color and its light and dark shades.
 /// @group charts
-$series-b: #2196f3 !default;
+$series-b: get-base-hue( blue, 500 ) !default;
 $series-b-dark: mix(black, $series-b, 25%) !default;
 $series-b-darker: mix(black, $series-b, 50%) !default;
 $series-b-light: mix(white, $series-b, 25%) !default;
@@ -17,7 +17,7 @@ $series-b-lighter: mix(white, $series-b, 50%) !default;
 
 /// The third base series color and its light and dark shades.
 /// @group charts
-$series-c: #43a047 !default;
+$series-c: get-base-hue( purple, 500 ) !default;
 $series-c-dark: mix(black, $series-c, 25%) !default;
 $series-c-darker: mix(black, $series-c, 50%) !default;
 $series-c-light: mix(white, $series-c, 25%) !default;
@@ -25,7 +25,7 @@ $series-c-lighter: mix(white, $series-c, 50%) !default;
 
 /// The fourth base series color and its light and dark shades.
 /// @group charts
-$series-d: #ffc107 !default;
+$series-d: get-base-hue( red, 500 ) !default;
 $series-d-dark: mix(black, $series-d, 25%) !default;
 $series-d-darker: mix(black, $series-d, 50%) !default;
 $series-d-light: mix(white, $series-d, 25%) !default;
@@ -33,7 +33,7 @@ $series-d-lighter: mix(white, $series-d, 50%) !default;
 
 /// The fifth base series color and its light and dark shades.
 /// @group charts
-$series-e: #ff5722 !default;
+$series-e: get-base-hue( yellow, 500 ) !default;
 $series-e-dark: mix(black, $series-e, 25%) !default;
 $series-e-darker: mix(black, $series-e, 50%) !default;
 $series-e-light: mix(white, $series-e, 25%) !default;
@@ -41,7 +41,7 @@ $series-e-lighter: mix(white, $series-e, 50%) !default;
 
 /// The sixth base series color and its light and dark shades.
 /// @group charts
-$series-f: #e91e63 !default;
+$series-f: get-base-hue( green, 500 ) !default;
 $series-f-dark: mix(black, $series-f, 25%) !default;
 $series-f-darker: mix(black, $series-f, 50%) !default;
 $series-f-light: mix(white, $series-f, 25%) !default;

package/scss/dateinput/_layout.scss

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

package/scss/dateinput/_theme.scss

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

package/scss/dateinput/_variables.scss

@@ -0,0 +1 @@
+// Dateinput

package/{modules/@progress/kendo-theme-default/scss/combobox → scss/datepicker}/_index.scss

@@ -5,8 +5,8 @@
 @import "../common/_index.scss";
 @import "../input/_index.scss";
 @import "../floating-label/_index.scss";
-@import "../icons/_index.scss";
 @import "../popup/_index.scss";
+@import "../icons/_index.scss";
 
 
 // Component

package/scss/datepicker/_layout.scss

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

package/scss/datepicker/_theme.scss

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

package/scss/datepicker/_variables.scss

@@ -0,0 +1 @@
+// Datepicker

package/{modules/@progress/kendo-theme-default/scss/maskedtextbox → scss/daterangepicker}/_index.scss

@@ -5,6 +5,7 @@
 @import "../common/_index.scss";
 @import "../input/_index.scss";
 @import "../floating-label/_index.scss";
+@import "../popup/_index.scss";
 @import "../icons/_index.scss";
 
 

package/scss/daterangepicker/_layout.scss

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

package/scss/daterangepicker/_theme.scss

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

package/scss/daterangepicker/_variables.scss

@@ -0,0 +1 @@
+// Daterangepicker

package/scss/datetime/_layout.scss

@@ -1,43 +1,7 @@
-@import "../../modules/@progress/kendo-theme-default/scss/datetime/_layout.scss";
+@import "~@progress/kendo-theme-default/scss/datetime/_layout.scss";
 
 @include exports("datetime/layout/material") {
 
-    // Common
-    .k-datepicker,
-    .k-datetimepicker,
-    .k-timepicker {
-
-        // Wrapper
-        .k-picker-wrap {
-            border-width: $input-border-width 0;
-            border-top-color: transparent !important; // sass-lint:disable-line no-important
-
-            // Disabled state
-            .k-state-disabled > &,
-            &.k-state-disabled {
-                border-bottom-style: dashed;
-            }
-        }
-    }
-
-
-    // Dateinput
-    .k-dateinput {
-
-        // Wrapper
-        .k-dateinput-wrap {
-            border-width: $input-border-width 0;
-            border-top-color: transparent !important; // sass-lint:disable-line no-important
-
-
-            // Disabled state
-            .k-state-disabled > &,
-            &.k-state-disabled {
-                border-bottom-style: dashed;
-            }
-        }
-    }
-
     .k-timeselector,
     .k-datetime-wrap {
         .k-time-header {

package/scss/datetime/_theme.scss

@@ -1,10 +1,7 @@
-@import "../../modules/@progress/kendo-theme-default/scss/datetime/_theme.scss";
+@import "~@progress/kendo-theme-default/scss/datetime/_theme.scss";
 
 @include exports( "datetime/theme/material" ) {
 
-    // Timepicker
-    .k-timepicker {}
-
     .k-timeselector,
     .k-datetime-wrap {
         border-color: inherit;

package/scss/datetime/_variables.scss

@@ -24,18 +24,18 @@ $dateinput-text: $component-text !default;
 
 $datetime-width: calc( #{$calendar-cell-size * 8} + #{$infinite-calendar-view-padding-x * 2}) !default;
 
-$datetime-bg: $input-bg !default;
-$datetime-text: $input-text !default;
-$datetime-border: $input-border !default;
+$datetime-bg: $kendo-input-bg !default;
+$datetime-text: $kendo-input-text !default;
+$datetime-border: $kendo-input-border !default;
 
-$datetime-hovered-bg: $input-hovered-bg !default;
-$datetime-hovered-text: $input-hovered-text !default;
-$datetime-hovered-border: $input-hovered-border !default;
+$datetime-hovered-bg: $kendo-input-hover-bg !default;
+$datetime-hovered-text: $kendo-input-hover-text !default;
+$datetime-hovered-border: $kendo-input-hover-border !default;
 
-$datetime-focused-bg: $input-focused-bg !default;
-$datetime-focused-text: $input-focused-text !default;
-$datetime-focused-border: $input-focused-border !default;
-$datetime-focused-shadow: $input-focused-shadow !default;
+$datetime-focused-bg: $kendo-input-focus-bg !default;
+$datetime-focused-text: $kendo-input-focus-text !default;
+$datetime-focused-border: $kendo-input-focus-border !default;
+$datetime-focused-shadow: $kendo-input-focus-shadow !default;
 
 $datetime-select-bg: null !default;
 $datetime-select-text: $subtle-text !default;
@@ -43,7 +43,7 @@ $datetime-select-border: null !default;
 $datetime-select-gradient: null !default;
 
 $datetime-select-hovered-bg: null !default;
-$datetime-select-hovered-text: $input-text !default;
+$datetime-select-hovered-text: $kendo-input-text !default;
 $datetime-select-hovered-border: null !default;
 $datetime-select-hovered-gradient: null !default;
 

package/{modules/@progress/kendo-theme-default/scss/dropdownlist → scss/datetimepicker}/_index.scss

@@ -6,6 +6,7 @@
 @import "../input/_index.scss";
 @import "../floating-label/_index.scss";
 @import "../popup/_index.scss";
+@import "../icons/_index.scss";
 
 
 // Component

package/scss/datetimepicker/_layout.scss

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

package/scss/datetimepicker/_theme.scss

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

package/scss/datetimepicker/_variables.scss

@@ -0,0 +1 @@
+// Datetimepicker

package/scss/dialog/_layout.scss

@@ -1,4 +1,4 @@
-@import "../../modules/@progress/kendo-theme-default/scss/dialog/_layout.scss";
+@import "~@progress/kendo-theme-default/scss/dialog/_layout.scss";
 
 @include exports("dialog/layout/material") {
 
@@ -9,12 +9,4 @@
         padding-bottom: #{$window-inner-padding-y / 2};
     }
 
-    .k-dialog-buttongroup {
-
-        .k-button {
-            @include box-shadow( none );
-            min-width: 64px;
-        }
-    }
-
 }

package/scss/drawer/_layout.scss

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

package/scss/drawer/_theme.scss

@@ -1,4 +1,4 @@
-@import "../../modules/@progress/kendo-theme-default/scss/drawer/_theme.scss";
+@import "~@progress/kendo-theme-default/scss/drawer/_theme.scss";
 
 @include exports( "drawer/theme/material" ) {
     .k-drawer-item {

package/scss/dropdowngrid/_layout.scss

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

package/scss/dropdowngrid/_theme.scss

@@ -1,4 +1,4 @@
-@import "../../modules/@progress/kendo-theme-default/scss/dropdowngrid/_theme.scss";
+@import "~@progress/kendo-theme-default/scss/dropdowngrid/_theme.scss";
 
 @include exports("dropdowngrid/theme/material") {
 

package/scss/dropdownlist/_layout.scss

@@ -1,25 +1 @@
-@import "../../modules/@progress/kendo-theme-default/scss/dropdownlist/_layout.scss";
-
-@include exports("dropdownlist/layout/material") {
-
-    .k-dropdown {
-        .k-dropdown-wrap {
-            border-width: $input-border-width 0;
-            border-top-color: transparent !important; // sass-lint:disable-line no-important
-
-            // Disabled
-            .k-state-disabled > &,
-            &.k-state-disabled {
-                border-bottom-style: dashed;
-            }
-        }
-    }
-
-
-    // Native select
-    select.k-dropdown {
-        border-width: $input-border-width 0;
-        border-top-color: transparent !important; // sass-lint:disable-line no-important
-    }
-
-}
+@import "~@progress/kendo-theme-default/scss/dropdownlist/_layout.scss";

package/scss/dropdownlist/_theme.scss

@@ -1,32 +1 @@
-@import "../../modules/@progress/kendo-theme-default/scss/dropdownlist/_theme.scss";
-
-@include exports( "dropdownlist/theme/material" ) {
-
-    .k-dropdown {
-        .k-dropdown-wrap {
-
-            .k-select {
-                color: $dropdownlist-select-text;
-            }
-
-            // Hover
-            &:hover,
-            &.k-state-hover {
-
-                .k-select {
-                    color: $dropdownlist-select-hovered-text;
-                }
-            }
-
-            // Focused
-            &.k-state-focused,
-            .k-state-focused > & {
-
-                .k-select {
-                    color: $dropdownlist-select-focused-text;
-                }
-            }
-        }
-    }
-
-}
+@import "~@progress/kendo-theme-default/scss/dropdownlist/_theme.scss";