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

package/scss/dataviz/_variables.scss

@@ -4,83 +4,189 @@
 /// The first base series color and its light and dark shades.
 /// @group charts
 $kendo-series-a: k-color(series-a) !default;
+/// The series-a dark color of the Charts.
+/// @group charts
 $kendo-series-a-dark: k-color(series-a-bold) !default;
+/// The series-a darker color of the Charts.
+/// @group charts
 $kendo-series-a-darker: k-color(series-a-bolder) !default;
+/// The series-a light color of the Charts.
+/// @group charts
 $kendo-series-a-light: k-color(series-a-subtle) !default;
+/// The series-a lighter color of the Charts.
+/// @group charts
 $kendo-series-a-lighter: k-color(series-a-subtler) !default;
 
 /// The second base series color and its light and dark shades.
 /// @group charts
 $kendo-series-b: k-color(series-b) !default;
+/// The series-b dark color of the Charts.
+/// @group charts
 $kendo-series-b-dark: k-color(series-b-bold) !default;
+/// The series-b darker color of the Charts.
+/// @group charts
 $kendo-series-b-darker: k-color(series-b-bolder) !default;
+/// The series-b light color of the Charts.
+/// @group charts
 $kendo-series-b-light: k-color(series-b-subtle) !default;
+/// The series-b lighter color of the Charts.
+/// @group charts
 $kendo-series-b-lighter: k-color(series-b-subtler) !default;
 
 /// The third base series color and its light and dark shades.
 /// @group charts
 $kendo-series-c: k-color(series-c) !default;
+/// The series-c dark color of the Charts.
+/// @group charts
 $kendo-series-c-dark: k-color(series-c-bold) !default;
+/// The series-c darker color of the Charts.
+/// @group charts
 $kendo-series-c-darker: k-color(series-c-bolder) !default;
+/// The series-c light color of the Charts.
+/// @group charts
 $kendo-series-c-light: k-color(series-c-subtle) !default;
+/// The series-c lighter color of the Charts.
+/// @group charts
 $kendo-series-c-lighter: k-color(series-c-subtler) !default;
 
 /// The fourth base series color and its light and dark shades.
 /// @group charts
 $kendo-series-d: k-color(series-d) !default;
+/// The series-d dark color of the Charts.
+/// @group charts
 $kendo-series-d-dark: k-color(series-d-bold) !default;
+/// The series-d darker color of the Charts.
+/// @group charts
 $kendo-series-d-darker: k-color(series-d-bolder) !default;
+/// The series-d light color of the Charts.
+/// @group charts
 $kendo-series-d-light: k-color(series-d-subtle) !default;
+/// The series-d lighter color of the Charts.
+/// @group charts
 $kendo-series-d-lighter: k-color(series-d-subtler) !default;
 
 /// The fifth base series color and its light and dark shades.
 /// @group charts
 $kendo-series-e: k-color(series-e) !default;
+/// The series-e dark color of the Charts.
+/// @group charts
 $kendo-series-e-dark: k-color(series-e-bold) !default;
+/// The series-e darker color of the Charts.
+/// @group charts
 $kendo-series-e-darker: k-color(series-e-bolder) !default;
+/// The series-e light color of the Charts.
+/// @group charts
 $kendo-series-e-light: k-color(series-e-subtle) !default;
+/// The series-e lighter color of the Charts.
+/// @group charts
 $kendo-series-e-lighter: k-color(series-e-subtler) !default;
 
 /// The sixth base series color and its light and dark shades.
 /// @group charts
 $kendo-series-f: k-color(series-f) !default;
+/// The series-f dark color of the Charts.
+/// @group charts
 $kendo-series-f-dark: k-color(series-f-bold) !default;
+/// The series-f darker color of the Charts.
+/// @group charts
 $kendo-series-f-darker: k-color(series-f-bolder) !default;
+/// The series-f light color of the Charts.
+/// @group charts
 $kendo-series-f-light: k-color(series-f-subtle) !default;
+/// The series-f lighter color of the Charts.
+/// @group charts
 $kendo-series-f-lighter: k-color(series-f-subtler) !default;
 
 /// The series colors in order:
 /// base, light, dark, lighter, darker
 /// @group charts
 $kendo-series-1: $kendo-series-a !default;
