@progress/kendo-theme-fluent 6.2.1-dev.0 → 6.2.1-dev.151

package/scss/list/_variables.scss

@@ -1,129 +1,130 @@
 @use "sass:map";
 @use "../core/" as *;
 
-/// Font size of the list component.
+/// The font size of the List component.
 /// @group list
 $kendo-list-sm-font-size: var( --kendo-font-size, inherit ) !default;
 $kendo-list-md-font-size: var( --kendo-font-size, inherit ) !default;
 $kendo-list-lg-font-size: var( --kendo-font-size, inherit ) !default;
 
-/// Line height of the list component.
+/// The line height of the List component.
 /// @group list
 $kendo-list-sm-line-height: var( --kendo-line-height, normal ) !default;
 $kendo-list-md-line-height: var( --kendo-line-height, normal ) !default;
 $kendo-list-lg-line-height: var( --kendo-line-height, normal ) !default;
 
-/// Horizontal padding of list header.
+/// The horizontal padding of the List header.
 /// @group list
 $kendo-list-sm-header-padding-x: map.get( $kendo-spacing, 2 ) !default;
 $kendo-list-md-header-padding-x: map.get( $kendo-spacing, 2 ) !default;
 $kendo-list-lg-header-padding-x: map.get( $kendo-spacing, 2 ) !default;
 
-/// Vertical padding of list header.
+/// The vertical padding of the List header.
 /// @group list
 $kendo-list-sm-header-padding-y: map.get( $kendo-spacing, 1.5 ) !default;
 $kendo-list-md-header-padding-y: map.get( $kendo-spacing, 2 ) !default;
 $kendo-list-lg-header-padding-y: map.get( $kendo-spacing, 2.5 ) !default;
 
-/// Border width of list header.
+/// The border width of the List header.
 /// @group list
 $kendo-list-header-border-width: 0 !default;
 
-/// Font size of list header.
+/// The font size of the List header.
 /// @group list
 $kendo-list-sm-header-font-size: var( --kendo-font-size, inherit ) !default;
 $kendo-list-md-header-font-size: var( --kendo-font-size, inherit ) !default;
 $kendo-list-lg-header-font-size: var( --kendo-font-size, inherit ) !default;
 
-/// Line height of list header.
+/// The line height of the List header.
 /// @group list
 $kendo-list-sm-header-line-height: var( --kendo-line-height, normal ) !default;
 $kendo-list-md-header-line-height: var( --kendo-line-height, normal ) !default;
 $kendo-list-lg-header-line-height: var( --kendo-line-height, normal ) !default;
 
-/// Font weight of list header.
+/// The font weight of the List header.
 /// @group list
 $kendo-list-header-font-weight: var( --kendo-font-weight-bold, normal ) !default;
 
-/// Horizontal padding of list items.
+/// The horizontal padding of the List items.
 /// @group list
 $kendo-list-sm-item-padding-x: map.get( $kendo-spacing, 2 ) !default;
 $kendo-list-md-item-padding-x: map.get( $kendo-spacing, 2 ) !default;
 $kendo-list-lg-item-padding-x: map.get( $kendo-spacing, 2 ) !default;
 
-/// Vertical padding of list items.
+/// The vertical padding of the List items.
 /// @group list
 $kendo-list-sm-item-padding-y: map.get( $kendo-spacing, 1.5 ) !default;
 $kendo-list-md-item-padding-y: map.get( $kendo-spacing, 2 ) !default;
 $kendo-list-lg-item-padding-y: map.get( $kendo-spacing, 2.5 ) !default;
 
-/// Font size of list items.
+/// The font size of the List items.
 /// @group list
 $kendo-list-sm-item-font-size: var( --kendo-font-size, inherit ) !default;
 $kendo-list-md-item-font-size: var( --kendo-font-size, inherit ) !default;
 $kendo-list-lg-item-font-size: var( --kendo-font-size, inherit ) !default;
 
-/// Line height of list items.
+/// The line height of the List items.
 /// @group list
 $kendo-list-sm-item-line-height: var( --kendo-line-height, normal ) !default;
 $kendo-list-md-item-line-height: var( --kendo-line-height, normal ) !default;
 $kendo-list-lg-item-line-height: var( --kendo-line-height, normal ) !default;
 
-/// Font size of list item group label.
+/// The font size of the List item group label.
 /// @group list
 $kendo-list-item-group-label-sm-font-size: var( --kendo-font-size-xs, inherit ) !default;
 $kendo-list-item-group-label-md-font-size: var( --kendo-font-size-xs, inherit ) !default;
 $kendo-list-item-group-label-lg-font-size: var( --kendo-font-size-xs, inherit ) !default;
 
