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

package/scss/components/dataviz/_variables.scss

@@ -1,143 +1,368 @@
 // Chart
 
+/// The first base series color and its light and dark shades.
+/// @group charts
 $kendo-series-a: null !default;
+/// The series-a dark color of the Charts.
+/// @group charts
 $kendo-series-a-dark: null !default;
+/// The series-a darker color of the Charts.
+/// @group charts
 $kendo-series-a-darker: null !default;
+/// The series-a light color of the Charts.
+/// @group charts
 $kendo-series-a-light: null !default;
+/// The series-a lighter color of the Charts.
+/// @group charts
 $kendo-series-a-lighter: null !default;
 
+/// The second base series color and its light and dark shades.
+/// @group charts
 $kendo-series-b: null !default;
+/// The series-b dark color of the Charts.
+/// @group charts
 $kendo-series-b-dark: null !default;
+/// The series-b darker color of the Charts.
+/// @group charts
 $kendo-series-b-darker: null !default;
+/// The series-b light color of the Charts.
+/// @group charts
 $kendo-series-b-light: null !default;
+/// The series-b lighter color of the Charts.
+/// @group charts
 $kendo-series-b-lighter: null !default;
 
+/// The third base series color and its light and dark shades.
+/// @group charts
 $kendo-series-c: null !default;
+/// The series-c dark color of the Charts.
+/// @group charts
 $kendo-series-c-dark: null !default;
+/// The series-c darker color of the Charts.
+/// @group charts
 $kendo-series-c-darker: null !default;
+/// The series-c light color of the Charts.
+/// @group charts
 $kendo-series-c-light: null !default;
+/// The series-c lighter color of the Charts.
+/// @group charts
 $kendo-series-c-lighter: null !default;
 
+/// The fourth base series color and its light and dark shades.
+/// @group charts
 $kendo-series-d: null !default;
+/// The series-d dark color of the Charts.
+/// @group charts
 $kendo-series-d-dark: null !default;
+/// The series-d darker color of the Charts.
+/// @group charts
 $kendo-series-d-darker: null !default;
+/// The series-d light color of the Charts.
+/// @group charts
 $kendo-series-d-light: null !default;
+/// The series-d lighter color of the Charts.
+/// @group charts
 $kendo-series-d-lighter: null !default;
 
+/// The fifth base series color and its light and dark shades.
+/// @group charts
 $kendo-series-e: null !default;
+/// The series-e dark color of the Charts.
+/// @group charts
 $kendo-series-e-dark: null !default;
+/// The series-e darker color of the Charts.
+/// @group charts
 $kendo-series-e-darker: null !default;
+/// The series-e light color of the Charts.
+/// @group charts
 $kendo-series-e-light: null !default;
+/// The series-e lighter color of the Charts.
+/// @group charts
 $kendo-series-e-lighter: null !default;
 
+/// The sixth base series color and its light and dark shades.
+/// @group charts
 $kendo-series-f: null !default;
+/// The series-f dark color of the Charts.
+/// @group charts
 $kendo-series-f-dark: null !default;
+/// The series-f darker color of the Charts.
+/// @group charts
 $kendo-series-f-darker: null !default;
+/// The series-f light color of the Charts.
+/// @group charts
 $kendo-series-f-light: null !default;
+/// The series-f lighter color of the Charts.
+/// @group charts
 $kendo-series-f-lighter: null !default;
 
+/// The series colors in order:
+/// base, light, dark, lighter, darker.
+/// @group charts
 $kendo-series-1: null !default;
+/// The series-2 color of the Charts.
+/// @group charts
 $kendo-series-2: null !default;
+/// The series-3 color of the Charts.
+/// @group charts
 $kendo-series-3: null !default;
+/// The series-4 color of the Charts.
+/// @group charts
 $kendo-series-4: null !default;
+/// The series-5 color of the Charts.
+/// @group charts
 $kendo-series-5: null !default;
+/// The series-6 color of the Charts.
+/// @group charts
 $kendo-series-6: null !default;
+/// The series-7 color of the Charts.
+/// @group charts
 $kendo-series-7: null !default;
+/// The series-8 color of the Charts.
+/// @group charts
 $kendo-series-8: null !default;
+/// The series-9 color of the Charts.
+/// @group charts
 $kendo-series-9: null !default;
+/// The series-10 color of the Charts.
+/// @group charts
 $kendo-series-10: null !default;
+/// The series-11 color of the Charts.
+/// @group charts
 $kendo-series-11: null !default;
