@progress/kendo-theme-material 7.2.0-dev.0 → 7.2.1-dev.0

package/dist/all.scss

@@ -43092,91 +43092,228 @@ $_kendo-module-meta: (
 // Component
 // #region @import "./_variables.scss"; -> scss/stepper/_variables.scss
 // Stepper
+
+/// The horizontal margin the Stepper.
+/// @group stepper
 $kendo-stepper-margin-x: null !default;
+/// The vertical margin the Stepper.
+/// @group stepper
 $kendo-stepper-margin-y: null !default;
+/// The horizontal padding the Stepper.
+/// @group stepper
 $kendo-stepper-padding-x: null !default;
+/// The vertical padding the Stepper.
+/// @group stepper
 $kendo-stepper-padding-y: null !default;
+/// The horizontal margin the Stepper label.
+/// @group stepper
 $kendo-stepper-label-margin-x: 12px !default;
+/// The horizontal padding the Stepper label.
+/// @group stepper
 $kendo-stepper-label-padding-x: 12px !default;
+/// The vertical padding the Stepper label.
+/// @group stepper
 $kendo-stepper-label-padding-y: 5px !default;
+/// The width of the border around the Stepper.
+/// @group stepper
 $kendo-stepper-border-width: 0px !default;
 
+/// The horizontal padding of the Stepper content.
+/// @group stepper
 $kendo-stepper-inline-content-padding-x: 20px !default;
+/// The vertical padding of the Stepper content.
+/// @group stepper
 $kendo-stepper-inline-content-padding-y: 10px !default;
 
+// The font size of the Stepper.
+/// @group stepper
 $kendo-stepper-font-size: $kendo-font-size-md !default;
+// The line height of the Stepper.
+/// @group stepper
 $kendo-stepper-line-height: k-math-div( 20, 14 ) !default;
+// The font family of the Stepper.
+/// @group stepper
 $kendo-stepper-font-family: $kendo-font-family !default;
 
+/// The background color of the Stepper.
+/// @group stepper
 $kendo-stepper-bg: null !default;
+/// The text color of the Stepper.
+/// @group stepper
 $kendo-stepper-text: $kendo-component-text !default;
+/// The border color of the Stepper.
+/// @group stepper
 $kendo-stepper-border: null !default;
 
+/// The width of the Stepper indicator.
+/// @group stepper
 $kendo-stepper-indicator-width: 28px !default;
+/// The height of the Stepper indicator.
+/// @group stepper
 $kendo-stepper-indicator-height: $kendo-stepper-indicator-width !default;
+/// The border radius of the Stepper indicator.
+/// @group stepper
 $kendo-stepper-indicator-border-radius: 50% !default;
+/// The border width of the Stepper indicator.
+/// @group stepper
 $kendo-stepper-indicator-border-width: 1px !default;
 
+/// The border width of the focused Stepper indicator.
+/// @group stepper
 $kendo-stepper-indicator-focus-border-width: 1px !default;
+/// The size of the focused Stepper indicator.
+/// @group stepper
 $kendo-stepper-indicator-focus-size: 2px !default;
+/// The offset of the Stepper's focused indicator.
+/// @group stepper
 $kendo-stepper-indicator-focus-offset: 3px !default;
+/// The calculated offset of the Stepper's focused indicator.
+/// @group stepper
 $kendo-stepper-indicator-focus-calc-offset: calc( #{$kendo-stepper-indicator-focus-border-width} + #{$kendo-stepper-indicator-focus-offset} ) !default;
 
+/// The background color of the Stepper indicator.
+/// @group stepper
 $kendo-stepper-indicator-bg: $kendo-component-bg !default;
+/// The text color of the Stepper indicator.
+/// @group stepper
 $kendo-stepper-indicator-text: $kendo-component-text !default;
+/// The border color of the Stepper indicator.
+/// @group stepper
 $kendo-stepper-indicator-border: $kendo-component-border !default;
 
+/// The background color of the hovered Stepper indicator.
+/// @group stepper
 $kendo-stepper-indicator-hover-bg: if($kendo-enable-color-system, k-color( base-hover ), k-try-shade( $kendo-stepper-indicator-bg )) !default;
+/// The text color of the hovered Stepper indicator.
+/// @group stepper
 $kendo-stepper-indicator-hover-text: null !default;
+/// The border color of the hovered Stepper indicator.
+/// @group stepper
 $kendo-stepper-indicator-hover-border: null !default;
 
+/// The background color of the disabled Stepper indicator.
+/// @group stepper
 $kendo-stepper-indicator-disabled-bg: null !default;
+/// The text color of the disabled Stepper indicator.
+/// @group stepper
 $kendo-stepper-indicator-disabled-text: if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .32 ), $kendo-disabled-text) !default;
+/// The border color of the disabled Stepper indicator.
+/// @group stepper
 $kendo-stepper-indicator-disabled-border: null !default;
 
+/// The background color of the Stepper's done indicator.
+/// @group stepper
 $kendo-stepper-indicator-done-bg: $kendo-color-primary !default;
+/// The text color of the Stepper's done indicator.
+/// @group stepper
 $kendo-stepper-indicator-done-text: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-color( $kendo-stepper-indicator-done-bg )) !default;
+/// The border color of the Stepper's done indicator.
+/// @group stepper
 $kendo-stepper-indicator-done-border: $kendo-stepper-indicator-done-bg !default;
 
