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

package/scss/list/_variables.scss

@@ -8,27 +8,47 @@ $kendo-list-font-family: var( --kendo-font-family, inherit ) !default;
 /// The font size of the List component, if no size is set.
 /// @group list
 $kendo-list-font-size: null !default;
+/// The font size of the small List.
+/// @group list
 $kendo-list-sm-font-size: var( --kendo-font-size, inherit ) !default;
+/// The font size of the medium List.
+/// @group list
 $kendo-list-md-font-size: var( --kendo-font-size, inherit ) !default;
+/// The font size of the large List.
+/// @group list
 $kendo-list-lg-font-size: var( --kendo-font-size-lg, inherit ) !default;
 
 /// The line height of the List component, if no size is set.
 /// @group list
 $kendo-list-line-height: null !default;
+/// The line height of the small List.
+/// @group list
 $kendo-list-sm-line-height: var( --kendo-line-height, normal ) !default;
+/// The line height of the medium List.
+/// @group list
 $kendo-list-md-line-height: var( --kendo-line-height, normal ) !default;
+/// The line height of the large List.
+/// @group list
 $kendo-list-lg-line-height: var( --kendo-line-height-lg, normal ) !default;
 
-/// The horizontal padding of the List header, if no size is set.
+/// The horizontal padding of the small List header.
 /// @group list
 $kendo-list-sm-header-padding-x: k-spacing(2) !default;
+/// The horizontal padding of the medium List header.
+/// @group list
 $kendo-list-md-header-padding-x: k-spacing(2) !default;
+/// The horizontal padding of the large List header.
+/// @group list
 $kendo-list-lg-header-padding-x: k-spacing(2) !default;
 
-/// The vertical padding of the List header, if no size is set.
+/// The vertical padding of the small List header.
 /// @group list
 $kendo-list-sm-header-padding-y: k-spacing(0.5) !default;
+/// The vertical padding of the medium List header.
+/// @group list
 $kendo-list-md-header-padding-y: k-spacing(1) !default;
+/// The vertical padding of the large List header.
+/// @group list
 $kendo-list-lg-header-padding-y: k-spacing(1.5) !default;
 
 /// The border width of the List header.
@@ -38,69 +58,117 @@ $kendo-list-header-border-width: 0 0 1px !default;
 /// The font size of the List header, if no size is set.
 /// @group list
 $kendo-list-header-font-size: null !default;
+/// The font size of the small List header.
+/// @group list
 $kendo-list-sm-header-font-size: null !default;
+/// The font size of the medium List header.
+/// @group list
 $kendo-list-md-header-font-size: null !default;
+/// The font size of the large List header.
+/// @group list
 $kendo-list-lg-header-font-size: null !default;
 
 /// The line height of the List header, if no size is set.
 /// @group list
 $kendo-list-header-line-height: null !default;
+/// The line height of the small List header.
+/// @group list
 $kendo-list-sm-header-line-height: null !default;
+/// The line height of the medium List header.
+/// @group list
 $kendo-list-md-header-line-height: null !default;
+/// The line height of the large List header.
+/// @group list
 $kendo-list-lg-header-line-height: null !default;
 
 /// The font weight of the List header.
 /// @group list
 $kendo-list-header-font-weight: var( --kendo-font-weight-bold, normal ) !default;
 
-/// The horizontal padding of the List filter, when no size is set.
+/// The horizontal padding of the small List filter.
 /// @group list
 $kendo-list-sm-filter-padding-x: k-spacing(2) !default;
+/// The horizontal padding of the medium List filter.
+/// @group list
 $kendo-list-md-filter-padding-x: k-spacing(2) !default;
+/// The horizontal padding of the large List filter.
+/// @group list
 $kendo-list-lg-filter-padding-x: k-spacing(2) !default;
 
-/// The vertical padding of the List filter, when no size is set.
+/// The vertical padding of the small List filter.
 /// @group list
 $kendo-list-sm-filter-padding-y: k-spacing(2) !default;
+/// The vertical padding of the medium List filter.
+/// @group list
 $kendo-list-md-filter-padding-y: k-spacing(2) !default;
