@progress/kendo-theme-default 9.1.0-dev.4 → 9.1.0-dev.6

package/dist/meta/variables.json

@@ -2152,7 +2152,7 @@
     },
     "kendo-components": {
         "type": "List",
-        "value": "\"utils\", \"utils-accessibility-screen-readers\", \"utils-background-clip\", \"utils-background-color\", \"utils-background-position\", \"utils-background-size\", \"utils-border-color\", \"utils-border-radius\", \"utils-border-style\", \"utils-border-width\", \"utils-outline-color\", \"utils-outline-offset\", \"utils-outline-style\", \"utils-outline-width\", \"utils-effects-opacity\", \"utils-elevation\", \"utils-filter-backdrop\", \"utils-flex-grid-align-content\", \"utils-flex-grid-align-items\", \"utils-flex-grid-align-self\", \"utils-flex-grid-flex-basis\", \"utils-flex-grid-flex-direction\", \"utils-flex-grid-flex-grow\", \"utils-flex-grid-flex-shrink\", \"utils-flex-grid-flex-wrap\", \"utils-flex-grid-flex\", \"utils-flex-grid-gap\", \"utils-flex-grid-grid-auto-columns\", \"utils-flex-grid-grid-auto-flow\", \"utils-flex-grid-grid-auto-rows\", \"utils-flex-grid-grid-column-start-end\", \"utils-flex-grid-grid-row-start-end\", \"utils-flex-grid-grid-template-columns\", \"utils-flex-grid-grid-template-rows\", \"utils-flex-grid-justify-content\", \"utils-flex-grid-justify-items\", \"utils-flex-grid-justify-self\", \"utils-flex-grid-order\", \"utils-flex-grid-place-content\", \"utils-flex-grid-place-items\", \"utils-flex-grid-place-self\", \"utils-interactivity-accent-color\", \"utils-interactivity-appearance\", \"utils-interactivity-caret-color\", \"utils-interactivity-cursor\", \"utils-interactivity-pointer-events\", \"utils-interactivity-resize\", \"utils-interactivity-scroll\", \"utils-interactivity-touch-action\", \"utils-interactivity-user-select\", \"utils-interactivity-will-change\", \"utils-layout-aspect-ratio\", \"utils-layout-box-sizing\", \"utils-layout-clear\", \"utils-layout-columns\", \"utils-layout-display\", \"utils-layout-float\", \"utils-layout-object-fit\", \"utils-layout-object-position\", \"utils-layout-overflow\", \"utils-layout-placement\", \"utils-layout-position\", \"utils-layout-visibility\", \"utils-layout-zindex\", \"utils-sizing-height\", \"utils-sizing-width\", \"utils-spacing-margin\", \"utils-spacing-padding\", \"utils-spacing-space-between\", \"utils-svg-fill\", \"utils-svg-stroke\", \"utils-table-border-collapse\", \"utils-table-table-layout\", \"utils-transform-flip\", \"utils-transform-origin\", \"utils-transform-rotate\", \"utils-transform-scale\", \"utils-transform-skew\", \"utils-transform-translate\", \"utils-typography-font-family\", \"utils-typography-font-size\", \"utils-typography-font-style\", \"utils-typography-font-weight\", \"utils-typography-letter-spacing\", \"utils-typography-line-height\", \"utils-typography-list-style\", \"utils-typography-text-align\", \"utils-typography-text-color\", \"utils-typography-text-decoration\", \"utils-typography-text-overflow\", \"utils-typography-text-transform\", \"utils-typography-vertical-align\", \"utils-typography-white-space\", \"typography\", \"draggable\", \"table\", \"icon\", \"chip\", \"messagebox\", \"input\", \"list\", \"listgroup\", \"overlay\", \"ripple\", \"virtual-scroller\", \"avatar\", \"badge\", \"color-preview\", \"loader\", \"skeleton\", \"tooltip\", \"time-marker\", \"button\", \"split-button\", \"menu-button\", \"textbox\", \"textarea\", \"checkbox\", \"listbox\", \"progressbar\", \"radio\", \"slider\", \"form\", \"validator\", \"floating-label\", \"calendar\", \"popup\", \"time-selector\", \"autocomplete\", \"captcha\", \"color-palette\", \"color-gradient\", \"color-editor\", \"color-picker\", \"combobox\", \"date-input\", \"date-picker\", \"time-picker\", \"date-time-picker\", \"date-range-picker\", \"dropdown-grid\", \"dropdown-list\", \"dropdown-tree\", \"masked-textbox\", \"multiselect\", \"numeric-textbox\", \"rating\", \"searchbox\", \"switch\", \"upload\", \"dropzone\", \"action-buttons\", \"appbar\", \"fab\", \"menu\", \"toolbar\", \"action-sheet\", \"dialog\", \"drawer\", \"notification\", \"popover\", \"responsive-panel\", \"window\", \"bottom-navigation\", \"breadcrumb\", \"pager\", \"stepper\", \"tabstrip\", \"treeview\", \"wizard\", \"card\", \"expander\", \"panel\", \"panelbar\", \"splitter\", \"tile-layout\", \"dock-manager\", \"chart-wizard\", \"grid\", \"listview\", \"spreadsheet\", \"pivotgrid\", \"treelist\", \"filter\", \"file-manager\", \"task-board\", \"editor\", \"image-editor\", \"gantt\", \"scheduler\", \"adaptive\", \"chat\", \"media-player\", \"timeline\", \"pdf-viewer\", \"scroller\", \"scrollview\", \"prompt\", \"dataviz\", \"map\", \"orgchart\", \"signature\""
+        "value": "\"utils\", \"utils-accessibility-screen-readers\", \"utils-background-clip\", \"utils-background-color\", \"utils-background-position\", \"utils-background-size\", \"utils-border-color\", \"utils-border-radius\", \"utils-border-style\", \"utils-border-width\", \"utils-outline-color\", \"utils-outline-offset\", \"utils-outline-style\", \"utils-outline-width\", \"utils-effects-opacity\", \"utils-elevation\", \"utils-filter-backdrop\", \"utils-flex-grid-align-content\", \"utils-flex-grid-align-items\", \"utils-flex-grid-align-self\", \"utils-flex-grid-flex-basis\", \"utils-flex-grid-flex-direction\", \"utils-flex-grid-flex-grow\", \"utils-flex-grid-flex-shrink\", \"utils-flex-grid-flex-wrap\", \"utils-flex-grid-flex\", \"utils-flex-grid-gap\", \"utils-flex-grid-grid-auto-columns\", \"utils-flex-grid-grid-auto-flow\", \"utils-flex-grid-grid-auto-rows\", \"utils-flex-grid-grid-column-start-end\", \"utils-flex-grid-grid-row-start-end\", \"utils-flex-grid-grid-template-columns\", \"utils-flex-grid-grid-template-rows\", \"utils-flex-grid-justify-content\", \"utils-flex-grid-justify-items\", \"utils-flex-grid-justify-self\", \"utils-flex-grid-order\", \"utils-flex-grid-place-content\", \"utils-flex-grid-place-items\", \"utils-flex-grid-place-self\", \"utils-interactivity-accent-color\", \"utils-interactivity-appearance\", \"utils-interactivity-caret-color\", \"utils-interactivity-cursor\", \"utils-interactivity-pointer-events\", \"utils-interactivity-resize\", \"utils-interactivity-scroll\", \"utils-interactivity-touch-action\", \"utils-interactivity-user-select\", \"utils-interactivity-will-change\", \"utils-layout-aspect-ratio\", \"utils-layout-box-sizing\", \"utils-layout-clear\", \"utils-layout-columns\", \"utils-layout-display\", \"utils-layout-float\", \"utils-layout-object-fit\", \"utils-layout-object-position\", \"utils-layout-overflow\", \"utils-layout-placement\", \"utils-layout-position\", \"utils-layout-visibility\", \"utils-layout-zindex\", \"utils-sizing-height\", \"utils-sizing-width\", \"utils-spacing-margin\", \"utils-spacing-padding\", \"utils-spacing-space-between\", \"utils-svg-fill\", \"utils-svg-stroke\", \"utils-table-border-collapse\", \"utils-table-table-layout\", \"utils-transform-flip\", \"utils-transform-origin\", \"utils-transform-rotate\", \"utils-transform-scale\", \"utils-transform-skew\", \"utils-transform-translate\", \"utils-typography-font-family\", \"utils-typography-font-size\", \"utils-typography-font-style\", \"utils-typography-font-weight\", \"utils-typography-letter-spacing\", \"utils-typography-line-height\", \"utils-typography-list-style\", \"utils-typography-text-align\", \"utils-typography-text-color\", \"utils-typography-text-decoration\", \"utils-typography-text-overflow\", \"utils-typography-text-transform\", \"utils-typography-vertical-align\", \"utils-typography-white-space\", \"typography\", \"draggable\", \"table\", \"icon\", \"chip\", \"messagebox\", \"input\", \"list\", \"listgroup\", \"overlay\", \"ripple\", \"virtual-scroller\", \"no-data\", \"avatar\", \"badge\", \"color-preview\", \"loader\", \"skeleton\", \"tooltip\", \"time-marker\", \"button\", \"split-button\", \"menu-button\", \"textbox\", \"textarea\", \"checkbox\", \"listbox\", \"progressbar\", \"radio\", \"slider\", \"form\", \"validator\", \"floating-label\", \"calendar\", \"popup\", \"time-selector\", \"autocomplete\", \"captcha\", \"color-palette\", \"color-gradient\", \"color-editor\", \"color-picker\", \"combobox\", \"date-input\", \"date-picker\", \"time-picker\", \"date-time-picker\", \"date-range-picker\", \"dropdown-grid\", \"dropdown-list\", \"dropdown-tree\", \"masked-textbox\", \"multiselect\", \"numeric-textbox\", \"rating\", \"searchbox\", \"switch\", \"upload\", \"dropzone\", \"action-buttons\", \"appbar\", \"fab\", \"menu\", \"toolbar\", \"action-sheet\", \"dialog\", \"drawer\", \"notification\", \"popover\", \"responsive-panel\", \"window\", \"bottom-navigation\", \"breadcrumb\", \"pager\", \"stepper\", \"tabstrip\", \"treeview\", \"wizard\", \"card\", \"expander\", \"panel\", \"panelbar\", \"splitter\", \"tile-layout\", \"dock-manager\", \"chart-wizard\", \"grid\", \"listview\", \"spreadsheet\", \"pivotgrid\", \"treelist\", \"filter\", \"file-manager\", \"task-board\", \"editor\", \"image-editor\", \"gantt\", \"scheduler\", \"adaptive\", \"chat\", \"media-player\", \"timeline\", \"pdf-viewer\", \"scroller\", \"scrollview\", \"prompt\", \"dataviz\", \"map\", \"orgchart\", \"signature\""
     },
     "kendo-prefix": {
         "type": "String",
@@ -4668,10 +4668,6 @@
         "type": "Null",
         "value": "null"
     },
