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

package/scss/pivotgrid/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("pivotgrid/layout") {
+@mixin kendo-pivotgrid--layout-base() {
 
     // Pivotgrid
     .k-pivotgrid {
@@ -161,13 +161,8 @@
         overflow: auto;
     }
 
-}
-
-
-
-@include exports("pivotgrid/layout/configurator") {
 
-    // Configurator
+    // Pivotgrid configurator
     .k-pivotgrid-configurator {
         display: flex;
     }
@@ -445,26 +440,9 @@
         }
     }
 
-}
-
-
 
-@include exports("pivotgrid/layout/rtl") {
-
-    .k-pivotgrid {
-        .k-rtl &,
-        &.k-rtl,
-        [dir="rtl"] &,
-        &[dir="rtl"] {
-
-        }
-    }
-
-}
-
-
-@include exports( "pivotgrid/layout/export" ) {
 
+    // Pivotgrid export
     .k-pdf-export-shadow {
 
         .k-pivotgrid {
@@ -481,11 +459,10 @@
         }
 
     }
-}
-
 
-@include exports("pivotgrid/layout/legacy") {
 
+    // Legacy pivotgrid
+    // TODO: remove
     .k-pivot {
         border-width: $kendo-pivotgrid-border-width;
         border-style: solid;
@@ -596,15 +573,9 @@
         max-height: 600px;
     }
 
-}
-
-
-
-
-@include exports("pivotgrid/configurator/layout/legacy") {
-
 
     // jquery specific -- old pivot
+    // TODO: remove
     .k-pivotgrid-wrapper {
         box-sizing: border-box;
         display: flex;
@@ -669,3 +640,8 @@
     }
 
 }
+
+
+@mixin kendo-pivotgrid--layout() {
+    @include kendo-pivotgrid--layout-base();
+}

package/scss/pivotgrid/_theme.scss

