@progress/kendo-theme-bootstrap 6.2.1-dev.1 → 6.2.1-dev.154

package/scss/radio/_variables.scss

@@ -4,152 +4,183 @@
 
 // Radio button
 
-/// Border radius of radio button.
+/// The border radius of the RadioButton.
 /// @group radio
 $kendo-radio-radius: 50% !default;
-/// Border width of radio button.
+/// The border width of the RadioButton.
 /// @group radio
 $kendo-radio-border-width: 1px !default;
 
-// Radio button sizes
+/// The size of a small RadioButton.
+/// @group radio
+$kendo-radio-sm-size: k-map-get( $kendo-spacing, 3 ) !default;
+/// The size of a medium RadioButton.
+/// @group radio
+$kendo-radio-md-size: k-map-get( $kendo-spacing, 4 ) !default;
+/// The size of a large RadioButton.
+/// @group radio
+$kendo-radio-lg-size: k-map-get( $kendo-spacing, 5 ) !default;
+
+/// The glyph size of a small RadioButton.
+/// @group radio
+$kendo-radio-sm-glyph-size: k-map-get( $kendo-spacing, 2.5 ) !default;
+/// The glyph size of a medium RadioButton.
+/// @group radio
+$kendo-radio-md-glyph-size: k-map-get( $kendo-spacing, 3.5 ) !default;
+/// The glyph size of a large RadioButton.
+/// @group radio
+$kendo-radio-lg-glyph-size: k-map-get( $kendo-spacing, 4.5 ) !default;
+
+/// The ripple size of a small RadioButton.
+/// @group radio
+$kendo-radio-sm-ripple-size: 300% !default;
+/// The ripple size of a medium RadioButton.
+/// @group radio
+$kendo-radio-md-ripple-size: 300% !default;
+/// The ripple size of a large RadioButton.
+/// @group radio
+$kendo-radio-lg-ripple-size: 300% !default;
+
+/// The map with the different RadioButton sizes.
+/// @group radio
 $kendo-radio-sizes: (
     sm: (
-        size: k-map-get( $kendo-spacing, 3 ),
-        glyph-size: k-map-get( $kendo-spacing, 2.5 ),
-        ripple-size: 300%
+        size: $kendo-radio-sm-size,
+        glyph-size: $kendo-radio-sm-glyph-size,
+        ripple-size: $kendo-radio-sm-ripple-size
     ),
     md: (
-        size: k-map-get( $kendo-spacing, 4 ),
-        glyph-size: k-map-get( $kendo-spacing, 3.5 ),
-        ripple-size: 300%
+        size: $kendo-radio-md-size,
+        glyph-size: $kendo-radio-md-glyph-size,
+        ripple-size: $kendo-radio-md-ripple-size
     ),
     lg: (
-        size: k-map-get( $kendo-spacing, 5 ),
-        glyph-size: k-map-get( $kendo-spacing, 4.5 ),
-        ripple-size: 300%
+        size: $kendo-radio-lg-size,
+        glyph-size: $kendo-radio-lg-glyph-size,
+        ripple-size: $kendo-radio-lg-ripple-size
     )
 ) !default;
 
-/// Background color of radio button.
+/// The background color of the RadioButton.
 /// @group radio
 $kendo-radio-bg: $kendo-checkbox-bg !default;
-/// Color of radio button.
+/// The text color of radio button.
 /// @group radio
 $kendo-radio-text: $kendo-checkbox-text !default;
-/// Border color of radio button.
+/// The border color of the RadioButton.
 /// @group radio
 $kendo-radio-border: $kendo-checkbox-border !default;
 
-/// Background color of hovered radio button.
+/// The background color of the hovered RadioButton.
 /// @group radio
 $kendo-radio-hover-bg: $kendo-checkbox-hover-bg !default;
-/// Color of hovered radio button.
+/// The text color of the hovered RadioButton.
 /// @group radio
 $kendo-radio-hover-text: $kendo-checkbox-hover-text !default;
-/// Border color of hovered radio button.
+/// The border color of the hovered RadioButton.
 /// @group radio
 $kendo-radio-hover-border: $kendo-checkbox-hover-border !default;
 
