@progress/kendo-theme-core 14.8.0 → 14.9.0-dev.0

package/scss/components/segmented-control/_variables.scss

@@ -1,48 +1,112 @@
 // Segmented control
 
+/// The default size of the Segmented control.
+/// @group segmented-control
+/// @role default
 $kendo-segmented-control-default-size: null !default;
+/// The default roundness of the Segmented Control.
+/// @group segmented-control
+/// @role default
 $kendo-segmented-control-default-roundness: null !default;
 
 $kendo-segmented-control-roundness: ( "none", "sm", "md", "lg", "full" ) !default;
 
+/// The horizontal padding of the Segmented Control.
+/// @group segmented-control
 $kendo-segmented-control-padding-x: null !default;
+/// The vertical padding of the Segmented Control.
+/// @group segmented-control
 $kendo-segmented-control-padding-y: null !default;
+/// The border radius of the Segmented Control.
+/// @group segmented-control
 $kendo-segmented-control-border-radius: null !default;
 
+/// The background color of the Segmented Control.
+/// @group segmented-control
 $kendo-segmented-control-bg: null !default;
+/// The text color of the Segmented Control.
+/// @group segmented-control
 $kendo-segmented-control-text: null !default;
 
+/// The font size of the small Segmented Control.
+/// @group segmented-control
 $kendo-segmented-control-sm-font-size: null !default;
+/// The font size of the medium Segmented Control.
+/// @group segmented-control
 $kendo-segmented-control-md-font-size: null !default;
+/// The font size of the large Segmented Control.
+/// @group segmented-control
 $kendo-segmented-control-lg-font-size: null !default;
 
+/// The font family of the Segmented Control.
+/// @group segmented-control
 $kendo-segmented-control-font-family: null !default;
 
+/// The line height of the small Segmented Control.
+/// @group segmented-control
 $kendo-segmented-control-sm-line-height: null !default;
+/// The line height of the medium Segmented Control.
+/// @group segmented-control
 $kendo-segmented-control-md-line-height: null !default;
+/// The line height of the large Segmented Control.
+/// @group segmented-control
 $kendo-segmented-control-lg-line-height: null !default;
 
+/// The border radius of the Segmented Control thumb.
+/// @group segmented-control
 $kendo-segmented-control-thumb-border-radius: null !default;
+/// The box shadow of the Segmented Control thumb.
+/// @group segmented-control
 $kendo-segmented-control-thumb-shadow: null !default;
+/// The background of the Segmented Control thumb.
+/// @group segmented-control
 $kendo-segmented-control-thumb-bg: null !default;
+/// The text color of the Segmented Control thumb.
+/// @group segmented-control
 $kendo-segmented-control-thumb-text: null !default;
 
+/// The horizontal padding of the small Segmented Control button.
+/// @group segmented-control
 $kendo-segmented-control-sm-button-padding-x: null !default;
+/// The horizontal padding of the medium Segmented Control button.
+/// @group segmented-control
 $kendo-segmented-control-md-button-padding-x: null !default;
+/// The horizontal padding of the large Segmented Control button.
+/// @group segmented-control
 $kendo-segmented-control-lg-button-padding-x: null !default;
 
+/// The vertical padding of the small Segmented Control button.
+/// @group segmented-control
 $kendo-segmented-control-sm-button-padding-y: null !default;
+/// The vertical padding of the medium Segmented Control button.
+/// @group segmented-control
 $kendo-segmented-control-md-button-padding-y: null !default;
+/// The vertical padding of the large Segmented Control button.
+/// @group segmented-control
 $kendo-segmented-control-lg-button-padding-y: null !default;
 
+/// The width of the border around the Segmented Control button.
+/// @group segmented-control
 $kendo-segmented-control-button-border-width: null !default;
+/// The border radius of the Segmented Control button.
+/// @group segmented-control
 $kendo-segmented-control-button-border-radius: null !default;
 
+/// The gap of the items inside the small Segmented Control buttons.
+/// @group segmented-control
 $kendo-segmented-control-sm-button-gap: null !default;
+/// The gap of the items inside the medium Segmented Control buttons.
+/// @group segmented-control
 $kendo-segmented-control-md-button-gap: null !default;
+/// The gap of the items inside the large Segmented Control buttons.
+/// @group segmented-control
 $kendo-segmented-control-lg-button-gap: null !default;
 
+/// The background color of the hovered button inside Segmented Control.
+/// @group segmented-control
 $kendo-segmented-control-button-hover-bg: null !default;
+/// The indication of the focused button inside Segmented Control.
+/// @group segmented-control
 $kendo-segmented-control-button-focus-indicator: null !default;
 
 /// The map with the sizes of the Segmented Control.

