@progress/kendo-theme-bootstrap 9.1.1-dev.2 → 10.0.0-dev.1

package/scss/window/_variables.scss

@@ -1,4 +1,6 @@
-@import "../action-buttons/_variables.scss";
+@use "sass:map";
+@use "../core/_index.scss" as *;
+@use "../action-buttons/_variables.scss" as *;
 
 // Window
 
@@ -76,17 +78,17 @@ $kendo-window-text: $kendo-component-text !default;
 $kendo-window-border: $kendo-component-border !default;
 /// The box shadow of the Window.
 /// @group window
-$kendo-window-shadow: null !default;
+$kendo-window-shadow: none !default;
 /// The box shadow of the focused Window.
 /// @group window
-$kendo-window-focus-shadow: null !default;
+$kendo-window-focus-shadow: none !default;
 
 /// The background color of the Window titlebar.
 /// @group window
-$kendo-window-titlebar-bg: null !default;
+$kendo-window-titlebar-bg: unset !default;
 /// The text color of the Window titlebar.
 /// @group window
-$kendo-window-titlebar-text: null !default;
+$kendo-window-titlebar-text: inherit !default;
 /// The border color of the Window titlebar.
 /// @group window
 $kendo-window-titlebar-border: $kendo-component-border !default;
@@ -105,7 +107,41 @@ $kendo-window-sizes: (
 /// The theme colors map for the Window.
 /// @group window
 $kendo-window-theme-colors: (
-    "primary": k-map-get($kendo-theme-colors, "primary"),
-    "light": k-map-get($kendo-theme-colors, "light"),
-    "dark": k-map-get($kendo-theme-colors, "dark")
+    "primary": map.get($kendo-theme-colors, "primary"),
+    "light": map.get($kendo-theme-colors, "light"),
+    "dark": map.get($kendo-theme-colors, "dark")
 ) !default;
+
+
+@forward "@progress/kendo-theme-default/scss/window/_variables.scss" with (
+    $kendo-window-border-width: $kendo-window-border-width,
+    $kendo-window-border-radius: $kendo-window-border-radius,
+    $kendo-window-font-family: $kendo-window-font-family,
+    $kendo-window-font-size: $kendo-window-font-size,
+    $kendo-window-line-height: $kendo-window-line-height,
+    $kendo-window-titlebar-padding-x: $kendo-window-titlebar-padding-x,
+    $kendo-window-titlebar-padding-y: $kendo-window-titlebar-padding-y,
+    $kendo-window-titlebar-border-width: $kendo-window-titlebar-border-width,
+    $kendo-window-titlebar-border-style: $kendo-window-titlebar-border-style,
+    $kendo-window-title-font-size: $kendo-window-title-font-size,
+    $kendo-window-title-line-height: $kendo-window-title-line-height,
+    $kendo-window-actions-gap: $kendo-window-actions-gap,
+    $kendo-window-action-opacity: $kendo-window-action-opacity,
+    $kendo-window-action-hover-opacity: $kendo-window-action-hover-opacity,
+    $kendo-window-inner-padding-x: $kendo-window-inner-padding-x,
+    $kendo-window-inner-padding-y: $kendo-window-inner-padding-y,
+    $kendo-window-buttongroup-padding-x: $kendo-window-buttongroup-padding-x,
+    $kendo-window-buttongroup-padding-y: $kendo-window-buttongroup-padding-y,
+    $kendo-window-buttongroup-border-width: $kendo-window-buttongroup-border-width,
+    $kendo-window-bg: $kendo-window-bg,
+    $kendo-window-text: $kendo-window-text,
+    $kendo-window-border: $kendo-window-border,
+    $kendo-window-shadow: $kendo-window-shadow,
+    $kendo-window-focus-shadow: $kendo-window-focus-shadow,
+    $kendo-window-titlebar-bg: $kendo-window-titlebar-bg,
+    $kendo-window-titlebar-text: $kendo-window-titlebar-text,
+    $kendo-window-titlebar-border: $kendo-window-titlebar-border,
+    $kendo-window-titlebar-gradient: $kendo-window-titlebar-gradient,
+    $kendo-window-sizes: $kendo-window-sizes,
+    $kendo-window-theme-colors: $kendo-window-theme-colors
+);

package/scss/wizard/_index.scss

@@ -1,44 +1,24 @@
-@import "../core/_index.scss";
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "wizard",
-    dependencies: (
-        "button",
-        "form",
-        "icon",
-        "stepper"
-    )
-);
-
-
 // Dependencies
-@import "../button/_index.scss";
-@import "../stepper/_index.scss";
-@import "../forms/_index.scss";
-@import "../icons/_index.scss";
-
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../button/_index.scss" as *;
+@use "../stepper/_index.scss" as *;
+@use "../forms/_index.scss" as *;
 
 // Component
