@progress/kendo-theme-default 6.4.0-dev.1 → 6.4.0-dev.2

package/scss/floating-label/_variables.scss

@@ -1,20 +1,51 @@
 // Floating label
+
+/// The transformation scale of the Floating Label.
+/// @group floating-label
 $kendo-floating-label-scale: 1 !default;
+///The font size of the Floating Label.
+/// @group floating-label
 $kendo-floating-label-font-size: $kendo-input-font-size !default;
+/// The maximum width of the Floating Label.
+/// @group floating-label
 $kendo-floating-label-max-width: 90% !default;
+/// The line height of the Floating Label.
+/// @group floating-label
 $kendo-floating-label-line-height: $kendo-input-line-height !default;
+/// The height of the Floating Label.
+/// @group floating-label
 $kendo-floating-label-height: calc( #{$kendo-floating-label-line-height} * #{$kendo-floating-label-font-size} ) !default;
+/// The horizontal offset of the Floating Label.
+/// @group floating-label
 $kendo-floating-label-offset-x: calc( #{$kendo-input-padding-x} + #{$kendo-input-border-width} ) !default;
+/// The vertical offset of the Floating Label.
+/// @group floating-label
 $kendo-floating-label-offset-y: calc( #{$kendo-floating-label-height} + #{$kendo-input-border-width} + #{$kendo-input-padding-y} ) !default;
 
+/// The transformation scale of the focused Floating Label.
+/// @group floating-label
 $kendo-floating-label-focus-scale: 1 !default;
+/// The horizontal offset of the focused Floating Label.
+/// @group floating-label
 $kendo-floating-label-focus-offset-x: 0 !default;
+/// The vertical offset of the focused Floating Label.
+/// @group floating-label
 $kendo-floating-label-focus-offset-y: 0 !default;
 
+/// The transition of the Floating Label.
+/// @group floating-label
 $kendo-floating-label-transition: .2s ease-out !default;
 
+/// The background color of the Floating Label.
+/// @group floating-label
 $kendo-floating-label-bg: null !default;
+/// The text color of the Floating Label.
+/// @group floating-label
 $kendo-floating-label-text: null !default;
 
+/// The background color of the focused Floating Label.
+/// @group floating-label
 $kendo-floating-label-focus-bg: null !default;
+/// The text color of the focused Floating Label.
+/// @group floating-label
 $kendo-floating-label-focus-text: null !default;

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: k-map-get( $kendo-spacing, 2.5 ) !default;
+/// The row spacing of the medium Form.
+/// @group form
 $kendo-form-md-rows-spacing: k-map-get( $kendo-spacing, 3.5 ) !default;
+/// The row spacing of the large Form.
+/// @group form
 $kendo-form-lg-rows-spacing: k-map-get( $kendo-spacing, 4.5 ) !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/_theme.scss

@@ -269,15 +269,15 @@
         }
 
         // Selected state
-        &.k-table-row.k-selected .k-grid-content-sticky,
-        &.k-table-row.k-selected .k-grid-row-sticky,
+        &.k-table-row.k-selected td.k-grid-content-sticky,
+        &.k-table-row.k-selected .k-table-td.k-grid-row-sticky,
         &.k-table-row td.k-grid-content-sticky.k-selected,
         &.k-table-row .k-table-td.k-grid-content-sticky.k-selected {
             @include fill( $bg: $kendo-grid-sticky-selected-bg );
         }
 
-        &.k-selected.k-table-alt-row .k-grid-content-sticky,
-        &.k-selected.k-table-alt-row .k-grid-row-sticky,
+        &.k-selected.k-table-alt-row td.k-grid-content-sticky,
+        &.k-selected.k-table-alt-row .k-table-td.k-grid-row-sticky,
         &.k-table-alt-row td.k-grid-content-sticky.k-selected,
         &.k-table-alt-row .k-table-td.k-grid-content-sticky.k-selected {
             @include fill( $bg: $kendo-grid-sticky-selected-alt-bg );
@@ -294,10 +294,10 @@
 
 
         // Selected hover
-        &.k-selected:hover .k-grid-content-sticky,
-        &.k-selected:hover .k-grid-row-sticky,
-        &.k-selected.k-hover .k-grid-content-sticky,
-        &.k-selected.k-hover .k-grid-row-sticky,
+        &.k-selected:hover td.k-grid-content-sticky,
+        &.k-selected:hover .k-table-td.k-grid-row-sticky,
+        &.k-selected.k-hover td.k-grid-content-sticky,
+        &.k-selected.k-hover .k-table-td.k-grid-row-sticky,
         &:hover td.k-grid-content-sticky.k-selected,
         &.k-hover td.k-grid-content-sticky.k-selected,
         &:hover .k-table-td.k-grid-content-sticky.k-selected,

package/scss/list/_layout.scss

@@ -16,6 +16,7 @@
         margin: 0;
         padding: 0;
         box-sizing: border-box;
+        font-family: $kendo-list-font-family;
         font-size: $kendo-list-font-size;
         line-height: $kendo-list-line-height;
         display: flex;
@@ -121,6 +122,7 @@
     }
     .k-list-optionlabel {
         @extend .k-list-item !optional;
+        column-gap: 0;
     }
 
 

package/scss/list/_theme.scss

@@ -62,6 +62,12 @@
         }
     }
 
