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

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

@@ -1,11 +1,23 @@
 // Prompt box
 
+/// The border radius of the PromptBox.
+/// @group prompt-box
 $kendo-prompt-box-border-radius: null !default;
 
+/// The box shadow of the PromptBox.
+/// @group prompt-box
 $kendo-prompt-box-box-shadow: null !default;
 
+/// The padding of the PromptBox header.
+/// @group prompt-box
 $kendo-prompt-box-header-padding: null !default;
+/// The inner padding of the PromptBox input.
+/// @group prompt-box
 $kendo-prompt-box-input-inner-padding: null !default;
+/// The padding of the PromptBox affix.
+/// @group prompt-box
 $kendo-prompt-box-affix-padding: null !default;
 
+/// The spacing between the PromptBox affixes.
+/// @group prompt-box
 $kendo-prompt-box-affix-spacing: null !default;

package/scss/components/radio/_variables.scss

@@ -1,18 +1,40 @@
 // Radio button
 
+/// The border radius of the RadioButton.
+/// @group radio
 $kendo-radio-radius: null !default;
+/// The border width of the RadioButton.
+/// @group radio
 $kendo-radio-border-width: null !default;
 
+/// The size of a small RadioButton.
+/// @group radio
 $kendo-radio-sm-size: null !default;
+/// The size of a medium RadioButton.
+/// @group radio
 $kendo-radio-md-size: null !default;
+/// The size of a large RadioButton.
+/// @group radio
 $kendo-radio-lg-size: null !default;
 
+/// The glyph size of a small RadioButton.
+/// @group radio
 $kendo-radio-sm-glyph-size: null !default;
+/// The glyph size of a medium RadioButton.
+/// @group radio
 $kendo-radio-md-glyph-size: null !default;
+/// The glyph size of a large RadioButton.
+/// @group radio
 $kendo-radio-lg-glyph-size: null !default;
 
+/// The ripple size of a small RadioButton.
+/// @group radio
 $kendo-radio-sm-ripple-size: null !default;
+/// The ripple size of a medium RadioButton.
+/// @group radio
 $kendo-radio-md-ripple-size: null !default;
+/// The ripple size of a large RadioButton.
+/// @group radio
 $kendo-radio-lg-ripple-size: null !default;
 
 /// The sizes map of the RadioButton.
@@ -35,62 +57,129 @@ $kendo-radio-sizes: (
     )
 ) !default;
 
+/// The background color of the RadioButton.
+/// @group radio
 $kendo-radio-bg: null !default;
+/// The color of the RadioButton.
+/// @group radio
 $kendo-radio-text: null !default;
+/// The border color of the RadioButton.
+/// @group radio
 $kendo-radio-border: null !default;
 
+/// The background color of the hovered RadioButton.
+/// @group radio
 $kendo-radio-hover-bg: null !default;
+/// The color of the hovered RadioButton.
+/// @group radio
 $kendo-radio-hover-text: null !default;
+/// The border color of the hovered RadioButton.
+/// @group radio
 $kendo-radio-hover-border: null !default;
 
+/// The background color of the checked RadioButton.
+/// @group radio
 $kendo-radio-checked-bg: null !default;
+/// The color of the checked RadioButton.
+/// @group radio
 $kendo-radio-checked-text: null !default;
+/// The border color of the checked RadioButton.
+/// @group radio
 $kendo-radio-checked-border: null !default;
 
+/// The border color of the focused RadioButton.
+/// @group radio
 $kendo-radio-focus-border: null !default;
+/// The box shadow of the focused RadioButton.
+/// @group radio
 $kendo-radio-focus-shadow: null !default;
 
+/// The border color of the focused and checked RadioButton.
+/// @group radio
 $kendo-radio-focus-checked-border: null !default;
+/// The box shadow of the focused and checked RadioButton.
+/// @group radio
 $kendo-radio-focus-checked-shadow: null !default;
 
+/// The background color of the disabled RadioButton.
+/// @group radio
 $kendo-radio-disabled-bg: null !default;
+/// The color of the disabled RadioButton.
+/// @group radio
 $kendo-radio-disabled-text: null !default;
