@progress/kendo-theme-bootstrap 12.2.0-dev.3 → 12.2.0-dev.4

package/scss/draggable/_variables.scss

@@ -3,31 +3,71 @@
 // @use "../core/spacing/_index.scss" as *;
 
 // Drag hint
+/// The horizontal padding of the drag hint.
+/// @group draggable
 $kendo-drag-hint-padding-x: k-spacing(3) !default;
+/// The vertical padding of the drag hint.
+/// @group draggable
 $kendo-drag-hint-padding-y: k-spacing(1.5) !default;
+/// The width of the border around the drag hint.
+/// @group draggable
 $kendo-drag-hint-border-width: 1px !default;
+/// The border radius of the drag hint.
+/// @group draggable
 $kendo-drag-hint-border-radius: k-border-radius(md) !default;
+/// The font size of the drag hint.
+/// @group draggable
 $kendo-drag-hint-font-size: var( --kendo-font-size, inherit ) !default;
+/// The font family of the drag hint.
+/// @group draggable
 $kendo-drag-hint-font-family: var( --kendo-font-family, inherit )!default;
+/// The line height of the drag hint.
+/// @group draggable
 $kendo-drag-hint-line-height: var( --kendo-line-height, normal ) !default;
 
+/// The background color of the drag hint.
+/// @group draggable
 $kendo-drag-hint-bg: k-color(primary) !default;
+/// The text color of the drag hint.
+/// @group draggable
 $kendo-drag-hint-text: k-color(on-primary) !default;
+/// The border color of the drag hint.
+/// @group draggable
 $kendo-drag-hint-border: k-color(primary) !default;
+/// The background gradient of the drag hint.
+/// @group draggable
 $kendo-drag-hint-gradient: null !default;
+/// The shadow of the drag hint.
+/// @group draggable
 $kendo-drag-hint-shadow: null !default;
 
+/// The opacity of the drag hint.
+/// @group draggable
 $kendo-drag-hint-opacity: null !default;
 
 
 // Drop Hint
+/// The size of the drop hint arrow.
+/// @group draggable
 $kendo-drop-hint-arrow-size: 8px !default;
+/// The spacing of the drop hint arrow.
+/// @group draggable
 $kendo-drop-hint-arrow-spacing: math.div( $kendo-drop-hint-arrow-size, 2 ) !default;
+/// The width of the horizontal drop hint line.
+/// @group draggable
 $kendo-drop-hint-line-h-width: 20px !default;
+/// The height of the horizontal drop hint line.
+/// @group draggable
 $kendo-drop-hint-line-h-height: 1px !default;
+/// The width of the vertical drop hint line.
+/// @group draggable
 $kendo-drop-hint-line-v-width: $kendo-drop-hint-line-h-height !default;
+/// The height of the vertical drop hint line.
+/// @group draggable
 $kendo-drop-hint-line-v-height: $kendo-drop-hint-line-h-width !default;
 
+/// The background color of the drop hint.
+/// @group draggable
 $kendo-drop-hint-bg: k-color(primary) !default;
 
 

package/scss/editor/_variables.scss

@@ -74,8 +74,14 @@ $kendo-editor-filebrowser-tiles-padding-x: k-spacing(4) !default;
 /// @group editor
 $kendo-editor-filebrowser-tiles-padding-y: k-spacing(2) !default;
 
+/// The text color of the Editor cell.
+/// @group editor
 $kendo-editor-ct-cell-text: k-color(on-primary) !default;
+/// The background color of the Editor cell.
+/// @group editor
 $kendo-editor-ct-cell-bg: k-color(primary) !default;
+/// The border color of the Editor cell.
+/// @group editor
 $kendo-editor-ct-cell-border: k-color(primary) !default;
 
 /// The padding of the Editor content.

package/scss/grid/_variables.scss

@@ -11,9 +11,17 @@
 @use "../core/functions/index.import.scss" as *;
 
 // Grid
