@progress/kendo-theme-fluent 6.5.0-dev.0 → 6.5.0-dev.1

package/scss/popover/_variables.scss

@@ -3,89 +3,89 @@
 @use "../window/_variables.scss"as *;
 @use "../dialog/_variables.scss"as *;
 
-/// Border width around the popover.
+/// The width of the border around the Popover.
 /// @group popover
 $kendo-popover-border-width: $kendo-dialog-border-width !default;
-/// Border style around the popover.
+/// The style of the border around the Popover.
 /// @group popover
 $kendo-popover-border-style: solid !default;
-/// Border radius around the popover.
+/// The radius of the border around the Popover.
 /// @group popover
 $kendo-popover-border-radius: $kendo-window-border-radius !default;
-/// Font size of the popover.
-/// @group popover
-$kendo-popover-font-size: $kendo-window-font-size !default;
-/// Font family of the popover.
+/// The font family of the Popover.
 /// @group popover
 $kendo-popover-font-family: $kendo-window-font-family !default;
-/// Line height of the popover.
+/// The font size of the Popover.
+/// @group popover
+$kendo-popover-font-size: $kendo-window-font-size !default;
+/// The line height of the Popover.
 /// @group popover
 $kendo-popover-line-height: $kendo-window-line-height !default;
 
-/// Background color of the popover.
-/// @group popover
-$kendo-popover-bg: var( --kendo-component-bg, initial ) !default;
-/// Text color of the popover.
+/// The text color of the Popover.
 /// @group popover
 $kendo-popover-text: var( --kendo-component-text, initial ) !default;
-/// Border color of the popover.
+/// The background color of the Popover.
+/// @group popover
+$kendo-popover-bg: var( --kendo-component-bg, initial ) !default;
+/// The border color of the Popover.
 /// @group popover
 $kendo-popover-border: var( --kendo-component-border, initial ) !default;
-/// Shadow of the popover.
+/// The box shadow of the Popover.
 /// @group popover
 $kendo-popover-shadow: var( --kendo-box-shadow-depth-3, none ) !default;
 
-/// Horizontal padding of the popover header.
+/// The horizontal padding of the Popover header.
 /// @group popover
 $kendo-popover-header-padding-x: $kendo-dialog-titlebar-padding-x !default;
-/// Vertical padding of the popover header.
+/// The vertical padding of the Popover header.
 /// @group popover
 $kendo-popover-header-padding-y: $kendo-dialog-titlebar-padding-y !default;
-/// Border width of the popover header.
+/// The border width of the Popover header.
 /// @group popover
 $kendo-popover-header-border-width: $kendo-dialog-titlebar-border-width !default;
-/// Border style of the popover header.
+/// The border style of the Popover header.
 /// @group popover
 $kendo-popover-header-border-style: $kendo-popover-border-style !default;
-/// Background color of the popover header.
-/// @group popover
-$kendo-popover-header-bg: $kendo-dialog-titlebar-bg !default;
-/// Text color of the popover header.
+/// The text color of the Popover header.
 /// @group popover
 $kendo-popover-header-text: $kendo-dialog-titlebar-text !default;
-/// Border color of the popover header.
+/// The background color of the Popover header.
+/// @group popover
+$kendo-popover-header-bg: $kendo-dialog-titlebar-bg !default;
+/// The border color of the Popover header.
 /// @group popover
 $kendo-popover-header-border: $kendo-dialog-titlebar-border !default;
 
-/// Horizontal padding of the popover body.
+/// The horizontal padding of the Popover body.
 /// @group popover
 $kendo-popover-body-padding-x: $kendo-window-inner-padding-x !default;
-/// Vertical padding of the popover body.
+/// The vertical padding of the Popover body.
 /// @group popover
 $kendo-popover-body-padding-y: $kendo-window-inner-padding-y !default;
 
-/// Border width of the popover actions.
+/// The border width of the Popover actions.
 /// @group popover
 $kendo-popover-actions-border-width: 0 !default;