-    "kendo-list-no-data-text": {
-        "type": "String",
-        "value": "var(--kendo-color-subtle, #666666)"
-    },
     "kendo-list-option-label-text": {
         "type": "String",
         "value": "var(--kendo-color-subtle, #666666)"
@@ -4885,6 +4881,14 @@
         "type": "Number",
         "value": "0.25"
     },
+    "kendo-no-data-min-height": {
+        "type": "Number",
+        "value": "140px"
+    },
+    "kendo-no-data-text": {
+        "type": "String",
+        "value": "var(--kendo-color-subtle, #666666)"
+    },
     "kendo-listgroup-border-width": {
         "type": "Number",
         "value": "1px"
@@ -6590,6 +6594,46 @@
         "type": "Null",
         "value": "null"
     },
+    "kendo-toolbar-outline-text": {
+        "type": "String",
+        "value": "var(--kendo-color-on-base, #3d3d3d)"
+    },
+    "kendo-toolbar-outline-border": {
+        "type": "String",
+        "value": "color-mix(in srgb, var(--kendo-color-on-base, #3d3d3d) 50%, transparent)"
+    },
+    "kendo-toolbar-outline-gradient": {
+        "type": "Null",
+        "value": "null"
+    },
+    "kendo-toolbar-outline-shadow": {
+        "type": "Null",
+        "value": "null"
+    },
+    "kendo-toolbar-outline-border-width": {
+        "type": "Number",
+        "value": "1px"
+    },
+    "kendo-toolbar-flat-text": {
+        "type": "Null",
+        "value": "null"
+    },
+    "kendo-toolbar-flat-border": {
+        "type": "String",
+        "value": "var(--kendo-color-border, rgba(0, 0, 0, 0.08))"
+    },
+    "kendo-toolbar-flat-gradient": {
+        "type": "Null",
+        "value": "null"
+    },
+    "kendo-toolbar-flat-shadow": {
+        "type": "Null",
+        "value": "null"
+    },
+    "kendo-toolbar-flat-border-width": {
+        "type": "Number",
+        "value": "1px"
+    },
     "kendo-toolbar-separator-border": {
         "type": "String",
         "value": "inherit"
@@ -6602,10 +6646,6 @@
         "type": "List",
         "value": "0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 8%, transparent)"
     },
