feat(module-system): integrate module system in bootstrap theme

telerik · Mar 31, 2023 · 3fa375d · 3fa375d
1 parent 0e5e949
commit 3fa375d
Show file tree

Hide file tree

Showing 325 changed files with 3,128 additions and 89 deletions.
diff --git a/packages/bootstrap/scss/_variables.scss b/packages/bootstrap/scss/_variables.scss
@@ -16,6 +16,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: true !default;
+
 
 // Spacing
 $kendo-spacing: (

diff --git a/packages/bootstrap/scss/action-buttons/_index.scss b/packages/bootstrap/scss/action-buttons/_index.scss
@@ -18,3 +18,21 @@ $_kendo-module-meta: (
 @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-actions--styles() {
+    @include module-render( "actions" ) {
+        @include kendo-actions--layout();
+        @include kendo-actions--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-actions--styles();
+}
diff --git a/packages/bootstrap/scss/action-buttons/_layout.scss b/packages/bootstrap/scss/action-buttons/_layout.scss
@@ -1 +1,5 @@
 @import "@progress/kendo-theme-default/scss/action-buttons/_layout.scss";
+
+@mixin kendo-actions--layout() {
+    @include kendo-actions--layout-base();
+}
diff --git a/packages/bootstrap/scss/action-buttons/_theme.scss b/packages/bootstrap/scss/action-buttons/_theme.scss
@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/action-buttons/_theme.scss";
+
+
+@mixin kendo-actions--theme() {
+    @include kendo-actions--theme-base();
+}
diff --git a/packages/bootstrap/scss/action-sheet/_index.scss b/packages/bootstrap/scss/action-sheet/_index.scss
@@ -23,3 +23,21 @@ $_kendo-module-meta: (
 @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-action-sheet--styles() {
+    @include module-render( "action-sheet" ) {
+        @include kendo-action-sheet--layout();
+        @include kendo-action-sheet--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-action-sheet--styles();
+}
diff --git a/packages/bootstrap/scss/action-sheet/_layout.scss b/packages/bootstrap/scss/action-sheet/_layout.scss
@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/action-sheet/_layout.scss";
+
+
+@mixin kendo-action-sheet--layout() {
+    @include kendo-action-sheet--layout-base();
+}
diff --git a/packages/bootstrap/scss/action-sheet/_theme.scss b/packages/bootstrap/scss/action-sheet/_theme.scss
@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/action-sheet/_theme.scss";
+
+
+@mixin kendo-action-sheet--theme() {
+    @include kendo-action-sheet--theme-base();
+}
diff --git a/packages/bootstrap/scss/adaptive/_index.scss b/packages/bootstrap/scss/adaptive/_index.scss
@@ -27,3 +27,21 @@ $_kendo-module-meta: (
 @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-adaptive--styles() {
+    @include module-render( "adaptive" ) {
+        @include kendo-adaptive--layout();
+        @include kendo-adaptive--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-adaptive--styles();
+}
diff --git a/packages/bootstrap/scss/adaptive/_layout.scss b/packages/bootstrap/scss/adaptive/_layout.scss
@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/adaptive/_layout.scss";
+
+
+@mixin kendo-adaptive--layout() {
+    @include kendo-adaptive--layout-base();
+}
diff --git a/packages/bootstrap/scss/adaptive/_theme.scss b/packages/bootstrap/scss/adaptive/_theme.scss
@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/adaptive/_theme.scss";
+
+
+@mixin kendo-adaptive--theme() {
+    @include kendo-adaptive--theme-base();
+}
diff --git a/packages/bootstrap/scss/all.scss b/packages/bootstrap/scss/all.scss
@@ -1 +1,7 @@
 @import "./index.scss";
+
+
+@if not $kendo-auto-bootstrap {
+    @include kendo-theme--config();
+    @include kendo-theme--styles();
+}
diff --git a/packages/bootstrap/scss/appbar/_index.scss b/packages/bootstrap/scss/appbar/_index.scss
@@ -17,3 +17,21 @@ $_kendo-module-meta: (
 @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-appbar--styles() {
+    @include module-render( "appbar" ) {
+        @include kendo-appbar--layout();
+        @include kendo-appbar--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-appbar--styles();
+}
diff --git a/packages/bootstrap/scss/appbar/_layout.scss b/packages/bootstrap/scss/appbar/_layout.scss
@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/appbar/_layout.scss";
+
+
+@mixin kendo-appbar--layout() {
+    @include kendo-appbar--layout-base();
+}
diff --git a/packages/bootstrap/scss/appbar/_theme.scss b/packages/bootstrap/scss/appbar/_theme.scss
@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/appbar/_theme.scss";
+
+
+@mixin kendo-appbar--theme() {
+    @include kendo-appbar--theme-base();
+}
diff --git a/packages/bootstrap/scss/autocomplete/_index.scss b/packages/bootstrap/scss/autocomplete/_index.scss
@@ -27,3 +27,21 @@ $_kendo-module-meta: (
 @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-autocomplete--styles() {
+    @include module-render( "autocomplete" ) {
+        @include kendo-autocomplete--layout();
+        @include kendo-autocomplete--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-autocomplete--styles();
+}
diff --git a/packages/bootstrap/scss/autocomplete/_layout.scss b/packages/bootstrap/scss/autocomplete/_layout.scss
@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/autocomplete/_layout.scss";
+
+
+@mixin kendo-autocomplete--layout() {
+    @include kendo-autocomplete--layout-base();
+}
diff --git a/packages/bootstrap/scss/autocomplete/_theme.scss b/packages/bootstrap/scss/autocomplete/_theme.scss
@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/autocomplete/_theme.scss";
+
+
+@mixin kendo-autocomplete--theme() {
+    @include kendo-autocomplete--theme-base();
+}
diff --git a/packages/bootstrap/scss/avatar/_index.scss b/packages/bootstrap/scss/avatar/_index.scss
@@ -17,3 +17,21 @@ $_kendo-module-meta: (
 @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-avatar--styles() {
+    @include module-render( "avatar" ) {
+        @include kendo-avatar--layout();
+        @include kendo-avatar--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-avatar--styles();
+}
diff --git a/packages/bootstrap/scss/avatar/_layout.scss b/packages/bootstrap/scss/avatar/_layout.scss
@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/avatar/_layout.scss";
+
+
+@mixin kendo-avatar--layout() {
+    @include kendo-avatar--layout-base();
+}
diff --git a/packages/bootstrap/scss/avatar/_theme.scss b/packages/bootstrap/scss/avatar/_theme.scss
@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/avatar/_theme.scss";
+
+
+@mixin kendo-avatar--theme() {
+    @include kendo-avatar--theme-base();
+}
diff --git a/packages/bootstrap/scss/badge/_index.scss b/packages/bootstrap/scss/badge/_index.scss
@@ -21,3 +21,21 @@ $_kendo-module-meta: (
 @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-badge--styles() {
+    @include module-render( "badge" ) {
+        @include kendo-badge--layout();
+        @include kendo-badge--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-badge--styles();
+}
diff --git a/packages/bootstrap/scss/badge/_layout.scss b/packages/bootstrap/scss/badge/_layout.scss
@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/badge/_layout.scss";
+
+
+@mixin kendo-badge--layout() {
+    @include kendo-badge--layout-base();
+}
diff --git a/packages/bootstrap/scss/badge/_theme.scss b/packages/bootstrap/scss/badge/_theme.scss
@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/badge/_theme.scss";
+
+
+@mixin kendo-badge--theme() {
+    @include kendo-badge--theme-base();
+}
diff --git a/packages/bootstrap/scss/bottom-navigation/_index.scss b/packages/bootstrap/scss/bottom-navigation/_index.scss
@@ -22,3 +22,21 @@ $_kendo-module-meta: (
 @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-bottom-navigation--styles() {
+    @include module-render( "bottom-navigation" ) {
+        @include kendo-bottom-navigation--layout();
+        @include kendo-bottom-navigation--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-bottom-navigation--styles();
+}
diff --git a/packages/bootstrap/scss/bottom-navigation/_layout.scss b/packages/bootstrap/scss/bottom-navigation/_layout.scss
@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/bottom-navigation/_layout.scss";
+
+
+@mixin kendo-bottom-navigation--layout() {
+    @include kendo-bottom-navigation--layout-base();
+}
diff --git a/packages/bootstrap/scss/bottom-navigation/_theme.scss b/packages/bootstrap/scss/bottom-navigation/_theme.scss
@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/bottom-navigation/_theme.scss";
+
+
+@mixin kendo-bottom-navigation--theme() {
+    @include kendo-bottom-navigation--theme-base();
+}
diff --git a/packages/bootstrap/scss/breadcrumb/_index.scss b/packages/bootstrap/scss/breadcrumb/_index.scss
@@ -22,3 +22,21 @@ $_kendo-module-meta: (
 @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-breadcrumb--styles() {
+    @include module-render( "breadcrumb" ) {
+        @include kendo-breadcrumb--layout();
+        @include kendo-breadcrumb--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-breadcrumb--styles();
+}
diff --git a/packages/bootstrap/scss/breadcrumb/_layout.scss b/packages/bootstrap/scss/breadcrumb/_layout.scss
@@ -1,6 +1,9 @@
 @import "@progress/kendo-theme-default/scss/breadcrumb/_layout.scss";
 
-@include exports( "breadcrumb/layout/bootstrap" ) {
+
+@mixin kendo-breadcrumb--layout() {
+
+    @include kendo-breadcrumb--layout-base();
 
     // Breadcrumb links
     .k-breadcrumb-link,

diff --git a/packages/bootstrap/scss/breadcrumb/_theme.scss b/packages/bootstrap/scss/breadcrumb/_theme.scss
@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/breadcrumb/_theme.scss";
+
+
+@mixin kendo-breadcrumb--theme() {
+    @include kendo-breadcrumb--theme-base();
+}
diff --git a/packages/bootstrap/scss/button/_index.scss b/packages/bootstrap/scss/button/_index.scss
@@ -21,3 +21,21 @@ $_kendo-module-meta: (
 @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-button--styles() {
+    @include module-render( "button" ) {
+        @include kendo-button--layout();
+        @include kendo-button--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-button--styles();
+}
diff --git a/packages/bootstrap/scss/button/_layout.scss b/packages/bootstrap/scss/button/_layout.scss
@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/button/_layout.scss";
+
+
+@mixin kendo-button--layout() {
+    @include kendo-button--layout-base();
+}
diff --git a/packages/bootstrap/scss/button/_theme.scss b/packages/bootstrap/scss/button/_theme.scss
@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/button/_theme.scss";
+
+
+@mixin kendo-button--theme() {
+    @include kendo-button--theme-base();
+}