@progress/kendo-theme-classic 12.2.0-dev.3 → 12.2.0

package/scss/signature/_variables.scss

@@ -2,32 +2,70 @@
 
 // Signature
 
+/// 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,
@@ -46,7 +84,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;
 
 

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

@@ -23,13 +23,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(1) !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(2) !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,58 +4,138 @@
 
 // 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 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( black, .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,
@@ -77,7 +157,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 (