-    "kendo-toolbar-flat-border-width": {
-        "type": "Number",
-        "value": "1px"
-    },
     "kendo-toolbar-sizes": {
         "type": "Map",
         "value": "(sm: (padding-x: var(--kendo-spacing-1, 0.25rem), padding-y: var(--kendo-spacing-1, 0.25rem), spacing: var(--kendo-spacing-1\\.5, 0.375rem)), md: (padding-x: var(--kendo-spacing-2, 0.5rem), padding-y: var(--kendo-spacing-2, 0.5rem), spacing: var(--kendo-spacing-2, 0.5rem)), lg: (padding-x: var(--kendo-spacing-2\\.5, 0.625rem), padding-y: var(--kendo-spacing-2\\.5, 0.625rem), spacing: var(--kendo-spacing-2\\.5, 0.625rem)))",
@@ -13193,6 +13233,10 @@
         "type": "List",
         "value": "inset 0 1px 7px color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 15%, transparent)"
     },
+    "kendo-chart-computed-title-height": {
+        "type": "Number",
+        "value": "0px"
+    },
     "kendo-treemap-font-family": {
         "type": "String",
         "value": "var(--kendo-font-family, inherit)"
@@ -13205,6 +13249,22 @@
         "type": "String",
         "value": "var(--kendo-line-height, normal)"
     },