+/// The series-2 color of the Charts.
+/// @group charts
 $kendo-series-2: $kendo-series-b !default;
+/// The series-3 color of the Charts.
+/// @group charts
 $kendo-series-3: $kendo-series-c !default;
+/// The series-4 color of the Charts.
+/// @group charts
 $kendo-series-4: $kendo-series-d !default;
+/// The series-5 color of the Charts.
+/// @group charts
 $kendo-series-5: $kendo-series-e !default;
+/// The series-6 color of the Charts.
+/// @group charts
 $kendo-series-6: $kendo-series-f !default;
+/// The series-7 color of the Charts.
+/// @group charts
 $kendo-series-7: $kendo-series-a-light !default;
+/// The series-8 color of the Charts.
+/// @group charts
 $kendo-series-8: $kendo-series-b-light !default;
+/// The series-9 color of the Charts.
+/// @group charts
 $kendo-series-9: $kendo-series-c-light !default;
+/// The series-10 color of the Charts.
+/// @group charts
 $kendo-series-10: $kendo-series-d-light !default;
+/// The series-11 color of the Charts.
+/// @group charts
 $kendo-series-11: $kendo-series-e-light !default;
+/// The series-12 color of the Charts.
+/// @group charts
 $kendo-series-12: $kendo-series-f-light !default;
+/// The series-13 color of the Charts.
+/// @group charts
 $kendo-series-13: $kendo-series-a-dark !default;
+/// The series-14 color of the Charts.
+/// @group charts
 $kendo-series-14: $kendo-series-b-dark !default;
+/// The series-15 color of the Charts.
+/// @group charts
 $kendo-series-15: $kendo-series-c-dark !default;
+/// The series-16 color of the Charts.
+/// @group charts
 $kendo-series-16: $kendo-series-d-dark !default;
+/// The series-17 color of the Charts.
+/// @group charts
 $kendo-series-17: $kendo-series-e-dark !default;
+/// The series-18 color of the Charts.
+/// @group charts
 $kendo-series-18: $kendo-series-f-dark !default;
+/// The series-19 color of the Charts.
+/// @group charts
 $kendo-series-19: $kendo-series-a-lighter !default;
+/// The series-20 color of the Charts.
+/// @group charts
 $kendo-series-20: $kendo-series-b-lighter !default;
+/// The series-21 color of the Charts.
+/// @group charts
 $kendo-series-21: $kendo-series-c-lighter !default;
+/// The series-22 color of the Charts.
+/// @group charts
 $kendo-series-22: $kendo-series-d-lighter !default;
+/// The series-23 color of the Charts.
+/// @group charts
 $kendo-series-23: $kendo-series-e-lighter !default;
+/// The series-24 color of the Charts.
+/// @group charts
 $kendo-series-24: $kendo-series-f-lighter !default;
+/// The series-25 color of the Charts.
+/// @group charts
 $kendo-series-25: $kendo-series-a-darker !default;
+/// The series-26 color of the Charts.
+/// @group charts
 $kendo-series-26: $kendo-series-b-darker !default;
+/// The series-27 color of the Charts.
+/// @group charts
 $kendo-series-27: $kendo-series-c-darker !default;
+/// The series-28 color of the Charts.
+/// @group charts
 $kendo-series-28: $kendo-series-d-darker !default;
+/// The series-29 color of the Charts.
+/// @group charts
 $kendo-series-29: $kendo-series-e-darker !default;
+/// The series-30 color of the Charts.
+/// @group charts
 $kendo-series-30: $kendo-series-f-darker !default;
 
 /// The border width of the chart component.

package/scss/daterangepicker/_variables.scss

@@ -2,11 +2,21 @@
 @use "../input/_variables.scss" as *;
 
 // Daterangepicker