-/// Background color of checked radio button.
+/// The background color of the checked RadioButton.
 /// @group radio
 $kendo-radio-checked-bg: $kendo-checkbox-checked-bg !default;
-/// Color of checked radio button.
+/// The text color of the checked RadioButton.
 /// @group radio
 $kendo-radio-checked-text: $kendo-checkbox-checked-text !default;
-/// Border color of checked radio button.
+/// The border color of the checked RadioButton.
 /// @group radio
 $kendo-radio-checked-border: $kendo-checkbox-checked-border !default;
 
-/// Border color of focused radio button.
+/// The border color of the focused RadioButton.
 /// @group radio
 $kendo-radio-focus-border: $kendo-checkbox-focus-border !default;
-/// Box shadow of focused radio button.
+/// The box shadow of the focused RadioButton.
 /// @group radio
 $kendo-radio-focus-shadow: $kendo-checkbox-focus-shadow !default;
-/// Border color of focused and checked radio button.
+/// The border color of the focused and checked RadioButton.
 /// @group radio
 $kendo-radio-focus-checked-border: $kendo-checkbox-focus-checked-border !default;
-/// Box shadow of focused and checked radio button.
+/// The box shadow of the focused and checked RadioButton.
 /// @group radio
 $kendo-radio-focus-checked-shadow: $kendo-checkbox-focus-checked-shadow !default;
 
-/// Background color of disabled radio button.
+/// The background color of the disabled RadioButton.
 /// @group radio
 $kendo-radio-disabled-bg: $kendo-checkbox-disabled-bg !default;
-/// Color of disabled radio button.
+/// The color of the disabled RadioButton.
 /// @group radio
 $kendo-radio-disabled-text: $kendo-checkbox-disabled-text !default;
-/// Border color of disabled radio button.
+/// The border color of the disabled RadioButton.
 /// @group radio
 $kendo-radio-disabled-border: $kendo-checkbox-disabled-border !default;
 
-/// Background color of disabled and checked radio button.
+/// The background color of the disabled and checked RadioButton.
 /// @group radio
 $kendo-radio-disabled-checked-bg: $kendo-checkbox-disabled-checked-bg !default;
-/// Color of disabled and checked radio button.
+/// The color of the disabled and checked RadioButton.
 /// @group radio
 $kendo-radio-disabled-checked-text: $kendo-checkbox-disabled-checked-text !default;
-/// Border color of disabled and checked radio button.
+/// The border color of disabled and checked RadioButton.
 /// @group radio
 $kendo-radio-disabled-checked-border: $kendo-checkbox-disabled-checked-border !default;
 
-/// Background color of invalid radio button.
+/// The background color of the invalid RadioButton.
 /// @group radio
 $kendo-radio-invalid-bg: $kendo-checkbox-invalid-bg !default;
-/// Color of invalid radio button.
+/// The text color of the invalid RadioButton.
 /// @group radio
 $kendo-radio-invalid-text: $kendo-checkbox-invalid-text !default;
-/// Border color of invalid radio button.
+/// The border color of the invalid RadioButton.
 /// @group radio
 $kendo-radio-invalid-border: $kendo-checkbox-invalid-border !default;
 
 
 // Radio indicator
 
-/// Type of radio button indicator.
+/// The type of the RadioButton indicator.
 /// @group radio
 $kendo-radio-indicator-type: image !default;
 
-/// Glyph font family of radio button indicator.
+/// The font family of the RadioButton indicator glyph.
 /// @group radio
 $kendo-radio-glyph-font-family: "WebComponentsIcons", monospace !default;
-/// Glyph of radio button indicator.
+/// The glyph of the RadioButton indicator.
 /// @group radio
 $kendo-radio-checked-glyph: "\e308" !default;
 
