@progress/kendo-theme-classic 5.12.1-dev.0 → 5.12.1-dev.2

package/scss/index.scss

@@ -1,160 +1,159 @@
-@import "core/_index.scss";
-@import "common/_index.scss";
+@import "./core/_index.scss";
+@import "./common/_index.scss";
 
 
 // Typography and utils
-@import "typography/_index.scss";
-@import "utils/_index.scss";
-@import "cursor/_index.scss";
+@import "./typography/_index.scss";
+@import "./utils/_index.scss";
 
 
 // Generic content
-@import "styling/_index.scss";
-@import "icons/_index.scss";
-@import "messagebox/_index.scss";
+@import "./icons/_index.scss";
+@import "./messagebox/_index.scss";
 
 
 // Primitive components
-@import "list/_index.scss";
-@import "listgroup/_index.scss";
-@import "overlay/_index.scss";
-@import "popup/_index.scss";
-@import "ripple/_index.scss";
-@import "table/_index.scss";
-@import "virtual-scroller/_index.scss";
+@import "./draggable/_index.scss";
+@import "./list/_index.scss";
+@import "./listgroup/_index.scss";
+@import "./overlay/_index.scss";
+@import "./popup/_index.scss";
+@import "./ripple/_index.scss";
+@import "./table/_index.scss";
+@import "./virtual-scroller/_index.scss";
 
 
 // Indicators
-@import "avatar/_index.scss";
-@import "badge/_index.scss";
-@import "chip/_index.scss";
-@import "color-preview/_index.scss";
-@import "loader/_index.scss";
-// @import "loading/_index.scss";
-@import "skeleton/_index.scss";
+@import "./avatar/_index.scss";
+@import "./badge/_index.scss";
+@import "./chip/_index.scss";
+@import "./color-preview/_index.scss";
+@import "./loader/_index.scss";
+// @import "./loading/_index.scss";
+@import "./skeleton/_index.scss";
 
 
 // Form helpers
-@import "forms/_index.scss";
-@import "validator/_index.scss";
-@import "floating-label/_index.scss";
+@import "./forms/_index.scss";
+@import "./validator/_index.scss";
+@import "./floating-label/_index.scss";
 
 
 // Native forms
-@import "button/_index.scss";
-@import "split-button/_index.scss";
-@import "menu-button/_index.scss";
-@import "input/_index.scss";
-@import "textbox/_index.scss";
-@import "textarea/_index.scss";
-@import "checkbox/_index.scss";
-@import "listbox/_index.scss";
-@import "progressbar/_index.scss";
-@import "radio/_index.scss";
-@import "slider/_index.scss";
+@import "./button/_index.scss";
+@import "./split-button/_index.scss";
+@import "./menu-button/_index.scss";
+@import "./input/_index.scss";
+@import "./textbox/_index.scss";
+@import "./textarea/_index.scss";
+@import "./checkbox/_index.scss";
+@import "./listbox/_index.scss";
+@import "./progressbar/_index.scss";
+@import "./radio/_index.scss";
+@import "./slider/_index.scss";
 
 
 // Form requirements
-@import "calendar/_index.scss";
-@import "timeselector/_index.scss";
+@import "./calendar/_index.scss";
+@import "./timeselector/_index.scss";
 
 
 // Augmented forms