package/scss/components/signature/_variables.scss

@@ -1,27 +1,63 @@
+/// The width of the Signature.
+/// @group signature
 $kendo-signature-width: null !default;
+/// The height of the Signature.
+/// @group signature
 $kendo-signature-height: null !default;
 
+/// The minimum height of the large Signature.
+/// @group signature
 $kendo-signature-lg-min-height: null !default;
 
+/// The width of the maximized Signature.
+/// @group signature
 $kendo-signature-maximized-width: null !default;
+/// The height of the maximized Signature.
+/// @group signature
 $kendo-signature-maximized-height: null !default;
 
+/// The horizontal padding of the small Signature.
+/// @group signature
 $kendo-signature-sm-padding-x: null !default;
+/// The horizontal padding of the medium Signature.
+/// @group signature
 $kendo-signature-md-padding-x: null !default;
+/// The horizontal padding of the large Signature.
+/// @group signature
 $kendo-signature-lg-padding-x: null !default;
 
+/// The vertical padding of the small Signature.
+/// @group signature
 $kendo-signature-sm-padding-y: null !default;
+/// The vertical padding of the medium Signature.
+/// @group signature
 $kendo-signature-md-padding-y: null !default;
+/// The vertical padding of the large Signature.
+/// @group signature
 $kendo-signature-lg-padding-y: null !default;
 
+/// The width of the Signature line.
+/// @group signature
 $kendo-signature-line-width: null !default;
+/// The style of the Signature line.
+/// @group signature
 $kendo-signature-line-style: null !default;
+/// The color of the Signature line.
+/// @group signature
 $kendo-signature-line-color: null !default;
 
+/// The size of the small Signature line.
+/// @group signature
 $kendo-signature-sm-line-size: null !default;
+/// The size of the medium Signature line.
+/// @group signature
 $kendo-signature-md-line-size: null !default;
+/// The size of the large Signature line.
+/// @group signature
 $kendo-signature-lg-line-size: null !default;
 
+/// The bottom offset of the Signature line.
+/// @group signature
 $kendo-signature-line-bottom-offset: null !default;
 
 /// The sizes map of the Signature.
@@ -44,5 +80,9 @@ $kendo-signature-sizes: (
     )
 ) !default;
 
+/// The gap between the Signature actions.
+/// @group signature
 $kendo-signature-actions-gap: null !default;
+/// The line width of the maximized Signature.
+/// @group signature
 $kendo-signature-maximized-line-width: null !default;

package/scss/components/skeleton/_variables.scss

@@ -1,12 +1,24 @@
 // Skeleton
 
+/// The transform scale of the Skeleton text.
+/// @group skeleton
 $kendo-skeleton-text-transform: null !default;
+/// The border radius of the Skeleton text.
+/// @group skeleton
 $kendo-skeleton-text-border-radius: null !default;
 
+/// The border radius of the rectangular Skeleton.
+/// @group skeleton
 $kendo-skeleton-rect-border-radius: null !default;
 
+/// The border radius of the circular Skeleton.
+/// @group skeleton
 $kendo-skeleton-circle-border-radius: null !default;
 
+/// The background color of the Skeleton item.
+/// @group skeleton
 $kendo-skeleton-item-bg: null !default;
 
+/// The background color of the Skeleton wave animation.
+/// @group skeleton
 $kendo-skeleton-wave-bg: null !default;

package/scss/components/slider/_variables.scss

@@ -1,45 +1,113 @@
 // Slider
+/// The default size of the Slider.
+/// @group slider
 $kendo-slider-size: null !default;
+/// The default size of the Slider's track wrap.
+/// @group slider
 $kendo-slider-alt-size: null !default;
 
+/// The font family of the Slider.
+/// @group slider
 $kendo-slider-font-family: null !default;
+/// The font size of the Slider.
+/// @group slider
 $kendo-slider-font-size: null !default;
+/// The line height of the Slider.
+/// @group slider
 $kendo-slider-line-height: null !default;
 
+/// The offset of the Slider Buttons.
+/// @group slider
 $kendo-slider-button-offset: null !default;
+/// The size of the Slider Buttons.
+/// @group slider
 $kendo-slider-button-size: null !default;
 
+/// The thickness of the Slider track.
+/// @group slider
 $kendo-slider-track-thickness: null !default;
+/// The size of the Slider drag handle.
+/// @group slider
 $kendo-slider-draghandle-size: null !default;
+/// The border width of the Slider drag handle.
+/// @group slider
 $kendo-slider-draghandle-border-width: null !default;