+    "kendo-chart-overlay-bg": {
+        "type": "String",
+        "value": "var(--kendo-color-surface, #fafafa)"
+    },
+    "kendo-chart-no-data-font-size": {
+        "type": "String",
+        "value": "var(--kendo-font-size-lg, inherit)"
+    },
+    "kendo-chart-no-data-font-weight": {
+        "type": "String",
+        "value": "var(--kendo-font-weight, normal)"
+    },
+    "kendo-chart-no-data-padding-y": {
+        "type": "String",
+        "value": "var(--kendo-spacing-25, 7rem)"
+    },
     "kendo-adaptive-bg": {
         "type": "String",
         "value": "var(--kendo-color-surface-alt, #ffffff)"
@@ -16621,6 +16681,34 @@
         "type": "String",
         "value": "var(--kendo-color-subtle, #666666)"
     },
+    "kendo-pdf-viewer-popup-padding-x": {
+        "type": "String",
+        "value": "var(--kendo-spacing-2, 0.5rem)"
+    },
+    "kendo-pdf-viewer-popup-padding-y": {
+        "type": "String",
+        "value": "var(--kendo-spacing-2, 0.5rem)"
+    },
+    "kendo-pdf-viewer-highlight-annotation-border": {
+        "type": "String",
+        "value": "var(--kendo-color-primary, #ff6358)"
+    },
+    "kendo-pdf-viewer-highlight-annotation-hover-border": {
+        "type": "String",
+        "value": "var(--kendo-color-primary-hover, #ea5a51)"
+    },
+    "kendo-pdf-viewer-free-text-annotation-border": {
+        "type": "String",
+        "value": "var(--kendo-color-primary, #ff6358)"
+    },
+    "kendo-pdf-viewer-free-text-annotation-placeholder-text": {
+        "type": "Color",
+        "value": "rgba(124, 22, 27, 0.5)"
+    },
+    "kendo-pdf-viewer-free-text-annotation-text": {
+        "type": "Color",
+        "value": "rgba(124, 22, 27, 0.5)"
+    },
     "kendo-scrollview-border-width": {
         "type": "Number",
         "value": "1px"

package/lib/swatches/default-blue.json

@@ -3,7 +3,7 @@
     "name": "Default Blue",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "9.1.0-dev.4",
+    "version": "9.1.0-dev.6",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

package/lib/swatches/default-dataviz-v4.json

@@ -3,7 +3,7 @@
     "name": "Default Dataviz v4",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "9.1.0-dev.4",
+    "version": "9.1.0-dev.6",
     "api": "legacy",
     "previewColors": [
         "#ff6358",

package/lib/swatches/default-green.json

@@ -3,7 +3,7 @@
     "name": "Default Green",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "9.1.0-dev.4",
+    "version": "9.1.0-dev.6",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-main-dark.json

@@ -3,7 +3,7 @@
     "name": "Default Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "9.1.0-dev.4",
+    "version": "9.1.0-dev.6",
     "api": "legacy",
     "previewColors": [
         "#000000",

package/lib/swatches/default-main.json

@@ -3,7 +3,7 @@
     "name": "Default Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "9.1.0-dev.4",
+    "version": "9.1.0-dev.6",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-nordic.json

@@ -3,7 +3,7 @@
     "name": "Default Nordic",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "9.1.0-dev.4",
+    "version": "9.1.0-dev.6",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-ocean-blue-a11y.json

@@ -3,7 +3,7 @@
     "name": "Default Ocean Blue A11Y",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "9.1.0-dev.4",
+    "version": "9.1.0-dev.6",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-ocean-blue.json

@@ -3,7 +3,7 @@
     "name": "Default Ocean Blue",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "9.1.0-dev.4",
+    "version": "9.1.0-dev.6",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-orange.json

@@ -3,7 +3,7 @@
     "name": "Default Orange",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "9.1.0-dev.4",
+    "version": "9.1.0-dev.6",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-purple.json

@@ -3,7 +3,7 @@
     "name": "Default Purple",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "9.1.0-dev.4",
+    "version": "9.1.0-dev.6",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-turquoise.json

@@ -3,7 +3,7 @@
     "name": "Default Turquoise",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "9.1.0-dev.4",
+    "version": "9.1.0-dev.6",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-urban.json

@@ -3,7 +3,7 @@
     "name": "Default Urban",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "9.1.0-dev.4",
+    "version": "9.1.0-dev.6",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-default",
   "description": "SASS resources for the default Kendo UI theme",
-  "version": "9.1.0-dev.4",
+  "version": "9.1.0-dev.6",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -52,12 +52,12 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^3.1.0",
-    "@progress/kendo-theme-core": "9.1.0-dev.4",
-    "@progress/kendo-theme-utils": "9.1.0-dev.4"
+    "@progress/kendo-theme-core": "9.1.0-dev.6",
+    "@progress/kendo-theme-utils": "9.1.0-dev.6"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "295adb221984032533fbde2b3adb167504eded91"
+  "gitHead": "e8189a5544630a4e77c7e078ed996accff7b5b7e"
 }

package/scss/dataviz/_index.scss

@@ -8,7 +8,8 @@ $_kendo-module-meta: (
     dependencies: (
         "icon",
         "popup",
-        "tooltip"
+        "tooltip",
+        "no-data"
     )
 );
 
@@ -16,6 +17,7 @@ $_kendo-module-meta: (
 // Dependencies
 @import "../popup/_index.scss";
 @import "../tooltip/_index.scss";
+@import "../no-data/_index.scss";
 
 
 // Component

package/scss/dataviz/_layout.scss

@@ -242,8 +242,29 @@
         }
     }
 
+    // Chart Overlay
+    .k-chart-overlay {
+        margin: 0;
+        width: 100%;
+        height: if( --kendo-chart-computed-title-height, calc( 100% - var( --kendo-chart-computed-title-height, #{$kendo-chart-computed-title-height} ) ), 100% );
+        position: absolute;
+        top: 0;
+        left: 0;
+        opacity: 1;
+        z-index: 10001;
 
+        &-top {
+            top: var( --kendo-chart-computed-title-height, #{$kendo-chart-computed-title-height} );
+        }
 
+        .k-no-data {
+            min-height: auto;
+            padding-block-start: $kendo-chart-no-data-padding-y;
+            color: inherit;
+            font-size: $kendo-chart-no-data-font-size;
+            font-weight: $kendo-chart-no-data-font-weight;
+        }
+    }
 
     // Diagram
     .k-diagram {

package/scss/dataviz/_theme.scss

@@ -118,7 +118,9 @@
         opacity: .8;
     }
 
-
+    .k-chart-overlay {
+        background-color: $kendo-chart-overlay-bg;
+    }
 
 
     // Treemap

package/scss/dataviz/_variables.scss

@@ -132,8 +132,17 @@ $kendo-chart-selection-handle-size: 22px !default;
 $kendo-chart-selection-border-color: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 8%, transparent), rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .08 )) !default;
 $kendo-chart-selection-shadow: inset 0 1px 7px if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 15%, transparent), rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .15 )) !default;
 
