fix: align how we use module system with the rest of the themes

telerik · Mar 31, 2023 · 690aafa · 690aafa
1 parent e7c714d
commit 690aafa
Show file tree

Hide file tree

Showing 320 changed files with 1,285 additions and 1,490 deletions.
diff --git a/packages/nouvelle/scss/_variables.scss b/packages/nouvelle/scss/_variables.scss
@@ -9,6 +9,8 @@ $kendo-use-input-button-width: false !default;
 $kendo-use-input-spinner-width: false !default;
 $kendo-use-input-spinner-icon-offset: false !default;
 
+$kendo-auto-bootstrap: false !default;
+
 
 // Spacing
 $kendo-spacing: (

diff --git a/packages/nouvelle/scss/action-sheet/_layout.scss b/packages/nouvelle/scss/action-sheet/_layout.scss
@@ -7,8 +7,3 @@
     }
 
 }
-
-
-
-
-@mixin kendo-action-sheet--extended-layout() {}
diff --git a/packages/nouvelle/scss/action-sheet/_theme.scss b/packages/nouvelle/scss/action-sheet/_theme.scss
@@ -1,6 +1 @@
 @mixin kendo-action-sheet--theme() {}
-
-
-
-
-@mixin kendo-action-sheet--extended-theme() {}
diff --git a/packages/nouvelle/scss/action-sheet/index.scss b/packages/nouvelle/scss/action-sheet/index.scss
@@ -1,3 +1,6 @@
+@import "../core/index.import.scss";
+
+
 // Module meta
 $_kendo-module-meta: (
     name: "action-sheet",
@@ -14,15 +17,18 @@ $_kendo-module-meta: (
 
 
 // Register
+@import "../core/module-system/index.import.scss";
 @include module-register( $_kendo-module-meta... );
 
 
 // Expose
-@mixin action-sheet-styles() {
+@mixin kendo-action-sheet--styles() {
     @include module-render( "action-sheet" ) {
         @include kendo-action-sheet--layout();
-        @include kendo-action-sheet--extended-layout();
         @include kendo-action-sheet--theme();
-        @include kendo-action-sheet--extended-theme();
     }
 }
+
+@if $kendo-auto-bootstrap {
+    @include kendo-action-sheet--styles();
+}
diff --git a/packages/nouvelle/scss/actions/_layout.scss b/packages/nouvelle/scss/actions/_layout.scss
@@ -75,8 +75,3 @@
     }
 
 }
-
-
-
-
-@mixin kendo-actions--extended-layout() {}
diff --git a/packages/nouvelle/scss/actions/_theme.scss b/packages/nouvelle/scss/actions/_theme.scss
@@ -1,5 +1,6 @@
 @mixin kendo-actions--theme() {
 
+    // Actions
     .k-actions {
         --INTERNAL--kendo-actions-bg: var( --kendo-actions-bg, #{$kendo-actions-bg} );
         --INTERNAL--kendo-actions-text: var( --kendo-actions-text, #{$kendo-actions-text} );
@@ -11,8 +12,3 @@
     }
 
 }
-
-
-
-
-@mixin kendo-actions--extended-theme() {}
diff --git a/packages/nouvelle/scss/actions/index.scss b/packages/nouvelle/scss/actions/index.scss
@@ -1,3 +1,6 @@
+@import "../core/index.import.scss";
+
+
 // Module meta
 $_kendo-module-meta: (
     name: "actions",
@@ -12,15 +15,18 @@ $_kendo-module-meta: (
 
 
 // Register
+@import "../core/module-system/index.import.scss";
 @include module-register( $_kendo-module-meta... );
 
 
 // Expose
-@mixin actions-styles() {
+@mixin kendo-actions--styles() {
     @include module-render( "actions" ) {
         @include kendo-actions--layout();
-        @include kendo-actions--extended-layout();
         @include kendo-actions--theme();
-        @include kendo-actions--extended-theme();
     }
 }
+
+@if $kendo-auto-bootstrap {
+    @include kendo-actions--styles();
+}
diff --git a/packages/nouvelle/scss/adaptive/_layout.scss b/packages/nouvelle/scss/adaptive/_layout.scss
@@ -7,8 +7,3 @@
     }
 
 }
-
-
-
-
-@mixin kendo-adaptive--extended-layout() {}
diff --git a/packages/nouvelle/scss/adaptive/_theme.scss b/packages/nouvelle/scss/adaptive/_theme.scss
@@ -1,6 +1 @@
 @mixin kendo-adaptive--theme() {}
-
-
-
-
-@mixin kendo-adaptive--extended-theme() {}
diff --git a/packages/nouvelle/scss/adaptive/index.scss b/packages/nouvelle/scss/adaptive/index.scss
@@ -1,3 +1,6 @@
+@import "../core/index.import.scss";
+
+
 // Module meta
 $_kendo-module-meta: (
     name: "adaptive",
@@ -12,15 +15,18 @@ $_kendo-module-meta: (
 
 
 // Register
+@import "../core/module-system/index.import.scss";
 @include module-register( $_kendo-module-meta... );
 
 
 // Expose
-@mixin adaptive-styles() {
+@mixin kendo-adaptive--styles() {
     @include module-render( "adaptive" ) {
         @include kendo-adaptive--layout();
-        @include kendo-adaptive--extended-layout();
         @include kendo-adaptive--theme();
-        @include kendo-adaptive--extended-theme();
     }
 }
+
+@if $kendo-auto-bootstrap {
+    @include kendo-adaptive--styles();
+}
diff --git a/packages/nouvelle/scss/all.scss b/packages/nouvelle/scss/all.scss
@@ -1,3 +1,7 @@
 @import "./index.scss";
 
-@include kendo-styles();
+
+@if not $kendo-auto-bootstrap {
+    @include kendo-theme--config();
+    @include kendo-theme--styles();
+}
diff --git a/packages/nouvelle/scss/appbar/_layout.scss b/packages/nouvelle/scss/appbar/_layout.scss
@@ -108,8 +108,3 @@
     }
 
 }
-
-
-
-
-@mixin kendo-appbar--extended-layout() {}
diff --git a/packages/nouvelle/scss/appbar/_theme.scss b/packages/nouvelle/scss/appbar/_theme.scss
@@ -33,8 +33,3 @@
     }
 
 }
-
-
-
-
-@mixin kendo-appbar--extended-theme() {}
diff --git a/packages/nouvelle/scss/appbar/_variables.scss b/packages/nouvelle/scss/appbar/_variables.scss
@@ -1,3 +1,6 @@
+@import "../_variables.scss";
+
+
 // Appbar
 $kendo-appbar-margin-y: null !default;
 $kendo-appbar-margin-x: null !default;

diff --git a/packages/nouvelle/scss/appbar/index.scss b/packages/nouvelle/scss/appbar/index.scss
@@ -1,3 +1,6 @@
+@import "../core/index.import.scss";
+
+
 // Module meta
 $_kendo-module-meta: (
     name: "appbar",
@@ -12,15 +15,18 @@ $_kendo-module-meta: (
 
 
 // Register
+@import "../core/module-system/index.import.scss";
 @include module-register( $_kendo-module-meta... );
 
 
 // Expose
-@mixin appbar-styles() {
+@mixin kendo-appbar--styles() {
     @include module-render( "appbar" ) {
         @include kendo-appbar--layout();
-        @include kendo-appbar--extended-layout();
         @include kendo-appbar--theme();
-        @include kendo-appbar--extended-theme();
     }
 }
+
+@if $kendo-auto-bootstrap {
+    @include kendo-appbar--styles();
+}
diff --git a/packages/nouvelle/scss/autocomplete/_layout.scss b/packages/nouvelle/scss/autocomplete/_layout.scss
@@ -4,8 +4,3 @@
     .k-autocomplete {}
 
 }
-
-
-
-
-@mixin kendo-autocomplete--extended-layout() {}
diff --git a/packages/nouvelle/scss/autocomplete/_theme.scss b/packages/nouvelle/scss/autocomplete/_theme.scss
@@ -4,8 +4,3 @@
     .k-autocomplete {}
 
 }
-
-
-
-
-@mixin kendo-autocomplete--extended-theme() {}
diff --git a/packages/nouvelle/scss/autocomplete/index.scss b/packages/nouvelle/scss/autocomplete/index.scss
@@ -1,3 +1,6 @@
+@import "../core/index.import.scss";
+
+
 // Module meta
 $_kendo-module-meta: (
     name: "autocomplete",
@@ -17,15 +20,18 @@ $_kendo-module-meta: (
 
 
 // Register
+@import "../core/module-system/index.import.scss";
 @include module-register( $_kendo-module-meta... );
 
 
 // Expose
-@mixin autocomplete-styles() {
+@mixin kendo-autocomplete--styles() {
     @include module-render( "autocomplete" ) {
         @include kendo-autocomplete--layout();
-        @include kendo-autocomplete--extended-layout();
         @include kendo-autocomplete--theme();
-        @include kendo-autocomplete--extended-theme();
     }
 }
+
+@if $kendo-auto-bootstrap {
+    @include kendo-autocomplete--styles();
+}
diff --git a/packages/nouvelle/scss/avatar/_layout.scss b/packages/nouvelle/scss/avatar/_layout.scss
@@ -75,8 +75,3 @@
     }
 
 }
-
-
-
-
-@mixin kendo-avatar--extended-layout() {}
diff --git a/packages/nouvelle/scss/avatar/_theme.scss b/packages/nouvelle/scss/avatar/_theme.scss
@@ -29,8 +29,3 @@
     }
 
 }
-
-
-
-
-@mixin kendo-avatar--extended-theme() {}
diff --git a/packages/nouvelle/scss/avatar/index.scss b/packages/nouvelle/scss/avatar/index.scss
@@ -1,3 +1,6 @@
+@import "../core/index.import.scss";
+
+
 // Module meta
 $_kendo-module-meta: (
     name: "avatar",
@@ -12,15 +15,18 @@ $_kendo-module-meta: (
 
 
 // Register
+@import "../core/module-system/index.import.scss";
 @include module-register( $_kendo-module-meta... );
 
 
 // Expose
-@mixin avatar-styles() {
+@mixin kendo-avatar--styles() {
     @include module-render( "avatar" ) {
         @include kendo-avatar--layout();
-        @include kendo-avatar--extended-layout();
         @include kendo-avatar--theme();
-        @include kendo-avatar--extended-theme();
     }
 }
+
+@if $kendo-auto-bootstrap {
+    @include kendo-avatar--styles();
+}
diff --git a/packages/nouvelle/scss/badge/_layout.scss b/packages/nouvelle/scss/badge/_layout.scss
@@ -151,8 +151,3 @@
     }
 
 }
-
-
-
-
-@mixin kendo-badge--extended-layout() {}
diff --git a/packages/nouvelle/scss/badge/_theme.scss b/packages/nouvelle/scss/badge/_theme.scss
@@ -29,8 +29,3 @@
     }
 
 }
-
-
-
-
-@mixin kendo-badge--extended-theme() {}
diff --git a/packages/nouvelle/scss/badge/index.scss b/packages/nouvelle/scss/badge/index.scss
@@ -1,3 +1,6 @@
+@import "../core/index.import.scss";
+
+
 // Module meta
 $_kendo-module-meta: (
     name: "badge",
@@ -14,15 +17,18 @@ $_kendo-module-meta: (
 
 
 // Register
+@import "../core/module-system/index.import.scss";
 @include module-register( $_kendo-module-meta... );
 
 
 // Expose
-@mixin badge-styles() {
+@mixin kendo-badge--styles() {
     @include module-render( "badge" ) {
         @include kendo-badge--layout();
-        @include kendo-badge--extended-layout();
         @include kendo-badge--theme();
-        @include kendo-badge--extended-theme();
     }
 }
+
+@if $kendo-auto-bootstrap {
+    @include kendo-badge--styles();
+}
diff --git a/packages/nouvelle/scss/bottom-nav/_layout.scss b/packages/nouvelle/scss/bottom-nav/_layout.scss
@@ -1,4 +1,4 @@
-@mixin kendo-bottom-nav--layout() {
+@mixin kendo-bottom-navigation--layout() {
 
     // Bottom Navigation
     .k-bottom-nav {
@@ -113,8 +113,3 @@
     }
 
 }
-
-
-
-
-@mixin kendo-bottom-nav--extended-layout() {}
diff --git a/packages/nouvelle/scss/bottom-nav/_theme.scss b/packages/nouvelle/scss/bottom-nav/_theme.scss
@@ -1,4 +1,4 @@
-@mixin kendo-bottom-nav--theme() {
+@mixin kendo-bottom-navigation--theme() {
 
     // Bottom navigation
     .k-bottom-nav {
@@ -218,8 +218,3 @@
     }
 
 }
-
-
-
-
-@mixin kendo-bottom-nav--extended-theme() {}