+    // Option Label
+    .k-list-optionlabel,
+    .k-list-optionlabel.k-hover,
+    .k-list-optionlabel:hover {
+        color: $kendo-list-option-label-text;
+    }
 
     // List group item
     .k-list-group-item {

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/_layout.scss

@@ -37,7 +37,6 @@
         // Marker
         .k-marker {
             transform: translate(-50%, -100%);
-            font-size: $kendo-map-marker-size;
             cursor: pointer;
             position: absolute;
             overflow: visible;

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/_layout.scss

@@ -113,14 +113,6 @@
                 border: 0;
                 background: none;
             }
-
-            > .k-icon {
-                font-size: $kendo-pdf-viewer-icon-size;
-            }
-            > .k-svg-icon {
-                width: $kendo-pdf-viewer-icon-size;
-                height: $kendo-pdf-viewer-icon-size;
-            }
         }
 
     }

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/_layout.scss

@@ -47,14 +47,6 @@
                 pointer-events: none;
             }
 
-            .k-icon {
-                font-size: $kendo-rating-icon-size;
-            }
-            .k-svg-icon {
-                width: $kendo-rating-icon-size;
-                height: $kendo-rating-icon-size;
-            }
-
             .k-rating-precision-part,
             .k-rating-precision-complement {
                 display: inherit;

package/scss/scheduler/_layout.scss

@@ -426,12 +426,6 @@
                 }
             }
 
-            .k-icon,
-            .k-svg-icon {
-                line-height: normal;
-                font-size: inherit;
-            }
-
             a { color: inherit; }
         }
 

package/scss/scrollview/_layout.scss

@@ -163,14 +163,8 @@
             margin: 0;
             padding: 0;
             vertical-align: middle;
-            font-size: $kendo-scrollview-arrow-icon-size;
             font-weight: normal;
         }
-        .k-svg-icon {
-            font-size: inherit;
-            width: $kendo-scrollview-arrow-icon-size;
-            height: $kendo-scrollview-arrow-icon-size;
-        }
     }
 
     .k-scrollview-prev {

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(0, 0, 0, .3) 0 0 15px !default;

package/scss/splitter/_layout.scss

@@ -58,14 +58,6 @@
             cursor: pointer;
         }
 
-        .k-icon {
-            font-size: $kendo-splitter-resize-icon-size;
-        }
-        .k-svg-icon {
-            width: $kendo-splitter-resize-icon-size;
-            height: $kendo-splitter-resize-icon-size;
-        }
-
     }
 
     .k-splitbar-draggable-horizontal { cursor: col-resize; }

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;