@@ -1,5 +1,6 @@
-@include exports("pivotgrid/theme") {
+@mixin kendo-pivotgrid--theme-base() {
 
+    // PivotGrid
     .k-pivotgrid {
         @include fill (
             $kendo-pivotgrid-text,
@@ -80,12 +81,8 @@
         );
     }
 
-}
-
-
-
-@include exports("pivotgrid/theme/configurator") {
 
+    // Pivotgrid configurator
     .k-pivotgrid-configurator-button,
     .k-pivotgrid-configurator-panel {
         @include fill (
@@ -154,12 +151,10 @@
             @include box-shadow( $kendo-pivotgrid-configurator-bottom-shadow );
         }
     }
-}
-
 
 
-@include exports("pivotgrid/theme/legacy") {
-
+    // Legacy pivotgrid
+    // TODO: remove
     .k-pivot {
         @include fill (
             $kendo-pivotgrid-text,
@@ -240,6 +235,11 @@
         .k-column-fields {
             border-color: $kendo-component-border;
         }
-
     }
+
+}
+
+
+@mixin kendo-pivotgrid--theme() {
+    @include kendo-pivotgrid--theme-base();
 }

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

package/scss/popover/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("popover/layout") {
+@mixin kendo-popover--layout-base() {
 
     // Popover
     .k-popover {
@@ -52,10 +52,8 @@
         border-width: $kendo-popover-actions-border-width 0 0;
     }
 
-}
-
-@include exports( "popover/layout/callout" ) {
 
+    // Popover callout
     .k-popover-callout {
         margin: 0;
         width: $kendo-popover-callout-width;
@@ -90,3 +88,8 @@
     }
 
 }
+
+
+@mixin kendo-popover--layout() {
+    @include kendo-popover--layout-base();
+}

package/scss/popover/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("popover/theme") {
+@mixin kendo-popover--theme-base() {
 
     // Popover
     .k-popover {
@@ -36,3 +36,8 @@
     }
 
 }
+
+
+@mixin kendo-popover--theme() {
+    @include kendo-popover--theme-base();
+}

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

package/scss/popup/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("popup/layout") {
+@mixin kendo-popup--layout-base() {
 
     .k-popup {
         @include border-radius( $kendo-popup-border-radius );
@@ -48,14 +48,16 @@
     .k-popup > .k-coloreditor {
         border-width: 0;
     }
-}
-
-
 
-@include exports( "common/decoration/shadow/legacy" ) {
 
+    // Legacy shadow
     .k-shadow {
         box-shadow: $kendo-popup-shadow;
     }
 
 }
+
+
+@mixin kendo-popup--layout() {
+    @include kendo-popup--layout-base();
+}

package/scss/popup/_theme.scss

@@ -1,4 +1,4 @@
-@include exports( "popup/theme" ) {
+@mixin kendo-popup--theme-base() {
 
     .k-popup {
         @include fill(
@@ -14,3 +14,8 @@
     }
 
 }
+
+
+@mixin kendo-popup--theme() {
+    @include kendo-popup--theme-base();
+}

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

package/scss/progressbar/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("progressbar/layout") {
+@mixin kendo-progressbar--layout-base() {
 
     // Base
     .k-progressbar {
@@ -190,22 +190,15 @@
         }
     }
 
-}
-
-
-
-
-@include exports("progressbar/layout/rtl") {
 
+    // RTL
     .k-rtl .k-progressbar,
     .k-progressbar[dir="rtl"] {
         direction: rtl;
     }
 
-}
-
-@include exports("circular-progressbar/layout") {
 
+    // Circular progressbar
     .k-circular-progressbar {
         display: inline-block;
         text-align: start;
@@ -246,3 +239,8 @@
     }
 
 }
+
+
+@mixin kendo-progressbar--layout() {
+    @include kendo-progressbar--layout-base();
+}

package/scss/progressbar/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("progressbar/theme") {
+@mixin kendo-progressbar--theme-base() {
 
     @keyframes kendo-progressbar-indeterminate-animation {
         from { background-position: 0 0; }
@@ -34,10 +34,8 @@
         animation: kendo-progressbar-indeterminate-animation $kendo-progressbar-animation-timing;
     }
 
-}
-
-@include exports("circular-progressbar/theme") {
 
+    // Circular progressbar
     .k-circular-progressbar-scale {
         stroke: $kendo-circular-progressbar-scale-stroke;
     }
@@ -48,3 +46,8 @@
     }
 
 }
+
+
+@mixin kendo-progressbar--theme() {
+    @include kendo-progressbar--theme-base();
+}

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

package/scss/radio/_layout.scss

@@ -1,4 +1,4 @@
-@include exports( "radio/layout" ) {
+@mixin kendo-radio--layout-base() {
 
     // Radio
     .k-radio {
@@ -209,3 +209,8 @@
     }
 
 }
+
+
+@mixin kendo-radio--layout() {
+    @include kendo-radio--layout-base();
+}

package/scss/radio/_theme.scss

@@ -1,4 +1,4 @@
-@include exports( "radio/theme" ) {
+@mixin kendo-radio--theme-base() {
 
     // Radio
     .k-radio {
@@ -86,3 +86,8 @@
     }
 
 }
+
+
+@mixin kendo-radio--theme() {
+    @include kendo-radio--theme-base();
+}

package/scss/radio/_variables.scss

@@ -4,44 +4,45 @@
 
 // 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;
 
-/// Size of a small radio button.
+/// The size of a small RadioButton.
 /// @group radio
 $kendo-radio-sm-size: k-map-get( $kendo-spacing, 3 ) !default;
-/// Size of a medium radio button.
+/// The size of a medium RadioButton.
 /// @group radio
 $kendo-radio-md-size: k-map-get( $kendo-spacing, 4 ) !default;
-/// Size of a large radio button.
+/// The size of a large RadioButton.
 /// @group radio
 $kendo-radio-lg-size: k-map-get( $kendo-spacing, 5 ) !default;
 
-/// Glyph size of a small radio button.
+/// The glyph size of a small RadioButton.
 /// @group radio
 $kendo-radio-sm-glyph-size: k-map-get( $kendo-spacing, 2.5 ) !default;
-/// Glyph size of a medium radio button.
+/// The glyph size of a medium RadioButton.
 /// @group radio
 $kendo-radio-md-glyph-size: k-map-get( $kendo-spacing, 3.5 ) !default;
-/// Glyph size of a large radio button.
+/// The glyph size of a large RadioButton.
 /// @group radio
 $kendo-radio-lg-glyph-size: k-map-get( $kendo-spacing, 4.5 ) !default;
 
-/// Ripple size of a small radio button.
+/// The ripple size of a small RadioButton.
 /// @group radio
 $kendo-radio-sm-ripple-size: 300% !default;
-/// Ripple size of a medium radio button.
+/// The ripple size of a medium RadioButton.
 /// @group radio
 $kendo-radio-md-ripple-size: 300% !default;
-/// Ripple size of a large radio button.
+/// The ripple size of a large RadioButton.
 /// @group radio
 $kendo-radio-lg-ripple-size: 300% !default;
 
-// Map with the different radio button sizes
+/// The map with the different RadioButton sizes.
+/// @group radio
 $kendo-radio-sizes: (
     sm: (
         size: $kendo-radio-sm-size,
@@ -60,126 +61,127 @@ $kendo-radio-sizes: (
     )
 ) !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 color of the RadioButton.
 /// @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 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 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 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='0 0 14 14'><circle cx='50%' cy='50%' r='4' 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
 
-/// The horizontal list item margin of radio button.
+/// The horizontal list item margin of the RadioButton.
 /// @group radio
 $kendo-radio-list-spacing: k-map-get( $kendo-spacing, 4 ) !default;
-/// The horizontal list item padding of radio button.
+/// The horizontal list item padding of the RadioButton.
 /// @group radio
 $kendo-radio-list-item-padding-x: 0px !default;
-/// The vertical list item padding of radio button.
+/// 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,4 +1,4 @@
-@include exports("rating/layout") {
+@mixin kendo-rating--layout-base() {
 
     .k-rating {
         margin: 0;
@@ -94,4 +94,10 @@
             direction: ltr;
         }
     }
+
+}
+
+
+@mixin kendo-rating--layout() {
+    @include kendo-rating--layout-base();
 }