+/// The background color of the Stepper's hovered done indicator.
+/// @group stepper
 $kendo-stepper-indicator-done-hover-bg: if($kendo-enable-color-system, k-color( primary-hover ), k-try-shade( $kendo-stepper-indicator-done-bg )) !default;
+/// The text color of the Stepper's hovered done indicator.
+/// @group stepper
 $kendo-stepper-indicator-done-hover-text: null !default;
+/// The border color of the Stepper's hovered done indicator.
+/// @group stepper
 $kendo-stepper-indicator-done-hover-border: null !default;
 
+/// The background color of the Stepper's disabled done indicator.
+/// @group stepper
 $kendo-stepper-indicator-done-disabled-bg: if($kendo-enable-color-system, rgba( k-color( primary, true ), .6 ), k-color-mix( $kendo-stepper-indicator-done-bg, $kendo-component-bg, 60%)) !default;
+/// The text color of the Stepper's disabled done indicator.
+/// @group stepper
 $kendo-stepper-indicator-done-disabled-text: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-color( $kendo-stepper-indicator-done-bg )) !default;
+/// The border color of the Stepper's disabled done indicator.
+/// @group stepper
 $kendo-stepper-indicator-done-disabled-border: $kendo-stepper-indicator-done-disabled-bg !default;
 
+/// The background color of the Stepper current indicator.
+/// @group stepper
 $kendo-stepper-indicator-current-bg: $kendo-stepper-indicator-done-bg !default;
+/// The text color of the Stepper current indicator.
+/// @group stepper
 $kendo-stepper-indicator-current-text: $kendo-stepper-indicator-done-text !default;
+/// The border color of the Stepper current indicator.
+/// @group stepper
 $kendo-stepper-indicator-current-border: $kendo-stepper-indicator-done-border !default;
 
+/// The background color of the Stepper's hovered current indicator.
+/// @group stepper
 $kendo-stepper-indicator-current-hover-bg: $kendo-stepper-indicator-done-hover-bg !default;
+/// The text color of the Stepper's hovered current indicator.
+/// @group stepper
 $kendo-stepper-indicator-current-hover-text: $kendo-stepper-indicator-done-hover-text !default;
+/// The border color of the Stepper's hovered current indicator.
+/// @group stepper
 $kendo-stepper-indicator-current-hover-border: $kendo-stepper-indicator-done-hover-border !default;
 
+/// The background color of the Stepper's disabled current indicator.
+/// @group stepper
 $kendo-stepper-indicator-current-disabled-bg: $kendo-stepper-indicator-done-disabled-bg !default;
+/// The text color of the Stepper's disabled current indicator.
+/// @group stepper
 $kendo-stepper-indicator-current-disabled-text: $kendo-stepper-indicator-done-disabled-text !default;
+/// The border color of the Stepper's disabled current indicator.
+/// @group stepper
 $kendo-stepper-indicator-current-disabled-border: $kendo-stepper-indicator-done-disabled-border !default;
 
+/// The text color of the Stepper label.
+/// @group stepper
 $kendo-stepper-label-text: null !default;
+/// The success text color of the Stepper label.
+/// @group stepper
 $kendo-stepper-label-success-text: $kendo-color-success !default;
+/// The error text color of the Stepper label.
+/// @group stepper
 $kendo-stepper-label-error-text: $kendo-color-error !default;
+/// The text color of the hovered Stepper label.
+/// @group stepper
 $kendo-stepper-label-hover-text: null !default;
+/// The text color of the disabled Stepper label.
+/// @group stepper
 $kendo-stepper-label-disabled-text: if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .32 ), k-map-get( $theme, disabled-text )) !default;
 
+/// The text color of the optional Stepper label.
+/// @group stepper
 $kendo-stepper-optional-label-text: $kendo-subtle-text !default;
+/// The opacity of the optional Stepper label.
+/// @group stepper
 $kendo-stepper-optional-label-opacity: null !default;
+/// The font size of the optional Stepper label.
+/// @group stepper
 $kendo-stepper-optional-label-font-size: $kendo-font-size-sm !default;
+/// The font style of the optional Stepper label.
+/// @group stepper
 $kendo-stepper-optional-label-font-style: null !default;
 
+/// The size of the Stepper ProgressBar.
+/// @group stepper
 $kendo-stepper-progressbar-size: 2px !default;
+/// The background color of the Stepper ProgressBar.
+/// @group stepper
 $kendo-stepper-progressbar-bg: null !default;
+/// The text color of the Stepper ProgressBar.
+/// @group stepper
 $kendo-stepper-progressbar-text: null !default;
+/// The background color of the selected Stepper ProgressBar.
+/// @group stepper
 $kendo-stepper-progressbar-fill-bg: null !default;
+/// The text color of the selected Stepper ProgressBar.
+/// @group stepper
 $kendo-stepper-progressbar-fill-text: null !default;
 
+/// The property name of the Stepper transition.
+/// @group stepper
 $kendo-stepper-content-transition-property: height !default;
+/// The duration of the Stepper transition.
+/// @group stepper
 $kendo-stepper-content-transition-duration: 300ms !default;
+/// The timing function of the Stepper transition.
+/// @group stepper
 $kendo-stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0ms !default;
 
 // #endregion