-@import "./_variables.scss";
-@import "./_layout.scss";
-@import "./_theme.scss";
-
-
-// Register
-@import "../core/module-system/index.import.scss";
-@include module-register( $_kendo-module-meta... );
-
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
 
 // Expose
 @mixin kendo-wizard--styles() {
-    @include module-render( "wizard" ) {
+    @include import-once( "wizard" ) {
+        @include core-styles();
+        @include kendo-button--styles();
+        @include kendo-stepper--styles();
+        @include kendo-form--styles();
+        @include kendo-icon--styles();
         @include kendo-wizard--layout();
         @include kendo-wizard--theme();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-wizard--styles();
-}

package/scss/wizard/_layout.scss

@@ -1,4 +1,4 @@
-@import "@progress/kendo-theme-default/scss/wizard/_layout.scss";
+@use "@progress/kendo-theme-default/scss/wizard/_layout.scss" as *;
 
 
 @mixin kendo-wizard--layout() {

package/scss/wizard/_theme.scss

@@ -1,4 +1,4 @@
-@import "@progress/kendo-theme-default/scss/wizard/_theme.scss";
+@use "@progress/kendo-theme-default/scss/wizard/_theme.scss" as *;
 
 
 @mixin kendo-wizard--theme() {

package/scss/wizard/_variables.scss

@@ -1,17 +1,19 @@
+@use "../core/_index.scss" as *;
+
 // Wizard
 
 /// The horizontal padding of the Wizard.
 /// @group wizard
-$kendo-wizard-padding-x: calc( #{$kendo-padding-md-x} * 1.25 ) !default;
+$kendo-wizard-padding-x: calc( #{k-spacing(4)} * 1.25 ) !default;
 /// The vertical padding of the Wizard.
 /// @group wizard
 $kendo-wizard-padding-y: $kendo-wizard-padding-x !default;
 /// The horizontal padding of the Wizard content.
 /// @group wizard
-$kendo-wizard-content-padding-x: calc( #{$kendo-padding-md-x} * 2 ) !default;
+$kendo-wizard-content-padding-x: calc( #{k-spacing(4)} * 2 ) !default;
 /// The vertical padding of the Wizard content.
 /// @group wizard
-$kendo-wizard-content-padding-y: calc( #{$kendo-padding-md-y} * 4 ) !default;
+$kendo-wizard-content-padding-y: calc( #{k-spacing(2)} * 4 ) !default;
 /// The horizontal margin of the Wizard's Button container.
 /// @group wizard
 $kendo-wizard-buttons-margin-x: k-spacing(2.5) !default;
@@ -32,3 +34,17 @@ $kendo-wizard-font-family: var( --kendo-font-family, inherit ) !default;
 /// The outline of the focused Wizard step.
 /// @group wizard
 $kendo-wizard-step-focus-border: #656565 !default;
+
+
+@forward "@progress/kendo-theme-default/scss/wizard/_variables.scss" with (
+    $kendo-wizard-padding-x: $kendo-wizard-padding-x,
+    $kendo-wizard-padding-y: $kendo-wizard-padding-y,
+    $kendo-wizard-content-padding-x: $kendo-wizard-content-padding-x,
+    $kendo-wizard-content-padding-y: $kendo-wizard-content-padding-y,
+    $kendo-wizard-buttons-margin-x: $kendo-wizard-buttons-margin-x,
+    $kendo-wizard-border-width: $kendo-wizard-border-width,
+    $kendo-wizard-font-size: $kendo-wizard-font-size,
+    $kendo-wizard-line-height: $kendo-wizard-line-height,
+    $kendo-wizard-font-family: $kendo-wizard-font-family,
+    $kendo-wizard-step-focus-border: $kendo-wizard-step-focus-border
+);

package/scss/_bootstrap-overrides.scss

@@ -1,20 +0,0 @@
-$gray-100: #f8f9fa !default;
-$gray-200: #e9ecef !default;
-$gray-300: #dee2e6 !default;
-$gray-400: #ced4da !default;
-$gray-500: #adb5bd !default;
-$gray-600: #6c757d !default;
-$gray-700: #495057 !default;
-$gray-800: #343a40 !default;
-$gray-900: #212529 !default;
-
-$kendo-body-bg: #ffffff !default;
-
-$kendo-component-bg: $kendo-body-bg !default;
-$kendo-component-text: k-contrast-color( $kendo-component-bg, $gray-900, $gray-100 ) !default;
-$kendo-component-border: if( k-is-light( $kendo-component-bg ), $gray-300, $gray-700 ) !default;
-
-$input-bg: $kendo-component-bg !default;
-$input-color: k-contrast-color( $input-bg, $gray-900, $gray-300 ) !default;
-$input-border-color: if( k-is-light( $input-bg ), $gray-400, $gray-600 ) !default;
-$input-placeholder-color: k-contrast-color( $input-bg, $gray-600, $gray-400 ) !default;

package/scss/bootstrap_dist.scss

@@ -1 +0,0 @@
-@import "bootstrap/scss/bootstrap.scss";

package/scss/core/module-system/index.import.scss

@@ -1 +0,0 @@
-@import "@progress/kendo-theme-core/scss/module-system/index.import.scss";