+/// The series-12 color of the Charts.
+/// @group charts
 $kendo-series-12: null !default;
+/// The series-13 color of the Charts.
+/// @group charts
 $kendo-series-13: null !default;
+/// The series-14 color of the Charts.
+/// @group charts
 $kendo-series-14: null !default;
+/// The series-15 color of the Charts.
+/// @group charts
 $kendo-series-15: null !default;
+/// The series-16 color of the Charts.
+/// @group charts
 $kendo-series-16: null !default;
+/// The series-17 color of the Charts.
+/// @group charts
 $kendo-series-17: null !default;
+/// The series-18 color of the Charts.
+/// @group charts
 $kendo-series-18: null !default;
+/// The series-19 color of the Charts.
+/// @group charts
 $kendo-series-19: null !default;
+/// The series-20 color of the Charts.
+/// @group charts
 $kendo-series-20: null !default;
+/// The series-21 color of the Charts.
+/// @group charts
 $kendo-series-21: null !default;
+/// The series-22 color of the Charts.
+/// @group charts
 $kendo-series-22: null !default;
+/// The series-23 color of the Charts.
+/// @group charts
 $kendo-series-23: null !default;
+/// The series-24 color of the Charts.
+/// @group charts
 $kendo-series-24: null !default;
+/// The series-25 color of the Charts.
+/// @group charts
 $kendo-series-25: null !default;
+/// The series-26 color of the Charts.
+/// @group charts
 $kendo-series-26: null !default;
+/// The series-27 color of the Charts.
+/// @group charts
 $kendo-series-27: null !default;
+/// The series-28 color of the Charts.
+/// @group charts
 $kendo-series-28: null !default;
+/// The series-29 color of the Charts.
+/// @group charts
 $kendo-series-29: null !default;
+/// The series-30 color of the Charts.
+/// @group charts
 $kendo-series-30: null !default;
 
+/// The border width of the Chart.
+/// @group charts
 $kendo-chart-border-width: null !default;
+/// The border radius of the Chart.
+/// @group charts
 $kendo-chart-border-radius: null !default;
+/// The font family of the Chart.
+/// @group charts
 $kendo-chart-font-family: null !default;
+/// The font size of the Chart.
+/// @group charts
 $kendo-chart-font-size: null !default;
+/// The line height of the Chart.
+/// @group charts
 $kendo-chart-line-height: null !default;
+/// The font size of the Chart.
+/// @group charts
 $kendo-chart-tooltip-font-size: null !default;
+/// The label font size of the Chart.
+/// @group charts
 $kendo-chart-label-font-size: null !default;
+/// The title font size of the Chart.
+/// @group charts
 $kendo-chart-title-font-size: null !default;
+/// The title font size of the Chart.
+/// @group charts
 $kendo-chart-pane-title-font-size: null !default;
+/// The title font weight of the Chart.
+/// @group charts
 $kendo-chart-pane-title-font-weight: null !default;
 
+/// The color of the Chart grid lines (major).
+/// @group charts
 $kendo-chart-major-lines: null !default;
 
+/// The color of the Chart grid lines (minor).
+/// @group charts
 $kendo-chart-minor-lines: null !default;
 
+/// The inactive color of the Chart.
+/// @group charts
 $kendo-chart-inactive: null !default;
+/// The opacity of the Chart.
+/// @group charts
 $kendo-chart-area-opacity: null !default;
+/// The opacity of the Chart.
+/// @group charts
 $kendo-chart-area-inactive-opacity: null !default;
+/// The opacity of the Chart.
+/// @group charts
 $kendo-chart-line-inactive-opacity: null !default;
 
+/// The horizontal padding of the Chart.
+/// @group charts
 $kendo-chart-tooltip-padding-x: null !default;
+/// The vertical padding of the Chart.
+/// @group charts
 $kendo-chart-tooltip-padding-y: null !default;
 
+/// The transition of the Chart.
+/// @group charts
 $kendo-chart-tooltip-transition: null !default;
 
+/// The background color of the Chart.
+/// @group charts
 $kendo-chart-bg: null !default;
+/// The text color of the Chart.
+/// @group charts
 $kendo-chart-text: null !default;
+/// The border color of the Chart.
+/// @group charts
 $kendo-chart-border: null !default;
 
+/// The background color of the Chart.
+/// @group charts
 $kendo-chart-crosshair-background: null !default;