@@ -44511,17 +44648,38 @@ $_kendo-module-meta: (
 // Component
 // #region @import "./_variables.scss"; -> scss/wizard/_variables.scss
 // Wizard
+
+/// The horizontal padding of the Wizard.
+/// @group wizard
 $kendo-wizard-padding-x: $kendo-padding-md-x * 1.25 !default;
+/// The vertical padding of the Wizard.
+/// @group wizard
 $kendo-wizard-padding-y: $kendo-wizard-padding-x !default;
+/// The horizontal padding of the Wizard content.
+/// @group wizard
 $kendo-wizard-content-padding-x: $kendo-padding-md-x * 2 !default;
+/// The vertical padding of the Wizard content.
+/// @group wizard
 $kendo-wizard-content-padding-y: $kendo-padding-md-y * 8 !default;
+/// The horizontal margin of the Wizard's Button container.
+/// @group wizard
 $kendo-wizard-buttons-margin-x: 10px !default;
 
+/// The border width of the Wizard.
+/// @group wizard
 $kendo-wizard-border-width: 0px !default;
+/// The font size of the Wizard.
+/// @group wizard
 $kendo-wizard-font-size: $kendo-font-size-md !default;
+/// The line height of the Wizard.
+/// @group wizard
 $kendo-wizard-line-height: $kendo-line-height-md !default;
+/// The font family of the Wizard.
+/// @group wizard
 $kendo-wizard-font-family: $kendo-font-family !default;
 
+/// The outline of the focused Wizard step.
+/// @group wizard
 $kendo-wizard-step-focus-border: #656565 !default;
 
 // #endregion
@@ -45596,29 +45754,68 @@ $_kendo-module-meta: (
 // Component
 // #region @import "./_variables.scss"; -> scss/splitter/_variables.scss
 // Splitter
+
+/// The width of the border around the Splitter.
+/// @group splitter
 $kendo-splitter-border-width: 1px !default;
+/// The font family of the Splitter.
+/// @group splitter
 $kendo-splitter-font-family: $kendo-font-family !default;
+/// The font size of the Splitter.
+/// @group splitter
 $kendo-splitter-font-size: $kendo-font-size-md !default;
+/// The line height of the Splitter.
+/// @group splitter
 $kendo-splitter-line-height: $kendo-line-height-md !default;
 
+/// The background color of the Splitter.
+/// @group splitter
 $kendo-splitter-bg: $kendo-component-bg !default;
+/// The text color of the Splitter.
+/// @group splitter
 $kendo-splitter-text: $kendo-component-text !default;
+/// The border color of the Splitter.
+/// @group splitter
 $kendo-splitter-border: $kendo-component-border !default;
 
+/// The size of the Splitter split bar.
+/// @group splitter
 $kendo-splitter-splitbar-size: k-map-get( $kendo-spacing, 3 ) !default;
+/// The length of the Splitter drag handle.
+/// @group splitter
 $kendo-splitter-drag-handle-length: 20px !default;
+/// The thickness of the Splitter drag handle.
+/// @group splitter
 $kendo-splitter-drag-handle-thickness: 2px !default;
+/// The margin of the Splitter drag handle icon.
+/// @group splitter
 $kendo-splitter-drag-icon-margin: 7px !default;
+/// The horizontal padding of the collapse icon in the Splitter.
+/// @group splitter
 $kendo-splitter-collapse-icon-padding-x: null !default;
+/// The vertical padding of the collapse icon in the Splitter.
+/// @group splitter
 $kendo-splitter-collapse-icon-padding-y: k-map-get( $kendo-spacing, .5 ) !default;
 
+/// The background color of the Splitter split bar.
+/// @group splitter
 $kendo-splitbar-bg: if($kendo-enable-color-system, k-color( base-subtle ), k-try-shade( $kendo-splitter-bg, 1 )) !default;
+/// The text color of the Splitter split bar.
+/// @group splitter
 $kendo-splitbar-text: $kendo-subtle-text !default;
 
+/// The hover background color of the Splitter split bar.
+/// @group splitter
 $kendo-splitbar-hover-bg: if($kendo-enable-color-system, k-color( base-hover ), k-try-shade( $kendo-splitbar-bg, .5 )) !default;
+/// The hover text color of the Splitter split bar.
+/// @group splitter
 $kendo-splitbar-hover-text: $kendo-splitbar-text !default;
 
+/// The selected background color of the Splitter split bar.
+/// @group splitter
 $kendo-splitbar-selected-bg: $kendo-color-primary !default;
+/// The selected text color of the Splitter split bar.
+/// @group splitter
 $kendo-splitbar-selected-text: $kendo-color-primary-contrast !default;
 
 // #endregion
@@ -54121,99 +54318,250 @@ $_kendo-module-meta: (
 // Component
 // #region @import "./_variables.scss"; -> scss/taskboard/_variables.scss
 // TaskBoard
+
+/// The spacing index of the TaskBoard.
+/// @group taskboard
 $kendo-taskboard-spacer: k-map-get( $kendo-spacing, 4 ) !default;
+/// The vertical padding of the TaskBoard.
+/// @group taskboard
 $kendo-taskboard-padding-y: null !default;
+/// The horizontal of the TaskBoard.
+/// @group taskboard
 $kendo-taskboard-padding-x: null !default;
+/// The font family of the TaskBoard.
+/// @group taskboard
 $kendo-taskboard-font-family: $kendo-font-family !default;
+/// The font size of the TaskBoard.
+/// @group taskboard
 $kendo-taskboard-font-size: $kendo-font-size-md !default;
+/// The line height of the TaskBoard.
+/// @group taskboard
 $kendo-taskboard-line-height: $kendo-line-height-md !default;
+/// The background color of the TaskBoard.
+/// @group taskboard
 $kendo-taskboard-bg: null !default;
+/// The text color of the TaskBoard.
+/// @group taskboard
 $kendo-taskboard-text: null !default;
+/// The border color of the TaskBoard.
+/// @group taskboard
 $kendo-taskboard-border: null !default;
 
+/// The vertical padding of the TaskBoard Toolbar.
+/// @group taskboard
 $kendo-taskboard-toolbar-padding-y: $kendo-taskboard-spacer !default;
+/// The horizontal padding of the TaskBoard Toolbar.
+/// @group taskboard
 $kendo-taskboard-toolbar-padding-x: $kendo-taskboard-toolbar-padding-y !default;
+/// The background color of the TaskBoard Toolbar.
+/// @group taskboard
 $kendo-taskboard-toolbar-bg: null !default;
+/// The text color of the TaskBoard Toolbar.
+/// @group taskboard
 $kendo-taskboard-toolbar-text: null !default;
+/// The border color of the TaskBoard Toolbar.
+/// @group taskboard
 $kendo-taskboard-toolbar-border: null !default;
+/// The gradient of the TaskBoard Toolbar.
+/// @group taskboard
 $kendo-taskboard-toolbar-gradient: null !default;
 
+/// The vertical padding of the TaskBoard content.
+/// @group taskboard
 $kendo-taskboard-content-padding-y: $kendo-taskboard-spacer !default;
+/// The horizontal padding of the TaskBoard content.
+/// @group taskboard
 $kendo-taskboard-content-padding-x: $kendo-taskboard-content-padding-y !default;
 
+/// The vertical spacing of the TaskBoard column container.
+/// @group taskboard
 $kendo-taskboard-column-container-spacing-y: k-math-div( $kendo-taskboard-spacer, 2 ) !default;
+/// The vertical padding of the TaskBoard column container.
+/// @group taskboard
 $kendo-taskboard-column-container-padding-y: 0px !default;
+/// The horizontal padding of the TaskBoard column container.
+/// @group taskboard
 $kendo-taskboard-column-container-padding-x: k-math-div( $kendo-taskboard-spacer, 2 ) !default;
+/// The spacing of the TaskBoard columns container.
+/// @group taskboard
 $kendo-taskboard-columns-container-gap: $kendo-taskboard-spacer !default;
 
+/// The default width of the TaskBoard column.
+/// @group taskboard
 $kendo-taskboard-column-width: 320px !default;
+/// The border width of the TaskBoard column.
+/// @group taskboard
 $kendo-taskboard-column-border-width: 1px !default;
+/// The border radius of the TaskBoard column.
+/// @group taskboard
 $kendo-taskboard-column-border-radius: $kendo-border-radius-md !default;
+/// The background color of the TaskBoard column.
+/// @group taskboard
 $kendo-taskboard-column-bg: if($kendo-enable-color-system, k-color( surface ), if( $kendo-is-dark-theme, $kendo-color-dark, $kendo-color-light)) !default;
+/// The text color of the TaskBoard column.
+/// @group taskboard
 $kendo-taskboard-column-text: null !default;
+/// The border color of the TaskBoard column.
+/// @group taskboard
 $kendo-taskboard-column-border: transparent !default;
 
+/// The background color of the focused TaskBoard column.
+/// @group taskboard
 $kendo-taskboard-column-focus-bg: null !default;
+/// The text color of the focused TaskBoard column.
+/// @group taskboard
 $kendo-taskboard-column-focus-text: null !default;
+/// The border color of the focused TaskBoard column.
+/// @group taskboard
 $kendo-taskboard-column-focus-border: if($kendo-enable-color-system, k-color( border-alt ), k-try-shade( $kendo-base-border, 2.5 )) !default;
 
+/// The vertical padding of the TaskBoard column header.
+/// @group taskboard
 $kendo-taskboard-column-header-padding-y: k-math-div( $kendo-taskboard-spacer, 2 ) !default;
+/// The horizontal padding of the TaskBoard column header.
+/// @group taskboard
 $kendo-taskboard-column-header-padding-x: $kendo-taskboard-column-header-padding-y !default;
+/// The spacing of the TaskBoard column header.
+/// @group taskboard
 $kendo-taskboard-column-header-gap: k-math-div( $kendo-taskboard-spacer, 4 ) !default;
+/// The spacing of the TaskBoard column header actions.
+/// @group taskboard
 $kendo-taskboard-column-header-actions-gap: k-math-div( $kendo-taskboard-spacer, 2 ) !default;
+/// The font weight of the TaskBoard column header.
+/// @group taskboard
 $kendo-taskboard-column-header-font-weight: 500 !default;
+/// The text color of the TaskBoard column header.
+/// @group taskboard
 $kendo-taskboard-column-header-text: $kendo-component-header-text !default;
 
+/// The vertical padding of the TaskBoard column Card wrapper.
+/// @group taskboard
 $kendo-taskboard-column-cards-padding-y: null !default;
+/// The horizontal padding of the TaskBoard column Card wrapper.
+/// @group taskboard
 $kendo-taskboard-column-cards-padding-x: null !default;
+/// The spacing of the TaskBoard column Card wrapper.
+/// @group taskboard
 $kendo-taskboard-column-cards-gap: k-math-div( $kendo-taskboard-spacer, 2 ) !default;
 
+/// The default width of the TaskBoard pane.
+/// @group taskboard
 $kendo-taskboard-pane-width: $kendo-taskboard-column-width !default;
+/// The vertical padding of the TaskBoard pane.
+/// @group taskboard
 $kendo-taskboard-pane-padding-y: null !default;
+/// The horizontal padding of the TaskBoard pane.
+/// @group taskboard
 $kendo-taskboard-pane-padding-x: null !default;
+/// The border width of the TaskBoard pane.
+/// @group taskboard
 $kendo-taskboard-pane-border-width: 1px !default;
+/// The background color of the TaskBoard pane.
+/// @group taskboard
 $kendo-taskboard-pane-bg: $kendo-component-bg !default;
+/// The text color of the TaskBoard pane.
+/// @group taskboard
 $kendo-taskboard-pane-text: $kendo-component-text !default;
+/// The border color of the TaskBoard pane.
+/// @group taskboard
 $kendo-taskboard-pane-border: $kendo-component-border !default;
 
+/// The vertical padding of the TaskBoard pane header.
+/// @group taskboard
 $kendo-taskboard-pane-header-padding-y: ( $kendo-taskboard-spacer * .75 ) !default;
+/// The horizontal padding of the TaskBoard pane header.
+/// @group taskboard
 $kendo-taskboard-pane-header-padding-x: $kendo-taskboard-spacer !default;
+/// The font weight of the TaskBoard pane header.
+/// @group taskboard
 $kendo-taskboard-pane-header-font-weight: 500 !default;
+/// The text color of the TaskBoard pane header.
+/// @group taskboard
 $kendo-taskboard-pane-header-text: $kendo-component-header-text !default;
 
+/// The vertical padding of the TaskBoard pane content.
+/// @group taskboard
 $kendo-taskboard-pane-content-padding-y: 0px !default;
+/// The horizontal padding of the TaskBoard pane content.
+/// @group taskboard
 $kendo-taskboard-pane-content-padding-x: $kendo-taskboard-spacer !default;
 
+/// The vertical padding of the TaskBoard pane actions.
+/// @group taskboard
 $kendo-taskboard-pane-actions-padding-y: ( $kendo-taskboard-spacer * .75 ) !default;
+/// The horizontal padding of the TaskBoard pane actions.
+/// @group taskboard
 $kendo-taskboard-pane-actions-padding-x: $kendo-taskboard-spacer !default;
 
+/// The vertical padding of the TaskBoard Card.
+/// @group taskboard
 $kendo-taskboard-card-padding-y: k-math-div( $kendo-taskboard-spacer, 2 ) !default;
+/// The horizontal padding of the TaskBoard Card.
+/// @group taskboard
 $kendo-taskboard-card-padding-x: $kendo-taskboard-card-padding-y !default;
+/// The border width of the TaskBoard Card.
+/// @group taskboard
 $kendo-taskboard-card-border-width: 1px !default;
+/// The border radius of the TaskBoard Card.
+/// @group taskboard
 $kendo-taskboard-card-border-radius: $kendo-card-border-radius !default;
+/// The background color of the TaskBoard Card.
+/// @group taskboard
 $kendo-taskboard-card-bg: $kendo-card-bg !default;
+/// The text color of the TaskBoard Card.
+/// @group taskboard
 $kendo-taskboard-card-text: $kendo-card-text !default;
+/// The border color of the TaskBoard Card.
+/// @group taskboard
 $kendo-taskboard-card-border: $kendo-base-border !default;
+/// The shadow of the TaskBoard Card.
+/// @group taskboard
 $kendo-taskboard-card-shadow: none !default;
 
+/// The border width of the TaskBoard Card category.
+/// @group taskboard
 $kendo-taskboard-card-category-border-width: 4px !default;
 
+/// The border color of the hovered TaskBoard Card.
+/// @group taskboard
 $kendo-taskboard-card-hover-border: if($kendo-enable-color-system, k-color( border-alt ), k-try-shade( $kendo-taskboard-card-border, 10% )) !default;
 
+/// The border color of the focused TaskBoard Card.
+/// @group taskboard
 $kendo-taskboard-card-focus-border: if($kendo-enable-color-system, k-color( border-alt ), k-try-shade( $kendo-taskboard-card-border, 9% )) !default;
+/// The shadow of the focused TaskBoard Card.
+/// @group taskboard
 $kendo-taskboard-card-focus-shadow: none !default;
 
 
+/// The border of the selected TaskBoard Card.
+/// @group taskboard
 $kendo-taskboard-card-selected-border: $kendo-color-primary-lighter !default;
+/// The shadow of the selected TaskBoard Card.
+/// @group taskboard
 $kendo-taskboard-card-selected-shadow: none !default;
 
+/// The text color of the TaskBoard Card header text.
+/// @group taskboard
 $kendo-taskboard-card-header-text: $kendo-color-primary !default;
+/// The text color of the hovered TaskBoard Card header text.
+/// @group taskboard
 $kendo-taskboard-card-header-focus-text: $kendo-color-primary-darker !default;
+/// The text color of the focused TaskBoard Card header text.
+/// @group taskboard
 $kendo-taskboard-card-header-hover-text: $kendo-color-primary-darker !default;
 
+/// The border width of the TaskBoard Card placeholder.
+/// @group taskboard
 $kendo-taskboard-drag-placeholder-border-width: 1px !default;
+/// The border radius of the TaskBoard Card placeholder.
+/// @group taskboard
 $kendo-taskboard-drag-placeholder-border-radius: $kendo-taskboard-card-border-radius !default;
+/// The background color of the TaskBoard Card placeholder.
+/// @group taskboard
 $kendo-taskboard-drag-placeholder-bg: rgba( white, .2 ) !default;
+/// The border color of the TaskBoard Card placeholder.
+/// @group taskboard
 $kendo-taskboard-drag-placeholder-border: $kendo-component-border !default;
 
 // #endregion
@@ -58988,76 +59336,191 @@ $_kendo-module-meta: (
 // Component
 // #region @import "./_variables.scss"; -> scss/chat/_variables.scss
 // Chat
+
+/// The horizontal padding of the Chat.
+/// @group chat
 $kendo-chat-padding-x: 16px !default;
+/// The vertical padding of the Chat.
+/// @group chat
 $kendo-chat-padding-y: 16px !default;
+/// The width of the Chat.
+/// @group chat
 $kendo-chat-width: 500px !default;
+/// The height of the Chat.
+/// @group chat
 $kendo-chat-height: 600px !default;
+/// The border width of the Chat.
+/// @group chat
 $kendo-chat-border-width: 1px !default;
+/// The font family of the Chat.
+/// @group chat
 $kendo-chat-font-family: $kendo-font-family !default;
+/// The font size of the Chat.
+/// @group chat
 $kendo-chat-font-size: $kendo-font-size-md !default;
+/// The line height of the Chat.
+/// @group chat
 $kendo-chat-line-height: $kendo-line-height-md !default;
 
+/// The horizontal spacing between the items of the Chat.
+/// @group chat
 $kendo-chat-item-spacing-x: 8px !default;
+/// The vertical spacing between the items of the Chat.
+/// @group chat
 $kendo-chat-item-spacing-y: 16px !default;
 
+/// The horizontal padding of the Chat message list.
+/// @group chat
 $kendo-chat-message-list-padding-x: $kendo-chat-padding-x !default;
+/// The vertical padding of the Chat message list.
+/// @group chat
 $kendo-chat-message-list-padding-y: $kendo-chat-padding-y !default;
+/// The spacing of the Chat message list.
+/// @group chat
 $kendo-chat-message-list-spacing: $kendo-chat-item-spacing-y !default;
 
+/// The font size of the Chat timestamp.
+/// @group chat
 $kendo-chat-timestamp-font-size: smaller !default;
+/// The line height of the Chat timestamp.
+/// @group chat
 $kendo-chat-timestamp-line-height: null !default;
+/// The text transform of the Chat timestamp.
+/// @group chat
 $kendo-chat-timestamp-transform: uppercase !default;
+/// The text color of the Chat timestamp.
+/// @group chat
 $kendo-chat-timestamp-text: $kendo-subtle-text !default;
+/// The background color of the Chat timestamp.
+/// @group chat
 $kendo-chat-timestamp-bg: null !default;
 
+/// The horizontal padding of the Chat bubble message.
+/// @group chat
 $kendo-chat-bubble-padding-x: 12px !default;
+/// The vertical padding of the Chat bubble message.
+/// @group chat
 $kendo-chat-bubble-padding-y: 8px !default;
+/// The spacing of the Chat bubble message.
+/// @group chat
 $kendo-chat-bubble-spacing: 2px !default;
+/// The line height of the Chat bubble message.
+/// @group chat
 $kendo-chat-bubble-line-height: 1.25 !default;
 
+/// The border radius of the Chat bubble message.
+/// @group chat
 $kendo-chat-bubble-border-radius: 12px !default;
+/// The border radius of the Chat small bubble message
+/// @group chat
 $kendo-chat-bubble-border-radius-sm: 2px !default;
 
+/// The size of the Chat Avatar.
+/// @group chat
 $kendo-chat-avatar-size: 32px !default;
+/// The spacing of the Chat Avatar.
+/// @group chat
 $kendo-chat-avatar-spacing: $kendo-chat-item-spacing-x !default;
 
+/// The horizontal padding of the Chat Toolbar.
+/// @group chat
 $kendo-chat-toolbar-padding-x: $kendo-toolbar-md-padding-x !default;
+/// The vertical padding of the Chat Toolbar.
+/// @group chat
 $kendo-chat-toolbar-padding-y: $kendo-toolbar-md-padding-y !default;
+/// The spacing of the Chat Toolbar.
+/// @group chat
 $kendo-chat-toolbar-spacing: $kendo-toolbar-md-spacing !default;
+/// The background color of the Chat Toolbar.
+/// @group chat
 $kendo-chat-toolbar-bg: if($kendo-enable-color-system, k-color( surface ), k-try-shade( $kendo-button-bg, .5 )) !default;
+/// The text color of the Chat Toolbar.
+/// @group chat
 $kendo-chat-toolbar-text: $kendo-toolbar-text !default;
+/// The border color of the Chat Toolbar.
+/// @group chat
 $kendo-chat-toolbar-border: inherit !default;
 
+/// The horizontal padding of the Chat quick reply.
+/// @group chat
 $kendo-chat-quick-reply-padding-x: 12px !default;
+/// The vertical padding of the Chat quick reply.
+/// @group chat
 $kendo-chat-quick-reply-padding-y: 8px !default;
+/// The spacing of the Chat quick reply.
+/// @group chat
 $kendo-chat-quick-reply-spacing: 8px !default;
+/// The line height of the Chat quick reply.
+/// @group chat
 $kendo-chat-quick-reply-line-height: $kendo-chat-bubble-line-height !default;
 
 
+/// The background color of the Chat.
+/// @group chat
 $kendo-chat-bg: $kendo-app-bg !default;
+/// The text color of the Chat.
+/// @group chat
 $kendo-chat-text: $kendo-component-text !default;
+/// The border color of the Chat.
+/// @group chat
 $kendo-chat-border: $kendo-component-border !default;
 
+/// The background color of the Chat bubble.
+/// @group chat
 $kendo-chat-bubble-bg: $kendo-component-bg !default;
+/// The text color of the Chat bubble.
+/// @group chat
 $kendo-chat-bubble-text: $kendo-component-text !default;
+/// The border color of the Chat bubble.
+/// @group chat
 $kendo-chat-bubble-border: $kendo-chat-bubble-bg !default;
+/// The box shadow of the Chat bubble.
+/// @group chat
 $kendo-chat-bubble-shadow: $box-shadow-depth-1 !default;
+/// The shadow of the hovered Chat bubble.
+/// @group chat
 $kendo-chat-bubble-hover-shadow: $box-shadow-depth-2 !default;
+/// The shadow of the selected Chat bubble.
+/// @group chat
 $kendo-chat-bubble-selected-shadow: $box-shadow-depth-3 !default;
 
+/// The background color of the Chat alt bubble.
+/// @group chat
 $kendo-chat-alt-bubble-bg: $kendo-color-primary !default;
+/// The text color of the Chat alt bubble.
+/// @group chat
 $kendo-chat-alt-bubble-text: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-color( $kendo-chat-alt-bubble-bg )) !default;
+/// The border color of the Chat alt bubble.
+/// @group chat
 $kendo-chat-alt-bubble-border: $kendo-chat-alt-bubble-bg !default;
+/// The shadow of the Chat alt bubble.
+/// @group chat
 $kendo-chat-alt-bubble-shadow: $box-shadow-depth-1 !default;
+/// The shadow of the hovered Chat alt bubble.
+/// @group chat
 $kendo-chat-alt-bubble-hover-shadow: $box-shadow-depth-2 !default;
+/// The shadow of the selected Chat alt bubble.
+/// @group chat
 $kendo-chat-alt-bubble-selected-shadow: $box-shadow-depth-3 !default;
 
+/// The background color of the Chat quick reply.
+/// @group chat
 $kendo-chat-quick-reply-bg: transparent !default;
+/// The text color of the Chat quick reply.
+/// @group chat
 $kendo-chat-quick-reply-text: $kendo-color-primary !default;
+/// The border color of the Chat quick reply.
+/// @group chat
 $kendo-chat-quick-reply-border: $kendo-color-primary !default;
 
+/// The background color of the hovered Chat quick reply.
+/// @group chat
 $kendo-chat-quick-reply-hover-bg: $kendo-color-primary !default;
+/// The text color of the hovered Chat quick reply.
+/// @group chat
 $kendo-chat-quick-reply-hover-text: $kendo-color-primary-contrast !default;
+/// The border color of the hovered Chat quick reply.
+/// @group chat
 $kendo-chat-quick-reply-hover-border: $kendo-color-primary !default;
 
 // #endregion
@@ -63091,61 +63554,150 @@ $_kendo-module-meta: (
 // Component
 // #region @import "./_variables.scss"; -> scss/orgchart/_variables.scss
 // Orgchart
+
+/// The spacing index of the OrgChart.
+/// @group orgchart
 $kendo-orgchart-spacer: k-map-get( $kendo-spacing, 6 ) !default;
+/// The vertical padding of the OrgChart.
+/// @group orgchart
 $kendo-orgchart-padding-y: $kendo-orgchart-spacer !default;
+/// The horizontal padding of the OrgChart.
+/// @group orgchart
 $kendo-orgchart-padding-x: $kendo-orgchart-padding-y !default;
+/// The font family of the OrgChart.
+/// @group orgchart
 $kendo-orgchart-font-family: $kendo-font-family !default;
+/// The font size of the OrgChart.
+/// @group orgchart
 $kendo-orgchart-font-size: $kendo-font-size-md !default;
+/// The line height of the OrgChart.
+/// @group orgchart
 $kendo-orgchart-line-height: $kendo-line-height-md !default;
+/// The background color of the OrgChart.
+/// @group orgchart
 $kendo-orgchart-bg: $kendo-component-bg !default;
+/// The text color of the OrgChart.
+/// @group orgchart
 $kendo-orgchart-text: $kendo-component-text !default;
+/// The border color of the OrgChart.
+/// @group orgchart
 $kendo-orgchart-border: $kendo-component-border !default;
 
+/// The spacing of the OrgChart node.
+/// @group orgchart
 $kendo-orgchart-node-gap: $kendo-orgchart-spacer !default;
+/// The spacing of the OrgChart group.
+/// @group orgchart
 $kendo-orgchart-group-gap: $kendo-orgchart-spacer !default;
+/// The spacing of the OrgChart node container.
+/// @group orgchart
 $kendo-orgchart-node-container-gap: $kendo-orgchart-spacer !default;
 
+/// The vertical padding of the OrgChart node group.
+/// @group orgchart
 $kendo-orgchart-node-group-padding-y: $kendo-orgchart-spacer !default;
+/// The horizontal padding of the OrgChart node group.
+/// @group orgchart
 $kendo-orgchart-node-group-padding-x: $kendo-orgchart-node-group-padding-y !default;
+/// The border width of the OrgChart node group.
+/// @group orgchart
 $kendo-orgchart-node-group-border-width: 1px !default;
+/// The border radius of the OrgChart node group.
+/// @group orgchart
 $kendo-orgchart-node-group-border-radius: $kendo-border-radius-md !default;
+/// The background color of the OrgChart node group.
+/// @group orgchart
 $kendo-orgchart-node-group-bg: if($kendo-enable-color-system, k-color( surface ), if( $kendo-is-dark-theme, $kendo-color-dark, $kendo-color-light)) !default;
+/// The text color of the OrgChart node group.
+/// @group orgchart
 $kendo-orgchart-node-group-text: $kendo-base-text !default;
+/// The border color of the OrgChart node group.
+/// @group orgchart
 $kendo-orgchart-node-group-border: $kendo-base-border !default;
 
+/// The border color of the focused OrgChart node group.
+/// @group orgchart
 $kendo-orgchart-node-group-focus-border: $kendo-card-focus-border !default;
+/// The shadow of the focused OrgChart node group.
+/// @group orgchart
 $kendo-orgchart-node-group-focus-shadow: 0 2px 4px -1px rgba( if($kendo-enable-color-system, k-color( on-light, true ), $elevation), .2 ), 0 4px 5px 0 rgba( if($kendo-enable-color-system, k-color( on-light, true ), $elevation), .14 ), 0 1px 10px 0 rgba( if($kendo-enable-color-system, k-color( on-light, true ), $elevation), .12 ) !default;
 
+/// The font size of the OrgChart node group title.
+/// @group orgchart
 $kendo-orgchart-node-group-title-font-size: $kendo-font-size-xl !default;
+/// The bottom margin of the OrgChart node group title.
+/// @group orgchart
 $kendo-orgchart-node-group-title-margin-bottom: k-math-div( $kendo-orgchart-spacer, 4 ) !default;
+/// The line height of the OrgChart node group title.
+/// @group orgchart
 $kendo-orgchart-node-group-title-line-height: $kendo-line-height-sm !default;
 
+/// The font size of the OrgChart node group subtitle.
+/// @group orgchart
 $kendo-orgchart-node-group-subtitle-font-size: $kendo-font-size-md !default;
+/// The bottom margin of the OrgChart node group subtitle.
+/// @group orgchart
 $kendo-orgchart-node-group-subtitle-margin-bottom: $kendo-orgchart-spacer !default;
+/// The line height of the OrgChart node group subtitle.
+/// @group orgchart
 $kendo-orgchart-node-group-subtitle-text: rgba( black, .54 ) !default;
 
+/// The width of the OrgChart Card.
+/// @group orgchart
 $kendo-orgchart-card-width: 300px !default;
+/// The vertical padding of the OrgChart Card.
+/// @group orgchart
 $kendo-orgchart-card-padding-y: $kendo-card-padding-y !default;
+/// The horizontal padding of the OrgChart Card.
+/// @group orgchart
 $kendo-orgchart-card-padding-x: $kendo-orgchart-card-padding-y !default;
+/// The border width of the OrgChart Card.
+/// @group orgchart
 $kendo-orgchart-card-border-width: 1px !default;
+/// The shadow of the OrgChart Card.
+/// @group orgchart
 $kendo-orgchart-card-shadow: none !default;
+/// The shadow of the focused OrgChart Card.
+/// @group orgchart
 $kendo-orgchart-card-focus-shadow: $kendo-orgchart-node-group-focus-shadow !default;
 
+/// The bottom margin of the OrgChart Card title.
+/// @group orgchart
 $kendo-orgchart-card-title-margin-bottom: 0px !default;
+/// The font size of the OrgChart Card title.
+/// @group orgchart
 $kendo-orgchart-card-title-font-size: null !default;
 
+/// The bottom margin of the OrgChart Card subtitle.
+/// @group orgchart
 $kendo-orgchart-card-subtitle-margin-bottom: 0px !default;
+/// The font size of the OrgChart Card subtitle.
+/// @group orgchart
 $kendo-orgchart-card-subtitle-font-size: null !default;
 
+/// The border width of the OrgChart Card body.
+/// @group orgchart
 $kendo-orgchart-card-body-border-width: 2px 0 0 !default;
+/// The border color of the OrgChart Card body.
+/// @group orgchart
 $kendo-orgchart-card-body-border-color: transparent !default;
 
+/// The right margin of the OrgChart Card body title wrap.
+/// @group orgchart
 $kendo-orgchart-card-body-vbox-margin-right: k-math-div( $kendo-orgchart-spacer, 2 ) !default;
+/// The min height of the OrgChart Card body title wrap.
+/// @group orgchart
 $kendo-orgchart-card-body-vbox-min-height: $kendo-card-avatar-size !default;
 
+/// The size of the OrgChart connecting line.
+/// @group orgchart
 $kendo-orgchart-line-size: 1px !default;
+/// The fill color of the OrgChart connecting line.
+/// @group orgchart
 $kendo-orgchart-line-fill: $kendo-base-border !default;
 
+/// The height of the OrgChart connecting line.
+/// @group orgchart
 $kendo-orgchart-line-v-height: 25px !default;
 
 // #endregion