-/// Horizontal padding of list group items.
+/// The horizontal padding of the List group items.
 /// @group list
 $kendo-list-sm-group-item-padding-x: map.get( $kendo-spacing, 2 ) !default;
 $kendo-list-md-group-item-padding-x: map.get( $kendo-spacing, 2 ) !default;
 $kendo-list-lg-group-item-padding-x: map.get( $kendo-spacing, 2 ) !default;
 
-/// Vertical padding of list group items.
+/// The vertical padding of the List group items.
 /// @group list
 $kendo-list-sm-group-item-padding-y: map.get( $kendo-spacing, 1.5 ) !default;
 $kendo-list-md-group-item-padding-y: map.get( $kendo-spacing, 2 ) !default;
 $kendo-list-lg-group-item-padding-y: map.get( $kendo-spacing, 2.5 ) !default;
 
-/// Horizontal padding of list item group label.
+/// The horizontal padding of the List item group label.
 /// @group list
 $kendo-list-item-group-label-sm-padding-x: map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
 $kendo-list-item-group-label-md-padding-x: map.get( $kendo-spacing, 1 ) !default;
 $kendo-list-item-group-label-lg-padding-x: map.get( $kendo-spacing, 1.5 ) !default;
 
-/// Vertical padding of list item group label.
+/// The vertical padding of the List item group label.
 /// @group list
 $kendo-list-item-group-label-sm-padding-y: map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
 $kendo-list-item-group-label-md-padding-y: map.get( $kendo-spacing, 1 ) !default;
 $kendo-list-item-group-label-lg-padding-y: map.get( $kendo-spacing, 1.5 ) !default;
 
-/// Border width of list group items.
+/// The border width of the List group items.
 /// @group list
 $kendo-list-group-item-border-width: 1px 0 0 !default;
 
-/// Font size of list group items.
+/// The font size of the List group items.
 /// @group list
 $kendo-list-sm-group-item-font-size: var( --kendo-font-size, inherit ) !default;
 $kendo-list-md-group-item-font-size: var( --kendo-font-size, inherit ) !default;
 $kendo-list-lg-group-item-font-size: var( --kendo-font-size, inherit ) !default;
 
-/// Line height of list group items.
+/// The line height of the List group items.
 /// @group list
 $kendo-list-sm-group-item-line-height: var( --kendo-line-height, normal ) !default;
 $kendo-list-md-group-item-line-height: var( --kendo-line-height, normal ) !default;
 $kendo-list-lg-group-item-line-height: var( --kendo-line-height, normal ) !default;
 
-/// Font weight of list group item.
+/// The font weight of the List group item.
 /// @group list
 $kendo-list-group-item-font-weight: var( --kendo-font-weight-bold, normal ) !default;
 
-/// Color of the list item icon
+/// The text color of the List item icon
 /// @group list
 $kendo-list-item-icon-text: get-theme-color-var( primary-100 ) !default;
 
