@progress/kendo-theme-default 8.2.0 → 9.0.0-dev.0

package/scss/captcha/_index.scss

@@ -11,14 +11,11 @@ $_kendo-module-meta: (
         "input",
         "slider",
         "textbox",
-        // "utils/layout/position",
-        // "utils/typography/text-color",
     )
 );
 
 
 // Dependencies
-// @import "../utils/_index.scss";
 @import "../icons/_index.scss";
 @import "../input/_index.scss";
 @import "../button/_index.scss";
@@ -42,6 +39,8 @@ $_kendo-module-meta: (
     @include module-render( "captcha" ) {
         @include kendo-captcha--layout();
         @include kendo-captcha--theme();
+        @include kendo-utils--typography--text-color();
+        @include kendo-utils--layout--position();
     }
 }
 

package/scss/card/_index.scss

@@ -2,6 +2,7 @@
 @import "../utils/_index.scss";
 
 
+
 // Module meta
 $_kendo-module-meta: (
     name: "card",
@@ -9,14 +10,11 @@ $_kendo-module-meta: (
         "icon",
         "actions",
         "typography",
-        // "utils/flex-grid"
     )
 );
 
 
 // Dependencies
-// @import "../utils/_flex.scss";
-// @import "../utils/_grid.scss";
 @import "../action-buttons/_index.scss";
 @import "../icons/_index.scss";
 @import "../typography/_index.scss";
@@ -38,6 +36,9 @@ $_kendo-module-meta: (
     @include module-render( "card" ) {
         @include kendo-card--layout();
         @include kendo-card--theme();
+        @include kendo-utils--typography--text-overflow();
+        @include kendo-utils--typography--white-space();
+        @include kendo-utils--layout--display();
     }
 }
 

package/scss/chart-wizard/_variables.scss

@@ -5,7 +5,7 @@
 $kendo-chart-wizard-icon-area-color: if($kendo-enable-color-system, k-color(primary), $kendo-color-primary) !default;
 /// The background color of the area around the chart type icon.
 /// @group chart-wizard
-$kendo-chart-wizard-icon-area-bg: if($kendo-enable-color-system, k-color(primary-subtle), $kendo-color-primary-subtle) !default;
+$kendo-chart-wizard-icon-area-bg: if($kendo-enable-color-system, k-color(primary-subtle), k-try-tint( $kendo-color-primary, 80% )) !default;
 /// The border radius of the area around the chart type icon.
 /// @group chart-wizard
 $kendo-chart-wizard-icon-area-border-radius: k-border-radius(md) !default;
@@ -14,7 +14,7 @@ $kendo-chart-wizard-icon-area-border-radius: k-border-radius(md) !default;
 $kendo-chart-wizard-icon-area-padding: k-spacing(4) !default;
 /// The box shadow of the focused area around the chart type icon.
 /// @group chart-wizard
-$kendo-chart-wizard-icon-area-focus-shadow: inset 0 0 0 1px if($kendo-enable-color-system, k-color(primary-emphasis), $kendo-color-primary-emphasis) !default;
+$kendo-chart-wizard-icon-area-focus-shadow: inset 0 0 0 1px if($kendo-enable-color-system, k-color(primary-emphasis), k-try-tint( $kendo-color-primary, 25% )) !default;
 /// The box shadow of the selected area around the chart type icon.
 /// @group chart-wizard
 $kendo-chart-wizard-icon-area-selected-shadow: inset 0 0 0 1px $kendo-chart-wizard-icon-area-color !default;

package/scss/chat/_index.scss

@@ -1,5 +1,5 @@
 @import "../core/_index.scss";
-@import "../utils/_index.scss";
+
 
 
 // Module meta

package/scss/checkbox/_index.scss

@@ -1,5 +1,5 @@
 @import "../core/_index.scss";
-@import "../utils/_index.scss";
+
 
 
 // Module meta

package/scss/chip/_index.scss

@@ -2,6 +2,7 @@
 @import "../utils/_index.scss";
 
 