+/// The width of the border around the Grid.
+/// @group grid
 $kendo-grid-border-width: 1px !default;
+/// The font family of the Grid.
+/// @group grid
 $kendo-grid-font-family: var( --kendo-font-family, inherit ) !default;
+/// The font size of the Grid.
+/// @group grid
 $kendo-grid-font-size: var( --kendo-font-size, inherit )  !default;
+/// The height of the Grid.
+/// @group grid
 $kendo-grid-line-height: var( --kendo-line-height, normal ) !default;
 
 /// The horizontal padding of the Grid.
@@ -59,45 +67,115 @@ $kendo-grid-edit-cell-padding-x: $kendo-grid-cell-padding-x !default;
 /// @group grid
 $kendo-grid-edit-cell-padding-y: calc( #{k-spacing(2.5)} / 2 ) !default;
 
+/// The drop hint size of the Grid group.
+/// @group grid
 $kendo-grid-group-drop-hint-size: 6px !default;
+/// The drop hint line size of the Grid group.
+/// @group grid
 $kendo-grid-group-drop-hint-line-size: math.div( $kendo-grid-group-drop-hint-size, 3) !default;
+/// The height of the Grid group.
+/// @group grid
 $kendo-grid-group-drop-hint-height: calc( #{$kendo-chip-calc-size} + #{$kendo-grid-group-drop-hint-size}) !default;
+/// The drop hint top of the Grid group.
+/// @group grid
 $kendo-grid-group-drop-hint-top: 3px !default;
 
+/// The horizontal padding of the Grid.
+/// @group grid
 $kendo-grid-sm-padding-x: k-spacing(1) !default;
+/// The vertical padding of the Grid.
+/// @group grid
 $kendo-grid-sm-padding-y: k-spacing(1) !default;
+/// The horizontal padding of the Grid header.
+/// @group grid
 $kendo-grid-sm-header-padding-x: $kendo-grid-sm-padding-x !default;
+/// The vertical padding of the Grid header.
+/// @group grid
 $kendo-grid-sm-header-padding-y: $kendo-grid-sm-padding-y !default;
+/// The horizontal padding of the Grid header.
+/// @group grid
 $kendo-grid-sm-grouping-header-padding-x: $kendo-grid-padding-x !default;
+/// The vertical padding of the Grid header.
+/// @group grid
 $kendo-grid-sm-grouping-header-padding-y: $kendo-grid-sm-padding-y !default;
+/// The horizontal padding of the Grid cell.
+/// @group grid
 $kendo-grid-sm-cell-padding-x: $kendo-grid-sm-padding-x !default;
+/// The vertical padding of the Grid cell.
+/// @group grid
 $kendo-grid-sm-cell-padding-y: $kendo-grid-sm-padding-y !default;
+/// The horizontal padding of the Grid cell.
+/// @group grid
 $kendo-grid-sm-filter-cell-padding-x: k-spacing(1.5) !default;
+/// The vertical padding of the Grid cell.
+/// @group grid
 $kendo-grid-sm-filter-cell-padding-y: $kendo-grid-sm-filter-cell-padding-x !default;
+/// The horizontal padding of the Grid cell.
+/// @group grid
 $kendo-grid-sm-edit-cell-padding-x: k-spacing(1) !default;
+/// The vertical padding of the Grid cell.
+/// @group grid
 $kendo-grid-sm-edit-cell-padding-y: k-spacing(1) !default;
+/// The height of the Grid group.
+/// @group grid
 $kendo-grid-sm-group-dropclue-height: calc( #{$kendo-chip-sm-calc-size} + #{$kendo-grid-group-drop-hint-size}) !default;
+/// The horizontal padding of the Grid.
+/// @group grid
 $kendo-grid-sm-selection-aggregates-padding-x: $kendo-grid-sm-padding-y !default;
+/// The vertical padding of the Grid.
+/// @group grid
 $kendo-grid-sm-selection-aggregates-padding-y: $kendo-grid-sm-padding-y !default;
 
+/// The horizontal padding of the Grid.
+/// @group grid
 $kendo-grid-md-padding-x: $kendo-grid-padding-x !default;
+/// The vertical padding of the Grid.
+/// @group grid
 $kendo-grid-md-padding-y: $kendo-grid-padding-y !default;
+/// The horizontal padding of the Grid header.
+/// @group grid
 $kendo-grid-md-header-padding-x: $kendo-grid-header-padding-x !default;
+/// The vertical padding of the Grid header.
+/// @group grid
 $kendo-grid-md-header-padding-y: $kendo-grid-header-padding-y !default;
+/// The horizontal padding of the Grid header.
+/// @group grid
 $kendo-grid-md-grouping-header-padding-x: $kendo-grid-grouping-header-padding-x !default;
+/// The vertical padding of the Grid header.
+/// @group grid
 $kendo-grid-md-grouping-header-padding-y: $kendo-grid-grouping-header-padding-y !default;
+/// The horizontal padding of the Grid cell.
+/// @group grid
 $kendo-grid-md-cell-padding-x: $kendo-grid-cell-padding-x !default;
+/// The vertical padding of the Grid cell.
+/// @group grid
 $kendo-grid-md-cell-padding-y: $kendo-grid-cell-padding-y !default;
+/// The horizontal padding of the Grid cell.
+/// @group grid
 $kendo-grid-md-filter-cell-padding-x: $kendo-grid-filter-cell-padding-x !default;
+/// The vertical padding of the Grid cell.
+/// @group grid
 $kendo-grid-md-filter-cell-padding-y: $kendo-grid-filter-cell-padding-y !default;
+/// The horizontal padding of the Grid cell.
+/// @group grid
 $kendo-grid-md-edit-cell-padding-x: $kendo-grid-edit-cell-padding-x !default;
+/// The vertical padding of the Grid cell.
+/// @group grid
 $kendo-grid-md-edit-cell-padding-y: $kendo-grid-edit-cell-padding-y !default;
+/// The height of the Grid group.
+/// @group grid
 $kendo-grid-md-group-dropclue-height: $kendo-grid-group-drop-hint-height !default;
+/// The horizontal padding of the Grid.
+/// @group grid
 $kendo-grid-md-selection-aggregates-padding-x: $kendo-grid-padding-y !default;
+/// The vertical padding of the Grid.
+/// @group grid
 $kendo-grid-md-selection-aggregates-padding-y: $kendo-grid-padding-y !default;
 
 
 // Kendo Grid sizes
+/// The sizes of the Grid.
+/// @group grid
 $kendo-grid-sizes: (
     sm: (
         header-padding-x: $kendo-grid-sm-header-padding-x,
@@ -135,13 +213,25 @@ $kendo-grid-sizes: (
     ),
 ) !default;
 
+/// The font size of the Grid header.
+/// @group grid
 $kendo-grid-header-font-size: null !default;
+/// The border color of the Grid header.
+/// @group grid
 $kendo-grid-header-first-border: 1px !default;
+/// The spacing of the Grid header.
+/// @group grid
 $kendo-grid-header-menu-icon-spacing: $kendo-icon-spacing !default;
 
+/// The width of the border around the Grid toolbar.
+/// @group grid
 $kendo-grid-toolbar-border-width: $kendo-grid-border-width !default;
 
+/// The width of the border around the Grid cell.
+/// @group grid
 $kendo-grid-cell-horizontal-border-width: $kendo-table-cell-horizontal-border-width !default;
+/// The width of the border around the Grid cell.
+/// @group grid
 $kendo-grid-cell-vertical-border-width: $kendo-table-cell-vertical-border-width !default;
 
 /// The background color of the Grid.
@@ -228,83 +318,164 @@ $kendo-grid-selection-aggregates-line-height: $kendo-grid-line-height !default;
 /// @group grid
 $kendo-grid-selection-aggregates-font-weight: var( --kendo-font-weight-bold, normal )!default;
 
+/// The background color of the Grid row.
+/// @group grid
 $kendo-grid-grouping-row-bg: k-color(base-subtle) !default;
+/// The text color of the Grid row.
+/// @group grid
 $kendo-grid-grouping-row-text: $kendo-grid-text !default;
 
+/// The background color of the Grid.
+/// @group grid
 $kendo-grid-sorted-bg: color-mix(in srgb, k-color(on-app-surface) 2%, transparent) !default;
+/// The text color of the Grid.
+/// @group grid
 $kendo-grid-sorting-indicator-text: k-color(primary) !default;
+/// The font size of the Grid.
+/// @group grid
 $kendo-grid-sorting-index-font-size: ($kendo-icon-size * .75) !default;
-$kendo-grid-sorting-index-height: $kendo-icon-size !default;
+/// The sorting index vertical spacing of the Grid.
+/// @group grid
 $kendo-grid-sorting-index-spacing-y: k-spacing(0.5) !default;
+/// The sorting index horizontal spacing of the Grid.
+/// @group grid
 $kendo-grid-sorting-index-spacing-x: calc( #{$kendo-grid-sorting-index-spacing-y} * -1 ) !default;
 
+/// The sorted icon spacing of the Grid.
+/// @group grid
 $kendo-grid-sorted-icon-spacing: calc( #{k-spacing(4)} - 1px ) !default;
 
+/// The shadow of the Grid.
+/// @group grid
 $kendo-grid-focus-shadow: $kendo-table-focus-shadow !default;
 
+/// The spacing of the Grid button.
+/// @group grid
 $kendo-grid-command-cell-button-spacing: k-spacing(2) !default;
 
 // Must be solid colors
+/// The background color of the sticky content in the Grid.
+/// @group grid
 $kendo-grid-sticky-bg: $kendo-grid-bg !default;
+/// The alternate background color of the sticky content in the Grid.
+/// @group grid
 $kendo-grid-sticky-alt-bg: k-color(base-subtle) !default;
+/// The background color of the hovered sticky content in the Grid.
+/// @group grid
 $kendo-grid-sticky-hover-bg: k-color(base-subtle-hover) !default;
 
-$kendo-grid-sticky-text: $kendo-grid-text !default;
+/// The border color of the sticky content in the Grid.
+/// @group grid
 $kendo-grid-sticky-border: color-mix(in srgb, k-color(on-app-surface) 50%, transparent) !default;
 
+/// The background color of the sticky header in the Grid.
+/// @group grid
 $kendo-grid-sticky-header-bg: $kendo-grid-header-bg !default;
+/// The text color of the sticky header in the Grid.
+/// @group grid
 $kendo-grid-sticky-header-text: $kendo-grid-header-text !default;
+/// The border color of the sticky header in the Grid.
+/// @group grid
 $kendo-grid-sticky-header-border: $kendo-grid-sticky-border !default;
 
+/// The background color of the sticky footer in the Grid.
+/// @group grid
 $kendo-grid-sticky-footer-bg: $kendo-grid-header-bg !default;
+/// The background color of the hovered sticky footer in the Grid.
+/// @group grid
 $kendo-grid-sticky-footer-hover-bg: $kendo-grid-sticky-footer-bg !default;
 
+/// The width of the Grid column menu.
+/// @group grid
 $kendo-grid-column-menu-width: 250px !default;
+/// The maximum width of the Grid column menu.
+/// @group grid
 $kendo-grid-column-menu-max-width: 320px !default;
 
-$kendo-grid-filter-menu-check-all-border-bottom-width: 1px !default;
-
-$kendo-grid-filter-menu-item-spacing-x: k-spacing(6) !default;
-$kendo-grid-filter-menu-item-spacing-y: k-spacing(2) !default;
 
+/// The horizontal padding of the Grid popup.
+/// @group grid
 $kendo-grid-column-menu-popup-padding-x: null !default;
+/// The vertical padding of the Grid popup.
+/// @group grid
 $kendo-grid-column-menu-popup-padding-y: null !default;
 
+/// The horizontal padding of the Grid item.
+/// @group grid
 $kendo-grid-column-menu-item-padding-x: $kendo-menu-popup-md-item-padding-x !default;
+/// The vertical padding of the Grid item.
+/// @group grid
 $kendo-grid-column-menu-item-padding-y: $kendo-menu-popup-md-item-padding-y !default;
 
+/// The horizontal padding of the Grid item.
+/// @group grid
 $kendo-grid-column-menu-list-item-padding-x: $kendo-list-md-item-padding-x !default;
+/// The vertical padding of the Grid item.
+/// @group grid
 $kendo-grid-column-menu-list-item-padding-y: $kendo-list-md-item-padding-y !default;
 
+/// The horizontal padding of the Grid.
+/// @group grid
 $kendo-grid-column-menu-items-wrap-padding-x: k-spacing(0) !default;
+/// The vertical padding of the Grid.
+/// @group grid
 $kendo-grid-column-menu-items-wrap-padding-y: k-spacing(2) !default;
 
+/// The horizontal padding of the Grid header.
+/// @group grid
 $kendo-grid-column-menu-group-header-padding-x: $kendo-menu-popup-md-item-padding-x !default;
+/// The vertical padding of the Grid header.
+/// @group grid
 $kendo-grid-column-menu-group-header-padding-y: $kendo-menu-popup-md-item-padding-y !default;
 
+/// The font size of the Grid header.
+/// @group grid
 $kendo-grid-column-menu-group-header-font-size: var( --kendo-font-size-sm, inherit ) !default;
+/// The height of the Grid header.
+/// @group grid
 $kendo-grid-column-menu-group-header-line-height: var( --kendo-line-height, normal ) !default;
+/// The text color of the Grid header.
+/// @group grid
 $kendo-grid-column-menu-group-header-text-transform: uppercase !default;
+/// The width of the Grid header.
+/// @group grid
 $kendo-grid-column-menu-group-header-border-bottom-width: 1px !default;
 
+/// The background color of the Grid header.
+/// @group grid
 $kendo-grid-column-menu-group-header-bg: null !default;
+/// The text color of the Grid header.
+/// @group grid
 $kendo-grid-column-menu-group-header-text: $kendo-popup-text !default;
+/// The border color of the Grid header.
+/// @group grid
 $kendo-grid-column-menu-group-header-border: $kendo-popup-border !default;
 
+/// The horizontal padding of the Grid content.
+/// @group grid
 $kendo-grid-column-menu-tabbed-tabstrip-content-padding-x: k-spacing(0)!default;
+/// The vertical padding of the Grid content.
+/// @group grid
 $kendo-grid-column-menu-tabbed-tabstrip-content-padding-y: k-spacing(2) !default;
 
+/// The background color of the Grid.
+/// @group grid
 $kendo-grid-column-menu-tabbed-bg: k-color(surface) !default;
 
+/// The width of the Grid cell.
+/// @group grid
 $kendo-grid-drag-cell-width: ($kendo-icon-size * 3) !default;
 
-$kendo-grid-row-inner-height: calc( #{$kendo-line-height-em} + calc( #{$kendo-grid-cell-padding-y} * 2 ) ) !default;
-
+/// The width of the Grid.
+/// @group grid
 $kendo-grid-hierarchy-col-width: ($kendo-icon-size * 2) !default;
 
+/// The grouping border top of the Grid row.
+/// @group grid
 $kendo-grid-grouping-row-border-top: 1px !default;
+/// The vertical border of the Grid footer.
+/// @group grid
 $kendo-grid-group-footer-border-y: 1px !default;
-$kendo-grid-group-footer-second-cell-border: 1px !default;
 
 /// The background color of the Grid row resize indicator.
 /// @group grid
@@ -443,27 +614,21 @@ $kendo-grid-stack-expandable-shadow: k-elevation(2) !default;
     $kendo-grid-sorted-bg: $kendo-grid-sorted-bg,
     $kendo-grid-sorting-indicator-text: $kendo-grid-sorting-indicator-text,
     $kendo-grid-sorting-index-font-size: $kendo-grid-sorting-index-font-size,
-    $kendo-grid-sorting-index-height: $kendo-grid-sorting-index-height,
     $kendo-grid-sorting-index-spacing-y: $kendo-grid-sorting-index-spacing-y,
     $kendo-grid-sorting-index-spacing-x: $kendo-grid-sorting-index-spacing-x,
     $kendo-grid-sorted-icon-spacing: $kendo-grid-sorted-icon-spacing,
     $kendo-grid-focus-shadow: $kendo-grid-focus-shadow,
     $kendo-grid-command-cell-button-spacing: $kendo-grid-command-cell-button-spacing,
     $kendo-grid-sticky-bg: $kendo-grid-sticky-bg,
-    $kendo-grid-sticky-text: $kendo-grid-sticky-text,
     $kendo-grid-sticky-border: $kendo-grid-sticky-border,
     $kendo-grid-sticky-alt-bg: $kendo-grid-sticky-alt-bg,
     $kendo-grid-sticky-header-bg: $kendo-grid-sticky-header-bg,
     $kendo-grid-sticky-header-text: $kendo-grid-sticky-header-text,
     $kendo-grid-sticky-header-border: $kendo-grid-sticky-header-border,
     $kendo-grid-sticky-footer-bg: $kendo-grid-sticky-footer-bg,
-    $kendo-grid-sticky-footer-hover-bg: $kendo-grid-sticky-footer-hover-bg,
     $kendo-grid-sticky-hover-bg: $kendo-grid-sticky-hover-bg,
     $kendo-grid-column-menu-width: $kendo-grid-column-menu-width,
     $kendo-grid-column-menu-max-width: $kendo-grid-column-menu-max-width,
-    $kendo-grid-filter-menu-check-all-border-bottom-width: $kendo-grid-filter-menu-check-all-border-bottom-width,
-    $kendo-grid-filter-menu-item-spacing-x: $kendo-grid-filter-menu-item-spacing-x,
-    $kendo-grid-filter-menu-item-spacing-y: $kendo-grid-filter-menu-item-spacing-y,
     $kendo-grid-column-menu-popup-padding-x: $kendo-grid-column-menu-popup-padding-x,
     $kendo-grid-column-menu-popup-padding-y: $kendo-grid-column-menu-popup-padding-y,
     $kendo-grid-column-menu-item-padding-x: $kendo-grid-column-menu-item-padding-x,
@@ -485,11 +650,9 @@ $kendo-grid-stack-expandable-shadow: k-elevation(2) !default;
     $kendo-grid-column-menu-tabbed-tabstrip-content-padding-y: $kendo-grid-column-menu-tabbed-tabstrip-content-padding-y,
     $kendo-grid-column-menu-tabbed-bg: $kendo-grid-column-menu-tabbed-bg,
     $kendo-grid-drag-cell-width: $kendo-grid-drag-cell-width,
-    $kendo-grid-row-inner-height: $kendo-grid-row-inner-height,
     $kendo-grid-hierarchy-col-width: $kendo-grid-hierarchy-col-width,
     $kendo-grid-grouping-row-border-top: $kendo-grid-grouping-row-border-top,
     $kendo-grid-group-footer-border-y: $kendo-grid-group-footer-border-y,
-    $kendo-grid-group-footer-second-cell-border: $kendo-grid-group-footer-second-cell-border,
     $kendo-grid-row-resizer-hover-bg: $kendo-grid-row-resizer-hover-bg,
     $kendo-grid-row-resizer-active-bg: $kendo-grid-row-resizer-active-bg,
     $kendo-grid-row-resizer-height: $kendo-grid-row-resizer-height,

package/scss/icons/_variables.scss

@@ -4,12 +4,26 @@
 /// @group icon
 $kendo-icon-size: 1rem !default;
 
+/// The xs size of the Icon.
+/// @group icon
 $kendo-icon-size-xs: calc( var( --kendo-icon-size, 1rem ) * .75 ) !default;
+/// The sm size of the Icon.
+/// @group icon
 $kendo-icon-size-sm: calc( var( --kendo-icon-size, 1rem ) * .875 ) !default;
+/// The md size of the Icon.
+/// @group icon
 $kendo-icon-size-md: var( --kendo-icon-size, 1rem ) !default;
+/// The lg size of the Icon.
+/// @group icon
 $kendo-icon-size-lg: calc( var( --kendo-icon-size, 1rem ) * 1.25 ) !default;
+/// The xl size of the Icon.
+/// @group icon
 $kendo-icon-size-xl: calc( var( --kendo-icon-size, 1rem ) * 1.5 ) !default;
+/// The xxl size of the Icon.
+/// @group icon
 $kendo-icon-size-xxl: calc( var( --kendo-icon-size, 1rem ) * 2 ) !default;
+/// The xxxl size of the Icon.
+/// @group icon
 $kendo-icon-size-xxxl: calc( var( --kendo-icon-size, 1rem ) * 3 ) !default;
 
 /// Spacing around the icons.

package/scss/imageeditor/_variables.scss

@@ -1,46 +1,108 @@
 @use "../core/_index.scss" as *;
 
 // Imageeditor
+/// The vertical margin of the ImageEditor.
+/// @group image-editor
 $kendo-image-editor-margin-y: null !default;
+/// The horizontal margin of the ImageEditor.
+/// @group image-editor
 $kendo-image-editor-margin-x: null !default;
+/// The vertical padding of the ImageEditor.
+/// @group image-editor
 $kendo-image-editor-padding-y: null !default;
+/// The horizontal padding of the ImageEditor.
+/// @group image-editor
 $kendo-image-editor-padding-x: null !default;
 
+/// The width of the border around the ImageEditor.
+/// @group image-editor
 $kendo-image-editor-border-width: 1px !default;
+/// The font size of the ImageEditor.
+/// @group image-editor
 $kendo-image-editor-font-size: var( --kendo-font-size, inherit )  !default;
+/// The line height of the ImageEditor.
+/// @group image-editor
 $kendo-image-editor-line-height: var( --kendo-line-height, normal ) !default;
+/// The font family of the ImageEditor.
+/// @group image-editor
 $kendo-image-editor-font-family: var( --kendo-font-family, inherit ) !default;
 
+/// The width of the border around the ImageEditor content.
+/// @group image-editor
 $kendo-image-editor-content-border-width: 1px !default;
 
+/// The vertical padding of the ImageEditor action pane.
+/// @group image-editor
 $kendo-image-editor-action-pane-padding-y: k-spacing(8) !default;
+/// The horizontal padding of the ImageEditor action pane.
+/// @group image-editor
 $kendo-image-editor-action-pane-padding-x: k-spacing(4) !default;
+/// The width of the ImageEditor action pane.
+/// @group image-editor
 $kendo-image-editor-action-pane-width: if( $kendo-image-editor-content-border-width == null, 250px, calc( 250px + #{$kendo-image-editor-content-border-width} ) ) !default;
 
+/// The width of the border around the ImageEditor crop area.
+/// @group image-editor
 $kendo-image-editor-crop-border-width: 1px !default;
+/// The style of the border around the ImageEditor crop area.
+/// @group image-editor
 $kendo-image-editor-crop-border-style: dashed !default;
 
+/// The horizontal margin of the ImageEditor resize handle.
+/// @group image-editor
 $kendo-image-editor-resize-handle-margin-x: k-spacing(1px) !default;
+/// The vertical margin of the ImageEditor resize handle.
+/// @group image-editor
 $kendo-image-editor-resize-handle-margin-y: k-spacing(1px) !default;
+/// The width of the border around the ImageEditor resize handle.
+/// @group image-editor
 $kendo-image-editor-resize-handle-border-width: 0 2px 2px 0 !default;
+/// The size of the ImageEditor resize handle.
+/// @group image-editor
 $kendo-image-editor-resize-handle-size: 15px !default;
 
+/// The background color of the ImageEditor.
+/// @group image-editor
 $kendo-image-editor-bg: k-color(surface-alt) !default;
+/// The text color of the ImageEditor.
+/// @group image-editor
 $kendo-image-editor-text: k-color(on-app-surface) !default;
+/// The border color of the ImageEditor.
+/// @group image-editor
 $kendo-image-editor-border: k-color(border) !default;
 
+/// The background color of the ImageEditor content.
+/// @group image-editor
 $kendo-image-editor-content-bg: k-color(surface) !default;
+/// The text color of the ImageEditor content.
+/// @group image-editor
 $kendo-image-editor-content-text: null !default;
+/// The border color of the ImageEditor content.
+/// @group image-editor
 $kendo-image-editor-content-border: null !default;
 
+/// The background color of the ImageEditor action pane.
+/// @group image-editor
 $kendo-image-editor-action-pane-bg: k-color(surface-alt) !default;
+/// The text color of the ImageEditor action pane.
+/// @group image-editor
 $kendo-image-editor-action-pane-text: null !default;
+/// The border color of the ImageEditor action pane.
+/// @group image-editor
 $kendo-image-editor-action-pane-border: null !default;
 
+/// The background color of the ImageEditor crop area.
+/// @group image-editor
 $kendo-image-editor-crop-bg: null !default;
+/// The text color of the ImageEditor crop area.
+/// @group image-editor
 $kendo-image-editor-crop-text: null !default;
+/// The border color of the ImageEditor crop area.
+/// @group image-editor
 $kendo-image-editor-crop-border: white !default;
 
+/// The background color of the ImageEditor crop overlay.
+/// @group image-editor
 $kendo-image-editor-crop-overlay-bg: color-mix(in srgb, k-color(inverse) 30%, transparent) !default;
 
 

package/scss/input/_variables.scss

@@ -13,7 +13,6 @@ $kendo-input-default-width: 100% !default;
 /// The border width of the Input components.
 /// @group input
 $kendo-input-border-width: 1px !default;
-$kendo-input-border-height: calc( #{ $kendo-input-border-width } * 2 ) !default;
 /// The border radius of the Input components.
 /// @group input
 $kendo-input-border-radius: null !default;
@@ -68,8 +67,6 @@ $kendo-input-md-line-height: var( --kendo-line-height, normal) !default;
 /// @group input
 $kendo-input-lg-line-height: var( --kendo-line-height, normal) !default;
 
-/// The calculated height of the Input.
-/// @group input
 $kendo-input-sm-calc-size: calc( ( #{$kendo-input-sm-line-height} * 1em ) + ( #{$kendo-input-sm-padding-y} * 2 ) + ( #{$kendo-input-border-width * 2} ) ) !default;
 $kendo-input-md-calc-size: calc( ( #{$kendo-input-md-line-height} * 1em ) + ( #{$kendo-input-md-padding-y} * 2 ) + ( #{$kendo-input-border-width * 2} ) ) !default;
 $kendo-input-lg-calc-size: calc( ( #{$kendo-input-lg-line-height} * 1em ) + ( #{$kendo-input-lg-padding-y} * 2 ) + ( #{$kendo-input-border-width * 2} ) ) !default;
@@ -437,7 +434,6 @@ $kendo-use-input-spinner-icon-offset: false !default;
 @forward "@progress/kendo-theme-core/scss/components/input/_variables.scss" with (
     $kendo-input-default-width: $kendo-input-default-width,
     $kendo-input-border-width: $kendo-input-border-width,
-    $kendo-input-border-height: $kendo-input-border-height,
     $kendo-input-border-radius: $kendo-input-border-radius,
     $kendo-input-sm-padding-x: $kendo-input-sm-padding-x,
     $kendo-input-md-padding-x: $kendo-input-md-padding-x,