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

package/scss/input/_variables.scss

@@ -1,73 +1,75 @@
 // Input
 
-/// Default width of input components.
+/// The default width of the Input components.
 /// @group input
 $kendo-input-default-width: 100% !default;
 
-/// Border width of input components.
+/// The border width of the Input components.
 /// @group input
 $kendo-input-border-width: 1px !default;
 $kendo-input-border-height: ( $kendo-input-border-width * 2 ) !default;
-/// Border radius of input components.
+/// The border radius of the Input components.
 /// @group input
 $kendo-input-border-radius: null !default;
 
-/// Horizontal padding of input components.
+/// The horizontal padding of the Input components.
 /// @group input
 $kendo-input-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
-/// Horizontal padding of small input components.
+/// The horizontal padding of the small Input components.
 /// @group input
 $kendo-input-sm-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
-/// Horizontal padding of medium input components.
+/// The horizontal padding of the medium Input components.
 /// @group input
 $kendo-input-md-padding-x: $kendo-input-padding-x !default;
-/// Horizontal padding of large input components.
+/// The horizontal padding of the large Input components.
 /// @group input
 $kendo-input-lg-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
 
-/// Vertical padding of input components.
+/// The vertical padding of the Input components.
 /// @group input
 $kendo-input-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
-/// Vertical padding of small input components.
+/// The vertical padding of the small Input components.
 /// @group input
 $kendo-input-sm-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
-/// Vertical padding of medium input components.
+/// The vertical padding of the medium Input components.
 /// @group input
 $kendo-input-md-padding-y: $kendo-input-padding-y !default;
-/// Vertical padding of large input components.
+/// The vertical padding of the large Input components.
 /// @group input
 $kendo-input-lg-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
 
-/// Font family of input components.
+/// The font family of the Input components.
 /// @group input
 $kendo-input-font-family: $kendo-font-family !default;
 
-/// Font size of input components.
+/// The font size of the Input components.
 /// @group input
 $kendo-input-font-size: $kendo-font-size-md !default;
-/// Font size of small input components.
+/// The font size of the small Input components.
 /// @group input
 $kendo-input-sm-font-size: $kendo-font-size-md !default;
-/// Font size of medium input components.
+/// The font size of the medium Input components.
 /// @group input
 $kendo-input-md-font-size: $kendo-input-font-size !default;
-/// Font size of large input components.
+/// The font size of the large Input components.
 /// @group input
 $kendo-input-lg-font-size: $kendo-font-size-lg !default;
 
-/// Line height of input components.
+/// The line height of the Input components.
 /// @group input
 $kendo-input-line-height: $kendo-line-height-md !default;
-/// Line height of small input components.
+/// The line height of the small Input components.
 /// @group input
 $kendo-input-sm-line-height: $kendo-line-height-md !default;
-/// Line height of medium input components.
+/// The line height of the medium Input components.
 /// @group input
 $kendo-input-md-line-height: $kendo-input-line-height !default;
-/// Line height of large input components.
+/// The line height of the large Input components.
 /// @group input
 $kendo-input-lg-line-height: $kendo-line-height-lg !default;
 
