@progress/kendo-theme-bootstrap 10.1.0-dev.1 → 10.1.0-dev.3

package/scss/index.scss

@@ -1,16 +1,9 @@
-@forward "./core/_index.scss";
-
+// Forward component modules by dependency order
 
-// Typography
+@forward "./core/_index.scss";
 @forward "./typography/_index.scss";
-
-
-// Generic content
 @forward "./icons/_index.scss";
 @forward "./messagebox/_index.scss";
-
-
-// Primitive components
 @forward "./draggable/_index.scss";
 @forward "./list/_index.scss";
 @forward "./listgroup/_index.scss";
@@ -18,20 +11,17 @@
 @forward "./popup/_index.scss";
 @forward "./ripple/_index.scss";
 @forward "./table/_index.scss";
+@forward "./gridlayout/_index.scss";
+@forward "./stacklayout/_index.scss";
 @forward "./virtual-scroller/_index.scss";
 @forward "./no-data/_index.scss";
-
-// Indicators
 @forward "./avatar/_index.scss";
 @forward "./badge/_index.scss";
 @forward "./color-preview/_index.scss";
 @forward "./loader/_index.scss";
 @forward "./skeleton/_index.scss";
 @forward "./time-marker/_index.scss";
-
 @forward "./tooltip/_index.scss";
-
-// Native forms
 @forward "./button/_index.scss";
 @forward "./input/_index.scss";
 @forward "./floating-label/_index.scss";
@@ -43,23 +33,15 @@
 @forward "./radio/_index.scss";
 @forward "./slider/_index.scss";
 @forward "./chip/_index.scss";
-
 @forward "./action-buttons/_index.scss";
 @forward "./menu/_index.scss";
 @forward "./menu-button/_index.scss";
 @forward "./split-button/_index.scss";
 @forward "./toolbar/_index.scss";
-
-// Form helpers
 @forward "./forms/_index.scss";
 @forward "./validator/_index.scss";
-
-// Form requirements
 @forward "./calendar/_index.scss";
 @forward "./timeselector/_index.scss";
-
-
-// Augmented forms
 @forward "./autocomplete/_index.scss";
 @forward "./captcha/_index.scss";
 @forward "./colorpalette/_index.scss";
@@ -85,15 +67,9 @@
 @forward "./switch/_index.scss";
 @forward "./dropzone/_index.scss";
 @forward "./upload/_index.scss";
-
-
-// Command interfaces
 @forward "./appbar/_index.scss";
 @forward "./fab/_index.scss";
-
 @forward "./card/_index.scss";
-
-// Popups and modals
 @forward "./action-sheet/_index.scss";
 @forward "./window/_index.scss";
 @forward "./dialog/_index.scss";
@@ -101,18 +77,12 @@
 @forward "./notification/_index.scss";
 @forward "./popover/_index.scss";
 @forward "./responsivepanel/_index.scss";
-
-
-// Navigation
 @forward "./bottom-navigation/_index.scss";
 @forward "./breadcrumb/_index.scss";
 @forward "./pager/_index.scss";
 @forward "./stepper/_index.scss";
 @forward "./tabstrip/_index.scss";
 @forward "./wizard/_index.scss";
-
-
-// Layout & containers
 @forward "./expansion-panel/_index.scss";
 @forward "./panel/_index.scss";
 @forward "./panelbar/_index.scss";
@@ -122,31 +92,16 @@
 @forward "./adaptive/_index.scss";
 @forward "./grid/_index.scss";
 @forward "./listview/_index.scss";
-
-
-// Data management
-
-
 @forward "./spreadsheet/_index.scss";
 @forward "./pivotgrid/_index.scss";
 @forward "./treelist/_index.scss";
 @forward "./filter/_index.scss";
 @forward "./filemanager/_index.scss";
 @forward "./taskboard/_index.scss";
-
-
-// Editors
 @forward "./editor/_index.scss";
 @forward "./imageeditor/_index.scss";
-
-
-// Scheduling
 @forward "./gantt/_index.scss";
 @forward "./scheduler/_index.scss";
-
-
-// Misc
-
 @forward "./chat/_index.scss";
 @forward "./mediaplayer/_index.scss";
 @forward "./timeline/_index.scss";
@@ -154,9 +109,6 @@
 @forward "./scroller/_index.scss";
 @forward "./scrollview/_index.scss";
 @forward "./prompt/_index.scss";
-
-
-// Dataviz
 @forward "./dataviz/_index.scss";
 @forward "./chart-wizard/_index.scss";
 @forward "./map/_index.scss";
@@ -164,6 +116,7 @@
 @forward "./signature/_index.scss";
 
 
+// Use component modules
 @use "./core/_index.scss" as *;
 
 
@@ -285,6 +238,8 @@
 @use "./panelbar/_index.scss" as *;
 @use "./splitter/_index.scss" as *;
 @use "./tilelayout/_index.scss" as *;
+@use "./gridlayout/_index.scss" as *;
+@use "./stacklayout/_index.scss" as *;
 @use "./dock-manager/_index.scss" as *;
 @use "./chart-wizard/_index.scss" as *;
 
@@ -338,6 +293,7 @@
 
 
     // Generic content
+    @include kendo-icon--styles();
     @include kendo-messagebox--styles();
 
 
@@ -455,6 +411,8 @@
     @include kendo-panelbar--styles();
     @include kendo-splitter--styles();
     @include kendo-tile-layout--styles();
