@progress/kendo-theme-bootstrap 8.1.1-dev.0 → 8.2.0-dev.0

package/lib/swatches/bootstrap-3-dark.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap 3 Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "8.1.1-dev.0",
+    "version": "8.2.0-dev.0",
     "previewColors": [
         "#000000",
         "#222222",

package/lib/swatches/bootstrap-3.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap 3",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "8.1.1-dev.0",
+    "version": "8.2.0-dev.0",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

package/lib/swatches/bootstrap-4-dark.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap 4 Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "8.1.1-dev.0",
+    "version": "8.2.0-dev.0",
     "previewColors": [
         "#000000",
         "#212529",

package/lib/swatches/bootstrap-4.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap 4",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "8.1.1-dev.0",
+    "version": "8.2.0-dev.0",
     "previewColors": [
         "#ffffff",
         "#f8f9fa",

package/lib/swatches/bootstrap-dataviz-v4.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Dataviz v4",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "8.1.1-dev.0",
+    "version": "8.2.0-dev.0",
     "previewColors": [
         "#0275d8",
         "#5bc0de",

package/lib/swatches/bootstrap-main-dark.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "8.1.1-dev.0",
+    "version": "8.2.0-dev.0",
     "previewColors": [
         "#000000",
         "#212529",

package/lib/swatches/bootstrap-main.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "8.1.1-dev.0",
+    "version": "8.2.0-dev.0",
     "previewColors": [
         "#ffffff",
         "#f8f9fa",

package/lib/swatches/bootstrap-nordic.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Nordic",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "8.1.1-dev.0",
+    "version": "8.2.0-dev.0",
     "previewColors": [
         "#ffffff",
         "#f8f9fa",

package/lib/swatches/bootstrap-turquoise-dark.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Turquoise Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "8.1.1-dev.0",
+    "version": "8.2.0-dev.0",
     "previewColors": [
         "#000000",
         "#292b2c",

package/lib/swatches/bootstrap-turquoise.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Turquoise",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "8.1.1-dev.0",
+    "version": "8.2.0-dev.0",
     "previewColors": [
         "#ffffff",
         "#f2f2f2",

package/lib/swatches/bootstrap-urban.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Urban",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "8.1.1-dev.0",
+    "version": "8.2.0-dev.0",
     "previewColors": [
         "#ffffff",
         "#e3eef4",

package/lib/swatches/bootstrap-vintage.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Vintage",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "8.1.1-dev.0",
+    "version": "8.2.0-dev.0",
     "previewColors": [
         "#ffffff",
         "#f2efe8",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-bootstrap",
   "description": "Bootstrap theme for Kendo UI",
-  "version": "8.1.1-dev.0",
+  "version": "8.2.0-dev.0",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -53,14 +53,14 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "3.0.0",
-    "@progress/kendo-theme-core": "8.1.1-dev.0",
-    "@progress/kendo-theme-default": "8.1.1-dev.0",
-    "@progress/kendo-theme-utils": "8.1.1-dev.0",
+    "@progress/kendo-theme-core": "8.2.0-dev.0",
+    "@progress/kendo-theme-default": "8.2.0-dev.0",
+    "@progress/kendo-theme-utils": "8.2.0-dev.0",
     "bootstrap": "5.2.1"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "01ab0981609357a5d19b652cc9b6673bd4429604"
+  "gitHead": "8644816d0a84d5207e206287bdc16855e2e87199"
 }

package/scss/chart-wizard/_index.scss

@@ -0,0 +1,57 @@
+@import "../core/_index.scss";
+@import "../utils/_index.scss";
+
+
+// Module meta
+$_kendo-module-meta: (
+    name: "chart-wizard",
+    dependencies: (
+        "icon",
+        "window",
+        "splitter",
+        "dataviz",
+        "expansion-panel",
+        "grid",
+        "tabstrip",
+        "listview",
+        "forms",
+        "combobox"
+    )
+);
+
+
+// Dependencies
+@import "../icons/_index.scss";
+@import "../window/_index.scss";
+@import "../splitter/_index.scss";
+@import "../dataviz/_index.scss";
+@import "../expansion-panel/_index.scss";
+@import "../grid/_index.scss";
+@import "../tabstrip/_index.scss";
+@import "../listview/_index.scss";
+@import "../forms/_index.scss";
+@import "../combobox/_index.scss";
+
+
+// Component
+@import "./_variables.scss";
+@import "./_layout.scss";
+@import "./_theme.scss";
+
+
+// Register
+@import "../core/module-system/index.import.scss";
+@include module-register( $_kendo-module-meta... );
+
+
+// Expose
+@mixin kendo-chart-wizard--styles() {
+    @include module-render( "chart-wizard" ) {
+        @include kendo-chart-wizard--layout();
+        @include kendo-chart-wizard--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-chart-wizard--styles();
+}

package/scss/chart-wizard/_layout.scss

@@ -0,0 +1,5 @@
+@import "@progress/kendo-theme-default/scss/chart-wizard/_layout.scss";
+
+@mixin kendo-chart-wizard--layout() {
+    @include kendo-chart-wizard--layout-base();
+}

package/scss/chart-wizard/_theme.scss

@@ -0,0 +1,5 @@
+@import "@progress/kendo-theme-default/scss/chart-wizard/_theme.scss";
+
+@mixin kendo-chart-wizard--theme() {
+    @include kendo-chart-wizard--theme-base();
+}

package/scss/chart-wizard/_variables.scss

@@ -0,0 +1,38 @@
+// Chart wizard
+
+/// The color of the area around the chart type icon.
+/// @group chart-wizard
+$kendo-chart-wizard-icon-area-color: if($kendo-enable-color-system, k-color(primary), $kendo-color-primary) !default;
+/// The background color of the area around the chart type icon.
+/// @group chart-wizard
+$kendo-chart-wizard-icon-area-bg: if($kendo-enable-color-system, k-color(primary-subtle), $kendo-color-primary-subtle) !default;
+/// The border radius of the area around the chart type icon.
+/// @group chart-wizard
+$kendo-chart-wizard-icon-area-border-radius: k-border-radius(sm) !default;
+/// The padding of the area around the chart type icon.
+/// @group chart-wizard
+$kendo-chart-wizard-icon-area-padding: k-spacing(4) !default;
+/// The box shadow of the focused area around the chart type icon.
+/// @group chart-wizard
+$kendo-chart-wizard-icon-area-focus-shadow: inset 0 0 0 1px if($kendo-enable-color-system, k-color(primary-emphasis), $kendo-color-primary-emphasis) !default;
+/// The box shadow of the selected area around the chart type icon.
+/// @group chart-wizard
+$kendo-chart-wizard-icon-area-selected-shadow: inset 0 0 0 1px $kendo-chart-wizard-icon-area-color !default;
+
+/// The color of the selected chart type items in the Property panel.
+/// @group chart-wizard
+$kendo-chart-wizard-chart-type-selected-color: if($kendo-enable-color-system, k-color(primary), $kendo-color-primary) !default;
+
+/// The padding of the preview pane.
+/// @group chart-wizard
+$kendo-chart-wizard-preview-pane-padding: k-spacing(4) !default;
+/// The padding of the property pane.
+/// @group chart-wizard
+$kendo-chart-wizard-property-pane-padding: k-spacing(4) !default;
+
+/// The gap between the chart type items in the Property panel.
+/// @group chart-wizard
+$kendo-chart-wizard-chart-type-spacing: k-spacing(6) !default;
+/// The gap between the icon area and its text.
+/// @group chart-wizard
+$kendo-chart-wizard-icon-text-gap: k-spacing(3) !default;

package/scss/chat/_variables.scss

@@ -199,3 +199,13 @@ $kendo-chat-quick-reply-hover-text: $kendo-color-primary-contrast !default;
 /// The border color of the hovered Chat quick reply.
 /// @group chat
 $kendo-chat-quick-reply-hover-border: $kendo-color-primary !default;
+
+/// The shadow blur of the focused Chat quick reply.
+/// @group chat
+$kendo-chat-quick-reply-shadow-blur: 0px !default;
+/// The shadow spread of the focused Chat quick reply.
+/// @group chat
+$kendo-chat-quick-reply-shadow-spread: .25rem !default;
+/// The shadow opacity of the focused Chat quick reply.
+/// @group chat
+$kendo-chat-quick-reply-shadow-opacity: .5 !default;

package/scss/index.scss

@@ -122,6 +122,7 @@
 @import "./splitter/_index.scss";
 @import "./tilelayout/_index.scss";
 @import "./dock-manager/_index.scss";
+@import "./chart-wizard/_index.scss";
 
 
 // Data management
@@ -293,6 +294,7 @@
     @include kendo-splitter--styles();
     @include kendo-tile-layout--styles();
     @include kendo-dock-manager--styles();
+    @include kendo-chart-wizard--styles();
 
 
     // Data management

package/scss/map/_variables.scss

@@ -2,29 +2,69 @@
 
 
 // Map
+/// The border width of the Map.
+/// @group map
 $kendo-map-border-width: 0px !default;
 
+/// The font size of the Map.
+/// @group map
 $kendo-map-font-size: var( --kendo-font-size, inherit )  !default;
+/// The line height of the Map.
+/// @group map
 $kendo-map-line-height: var( --kendo-line-height, normal )!default;
+/// The font family of the Map.
+/// @group map
 $kendo-map-font-family: var( --kendo-font-family, inherit ) !default;
 
+/// The background color of the Map.
+/// @group map
 $kendo-map-bg: $kendo-component-bg !default;
+/// The text color of the Map.
+/// @group map
 $kendo-map-text: $kendo-component-text !default;
+/// The border color of the Map.
+/// @group map
 $kendo-map-border: $kendo-component-border !default;
 
+/// The margin of the Map navigator.
+/// @group map
 $kendo-map-navigator-margin: k-spacing(4) !default;
+/// The padding of the Map navigator.
+/// @group map
 $kendo-map-navigator-padding: k-spacing(0.5) !default;
+/// The width of the Map navigator.
+/// @group map
 $kendo-map-navigator-width: calc( calc( #{$kendo-icon-size} * 3 ) + calc( #{$kendo-map-navigator-padding} * 2 ) ) !default;
+/// The height of the Map navigator.
+/// @group map
 $kendo-map-navigator-height: $kendo-map-navigator-width !default;
+/// The border width of the Map navigator.
+/// @group map
 $kendo-map-navigator-border-width: 1px !default;
 
+/// The margin of the Map zoom control.
+/// @group map
 $kendo-map-zoom-control-margin: k-spacing(4) !default;
+/// The horizontal padding of the Map zoom control.
+/// @group map
 $kendo-map-zoom-control-button-padding-x: $kendo-button-padding-y !default;
+/// The vertical padding of the Map zoom control.
+/// @group map
 $kendo-map-zoom-control-button-padding-y: $kendo-map-zoom-control-button-padding-x !default;
 
+/// The horizontal padding of the Map attribution.
+/// @group map
 $kendo-map-attribution-padding-x: $kendo-padding-sm-x !default;
+/// The vertical padding of the Map attribution.
+/// @group map
 $kendo-map-attribution-padding-y: $kendo-padding-sm-y !default;
+/// The font size of the Map attribution.
+/// @group map
 $kendo-map-attribution-font-size: calc( #{$kendo-map-font-size} * .75 ) !default;
+/// The background color of the Map attribution.
+/// @group map
 $kendo-map-attribution-bg: if($kendo-enable-color-system, color-mix(in srgb, k-color( app-surface ) 80%, transparent), rgba( $kendo-map-bg, .8 )) !default;
 
+/// The fill color of the Map marker.
+/// @group map
 $kendo-map-marker-fill: $kendo-color-primary !default;

package/scss/mediaplayer/_variables.scss

@@ -1,16 +1,43 @@
 // Media player
+
+/// The border width of the MediaPlayer.
+/// @group mediaplayer
 $kendo-media-player-border-width: 1px !default;
+/// The font family of the MediaPlayer.
+/// @group mediaplayer
 $kendo-media-player-font-family: var( --kendo-font-family, inherit ) !default;
+/// The font size of the MediaPlayer.
+/// @group mediaplayer
 $kendo-media-player-font-size: var( --kendo-font-size, inherit )  !default;
+/// The line height of the MediaPlayer.
+/// @group mediaplayer
 $kendo-media-player-line-height: var( --kendo-line-height, normal ) !default;
 
+/// The background color of the MediaPlayer.
+/// @group mediaplayer
 $kendo-media-player-bg: $kendo-component-bg !default;
+/// The text color of the MediaPlayer.
+/// @group mediaplayer
 $kendo-media-player-text: $kendo-component-text !default;
+/// The border color of the MediaPlayer.
+/// @group mediaplayer
 $kendo-media-player-border: $kendo-component-border !default;
 
+/// The horizontal padding of the MediaPlayer title.
+/// @group mediaplayer
 $kendo-media-player-titlebar-padding-x: k-spacing(2) !default;
+/// The vertical padding of the MediaPlayer title.
+/// @group mediaplayer
 $kendo-media-player-titlebar-padding-y: k-spacing(2) !default;
+/// The background color of the MediaPlayer title.
+/// @group mediaplayer
 $kendo-media-player-titlebar-bg: null !default;
+/// The text color of the MediaPlayer title.
+/// @group mediaplayer
 $kendo-media-player-titlebar-text: $kendo-media-player-bg !default;
+/// The border color of the MediaPlayer title.
+/// @group mediaplayer
 $kendo-media-player-titlebar-border: null !default;
+/// The gradient of the MediaPlayer title.
+/// @group mediaplayer
 $kendo-media-player-titlebar-gradient: if($kendo-enable-color-system, ( color-mix(in srgb, k-color( on-app-surface ) 70%, transparent), color-mix(in srgb, k-color( on-app-surface ) 0%, transparent) ), ( rgba( $kendo-media-player-text, .7 ), rgba( $kendo-media-player-text, 0 ) )) !default;

package/scss/pivotgrid/_variables.scss

@@ -2,101 +2,243 @@
 
 
 // Pivot grid
+/// The spacer of the PivotGrid.
+/// @group pivotgrid
 $kendo-pivotgrid-spacer: k-spacing(4) !default;
+/// The horizontal padding of the PivotGrid.
+/// @group pivotgrid
 $kendo-pivotgrid-padding-x: null !default;
+/// The vertical of the PivotGrid.
+/// @group pivotgrid
 $kendo-pivotgrid-padding-y: null !default;
+/// The font family of the PivotGrid.
+/// @group pivotgrid
 $kendo-pivotgrid-font-family: var( --kendo-font-family, inherit ) !default;
+/// The font size of the PivotGrid.
+/// @group pivotgrid
 $kendo-pivotgrid-font-size: var( --kendo-font-size, inherit ) !default;
+/// The line height of the PivotGrid.
+/// @group pivotgrid
 $kendo-pivotgrid-line-height: var( --kendo-line-height, normal ) !default;
+/// The border width of the PivotGrid.
+/// @group pivotgrid
 $kendo-pivotgrid-border-width: 1px !default;
+/// The icon spacing of the PivotGrid.
+/// @group pivotgrid
 $kendo-pivotgrid-icon-spacing: k-spacing(1) !default;
 
+/// The default width of the PivotGrid row header.
+/// @group pivotgrid
 $kendo-pivotgrid-row-header-width: 300px !default;
+/// The default height of the PivotGrid column header.
+/// @group pivotgrid
 $kendo-pivotgrid-column-header-height: 75px !default;
 
+/// The horizontal padding of the PivotGrid cell.
+/// @group pivotgrid
 $kendo-pivotgrid-cell-padding-x: $kendo-table-md-cell-padding-x !default;
+/// The vertical padding of the PivotGrid cell.
+/// @group pivotgrid
 $kendo-pivotgrid-cell-padding-y: $kendo-table-md-cell-padding-y !default;
+/// The border width of the PivotGrid cell.
+/// @group pivotgrid
 $kendo-pivotgrid-cell-border-width: 1px !default;
 
+/// The background color of the PivotGrid.
+/// @group pivotgrid
 $kendo-pivotgrid-bg: $kendo-component-bg !default;
+/// The text color of the PivotGrid.
+/// @group pivotgrid
 $kendo-pivotgrid-text: $kendo-component-text !default;
+/// The border color of the PivotGrid.
+/// @group pivotgrid
 $kendo-pivotgrid-border: $kendo-component-border !default;
 
+/// The alt border color of the PivotGrid.
+/// @group pivotgrid
 $kendo-pivotgrid-alt-border: if($kendo-enable-color-system, k-color( border-alt ), k-try-shade( $kendo-pivotgrid-border, 2 )) !default;
 
+/// The background color of the PivotGrid header.
+/// @group pivotgrid
 $kendo-pivotgrid-headers-bg: $kendo-component-header-bg !default;
+/// The text color of the PivotGrid header.
+/// @group pivotgrid
 $kendo-pivotgrid-headers-text: $kendo-component-header-text !default;
+/// The border color of the PivotGrid header.
+/// @group pivotgrid
 $kendo-pivotgrid-headers-border: $kendo-component-header-border !default;
 
+/// The background color of the PivotGrid total cells.
+/// @group pivotgrid
 $kendo-pivotgrid-total-bg: if($kendo-enable-color-system, k-color( base-subtle ), k-try-shade( $kendo-pivotgrid-bg, 1 )) !default;
+/// The text color of the PivotGrid total cells.
+/// @group pivotgrid
 $kendo-pivotgrid-total-text: $kendo-component-header-text !default;
+/// The border color of the PivotGrid total cells.
+/// @group pivotgrid
 $kendo-pivotgrid-total-border: $kendo-component-header-border !default;
 
+/// The hover background color of the PivotGrid.
+/// @group pivotgrid
 $kendo-pivotgrid-hover-bg: if($kendo-enable-color-system, k-color( base-subtle-hover ), k-color-darken( $kendo-pivotgrid-bg, 7% )) !default;
+/// The hover text color of the PivotGrid.
+/// @group pivotgrid
 $kendo-pivotgrid-hover-text: null !default;
+/// The hover border color of the PivotGrid.
+/// @group pivotgrid
 $kendo-pivotgrid-hover-border: null !default;
 
+/// The selected background color of the PivotGrid.
+/// @group pivotgrid
 $kendo-pivotgrid-selected-bg: if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-selected-bg, .25 )) !default;
+/// The selected text color of the PivotGrid.
+/// @group pivotgrid
 $kendo-pivotgrid-selected-text: null !default;
+/// The selected border color of the PivotGrid.
+/// @group pivotgrid
 $kendo-pivotgrid-selected-border: null !default;
 
+/// The focus shadow of the PivotGrid.
+/// @group pivotgrid
 $kendo-pivotgrid-focus-shadow: $kendo-list-item-focus-shadow !default;
 
 // Pivotgrid Configurator
+/// The horizontal padding of the PivotGrid configurator.
+/// @group pivotgrid
 $kendo-pivotgrid-configurator-padding-x: null !default;
+/// The vertical padding of the PivotGrid configurator.
+/// @group pivotgrid
 $kendo-pivotgrid-configurator-padding-y: null !default;
+/// The border width of the PivotGrid configurator.
+/// @group pivotgrid
 $kendo-pivotgrid-configurator-border-width: 1px !default;
 
+/// The horizontal padding of the PivotGrid configurator header.
+/// @group pivotgrid
 $kendo-pivotgrid-configurator-header-padding-x: $kendo-pivotgrid-spacer !default;
+/// The vertical padding of the PivotGrid configurator header.
+/// @group pivotgrid
 $kendo-pivotgrid-configurator-header-padding-y: calc( #{$kendo-pivotgrid-spacer} * .75 ) !default;
+/// The font size of the PivotGrid configurator header.
+/// @group pivotgrid
 $kendo-pivotgrid-configurator-header-font-size: 18px !default;
+/// The font weight of the PivotGrid configurator header.
+/// @group pivotgrid
 $kendo-pivotgrid-configurator-header-font-weight: 500 !default;
 
+/// The horizontal padding of the PivotGrid configurator content.
+/// @group pivotgrid
 $kendo-pivotgrid-configurator-content-padding-x: $kendo-pivotgrid-spacer !default;
+/// The vertical padding of the PivotGrid configurator content.
+/// @group pivotgrid
 $kendo-pivotgrid-configurator-content-padding-y: k-spacing(1) !default;
 
+/// The horizontal margin of the PivotGrid configurator fields.
+/// @group pivotgrid
 $kendo-pivotgrid-configurator-fields-margin-x: k-spacing(0) !default;
+/// The vertical margin of the PivotGrid configurator fields.
+/// @group pivotgrid
 $kendo-pivotgrid-configurator-fields-margin-y: calc( #{$kendo-pivotgrid-spacer} / 2 ) !default;
 
+/// The default width of the PivotGrid vertical configurator.
+/// @group pivotgrid
 $kendo-pivotgrid-configurator-vertical-width: 320px !default;
+/// The default height of the PivotGrid horizontal configurator.
+/// @group pivotgrid
 $kendo-pivotgrid-configurator-horizontal-height: 420px !default;
 
+/// The background color of the PivotGrid configurator.
+/// @group pivotgrid
 $kendo-pivotgrid-configurator-bg: $kendo-component-bg !default;
+/// The text color of the PivotGrid configurator.
+/// @group pivotgrid
 $kendo-pivotgrid-configurator-text: $kendo-component-text !default;
+/// The border color of the PivotGrid configurator.
+/// @group pivotgrid
 $kendo-pivotgrid-configurator-border: $kendo-component-border !default;
 
+/// The background color of the PivotGrid configurator header.
+/// @group pivotgrid
 $kendo-pivotgrid-configurator-header-bg: null !default;
+/// The text color of the PivotGrid configurator header.
+/// @group pivotgrid
 $kendo-pivotgrid-configurator-header-text: $kendo-component-header-text !default;
+/// The border color of the PivotGrid configurator header.
+/// @group pivotgrid
 $kendo-pivotgrid-configurator-header-border: null !default;
 
+/// The shadow of the PivotGrid configurator.
+/// @group pivotgrid
 $kendo-pivotgrid-configurator-shadow: k-elevation(3) !default;
+/// The end shadow of the PivotGrid configurator.
+/// @group pivotgrid
 $kendo-pivotgrid-configurator-end-shadow: $kendo-pivotgrid-configurator-shadow !default;
+/// The start shadow of the PivotGrid configurator.
+/// @group pivotgrid
 $kendo-pivotgrid-configurator-start-shadow: $kendo-pivotgrid-configurator-shadow !default;
+/// The top shadow of the PivotGrid configurator.
+/// @group pivotgrid
 $kendo-pivotgrid-configurator-top-shadow: $kendo-pivotgrid-configurator-shadow  !default;
+/// The bottom shadow of the PivotGrid configurator.
+/// @group pivotgrid
 $kendo-pivotgrid-configurator-bottom-shadow: $kendo-pivotgrid-configurator-shadow !default;
 
+/// The horizontal padding of the PivotGrid configurator button.
+/// @group pivotgrid
 $kendo-pivotgrid-configurator-button-padding-x: k-spacing(1) !default;
+/// The vertical padding of the PivotGrid configurator button.
+/// @group pivotgrid
 $kendo-pivotgrid-configurator-button-padding-y: k-spacing(1) !default;
+/// The border width of the PivotGrid configurator button.
+/// @group pivotgrid
 $kendo-pivotgrid-configurator-button-border-width: 1px !default;
+/// The size of the PivotGrid configurator button.
+/// @group pivotgrid
 $kendo-pivotgrid-configurator-button-size: calc( calc( #{$kendo-pivotgrid-line-height} * 1em ) + calc( #{$kendo-pivotgrid-configurator-button-padding-y} * 2 ) + calc( #{$kendo-pivotgrid-configurator-button-border-width} * 2 ) ) !default;
 
 // Calculated fields
+/// The horizontal padding of the PivotGrid calculated field.
+/// @group pivotgrid
 $kendo-pivotgrid-calculated-field-padding-x: $kendo-pivotgrid-spacer !default;
+/// The vertical padding of the PivotGrid calculated field.
+/// @group pivotgrid
 $kendo-pivotgrid-calculated-field-padding-y: $kendo-pivotgrid-spacer !default;
+/// The border width of the PivotGrid calculated field.
+/// @group pivotgrid
 $kendo-pivotgrid-calculated-field-border-width: 1px !default;
+/// The border radius of the PivotGrid calculated field.
+/// @group pivotgrid
 $kendo-pivotgrid-calculated-field-border-radius: k-border-radius(md) !default;
+/// The spacing of the PivotGrid calculated field.
+/// @group pivotgrid
 $kendo-pivotgrid-calculated-field-gap: $kendo-pivotgrid-spacer !default;
 
+/// The background color of the PivotGrid calculated field.
+/// @group pivotgrid
 $kendo-pivotgrid-calculated-field-bg: $kendo-component-bg !default;
+/// The text color of the PivotGrid calculated field.
+/// @group pivotgrid
 $kendo-pivotgrid-calculated-field-text: $kendo-component-text !default;
+/// The border color of the PivotGrid calculated field.
+/// @group pivotgrid
 $kendo-pivotgrid-calculated-field-border: $kendo-component-border !default;
 
+/// The background color of the PivotGrid calculated field header.
+/// @group pivotgrid
 $kendo-pivotgrid-calculated-field-header-bg: null !default;
+/// The text color of the PivotGrid calculated field header.
+/// @group pivotgrid
 $kendo-pivotgrid-calculated-field-header-text: $kendo-component-header-text !default;
+/// The border color of the PivotGrid calculated field header.
+/// @group pivotgrid
 $kendo-pivotgrid-calculated-field-header-border: null !default;
 
 
+/// The horizontal padding of the PivotGrid treeview.
+/// @group pivotgrid
 $kendo-pivotgrid-treeview-padding-x: k-spacing(6) !default;
+/// The vertical padding of the PivotGrid treeview.
+/// @group pivotgrid
 $kendo-pivotgrid-treeview-padding-y: k-spacing(0) !default;
 
 // Legacy variables