+/// The text color of the Chart.
+/// @group charts
 $kendo-chart-crosshair-shared-tooltip-color: null !default;
+/// The background color of the Chart.
+/// @group charts
 $kendo-chart-crosshair-shared-tooltip-background: null !default;
+/// The border color of the Chart.
+/// @group charts
 $kendo-chart-crosshair-shared-tooltip-border: null !default;
 
+/// The background color of the Chart.
+/// @group charts
 $kendo-chart-notes-background: null !default;
+/// The border color of the Chart.
+/// @group charts
 $kendo-chart-notes-border: null !default;
+/// The notes lines of the Chart.
+/// @group charts
 $kendo-chart-notes-lines: null !default;
 
+/// The background color of the Chart error bars.
+/// @group charts
 $kendo-chart-error-bars-background: null !default;
 
+/// The size of the Chart handle.
+/// @group charts
 $kendo-chart-selection-handle-size: null !default;
+/// The text color of the Chart.
+/// @group charts
 $kendo-chart-selection-border-color: null !default;
+/// The shadow of the Chart.
+/// @group charts
 $kendo-chart-selection-shadow: null !default;
 
+/// The height of the Dataviz title.
+/// @group charts
 $kendo-chart-computed-title-height: null !default;
 
 // TreeMap
+/// The font family of the TreeMap.
+/// @group charts
 $kendo-treemap-font-family: null !default;
+/// The font size of the TreeMap.
+/// @group charts
 $kendo-treemap-font-size: null !default;
+/// The line height of the TreeMap.
+/// @group charts
 $kendo-treemap-line-height: null !default;
 
+/// The horizontal padding of the TreeMap.
+/// @group charts
 $kendo-treemap-padding-x: null !default;
+/// The vertical padding of the TreeMap.
+/// @group charts
 $kendo-treemap-padding-y: null !default;
+/// The border radius of the TreeMap.
+/// @group charts
 $kendo-treemap-border-radius: null !default;
 
+/// The text color of the TreeMap.
+/// @group charts
 $kendo-treemap-text: null !default;
+/// The background color of the TreeMap.
+/// @group charts
 $kendo-treemap-bg: null !default;
+/// The border color of the TreeMap.
+/// @group charts
 $kendo-treemap-border: null !default;
 
+/// The text color of the Dataviz title.
+/// @group charts
 $kendo-treemap-title-text: null !default;
+/// The background color of the Dataviz title.
+/// @group charts
 $kendo-treemap-title-bg: null !default;
+/// The border color of the Dataviz title.
+/// @group charts
 $kendo-treemap-title-border: null !default;
 
 // Chart Overlay
+/// The background color of the Dataviz overlay.
+/// @group charts
 $kendo-chart-overlay-bg: null !default;
 
 // No Data
+/// The font size of the Chart.
+/// @group charts
 $kendo-chart-no-data-font-size: null !default;
+/// The font weight of the Chart.
+/// @group charts
 $kendo-chart-no-data-font-weight: null !default;
+/// The vertical padding of the Chart.
+/// @group charts
 $kendo-chart-no-data-padding-y: null !default;
 
 // Gauge
+/// The background color of the Gauge.
+/// @group charts
 $kendo-gauge-pointer-bg: null !default;
+/// The background color of the Gauge track.
+/// @group charts
 $kendo-gauge-track-bg: null !default;

package/scss/components/daterangepicker/_variables.scss

@@ -1,2 +1,4 @@
 // Daterangepicker
+/// The width of the DateRangePicker input.
+/// @group date-range-picker
 $kendo-daterange-picker-input-width: null !default;

package/scss/components/datetimepicker/_variables.scss

@@ -1,9 +1,20 @@
 // DateTime
+/// The default size of the DateTimePicker.
+/// @group date-time-picker
+/// @role default
 $kendo-datetime-default-size: null !default;
 
+/// The width of the DateTimePicker.
+/// @group date-time-picker
 $kendo-datetime-width: null !default;
+/// The width of the small DateTimePicker.
+/// @group date-time-picker
 $kendo-datetime-sm-width: null !default;
+/// The width of the medium DateTimePicker.
+/// @group date-time-picker
 $kendo-datetime-md-width: null !default;
+/// The width of the large DateTimePicker.
+/// @group date-time-picker
 $kendo-datetime-lg-width: null !default;
 
 /// The sizes map of the DateTimePicker.

package/scss/components/dialog/_variables.scss

@@ -1,12 +1,28 @@
 // Dialog
 
