@progress/kendo-theme-bootstrap 6.5.0-dev.0 → 6.5.0-dev.2

package/scss/colorgradient/_variables.scss

@@ -1,54 +1,136 @@
 @import "./images/alpha-slider-bgr.scss";
 
-
 // ColorGradient
+
+/// The spacer of the ColorGradient.
+/// @group cologradient
 $kendo-color-gradient-spacer: k-map-get( $kendo-spacing, 4 ) !default;
 
+/// The width of the ColorGradient.
+/// @group cologradient
 $kendo-color-gradient-width: 328px !default;
+// The width of the border around the ColorGradient.
+/// @group cologradient
 $kendo-color-gradient-border-width: 1px !default;
+/// The border radius of the ColorGradient.
+/// @group cologradient
 $kendo-color-gradient-border-radius: $kendo-border-radius-md !default;
+/// The vertical padding of the ColorGradient.
+/// @group cologradient
 $kendo-color-gradient-padding-y: $kendo-color-gradient-spacer !default;
+/// The horizontal padding of the ColorGradient.
+/// @group cologradient
 $kendo-color-gradient-padding-x: $kendo-color-gradient-padding-y !default;
+/// The spacing between the sections of the ColorGradient.
+/// @group cologradient
 $kendo-color-gradient-gap: $kendo-color-gradient-spacer !default;
+/// The font family of the ColorGradient.
+/// @group cologradient
 $kendo-color-gradient-font-family: $kendo-font-family !default;
+/// The font size of the ColorGradient.
+/// @group cologradient
 $kendo-color-gradient-font-size: $kendo-font-size-md !default;
+/// The line height of the ColorGradient.
+/// @group cologradient
 $kendo-color-gradient-line-height: $kendo-line-height-md !default;
-$kendo-color-gradient-bg: $kendo-component-bg !default;
+/// The text color of the ColorGradient.
+/// @group cologradient
 $kendo-color-gradient-text: $kendo-component-text !default;
+/// The background color of the ColorGradient.
+/// @group cologradient
+$kendo-color-gradient-bg: $kendo-component-bg !default;
+/// The border color of the ColorGradient.
+/// @group cologradient
 $kendo-color-gradient-border: $kendo-component-border !default;
 
+/// The border color of the focused ColorGradient.
+/// @group cologradient
 $kendo-color-gradient-focus-border: $kendo-hover-border !default;
+/// The box shadow of the focused ColorGradient.
+/// @group cologradient
 $kendo-color-gradient-focus-shadow: null !default;
 
+/// The border radius of the ColorGradient canvas.
+/// @group cologradient
 $kendo-color-gradient-canvas-border-radius: $kendo-border-radius-md !default;
+/// The spacing between the items of the ColorGradient canvas.
+/// @group cologradient
 $kendo-color-gradient-canvas-gap: k-map-get( $kendo-spacing, 3 ) !default;
+/// The height the ColorGradient canvas hsv rectangle.
+/// @group cologradient
 $kendo-color-gradient-canvas-rectangle-height: 180px !default;
 
+/// The width of the ColorGradient slider.
+/// @group cologradient
 $kendo-color-gradient-slider-track-size: 10px !default;
+/// The border radius of the ColorGradient slider.
+/// @group cologradient
 $kendo-color-gradient-slider-border-radius: 10px !default;
+/// The width of the border around the ColorGradient slider drag handle.
+/// @group cologradient
 $kendo-color-gradient-slider-draghandle-border-width: 3px !default;
 
+/// The height of the ColorGradient vertical slider.
+/// @group cologradient
 $kendo-color-gradient-slider-vertical-size: 180px !default;
+/// The width of the ColorGradient horizontal slider.
+/// @group cologradient
 $kendo-color-gradient-slider-horizontal-size: 100% !default;
 
+/// The width of the ColorGradient canvas drag handle.
+/// @group cologradient
 $kendo-color-gradient-draghandle-width: 14px !default;
+/// The height of the ColorGradient canvas drag handle.
+/// @group cologradient
 $kendo-color-gradient-draghandle-height: 14px !default;
