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

package/scss/fab/_variables.scss

@@ -1,96 +1,102 @@
 // Floating Action Button
 
-/// Width of the border around the FAB.
+/// The width of the border around the FAB.
 /// @group floating-action-button
 $kendo-fab-border-width: 1px !default;
-/// Border radius of the FAB.
+/// The border radius of the FAB.
 /// @group floating-action-button
 $kendo-fab-border-radius: $kendo-border-radius-md !default;
 
-/// Font family of the FAB.
+/// The font family of the FAB.
 /// @group floating-action-button
 $kendo-fab-font-family: $kendo-font-family !default;
-/// Font size of the FAB.
+/// The font size of the FAB.
 /// @group floating-action-button
 $kendo-fab-font-size: $kendo-font-size-md !default;
-/// Line height of the FAB.
+/// The line height of the FAB.
 /// @group floating-action-button
 $kendo-fab-line-height: $kendo-line-height-md !default;
 
-/// Horizontal padding of the FAB.
+/// The horizontal padding of the FAB.
 /// @group floating-action-button
 $kendo-fab-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
+/// The horizontal padding of the small FAB.
+/// @group floating-action-button
 $kendo-fab-sm-padding-x: k-math-div( $kendo-fab-padding-x, 2 ) !default;
+/// The horizontal padding of the medium FAB.
+/// @group floating-action-button
 $kendo-fab-md-padding-x: $kendo-fab-padding-x !default;
+/// The horizontal padding of the large FAB.
+/// @group floating-action-button
 $kendo-fab-lg-padding-x: ( $kendo-fab-padding-x * 1.5 ) !default;
 
-/// Vertical padding of the FAB.
+/// The vertical padding of the FAB.
 /// @group floating-action-button
 $kendo-fab-padding-y: $kendo-fab-padding-x !default;
+/// The vertical padding of the small FAB.
+/// @group floating-action-button
 $kendo-fab-sm-padding-y: k-math-div( $kendo-fab-padding-y, 2 ) !default;
+/// The vertical padding of the medium FAB.
+/// @group floating-action-button
 $kendo-fab-md-padding-y: $kendo-fab-padding-y !default;
+/// The vertical padding of the large FAB.
+/// @group floating-action-button
 $kendo-fab-lg-padding-y: ( $kendo-fab-padding-y * 1.5 ) !default;
 
-/// FAB icon width.
+/// The horizontal padding of the FAB icon.
 /// @group floating-action-button
-$kendo-fab-icon-width: 20px !default;
-/// FAB icon height.
+$kendo-fab-icon-padding-x: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+/// The vertical padding of the FAB icon.
 /// @group floating-action-button
-$kendo-fab-icon-height: $kendo-fab-icon-width !default;
-/// FAB icon spacing.
+$kendo-fab-icon-padding-y: $kendo-fab-icon-padding-x !default;
+/// The spacing of the FAB icon.
 /// @group floating-action-button
 $kendo-fab-icon-spacing: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
 
-/// FAB items horizontal padding.
+/// The horizontal padding of the FAB items.
 /// @group floating-action-button
 $kendo-fab-items-padding-x: 0px !default;
-/// FAB items vertical padding.
+/// The vertical padding of the FAB items.
 /// @group floating-action-button
 $kendo-fab-items-padding-y: k-map-get( $kendo-spacing, 4 ) !default;
 
-/// FAB item text horizontal padding.
+/// The horizontal padding of the FAB item text.
 /// @group floating-action-button
 $kendo-fab-item-text-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
-/// FAB item text vertical padding.
+/// The vertical padding of the FAB item text.
 /// @group floating-action-button
 $kendo-fab-item-text-padding-y: $kendo-fab-item-text-padding-x !default;
-/// Width of the FAB item text border.
+/// The width of the FAB item text border.
 /// @group floating-action-button
 $kendo-fab-item-text-border-width: 1px !default;
-/// Border radius of the FAB item text.
+/// The border radius of the FAB item text.
 /// @group floating-action-button
 $kendo-fab-item-text-border-radius: 2px !default;
-/// Font size of the FAB item text.
+/// The font size of the FAB item text.
 /// @group floating-action-button
 $kendo-fab-item-text-font-size: $kendo-font-size-xs !default;
-/// Line height of the FAB item text.
+/// The line height of the FAB item text.
 /// @group floating-action-button
 $kendo-fab-item-text-line-height: 1.2 !default;
 
-/// FAB item icon horizontal padding.
+/// The horizontal padding of the FAB item icon.
 /// @group floating-action-button