-/// Horizontal padding of the popover actions.
+/// The horizontal padding of the Popover actions.
 /// @group popover
 $kendo-popover-actions-padding-x: $kendo-popover-body-padding-x !default;
-/// Vertical padding of the popover actions.
+/// The vertical padding of the Popover actions.
 /// @group popover
 $kendo-popover-actions-padding-y: $kendo-popover-body-padding-y !default;
-/// Gap of the popover actions.
+/// The spacing between the Popover actions.
 /// @group popover
 $kendo-popover-actions-gap: map.get( $kendo-spacing, 3 ) !default;
 
-/// Width of the popover callout.
+/// The width of the Popover callout.
 /// @group popover
 $kendo-popover-callout-width: map.get( $kendo-spacing, 5 ) !default;
-/// Height of the popover callout.
+/// The height of the Popover callout.
 /// @group popover
 $kendo-popover-callout-height: $kendo-popover-callout-width !default;
-/// Border width of the popover callout.
+/// The border width of the Popover callout.
 /// @group popover
 $kendo-popover-callout-border-width: $kendo-popover-border-width !default;
-/// Border style of the popover callout.
+/// The border style of the Popover callout.
 /// @group popover
-$kendo-popover-callout-border-style: $kendo-popover-border-style !default;
+$kendo-popover-callout-border-style: $kendo-popover-border-style !default;

package/scss/progressbar/_variables.scss

@@ -1,118 +1,114 @@
 @use "sass:map";
 @use "../core/" as *;
 
-/// Height of the progressbar.
+/// The height of the ProgressBar.
 /// @group progressbar
 $kendo-progressbar-height: 4px !default;
-/// Horizontal width of the progressbar.
+/// The horizontal width of the ProgressBar.
 /// @group progressbar
 $kendo-progressbar-horizontal-width: 100% !default;
-/// Animation timing of the progressbar.
+/// The animation timing of the ProgressBar.
 /// @group progressbar
 $kendo-progressbar-animation-timing: 1s linear infinite !default;
-/// Border width of the progressbar.
+/// The width of the border around the ProgressBar.
 /// @group progressbar
 $kendo-progressbar-border-width: 0px !default;
-/// Border radius of the progressbar.
+/// The border radius of the ProgressBar.
 /// @group progressbar
 $kendo-progressbar-border-radius: var( --kendo-border-radius-sm, initial ) !default;
-
-/// Font family of the progressbar.
+/// The font family of the ProgressBar.
 /// @group progressbar
 $kendo-progressbar-font-family: var( --kendo-font-family, inherit ) !default;
-/// Font size of the progressbar.
+/// The font size of the ProgressBar.
 /// @group progressbar
 $kendo-progressbar-font-size: var( --kendo-font-size-sm, inherit ) !default;
-/// Line height of the progressbar.
+/// The line height of the ProgressBar.
 /// @group progressbar
 $kendo-progressbar-line-height: var( --kendo-line-height, inherit ) !default;
-
-/// Horizontal padding of the progressbar.
+/// The horizontal padding of the ProgressBar.
 /// @group progressbar
 $kendo-progressbar-padding-x: 0 !default;
-/// Vertical padding of the progressbar.
+/// The vertical padding of the ProgressBar.
 /// @group progressbar
 $kendo-progressbar-padding-y: 0 !default;
 
-/// Background color of the progressbar.
+/// The background color of the ProgressBar.
 /// @group progressbar
 $kendo-progressbar-bg: get-theme-color-var( neutral-30 ) !default;
-/// Text color of the progressbar.
+/// The text color of the ProgressBar.
 /// @group progressbar
 $kendo-progressbar-text: var( --kendo-component-text, initial ) !default;
-/// Border color of the progressbar.
+/// The border color of the ProgressBar.
 /// @group progressbar
 $kendo-progressbar-border: $kendo-progressbar-bg !default;
-/// Background gradient of the progressbar.
+/// The background gradient of the ProgressBar.
 /// @group progressbar
 $kendo-progressbar-gradient: null !default;
 