+/// The transition scale of the active Slider drag handle.
+/// @group slider
 $kendo-slider-draghandle-active-scale: null !default;
 
+/// The background color of the Slider drag handle.
+/// @group slider
 $kendo-slider-draghandle-bg: null !default;
+/// The text color of the Slider drag handle.
+/// @group slider
 $kendo-slider-draghandle-text: null !default;
+/// The border color of the Slider drag handle.
+/// @group slider
 $kendo-slider-draghandle-border: null !default;
+/// The gradient of the Slider drag handle.
+/// @group slider
 $kendo-slider-draghandle-gradient: null !default;
 
+/// The background color of the hovered Slider drag handle.
+/// @group slider
 $kendo-slider-draghandle-hover-bg: null !default;
+/// The text color of the hovered Slider drag handle.
+/// @group slider
 $kendo-slider-draghandle-hover-text: null !default;
+/// The border color of the hovered Slider drag handle.
+/// @group slider
 $kendo-slider-draghandle-hover-border: null !default;
+/// The gradient of the hovered Slider drag handle.
+/// @group slider
 $kendo-slider-draghandle-hover-gradient: null !default;
+/// The shadow of the hovered Slider drag handle.
+/// @group slider
 $kendo-slider-draghandle-hover-shadow: null !default;
 
+/// The background color of the active Slider drag handle.
+/// @group slider
 $kendo-slider-draghandle-pressed-bg: null !default;
+/// The text color of the active Slider drag handle.
+/// @group slider
 $kendo-slider-draghandle-pressed-text: null !default;
+/// The border color of the active Slider drag handle.
+/// @group slider
 $kendo-slider-draghandle-pressed-border: null !default;
+/// The gradient of the active Slider drag handle.
+/// @group slider
 $kendo-slider-draghandle-pressed-gradient: null !default;
 
+/// The shadow of the focused Slider drag handle.
+/// @group slider
 $kendo-slider-draghandle-focus-shadow: null !default;
 
+/// The transition speed of the Slider.
+/// @group slider
 $kendo-slider-transition-speed: null !default;
+/// The transition function of the Slider.
+/// @group slider
 $kendo-slider-transition-function: null !default;
+/// The transition speed of the Slider drag handle.
+/// @group slider
 $kendo-slider-draghandle-transition-speed: null !default;
+/// The transition function of the Slider drag handle.
+/// @group slider
 $kendo-slider-draghandle-transition-function: null !default;
 
+/// The background color of the Slider track.
+/// @group slider
 $kendo-slider-track-bg: null !default;
+/// The background color of the Slider's track selection.
+/// @group slider
 $kendo-slider-selection-bg: null !default;
+/// @group slider
+/// The opacity of the disabled Slider.
 $kendo-slider-disabled-opacity: null !default;
 
+/// The background image of the horizontal Slider tick.
+/// @group slider
 $kendo-slider-tick-horizontal-image: "data:image/gif;base64,R0lGODlhAQC0AIABALi4uAAAACH5BAEAAAEALAAAAAABALQAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7" !default;
+/// The background image of the vertical Slider tick.
+/// @group slider
 $kendo-slider-tick-vertical-image: "data:image/gif;base64,R0lGODlhtAABAIABALi4uAAAACH5BAEAAAEALAAAAAC0AAEAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7" !default;

package/scss/components/smart-box/_variables.scss

@@ -1,27 +1,57 @@
 // Smart box
+/// The default size of the SmartBox.
+/// @group smart-box
+/// @role default
 $kendo-smart-box-default-size: null !default;
+/// The default roundness of the SmartBox.
+/// @group smart-box
+/// @role default
 $kendo-smart-box-default-roundness: null !default;
 
 $kendo-smart-box-roundness: ( "none", "sm", "md", "lg", "full" ) !default;
 
+/// The spacing between elements in the suffix of the SmartBox.
+/// @group smart-box
 $kendo-smart-box-suffix-spacing: null !default;
 
+/// The horizontal padding of the small SmartBox.
+/// @group smart-box
 $kendo-smart-box-sm-padding-x: null !default;
+/// The horizontal padding of the medium SmartBox.
+/// @group smart-box
 $kendo-smart-box-md-padding-x: null !default;
+/// The horizontal padding of the large SmartBox.
+/// @group smart-box
 $kendo-smart-box-lg-padding-x: null !default;
 
+/// The horizontal margin of the prefix icon in the small SmartBox.
+/// @group smart-box
 $kendo-smart-box-sm-prefix-margin-x: null !default;