-@import "autocomplete/_index.scss";
-@import "captcha/_index.scss";
-@import "colorpalette/_index.scss";
-@import "colorgradient/_index.scss";
-@import "coloreditor/_index.scss";
-@import "colorpicker/_index.scss";
-@import "combobox/_index.scss";
-@import "dateinput/_index.scss";
-@import "datepicker/_index.scss";
-@import "timepicker/_index.scss";
-@import "datetimepicker/_index.scss";
-@import "daterangepicker/_index.scss";
-@import "dropdowngrid/_index.scss";
-@import "dropdownlist/_index.scss";
-@import "dropdowntree/_index.scss";
-@import "maskedtextbox/_index.scss";
-@import "multiselect/_index.scss";
-@import "numerictextbox/_index.scss";
-@import "rating/_index.scss";
-@import "searchbox/_index.scss";
-@import "switch/_index.scss";
-@import "upload/_index.scss";
-@import "dropzone/_index.scss";
+@import "./autocomplete/_index.scss";
+@import "./captcha/_index.scss";
+@import "./colorpalette/_index.scss";
+@import "./colorgradient/_index.scss";
+@import "./coloreditor/_index.scss";
+@import "./colorpicker/_index.scss";
+@import "./combobox/_index.scss";
+@import "./dateinput/_index.scss";
+@import "./datepicker/_index.scss";
+@import "./timepicker/_index.scss";
+@import "./datetimepicker/_index.scss";
+@import "./daterangepicker/_index.scss";
+@import "./dropdowngrid/_index.scss";
+@import "./dropdownlist/_index.scss";
+@import "./dropdowntree/_index.scss";
+@import "./maskedtextbox/_index.scss";
+@import "./multiselect/_index.scss";
+@import "./numerictextbox/_index.scss";
+@import "./rating/_index.scss";
+@import "./searchbox/_index.scss";
+@import "./switch/_index.scss";
+@import "./upload/_index.scss";
+@import "./dropzone/_index.scss";
 
 
 // Command interfaces
-@import "action-buttons/_index.scss";
-@import "appbar/_index.scss";
-@import "fab/_index.scss";
-@import "menu/_index.scss";
-@import "toolbar/_index.scss";
+@import "./action-buttons/_index.scss";
+@import "./appbar/_index.scss";
+@import "./fab/_index.scss";
+@import "./menu/_index.scss";
+@import "./toolbar/_index.scss";
 
 
 // Popups and modals
-@import "action-sheet/_index.scss";
-@import "dialog/_index.scss";
-@import "drawer/_index.scss";
-@import "notification/_index.scss";
-@import "popover/_index.scss";
-@import "responsivepanel/_index.scss";
-@import "tooltip/_index.scss";
-@import "window/_index.scss";
+@import "./action-sheet/_index.scss";
+@import "./dialog/_index.scss";
+@import "./drawer/_index.scss";
+@import "./notification/_index.scss";
+@import "./popover/_index.scss";
+@import "./responsivepanel/_index.scss";
+@import "./tooltip/_index.scss";
+@import "./window/_index.scss";
 
 
 // Navigation
-@import "bottom-navigation/_index.scss";
-@import "breadcrumb/_index.scss";
-@import "pager/_index.scss";
-@import "stepper/_index.scss";
-@import "tabstrip/_index.scss";
-@import "treeview/_index.scss";
-@import "wizard/_index.scss";
+@import "./bottom-navigation/_index.scss";
+@import "./breadcrumb/_index.scss";
+@import "./pager/_index.scss";
+@import "./stepper/_index.scss";
+@import "./tabstrip/_index.scss";
+@import "./treeview/_index.scss";
+@import "./wizard/_index.scss";
 
 
 // Layout & containers
-@import "card/_index.scss";
-@import "expansion-panel/_index.scss";
-@import "panelbar/_index.scss";
-@import "splitter/_index.scss";
-@import "tilelayout/_index.scss";
+@import "./card/_index.scss";
+@import "./expansion-panel/_index.scss";
+@import "./panelbar/_index.scss";
+@import "./splitter/_index.scss";
+@import "./tilelayout/_index.scss";
 
 
 // Data management
-@import "grid/_index.scss";
-@import "listview/_index.scss";
-@import "spreadsheet/_index.scss";
-@import "pivotgrid/_index.scss";
-@import "treelist/_index.scss";
-@import "filter/_index.scss";
-@import "filemanager/_index.scss";
-@import "taskboard/_index.scss";
+@import "./grid/_index.scss";
+@import "./listview/_index.scss";
+@import "./spreadsheet/_index.scss";
+@import "./pivotgrid/_index.scss";
+@import "./treelist/_index.scss";
+@import "./filter/_index.scss";
+@import "./filemanager/_index.scss";
+@import "./taskboard/_index.scss";
 
 
 // Editors
-@import "editor/_index.scss";
-@import "imageeditor/_index.scss";
+@import "./editor/_index.scss";
+@import "./imageeditor/_index.scss";
 
 
 // Scheduling