+/// The background color of the Dialog titlebar.
+/// @group dialog
 $kendo-dialog-titlebar-bg: null !default;
+/// The text color of the Dialog titlebar.
+/// @group dialog
 $kendo-dialog-titlebar-text: null !default;
+/// The border color of the Dialog titlebar.
+/// @group dialog
 $kendo-dialog-titlebar-border: null !default;
 
+/// The horizontal padding of the Dialog action buttons.
+/// @group dialog
 $kendo-dialog-buttongroup-padding-x: null !default;
+/// The vertical padding of the Dialog action buttons.
+/// @group dialog
 $kendo-dialog-buttongroup-padding-y: null !default;
+/// The width of the top border of the Dialog action buttons.
+/// @group dialog
 $kendo-dialog-buttongroup-border-width: null !default;
+/// The spacing between the Dialog action buttons.
+/// @group dialog
 $kendo-dialog-button-spacing: null !default;
 
+/// The background color of the Dialog.
+/// @group dialog
 $kendo-dialog-bg: null !default;

package/scss/components/dock-manager/_variables.scss

@@ -1,44 +1,116 @@
+///  The width of the border around the DockManager component.
+/// @group dock-manager
 $kendo-dock-manager-border-width: null !default;
+/// The style of the border around the DockManager component.
+/// @group dock-manager
 $kendo-dock-manager-border-style: null !default;
+/// The color of the border around the DockManager component.
+/// @group dock-manager
 $kendo-dock-manager-border: null !default;
+/// The border radius of the DockManager.
+/// @group dock-manager
 $kendo-dock-manager-border-radius: null !default;
 
+/// The vertical padding of the pane header in the DockManager component.
+/// @group dock-manager
 $kendo-dock-manager-pane-header-padding-y: null !default;
+/// The horizontal padding of the pane header in the DockManager component.
+/// @group dock-manager
 $kendo-dock-manager-pane-header-padding-x: null !default;
+/// The width of the border around the pane header in the DockManager component.
+/// @group dock-manager
 $kendo-dock-manager-pane-header-border-width: null !default;
+///  The style of the border around the pane header in the DockManager component.
+/// @group dock-manager
 $kendo-dock-manager-pane-header-border-style: null !default;
+/// The background color of the pane header in the DockManager component.
+/// @group dock-manager
 $kendo-dock-manager-pane-header-bg: null !default;
 
+/// The vertical padding of the pane title in the DockManager component.
+/// @group dock-manager
 $kendo-dock-manager-pane-title-padding-y: null !default;
+/// The horizontal padding of the pane title in the DockManager component.
+/// @group dock-manager
 $kendo-dock-manager-pane-title-padding-x: null !default;
+/// The font family of the pane title in the DockManager component.
+/// @group dock-manager
 $kendo-dock-manager-pane-title-font-family: null !default;
+/// The font size of the pane title in the DockManager component.
+/// @group dock-manager
 $kendo-dock-manager-pane-title-font-size: null !default;
+/// The line height of the pane title in the DockManager component.
+/// @group dock-manager
 $kendo-dock-manager-pane-title-line-height: null !default;
+/// The font weight of the pane title in the DockManager component.
+/// @group dock-manager
 $kendo-dock-manager-pane-title-font-weight: null !default;
 
+/// The horizontal padding of the pane content in the DockManager component.
+/// @group dock-manager
 $kendo-dock-manager-pane-content-padding-x: null !default;
+/// The vertical padding of the pane content in the DockManager component.
+/// @group dock-manager
 $kendo-dock-manager-pane-content-padding-y: null !default;
 
+/// The vertical padding of the tabbed pane in the DockManager component.
+/// @group dock-manager
 $kendo-dock-manager-tabbed-pane-padding-y: null !default;
+/// The horizontal padding of the tabbed pane in the DockManager component.
+/// @group dock-manager
 $kendo-dock-manager-tabbed-pane-padding-x: null !default;
 
+/// The width of the unpinned pane container in the DockManager component.
+/// @group dock-manager
 $kendo-dock-manager-unpinned-container-width: null !default;
+/// The background-color of the unpinned pane container in the DockManager component.
+/// @group dock-manager
 $kendo-dock-manager-unpinned-container-bg: null !default;
+/// The box shadow of the unpinned pane container in the DockManager component.
+/// @group dock-manager
 $kendo-dock-manager-unpinned-container-shadow: null !default;
 