+$kendo-chart-computed-title-height: 0px !default;
 
 // TreeMap
 $kendo-treemap-font-family: var( --kendo-font-family, inherit ) !default;
 $kendo-treemap-font-size: var( --kendo-font-size, inherit ) !default;
 $kendo-treemap-line-height: var( --kendo-line-height, normal ) !default;
+
+// Chart Overlay
+$kendo-chart-overlay-bg: $kendo-base-bg !default;
+
+// No Data
+$kendo-chart-no-data-font-size: var( --kendo-font-size-lg, inherit ) !default;
+$kendo-chart-no-data-font-weight: var( --kendo-font-weight, normal ) !default;
+$kendo-chart-no-data-padding-y: k-spacing( 25 ) !default;

package/scss/index.scss

@@ -19,6 +19,7 @@
 @import "./ripple/_index.scss";
 @import "./table/_index.scss";
 @import "./virtual-scroller/_index.scss";
+@import "./no-data/_index.scss";
 
 
 // Indicators
@@ -195,6 +196,7 @@
     @include kendo-ripple--styles();
     @include kendo-table--styles();
     @include kendo-virtual-scroller--styles();
+    @include kendo-no-data--styles();
 
 
     // Indicators

package/scss/list/_index.scss

@@ -7,13 +7,15 @@ $_kendo-module-meta: (
     name: "list",
     dependencies: (
         "checkbox",
-        "icon"
+        "icon",
+        "no-data"
     )
 );
 
 
 // Dependencies
 @import "../checkbox/_index.scss";