-@import "gantt/_index.scss";
-@import "scheduler/_index.scss";
+@import "./gantt/_index.scss";
+@import "./scheduler/_index.scss";
 
 
 // Misc
-@import "adaptive/_index.scss";
-@import "chat/_index.scss";
-@import "mediaplayer/_index.scss";
-@import "timeline/_index.scss";
-@import "pdf-viewer/_index.scss";
-@import "scroller/_index.scss";
-@import "scrollview/_index.scss";
+@import "./adaptive/_index.scss";
+@import "./chat/_index.scss";
+@import "./mediaplayer/_index.scss";
+@import "./timeline/_index.scss";
+@import "./pdf-viewer/_index.scss";
+@import "./scroller/_index.scss";
+@import "./scrollview/_index.scss";
 
 
 // Dataviz
-@import "dataviz/_index.scss";
-@import "map/_index.scss";
-@import "orgchart/_index.scss";
-@import "signature/_index.scss";
+@import "./dataviz/_index.scss";
+@import "./map/_index.scss";
+@import "./orgchart/_index.scss";
+@import "./signature/_index.scss";

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

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

package/scss/input/_theme.scss

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

package/scss/input/_variables.scss

@@ -14,10 +14,10 @@ $kendo-input-border-radius: null !default;
 
 /// Horizontal padding of input components.
 /// @group input
-$kendo-input-padding-x: k-map-get( $spacing, 2 ) !default;
+$kendo-input-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
 /// Vertical padding of input components.
 /// @group input
-$kendo-input-padding-y: k-map-get( $spacing, 1 ) !default;
+$kendo-input-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
 /// Font family of input components.
 /// @group input
 $kendo-input-font-family: $font-family !default;
@@ -28,18 +28,18 @@ $kendo-input-font-size: $font-size-md !default;
 /// @group input
 $kendo-input-line-height: $line-height-md !default;
 
-$kendo-input-padding-x-sm: k-map-get( $spacing, 2 ) !default;
-$kendo-input-padding-y-sm: k-map-get( $spacing, 1 ) - k-map-get( $spacing, thin ) !default;
+$kendo-input-padding-x-sm: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-input-padding-y-sm: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
 $kendo-input-font-size-sm: $font-size-md !default;
 $kendo-input-line-height-sm: $line-height-md !default;
 
-$kendo-input-padding-x-md: k-map-get( $spacing, 2 ) !default;
-$kendo-input-padding-y-md: k-map-get( $spacing, 1 ) !default;
+$kendo-input-padding-x-md: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-input-padding-y-md: k-map-get( $kendo-spacing, 1 ) !default;
 $kendo-input-font-size-md: $font-size-md !default;
 $kendo-input-line-height-md: $line-height-md !default;
 
-$kendo-input-padding-x-lg: k-map-get( $spacing, 3 ) !default;
-$kendo-input-padding-y-lg: k-map-get( $spacing, 2 ) !default;
+$kendo-input-padding-x-lg: k-map-get( $kendo-spacing, 3 ) !default;
+$kendo-input-padding-y-lg: k-map-get( $kendo-spacing, 2 ) !default;
 $kendo-input-font-size-lg: $font-size-lg !default;
 $kendo-input-line-height-lg: $line-height-lg !default;
 