+/// The padding of the dock indicator in the DockManager component.
+/// @group dock-manager
 $kendo-dock-indicator-padding: null !default;
+/// The background color of the dock indicator in the DockManager component.
+/// @group dock-manager
 $kendo-dock-indicator-bg: null !default;
+/// The text color of the dock indicator in the DockManager component.
+/// @group dock-manager
 $kendo-dock-indicator-text: null !default;
+/// The outline width of the dock indicator in the DockManager component.
+/// @group dock-manager
 $kendo-dock-indicator-outline-width: null !default;
+/// The outline style of the dock indicator in the DockManager component.
+/// @group dock-manager
 $kendo-dock-indicator-outline-style: null !default;
+/// The outline color of the dock indicator in the DockManager component.
+/// @group dock-manager
 $kendo-dock-indicator-outline: null !default;
+/// The box shadow of the dock indicator in the DockManager component.
+/// @group dock-manager
 $kendo-dock-indicator-shadow: null !default;
 
+///  The background color of the hovered dock indicator in the DockManager component.
+/// @group dock-manager
 $kendo-dock-indicator-hover-bg: null !default;
+/// The text color of the hovered dock indicator in the DockManager component.
+/// @group dock-manager
 $kendo-dock-indicator-hover-text: null !default;
 
+/// The width of the border around the dropping area in the DockManager component.
+/// @group dock-manager
 $kendo-dock-manager-dock-preview-border-width: null !default;
+/// The style of the border around the dropping area in the DockManager component.
+/// @group dock-manager
 $kendo-dock-manager-dock-preview-border-style: null !default;
+/// The border radius of the dropping area in the DockManager component.
+/// @group dock-manager
 $kendo-dock-manager-dock-preview-border-radius: null !default;
+/// The background color of the dropping area in the DockManager component.
+/// @group dock-manager
 $kendo-dock-manager-dock-preview-bg: null !default;
+/// The border color of the dropping area in the DockManager component.
+/// @group dock-manager
 $kendo-dock-manager-dock-preview-border: null !default;

package/scss/components/draggable/_variables.scss

@@ -1,27 +1,67 @@
 // Drag hint
+/// The horizontal padding of the drag hint.
+/// @group draggable
 $kendo-drag-hint-padding-x: null !default;
+/// The vertical padding of the drag hint.
+/// @group draggable
 $kendo-drag-hint-padding-y: null !default;
+/// The width of the border around the drag hint.
+/// @group draggable
 $kendo-drag-hint-border-width: null !default;
+/// The border radius of the drag hint.
+/// @group draggable
 $kendo-drag-hint-border-radius: null !default;
+/// The font size of the drag hint.
+/// @group draggable
 $kendo-drag-hint-font-size: null !default;
+/// The font family of the drag hint.
+/// @group draggable
 $kendo-drag-hint-font-family: null !default;
+/// The line height of the drag hint.
+/// @group draggable
 $kendo-drag-hint-line-height: null !default;
 
+/// The background color of the drag hint.
+/// @group draggable
 $kendo-drag-hint-bg: null !default;
+/// The text color of the drag hint.
+/// @group draggable
 $kendo-drag-hint-text: null !default;
+/// The border color of the drag hint.
+/// @group draggable
 $kendo-drag-hint-border: null !default;
+/// The background gradient of the drag hint.
+/// @group draggable
 $kendo-drag-hint-gradient: null !default;
+/// The shadow of the drag hint.
+/// @group draggable
 $kendo-drag-hint-shadow: null !default;
 
+/// The opacity of the drag hint.
+/// @group draggable
 $kendo-drag-hint-opacity: null !default;
 
 
 // Drop hint
+/// The size of the drop hint arrow.
+/// @group draggable
 $kendo-drop-hint-arrow-size: null !default;
+/// The spacing of the drop hint arrow.
+/// @group draggable
 $kendo-drop-hint-arrow-spacing: null !default;
+/// The width of the horizontal drop hint line.
+/// @group draggable
 $kendo-drop-hint-line-h-width: null !default;
+/// The height of the horizontal drop hint line.
+/// @group draggable
 $kendo-drop-hint-line-h-height: null !default;
+/// The width of the vertical drop hint line.
+/// @group draggable
 $kendo-drop-hint-line-v-width: null !default;
+/// The height of the vertical drop hint line.
+/// @group draggable
 $kendo-drop-hint-line-v-height: null !default;
 
+/// The background color of the drop hint.
+/// @group draggable
 $kendo-drop-hint-bg: null !default;