+/// The width of the border around the ColorGradient canvas drag handle.
+/// @group cologradient
 $kendo-color-gradient-draghandle-border-width: 1px !default;
+/// The border radius of the ColorGradient canvas drag handle.
+/// @group cologradient
 $kendo-color-gradient-draghandle-border-radius: 50% !default;
-$kendo-color-gradient-draghandle-bg: transparent !default;
+/// The text color of the ColorGradient canvas drag handle.
+/// @group cologradient
 $kendo-color-gradient-draghandle-text: null !default;
+/// The background color of the ColorGradient canvas drag handle.
+/// @group cologradient
+$kendo-color-gradient-draghandle-bg: transparent !default;
+/// The color of the border around the ColorGradient canvas drag handle.
+/// @group cologradient
 $kendo-color-gradient-draghandle-border: rgba( white, .8) !default;
+/// The box shadow of the ColorGradient canvas drag handle.
+/// @group cologradient
 $kendo-color-gradient-draghandle-shadow: 0 1px 4px rgba( black, .5 ) !default;
+/// The box shadow of the focused ColorGradient canvas drag handle.
+/// @group cologradient
 $kendo-color-gradient-draghandle-focus-shadow: 0 1px 4px black !default;
+/// The box shadow of the hovered ColorGradient canvas drag handle.
+/// @group cologradient
 $kendo-color-gradient-draghandle-hover-shadow: $kendo-color-gradient-draghandle-focus-shadow !default;
 
+/// The vertical margin of the ColorGradient canvas drag handle.
+/// @group cologradient
 $kendo-color-gradient-canvas-draghandle-margin-y: - k-math-div( $kendo-color-gradient-draghandle-height, 2 ) !default;
+/// The horizontal margin of the ColorGradient canvas drag handle.
+/// @group cologradient
 $kendo-color-gradient-canvas-draghandle-margin-x: - k-math-div( $kendo-color-gradient-draghandle-width, 2 ) !default;
 
+/// The width of the ColorGradient input.
+/// @group cologradient
 $kendo-color-gradient-input-width: 56px !default;
+/// The spacing between the ColorGradient inputs.
+/// @group cologradient
 $kendo-color-gradient-input-gap: k-math-div( $kendo-color-gradient-spacer, 2 ) !default;
+/// The spacing between the ColorGradient inputs and their labels.
+/// @group cologradient
 $kendo-color-gradient-input-label-gap: k-map-get( $kendo-spacing, 1 ) !default;
+/// The text color of the ColorGradient input labels.
+/// @group cologradient
 $kendo-color-gradient-input-label-text: $kendo-subtle-text !default;
 
+/// The font weight of the ColorGradient contrast ratio text.
+/// @group cologradient
 $kendo-color-gradient-contrast-ratio-font-weight: $kendo-font-weight-bold !default;
-$kendo-color-gradient-contrast-spacer: k-math-div( $kendo-color-gradient-spacer, 2 ) !default;
+/// The spacing between the items in the ColorGradient contrast tool.
+/// @group cologradient
+$kendo-color-gradient-contrast-spacer: k-math-div( $kendo-color-gradient-spacer, 2 ) !default;

package/scss/colorpalette/_variables.scss

@@ -1,10 +1,27 @@
-// Colorpalette
+// ColorPalette
+
+/// The font family of the ColorPalette.
+/// @group colorpalette
 $kendo-color-palette-font-family: $kendo-font-family !default;
+/// The font size of the ColorPalette.
+/// @group colorpalette
 $kendo-color-palette-font-size: $kendo-font-size-md !default;
+/// The line height of the ColorPalette.
+/// @group colorpalette
 $kendo-color-palette-line-height: 0 !default;
 
+/// The width of the ColorPalette tile.
+/// @group colorpalette
 $kendo-color-palette-tile-width: k-map-get( $kendo-spacing, 6 ) !default;
+/// The height of the ColorPalette tile.
+/// @group colorpalette
 $kendo-color-palette-tile-height: $kendo-color-palette-tile-width !default;