+
 // Module meta
 $_kendo-module-meta: (
     name: "chip",
@@ -32,6 +33,7 @@ $_kendo-module-meta: (
     @include module-render( "chip" ) {
         @include kendo-chip--layout();
         @include kendo-chip--theme();
+        @include kendo-utils--typography--text-overflow();
     }
 }
 

package/scss/color-preview/_index.scss

@@ -1,5 +1,5 @@
 @import "../core/_index.scss";
-@import "../utils/_index.scss";
+
 
 
 // Module meta

package/scss/coloreditor/_index.scss

@@ -1,5 +1,5 @@
 @import "../core/_index.scss";
-@import "../utils/_index.scss";
+
 
 
 // Module meta

package/scss/colorgradient/_index.scss

@@ -2,6 +2,7 @@
 @import "../utils/_index.scss";
 
 
+
 // Module meta
 $_kendo-module-meta: (
     name: "color-gradient",
@@ -11,14 +12,11 @@ $_kendo-module-meta: (
         "numeric-textbox",
         "slider",
         "textbox",
-        "utils/flex-grid",
     )
 );
 
 
 // Dependencies
-// @import "../utils/_flex.scss";
-// @import "../utils/_spacer.scss";
 @import "../icons/_index.scss";
 @import "../button/_index.scss";
 @import "../slider/_index.scss";
@@ -42,6 +40,9 @@ $_kendo-module-meta: (
     @include module-render( "color-gradient" ) {
         @include kendo-color-gradient--layout();
         @include kendo-color-gradient--theme();
+        @include kendo-utils--flex-grid--flex();
+        @include kendo-utils--flex-grid--align-self();
+        @include kendo-utils--typography--text-color();
     }
 }
 

package/scss/colorpalette/_index.scss

@@ -1,18 +1,16 @@
 @import "../core/_index.scss";
-@import "../utils/_index.scss";
+
 
 
 // Module meta
 $_kendo-module-meta: (
     name: "color-palette",
     dependencies: (
-        // "utils/flex-grid",
     )
 );
 
 
 // Dependencies
-// @import "../utils/_flex.scss";
 
 
 // Component

package/scss/colorpicker/_index.scss

@@ -1,5 +1,5 @@
 @import "../core/_index.scss";
-@import "../utils/_index.scss";
+
 
 
 // Module meta

package/scss/combobox/_index.scss

@@ -1,5 +1,5 @@
 @import "../core/_index.scss";
-@import "../utils/_index.scss";
+
 
 
 // Module meta

package/scss/dataviz/_index.scss

@@ -1,5 +1,5 @@
 @import "../core/_index.scss";
-@import "../utils/_index.scss";
+
 
 
 // Module meta

package/scss/dateinput/_index.scss

@@ -1,5 +1,5 @@
 @import "../core/_index.scss";
-@import "../utils/_index.scss";
+
 
 
 // Module meta

package/scss/datepicker/_index.scss

@@ -1,5 +1,5 @@
 @import "../core/_index.scss";
-@import "../utils/_index.scss";
+
 
 
 // Module meta

package/scss/daterangepicker/_index.scss

@@ -1,5 +1,5 @@
 @import "../core/_index.scss";
-@import "../utils/_index.scss";
+
 
 
 // Module meta

package/scss/datetimepicker/_index.scss

@@ -1,5 +1,5 @@
 @import "../core/_index.scss";
-@import "../utils/_index.scss";
+
 
 
 // Module meta

package/scss/dialog/_index.scss

@@ -1,5 +1,5 @@
 @import "../core/_index.scss";
-@import "../utils/_index.scss";
+
 
 
 // Module meta

package/scss/dock-manager/_index.scss

@@ -1,5 +1,5 @@
 @import "../core/_index.scss";
-@import "../utils/_index.scss";
+
 
 // Module meta
 $_kendo-module-meta: (

package/scss/draggable/_index.scss

@@ -1,5 +1,5 @@
 @import "../core/_index.scss";
-@import "../utils/_index.scss";
+
 
 
 // Module meta

package/scss/drawer/_index.scss

@@ -1,5 +1,5 @@
 @import "../core/_index.scss";
-@import "../utils/_index.scss";
+
 
 
 // Module meta

package/scss/dropdowngrid/_index.scss

@@ -1,5 +1,5 @@
 @import "../core/_index.scss";
-@import "../utils/_index.scss";
+
 
 
 // Module meta

package/scss/dropdownlist/_index.scss

@@ -1,5 +1,5 @@
 @import "../core/_index.scss";
-@import "../utils/_index.scss";
+
 
 
 // Module meta

package/scss/dropdowntree/_index.scss

@@ -2,6 +2,7 @@
 @import "../utils/_index.scss";
 
 
+
 // Module meta
 $_kendo-module-meta: (
     name: "dropdown-tree",
@@ -37,6 +38,7 @@ $_kendo-module-meta: (
     @include module-render( "dropdown-tree" ) {
         @include kendo-dropdown-tree--layout();
         @include kendo-dropdown-tree--theme();
+        @include kendo-utils--typography--text-align();
     }
 }
 

package/scss/dropzone/_index.scss

@@ -1,5 +1,5 @@
 @import "../core/_index.scss";
-@import "../utils/_index.scss";
+
 
 
 // Module meta

package/scss/editor/_index.scss

@@ -1,5 +1,5 @@
 @import "../core/_index.scss";
-@import "../utils/_index.scss";
+
 
 
 // Module meta

package/scss/expansion-panel/_index.scss

@@ -2,20 +2,18 @@
 @import "../utils/_index.scss";
 
 
+
 // Module meta
 $_kendo-module-meta: (
     name: "expander",
     dependencies: (
         "icon",
         "list",
-        // "utils/layout/display",
     )
 );
 
 
 // Dependencies
-// @import "../utils/_display.scss";
-// @import "../utils/_spacer.scss";
 @import "../icons/_index.scss";
 @import "../list/_index.scss";
 
@@ -36,6 +34,7 @@ $_kendo-module-meta: (
     @include module-render( "expander" ) {
         @include kendo-expander--layout();
         @include kendo-expander--theme();
+        @include kendo-utils--layout--display();
     }
 }
 

package/scss/fab/_index.scss

@@ -2,6 +2,7 @@
 @import "../utils/_index.scss";
 
 
+
 // Module meta
 $_kendo-module-meta: (
     name: "fab",
@@ -9,13 +10,11 @@ $_kendo-module-meta: (
         "badge",
         "button",
         "icon",
-        // "utils/layout/position",
     )
 );
 
 
 // Dependencies
-// @import "../utils/_position.scss";
 @import "../icons/_index.scss";
 @import "../button/_index.scss";
 @import "../badge/_index.scss";
@@ -37,6 +36,9 @@ $_kendo-module-meta: (
     @include module-render( "fab" ) {
         @include kendo-fab--layout();
         @include kendo-fab--theme();
+        @include kendo-utils--layout--position();
+        @include kendo-utils--typography--text-align();
+        @include kendo-utils--layout--overflow();
     }
 }
 

package/scss/filemanager/_index.scss

@@ -1,5 +1,5 @@
 @import "../core/_index.scss";
-@import "../utils/_index.scss";
+
 
 
 // Module meta

package/scss/filter/_index.scss

@@ -1,5 +1,5 @@
 @import "../core/_index.scss";
-@import "../utils/_index.scss";
+
 
 
 // Module meta

package/scss/floating-label/_index.scss

@@ -1,5 +1,5 @@
 @import "../core/_index.scss";
-@import "../utils/_index.scss";
+
 
 
 // Module meta

package/scss/forms/_index.scss

@@ -2,6 +2,7 @@
 @import "../utils/_index.scss";
 
 
+
 // Module meta
 $_kendo-module-meta: (
     name: "form",
@@ -34,6 +35,10 @@ $_kendo-module-meta: (
     @include module-render( "form" ) {
         @include kendo-form--layout();
         @include kendo-form--theme();
+        @include kendo-utils--layout--display();
+        @include kendo-utils--flex-grid--gap();
+        @include kendo-utils--flex-grid--grid-template-columns();
+        @include kendo-utils--flex-grid--grid-column-start-end();
     }
 }
 

package/scss/gantt/_index.scss

@@ -2,6 +2,7 @@
 @import "../utils/_index.scss";
 
 
+
 // Module meta
 $_kendo-module-meta: (
     name: "gantt",
@@ -47,6 +48,8 @@ $_kendo-module-meta: (
     @include module-render( "gantt" ) {
         @include kendo-gantt--layout();
         @include kendo-gantt--theme();
+        @include kendo-utils--typography--white-space();
+        @include kendo-utils--table--table-layout();
     }
 }
 

package/scss/grid/_index.scss

@@ -2,6 +2,7 @@
 @import "../utils/_index.scss";
 
 
+
 // Module meta
 $_kendo-module-meta: (
     name: "grid",
@@ -29,7 +30,6 @@ $_kendo-module-meta: (
         "textbox",
         "toolbar",
         "validator",
-        "utils/layout/float",
     )
 );
 
@@ -54,8 +54,6 @@ $_kendo-module-meta: (
 @import "../pager/_index.scss";
 @import "../chip/_index.scss";
 @import "../skeleton/_index.scss";
-// @import "../utils/_float.scss";
-// @import "../utils/_spacer.scss";
 @import "../list/_index.scss";
 @import "../table/_index.scss";
 @import "../tabstrip/_index.scss";
@@ -77,6 +75,9 @@ $_kendo-module-meta: (
     @include module-render( "grid" ) {
         @include kendo-grid--layout();
         @include kendo-grid--theme();
+        @include kendo-utils--interactivity--touch-action();
+        @include kendo-utils--interactivity--cursor();
+        @include kendo-utils--layout--display();
     }
 }
 

package/scss/icons/_index.scss

@@ -2,6 +2,7 @@
 @import "../utils/_index.scss";
 
 
+
 // Module meta
 $_kendo-module-meta: (
     name: "icon",
@@ -25,6 +26,9 @@ $_kendo-module-meta: (
     @include module-render( "icon" ) {
         @include kendo-icon--layout();
         @include kendo-icon--theme();
+        @include kendo-utils--transform--rotate();
+        @include kendo-utils--transform--flip();
+        @include kendo-utils--typography--text-color();
     }
 }
 

package/scss/imageeditor/_index.scss

@@ -1,5 +1,5 @@
 @import "../core/_index.scss";
-@import "../utils/_index.scss";
+
 
 
 // Module meta

package/scss/index.scss

@@ -1,9 +1,8 @@
 @import "./core/_index.scss";
 
 
-// Typography and utils
+// Typography
 @import "./typography/_index.scss";
-@import "./utils/_index.scss";
 
 
 // Generic content
@@ -178,9 +177,8 @@
     @include color-system-styles();
 
 
-    // Typography and utils
+    // Typography
     @include kendo-typography--styles();
-    @include kendo-utils--styles();
 
 
     // Generic content

package/scss/input/_index.scss

@@ -1,5 +1,5 @@
 @import "../core/_index.scss";
-@import "../utils/_index.scss";
+
 
 
 // Module meta

package/scss/list/_index.scss

@@ -1,5 +1,5 @@
 @import "../core/_index.scss";
-@import "../utils/_index.scss";
+
 
 
 // Module meta

package/scss/listbox/_index.scss

@@ -1,5 +1,5 @@
 @import "../core/_index.scss";
-@import "../utils/_index.scss";
+
 
 
 // Module meta

package/scss/listgroup/_index.scss

@@ -1,5 +1,5 @@
 @import "../core/_index.scss";
-@import "../utils/_index.scss";
+
 
 
 // Module meta

package/scss/listview/_index.scss

@@ -2,20 +2,18 @@
 @import "../utils/_index.scss";
 
 
+
 // Module meta
 $_kendo-module-meta: (
     name: "listview",
     dependencies: (
         "icon",
         "pager",
-        // "utils/flex-grid",
     )
 );
 
 
 // Dependencies
-// @import "../utils/_flex.scss";
-// @import "../utils/_grid.scss";
 @import "../pager/_index.scss";
 @import "../icons/_index.scss";
 
@@ -36,6 +34,10 @@ $_kendo-module-meta: (
     @include module-render( "listview" ) {
         @include kendo-listview--layout();
         @include kendo-listview--theme();
+        @include kendo-utils--layout--display();
+        @include kendo-utils--flex-grid--flex-direction();
+        @include kendo-utils--flex-grid--grid-template-columns();
+        @include kendo-utils--flex-grid--flex-wrap();
     }
 }
 

package/scss/loader/_index.scss

@@ -2,6 +2,7 @@
 @import "../utils/_index.scss";
 
 
+
 // Module meta
 $_kendo-module-meta: (
     name: "loader",
@@ -31,6 +32,7 @@ $_kendo-module-meta: (
     @include module-render( "loader" ) {
         @include kendo-loader--layout();
         @include kendo-loader--theme();
+        @include kendo-utils--typography--text-color();
     }
 }
 

package/scss/map/_index.scss

@@ -1,5 +1,5 @@
 @import "../core/_index.scss";
-@import "../utils/_index.scss";
+
 
 
 // Module meta
@@ -9,13 +9,11 @@ $_kendo-module-meta: (
         "button",
         "scroller",
         "icon",
-        // "utils/layout/position",
     )
 );
 
 
 // Dependencies
-// @import "../utils/_position.scss";
 @import "../button/_index.scss";
 @import "../scroller/_index.scss";
 @import "../icons/_index.scss";

package/scss/maskedtextbox/_index.scss

@@ -1,5 +1,5 @@
 @import "../core/_index.scss";
-@import "../utils/_index.scss";
+
 
 
 // Module meta

package/scss/mediaplayer/_index.scss

@@ -1,5 +1,5 @@
 @import "../core/_index.scss";
-@import "../utils/_index.scss";
+
 
 
 // Module meta

package/scss/menu/_index.scss

@@ -1,5 +1,5 @@
 @import "../core/_index.scss";
-@import "../utils/_index.scss";
+
 
 
 // Module meta

package/scss/menu-button/_index.scss

@@ -1,5 +1,5 @@
 @import "../core/_index.scss";
-@import "../utils/_index.scss";
+
 
 
 // Module meta