+@import "../no-data/_index.scss";
 
 
 // Component

package/scss/list/_layout.scss

@@ -238,25 +238,6 @@
             }
         }
     }
-
-
-    // No data
-    .k-no-data {
-        min-height: 140px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        font-weight: lighter;
-        text-align: center;
-        white-space: normal;
-    }
-
-
-    // Alias
-    .k-nodata {
-        @extend .k-no-data !optional;
-    }
-
 }
 
 

package/scss/list/_theme.scss

@@ -88,12 +88,6 @@
         );
     }
 
-
-    // No data
-    .k-no-data {
-        color: $kendo-list-no-data-text;
-    }
-
 }
 
 

package/scss/list/_variables.scss

@@ -242,10 +242,6 @@ $kendo-list-group-item-border: inherit !default;
 /// @group list
 $kendo-list-group-item-shadow: null !default;
 
-/// The color of the 'No Data' text.
-/// @group list
-$kendo-list-no-data-text: $kendo-subtle-text !default;
-
 /// The color of the 'Option Label' text.
 /// @group list
 $kendo-list-option-label-text: $kendo-subtle-text !default;

package/scss/no-data/_index.scss

@@ -0,0 +1,32 @@
+@import "../core/_index.scss";
+
+
+// Module meta
+$_kendo-module-meta: (
+    name: "no-data",
+    dependencies: ()
+);
+
+// Dependencies
+
+
+// Component
+@import "./_variables.scss";
+@import "./_layout.scss";
+@import "./_theme.scss";
+
+// Register
+@import "../core/module-system/index.import.scss";
+@include module-register( $_kendo-module-meta... );
+
+// Expose
+@mixin kendo-no-data--styles() {
+    @include module-render( "no-data" ) {
+        @include kendo-no-data--layout();
+        @include kendo-no-data--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-no-data--styles();
+}

package/scss/no-data/_layout.scss

@@ -0,0 +1,24 @@
+@mixin kendo-no-data--layout-base() {
+
+        .k-no-data {
+            min-height: $kendo-no-data-min-height;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-weight: lighter;
+            text-align: center;
+            white-space: normal;
+        }
+
+
+        // Alias
+        .k-nodata {
+            @extend .k-no-data !optional;
+        }
+
+
+}
+
+@mixin kendo-no-data--layout() {
+    @include kendo-no-data--layout-base();
+}

package/scss/no-data/_theme.scss

@@ -0,0 +1,12 @@
+@mixin kendo-no-data--theme-base() {
+
+    .k-no-data {
+        color: $kendo-no-data-text;
+    }
+
+}
+
+
+@mixin kendo-no-data--theme() {
+    @include kendo-no-data--theme-base();
+}

package/scss/no-data/_variables.scss

@@ -0,0 +1,7 @@
+/// The minimum height of the 'No Data' text container.
+/// @group no-data
+$kendo-no-data-min-height: 140px !default;
+
+/// The color of the 'No Data' text.
+/// @group no-data
+$kendo-no-data-text: $kendo-subtle-text !default;