@progress/kendo-theme-default 12.2.0-dev.2 → 12.2.0-dev.4

package/scss/signature/_variables.scss

@@ -1,31 +1,69 @@
 @use "../core/_index.scss" as *;
 
+/// The width of the Signature.
+/// @group signature
 $kendo-signature-width: 250px !default;
+/// The height of the Signature.
+/// @group signature
 $kendo-signature-height: 84px !default;
 
+/// The minimum height of the large Signature.
+/// @group signature
 $kendo-signature-lg-min-height: 110px !default;
 
+/// The width of the maximized Signature.
+/// @group signature
 $kendo-signature-maximized-width: 750px !default;
+/// The height of the maximized Signature.
+/// @group signature
 $kendo-signature-maximized-height: 252px !default;
 
+/// The horizontal padding of the small Signature.
+/// @group signature
 $kendo-signature-sm-padding-x: k-spacing(0.5) !default;
+/// The horizontal padding of the medium Signature.
+/// @group signature
 $kendo-signature-md-padding-x: k-spacing(1) !default;
+/// The horizontal padding of the large Signature.
+/// @group signature
 $kendo-signature-lg-padding-x: k-spacing(2) !default;
 
+/// The vertical padding of the small Signature.
+/// @group signature
 $kendo-signature-sm-padding-y: $kendo-signature-sm-padding-x !default;
+/// The vertical padding of the medium Signature.
+/// @group signature
 $kendo-signature-md-padding-y: $kendo-signature-md-padding-x !default;
+/// The vertical padding of the large Signature.
+/// @group signature
 $kendo-signature-lg-padding-y: $kendo-signature-lg-padding-x !default;
 
+/// The width of the Signature line.
+/// @group signature
 $kendo-signature-line-width: 1px !default;
+/// The style of the Signature line.
+/// @group signature
 $kendo-signature-line-style: dashed !default;
+/// The color of the Signature line.
+/// @group signature
 $kendo-signature-line-color: color-mix(in srgb, k-color(info) 24%, transparent) !default;
 
