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

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

package/scss/chip/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("chip/layout") {
+@mixin kendo-chip--layout-base() {
 
     // Chip
     .k-chip {
@@ -156,3 +156,8 @@
     }
 
 }
+
+
+@mixin kendo-chip--layout() {
+    @include kendo-chip--layout-base();
+}

package/scss/chip/_theme.scss

@@ -1,4 +1,4 @@
-@include exports( "chip/theme" ) {
+@mixin kendo-chip--theme-base () {
 
     // Solid
     @each $name, $color in $kendo-chip-theme-colors {
@@ -138,3 +138,8 @@
     }
 
 }
+
+
+@mixin kendo-chip--theme() {
+    @include kendo-chip--theme-base();
+}

package/scss/chip/_variables.scss

@@ -3,71 +3,71 @@
 
 // Chip
 
-/// Width of the border around the button.
+/// The width of the border around the Chip.
 /// @group chip
 $kendo-chip-border-width: 1px !default;
-/// The spacing between the text and the icons of the chip.
+/// The spacing between the text and the icons of the Chip.
 /// @group chip
 $kendo-chip-spacing: k-map-get( $kendo-spacing, 1 ) !default;
 
-/// Horizontal padding of the chip.
+/// The horizontal padding of the Chip.
 /// @group chip
 $kendo-chip-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
-/// Horizontal padding of the small chip.
+/// The horizontal padding of the small Chip.
 /// @group chip
 $kendo-chip-sm-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
-/// Horizontal padding of the medium chip.
+/// The horizontal padding of the medium Chip.
 /// @group chip
 $kendo-chip-md-padding-x: $kendo-chip-padding-x !default;
-/// Horizontal padding of the large chip.
+/// The horizontal padding of the large Chip.
 /// @group chip
 $kendo-chip-lg-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
 
-/// Vertical padding of the chip.
+/// The vertical padding of the Chip.
 /// @group chip
 $kendo-chip-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
-/// Vertical padding of the small chip.
+/// The vertical padding of the small Chip.
 /// @group chip
 $kendo-chip-sm-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
-/// Vertical padding of the medium chip.
+/// The vertical padding of the medium Chip.
 /// @group chip
 $kendo-chip-md-padding-y: $kendo-chip-padding-y !default;
-/// Vertical padding of the large chip.
+/// The vertical padding of the large Chip.
 /// @group chip
 $kendo-chip-lg-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
 
-/// Font sizes of the chip.
+/// The font size of the Chip.
 /// @group chip
 $kendo-chip-font-size: $kendo-font-size-md !default;
-/// Font sizes of the small chip.
+/// The font size of the small Chip.
 /// @group chip
 $kendo-chip-sm-font-size: $kendo-font-size-md !default;
-/// Font sizes of the medium chip.
+/// The font size of the medium Chip.
 /// @group chip
 $kendo-chip-md-font-size: $kendo-chip-font-size !default;
-/// Font sizes of the large chip.
+/// The font size of the large Chip.
 /// @group chip
 $kendo-chip-lg-font-size: $kendo-font-size-md !default;
 
-/// Line heights of the chip that are connected to the $kendo-font-size.
+/// The Chip's line height that is related to the $kendo-font-size.
 /// @group chip
 $kendo-chip-line-height: 1 !default;
-/// Line heights of the small chip that are connected to the $kendo-font-size.
+/// The small Chip's line height that is related to the $kendo-font-size.
 /// @group chip
 $kendo-chip-sm-line-height: $kendo-chip-line-height !default;
-/// Line heights of the medium chip that are connected to the $kendo-font-size.
+/// The medium Chip's line height that is related to the $kendo-font-size.
 /// @group chip
 $kendo-chip-md-line-height: $kendo-chip-line-height !default;
-/// Line heights of the large chip that are connected to the $kendo-font-size.
+/// The large Chip's line height that is related to the $kendo-font-size.
 /// @group chip
 $kendo-chip-lg-line-height: $kendo-chip-line-height !default;
 
-/// Calculated height of the chip.
+/// The calculated height of the Chip.
 /// @group chip
 $kendo-chip-calc-size: calc( #{$kendo-chip-line-height * 1em} + #{$kendo-chip-padding-y * 2} + #{$kendo-chip-border-width * 2} ) !default;
 $kendo-chip-sm-calc-size: calc( #{$kendo-chip-sm-line-height * 1em} + #{$kendo-chip-sm-padding-y * 2} + #{$kendo-chip-border-width * 2} ) !default;
 
-/// Sizes map for the chip.
+/// The map with the sizes of the Chip.
 /// @group chip
 $kendo-chip-sizes: (
     sm: (
@@ -90,11 +90,11 @@ $kendo-chip-sizes: (
     )
 ) !default;
 
-/// The base background of the chip.
+/// The base background of the Chip.
 /// @group chip
 $kendo-chip-base-bg: $kendo-button-bg !default;
 
-/// Theme colors map for the chip.
+/// The theme colors map for the Chip.
 /// @group chip
 $kendo-chip-theme-colors: (
     "base": $kendo-chip-base-bg,
@@ -104,73 +104,73 @@ $kendo-chip-theme-colors: (
     "success": k-map-get($kendo-theme-colors, "success")
 ) !default;
 
-/// The base background color of solid chip.
+/// The base background color of the solid Chip.
 /// @group chip
 $kendo-chip-solid-bg: $kendo-chip-base-bg !default;
-/// The base text color of solid chip.
+/// The base text color of the solid Chip.
 /// @group chip
 $kendo-chip-solid-text: $kendo-button-text !default;
-/// The base border color of solid chip.
+/// The base border color of the solid Chip.
 /// @group chip
 $kendo-chip-solid-border: $kendo-button-border !default;
-/// The base shadow of solid chip.
+/// The base shadow of the solid Chip.
 /// @group chip
 $kendo-chip-solid-shadow: 0 0 0 2px if( $kendo-is-dark-theme, rgba( $kendo-color-white, .16 ), rgba( $kendo-color-black, .08 ) ) !default;
-/// The base gradient of solid chip.
+/// The base gradient of the solid Chip.
 /// @group chip
 $kendo-chip-solid-gradient: $kendo-button-gradient !default;
 
-/// The base background color of focused solid chip.
+/// The base background color of the focused solid Chip.
 /// @group chip
 $kendo-chip-solid-focus-bg: null !default;
-/// The base text color of focused solid chip.
+/// The base text color of the focused solid Chip.
 /// @group chip
 $kendo-chip-solid-focus-text: null !default;
 
-/// The base background color of hovered solid chip.
+/// The base background color of the hovered solid Chip.
 /// @group chip
 $kendo-chip-solid-hover-bg: $kendo-button-hover-bg !default;
-/// The base text color of hovered solid chip.
+/// The base text color of the hovered solid Chip.
 /// @group chip
 $kendo-chip-solid-hover-text: null !default;
 
-/// The base background color of selected solid chip.
+/// The base background color of the selected solid Chip.
 /// @group chip
 $kendo-chip-solid-selected-bg: $kendo-button-active-bg !default;
-/// The base text color of selected solid chip.
+/// The base text color of the selected solid Chip.
 /// @group chip
 $kendo-chip-solid-selected-text: null !default;
 
-/// The base background color of outline chip.
+/// The base background color of the outline Chip.
 /// @group chip
 $kendo-chip-outline-bg: $kendo-component-bg !default;
-/// The base text color of outline chip.
+/// The base text color of the outline Chip.
 /// @group chip
 $kendo-chip-outline-text: $kendo-chip-solid-text !default;
-/// The base border color of outline chip.
+/// The base border color of the outline Chip.
 /// @group chip
 $kendo-chip-outline-border: $kendo-chip-outline-text !default;
-/// The base shadow of outline chip.
+/// The base shadow of the outline Chip.
 /// @group chip
 $kendo-chip-outline-shadow: 0 0 0 2px if( $kendo-is-dark-theme, rgba( $kendo-color-white, .16 ), rgba( $kendo-color-black, .08 ) ) !default;
 
-/// The base background color of hovered outline chip.
+/// The base background color of the hovered outline Chip.
 /// @group chip
 $kendo-chip-outline-hover-bg: $kendo-chip-outline-text !default;
-/// The base text color of hovered outline chip.
+/// The base text color of the hovered outline Chip.
 /// @group chip
 $kendo-chip-outline-hover-text: k-contrast-legacy( $kendo-chip-outline-hover-bg ) !default;
 
-/// The base background color of selected outline chip.
+/// The base background color of the selected outline Chip.
 /// @group chip
 $kendo-chip-outline-selected-bg: $kendo-chip-outline-hover-bg !default;
-/// The base text color of selected outline chip.
+/// The base text color of the selected outline Chip.
 /// @group chip
 $kendo-chip-outline-selected-text: $kendo-chip-outline-hover-text !default;
 
 // Chip List
 
-/// The sizes of the chip list.
+/// The sizes of the Chip list.
 /// @group chip
 $kendo-chip-list-sizes: (
     sm: k-map-get( $kendo-spacing, 1 ),

package/scss/color-preview/_index.scss

@@ -9,8 +9,6 @@ $_kendo-module-meta: (
 );
 
 
-
-
 // Dependencies
 
 
@@ -19,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-color-preview--styles() {
+    @include module-render( "color-preview" ) {
+        @include kendo-color-preview--layout();
+        @include kendo-color-preview--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-color-preview--styles();
+}

package/scss/color-preview/_layout.scss

@@ -1,4 +1,4 @@
-@include exports( "color-preview/layout" ) {
+@mixin kendo-color-preview--layout-base() {
 
     // Color Preview
     .k-color-preview {
@@ -75,3 +75,8 @@
     }
 
 }
+
+
+@mixin kendo-color-preview--layout() {
+    @include kendo-color-preview--layout-base();
+}

package/scss/color-preview/_theme.scss

@@ -1,4 +1,4 @@
-@include exports( "color-preview/theme" ) {
+@mixin kendo-color-preview--theme-base() {
 
     // Color Preview
     .k-color-preview {
@@ -15,3 +15,8 @@
     }
 
 }
+
+
+@mixin kendo-color-preview--theme() {
+    @include kendo-color-preview--theme-base();
+}

package/scss/coloreditor/_index.scss

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

package/scss/coloreditor/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("coloreditor/layout") {
+@mixin kendo-color-editor--layout-base() {
 
     // ColorEditor/FlatColorPicker
     .k-coloreditor {
@@ -80,3 +80,8 @@
     }
 
 }
+
+
+@mixin kendo-color-editor--layout() {
+    @include kendo-color-editor--layout-base();
+}

package/scss/coloreditor/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("coloreditor/theme") {
+@mixin kendo-color-editor--theme-base() {
 
     // ColorEditor/FlatColorPicker
     .k-coloreditor {
@@ -22,3 +22,8 @@
     }
 
 }
+
+
+@mixin kendo-color-editor--theme() {
+    @include kendo-color-editor--theme-base();
+}

package/scss/colorgradient/_index.scss

@@ -28,7 +28,24 @@ $_kendo-module-meta: (
 
 
 // Component
-@import "./images/alpha-slider-bgr.scss";
 @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-color-gradient--styles() {
+    @include module-render( "color-gradient" ) {
+        @include kendo-color-gradient--layout();
+        @include kendo-color-gradient--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-color-gradient--styles();
+}

package/scss/colorgradient/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("colorgradient/layout") {
+@mixin kendo-color-gradient--layout-base() {
 
     // ColorGradient
     .k-colorgradient {
@@ -187,3 +187,8 @@
     }
 
 }
+
+
+@mixin kendo-color-gradient--layout() {
+    @include kendo-color-gradient--layout-base();
+}

package/scss/colorgradient/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("colorgradient/theme") {
+@mixin kendo-color-gradient--theme-base() {
 
     // ColorGradient
     .k-colorgradient {
@@ -65,9 +65,8 @@
         @include fill( $color: $kendo-color-gradient-input-label-text );
     }
 
-}
 
-@include exports("colorgradient/theme/rtl") {
+    // RTL
     .k-rtl,
     [dir="rtl"] {
         .k-colorgradient {
@@ -78,4 +77,10 @@
 
         }
     }
+
+}
+
+
+@mixin kendo-color-gradient--theme() {
+    @include kendo-color-gradient--theme-base();
 }

package/scss/colorgradient/_variables.scss

@@ -1,3 +1,6 @@
+@import "./images/alpha-slider-bgr.scss";
+
+
 // ColorGradient
 $kendo-color-gradient-spacer: k-map-get( $kendo-spacing, 3 ) !default;
 

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

package/scss/colorpalette/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("colorpalette/layout") {
+@mixin kendo-color-palette--layout-base() {
 
     // ColorPalette
     .k-colorpalette {
@@ -52,3 +52,8 @@
     }
 
 }
+
+
+@mixin kendo-color-palette--layout() {
+    @include kendo-color-palette--layout-base();
+}

package/scss/colorpalette/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("colorpalette/theme") {
+@mixin kendo-color-palette--theme-base() {
 
     // Tile
     .k-colorpalette-tile {
@@ -21,3 +21,8 @@
     }
 
 }
+
+
+@mixin kendo-color-palette--theme() {
+    @include kendo-color-palette--theme-base();
+}

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

package/scss/colorpicker/_layout.scss

@@ -1,4 +1,4 @@
-@include exports( "colorpicker/layout" ) {
+@mixin kendo-color-picker--layout-base() {
 
     // Color picker
     .k-color-picker {
@@ -11,3 +11,8 @@
     }
 
 }
+
+
+@mixin kendo-color-picker--layout() {
+    @include kendo-color-picker--layout-base();
+}

package/scss/colorpicker/_theme.scss

@@ -1,6 +1,10 @@
-@include exports( "colorpicker/theme" ) {
+@mixin kendo-color-picker--theme-base() {
 
     // Color picker
     .k-color-picker {}
 
 }
+
+@mixin kendo-color-picker--theme() {
+    @include kendo-color-picker--theme-base();
+}

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

package/scss/combobox/_layout.scss

@@ -1,6 +1,11 @@
-@include exports( "combobox/layout" ) {
+@mixin kendo-combobox--layout-base() {
 
     // Combobox
     .k-combobox {}
 
 }
+
+
+@mixin kendo-combobox--layout() {
+    @include kendo-combobox--layout-base();
+}

package/scss/combobox/_theme.scss

@@ -1,6 +1,11 @@
-@include exports( "combobox/theme" ) {
+@mixin kendo-combobox--theme-base() {
 
     // Combobox
     .k-combobox {}
 
 }
+
+
+@mixin kendo-combobox--theme() {
+    @include kendo-combobox--theme-base();
+}

package/scss/common/_base.scss

@@ -187,7 +187,7 @@
         right: 0;
     }
 
-    [dir = "rtl"],
+    [dir="rtl"],
     .k-rtl {
         .k-dirty {
             border-color: transparent transparent $kendo-color-error $kendo-color-error;

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