-/// Background color of the disabled progressbar.
-/// @group progressbar
-$kendo-progressbar-disabled-bg: get-theme-color-var( neutral-20 ) !default;
-/// Text color of the disabled progressbar.
-/// @group progressbar
-$kendo-progressbar-disabled-text: get-theme-color-var( neutral-90 ) !default;
-/// Border color of the disabled progressbar.
-/// @group progressbar
-$kendo-progressbar-disabled-border: $kendo-progressbar-disabled-bg !default;
-
-/// Progress background color of the progressbar.
+/// The progress background color of the ProgressBar.
 /// @group progressbar
 $kendo-progressbar-value-bg: get-theme-color-var( primary-100 ) !default;
-/// Progress text color of the progressbar.
+/// The progress text color of the ProgressBar.
 /// @group progressbar
 $kendo-progressbar-value-text: var( --kendo-component-text, initial ) !default;
-/// Progress border color of the progressbar.
+/// The progress border color of the ProgressBar.
 /// @group progressbar
 $kendo-progressbar-value-border: $kendo-progressbar-value-bg !default;
-/// Progress background gradient of the progressbar.
+/// The progress background gradient of the ProgressBar.
 /// @group progressbar
 $kendo-progressbar-value-gradient: null !default;
 
-/// Progress status offset of the progressbar.
+/// The progress status offset of the ProgressBar.
 /// @group progressbar
 $kendo-progressbar-offset-y: map.get( $kendo-spacing, 2 ) !default;