+/// The vertical padding of the large List filter.
+/// @group list
 $kendo-list-lg-filter-padding-y: k-spacing(2) !default;
 
-/// The horizontal padding of the List items, when no size is set.
+/// The horizontal padding of the small List item.
 /// @group list
 $kendo-list-sm-item-padding-x: k-spacing(2) !default;
+/// The horizontal padding of the medium List item.
+/// @group list
 $kendo-list-md-item-padding-x: k-spacing(2) !default;
+/// The horizontal padding of the large List item.
+/// @group list
 $kendo-list-lg-item-padding-x: k-spacing(2) !default;
 
-/// The vertical padding of the List items, when no size is set.
+/// The vertical padding of the small List item.
 /// @group list
 $kendo-list-sm-item-padding-y: k-spacing(0.5) !default;
+/// The vertical padding of the medium List item.
+/// @group list
 $kendo-list-md-item-padding-y: k-spacing(1) !default;
+/// The vertical padding of the large List item.
+/// @group list
 $kendo-list-lg-item-padding-y: k-spacing(2) !default;
 
 /// The font size of the List items, if no size is set.
 /// @group list
 $kendo-list-item-font-size: null !default;
+/// The font size of the small List item.
+/// @group list
 $kendo-list-sm-item-font-size: null !default;
+/// The font size of the medium List item.
+/// @group list
 $kendo-list-md-item-font-size: null !default;
+/// The font size of the large List item.
+/// @group list
 $kendo-list-lg-item-font-size: null !default;
 
 /// The line height of the List items, if no size is set.
 /// @group list
 $kendo-list-item-line-height: null !default;
+/// The line height of the small List item.
+/// @group list
 $kendo-list-sm-item-line-height: null !default;
+/// The line height of the medium List item.
+/// @group list
 $kendo-list-md-item-line-height: null !default;
+/// The line height of the large List item.
+/// @group list
 $kendo-list-lg-item-line-height: null !default;
 
-/// The horizontal padding of the List group items, when no size is set.
+/// The horizontal padding of the small List group item.
 /// @group list
 $kendo-list-sm-group-item-padding-x: k-spacing(2) !default;
+/// The horizontal padding of the medium List group item.
+/// @group list
 $kendo-list-md-group-item-padding-x: k-spacing(2) !default;
+/// The horizontal padding of the large List group item.
+/// @group list
 $kendo-list-lg-group-item-padding-x: k-spacing(2) !default;
 
-/// The vertical padding of the List group items, when no size is set.
+/// The vertical padding of the small List group item.
 /// @group list
 $kendo-list-sm-group-item-padding-y: k-spacing(0.5) !default;
+/// The vertical padding of the medium List group item.
+/// @group list
 $kendo-list-md-group-item-padding-y: k-spacing(1) !default;
+/// The vertical padding of the large List group item.
+/// @group list
 $kendo-list-lg-group-item-padding-y: k-spacing(1.5) !default;
 
 /// The border width of the List group items.
@@ -110,43 +178,71 @@ $kendo-list-group-item-border-width: 1px 0 0 !default;
 /// The font size of the List group items, if no size is set.
 /// @group list
 $kendo-list-group-item-font-size: null !default;
+/// The font size of the small List group item.
+/// @group list
 $kendo-list-sm-group-item-font-size: null !default;
+/// The font size of the medium List group item.
+/// @group list
 $kendo-list-md-group-item-font-size: null !default;
+/// The font size of the large List group item.
+/// @group list
 $kendo-list-lg-group-item-font-size: null !default;
 
 /// The line height of the List group items, if no size is set.
 /// @group list
 $kendo-list-group-item-line-height: null !default;
+/// The line height of the small List group item.
+/// @group list
 $kendo-list-sm-group-item-line-height: null !default;
+/// The line height of the medium List group item.
+/// @group list
 $kendo-list-md-group-item-line-height: null !default;
+/// The line height of the large List group item.
+/// @group list
 $kendo-list-lg-group-item-line-height: null !default;
 
 /// The font weight of a List group item.
 /// @group list
 $kendo-list-group-item-font-weight: var( --kendo-font-weight-bold, normal ) !default;
 