+/// The shadow of the ColorPalette focused tile.
+/// @group colorpalette
 $kendo-color-palette-tile-focus-shadow: 0 0 3px 1px rgba( black, .3 ), inset 0 0 0 1px rgba( white, .5 ) !default;
+/// The shadow of the ColorPalette hovered tile.
+/// @group colorpalette
 $kendo-color-palette-tile-hover-shadow: 0 0 3px 1px rgba( black, .3 ), inset 0 0 0 1px rgba( white, .8 ) !default;
+/// The shadow of the ColorPalette selected tile.
+/// @group colorpalette
 $kendo-color-palette-tile-selected-shadow: 0 1px 3px 1px rgba( black, .3 ), inset 0 0 0 1px rgba( white, 1 ) !default;

package/scss/common/_index.scss

@@ -2,4 +2,3 @@
 @import "./_animations.scss";
 @import "./_resizing.scss";
 @import "./_scrollbar.scss";
-@import "./_selection.scss";

package/scss/core/_index.scss

@@ -1,22 +1,10 @@
 $wcag-min-contrast-ratio: 4.5 !default;
 
-// Functions
-@import "./functions/index.import.scss";
-
-// Color system
-@import "./color-system/index.import.scss";
-
-// Mixins
-@import "./mixins/index.import.scss";
-
-// Module system
-@import "./module-system/index.import.scss";
-
-// Common styles
-@import "./styles/index.import.scss";
-
 // Variables
 @import "../_variables.scss";
