@progress/kendo-theme-default 6.2.1-dev.1 → 6.2.1-dev.151

package/scss/calendar/_index.scss

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

package/scss/calendar/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("calendar/layout") {
+@mixin kendo-calendar--layout-base() {
 
     // Base
     .k-calendar {
@@ -313,16 +313,12 @@
 
 
 
-    // Alias
+    // Legacy aliases
     .k-link {
         @extend .k-calendar-cell-inner !optional;
     }
-}
-
-
 
 
-@include exports( "infinite-calendar/layout" ) {
 
 
     // Infinite calendar
@@ -451,12 +447,8 @@
         // }
     }
 
-}
-
-
 
 
-@include exports( "multiview-calendar/layout" ) {
 
     // Multiview calendar
     .k-calendar-range {
@@ -491,13 +483,13 @@
         }
     }
 
-}
-
 
 
-@include exports("calendar/layout/rtl") {
 
+    // RTL
     .k-rtl .k-calendar,
+    [dir="rtl"] .k-calendar,
+    .k-calendar.k-rtl,
     .k-calendar[dir="rtl"] {
 
         .k-calendar-nav-prev,
@@ -513,3 +505,8 @@
     }
 
 }
+
+
+@mixin kendo-calendar--layout() {
+    @include kendo-calendar--layout-base();
+}

package/scss/calendar/_theme.scss