-/// The font size of the List item group label.
+/// The font size of the small List item group label.
 /// @group list
 $kendo-list-item-group-label-sm-font-size: .75em !default;
+/// The font size of the medium List item group label.
+/// @group list
 $kendo-list-item-group-label-md-font-size: .75em !default;
+/// The font size of the large List item group label.
+/// @group list
 $kendo-list-item-group-label-lg-font-size: .75em !default;
 
-/// The line-height of the List item group label.
+/// The line height of the small List item group label.
 /// @group list
 $kendo-list-item-group-label-sm-line-height: inherit !default;
+/// The line height of the medium List item group label.
+/// @group list
 $kendo-list-item-group-label-md-line-height: inherit !default;
+/// The line height of the large List item group label.
+/// @group list
 $kendo-list-item-group-label-lg-line-height: inherit !default;
 
-/// The horizontal padding of the List item group label.
+/// The horizontal padding of the small List item group label.
 /// @group list
 $kendo-list-item-group-label-sm-padding-x: .5em !default;
+/// The horizontal padding of the medium List item group label.
+/// @group list
 $kendo-list-item-group-label-md-padding-x: .5em !default;
+/// The horizontal padding of the large List item group label.
+/// @group list
 $kendo-list-item-group-label-lg-padding-x: .5em !default;
 
-/// The vertical padding of the List item group label.
+/// The vertical padding of the small List item group label.
 /// @group list
 $kendo-list-item-group-label-sm-padding-y: 0 !default;
+/// The vertical padding of the medium List item group label.
+/// @group list
 $kendo-list-item-group-label-md-padding-y: 0 !default;
+/// The vertical padding of the large List item group label.
+/// @group list
 $kendo-list-item-group-label-lg-padding-y: 0 !default;
 
 /// The map with the sizes of the List.