+    @include kendo-grid-layout--styles();
+    @include kendo-stack-layout--styles();
     @include kendo-dock-manager--styles();
     @include kendo-chart-wizard--styles();
 

package/scss/stacklayout/_index.scss

@@ -0,0 +1,19 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+@use "../utils/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-stack-layout--styles() {
+    @include import-once( "stack-layout" ) {
+        @include core-styles();
+        @include kendo-stack-layout--layout();
+        @include kendo-stack-layout--theme();
+        @include kendo-utils--flex-grid--align-items();
+        @include kendo-utils--flex-grid--justify-content();
+    }
+}

package/scss/stacklayout/_layout.scss

@@ -0,0 +1,6 @@
+@use "@progress/kendo-theme-default/scss/stacklayout/_layout.scss" as *;
+
+
+@mixin kendo-stack-layout--layout() {
+    @include kendo-stack-layout--layout-base();
+}

package/scss/stacklayout/_theme.scss

@@ -0,0 +1,6 @@
+@use "@progress/kendo-theme-default/scss/stacklayout/_theme.scss" as *;
+
+
+@mixin kendo-stack-layout--theme() {
+    @include kendo-stack-layout--theme-base();
+}

package/scss/stacklayout/_variables.scss

@@ -0,0 +1 @@
+// StackLayout

package/scss/stepper/_variables.scss

@@ -1,3 +1,4 @@
+@use "sass:color";
 @use "../core/_index.scss" as *;
 @use "../core/functions/index.import.scss" as *;
 
@@ -136,7 +137,7 @@ $kendo-stepper-indicator-done-hover-border: null !default;
 
 /// The background color of the Stepper's disabled done indicator.
 /// @group stepper
-$kendo-stepper-indicator-done-disabled-bg: if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 60%, transparent), k-color-mix( $kendo-stepper-indicator-done-bg, $kendo-component-bg, 60%)) !default;
+$kendo-stepper-indicator-done-disabled-bg: if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 60%, transparent), color.mix( $kendo-stepper-indicator-done-bg, $kendo-component-bg, 60%)) !default;
 /// The text color of the Stepper's disabled done indicator.
 /// @group stepper
 $kendo-stepper-indicator-done-disabled-text: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-color( $kendo-stepper-indicator-done-bg )) !default;

package/scss/switch/_variables.scss

@@ -1,3 +1,4 @@
+@use "sass:color";
 @use "../core/_index.scss" as *;
 @use "../core/functions/index.import.scss" as *;
 
@@ -65,7 +66,7 @@ $kendo-switch-off-track-focus-bg: null !default;
 $kendo-switch-off-track-focus-text: null !default;
 /// The border color of the track when the focused Switch is not checked.
 /// @group switch
-$kendo-switch-off-track-focus-border: if($kendo-enable-color-system, k-color( primary-emphasis ), k-color-mix( $kendo-switch-off-track-bg, $kendo-color-primary )) !default;
+$kendo-switch-off-track-focus-border: if($kendo-enable-color-system, k-color( primary-emphasis ), color.mix( $kendo-switch-off-track-bg, $kendo-color-primary )) !default;
 /// The background gradient of the track when the focused Switch is not checked.
 /// @group switch
 $kendo-switch-off-track-focus-gradient: null !default;

package/scss/typography/_variables.scss

@@ -26,22 +26,22 @@ $kendo-h6-font-size: $kendo-font-size !default;
 
 /// The font family of the highest level heading.
 /// @group typography
-$kendo-h1-font-family: null !default;
+$kendo-h1-font-family: var( --kendo-font-family, inherit ) !default;
 /// The font family of the second highest level heading.
 /// @group typography
-$kendo-h2-font-family: null !default;
+$kendo-h2-font-family: var( --kendo-font-family, inherit ) !default;
 /// The font family of the third highest level heading.
 /// @group typography
-$kendo-h3-font-family: null !default;
+$kendo-h3-font-family: var( --kendo-font-family, inherit ) !default;
 /// The font family of the fourth highest level heading.
 /// @group typography
-$kendo-h4-font-family: null !default;
+$kendo-h4-font-family: var( --kendo-font-family, inherit ) !default;
 /// The font family of the fifth highest level heading.
 /// @group typography
-$kendo-h5-font-family: null !default;
+$kendo-h5-font-family: var( --kendo-font-family, inherit ) !default;
 /// The font family of the sixth highest level heading.
 /// @group typography
-$kendo-h6-font-family: null !default;
+$kendo-h6-font-family: var( --kendo-font-family, inherit ) !default;
 
 /// The line height of the highest level heading.
 /// @group typography
@@ -258,16 +258,16 @@ $kendo-display4-font-size: calc( #{$kendo-font-size} * 3.5 ) !default;
 
 /// The font family of the largest display text.
 /// @group typography
-$kendo-display1-font-family: unset !default;
+$kendo-display1-font-family: var( --kendo-font-family, inherit ) !default;
 /// The font family of the second largest display text.
 /// @group typography
-$kendo-display2-font-family: unset !default;
+$kendo-display2-font-family: var( --kendo-font-family, inherit ) !default;
 /// The font family of the third largest display text.
 /// @group typography
-$kendo-display3-font-family: unset !default;
+$kendo-display3-font-family: var( --kendo-font-family, inherit ) !default;
 /// The font family of the fourth largest display text.
 /// @group typography
-$kendo-display4-font-family: unset !default;
+$kendo-display4-font-family: var( --kendo-font-family, inherit ) !default;
 
 /// The line height of the largest display text.
 /// @group typography