@@ -1,8 +1,4 @@
-// Styling of today date
-// color - mark the today date with a different text color
-// box - instead of changing the text color, show a box around the date
-
-@include exports("calendar/theme") {
+@mixin kendo-calendar--theme-base() {
 
     .k-calendar {
         @include fill(
@@ -155,13 +151,10 @@
         );
     }
 
-}
-
-
 
 
-@include exports( "multiview-calendar/theme" ) {
 
+    // Multiview calendar
     .k-calendar {
 
         $kendo-calendar-range-gap: 1px !default;
@@ -221,3 +214,8 @@
     }
 
 }
+
+
+@mixin kendo-calendar--theme() {
+    @include kendo-calendar--theme-base();
+}

package/scss/captcha/_index.scss

@@ -17,8 +17,6 @@ $_kendo-module-meta: (
 );
 
 
-
-
 // Dependencies
 // @import "../utils/_index.scss";
 @import "../common/_index.scss";
@@ -33,3 +31,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-captcha--styles() {
+    @include module-render( "captcha" ) {
+        @include kendo-captcha--layout();
+        @include kendo-captcha--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-captcha--styles();
+}

package/scss/captcha/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("captcha/layout") {
+@mixin kendo-captcha--layout-base() {
 
     // Captcha
     .k-captcha {
@@ -60,3 +60,8 @@
     }
 
 }
+
+
+@mixin kendo-captcha--layout() {
+    @include kendo-captcha--layout-base();
+}

package/scss/captcha/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("captcha/theme") {
+@mixin kendo-captcha--theme-base() {
 
     // Captcha
     .k-captcha {
@@ -10,3 +10,8 @@
     }
 
 }
+
+
+@mixin kendo-captcha--theme() {
+    @include kendo-captcha--theme-base();
+}

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

package/scss/card/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("card/layout") {
+@mixin kendo-card--layout-base() {
 
 
     // Angular elements
@@ -319,17 +319,15 @@
     }
 
 
-}
-
-
-
 
-@include exports( "card/layout/callout" ) {
 
+    // Card with callout
     .k-card-with-callout {
         overflow: visible;
     }
 
+
+    // Card callout
     .k-card-callout {
         margin: 0;
         width: $kendo-card-callout-width;
@@ -361,13 +359,6 @@
         transform: translate(-50%, -50%) rotate(45deg);
     }
 
-}
-
-
-
-
-@include exports( "card/layout/fill" ) {
-
 
     // Solid card
     .k-card-solid {
@@ -381,3 +372,8 @@
     }
 
 }
+
+
+@mixin kendo-card--layout() {
+    @include kendo-card--layout-base();
+}

package/scss/card/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("card/theme") {
+@mixin kendo-card--theme-base() {
 
     // Card
     .k-card {
@@ -97,3 +97,8 @@
     }
 
 }
+
+
+@mixin kendo-card--theme() {
+    @include kendo-card--theme-base();
+}

package/scss/card/_variables.scss

@@ -1,3 +1,5 @@
+@import "../button/_variables.scss";
+
 // Card
 $kendo-card-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
 $kendo-card-padding-y: k-map-get( $kendo-spacing, 3 ) !default;

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

package/scss/chat/_layout.scss

@@ -1,5 +1,6 @@
-@include exports("chat/layout") {
+@mixin kendo-chat--layout-base() {
 
+    // Chat
     .k-chat {
         margin: auto;
         max-width: $kendo-chat-width;
@@ -310,13 +311,10 @@
         }
     }
 
-}
-
-
 
 
-@include exports( "chat/cards/layout" ) {
 
+    // Card list
     .k-chat .k-card-list {
         margin: $kendo-chat-bubble-spacing 0 0;
     }
@@ -367,13 +365,8 @@
             background: none;
         }
     }
-}
-
 
 
-
-@include exports( "chat/typingindicator/layout" ) {
-
     // Local variables
     $kendo-chat-typing-indicator-dot-size: 8px !default;
     $kendo-chat-typing-indicator-dot-spacing: 5px !default;
@@ -410,13 +403,8 @@
 
     }
 
-}
-
-
-
-
-@include exports( "chat/toolbar/layout" ) {
 
+    // Chat toolbar
     .k-chat-toolbar,
     .k-chat .k-toolbar-box {
         padding-block: $kendo-chat-toolbar-padding-y;
@@ -472,15 +460,10 @@
 
     }
 
-}
-
 
 
 
-@include exports( "chat/layout/rtl" ) {
-
-
-    // Quick replies
+    // RTL
     .k-rtl,
     [dir="rtl"] {
 
@@ -548,5 +531,9 @@
 
     }
 
+}
+
 
+@mixin kendo-chat--layout() {
+    @include kendo-chat--layout-base();
 }

package/scss/chat/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("chat/theme") {
+@mixin kendo-chat--theme-base() {
 
     // Chat
     .k-chat {
@@ -88,3 +88,8 @@
     }
 
 }
+
+
+@mixin kendo-chat--theme() {
+    @include kendo-chat--theme-base();
+}

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

package/scss/checkbox/_layout.scss

@@ -1,4 +1,4 @@
-@include exports( "checkbox/layout" ) {
+@mixin kendo-checkbox--layout-base() {
 
     // Checkbox
     .k-checkbox {
@@ -212,3 +212,8 @@
     }
 
 }
+
+
+@mixin kendo-checkbox--layout() {
+    @include kendo-checkbox--layout-base();
+}

package/scss/checkbox/_theme.scss

@@ -1,4 +1,4 @@
-@include exports( "checkbox/theme" ) {
+@mixin kendo-checkbox--theme-base () {
 
     // Checkbox
     .k-checkbox {
@@ -99,3 +99,8 @@
     }
 
 }
+
+
+@mixin kendo-checkbox--theme() {
+    @include kendo-checkbox--theme-base();
+}

package/scss/checkbox/_variables.scss

@@ -1,43 +1,43 @@
 @import "../list/_variables.scss";
 
 
-// Checkbox
+// CheckBox
 
-/// Border width of checkbox.
+/// The border width of the CheckBox.
 /// @group checkbox
 $kendo-checkbox-border-width: 1px !default;
 
-/// Size of a small checkbox.
+/// The size of a small CheckBox.
 /// @group checkbox
 $kendo-checkbox-sm-size: k-map-get( $kendo-spacing, 3 ) !default;
-/// Size of a medium checkbox.
+/// The size of a medium CheckBox.
 /// @group checkbox
 $kendo-checkbox-md-size: k-map-get( $kendo-spacing, 4 ) !default;
-/// Size of a large checkbox.
+/// The size of a large CheckBox.
 /// @group checkbox
 $kendo-checkbox-lg-size: k-map-get( $kendo-spacing, 5 ) !default;
 
-/// Glyph size of a small checkbox.
+/// The glyph size of a small CheckBox.
 /// @group checkbox
 $kendo-checkbox-sm-glyph-size: k-map-get( $kendo-spacing, 2.5 ) !default;
-/// Glyph size of a medium checkbox.
+/// The glyph size of a medium CheckBox.
 /// @group checkbox
 $kendo-checkbox-md-glyph-size: k-map-get( $kendo-spacing, 3.5 ) !default;
-/// Glyph size of a large checkbox.
+/// The glyph size of a large CheckBox.
 /// @group checkbox
 $kendo-checkbox-lg-glyph-size: k-map-get( $kendo-spacing, 4.5 ) !default;
 
-/// Ripple size of a small checkbox.
+/// The ripple size of a small CheckBox.
 /// @group checkbox
 $kendo-checkbox-sm-ripple-size: 300% !default;
-/// Ripple size of a medium checkbox.
+/// The ripple size of a medium CheckBox.
 /// @group checkbox
 $kendo-checkbox-md-ripple-size: 300% !default;
-/// Ripple size of a large checkbox.
+/// The ripple size of a large CheckBox.
 /// @group checkbox
 $kendo-checkbox-lg-ripple-size: 300% !default;
 
-// Map with the different checkbox sizes
+// A map with the different CheckBox sizes.
 $kendo-checkbox-sizes: (
     sm: (
         size: $kendo-checkbox-sm-size,
@@ -56,139 +56,139 @@ $kendo-checkbox-sizes: (
     )
 ) !default;
 
-/// Background color of checkbox.
+/// The background color of the CheckBox.
 /// @group checkbox
 $kendo-checkbox-bg: $kendo-component-bg !default;
-/// Color of checkbox.
+/// The text color of the CheckBox.
 /// @group checkbox
 $kendo-checkbox-text: null !default;
-/// Border color of checkbox.
+/// The border color of the CheckBox.
 /// @group checkbox
 $kendo-checkbox-border: $kendo-component-border !default;
 
-/// Background color of hovered checkbox.
+/// The background color of the hovered CheckBox.
 /// @group checkbox
 $kendo-checkbox-hover-bg: null !default;
-/// Color of hovered checkbox.
+/// The text color of the hovered CheckBox.
 /// @group checkbox
 $kendo-checkbox-hover-text: null !default;
-/// Border color of hovered checkbox.
+/// The border color of the hovered CheckBox.
 /// @group checkbox
 $kendo-checkbox-hover-border: null !default;
 
-/// Background color of checked checkbox.
+/// The background color of the checked CheckBox.
 /// @group checkbox
 $kendo-checkbox-checked-bg: $kendo-color-primary !default;
-/// Color of checked checkbox.
+/// The text color of the checked CheckBox.
 /// @group checkbox
 $kendo-checkbox-checked-text: k-contrast-legacy( $kendo-checkbox-checked-bg ) !default;
-/// Border color of checked checkbox.
+/// The border color of the checked CheckBox.
 /// @group checkbox
 $kendo-checkbox-checked-border: $kendo-checkbox-checked-bg !default;
 
-/// Background color of indeterminate checkbox.
+/// The background color of the indeterminate CheckBox.
 /// @group checkbox
 $kendo-checkbox-indeterminate-bg: $kendo-checkbox-bg !default;
-/// Color of indeterminate checkbox.
+/// The text color of the indeterminate CheckBox.
 /// @group checkbox
 $kendo-checkbox-indeterminate-text: $kendo-checkbox-checked-bg !default;
-/// Border color of indeterminate checkbox.
+/// The border color of the indeterminate CheckBox.
 /// @group checkbox
 $kendo-checkbox-indeterminate-border: $kendo-checkbox-border !default;
 
-/// Border color of focused checkbox.
+/// The border color of the focused CheckBox.
 /// @group checkbox
 $kendo-checkbox-focus-border: null !default;
-/// Box shadow of focused checkbox.
+/// The box shadow of the focused CheckBox.
 /// @group checkbox
 $kendo-checkbox-focus-shadow: 0 0 0 2px rgba(0, 0, 0, .06) !default;
-/// Border color of focused and checked checkbox.
+/// The border color of the focused and checked CheckBox.
 /// @group checkbox
 $kendo-checkbox-focus-checked-border: null !default;
-/// Box shadow of focused and checked checkbox.
+/// The box shadow of the focused and checked CheckBox.
 /// @group checkbox
 $kendo-checkbox-focus-checked-shadow: 0 0 0 2px rgba( $kendo-color-primary, .3 ) !default;
 
-/// Background color of disabled checkbox.
+/// The background color of the disabled CheckBox.
 /// @group checkbox
 $kendo-checkbox-disabled-bg: null !default;
-/// Color of disabled checkbox.
+/// The text color of the disabled CheckBox.
 /// @group checkbox
 $kendo-checkbox-disabled-text: null !default;
-/// Border color of disabled checkbox.
+/// The border color of the disabled CheckBox.
 /// @group checkbox
 $kendo-checkbox-disabled-border: null !default;
 
-/// Background color of disabled and checked checkbox.
+/// The background color of the disabled and checked CheckBox.
 /// @group checkbox
 $kendo-checkbox-disabled-checked-bg: null !default;
-/// Color of disabled and checked checkbox.
+/// The text color of the disabled and checked CheckBox.
 /// @group checkbox
 $kendo-checkbox-disabled-checked-text: null !default;
-/// Border color of disabled and checked checkbox.
+/// The border color of the disabled and checked CheckBox.
 /// @group checkbox
 $kendo-checkbox-disabled-checked-border: null !default;
 
-/// Background color of invalid checkbox.
+/// The background color of an invalid CheckBox.
 /// @group checkbox
 $kendo-checkbox-invalid-bg: null !default;
-/// Color of invalid checkbox.
+/// The text color of an invalid CheckBox.
 /// @group checkbox
 $kendo-checkbox-invalid-text: $kendo-invalid-text !default;
-/// Border color of invalid checkbox.
+/// The border color of an invalid CheckBox.
 /// @group checkbox
 $kendo-checkbox-invalid-border: $kendo-invalid-border !default;
 
 
-// Checkbox indicator
+// CheckBox indicator
 
-/// Type of checkbox indicator.
+/// The type of the CheckBox indicator.
 /// @group checkbox
 $kendo-checkbox-indicator-type: image !default;
 
-/// Glyph font family of checkbox indicator.
+/// The font family of the CheckBox indicator glyph.
 /// @group checkbox
 $kendo-checkbox-glyph-font-family: "WebComponentsIcons", monospace !default;
-/// Glyph of checkbox indicator.
+/// The glyph of the CheckBox indicator.
 /// @group checkbox
 $kendo-checkbox-checked-glyph: "\e118" !default;
-/// Glyph of indeterminate checkbox indicator.
+/// The glyph of the indeterminate CheckBox indicator.
 /// @group checkbox
 $kendo-checkbox-indeterminate-glyph: "\e121" !default;
 
-/// Image of checked checkbox indicator.
+/// The image for a checked CheckBox indicator.
 /// @group checkbox
 $kendo-checkbox-checked-image: k-escape-svg( url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$kendo-checkbox-checked-text}' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M3,8 l3,3 l7-7'/></svg>") ) !default;
-/// Image image of checked checkbox indicator.
+/// The image for a indeterminate CheckBox indicator.
 /// @group checkbox
 $kendo-checkbox-indeterminate-image: k-escape-svg( url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$kendo-checkbox-indeterminate-text}' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M4,8 h8'/></svg>") ) !default;
 
 
-// Checkbox label
+// CheckBox label
 
-/// The horizontal margin of the checkbox inside a label.
+/// The horizontal margin of the CheckBox inside a label.
 /// @group checkbox
 $kendo-checkbox-label-margin-x: k-map-get( $kendo-spacing, 1 ) !default;
 
 
-// Checkbox list
+// CheckBox list
 
-/// Spacing between items of horizontal checkbox list.
+/// The spacing between the items in a horizontal CheckBox list.
 /// @group checkbox
 $kendo-checkbox-list-spacing: k-map-get( $kendo-spacing, 4 ) !default;
-/// Horizontal padding of checkbox list items.
+/// The horizontal padding of the CheckBox list items.
 /// @group checkbox
 $kendo-checkbox-list-item-padding-x: 0px !default;
-/// Vertical padding of checkbox list items.
+/// The vertical padding of the CheckBox list items.
 /// @group checkbox
 $kendo-checkbox-list-item-padding-y: $kendo-list-md-item-padding-y !default;
 
 
-// Checkbox ripple
+// CheckBox ripple
 
-/// Background color of checkbox ripple.
+/// The background color of the CheckBox' ripple.
 /// @group checkbox
 $kendo-checkbox-ripple-bg: $kendo-checkbox-checked-bg !default;
-/// Opacity of checkbox ripple.
+/// The opacity of the CheckBox' ripple.
 /// @group checkbox
 $kendo-checkbox-ripple-opacity: .25 !default;