-/// Vertical status offset of the progressbar.
+/// The progress status offset of the vertical ProgressBar.
 /// @group progressbar
 $kendo-progressbar-vertical-status-offset: calc( (#{$kendo-progressbar-font-size} * #{$kendo-progressbar-line-height} + #{$kendo-progressbar-offset-y}) * -1) !default;
 
-/// Progress background color of the disabled progressbar.
+/// The background color of the disabled ProgressBar.
 /// @group progressbar
-$kendo-progressbar-value-disabled-bg: get-theme-color-var( primary-30 ) !default;
+$kendo-progressbar-disabled-bg: get-theme-color-var( neutral-20 ) !default;
+/// The text color of the disabled ProgressBar.
+/// @group progressbar
+$kendo-progressbar-disabled-text: get-theme-color-var( neutral-90 ) !default;
+/// The border color of the disabled ProgressBar.
+/// @group progressbar
+$kendo-progressbar-disabled-border: $kendo-progressbar-disabled-bg !default;
 
-/// Chunk order color of the progressbar.
+/// The progress background color of the disabled ProgressBar.
 /// @group progressbar
-$kendo-progressbar-chunk-border: var( --kendo-body-bg, initial ) !default;
+$kendo-progressbar-value-disabled-bg: get-theme-color-var( primary-30 ) !default;
 
-/// Background color of the indeterminate progressbar.
+/// The background color of the indeterminate ProgressBar.
 /// @group progressbar
 $kendo-progressbar-indeterminate-bg: get-theme-color-var( neutral-30 ) !default;
-/// Text color of the indeterminate progressbar.
+/// The text color of the indeterminate ProgressBar.
 /// @group progressbar
 $kendo-progressbar-indeterminate-text: $kendo-progressbar-text !default;
-/// Border color of the indeterminate progressbar.
+/// The border color of the indeterminate ProgressBar.
 /// @group progressbar
 $kendo-progressbar-indeterminate-border: get-theme-color-var( neutral-30 ) !default;
-/// Gradient of the horizontal indeterminate progressbar.
+/// The background gradient of the horizontal indeterminate ProgressBar.
 /// @group progressbar
 $kendo-progressbar-indeterminate-gradient-horizontal: linear-gradient(270deg, get-theme-color-var( neutral-30 ) 15%, get-theme-color-var( primary-100 ) 50%, get-theme-color-var( neutral-30 ) 85%) !default;
-/// Gradient of the vertical indeterminate progressbar.
+/// The background gradient of the vertical indeterminate ProgressBar.
 /// @group progressbar
 $kendo-progressbar-indeterminate-gradient-vertical: linear-gradient(180deg, get-theme-color-var( neutral-30 ) 15%, get-theme-color-var( primary-100 ) 50%, get-theme-color-var( neutral-30 ) 85%) !default;
-/// Gradient size of the horizontal indeterminate progressbar.
+/// The gradient size of the horizontal indeterminate ProgressBar.
 /// @group progressbar
 $kendo-progressbar-indeterminate-animation-horizontal: 3s ease 0s infinite running progressbar-indeterminate-animation-horizontal !default;
-/// Gradient size of the vertical indeterminate progressbar.
+/// The gradient size of the vertical indeterminate ProgressBar.
 /// @group progressbar
 $kendo-progressbar-indeterminate-animation-vertical: 3s ease 0s infinite running progressbar-indeterminate-animation-vertical !default;
 
+/// The border color of the chunk ProgressBar.
+/// @group progressbar
+$kendo-progressbar-chunk-border: var( --kendo-body-bg, initial ) !default;
+
 // Circular Progressbar
-/// Arc stroke color of the circular progressbar.
+/// The arc stroke color of the circular ProgressBar.
 /// @group progressbar
 $kendo-circular-progressbar-arc-stroke: get-theme-color-var( primary-100 ) !default;
-/// Scale stroke background color of the circular progressbar.
+/// The scale stroke background color of the circular ProgressBar.
 /// @group progressbar
-$kendo-circular-progressbar-scale-stroke: $kendo-progressbar-bg !default;
-
-$kendo-progressbar-item-border-width: map.get( $kendo-spacing, 0.5 ) !default;
+$kendo-circular-progressbar-scale-stroke: $kendo-progressbar-bg !default;

package/scss/scrollview/_variables.scss

@@ -1,106 +1,96 @@
 @use "../core/" as *;
 @use "../button/_variables.scss"as *;
 
-/// Width of the border around the scrollview.
+/// The width of the border around the ScrollView.
 /// @group scrollview
 $kendo-scrollview-border-width: 0px !default;
-/// Font family of the scrollview.
+/// The font family of the ScrollView.
 /// @group scrollview
 $kendo-scrollview-font-family: var( --kendo-font-family, inherit ) !default;
-/// Font size of the scrollview.
+/// The font size of the ScrollView.
 /// @group scrollview
 $kendo-scrollview-font-size: var( --kendo-font-size, inherit ) !default;
-/// Line height of the scrollview.
+/// The line height of the ScrollView.
 /// @group scrollview
 $kendo-scrollview-line-height: var( --kendo-line-height, normal ) !default;
 
-/// Background color of the scrollview.
-/// @group scrollview
-$kendo-scrollview-bg: var( --kendo-component-bg, inherit ) !default;
-/// Text color of the scrollview.
+/// The text color of the ScrollView.
 /// @group scrollview
 $kendo-scrollview-text: var( --kendo-component-text, inherit ) !default;
-/// Border color of the scrollview.
+/// The background color of the ScrollView.
+/// @group scrollview
+$kendo-scrollview-bg: var( --kendo-component-bg, inherit ) !default;
+/// The border color of the ScrollView.
 /// @group scrollview
 $kendo-scrollview-border: var( --kendo-component-border, inherit ) !default;
 
-/// Scrollview page button size.
+/// The size of the ScrollView page button.
 /// @group scrollview
 $kendo-scrollview-pagebutton-size: 10px !default;
-/// Scrollview page background color.
+/// The background color of the ScrollView page button.
 /// @group scrollview
 $kendo-scrollview-pagebutton-bg: $kendo-color-white !default;
-/// Scrollview page button border color.
+/// The border color of the ScrollView page button.
 /// @group scrollview
 $kendo-scrollview-pagebutton-border: $kendo-scrollview-pagebutton-bg !default;
-/// Scrollview page button primary background color.
+/// The primary background color of the ScrollView page button.
 /// @group scrollview
 $kendo-scrollview-pagebutton-primary-bg: get-theme-color-var( primary-100 ) !default;
-/// Scrollview page button primary border color.
+/// The primary border color of the ScrollView page button.
 /// @group scrollview
 $kendo-scrollview-pagebutton-primary-border: $kendo-scrollview-pagebutton-primary-bg !default;
-/// Scrollview page button hover shadow.
+/// The hover box shadow of the ScrollView page button.
 /// @group scrollview
 $kendo-scrollview-pagebutton-hover-shadow: 0 0 0 1px get-theme-color-var( neutral-30 ) !default;
-/// Scrollview page button focus shadow.
+/// The focus box shadow of the ScrollView page button.
 /// @group scrollview
 $kendo-scrollview-pagebutton-focus-shadow: 0 0 0 1px get-theme-color-var( neutral-130 ) !default;
-/// Scrollview page button primary hover shadow.
+/// The primary hover box shadow of the ScrollView page button.
 /// @group scrollview
 $kendo-scrollview-pagebutton-primary-hover-shadow: 0 0 0 2px get-theme-color-var( neutral-30 ) !default;
-/// Scrollview page button primary focus shadow.
+/// The primary focus box shadow of the ScrollView page button.
 /// @group scrollview
 $kendo-scrollview-pagebutton-primary-focus-shadow: 0 0 0 2px get-theme-color-var( neutral-130 ) !default;
 
-/// Scrollview pager offset.
+/// The offset of the ScrollView pager.
 /// @group scrollview
 $kendo-scrollview-pager-offset: 0px !default;
-/// Scrollview pager item spacing.
+/// The spacing between the ScrollView pager items.
 /// @group scrollview
 $kendo-scrollview-pager-item-spacing: 20px !default;
-/// Scrollview pager item border width.
+/// The border width of the ScrollView pager items.
 /// @group scrollview
 $kendo-scrollview-pager-item-border-width: 0px !default;
-/// Scrollview pager height.
+/// The height of the ScrollView pager.
 /// @group scrollview
 $kendo-scrollview-pager-height: calc( #{$kendo-scrollview-pagebutton-size} + #{$kendo-scrollview-pager-item-border-width * 2} + #{$kendo-scrollview-pager-item-spacing * 2} ) !default;
 
-/// Scrollview pager multidot threshold.
-/// @group scrollview
-$kendo-scrollview-pager-multidot-threshold: 10 !default;
-/// Scrollview pager multidot intermediate.
-/// @group scrollview
-$kendo-scrollview-pager-multidot-intermediate: 3 !default;
-/// Scrollview pager multidot step.
-/// @group scrollview
-$kendo-scrollview-pager-multidot-step: 1px !default;
-
-/// Scrollview pager light background color.
-/// @group scrollview
-$kendo-scrollview-pager-light-bg: rgba( $kendo-color-white, .4 ) !default;
-/// Scrollview pager dark background color.
-/// @group scrollview
-$kendo-scrollview-pager-dark-bg: rgba( $kendo-color-black, .4 ) !default;
-
-/// Scrollview navigation text color.
+/// The color of the ScrollView navigation arrows.
 /// @group scrollview
 $kendo-scrollview-navigation-color: $kendo-color-white !default;
-/// Scrollview navigation arrows shadow.
+/// The box shadow of the ScrollView navigation arrows.
 /// @group scrollview
 $kendo-scrollview-navigation-arrow-shadow: var( --kendo-box-shadow-depth-3, none ) !default;
-/// Scrollview navigation background color.
+/// The background color of the ScrollView navigation.
 /// @group scrollview
 $kendo-scrollview-navigation-bg: transparent !default;
-/// Scrollview navigation arrows focus shadow.
+/// The focus box shadow of the ScrollView navigation arrows.
 /// @group scrollview
 $kendo-scrollview-navigation-focus-shadow: 0 0 0 1px get-theme-color-var( neutral-130 ) !default;
-/// Scrollview navigation arrows hover shadow.
+/// The hover box shadow of the ScrollView navigation arrows.
 /// @group scrollview
 $kendo-scrollview-navigation-arrow-hover-shadow: var( --kendo-box-shadow-depth-4, none ) !default;
 
-/// Scrollview transition duration.
+/// The background color of the ScrollView pager in light mode.
+/// @group scrollview
+$kendo-scrollview-pager-light-bg: rgba( $kendo-color-white, .4 ) !default;
+/// The background color of the ScrollView pager in dark mode.
+/// @group scrollview
+$kendo-scrollview-pager-dark-bg: rgba( $kendo-color-black, .4 ) !default;
+
+/// The duration of the ScrollView transition.
 /// @group scrollview
 $kendo-scrollview-transition-duration: .3s !default;
-/// Scrollview transition timing function.
+/// The timing function of the ScrollView transition.
 /// @group scrollview
 $kendo-scrollview-transition-timing-function: ease-in-out !default;

package/scss/tilelayout/_variables.scss

@@ -2,22 +2,22 @@
 @use "../core/" as *;
 @use "../card/_variables.scss" as *;
 
-/// Width of the border around the tilelayout.
+/// The width of the border around the TileLayout.
 /// @group tilelayout
 $kendo-tile-layout-border-width: 0px !default;
-/// Background color of the tilelayout.
+/// The background color of the TileLayout.
 /// @group tilelayout
 $kendo-tile-layout-bg: get-theme-color-var( neutral-10 ) !default;
 
-/// Width of the border around the tilelayout hint.
+/// The width of the border around the TileLayout hint.
 /// @group tilelayout
 $kendo-tile-layout-hint-border-width: 1px !default;
-/// Color of the border around the tilelayout hint.
-/// @group tilelayout
-$kendo-tile-layout-hint-border: var( --kendo-component-border, initial ) !default;
-/// Radius of the border around the tilelayout hint.
+/// The radius of the border around the TileLayout hint.
 /// @group tilelayout
 $kendo-tile-layout-hint-border-radius: var( --kendo-border-radius-lg, initial ) !default;
-/// Background color of the tilelayout hint.
+/// The color of the border around the TileLayout hint.
+/// @group tilelayout
+$kendo-tile-layout-hint-border: var( --kendo-component-border, initial ) !default;
+/// The background color of the TileLayout hint.
 /// @group tilelayout
 $kendo-tile-layout-hint-bg: rgba(255, 255, 255, .2) !default;

package/scss/upload/_variables.scss

@@ -1,100 +1,100 @@
 @use "sass:map";
 @use "../core/" as *;
 
-/// Width of the border around the upload.
+/// The width of the border around the Upload.
 /// @group upload
 $kendo-upload-border-width: 1px !default;
-/// Font family of the upload.
+/// The font family of the Upload.
 /// @group upload
 $kendo-upload-font-family: var( --kendo-font-family, inherit ) !default;
-/// Font size of the upload.
+/// The font size of the Upload.
 /// @group upload
 $kendo-upload-font-size: var( --kendo-font-size, inherit ) !default;
-/// Line height of the upload.
+/// The line height of the Upload.
 /// @group upload
 $kendo-upload-line-height: var( --kendo-line-height, normal ) !default;
-/// Maximum height of the upload.
+/// The maximum height of the list with uploaded items.
 /// @group upload
 $kendo-upload-max-height: 300px !default;
 
-/// Background color of the upload.
-/// @group upload
-$kendo-upload-bg: var( --kendo-component-bg, initial ) !default;
-/// Text color of the upload.
+/// The text color of the Upload.
 /// @group upload
 $kendo-upload-text: var( --kendo-component-text, initial ) !default;
-/// Border color of the upload.
+/// The background color of the Upload.
+/// @group upload
+$kendo-upload-bg: var( --kendo-component-bg, initial ) !default;
+/// The border color of the Upload.
 /// @group upload
 $kendo-upload-border: var( --kendo-component-border, initial ) !default;
 
-/// Horizontal padding of the upload dropzone.
+/// The horizontal padding of the Upload dropzone.
 /// @group upload
 $kendo-upload-dropzone-padding-x: map.get( $kendo-spacing, 2 ) !default;
-/// Vertical padding of the upload dropzone.
+/// The vertical padding of the Upload dropzone.
 /// @group upload
 $kendo-upload-dropzone-padding-y: map.get( $kendo-spacing, 2 ) !default;
-/// Background color of the upload dropzone.
-/// @group upload
-$kendo-upload-dropzone-bg: get-theme-color-var( neutral-10 ) !default;
-/// Text color of the upload dropzone.
+/// The text color of the Upload dropzone.
 /// @group upload
 $kendo-upload-dropzone-text: get-theme-color-var( neutral-130 ) !default;
-/// Border color of the upload dropzone.
+/// The background color of the Upload dropzone.
+/// @group upload
+$kendo-upload-dropzone-bg: get-theme-color-var( neutral-10 ) !default;
+/// The border color of the Upload dropzone.
 /// @group upload
 $kendo-upload-dropzone-border: get-theme-color-var( neutral-30 ) !default;
-/// Background color of the hovered upload dropzone.
+/// The background color of the hovered Upload dropzone.
 /// @group upload
 $kendo-upload-dropzone-hover-bg: var( --kendo-hover-bg, inherit ) !default;
 
-/// Text color of the file status message in the upload.
+/// The text color of the Upload status message.
 /// @group upload
 $kendo-upload-status-text: var( --kendo-subtle-text, inherit ) !default;
-/// Opacity of the file status message in the upload.
+/// The opacity of the Upload status message.
 /// @group upload
 $kendo-upload-status-text-opacity: null !default;
 
-/// Horizontal padding of the upload items.
+/// The horizontal padding of an uploaded item.
 /// @group upload
 $kendo-upload-item-padding-x: map.get( $kendo-spacing, 2 ) !default;
-/// Vertical padding of the upload items.
+/// The vertical padding of an uploaded item.
 /// @group upload
 $kendo-upload-item-padding-y: map.get( $kendo-spacing, 2 ) !default;
 
-/// Spacing between multiple items in the upload.
+/// The vertical spacing between uploaded batch items.
 /// @group upload
 $kendo-upload-multiple-items-spacing: map.get( $kendo-spacing, 4 ) !default;
 
-/// Font size of the upload validation message.
+/// The font size of the Upload validation message.
 /// @group upload
 $kendo-upload-validation-font-size: var( --kendo-font-size-xs, inherit ) !default;
-/// Spacing between the icon and text in the upload.
+/// The horizontal spacing of the Upload status icon.
 /// @group upload
 $kendo-upload-icon-spacing: var( --kendo-icon-spacing, .5rem ) !default;
-/// Color of the icons in the upload.
+/// The color of the uploaded items icon.
 /// @group upload
 $kendo-upload-icon-color: var( --kendo-subtle-text, inherit ) !default;
 
-/// Thickness of the upload progress bar.
+/// The thickness of the Upload progress bar.
 /// @group upload
 $kendo-upload-progress-thickness: 2px !default;
-/// Background color of the upload progress bar.
+/// The background color of the Upload progress bar.
 /// @group upload
 $kendo-upload-progress-bg: get-theme-color-var( primary-100 ) !default;
 
-/// Success background color of the upload.
-/// @group upload
-$kendo-upload-success-bg: get-theme-color-var( success-190 ) !default;
-/// Success text color of the upload.
+/// The success text color of the Upload.
 /// @group upload
 $kendo-upload-success-text: get-theme-color-var( success-190 ) !default;
-
-/// Error background color of the upload.
+/// The success background color of the Upload progress bar.
 /// @group upload
-$kendo-upload-error-bg: get-theme-color-var( error-190 ) !default;
-/// Error text color of the upload.
+$kendo-upload-success-bg: get-theme-color-var( success-190 ) !default;
+
+/// The error text color of the Upload.
 /// @group upload
 $kendo-upload-error-text: get-theme-color-var( error-190 ) !default;
+/// The error background color of the Upload progress bar.
+/// @group upload
+$kendo-upload-error-bg: get-theme-color-var( error-190 ) !default;
 
-/// Focus shadow of the upload when focused.
+/// The shadow of the focused Upload button, actions and uploaded items.
 /// @group upload
 $kendo-upload-focus-shadow: inset 0 0 0 2px rgba(0, 0, 0, .13) !default;