+/// The size of the small Signature line.
+/// @group signature
 $kendo-signature-sm-line-size: calc( 100% - 2 * #{$kendo-signature-sm-padding-x} ) !default;
+/// The size of the medium Signature line.
+/// @group signature
 $kendo-signature-md-line-size: calc( 100% - 2 * #{$kendo-signature-md-padding-x} ) !default;
+/// The size of the large Signature line.
+/// @group signature
 $kendo-signature-lg-line-size: calc( 100% - 2 * #{$kendo-signature-lg-padding-x} ) !default;
 
+/// The bottom offset of the Signature line.
+/// @group signature
 $kendo-signature-line-bottom-offset: 33% !default;
 
+/// The sizes map for the Signature.
+/// @group signature
 $kendo-signature-sizes: (
     sm: (
         padding-x: $kendo-signature-sm-padding-x,
@@ -44,7 +82,11 @@ $kendo-signature-sizes: (
     )
 ) !default;
 
+/// The gap between the Signature actions.
+/// @group signature
 $kendo-signature-actions-gap: k-spacing(1) !default;
+/// The line width of the maximized Signature.
+/// @group signature
 $kendo-signature-maximized-line-width: 3px !default;
 
 @forward "@progress/kendo-theme-core/scss/components/signature/_variables.scss" with (

package/scss/skeleton/_variables.scss

@@ -16,8 +16,12 @@ $kendo-skeleton-rect-border-radius: 0 !default;
 /// @group skeleton
 $kendo-skeleton-circle-border-radius: 9999px !default;
 
+/// The background color of the Skeleton item.
+/// @group skeleton
 $kendo-skeleton-item-bg: color-mix(in srgb, k-color(on-app-surface) 20%, transparent) !default;
 
+/// The background color of the Skeleton.
+/// @group skeleton
 $kendo-skeleton-wave-bg: rgba( black, .04 ) !default;
 
 @forward "@progress/kendo-theme-core/scss/components/skeleton/_variables.scss" with (

package/scss/spreadsheet/_variables.scss

@@ -272,8 +272,12 @@ $kendo-spreadsheet-dropzone-spacing-y: k-spacing(4) !default;
 $kendo-spreadsheet-filter-padding: k-spacing(1) !default;
 
 
+/// The horizontal padding of the Spreadsheet filter menu link.
+/// @group spreadsheet
 $kendo-spreadsheet-filter-menu-link-padding-x: calc( #{$kendo-icon-size} + calc( 2 * #{k-spacing(1)} ) ) !default;
 
+/// The margin of the Spreadsheet filter menu icon.
+/// @group spreadsheet
 $kendo-spreadsheet-filter-menu-icon-margin: 0 k-spacing(1) 0 calc(-1 * ( #{$kendo-icon-size} + #{k-spacing(1)} ) ) !default;
 
 @forward "@progress/kendo-theme-core/scss/components/spreadsheet/_variables.scss" with (

package/scss/stepper/_variables.scss

@@ -39,13 +39,13 @@ $kendo-stepper-inline-content-padding-x: k-spacing(5) !default;
 /// @group stepper
 $kendo-stepper-inline-content-padding-y: k-spacing(2.5) !default;
 
-// The font size of the Stepper.
+/// The font size of the Stepper.
 /// @group stepper
 $kendo-stepper-font-size: var( --kendo-font-size, inherit ) !default;
-// The line height of the Stepper.
+/// The line height of the Stepper.
 /// @group stepper
 $kendo-stepper-line-height: var( --kendo-line-height, normal ) !default;
-// The font family of the Stepper.
+/// The font family of the Stepper.
 /// @group stepper
 $kendo-stepper-font-family: var( --kendo-font-family, inherit ) !default;
 

package/scss/suggestion/_variables.scss

@@ -64,6 +64,8 @@ $kendo-suggestion-focus-shadow-spread: 2px !default;
 /// @group suggestion
 $kendo-suggestion-focus-shadow-color: color-mix(in srgb, k-color(on-app-surface) 8%, transparent) !default;
 
+/// The theme colors map of the Suggestion.
+/// @group suggestion
 $kendo-suggestion-theme-colors: (
     "primary": k-color(primary),
     "secondary": k-color(secondary)

package/scss/table/_variables.scss

@@ -22,13 +22,25 @@ $kendo-table-font-size: null !default;
 /// @group table
 $kendo-table-line-height: null !default;
 
+/// The horizontal padding of the Table cell.
+/// @group table
 $kendo-table-sm-cell-padding-x: k-spacing(2) !default;
+/// The vertical padding of the Table cell.
+/// @group table
 $kendo-table-sm-cell-padding-y: k-spacing(1) !default;
 
+/// The horizontal padding of the Table cell.
+/// @group table
 $kendo-table-md-cell-padding-x: k-spacing(3) !default;
+/// The vertical padding of the Table cell.
+/// @group table
 $kendo-table-md-cell-padding-y: k-spacing(2) !default;
 
+/// The horizontal padding of the Table cell.
+/// @group table
 $kendo-table-lg-cell-padding-x: k-spacing(2) !default;
+/// The vertical padding of the Table cell.
+/// @group table
 $kendo-table-lg-cell-padding-y: k-spacing(2.5) !default;
 
 /// The sizes of the table.

package/scss/timeselector/_variables.scss

@@ -4,60 +4,142 @@
 
 // Time selector
 
+/// The width of the border around the TimeSelector.
+/// @group time-selector
 $kendo-time-selector-border-width: 1px !default;
+/// The font family of the TimeSelector.
+/// @group time-selector
 $kendo-time-selector-font-family: var( --kendo-font-family, inherit ) !default;
+/// The font size of the TimeSelector.
+/// @group time-selector
 $kendo-time-selector-font-size: var( --kendo-font-size, inherit ) !default;
+/// The line height of the TimeSelector.
+/// @group time-selector
 $kendo-time-selector-line-height: var( --kendo-line-height, normal ) !default;
 
+/// The background color of the TimeSelector.
+/// @group time-selector
 $kendo-time-selector-bg: k-color(surface-alt) !default;
+/// The text color of the TimeSelector.
+/// @group time-selector
 $kendo-time-selector-text: k-color(on-app-surface) !default;
+/// The border color of the TimeSelector.
+/// @group time-selector
 $kendo-time-selector-border: k-color(border) !default;
 
+/// The horizontal padding of the TimeSelector header.
+/// @group time-selector
 $kendo-time-selector-header-padding-x: $kendo-actions-padding-x !default;
+/// The vertical padding of the TimeSelector header.
+/// @group time-selector
 $kendo-time-selector-header-padding-y: $kendo-actions-padding-y !default;
+/// The width of the border around the TimeSelector header.
+/// @group time-selector
 $kendo-time-selector-header-border-width: 0px !default;
+/// The text color of the TimeSelector header title.
+/// @group time-selector
 $kendo-time-selector-header-title-text: unset !default;
+/// The text color of the TimeSelector header current time indicator.
+/// @group time-selector
 $kendo-time-selector-header-time-now-text: k-color(primary) !default;
+/// The text color of the hovered TimeSelector header current time indicator.
+/// @group time-selector
 $kendo-time-selector-header-time-now-hover-text: k-color(primary-hover) !default;
 
+/// The gap of the TimeSelector fast selection.
+/// @group time-selector
 $kendo-time-selector-fast-selection-gap: null !default;
 
+/// The width of the TimeSelector list.
+/// @group time-selector
 $kendo-time-list-width: 4em !default;
+/// The height of the TimeSelector list.
+/// @group time-selector
 $kendo-time-list-height: 240px !default;
 
+/// The font size of the TimeSelector list title.
+/// @group time-selector
 $kendo-time-list-title-font-size: var( --kendo-font-size-sm, inherit ) !default;
+/// The line height of the TimeSelector list title.
+/// @group time-selector
 $kendo-time-list-title-line-height: var( --kendo-line-height-lg, normal ) !default;
+/// The height of the TimeSelector list title.
+/// @group time-selector
 $kendo-time-list-title-height: calc( ( #{$kendo-time-list-title-font-size} ) * ( #{$kendo-time-list-title-line-height} ) ) !default;
+/// The text color of the TimeSelector list title.
+/// @group time-selector
 $kendo-time-list-title-text: k-color(subtle) !default;
+/// The text color of the focused TimeSelector list title.
+/// @group time-selector
 $kendo-time-list-title-focus-text: k-color(on-app-surface) !default;
 
+/// The horizontal padding of the TimeSelector list item.
+/// @group time-selector
 $kendo-time-list-item-padding-x: $kendo-list-md-item-padding-x !default;
+/// The vertical padding of the TimeSelector list item.
+/// @group time-selector
 $kendo-time-list-item-padding-y: $kendo-list-md-item-padding-y !default;
 
+/// The width of the border around the TimeSelector list highlight.
+/// @group time-selector
 $kendo-time-list-highlight-border-width: 1px 0px !default;
+/// The height of the TimeSelector list highlight.
+/// @group time-selector
 $kendo-time-list-highlight-height: calc( calc( #{$kendo-time-selector-font-size} * #{$kendo-time-selector-line-height} ) + calc( #{$kendo-time-list-item-padding-y} * 2 ) ) !default;
+/// The background color of the TimeSelector list highlight.
+/// @group time-selector
 $kendo-time-list-highlight-bg: k-color(surface-alt) !default;
+/// The border color of the TimeSelector list highlight.
+/// @group time-selector
 $kendo-time-list-highlight-border: k-color(border) !default;
 
+/// The background color of the focused TimeSelector list.
+/// @group time-selector
 $kendo-time-list-focus-bg: rgba(0, 0, 0, .04) !default;
 
 
 // Time selector sizes
+/// The font size of the small TimeSelector.
+/// @group time-selector
 $kendo-time-selector-sm-font-size: $kendo-list-sm-font-size !default;
+/// The line height of the small TimeSelector.
+/// @group time-selector
 $kendo-time-selector-sm-line-height: $kendo-list-sm-line-height !default;
+/// The horizontal padding of the small TimeSelector list item.
+/// @group time-selector
 $kendo-time-selector-sm-list-item-padding-x: $kendo-list-sm-item-padding-x !default;
+/// The vertical padding of the small TimeSelector list item.
+/// @group time-selector
 $kendo-time-selector-sm-list-item-padding-y: $kendo-list-sm-item-padding-y !default;
 
+/// The font size of the medium TimeSelector.
+/// @group time-selector
 $kendo-time-selector-md-font-size: $kendo-list-md-font-size !default;
+/// The line height of the medium TimeSelector.
+/// @group time-selector
 $kendo-time-selector-md-line-height: $kendo-list-md-line-height !default;
+/// The horizontal padding of the medium TimeSelector list item.
+/// @group time-selector
 $kendo-time-selector-md-list-item-padding-x: $kendo-list-md-item-padding-x !default;
+/// The vertical padding of the medium TimeSelector list item.
+/// @group time-selector
 $kendo-time-selector-md-list-item-padding-y: $kendo-list-md-item-padding-y !default;
 
+/// The font size of the large TimeSelector.
+/// @group time-selector
 $kendo-time-selector-lg-font-size: $kendo-list-lg-font-size !default;
+/// The line height of the large TimeSelector.
+/// @group time-selector
 $kendo-time-selector-lg-line-height: $kendo-list-lg-line-height !default;
+/// The horizontal padding of the large TimeSelector list item.
+/// @group time-selector
 $kendo-time-selector-lg-list-item-padding-x: $kendo-list-lg-item-padding-x !default;
+/// The vertical padding of the large TimeSelector list item.
+/// @group time-selector
 $kendo-time-selector-lg-list-item-padding-y: $kendo-list-lg-item-padding-y !default;
 
+/// The sizes map for the TimeSelector.
+/// @group time-selector
 $kendo-time-selector-sizes: (
     sm: (
         font-size: $kendo-time-selector-sm-font-size,
@@ -79,7 +161,11 @@ $kendo-time-selector-sizes: (
     )
 ) !default;
 
+/// The text color of the TimeSelector button.
+/// @group time-selector
 $kendo-time-selector-now-button-text: k-color(primary) !default;
+/// The text color of the hovered TimeSelector button.
+/// @group time-selector
 $kendo-time-selector-now-button-hover-text: k-color(primary-hover) !default;
 
 @forward "@progress/kendo-theme-core/scss/components/timeselector/_variables.scss" with (

package/scss/upload/_variables.scss

@@ -104,8 +104,12 @@ $kendo-upload-error-bg: k-color(error) !default;
 /// @group upload
 $kendo-upload-focus-shadow: 0 0 0 2px k-color(border-alt) !default;
 
+/// The margin of the Upload list.
+/// @group upload
 $kendo-upload-files-list-margin: calc( -1 * #{k-spacing(1)} ) !default;
 
+/// The margin of the Upload.
+/// @group upload
 $kendo-upload-file-info-margin: k-spacing(2) !default;
 
 @forward "@progress/kendo-theme-core/scss/components/upload/_variables.scss" with (