-// Kendo list sizes
+/// The map with the sizes of the List.
+/// @group list
 $kendo-list-sizes: (
     sm: (
         font-size: $kendo-list-sm-font-size,
@@ -185,89 +186,89 @@ $kendo-list-sizes: (
 ) !default;
 
 
-/// Background color of the list component.
+/// The background color of the List component.
 /// @group list
 $kendo-list-bg: var( --kendo-component-bg, transparent ) !default;
-/// Text color of the list component.
+/// The text color of the List component.
 /// @group list
 $kendo-list-text: var( --kendo-component-text, inherit ) !default;
-/// Border color of the list component.
+/// The border color of the List component.
 /// @group list
 $kendo-list-border: var( --kendo-component-border, inherit ) !default;
 
 
-/// Background color of list header.
+/// The background color of the List header.
 /// @group list
 $kendo-list-header-bg: $kendo-color-white !default;
-/// Text color of list header.
+/// The text color of the List header.
 /// @group list
 $kendo-list-header-text: get-theme-color-var( primary-100 ) !default;
-/// Border color of list header.
+/// The border color of the List header.
 /// @group list
 $kendo-list-header-border: inherit !default;
-/// Box shadow of list header.
+/// The box shadow of the List header.
 /// @group list
 $kendo-list-header-shadow: $kendo-box-shadow-depth-3 !default;
 
 
-/// Background color of list items.
+/// The background color of the List items.
 /// @group list
 $kendo-list-item-bg: $kendo-color-white !default;
-/// Text color of list items.
+/// The text color of the List items.
 /// @group list
 $kendo-list-item-text: get-theme-color-var( neutral-160 ) !default;
 
-/// Background color of hovered list items.
+/// The background color of the hovered List items.
 /// @group list
 $kendo-list-item-hover-bg: get-theme-color-var( neutral-20 ) !default;
-/// Text color of hovered list items.
+/// The text color of the hovered List items.
 /// @group list
 $kendo-list-item-hover-text: get-theme-color-var( neutral-190 ) !default;
 
-/// Background color of focused list items.
+/// The background color of the focused List items.
 /// @group list
 $kendo-list-item-focus-bg: $kendo-color-white !default;
-/// Text color of focused list items.
+/// The text color of the focused List items.
 /// @group list
 $kendo-list-item-focus-text: get-theme-color-var( neutral-160 ) !default;
-/// Box shadow of focused list items.
+/// The box shadow of the focused List items.
 /// @group list
 $kendo-list-item-focus-shadow: inset 0 0 0 1px get-theme-color-var( neutral-130 ) !default;
 
-/// Background color of selected list items.
+/// The background color of the selected List items.
 /// @group list
 $kendo-list-item-selected-bg: get-theme-color-var( neutral-40 ) !default;
-/// Text color of selected list items.
+/// The text color of the selected List items.
 /// @group list
 $kendo-list-item-selected-text: get-theme-color-var( neutral-190 ) !default;
 
-/// Background color of selected hovered list items.
+/// The background color of the selected hovered List items.
 /// @group list
 $kendo-list-item-selected-hover-bg: get-theme-color-var( neutral-50 ) !default;
-/// Text color of selected hovered list items.
+/// The text color of the selected hovered List items.
 /// @group list
 $kendo-list-item-selected-hover-text: get-theme-color-var( neutral-190 ) !default;
 
-/// Background color of disabled list items.
+/// The background color of the disabled List items.
 /// @group list
 $kendo-list-item-disabled-bg: $kendo-color-white !default;
-/// Text color of disabled list items.
+/// The text color of the disabled List items.
 /// @group list
 $kendo-list-item-disabled-text: get-theme-color-var( neutral-90 ) !default;
 
-/// Background color of list group items.
+/// The background color of the List group items.
 /// @group list
 $kendo-list-group-item-bg: $kendo-color-white !default;
-/// Text color of list group items.
+/// The text color of the List group items.
 /// @group list
 $kendo-list-group-item-text: get-theme-color-var( primary-100 ) !default;
-/// The border color of list group items.
+/// The border color of the List group items.
 /// @group list
 $kendo-list-group-item-border: inherit !default;
-/// The base shadow of list group items.
+/// The base shadow of the List group items.
 /// @group list
 $kendo-list-group-item-shadow: none !default;
 
-/// Text color of the 'No Data' text.
+/// The text color of the 'No Data' text.
 /// @group list
 $kendo-list-no-data-text: get-theme-color-var( neutral-160 ) !default;

package/scss/radio/_variables.scss

@@ -6,14 +6,15 @@
 
 // Radio button
 
-/// Border radius of radio button.
+/// The border radius of the RadioButton.
 /// @group radio
 $kendo-radio-border-radius: 50% !default;
-/// Border width of radio button.
+/// The border width of the RadioButton.
 /// @group radio
 $kendo-radio-border-width: 1px !default;
 
-// Radio button sizes
+/// The map with the different RadioButton sizes.
+/// @group radio
 $kendo-radio-sizes: (
     sm: (
         size: map.get( $kendo-spacing, 4 ),
@@ -35,140 +36,142 @@ $kendo-radio-sizes: (
     )
 ) !default;
 
-/// Background color of radio button.
+/// The background color of the RadioButton.
 /// @group radio
 $kendo-radio-bg: $kendo-component-bg !default;
-/// Color of radio button.
+/// The color of the RadioButton.
 /// @group radio
 $kendo-radio-text: transparent !default;
-/// Border color of radio button.
+/// The border color of the RadioButton.
 /// @group radio
 $kendo-radio-border: get-theme-color-var( neutral-160 ) !default;
 
-/// Background color of hovered radio button.
+/// The background color of the hovered RadioButton.
 /// @group radio
 $kendo-radio-hover-bg: $kendo-radio-bg !default;
-/// Color of hovered radio button.
+/// The color of the hovered RadioButton.
 /// @group radio
 $kendo-radio-hover-text: get-theme-color( neutral, 130 ) !default;
-/// Border color of hovered radio button.
+/// The border color of the hovered RadioButton.
 /// @group radio
 $kendo-radio-hover-border: $kendo-radio-border !default;
 
-/// Background color of checked radio button.
+/// The background color of the checked RadioButton.
 /// @group radio
 $kendo-radio-checked-bg: $kendo-radio-bg !default;
-/// Color of checked radio button.
+/// The color of the checked RadioButton.
 /// @group radio
 $kendo-radio-checked-text: get-theme-color-var( primary-100 ) !default;
-/// Border color of checked radio button.
+/// The border color of the checked RadioButton.
 /// @group radio
 $kendo-radio-checked-border: get-theme-color-var( primary-100 ) !default;
 
-/// Background color of checked and hovered radio button.
+/// The background color of the checked and hovered RadioButton.
 /// @group radio
 $kendo-radio-hover-checked-bg: $kendo-radio-bg !default;
-/// Color of checked and hovered radio button.
+/// The color of the checked and hovered RadioButton.
 /// @group radio
 $kendo-radio-hover-checked-text: get-theme-color-var( primary-110 ) !default;
-/// Border color of checked and hovered radio button.
+/// The border color of the checked and hovered RadioButton.
 /// @group radio
 $kendo-radio-hover-checked-border: get-theme-color-var( primary-110 ) !default;
 
-/// Border color of focused radio button.
+/// The border color of the focused RadioButton.
 /// @group radio
 $kendo-radio-focus-border: null !default;
-/// Box shadow of focused radio button.
+/// The box shadow of the focused RadioButton.
 /// @group radio
 $kendo-radio-focus-shadow: null !default;
-/// The outline of a focused radio button.
+/// The outline of the focused RadioButton.
 /// @group radio
 $kendo-radio-focus-outline: 1px solid get-theme-color-var( neutral-130 ) !default;
+/// The outline offset of the focused RadioButton.
+/// @group radio
 $kendo-radio-focus-outline-offset: 2px !default;
 
-/// Background color of disabled radio button.
+/// The background color of the disabled RadioButton.
 /// @group radio
 $kendo-radio-disabled-bg: $kendo-radio-bg !default;
-/// Color of disabled radio button.
+/// The color of the disabled RadioButton.
 /// @group radio
 $kendo-radio-disabled-text: get-theme-color-var( neutral-60 ) !default;
-/// Border color of disabled radio button.
+/// The border color of the disabled RadioButton.
 /// @group radio
 $kendo-radio-disabled-border: get-theme-color-var( neutral-60 ) !default;
 
-/// Background color of disabled and checked radio button.
+/// The background color of the disabled and checked RadioButton.
 /// @group radio
 $kendo-radio-disabled-checked-bg: $kendo-radio-disabled-bg !default;
-/// Color of disabled and checked radio button.
+/// The color of the disabled and checked RadioButton.
 /// @group radio
 $kendo-radio-disabled-checked-text: $kendo-radio-disabled-text !default;
-/// Border color of disabled and checked radio button.
+/// The border color of the disabled and checked RadioButton.
 /// @group radio
 $kendo-radio-disabled-checked-border: $kendo-radio-disabled-border !default;
 
-/// Background color of invalid radio button.
+/// The background color of the invalid RadioButton.
 /// @group radio
 $kendo-radio-invalid-bg: $kendo-radio-bg !default;
-/// Color of invalid radio button.
+/// The color of the invalid RadioButton.
 /// @group radio
 $kendo-radio-invalid-text: $kendo-invalid-text !default;
-/// Border color of invalid radio button.
+/// The border color of the invalid RadioButton.
 /// @group radio
 $kendo-radio-invalid-border: $kendo-invalid-border !default;
 
 
 // Radio indicator
 
-/// Type of radio button indicator.
+/// The type of the RadioButton indicator.
 /// @group radio
 $kendo-radio-indicator-type: pseudo !default;
 
-/// Border radius radio button indicator.
+/// The border radius of the RadioButton indicator.
 /// @group radio
 $kendo-radio-indicator-border-radius: 50% !default;
 
-/// Glyph font family of radio button indicator.
+/// The glyph font family of the RadioButton indicator.
 /// @group radio
 $kendo-radio-glyph-font-family: "WebComponentsIcons", monospace !default;
-/// Glyph of radio button indicator.
+/// The glyph of the RadioButton indicator.
 /// @group radio
 $kendo-radio-checked-glyph: "\e308" !default;
 
-/// Image of checked radio button indicator.
+/// The image of the checked RadioButton indicator.
 /// @group radio
 $kendo-radio-checked-image: escape-svg( url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'><circle cx='50%' cy='50%' r='4' fill='#{$kendo-radio-checked-text}'/></svg>") ) !default;
-/// Image of disabled and checked radio button indicator.
+/// The image of the disabled and checked RadioButton indicator.
 /// @group radio
 $kendo-radio-disabled-checked-image: null !default;
 
 
 // Radio label
 
-/// The horizontal margin of the radio button inside of a label.
+/// The horizontal margin of the RadioButton inside of a label.
 /// @group radio
 $kendo-radio-label-spacing: map.get( $kendo-spacing, 2 ) !default;
 
 
 // Radio list
 
-/// The horizontal list item margin of radio button.
+/// The horizontal list item margin of the RadioButton.
 /// @group radio
 $kendo-radio-list-spacing: map.get( $kendo-spacing, 4 ) !default;
-/// The horizontal list item padding of radio button.
+/// The horizontal list item padding of the RadioButton.
 /// @group radio
 $kendo-radio-list-item-padding-x: 0px !default;
-/// The vertical list item padding of radio button.
+/// The vertical list item padding of the RadioButton.
 /// @group radio
 $kendo-radio-list-item-padding-y: $kendo-list-md-item-padding-y !default;
-///
+/// The gap between the list items of the RadioButton.
 /// @group radio
 $kendo-radio-list-item-gap: map.get( $kendo-spacing, 2 ) !default;
 
 // Radio ripple
 
-/// Background color of radio button ripple.
+/// The background color of the RadioButton ripple.
 /// @group radio
 $kendo-radio-ripple-bg: get-theme-color-var( primary-100 ) !default;
-/// Opacity of radio button ripple.
+/// The opacity of the RadioButton ripple.
 /// @group radio
 $kendo-radio-ripple-opacity: .25 !default;

package/scss/split-button/_variables.scss

@@ -1,29 +1,37 @@
 @use "../core/" as *;
 @use "../button/variables" as *;
 
-/// Vertical padding of the split button arrow.
+/// The vertical padding of the small arrow Button.
 /// @group split-button
 $kendo-split-button-sm-arrow-padding-y: $kendo-button-sm-padding-y !default;
+/// The vertical padding of the medium arrow Button.
+/// @group split-button
 $kendo-split-button-md-arrow-padding-y: $kendo-button-md-padding-y !default;
+/// The vertical padding of the large arrow Button.
+/// @group split-button
 $kendo-split-button-lg-arrow-padding-y: $kendo-button-lg-padding-y !default;
 
-/// Horizontal padding of the split button arrow.
+/// The horizontal padding of the small arrow Button.
 /// @group split-button
 $kendo-split-button-sm-arrow-padding-x: $kendo-split-button-sm-arrow-padding-y !default;
+/// The horizontal padding of the medium arrow Button.
+/// @group split-button
 $kendo-split-button-md-arrow-padding-x: $kendo-split-button-md-arrow-padding-y !default;
+/// The horizontal padding of the large arrow Button.
+/// @group split-button
 $kendo-split-button-lg-arrow-padding-x: $kendo-split-button-lg-arrow-padding-y !default;
 
-/// Height of the split button arrow delimiter.
+/// The height of the SplitButton arrow delimiter.
 /// @group split-button
 $kendo-split-button-arrow-delimiter-size: calc( #{$kendo-button-inner-calc-size} / 2 ) !default;
-/// Width of the split button arrow delimiter.
+/// The width of the SplitButton arrow delimiter.
 /// @group split-button
 $kendo-split-button-arrow-delimiter-line-size: 1px !default;
-/// Background color of the split button arrow delimiter.
+/// The background color of the SplitButton arrow delimiter.
 /// @group split-button
 $kendo-split-button-arrow-delimiter-bg: get-theme-color-var( neutral-60 ) !default;
 
-/// Sizes map for the split button.
+/// The sizes map for the SplitButton.
 /// @group split-button
 $kendo-split-button-sizes: (
     sm: $kendo-split-button-sm-arrow-padding-y,

package/scss/spreadsheet/_layout.scss

@@ -460,14 +460,11 @@
         box-sizing: border-box;
         position: absolute;
     }
-    .k-spreadsheet .k-selection-wrapper .k-spreadsheet-editor-button {
+    .k-spreadsheet .k-spreadsheet-editor-button {
         position: absolute;
         padding: 0;
         z-index: 60;
     }
-    .k-spreadsheet .k-selection-wrapper .k-spreadsheet-editor-button.k-spreadsheet-last-column {
-        transform: translateX(-100%);
-    }
 
     .k-spreadsheet-active-cell {
         // sass-lint:disable-block no-important