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

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

package/scss/input/_layout.scss

@@ -1,6 +1,8 @@
 @import "@progress/kendo-theme-default/scss/input/_layout.scss";
 
-@include exports( "input/layout/bootstrap" ) {
+@mixin kendo-input--layout() {
+
+    @include kendo-input--layout-base();
 
     // Input, Textbox
     .k-textbox {

package/scss/input/_theme.scss

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

package/scss/input/_variables.scss

@@ -1,48 +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: $input-border-width !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: $input-padding-x !default;
-/// Vertical padding of input components.
+/// The horizontal padding of the small Input components.
+/// @group input
+$kendo-input-sm-padding-x: $input-padding-x-sm !default;
+/// The horizontal padding of the medium Input components.
+/// @group input
+$kendo-input-md-padding-x: $input-padding-x !default;
+/// The horizontal padding of the large Input components.
+/// @group input
+$kendo-input-lg-padding-x: $input-padding-x-lg !default;
+
+/// The vertical padding of input components.
 /// @group input
 $kendo-input-padding-y: $input-padding-y !default;
-/// Font family of input components.
+/// The vertical padding of the small Input components.
+/// @group input
+$kendo-input-sm-padding-y: $input-padding-y-sm !default;
+/// The vertical padding of the medium Input components.
+/// @group input
+$kendo-input-md-padding-y: $input-padding-y !default;
+/// The vertical padding of the large Input components.
+/// @group input
+$kendo-input-lg-padding-y: $input-padding-y-lg !default;
+
+/// The font family of input components.
 /// @group input
 $kendo-input-font-family: $kendo-font-family !default;
-/// Font size of input components.
+
+/// The font size of input components.
 /// @group input
 $kendo-input-font-size: $kendo-font-size-md !default;
-/// Line height of input components.
+/// The font size of the small Input components.
 /// @group input
-$kendo-input-line-height: $input-line-height !default;
-
-$kendo-input-sm-padding-x: $input-padding-x-sm !default;
-$kendo-input-sm-padding-y: $input-padding-y-sm !default;
 $kendo-input-sm-font-size: $kendo-font-size-sm !default;
-$kendo-input-sm-line-height: k-math-div( 20, 14 ) !default;
-
-$kendo-input-md-padding-x: $input-padding-x !default;
-$kendo-input-md-padding-y: $input-padding-y !default;
+/// The font size of the medium Input components.
+/// @group input
 $kendo-input-md-font-size: $kendo-font-size-md !default;
-$kendo-input-md-line-height: $kendo-line-height-md !default;
-
-$kendo-input-lg-padding-x: $input-padding-x-lg !default;
-$kendo-input-lg-padding-y: $input-padding-y-lg !default;
+/// The font size of the large Input components.
+/// @group input
 $kendo-input-lg-font-size: $kendo-font-size-md !default;
+
+/// The line height of input components.
+/// @group input
+$kendo-input-line-height: $input-line-height !default;
+/// The line height of the small Input components.
+/// @group input
+$kendo-input-sm-line-height: k-math-div( 20, 14 ) !default;
+/// The line height of the medium Input components.
+/// @group input
+$kendo-input-md-line-height: $kendo-line-height-md !default;
+/// The line height of the large Input components.
+/// @group input
 $kendo-input-lg-line-height: $kendo-line-height-md !default;
 
+/// The sizes map for the Input components.
+/// @group input
 $kendo-input-sizes: (
     sm: (
         padding-x: $kendo-input-sm-padding-x,
@@ -73,138 +100,335 @@ $kendo-input-sizes: (
     )
 ) !default;
 
+/// The background color of the Input components.
+/// @group input
 $kendo-input-bg: $input-bg !default;
+/// The text color of the Input components.
+/// @group input
 $kendo-input-text: $input-color !default;
+/// The border color of the Input components.
+/// @group input
 $kendo-input-border: $input-border-color !default;
+/// The shadow of the Input components.
+/// @group input
 $kendo-input-shadow: null !default;
 
+/// The background color of the hovered Input components.
+/// @group input
 $kendo-input-hover-bg: null !default;
+/// The text color of the hovered Input components.
+/// @group input
 $kendo-input-hover-text: null !default;
+/// The border color of the hovered Input components.
+/// @group input
 $kendo-input-hover-border: null !default;
+/// The shadow of the hovered Input components.
+/// @group input
 $kendo-input-hover-shadow: null !default;
 
+/// The background color of the focused Input components.
+/// @group input
 $kendo-input-focus-bg: $input-focus-bg !default;
+/// The text color of the focused Input components.
+/// @group input
 $kendo-input-focus-text: $input-focus-color !default;
+/// The border color of the focused Input components.
+/// @group input
 $kendo-input-focus-border: $input-focus-border-color !default;
+/// The shadow of the focused Input components.
+/// @group input
 $kendo-input-focus-shadow: $input-focus-box-shadow !default;
 
+/// The background color of the selected Input components.
+/// @group input
+$kendo-input-selected-bg: null !default;
+/// The text color of the selected Input components.
+/// @group input
+$kendo-input-selected-text: null !default;
+
+/// The background color of the disabled Input components.
+/// @group input
 $kendo-input-disabled-bg: null !default;
+/// The text color of the disabled Input components.
+/// @group input
 $kendo-input-disabled-text: null !default;
+/// The border color of the disabled Input components.
+/// @group input
 $kendo-input-disabled-border: null !default;
+/// The gradient of the disabled Input components.
+/// @group input
 $kendo-input-disabled-gradient: null !default;
+/// The shadow of the disabled Input components.
+/// @group input
 $kendo-input-disabled-shadow: null !default;
 
+/// The background color of the outline Input components.
+/// @group input
 $kendo-input-outline-bg: null !default;
+/// The text color of the outline Input components.
+/// @group input
 $kendo-input-outline-text: $kendo-base-text !default;
+/// The border color of the outline Input components.
+/// @group input
 $kendo-input-outline-border: rgba( $kendo-base-text, .5 ) !default;
 
+/// The background color of the outline hovered Input components.
+/// @group input
 $kendo-input-outline-hover-bg: null !default;
+/// The text color of the outline hovered Input components.
+/// @group input
 $kendo-input-outline-hover-text: null !default;
+/// The border color of the outline hovered Input components.
+/// @group input
 $kendo-input-outline-hover-border: null !default;
 
+/// The background color of the outline focused Input components.
+/// @group input
 $kendo-input-outline-focus-bg: null !default;
+/// The text color of the outline focused Input components.
+/// @group input
 $kendo-input-outline-focus-text: null !default;
+/// The border color of the outline focused Input components.
+/// @group input
 $kendo-input-outline-focus-border: $kendo-input-focus-border !default;
+/// The shadow of the outline focused Input components.
+/// @group input
 $kendo-input-outline-focus-shadow: $kendo-input-focus-shadow !default;
 
+/// The background color of the flat Input components.
+/// @group input
 $kendo-input-flat-bg: null !default;
+/// The text color of the flat Input components.
+/// @group input
 $kendo-input-flat-text: $kendo-input-text !default;
+/// The border color of the flat Input components.
+/// @group input
 $kendo-input-flat-border: $kendo-input-border !default;
 
+/// The background color of the flat hovered Input components.
+/// @group input
 $kendo-input-flat-hover-bg: null !default;
+/// The text color of the flat hovered Input components.
+/// @group input
 $kendo-input-flat-hover-text: null !default;
+/// 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 the flat focused Input components.
+/// @group input
 $kendo-input-flat-focus-bg: null !default;
+/// The text color of the flat focused Input components.
+/// @group input
 $kendo-input-flat-focus-text: null !default;
+/// The border color of the flat focused Input components.
+/// @group input
 $kendo-input-flat-focus-border: $kendo-input-focus-border !default;
+/// 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.
+/// @group input
+$kendo-input-placeholder-text: $input-placeholder-color !default;
+/// The opacity of the Input placeholder.
+/// @group input
+$kendo-input-placeholder-opacity: 1 !default;
+
+/// 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.
+/// @group input
+$kendo-input-clear-value-opacity: .5 !default;
+/// 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.
+/// @group input
+$kendo-input-clear-value-hover-opacity: 1 !default;
+
+///The vertical margin of the clear value icon.
+/// @group input
+$kendo-input-values-margin-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+///The horizontal margin of the clear value icon.
+/// @group input
+$kendo-input-values-margin-x: $kendo-input-values-margin-y !default;
+
+/// The width of the Input button.
+/// @group input
+$kendo-input-button-width: null !default;
+/// The border width of the Input button.
+/// @group input
+$kendo-input-button-border-width: 1px !default;
+/// The width of the Input spinner button.
+/// @group input
+$kendo-input-spinner-width: null !default;
+/// The icon offset of the Input spinner button.
+/// @group input
+$kendo-input-spinner-icon-offset: null !default;
+
+/// The color of the Input separator.
+/// @group input
+$kendo-input-separator-color: $kendo-input-text !default;
+/// The opacity of the Input separator.
+/// @group input
+$kendo-input-separator-opacity: .5 !default;
+
+/// The border color of the invalid Input components.
+/// @group input
+$kendo-input-invalid-border: $kendo-invalid-border !default;
+/// The shadow of the invalid Input components.
+/// @group input
+$kendo-input-invalid-shadow: $kendo-invalid-shadow !default;
+
+/// The background color of the Picker components.
+/// @group picker
 $kendo-picker-bg: $kendo-button-bg !default;
+/// The text color of the Picker components.
+/// @group picker
 $kendo-picker-text: $kendo-button-text !default;
+/// The border color of the Picker components.
+/// @group picker
 $kendo-picker-border: $kendo-button-border !default;
+/// The gradient of the Picker components.
+/// @group picker
 $kendo-picker-gradient: $kendo-button-gradient !default;
+/// The shadow of the Picker components.
+/// @group picker
 $kendo-picker-shadow: $kendo-button-shadow !default;
 
+/// The background color of the hovered Picker components.
+/// @group picker
 $kendo-picker-hover-bg: $kendo-button-hover-bg !default;
+/// The text color of the hovered Picker components.
+/// @group picker
 $kendo-picker-hover-text: $kendo-button-hover-text !default;
+/// The border color of the hovered Picker components.
+/// @group picker
 $kendo-picker-hover-border: $kendo-button-hover-border !default;
+/// The gradient of the hovered Picker components.
+/// @group picker
 $kendo-picker-hover-gradient: $kendo-button-hover-gradient !default;
+/// The shadow of the hovered Picker components.
+/// @group picker
 $kendo-picker-hover-shadow: $kendo-button-hover-shadow !default;
 
+/// The background color of the focused Picker components.
+/// @group picker
 $kendo-picker-focus-bg: $kendo-button-active-bg !default;
+/// The text color of the focused Picker components.
+/// @group picker
 $kendo-picker-focus-text: $kendo-button-focus-text !default;
+/// The border color of the focused Picker components.
+/// @group picker
 $kendo-picker-focus-border: $kendo-button-focus-border !default;
+/// The gradient of the focused Picker components.
+/// @group picker
 $kendo-picker-focus-gradient: $kendo-button-focus-gradient !default;
+/// The shadow of the focused Picker components.
+/// @group picker
 $kendo-picker-focus-shadow: $kendo-button-focus-shadow !default;
 
+/// The background color of the disabled Picker components.
+/// @group picker
 $kendo-picker-disabled-bg: null !default;
+/// The text color of the disabled Picker components.
+/// @group picker
 $kendo-picker-disabled-text: null !default;
+/// The border color of the disabled Picker components.
+/// @group picker
 $kendo-picker-disabled-border: null !default;
+/// The gradient of the disabled Picker components.
+/// @group picker
 $kendo-picker-disabled-gradient: null !default;
+/// The shadow of the disabled Picker components.
+/// @group picker
 $kendo-picker-disabled-shadow: null !default;
 
+/// The background color of the outline Picker components.
+/// @group picker
 $kendo-picker-outline-bg: null !default;
+/// The text color of the outline Picker components.
+/// @group picker
 $kendo-picker-outline-text: $kendo-button-text !default;
+/// 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 the outline hovered Picker components.
+/// @group picker
 $kendo-picker-outline-hover-bg: $kendo-picker-outline-text !default;
+/// The text color of the outline hovered Picker components.
+/// @group picker
 $kendo-picker-outline-hover-text: k-contrast-color( $kendo-picker-outline-hover-bg ) !default;
+/// 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 the outline focused Picker components.
+/// @group picker
 $kendo-picker-outline-focus-bg: null !default;
+/// The text color of the outline focused Picker components.
+/// @group picker
 $kendo-picker-outline-focus-text: null !default;
+/// The border color of the outline focused Picker components.
+/// @group picker
 $kendo-picker-outline-focus-border: null !default;
+/// The shadow of the outline focused Picker components.
+/// @group picker
 $kendo-picker-outline-focus-shadow: $kendo-picker-focus-shadow !default;
 
+/// 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 the outline hovered and focused Picker components.
+/// @group picker
 $kendo-picker-outline-hover-focus-text: null !default;
+/// 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 the flat Picker components.
+/// @group picker
 $kendo-picker-flat-bg: null !default;
+/// The text color of the flat Picker components.
+/// @group picker
 $kendo-picker-flat-text: $kendo-button-text !default;
+/// The border color of the flat Picker components.
+/// @group picker
 $kendo-picker-flat-border: $kendo-button-border !default;
 
+/// The background color of the flat hovered Picker components.
+/// @group picker
 $kendo-picker-flat-hover-bg: rgba( $kendo-button-text, .08 ) !default;
+/// The text color of the flat hovered Picker components.
+/// @group picker
 $kendo-picker-flat-hover-text: null !default;
+/// The border color of the flat hovered Picker components.
+/// @group picker
 $kendo-picker-flat-hover-border: null !default;
 
+/// The background color of the flat focused Picker components.
+/// @group picker
 $kendo-picker-flat-focus-bg: null !default;
+/// The text color of the flat focused Picker components.
+/// @group picker
 $kendo-picker-flat-focus-text: null !default;
+/// The border color of the flat focused Picker components.
+/// @group picker
 $kendo-picker-flat-focus-border: null !default;
+/// The shadow of the flat focused Picker components.
+/// @group picker
 $kendo-picker-flat-focus-shadow: $kendo-picker-focus-shadow !default;
 
+/// 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 the flat hovered and focused Picker components.
+/// @group picker
 $kendo-picker-flat-hover-focus-text: null !default;
+/// The border color of the flat hovered and focused Picker components.
+/// @group picker
 $kendo-picker-flat-hover-focus-border: null !default;
 
-$kendo-input-placeholder-text: $input-placeholder-color !default;
-$kendo-input-placeholder-opacity: 1 !default;
-
-$kendo-input-selected-bg: null !default;
-$kendo-input-selected-text: null !default;
-
-$kendo-input-clear-value-text: null !default;
-$kendo-input-clear-value-opacity: .5 !default;
-$kendo-input-clear-value-hover-text: null !default;
-$kendo-input-clear-value-hover-opacity: 1 !default;
-
-$kendo-input-values-margin-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
-$kendo-input-values-margin-x: $kendo-input-values-margin-y !default;
-
-
-// Input actions
-$kendo-input-button-width: null !default;
-$kendo-input-button-border-width: 1px !default;
-$kendo-input-spinner-width: null !default;
-$kendo-input-spinner-icon-offset: null !default;
-
-
-// Input separator
-$kendo-input-separator-color: $kendo-input-text !default;
-$kendo-input-separator-opacity: .5 !default;
-
-
-// Invalid
-$kendo-input-invalid-border: $kendo-invalid-border !default;
-$kendo-input-invalid-shadow: $kendo-invalid-shadow !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 +1,6 @@
 @import "@progress/kendo-theme-default/scss/list/_layout.scss";
+
+
+@mixin kendo-list--layout() {
+    @include kendo-list--layout-base();
+}

package/scss/list/_theme.scss

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