-/// Image of checked radio button indicator.
+/// The image of the checked RadioButton indicator.
 /// @group radio
 $kendo-radio-checked-image: k-escape-svg( url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2' fill='#{$kendo-radio-checked-text}'/></svg>") ) !default;
-/// Image of disabled and checked radio button indicator.
+/// The image of the disabled and checked RadioButton indicator.
 /// @group radio
 $kendo-radio-disabled-checked-image: null !default;
 
 
 // Radio label
 
-/// The horizontal margin of the radio button inside of a label.
+/// The horizontal margin of the RadioButton inside of a label.
 /// @group radio
 $kendo-radio-label-margin-x: k-map-get( $kendo-spacing, 1 ) !default;
 
 
 // Radio list
 
-/// Spacing between items of horizontal radio button list.
+/// The horizontal list item margin of the RadioButton.
 /// @group radio
 $kendo-radio-list-spacing: k-map-get( $kendo-spacing, 4 ) !default;
-/// Horizontal padding of radio button list items.
+/// The horizontal list item padding of the RadioButton.
 /// @group radio
 $kendo-radio-list-item-padding-x: 0px !default;
-/// Vertical padding of radio button list items.
+/// The vertical list item padding of the RadioButton.
 /// @group radio
 $kendo-radio-list-item-padding-y: $kendo-list-md-item-padding-y !default;
 
 
 // Radio ripple
 
-/// Background color of radio button ripple.
+/// The background color of the RadioButton ripple.
 /// @group radio
 $kendo-radio-ripple-bg: $kendo-radio-checked-bg !default;
-/// Opacity of radio button ripple.
+/// The opacity of the RadioButton ripple.
 /// @group radio
 $kendo-radio-ripple-opacity: .25 !default;

package/scss/rating/_index.scss

@@ -20,3 +20,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-rating--styles() {
+    @include module-render( "rating" ) {
+        @include kendo-rating--layout();
+        @include kendo-rating--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-rating--styles();
+}

package/scss/rating/_layout.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/rating/_layout.scss";
+
+
+@mixin kendo-rating--layout() {
+    @include kendo-rating--layout-base();
+}

package/scss/rating/_theme.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/rating/_theme.scss";
+
+
+@mixin kendo-rating--theme() {
+    @include kendo-rating--theme-base();
+}

package/scss/responsivepanel/_index.scss

@@ -20,3 +20,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-responsive-panel--styles() {
+    @include module-render( "responsive-panel" ) {
+        @include kendo-responsive-panel--layout();
+        @include kendo-responsive-panel--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-responsive-panel--styles();
+}

package/scss/responsivepanel/_layout.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/responsivepanel/_layout.scss";
+
+
+@mixin kendo-responsive-panel--layout() {
+    @include kendo-responsive-panel--layout-base();
+}

package/scss/responsivepanel/_theme.scss

@@ -0,0 +1,6 @@
+@import "@progress/kendo-theme-default/scss/responsivepanel/_theme.scss";
+
+
+@mixin kendo-responsive-panel--theme() {
+    @include kendo-responsive-panel--theme-base();
+}

package/scss/ripple/_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-ripple--styles() {
+    @include module-render( "ripple" ) {
+        @include kendo-ripple--layout();
+        @include kendo-ripple--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-ripple--styles();
+}

package/scss/ripple/_layout.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/ripple/_layout.scss";
+
+
+@mixin kendo-ripple--layout() {
+    @include kendo-ripple--layout-base();
+}

package/scss/ripple/_theme.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/ripple/_theme.scss";
+
+
+@mixin kendo-ripple--theme() {
+    @include kendo-ripple--theme-base();
+}

package/scss/scheduler/_index.scss

@@ -32,3 +32,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-scheduler--styles() {
+    @include module-render( "scheduler" ) {
+        @include kendo-scheduler--layout();
+        @include kendo-scheduler--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-scheduler--styles();
+}

package/scss/scheduler/_layout.scss

@@ -1,6 +1,9 @@
 @import "@progress/kendo-theme-default/scss/scheduler/_layout.scss";
 
-@include exports("scheduler/layout/bootstrap") {
+
+@mixin kendo-scheduler--layout() {
+
+    @include kendo-scheduler--layout-base();
 
     // Appointments
     kendo-scheduler .k-event,

package/scss/scheduler/_theme.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/scheduler/_theme.scss";
+
+
+@mixin kendo-scheduler--theme() {
+    @include kendo-scheduler--theme-base();
+}

package/scss/scroller/_index.scss

@@ -20,3 +20,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-scroller--styles() {
+    @include module-render( "scroller" ) {
+        @include kendo-scroller--layout();
+        @include kendo-scroller--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-scroller--styles();
+}

package/scss/scroller/_layout.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/scroller/_layout.scss";
+
+
+@mixin kendo-scroller--layout() {
+    @include kendo-scroller--layout-base();
+}

package/scss/scroller/_theme.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/scroller/_theme.scss";
+
+
+@mixin kendo-scroller--theme() {
+    @include kendo-scroller--theme-base();
+}

package/scss/scrollview/_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-scrollview--styles() {
+    @include module-render( "scrollview" ) {
+        @include kendo-scrollview--layout();
+        @include kendo-scrollview--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-scrollview--styles();
+}

package/scss/scrollview/_layout.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/scrollview/_layout.scss";
+
+
+@mixin kendo-scrollview--layout() {
+    @include kendo-scrollview--layout-base();
+}

package/scss/scrollview/_theme.scss

@@ -1,4 +1,7 @@
-@include exports( "scrollview/theme" ) {
+@import "@progress/kendo-theme-default/scss/scrollview/_theme.scss";
+
+
+@mixin kendo-scrollview--theme() {
 
     // refactor when https://github.com/telerik/kendo-angular-scrollview/issues/130 is done
     kendo-scrollview.k-scrollview-wrap,

package/scss/searchbox/_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-searchbox--styles() {
+    @include module-render( "searchbox" ) {
+        @include kendo-searchbox--layout();
+        @include kendo-searchbox--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-searchbox--styles();
+}

package/scss/searchbox/_layout.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/searchbox/_layout.scss";
+
+
+@mixin kendo-searchbox--layout() {
+    @include kendo-searchbox--layout-base();
+}

package/scss/searchbox/_theme.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/searchbox/_theme.scss";
+
+
+@mixin kendo-searchbox--theme() {
+    @include kendo-searchbox--theme-base();
+}

package/scss/signature/_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-signature--styles() {
+    @include module-render( "signature" ) {
+        @include kendo-signature--layout();
+        @include kendo-signature--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-signature--styles();
+}

package/scss/signature/_layout.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/signature/_layout.scss";
+
+
+@mixin kendo-signature--layout() {
+    @include kendo-signature--layout-base();
+}

package/scss/signature/_theme.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/signature/_theme.scss";
+
+
+@mixin kendo-signature--theme() {
+    @include kendo-signature--theme-base();
+}

package/scss/skeleton/_index.scss

@@ -16,3 +16,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-skeleton--styles() {
+    @include module-render( "skeleton" ) {
+        @include kendo-skeleton--layout();
+        @include kendo-skeleton--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-skeleton--styles();
+}

package/scss/skeleton/_layout.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/skeleton/_layout.scss";
+
+
+@mixin kendo-skeleton--layout() {
+    @include kendo-skeleton--layout-base();
+}

package/scss/skeleton/_theme.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/skeleton/_theme.scss";
+
+
+@mixin kendo-skeleton--theme() {
+    @include kendo-skeleton--theme-base();
+}

package/scss/slider/_index.scss

@@ -22,7 +22,23 @@ $_kendo-module-meta: (
 
 // Component
 @import "./_variables.scss";
-@import "./images/slider-h.scss";
-@import "./images/slider-v.scss";
 @import "./_layout.scss";
 @import "./_theme.scss";
+
+
+// Register
+@import "../core/module-system/index.import.scss";
+@include module-register( $_kendo-module-meta... );
+
+
+// Expose
+@mixin kendo-slider--styles() {
+    @include module-render( "slider" ) {
+        @include kendo-slider--layout();
+        @include kendo-slider--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-slider--styles();
+}

package/scss/slider/_layout.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/slider/_layout.scss";
+
+
+@mixin kendo-slider--layout() {
+    @include kendo-slider--layout-base();
+}

package/scss/slider/_theme.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/slider/_theme.scss";
+
+
+@mixin kendo-slider--theme() {
+    @include kendo-slider--theme-base();
+}

package/scss/slider/_variables.scss

@@ -1,3 +1,7 @@
+@import "./images/slider-h.scss";
+@import "./images/slider-v.scss";
+
+
 // Slider
 $kendo-slider-size: 200px !default;
 $kendo-slider-tick-size: null !default;

package/scss/split-button/_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-split-button--styles() {
+    @include module-render( "split-button" ) {
+        @include kendo-split-button--layout();
+        @include kendo-split-button--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-split-button--styles();
+}