+@import "../_bootstrap-overrides.scss";
+
+@import "@progress/kendo-theme-core/scss/index.import.scss";
 
 // Expose
 @include exports("kendo-core-styles") {

package/scss/dialog/_variables.scss

@@ -1,15 +1,29 @@
 // Dialog
+
+/// The background color of the Dialog titlebar.
+/// @group dialog
 $kendo-dialog-titlebar-bg: null !default;
+/// The text color of the Dialog titlebar.
+/// @group dialog
 $kendo-dialog-titlebar-text: null !default;
+/// The border color of the Dialog titlebar.
+/// @group dialog
 $kendo-dialog-titlebar-border: null !default;
 
+/// The horizontal padding of the Dialog action buttons.
+/// @group dialog
 $kendo-dialog-buttongroup-padding-x: $kendo-actions-padding-x !default;
+/// The vertical padding of the Dialog action buttons.
+/// @group dialog
 $kendo-dialog-buttongroup-padding-y: $kendo-actions-padding-y !default;
+/// The width of the top border of the Dialog action buttons.
+/// @group dialog
 $kendo-dialog-buttongroup-border-width: 1px !default;
-
+/// The spacing between the Dialog action buttons.
+/// @group dialog
 $kendo-dialog-button-spacing: $kendo-actions-button-spacing !default;
 
-/// Theme colors map for the dialog.
+/// The theme colors map for the Dialog.
 /// @group dialog
 $kendo-dialog-theme-colors: (
     "primary": k-map-get($kendo-theme-colors, "primary"),

package/scss/editor/_variables.scss

@@ -1,23 +1,56 @@
 // Editor
+
+/// The width of the border around the Еditor.
+/// @group editor
 $kendo-editor-border-width: 1px !default;
+/// The font family of the Еditor.
+/// @group editor
 $kendo-editor-font-family: $kendo-font-family !default;
+/// The font size of the Еditor.
+/// @group editor
 $kendo-editor-font-size: $kendo-font-size-md !default;
+/// The line height of the Еditor.
+/// @group editor
 $kendo-editor-line-height: $kendo-line-height-md !default;
 
+/// The text color of the Еditor placeholder.
+/// @group editor
 $kendo-editor-placeholder-text: $kendo-input-placeholder-text !default;
+/// The opacity of the Editor placeholder.
+/// @group editor
 $kendo-editor-placeholder-opacity: $kendo-input-placeholder-opacity !default;
 
+/// The selected text color of the Editor.
+/// @group editor
 $kendo-editor-selected-text: $kendo-color-primary-contrast !default;
+/// The selected background color of the Editor.
+/// @group editor
 $kendo-editor-selected-bg: $kendo-color-primary !default;
 
+/// The highlighted background color of the Editor.
+/// @group editor
 $kendo-editor-highlighted-bg: k-color-mix( $kendo-color-primary, #ffffff, 20% ) !default;
 
+/// The horizontal margin of the Editor's export tool icon.
+/// @group editor
 $kendo-editor-export-tool-icon-margin-x: .25em !default;
 
+/// The size of the Editor's resize handle.
+/// @group editor
 $kendo-editor-resize-handle-size: 8px !default;
+/// The border width of the Editor's resize handle.
+/// @group editor
 $kendo-editor-resize-handle-border-width: 1px !default;
+/// The border color of the Editor's resize handle.
+/// @group editor
 $kendo-editor-resize-handle-border: #000000 !default;
+/// The background color of the Editor's resize handle.
+/// @group editor
 $kendo-editor-resize-handle-bg: #ffffff !default;
 
+///  The outline width of the Editor's selected node.
+/// @group editor
 $kendo-editor-selectednode-outline-width: 2px !default;
+/// The outline color of the Editor's selected node.
+/// @group editor
 $kendo-editor-selectednode-outline-color: #88ccff !default;

package/scss/expansion-panel/_variables.scss

@@ -1,33 +1,77 @@
-// Expansion panel
+// ExpansionPanel
+
+/// The vertical spacing of the ExpansionPanel.
+/// @group expander
 $kendo-expander-spacing-y: k-map-get( $kendo-spacing, 3 ) !default;
+/// The width of the border around the ExpansionPanel.
+/// @group expander
+$kendo-expander-border-width: 1px !default;
+/// The font family of the ExpansionPanel.
+/// @group expander
 $kendo-expander-font-family: $kendo-font-family !default;
+/// The font size of the ExpansionPanel.
+/// @group expander
 $kendo-expander-font-size: $kendo-font-size-md !default;
+/// The hine height of the ExpansionPanel.
+/// @group expander
 $kendo-expander-line-height: $kendo-line-height-md !default;
-$kendo-expander-border-width: 1px !default;
 
-$kendo-expander-header-padding-x: k-map-get( $kendo-spacing, 6 ) !default;
-$kendo-expander-header-padding-y: k-map-get( $kendo-spacing, 4 ) !default;
-
-$kendo-expander-indicator-margin-x: k-map-get( $kendo-spacing, 3 ) !default;
-
-$kendo-expander-bg: $kendo-component-bg !default;
+/// The text color of the ExpansionPanel.
+/// @group expander
 $kendo-expander-text: $kendo-component-text !default;
+/// The background color of the ExpansionPanel.
+/// @group expander
+$kendo-expander-bg: $kendo-component-bg !default;
+/// The border color of the ExpansionPanel.
+/// @group expander
 $kendo-expander-border: $kendo-component-border !default;
 
+/// The box shadow of the focused ExpansionPanel.
+/// @group expander
 $kendo-expander-focus-shadow: $kendo-list-item-focus-shadow !default;
 
-$kendo-expander-header-bg: transparent !default;
+/// The horizontal padding of the ExpansionPanel header.
+/// @group expander
+$kendo-expander-header-padding-x: k-map-get( $kendo-spacing, 6 ) !default;
+/// The vertical padding of the ExpansionPanel header.
+/// @group expander
+$kendo-expander-header-padding-y: k-map-get( $kendo-spacing, 4 ) !default;
+
+/// The text color of the ExpansionPanel header.
+/// @group expander
 $kendo-expander-header-text: $kendo-expander-text !default;
+/// The background color of the ExpansionPanel header.
+/// @group expander
+$kendo-expander-header-bg: transparent !default;
+/// The border color of the ExpansionPanel header.
+/// @group expander
 $kendo-expander-header-border: null !default;
 
+/// The background color of the hovered ExpansionPanel header.
+/// @group expander
 $kendo-expander-header-hover-bg: rgba( black, .04 ) !default;
-
+/// The background color of the focused ExpansionPanel header.
+/// @group expander
 $kendo-expander-header-focus-bg: null !default;
+/// The box shadow of the focused ExpansionPanel header.
+/// @group expander
 $kendo-expander-header-focus-shadow: $kendo-list-item-focus-shadow !default;
 
+/// The text color of the ExpansionPanel title.
+/// @group expander
 $kendo-expander-title-text: $kendo-color-primary !default;
 
+/// The text color of the ExpansionPanel sub-title.
+/// @group expander
 $kendo-expander-header-sub-title-text: $kendo-subtle-text !default;
 
+/// The horizontal margin of the ExpansionPanel indicator.
+/// @group expander
+$kendo-expander-indicator-margin-x: k-map-get( $kendo-spacing, 3 ) !default;
+
+/// The horizontal padding of the ExpansionPanel content.
+/// @group expander
 $kendo-expander-content-padding-x: k-map-get( $kendo-spacing, 6 ) !default;
-$kendo-expander-content-padding-y: k-map-get( $kendo-spacing, 6 ) !default;
+/// The vertical padding of the ExpansionPanel content.
+/// @group expander
+$kendo-expander-content-padding-y: k-map-get( $kendo-spacing, 6 ) !default;

package/scss/filter/_variables.scss

@@ -1,13 +1,30 @@
 // Filter expression builder
+
+/// The horizontal padding of the Filter.
+/// @group filter
 $kendo-filter-padding-x: $kendo-padding-md-x !default;
+/// The vertical padding of the Filter.
+/// @group filter
 $kendo-filter-padding-y: $kendo-padding-md-y !default;
 
+/// The bottom margin of the Filter.
+/// @group filter
 $kendo-filter-bottom-margin: 2.1em !default;
+/// The width of the line that connects the Filter items.
+/// @group filter
 $kendo-filter-line-size: 1px !default;
 
+/// The width of the dropdown elements in the Filter items.
+/// @group filter
 $kendo-filter-operator-dropdown-width: 15em !default;
 
+/// The text color of the Filter preview field.
+/// @group filter
 $kendo-filter-preview-field-text: $kendo-color-primary !default;
+/// The text color of the Filter preview operator.
+/// @group filter
 $kendo-filter-preview-operator-text: $kendo-subtle-text !default;
 
-$kendo-filter-toolbar-focus-shadow: 0 0 0 .25rem rgba( $kendo-color-primary, .25 ) !default;
+/// The box shadow of the focused Filter toolbar.
+/// @group filter
+$kendo-filter-toolbar-focus-shadow: 0 0 0 .25rem rgba( $kendo-color-primary, .25 ) !default;

package/scss/listbox/_variables.scss

@@ -1,49 +1,50 @@
-// Listbox
+// ListBox
 
-/// Margin between the listbox elements.
+/// The spacing between the ListBox elements.
 /// @group listbox
 $kendo-listbox-spacing: k-map-get( $kendo-spacing, 2 ) !default;
-/// Margin between the listbox buttons.
+/// The spacing between the ListBox buttons.
 /// @group listbox
 $kendo-listbox-button-spacing: k-map-get( $kendo-spacing, 4 ) !default;
-/// Width of the listbox.
+/// The width of the ListBox.
 /// @group listbox
 $kendo-listbox-width: 10em !default;
-/// Height of the listbox.
+/// The height of the ListBox.
 /// @group listbox
 $kendo-listbox-default-height: 200px !default;
-/// Width of the border around the listbox.
+/// The width of the border around the ListBox.
 /// @group listbox
 $kendo-listbox-border-width: 1px !default;
-/// Font family of the listbox.
+/// The font family of the ListBox.
 /// @group listbox
 $kendo-listbox-font-family: $kendo-font-family !default;
-/// Font size of the listbox.
+/// The font size of the ListBox.
 /// @group listbox
 $kendo-listbox-font-size: $kendo-font-size-md !default;
-/// Line height of the listbox.
+/// The line height of the ListBoxx.
 /// @group listbox
 $kendo-listbox-line-height: $kendo-line-height-md !default;
-/// Background color of the listbox.
-/// @group listbox
-$kendo-listbox-bg: $kendo-component-bg !default;
-/// Text color of the listbox.
+
+/// The text color of the ListBox.
 /// @group listbox
 $kendo-listbox-text: $kendo-component-text !default;
-/// Border color of the listbox.
+/// The background color of the ListBox.
+/// @group listbox
+$kendo-listbox-bg: $kendo-component-bg !default;
+/// The border color of the ListBox.
 /// @group listbox
 $kendo-listbox-border: $kendo-component-border !default;
 
-/// Inline item padding of the listbox.
+/// The inline padding of the ListBox item.
 /// @group listbox
 $kendo-listbox-item-padding-x: null !default;
-/// Block item padding of the listbox.
+/// The block padding of the ListBox item.
 /// @group listbox
 $kendo-listbox-item-padding-y: null !default;
 
-/// Width of the border around the drop hint.
-/// @group listbox
-$kendo-listbox-drop-hint-border-width: null !default;
-/// Width of the drop hint.
+/// The width of the ListBox drop hint.
 /// @group listbox
 $kendo-listbox-drop-hint-width: 1px !default;
+/// The width of the border around the ListBox drop hint.
+/// @group listbox
+$kendo-listbox-drop-hint-border-width: null !default;

package/scss/listview/_variables.scss

@@ -1,25 +1,60 @@
-// Listview
+// ListView
+
+/// The horizontal padding of the ListView.
+/// @group listview
 $kendo-listview-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
+/// The vertical padding of the ListView.
+/// @group listview
 $kendo-listview-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
+/// The width of the border around bordered ListView.
+/// @group listview
 $kendo-listview-border-width: 1px !default;
+/// The font family of the ListView.
+/// @group listview
 $kendo-listview-font-family: $kendo-font-family !default;
+/// The font size of the ListView.
+/// @group listview
 $kendo-listview-font-size: $kendo-font-size-md !default;
+/// The line height of the ListView.
+/// @group listview
 $kendo-listview-line-height: $kendo-line-height-md !default;
 
-$kendo-listview-bg: $kendo-component-bg !default;
+/// The text color of the ListView.
+/// @group listview
 $kendo-listview-text: $kendo-component-text !default;
+/// The background color of the ListView.
+/// @group listview
+$kendo-listview-bg: $kendo-component-bg !default;
+/// The border color of the ListView.
+/// @group listview
 $kendo-listview-border: $kendo-component-border !default;
 
-$kendo-listview-grid-gap: 10px !default;
-
+/// The horizontal padding of the ListView items.
+/// @group listview
 $kendo-listview-item-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
+/// The vertical padding of the ListView items.
+/// @group listview
 $kendo-listview-item-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
 
-$kendo-listview-item-selected-bg: rgba( $kendo-selected-bg, .25 ) !default;
+/// The text color of the selected ListView items.
+/// @group listview
 $kendo-listview-item-selected-text: null !default;
+/// The background color of the selected ListView items.
+/// @group listview
+$kendo-listview-item-selected-bg: rgba( $kendo-selected-bg, .25 ) !default;
+/// The border color of the selected ListView items.
+/// @group listview
 $kendo-listview-item-selected-border: null !default;
 
-$kendo-listview-item-focus-bg: null !default;
+/// The text color of the focused ListView items.
+/// @group listview
 $kendo-listview-item-focus-text: null !default;
+/// The background color of the focused ListView items.
+/// @group listview
+$kendo-listview-item-focus-bg: null !default;
+/// The border color of the focused ListView items.
+/// @group listview
 $kendo-listview-item-focus-border: null !default;
-$kendo-listview-item-focus-shadow: inset 0 0 0 3px rgba( $kendo-listview-text, .15 ) !default;
+/// The box shadow of the focused ListView items.
+/// @group listview
+$kendo-listview-item-focus-shadow: inset 0 0 0 3px rgba( $kendo-listview-text, .15 ) !default;