+/// The border color of the disabled RadioButton.
+/// @group radio
 $kendo-radio-disabled-border: null !default;
 
+/// The background color of the disabled and checked RadioButton.
+/// @group radio
 $kendo-radio-disabled-checked-bg: null !default;
+/// The color of the disabled and checked RadioButton.
+/// @group radio
 $kendo-radio-disabled-checked-text: null !default;
+/// The border color of disabled and checked RadioButton.
+/// @group radio
 $kendo-radio-disabled-checked-border: null !default;
 
+/// The color of the invalid RadioButton.
+/// @group radio
 $kendo-radio-invalid-text: null !default;
+/// The border color of the invalid RadioButton.
+/// @group radio
 $kendo-radio-invalid-border: null !default;
 
 
 // Radio indicator
 
+/// The type of the RadioButton indicator.
+/// @group radio
 $kendo-radio-indicator-type: null !default;
 
+/// The font family of the RadioButton indicator glyph.
+/// @group radio
 $kendo-radio-glyph-font-family: null !default;
+/// The glyph of the RadioButton indicator.
+/// @group radio
 $kendo-radio-checked-glyph: null !default;
 
+/// The image of the checked RadioButton indicator.
+/// @group radio
 $kendo-radio-checked-image: null !default;
+/// The image of the disabled and checked RadioButton indicator.
+/// @group radio
 $kendo-radio-disabled-checked-image: null !default;
 
 
 // Radio label
 
+/// The horizontal margin of the RadioButton inside of a label.
+/// @group radio
 $kendo-radio-label-margin-x: null !default;
 
 
 // Radio list
 
+/// The horizontal list item margin of the RadioButton.
+/// @group radio
 $kendo-radio-list-spacing: null !default;
+/// The horizontal list item padding of the RadioButton.
+/// @group radio
 $kendo-radio-list-item-padding-x: null !default;
+/// The vertical list item padding of the RadioButton.
+/// @group radio
 $kendo-radio-list-item-padding-y: null !default;
 
 
 // Radio ripple
 
+/// The background color of the RadioButton ripple.
+/// @group radio
 $kendo-radio-ripple-bg: null !default;
+/// The opacity of the RadioButton ripple.
+/// @group radio
 $kendo-radio-ripple-opacity: null !default;
 
+/// The default size of the RadioButton.
+/// @group radio
+/// @role default
 $kendo-radio-default-size: null !default;

package/scss/components/rating/_variables.scss

@@ -1,22 +1,52 @@
 // Rating
 
+/// The font family of the Rating.
+/// @group rating
 $kendo-rating-font-family: null !default;
+/// The font size of the Rating.
+/// @group rating
 $kendo-rating-font-size: null !default;
+/// The line height of the Rating.
+/// @group rating
 $kendo-rating-line-height: null !default;
 
+/// The horizontal margin of the Rating container.
+/// @group rating
 $kendo-rating-container-margin-x: null !default;
 
+/// The horizontal padding of the Rating item.
+/// @group rating
 $kendo-rating-item-padding-x: null !default;
+/// The vertical padding of the Rating item.
+/// @group rating
 $kendo-rating-item-padding-y: null !default;
 
+/// The horizontal margin of the Rating label.
+/// @group rating
 $kendo-rating-label-margin-x: null !default;
+/// The vertical margin of the Rating label.
+/// @group rating
 $kendo-rating-label-margin-y: null !default;
+/// The line height of the Rating label.
+/// @group rating
 $kendo-rating-label-line-height: null !default;
 
+/// The text color of the Rating icon.
+/// @group rating
 $kendo-rating-icon-text: null !default;
+/// The text color of the selected Rating icon.
+/// @group rating
 $kendo-rating-icon-selected-text: null !default;
+/// The text color of the hovered Rating icon.
+/// @group rating
 $kendo-rating-icon-hover-text: null !default;
+/// The text color of the focused Rating icon.
+/// @group rating
 $kendo-rating-icon-focus-text: null !default;
 
+/// The shadow of the focused Rating icon.
+/// @group rating
 $kendo-rating-icon-focus-shadow: null !default;