@@ -49,7 +49,7 @@ $kendo-input-sizes: (
         padding-y: $kendo-input-padding-y-sm,
         font-size: $kendo-input-font-size-sm,
         line-height: $kendo-input-line-height-sm,
-        icon-size: calc( #{$icon-size} + #{$kendo-input-padding-y-sm * 2} ),
+        icon-size: calc( #{$kendo-icon-size} + #{$kendo-input-padding-y-sm * 2} ),
         button-padding-x: $kendo-input-padding-y-sm,
         button-padding-y: $kendo-input-padding-y-sm
     ),
@@ -58,7 +58,7 @@ $kendo-input-sizes: (
         padding-y: $kendo-input-padding-y-md,
         font-size: $kendo-input-font-size-md,
         line-height: $kendo-input-line-height-md,
-        icon-size: calc( #{$icon-size} + #{$kendo-input-padding-y-md * 2} ),
+        icon-size: calc( #{$kendo-icon-size} + #{$kendo-input-padding-y-md * 2} ),
         button-padding-x: $kendo-input-padding-y-md,
         button-padding-y: $kendo-input-padding-y-md
     ),
@@ -67,14 +67,14 @@ $kendo-input-sizes: (
         padding-y: $kendo-input-padding-y-lg,
         font-size: $kendo-input-font-size-lg,
         line-height: $kendo-input-line-height-lg,
-        icon-size: calc( #{$icon-size} + #{$kendo-input-padding-y-lg * 2} ),
+        icon-size: calc( #{$kendo-icon-size} + #{$kendo-input-padding-y-lg * 2} ),
         button-padding-x: $kendo-input-padding-y-lg,
         button-padding-y: $kendo-input-padding-y-lg
     )
 ) !default;
 
-$kendo-input-bg: $component-bg !default;
-$kendo-input-text: $component-text !default;
+$kendo-input-bg: $kendo-component-bg !default;
+$kendo-input-text: $kendo-component-text !default;
 $kendo-input-border: $kendo-button-border !default;
 $kendo-input-shadow: null !default;
 
@@ -178,7 +178,7 @@ $kendo-picker-flat-hover-focus-bg: null !default;
 $kendo-picker-flat-hover-focus-text: null !default;
 $kendo-picker-flat-hover-focus-border: null !default;
 
-$kendo-input-placeholder-text: $subtle-text !default;
+$kendo-input-placeholder-text: $kendo-subtle-text !default;
 $kendo-input-placeholder-opacity: 1 !default;
 
 $kendo-input-selected-bg: null !default;
@@ -189,7 +189,7 @@ $kendo-input-clear-value-opacity: .5 !default;
 $kendo-input-clear-value-hover-text: null !default;
 $kendo-input-clear-value-hover-opacity: 1 !default;
 
-$kendo-input-values-margin-y: k-map-get( $spacing, thin ) !default;
+$kendo-input-values-margin-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
 $kendo-input-values-margin-x: $kendo-input-values-margin-y !default;
 
 
@@ -206,5 +206,5 @@ $kendo-input-separator-opacity: .5 !default;
 
 
 // Invalid
-$kendo-input-invalid-border: $invalid-border !default;
-$kendo-input-invalid-shadow: $invalid-shadow !default;
+$kendo-input-invalid-border: $kendo-invalid-border !default;
+$kendo-input-invalid-shadow: $kendo-invalid-shadow !default;

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

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

package/scss/list/_theme.scss

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

package/scss/list/_variables.scss

@@ -17,18 +17,18 @@ $kendo-list-line-height-lg: $line-height-lg !default;
 /// Horizontal padding of list header, if no size is set.
 /// @group list
 $kendo-list-header-padding-x: null !default;
-$kendo-list-header-padding-x-base: k-map-get( $spacing, 2 ) !default;
-$kendo-list-header-padding-x-sm: k-map-get( $spacing, 2 ) !default;
-$kendo-list-header-padding-x-md: k-map-get( $spacing, 2 ) !default;
-$kendo-list-header-padding-x-lg: k-map-get( $spacing, 2 ) !default;
+$kendo-list-header-padding-x-base: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-list-header-padding-x-sm: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-list-header-padding-x-md: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-list-header-padding-x-lg: k-map-get( $kendo-spacing, 2 ) !default;
 
 /// Vertical padding of list header, if no size is set.
 /// @group list
 $kendo-list-header-padding-y: null !default;
-$kendo-list-header-padding-y-base: k-map-get( $spacing, 1 ) !default;
-$kendo-list-header-padding-y-sm: k-map-get( $spacing, 1 ) - k-map-get( $spacing, thin ) !default;
-$kendo-list-header-padding-y-md: k-map-get( $spacing, 1 ) !default;
-$kendo-list-header-padding-y-lg: k-map-get( $spacing, 1 ) + k-map-get( $spacing, thin ) !default;
+$kendo-list-header-padding-y-base: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-list-header-padding-y-sm: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-list-header-padding-y-md: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-list-header-padding-y-lg: k-map-get( $kendo-spacing, 1.5 ) !default;
 
 /// Border width of list header.
 /// @group list
@@ -55,18 +55,18 @@ $kendo-list-header-font-weight: null !default;
 /// Horizontal padding of list items, when no size is set.
 /// @group list
 $kendo-list-item-padding-x: null !default;
-$kendo-list-item-padding-x-base: k-map-get( $spacing, 2 ) !default;
-$kendo-list-item-padding-x-sm: k-map-get( $spacing, 2 ) !default;
-$kendo-list-item-padding-x-md: k-map-get( $spacing, 2 ) !default;
-$kendo-list-item-padding-x-lg: k-map-get( $spacing, 3 ) !default;
+$kendo-list-item-padding-x-base: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-list-item-padding-x-sm: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-list-item-padding-x-md: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-list-item-padding-x-lg: k-map-get( $kendo-spacing, 3 ) !default;
 
 /// Vertical padding of list items, when no size is set.
 /// @group list
 $kendo-list-item-padding-y: null !default;
-$kendo-list-item-padding-y-base: k-map-get( $spacing, 1 ) !default;
-$kendo-list-item-padding-y-sm: k-map-get( $spacing, 1 ) - k-map-get( $spacing, thin ) !default;
-$kendo-list-item-padding-y-md: k-map-get( $spacing, 1 ) !default;
-$kendo-list-item-padding-y-lg: k-map-get( $spacing, 2 ) !default;
+$kendo-list-item-padding-y-base: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-list-item-padding-y-sm: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-list-item-padding-y-md: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-list-item-padding-y-lg: k-map-get( $kendo-spacing, 2 ) !default;
 
 /// Font size of list items, if no size is set.
 /// @group list
@@ -85,18 +85,18 @@ $kendo-list-item-line-height-lg: null !default;
 /// Horizontal padding of list group items, when no size is set.
 /// @group list
 $kendo-list-group-item-padding-x: null !default;
-$kendo-list-group-item-padding-x-base: k-map-get( $spacing, 2 ) !default;
-$kendo-list-group-item-padding-x-sm: k-map-get( $spacing, 2 ) !default;
-$kendo-list-group-item-padding-x-md: k-map-get( $spacing, 2 ) !default;
-$kendo-list-group-item-padding-x-lg: k-map-get( $spacing, 2 ) !default;
+$kendo-list-group-item-padding-x-base: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-list-group-item-padding-x-sm: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-list-group-item-padding-x-md: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-list-group-item-padding-x-lg: k-map-get( $kendo-spacing, 2 ) !default;
 
 /// Vertical padding of list group items, when no size is set.
 /// @group list
 $kendo-list-group-item-padding-y: null !default;
-$kendo-list-group-item-padding-y-base: k-map-get( $spacing, 1 ) !default;
-$kendo-list-group-item-padding-y-sm: k-map-get( $spacing, 1 ) - k-map-get( $spacing, thin ) !default;
-$kendo-list-group-item-padding-y-md: k-map-get( $spacing, 1 ) !default;
-$kendo-list-group-item-padding-y-lg: k-map-get( $spacing, 1 ) + k-map-get( $spacing, thin ) !default;
+$kendo-list-group-item-padding-y-base: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-list-group-item-padding-y-sm: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-list-group-item-padding-y-md: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-list-group-item-padding-y-lg: k-map-get( $kendo-spacing, 1.5 ) !default;
 
 /// Border width of list group items.
 /// @group list
@@ -176,13 +176,13 @@ $kendo-list-sizes: (
 
 /// Background color of the list component.
 /// @group list
-$kendo-list-bg: $component-bg !default;
+$kendo-list-bg: $kendo-component-bg !default;
 /// Text color of the list component.
 /// @group list
-$kendo-list-text: $component-text !default;
+$kendo-list-text: $kendo-component-text !default;
 /// Border color of the list component.
 /// @group list
-$kendo-list-border: $component-border !default;
+$kendo-list-border: $kendo-component-border !default;
 
 
 /// Background color of list header.
@@ -208,10 +208,10 @@ $kendo-list-item-text: null !default;
 
 /// Background color of hovered list items.
 /// @group list
-$kendo-list-item-hover-bg: $hovered-bg !default;
+$kendo-list-item-hover-bg: $kendo-hover-bg !default;
 /// Text color of hovered list items.
 /// @group list
-$kendo-list-item-hover-text: $hovered-text !default;
+$kendo-list-item-hover-text: $kendo-hover-text !default;
 
 /// Background color of focused list items.
 /// @group list
@@ -225,10 +225,10 @@ $kendo-list-item-focus-shadow: inset 0 0 0 2px rgba( black, .12 ) !default;
 
 /// Background color of selected list items.
 /// @group list
-$kendo-list-item-selected-bg: $selected-bg !default;
+$kendo-list-item-selected-bg: $kendo-selected-bg !default;
 /// Text color of selected list items.
 /// @group list
-$kendo-list-item-selected-text: $selected-text !default;
+$kendo-list-item-selected-text: $kendo-selected-text !default;
 
 /// Background color of list group items.
 /// @group list
@@ -245,4 +245,4 @@ $kendo-list-group-item-shadow: null !default;
 
 /// Text color of the 'No Data' text.
 /// @group list
-$kendo-list-no-data-text: $subtle-text !default;
+$kendo-list-no-data-text: $kendo-subtle-text !default;

package/scss/listbox/_index.scss

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

package/scss/listbox/_layout.scss

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

package/scss/listbox/_theme.scss

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

package/scss/listbox/_variables.scss

@@ -1,20 +1,49 @@
 // Listbox
-$listbox-margin: $padding-x !default;
-$listbox-button-margin: $padding-x !default;
-$listbox-width: 10em !default;
-$listbox-default-height: 200px !default;
 
-$listbox-border-width: 1px !default;
-$listbox-font-family: $font-family !default;
-$listbox-font-size: $font-size !default;
-$listbox-line-height: $line-height !default;
+/// Margin between the listbox elements.
+/// @group listbox
+$kendo-listbox-spacing: k-map-get( $kendo-spacing, 2 ) !default;
+/// Margin between the listbox buttons.
+/// @group listbox
+$kendo-listbox-button-spacing: k-map-get( $kendo-spacing, 2 ) !default;
+/// Width of the listbox.
+/// @group listbox
+$kendo-listbox-width: 10em !default;
+/// Height of the listbox.
+/// @group listbox
+$kendo-listbox-default-height: 200px !default;
+/// Width of the border around the listbox.
+/// @group listbox
+$kendo-listbox-border-width: 1px !default;
+/// Font family of the listbox.
+/// @group listbox
+$kendo-listbox-font-family: $font-family !default;
+/// Font size of the listbox.
+/// @group listbox
+$kendo-listbox-font-size: $font-size !default;
+/// Line height of the listbox.
+/// @group listbox
+$kendo-listbox-line-height: $line-height !default;
+/// Background color of the listbox.
+/// @group listbox
+$kendo-listbox-bg: $kendo-component-bg !default;
+/// Text color of the listbox.
+/// @group listbox
+$kendo-listbox-text: $kendo-component-text !default;
+/// Border color of the listbox.
+/// @group listbox
+$kendo-listbox-border: $kendo-component-border !default;
 
-$listbox-bg: $component-bg !default;
-$listbox-text: $component-text !default;
-$listbox-border: $component-border !default;
+/// Inline item padding of the listbox.
+/// @group listbox
+$kendo-listbox-item-padding-x: null !default;
+/// Block item padding of the listbox.
+/// @group listbox
+$kendo-listbox-item-padding-y: null !default;
 
-$listbox-item-padding-x: null !default;
-$listbox-item-padding-y: null !default;
-
-$listbox-drop-hint-border-width: null !default;
-$listbox-drop-hint-width: 1px !default;
+/// Width of the border around the drop hint.
+/// @group listbox
+$kendo-listbox-drop-hint-border-width: null !default;
+/// Width of the drop hint.
+/// @group listbox
+$kendo-listbox-drop-hint-width: 1px !default;

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

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

package/scss/listgroup/_theme.scss

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