@@ -157,16 +253,16 @@ $kendo-list-sizes: (
         line-height: $kendo-list-sm-line-height,
         header-padding-x: $kendo-list-sm-header-padding-x,
         header-padding-y: $kendo-list-sm-header-padding-y,
-        header-font-size: null,
-        header-line-height: null,
+        header-font-size: $kendo-list-sm-header-font-size,
+        header-line-height: $kendo-list-sm-header-line-height,
         item-padding-x: $kendo-list-sm-item-padding-x,
         item-padding-y: $kendo-list-sm-item-padding-y,
-        item-font-size: null,
-        item-line-height: null,
+        item-font-size: $kendo-list-sm-item-font-size,
+        item-line-height: $kendo-list-sm-item-line-height,
         group-item-padding-x: $kendo-list-sm-group-item-padding-x,
         group-item-padding-y: $kendo-list-sm-group-item-padding-y,
-        group-item-font-size: null,
-        group-item-line-height: null,
+        group-item-font-size: $kendo-list-sm-group-item-font-size,
+        group-item-line-height: $kendo-list-sm-group-item-line-height,
         item-group-label-padding-x: $kendo-list-item-group-label-sm-padding-x,
         item-group-label-padding-y: $kendo-list-item-group-label-sm-padding-y,
         item-group-label-font-size: $kendo-list-item-group-label-sm-font-size,
@@ -179,16 +275,16 @@ $kendo-list-sizes: (
         line-height: $kendo-list-md-line-height,
         header-padding-x: $kendo-list-md-header-padding-x,
         header-padding-y: $kendo-list-md-header-padding-y,
-        header-font-size: null,
-        header-line-height: null,
+        header-font-size: $kendo-list-md-header-font-size,
+        header-line-height: $kendo-list-md-header-line-height,
         item-padding-x: $kendo-list-md-item-padding-x,
         item-padding-y: $kendo-list-md-item-padding-y,
-        item-font-size: null,
-        item-line-height: null,
+        item-font-size: $kendo-list-md-item-font-size,
+        item-line-height: $kendo-list-md-item-line-height,
         group-item-padding-x: $kendo-list-md-group-item-padding-x,
         group-item-padding-y: $kendo-list-md-group-item-padding-y,
-        group-item-font-size: null,
-        group-item-line-height: null,
+        group-item-font-size: $kendo-list-md-group-item-font-size,
+        group-item-line-height: $kendo-list-md-group-item-line-height,
         item-group-label-padding-x: $kendo-list-item-group-label-md-padding-x,
         item-group-label-padding-y: $kendo-list-item-group-label-md-padding-y,
         item-group-label-font-size: $kendo-list-item-group-label-md-font-size,
@@ -201,16 +297,16 @@ $kendo-list-sizes: (
         line-height: $kendo-list-lg-line-height,
         header-padding-x: $kendo-list-lg-header-padding-x,
         header-padding-y: $kendo-list-lg-header-padding-y,
-        header-font-size: null,
-        header-line-height: null,
+        header-font-size: $kendo-list-lg-header-font-size,
+        header-line-height: $kendo-list-lg-header-line-height,
         item-padding-x: $kendo-list-lg-item-padding-x,
         item-padding-y: $kendo-list-lg-item-padding-y,
-        item-font-size: null,
-        item-line-height: null,
+        item-font-size: $kendo-list-lg-item-font-size,
+        item-line-height: $kendo-list-lg-item-line-height,
         group-item-padding-x: $kendo-list-lg-group-item-padding-x,
         group-item-padding-y: $kendo-list-lg-group-item-padding-y,
-        group-item-font-size: null,
-        group-item-line-height: null,
+        group-item-font-size: $kendo-list-lg-group-item-font-size,
+        group-item-line-height: $kendo-list-lg-group-item-line-height,
         item-group-label-padding-x: $kendo-list-item-group-label-lg-padding-x,
         item-group-label-padding-y: $kendo-list-item-group-label-lg-padding-y,
         item-group-label-font-size: $kendo-list-item-group-label-lg-font-size,

package/scss/listgroup/_variables.scss

@@ -1,18 +1,38 @@
 @use "../core/_index.scss" as *;
 
 // Listgroup
+/// The width of the border around the ListGroup.
+/// @group listgroup
 $kendo-listgroup-border-width: 1px !default;
+/// The border radius of the ListGroup.
+/// @group listgroup
 $kendo-listgroup-border-radius: k-border-radius(md) !default;
 
+/// The font size of the ListGroup.
+/// @group listgroup
 $kendo-listgroup-font-size: var( --kendo-font-size, inherit ) !default;
+/// The line height of the ListGroup.
+/// @group listgroup
 $kendo-listgroup-line-height: var( --kendo-line-height, normal ) !default;
 
+/// The background color of the ListGroup.
+/// @group listgroup
 $kendo-listgroup-bg: k-color(surface-alt) !default;
+/// The text color of the ListGroup.
+/// @group listgroup
 $kendo-listgroup-text: k-color(on-app-surface) !default;
+/// The border color of the ListGroup.
+/// @group listgroup
 $kendo-listgroup-border: k-color(border) !default;
 
+/// The horizontal padding of the ListGroup item.
+/// @group listgroup
 $kendo-listgroup-item-padding-x: k-spacing(2) !default;
+/// The vertical padding of the ListGroup item.
+/// @group listgroup
 $kendo-listgroup-item-padding-y: k-spacing(2) !default;
+/// The width of the border around the ListGroup item.
+/// @group listgroup
 $kendo-listgroup-item-border-width: 1px !default;
 
 @forward "@progress/kendo-theme-core/scss/components/listgroup/_variables.scss" with (

package/scss/loader/_variables.scss

@@ -126,6 +126,8 @@ $kendo-loading-opacity: .3 !default;
 /// @group loading
 $kendo-zindex-loading: 100 !default;
 
+/// The theme colors of the Loader.
+/// @group loader
 $kendo-loader-theme-colors: (
     "primary": k-color(primary),
     "secondary": k-color(secondary),

package/scss/marquee/_variables.scss

@@ -1,7 +1,13 @@
 @use "../core/_index.scss" as *;
 
+/// The text color of the Marquee.
+/// @group marquee
 $kendo-marquee-text: k-color(on-primary) !default;
+/// The background color of the Marquee.
+/// @group marquee
 $kendo-marquee-bg: k-color(primary) !default;
+/// The border color of the Marquee.
+/// @group marquee
 $kendo-marquee-border: k-color(border) !default;
 
 @forward "@progress/kendo-theme-core/scss/components/marquee/_variables.scss" with (

package/scss/menu/_variables.scss

@@ -168,12 +168,24 @@ $kendo-menu-popup-padding-y: null !default;
 /// @group menu
 $kendo-menu-popup-border-width: $kendo-popup-border-width !default;
 
+/// The font size of the small Menu popup.
+/// @group menu
 $kendo-menu-popup-sm-font-size: var( --kendo-font-size, inherit ) !default;
+/// The font size of the medium Menu popup.
+/// @group menu
 $kendo-menu-popup-md-font-size: var( --kendo-font-size, inherit ) !default;
+/// The font size of the large Menu popup.
+/// @group menu
 $kendo-menu-popup-lg-font-size: var( --kendo-font-size-lg, inherit ) !default;
 
+/// The line height of the small Menu popup.
+/// @group menu
 $kendo-menu-popup-sm-line-height: var( --kendo-line-height, normal ) !default;
+/// The line height of the medium Menu popup.
+/// @group menu
 $kendo-menu-popup-md-line-height: var( --kendo-line-height, normal ) !default;
+/// The line height of the large Menu popup.
+/// @group menu
 $kendo-menu-popup-lg-line-height: var( --kendo-line-height-lg, normal ) !default;
 
 /// The background color of the Menu popup.
@@ -192,34 +204,54 @@ $kendo-menu-popup-gradient: null !default;
 
 // Menu popup item
 
-/// The horizontal padding of the Menu item in popup.
+/// The horizontal padding of the small Menu popup item.
 /// @group menu
 $kendo-menu-popup-sm-item-padding-x: k-spacing(2) !default;
+/// The horizontal padding of the medium Menu popup item.
+/// @group menu
 $kendo-menu-popup-md-item-padding-x: k-spacing(2) !default;
+/// The horizontal padding of the large Menu popup item.
+/// @group menu
 $kendo-menu-popup-lg-item-padding-x: k-spacing(2) !default;
 
-/// The vertical padding of the Menu item in popup.
+/// The vertical padding of the small Menu popup item.
 /// @group menu
 $kendo-menu-popup-sm-item-padding-y: k-spacing(0.5) !default;
+/// The vertical padding of the medium Menu popup item.
+/// @group menu
 $kendo-menu-popup-md-item-padding-y: k-spacing(1) !default;
+/// The vertical padding of the large Menu popup item.
+/// @group menu
 $kendo-menu-popup-lg-item-padding-y: k-spacing(1.5) !default;
 
-/// The end padding of the Menu item in popup.
+/// The end padding of the small Menu popup item.
 /// @group menu
 $kendo-menu-popup-sm-item-padding-end: calc( #{$kendo-menu-popup-sm-item-padding-x} * 2 + #{$kendo-icon-size} ) !default;
+/// The end padding of the medium Menu popup item.
+/// @group menu
 $kendo-menu-popup-md-item-padding-end: calc( #{$kendo-menu-popup-md-item-padding-x} * 2 + #{$kendo-icon-size} ) !default;
+/// The end padding of the large Menu popup item.
+/// @group menu
 $kendo-menu-popup-lg-item-padding-end: calc( #{$kendo-menu-popup-lg-item-padding-x} * 2 + #{$kendo-icon-size} ) !default;
 
-/// The start margin of the Menu item expand icon.
+/// The start margin of the small Menu popup item expand icon.
 /// @group menu
 $kendo-menu-popup-sm-item-icon-margin-start: $kendo-menu-popup-sm-item-padding-x !default;
+/// The start margin of the medium Menu popup item expand icon.
+/// @group menu
 $kendo-menu-popup-md-item-icon-margin-start: $kendo-menu-popup-md-item-padding-x !default;
+/// The start margin of the large Menu popup item expand icon.
+/// @group menu
 $kendo-menu-popup-lg-item-icon-margin-start: $kendo-menu-popup-lg-item-padding-x !default;
 
-/// The end margin of the Menu item expand icon.
+/// The end margin of the small Menu popup item expand icon.
 /// @group menu
 $kendo-menu-popup-sm-item-icon-margin-end: calc( -1 * (#{$kendo-menu-popup-sm-item-padding-end} - #{list.slash( $kendo-menu-popup-sm-item-padding-x, 2 )}) ) !default;
+/// The end margin of the medium Menu popup item expand icon.
+/// @group menu
 $kendo-menu-popup-md-item-icon-margin-end: calc( -1 * (#{$kendo-menu-popup-md-item-padding-end} - #{list.slash( $kendo-menu-popup-md-item-padding-x, 2 )}) ) !default;
+/// The end margin of the large Menu popup item expand icon.
+/// @group menu
 $kendo-menu-popup-lg-item-icon-margin-end: calc( -1 * (#{$kendo-menu-popup-lg-item-padding-end} - #{list.slash( $kendo-menu-popup-lg-item-padding-x, 2 )}) ) !default;
 
 /// The spacing between the Menu items in popup.

package/scss/messagebox/_variables.scss

@@ -1,21 +1,45 @@
 @use "../core/_index.scss" as *;
 
 // Message box
+/// The margin of the MessageBox.
+/// @group messagebox
 $kendo-message-box-margin: 0 0 k-spacing(4) 0 !default;
+/// The horizontal padding of the MessageBox.
+/// @group messagebox
 $kendo-message-box-padding-x: k-spacing(2) !default;
+/// The vertical padding of the MessageBox.
+/// @group messagebox
 $kendo-message-box-padding-y: k-spacing(1) !default;
+/// The width of the border around the MessageBox.
+/// @group messagebox
 $kendo-message-box-border-width: 0 0 0 4px !default;
 
+/// The font size of the MessageBox.
+/// @group messagebox
 $kendo-message-box-font-size: var( --kendo-font-size, inherit ) !default;
+/// The line height of the MessageBox.
+/// @group messagebox
 $kendo-message-box-line-height: var( --kendo-line-height, normal ) !default;
 
+/// The background color level of the MessageBox.
+/// @group messagebox
 $kendo-message-box-bg-level: -10 !default;
+/// The text color level of the MessageBox.
+/// @group messagebox
 $kendo-message-box-text-level: 6 !default;
+/// The border color level of the MessageBox.
+/// @group messagebox
 $kendo-message-box-border-level: -9 !default;
 
+/// The font style of the MessageBox link.
+/// @group messagebox
 $kendo-message-box-link-font-style: italic !default;
+/// The text decoration of the MessageBox link.
+/// @group messagebox
 $kendo-message-box-link-text-decoration: underline !default;
 
+/// The theme colors map for the MessageBox.
+/// @group messagebox
 $kendo-message-box-theme-colors: (
     "primary": k-color(primary),
      "secondary": k-color(secondary),

package/scss/otp/_variables.scss

@@ -33,6 +33,8 @@ $kendo-otp-md-input-width: $kendo-input-md-calc-size !default;
 /// @group one-time-password
 $kendo-otp-lg-input-width: $kendo-input-lg-calc-size !default;
 
+/// The sizes map of the OTP.
+/// @group otp
 $kendo-otp-sizes: (
     sm: (
         gap: $kendo-otp-sm-gap,

package/scss/overlay/_variables.scss

@@ -1,5 +1,7 @@
 @use "../core/_index.scss" as *;
 
+/// The theme colors map for the Overlay.
+/// @group overlay
 $kendo-overlay-theme-colors: (
     "primary": k-color(primary),
     "secondary": k-color(secondary),
@@ -13,7 +15,11 @@ $kendo-overlay-theme-colors: (
     "inverse": if($kendo-is-dark-theme, k-color(light), k-color(dark)),
 ) !default;
 
+/// The background color of the Overlay.
+/// @group overlay
 $kendo-overlay-bg: k-color(inverse) !default;
+/// The opacity of the Overlay.
+/// @group overlay
 $kendo-overlay-opacity: .5 !default;
 
 @forward "@progress/kendo-theme-core/scss/components/overlay/_variables.scss" with (

package/scss/pivotgrid/_variables.scss

@@ -107,7 +107,7 @@ $kendo-pivotgrid-selected-border: null !default;
 $kendo-pivotgrid-focus-shadow: $kendo-list-item-focus-shadow !default;
 
 
-// Pivotgrid Configurator
+// PivotGrid Configurator
 /// The horizontal padding of the PivotGrid configurator.
 /// @group pivotgrid
 $kendo-pivotgrid-configurator-padding-x: null !default;
@@ -248,23 +248,20 @@ $kendo-pivotgrid-treeview-padding-x: calc( #{$kendo-pivotgrid-spacer} / 2 ) !def
 $kendo-pivotgrid-treeview-padding-y: k-spacing(0) !default;
 
 // Legacy variables
+/// The background color of the PivotGrid.
+/// @group pivotgrid
 $kendo-pivotgrid-alt-bg: $kendo-grid-header-bg !default;
+/// The text color of the PivotGrid.
+/// @group pivotgrid
 $kendo-pivotgrid-alt-text: $kendo-grid-header-text !default;
+/// The border color of the PivotGrid.
+/// @group pivotgrid
 $kendo-pivotgrid-chrome-border: $kendo-grid-border !default;
 
-$kendo-pivotgrid-container-bg: k-color(surface-alt) !default;
+/// The background color of the PivotGrid row.
+/// @group pivotgrid
 $kendo-pivotgrid-row-headers-bg: k-color(base) !default;
 
-$kendo-pivotgrid-button-bg: null !default;
-$kendo-pivotgrid-button-text: null !default;
-$kendo-pivotgrid-button-hover-bg: null !default;
-$kendo-pivotgrid-button-hover-text: null !default;
-$kendo-pivotgrid-button-active-bg: null !default;
-$kendo-pivotgrid-button-active-text: null !default;
-
-$kendo-pivotgrid-remove-bg: null !default;
-$kendo-pivotgrid-remove-text: null !default;
-
 @forward "@progress/kendo-theme-core/scss/components/pivotgrid/_variables.scss" with (
     $kendo-pivotgrid-spacer: $kendo-pivotgrid-spacer,
     $kendo-pivotgrid-padding-x: $kendo-pivotgrid-padding-x,
@@ -340,14 +337,5 @@ $kendo-pivotgrid-remove-text: null !default;
     $kendo-pivotgrid-alt-bg: $kendo-pivotgrid-alt-bg,
     $kendo-pivotgrid-alt-text: $kendo-pivotgrid-alt-text,
     $kendo-pivotgrid-chrome-border: $kendo-pivotgrid-chrome-border,
-    $kendo-pivotgrid-container-bg: $kendo-pivotgrid-container-bg,
     $kendo-pivotgrid-row-headers-bg: $kendo-pivotgrid-row-headers-bg,
-    $kendo-pivotgrid-button-bg: $kendo-pivotgrid-button-bg,
-    $kendo-pivotgrid-button-text: $kendo-pivotgrid-button-text,
-    $kendo-pivotgrid-button-hover-bg: $kendo-pivotgrid-button-hover-bg,
-    $kendo-pivotgrid-button-hover-text: $kendo-pivotgrid-button-hover-text,
-    $kendo-pivotgrid-button-active-bg: $kendo-pivotgrid-button-active-bg,
-    $kendo-pivotgrid-button-active-text: $kendo-pivotgrid-button-active-text,
-    $kendo-pivotgrid-remove-bg: $kendo-pivotgrid-remove-bg,
-    $kendo-pivotgrid-remove-text: $kendo-pivotgrid-remove-text
 );

package/scss/scheduler/_variables.scss

@@ -259,6 +259,8 @@ $kendo-scheduler-marquee-label-inset-x: k-spacing(1) !default;
 /// @group scheduler
 $kendo-scheduler-marquee-label-inset-y: k-spacing(0.5) !default;
 
+/// The background color of the Scheduler header.
+/// @group scheduler
 $kendo-scheduler-header-bg: k-color(surface) !default;
 
 @forward "@progress/kendo-theme-core/scss/components/scheduler/_variables.scss" with (