-$kendo-fab-item-icon-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
-/// FAB item icon vertical padding.
+$kendo-fab-item-icon-padding-x: k-map-get( $kendo-spacing, 2 ) + $kendo-fab-icon-padding-x !default;
+/// The vertical padding of the FAB item icon.
 /// @group floating-action-button
 $kendo-fab-item-icon-padding-y: $kendo-fab-item-icon-padding-x !default;
-/// Width of the FAB item icon border.
+/// The width of the FAB item icon border.
 /// @group floating-action-button
 $kendo-fab-item-icon-border-width: 0 !default;
-/// Border radius of the FAB item icon.
+/// The border radius of the FAB item icon.
 /// @group floating-action-button
 $kendo-fab-item-icon-border-radius: 50% !default;
-/// Width of the FAB item icon.
-/// @group floating-action-button
-$kendo-fab-item-icon-width: 20px !default;
-/// Height of the FAB item icon.
-/// @group floating-action-button
-$kendo-fab-item-icon-height: $kendo-fab-item-icon-width !default;
 
-/// Theme colors map for the FAB.
+/// The theme colors map for the FAB.
 /// @group floating-action-button
 $kendo-fab-theme-colors: $kendo-theme-colors !default;
 
-/// Size map for the FAB.
+/// The size map for the FAB.
 /// @group floating-action-button
 $kendo-fab-sizes: (
     sm: (
@@ -110,10 +116,10 @@ $kendo-fab-sizes: (
 /// The base shadow of the FAB.
 /// @group floating-action-button
 $kendo-fab-shadow: 0 6px 10px rgba(0, 0, 0, .14), 0 1px 18px rgba(0, 0, 0, .12), 0 3px 5px rgba(0, 0, 0, .2) !default;
-/// The disabled shadow of the FAB.
+/// The shadow of the disabled FAB.
 /// @group floating-action-button
 $kendo-fab-disabled-shadow: 0 6px 10px k-try-tint( rgba(0, 0, 0, .14), .5 ), 0 1px 18px k-try-tint( rgba(0, 0, 0, .12), .5 ), 0 3px 5px k-try-tint( rgba(0, 0, 0, .2), .5 ) !default;
-/// The active shadow of the FAB.
+/// The shadow of the active FAB.
 /// @group floating-action-button
 $kendo-fab-active-shadow: null !default;
 /// The outline style of the FAB.
@@ -146,10 +152,10 @@ $kendo-fab-item-icon-border: $kendo-button-border !default;
 /// The base shadow of the FAB item.
 /// @group floating-action-button
 $kendo-fab-item-shadow: $kendo-fab-shadow !default;
-/// The disabled shadow of the FAB item.
+/// The shadow of the disabled FAB item.
 /// @group floating-action-button
 $kendo-fab-item-disabled-shadow: $kendo-fab-disabled-shadow !default;
-/// The active shadow of the FAB item.
+/// The shadow of the active FAB item.
 /// @group floating-action-button
 $kendo-fab-item-active-shadow: $kendo-fab-active-shadow !default;
 /// The outline style of the FAB item.

package/scss/filemanager/_layout.scss

@@ -101,11 +101,6 @@
             justify-content: center;
         }
 
-        // File icon
-        .k-file-icon {
-            font-size: $kendo-file-manager-listview-item-icon-size;
-        }
-
         // File name
         .k-file-name {
             margin-top: k-math-div( $kendo-file-manager-spacer, 2 );
@@ -152,7 +147,7 @@
     .k-filemanager-preview {
         padding: ($kendo-file-manager-preview-padding-y * 3) $kendo-file-manager-preview-padding-x $kendo-file-manager-preview-padding-y;
         width: $kendo-file-manager-preview-width;
-        min-height: calc( #{$kendo-file-manager-preview-padding-y * 4} + #{$kendo-file-manager-preview-icon-size * 2} + #{$kendo-file-manager-preview-spacing * 3} );
+        min-height: calc( #{$kendo-file-manager-preview-padding-y * 4} + #{$kendo-icon-size-xxxl} * 2 + #{$kendo-file-manager-preview-spacing * 3} );
         border-width: 0;
         border-left-width: $kendo-file-manager-preview-border-width;
         border-style: solid;
@@ -169,11 +164,6 @@
             justify-content: center;
         }
 
-        // File icon
-        .k-file-icon {
-            font-size: $kendo-file-manager-preview-icon-size;
-        }
-
         // File name
         .k-file-name {
             margin-top: $kendo-file-manager-preview-spacing;

package/scss/filemanager/_variables.scss

@@ -41,7 +41,6 @@ $kendo-file-manager-listview-item-bg: null !default;
 $kendo-file-manager-listview-item-text: null !default;
 $kendo-file-manager-listview-item-border: null !default;
 
-$kendo-file-manager-listview-item-icon-size: ($kendo-icon-size * 3) !default;
 $kendo-file-manager-listview-item-icon-bg: null !default;
 $kendo-file-manager-listview-item-icon-text: k-try-tint($kendo-file-manager-text, 4) !default;
 $kendo-file-manager-listview-item-icon-border: null !default;
@@ -63,7 +62,6 @@ $kendo-file-manager-preview-bg: null !default;
 $kendo-file-manager-preview-text: null !default;
 $kendo-file-manager-preview-border: null !default;
 
-$kendo-file-manager-preview-icon-size: ($kendo-icon-size * 6) !default;
 $kendo-file-manager-preview-icon-bg: null !default;
 $kendo-file-manager-preview-icon-text: k-try-tint($kendo-file-manager-text, 4) !default;
 $kendo-file-manager-preview-icon-border: null !default;

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

@@ -49,6 +49,7 @@
 
         .k-grid-header,
         .k-grid-content,
+        .k-grid-content-locked,
         .k-grid-footer {
             .k-table {
                 table-layout: fixed;

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

@@ -57,13 +57,16 @@ $ki-icon-size: $kendo-icon-size;
     }
 
     // RTL icons
-    .k-rtl .k-i-indent-increase,
-    .k-rtl .k-i-indent-decrease,
-    .k-rtl .k-i-caret-alt-right,
-    .k-rtl .k-i-caret-alt-left,
-    [dir="rtl"] .k-i-caret-alt-right,
-    [dir="rtl"] .k-i-caret-alt-left {
-        transform: scaleX(-1);
+    .k-rtl,
+    [dir="rtl"] {
+        .k-i-indent-increase,
+        .k-i-indent-decrease,
+        .k-i-caret-alt-right,
+        .k-i-caret-alt-left,
+        .k-svg-i-caret-alt-right,
+        .k-svg-i-caret-alt-left {
+            transform: scaleX(-1);
+        }
     }
 
     .k-sprite {

package/scss/input/_layout.scss

@@ -33,8 +33,8 @@
             box-sizing: border-box;
         }
 
-        .k-input,
-        .k-picker {
+        > .k-input,
+        > .k-picker {
             border-width: 0 !important; // sass-lint:disable-line no-important
             color: inherit;
             background: none;
@@ -226,6 +226,7 @@
         flex-flow: row nowrap;
         align-items: center;
         justify-content: center;
+        box-sizing: content-box;
     }
 
     // Input with SVG icon
@@ -398,7 +399,6 @@
         $_padding-y: k-map-get( $size-props, padding-y );
         $_font-size: k-map-get( $size-props, font-size );
         $_line-height: k-map-get( $size-props, line-height );
-        $_icon-size: k-map-get( $size-props, icon-size );
         $_button-padding-x: k-map-get( $size-props, button-padding-x );
         $_button-padding-y: k-map-get( $size-props, button-padding-y );
 
@@ -436,8 +436,9 @@
             .k-input-prefix > .k-svg-icon,
             .k-input-suffix > .k-icon,
             .k-input-suffix > .k-svg-icon {
-                width: $_icon-size;
-                height: $_icon-size;
+                padding-block: $_padding-y;
+                padding-inline: $_padding-y;
+                box-sizing: content-box;
             }
 
             &.k-icon-picker .k-input-inner {

package/scss/input/_variables.scss

@@ -76,7 +76,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
     ),
@@ -85,7 +84,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
     ),
@@ -94,7 +92,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/_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/listbox/_layout.scss

@@ -76,11 +76,8 @@
         &[dir="rtl"],
         [dir="rtl"] & {
 
-            &.k-listbox-actions-left,
-            &.k-listbox-actions-right {
-                .k-listbox-actions {
-                    transform: scaleX(-1);
-                }
+            .k-listbox-actions .k-button-icon {
+                transform: scaleX(-1);
             }
         }
     }

package/scss/listgroup/_layout.scss

@@ -69,7 +69,7 @@
                 flex: 0 0 auto;
                 position: absolute;
                 top: 50%;
-                right: 0;
+                inset-inline-end: 0;
                 transform: translateY(-50%);
             }
         }

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;