@progress/kendo-theme-classic 6.4.0-dev.0 → 6.4.0-dev.2

package/scss/forms/_variables.scss

@@ -6,72 +6,158 @@
 
 // Forms
 
+/// The padding of the inline Form.
+/// @group form
 $kendo-form-spacer: $kendo-padding-md-x * 2 !default;
 
+/// The font size of the Form.
+/// @group form
 $kendo-form-font-size: $kendo-font-size-md !default;
+/// The line height of the Form.
+/// @group form
 $kendo-form-line-height: $kendo-line-height-md !default;
+/// The line height of the Form in em units.
+/// @group form
 $kendo-form-line-height-em: calc( #{$kendo-form-line-height} * 1em ) !default;
+/// The line height of the small Form.
+/// @group form
 $kendo-form-sm-line-height: $kendo-line-height-sm !default;
+/// The line height of the large Form.
+/// @group form
 $kendo-form-lg-line-height: $kendo-line-height-lg !default;
 
+/// The margin of the Form fieldset.
+/// @group form
 $kendo-form-fieldset-margin: 2em 0 0 !default;
+/// The padding of the Form fieldset.
+/// @group form
 $kendo-form-fieldset-padding: 0px !default;
 
+/// The margin of the Form legend.
+/// @group form
 $kendo-form-legend-margin: 0 0 1em !default;
+/// The padding of the Form legend.
+/// @group form
 $kendo-form-legend-padding: 0px !default;
+/// The border width of the Form legend.
+/// @group form
 $kendo-form-legend-border-width: 0 0 2px !default;
+/// The border style of the Form legend.
+/// @group form
 $kendo-form-legend-border-style: solid !default;
+/// The border color of the Form legend.
+/// @group form
 $kendo-form-legend-border-color: $kendo-component-border !default;
+/// The width of the Form legend.
+/// @group form
 $kendo-form-legend-width: 100% !default;
+/// The font size of the Form legend.
+/// @group form
 $kendo-form-legend-font-size: 14px !default;
+/// The text capitalization of the Form legend.
+/// @group form
 $kendo-form-legend-text-transform: uppercase !default;
 
+/// The bottom margin of the Form label.
+/// @group form
 $kendo-form-label-margin-bottom: 0px !default;
 
+/// The horizontal margin of the Form buttons.
+/// @group form
 $kendo-form-button-margin-x: 8px !default;
 
+/// The font size of the Form hint.
+/// @group form
 $kendo-form-hint-font-size: 12px !default;
+/// The font style of the Form hint.
+/// @group form
 $kendo-form-hint-font-style: italic !default;
+/// The top margin of the Form hint.
+/// @group form
 $kendo-form-hint-margin-top: 4px !default;
 
+/// The row spacing of the small Form.
+/// @group form
 $kendo-form-sm-rows-spacing: 1em !default;
+/// The row spacing of the medium Form.
+/// @group form
 $kendo-form-md-rows-spacing: $kendo-form-sm-rows-spacing !default;
+/// The row spacing of the large Form.
+/// @group form
 $kendo-form-lg-rows-spacing: $kendo-form-sm-rows-spacing !default;
 
+/// The margin of the Form separator.
+/// @group form
 $kendo-form-separator-margin: $kendo-form-md-rows-spacing 0 0 !default;
+/// The border color of the Form separator.
+/// @group form
 $kendo-form-separator-border-color: $kendo-form-legend-border-color !default;
 
+/// The top padding of the label in the horizontal Form.
+/// @group form
 $kendo-horizontal-form-label-padding-top: 5px !default;
+/// The horizontal margin of the label in the horizontal Form.
+/// @group form
 $kendo-horizontal-form-label-margin-x: 10px !default;
+/// The width of the label in the horizontal Form.
+/// @group form
 $kendo-horizontal-form-label-width: 25% !default;
+/// The horizontal alignment of the label in the horizontal Form.
+/// @group form
 $kendo-horizontal-form-label-align: flex-end !default;
 
+/// The maximum width of the field wrap in the horizontal Form.
+/// @group form
 $kendo-horizontal-form-field-wrap-max-width: calc( ( 100% - #{$kendo-horizontal-form-label-width} ) - #{$kendo-horizontal-form-label-margin-x} ) !default;
 
+/// The width of the inline Form element.
+/// @group form
 $kendo-inline-form-element-width: 25% !default;
 
+/// The invalid text color of the Form.
+/// @group form
 $kendo-forms-invalid-color: $kendo-color-error !default;
 
 
-// Label
+/// The horizontal margin of the optional label in the Form.
+/// @group form
 $kendo-label-optional-margin-x: 6px !default;
+/// The font size of the optional label in the Form.
+/// @group form
 $kendo-label-optional-font-size: 12px !default;
+/// The font style of the optional label in the Form.
+/// @group form
 $kendo-label-optional-font-style: italic !default;
 
 
-// Fieldset
+/// The margin of the Form fieldset.
+/// @group form
 $kendo-fieldset-margin: 30px !default;
+/// The font size of the Form fieldset.
+/// @group form
 $kendo-fieldset-font-size: $kendo-h4-font-size !default;
-
+/// The background color of the Form fieldset.
+/// @group form
 $kendo-fieldset-bg: null !default;
+//// The text color of the Form fieldset.
+/// @group form
 $kendo-fieldset-text: null !default;
+/// The border color of the Form fieldset.
+/// @group form
 $kendo-fieldset-border: null !default;
 
+/// The background color of the Form legend.
+/// @group form
 $kendo-fieldset-legend-bg: null !default;
+/// The text color of the Form legend.
+/// @group form
 $kendo-fieldset-legend-text: k-try-shade( $kendo-body-text, 2 ) !default;
+/// The border color of the Form legend.
+/// @group form
 $kendo-fieldset-legend-border: null !default;
 
-// Sizes
+/// The sizes map for the Form.
+/// @group form
 $kendo-form-sizes: (
     sm: (
         form-rows-spacing: $kendo-form-sm-rows-spacing

package/scss/grid/_variables.scss

@@ -258,11 +258,11 @@ $kendo-grid-sticky-header-border: $kendo-grid-sticky-border !default;
 $kendo-grid-sticky-footer-bg: $kendo-grid-header-bg !default;
 $kendo-grid-sticky-footer-hover-bg: $kendo-grid-hover-bg !default;
 
-$kendo-grid-sticky-selected-bg: $kendo-grid-selected-bg !default;
-$kendo-grid-sticky-selected-alt-bg: k-try-shade( $kendo-grid-selected-bg, .5 ) !default;
+$kendo-grid-sticky-selected-bg: k-color-mix($kendo-selected-bg, #ffffff, 25%) !default;
+$kendo-grid-sticky-selected-alt-bg: k-try-shade( $kendo-grid-sticky-selected-bg, .5 ) !default;
 
 $kendo-grid-sticky-hover-bg: $kendo-grid-hover-bg !default;
-$kendo-grid-sticky-selected-hover-bg: k-try-shade( $kendo-grid-selected-bg, 1 ) !default;
+$kendo-grid-sticky-selected-hover-bg: k-try-shade( $kendo-grid-sticky-selected-bg, 1 ) !default;
 
 $kendo-grid-column-menu-width: 230px !default;
 

package/scss/input/_variables.scss

@@ -77,7 +77,6 @@ $kendo-input-sizes: (
         padding-y: $kendo-input-sm-padding-y,
         font-size: $kendo-input-sm-font-size,
         line-height: $kendo-input-sm-line-height,
-        icon-size: calc( #{$kendo-icon-size} + #{$kendo-input-sm-padding-y * 2} ),
         button-padding-x: $kendo-input-sm-padding-y,
         button-padding-y: $kendo-input-sm-padding-y
     ),
@@ -86,7 +85,6 @@ $kendo-input-sizes: (
         padding-y: $kendo-input-md-padding-y,
         font-size: $kendo-input-md-font-size,
         line-height: $kendo-input-md-line-height,
-        icon-size: calc( #{$kendo-icon-size} + #{$kendo-input-md-padding-y * 2} ),
         button-padding-x: $kendo-input-md-padding-y,
         button-padding-y: $kendo-input-md-padding-y
     ),
@@ -95,7 +93,6 @@ $kendo-input-sizes: (
         padding-y: $kendo-input-lg-padding-y,
         font-size: $kendo-input-lg-font-size,
         line-height: $kendo-input-lg-line-height,
-        icon-size: calc( #{$kendo-icon-size} + #{$kendo-input-lg-padding-y * 2} ),
         button-padding-x: $kendo-input-lg-padding-y,
         button-padding-y: $kendo-input-lg-padding-y
     )

package/scss/list/_variables.scss

@@ -1,5 +1,9 @@
 // List
 
+/// The font family of the List components.
+/// @group list
+$kendo-list-font-family: $kendo-font-family !default;
+
 /// The font size of the List component, if no size is set.
 /// @group list
 $kendo-list-font-size: null !default;
@@ -241,3 +245,7 @@ $kendo-list-group-item-shadow: null !default;
 /// The color of the 'No Data' text.
 /// @group list
 $kendo-list-no-data-text: $kendo-subtle-text !default;
+
+/// The color of the 'Option Label' text.
+/// @group list
+$kendo-list-option-label-text: $kendo-subtle-text !default;

package/scss/map/_variables.scss

@@ -27,5 +27,4 @@ $kendo-map-attribution-padding-y: $kendo-padding-sm-y !default;
 $kendo-map-attribution-font-size: ($kendo-map-font-size * .75) !default;
 $kendo-map-attribution-bg: rgba( $kendo-map-bg, .8 ) !default;
 
-$kendo-map-marker-size: $kendo-icon-size-xxl !default;
 $kendo-map-marker-fill: $kendo-color-primary !default;

package/scss/menu-button/_variables.scss

@@ -1,5 +1,5 @@
 // Menu-button
 
-/// Horizontal padding of the arrow button.
+/// The horizontal padding of the button arrow in the Menu Button.
 /// @group menu-button
 $kendo-menu-button-arrow-padding-x: $kendo-button-padding-y !default;

package/scss/pager/_variables.scss

@@ -3,126 +3,150 @@
 
 // Pager
 
-/// Horizontal padding of the pager according to the pager size.
+/// The horizontal padding of the Pager.
 /// @group pager
 $kendo-pager-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+/// The horizontal padding of the small Pager.
+/// @group pager
 $kendo-pager-sm-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
+/// The horizontal padding of the medium Pager.
+/// @group pager
 $kendo-pager-md-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+/// The horizontal padding of the large Pager.
+/// @group pager
 $kendo-pager-lg-padding-x: k-map-get( $kendo-spacing, 2.5 ) !default;
-/// Vertical padding of the pager according to the pager size.
+/// The vertical padding of the Pager.
 /// @group pager
 $kendo-pager-padding-y: $kendo-pager-padding-x !default;
+/// The vertical padding of the small Pager.
+/// @group pager
 $kendo-pager-sm-padding-y: $kendo-pager-sm-padding-x !default;
+/// The vertical padding of the medium Pager.
+/// @group pager
 $kendo-pager-md-padding-y: $kendo-pager-md-padding-x !default;
+/// The vertical padding of the large Pager.
+/// @group pager
 $kendo-pager-lg-padding-y: $kendo-pager-lg-padding-x !default;
 
-/// Minimum width of the pager items according to the pager size.
+/// The minimum width of the items in the small Pager.
 /// @group pager
 $kendo-pager-sm-item-min-width: $kendo-button-sm-calc-size !default;
+/// The minimum width of the items in the medium Pagers.
+/// @group pager
 $kendo-pager-md-item-min-width: $kendo-button-md-calc-size !default;
+/// The minimum width of the items in the large Pagers.
+/// @group pager
 $kendo-pager-lg-item-min-width: $kendo-button-lg-calc-size !default;
 
-/// Margin between pager item groups according to the pager size.
+/// The margin between the item groups in the small Pager..
 /// @group pager
 $kendo-pager-sm-item-group-spacing: k-map-get( $kendo-spacing, 3 ) !default;
+/// The margin between the item groups in the medium Pager.
+/// @group pager
 $kendo-pager-md-item-group-spacing: k-map-get( $kendo-spacing, 3.5 ) !default;
+/// The margin between the item groups in the large Pager.
+/// @group pager
 $kendo-pager-lg-item-group-spacing: k-map-get( $kendo-spacing, 4 ) !default;
 
-/// Border width of the pager.
+/// The border width of the Pager.
 /// @group pager
 $kendo-pager-border-width: 1px !default;
-/// Font family of the pager.
+/// The font family of the Pager.
 /// @group pager
 $kendo-pager-font-family: $kendo-font-family !default;
-/// Font size of the pager.
+/// The font size of the Pager.
 /// @group pager
 $kendo-pager-font-size: $kendo-font-size-md !default;
-/// Line height of the pager.
+/// The line height of the Pager.
 /// @group pager
 $kendo-pager-line-height: $kendo-line-height-md !default;
-/// Background color of the pager.
+/// The background color of the Pager.
 /// @group pager
 $kendo-pager-bg: $kendo-component-header-bg !default;
-/// Text color of the pager.
+/// The text color of the Pager.
 /// @group pager
 $kendo-pager-text: $kendo-component-header-text !default;
-/// Border color of the pager.
+/// The border color of the Pager.
 /// @group pager
 $kendo-pager-border: $kendo-component-border !default;
 
-/// Background color of the focused pager.
+/// The background color of the focused Pager.
 /// @group pager
 $kendo-pager-focus-bg: null !default;
-/// Box shadow of the focused pager.
+/// The box shadow of the focused Pager.
 /// @group pager
 $kendo-pager-focus-shadow: $kendo-focus-shadow !default;
 
-/// Spacing between the pager sections.
+/// The spacing between the Pager sections.
 /// @group pager
 $kendo-pager-section-spacing: k-map-get( $kendo-spacing, 4 ) !default;
 
-/// Border width of the pager items.
+/// The border width of the Pager items.
 /// @group pager
 $kendo-pager-item-border-width: 0px !default;
-/// Border radius of the pager items.
+/// The border radius of the Pager items.
 /// @group pager
 $kendo-pager-item-border-radius: null !default;
-/// Spacing around the pager items.
+/// The spacing around the Pager items.
 /// @group pager
 $kendo-pager-item-spacing: null !default;
-/// Background color of the pager items.
+/// The background color of the Pager items.
 /// @group pager
 $kendo-pager-item-bg: null !default;
-/// Text color of the pager items.
+/// The text color of the Pager items.
 /// @group pager
 $kendo-pager-item-text: null !default;
-/// Border color of the pager items.
+/// The border color of the Pager items.
 /// @group pager
 $kendo-pager-item-border: null !default;
 
-/// Background color of the hovered pager items.
+/// The background color of the hovered Pager items.
 /// @group pager
 $kendo-pager-item-hover-bg: $kendo-list-item-hover-bg !default;
-/// Text color of the hovered pager items.
+/// The text color of the hovered Pager items.
 /// @group pager
 $kendo-pager-item-hover-text: $kendo-list-item-hover-text !default;
-/// Border color of the hovered pager items.
+/// The border color of the hovered Pager items.
 /// @group pager
 $kendo-pager-item-hover-border: null !default;
-/// Background color of the selected pager items.
+/// The background color of the selected Pager items.
 /// @group pager
 $kendo-pager-item-selected-bg: $kendo-list-item-selected-bg !default;
-/// Text color of the selected pager items.
+/// The text color of the selected Pager items.
 /// @group pager
 $kendo-pager-item-selected-text: $kendo-list-item-selected-text !default;
-/// Border color of the selected pager items.
+/// The border color of the selected Pager items.
 /// @group pager
 $kendo-pager-item-selected-border: null !default;
-/// Opacity of the focused pager items.
+/// The opacity of the focused Pager items.
 /// @group pager
 $kendo-pager-item-focus-opacity: null !default;
-/// Background color of the focused pager items.
+/// The background color of the focused Pager items.
 /// @group pager
 $kendo-pager-item-focus-bg: transparent !default;
-/// Box shadow of the focused pager items.
+/// The box shadow of the focused Pager items.
 /// @group pager
 $kendo-pager-item-focus-shadow: $kendo-list-item-focus-shadow !default;
 
-/// Border radius of the pager numbers.
+/// The border radius of the Pager numbers.
 /// @group pager
 $kendo-pager-number-border-radius: null !default;
 
-/// Width of the pager inputs.
+/// The width of the Inputs in the Pager.
 /// @group pager
 $kendo-pager-input-width: 5em !default;
 
-/// Width of the pager dropdowns according to the pager size.
+/// The width of the DropDowns in the small Pager.
 /// @group pager
 $kendo-pager-sm-dropdown-width: 5em !default;
+/// The width of the DropDowns in the medium Pager.
+/// @group pager
 $kendo-pager-md-dropdown-width: 5em !default;
+/// The width of the DropDowns in the large Pager.
+/// @group pager
 $kendo-pager-lg-dropdown-width: 5em !default;
 
-/// Sizes map of the pager.
+/// The sizes map of the Pager.
 /// @group pager
 $kendo-pager-sizes: (
     sm: (

package/scss/pdf-viewer/_variables.scss

@@ -43,4 +43,3 @@ $kendo-pdf-viewer-search-highlight-bg: $kendo-body-text !default;
 $kendo-pdf-viewer-search-highlight-mark-bg: yellow !default;
 
 $kendo-pdf-viewer-icon-text: $kendo-dropzone-icon-text !default;
-$kendo-pdf-viewer-icon-size: calc( #{$kendo-icon-size} * 3 ) !default;

package/scss/rating/_variables.scss

@@ -13,8 +13,6 @@ $kendo-rating-label-margin-x: $kendo-padding-md-x !default;
 $kendo-rating-label-margin-y: $kendo-padding-md-y !default;
 $kendo-rating-label-line-height: $kendo-line-height-lg !default;
 
-$kendo-rating-icon-size: ($kendo-icon-size * 1.5) !default;
-
 $kendo-rating-icon-text: $kendo-component-text !default;
 $kendo-rating-icon-selected-text: $kendo-selected-bg !default;
 $kendo-rating-icon-hover-text: $kendo-selected-bg !default;

package/scss/scrollview/_variables.scss

@@ -24,7 +24,6 @@ $kendo-scrollview-pager-multidot-threshold: 10 !default;
 $kendo-scrollview-pager-multidot-intermediate: 3 !default;
 $kendo-scrollview-pager-multidot-step: 1px !default;
 
-$kendo-scrollview-arrow-icon-size: 4.5em !default;
 $kendo-scrollview-arrow-tap-highlight-color: $kendo-color-rgba-transparent !default;
 $kendo-scrollview-navigation-color: white !default;
 $kendo-scrollview-navigation-icon-shadow: rgba( black, .3 ) 0 0 15px !default;

package/scss/splitter/_variables.scss

@@ -8,8 +8,7 @@ $kendo-splitter-bg: $kendo-component-bg !default;
 $kendo-splitter-text: $kendo-component-text !default;
 $kendo-splitter-border: $kendo-component-border !default;
 
-$kendo-splitter-splitbar-size: 8px !default;
-$kendo-splitter-resize-icon-size: 10px !default;
+$kendo-splitter-splitbar-size: k-map-get( $kendo-spacing, 3 ) !default;
 $kendo-splitter-drag-handle-length: 20px !default;
 $kendo-splitter-drag-handle-thickness: 2px !default;
 $kendo-splitter-drag-icon-margin: 7px !default;

package/scss/toolbar/_variables.scss

@@ -1,72 +1,90 @@
 // Toolbar
 
-/// The horizontal padding of the toolbar.
+/// The horizontal padding of the Toolbar.
 /// @group toolbar
 $kendo-toolbar-padding-x: null !default;
+/// The horizontal padding of the small Toolbar.
+/// @group toolbar
 $kendo-toolbar-sm-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
+/// The horizontal padding of the medium Toolbar.
+/// @group toolbar
 $kendo-toolbar-md-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+/// The horizontal padding of the large Toolbar.
+/// @group toolbar
 $kendo-toolbar-lg-padding-x: k-map-get( $kendo-spacing, 2.5 ) !default;
 
-/// The vertical padding of the toolbar.
+/// The vertical padding of the Toolbar.
 /// @group toolbar
 $kendo-toolbar-padding-y: null !default;
+/// The vertical padding of the small Toolbar.
+/// @group toolbar
 $kendo-toolbar-sm-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
+/// The vertical padding of the medium Toolbar.
+/// @group toolbar
 $kendo-toolbar-md-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
+/// The vertical padding of the large Toolbar.
+/// @group toolbar
 $kendo-toolbar-lg-padding-y: k-map-get( $kendo-spacing, 2.5 ) !default;
 
-/// The spacing between the toolbar tools.
+/// The spacing between the Toolbar tools.
 /// @group toolbar
 $kendo-toolbar-spacing: null !default;
+/// The spacing between the tools of the small Toolbar.
+/// @group toolbar
 $kendo-toolbar-sm-spacing: k-map-get( $kendo-spacing, 1.5 ) !default;
+/// The spacing between the tools of the medium Toolbar.
+/// @group toolbar
 $kendo-toolbar-md-spacing: k-map-get( $kendo-spacing, 2 ) !default;
+/// The spacing between the tools of the large Toolbar.
+/// @group toolbar
 $kendo-toolbar-lg-spacing: k-map-get( $kendo-spacing, 2.5 ) !default;
 
-/// Width of the border around the toolbar.
+/// The width of the border around the Toolbar.
 /// @group toolbar
 $kendo-toolbar-border-width: 1px !default;
-/// Border radius of the toolbar.
+/// The border radius of the Toolbar.
 /// @group toolbar
 $kendo-toolbar-border-radius: null !default;
 
-/// Font family of the toolbar.
+/// The font family of the Toolbar.
 /// @group toolbar
 $kendo-toolbar-font-family: $kendo-font-family !default;
-/// Font size of the toolbar.
+/// The font size of the Toolbar.
 /// @group toolbar
 $kendo-toolbar-font-size: $kendo-font-size-md !default;
-/// Line height of the toolbar.
+/// The line height of the Toolbar.
 /// @group toolbar
 $kendo-toolbar-line-height: $kendo-line-height-md !default;
 
-/// Background color of the toolbar.
+/// The background color of the Toolbar.
 /// @group toolbar
 $kendo-toolbar-bg: $kendo-button-bg !default;
-/// Text color of the toolbar.
+/// The text color of the Toolbar.
 /// @group toolbar
 $kendo-toolbar-text: $kendo-button-text !default;
-/// Color of the border around the toolbar.
+/// The color of the border around the Toolbar.
 /// @group toolbar
 $kendo-toolbar-border: $kendo-button-border !default;
-/// Gradient of the toolbar.
+/// The gradient of the Toolbar.
 /// @group toolbar
 $kendo-toolbar-gradient: null !default;
-/// Box shadow of the toolbar.
+/// The box shadow of the Toolbar.
 /// @group toolbar
 $kendo-toolbar-shadow: null !default;
 
-/// Color of the separator border of the toolbar.
+/// The color of the separator border of the Toolbar.
 /// @group toolbar
 $kendo-toolbar-separator-border: inherit !default;
 
-/// The width of the input in the toolbar.
+/// The width of the input in the Toolbar.
 /// @group toolbar
 $kendo-toolbar-input-width: 10em !default;
 
-/// Box shadow of the focused toolbar item.
+/// The box shadow of the focused Toolbar item.
 /// @group toolbar
 $kendo-toolbar-item-shadow: $kendo-button-focus-shadow !default;
 
-/// Sizes map for the toolbar.
+/// The sizes map for the Toolbar.
 /// @group toolbar
 $kendo-toolbar-sizes: (
     sm: (