+/// The horizontal margin of the prefix icon in the medium SmartBox.
+/// @group smart-box
 $kendo-smart-box-md-prefix-margin-x: null !default;
+/// The horizontal margin of the prefix icon in the large SmartBox.
+/// @group smart-box
 $kendo-smart-box-lg-prefix-margin-x: null !default;
 
+/// The inline padding of the popup of the SmartBox.
+/// @group smart-box
 $kendo-smart-box-popup-padding-inline: null !default;
+/// The block padding of the popup of the SmartBox.
+/// @group smart-box
 $kendo-smart-box-popup-padding-block: null !default;
+/// The border radius of the popup of the SmartBox.
+/// @group smart-box
 $kendo-smart-box-popup-border-radius: null !default;
+/// The spacing of the popup of the SmartBox.
+/// @group smart-box
 $kendo-smart-box-popup-spacing: null !default;
 
+/// The margin of the segmented control in the popup of the SmartBox.
+/// @group smart-box
 $kendo-smart-box-popup-segmented-control-margin: null !default;
 
-/// The sizes map for the Smart box components.
+/// The sizes map for the SmartBox components.
 /// @group smart-box
 $kendo-smart-box-sizes: (
     sm: (

package/scss/components/split-button/_variables.scss

@@ -1,13 +1,31 @@
 // Split-button
 
+/// The focus shadow of the SplitButton.
+/// @group split-button
 $kendo-split-button-focus-shadow: null !default;
 
+/// The horizontal padding of the arrow Button.
+/// @group split-button
 $kendo-split-button-arrow-padding-x: null !default;
+/// The horizontal padding of the small arrow Button.
+/// @group split-button
 $kendo-split-button-sm-arrow-padding-x: null !default;
+/// The horizontal padding of the medium arrow Button.
+/// @group split-button
 $kendo-split-button-md-arrow-padding-x: null !default;
+/// The horizontal padding of the large arrow Button.
+/// @group split-button
 $kendo-split-button-lg-arrow-padding-x: null !default;
 
+/// The vertical padding of the arrow Button.
+/// @group split-button
 $kendo-split-button-arrow-padding-y: null !default;
+/// The vertical padding of the small arrow Button.
+/// @group split-button
 $kendo-split-button-sm-arrow-padding-y: null !default;
+/// The vertical padding of the medium arrow Button.
+/// @group split-button
 $kendo-split-button-md-arrow-padding-y: null !default;
+/// The vertical padding of the large arrow Button.
+/// @group split-button
 $kendo-split-button-lg-arrow-padding-y: null !default;

package/scss/components/splitter/_variables.scss

@@ -1,26 +1,64 @@
 // Splitter
 
+/// The width of the border around the Splitter.
+/// @group splitter
 $kendo-splitter-border-width: null !default;
+/// The font family of the Splitter.
+/// @group splitter
 $kendo-splitter-font-family: null !default;
+/// The font size of the Splitter.
+/// @group splitter
 $kendo-splitter-font-size: null !default;
+/// The line height of the Splitter.
+/// @group splitter
 $kendo-splitter-line-height: null !default;
 
+/// The background color of the Splitter.
+/// @group splitter
 $kendo-splitter-bg: null !default;
+/// The text color of the Splitter.
+/// @group splitter
 $kendo-splitter-text: null !default;
+/// The border color of the Splitter.
+/// @group splitter
 $kendo-splitter-border: null !default;
 
+/// The size of the Splitter split bar.
+/// @group splitter
 $kendo-splitter-splitbar-size: null !default;
+/// The length of the Splitter drag handle.
+/// @group splitter
 $kendo-splitter-drag-handle-length: null !default;
+/// The thickness of the Splitter drag handle.
+/// @group splitter
 $kendo-splitter-drag-handle-thickness: null !default;
+/// The margin of the Splitter drag handle icon.
+/// @group splitter
 $kendo-splitter-drag-icon-margin: null !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: null !default;
 
+/// The background color of the Splitter split bar.
+/// @group splitter
 $kendo-splitbar-bg: null !default;
+/// The text color of the Splitter split bar.
+/// @group splitter
 $kendo-splitbar-text: null !default;
 
+/// The hover background color of the Splitter split bar.
+/// @group splitter
 $kendo-splitbar-hover-bg: null !default;
+/// The hover text color of the Splitter split bar.
+/// @group splitter
 $kendo-splitbar-hover-text: null !default;
 
+/// The selected background color of the Splitter split bar.
+/// @group splitter
 $kendo-splitbar-selected-bg: null !default;
+/// The selected text color of the Splitter split bar.
+/// @group splitter
 $kendo-splitbar-selected-text: null !default;