+/// The width of the DateRangePicker.
+/// @group date-range-picker
 $kendo-daterange-picker-width: var( --kendo-input-width, #{$kendo-input-width} ) !default;
+/// The width of the DateRangePicker input.
+/// @group date-range-picker
 $kendo-daterange-picker-input-width: 10em !default;
 
+/// The text color of the disabled DateRangePicker.
+/// @group date-range-picker
 $kendo-daterange-picker-disabled-text: var( --kendo-daterange-picker-disabled-text, color-mix(in srgb, k-color(on-app-surface) 46%, transparent) ) !default;
+/// The background color of the disabled DateRangePicker.
+/// @group date-range-picker
 $kendo-daterange-picker-disabled-bg: var( --kendo-daterange-picker-disabled-bg, transparent ) !default;
+/// The border color of the disabled DateRangePicker.
+/// @group date-range-picker
 $kendo-daterange-picker-disabled-border: var( --kendo-daterange-picker-disabled-border, currentColor ) !default;
 
 @forward "@progress/kendo-theme-core/scss/components/daterangepicker/_variables.scss" with (

package/scss/grid/_variables.scss

@@ -82,40 +82,102 @@ $kendo-grid-group-drop-hint-height: var( --kendo-grid-group-drop-hint-height, ca
 $kendo-grid-group-drop-hint-top: var( --kendo-grid-group-drop-hint-top, 2px ) !default;
 
 
+/// The horizontal padding of the Grid.
+/// @group grid
 $kendo-grid-sm-padding-x: k-spacing(3) !default;
+/// The vertical padding of the Grid.
+/// @group grid
 $kendo-grid-sm-padding-y: k-spacing(1.5) !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: k-spacing(1.5) !default;
+/// The vertical padding of the Grid header.
+/// @group grid
 $kendo-grid-sm-grouping-header-padding-y: $kendo-grid-sm-grouping-header-padding-x !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: $kendo-grid-sm-padding-x !default;
+/// The vertical padding of the Grid cell.
+/// @group grid
 $kendo-grid-sm-filter-cell-padding-y: k-spacing(2) !default;
+/// The horizontal padding of the Grid cell.
+/// @group grid
 $kendo-grid-sm-edit-cell-padding-x: $kendo-grid-sm-padding-x !default;
+/// The vertical padding of the Grid cell.
+/// @group grid
 $kendo-grid-sm-edit-cell-padding-y: k-spacing(0.5) !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: k-spacing(2) !default;
+/// The vertical padding of the Grid.
+/// @group grid
 $kendo-grid-md-selection-aggregates-padding-y: $kendo-grid-md-selection-aggregates-padding-x !default;
 
 
 // Kendo Grid sizes
+/// The sizes of the Grid.
+/// @group grid
 $kendo-grid-sizes: (
     sm: (
         header-padding-x: $kendo-grid-sm-header-padding-x,
@@ -147,7 +209,7 @@ $kendo-grid-sizes: (
         edit-cell-padding-y: $kendo-grid-md-edit-cell-padding-y,
         button-padding-y: $kendo-button-md-padding-y,
         button-calc-size: $kendo-button-md-calc-size,
-        group-dropclue-height: $kendo-grid-sm-group-dropclue-height,
+        group-dropclue-height: $kendo-grid-md-group-dropclue-height,
         selection-aggregates-padding-x: $kendo-grid-md-selection-aggregates-padding-x,
         selection-aggregates-padding-y: $kendo-grid-md-selection-aggregates-padding-y
     ),
@@ -230,7 +292,7 @@ $kendo-grid-header-text: var( --kendo-grid-header-text, #{$kendo-table-header-te
 /// @group grid
 $kendo-grid-header-border: var( --kendo-grid-header-border, #{$kendo-table-header-border} ) !default;
 
-// The background color of Grid footer.
+/// The background color of Grid footer.
 /// @group grid
 $kendo-grid-footer-bg: var( --kendo-grid-footer-bg, #{$kendo-table-footer-bg} ) !default;
 /// The text color of Grid footer.
@@ -367,9 +429,6 @@ $kendo-grid-sticky-header-border: var( --kendo-grid-sticky-header-border, #{$ken
 /// The background color of the Grid sticky footer.
 /// @group grid
 $kendo-grid-sticky-footer-bg: var( --kendo-grid-sticky-footer-bg, #{$kendo-grid-header-bg} ) !default;
-/// The background color of the Grid sticky footer.
-/// @group grid
-$kendo-grid-sticky-footer-hover-bg: var( --kendo-grid-sticky-footer-hover-bg, #{$kendo-grid-hover-bg} ) !default;
 
 /// The horizontal padding of the Grid filter menu container.
 /// @group grid
@@ -628,7 +687,6 @@ $kendo-grid-stack-expandable-shadow: var( --kendo-grid-stack-expandable-shadow,
     $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-column-menu-width: $kendo-grid-column-menu-width,
     $kendo-grid-column-menu-max-width: $kendo-grid-column-menu-max-width,
     $kendo-grid-column-menu-item-padding-x: $kendo-grid-column-menu-item-padding-x,

package/scss/icons/_variables.scss

@@ -4,25 +4,25 @@
 /// The default size of the Icons.
 /// @group icon
 $kendo-icon-size: 1rem !default;
-/// The size of the extra small Icons.
+/// The xs size of the Icon.
 /// @group icon
 $kendo-icon-size-xs: calc( var( --kendo-icon-size, 1rem ) * .75 ) !default;
-/// The size of the small Icons.
+/// The sm size of the Icon.
 /// @group icon
 $kendo-icon-size-sm: calc( var( --kendo-icon-size-sm, 1rem ) * .875 ) !default;
-/// The size of the medium Icons.
+/// The md size of the Icon.
 /// @group icon
 $kendo-icon-size-md: 1rem !default;
-/// The size of the large Icons.
+/// The lg size of the Icon.
 /// @group icon
 $kendo-icon-size-lg: calc( var( --kendo-icon-size-lg, 1rem ) * 1.25 ) !default;
-/// The size of the extra large Icons.
+/// The xl size of the Icon.
 /// @group icon
 $kendo-icon-size-xl: calc( var( --kendo-icon-size, 1rem ) * 1.5 ) !default;
-/// The size of the double extra large Icons.
+/// The xxl size of the Icon.
 /// @group icon
 $kendo-icon-size-xxl: calc( var( --kendo-icon-size-xxl, 1rem ) * 2 ) !default;
-/// The size of the triple extra large Icons.
+/// The xxxl size of the Icon.
 /// @group icon
 $kendo-icon-size-xxxl: calc( var( --kendo-icon-size-xxxl, 1rem ) * 3 ) !default;
 

package/scss/imageeditor/_variables.scss

@@ -3,108 +3,108 @@
 @use "../core/_index.scss" as *;
 
 /// Background color of the imageeditor.
-/// @group imageeditor
+/// @group image-editor
 $kendo-image-editor-bg: var( --kendo-image-editor-bg, #{k-color(surface-alt)} ) !default;
 /// Text color of the imageeditor.
-/// @group imageeditor
+/// @group image-editor
 $kendo-image-editor-text: var( --kendo-image-editor-text, #{k-color(on-app-surface)} ) !default;
 /// Border color of the imageeditor.
-/// @group imageeditor
+/// @group image-editor
 $kendo-image-editor-border: var( --kendo-image-editor-border, color-mix(in srgb, #{k-color(border)} 16%, transparent) ) !default;
 /// Vertical margin of the imageeditor.
-/// @group imageeditor
+/// @group image-editor
 $kendo-image-editor-margin-y: var( --kendo-image-editor-margin-y, #{k-spacing(0)} ) !default;
 /// Horizontal margin of the imageeditor.
-/// @group imageeditor
+/// @group image-editor
 $kendo-image-editor-margin-x: var( --kendo-image-editor-margin-x, #{k-spacing(0)} ) !default;
 /// Vertical padding of the imageeditor.
-/// @group imageeditor
+/// @group image-editor
 $kendo-image-editor-padding-y: var( --kendo-image-editor-padding-y, #{k-spacing(0)} ) !default;
 /// Horizontal padding of the imageeditor.
-/// @group imageeditor
+/// @group image-editor
 $kendo-image-editor-padding-x: var( --kendo-image-editor-padding-x, #{k-spacing(0)} ) !default;
 
 /// Border width of the imageeditor.
-/// @group imageeditor
+/// @group image-editor
 $kendo-image-editor-border-width: var( --kendo-image-editor-border-width, 1px ) !default;
 /// Font size of the imageeditor.
-/// @group imageeditor
+/// @group image-editor
 $kendo-image-editor-font-size: var( --kendo-image-editor-font-size, var(--kendo-font-size, inherit) ) !default;
 /// Line height of the imageeditor.
-/// @group imageeditor
+/// @group image-editor
 $kendo-image-editor-line-height: var( --kendo-image-editor-line-height, var(--kendo-line-height, inherit) ) !default;
 /// Font family of the imageeditor.
-/// @group imageeditor
+/// @group image-editor
 $kendo-image-editor-font-family: var( --kendo-image-editor-font-family, var(--kendo-font-family, inherit) ) !default;
 
 /// Imageeditor content background color.
-/// @group imageeditor
+/// @group image-editor
 $kendo-image-editor-content-bg: var( --kendo-image-editor-content-bg, color-mix(in srgb, #{k-color(on-app-surface)} 23%, transparent) ) !default;
 /// Imageeditor content text color.
-/// @group imageeditor
+/// @group image-editor
 $kendo-image-editor-content-text: var( --kendo-image-editor-content-text, inherit ) !default;
 /// Imageeditor content border color.
-/// @group imageeditor
+/// @group image-editor
 $kendo-image-editor-content-border: var( --kendo-image-editor-content-border, inherit ) !default;
 /// Imageeditor content border width.
-/// @group imageeditor
+/// @group image-editor
 $kendo-image-editor-content-border-width: 0 !default;
 
 /// Imageeditor action pane background color.
-/// @group imageeditor
+/// @group image-editor
 $kendo-image-editor-action-pane-bg: var( --kendo-image-editor-action-pane-bg, #{k-color(surface-alt)} ) !default;
 /// Imageeditor action pane text color.
-/// @group imageeditor
+/// @group image-editor
 $kendo-image-editor-action-pane-text: var( --kendo-image-editor-action-pane-text, inherit ) !default;
 /// Imageeditor action pane border.
-/// @group imageeditor
+/// @group image-editor
 $kendo-image-editor-action-pane-border: var( --kendo-image-editor-action-pane-border, inherit ) !default;
 /// Imageeditor action pane vertical padding.
-/// @group imageeditor
+/// @group image-editor
 $kendo-image-editor-action-pane-padding-y: var( --kendo-image-editor-action-pane-padding-y, #{k-spacing(3)} ) !default;
 /// Imageeditor action pane horizontal padding.
-/// @group imageeditor
+/// @group image-editor
 $kendo-image-editor-action-pane-padding-x: var( --kendo-image-editor-action-pane-padding-x, #{k-spacing(3)} ) !default;
 /// Imageeditor action pane width.
-/// @group imageeditor
+/// @group image-editor
 $kendo-image-editor-action-pane-width: var( --kendo-image-editor-action-pane-width, if( #{$kendo-image-editor-content-border-width} == 0, 270px, calc( 270px + #{$kendo-image-editor-content-border-width}) ) ) !default;
 
 /// Crop background color of the imageeditor.
-/// @group imageeditor
+/// @group image-editor
 $kendo-image-editor-crop-bg: var( --kendo-image-editor-crop-bg, inherit ) !default;
 /// Crop text color of the imageeditor.
-/// @group imageeditor
+/// @group image-editor
 $kendo-image-editor-crop-text: var( --kendo-image-editor-crop-text, inherit ) !default;
 /// Crop border color of the imageeditor.
-/// @group imageeditor
+/// @group image-editor
 $kendo-image-editor-crop-border: var( --kendo-image-editor-crop-border, #{k-color(app-surface)} ) !default;
 /// Crop overlay background color of the imageeditor.
-/// @group imageeditor
+/// @group image-editor
 $kendo-image-editor-crop-overlay-bg: var( --kendo-image-editor-crop-overlay-bg, rgba( $kendo-color-black, .3 ) ) !default;
 /// Crop border width of the imageeditor.
-/// @group imageeditor
+/// @group image-editor
 $kendo-image-editor-crop-border-width: var( --kendo-image-editor-crop-border-width, 1px ) !default;
 /// Crop border style of the imageeditor.
-/// @group imageeditor
+/// @group image-editor
 $kendo-image-editor-crop-border-style: var( --kendo-image-editor-crop-border-style, dashed ) !default;
 
 /// Imageeditor resize handle horizontal margin.
-/// @group imageeditor
+/// @group image-editor
 $kendo-image-editor-resize-handle-margin-x: var( --kendo-image-editor-resize-handle-margin-x, #{k-spacing(1px)} ) !default;
 /// Imageeditor resize handle vertical margin.
-/// @group imageeditor
+/// @group image-editor
 $kendo-image-editor-resize-handle-margin-y: var( --kendo-image-editor-resize-handle-margin-y, #{k-spacing(1px)} ) !default;
 /// Imageeditor resize handle border width.
-/// @group imageeditor
+/// @group image-editor
 $kendo-image-editor-resize-handle-border-width: var( --kendo-image-editor-resize-handle-border-width, 0 2px 2px 0 ) !default;
 /// Imageeditor resize handle size.
-/// @group imageeditor
+/// @group image-editor
 $kendo-image-editor-resize-handle-size: var( --kendo-image-editor-resize-handle-size, #{k-spacing(4)} ) !default;
 /// Imageeditor resize handle top offset.
-/// @group imageeditor
+/// @group image-editor
 $kendo-image-editor-resize-top-offset: var( --kendo-image-editor-resize-top-offset, calc( #{$kendo-image-editor-resize-handle-size} / 2 ) ) !default;
 /// Imageeditor resize handle left offset.
-/// @group imageeditor
+/// @group image-editor
 $kendo-image-editor-resize-left-offset: var( --kendo-image-editor-resize-left-offset, calc( #{$kendo-image-editor-resize-handle-size} / 2 ) ) !default;
 
 @forward "@progress/kendo-theme-core/scss/components/imageeditor/_variables.scss" with (

package/scss/input/_variables.scss

@@ -11,11 +11,9 @@ $kendo-input-width: var( --kendo-input-width, 100% ) !default;
 $kendo-input-border-width: 1px !default;
 
 // The width of the border around the focused Input components.
-$kendo-input-focus-border-width: var( --kendo-input-focus-border-width, 2px ) !default;
-
-/// The height of the border around the Input components.
+/// The width of the border around the Input input.
 /// @group input
-$kendo-input-border-height: calc( $kendo-input-border-width * 2 ) !default;
+$kendo-input-focus-border-width: var( --kendo-input-focus-border-width, 2px ) !default;
 
 /// The horizontal padding of the small Input components.
 /// @group input
@@ -57,12 +55,10 @@ $kendo-input-md-line-height: var( --kendo-input-line-height, var( --kendo-line-h
 /// @group input
 $kendo-input-lg-line-height: var( --kendo-line-height-lg, normal ) !default;
 
-// The font family of the Input components.
+/// The font family of the Input input.
+/// @group input
 $kendo-input-font-family: var( --kendo-input-font-family, var( --kendo-font-family, inherit) ) !default;
 
-// The font weight of the Input components.
-$kendo-input-font-weight: var( --kendo-input-font-weight, var( --kendo-font-weight, normal ) ) !default;
-
 /// The width of the small Input button.
 /// @group input
 $kendo-input-sm-button-width: calc( #{$kendo-button-sm-line-height} * 1em + #{$kendo-button-sm-padding-y} * 2 ) !default;
@@ -401,8 +397,6 @@ $kendo-picker-flat-disabled-bg: none !default;
 /// @group input
 $kendo-picker-flat-disabled-border: $kendo-picker-flat-disabled-text !default;
 
-/// The calculated height of the Input.
-/// @group input
 $kendo-input-calc-size: calc( ( #{$kendo-input-md-line-height} * 1em ) + ( #{$kendo-input-md-padding-y} * 2 ) + calc( #{$kendo-input-border-width} * 2 ) ) !default;
 $kendo-input-sm-calc-size: calc( ( #{$kendo-input-sm-line-height} * 1em ) + ( #{$kendo-input-sm-padding-y} * 2 ) + calc( #{$kendo-input-border-width} * 2 ) ) !default;
 $kendo-input-md-calc-size: calc( ( #{$kendo-input-md-line-height} * 1em ) + ( #{$kendo-input-md-padding-y} * 2 ) + calc( #{$kendo-input-border-width} * 2 ) ) !default;
@@ -503,7 +497,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-width,
     $kendo-input-border-width: $kendo-input-border-width,
-    $kendo-input-border-height: $kendo-input-border-height,
     $kendo-input-sm-padding-x: $kendo-input-sm-padding-x,
     $kendo-input-md-padding-x: $kendo-input-md-padding-x,
     $kendo-input-lg-padding-x: $kendo-input-lg-padding-x,