+/// The shadow of the focused and selected Rating icon.
+/// @group rating
 $kendo-rating-icon-focus-selected-shadow: null !default;

package/scss/components/scheduler/_theme.scss

@@ -96,6 +96,13 @@
         );
     }
 
+    .k-scheduler .k-scheduler-cell.k-readonly {
+        @include fill(
+            $kendo-scheduler-readonly-cell-text,
+            $kendo-scheduler-readonly-cell-bg
+        );
+    }
+
     .k-scheduler-layout td.k-selected,
     .k-scheduler-layout .k-scheduler-cell.k-selected {
         background-color: color-mix(in srgb, k-color(primary) 25%, transparent);

package/scss/components/scheduler/_variables.scss

@@ -1,113 +1,288 @@
 // Scheduler
 
+/// The width of the border around the Scheduler.
+/// @group scheduler
 $kendo-scheduler-border-width: null !default;
+/// The border radius of the Scheduler.
+/// @group scheduler
 $kendo-scheduler-border-radius: null !default;
+/// The font family of the Scheduler.
+/// @group scheduler
 $kendo-scheduler-font-family: null !default;
+/// The font size of the Scheduler.
+/// @group scheduler
 $kendo-scheduler-font-size: null !default;
+/// The line height of the Scheduler.
+/// @group scheduler
 $kendo-scheduler-line-height: null !default;
 
+/// The background color of the Scheduler.
+/// @group scheduler
 $kendo-scheduler-bg: null !default;
+/// The text color of the Scheduler.
+/// @group scheduler
 $kendo-scheduler-text: null !default;
+/// The border color of the Scheduler.
+/// @group scheduler
 $kendo-scheduler-border: null !default;
 
+/// The background color of the Scheduler Toolbar.
+/// @group scheduler
 $kendo-scheduler-toolbar-bg: null !default;
+/// The text color of the Scheduler Toolbar.
+/// @group scheduler
 $kendo-scheduler-toolbar-text: null !default;
+/// The border color of the Scheduler Toolbar.
+/// @group scheduler
 $kendo-scheduler-toolbar-border: null !default;
+/// The gradient of the Scheduler Toolbar.
+/// @group scheduler
 $kendo-scheduler-toolbar-gradient: null !default;
 
+/// The background color of the Scheduler footer.
+/// @group scheduler
 $kendo-scheduler-footer-bg: null !default;
+/// The text color of the Scheduler footer.
+/// @group scheduler
 $kendo-scheduler-footer-text: null !default;
+/// The border color of the Scheduler footer.
+/// @group scheduler
 $kendo-scheduler-footer-border: null !default;
+/// The gradient of the Scheduler footer.
+/// @group scheduler
 $kendo-scheduler-footer-gradient: null !default;
 
+/// The minimum height of the Scheduler event.
+/// @group scheduler
 $kendo-scheduler-event-min-height: null !default;
+/// The border radius of the Scheduler event.
+/// @group scheduler
 $kendo-scheduler-event-border-radius: null !default;
 
+/// The font size of the Scheduler event title.
+/// @group scheduler
 $kendo-scheduler-event-title-font-size: null !default;
+/// The line height of the Scheduler event title.
+/// @group scheduler
 $kendo-scheduler-event-title-line-height: null !default;
+/// The top padding of the Scheduler event title.
+/// @group scheduler
 $kendo-scheduler-event-title-padding-top: null !default;
+/// The bottom padding of the Scheduler event title.
+/// @group scheduler
 $kendo-scheduler-event-title-padding-bottom: null !default;
 
+/// The font size of the Scheduler event time.
+/// @group scheduler
 $kendo-scheduler-event-time-font-size: null !default;
+/// The line height of the Scheduler event time.
+/// @group scheduler
 $kendo-scheduler-event-time-line-height: null !default;
+/// The top padding of the Scheduler event time.
+/// @group scheduler
 $kendo-scheduler-event-time-padding-top: null !default;
+/// The bottom padding of the Scheduler event time.
+/// @group scheduler
 $kendo-scheduler-event-time-padding-bottom: null !default;
 
+/// The background color of the Scheduler event.
+/// @group scheduler
 $kendo-scheduler-event-bg: null !default;
+/// The text color of the Scheduler event.
+/// @group scheduler
 $kendo-scheduler-event-text: null !default;
+/// The border color of the Scheduler event.
+/// @group scheduler
 $kendo-scheduler-event-border: null !default;
+/// The gradient of the Scheduler event.
+/// @group scheduler
 $kendo-scheduler-event-gradient: null !default;
+/// The shadow of the Scheduler event.
+/// @group scheduler
 $kendo-scheduler-event-shadow: null !default;
 
+/// The background color of the hovered Scheduler event.
+/// @group scheduler
 $kendo-scheduler-event-hover-bg: $kendo-scheduler-event-bg !default;
+/// The text color of the hovered Scheduler event.
+/// @group scheduler
 $kendo-scheduler-event-hover-text: $kendo-scheduler-event-text !default;
+/// The border color of the hovered Scheduler event.
+/// @group scheduler
 $kendo-scheduler-event-hover-border: null !default;
+/// The gradient of the hovered Scheduler event.
+/// @group scheduler
 $kendo-scheduler-event-hover-gradient: null !default;
+/// The shadow of the hovered Scheduler event.
+/// @group scheduler
 $kendo-scheduler-event-hover-shadow: null !default;
 
+/// The background color of the selected Scheduler event.
+/// @group scheduler
 $kendo-scheduler-event-selected-bg: null !default;
+/// The text color of the selected Scheduler event.
+/// @group scheduler
 $kendo-scheduler-event-selected-text: null !default;
+/// The border color of the selected Scheduler event.
+/// @group scheduler
 $kendo-scheduler-event-selected-border: null !default;
+/// The gradient of the selected Scheduler event.
+/// @group scheduler
 $kendo-scheduler-event-selected-gradient: null !default;
+/// The shadow of the selected Scheduler event.
+/// @group scheduler
 $kendo-scheduler-event-selected-shadow: null !default;
 
+/// The shadow of the ongoing Scheduler event.
+/// @group scheduler
 $kendo-scheduler-event-ongoing-shadow: null !default;
 
+/// The size of the Scheduler resize handle hit area.
+/// @group scheduler
 $kendo-scheduler-resizer-size: null !default;
+/// The length of the Scheduler resize handle visual indicator.
+/// @group scheduler
 $kendo-scheduler-resize-handle-size: null !default;
+/// The thickness of the Scheduler resize handle visual indicator.
+/// @group scheduler
 $kendo-scheduler-resize-handle-thickness: null !default;
+/// The border radius of the Scheduler resize handle.
+/// @group scheduler
 $kendo-scheduler-resize-handle-border-radius: null !default;
+/// The border width of the Scheduler resize handle.
+/// @group scheduler
 $kendo-scheduler-resize-handle-border-width: null !default;
+/// The background color of the Scheduler resize handle.
+/// @group scheduler
 $kendo-scheduler-resize-handle-bg: null !default;
 
+/// The background color of the read-only Scheduler event.
+/// @group scheduler
 $kendo-scheduler-event-readonly-bg: null !default;
+/// The text color of the read-only Scheduler event.
+/// @group scheduler
 $kendo-scheduler-event-readonly-text: null !default;
+/// The border color of the read-only Scheduler event.
+/// @group scheduler
 $kendo-scheduler-event-readonly-border: null !default;
 
+/// The horizontal padding of the Scheduler cell.
+/// @group scheduler
 $kendo-scheduler-cell-padding-x: null !default;
+/// The vertical padding of the Scheduler cell.
+/// @group scheduler
 $kendo-scheduler-cell-padding-y: null !default;
+/// The height of the Scheduler cell.
+/// @group scheduler
 $kendo-scheduler-cell-height: null !default;
+/// The width of the Scheduler date column.
+/// @group scheduler
 $kendo-scheduler-datecolumn-width: null !default;
+/// The width of the Scheduler time column.
+/// @group scheduler
 $kendo-scheduler-timecolumn-width: null !default;
 
+/// The background color of the non-working hours in the Scheduler.
+/// @group scheduler
 $kendo-scheduler-nonwork-bg: null !default;
+/// The text color of the non-working hours in the Scheduler.
+/// @group scheduler
 $kendo-scheduler-nonwork-text: null !default;
 
+/// The background color of the preceding/subsequent month cells in the Calendar.
+/// @group scheduler
 $kendo-scheduler-othermonth-bg: null !default;
+/// The text color of the preceding/subsequent month cells in the Calendar.
+/// @group scheduler
 $kendo-scheduler-othermonth-text: null !default;
 
+/// The background color of the read-only cells in the Scheduler.
+/// @group scheduler
+$kendo-scheduler-readonly-cell-bg: null !default;
+/// The text color of the read-only cells in the Scheduler.
+/// @group scheduler
+$kendo-scheduler-readonly-cell-text: null !default;
+
+/// The horizontal padding of the year view in the Scheduler.
+/// @group scheduler
 $kendo-scheduler-yearview-padding-x: null !default;
+/// The vertical padding of the year view in the Scheduler.
+/// @group scheduler
 $kendo-scheduler-yearview-padding-y: null !default;
 
+/// The spacing between the calendars of the year view in the Scheduler.
+/// @group scheduler
 $kendo-scheduler-yearview-calendar-gap: null !default;
 
+/// The days with events indicator size of the year view in the Scheduler.
+/// @group scheduler
 $kendo-scheduler-yearview-indicator-size: null !default;
+/// The top position of the days with events indicator of the year view in the Scheduler.
+/// @group scheduler
 $kendo-scheduler-yearview-indicator-calc-offset-top: null !default;
+/// The left position of the days with events indicator of the year view in the Scheduler.
+/// @group scheduler
 $kendo-scheduler-yearview-indicator-calc-offset-left: null !default;
+/// The border radius of the days with events indicator of the year view in the Scheduler.
+/// @group scheduler
 $kendo-scheduler-yearview-indicator-border-radius: null !default;
+/// The background color of the days with events indicator of the year view in the Scheduler.
+/// @group scheduler
 $kendo-scheduler-yearview-indicator-bg: null !default;
+/// The background color of the selected days with events indicator of the year view in the Scheduler.
+/// @group scheduler
 $kendo-scheduler-yearview-indicator-selected-bg: null !default;
 
+/// The font size of the month inside the Scheduler Popover.
+/// @group scheduler
 $kendo-scheduler-popover-month-font-size: null !default;
+/// The font size of the day inside the Scheduler Popover.
+/// @group scheduler
 $kendo-scheduler-popover-day-font-size: null !default;
 
+/// The max height of the events inside the Scheduler Popover.
+/// @group scheduler
 $kendo-scheduler-popover-events-max-height: null !default;
+/// The spacing between the events inside the Scheduler Popover.
+/// @group scheduler
 $kendo-scheduler-popover-events-gap: null !default;
 
+/// The minimum height of the events inside the Scheduler Popover.
+/// @group scheduler
 $kendo-scheduler-popover-event-min-height: null !default;
+/// The horizontal padding of the events inside the Scheduler Popover.
+/// @group scheduler
 $kendo-scheduler-popover-event-padding-x: null !default;
+/// The vertical padding of the events inside the Scheduler Popover.
+/// @group scheduler
 $kendo-scheduler-popover-event-padding-y: null !default;
+/// The border radius of the events inside the Scheduler Popover.
+/// @group scheduler
 $kendo-scheduler-popover-event-border-radius: null !default;
+/// The spacing between the events items inside the Scheduler Popover.
+/// @group scheduler
 $kendo-scheduler-popover-event-gap: null !default;
 
+/// The horizontal padding of the Scheduler event template.
+/// @group scheduler
 $kendo-scheduler-event-template-padding-x: null !default;
+/// The vertical padding of the Scheduler event template.
+/// @group scheduler
 $kendo-scheduler-event-template-padding-y: null !default;
 
+/// The inline inset of the Scheduler marquee labels.
+/// @group scheduler
 $kendo-scheduler-marquee-label-inset-x: null !default;
+/// The block inset of the Scheduler marquee labels.
+/// @group scheduler
 $kendo-scheduler-marquee-label-inset-y: null !default;
 
+/// The spacing between icon and text in Scheduler navigation items.
+/// @group scheduler
 $kendo-scheduler-nav-item-icon-spacing: null !default;
 
+/// The background color of the Scheduler header.
+/// @group scheduler
 $kendo-scheduler-header-bg: null !default;
 
 $kendo-scheduler-recurrence-fields-row-gap: null !default;

package/scss/components/scrollview/_variables.scss

@@ -1,36 +1,92 @@
 // ScrollView
 
+/// The width of the border around the ScrollView.
+/// @group scrollview
 $kendo-scrollview-border-width: null !default;
+/// The border radius of the ScrollView.
+/// @group scrollview
 $kendo-scrollview-border-radius: null !default;
+/// The font family of the ScrollView.
+/// @group scrollview
 $kendo-scrollview-font-family: null !default;
+/// The font size of the ScrollView.
+/// @group scrollview
 $kendo-scrollview-font-size: null !default;
+/// The line height of the ScrollView.
+/// @group scrollview
 $kendo-scrollview-line-height: null !default;
 
+/// The text color of the ScrollView.
+/// @group scrollview
 $kendo-scrollview-text: null !default;
+/// The background color of the ScrollView.
+/// @group scrollview
 $kendo-scrollview-bg: null !default;
+/// The border color of the ScrollView.
+/// @group scrollview
 $kendo-scrollview-border: null !default;
 
+/// The size of the ScrollView page button.
+/// @group scrollview
 $kendo-scrollview-pagebutton-size: null !default;
+/// The background color of the ScrollView page button.
+/// @group scrollview
 $kendo-scrollview-pagebutton-bg: null !default;
+/// The border color of the ScrollView page button.
+/// @group scrollview
 $kendo-scrollview-pagebutton-border: null !default;
+/// The primary background color of the ScrollView page button.
+/// @group scrollview
 $kendo-scrollview-pagebutton-primary-bg: null !default;
+/// The primary border color of the ScrollView page button.
+/// @group scrollview
 $kendo-scrollview-pagebutton-primary-border: null !default;
+/// The box shadow of the ScrollView page button.
+/// @group scrollview
 $kendo-scrollview-pagebutton-shadow: null !default;
+/// The box shadow of the selected ScrollView page button.
+/// @group scrollview
 $kendo-scrollview-pagebutton-primary-shadow: null !default;
 
+/// The offset of the ScrollView pager.
+/// @group scrollview
 $kendo-scrollview-pager-offset: null !default;
+/// The spacing between the ScrollView pager items.
+/// @group scrollview
 $kendo-scrollview-pager-item-spacing: null !default;
+/// The border width of the ScrollView pager items.
+/// @group scrollview
 $kendo-scrollview-pager-item-border-width: null !default;
+/// The height of the ScrollView pager.
+/// @group scrollview
 $kendo-scrollview-pager-height: null !default;
 
+/// The text color of the highlight over the tapped ScrollView navigation arrows.
+/// @group scrollview
 $kendo-scrollview-arrow-tap-highlight-color: null !default;
+/// The color of the ScrollView navigation arrows.
+/// @group scrollview
 $kendo-scrollview-navigation-color: null !default;
+/// The background color of the ScrollView navigation.
+/// @group scrollview
 $kendo-scrollview-navigation-bg: null !default;
+/// The opacity of the ScrollView navigation.
+/// @group scrollview
 $kendo-scrollview-navigation-default-opacity: null !default;
+/// The hover opacity of the ScrollView navigation.
+/// @group scrollview
 $kendo-scrollview-navigation-hover-opacity: null !default;
 
+/// The background color of the ScrollView pager in light mode.
+/// @group scrollview
 $kendo-scrollview-light-bg: null !default;
+/// The background color of the ScrollView pager in dark mode.
+/// @group scrollview
 $kendo-scrollview-dark-bg: null !default;
 
+/// The duration of the ScrollView transition.
+/// @group scrollview
 $kendo-scrollview-transition-duration: null !default;
+/// The timing function of the ScrollView transition.
+/// @group scrollview
 $kendo-scrollview-transition-timing-function: null !default;