+/// The sizes map for the Input components.
+/// @group input
 $kendo-input-sizes: (
     sm: (
         padding-x: $kendo-input-sm-padding-x,
@@ -98,151 +100,151 @@ $kendo-input-sizes: (
     )
 ) !default;
 
-/// The background color of input components.
+/// The background color of the Input components.
 /// @group input
 $kendo-input-bg: $kendo-component-bg !default;
-/// The text color of input components.
+/// The text color of the Input components.
 /// @group input
 $kendo-input-text: $kendo-component-text !default;
-/// The border color of input components.
+/// The border color of the Input components.
 /// @group input
 $kendo-input-border: $kendo-component-border !default;
-/// The shadow of input components.
+/// The shadow of the Input components.
 /// @group input
 $kendo-input-shadow: null !default;
 
-/// The background color of hovered input components.
+/// The background color of the hovered Input components.
 /// @group input
 $kendo-input-hover-bg: null !default;
-/// The text color of hovered input components.
+/// The text color of the hovered Input components.
 /// @group input
 $kendo-input-hover-text: null !default;
-/// The border color of hovered input components.
+/// The border color of the hovered Input components.
 /// @group input
 $kendo-input-hover-border: rgba( $kendo-input-border, .16 ) !default;
-/// The shadow of hovered input components.
+/// The shadow of the hovered Input components.
 /// @group input
 $kendo-input-hover-shadow: null !default;
 
-/// The background color of focused input components.
+/// The background color of the focused Input components.
 /// @group input
 $kendo-input-focus-bg: null !default;
-/// The text color of focused input components.
+/// The text color of the focused Input components.
 /// @group input
 $kendo-input-focus-text: null !default;
-/// The border color of focused input components.
+/// The border color of the focused Input components.
 /// @group input
 $kendo-input-focus-border: $kendo-input-hover-border !default;
-/// The shadow of focused input components.
+/// The shadow of the focused Input components.
 /// @group input
 $kendo-input-focus-shadow: 0 0 0 2px rgba( $kendo-input-focus-border, .08 ) !default;
 
-/// The background color of selected input components.
+/// The background color of the selected Input components.
 /// @group input
 $kendo-input-selected-bg: null !default;
-/// The text color of selected input components.
+/// The text color of the selected Input components.
 /// @group input
 $kendo-input-selected-text: null !default;
 
-/// The background color of disabled input components.
+/// The background color of the disabled Input components.
 /// @group input
 $kendo-input-disabled-bg: null !default;
-/// The text color of disabled input components.
+/// The text color of the disabled Input components.
 /// @group input
 $kendo-input-disabled-text: null !default;
-/// The border color of disabled input components.
+/// The border color of the disabled Input components.
 /// @group input
 $kendo-input-disabled-border: null !default;
-/// The gradient of disabled input components.
+/// The gradient of the disabled Input components.
 /// @group input
 $kendo-input-disabled-gradient: null !default;
-/// The shadow of disabled input components.
+/// The shadow of the disabled Input components.
 /// @group input
 $kendo-input-disabled-shadow: null !default;
 
-/// The background color of outline input components.
+/// The background color of the outline Input components.
 /// @group input
 $kendo-input-outline-bg: null !default;
-/// The text color of outline input components.
+/// The text color of the outline Input components.
 /// @group input
 $kendo-input-outline-text: $kendo-input-text !default;
-/// The border color of outline input components.
+/// The border color of the outline Input components.
 /// @group input
 $kendo-input-outline-border: rgba( $kendo-button-text, .5) !default;
 
-/// The background color of outline hovered input components.
+/// The background color of the outline hovered Input components.
 /// @group input
 $kendo-input-outline-hover-bg: null !default;
-/// The text color of outline hovered input components.
+/// The text color of the outline hovered Input components.
 /// @group input
 $kendo-input-outline-hover-text: null !default;
-/// The border color of outline hovered input components.
+/// The border color of the outline hovered Input components.
 /// @group input
 $kendo-input-outline-hover-border: rgba( $kendo-button-text, .8) !default;
 
-/// The background color of outline focused input components.
+/// The background color of the outline focused Input components.
 /// @group input
 $kendo-input-outline-focus-bg: null !default;
-/// The text color of outline focused input components.
+/// The text color of the outline focused Input components.
 /// @group input
 $kendo-input-outline-focus-text: null !default;
-/// The border color of outline focused input components.
+/// The border color of the outline focused Input components.
 /// @group input
 $kendo-input-outline-focus-border: null !default;
-/// The shadow of outline focused input components.
+/// The shadow of the outline focused Input components.
 /// @group input
 $kendo-input-outline-focus-shadow: $kendo-input-focus-shadow !default;
 
-/// The background color of flat input components.
+/// The background color of the flat Input components.
 /// @group input
 $kendo-input-flat-bg: null !default;
-/// The text color of flat input components.
+/// The text color of the flat Input components.
 /// @group input
 $kendo-input-flat-text: $kendo-input-text !default;
-/// The border color of flat input components.
+/// The border color of the flat Input components.
 /// @group input
 $kendo-input-flat-border: $kendo-input-border !default;
 
-/// The background color of flat hovered input components.
+/// The background color of the flat hovered Input components.
 /// @group input
 $kendo-input-flat-hover-bg: null !default;
-/// The text color of flat hovered input components.
+/// The text color of the flat hovered Input components.
 /// @group input
 $kendo-input-flat-hover-text: null !default;
-/// The border color of flat hovered input components.
+/// The border color of the flat hovered Input components.
 /// @group input
 $kendo-input-flat-hover-border: $kendo-input-hover-border !default;
 
-/// The background color of flat focused input components.
+/// The background color of the flat focused Input components.
 /// @group input
 $kendo-input-flat-focus-bg: null !default;
-/// The text color of flat focused input components.
+/// The text color of the flat focused Input components.
 /// @group input
 $kendo-input-flat-focus-text: null !default;
-/// The border color of flat focused input components.
+/// The border color of the flat focused Input components.
 /// @group input
 $kendo-input-flat-focus-border: null !default;
-/// The shadow of flat focused input components.
+/// The shadow of the flat focused Input components.
 /// @group input
 $kendo-input-flat-focus-shadow: $kendo-input-focus-shadow !default;
 
-/// The text color of the input placeholder.
+/// The text color of the Input placeholder.
 /// @group input
 $kendo-input-placeholder-text: $kendo-subtle-text !default;
-/// The opacity of the input placeholder.
+/// The opacity of the Input placeholder.
 /// @group input
 $kendo-input-placeholder-opacity: 1 !default;
 
-/// The color of the input clear value icon.
+/// The color of the Input clear value icon.
 /// @group input
 $kendo-input-clear-value-text: null !default;
-/// The opacity of the input clear value icon.
+/// The opacity of the Input clear value icon.
 /// @group input
 $kendo-input-clear-value-opacity: .5 !default;
-/// The color of the hovered input clear value icon.
+/// The color of the hovered Input clear value icon.
 /// @group input
 $kendo-input-clear-value-hover-text: null !default;
-/// The opacity of the hovered input clear value icon.
+/// The opacity of the hovered Input clear value icon.
 /// @group input
 $kendo-input-clear-value-hover-opacity: 1 !default;
 
@@ -253,179 +255,179 @@ $kendo-input-values-margin-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass
 /// @group input
 $kendo-input-values-margin-x: $kendo-input-values-margin-y !default;
 
-/// Width of the input button.
+/// The width of the Input button.
 /// @group input
 $kendo-input-button-width: $kendo-button-inner-calc-size !default;
-/// Border width of the input button.
+/// The border width of the Input button.
 /// @group input
 $kendo-input-button-border-width: 1px !default;
-/// Width of the input spinner button.
+/// The width of the Input spinner button.
 /// @group input
 $kendo-input-spinner-width: $kendo-button-inner-calc-size !default;
-/// Icon offset of the input spinner button.
+/// The icon offset of the Input spinner button.
 /// @group input
 $kendo-input-spinner-icon-offset: null !default;
 
-/// Color of the input separator.
+/// The color of the Input separator.
 /// @group input
 $kendo-input-separator-color: $kendo-input-text !default;
-/// Opacity of the input separator.
+/// The opacity of the Input separator.
 /// @group input
 $kendo-input-separator-opacity: .5 !default;
 
-/// Border color of the invalid input components.
+/// The border color of the invalid Input components.
 /// @group input
 $kendo-input-invalid-border: $kendo-invalid-border !default;
-/// Shadow of the invalid input components.
+/// The shadow of the invalid Input components.
 /// @group input
 $kendo-input-invalid-shadow: $kendo-invalid-shadow !default;
 
-/// The background color of picker components.
+/// The background color of the Picker components.
 /// @group picker
 $kendo-picker-bg: $kendo-button-bg !default;
-/// The text color of picker components.
+/// The text color of the Picker components.
 /// @group picker
 $kendo-picker-text: $kendo-button-text !default;
-/// The border color of picker components.
+/// The border color of the Picker components.
 /// @group picker
 $kendo-picker-border: $kendo-button-border !default;
-/// The gradient of picker components.
+/// The gradient of the Picker components.
 /// @group picker
 $kendo-picker-gradient: $kendo-button-gradient !default;
-/// The shadow of picker components.
+/// The shadow of the Picker components.
 /// @group picker
 $kendo-picker-shadow: $kendo-button-shadow !default;
 
-/// The background color of hovered picker components.
+/// The background color of the hovered Picker components.
 /// @group picker
 $kendo-picker-hover-bg: $kendo-button-hover-bg !default;
-/// The text color of hovered picker components.
+/// The text color of the hovered Picker components.
 /// @group picker
 $kendo-picker-hover-text: $kendo-button-hover-text !default;
-/// The border color of hovered picker components.
+/// The border color of the hovered Picker components.
 /// @group picker
 $kendo-picker-hover-border: $kendo-button-hover-border !default;
-/// The gradient of hovered picker components.
+/// The gradient of the hovered Picker components.
 /// @group picker
 $kendo-picker-hover-gradient: $kendo-button-hover-gradient !default;
-/// The shadow of hovered picker components.
+/// The shadow of the hovered Picker components.
 /// @group picker
 $kendo-picker-hover-shadow: $kendo-button-hover-shadow !default;
 
-/// The background color of focused picker components.
+/// The background color of the focused Picker components.
 /// @group picker
 $kendo-picker-focus-bg: $kendo-button-focus-bg !default;
-/// The text color of focused picker components.
+/// The text color of the focused Picker components.
 /// @group picker
 $kendo-picker-focus-text: $kendo-button-focus-text !default;
-/// The border color of focused picker components.
+/// The border color of the focused Picker components.
 /// @group picker
 $kendo-picker-focus-border: $kendo-button-focus-border !default;
-/// The gradient of focused picker components.
+/// The gradient of the focused Picker components.
 /// @group picker
 $kendo-picker-focus-gradient: $kendo-button-focus-gradient !default;
-/// The shadow of focused picker components.
+/// The shadow of the focused Picker components.
 /// @group picker
 $kendo-picker-focus-shadow: $kendo-button-focus-shadow !default;
 
-/// The background color of disabled picker components.
+/// The background color of the disabled Picker components.
 /// @group picker
 $kendo-picker-disabled-bg: null !default;
-/// The text color of disabled picker components.
+/// The text color of the disabled Picker components.
 /// @group picker
 $kendo-picker-disabled-text: null !default;
-/// The border color of disabled picker components.
+/// The border color of the disabled Picker components.
 /// @group picker
 $kendo-picker-disabled-border: null !default;
-/// The gradient of disabled picker components.
+/// The gradient of the disabled Picker components.
 /// @group picker
 $kendo-picker-disabled-gradient: null !default;
-/// The shadow of disabled picker components.
+/// The shadow of the disabled Picker components.
 /// @group picker
 $kendo-picker-disabled-shadow: null !default;
 
-/// The background color of outline picker components.
+/// The background color of the outline Picker components.
 /// @group picker
 $kendo-picker-outline-bg: null !default;
-/// The text color of outline picker components.
+/// The text color of the outline Picker components.
 /// @group picker
 $kendo-picker-outline-text: $kendo-button-text !default;
-/// The border color of outline picker components.
+/// The border color of the outline Picker components.
 /// @group picker
 $kendo-picker-outline-border: rgba( $kendo-picker-outline-text, .5) !default;
 
-/// The background color of outline hovered picker components.
+/// The background color of the outline hovered Picker components.
 /// @group picker
 $kendo-picker-outline-hover-bg: $kendo-picker-outline-text !default;
-/// The text color of outline hovered picker components.
+/// The text color of the outline hovered Picker components.
 /// @group picker
 $kendo-picker-outline-hover-text: k-contrast-legacy( $kendo-picker-outline-hover-bg ) !default;
-/// The border color of outline hovered picker components.
+/// The border color of the outline hovered Picker components.
 /// @group picker
 $kendo-picker-outline-hover-border: $kendo-picker-outline-hover-bg !default;
 
-/// The background color of outline focused picker components.
+/// The background color of the outline focused Picker components.
 /// @group picker
 $kendo-picker-outline-focus-bg: null !default;
-/// The text color of outline focused picker components.
+/// The text color of the outline focused Picker components.
 /// @group picker
 $kendo-picker-outline-focus-text: null !default;
-/// The border color of outline focused picker components.
+/// The border color of the outline focused Picker components.
 /// @group picker
 $kendo-picker-outline-focus-border: null !default;
-/// The shadow of outline focused picker components.
+/// The shadow of the outline focused Picker components.
 /// @group picker
 $kendo-picker-outline-focus-shadow: $kendo-picker-focus-shadow !default;
 
-/// The background color of outline hovered and focused picker components.
+/// The background color of the outline hovered and focused Picker components.
 /// @group picker
 $kendo-picker-outline-hover-focus-bg: null !default;
-/// The text color of outline hovered and focused picker components.
+/// The text color of the outline hovered and focused Picker components.
 /// @group picker
 $kendo-picker-outline-hover-focus-text: null !default;
-/// The border color of outline hovered and focused picker components.
+/// The border color of the outline hovered and focused Picker components.
 /// @group picker
 $kendo-picker-outline-hover-focus-border: null !default;
 
-/// The background color of flat picker components.
+/// The background color of the flat Picker components.
 /// @group picker
 $kendo-picker-flat-bg: null !default;
-/// The text color of flat picker components.
+/// The text color of the flat Picker components.
 /// @group picker
 $kendo-picker-flat-text: $kendo-button-text !default;
-/// The border color of flat picker components.
+/// The border color of the flat Picker components.
 /// @group picker
 $kendo-picker-flat-border: $kendo-button-border !default;
 
-/// The background color of flat hovered picker components.
+/// The background color of the flat hovered Picker components.
 /// @group picker
 $kendo-picker-flat-hover-bg: rgba( $kendo-button-text, .04 ) !default;
-/// The text color of flat hovered picker components.
+/// The text color of the flat hovered Picker components.
 /// @group picker
 $kendo-picker-flat-hover-text: null !default;
-/// The border color of flat hovered picker components.
+/// The border color of the flat hovered Picker components.
 /// @group picker
 $kendo-picker-flat-hover-border: rgba( $kendo-button-border, .16 ) !default;
 
-/// The background color of flat focused picker components.
+/// The background color of the flat focused Picker components.
 /// @group picker
 $kendo-picker-flat-focus-bg: null !default;
-/// The text color of flat focused picker components.
+/// The text color of the flat focused Picker components.
 /// @group picker
 $kendo-picker-flat-focus-text: null !default;
-/// The border color of flat focused picker components.
+/// The border color of the flat focused Picker components.
 /// @group picker
 $kendo-picker-flat-focus-border: null !default;
-/// The shadow of flat focused picker components.
+/// The shadow of the flat focused Picker components.
 /// @group picker
 $kendo-picker-flat-focus-shadow: $kendo-picker-focus-shadow !default;
 
-/// The background color of flat hovered and focused picker components.
+/// The background color of the flat hovered and focused Picker components.
 /// @group picker
 $kendo-picker-flat-hover-focus-bg: null !default;
-/// The text color of flat hovered and focused picker components.
+/// The text color of the flat hovered and focused Picker components.
 /// @group picker
 $kendo-picker-flat-hover-focus-text: null !default;
-/// The border color of flat hovered and focused picker components.
+/// The border color of the flat hovered and focused Picker components.
 /// @group picker
 $kendo-picker-flat-hover-focus-border: null !default;

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

package/scss/list/_layout.scss

@@ -1,4 +1,4 @@
-@include exports( "list/layout" ) {
+@mixin kendo-list--layout-base() {
 
     // List container
     .k-list-container {
@@ -255,3 +255,8 @@
     }
 
 }
+
+
+@mixin kendo-list--layout() {
+    @include kendo-list--layout-base();
+}

package/scss/list/_theme.scss

@@ -1,4 +1,4 @@
-@include exports( "list/theme" ) {
+@mixin kendo-list--theme-base() {
 
     // List
     .k-list {
@@ -89,3 +89,8 @@
     }
 
 }
+
+
+@mixin kendo-list--theme() {
+    @include kendo-list--theme-base();
+}