diff --git a/packages/core/scss/color-system/_swatch-legacy.scss b/packages/core/scss/color-system/_swatch-legacy.scss
index 0ce3600cc4..7f3287721b 100644
--- a/packages/core/scss/color-system/_swatch-legacy.scss
+++ b/packages/core/scss/color-system/_swatch-legacy.scss
@@ -106,15 +106,10 @@ $kendo-valid-shadow: null !default;
 
 // Disabled Styling
 
-/// The background color of disabled items.
 $kendo-disabled-bg: null !default;
-/// The text color of disabled items.
 $kendo-disabled-text: null !default;
-/// The border color of disabled items.
 $kendo-disabled-border: null !default;
-/// The opacity of disabled items.
 $kendo-disabled-opacity: null !default;
-/// The filter of disabled items.
 $kendo-disabled-filter: null !default;
 
 $kendo-disabled-styling: (
diff --git a/packages/core/scss/components/appbar/_variables.scss b/packages/core/scss/components/appbar/_variables.scss
index ca6cbad1ef..e17860aff8 100644
--- a/packages/core/scss/components/appbar/_variables.scss
+++ b/packages/core/scss/components/appbar/_variables.scss
@@ -1,54 +1,22 @@
 // AppBar
 
-/// The horizontal margin of the AppBar.
-/// @group appbar
 $kendo-appbar-margin-x: null !default;
-/// The vertical margin of the AppBar.
-/// @group appbar
 $kendo-appbar-margin-y: null !default;
-/// The horizontal padding of the AppBar.
-/// @group appbar
 $kendo-appbar-padding-x: null !default;
-/// The vertical padding of the AppBar.
-/// @group appbar
 $kendo-appbar-padding-y: null !default;
-/// The width of the border around the AppBar.
-/// @group appbar
 $kendo-appbar-border-width: null !default;
-/// The z-index of the AppBar.
-/// @group appbar
 $kendo-appbar-zindex: null !default;
-/// The font family of the AppBar.
-/// @group appbar
 $kendo-appbar-font-family: null !default;
-/// The font size of the AppBar.
-/// @group appbar
 $kendo-appbar-font-size: null !default;
-/// The line height of the AppBar.
-/// @group appbar
 $kendo-appbar-line-height: null !default;
 
-/// The spacing between the AppBar sections.
-/// @group appbar
 $kendo-appbar-gap: null !default;
 
-/// The background color of the AppBar based on light theme color.
-/// @group appbar
 $kendo-appbar-light-bg: null !default;
-/// The text color of the AppBar based on light theme color.
-/// @group appbar
 $kendo-appbar-light-text: null !default;
 
-/// The background color of the AppBar based on dark theme color.
-/// @group appbar
 $kendo-appbar-dark-bg: null !default;
-/// The text color of the AppBar based on dark theme color.
-/// @group appbar
 $kendo-appbar-dark-text: null !default;
 
-/// The box shadow of the AppBar.
-/// @group appbar
 $kendo-appbar-box-shadow: null !default;
-/// The box shadow of the AppBar with bottom position.
-/// @group appbar
 $kendo-appbar-bottom-box-shadow: null !default;
diff --git a/packages/core/scss/components/avatar/_variables.scss b/packages/core/scss/components/avatar/_variables.scss
index 96c6d32dc3..9b755c8954 100644
--- a/packages/core/scss/components/avatar/_variables.scss
+++ b/packages/core/scss/components/avatar/_variables.scss
@@ -1,23 +1,11 @@
 // Avatar
 
-/// The border width of the Avatar.
-/// @group avatar
 $kendo-avatar-border-width: null !default;
 
-/// The font family of the Avatar.
-/// @group avatar
 $kendo-avatar-font-family: null !default;
-/// The font size of the Avatar.
-/// @group avatar
 $kendo-avatar-font-size: null !default;
-/// The line height of the Avatar.
-/// @group avatar
 $kendo-avatar-line-height: null !default;
 
-/// The sizes map of the Avatar.
-/// @group avatar
 $kendo-avatar-sizes: null !default;
 
-/// The theme colors map of the Avatar.
-/// @group avatar
 $kendo-avatar-theme-colors: null !default;
diff --git a/packages/core/scss/components/badge/_variables.scss b/packages/core/scss/components/badge/_variables.scss
index 572d62b273..226f732e2c 100644
--- a/packages/core/scss/components/badge/_variables.scss
+++ b/packages/core/scss/components/badge/_variables.scss
@@ -1,79 +1,33 @@
 // Badge
 
-/// The width of the border around the Badge.
-/// @group badge
 $kendo-badge-border-width: null !default;
 
-/// The border radius of the Badge.
-/// @group badge
 $kendo-badge-border-radius: null !default;
 
 
-/// The horizontal padding of the Badge.
-/// @group badge
 $kendo-badge-padding-x: null !default;
-/// The horizontal padding of the small Badge.
-/// @group badge
 $kendo-badge-sm-padding-x: null !default;
-/// The horizontal padding of the medium Badge.
-/// @group badge
 $kendo-badge-md-padding-x: null !default;
-/// The horizontal padding of the large Badge.
-/// @group badge
 $kendo-badge-lg-padding-x: null !default;
 
-/// The vertical padding of the Badge.
-/// @group badge
 $kendo-badge-padding-y: null !default;
-/// The vertical padding of the small Badge.
-/// @group badge
 $kendo-badge-sm-padding-y: null !default;
-/// The vertical padding of the medium Badge.
-/// @group badge
 $kendo-badge-md-padding-y: null !default;
-/// The vertical padding of the large Badge.
-/// @group badge
 $kendo-badge-lg-padding-y: null !default;
 
-/// The font sizes of the Badge.
-/// @group badge
 $kendo-badge-font-size: null !default;
-/// The font size of the small Badge.
-/// @group badge
 $kendo-badge-sm-font-size: null !default;
-/// The font size of the medium Badge.
-/// @group badge
 $kendo-badge-md-font-size: var( --kendo-font-size-xs, inherit )!default;
-/// The font size of the large Badge.
-/// @group badge
 $kendo-badge-lg-font-size: null !default;
 
-/// The line heights used along with the $kendo-font-size variable.
-/// @group badge
 $kendo-badge-line-height: null !default;
-/// The line height used along with the $kendo-font-size variable of the small Badge.
-/// @group badge
 $kendo-badge-sm-line-height: null !default;
-/// The line height used along with the $kendo-font-size variable of the medium Badge.
-/// @group badge
 $kendo-badge-md-line-height: null !default;
-/// The line height used along with the $kendo-font-size variable of the large Badge.
-/// @group badge
 $kendo-badge-lg-line-height: null !default;
 
-/// The calculated minimum width of the circular Badge.
-/// @group badge
 $kendo-badge-min-width: null !default;
-/// The calculated minimum width of the small circular Badge.
-/// @group badge
 $kendo-badge-sm-min-width: null !default;
-/// The calculated minimum width of the medium circular Badge.
-/// @group badge
 $kendo-badge-md-min-width: null !default;
-/// The calculated minimum width of the large circular Badge.
-/// @group badge
 $kendo-badge-lg-min-width: null !default;
 
-/// The sizes map for the Badge.
-/// @group badge
 $kendo-badge-sizes: null !default;
diff --git a/packages/core/scss/components/bottom-navigation/_variables.scss b/packages/core/scss/components/bottom-navigation/_variables.scss
index 4fb48aa513..eb7667ce29 100644
--- a/packages/core/scss/components/bottom-navigation/_variables.scss
+++ b/packages/core/scss/components/bottom-navigation/_variables.scss
@@ -1,62 +1,24 @@
 // BottomNavigation
 
-/// The horizontal padding of the BottomNavigation.
-/// @group bottom-navigation
 $kendo-bottom-nav-padding-x: null !default;
-/// The vertical padding of the BottomNavigation.
-/// @group bottom-navigation
 $kendo-bottom-nav-padding-y: null !default;
-/// The spacing between the BottomNavigation items.
-/// @group bottom-navigation
 $kendo-bottom-nav-gap: null !default;
-/// The width of the border around the BottomNavigation.
-/// @group bottom-navigation
 $kendo-bottom-nav-border-width: null !default;
-/// The font family of the BottomNavigation.
-/// @group bottom-navigation
 $kendo-bottom-nav-font-family: null !default;
-/// The font size of the BottomNavigation.
-/// @group bottom-navigation
 $kendo-bottom-nav-font-size: null !default;
-/// The line height of the BottomNavigation.
-/// @group bottom-navigation
 $kendo-bottom-nav-line-height: null !default;
-/// The letter spacing of the BottomNavigation.
-/// @group bottom-navigation
 $kendo-bottom-nav-letter-spacing: null !default;
 
-/// The horizontal padding of the BottomNavigation item.
-/// @group bottom-navigation
 $kendo-bottom-nav-item-padding-x: null !default;
-/// The vertical padding of the BottomNavigation item.
-/// @group bottom-navigation
 $kendo-bottom-nav-item-padding-y: null !default;
-/// The minimum width of the BottomNavigation item.
-/// @group bottom-navigation
 $kendo-bottom-nav-item-min-width: null !default;
-/// The maximum width of the BottomNavigation item.
-/// @group bottom-navigation
 $kendo-bottom-nav-item-max-width: null !default;
-/// The minimum height of the BottomNavigation item.
-/// @group bottom-navigation
 $kendo-bottom-nav-item-min-height: null !default;
-/// The border radius of the BottomNavigation item.
-/// @group bottom-navigation
 $kendo-bottom-nav-item-border-radius: null !default;
-/// The spacing of the BottomNavigation item.
-/// @group bottom-navigation
 $kendo-bottom-nav-item-gap: null !default;
 
-/// The box shadow of the BottomNavigation.
-/// @group bottom-navigation
 $kendo-bottom-nav-shadow: null !default;
 
-/// The text color of the flat BottomNavigation.
-/// @group bottom-navigation
 $kendo-bottom-nav-flat-text: null !default;
-/// The background color of the flat BottomNavigation.
-/// @group bottom-navigation
 $kendo-bottom-nav-flat-bg: null !default;
-/// The border color of the flat BottomNavigation.
-/// @group bottom-navigation
 $kendo-bottom-nav-flat-border: null !default;
diff --git a/packages/core/scss/components/breadcrumb/_variables.scss b/packages/core/scss/components/breadcrumb/_variables.scss
index b5ba1f33c5..b7b6433336 100644
--- a/packages/core/scss/components/breadcrumb/_variables.scss
+++ b/packages/core/scss/components/breadcrumb/_variables.scss
@@ -1,205 +1,83 @@
 // Breadcrumb
 
-/// The width of the border around the Breadcrumb.
-/// @group breadcrumb
 $kendo-breadcrumb-border-width: null !default;
 
-/// The horizontal margin of the Breadcrumb.
-/// @group breadcrumb
 $kendo-breadcrumb-margin-x: null !default;
-/// The vertical margin of the Breadcrumb.
-/// @group breadcrumb
 $kendo-breadcrumb-margin-y: null !default;
-/// The horizontal padding of the Breadcrumb.
-/// @group breadcrumb
 $kendo-breadcrumb-padding-x: null !default;
-/// The vertical padding of the Breadcrumb.
-/// @group breadcrumb
 $kendo-breadcrumb-padding-y: null !default;
 
-/// The font family of the Breadcrumb.
-/// @group breadcrumb
 $kendo-breadcrumb-font-family: null !default;
 
-/// The font size of the Breadcrumb.
-/// @group breadcrumb
 $kendo-breadcrumb-font-size: null !default;
-/// The font size of the small Breadcrumb.
-/// @group breadcrumb
 $kendo-breadcrumb-sm-font-size: null !default;
-/// The font size of the medium Breadcrumb.
-/// @group breadcrumb
 $kendo-breadcrumb-md-font-size: null !default;
-/// The font size of the large Breadcrumb.
-/// @group breadcrumb
 $kendo-breadcrumb-lg-font-size: null !default;
 
-/// The line-height of the Breadcrumb.
-/// @group breadcrumb
 $kendo-breadcrumb-line-height: null !default;
-/// The line-height of the small Breadcrumb.
-/// @group breadcrumb
 $kendo-breadcrumb-sm-line-height: null !default;
-/// The line-height of the medium Breadcrumb.
-/// @group breadcrumb
 $kendo-breadcrumb-md-line-height: null !default;
-/// The line-height of the height Breadcrumb.
-/// @group breadcrumb
 $kendo-breadcrumb-lg-line-height: null !default;
 
-/// The base background of the Breadcrumb.
-/// @group breadcrumb
 $kendo-breadcrumb-bg: null !default;
-/// The base text color of the Breadcrumb.
-/// @group breadcrumb
 $kendo-breadcrumb-text: null !default;
-/// The base border color of the Breadcrumb.
-/// @group breadcrumb
 $kendo-breadcrumb-border: null !default;
 
-/// The box shadow of the focused Breadcrumb.
-/// @group breadcrumb
 $kendo-breadcrumb-focus-shadow: null !default;
 
-/// The horizontal padding of the Breadcrumb link.
-/// @group breadcrumb
 $kendo-breadcrumb-link-padding-x: null !default;
-/// The horizontal padding of the small Breadcrumb link.
-/// @group breadcrumb
 $kendo-breadcrumb-sm-link-padding-x: null !default;
-/// The horizontal padding of the medium Breadcrumb link.
-/// @group breadcrumb
 $kendo-breadcrumb-md-link-padding-x: null !default;
-/// The horizontal padding of the large Breadcrumb link.
-/// @group breadcrumb
 $kendo-breadcrumb-lg-link-padding-x: null !default;
 
-/// The vertical padding of the Breadcrumb link.
-/// @group breadcrumb
 $kendo-breadcrumb-link-padding-y: null !default;
-/// The vertical padding of the small Breadcrumb link.
-/// @group breadcrumb
 $kendo-breadcrumb-sm-link-padding-y: null !default;
-/// The vertical padding of the medium Breadcrumb link.
-/// @group breadcrumb
 $kendo-breadcrumb-md-link-padding-y: null !default;
-/// The vertical padding of the large Breadcrumb link.
-/// @group breadcrumb
 $kendo-breadcrumb-lg-link-padding-y: null !default;
 
-/// The border-radius of the Breadcrumb link.
-/// @group breadcrumb
 $kendo-breadcrumb-link-border-radius: null !default;
 
-/// The vertical padding of the Breadcrumb link icon.
-/// @group breadcrumb
 $kendo-breadcrumb-icon-link-padding-y: null !default;
-/// The vertical padding of the small Breadcrumb link icon.
-/// @group breadcrumb
 $kendo-breadcrumb-sm-icon-link-padding-y: null !default;
-/// The vertical padding of the medium Breadcrumb link icon.
-/// @group breadcrumb
 $kendo-breadcrumb-md-icon-link-padding-y: null !default;
-/// The vertical padding of the large Breadcrumb link icon.
-/// @group breadcrumb
 $kendo-breadcrumb-lg-icon-link-padding-y: null !default;
 
-/// The horizontal padding of the Breadcrumb link icon.
-/// @group breadcrumb
 $kendo-breadcrumb-icon-link-padding-x: null !default;
-/// The horizontal padding of the small Breadcrumb link icon.
-/// @group breadcrumb
 $kendo-breadcrumb-sm-icon-link-padding-x: null !default;
-/// The horizontal padding of the medium Breadcrumb link icon.
-/// @group breadcrumb
 $kendo-breadcrumb-md-icon-link-padding-x: null !default;
-/// The horizontal padding of the large Breadcrumb link icon.
-/// @group breadcrumb
 $kendo-breadcrumb-lg-icon-link-padding-x: null !default;
 
-/// The text color of the Breadcrumb link.
-/// @group breadcrumb
 $kendo-breadcrumb-link-initial-text: null !default;
-/// The spacing of the Breadcrumb link icon.
-/// @group breadcrumb
 $kendo-breadcrumb-link-icon-spacing: null !default;
 
-/// The background color of the Breadcrumb link.
-/// @group breadcrumb
 $kendo-breadcrumb-link-bg: null !default;
-/// The text color of the Breadcrumb link.
-/// @group breadcrumb
 $kendo-breadcrumb-link-text: null !default;
-/// The border color of the Breadcrumb link.
-/// @group breadcrumb
 $kendo-breadcrumb-link-border: null !default;
 
-/// The background color of the hovered Breadcrumb link.
-/// @group breadcrumb
 $kendo-breadcrumb-link-hover-bg: null !default;
-/// The text color of the hovered Breadcrumb link.
-/// @group breadcrumb
 $kendo-breadcrumb-link-hover-text: null !default;
-/// The border color of the hovered Breadcrumb link.
-/// @group breadcrumb
 $kendo-breadcrumb-link-hover-border: null !default;
 
-/// The background color of the focused Breadcrumb link.
-/// @group breadcrumb
 $kendo-breadcrumb-link-focus-bg: null !default;
-/// The text color of the focused Breadcrumb link.
-/// @group breadcrumb
 $kendo-breadcrumb-link-focus-text: null !default;
-/// The border color of the focused Breadcrumb link.
-/// @group breadcrumb
 $kendo-breadcrumb-link-focus-border: null !default;
-/// The box shadow of the focused Breadcrumb link.
-/// @group breadcrumb
 $kendo-breadcrumb-link-focus-shadow: null !default;
 
-/// The background color of the Breadcrumb root link.
-/// @group breadcrumb
 $kendo-breadcrumb-root-link-bg: null !default;
-/// The text color of the Breadcrumb root link.
-/// @group breadcrumb
 $kendo-breadcrumb-root-link-text: null !default;
-/// The border color of the Breadcrumb root link.
-/// @group breadcrumb
 $kendo-breadcrumb-root-link-border: null !default;
 
-/// The background color of the hovered Breadcrumb root link.
-/// @group breadcrumb
 $kendo-breadcrumb-root-link-hover-bg: null !default;
-/// The text color of the hovered Breadcrumb root link.
-/// @group breadcrumb
 $kendo-breadcrumb-root-link-hover-text: null !default;
-/// The border color of the hovered Breadcrumb root link.
-/// @group breadcrumb
 $kendo-breadcrumb-root-link-hover-border: null !default;
 
-/// The background color of the focused Breadcrumb root link.
-/// @group breadcrumb
 $kendo-breadcrumb-root-link-focus-bg: null !default;
-/// The text color of the focused Breadcrumb root link.
-/// @group breadcrumb
 $kendo-breadcrumb-root-link-focus-text: null !default;
-/// The border color of the focused Breadcrumb root link.
-/// @group breadcrumb
 $kendo-breadcrumb-root-link-focus-border: null !default;
-/// The box shadow of the focused Breadcrumb root link.
-/// @group breadcrumb
 $kendo-breadcrumb-root-link-focus-shadow: null !default;
 
-/// The background color of the current Breadcrumb root link.
-/// @group breadcrumb
 $kendo-breadcrumb-current-item-bg: null !default;
-/// The text color of the current Breadcrumb root link.
-/// @group breadcrumb
 $kendo-breadcrumb-current-item-text: null !default;
-/// The border color of the current Breadcrumb root link.
-/// @group breadcrumb
 $kendo-breadcrumb-current-item-border: null !default;
 
-/// The sizes map for the Breadcrumb.
-/// @group breadcrumb
 $kendo-breadcrumb-sizes: null !default;
diff --git a/packages/core/scss/components/button/_variables.scss b/packages/core/scss/components/button/_variables.scss
index d9d79d6096..061aeae0e4 100644
--- a/packages/core/scss/components/button/_variables.scss
+++ b/packages/core/scss/components/button/_variables.scss
@@ -1,185 +1,79 @@
 // Button
 
-/// The width of the border around the Button.
-/// @group button
 $kendo-button-border-width: null !default;
 
-/// The border radius of the Button.
-/// @group button
 $kendo-button-border-radius: null !default;
 
-/// The horizontal padding of the Button.
-/// @group button
 $kendo-button-padding-x: null !default;
-/// The horizontal padding of the small Button.
-/// @group button
 $kendo-button-sm-padding-x: null !default;
-/// The horizontal padding of the medium Button.
-/// @group button
 $kendo-button-md-padding-x: null !default;
-/// The horizontal padding of the large Button.
-/// @group button
 $kendo-button-lg-padding-x: null !default;
 
-/// The vertical padding of the Button.
-/// @group button
 $kendo-button-padding-y: null !default;
-/// The vertical padding of the small Button.
-/// @group button
 $kendo-button-sm-padding-y: null !default;
-/// The vertical padding of the medium Button.
-/// @group button
 $kendo-button-md-padding-y: null !default;
-/// The vertical padding of the large Button.
-/// @group button
 $kendo-button-lg-padding-y: null !default;
 
-/// The font family of the Button.
-/// @group button
 $kendo-button-font-family: null !default;
 
-/// The font size of the Button.
-/// @group button
 $kendo-button-font-size: null !default;
-/// The font size of the small Button.
-/// @group button
 $kendo-button-sm-font-size: null !default;
-/// The font size of the medium Button.
-/// @group button
 $kendo-button-md-font-size: null !default;
-/// The font size of the large Button.
-/// @group button
 $kendo-button-lg-font-size: null !default;
 
-/// The line height used along with the $kendo-font-size the.
-/// @group button
 $kendo-button-line-height: null !default;
-/// The line height used along with the $kendo-font-size the of the small Button.
-/// @group button
 $kendo-button-sm-line-height: null !default;
-/// The line height used along with the $kendo-font-size the of the medium Button.
-/// @group button
 $kendo-button-md-line-height: null !default;
-/// The line height used along with the $kendo-font-size the of the large Button.
-/// @group button
 $kendo-button-lg-line-height: null !default;
 
-/// The calculated height of the Button.
-/// @group button
 $kendo-button-calc-size: null !default;
 $kendo-button-sm-calc-size: null !default;
 $kendo-button-md-calc-size: null !default;
 $kendo-button-lg-calc-size: null !default;
 
-/// The calculated inner height of the Button excluding the border width.
-/// @group button
 $kendo-button-inner-calc-size: null !default;
 $kendo-button-sm-inner-calc-size: null !default;
 $kendo-button-md-inner-calc-size: null !default;
 $kendo-button-lg-inner-calc-size: null !default;
 
-/// The sizes map for the Button.
-/// @group button
 $kendo-button-sizes: null !default;
 
-/// The theme colors map for the Button.
-/// @group button
 $kendo-button-theme-colors: null !default;
 
-/// The base background of the Button.
-/// @group button
 $kendo-button-bg: null !default;
-/// The base text color of the Button.
-/// @group button
 $kendo-button-text: null !default;
-/// The base border color of the Button.
-/// @group button
 $kendo-button-border: null !default;
-/// The base background gradient of the Button.
-/// @group button
 $kendo-button-gradient: null !default;
-/// The base shadow of the Button.
-/// @group button
 $kendo-button-shadow: null !default;
 
-/// The base background of the hovered Button.
-/// @group button
 $kendo-button-hover-bg: null !default;
-/// The base text color of the hovered Button.
-/// @group button
 $kendo-button-hover-text: null !default;
-/// The base border color of the hovered Button.
-/// @group button
 $kendo-button-hover-border: null !default;
-/// The base background gradient of the hovered Button.
-/// @group button
 $kendo-button-hover-gradient: null !default;
-/// The base shadow of the hovered Button.
-/// @group button
 $kendo-button-hover-shadow: null !default;
 
-/// The base background color of the active Button.
-/// @group button
 $kendo-button-active-bg: null !default;
-/// The base text color of the active Button.
-/// @group button
 $kendo-button-active-text: null !default;
-/// The base border color of the active Button.
-/// @group button
 $kendo-button-active-border: null !default;
-/// The base background gradient of the active Button.
-/// @group button
 $kendo-button-active-gradient: null !default;
-/// The base shadow of the active Button.
-/// @group button
 $kendo-button-active-shadow: null !default;
 
-/// The base background color of the selected Button.
-/// @group button
 $kendo-button-selected-bg: null !default;
-/// The text color of the selected Button.
-/// @group button
 $kendo-button-selected-text: null !default;
-/// The border color of the selected Button.
-/// @group button
 $kendo-button-selected-border: null !default;
-/// The background gradient of the selected Button.
-/// @group button
 $kendo-button-selected-gradient: null !default;
-/// The base shadow of the selected Button.
-/// @group button
 $kendo-button-selected-shadow: null !default;
 
-/// The base background of the focused Button.
-/// @group button
 $kendo-button-focus-bg: null !default;
-/// The base text color of the focused Button.
-/// @group button
 $kendo-button-focus-text: null !default;
-/// The base border color of the focused Button.
-/// @group button
 $kendo-button-focus-border: null !default;
-/// The base background gradient of the focused Button.
-/// @group button
 $kendo-button-focus-gradient: null !default;
-/// The base shadow of the focused Button.
-/// @group button
 $kendo-button-focus-shadow: null !default;
 
-/// The base background of the disabled Button.
-/// @group button
 $kendo-button-disabled-bg: null !default;
-/// The base text color of the disabled Button.
-/// @group button
 $kendo-button-disabled-text: null !default;
-/// The base border color of the disabled Button.
-/// @group button
 $kendo-button-disabled-border: null !default;
-/// The base background gradient of the disabled Button.
-/// @group button
 $kendo-button-disabled-gradient: null !default;
-/// The base shadow of the disabled Button.
-/// @group button
 $kendo-button-disabled-shadow: null !default;
 
 // Solid Button
@@ -214,22 +108,10 @@ $kendo-link-button-shadow-opacity: null !default;
 // Clear Button
 $kendo-clear-button-focus-opacity: null !default;
 
-/// The overlay opacity of the hovered flat Button. Used to create a background for the flat Button.
-/// @group button
 $kendo-flat-button-hover-opacity: null !default;
-/// The overlay opacity of the focused flat Button. Used to create a background for the flat Button.
-/// @group button
 $kendo-flat-button-focus-opacity: null !default;
-/// The overlay opacity of the active flat Button. Used to create background for the flat Button.
-/// @group button
 $kendo-flat-button-active-opacity: null !default;
-/// The overlay opacity of the selected flat Button. Used to create background for the flat Button.
-/// @group button
 $kendo-flat-button-selected-opacity: null !default;
-/// The opacity of the flat Button focus ring. Used to create a border for the flat Button.
-/// @group button
 $kendo-flat-button-focus-ring-opacity: null !default;
 
-/// The color transition of the flat Button.
-/// @group button
 $kendo-button-transition: null !default;
diff --git a/packages/core/scss/components/calendar/_variables.scss b/packages/core/scss/components/calendar/_variables.scss
index c65042de29..37a197068c 100644
--- a/packages/core/scss/components/calendar/_variables.scss
+++ b/packages/core/scss/components/calendar/_variables.scss
@@ -1,334 +1,142 @@
 // Calendar
 
-/// The width of the border around the Calendar.
-/// @group calendar
 $kendo-calendar-border-width: null !default;
 
-/// The font family of the Calendar.
-/// @group calendar
 $kendo-calendar-font-family: null !default;
-/// The font size of the Calendar.
-/// @group calendar
 $kendo-calendar-font-size: null !default;
-/// The line height of the Calendar.
-/// @group calendar
 $kendo-calendar-line-height: null !default;
 
-/// The size of the cells in the Calendar.
-/// @group calendar
 $kendo-calendar-cell-size: null !default;
 
-/// The background color of the Calendar.
-/// @group calendar
 $kendo-calendar-bg: null !default;
-/// The text color of the Calendar.
-/// @group calendar
 $kendo-calendar-text: null !default;
-/// The border color of the Calendar.
-/// @group calendar
 $kendo-calendar-border: null !default;
 
-/// The horizontal padding of the header in the Calendar.
-/// @group calendar
 $kendo-calendar-header-padding-x: null !default;
-/// The vertical padding of the header in the Calendar.
-/// @group calendar
 $kendo-calendar-header-padding-y: null !default;
 
-/// The border width of the header in the Calendar.
-/// @group calendar
 $kendo-calendar-header-border-width: null !default;
 
-/// The background color of the header in the Calendar.
-/// @group calendar
 $kendo-calendar-header-bg: null !default;
-/// The text color of the header in the Calendar.
-/// @group calendar
 $kendo-calendar-header-text: null !default;
-/// The border color of the header in the Calendar.
-/// @group calendar
 $kendo-calendar-header-border: null !default;
-/// The gradient of the header in the Calendar.
-/// @group calendar
 $kendo-calendar-header-gradient: null !default;
 // TODO: variable is used, but the selector using it is not! Potentially remove;
-/// The shadow of the header in the Calendar.
-/// @group calendar
 $kendo-calendar-header-shadow: null !default;
 
-/// The gap between the items in the navigation of the Calendar.
-/// @group calendar
 $kendo-calendar-nav-gap: null !default;
 
-/// The horizontal padding of the footer in the Calendar.
-/// @group calendar
 $kendo-calendar-footer-padding-x: null !default;
-/// The vertical padding of the footer in the Calendar.
-/// @group calendar
 $kendo-calendar-footer-padding-y: null !default;
 
-/// The horizontal padding of the cells in the Calendar.
-/// @group calendar
 $kendo-calendar-cell-padding-x: null !default;
-/// The vertical padding of the cells in the Calendar.
-/// @group calendar
 $kendo-calendar-cell-padding-y: null !default;
 
-/// The line height of the cells in the Calendar.
-/// @group calendar
 $kendo-calendar-cell-line-height: null !default;
 
-/// The border radius of the cells in the Calendar.
-/// @group calendar
 $kendo-calendar-cell-border-radius: null !default;
 
-/// The horizontal padding of the header cells in the Calendar.
-/// @group calendar
 $kendo-calendar-header-cell-padding-x: null !default;
-/// The vertical padding of the header cells in the Calendar.
-/// @group calendar
 $kendo-calendar-header-cell-padding-y: null !default;
-/// The width of the header cells in the Calendar.
-/// @group calendar
 $kendo-calendar-header-cell-width: null !default;
-/// The height of the header cells in the Calendar.
-/// @group calendar
 $kendo-calendar-header-cell-height: null !default;
-/// The font size of the header cells in the Calendar.
-/// @group calendar
 $kendo-calendar-header-cell-font-size: null !default;
-/// The line height of the header cells in the Calendar.
-/// @group calendar
 $kendo-calendar-header-cell-line-height: null !default;
 
-/// The background color of the header cells in the Calendar.
-/// @group calendar
 $kendo-calendar-header-cell-bg: null !default;
-/// The text color of the header cells in the Calendar.
-/// @group calendar
 $kendo-calendar-header-cell-text: null !default;
-/// The opacity of the header cells in the Calendar.
-/// @group calendar
 $kendo-calendar-header-cell-opacity: null !default;
 
-/// The horizontal padding of the caption in the Calendar.
-/// @group calendar
 $kendo-calendar-caption-padding-x: null !default;
-/// The vertical padding of the caption in the Calendar.
-/// @group calendar
 $kendo-calendar-caption-padding-y: null !default;
-/// The height of the caption in the Calendar.
-/// @group calendar
 $kendo-calendar-caption-height: null !default;
-/// The font size of the caption in the Calendar.
-/// @group calendar
 $kendo-calendar-caption-font-size: null !default;
-/// The line height of the caption in the Calendar.
-/// @group calendar
 $kendo-calendar-caption-line-height: null !default;
-/// The font weight of the caption in the Calendar.
-/// @group calendar
 $kendo-calendar-caption-font-weight: null !default;
 
-/// The font size of the week number cells in the Calendar.
-/// @group calendar
 $kendo-calendar-week-number-font-size: null !default;
 
-/// The width of the Calendar view.
-/// @group calendar
 $kendo-calendar-view-width: null !default;
-/// The height of the Calendar view.
-/// @group calendar
 $kendo-calendar-view-height: null !default;
 
-/// The gap between the items in the Calendar view.
-/// @group calendar
 $kendo-calendar-view-gap: null !default;
 
-/// The background color of the weekend cells in the Calendar.
-/// @group calendar
 $kendo-calendar-weekend-bg: null !default;
-/// The text color of the weekend cells in the Calendar.
-/// @group calendar
 $kendo-calendar-weekend-text: null !default;
 
-/// The style of the current day in the Calendar.
-/// @group calendar
 $kendo-calendar-today-style: null !default;
-/// The color of the current day in the Calendar.
-/// @group calendar
 $kendo-calendar-today-color: null !default;
 
-/// The background color of the week number cells in the Calendar.
-/// @group calendar
 $kendo-calendar-week-number-bg: null !default;
-/// The text color of the week number cells in the Calendar.
-/// @group calendar
 $kendo-calendar-week-number-text: null !default;
 
-/// The background color of the preceding/subsequent month cells in the Calendar.
-/// @group calendar
 $kendo-calendar-other-month-bg: null !default;
-/// The text color of the preceding/subsequent month cells in the Calendar.
-/// @group calendar
 $kendo-calendar-other-month-text: null !default;
 
-/// The background color of the cells in the Calendar.
-/// @group calendar
 $kendo-calendar-cell-bg: null !default;
-/// The text color of the cells in the Calendar.
-/// @group calendar
 $kendo-calendar-cell-text: null !default;
-/// The border color of the cells in the Calendar.
-/// @group calendar
 $kendo-calendar-cell-border: null !default;
-/// The gradient of the cells in the Calendar.
-/// @group calendar
 $kendo-calendar-cell-gradient: null !default;
 
-/// The background color of the hovered cells in the Calendar.
-/// @group calendar
 $kendo-calendar-cell-hover-bg: null !default;
-/// The text color of the hovered cells in the Calendar.
-/// @group calendar
 $kendo-calendar-cell-hover-text: null !default;
-/// The border color of the hovered cells in the Calendar.
-/// @group calendar
 $kendo-calendar-cell-hover-border: null !default;
-/// The gradient of the hovered cells in the Calendar.
-/// @group calendar
 $kendo-calendar-cell-hover-gradient: null !default;
 
-/// The background color of the selected cells in the Calendar.
-/// @group calendar
 $kendo-calendar-cell-selected-bg: null !default;
-/// The text color of the selected cells in the Calendar.
-/// @group calendar
 $kendo-calendar-cell-selected-text: null !default;
-/// The border color of the selected cells in the Calendar.
-/// @group calendar
 $kendo-calendar-cell-selected-border: null !default;
-/// The gradient of the selected cells in the Calendar.
-/// @group calendar
 $kendo-calendar-cell-selected-gradient: null !default;
 
-/// The background color of the selected and hovered cells in the Calendar.
-/// @group calendar
 $kendo-calendar-cell-selected-hover-bg: null !default;
-/// The text color of the selected and hovered cells in the Calendar.
-/// @group calendar
 $kendo-calendar-cell-selected-hover-text: null !default;
-/// The border color of the selected and hovered cells in the Calendar.
-/// @group calendar
 $kendo-calendar-cell-selected-hover-border: null !default;
-/// The gradient of the selected and hovered cells in the Calendar.
-/// @group calendar
 $kendo-calendar-cell-selected-hover-gradient: null !default;
 
-/// The shadow of the focused cells in the Calendar.
-/// @group calendar
 $kendo-calendar-cell-focus-shadow: null !default;
-/// The shadow of the selected and focused cells in the Calendar.
-/// @group calendar
 $kendo-calendar-cell-selected-focus-shadow: null !default;
 
 
-/// The width of the Calendar navigation.
-/// @group calendar
 $kendo-calendar-navigation-width: null !default;
-/// The height of the items in the Calendar navigation.
-/// @group calendar
 $kendo-calendar-navigation-item-height: null !default;
 
-/// The background color of the Calendar navigation.
-/// @group calendar
 $kendo-calendar-navigation-bg: null !default;
-/// The text color of the Calendar navigation.
-/// @group calendar
 $kendo-calendar-navigation-text: null !default;
-/// The border color of the Calendar navigation.
-/// @group calendar
 $kendo-calendar-navigation-border: null !default;
 
-/// The text color of the hovered items in the Calendar navigation.
-/// @group calendar
 $kendo-calendar-navigation-hover-text: null !default;
 
-/// The horizontal padding of the header in the Infinite Calendar.
-/// @group calendar
 $kendo-infinite-calendar-header-padding-x: null !default;
-/// The vertical padding of the header in the Infinite Calendar.
-/// @group calendar
 $kendo-infinite-calendar-header-padding-y: null !default;
 
-/// The horizontal padding of the Calendar view in the Infinite Calendar.
-/// @group calendar
 $kendo-infinite-calendar-view-padding-x: null !default;
-/// The vertical padding of the Calendar view in the Infinite Calendar.
-/// @group calendar
 $kendo-infinite-calendar-view-padding-y: null !default;
 
-/// The height of the Calendar view in the Infinite Calendar.
-/// @group calendar
 $kendo-infinite-calendar-view-height: null !default;
 
 
 // Multiview calendar
 
-/// The border radius of the range cells in the Multiview Calendar.
-/// @group calendar
 $kendo-calendar-range-cell-border-radius: null !default;
 
 // Calendar sizes
 
-/// The font size of the small Calendar.
-/// @group calendar
 $kendo-calendar-sm-font-size: null !default;
-/// The line height of the small Calendar.
-/// @group calendar
 $kendo-calendar-sm-line-height: null !default;
-/// The size of the cells in the small Calendar.
-/// @group calendar
 $kendo-calendar-sm-cell-size: null !default;
-/// The horizontal padding of the cells in the small Calendar.
-/// @group calendar
 $kendo-calendar-sm-cell-padding-x: null !default;
-/// The vertical padding of the cells in the small Calendar.
-/// @group calendar
 $kendo-calendar-sm-cell-padding-y: null !default;
 
-/// The font size of the medium Calendar.
-/// @group calendar
 $kendo-calendar-md-font-size: null !default;
-/// The line height of the medium Calendar.
-/// @group calendar
 $kendo-calendar-md-line-height: null !default;
-/// The size of the cells in the medium Calendar.
-/// @group calendar
 $kendo-calendar-md-cell-size: null !default;
-/// The horizontal padding of the cells in the medium Calendar.
-/// @group calendar
 $kendo-calendar-md-cell-padding-x: null !default;
-/// The vertical padding of the cells in the medium Calendar.
-/// @group calendar
 $kendo-calendar-md-cell-padding-y: null !default;
 
-/// The font size of the large Calendar.
-/// @group calendar
 $kendo-calendar-lg-font-size: null !default;
-/// The line height of the large Calendar.
-/// @group calendar
 $kendo-calendar-lg-line-height: null !default;
-/// The size of the cells in the large Calendar.
-/// @group calendar
 $kendo-calendar-lg-cell-size: null !default;
-/// The horizontal padding of the cells in the large Calendar.
-/// @group calendar
 $kendo-calendar-lg-cell-padding-x: null !default;
-/// The vertical padding of the cells in the large Calendar.
-/// @group calendar
 $kendo-calendar-lg-cell-padding-y: null !default;
 
-/// The sizes Map of the Calendar.
-/// @group calendar
 $kendo-calendar-sizes: null !default;
diff --git a/packages/core/scss/components/captcha/_variables.scss b/packages/core/scss/components/captcha/_variables.scss
index 7a17f63a50..27b5de6190 100644
--- a/packages/core/scss/components/captcha/_variables.scss
+++ b/packages/core/scss/components/captcha/_variables.scss
@@ -1,47 +1,19 @@
 // Captcha
 
-/// The spacer of the Captcha.
-/// @group captcha
 $kendo-captcha-spacer: null !default;
 
-/// The width of the Captcha.
-/// @group captcha
 $kendo-captcha-width: null !default;
-/// The font family of the Captcha.
-/// @group captcha
 $kendo-captcha-font-family: null !default;
-/// The font size of the Captcha.
-/// @group captcha
 $kendo-captcha-font-size: null !default;
-/// The line height of the Captcha.
-/// @group captcha
 $kendo-captcha-line-height: null !default;
-/// The gap of the Captcha.
-/// @group captcha
 $kendo-captcha-gap: null !default;
-/// The background color of the Captcha.
-/// @group captcha
 $kendo-captcha-bg: null !default;
-/// The text color of the Captcha.
-/// @group captcha
 $kendo-captcha-text: null !default;
-/// The border color of the Captcha.
-/// @group captcha
 $kendo-captcha-border: null !default;
 
-/// The gap of the Captcha image wrapper.
-/// @group captcha
 $kendo-captcha-image-wrap-gap: null !default;
-/// The gap of the Captcha image controls.
-/// @group captcha
 $kendo-captcha-image-controls-gap: null !default;
 
-/// The top margin of the Captcha validation message.
-/// @group captcha
 $kendo-captcha-validation-message-margin-top: null !default;
-/// The font size of the Captcha validation message.
-/// @group captcha
 $kendo-captcha-validation-message-font-size: null !default;
-/// The font style of the Captcha validation message.
-/// @group captcha
 $kendo-captcha-validation-message-font-style: null !default;
diff --git a/packages/core/scss/components/card/_variables.scss b/packages/core/scss/components/card/_variables.scss
index 8fcf570e57..040695783f 100644
--- a/packages/core/scss/components/card/_variables.scss
+++ b/packages/core/scss/components/card/_variables.scss
@@ -1,182 +1,72 @@
 // Card
 
-/// The horizontal padding of the Card.
-/// @group card
 $kendo-card-padding-x: null !default;
-/// The vertical padding of the Card.
-/// @group card
 $kendo-card-padding-y: null !default;
-/// The width of the border around the Card.
-/// @group card
 $kendo-card-border-width: null !default;
-/// The border radius of the Card.
-/// @group card
 $kendo-card-border-radius: null !default;
-/// The inner border radius of the Card.
-/// @group card
 $kendo-card-inner-border-radius: null !default;
-/// The font family of the Card.
-/// @group card
 $kendo-card-font-family: null !default;
-/// The font size of the Card.
-/// @group card
 $kendo-card-font-size: null !default;
-/// The line height of the Card.
-/// @group card
 $kendo-card-line-height: null !default;
 
-/// The spacing between the Cards in the Card deck.
-/// @group card
 $kendo-card-deck-gap: null !default;
 
-/// The background color of the Card.
-/// @group card
 $kendo-card-bg: null !default;
-/// The text color of the Card.
-/// @group card
 $kendo-card-text: null !default;
-/// The border color of the Card.
-/// @group card
 $kendo-card-border: null !default;
-/// The shadow of the Card.
-/// @group card
 $kendo-card-shadow: null !default;
 
-/// The background color of the focused Card.
-/// @group card
 $kendo-card-focus-bg: null !default;
-/// The text color of the focused Card.
-/// @group card
 $kendo-card-focus-text: null !default;
-/// The border color of the focused Card.
-/// @group card
 $kendo-card-focus-border: null !default;
 
 // TODO: double-check: the default theme is not supposed to elevate the Card on focus
 
-/// The shadow of the focused Card.
-/// @group card
 $kendo-card-focus-shadow: null !default;
 
-/// The horizontal padding of the Card header.
-/// @group card
 $kendo-card-header-padding-x: null !default;
-/// The vertical padding of the Card header.
-/// @group card
 $kendo-card-header-padding-y: null !default;
-/// The bottom border width of the Card header.
-/// @group card
 $kendo-card-header-border-width: null !default;
-/// The background color of the Card header.
-/// @group card
 $kendo-card-header-bg: null !default;
-/// The text color of the Card header.
-/// @group card
 $kendo-card-header-text: null !default;
-/// The border color of the Card header.
-/// @group card
 $kendo-card-header-border: null !default;
 
-/// The horizontal padding of the Card body.
-/// @group card
 $kendo-card-body-padding-x: null !default;
-/// The vertical padding of the Card body.
-/// @group card
 $kendo-card-body-padding-y: null !default;
 
-/// The horizontal padding of the Card footer.
-/// @group card
 $kendo-card-footer-padding-x: null !default;
-/// The vertical padding of the Card footer.
-/// @group card
 $kendo-card-footer-padding-y: null !default;
-/// The top border width of the Card footer.
-/// @group card
 $kendo-card-footer-border-width: null !default;
-/// The background color of the Card footer.
-/// @group card
 $kendo-card-footer-bg: null !default;
-/// The text color of the Card footer.
-/// @group card
 $kendo-card-footer-text: null !default;
-/// The border color of the Card footer.
-/// @group card
 $kendo-card-footer-border: null !default;
 
-/// The bottom margin of the Card title.
-/// @group card
 $kendo-card-title-margin-bottom: null !default;
-/// The font size of the Card title.
-/// @group card
 $kendo-card-title-font-size: null !default;
-/// The font family of the Card title.
-/// @group card
 $kendo-card-title-font-family: null !default;
-/// The line height of the Card title.
-/// @group card
 $kendo-card-title-line-height: null !default;
-/// The font weight of the Card title.
-/// @group card
 $kendo-card-title-font-weight: null !default;
-/// The letter spacing of the Card title.
-/// @group card
 $kendo-card-title-letter-spacing: null !default;
 
-/// The bottom margin of the Card subtitle.
-/// @group card
 $kendo-card-subtitle-margin-bottom: null !default;
-/// The font size of the Card subtitle.
-/// @group card
 $kendo-card-subtitle-font-size: null !default;
-/// The font family of the Card subtitle.
-/// @group card
 $kendo-card-subtitle-font-family: null !default;
-/// The line height of the Card subtitle.
-/// @group card
 $kendo-card-subtitle-line-height: null !default;
-/// The font weight of the Card subtitle.
-/// @group card
 $kendo-card-subtitle-font-weight: null !default;
-/// The letter spacing of the Card subtitle.
-/// @group card
 $kendo-card-subtitle-letter-spacing: null !default;
-/// The text color of the Card subtitle.
-/// @group card
 $kendo-card-subtitle-text: null !default;
 
-/// The maximum width of the Card image.
-/// @group card
 $kendo-card-img-max-width: null !default;
-/// The size of the Avatar in the Card.
-/// @group card
 $kendo-card-avatar-size: null !default;
-/// The spacing between the Avatar and the text in the Card.
-/// @group card
 $kendo-card-avatar-spacing: null !default;
 
-/// The horizontal padding of the Card actions.
-/// @group card
 $kendo-card-actions-padding-x: null !default;
-/// The vertical padding of the Card actions.
-/// @group card
 $kendo-card-actions-padding-y: null !default;
-/// The top border width of the Card actions.
-/// @group card
 $kendo-card-actions-border-width: null !default;
-/// The spacing between the Card actions.
-/// @group card
 $kendo-card-actions-gap: null !default;
 
-/// The border radius of the scroll button in the Card deck.
-/// @group card
 $kendo-card-deck-scroll-button-radius: null !default;
-/// The border radius of the scroll button in the Card deck.
-/// @group card
 $kendo-card-deck-scroll-button-offset: null !default;
 
-/// The width of the Card callout.
-/// @group card
 $kendo-card-callout-width: null !default;
-/// The height of the Card callout.
-/// @group card
 $kendo-card-callout-height: null !default;
diff --git a/packages/core/scss/components/chart-wizard/_variables.scss b/packages/core/scss/components/chart-wizard/_variables.scss
index 95be4b83d4..45a8291561 100644
--- a/packages/core/scss/components/chart-wizard/_variables.scss
+++ b/packages/core/scss/components/chart-wizard/_variables.scss
@@ -1,38 +1,16 @@
 // Chart wizard
 
-/// The color of the area around the chart type icon.
-/// @group chart-wizard
 $kendo-chart-wizard-icon-area-color: null !default;
-/// The background color of the area around the chart type icon.
-/// @group chart-wizard
 $kendo-chart-wizard-icon-area-bg: null !default;
-/// The border radius of the area around the chart type icon.
-/// @group chart-wizard
 $kendo-chart-wizard-icon-area-border-radius: null !default;
-/// The padding of the area around the chart type icon.
-/// @group chart-wizard
 $kendo-chart-wizard-icon-area-padding: null !default;
-/// The box shadow of the focused area around the chart type icon.
-/// @group chart-wizard
 $kendo-chart-wizard-icon-area-focus-shadow: null !default;
-/// The box shadow of the selected area around the chart type icon.
-/// @group chart-wizard
 $kendo-chart-wizard-icon-area-selected-shadow: null !default;
 
-/// The color of the selected chart type items in the Property panel.
-/// @group chart-wizard
 $kendo-chart-wizard-chart-type-selected-color: null !default;
 
-/// The padding of the preview pane.
-/// @group chart-wizard
 $kendo-chart-wizard-preview-pane-padding: null !default;
-/// The padding of the property pane.
-/// @group chart-wizard
 $kendo-chart-wizard-property-pane-padding: null !default;
 
-/// The gap between the chart type items in the Property panel.
-/// @group chart-wizard
 $kendo-chart-wizard-chart-type-spacing: null !default;
-/// The gap between the icon area and its text.
-/// @group chart-wizard
 $kendo-chart-wizard-icon-text-gap: null !default;
diff --git a/packages/core/scss/components/chat/_variables.scss b/packages/core/scss/components/chat/_variables.scss
index c9ab9565ca..cbb34a0d37 100644
--- a/packages/core/scss/components/chat/_variables.scss
+++ b/packages/core/scss/components/chat/_variables.scss
@@ -1,211 +1,83 @@
 // Chat
 
-/// The horizontal padding of the Chat.
-/// @group chat
 $kendo-chat-padding-x: null !default;
-/// The vertical padding of the Chat.
-/// @group chat
 $kendo-chat-padding-y: null !default;
-/// The width of the Chat.
-/// @group chat
 $kendo-chat-width: null !default;
-/// The height of the Chat.
-/// @group chat
 $kendo-chat-height: null !default;
-/// The border width of the Chat.
-/// @group chat
 $kendo-chat-border-width: null !default;
-/// The font family of the Chat.
-/// @group chat
 $kendo-chat-font-family: null !default;
-/// The font size of the Chat.
-/// @group chat
 $kendo-chat-font-size: null !default;
-/// The line height of the Chat.
-/// @group chat
 $kendo-chat-line-height: null !default;
 
-/// The horizontal spacing between the items of the Chat.
-/// @group chat
 $kendo-chat-item-spacing-x: null !default;
-/// The vertical spacing between the items of the Chat.
-/// @group chat
 $kendo-chat-item-spacing-y: null !default;
 
-/// The horizontal padding of the Chat message list.
-/// @group chat
 $kendo-chat-message-list-padding-x: null !default;
-/// The vertical padding of the Chat message list.
-/// @group chat
 $kendo-chat-message-list-padding-y: null !default;
-/// The spacing of the Chat message list.
-/// @group chat
 $kendo-chat-message-list-spacing: null !default;
 
-/// The font size of the Chat timestamp.
-/// @group chat
 $kendo-chat-timestamp-font-size: null !default;
-/// The line height of the Chat timestamp.
-/// @group chat
 $kendo-chat-timestamp-line-height: null !default;
-/// The text transform of the Chat timestamp.
-/// @group chat
 $kendo-chat-timestamp-transform: null !default;
-/// The text color of the Chat timestamp.
-/// @group chat
 $kendo-chat-timestamp-text: null !default;
-/// The background color of the Chat timestamp.
-/// @group chat
 $kendo-chat-timestamp-bg: null !default;
 
-/// The font size of the Chat message meta text.
-/// @group chat
 $kendo-chat-message-meta-font-size: null !default;
-/// The line height of the Chat message meta text.
-/// @group chat
 $kendo-chat-message-meta-line-height: null !default;
 
-/// The font size of the Chat author text.
-/// @group chat
 $kendo-chat-author-font-size: null !default;
-/// The line height of the Chat author text.
-/// @group chat
 $kendo-chat-author-line-height: null !default;
 
-/// The horizontal padding of the Chat bubble message.
-/// @group chat
 $kendo-chat-bubble-padding-x: null !default;
-/// The vertical padding of the Chat bubble message.
-/// @group chat
 $kendo-chat-bubble-padding-y: null !default;
-/// The spacing of the Chat bubble message.
-/// @group chat
 $kendo-chat-bubble-spacing: null !default;
-/// The line height of the Chat bubble message.
-/// @group chat
 $kendo-chat-bubble-line-height: null !default;
 
-/// The border radius of the Chat bubble message.
-/// @group chat
 $kendo-chat-bubble-border-radius: null !default;
-/// The border radius of the Chat small bubble message
-/// @group chat
 $kendo-chat-bubble-border-radius-sm: null !default;
 
-/// The size of the Chat Avatar.
-/// @group chat
 $kendo-chat-avatar-size: null !default;
-/// The spacing of the Chat Avatar.
-/// @group chat
 $kendo-chat-avatar-spacing: null !default;
 
-/// The horizontal padding of the Chat Toolbar.
-/// @group chat
 $kendo-chat-toolbar-padding-x: null !default;
-/// The vertical padding of the Chat Toolbar.
-/// @group chat
 $kendo-chat-toolbar-padding-y: null !default;
-/// The spacing of the Chat Toolbar.
-/// @group chat
 $kendo-chat-toolbar-spacing: null !default;
-/// The background color of the Chat Toolbar.
-/// @group chat
 $kendo-chat-toolbar-bg: null !default;
-/// The text color of the Chat Toolbar.
-/// @group chat
 $kendo-chat-toolbar-text: null !default;
-/// The border color of the Chat Toolbar.
-/// @group chat
 $kendo-chat-toolbar-border: null !default;
 
-/// The horizontal padding of the Chat quick reply.
-/// @group chat
 $kendo-chat-quick-reply-padding-x: null !default;
-/// The vertical padding of the Chat quick reply.
-/// @group chat
 $kendo-chat-quick-reply-padding-y: null !default;
-/// The spacing of the Chat quick reply.
-/// @group chat
 $kendo-chat-quick-reply-spacing: null !default;
-/// The line height of the Chat quick reply.
-/// @group chat
 $kendo-chat-quick-reply-line-height: null !default;
 
 
-/// The background color of the Chat.
-/// @group chat
 $kendo-chat-bg: null !default;
-/// The text color of the Chat.
-/// @group chat
 $kendo-chat-text: null !default;
-/// The border color of the Chat.
-/// @group chat
 $kendo-chat-border: null !default;
 
-/// The background color of the Chat bubble.
-/// @group chat
 $kendo-chat-bubble-bg: null !default;
-/// The text color of the Chat bubble.
-/// @group chat
 $kendo-chat-bubble-text: null !default;
-/// The border color of the Chat bubble.
-/// @group chat
 $kendo-chat-bubble-border: null !default;
-/// The box shadow of the Chat bubble.
-/// @group chat
 $kendo-chat-bubble-shadow: null !default;
-/// The shadow of the hovered Chat bubble.
-/// @group chat
 $kendo-chat-bubble-hover-shadow: null !default;
-/// The shadow of the selected Chat bubble.
-/// @group chat
 $kendo-chat-bubble-selected-shadow: null !default;
 
-/// The background color of the Chat alt bubble.
-/// @group chat
 $kendo-chat-alt-bubble-bg: null !default;
-/// The text color of the Chat alt bubble.
-/// @group chat
 $kendo-chat-alt-bubble-text: null !default;
-/// The border color of the Chat alt bubble.
-/// @group chat
 $kendo-chat-alt-bubble-border: null !default;
-/// The shadow of the Chat alt bubble.
-/// @group chat
 $kendo-chat-alt-bubble-shadow: null !default;
-/// The shadow of the hovered Chat alt bubble.
-/// @group chat
 $kendo-chat-alt-bubble-hover-shadow: null !default;
-/// The shadow of the selected Chat alt bubble.
-/// @group chat
 $kendo-chat-alt-bubble-selected-shadow: null !default;
 
-/// The background color of the Chat quick reply.
-/// @group chat
 $kendo-chat-quick-reply-bg: null !default;
-/// The text color of the Chat quick reply.
-/// @group chat
 $kendo-chat-quick-reply-text: null !default;
-/// The border color of the Chat quick reply.
-/// @group chat
 $kendo-chat-quick-reply-border: null !default;
 
-/// The background color of the hovered Chat quick reply.
-/// @group chat
 $kendo-chat-quick-reply-hover-bg: null !default;
-/// The text color of the hovered Chat quick reply.
-/// @group chat
 $kendo-chat-quick-reply-hover-text: null !default;
-/// The border color of the hovered Chat quick reply.
-/// @group chat
 $kendo-chat-quick-reply-hover-border: null !default;
 
-/// The shadow blur of the focused Chat quick reply.
-/// @group chat
 $kendo-chat-quick-reply-shadow-blur: null !default;
-/// The shadow spread of the focused Chat quick reply.
-/// @group chat
 $kendo-chat-quick-reply-shadow-spread: null !default;
-/// The shadow opacity of the focused Chat quick reply.
-/// @group chat
 $kendo-chat-quick-reply-shadow-opacity: null !default;
diff --git a/packages/core/scss/components/checkbox/_variables.scss b/packages/core/scss/components/checkbox/_variables.scss
index 3b10e37851..b5275d2977 100644
--- a/packages/core/scss/components/checkbox/_variables.scss
+++ b/packages/core/scss/components/checkbox/_variables.scss
@@ -1,175 +1,81 @@
 // CheckBox
 
-/// The border width of the CheckBox.
-/// @group checkbox
 $kendo-checkbox-border-width: null !default;
 
-/// The size of a small CheckBox.
-/// @group checkbox
 $kendo-checkbox-sm-size: null !default;
-/// The size of a medium CheckBox.
-/// @group checkbox
 $kendo-checkbox-md-size: null !default;
-/// The size of a large CheckBox.
-/// @group checkbox
 $kendo-checkbox-lg-size: null !default;
 
-/// The glyph size of a small CheckBox.
-/// @group checkbox
 $kendo-checkbox-sm-glyph-size: null !default;
-/// The glyph size of a medium CheckBox.
-/// @group checkbox
 $kendo-checkbox-md-glyph-size: null !default;
-/// The glyph size of a large CheckBox.
-/// @group checkbox
 $kendo-checkbox-lg-glyph-size: null !default;
 
-/// The ripple size of a small CheckBox.
-/// @group checkbox
 $kendo-checkbox-sm-ripple-size: null !default;
-/// The ripple size of a medium CheckBox.
-/// @group checkbox
 $kendo-checkbox-md-ripple-size: null !default;
-/// The ripple size of a large CheckBox.
-/// @group checkbox
 $kendo-checkbox-lg-ripple-size: null !default;
 
 // A map with the different CheckBox sizes.
 $kendo-checkbox-sizes: null !default;
 
-/// The background color of the CheckBox.
-/// @group checkbox
 $kendo-checkbox-bg: null !default;
-/// The text color of the CheckBox.
-/// @group checkbox
 $kendo-checkbox-text: null !default;
-/// The border color of the CheckBox.
-/// @group checkbox
 $kendo-checkbox-border: null !default;
 
-/// The background color of the hovered CheckBox.
-/// @group checkbox
 $kendo-checkbox-hover-bg: null !default;
-/// The text color of the hovered CheckBox.
-/// @group checkbox
 $kendo-checkbox-hover-text: null !default;
-/// The border color of the hovered CheckBox.
-/// @group checkbox
 $kendo-checkbox-hover-border: null !default;
 
-/// The background color of the checked CheckBox.
-/// @group checkbox
 $kendo-checkbox-checked-bg: null !default;
-/// The text color of the checked CheckBox.
-/// @group checkbox
 $kendo-checkbox-checked-text: null !default;
-/// The border color of the checked CheckBox.
-/// @group checkbox
 $kendo-checkbox-checked-border: null !default;
 
-/// The background color of the indeterminate CheckBox.
-/// @group checkbox
 $kendo-checkbox-indeterminate-bg: null !default;
-/// The text color of the indeterminate CheckBox.
-/// @group checkbox
 $kendo-checkbox-indeterminate-text: null !default;
-/// The border color of the indeterminate CheckBox.
-/// @group checkbox
 $kendo-checkbox-indeterminate-border: null !default;
 
-/// The border color of the focused CheckBox.
-/// @group checkbox
 $kendo-checkbox-focus-border: null !default;
-/// The box shadow of the focused CheckBox.
-/// @group checkbox
 $kendo-checkbox-focus-shadow: null !default;
-/// The border color of the focused and checked CheckBox.
-/// @group checkbox
 $kendo-checkbox-focus-checked-border: null !default;
-/// The box shadow of the focused and checked CheckBox.
-/// @group checkbox
 $kendo-checkbox-focus-checked-shadow: null !default;
 
-/// The background color of the disabled CheckBox.
-/// @group checkbox
 $kendo-checkbox-disabled-bg: null !default;
-/// The text color of the disabled CheckBox.
-/// @group checkbox
 $kendo-checkbox-disabled-text: null !default;
-/// The border color of the disabled CheckBox.
-/// @group checkbox
 $kendo-checkbox-disabled-border: null !default;
 
-/// The background color of the disabled and checked CheckBox.
-/// @group checkbox
 $kendo-checkbox-disabled-checked-bg: null !default;
-/// The text color of the disabled and checked CheckBox.
-/// @group checkbox
 $kendo-checkbox-disabled-checked-text: null !default;
-/// The border color of the disabled and checked CheckBox.
-/// @group checkbox
 $kendo-checkbox-disabled-checked-border: null !default;
 
-/// The background color of an invalid CheckBox.
-/// @group checkbox
 $kendo-checkbox-invalid-bg: null !default;
-/// The text color of an invalid CheckBox.
-/// @group checkbox
 $kendo-checkbox-invalid-text: null !default;
-/// The border color of an invalid CheckBox.
-/// @group checkbox
 $kendo-checkbox-invalid-border: null !default;
 
 
 // CheckBox indicator
 
-/// The type of the CheckBox indicator.
-/// @group checkbox
 $kendo-checkbox-indicator-type: null !default;
 
-/// The font family of the CheckBox indicator glyph.
-/// @group checkbox
 $kendo-checkbox-glyph-font-family: null !default;
-/// The glyph of the CheckBox indicator.
-/// @group checkbox
 $kendo-checkbox-checked-glyph: null !default;
-/// The glyph of the indeterminate CheckBox indicator.
-/// @group checkbox
 $kendo-checkbox-indeterminate-glyph: null !default;
 
-/// The image for a checked CheckBox indicator.
-/// @group checkbox
 $kendo-checkbox-checked-image: null !default;
-/// The image for a indeterminate CheckBox indicator.
-/// @group checkbox
 $kendo-checkbox-indeterminate-image: null !default;
 
 
 // CheckBox label
 
-/// The horizontal margin of the CheckBox inside a label.
-/// @group checkbox
 $kendo-checkbox-label-margin-x: null !default;
 
 
 // CheckBox list
 
-/// The spacing between the items in a horizontal CheckBox list.
-/// @group checkbox
 $kendo-checkbox-list-spacing: null !default;
-/// The horizontal padding of the CheckBox list items.
-/// @group checkbox
 $kendo-checkbox-list-item-padding-x: null !default;
-/// The vertical padding of the CheckBox list items.
-/// @group checkbox
 $kendo-checkbox-list-item-padding-y: null !default;
 
 
 // CheckBox ripple
 
-/// The background color of the CheckBox' ripple.
-/// @group checkbox
 $kendo-checkbox-ripple-bg: null !default;
-/// The opacity of the CheckBox' ripple.
-/// @group checkbox
 $kendo-checkbox-ripple-opacity: null !default;
diff --git a/packages/core/scss/components/chip/_variables.scss b/packages/core/scss/components/chip/_variables.scss
index 5bab6db2db..c744fcea9e 100644
--- a/packages/core/scss/components/chip/_variables.scss
+++ b/packages/core/scss/components/chip/_variables.scss
@@ -1,147 +1,63 @@
 // Chip
 
-/// The width of the border around the Chip.
-/// @group chip
 $kendo-chip-border-width: null !default;
-/// The spacing between the text and the icons of the Chip.
-/// @group chip
 $kendo-chip-spacing: null !default;
 
-/// The horizontal padding of the Chip.
-/// @group chip
 $kendo-chip-padding-x: null !default;
-/// The horizontal padding of the small Chip.
-/// @group chip
 $kendo-chip-sm-padding-x: null !default;
-/// The horizontal padding of the medium Chip.
-/// @group chip
 $kendo-chip-md-padding-x: null !default;
-/// The horizontal padding of the large Chip.
-/// @group chip
 $kendo-chip-lg-padding-x: null !default;
 
-/// The vertical padding of the Chip.
-/// @group chip
 $kendo-chip-padding-y: null !default;
-/// The vertical padding of the small Chip.
-/// @group chip
 $kendo-chip-sm-padding-y: null !default;
-/// The vertical padding of the medium Chip.
-/// @group chip
 $kendo-chip-md-padding-y: null !default;
-/// The vertical padding of the large Chip.
-/// @group chip
 $kendo-chip-lg-padding-y: null !default;
 
-/// The font size of the Chip.
-/// @group chip
 $kendo-chip-font-size: null !default;
-/// The font size of the small Chip.
-/// @group chip
 $kendo-chip-sm-font-size: null !default;
-/// The font size of the medium Chip.
-/// @group chip
 $kendo-chip-md-font-size: null !default;
-/// The font size of the large Chip.
-/// @group chip
 $kendo-chip-lg-font-size: null !default;
 
-/// The Chip's line height that is related to the $kendo-font-size.
-/// @group chip
 $kendo-chip-line-height: null !default;
-/// The small Chip's line height that is related to the $kendo-font-size.
-/// @group chip
 $kendo-chip-sm-line-height: null !default;
-/// The medium Chip's line height that is related to the $kendo-font-size.
-/// @group chip
 $kendo-chip-md-line-height: null !default;
-/// The large Chip's line height that is related to the $kendo-font-size.
-/// @group chip
 $kendo-chip-lg-line-height: null !default;
 
-/// The calculated height of the Chip.
-/// @group chip
 $kendo-chip-calc-size: null !default;
 $kendo-chip-sm-calc-size: null !default;
 
-/// The map with the sizes of the Chip.
-/// @group chip
 $kendo-chip-sizes: null !default;
 
-/// The base background of the Chip.
-/// @group chip
 $kendo-chip-base-bg: null !default;
 
-/// The theme colors map for the Chip.
-/// @group chip
 $kendo-chip-theme-colors: null !default;
 
-/// The base background color of the solid Chip.
-/// @group chip
 $kendo-chip-solid-bg: null !default;
-/// The base text color of the solid Chip.
-/// @group chip
 $kendo-chip-solid-text: null !default;
-/// The base border color of the solid Chip.
-/// @group chip
 $kendo-chip-solid-border: null !default;
-/// The base shadow of the solid Chip.
-/// @group chip
 $kendo-chip-solid-shadow: null !default;
-/// The base gradient of the solid Chip.
-/// @group chip
 $kendo-chip-solid-gradient: null !default;
 
-/// The base background color of the focused solid Chip.
-/// @group chip
 $kendo-chip-solid-focus-bg: null !default;
-/// The base text color of the focused solid Chip.
-/// @group chip
 $kendo-chip-solid-focus-text: null !default;
 
-/// The base background color of the hovered solid Chip.
-/// @group chip
 $kendo-chip-solid-hover-bg: null !default;
-/// The base text color of the hovered solid Chip.
-/// @group chip
 $kendo-chip-solid-hover-text: null !default;
 
-/// The base background color of the selected solid Chip.
-/// @group chip
 $kendo-chip-solid-selected-bg: null !default;
-/// The base text color of the selected solid Chip.
-/// @group chip
 $kendo-chip-solid-selected-text: null !default;
 
-/// The base background color of the outline Chip.
-/// @group chip
 $kendo-chip-outline-bg: null !default;
-/// The base text color of the outline Chip.
-/// @group chip
 $kendo-chip-outline-text: null !default;
-/// The base border color of the outline Chip.
-/// @group chip
 $kendo-chip-outline-border: null !default;
-/// The base shadow of the outline Chip.
-/// @group chip
 $kendo-chip-outline-shadow: null !default;
 
-/// The base background color of the hovered outline Chip.
-/// @group chip
 $kendo-chip-outline-hover-bg: null !default;
-/// The base text color of the hovered outline Chip.
-/// @group chip
 $kendo-chip-outline-hover-text: null !default;
 
-/// The base background color of the selected outline Chip.
-/// @group chip
 $kendo-chip-outline-selected-bg: null !default;
-/// The base text color of the selected outline Chip.
-/// @group chip
 $kendo-chip-outline-selected-text: null !default;
 
 // Chip List
 
-/// The sizes of the Chip list.
-/// @group chip
 $kendo-chip-list-sizes: null !default;
diff --git a/packages/core/scss/components/coloreditor/_variables.scss b/packages/core/scss/components/coloreditor/_variables.scss
index 967c7867c5..db91b87eaa 100644
--- a/packages/core/scss/components/coloreditor/_variables.scss
+++ b/packages/core/scss/components/coloreditor/_variables.scss
@@ -1,167 +1,63 @@
 // ColorEditor/FlatColorPicker
 
-/// The spacer of the ColorEditor.
-/// @group color-editor
 $kendo-color-editor-spacer: null !default;
 
-/// The minimum width of the ColorEditor.
-/// @group color-editor
 $kendo-color-editor-min-width: null !default;
-/// The minimum width of the ColorEditor.
-/// @group color-editor
 $kendo-color-editor-sm-min-width: null !default;
-/// The minimum width of the ColorEditor.
-/// @group color-editor
 $kendo-color-editor-md-min-width: null !default;
-/// The minimum width of the ColorEditor.
-/// @group color-editor
 $kendo-color-editor-lg-min-width: null !default;
-/// The width of the border around the ColorEditor.
-/// @group color-editor
 $kendo-color-editor-border-width: null !default;
-/// The border radius of the ColorEditor.
-/// @group color-editor
 $kendo-color-editor-border-radius: null !default;
-/// The font family of the ColorEditor.
-/// @group color-editor
 $kendo-color-editor-font-family: null !default;
-/// The font size of the ColorEditor.
-/// @group color-editor
 $kendo-color-editor-font-size: null !default;
-/// The line height of the ColorEditor.
-/// @group color-editor
 $kendo-color-editor-line-height: null !default;
-/// The text color of the ColorEditor.
-/// @group color-editor
 $kendo-color-editor-text: null !default;
-/// The background color of the ColorEditor.
-/// @group color-editor
 $kendo-color-editor-bg: null !default;
-/// The border color of the ColorEditor.
-/// @group color-editor
 $kendo-color-editor-border: null !default;
 
-/// The border color of the focused ColorEditor.
-/// @group color-editor
 $kendo-color-editor-focus-border: null !default;
 // TODO: does this ever get focused? Isn't it always in a popup?
-/// The box shadow of the focused ColorEditor.
-/// @group color-editor
 $kendo-color-editor-focus-shadow: null !default; // 1px 1px 7px 1px rgba(0, 0, 0, .3)
 
-/// The vertical padding of the ColorEditor header.
-/// @group color-editor
 $kendo-color-editor-header-padding-y: null !default;
-/// The horizontal padding of the ColorEditor header.
-/// @group color-editor
 $kendo-color-editor-header-padding-x: null !default;
-/// The spacing between the ColorEditor header actions.
-/// @group color-editor
 $kendo-color-editor-header-actions-gap: null !default;
-/// The vertical padding of the small ColorEditor header.
-/// @group color-editor
 $kendo-color-editor-sm-header-padding-y: null !default;
-/// The horizontal padding of the small ColorEditor header.
-/// @group color-editor
 $kendo-color-editor-sm-header-padding-x: null !default;
-/// The vertical padding of the medium ColorEditor header.
-/// @group color-editor
 $kendo-color-editor-md-header-padding-y: null !default;
-/// The horizontal padding of the medium ColorEditor header.
-/// @group color-editor
 $kendo-color-editor-md-header-padding-x: null !default;
-/// The vertical padding of the large ColorEditor header.
-/// @group color-editor
 $kendo-color-editor-lg-header-padding-y: null !default;
-/// The horizontal padding of the large ColorEditor header.
-/// @group color-editor
 $kendo-color-editor-lg-header-padding-x: null !default;
 
-/// The width of the ColorEditor preview.
-/// @group color-editor
 $kendo-color-editor-color-preview-width: null !default;
-/// The height of the ColorEditor preview.
-/// @group color-editor
 $kendo-color-editor-color-preview-height: null !default;
-/// The spacing between the colors in the ColorEditor preview.
-/// @group color-editor
 $kendo-color-editor-preview-gap: null !default;
-/// The spacing between the colors in the small ColorEditor preview.
-/// @group color-editor
 $kendo-color-editor-sm-preview-gap: null !default;
-/// The spacing between the colors in the medium ColorEditor preview.
-/// @group color-editor
 $kendo-color-editor-md-preview-gap: null !default;
-/// The spacing between the colors in the large ColorEditor preview.
-/// @group color-editor
 $kendo-color-editor-lg-preview-gap: null !default;
 
-/// The width of the small ColorEditor preview.
-/// @group color-editor
 $kendo-color-editor-sm-color-preview-width: null !default;
-/// The height of the small ColorEditor preview.
-/// @group color-editor
 $kendo-color-editor-sm-color-preview-height: null !default;
-/// The width of the medium ColorEditor preview.
-/// @group color-editor
 $kendo-color-editor-md-color-preview-width: null !default;
-/// The height of the medium ColorEditor preview.
-/// @group color-editor
 $kendo-color-editor-md-color-preview-height: null !default;
-/// The width of the large ColorEditor preview.
-/// @group color-editor
 $kendo-color-editor-lg-color-preview-width: null !default;
-/// The height of the large ColorEditor preview.
-/// @group color-editor
 $kendo-color-editor-lg-color-preview-height: null !default;
 
-/// The vertical padding of the ColorEditor views container.
-/// @group color-editor
 $kendo-color-editor-views-padding-y: null !default;
-/// The horizontal padding of the ColorEditor views container.
-/// @group color-editor
 $kendo-color-editor-views-padding-x: null !default;
-/// The spacing of the ColorEditor views container.
-/// @group color-editor
 $kendo-color-editor-views-gap: null !default;
-/// The vertical padding of the small ColorEditor views container.
-/// @group color-editor
 $kendo-color-editor-sm-views-padding-y: null !default;
-/// The horizontal padding of the small ColorEditor views container.
-/// @group color-editor
 $kendo-color-editor-sm-views-padding-x: null !default;
-/// The spacing of the small ColorEditor views container.
-/// @group color-editor
 $kendo-color-editor-sm-views-gap: null !default;
-/// The vertical padding of the medium ColorEditor views container.
-/// @group color-editor
 $kendo-color-editor-md-views-padding-y: null !default;
-/// The horizontal padding of the medium ColorEditor views container.
-/// @group color-editor
 $kendo-color-editor-md-views-padding-x: null !default;
-/// The spacing of the medium ColorEditor views container.
-/// @group color-editor
 $kendo-color-editor-md-views-gap: null !default;
-/// The vertical padding of the large ColorEditor views container.
-/// @group color-editor
 $kendo-color-editor-lg-views-padding-y: null !default;
-/// The horizontal padding of the large ColorEditor views container.
-/// @group color-editor
 $kendo-color-editor-lg-views-padding-x: null !default;
-/// The spacing of the large ColorEditor views container.
-/// @group color-editor
 $kendo-color-editor-lg-views-gap: null !default;
 
-/// The outline color of the focused ColorGradient.
-/// @group color-editor
 $kendo-color-editor-color-gradient-focus-outline-color: null !default;
-/// The outline width of the focused ColorGradient.
-/// @group color-editor
 $kendo-color-editor-color-gradient-focus-outline: null !default;
-/// The outline offset of the focused ColorGradient.
-/// @group color-editor
 $kendo-color-editor-color-gradient-focus-outline-offset: null !default;
 
-/// The size map of the ColorEditor.
-/// @group color-editor
 $kendo-color-editor-sizes: () !default;
diff --git a/packages/core/scss/components/colorgradient/_variables.scss b/packages/core/scss/components/colorgradient/_variables.scss
index e9a9d8e2b2..054680b07f 100644
--- a/packages/core/scss/components/colorgradient/_variables.scss
+++ b/packages/core/scss/components/colorgradient/_variables.scss
@@ -1,221 +1,85 @@
 // ColorGradient
 
-/// The spacer of the ColorGradient.
-/// @group color-gradient
 $kendo-color-gradient-spacer: null !default;
 
-/// The width of the ColorGradient.
-/// @group color-gradient
 $kendo-color-gradient-width: null !default;
-/// The width of the border around the ColorGradient.
-/// @group color-gradient
 $kendo-color-gradient-border-width: null !default;
-/// The border radius of the ColorGradient.
-/// @group color-gradient
 $kendo-color-gradient-border-radius: null !default;
-/// The vertical padding of the ColorGradient.
-/// @group color-gradient
 $kendo-color-gradient-padding-y: null !default;
-/// The horizontal padding of the ColorGradient.
-/// @group color-gradient
 $kendo-color-gradient-padding-x: null !default;
-/// The spacing between the sections of the ColorGradient.
-/// @group color-gradient
 $kendo-color-gradient-gap: null !default;
-/// The font family of the ColorGradient.
-/// @group color-gradient
 $kendo-color-gradient-font-family: null !default;
-/// The font size of the ColorGradient.
-/// @group color-gradient
 $kendo-color-gradient-font-size: null !default;
-/// The line height of the ColorGradient.
-/// @group color-gradient
 $kendo-color-gradient-line-height: null !default;
-/// The text color of the ColorGradient.
-/// @group color-gradient
 $kendo-color-gradient-text: null !default;
-/// The background color of the ColorGradient.
-/// @group color-gradient
 $kendo-color-gradient-bg: null !default;
-/// The border color of the ColorGradient.
-/// @group color-gradient
 $kendo-color-gradient-border: null !default;
 
-/// The vertical padding of the small ColorGradient.
-/// @group color-gradient
 $kendo-color-gradient-sm-padding-y: null !default;
-/// The horizontal padding of the small ColorGradient.
-/// @group color-gradient
 $kendo-color-gradient-sm-padding-x: null !default;
-/// The vertical padding of the medium ColorGradient.
-/// @group color-gradient
 $kendo-color-gradient-md-padding-y: null !default;
-/// The horizontal padding of the medium ColorGradient.
-/// @group color-gradient
 $kendo-color-gradient-md-padding-x: null !default;
-/// The vertical padding of the large ColorGradient.
-/// @group color-gradient
 $kendo-color-gradient-lg-padding-y: null !default;
-/// The horizontal padding of the large ColorGradient.
-/// @group color-gradient
 $kendo-color-gradient-lg-padding-x: null !default;
 
-/// The width of the small ColorGradient.
-/// @group color-gradient
 $kendo-color-gradient-sm-width: null !default;
-/// The width of the medium ColorGradient.
-/// @group color-gradient
 $kendo-color-gradient-md-width: null !default;
-/// The width of the large ColorGradient.
-/// @group color-gradient
 $kendo-color-gradient-lg-width: null !default;
 
-/// The spacing between the sections of the small ColorGradient.
-/// @group color-gradient
 $kendo-color-gradient-sm-gap: null !default;
-/// The spacing between the sections of the medium ColorGradient.
-/// @group color-gradient
 $kendo-color-gradient-md-gap: null !default;
-/// The spacing between the sections of the large ColorGradient.
-/// @group color-gradient
 $kendo-color-gradient-lg-gap: null !default;
 
-/// The border color of the focused ColorGradient.
-/// @group color-gradient
 $kendo-color-gradient-focus-border: null !default;
-/// The box shadow of the focused ColorGradient.
-/// @group color-gradient
 $kendo-color-gradient-focus-shadow: null !default;
 
-/// The border radius of the ColorGradient canvas.
-/// @group color-gradient
 $kendo-color-gradient-canvas-border-radius: null !default;
-/// The spacing between the items of the ColorGradient canvas.
-/// @group color-gradient
 $kendo-color-gradient-canvas-gap: null !default;
-/// The height the ColorGradient canvas hsv rectangle.
-/// @group color-gradient
 $kendo-color-gradient-canvas-rectangle-height: null !default;
-/// The height the small ColorGradient canvas hsv rectangle.
-/// @group color-gradient
 $kendo-color-gradient-sm-canvas-rectangle-height: null !default;
-/// The height the medium ColorGradient canvas hsv rectangle.
-/// @group color-gradient
 $kendo-color-gradient-md-canvas-rectangle-height: null !default;
-/// The height the large ColorGradient canvas hsv rectangle.
-/// @group color-gradient
 $kendo-color-gradient-lg-canvas-rectangle-height: null !default;
 
-/// The spacing between the items of the small ColorGradient canvas.
-/// @group color-gradient
 $kendo-color-gradient-sm-canvas-gap: null !default;
-/// The spacing between the items of the medium ColorGradient canvas.
-/// @group color-gradient
 $kendo-color-gradient-md-canvas-gap: null !default;
-/// The spacing between the items of the large ColorGradient canvas.
-/// @group color-gradient
 $kendo-color-gradient-lg-canvas-gap: null !default;
 
-/// The width of the ColorGradient slider.
-/// @group color-gradient
 $kendo-color-gradient-slider-track-size: null !default;
-/// The border radius of the ColorGradient slider.
-/// @group color-gradient
 $kendo-color-gradient-slider-border-radius: null !default;
-/// The width of the border around the ColorGradient slider drag handle.
-/// @group color-gradient
 $kendo-color-gradient-slider-draghandle-border-width: null !default;
 
-/// The height of the ColorGradient vertical slider.
-/// @group color-gradient
 $kendo-color-gradient-slider-vertical-size: null !default;
-/// The width of the ColorGradient horizontal slider.
-/// @group color-gradient
 $kendo-color-gradient-slider-horizontal-size: null !default;
-/// The background image of the ColorGradient alpha slider.
-/// @group color-gradient
 $kendo-color-gradient-slider-alpha-bgr: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAuSURBVHgBxYyxDQAwDMJIL+YT+DjtzFRliUfLcklqBCRT4eCTxbD6kdL2/LgYXqpvCbs3kBv/AAAAAElFTkSuQmCC" !default;
-/// The height of the small ColorGradient vertical slider.
-/// @group color-gradient
 $kendo-color-gradient-sm-slider-vertical-size: null !default;
-/// The height of the medium ColorGradient vertical slider.
-/// @group color-gradient
 $kendo-color-gradient-md-slider-vertical-size: null !default;
-/// The height of the large ColorGradient vertical slider.
-/// @group color-gradient
 $kendo-color-gradient-lg-slider-vertical-size: null !default;
 
-/// The width of the ColorGradient canvas drag handle.
-/// @group color-gradient
 $kendo-color-gradient-draghandle-width: null !default;
-/// The height of the ColorGradient canvas drag handle.
-/// @group color-gradient
 $kendo-color-gradient-draghandle-height: null !default;
-/// The width of the border around the ColorGradient canvas drag handle.
-/// @group color-gradient
 $kendo-color-gradient-draghandle-border-width: null !default;
-/// The width of the outline around the ColorGradient canvas drag handle.
-/// @group color-gradient
 $kendo-color-gradient-draghandle-outline-width: null !default;
-/// The border radius of the ColorGradient canvas drag handle.
-/// @group color-gradient
 $kendo-color-gradient-draghandle-border-radius: null !default;
-/// The text color of the ColorGradient canvas drag handle.
-/// @group color-gradient
 $kendo-color-gradient-draghandle-text: null !default;
-/// The background color of the ColorGradient canvas drag handle.
-/// @group color-gradient
 $kendo-color-gradient-draghandle-bg: null !default;
-/// The color of the border around the ColorGradient canvas drag handle.
-/// @group color-gradient
 $kendo-color-gradient-draghandle-border: null !default;
-/// The focus color of the outline around the ColorGradient canvas drag handle.
-/// @group color-gradient
 $kendo-color-gradient-draghandle-focus-shadow: null !default;
-/// The hover color of the outline around the ColorGradient canvas drag handle.
-/// @group color-gradient
 $kendo-color-gradient-draghandle-hover-shadow: null !default;
-/// The box shadow of the ColorGradient canvas drag handle.
-/// @group color-gradient
 $kendo-color-gradient-draghandle-shadow: null !default;
 
-/// The vertical margin of the ColorGradient canvas drag handle.
-/// @group color-gradient
 $kendo-color-gradient-canvas-draghandle-margin-y: null !default;
-/// The horizontal margin of the ColorGradient canvas drag handle.
-/// @group color-gradient
 $kendo-color-gradient-canvas-draghandle-margin-x: null !default;
 
-/// The width of the ColorGradient input.
-/// @group color-gradient
 $kendo-color-gradient-input-width: null !default;
-/// The spacing between the ColorGradient inputs.
-/// @group color-gradient
 $kendo-color-gradient-input-gap: null !default;
-/// The spacing between the ColorGradient inputs and their labels.
-/// @group color-gradient
 $kendo-color-gradient-input-label-gap: null !default;
-/// The text color of the ColorGradient input labels.
-/// @group color-gradient
 $kendo-color-gradient-input-label-text: null !default;
 
-/// The width of the small ColorGradient input.
-/// @group color-gradient
 $kendo-color-gradient-sm-input-width: null !default;
-/// The width of the medium ColorGradient input.
-/// @group color-gradient
 $kendo-color-gradient-md-input-width: null !default;
-/// The width of the large ColorGradient input.
-/// @group color-gradient
 $kendo-color-gradient-lg-input-width: null !default;
 
-/// The font weight of the ColorGradient contrast ratio text.
-/// @group color-gradient
 $kendo-color-gradient-contrast-ratio-font-weight: null !default;
-/// The spacing between the items in the ColorGradient contrast tool.
-/// @group color-gradient
 $kendo-color-gradient-contrast-spacer: null !default;
 
-/// The size map of the ColorGradient.
-/// @group color-gradient
 $kendo-color-gradient-sizes: () !default;
diff --git a/packages/core/scss/components/colorpalette/_variables.scss b/packages/core/scss/components/colorpalette/_variables.scss
index 5e45fcc138..4f215e92b6 100644
--- a/packages/core/scss/components/colorpalette/_variables.scss
+++ b/packages/core/scss/components/colorpalette/_variables.scss
@@ -1,50 +1,20 @@
 // ColorPalette
 
-/// The font family of the ColorPalette.
-/// @group color-palette
 $kendo-color-palette-font-family: null !default;
-/// The font size of the ColorPalette.
-/// @group color-palette
 $kendo-color-palette-font-size: null !default;
-/// The line height of the ColorPalette.
-/// @group color-palette
 $kendo-color-palette-line-height: null !default;
 
-/// The width of the ColorPalette tile.
-/// @group color-palette
 $kendo-color-palette-tile-width: null !default;
-/// The height of the ColorPalette tile.
-/// @group color-palette
 $kendo-color-palette-tile-height: null !default;
-/// The width of the small ColorPalette tile.
-/// @group color-palette
 $kendo-color-palette-sm-tile-width: null !default;
-/// The height of the small ColorPalette tile.
-/// @group color-palette
 $kendo-color-palette-sm-tile-height: null !default;
-/// The width of the medium ColorPalette tile.
-/// @group color-palette
 $kendo-color-palette-md-tile-width: null !default;
-/// The height of the medium ColorPalette tile.
-/// @group color-palette
 $kendo-color-palette-md-tile-height: null !default;
-/// The width of the large ColorPalette tile.
-/// @group color-palette
 $kendo-color-palette-lg-tile-width: null !default;
-/// The height of the large ColorPalette tile.
-/// @group color-palette
 $kendo-color-palette-lg-tile-height: null !default;
 
-/// The shadow of the ColorPalette focused tile.
-/// @group color-palette
 $kendo-color-palette-tile-focus-shadow: null !default;
-/// The shadow of the ColorPalette hovered tile.
-/// @group color-palette
 $kendo-color-palette-tile-hover-shadow: null !default;
-/// The shadow of the ColorPalette selected tile.
-/// @group color-palette
 $kendo-color-palette-tile-selected-shadow: null !default;
 
-/// The size map of the ColorPalette.
-/// @group color-palette
 $kendo-color-palette-sizes: () !default;
diff --git a/packages/core/scss/components/dataviz/_variables.scss b/packages/core/scss/components/dataviz/_variables.scss
index 79e2e31364..49803e401a 100644
--- a/packages/core/scss/components/dataviz/_variables.scss
+++ b/packages/core/scss/components/dataviz/_variables.scss
@@ -1,56 +1,41 @@
 // Chart
 
-/// The first base series color and its light and dark shades.
-/// @group charts
 $kendo-series-a: null !default;
 $kendo-series-a-dark: null !default;
 $kendo-series-a-darker: null !default;
 $kendo-series-a-light: null !default;
 $kendo-series-a-lighter: null !default;
 
-/// The second base series color and its light and dark shades.
-/// @group charts
 $kendo-series-b: null !default;
 $kendo-series-b-dark: null !default;
 $kendo-series-b-darker: null !default;
 $kendo-series-b-light: null !default;
 $kendo-series-b-lighter: null !default;
 
-/// The third base series color and its light and dark shades.
-/// @group charts
 $kendo-series-c: null !default;
 $kendo-series-c-dark: null !default;
 $kendo-series-c-darker: null !default;
 $kendo-series-c-light: null !default;
 $kendo-series-c-lighter: null !default;
 
-/// The fourth base series color and its light and dark shades.
-/// @group charts
 $kendo-series-d: null !default;
 $kendo-series-d-dark: null !default;
 $kendo-series-d-darker: null !default;
 $kendo-series-d-light: null !default;
 $kendo-series-d-lighter: null !default;
 
-/// The fifth base series color and its light and dark shades.
-/// @group charts
 $kendo-series-e: null !default;
 $kendo-series-e-dark: null !default;
 $kendo-series-e-darker: null !default;
 $kendo-series-e-light: null !default;
 $kendo-series-e-lighter: null !default;
 
-/// The sixth base series color and its light and dark shades.
-/// @group charts
 $kendo-series-f: null !default;
 $kendo-series-f-dark: null !default;
 $kendo-series-f-darker: null !default;
 $kendo-series-f-light: null !default;
 $kendo-series-f-lighter: null !default;
 
-/// The series colors in order:
-/// base, light, dark, lighter, darker
-/// @group charts
 $kendo-series-1: null !default;
 $kendo-series-2: null !default;
 $kendo-series-3: null !default;
@@ -95,12 +80,8 @@ $kendo-chart-title-font-size: null !default;
 $kendo-chart-pane-title-font-size: null !default;
 $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;
 
 $kendo-chart-inactive: null !default;
diff --git a/packages/core/scss/components/dialog/_variables.scss b/packages/core/scss/components/dialog/_variables.scss
index d6a02bff12..74fb113448 100644
--- a/packages/core/scss/components/dialog/_variables.scss
+++ b/packages/core/scss/components/dialog/_variables.scss
@@ -1,28 +1,12 @@
 // 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 theme colors map for the Dialog.
-/// @group dialog
 $kendo-dialog-theme-colors: null !default;
diff --git a/packages/core/scss/components/dock-manager/_variables.scss b/packages/core/scss/components/dock-manager/_variables.scss
index 7422e57deb..148a5094e2 100644
--- a/packages/core/scss/components/dock-manager/_variables.scss
+++ b/packages/core/scss/components/dock-manager/_variables.scss
@@ -1,113 +1,43 @@
-///  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 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 horizontal 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;
diff --git a/packages/core/scss/components/drawer/_variables.scss b/packages/core/scss/components/drawer/_variables.scss
index 17d118822e..5888daf41f 100644
--- a/packages/core/scss/components/drawer/_variables.scss
+++ b/packages/core/scss/components/drawer/_variables.scss
@@ -1,108 +1,46 @@
 // Drawer
 
-/// The background color of the Drawer.
-/// @group drawer
 $kendo-drawer-bg: null !default;
-/// The text color of the Drawer.
-/// @group drawer
 $kendo-drawer-text: null !default;
-/// The border color of the Drawer.
-/// @group drawer
 $kendo-drawer-border: null !default;
-/// The border width of the Drawer.
-/// @group drawer
 $kendo-drawer-border-width: null !default;
 
-/// The font family of the Drawer.
-/// @group drawer
 $kendo-drawer-font-family: null !default;
-/// The font size of the Drawer.
-/// @group drawer
 $kendo-drawer-font-size: null !default;
-/// The line height of the Drawer.
-/// @group drawer
 $kendo-drawer-line-height: null !default;
 
-/// The horizontal padding of the Drawer content.
-/// @group drawer
 $kendo-drawer-content-padding-x: null !default;
 
-/// The vertical padding of the Drawer content.
-/// @group drawer
 $kendo-drawer-content-padding-y: null !default;
 
-/// The width of the Drawer scrollbar.
-/// @group drawer
 $kendo-drawer-scrollbar-width: null !default;
-/// The color of the Drawer scrollbar track.
-/// @group drawer
 $kendo-drawer-scrollbar-color: null !default;
-/// The background color of the Drawer scrollbar thumb.
-/// @group drawer
 $kendo-drawer-scrollbar-bg: null !default;
-/// The border radius of the Drawer scrollbar.
-/// @group drawer
 $kendo-drawer-scrollbar-radius: null !default;
-/// The hover color of the Drawer scrollbar track.
-/// @group drawer
 $kendo-drawer-scrollbar-hover-color: null !default;
 
-/// The horizontal padding of the Drawer item.
-/// @group drawer
 $kendo-drawer-item-padding-x: null !default;
-/// The vertical padding of the Drawer item.
-/// @group drawer
 $kendo-drawer-item-padding-y: null !default;
-/// The font size of the Drawer item.
-/// @group drawer
 $kendo-drawer-item-font-size: null !default;
-/// The line height of the Drawer item.
-/// @group drawer
 $kendo-drawer-item-line-height: null !default;
 
-/// The horizontal padding of the Drawer item in each level.
-/// @group drawer
 $kendo-drawer-item-level-padding-x: null !default;
-/// The count of the Drawer item levels.
-/// @group drawer
 $kendo-drawer-item-level-count: null !default;
 
-/// The horizontal padding of the Drawer icon.
-/// @group drawer
 $kendo-drawer-icon-padding-x: null !default;
 
-/// The vertical padding of the Drawer icon.
-/// @group drawer
 $kendo-drawer-icon-padding-y: null !default;
 
-/// The initial width of the mini Drawer.
-/// @group drawer
 $kendo-drawer-mini-initial-width: null !default;
 
-/// The background color of the hovered Drawer item.
-/// @group drawer
 $kendo-drawer-hover-bg: null !default;
-/// The text color of the hovered Drawer item.
-/// @group drawer
 $kendo-drawer-hover-text: null !default;
 
-/// The background color of the focused Drawer item.
-/// @group drawer
 $kendo-drawer-focus-bg: null !default;
-/// The box shadow of the focused Drawer item.
-/// @group drawer
 $kendo-drawer-focus-shadow: null !default;
 
-/// The background color of the selected Drawer item.
-/// @group drawer
 $kendo-drawer-selected-bg: null !default;
-/// The text color of the selected Drawer item.
-/// @group drawer
 $kendo-drawer-selected-text: null !default;
 
-/// The background color of the selected and hovered Drawer item.
-/// @group drawer
 $kendo-drawer-selected-hover-bg: null !default;
-/// The text color of the selected and hovered Drawer item.
-/// @group drawer
 $kendo-drawer-selected-hover-text: null !default;
diff --git a/packages/core/scss/components/dropdowntree/_variables.scss b/packages/core/scss/components/dropdowntree/_variables.scss
index 5d6b7f1003..f3293d94f4 100644
--- a/packages/core/scss/components/dropdowntree/_variables.scss
+++ b/packages/core/scss/components/dropdowntree/_variables.scss
@@ -1,8 +1,4 @@
 // Dropdowntree
 
-/// The horizontal padding of the DropdownTree popup
-/// @group dropdowntree
 $kendo-dropdowntree-popup-padding-x: null !default;
-/// The vertical padding of the DropdownTree popup
-/// @group dropdowntree
 $kendo-dropdowntree-popup-padding-y: null !default;
diff --git a/packages/core/scss/components/dropzone/_variables.scss b/packages/core/scss/components/dropzone/_variables.scss
index aa84fec770..777be96fad 100644
--- a/packages/core/scss/components/dropzone/_variables.scss
+++ b/packages/core/scss/components/dropzone/_variables.scss
@@ -1,64 +1,26 @@
 // DropZone
 
-/// The horizontal padding of the DropZone.
-/// @group dropzone
 $kendo-dropzone-padding-x: null !default;
-/// The vertical padding of the DropZone.
-/// @group dropzone
 $kendo-dropzone-padding-y: null !default;
-/// The border width of the DropZone.
-/// @group dropzone
 $kendo-dropzone-border-width: null !default;
-/// The minimum height of the DropZone.
-/// @group dropzone
 $kendo-dropzone-min-height: null !default;
 
-/// The font family of the DropZone.
-/// @group dropzone
 $kendo-dropzone-font-family: null !default;
-/// The font size of the DropZone.
-/// @group dropzone
 $kendo-dropzone-font-size: null !default;
-/// The line height of the DropZone.
-/// @group dropzone
 $kendo-dropzone-line-height: null !default;
 
-/// The background color of the DropZone.
-/// @group dropzone
 $kendo-dropzone-bg: null !default;
-/// The text color of the DropZone.
-/// @group dropzone
 $kendo-dropzone-text: null !default;
-/// The border color of the DropZone.
-/// @group dropzone
 $kendo-dropzone-border: null !default;
 
-/// The spacing below the DropZone icon.
-/// @group dropzone
 $kendo-dropzone-icon-spacing: null !default;
-/// The text color of the DropZone icon.
-/// @group dropzone
 $kendo-dropzone-icon-text: null !default;
-/// The text color of the hovered DropZone icon.
-/// @group dropzone
 $kendo-dropzone-icon-hover-text: null !default;
 
-/// The font size of the DropZone hint.
-/// @group dropzone
 $kendo-dropzone-hint-font-size: null !default;
-/// The spacing below the DropZone hint.
-/// @group dropzone
 $kendo-dropzone-hint-spacing: null !default;
-/// The text color of the DropZone hint.
-/// @group dropzone
 $kendo-dropzone-hint-text: null !default;
 
-/// The font size of the DropZone note.
-/// @group dropzone
 $kendo-dropzone-note-font-size: null !default;
-/// The spacing below the DropZone note.
-/// @group dropzone
 $kendo-dropzone-note-spacing: null !default;
-/// The text color of the DropZone note.
-/// @group dropzone
 $kendo-dropzone-note-text: null !default;
diff --git a/packages/core/scss/components/editor/_variables.scss b/packages/core/scss/components/editor/_variables.scss
index 4edb72274b..280b5595d0 100644
--- a/packages/core/scss/components/editor/_variables.scss
+++ b/packages/core/scss/components/editor/_variables.scss
@@ -1,74 +1,32 @@
 // Editor
 
-/// The width of the border around the Еditor.
-/// @group editor
 $kendo-editor-border-width: null !default;
-/// The font family of the Еditor.
-/// @group editor
 $kendo-editor-font-family: null !default;
-/// The font size of the Еditor.
-/// @group editor
 $kendo-editor-font-size: null !default;
-/// The line height of the Еditor.
-/// @group editor
 $kendo-editor-line-height: null !default;
 
-/// The text color of the Еditor placeholder.
-/// @group editor
 $kendo-editor-placeholder-text: null !default;
-/// The opacity of the Editor placeholder.
-/// @group editor
 $kendo-editor-placeholder-opacity: null !default;
 
-/// The selected text color of the Editor.
-/// @group editor
 $kendo-editor-selected-text: null !default;
-/// The selected background color of the Editor.
-/// @group editor
 $kendo-editor-selected-bg: null !default;
 
-/// The highlighted background color of the Editor.
-/// @group editor
 $kendo-editor-highlighted-bg: null !default;
 
-/// The horizontal margin of the Editor's export tool icon.
-/// @group editor
 $kendo-editor-export-tool-icon-margin-x: null !default;
 
-/// The size of the Editor's resize handle.
-/// @group editor
 $kendo-editor-resize-handle-size: null !default;
-/// The border width of the Editor's resize handle.
-/// @group editor
 $kendo-editor-resize-handle-border-width: null !default;
-/// The border color of the Editor's resize handle.
-/// @group editor
 $kendo-editor-resize-handle-border: null !default;
-/// The background color of the Editor's resize handle.
-/// @group editor
 $kendo-editor-resize-handle-bg: null !default;
 
-///  The outline width of the Editor's selected node.
-/// @group editor
 $kendo-editor-selectednode-outline-width: null !default;
-/// The outline color of the Editor's selected node.
-/// @group editor
 $kendo-editor-selectednode-outline-color: null !default;
 
-/// The horizontal padding of the inline Editor.
-/// @group editor
 $kendo-editor-inline-padding-x: null !default;
-/// The vertical padding of the inline Editor.
-/// @group editor
 $kendo-editor-inline-padding-y: null !default;
 
-/// The horizontal padding of the Editor file browser tiles.
-/// @group editor
 $kendo-editor-filebrowser-tiles-padding-x: null !default;
-/// The vertical padding of the Editor file browser tiles.
-/// @group editor
 $kendo-editor-filebrowser-tiles-padding-y: null !default;
 
-/// The padding of the Editor content.
-/// @group editor
 $kendo-editor-content-padding: null !default;
diff --git a/packages/core/scss/components/expansion-panel/_variables.scss b/packages/core/scss/components/expansion-panel/_variables.scss
index ac250e595b..defb4bb003 100644
--- a/packages/core/scss/components/expansion-panel/_variables.scss
+++ b/packages/core/scss/components/expansion-panel/_variables.scss
@@ -1,77 +1,33 @@
 // ExpansionPanel
 
-/// The vertical spacing of the ExpansionPanel.
-/// @group expander
 $kendo-expander-spacing-y: null !default;
-/// The width of the border around the ExpansionPanel.
-/// @group expander
 $kendo-expander-border-width: null !default;
-/// The font family of the ExpansionPanel.
-/// @group expander
 $kendo-expander-font-family: null !default;
-/// The font size of the ExpansionPanel.
-/// @group expander
 $kendo-expander-font-size: null !default;
-/// The hine height of the ExpansionPanel.
-/// @group expander
 $kendo-expander-line-height: null !default;
 
-/// The text color of the ExpansionPanel.
-/// @group expander
 $kendo-expander-text: null !default;
-/// The background color of the ExpansionPanel.
-/// @group expander
 $kendo-expander-bg: null !default;
-/// The border color of the ExpansionPanel.
-/// @group expander
 $kendo-expander-border: null !default;
 
-/// The box shadow of the focused ExpansionPanel.
-/// @group expander
 $kendo-expander-focus-shadow: null !default;
 
-/// The horizontal padding of the ExpansionPanel header.
-/// @group expander
 $kendo-expander-header-padding-x: null !default;
-/// The vertical padding of the ExpansionPanel header.
-/// @group expander
 $kendo-expander-header-padding-y: null !default;
 
-/// The text color of the ExpansionPanel header.
-/// @group expander
 $kendo-expander-header-text: null !default;
-/// The background color of the ExpansionPanel header.
-/// @group expander
 $kendo-expander-header-bg: null !default;
-/// The border color of the ExpansionPanel header.
-/// @group expander
 $kendo-expander-header-border: null !default;
 
-/// The background color of the hovered ExpansionPanel header.
-/// @group expander
 $kendo-expander-header-hover-bg: null !default;
-/// The background color of the focused ExpansionPanel header.
-/// @group expander
 $kendo-expander-header-focus-bg: null !default;
-/// The box shadow of the focused ExpansionPanel header.
-/// @group expander
 $kendo-expander-header-focus-shadow: null !default;
 
-/// The text color of the ExpansionPanel title.
-/// @group expander
 $kendo-expander-title-text: null !default;
 
-/// The text color of the ExpansionPanel sub-title.
-/// @group expander
 $kendo-expander-header-sub-title-text: null !default;
 
-/// The horizontal margin of the ExpansionPanel indicator.
-/// @group expander
 $kendo-expander-indicator-margin-x: null !default;
 
-/// The horizontal padding of the ExpansionPanel content.
-/// @group expander
 $kendo-expander-content-padding-x: null !default;
-/// The vertical padding of the ExpansionPanel content.
-/// @group expander
 $kendo-expander-content-padding-y: null !default;
diff --git a/packages/core/scss/components/fab/_variables.scss b/packages/core/scss/components/fab/_variables.scss
index 864bf3038c..97ccb0f4cb 100644
--- a/packages/core/scss/components/fab/_variables.scss
+++ b/packages/core/scss/components/fab/_variables.scss
@@ -1,156 +1,62 @@
 // Floating Action Button
 
-/// The width of the border around the FAB.
-/// @group floating-action-button
 $kendo-fab-border-width: null !default;
-/// The border radius of the FAB.
-/// @group floating-action-button
 $kendo-fab-border-radius: null !default;
 
-/// The font family of the FAB.
-/// @group floating-action-button
 $kendo-fab-font-family: null !default;
-/// The font size of the FAB.
-/// @group floating-action-button
 $kendo-fab-font-size: null !default;
-/// The line height of the FAB.
-/// @group floating-action-button
 $kendo-fab-line-height: null !default;
 
-/// The horizontal padding of the FAB.
-/// @group floating-action-button
 $kendo-fab-padding-x: null !default;
-/// The horizontal padding of the small FAB.
-/// @group floating-action-button
 $kendo-fab-sm-padding-x: null !default;
-/// The horizontal padding of the medium FAB.
-/// @group floating-action-button
 $kendo-fab-md-padding-x: null !default;
-/// The horizontal padding of the large FAB.
-/// @group floating-action-button
 $kendo-fab-lg-padding-x: null !default;
 
-/// The vertical padding of the FAB.
-/// @group floating-action-button
 $kendo-fab-padding-y: null !default;
-/// The vertical padding of the small FAB.
-/// @group floating-action-button
 $kendo-fab-sm-padding-y: null !default;
-/// The vertical padding of the medium FAB.
-/// @group floating-action-button
 $kendo-fab-md-padding-y: null !default;
-/// The vertical padding of the large FAB.
-/// @group floating-action-button
 $kendo-fab-lg-padding-y: null !default;
 
-/// The horizontal padding of the FAB icon.
-/// @group floating-action-button
 $kendo-fab-icon-padding-x: null !default;
-/// The vertical padding of the FAB icon.
-/// @group floating-action-button
 $kendo-fab-icon-padding-y: null !default;
-/// The spacing of the FAB icon.
-/// @group floating-action-button
 $kendo-fab-icon-spacing: null !default;
 
-/// The horizontal padding of the FAB items.
-/// @group floating-action-button
 $kendo-fab-items-padding-x: null !default;
-/// The vertical padding of the FAB items.
-/// @group floating-action-button
 $kendo-fab-items-padding-y: null !default;
 
-/// The horizontal padding of the FAB item text.
-/// @group floating-action-button
 $kendo-fab-item-text-padding-x: null !default;
-/// The vertical padding of the FAB item text.
-/// @group floating-action-button
 $kendo-fab-item-text-padding-y: null !default;
-/// The width of the FAB item text border.
-/// @group floating-action-button
 $kendo-fab-item-text-border-width: null !default;
-/// The border radius of the FAB item text.
-/// @group floating-action-button
 $kendo-fab-item-text-border-radius: null !default;
-/// The font size of the FAB item text.
-/// @group floating-action-button
 $kendo-fab-item-text-font-size: null !default;
-/// The line height of the FAB item text.
-/// @group floating-action-button
 $kendo-fab-item-text-line-height: null !default;
 
-/// The horizontal padding of the FAB item icon.
-/// @group floating-action-button
 $kendo-fab-item-icon-padding-x: null !default;
-/// The vertical padding of the FAB item icon.
-/// @group floating-action-button
 $kendo-fab-item-icon-padding-y: null !default;
-/// The width of the FAB item icon border.
-/// @group floating-action-button
 $kendo-fab-item-icon-border-width: null !default;
-/// The border radius of the FAB item icon.
-/// @group floating-action-button
 $kendo-fab-item-icon-border-radius: null !default;
 
-/// The theme colors map for the FAB.
-/// @group floating-action-button
 $kendo-fab-theme-colors: null !default;
 
-/// The size map for the FAB.
-/// @group floating-action-button
 $kendo-fab-sizes: null !default;
 
-/// The base shadow of the FAB.
-/// @group floating-action-button
 $kendo-fab-shadow: null !default;
-/// The shadow of the disabled FAB.
-/// @group floating-action-button
 $kendo-fab-disabled-shadow: null !default;
-/// The shadow of the active FAB.
-/// @group floating-action-button
 $kendo-fab-active-shadow: null !default;
-/// The outline style of the FAB.
-/// @group floating-action-button
 $kendo-fab-outline-style: null !default;
-/// The outline width of the FAB.
-/// @group floating-action-button
 $kendo-fab-outline-width: null !default;
 
-/// The base text color of the FAB item.
-/// @group floating-action-button
 $kendo-fab-item-text: null !default;
-/// The base background color of the FAB item.
-/// @group floating-action-button
 $kendo-fab-item-bg: null !default;
-/// The base border color of the FAB item.
-/// @group floating-action-button
 $kendo-fab-item-border: null !default;
 
-/// The base text color of the FAB item icon.
-/// @group floating-action-button
 $kendo-fab-item-icon-text: null !default;
-/// The base background color of the FAB item icon.
-/// @group floating-action-button
 $kendo-fab-item-icon-bg: null !default;
-/// The base border color of the FAB item icon.
-/// @group floating-action-button
 $kendo-fab-item-icon-border: null !default;
 
-/// The base shadow of the FAB item.
-/// @group floating-action-button
 $kendo-fab-item-shadow: null !default;
-/// The shadow of the disabled FAB item.
-/// @group floating-action-button
 $kendo-fab-item-disabled-shadow: null !default;
-/// The shadow of the active FAB item.
-/// @group floating-action-button
 $kendo-fab-item-active-shadow: null !default;
-/// The outline style of the FAB item.
-/// @group floating-action-button
 $kendo-fab-item-outline-style: null !default;
-/// The outline width of the FAB item.
-/// @group floating-action-button
 $kendo-fab-item-outline-width: null !default;
-/// The outline color of the FAB item.
-/// @group floating-action-button
 $kendo-fab-item-outline-color: null !default;
diff --git a/packages/core/scss/components/filemanager/_variables.scss b/packages/core/scss/components/filemanager/_variables.scss
index 4c4543f1e2..2d2ca09eb2 100644
--- a/packages/core/scss/components/filemanager/_variables.scss
+++ b/packages/core/scss/components/filemanager/_variables.scss
@@ -1,182 +1,68 @@
 // FileManager
 
-/// The space between the FileManager items.
-/// @group file-manager
 $kendo-file-manager-spacer: null !default;
-/// The border width of the FileManager.
-/// @group file-manager
 $kendo-file-manager-border-width: null !default;
-/// The font family of the FileManager.
-/// @group file-manager
 $kendo-file-manager-font-family: null !default;
-/// The font size of the FileManager.
-/// @group file-manager
 $kendo-file-manager-font-size: null !default;
-/// The line height of the FileManager.
-/// @group file-manager
 $kendo-file-manager-line-height: null !default;
-/// The background color of the FileManager.
-/// @group file-manager
 $kendo-file-manager-bg: null !default;
-/// The text color of the FileManager.
-/// @group file-manager
 $kendo-file-manager-text: null !default;
-/// The border color of the FileManager.
-/// @group file-manager
 $kendo-file-manager-border: null !default;
 
-/// The border width of the FileManager Toolbar.
-/// @group file-manager
 $kendo-file-manager-toolbar-border-width: null !default;
-/// The background color of the FileManager Toolbar.
-/// @group file-manager
 $kendo-file-manager-toolbar-bg: null !default;
-/// The text color of the FileManager Toolbar.
-/// @group file-manager
 $kendo-file-manager-toolbar-text: null !default;
-/// The border color of the FileManager Toolbar.
-/// @group file-manager
 $kendo-file-manager-toolbar-border: null !default;
-/// The gradient of the FileManager Toolbar.
-/// @group file-manager
 $kendo-file-manager-toolbar-gradient: null !default;
 
-/// The horizontal padding of the FileManager Navigation.
-/// @group file-manager
 $kendo-file-manager-navigation-padding-x: null !default;
-/// The vertical padding of the FileManager Navigation.
-/// @group file-manager
 $kendo-file-manager-navigation-padding-y: null !default;
-/// The width of the FileManager Navigation.
-/// @group file-manager
 $kendo-file-manager-navigation-width: null !default;
-/// The border width of the FileManager Navigation.
-/// @group file-manager
 $kendo-file-manager-navigation-border-width: null !default;
-/// The background color of the FileManager Navigation.
-/// @group file-manager
 $kendo-file-manager-navigation-bg: null !default;
-/// The text color of the FileManager Navigation.
-/// @group file-manager
 $kendo-file-manager-navigation-text: null !default;
-/// The border color of the FileManager Navigation.
-/// @group file-manager
 $kendo-file-manager-navigation-border: null !default;
 
-/// The horizontal padding of the FileManager Breadcrumb.
-/// @group file-manager
 $kendo-file-manager-breadcrumb-padding-x: null !default;
-/// The vertical padding of the FileManager Breadcrumb.
-/// @group file-manager
 $kendo-file-manager-breadcrumb-padding-y: null !default;
-/// The border width of the FileManager Breadcrumb.
-/// @group file-manager
 $kendo-file-manager-breadcrumb-border-width: null !default;
-/// The background color of the FileManager Breadcrumb.
-/// @group file-manager
 $kendo-file-manager-breadcrumb-bg: null !default;
-/// The text color of the FileManager Breadcrumb.
-/// @group file-manager
 $kendo-file-manager-breadcrumb-text: null !default;
-/// The border color of the FileManager Breadcrumb.
-/// @group file-manager
 $kendo-file-manager-breadcrumb-border: null !default;
 
-/// The background color of the FileManager ListView.
-/// @group file-manager
 $kendo-file-manager-listview-bg: null !default;
-/// The text color of the FileManager ListView.
-/// @group file-manager
 $kendo-file-manager-listview-text: null !default;
-/// The border color of the FileManager ListView.
-/// @group file-manager
 $kendo-file-manager-listview-border: null !default;
 
-/// The horizontal padding of the FileManager ListView item.
-/// @group file-manager
 $kendo-file-manager-listview-item-padding-x: null !default;
-/// The vertical padding of the FileManager ListView item.
-/// @group file-manager
 $kendo-file-manager-listview-item-padding-y: null !default;
-/// The width of the FileManager ListView item.
-/// @group file-manager
 $kendo-file-manager-listview-item-width: null !default;
-/// The height of the FileManager ListView item.
-/// @group file-manager
 $kendo-file-manager-listview-item-height: null !default;
-/// The background color of the FileManager ListView item.
-/// @group file-manager
 $kendo-file-manager-listview-item-bg: null !default;
-/// The text color of the FileManager ListView item.
-/// @group file-manager
 $kendo-file-manager-listview-item-text: null !default;
-/// The border color of the FileManager ListView item.
-/// @group file-manager
 $kendo-file-manager-listview-item-border: null !default;
 
-/// The background color of the FileManager ListView item icon.
-/// @group file-manager
 $kendo-file-manager-listview-item-icon-bg: null !default;
-/// The text color of the FileManager ListView item icon.
-/// @group file-manager
 $kendo-file-manager-listview-item-icon-text: null !default;
-/// The border color of the FileManager ListView item icon.
-/// @group file-manager
 $kendo-file-manager-listview-item-icon-border: null !default;
-/// Background color of the FileManager selected ListView item icon.
-/// @group file-manager
 $kendo-file-manager-listview-item-icon-selected-bg: null !default;
-/// Text color of the FileManager selected ListView item icon.
-/// @group file-manager
 $kendo-file-manager-listview-item-icon-selected-text: null !default;
-/// Border color of the FileManager selected ListView item icon.
-/// @group file-manager
 $kendo-file-manager-listview-item-icon-selected-border: null !default;
 
-/// The background color of the FileManager Grid.
-/// @group file-manager
 $kendo-file-manager-grid-bg: null !default;
-/// The text color of the FileManager Grid.
-/// @group file-manager
 $kendo-file-manager-grid-text: null !default;
-/// The border color of the FileManager Grid.
-/// @group file-manager
 $kendo-file-manager-grid-border: null !default;
 
-/// The horizontal padding of the FileManager preview.
-/// @group file-manager
 $kendo-file-manager-preview-padding-x: null !default;
-/// The vertical padding of the FileManager preview.
-/// @group file-manager
 $kendo-file-manager-preview-padding-y: null !default;
-/// The width of the FileManager preview.
-/// @group file-manager
 $kendo-file-manager-preview-width: null !default;
-/// The border width of the FileManager preview.
-/// @group file-manager
 $kendo-file-manager-preview-border-width: null !default;
-/// The spacing of the FileManager preview.
-/// @group file-manager
 $kendo-file-manager-preview-spacing: null !default;
-/// The gap between the columns in the FileManager preview.
-/// @group file-manager
 $kendo-file-manager-preview-column-gap: null !default;
-/// The background color of the FileManager preview.
-/// @group file-manager
 $kendo-file-manager-preview-bg: null !default;
-/// The text color of the FileManager preview.
-/// @group file-manager
 $kendo-file-manager-preview-text: null !default;
-/// The border color of the FileManager preview.
-/// @group file-manager
 $kendo-file-manager-preview-border: null !default;
 
-/// The background color of the FileManager preview icon.
-/// @group file-manager
 $kendo-file-manager-preview-icon-bg: null !default;
-/// The text color of the FileManager preview icon.
-/// @group file-manager
 $kendo-file-manager-preview-icon-text: null !default;
-/// The border color of the FileManager preview icon.
-/// @group file-manager
 $kendo-file-manager-preview-icon-border: null !default;
diff --git a/packages/core/scss/components/filter/_variables.scss b/packages/core/scss/components/filter/_variables.scss
index 07445b02d2..c749e9b73e 100644
--- a/packages/core/scss/components/filter/_variables.scss
+++ b/packages/core/scss/components/filter/_variables.scss
@@ -1,30 +1,14 @@
 // Filter expression builder
 
-/// The horizontal padding of the Filter.
-/// @group filter
 $kendo-filter-padding-x: null !default;
-/// The vertical padding of the Filter.
-/// @group filter
 $kendo-filter-padding-y: null !default;
 
-/// The bottom margin of the Filter.
-/// @group filter
 $kendo-filter-bottom-margin: null !default;
-/// The width of the line that connects the Filter items.
-/// @group filter
 $kendo-filter-line-size: null !default;
 
-/// The width of the dropdown elements in the Filter items.
-/// @group filter
 $kendo-filter-operator-dropdown-width: null !default;
 
-/// The text color of the Filter preview field.
-/// @group filter
 $kendo-filter-preview-field-text: null !default;
-/// The text color of the Filter preview operator.
-/// @group filter
 $kendo-filter-preview-operator-text: null !default;
 
-/// The box shadow of the focused Filter toolbar.
-/// @group filter
 $kendo-filter-toolbar-focus-shadow: null !default;
diff --git a/packages/core/scss/components/floating-label/_variables.scss b/packages/core/scss/components/floating-label/_variables.scss
index f68f17f56f..a76d4c7f2e 100644
--- a/packages/core/scss/components/floating-label/_variables.scss
+++ b/packages/core/scss/components/floating-label/_variables.scss
@@ -1,51 +1,21 @@
 // Floating label
 
-/// The transformation scale of the Floating Label.
-/// @group floating-label
 $kendo-floating-label-scale: null !default;
-/// The font size of the Floating Label.
-/// @group floating-label
 $kendo-floating-label-font-size: null !default;
-/// The maximum width of the Floating Label.
-/// @group floating-label
 $kendo-floating-label-max-width: null !default;
-/// The line height of the Floating Label.
-/// @group floating-label
 $kendo-floating-label-line-height: null !default;
-/// The height of the Floating Label.
-/// @group floating-label
 $kendo-floating-label-height: null !default;
-/// The horizontal offset of the Floating Label.
-/// @group floating-label
 $kendo-floating-label-offset-x: null !default;
-/// The vertical offset of the Floating Label.
-/// @group floating-label
 $kendo-floating-label-offset-y: null !default;
 
-/// The transformation scale of the focused Floating Label.
-/// @group floating-label
 $kendo-floating-label-focus-scale: null !default;
-/// The horizontal offset of the focused Floating Label.
-/// @group floating-label
 $kendo-floating-label-focus-offset-x: null !default;
-/// The vertical offset of the focused Floating Label.
-/// @group floating-label
 $kendo-floating-label-focus-offset-y: null !default;
 
-/// The transition of the Floating Label.
-/// @group floating-label
 $kendo-floating-label-transition: null !default;
 
-/// The background color of the Floating Label.
-/// @group floating-label
 $kendo-floating-label-bg: null !default;
-/// The text color of the Floating Label.
-/// @group floating-label
 $kendo-floating-label-text: null !default;
 
-/// The background color of the focused Floating Label.
-/// @group floating-label
 $kendo-floating-label-focus-bg: null !default;
-/// The text color of the focused Floating Label.
-/// @group floating-label
 $kendo-floating-label-focus-text: null !default;
diff --git a/packages/core/scss/components/forms/_variables.scss b/packages/core/scss/components/forms/_variables.scss
index 60a5d4b7e5..f10e5cb23b 100644
--- a/packages/core/scss/components/forms/_variables.scss
+++ b/packages/core/scss/components/forms/_variables.scss
@@ -1,179 +1,77 @@
 // Forms
 
-/// The padding of the inline Form.
-/// @group form
 $kendo-form-spacer: null !default;
 
-/// The font size of the Form.
-/// @group form
 $kendo-form-font-size: null !default;
-/// The line height of the Form.
-/// @group form
 $kendo-form-line-height: null !default;
-/// The line height of the Form in em units.
-/// @group form
 $kendo-form-line-height-em: null !default;
-/// The line height of the small Form.
-/// @group form
 $kendo-form-sm-line-height: null !default;
-/// The line height of the large Form.
-/// @group form
 $kendo-form-lg-line-height: null !default;
 
-/// The margin of the Form fieldset.
-/// @group form
 $kendo-form-fieldset-margin: null !default;
-/// The padding of the Form fieldset.
-/// @group form
 $kendo-form-fieldset-padding: null !default;
 
-/// The margin of the Form legend.
-/// @group form
 $kendo-form-legend-margin: null !default;
-/// The padding of the Form legend.
-/// @group form
 $kendo-form-legend-padding: null !default;
-/// The border width of the Form legend.
-/// @group form
 $kendo-form-legend-border-width: null !default;
-/// The border style of the Form legend.
-/// @group form
 $kendo-form-legend-border-style: null !default;
-/// The border color of the Form legend.
-/// @group form
 $kendo-form-legend-border-color: null !default;
-/// The width of the Form legend.
-/// @group form
 $kendo-form-legend-width: null !default;
-/// The font size of the Form legend.
-/// @group form
 $kendo-form-legend-font-size: null !default;
-/// The text capitalization of the Form legend.
-/// @group form
 $kendo-form-legend-text-transform: null !default;
 
-/// The bottom margin of the Form label.
-/// @group form
 $kendo-form-label-margin-bottom: null !default;
 
-/// The horizontal margin of the Form buttons.
-/// @group form
 $kendo-form-button-margin-x: null !default;
 
-/// The font size of the Form hint.
-/// @group form
 $kendo-form-hint-font-size: null !default;
-/// The font style of the Form hint.
-/// @group form
 $kendo-form-hint-font-style: null !default;
-/// The top margin of the Form hint.
-/// @group form
 $kendo-form-hint-margin-top: null !default;
 
-/// The row spacing of the small Form.
-/// @group form
 $kendo-form-sm-rows-spacing: null !default;
-/// The row spacing of the medium Form.
-/// @group form
 $kendo-form-md-rows-spacing: null !default;
-/// The row spacing of the large Form.
-/// @group form
 $kendo-form-lg-rows-spacing: null !default;
 
-/// The margin of the Form separator.
-/// @group form
 $kendo-form-separator-margin: null !default;
-/// The border color of the Form separator.
-/// @group form
 $kendo-form-separator-border-color: null !default;
 
-/// The top padding of the label in the horizontal Form.
-/// @group form
 $kendo-horizontal-form-label-padding-top: null !default;
-/// The horizontal margin of the label in the horizontal Form.
-/// @group form
 $kendo-horizontal-form-label-margin-x: null !default;
-/// The width of the label in the horizontal Form.
-/// @group form
 $kendo-horizontal-form-label-width: null !default;
-/// The horizontal alignment of the label in the horizontal Form.
-/// @group form
 $kendo-horizontal-form-label-align: null !default;
 
-/// The maximum width of the field wrap in the horizontal Form.
-/// @group form
 $kendo-horizontal-form-field-wrap-max-width: null !default;
 
-/// The width of the inline Form element.
-/// @group form
 $kendo-inline-form-element-width: null !default;
 
-/// The horizontal padding of the inline Form field.
-/// @group form
 $kendo-inline-form-field-padding-x: null !default;
 
-/// The vertical padding of the inline Form field.
-/// @group form
 $kendo-inline-form-field-padding-y: null !default;
 
-/// The invalid text color of the Form.
-/// @group form
 $kendo-forms-invalid-color: null !default;
 
 
-/// The horizontal margin of the optional label in the Form.
-/// @group form
 $kendo-label-optional-margin-x: null !default;
-/// The font size of the optional label in the Form.
-/// @group form
 $kendo-label-optional-font-size: null !default;
-/// The font style of the optional label in the Form.
-/// @group form
 $kendo-label-optional-font-style: null !default;
 
 
-/// The margin of the Form fieldset.
-/// @group form
 $kendo-fieldset-margin: null !default;
-/// The font size of the Form fieldset.
-/// @group form
 $kendo-fieldset-font-size: null !default;
-/// The background color of the Form fieldset.
-/// @group form
 $kendo-fieldset-bg: null !default;
-/// The text color of the Form fieldset.
-/// @group form
 $kendo-fieldset-text: null !default;
-/// The border color of the Form fieldset.
-/// @group form
 $kendo-fieldset-border: null !default;
 
-/// The padding of the Form fieldset legend.
-/// @group form
 $kendo-fieldset-legend-padding: null !default;
-/// The margin of the Form fieldset legend
-/// @group form
 $kendo-fieldset-legend-margin: null !default;
 
-/// The margin of the Form alert error.
-/// @group form
 $kendo-form-alert-error-margin: null !default;
 
-/// The margin of the Form field info.
-/// @group form
 $kendo-form-field-info-margin: null !default;
 
-/// The background color of the Form legend.
-/// @group form
 $kendo-fieldset-legend-bg: null !default;
-/// The text color of the Form legend.
-/// @group form
 $kendo-fieldset-legend-text: null !default;
-/// The border color of the Form legend.
-/// @group form
 $kendo-fieldset-legend-border: null !default;
 
-/// The sizes map for the Form.
-/// @group form
 $kendo-form-sizes: null !default;
 
diff --git a/packages/core/scss/components/gantt/_variables.scss b/packages/core/scss/components/gantt/_variables.scss
index 4c8f60d2aa..f7dd6b34cd 100644
--- a/packages/core/scss/components/gantt/_variables.scss
+++ b/packages/core/scss/components/gantt/_variables.scss
@@ -1,251 +1,101 @@
 // Gantt
 
-/// The border width of the Gantt.
-/// @group gantt
 $kendo-gantt-border-width: null !default;
-/// The font family of the Gantt.
-/// @group gantt
 $kendo-gantt-font-family: null !default;
-/// The font size of the Gantt.
-/// @group gantt
 $kendo-gantt-font-size: null !default;
-/// The line height of the Gantt.
-/// @group gantt
 $kendo-gantt-line-height: null !default;
 
-/// The background color of the Gantt.
-/// @group gantt
 $kendo-gantt-bg: null !default;
-/// The text color of the Gantt.
-/// @group gantt
 $kendo-gantt-text: null !default;
-/// The border color of the Gantt.
-/// @group gantt
 $kendo-gantt-border: null !default;
 
-/// The background color of the Gantt TreeList.
-/// @group gantt
 $kendo-gantt-treelist-bg: null !default;
-/// The text color of the Gantt TreeList.
-/// @group gantt
 $kendo-gantt-treelist-text: null !default;
-/// The border color of the Gantt TreeList.
-/// @group gantt
 $kendo-gantt-treelist-border: null !default;
 
-/// The background color of the Gantt non-working days.
-/// @group gantt
 $kendo-gantt-nonwork-bg: null !default;
-/// The text color of the Gantt non-working days.
-/// @group gantt
 $kendo-gantt-nonwork-text: null !default;
-/// The border color of the Gantt non-working days.
-/// @group gantt
 $kendo-gantt-nonwork-border: null !default;
 
-/// The size of the Gantt connecting lines.
-/// @group gantt
 $kendo-gantt-line-size: null !default;
-/// The background fill color of the Gantt connecting lines.
-/// @group gantt
 $kendo-gantt-line-fill: null !default;
-/// The background fill of the selected Gantt connecting lines.
-/// @group gantt
 $kendo-gantt-line-selected-fill: null !default;
 
-/// The size of the Gantt task dot.
-/// @group gantt
 $kendo-gantt-dot-size: null !default;
-/// The spacing of the Gantt task dot.
-/// @group gantt
 $kendo-gantt-dot-spacing: null !default;
-/// The background color of the Gantt task dot.
-/// @group gantt
 $kendo-gantt-dot-bg: null !default;
-/// The border color of the Gantt task dot.
-/// @group gantt
 $kendo-gantt-dot-border: null !default;
-/// The background color of the hovered Gantt task dot.
-/// @group gantt
 $kendo-gantt-dot-hover-bg: null !default;
-/// The border color of the hovered Gantt task dot.
-/// @group gantt
 $kendo-gantt-dot-hover-border: null !default;
 
-/// The background color of the Gantt milestone.
-/// @group gantt
 $kendo-gantt-milestone-bg: null !default;
-/// The border color of the Gantt milestone.
-/// @group gantt
 $kendo-gantt-milestone-border: null !default;
-/// The background color of the selected Gantt milestone.
-/// @group gantt
 $kendo-gantt-milestone-selected-bg: null !default;
-/// The border color of the selected Gantt milestone.
-/// @group gantt
 $kendo-gantt-milestone-selected-border: null !default;
 
-/// The background color of the Gantt summary.
-/// @group gantt
 $kendo-gantt-summary-bg: null !default;
-/// The background color of the Gantt summary progress.
-/// @group gantt
 $kendo-gantt-summary-progress-bg: null !default;
-/// The background color of the selected Gantt summary.
-/// @group gantt
 $kendo-gantt-summary-selected-bg: null !default;
-/// The background color of the selected Gantt summary progress.
-/// @group gantt
 $kendo-gantt-summary-progress-selected-bg: null !default;
 
-/// The border width of the Gantt task.
-/// @group gantt
 $kendo-gantt-task-border-width: null !default;
-/// The horizontal padding of the Gantt task.
-/// @group gantt
 $kendo-gantt-task-padding-x: null !default;
-/// The vertical padding of the Gantt task.
-/// @group gantt
 $kendo-gantt-task-padding-y: null !default;
-/// The background color of the Gantt task.
-/// @group gantt
 $kendo-gantt-task-bg: null !default;
-/// The text color of the Gantt task.
-/// @group gantt
 $kendo-gantt-task-text: null !default;
-/// The border color of the Gantt task.
-/// @group gantt
 $kendo-gantt-task-border: null !default;
-/// The background color of the Gantt task progress.
-/// @group gantt
 $kendo-gantt-task-progress-bg: null !default;
-/// The background color of selected the Gantt task.
-/// @group gantt
 $kendo-gantt-task-selected-bg: null !default;
-/// The text color of the selected Gantt task.
-/// @group gantt
 $kendo-gantt-task-selected-text: null !default;
-/// The border color of the selected Gantt task.
-/// @group gantt
 $kendo-gantt-task-selected-border: null !default;
-/// The background color of the selected Gantt task progress.
-/// @group gantt
 $kendo-gantt-task-progress-selected-bg: null !default;
 
-/// The padding of the Gantt task actions.
-/// @group gantt
 $kendo-gantt-task-actions-padding: null !default;
 
-/// The vertical margin of the Gantt task planned line.
-/// @group gantt
 $kendo-gantt-planned-margin-y: null !default;
-/// The border width of the Gantt task planned line.
-/// @group gantt
 $kendo-gantt-planned-border-width: null !default;
-/// The line height of the Gantt task planned line.
-/// @group gantt
 $kendo-gantt-planned-line-height: null !default;
 
-/// The vertical margin of the Gantt planned dependencies.
-/// @group gantt
 $kendo-gantt-planned-dependency-margin-y: null !default;
 
-/// The default width of the Gantt planned line dot.
-/// @group gantt
 $kendo-gantt-planned-moment-width: null !default;
-/// The default height of the Gantt planned line dot.
-/// @group gantt
 $kendo-gantt-planned-moment-height: null !default;
-/// The border radius of the Gantt planned line dot.
-/// @group gantt
 $kendo-gantt-planned-moment-border-radius: null !default;
-/// The horizontal margin of the Gantt planned line dot.
-/// @group gantt
 $kendo-gantt-planned-moment-left-margin-x: null !default;
-/// The horizontal margin of the Gantt milestone planned line dot.
-/// @group gantt
 $kendo-gantt-planned-milestone-moment-margin-x: null !default;
 
-/// The default height of the Gantt planned line.
-/// @group gantt
 $kendo-gantt-planned-duration-height: null !default;
-/// The height of the hovered Gantt planned line.
-/// @group gantt
 $kendo-gantt-planned-duration-hover-height: null !default;
 
-/// The top position of the Gantt drag hint.
-/// @group gantt
 $kendo-gantt-planned-single-drag-hint-top: null !default;
-/// The top position of the Gantt summary drag hint.
-/// @group gantt
 $kendo-gantt-planned-summary-drag-hint-top: null !default;
-/// The top position of the Gantt planned milestone drag hint.
-/// @group gantt
 $kendo-gantt-planned-milestone-drag-hint-top: null !default;
 
-/// The horizontal margin of the Gantt milestone wrap.
-/// @group gantt
 $kendo-gantt-rtl-milestone-wrap-margin-x: null !default;
-/// The horizontal margin of the Gantt milestone line dot.
-/// @group gantt
 $kendo-gantt-rtl-milestone-planned-moment-margin-x: null !default;
-/// The horizontal margin of the Gantt milestone task dot.
-/// @group gantt
 $kendo-gantt-rtl-milestone-dot-start-margin-x: null !default;
 
-/// The horizontal offset of the Gantt delayed task resize handler.
-/// @group gantt
 $kendo-gantt-planned-offset-resize-handler-margin-x: null !default;
 
-/// The background color of the Gantt planned Tooltip.
-/// @group gantt
 $kendo-gantt-planned-bg: null !default;
-/// The border color of the Gantt planned Tooltip.
-/// @group gantt
 $kendo-gantt-planned-border: null !default;
 
-/// The background color of the Gantt delayed task.
-/// @group gantt
 $kendo-gantt-delayed-bg: null !default;
-/// The complement background color of the Gantt delayed task.
-/// @group gantt
 $kendo-gantt-delayed-bg-lighter: null !default;
 
-/// The background color of the Gantt advanced task.
-/// @group gantt
 $kendo-gantt-advanced-bg: null !default;
-/// The complement background color of the Gantt advanced task.
-/// @group gantt
 $kendo-gantt-advanced-bg-lighter: null !default;
 
-/// The text color of the Gantt delayed task action.
-/// @group gantt
 $kendo-gantt-action-on-offset-text: null !default;
-/// The top position of the Gantt delayed task resize handler.
-/// @group gantt
 $kendo-gantt-offset-resize-handler-top: null !default;
 
-/// The default width of the Gantt validation Tooltip.
-/// @group gantt
 $kendo-gantt-validation-tooltip-width: null !default;
-/// The default width of the Gantt validation Tooltip label.
-/// @group gantt
 $kendo-gantt-validation-tooltip-label-width: null !default;
-/// The border color of the Gantt validation Tooltip.
-/// @group gantt
 $kendo-gantt-validation-tooltip-border: null !default;
-/// The border color of the valid Gantt validation Tooltip.
-/// @group gantt
 $kendo-gantt-validation-tooltip-valid-border: null !default;
-/// The border color of the invalid Gantt validation Tooltip.
-/// @group gantt
 $kendo-gantt-validation-tooltip-invalid-border: null !default;
 
-/// The horizontal padding of the Gantt task Tooltip.
-/// @group gantt
 $kendo-gantt-task-tooltip-padding-x: null !default;
-/// The vertical padding of the Gantt task Tooltip.
-/// @group gantt
 $kendo-gantt-task-tooltip-padding-y: null !default;
 
 
diff --git a/packages/core/scss/components/grid/_variables.scss b/packages/core/scss/components/grid/_variables.scss
index c1105d1567..9962d6c3aa 100644
--- a/packages/core/scss/components/grid/_variables.scss
+++ b/packages/core/scss/components/grid/_variables.scss
@@ -4,46 +4,22 @@ $kendo-grid-font-family: null !default;
 $kendo-grid-font-size: null !default;
 $kendo-grid-line-height: null !default;
 
-/// The horizontal padding of the Grid.
-/// @group grid
 $kendo-grid-padding-x: null !default;
-/// The vertical padding of the Grid.
-/// @group grid
 $kendo-grid-padding-y: null !default;
 
-/// The horizontal padding of the Grid header.
-/// @group grid
 $kendo-grid-header-padding-x: null !default;
-/// The vertical padding of the Grid header.
-/// @group grid
 $kendo-grid-header-padding-y: null !default;
 
-/// The horizontal padding of the Grid grouping header.
-/// @group grid
 $kendo-grid-grouping-header-padding-x: null !default;
-/// The vertical padding of the Grid grouping header.
-/// @group grid
 $kendo-grid-grouping-header-padding-y: null !default;
 
-/// The horizontal padding of the Grid cell.
-/// @group grid
 $kendo-grid-cell-padding-x: null !default;
-/// The vertical padding of the Grid cell.
-/// @group grid
 $kendo-grid-cell-padding-y: null !default;
 
-/// The horizontal padding of the Grid filter cell.
-/// @group grid
 $kendo-grid-filter-cell-padding-x: null !default;
-/// The vertical padding of the Grid filter cell.
-/// @group grid
 $kendo-grid-filter-cell-padding-y: null !default;
 
-/// The horizontal padding of the Grid edit cell.
-/// @group grid
 $kendo-grid-edit-cell-padding-x: null !default;
-/// The vertical padding of the Grid filter cell.
-/// @group grid
 $kendo-grid-edit-cell-padding-y: null !default;
 
 $kendo-grid-group-drop-hint-size: null !default;
@@ -98,89 +74,37 @@ $kendo-grid-toolbar-border-width: null !default;
 $kendo-grid-cell-horizontal-border-width: null !default;
 $kendo-grid-cell-vertical-border-width: null !default;
 
-/// The background color of the Grid.
-/// @group grid
 $kendo-grid-bg: null !default;
-/// The text color of the Grid.
-/// @group grid
 $kendo-grid-text: null !default;
-/// The border color of the Grid.
-/// @group grid
 $kendo-grid-border: null !default;
 
-/// The background color of Grid header.
-/// @group grid
 $kendo-grid-header-bg: null !default;
-/// The text color of Grid header.
-/// @group grid
 $kendo-grid-header-text: null !default;
-/// The border color of Grid header.
-/// @group grid
 $kendo-grid-header-border: null !default;
-/// The background gradient of Grid header.
-/// @group grid
 $kendo-grid-header-gradient: null !default;
 
-/// The background color of Grid footer.
-/// @group grid
 $kendo-grid-footer-bg: null !default;
-/// The text color of Grid footer.
-/// @group grid
 $kendo-grid-footer-text: null !default;
-/// The border color of Grid footer.
-/// @group grid
 $kendo-grid-footer-border: null !default;
 
-/// The background color of the Grid alternating rows.
-/// @group grid
 $kendo-grid-alt-bg: null !default;
-/// The text color of the Grid alternating rows.
-/// @group grid
 $kendo-grid-alt-text: null !default;
-/// The border color of the Grid alternating rows.
-/// @group grid
 $kendo-grid-alt-border: null !default;
 
-/// The background color of hovered Grid rows.
-/// @group grid
 $kendo-grid-hover-bg: null !default;
-/// The text color of hovered Grid rows.
-/// @group grid
 $kendo-grid-hover-text: null !default;
-/// The border color of hovered Grid rows.
-/// @group grid
 $kendo-grid-hover-border: null !default;
 
-/// The background color of selected Grid rows.
-/// @group grid
 $kendo-grid-selected-bg: null !default;
-/// The text color of selected Grid rows.
-/// @group grid
 $kendo-grid-selected-text: null !default;
-/// The border color of selected Grid rows.
-/// @group grid
 $kendo-grid-selected-border: null !default;
 
-/// The background color of the Grid selection aggregates container.
-/// @group grid
 $kendo-grid-selection-aggregates-bg: null !default;
-/// The text color of the Grid selection aggregates container.
-/// @group grid
 $kendo-grid-selection-aggregates-text: null !default;
-/// The border color of the Grid selection aggregates container.
-/// @group grid
 $kendo-grid-selection-aggregates-border: null !default;
-/// The border width of the Grid selection aggregates container.
-/// @group grid
 $kendo-grid-selection-aggregates-border-width: null !default;
-/// The spacing between the selection aggregates items.
-/// @group grid
 $kendo-grid-selection-aggregates-spacing: null !default;
-/// The line height of the Grid selection aggregates container.
-/// @group grid
 $kendo-grid-selection-aggregates-line-height: null !default;
-/// The font weight of the Grid selection aggregates container.
-/// @group grid
 $kendo-grid-selection-aggregates-font-weight: null !default;
 
 $kendo-grid-grouping-row-bg: null !default;
@@ -270,12 +194,6 @@ $kendo-grid-grouping-row-border-top: null !default;
 $kendo-grid-group-footer-border-y: null !default;
 $kendo-grid-group-footer-second-cell-border: null !default;
 
-/// The background color of the Grid row resize indicator.
-/// @group grid
 $kendo-grid-row-resizer-hover-bg: null !default;
-/// The background color of the active Grid row resize indicator.
-/// @group grid
 $kendo-grid-row-resizer-active-bg: null !default;
-/// The height of the Grid row resize indicator.
-/// @group grid
 $kendo-grid-row-resizer-height: null !default;
diff --git a/packages/core/scss/components/icons/_variables.scss b/packages/core/scss/components/icons/_variables.scss
index 8a89c500eb..9d561c6165 100644
--- a/packages/core/scss/components/icons/_variables.scss
+++ b/packages/core/scss/components/icons/_variables.scss
@@ -1,30 +1,10 @@
-/// The default size icon size.
-/// @group icon
 $kendo-icon-size: null !default;
-/// The extra small icon size.
-/// @group icon
 $kendo-icon-size-xs: null !default;
-/// The small icon size.
-/// @group icon
 $kendo-icon-size-sm: null !default;
-/// The medium icon size.
-/// @group icon
 $kendo-icon-size-md: null !default;
-/// The large icon size.
-/// @group icon
 $kendo-icon-size-lg: null !default;
-/// The extra large icon size.
-/// @group icon
 $kendo-icon-size-xl: null !default;
-/// The double extra large icon size.
-/// @group icon
 $kendo-icon-size-xxl: null !default;
-/// The triple extra large icon size.
-/// @group icon
 $kendo-icon-size-xxxl: null !default;
-/// The default icon spacing.
-/// @group icon
 $kendo-icon-spacing: null !default;
-/// The default icon padding.
-/// @group icon
 $kendo-icon-padding: null !default;
diff --git a/packages/core/scss/components/input/_variables.scss b/packages/core/scss/components/input/_variables.scss
index 972d2bc6ab..d515ce5140 100644
--- a/packages/core/scss/components/input/_variables.scss
+++ b/packages/core/scss/components/input/_variables.scss
@@ -1,426 +1,172 @@
 // Input
 
-/// The default width of the Input components.
-/// @group input
 $kendo-input-default-width: null !default;
 
-/// The border width of the Input components.
-/// @group input
 $kendo-input-border-width: null !default;
 $kendo-input-border-height: null !default;
-/// The border radius of the Input components.
-/// @group input
 $kendo-input-border-radius: null !default;
 
-/// The horizontal padding of the Input components.
-/// @group input
 $kendo-input-padding-x: null !default;
-/// The horizontal padding of the small Input components.
-/// @group input
 $kendo-input-sm-padding-x: null !default;
-/// The horizontal padding of the medium Input components.
-/// @group input
 $kendo-input-md-padding-x: null !default;
-/// The horizontal padding of the large Input components.
-/// @group input
 $kendo-input-lg-padding-x: null !default;
 
-/// The vertical padding of the Input components.
-/// @group input
 $kendo-input-padding-y: null !default;
-/// The vertical padding of the small Input components.
-/// @group input
 $kendo-input-sm-padding-y: null !default;
-/// The vertical padding of the medium Input components.
-/// @group input
 $kendo-input-md-padding-y: null !default;
-/// The vertical padding of the large Input components.
-/// @group input
 $kendo-input-lg-padding-y: null !default;
 
-/// The font family of the Input components.
-/// @group input
 $kendo-input-font-family: null !default;
 
-/// The font size of the Input components.
-/// @group input
 $kendo-input-font-size: null !default;
-/// The font size of the small Input components.
-/// @group input
 $kendo-input-sm-font-size: null !default;
-/// The font size of the medium Input components.
-/// @group input
 $kendo-input-md-font-size: null !default;
-/// The font size of the large Input components.
-/// @group input
 $kendo-input-lg-font-size: null !default;
 
-/// The line height of the Input components.
-/// @group input
 $kendo-input-line-height: null !default;
-/// The line height of the small Input components.
-/// @group input
 $kendo-input-sm-line-height: null !default;
-/// The line height of the medium Input components.
-/// @group input
 $kendo-input-md-line-height: null !default;
-/// The line height of the large Input components.
-/// @group input
 $kendo-input-lg-line-height: null !default;
 
-/// The calculated height of the Input.
-/// @group input
 $kendo-input-calc-size: null !default;
 $kendo-input-sm-calc-size: null !default;
 $kendo-input-md-calc-size: null !default;
 $kendo-input-lg-calc-size: null !default;
 
-/// The sizes map for the Input components.
-/// @group input
 $kendo-input-sizes: null !default;
 
-/// The background color of the Input components.
-/// @group input
 $kendo-input-bg: null !default;
-/// The text color of the Input components.
-/// @group input
 $kendo-input-text: null !default;
-/// The border color of the Input components.
-/// @group input
 $kendo-input-border: null !default;
-/// The shadow of the Input components.
-/// @group input
 $kendo-input-shadow: null !default;
 
-/// The background color of the hovered Input components.
-/// @group input
 $kendo-input-hover-bg: null !default;
-/// The text color of the hovered Input components.
-/// @group input
 $kendo-input-hover-text: null !default;
-/// The border color of the hovered Input components.
-/// @group input
 $kendo-input-hover-border: null !default;
-/// The shadow of the hovered Input components.
-/// @group input
 $kendo-input-hover-shadow: null !default;
 
-/// The background color of the focused Input components.
-/// @group input
 $kendo-input-focus-bg: null !default;
-/// The text color of the focused Input components.
-/// @group input
 $kendo-input-focus-text: null !default;
-/// The border color of the focused Input components.
-/// @group input
 $kendo-input-focus-border: null !default;
-/// The shadow of the focused Input components.
-/// @group input
 $kendo-input-focus-shadow: null !default;
 
-/// The background color of the selected Input components.
-/// @group input
 $kendo-input-selected-bg: null !default;
-/// The text color of the selected Input components.
-/// @group input
 $kendo-input-selected-text: null !default;
 
-/// The background color of the disabled Input components.
-/// @group input
 $kendo-input-disabled-bg: null !default;
-/// The text color of the disabled Input components.
-/// @group input
 $kendo-input-disabled-text: null !default;
-/// The border color of the disabled Input components.
-/// @group input
 $kendo-input-disabled-border: null !default;
-/// The gradient of the disabled Input components.
-/// @group input
 $kendo-input-disabled-gradient: null !default;
-/// The shadow of the disabled Input components.
-/// @group input
 $kendo-input-disabled-shadow: null !default;
 
-/// The background color of the outline Input components.
-/// @group input
 $kendo-input-outline-bg: null !default;
-/// The text color of the outline Input components.
-/// @group input
 $kendo-input-outline-text: null !default;
-/// The border color of the outline Input components.
-/// @group input
 $kendo-input-outline-border: null !default;
 
-/// The background color of the outline hovered Input components.
-/// @group input
 $kendo-input-outline-hover-bg: null !default;
-/// The text color of the outline hovered Input components.
-/// @group input
 $kendo-input-outline-hover-text: null !default;
-/// The border color of the outline hovered Input components.
-/// @group input
 $kendo-input-outline-hover-border: null !default;
 
-/// The background color of the outline focused Input components.
-/// @group input
 $kendo-input-outline-focus-bg: null !default;
-/// The text color of the outline focused Input components.
-/// @group input
 $kendo-input-outline-focus-text: null !default;
-/// The border color of the outline focused Input components.
-/// @group input
 $kendo-input-outline-focus-border: null !default;
-/// The shadow of the outline focused Input components.
-/// @group input
 $kendo-input-outline-focus-shadow: null !default;
 
-/// The background color of the flat Input components.
-/// @group input
 $kendo-input-flat-bg: null !default;
-/// The text color of the flat Input components.
-/// @group input
 $kendo-input-flat-text: null !default;
-/// The border color of the flat Input components.
-/// @group input
 $kendo-input-flat-border: null !default;
 
-/// The background color of the flat hovered Input components.
-/// @group input
 $kendo-input-flat-hover-bg: null !default;
-/// The text color of the flat hovered Input components.
-/// @group input
 $kendo-input-flat-hover-text: null !default;
-/// The border color of the flat hovered Input components.
-/// @group input
 $kendo-input-flat-hover-border: null !default;
 
-/// The background color of the flat focused Input components.
-/// @group input
 $kendo-input-flat-focus-bg: null !default;
-/// The text color of the flat focused Input components.
-/// @group input
 $kendo-input-flat-focus-text: null !default;
-/// The border color of the flat focused Input components.
-/// @group input
 $kendo-input-flat-focus-border: null !default;
-/// The shadow of the flat focused Input components.
-/// @group input
 $kendo-input-flat-focus-shadow: null !default;
 
-/// The text color of the Input placeholder.
-/// @group input
 $kendo-input-placeholder-text: null !default;
-/// The opacity of the Input placeholder.
-/// @group input
 $kendo-input-placeholder-opacity: null !default;
 
-/// The color of the Input clear value icon.
-/// @group input
 $kendo-input-clear-value-text: null !default;
-/// The opacity of the Input clear value icon.
-/// @group input
 $kendo-input-clear-value-opacity: null !default;
-/// The color of the hovered Input clear value icon.
-/// @group input
 $kendo-input-clear-value-hover-text: null !default;
-/// The opacity of the hovered Input clear value icon.
-/// @group input
 $kendo-input-clear-value-hover-opacity: null !default;
 
-/// The vertical margin of the clear value icon.
-/// @group input
 $kendo-input-values-margin-y: null !default;
-/// The horizontal margin of the clear value icon.
-/// @group input
 $kendo-input-values-margin-x: null !default;
 
-/// The width of the Input button.
-/// @group input
 $kendo-input-button-width: null !default;
-/// The border width of the Input button.
-/// @group input
 $kendo-input-button-border-width: null !default;
-/// The width of the Input spinner button.
-/// @group input
 $kendo-input-spinner-width: null !default;
-/// The icon offset of the Input spinner button.
-/// @group input
 $kendo-input-spinner-icon-offset: null !default;
 
-/// The color of the Input separator.
-/// @group input
 $kendo-input-separator-text: null !default;
-/// The opacity of the Input separator.
-/// @group input
 $kendo-input-separator-opacity: null !default;
 
-/// The text color of the Input prefix.
-/// @group input
 $kendo-input-prefix-text: null !default;
-/// The text color of the Input suffix.
-/// @group input
 $kendo-input-suffix-text: null !default;
 
-/// The text color of the Input prefix.
-/// @group input
 $kendo-input-prefix-text: null !default;
-/// The text color of the Input suffix.
-/// @group input
 $kendo-input-suffix-text: null !default;
 
-/// The border color of the invalid Input components.
-/// @group input
 $kendo-input-invalid-border: null !default;
-/// The shadow of the invalid Input components.
-/// @group input
 $kendo-input-invalid-shadow: null !default;
 
-/// The background color of the Picker components.
-/// @group picker
 $kendo-picker-bg: null !default;
-/// The text color of the Picker components.
-/// @group picker
 $kendo-picker-text: null !default;
-/// The border color of the Picker components.
-/// @group picker
 $kendo-picker-border: null !default;
-/// The gradient of the Picker components.
-/// @group picker
 $kendo-picker-gradient: null !default;
-/// The shadow of the Picker components.
-/// @group picker
 $kendo-picker-shadow: null !default;
 
-/// The background color of the hovered Picker components.
-/// @group picker
 $kendo-picker-hover-bg: null !default;
-/// The text color of the hovered Picker components.
-/// @group picker
 $kendo-picker-hover-text: null !default;
-/// The border color of the hovered Picker components.
-/// @group picker
 $kendo-picker-hover-border: null !default;
-/// The gradient of the hovered Picker components.
-/// @group picker
 $kendo-picker-hover-gradient: null !default;
-/// The shadow of the hovered Picker components.
-/// @group picker
 $kendo-picker-hover-shadow: null !default;
 
-/// The background color of the focused Picker components.
-/// @group picker
 $kendo-picker-focus-bg: null !default;
-/// The text color of the focused Picker components.
-/// @group picker
 $kendo-picker-focus-text: null !default;
-/// The border color of the focused Picker components.
-/// @group picker
 $kendo-picker-focus-border: null !default;
-/// The gradient of the focused Picker components.
-/// @group picker
 $kendo-picker-focus-gradient: null !default;
-/// The shadow of the focused Picker components.
-/// @group picker
 $kendo-picker-focus-shadow: null !default;
 
-/// The background color of the disabled Picker components.
-/// @group picker
 $kendo-picker-disabled-bg: null !default;
-/// The text color of the disabled Picker components.
-/// @group picker
 $kendo-picker-disabled-text: null !default;
-/// The border color of the disabled Picker components.
-/// @group picker
 $kendo-picker-disabled-border: null !default;
-/// The gradient of the disabled Picker components.
-/// @group picker
 $kendo-picker-disabled-gradient: null !default;
-/// The shadow of the disabled Picker components.
-/// @group picker
 $kendo-picker-disabled-shadow: null !default;
 
-/// The background color of the outline Picker components.
-/// @group picker
 $kendo-picker-outline-bg: null !default;
-/// The text color of the outline Picker components.
-/// @group picker
 $kendo-picker-outline-text: null !default;
-/// The border color of the outline Picker components.
-/// @group picker
 $kendo-picker-outline-border: null !default;
 
-/// The background color of the outline hovered Picker components.
-/// @group picker
 $kendo-picker-outline-hover-bg: null !default;
-/// The text color of the outline hovered Picker components.
-/// @group picker
 $kendo-picker-outline-hover-text: null !default;
-/// The border color of the outline hovered Picker components.
-/// @group picker
 $kendo-picker-outline-hover-border: null !default;
 
-/// The background color of the outline focused Picker components.
-/// @group picker
 $kendo-picker-outline-focus-bg: null !default;
-/// The text color of the outline focused Picker components.
-/// @group picker
 $kendo-picker-outline-focus-text: null !default;
-/// The border color of the outline focused Picker components.
-/// @group picker
 $kendo-picker-outline-focus-border: null !default;
-/// The shadow of the outline focused Picker components.
-/// @group picker
 $kendo-picker-outline-focus-shadow: null !default;
 
-/// The background color of the outline hovered and focused Picker components.
-/// @group picker
 $kendo-picker-outline-hover-focus-bg: null !default;
-/// The text color of the outline hovered and focused Picker components.
-/// @group picker
 $kendo-picker-outline-hover-focus-text: null !default;
-/// The border color of the outline hovered and focused Picker components.
-/// @group picker
 $kendo-picker-outline-hover-focus-border: null !default;
 
-/// The background color of the flat Picker components.
-/// @group picker
 $kendo-picker-flat-bg: null !default;
-/// The text color of the flat Picker components.
-/// @group picker
 $kendo-picker-flat-text: null !default;
-/// The border color of the flat Picker components.
-/// @group picker
 $kendo-picker-flat-border: null !default;
 
-/// The background color of the flat hovered Picker components.
-/// @group picker
 $kendo-picker-flat-hover-bg: null !default;
-/// The text color of the flat hovered Picker components.
-/// @group picker
 $kendo-picker-flat-hover-text: null !default;
-/// The border color of the flat hovered Picker components.
-/// @group picker
 $kendo-picker-flat-hover-border: null !default;
 
-/// The background color of the flat focused Picker components.
-/// @group picker
 $kendo-picker-flat-focus-bg: null !default;
-/// The text color of the flat focused Picker components.
-/// @group picker
 $kendo-picker-flat-focus-text: null !default;
-/// The border color of the flat focused Picker components.
-/// @group picker
 $kendo-picker-flat-focus-border: null !default;
-/// The shadow of the flat focused Picker components.
-/// @group picker
 $kendo-picker-flat-focus-shadow: null !default;
 
-/// The background color of the flat hovered and focused Picker components.
-/// @group picker
 $kendo-picker-flat-hover-focus-bg: null !default;
-/// The text color of the flat hovered and focused Picker components.
-/// @group picker
 $kendo-picker-flat-hover-focus-text: null !default;
-/// The border color of the flat hovered and focused Picker components.
-/// @group picker
 $kendo-picker-flat-hover-focus-border: null !default;
diff --git a/packages/core/scss/components/list/_variables.scss b/packages/core/scss/components/list/_variables.scss
index f7df376935..0b72a9f717 100644
--- a/packages/core/scss/components/list/_variables.scss
+++ b/packages/core/scss/components/list/_variables.scss
@@ -1,202 +1,118 @@
 // List
 
-/// The font family of the List components.
-/// @group list
 $kendo-list-font-family: null !default;
 
-/// The font size of the List component, if no size is set.
-/// @group list
 $kendo-list-font-size: null !default;
 $kendo-list-sm-font-size: null !default;
 $kendo-list-md-font-size: null !default;
 $kendo-list-lg-font-size: null !default;
 
-/// The line height of the List component, if no size is set.
-/// @group list
 $kendo-list-line-height: null !default;
 $kendo-list-sm-line-height: null !default;
 $kendo-list-md-line-height: null !default;
 $kendo-list-lg-line-height: null !default;
 
-/// The horizontal padding of the List header, if no size is set.
-/// @group list
 $kendo-list-header-padding-x: null !default;
 $kendo-list-sm-header-padding-x: null !default;
 $kendo-list-md-header-padding-x: null !default;
 $kendo-list-lg-header-padding-x: null !default;
 
-/// The vertical padding of the List header, if no size is set.
-/// @group list
 $kendo-list-header-padding-y: null !default;
 $kendo-list-sm-header-padding-y: null !default;
 $kendo-list-md-header-padding-y: null !default;
 $kendo-list-lg-header-padding-y: null !default;
 
-/// The border width of the List header.
-/// @group list
 $kendo-list-header-border-width: null !default;
 
-/// The font size of the List header, if no size is set.
-/// @group list
 $kendo-list-header-font-size: null !default;
 $kendo-list-sm-header-font-size: null !default;
 $kendo-list-md-header-font-size: null !default;
 $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;
 $kendo-list-sm-header-line-height: null !default;
 $kendo-list-md-header-line-height: null !default;
 $kendo-list-lg-header-line-height: null !default;
 
-/// The font weight of the List header.
-/// @group list
 $kendo-list-header-font-weight: null !default;
 
-/// The padding of the the List filter input.
-/// @group list
 $kendo-list-filter-padding: null !default;
 
-/// The horizontal padding of the List items, when no size is set.
-/// @group list
 $kendo-list-item-padding-x: null !default;
 $kendo-list-sm-item-padding-x: null !default;
 $kendo-list-md-item-padding-x: null !default;
 $kendo-list-lg-item-padding-x: null !default;
 
-/// The vertical padding of the List items, when no size is set.
-/// @group list
 $kendo-list-item-padding-y: null !default;
 $kendo-list-sm-item-padding-y: null !default;
 $kendo-list-md-item-padding-y: null !default;
 $kendo-list-lg-item-padding-y: null !default;
 
-/// The font size of the List items, if no size is set.
-/// @group list
 $kendo-list-item-font-size: null !default;
 $kendo-list-sm-item-font-size: null !default;
 $kendo-list-md-item-font-size: null !default;
 $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;
 $kendo-list-sm-item-line-height: null !default;
 $kendo-list-md-item-line-height: null !default;
 $kendo-list-lg-item-line-height: null !default;
 
-/// The horizontal padding of the List group items, when no size is set.
-/// @group list
 $kendo-list-group-item-padding-x: null !default;
 $kendo-list-sm-group-item-padding-x: null !default;
 $kendo-list-md-group-item-padding-x: null !default;
 $kendo-list-lg-group-item-padding-x: null !default;
 
-/// The vertical padding of the List group items, when no size is set.
-/// @group list
 $kendo-list-group-item-padding-y: null !default;
 $kendo-list-sm-group-item-padding-y: null !default;
 $kendo-list-md-group-item-padding-y: null !default;
 $kendo-list-lg-group-item-padding-y: null !default;
 
-/// The border width of the List group items.
-/// @group list
 $kendo-list-group-item-border-width: null !default;
 
-/// The font size of the List group items, if no size is set.
-/// @group list
 $kendo-list-group-item-font-size: null !default;
 $kendo-list-sm-group-item-font-size: null !default;
 $kendo-list-md-group-item-font-size: null !default;
 $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;
 $kendo-list-sm-group-item-line-height: null !default;
 $kendo-list-md-group-item-line-height: null !default;
 $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: null !default;
 
 
-/// The map with the sizes of the List.
-/// @group list
 $kendo-list-sizes: null !default;
 
 
-/// The background color of the List component.
-/// @group list
 $kendo-list-bg: null !default;
-/// The text color of the List component.
-/// @group list
 $kendo-list-text: null !default;
-/// The border color of the List component.
-/// @group list
 $kendo-list-border: null !default;
 
 
-/// The background color of the List header.
-/// @group list
 $kendo-list-header-bg: null !default;
-/// The text color of the List header.
-/// @group list
 $kendo-list-header-text: null !default;
-/// The border color of the List header.
-/// @group list
 $kendo-list-header-border: null !default;
-/// The box shadow of the List header.
-/// @group list
 $kendo-list-header-shadow: null !default;
 
 
-/// The background color of the List items.
-/// @group list
 $kendo-list-item-bg: null !default;
-/// The text color of the List items.
-/// @group list
 $kendo-list-item-text: null !default;
 
-/// The background color of the hovered List items.
-/// @group list
 $kendo-list-item-hover-bg: null !default;
-/// The text color of the hovered List items.
-/// @group list
 $kendo-list-item-hover-text: null !default;
 
-/// The background color of the focused List items.
-/// @group list
 $kendo-list-item-focus-bg: null !default;
-/// The text color of the focused List items.
-/// @group list
 $kendo-list-item-focus-text: null !default;
-/// The box shadow of the focused List items.
-/// @group list
 $kendo-list-item-focus-shadow: null !default;
 
-/// The background color of the selected List items.
-/// @group list
 $kendo-list-item-selected-bg: null !default;
-/// The text color of the selected List items.
-/// @group list
 $kendo-list-item-selected-text: null !default;
 
-/// The background color of the List group items.
-/// @group list
 $kendo-list-group-item-bg: null !default;
-/// The text color of the List group items.
-/// @group list
 $kendo-list-group-item-text: null !default;
-/// The border color of the List group items.
-/// @group list
 $kendo-list-group-item-border: null !default;
-/// The base shadow of the List group items.
-/// @group list
 $kendo-list-group-item-shadow: null !default;
 
-/// The color of the 'Option Label' text.
-/// @group list
 $kendo-list-option-label-text: null !default;
diff --git a/packages/core/scss/components/listbox/_variables.scss b/packages/core/scss/components/listbox/_variables.scss
index 34f8ad4785..820dcd3fbe 100644
--- a/packages/core/scss/components/listbox/_variables.scss
+++ b/packages/core/scss/components/listbox/_variables.scss
@@ -1,50 +1,20 @@
 // ListBox
 
-/// The spacing between the ListBox elements.
-/// @group listbox
 $kendo-listbox-spacing: null !default;
-/// The spacing between the ListBox buttons.
-/// @group listbox
 $kendo-listbox-button-spacing: null !default;
-/// The width of the ListBox.
-/// @group listbox
 $kendo-listbox-width: null !default;
-/// The height of the ListBox.
-/// @group listbox
 $kendo-listbox-default-height: null !default;
-/// The width of the border around the ListBox.
-/// @group listbox
 $kendo-listbox-border-width: null !default;
-/// The font family of the ListBox.
-/// @group listbox
 $kendo-listbox-font-family: null !default;
-/// The font size of the ListBox.
-/// @group listbox
 $kendo-listbox-font-size: null !default;
-/// The line height of the ListBox.
-/// @group listbox
 $kendo-listbox-line-height: null !default;
 
-/// The text color of the ListBox.
-/// @group listbox
 $kendo-listbox-text: null !default;
-/// The background color of the ListBox.
-/// @group listbox
 $kendo-listbox-bg: null !default;
-/// The border color of the ListBox.
-/// @group listbox
 $kendo-listbox-border: null !default;
 
-/// The inline padding of the ListBox item.
-/// @group listbox
 $kendo-listbox-item-padding-x: null !default;
-/// The block padding of the ListBox item.
-/// @group listbox
 $kendo-listbox-item-padding-y: null !default;
 
-/// The width of the ListBox drop hint.
-/// @group listbox
 $kendo-listbox-drop-hint-width: null !default;
-/// The width of the border around the ListBox drop hint.
-/// @group listbox
 $kendo-listbox-drop-hint-border-width: null !default;
diff --git a/packages/core/scss/components/listview/_variables.scss b/packages/core/scss/components/listview/_variables.scss
index 441a1c6a4f..25bf55b476 100644
--- a/packages/core/scss/components/listview/_variables.scss
+++ b/packages/core/scss/components/listview/_variables.scss
@@ -1,60 +1,24 @@
 // ListView
 
-/// The horizontal padding of the ListView.
-/// @group listview
 $kendo-listview-padding-x: null !default;
-/// The vertical padding of the ListView.
-/// @group listview
 $kendo-listview-padding-y: null !default;
-/// The width of the border around bordered ListView.
-/// @group listview
 $kendo-listview-border-width: null !default;
-/// The font family of the ListView.
-/// @group listview
 $kendo-listview-font-family: null !default;
-/// The font size of the ListView.
-/// @group listview
 $kendo-listview-font-size: null !default;
-/// The line height of the ListView.
-/// @group listview
 $kendo-listview-line-height: null !default;
 
-/// The text color of the ListView.
-/// @group listview
 $kendo-listview-text: null !default;
-/// The background color of the ListView.
-/// @group listview
 $kendo-listview-bg: null !default;
-/// The border color of the ListView.
-/// @group listview
 $kendo-listview-border: null !default;
 
-/// The horizontal padding of the ListView items.
-/// @group listview
 $kendo-listview-item-padding-x: null !default;
-/// The vertical padding of the ListView items.
-/// @group listview
 $kendo-listview-item-padding-y: null !default;
 
-/// The text color of the selected ListView items.
-/// @group listview
 $kendo-listview-item-selected-text: null !default;
-/// The background color of the selected ListView items.
-/// @group listview
 $kendo-listview-item-selected-bg: null !default;
-/// The border color of the selected ListView items.
-/// @group listview
 $kendo-listview-item-selected-border: null !default;
 
-/// The text color of the focused ListView items.
-/// @group listview
 $kendo-listview-item-focus-text: null !default;
-/// The background color of the focused ListView items.
-/// @group listview
 $kendo-listview-item-focus-bg: null !default;
-/// The border color of the focused ListView items.
-/// @group listview
 $kendo-listview-item-focus-border: null !default;
-/// The box shadow of the focused ListView items.
-/// @group listview
 $kendo-listview-item-focus-shadow: null !default;
diff --git a/packages/core/scss/components/loader/_variables.scss b/packages/core/scss/components/loader/_variables.scss
index 527325842d..7ad0b49430 100644
--- a/packages/core/scss/components/loader/_variables.scss
+++ b/packages/core/scss/components/loader/_variables.scss
@@ -1,125 +1,51 @@
 // Loader
 
-/// The border radius of the Loader segment.
-/// @group loader
 $kendo-loader-segment-border-radius: null !default;
 
-/// The size of the small Loader segment.
-/// @group loader
 $kendo-loader-sm-segment-size: null !default;
-/// The size of the medium Loader segment.
-/// @group loader
 $kendo-loader-md-segment-size: null !default;
-/// The size of the large Loader segment.
-/// @group loader
 $kendo-loader-lg-segment-size: null !default;
 
-/// The padding of the small Loader.
-/// @group loader
 $kendo-loader-sm-padding: null !default;
-/// The padding of the medium Loader.
-/// @group loader
 $kendo-loader-md-padding: null !default;
-/// The padding of the large Loader.
-/// @group loader
 $kendo-loader-lg-padding: null !default;
 
-/// The width of the small spinner-3 Loader.
-/// @group loader
 $kendo-loader-sm-spinner-3-width: null !default;
-/// The width of the medium spinner-3 Loader.
-/// @group loader
 $kendo-loader-md-spinner-3-width: null !default;
-/// The width of the large spinner-3 Loader.
-/// @group loader
 $kendo-loader-lg-spinner-3-width: null !default;
 
-/// The height of the small spinner-3 Loader.
-/// @group loader
 $kendo-loader-sm-spinner-3-height: null !default;
-/// The height of the medium spinner-3 Loader.
-/// @group loader
 $kendo-loader-md-spinner-3-height: null !default;
-/// The height of the large spinner-3 Loader.
-/// @group loader
 $kendo-loader-lg-spinner-3-height: null !default;
 
-/// The width of the small spinner-4 Loader.
-/// @group loader
 $kendo-loader-sm-spinner-4-width: null !default;
-/// The width of the medium spinner-4 Loader.
-/// @group loader
 $kendo-loader-md-spinner-4-width: null !default;
-/// The width of the large spinner-4 Loader.
-/// @group loader
 $kendo-loader-lg-spinner-4-width: null !default;
 
-/// The height of the small spinner-4 Loader.
-/// @group loader
 $kendo-loader-sm-spinner-4-height: null !default;
-/// The height of the medium spinner-4 Loader.
-/// @group loader
 $kendo-loader-md-spinner-4-height: null !default;
-/// The height of the large spinner-4 Loader.
-/// @group loader
 $kendo-loader-lg-spinner-4-height: null !default;
 
-/// The border width of the container panel.
-/// @group loader
 $kendo-loader-container-panel-border-width: null !default;
-/// The border style of the container panel.
-/// @group loader
 $kendo-loader-container-panel-border-style: null !default;
-/// The border color of the container panel.
-/// @group loader
 $kendo-loader-container-panel-border-color: null !default;
-/// The border radius of the container panel.
-/// @group loader
 $kendo-loader-container-panel-border-radius: null !default;
-/// The background color of the container panel.
-/// @group loader
 $kendo-loader-container-panel-bg: null !default;
 
-/// The padding of the small Loader container.
-/// @group loader
 $kendo-loader-sm-container-padding: null !default;
-/// The padding of the medium Loader container.
-/// @group loader
 $kendo-loader-md-container-padding: null !default;
-/// The padding of the large Loader container.
-/// @group loader
 $kendo-loader-lg-container-padding: null !default;
 
-/// The gap of the small Loader container.
-/// @group loader
 $kendo-loader-sm-container-gap: null !default;
-/// The gap of the medium Loader container.
-/// @group loader
 $kendo-loader-md-container-gap: null !default;
-/// The gap of the large Loader container.
-/// @group loader
 $kendo-loader-lg-container-gap: null !default;
 
-/// The font size of the small Loader container.
-/// @group loader
 $kendo-loader-sm-container-font-size: null !default;
-/// The font size of the medium Loader container.
-/// @group loader
 $kendo-loader-md-container-font-size: null !default;
-/// The font size of the large Loader container.
-/// @group loader
 $kendo-loader-lg-container-font-size: null !default;
 
 // Loading indicator
-/// The background color of the Loading indicator.
-/// @group loading
 $kendo-loading-bg: null !default;
-/// The text color of the Loading indicator.
-/// @group loading
 $kendo-loading-text: null !default;
-/// The opacity of the Loading indicator.
-/// @group loading
 $kendo-loading-opacity: null !default;
-/// The z-index of the Loading indicator.
-/// @group loading
 $kendo-zindex-loading: null !default;
diff --git a/packages/core/scss/components/map/_variables.scss b/packages/core/scss/components/map/_variables.scss
index 9cc1741714..d83398de4b 100644
--- a/packages/core/scss/components/map/_variables.scss
+++ b/packages/core/scss/components/map/_variables.scss
@@ -1,69 +1,29 @@
 // Map
-/// The border width of the Map.
-/// @group map
 $kendo-map-border-width: null !default;
 
-/// The font size of the Map.
-/// @group map
 $kendo-map-font-size: null !default;
-/// The line height of the Map.
-/// @group map
 $kendo-map-line-height: null !default;
-/// The font family of the Map.
-/// @group map
 $kendo-map-font-family: null !default;
 
-/// The background color of the Map.
-/// @group map
 $kendo-map-bg: null !default;
-/// The text color of the Map.
-/// @group map
 $kendo-map-text: null !default;
-/// The border color of the Map.
-/// @group map
 $kendo-map-border: null !default;
 
-/// The margin of the Map navigator.
-/// @group map
 $kendo-map-navigator-margin: null !default;
-/// The padding of the Map navigator.
-/// @group map
 $kendo-map-navigator-padding: null !default;
-/// The width of the Map navigator.
-/// @group map
 $kendo-map-navigator-width: null !default;
-/// The height of the Map navigator.
-/// @group map
 $kendo-map-navigator-height: null !default;
-/// The border width of the Map navigator.
-/// @group map
 $kendo-map-navigator-border-width: null !default;
 
-/// The margin of the Map zoom control.
-/// @group map
 $kendo-map-zoom-control-margin: null !default;
-/// The horizontal padding of the Map zoom control.
-/// @group map
 $kendo-map-zoom-control-button-padding-x: null !default;
-/// The vertical padding of the Map zoom control.
-/// @group map
 $kendo-map-zoom-control-button-padding-y: null !default;
 
-/// The horizontal padding of the Map attribution.
-/// @group map
 $kendo-map-attribution-padding-x: null !default;
-/// The vertical padding of the Map attribution.
-/// @group map
 $kendo-map-attribution-padding-y: null !default;
-/// The font size of the Map attribution.
-/// @group map
 $kendo-map-attribution-font-size: null !default;
-/// The background color of the Map attribution.
-/// @group map
 $kendo-map-attribution-bg: null !default;
 
-/// The fill color of the Map marker.
-/// @group map
 $kendo-map-marker-fill: null !default;
 
 $kendo-map-marker-images: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAABQCAYAAAAKlxWDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA35JREFUeNrsWF1IVEEUPu7amhKUmqUUkhEYYn9PamgbROKTEERB1HNP0pMvJUVhZQhCEEQPQiAIkiQIQShEZmg99SdLgiRJpbGmGIu/aZ2zzJXrvWf2zty7PgTzwQd3Z86Z796z58wMJ+PruXxQwCHkGeRpZDbyqBh/j1xA9iN7kJ+8FsrwECSRu8hSUMMosgnZLTMIScaLkUPIpxpiIGyfCN9iVcEo8h2yCvyjSqwR9RIkgz5kHgRHnlhrg2im7blEhCPCeW89fBJyKuohsv8IRPaV46uGYfnLhyTn3/bC4seXnFtErFmBHHcmzSCy2umRWVgC+ZfvQ1bZ8ZSfsxQbgl+PrsCfqXFu+jWyxh7Ss5xY1sFKKLzd5ymWtEWbpC36MKgWGuuCzdyXFTR2QGhbrvKfRrbkQ74Mmi3BKJf6FEYdMbso+UpKJkpJU+dKkPIaNoyrM5Mw23Edlj6/WQ957qVbEM4rcoWX1lgcGXQuURfi6o2y0YmVH2Mw2XgC5od6ksJEeqaxlW+joLIGaZFgGVcCTsx13YG1xKxrnMZoTmUN0iLB7c7R8M49LktJnSWxwMxxa5AWu5f+XV6EzQIJznHJwSWSDNlM+Fanv3OmcyQY43YNVyzOX2XLhMZoTvEviJHgsHOU9kYntuwthaLWV5BTWQ/hHbuSpGcaozmVNUiL9lIqfNfr7L7Rq7SlyfbVnzfZsjhFXzggTuoNoI14bf63thj5kK/kNvDCytIm5yzt+vF7F9jak4qhbbz1ouzEaLJv3t3iCNkYGtzCpq7Vrm9lKcNo2TIJJ/Kk23keHhB3kQLPAxhJUDiACXEkJcMYd2uzrhiRNNX5MrJW5Al7pxkQBjNpEJtxislubWRwjKtPDQyLNQZU76UTIu4NPsQahO+EzkXYwgNu60uBmPAB3Zu3HS0agp62KoJdsvAwf0NXOgQptdsU7NqEbWBBQrso4FQl0K56AKsggXzokVyJdAqmWjThlZl+BeOSsD32CLdvQSsxVu1XF2Sr7iVKB5T6nbbfnYol41vQWdwtus6ZPgRp+3pme950QV9fpito+jSmT2P6NKZP479PE9Lp06jC6tMwUO/T6CJwn0YXgfs0uvj/+jS6CNyn0UXgPo0uZH0aEnzueruRwUBfSb5Mr5TQb/o0pk9j+jSmT2P6NKZPY/o0pk9j+jQ+8E+AAQDpbNHEyW7DTAAAAABJRU5ErkJggg==" !default;
diff --git a/packages/core/scss/components/mediaplayer/_variables.scss b/packages/core/scss/components/mediaplayer/_variables.scss
index 34cb278f97..d7c736acfc 100644
--- a/packages/core/scss/components/mediaplayer/_variables.scss
+++ b/packages/core/scss/components/mediaplayer/_variables.scss
@@ -1,43 +1,17 @@
 // Media player
 
-/// The border width of the MediaPlayer.
-/// @group mediaplayer
 $kendo-media-player-border-width: null !default;
-/// The font family of the MediaPlayer.
-/// @group mediaplayer
 $kendo-media-player-font-family: null !default;
-/// The font size of the MediaPlayer.
-/// @group mediaplayer
 $kendo-media-player-font-size: null !default;
-/// The line height of the MediaPlayer.
-/// @group mediaplayer
 $kendo-media-player-line-height: null !default;
 
-/// The background color of the MediaPlayer.
-/// @group mediaplayer
 $kendo-media-player-bg: null !default;
-/// The text color of the MediaPlayer.
-/// @group mediaplayer
 $kendo-media-player-text: null !default;
-/// The border color of the MediaPlayer.
-/// @group mediaplayer
 $kendo-media-player-border: null !default;
 
-/// The horizontal padding of the MediaPlayer title.
-/// @group mediaplayer
 $kendo-media-player-titlebar-padding-x: null !default;
-/// The vertical padding of the MediaPlayer title.
-/// @group mediaplayer
 $kendo-media-player-titlebar-padding-y: null !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: null !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: null !default;
diff --git a/packages/core/scss/components/menu-button/_variables.scss b/packages/core/scss/components/menu-button/_variables.scss
index 8d6d7dbc09..f714a02b77 100644
--- a/packages/core/scss/components/menu-button/_variables.scss
+++ b/packages/core/scss/components/menu-button/_variables.scss
@@ -1,5 +1,3 @@
 // Menu-button
 
-/// The horizontal padding of the button arrow in the Menu Button..
-/// @group menu-button
 $kendo-menu-button-arrow-padding-x: null !default;
diff --git a/packages/core/scss/components/menu/_variables.scss b/packages/core/scss/components/menu/_variables.scss
index fba582db08..7483aeb5df 100644
--- a/packages/core/scss/components/menu/_variables.scss
+++ b/packages/core/scss/components/menu/_variables.scss
@@ -1,267 +1,129 @@
 // Menu
 
-/// The width of the border around the Menu.
-/// @group menu
 $kendo-menu-border-width: null !default;
 
-/// The font family of the Menu.
-/// @group menu
 $kendo-menu-font-family: null !default;
-/// The font size of the Menu.
-/// @group menu
 $kendo-menu-font-size: null !default;
-/// The line height of the Menu used along with $kendo-font-size.
-/// @group menu
 $kendo-menu-line-height: null !default;
 
-/// The background color of the Menu.
-/// @group menu
 $kendo-menu-bg: null !default;
-/// The text color of the Menu.
-/// @group menu
 $kendo-menu-text: null !default;
-/// The border color of the Menu.
-/// @group menu
 $kendo-menu-border: null !default;
-/// The background gradient of the Menu.
-/// @group menu
 $kendo-menu-gradient: null !default;
 
 // Menu item
 
-/// The horizontal padding of the Menu item.
-/// @group menu
 $kendo-menu-item-padding-x: null !default;
-/// The vertical padding of the Menu item.
-/// @group menu
 $kendo-menu-item-padding-y: null !default;
-/// The spacing between the Menu items.
-/// @group menu
 $kendo-menu-item-spacing: null !default;
-/// The spacing between the Menu item text and icons.
-/// @group menu
 $kendo-menu-item-icon-spacing: null !default;
 
-/// The font weight of the selected Menu item.
-/// @group menu
 $kendo-menu-item-selected-font-weight: null !default;
 
-/// The background color of the Menu item.
-/// @group menu
 $kendo-menu-item-bg: null !default;
-/// The text color of the Menu item.
-/// @group menu
 $kendo-menu-item-text: null !default;
-/// The border color of the Menu item.
-/// @group menu
 $kendo-menu-item-border: null !default;
-/// The background gradient of the Menu item.
-/// @group menu
 $kendo-menu-item-gradient: null !default;
 
-/// The background color of hovered Menu item.
-/// @group menu
 $kendo-menu-item-hover-bg: null !default;
-/// The text color of hovered Menu item.
-/// @group menu
 $kendo-menu-item-hover-text: null !default;
-/// The border color of hovered Menu item.
-/// @group menu
 $kendo-menu-item-hover-border: null !default;
-/// The background gradient of hovered Menu item.
-/// @group menu
 $kendo-menu-item-hover-gradient: null !default;
 
-/// The background color of active Menu item.
-/// @group menu
 $kendo-menu-item-active-bg: null !default;
-/// The text color of active Menu item.
-/// @group menu
 $kendo-menu-item-active-text: null !default;
-/// The border color of active Menu item.
-/// @group menu
 $kendo-menu-item-active-border: null !default;
-/// The background gradient of active Menu item.
-/// @group menu
 $kendo-menu-item-active-gradient: null !default;
 
-/// The base shadow of focused Menu item.
-/// @group menu
 $kendo-menu-item-focus-shadow: null !default;
 
-/// The background color of selected Menu item.
-/// @group menu
 $kendo-menu-item-selected-bg: null !default;
-/// The text color of selected Menu item.
-/// @group menu
 $kendo-menu-item-selected-text: null !default;
-/// The border color of selected Menu item.
-/// @group menu
 $kendo-menu-item-selected-border: null !default;
-/// The background gradient of selected Menu item.
-/// @group menu
 $kendo-menu-item-selected-gradient: null !default;
 
-/// The background color of the Menu scroll buttons.
-/// @group menu
 $kendo-menu-scroll-button-bg: null !default;
-/// The text color of the Menu scroll buttons.
-/// @group menu
 $kendo-menu-scroll-button-text: null !default;
-/// The border color of the Menu scroll buttons.
-/// @group menu
 $kendo-menu-scroll-button-border: null !default;
-/// The background gradient of the Menu scroll buttons.
-/// @group menu
 $kendo-menu-scroll-button-gradient: null !default;
 
-/// The background color of hovered Menu scroll buttons.
-/// @group menu
 $kendo-menu-scroll-button-hover-bg: null !default;
-/// The text color of hovered Menu scroll buttons.
-/// @group menu
 $kendo-menu-scroll-button-hover-text: null !default;
-/// The border color of hovered Menu scroll buttons.
-/// @group menu
 $kendo-menu-scroll-button-hover-border: null !default;
-/// The background gradient of hovered Menu scroll buttons.
-/// @group menu
 $kendo-menu-scroll-button-hover-gradient: null !default;
 
 
 // Menu Separator
 
-/// The inline margin of the horizontal Menu separator.
-/// @group menu
 $kendo-menu-separator-margin-inline: null !default;
-/// The block margin of the horizontal Menu separator.
-/// @group menu
 $kendo-menu-separator-margin-block: null !default;
-/// The border color of the Menu separator.
-/// @group menu
 $kendo-menu-separator-border: null !default;
 
 
 // Menu popup
 
-/// The horizontal padding of the Menu popup.
-/// @group menu
 $kendo-menu-popup-padding-x: null !default;
 
-/// The vertical padding of the Menu popup.
-/// @group menu
 $kendo-menu-popup-padding-y: null !default;
 
-/// The width of the border around the Menu popup.
-/// @group menu
 $kendo-menu-popup-border-width: null !default;
 
-/// The font sizes of the Menu popup.
-/// @group menu
 $kendo-menu-popup-font-size: null !default;
 $kendo-menu-popup-sm-font-size: null !default;
 $kendo-menu-popup-md-font-size: null !default;
 $kendo-menu-popup-lg-font-size: null !default;
 
-/// The line heights used along with $kendo-font-size.
-/// @group menu
 $kendo-menu-popup-line-height: null !default;
 $kendo-menu-popup-sm-line-height: null !default;
 $kendo-menu-popup-md-line-height: null !default;
 $kendo-menu-popup-lg-line-height: null !default;
 
-/// The background color of the Menu popup.
-/// @group menu
 $kendo-menu-popup-bg: null !default;
-/// The text color of the Menu popup.
-/// @group menu
 $kendo-menu-popup-text: null !default;
-/// The border color of the Menu popup.
-/// @group menu
 $kendo-menu-popup-border: null !default;
-/// The background gradient of the Menu popup.
-/// @group menu
 $kendo-menu-popup-gradient: null !default;
 
 
 // Menu popup item
 
-/// The horizontal padding of the Menu item in popup.
-/// @group menu
 $kendo-menu-popup-item-padding-x: null !default;
 $kendo-menu-popup-sm-item-padding-x: null !default;
 $kendo-menu-popup-md-item-padding-x: null !default;
 $kendo-menu-popup-lg-item-padding-x: null !default;
 
-/// The vertical padding of the Menu item in popup.
-/// @group menu
 $kendo-menu-popup-item-padding-y: null !default;
 $kendo-menu-popup-sm-item-padding-y: null !default;
 $kendo-menu-popup-md-item-padding-y: null !default;
 $kendo-menu-popup-lg-item-padding-y: null !default;
 
-/// The end padding of the Menu item in popup.
-/// @group menu
 $kendo-menu-popup-item-padding-end: null !default;
 $kendo-menu-popup-sm-item-padding-end: null !default;
 $kendo-menu-popup-md-item-padding-end: null !default;
 $kendo-menu-popup-lg-item-padding-end: null !default;
 
-/// The start margin of the Menu item expand icon.
-/// @group menu
 $kendo-menu-popup-sm-item-icon-margin-start: null !default;
 $kendo-menu-popup-md-item-icon-margin-start: null !default;
 $kendo-menu-popup-lg-item-icon-margin-start: null !default;
 
-/// The end margin of the Menu item expand icon.
-/// @group menu
 $kendo-menu-popup-sm-item-icon-margin-end: null !default;
 $kendo-menu-popup-md-item-icon-margin-end: null !default;
 $kendo-menu-popup-lg-item-icon-margin-end: null !default;
 
-/// The spacing between the Menu items in popup.
-/// @group menu
 $kendo-menu-popup-item-spacing: null !default;
 
-/// The background color of the Menu item in popup.
-/// @group menu
 $kendo-menu-popup-item-bg: null !default;
-/// The text color of the Menu item in popup.
-/// @group menu
 $kendo-menu-popup-item-text: null !default;
-/// The border color of the Menu item in popup.
-/// @group menu
 $kendo-menu-popup-item-border: null !default;
-/// The background gradient of the Menu item in popup.
-/// @group menu
 $kendo-menu-popup-item-gradient: null !default;
 
-/// The background color of hovered Menu item in popup.
-/// @group menu
 $kendo-menu-popup-item-hover-bg: null !default;
-/// The text color of hovered Menu item in popup.
-/// @group menu
 $kendo-menu-popup-item-hover-text: null !default;
-/// The border color of hovered Menu item in popup.
-/// @group menu
 $kendo-menu-popup-item-hover-border: null !default;
-/// The background gradient of hovered Menu item in popup.
-/// @group menu
 $kendo-menu-popup-item-hover-gradient: null !default;
 
-/// The background color of active Menu item in popup.
-/// @group menu
 $kendo-menu-popup-item-active-bg: null !default;
-/// The text color of active Menu item in popup.
-/// @group menu
 $kendo-menu-popup-item-active-text: null !default;
-/// The border color of active Menu item in popup.
-/// @group menu
 $kendo-menu-popup-item-active-border: null !default;
-/// The background gradient of active Menu item in popup.
-/// @group menu
 $kendo-menu-popup-item-active-gradient: null !default;
 
-/// The base shadow of focused Menu item in popup.
-/// @group menu
 $kendo-menu-popup-item-focus-shadow: null !default;
diff --git a/packages/core/scss/components/no-data/_variables.scss b/packages/core/scss/components/no-data/_variables.scss
index 402342d97e..64bd3782e7 100644
--- a/packages/core/scss/components/no-data/_variables.scss
+++ b/packages/core/scss/components/no-data/_variables.scss
@@ -1,7 +1,3 @@
-/// The minimum height of the 'No Data' text container.
-/// @group no-data
 $kendo-no-data-min-height: null !default;
 
-/// The color of the 'No Data' text.
-/// @group no-data
 $kendo-no-data-text: null !default;
diff --git a/packages/core/scss/components/notification/_variables.scss b/packages/core/scss/components/notification/_variables.scss
index b24f52c558..56d74b8bed 100644
--- a/packages/core/scss/components/notification/_variables.scss
+++ b/packages/core/scss/components/notification/_variables.scss
@@ -1,45 +1,19 @@
 // Notification
 
-/// The row-gap between the elements in the Notification group.
-/// @group notification
 $kendo-notification-group-gap: null !default;
 
-/// The horizontal padding of the Notification.
-/// @group notification
 $kendo-notification-padding-x: null !default;
-/// The vertical padding of the Notification.
-/// @group notification
 $kendo-notification-padding-y: null !default;
-/// The width of the border around the Notification.
-/// @group notification
 $kendo-notification-border-width: null !default;
-/// The border radius of the Notification.
-/// @group notification
 $kendo-notification-border-radius: k-border-radius(md)!default;
-/// The font family of the Notification.
-/// @group notification
 $kendo-notification-font-family: null !default;
-/// The font size of the Notification.
-/// @group notification
 $kendo-notification-font-size: null !default;
-/// The line height of the Notification.
-/// @group notification
 $kendo-notification-line-height: null !default;
-/// The background color of the Notification.
-/// @group notification
 $kendo-notification-bg: null !default;
-/// The text color of the Notification.
-/// @group notification
 $kendo-notification-text: null !default;
-/// The border color of the Notification.
-/// @group notification
 $kendo-notification-border: null !default;
-/// The box shadow of the Notification.
-/// @group notification
 $kendo-notification-shadow: null !default;
 
-/// The horizontal spacing of the Notification icon.
-/// @group notification
 $kendo-notification-icon-spacing: null !default;
 
 @function notification-theme( $colors ) {
@@ -56,9 +30,5 @@ $kendo-notification-icon-spacing: null !default;
     @return $_theme;
 }
 
-/// The theme colors map for the Notification.
-/// @group notification
 $kendo-notification-theme-colors: null !default;
-/// The generated theme colors map for the Notification.
-/// @group notification
 $kendo-notification-theme: null !default;
diff --git a/packages/core/scss/components/orgchart/_variables.scss b/packages/core/scss/components/orgchart/_variables.scss
index 67f1fc021e..1bac9ec907 100644
--- a/packages/core/scss/components/orgchart/_variables.scss
+++ b/packages/core/scss/components/orgchart/_variables.scss
@@ -1,146 +1,58 @@
 // Orgchart
 
-/// The spacing index of the OrgChart.
-/// @group orgchart
 $kendo-orgchart-spacer: null !default;
-/// The vertical padding of the OrgChart.
-/// @group orgchart
 $kendo-orgchart-padding-y: null !default;
-/// The horizontal padding of the OrgChart.
-/// @group orgchart
 $kendo-orgchart-padding-x: null !default;
-/// The font family of the OrgChart.
-/// @group orgchart
 $kendo-orgchart-font-family: null !default;
-/// The font size of the OrgChart.
-/// @group orgchart
 $kendo-orgchart-font-size: null !default;
-/// The line height of the OrgChart.
-/// @group orgchart
 $kendo-orgchart-line-height: null !default;
-/// The background color of the OrgChart.
-/// @group orgchart
 $kendo-orgchart-bg: null !default;
-/// The text color of the OrgChart.
-/// @group orgchart
 $kendo-orgchart-text: null !default;
-/// The border color of the OrgChart.
-/// @group orgchart
 $kendo-orgchart-border: null !default;
 
-/// The spacing of the OrgChart node.
-/// @group orgchart
 $kendo-orgchart-node-gap: null !default;
-/// The spacing of the OrgChart group.
-/// @group orgchart
 $kendo-orgchart-group-gap: null !default;
-/// The spacing of the OrgChart node container.
-/// @group orgchart
 $kendo-orgchart-node-container-gap: null !default;
 
-/// The vertical padding of the OrgChart node group.
-/// @group orgchart
 $kendo-orgchart-node-group-padding-y: null !default;
-/// The horizontal padding of the OrgChart node group.
-/// @group orgchart
 $kendo-orgchart-node-group-padding-x: null !default;
-/// The border width of the OrgChart node group.
-/// @group orgchart
 $kendo-orgchart-node-group-border-width: null !default;
-/// The border radius of the OrgChart node group.
-/// @group orgchart
 $kendo-orgchart-node-group-border-radius: null !default;
-/// The background color of the OrgChart node group.
-/// @group orgchart
 $kendo-orgchart-node-group-bg: null !default;
-/// The text color of the OrgChart node group.
-/// @group orgchart
 $kendo-orgchart-node-group-text: null !default;
-/// The border color of the OrgChart node group.
-/// @group orgchart
 $kendo-orgchart-node-group-border: null !default;
 
-/// The border color of the focused OrgChart node group.
-/// @group orgchart
 $kendo-orgchart-node-group-focus-border: null !default;
-/// The shadow of the focused OrgChart node group.
-/// @group orgchart
 $kendo-orgchart-node-group-focus-shadow: null !default;
 
-/// The font size of the OrgChart node group title.
-/// @group orgchart
 $kendo-orgchart-node-group-title-font-size: null !default;
-/// The bottom margin of the OrgChart node group title.
-/// @group orgchart
 $kendo-orgchart-node-group-title-margin-bottom: null !default;
-/// The line height of the OrgChart node group title.
-/// @group orgchart
 $kendo-orgchart-node-group-title-line-height: null !default;
 
-/// The font size of the OrgChart node group subtitle.
-/// @group orgchart
 $kendo-orgchart-node-group-subtitle-font-size: null !default;
-/// The bottom margin of the OrgChart node group subtitle.
-/// @group orgchart
 $kendo-orgchart-node-group-subtitle-margin-bottom: null !default;
-/// The line height of the OrgChart node group subtitle.
-/// @group orgchart
 $kendo-orgchart-node-group-subtitle-text: null !default;
 
-/// The width of the OrgChart Card.
-/// @group orgchart
 $kendo-orgchart-card-width: null !default;
-/// The vertical padding of the OrgChart Card.
-/// @group orgchart
 $kendo-orgchart-card-padding-y: null !default;
-/// The horizontal padding of the OrgChart Card.
-/// @group orgchart
 $kendo-orgchart-card-padding-x: null !default;
-/// The border width of the OrgChart Card.
-/// @group orgchart
 $kendo-orgchart-card-border-width: null !default;
-/// The shadow of the OrgChart Card.
-/// @group orgchart
 $kendo-orgchart-card-shadow: null !default;
-/// The shadow of the focused OrgChart Card.
-/// @group orgchart
 $kendo-orgchart-card-focus-shadow: null !default;
 
-/// The bottom margin of the OrgChart Card title.
-/// @group orgchart
 $kendo-orgchart-card-title-margin-bottom: null !default;
-/// The font size of the OrgChart Card title.
-/// @group orgchart
 $kendo-orgchart-card-title-font-size: null !default;
 
-/// The bottom margin of the OrgChart Card subtitle.
-/// @group orgchart
 $kendo-orgchart-card-subtitle-margin-bottom: null !default;
-/// The font size of the OrgChart Card subtitle.
-/// @group orgchart
 $kendo-orgchart-card-subtitle-font-size: null !default;
 
-/// The border width of the OrgChart Card body.
-/// @group orgchart
 $kendo-orgchart-card-body-border-width: null !default;
-/// The border color of the OrgChart Card body.
-/// @group orgchart
 $kendo-orgchart-card-body-border-color: null !default;
 
-/// The right margin of the OrgChart Card body title wrap.
-/// @group orgchart
 $kendo-orgchart-card-body-vbox-margin-right: null !default;
-/// The min height of the OrgChart Card body title wrap.
-/// @group orgchart
 $kendo-orgchart-card-body-vbox-min-height: null !default;
 
-/// The size of the OrgChart connecting line.
-/// @group orgchart
 $kendo-orgchart-line-size: null !default;
-/// The fill color of the OrgChart connecting line.
-/// @group orgchart
 $kendo-orgchart-line-fill: null !default;
 
-/// The height of the OrgChart connecting line.
-/// @group orgchart
 $kendo-orgchart-line-v-height: null !default;
diff --git a/packages/core/scss/components/otp/_variables.scss b/packages/core/scss/components/otp/_variables.scss
index 39ec681abf..36ebfe5fad 100644
--- a/packages/core/scss/components/otp/_variables.scss
+++ b/packages/core/scss/components/otp/_variables.scss
@@ -1,42 +1,18 @@
 // OTP
 
-/// The gap between the items in the OTP.
-/// @group one-time-password
 $kendo-otp-gap: null !default;
-/// The gap between the items in the small OTP.
-/// @group one-time-password
 $kendo-otp-sm-gap: null !default;
-/// The gap between the items in the medium OTP.
-/// @group one-time-password
 $kendo-otp-md-gap: null !default;
-/// The gap between the items in the large OTP.
-/// @group one-time-password
 $kendo-otp-lg-gap: null !default;
 
-/// The horizontal padding of the OTP separator.
-/// @group one-time-password
 $kendo-otp-separator-padding-x: null !default;
-/// The horizontal padding of the small OTP separator.
-/// @group one-time-password
 $kendo-otp-sm-separator-padding-x: null !default;
-/// The horizontal padding of the medium OTP separator.
-/// @group one-time-password
 $kendo-otp-md-separator-padding-x: null !default;
-/// The horizontal padding of the large OTP separator.
-/// @group one-time-password
 $kendo-otp-lg-separator-padding-x: null !default;
 
-/// The horizontal padding of the OTP separator.
-/// @group one-time-password
 $kendo-otp-input-width: null !default;
-/// The horizontal padding of the small OTP separator.
-/// @group one-time-password
 $kendo-otp-sm-input-width: null !default;
-/// The horizontal padding of the medium OTP separator.
-/// @group one-time-password
 $kendo-otp-md-input-width: null !default;
-/// The horizontal padding of the large OTP separator.
-/// @group one-time-password
 $kendo-otp-lg-input-width: null !default;
 
 $kendo-otp-sizes: null !default;
diff --git a/packages/core/scss/components/pager/_variables.scss b/packages/core/scss/components/pager/_variables.scss
index efe83c80d8..5274c0f07b 100644
--- a/packages/core/scss/components/pager/_variables.scss
+++ b/packages/core/scss/components/pager/_variables.scss
@@ -1,147 +1,57 @@
 // Pager
 
-/// The horizontal padding of the Pager.
-/// @group pager
 $kendo-pager-padding-x: null !default;
-/// The horizontal padding of the small Pager.
-/// @group pager
 $kendo-pager-sm-padding-x: null !default;
-/// The horizontal padding of the medium Pager.
-/// @group pager
 $kendo-pager-md-padding-x: null !default;
-/// The horizontal padding of the large Pager.
-/// @group pager
 $kendo-pager-lg-padding-x: null !default;
-/// The vertical padding of the Pager.
-/// @group pager
 $kendo-pager-padding-y: null !default;
-/// The vertical padding of the small Pager.
-/// @group pager
 $kendo-pager-sm-padding-y: null !default;
-/// The vertical padding of the medium Pager.
-/// @group pager
 $kendo-pager-md-padding-y: null !default;
-/// The vertical padding of the large Pager.
-/// @group pager
 $kendo-pager-lg-padding-y: null !default;
 
-/// The minimum width of the items in the small Pager.
-/// @group pager
 $kendo-pager-sm-item-min-width: null !default;
-/// The minimum width of the items in the medium Pagers.
-/// @group pager
 $kendo-pager-md-item-min-width: null !default;
-/// The minimum width of the items in the large Pagers.
-/// @group pager
 $kendo-pager-lg-item-min-width: null !default;
 
-/// The margin between the item groups in the small Pager.
-/// @group pager
 $kendo-pager-sm-item-group-spacing: null !default;
-/// The margin between the item groups in the medium Pager.
-/// @group pager
 $kendo-pager-md-item-group-spacing: null !default;
-/// The margin between the item groups in the large Pager.
-/// @group pager
 $kendo-pager-lg-item-group-spacing: null !default;
 
-/// The border width of the Pager.
-/// @group pager
 $kendo-pager-border-width: null !default;
-/// The font family of the Pager.
-/// @group pager
 $kendo-pager-font-family: null !default;
-/// The font size of the Pager.
-/// @group pager
 $kendo-pager-font-size: null !default;
-/// The line height of the Pager.
-/// @group pager
 $kendo-pager-line-height: null !default;
-/// The background color of the Pager.
-/// @group pager
 $kendo-pager-bg: null !default;
-/// The text color of the Pager.
-/// @group pager
 $kendo-pager-text: null !default;
-/// The border color of the Pager.
-/// @group pager
 $kendo-pager-border: null !default;
 
-/// The background color of the focused Pager.
-/// @group pager
 $kendo-pager-focus-bg: null !default;
-/// The box shadow of the focused Pager.
-/// @group pager
 $kendo-pager-focus-shadow: null !default;
-/// The spacing between the sections of the Pager.
-/// @group pager
 $kendo-pager-section-spacing: null !default;
 
-/// The border width of the Pager items.
-/// @group pager
 $kendo-pager-item-border-width: null !default;
-/// The border radius of the Pager items.
-/// @group pager
 $kendo-pager-item-border-radius: null !default;
-/// The spacing around the Pager items.
-/// @group pager
 $kendo-pager-item-spacing: null !default;
-/// The background color of the Pager items.
-/// @group pager
 $kendo-pager-item-bg: null !default;
-/// The text color of the Pager items.
-/// @group pager
 $kendo-pager-item-text: null !default;
-/// The border color of the Pager items.
-/// @group pager
 $kendo-pager-item-border: null !default;
 
-/// The background color of the hovered Pager items.
-/// @group pager
 $kendo-pager-item-hover-bg: null !default;
-/// The text color of the hovered Pager items.
-/// @group pager
 $kendo-pager-item-hover-text: null !default;
-/// The border color of the hovered Pager items.
-/// @group pager
 $kendo-pager-item-hover-border: null !default;
-/// The background color of the selected Pager items.
-/// @group pager
 $kendo-pager-item-selected-bg: null !default;
-/// The text color of the selected Pager items.
-/// @group pager
 $kendo-pager-item-selected-text: null !default;
-/// The border color of the selected Pager items.
-/// @group pager
 $kendo-pager-item-selected-border: null !default;
-/// The opacity of the focused Pager items.
-/// @group pager
 $kendo-pager-item-focus-opacity: null !default;
-/// The background color of the focused Pager items.
-/// @group pager
 $kendo-pager-item-focus-bg: null !default;
-/// The box shadow of the focused Pager items.
-/// @group pager
 $kendo-pager-item-focus-shadow: null !default;
 
-/// The border radius of the Pager numbers.
-/// @group pager
 $kendo-pager-number-border-radius: null !default;
 
-/// The width of the Inputs in the Pager.
-/// @group pager
 $kendo-pager-input-width: null !default;
 
-/// The width of the DropDowns in the small Pager.
-/// @group pager
 $kendo-pager-sm-dropdown-width: null !default;
-/// The width of the DropDowns in the medium Pager.
-/// @group pager
 $kendo-pager-md-dropdown-width: null !default;
-/// The width of the DropDowns in the large Pager.
-/// @group pager
 $kendo-pager-lg-dropdown-width: null !default;
 
-/// The sizes map of the Pager.
-/// @group pager
 $kendo-pager-sizes: null !default;
diff --git a/packages/core/scss/components/panel/_variables.scss b/packages/core/scss/components/panel/_variables.scss
index bc3a003fc8..d5623150ce 100644
--- a/packages/core/scss/components/panel/_variables.scss
+++ b/packages/core/scss/components/panel/_variables.scss
@@ -1,33 +1,13 @@
-/// The border radius of the Panel.
-/// @group panel
 $kendo-panel-border-radius: null !default;
-/// The width of the border around the Panel.
-/// @group panel
 $kendo-panel-border-width: null !default;
-/// The style of the border around the Panel.
-/// @group panel
 $kendo-panel-border-style: null !default;
 
-/// The inline padding of the Panel header.
-/// @group panel
 $kendo-panel-header-padding-inline: null !default;
-/// The block padding of the Panel header.
-/// @group panel
 $kendo-panel-header-padding-block: null !default;
 
-/// The inline padding of the Panel content.
-/// @group panel
 $kendo-panel-content-padding-inline: null !default;
-/// The block padding of the Panel content.
-/// @group panel
 $kendo-panel-content-padding-block: null !default;
 
-/// The text color of the Panel.
-/// @group panel
 $kendo-panel-text: null !default;
-/// The background color of the Panel.
-/// @group panel
 $kendo-panel-bg: null !default;
-/// The color of the border around the Panel.
-/// @group panel
 $kendo-panel-border: null !default;
diff --git a/packages/core/scss/components/panelbar/_variables.scss b/packages/core/scss/components/panelbar/_variables.scss
index 58683af110..ee1883b974 100644
--- a/packages/core/scss/components/panelbar/_variables.scss
+++ b/packages/core/scss/components/panelbar/_variables.scss
@@ -1,271 +1,105 @@
 // Panelbar
 
-/// The horizontal padding of the PanelBar.
-/// @group panelbar
 $kendo-panelbar-padding-x: null !default;
-/// The vertical padding of the PanelBar.
-/// @group panelbar
 $kendo-panelbar-padding-y: null !default;
-/// The font family of the PanelBar.
-/// @group panelbar
 $kendo-panelbar-font-family: null !default;
-/// The font size of the PanelBar.
-/// @group panelbar
 $kendo-panelbar-font-size: null !default;
-/// The line height of the PanelBar.
-/// @group panelbar
 $kendo-panelbar-line-height: null !default;
-/// The width of the border around the PanelBar.
-/// @group panelbar
 $kendo-panelbar-border-width: null !default;
-/// The border style around the the PanelBar.
-/// @group panelbar
 $kendo-panelbar-border-style: null !default;
-/// The width of the border around the PanelBar items.
-/// @group panelbar
 $kendo-panelbar-item-border-width: null !default;
-/// The style of the border around the PanelBar items.
-/// @group panelbar
 $kendo-panelbar-item-border-style: null !default;
 
-/// The horizontal padding of the PanelBar header.
-/// @group panelbar
 $kendo-panelbar-header-padding-x: null !default;
-/// The vertical padding of the PanelBar header.
-/// @group panelbar
 $kendo-panelbar-header-padding-y: null !default;
 
-/// The horizontal padding of the PanelBar items.
-/// @group panelbar
 $kendo-panelbar-item-padding-x: null !default;
-/// The vertical padding of the PanelBar items.
-/// @group panelbar
 $kendo-panelbar-item-padding-y: null !default;
 
-/// The maximum nesting of the PanelBar items.
-/// @group panelbar
 $kendo-panelbar-item-level-count: null !default;
 
-/// The background color of the PanelBar.
-/// @group panelbar
 $kendo-panelbar-bg: null !default;
-/// The text color of the PanelBar.
-/// @group panelbar
 $kendo-panelbar-text: null !default;
-/// The border color of the PanelBar.
-/// @group panelbar
 $kendo-panelbar-border: null !default;
 
-/// The background color of the PanelBar header.
-/// @group panelbar
 $kendo-panelbar-header-bg: null !default;
-/// The text color of the PanelBar header.
-/// @group panelbar
 $kendo-panelbar-header-text: null !default;
-/// The border color of the PanelBar header.
-/// @group panelbar
 $kendo-panelbar-header-border: null !default;
-/// The gradient of the PanelBar header.
-/// @group panelbar
 $kendo-panelbar-header-gradient: null !default;
 
-/// The background color of the hovered PanelBar header.
-/// @group panelbar
 $kendo-panelbar-header-hover-bg: null !default;
-/// The text color of the hovered PanelBar header.
-/// @group panelbar
 $kendo-panelbar-header-hover-text: null !default;
-/// The border color of the hovered PanelBar header.
-/// @group panelbar
 $kendo-panelbar-header-hover-border: null !default;
-/// The gradient of the hovered PanelBar header.
-/// @group panelbar
 $kendo-panelbar-header-hover-gradient: null !default;
 
-/// The background color of the focused PanelBar header.
-/// @group panelbar
 $kendo-panelbar-header-focus-bg: null !default;
-/// The text color of the focused PanelBar header.
-/// @group panelbar
 $kendo-panelbar-header-focus-text: null !default;
-/// The border color of the focused PanelBar header.
-/// @group panelbar
 $kendo-panelbar-header-focus-border: null !default;
-/// The gradient of the focused PanelBar header.
-/// @group panelbar
 $kendo-panelbar-header-focus-gradient: null !default;
-/// The shadow of the focused PanelBar header.
-/// @group panelbar
 $kendo-panelbar-header-focus-shadow: null !default;
 
-/// The background color of the focused and hovered PanelBar header.
-/// @group panelbar
 $kendo-panelbar-header-hover-focus-bg: null !default;
-/// The text color of the focused and hovered PanelBar header.
-/// @group panelbar
 $kendo-panelbar-header-hover-focus-text: null !default;
-/// The border color of the focused and hovered PanelBar header.
-/// @group panelbar
 $kendo-panelbar-header-hover-focus-border: null !default;
-/// The gradient of the focused and hovered PanelBar header.
-/// @group panelbar
 $kendo-panelbar-header-hover-focus-gradient: null !default;
 
-/// The background color of the selected PanelBar header.
-/// @group panelbar
 $kendo-panelbar-header-selected-bg: null !default;
-/// The text color of the selected PanelBar header.
-/// @group panelbar
 $kendo-panelbar-header-selected-text: null !default;
-/// The border color of the selected PanelBar header.
-/// @group panelbar
 $kendo-panelbar-header-selected-border: null !default;
-/// The gradient of the selected PanelBar header.
-/// @group panelbar
 $kendo-panelbar-header-selected-gradient: null !default;
 
-/// The background color of the selected and hovered PanelBar header.
-/// @group panelbar
 $kendo-panelbar-header-selected-hover-bg: null !default;
-/// The text color of the selected and hovered PanelBar header.
-/// @group panelbar
 $kendo-panelbar-header-selected-hover-text: null !default;
-/// The border color of the selected and hovered PanelBar header.
-/// @group panelbar
 $kendo-panelbar-header-selected-hover-border: null !default;
-/// The gradient of the selected and hovered PanelBar header.
-/// @group panelbar
 $kendo-panelbar-header-selected-hover-gradient: null !default;
 
-/// The background color of the selected and focused PanelBar header.
-/// @group panelbar
 $kendo-panelbar-header-selected-focus-bg: null !default;
-/// The text color of the selected and focused PanelBar header.
-/// @group panelbar
 $kendo-panelbar-header-selected-focus-text: null !default;
-/// The border color of the selected and focused PanelBar header.
-/// @group panelbar
 $kendo-panelbar-header-selected-focus-border: null !default;
-/// The gradient of the selected and focused PanelBar header.
-/// @group panelbar
 $kendo-panelbar-header-selected-focus-gradient: null !default;
 
-/// The background color of the selected, hovered and focused PanelBar header.
-/// @group panelbar
 $kendo-panelbar-header-selected-hover-focus-bg: null !default;
-/// The text color of the selected, hovered and focused PanelBar header.
-/// @group panelbar
 $kendo-panelbar-header-selected-hover-focus-text: null !default;
-/// The border color of the selected, hovered and focused PanelBar header.
-/// @group panelbar
 $kendo-panelbar-header-selected-hover-focus-border: null !default;
-/// The gradient of the selected, hovered and focused PanelBar header.
-/// @group panelbar
 $kendo-panelbar-header-selected-hover-focus-gradient: null !default;
 
-/// The background color of the hovered PanelBar items.
-/// @group panelbar
 $kendo-panelbar-item-hover-bg: null !default;
-/// The text color of the hovered PanelBar items.
-/// @group panelbar
 $kendo-panelbar-item-hover-text: null !default;
-/// The border color of the hovered PanelBar items.
-/// @group panelbar
 $kendo-panelbar-item-hover-border: null !default;
-/// The gradient of the hovered PanelBar items.
-/// @group panelbar
 $kendo-panelbar-item-hover-gradient: null !default;
 
-/// The background color of the focused PanelBar items.
-/// @group panelbar
 $kendo-panelbar-item-focus-bg: null !default;
-/// The text color of the focused PanelBar items.
-/// @group panelbar
 $kendo-panelbar-item-focus-text: null !default;
-/// The border color of the focused PanelBar items.
-/// @group panelbar
 $kendo-panelbar-item-focus-border: null !default;
-/// The gradient of the focused PanelBar items.
-/// @group panelbar
 $kendo-panelbar-item-focus-gradient: null !default;
-/// The box shadow of the focused PanelBar items.
-/// @group panelbar
 $kendo-panelbar-item-focus-shadow: null !default;
 
-/// The background color of the focused and hovered PanelBar items.
-/// @group panelbar
 $kendo-panelbar-item-hover-focus-bg: null !default;
-/// The text color of the focused and hovered PanelBar items.
-/// @group panelbar
 $kendo-panelbar-item-hover-focus-text: null !default;
-/// The border color of the focused and hovered PanelBar items.
-/// @group panelbar
 $kendo-panelbar-item-hover-focus-border: null !default;
-/// The gradient of the focused and hovered PanelBar items.
-/// @group panelbar
 $kendo-panelbar-item-hover-focus-gradient: null !default;
 
-/// The background color of the selected PanelBar items.
-/// @group panelbar
 $kendo-panelbar-item-selected-bg: null !default;
-/// The text color of the selected PanelBar items.
-/// @group panelbar
 $kendo-panelbar-item-selected-text: null !default;
-/// The border color of the selected PanelBar items.
-/// @group panelbar
 $kendo-panelbar-item-selected-border: null !default;
-/// The gradient of the selected PanelBar items.
-/// @group panelbar
 $kendo-panelbar-item-selected-gradient: null !default;
 
-/// The background color of the selected and hovered PanelBar items.
-/// @group panelbar
 $kendo-panelbar-item-selected-hover-bg: null !default;
-/// The text color of the selected and hovered PanelBar items.
-/// @group panelbar
 $kendo-panelbar-item-selected-hover-text: null !default;
-/// The border color of the selected and hovered PanelBar items.
-/// @group panelbar
 $kendo-panelbar-item-selected-hover-border: null !default;
-/// The gradient of the selected and hovered PanelBar items.
-/// @group panelbar
 $kendo-panelbar-item-selected-hover-gradient: null !default;
 
-/// The background color of the selected and focused PanelBar items.
-/// @group panelbar
 $kendo-panelbar-item-selected-focus-bg: null !default;
-/// The text color of the selected and focused PanelBar items.
-/// @group panelbar
 $kendo-panelbar-item-selected-focus-text: null !default;
-/// The border color of the selected and focused PanelBar items.
-/// @group panelbar
 $kendo-panelbar-item-selected-focus-border: null !default;
-/// The gradient of the selected and focused PanelBar items.
-/// @group panelbar
 $kendo-panelbar-item-selected-focus-gradient: null !default;
 
-/// The background color of the selected, hovered and focused PanelBar items.
-/// @group panelbar
 $kendo-panelbar-item-selected-hover-focus-bg: null !default;
-/// The text color of the selected, hovered and focused PanelBar items.
-/// @group panelbar
 $kendo-panelbar-item-selected-hover-focus-text: null !default;
-/// The border color of the selected, hovered and focused PanelBar items.
-/// @group panelbar
 $kendo-panelbar-item-selected-hover-focus-border: null !default;
-/// The gradient of the selected, hovered and focused PanelBar items.
-/// @group panelbar
 $kendo-panelbar-item-selected-hover-focus-gradient: null !default;
 
-/// The background color of the expanded PanelBar header.
-/// @group panelbar
 $kendo-panelbar-header-expanded-bg: null !default;
-/// The text color of the expanded PanelBar header.
-/// @group panelbar
 $kendo-panelbar-header-expanded-text: null !default;
-/// The border color of the expanded PanelBar header.
-/// @group panelbar
 $kendo-panelbar-header-expanded-border: null !default;
-/// The gradient of the expanded PanelBar header.
-/// @group panelbar
 $kendo-panelbar-header-expanded-gradient: null !default;
diff --git a/packages/core/scss/components/pdf-viewer/_variables.scss b/packages/core/scss/components/pdf-viewer/_variables.scss
index cbe38c76ce..6211af9987 100644
--- a/packages/core/scss/components/pdf-viewer/_variables.scss
+++ b/packages/core/scss/components/pdf-viewer/_variables.scss
@@ -1,136 +1,54 @@
 // PDFViewer
 
-/// The border width of the PDFViewer.
-/// @group pdf-viewer
 $kendo-pdf-viewer-border-width: null !default;
-/// The font family of the PDFViewer.
-/// @group pdf-viewer
 $kendo-pdf-viewer-font-family: null !default;
-/// The font size of the PDFViewer.
-/// @group pdf-viewer
 $kendo-pdf-viewer-font-size: null !default;
-/// The line height of the PDFViewer.
-/// @group pdf-viewer
 $kendo-pdf-viewer-line-height: null !default;
 
-/// The background color of the PDFViewer.
-/// @group pdf-viewer
 $kendo-pdf-viewer-bg: null !default;
-/// The text color of the PDFViewer.
-/// @group pdf-viewer
 $kendo-pdf-viewer-text: null !default;
-/// The border color of the PDFViewer.
-/// @group pdf-viewer
 $kendo-pdf-viewer-border: null !default;
 
-/// The background color of the PDFViewer Toolbar.
-/// @group pdf-viewer
 $kendo-pdf-viewer-toolbar-bg: null !default;
-/// The text color of the PDFViewer Toolbar.
-/// @group pdf-viewer
 $kendo-pdf-viewer-toolbar-text: null !default;
-/// The border color of the PDFViewer Toolbar.
-/// @group pdf-viewer
 $kendo-pdf-viewer-toolbar-border: null !default;
-/// The gradient of the PDFViewer Toolbar.
-/// @group pdf-viewer
 $kendo-pdf-viewer-toolbar-gradient: null !default;
 
-/// The background color of the PDFViewer canvas.
-/// @group pdf-viewer
 $kendo-pdf-viewer-canvas-bg: null !default;
-/// The text color of the PDFViewer canvas.
-/// @group pdf-viewer
 $kendo-pdf-viewer-canvas-text: null !default;
-/// The border color of the PDFViewer canvas.
-/// @group pdf-viewer
 $kendo-pdf-viewer-canvas-border: null !default;
 
-/// The spacing of the PDFViewer page.
-/// @group pdf-viewer
 $kendo-pdf-viewer-page-spacing: null !default;
 
-/// The background color of the PDFViewer page.
-/// @group pdf-viewer
 $kendo-pdf-viewer-page-bg: null !default;
-/// The text color of the PDFViewer page.
-/// @group pdf-viewer
 $kendo-pdf-viewer-page-text: null !default;
-/// The border color of the PDFViewer page.
-/// @group pdf-viewer
 $kendo-pdf-viewer-page-border: null !default;
-/// The shadow of the PDFViewer page.
-/// @group pdf-viewer
 $kendo-pdf-viewer-page-shadow: null !default;
 
-/// The horizontal padding of the PDFViewer search panel.
-/// @group pdf-viewer
 $kendo-pdf-viewer-search-panel-padding-x: null !default;
-/// The vertical padding of the PDFViewer search panel.
-/// @group pdf-viewer
 $kendo-pdf-viewer-search-panel-padding-y: null !default;
-/// The spacing of the PDFViewer search panel.
-/// @group pdf-viewer
 $kendo-pdf-viewer-search-panel-spacing: null !default;
-/// The border width of the PDFViewer search panel.
-/// @group pdf-viewer
 $kendo-pdf-viewer-search-panel-border-width: null !default;
-/// The border radius of the PDFViewer search panel.
-/// @group pdf-viewer
 $kendo-pdf-viewer-search-panel-border-radius: null !default;
-/// The background color of the PDFViewer search panel.
-/// @group pdf-viewer
 $kendo-pdf-viewer-search-panel-bg: null !default;
-/// The text color of the PDFViewer search panel.
-/// @group pdf-viewer
 $kendo-pdf-viewer-search-panel-text: null !default;
-/// The border color of the PDFViewer search panel.
-/// @group pdf-viewer
 $kendo-pdf-viewer-search-panel-border: null !default;
-/// The shadow of the PDFViewer search panel.
-/// @group pdf-viewer
 $kendo-pdf-viewer-search-panel-shadow: null !default;
-/// The spacing of the matches container in the PDFViewer search panel.
-/// @group pdf-viewer
 $kendo-pdf-viewer-search-panel-matches-spacing: null !default;
 
-/// The line height of the PDFViewer selection.
-/// @group pdf-viewer
 $kendo-pdf-viewer-selection-line-height: null !default;
 
-/// The background color of the PDFViewer highlight.
-/// @group pdf-viewer
 $kendo-pdf-viewer-search-highlight-bg: null !default;
-/// The background color of the PDFViewer highlight mark.
-/// @group pdf-viewer
 $kendo-pdf-viewer-search-highlight-mark-bg: null !default;
 
-/// The text color of the PDFViewer icon.
-/// @group pdf-viewer
 $kendo-pdf-viewer-icon-text: null !default;
 
-/// The vertical padding of the PDFViewer popup.
-/// @group pdf-viewer
 $kendo-pdf-viewer-popup-padding-x: null !default;
-/// The horizontal padding of the PDFViewer popup.
-/// @group pdf-viewer
 $kendo-pdf-viewer-popup-padding-y: null !default;
 
-/// The border color of the PDFViewer selected highlight annotation.
-/// @group pdf-viewer
 $kendo-pdf-viewer-highlight-annotation-border: null !default;
-/// The background color of the PDFViewer hover highlight annotation.
-/// @group pdf-viewer
 $kendo-pdf-viewer-highlight-annotation-hover-border: null !default;
-/// The border color of the PDFViewer selected free text annotation.
-/// @group pdf-viewer
 $kendo-pdf-viewer-free-text-annotation-border: null !default;
-/// The placeholder text color of the PDFViewer free text annotation.
-/// @group pdf-viewer
 $kendo-pdf-viewer-free-text-annotation-placeholder-text: null !default;
-/// The text color of the PDFViewer free text annotation.
-/// @group pdf-viewer
 $kendo-pdf-viewer-free-text-annotation-text: null !default;
-/// The text color of the PDFViewer free text annotation.
-/// @group pdf-viewer
 $kendo-pdf-viewer-free-text-annotation-text: null !default;
diff --git a/packages/core/scss/components/pivotgrid/_variables.scss b/packages/core/scss/components/pivotgrid/_variables.scss
index 38a609fd94..c8b2bdd295 100644
--- a/packages/core/scss/components/pivotgrid/_variables.scss
+++ b/packages/core/scss/components/pivotgrid/_variables.scss
@@ -1,243 +1,101 @@
 // Pivot grid
-/// The spacer of the PivotGrid.
-/// @group pivotgrid
 $kendo-pivotgrid-spacer: null !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: null !default;
-/// The font size of the PivotGrid.
-/// @group pivotgrid
 $kendo-pivotgrid-font-size: null !default;
-/// The line height of the PivotGrid.
-/// @group pivotgrid
 $kendo-pivotgrid-line-height: null !default;
-/// The border width of the PivotGrid.
-/// @group pivotgrid
 $kendo-pivotgrid-border-width: null !default;
-/// The icon spacing of the PivotGrid.
-/// @group pivotgrid
 $kendo-pivotgrid-icon-spacing: null !default;
 
-/// The default width of the PivotGrid row header.
-/// @group pivotgrid
 $kendo-pivotgrid-row-header-width: null !default;
-/// The default height of the PivotGrid column header.
-/// @group pivotgrid
 $kendo-pivotgrid-column-header-height: null !default;
 
-/// The horizontal padding of the PivotGrid cell.
-/// @group pivotgrid
 $kendo-pivotgrid-cell-padding-x: null !default;
-/// The vertical padding of the PivotGrid cell.
-/// @group pivotgrid
 $kendo-pivotgrid-cell-padding-y: null !default;
-/// The border width of the PivotGrid cell.
-/// @group pivotgrid
 $kendo-pivotgrid-cell-border-width: null !default;
 
-/// The background color of the PivotGrid.
-/// @group pivotgrid
 $kendo-pivotgrid-bg: null !default;
-/// The text color of the PivotGrid.
-/// @group pivotgrid
 $kendo-pivotgrid-text: null !default;
-/// The border color of the PivotGrid.
-/// @group pivotgrid
 $kendo-pivotgrid-border: null !default;
 
-/// The alt border color of the PivotGrid.
-/// @group pivotgrid
 $kendo-pivotgrid-alt-border: null !default;
 
-/// The background color of the PivotGrid header.
-/// @group pivotgrid
 $kendo-pivotgrid-headers-bg: null !default;
-/// The text color of the PivotGrid header.
-/// @group pivotgrid
 $kendo-pivotgrid-headers-text: null !default;
-/// The border color of the PivotGrid header.
-/// @group pivotgrid
 $kendo-pivotgrid-headers-border: null !default;
 
-/// The background color of the PivotGrid total cells.
-/// @group pivotgrid
 $kendo-pivotgrid-total-bg: null !default;
-/// The text color of the PivotGrid total cells.
-/// @group pivotgrid
 $kendo-pivotgrid-total-text: null !default;
-/// The border color of the PivotGrid total cells.
-/// @group pivotgrid
 $kendo-pivotgrid-total-border: null !default;
 
-/// The hover background color of the PivotGrid.
-/// @group pivotgrid
 $kendo-pivotgrid-hover-bg: null !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: null !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: null !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: null !default;
 
-/// The horizontal padding of the PivotGrid configurator header.
-/// @group pivotgrid
 $kendo-pivotgrid-configurator-header-padding-x: null !default;
-/// The vertical padding of the PivotGrid configurator header.
-/// @group pivotgrid
 $kendo-pivotgrid-configurator-header-padding-y: null !default;
-/// The font size of the PivotGrid configurator header.
-/// @group pivotgrid
 $kendo-pivotgrid-configurator-header-font-size: null !default;
-/// The font weight of the PivotGrid configurator header.
-/// @group pivotgrid
 $kendo-pivotgrid-configurator-header-font-weight: null !default;
 
-/// The horizontal padding of the PivotGrid configurator content.
-/// @group pivotgrid
 $kendo-pivotgrid-configurator-content-padding-x: null !default;
-/// The vertical padding of the PivotGrid configurator content.
-/// @group pivotgrid
 $kendo-pivotgrid-configurator-content-padding-y: null !default;
 
-/// The horizontal margin of the PivotGrid configurator fields.
-/// @group pivotgrid
 $kendo-pivotgrid-configurator-fields-margin-x: null !default;
-/// The vertical margin of the PivotGrid configurator fields.
-/// @group pivotgrid
 $kendo-pivotgrid-configurator-fields-margin-y: null !default;
 
-/// The default width of the PivotGrid vertical configurator.
-/// @group pivotgrid
 $kendo-pivotgrid-configurator-vertical-width: null !default;
-/// The default height of the PivotGrid horizontal configurator.
-/// @group pivotgrid
 $kendo-pivotgrid-configurator-horizontal-height: null !default;
 
-/// The background color of the PivotGrid configurator.
-/// @group pivotgrid
 $kendo-pivotgrid-configurator-bg: null !default;
-/// The text color of the PivotGrid configurator.
-/// @group pivotgrid
 $kendo-pivotgrid-configurator-text: null !default;
-/// The border color of the PivotGrid configurator.
-/// @group pivotgrid
 $kendo-pivotgrid-configurator-border: null !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: null !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: null !default;
-/// The end shadow of the PivotGrid configurator.
-/// @group pivotgrid
 $kendo-pivotgrid-configurator-end-shadow: null !default; // -3px 0px 6px rgba(0, 0, 0, .16)
-/// The start shadow of the PivotGrid configurator.
-/// @group pivotgrid
 $kendo-pivotgrid-configurator-start-shadow: null !default; // 3px 0px 6px rgba(0, 0, 0, .16)
-/// The top shadow of the PivotGrid configurator.
-/// @group pivotgrid
 $kendo-pivotgrid-configurator-top-shadow: null !default; // 0px -3px 6px rgba(0, 0, 0, .16)
-/// The bottom shadow of the PivotGrid configurator.
-/// @group pivotgrid
 $kendo-pivotgrid-configurator-bottom-shadow: null !default; // 0px 3px 6px rgba(0, 0, 0, .16)
 
-/// The horizontal padding of the PivotGrid configurator button.
-/// @group pivotgrid
 $kendo-pivotgrid-configurator-button-padding-x: null !default;
-/// The vertical padding of the PivotGrid configurator button.
-/// @group pivotgrid
 $kendo-pivotgrid-configurator-button-padding-y: null !default;
-/// The border width of the PivotGrid configurator button.
-/// @group pivotgrid
 $kendo-pivotgrid-configurator-button-border-width: null !default;
-/// The size of the PivotGrid configurator button.
-/// @group pivotgrid
 $kendo-pivotgrid-configurator-button-size: null !default;
 
 
 // Calculated fields
-/// The horizontal padding of the PivotGrid calculated field.
-/// @group pivotgrid
 $kendo-pivotgrid-calculated-field-padding-x: null !default;
-/// The vertical padding of the PivotGrid calculated field.
-/// @group pivotgrid
 $kendo-pivotgrid-calculated-field-padding-y: null !default;
-/// The border width of the PivotGrid calculated field.
-/// @group pivotgrid
 $kendo-pivotgrid-calculated-field-border-width: null !default;
-/// The border radius of the PivotGrid calculated field.
-/// @group pivotgrid
 $kendo-pivotgrid-calculated-field-border-radius: null !default;
-/// The spacing of the PivotGrid calculated field.
-/// @group pivotgrid
 $kendo-pivotgrid-calculated-field-gap: null !default;
 
-/// The background color of the PivotGrid calculated field.
-/// @group pivotgrid
 $kendo-pivotgrid-calculated-field-bg: null !default;
-/// The text color of the PivotGrid calculated field.
-/// @group pivotgrid
 $kendo-pivotgrid-calculated-field-text: null !default;
-/// The border color of the PivotGrid calculated field.
-/// @group pivotgrid
 $kendo-pivotgrid-calculated-field-border: null !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: null !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: null !default;
-/// The vertical padding of the PivotGrid treeview.
-/// @group pivotgrid
 $kendo-pivotgrid-treeview-padding-y: null !default;
 
 // Legacy variables
diff --git a/packages/core/scss/components/popover/_variables.scss b/packages/core/scss/components/popover/_variables.scss
index fe4458be96..bd303fded9 100644
--- a/packages/core/scss/components/popover/_variables.scss
+++ b/packages/core/scss/components/popover/_variables.scss
@@ -1,85 +1,33 @@
 // Popover
 
-/// The width of the border around the Popover.
-/// @group popover
 $kendo-popover-border-width: null !default;
-/// The style of the border around the Popover.
-/// @group popover
 $kendo-popover-border-style: null !default;
-/// The radius of the border around the Popover.
-/// @group popover
 $kendo-popover-border-radius: null !default;
-/// The font family of the Popover.
-/// @group popover
 $kendo-popover-font-family: null !default;
-/// The font size of the Popover.
-/// @group popover
 $kendo-popover-font-size: null !default;
-/// The line height of the Popover.
-/// @group popover
 $kendo-popover-line-height: null !default;
 
-/// The text color of the Popover.
-/// @group popover
 $kendo-popover-text: null !default;
-/// The background color of the Popover.
-/// @group popover
 $kendo-popover-bg: null !default;
-/// The border color of the Popover.
-/// @group popover
 $kendo-popover-border: null !default;
-/// The box shadow of the Popover.
-/// @group popover
 $kendo-popover-shadow: null !default;
 
-/// The horizontal padding of the Popover header.
-/// @group popover
 $kendo-popover-header-padding-x: null !default;
-/// The vertical padding of the Popover header.
-/// @group popover
 $kendo-popover-header-padding-y: null !default;
-/// The border width of the Popover header.
-/// @group popover
 $kendo-popover-header-border-width: null !default;
-/// The border style of the Popover header.
-/// @group popover
 $kendo-popover-header-border-style: null !default;
-/// The text color of the Popover header.
-/// @group popover
 $kendo-popover-header-text: null !default;
-/// The background color of the Popover header.
-/// @group popover
 $kendo-popover-header-bg: null !default;
-/// The border color of the Popover header.
-/// @group popover
 $kendo-popover-header-border: null !default;
 
-/// The horizontal padding of the Popover body.
-/// @group popover
 $kendo-popover-body-padding-x: null !default;
-/// The vertical padding of the Popover body.
-/// @group popover
 $kendo-popover-body-padding-y: null !default;
 
-/// The border width of the Popover actions.
-/// @group popover
 $kendo-popover-actions-border-width: null !default;
 
-/// The width of the Popover callout.
-/// @group popover
 $kendo-popover-callout-width: null !default;
-/// The height of the Popover callout.
-/// @group popover
 $kendo-popover-callout-height: null !default;
-/// The border width of the Popover callout.
-/// @group popover
 $kendo-popover-callout-border-width: null !default;
-/// The border style of the Popover callout.
-/// @group popover
 $kendo-popover-callout-border-style: null !default;
-/// The background color of the Popover callout.
-/// @group popover
 $kendo-popover-callout-bg: null !default;
-/// The border color of the Popover callout.
-/// @group popover
 $kendo-popover-callout-border: null !default;
diff --git a/packages/core/scss/components/popup/_variables.scss b/packages/core/scss/components/popup/_variables.scss
index 1da4cb0869..c3efa56d47 100644
--- a/packages/core/scss/components/popup/_variables.scss
+++ b/packages/core/scss/components/popup/_variables.scss
@@ -1,39 +1,15 @@
-/// Horizontal padding of the popup.
-/// @group popup
 $kendo-popup-padding-x: null !default;
-/// Vertical padding of the popup.
-/// @group popup
 $kendo-popup-padding-y: null !default;
-/// Width of the border around the popup.
-/// @group popup
 $kendo-popup-border-width: null !default;
-/// Border radius of the popup.
-/// @group popup
 $kendo-popup-border-radius: null !default;
 
-/// Font size of the popup.
-/// @group popup
 $kendo-popup-font-size: null !default;
-/// Line height of the popup.
-/// @group popup
 $kendo-popup-line-height: null !default;
 
-/// Horizontal padding of the popup content.
-/// @group popup
 $kendo-popup-content-padding-x: null !default;
-/// Vertical padding of the popup content.
-/// @group popup
 $kendo-popup-content-padding-y: null !default;
 
-/// Background color of the popup.
-/// @group popup
 $kendo-popup-bg: null !default;
-/// Text color of the popup.
-/// @group popup
 $kendo-popup-text: null !default;
-/// Border color of the popup.
-/// @group popup
 $kendo-popup-border: null !default;
-/// Box shadow of the popup.
-/// @group popup
 $kendo-popup-shadow: null !default;
diff --git a/packages/core/scss/components/progressbar/_variables.scss b/packages/core/scss/components/progressbar/_variables.scss
index dc32706586..22fd9cf17b 100644
--- a/packages/core/scss/components/progressbar/_variables.scss
+++ b/packages/core/scss/components/progressbar/_variables.scss
@@ -1,74 +1,30 @@
 // ProgressBar
 
-/// The height of the ProgressBar.
-/// @group progressbar
 $kendo-progressbar-height: null !default;
-/// The horizontal width of the ProgressBar.
-/// @group progressbar
 $kendo-progressbar-horizontal-width: null !default;
-/// The animation timing of the ProgressBar.
-/// @group progressbar
 $kendo-progressbar-animation-timing: null !default;
-/// The width of the border around the ProgressBar.
-/// @group progressbar
 $kendo-progressbar-border-width: null !default;
-/// The font family of the ProgressBar.
-/// @group progressbar
 $kendo-progressbar-font-family: null !default;
-/// The font size of the ProgressBar.
-/// @group progressbar
 $kendo-progressbar-font-size: null !default;
-/// The line height of the ProgressBar.
-/// @group progressbar
 $kendo-progressbar-line-height: null !default;
 
-/// The background color of the ProgressBar.
-/// @group progressbar
 $kendo-progressbar-bg: null !default;
-/// The text color of the ProgressBar.
-/// @group progressbar
 $kendo-progressbar-text: null !default;
-/// The border color of the ProgressBar.
-/// @group progressbar
 $kendo-progressbar-border: null !default;
-/// The background gradient of the ProgressBar.
-/// @group progressbar
 $kendo-progressbar-gradient: null !default;
 
-/// The progress background color of the ProgressBar.
-/// @group progressbar
 $kendo-progressbar-value-bg: null !default;
-/// The progress text color of the ProgressBar.
-/// @group progressbar
 $kendo-progressbar-value-text: null !default;
-/// The progress border color of the ProgressBar.
-/// @group progressbar
 $kendo-progressbar-value-border: null !default;
-/// The progress background gradient of the ProgressBar.
-/// @group progressbar
 $kendo-progressbar-value-gradient: null !default;
 
-/// The background color of the indeterminate ProgressBar.
-/// @group progressbar
 $kendo-progressbar-indeterminate-bg: null !default;
-/// The text color of the indeterminate ProgressBar.
-/// @group progressbar
 $kendo-progressbar-indeterminate-text: null !default;
-/// The border color of the indeterminate ProgressBar.
-/// @group progressbar
 $kendo-progressbar-indeterminate-border: null !default;
-/// The background gradient of the indeterminate ProgressBar.
-/// @group progressbar
 $kendo-progressbar-indeterminate-gradient: null !default;
 
-/// The border color of the chunk ProgressBar.
-/// @group progressbar
 $kendo-progressbar-chunk-border: null !default;
 
 // Circular Progressbar
-/// The arc stroke color of the circular ProgressBar.
-/// @group progressbar
 $kendo-circular-progressbar-arc-stroke: null !default;
-/// The scale stroke background color of the circular ProgressBar.
-/// @group progressbar
 $kendo-circular-progressbar-scale-stroke: null !default;
diff --git a/packages/core/scss/components/prompt/_variables.scss b/packages/core/scss/components/prompt/_variables.scss
index 963728861d..b598596cc9 100644
--- a/packages/core/scss/components/prompt/_variables.scss
+++ b/packages/core/scss/components/prompt/_variables.scss
@@ -1,66 +1,26 @@
 // AIPrompt
 
-/// The text color of the AIPrompt.
-/// @group prompt
 $kendo-prompt-text: null !default;
-/// The background color of the AIPrompt.
-/// @group prompt
 $kendo-prompt-bg: null !default;
-/// The border color of the AIPrompt.
-/// @group prompt
 $kendo-prompt-border: null !default;
 
-/// The text color of the AIPrompt header.
-/// @group prompt
 $kendo-prompt-header-text: null !default;
-/// The background color of the AIPrompt header.
-/// @group prompt
 $kendo-prompt-header-bg: null !default;
-/// The border color of the AIPrompt header.
-/// @group prompt
 $kendo-prompt-header-border: null !default;
 
-/// The vertical padding of the AIPrompt content.
-/// @group prompt
 $kendo-prompt-content-padding-y: null !default;
-/// The horizontal padding of the AIPrompt content.
-/// @group prompt
 $kendo-prompt-content-padding-x: null !default;
-/// The spacing between the items of the AIPrompt content.
-/// @group prompt
 $kendo-prompt-content-spacing: null !default;
-/// The text color of the AIPrompt content.
-/// @group prompt
 $kendo-prompt-content-text: null !default;
-/// The background color of the AIPrompt content.
-/// @group prompt
 $kendo-prompt-content-bg: null !default;
-/// The text border of the AIPrompt content.
-/// @group prompt
 $kendo-prompt-content-border: null !default;
 
-/// The spacing between the items of the AIPrompt content expander.
-/// @group prompt
 $kendo-prompt-expander-spacing: null !default;
 
-/// The vertical padding of the AIPrompt suggestion container.
-/// @group prompt
 $kendo-prompt-suggestion-padding-y: null !default;
-/// The horizontal padding of the AIPrompt suggestion container.
-/// @group prompt
 $kendo-prompt-suggestion-padding-x: null !default;
-/// The border radius of the AIPrompt suggestion container.
-/// @group prompt
 $kendo-prompt-suggestion-border-radius: null !default;
-/// The text color of the AIPrompt suggestion container.
-/// @group prompt
 $kendo-prompt-suggestion-text: null !default;
-/// The background color of the AIPrompt suggestion container.
-/// @group prompt
 $kendo-prompt-suggestion-bg: null !default;
-/// The border color of the AIPrompt suggestion container.
-/// @group prompt
 $kendo-prompt-suggestion-border: null !default;
-/// The elevation of the AIPrompt suggestion container.
-/// @group prompt
 $kendo-prompt-suggestion-shadow: null !default;
diff --git a/packages/core/scss/components/radio/_variables.scss b/packages/core/scss/components/radio/_variables.scss
index fca8b4176a..a3dcef5a7a 100644
--- a/packages/core/scss/components/radio/_variables.scss
+++ b/packages/core/scss/components/radio/_variables.scss
@@ -1,167 +1,77 @@
 // 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 map with the different RadioButton sizes.
-/// @group radio
 $kendo-radio-sizes: null !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 background color of the invalid RadioButton.
-/// @group radio
 $kendo-radio-invalid-bg: 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;
diff --git a/packages/core/scss/components/rating/_variables.scss b/packages/core/scss/components/rating/_variables.scss
index fd4185b4ba..0f3c901c52 100644
--- a/packages/core/scss/components/rating/_variables.scss
+++ b/packages/core/scss/components/rating/_variables.scss
@@ -1,56 +1,24 @@
 // 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 size of the Rating icon.
-/// @group rating
 $kendo-rating-icon-size: 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;
diff --git a/packages/core/scss/components/scheduler/_variables.scss b/packages/core/scss/components/scheduler/_variables.scss
index 2851aa8ce4..615b86ff3e 100644
--- a/packages/core/scss/components/scheduler/_variables.scss
+++ b/packages/core/scss/components/scheduler/_variables.scss
@@ -1,264 +1,106 @@
 // Scheduler
 
-/// The width of the border around the Scheduler.
-/// @group scheduler
 $kendo-scheduler-border-width: 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 line height of the Scheduler event.
-/// @group scheduler
 $kendo-scheduler-event-line-height: 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: null !default;
-/// The text color of the hovered Scheduler event.
-/// @group scheduler
 $kendo-scheduler-event-hover-text: null !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 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 weekends in the Scheduler.
-/// @group scheduler
 $kendo-scheduler-weekend-bg: null !default;
-/// The text color of the weekends in the Scheduler.
-/// @group scheduler
 $kendo-scheduler-weekend-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 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 horizontal padding of the Scheduler Tooltip.
-/// @group scheduler
 $kendo-scheduler-tooltip-padding-x: null !default;
-/// The vertical padding of the Scheduler Tooltip.
-/// @group scheduler
 $kendo-scheduler-tooltip-padding-y: null !default;
-/// The width of the border of the Scheduler Tooltip.
-/// @group scheduler
 $kendo-scheduler-tooltip-border-width: null !default;
-/// The background color of the Scheduler Tooltip.
-/// @group scheduler
 $kendo-scheduler-tooltip-bg: null !default;
-/// The text color of the Scheduler Tooltip.
-/// @group scheduler
 $kendo-scheduler-tooltip-text: null !default;
-/// The border color of the Scheduler Tooltip.
-/// @group scheduler
 $kendo-scheduler-tooltip-border: null !default;
-/// The shadow of the Scheduler Tooltip.
-/// @group scheduler
 $kendo-scheduler-tooltip-shadow: null !default;
 
-/// The vertical margin of the Scheduler Tooltip title.
-/// @group scheduler
 $kendo-scheduler-tooltip-title-margin-y: null !default;
-/// The font size of the month inside the Scheduler Tooltip.
-/// @group scheduler
 $kendo-scheduler-tooltip-month-font-size: null !default;
-/// The font size of the day inside the Scheduler Tooltip.
-/// @group scheduler
 $kendo-scheduler-tooltip-day-font-size: null !default;
 
-/// The max height of the events inside the Scheduler Tooltip.
-/// @group scheduler
 $kendo-scheduler-tooltip-events-max-height: null !default;
-/// The spacing between the events inside the Scheduler Tooltip.
-/// @group scheduler
 $kendo-scheduler-tooltip-events-gap: null !default;
 
-/// The horizontal padding of the events inside the Scheduler Tooltip.
-/// @group scheduler
 $kendo-scheduler-tooltip-event-padding-x: null !default;
-/// The vertical padding of the events inside the Scheduler Tooltip.
-/// @group scheduler
 $kendo-scheduler-tooltip-event-padding-y: null !default;
-/// The border radius of the events inside the Scheduler Tooltip.
-/// @group scheduler
 $kendo-scheduler-tooltip-event-border-radius: null !default;
-/// The spacing between the events items inside the Scheduler Tooltip.
-/// @group scheduler
 $kendo-scheduler-tooltip-event-gap: null !default;
 
-/// The color of the Scheduler Tooltip callout.
-/// @group scheduler
 $kendo-scheduler-tooltip-callout-text: null !default;
 
-/// The padding of the Scheduler appointments.
-/// @group scheduler
 $kendo-scheduler-appointments-padding: 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 event actions.
-/// @group scheduler
 $kendo-scheduler-event-actions-inset-x: null !default;
 
-/// The margin of the Scheduler event indicators.
-/// @group scheduler
 $kendo-scheduler-indicators-margin: null !default;
-/// The margin of the Scheduler event indicators in rtl.
-/// @group scheduler
 $kendo-scheduler-rtl-indicators-margin: 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;
diff --git a/packages/core/scss/components/scrollview/_variables.scss b/packages/core/scss/components/scrollview/_variables.scss
index c34e32128d..f984cdcdc3 100644
--- a/packages/core/scss/components/scrollview/_variables.scss
+++ b/packages/core/scss/components/scrollview/_variables.scss
@@ -1,92 +1,36 @@
 // ScrollView
 
-/// The width of the border around the ScrollView.
-/// @group scrollview
 $kendo-scrollview-border-width: 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 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 box shadow of the ScrollView navigation arrows.
-/// @group scrollview
 $kendo-scrollview-navigation-icon-shadow: 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 hover background color of the ScrollView navigation arrows.
-/// @group scrollview
 $kendo-scrollview-navigation-hover-span-bg: 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;
diff --git a/packages/core/scss/components/skeleton/_variables.scss b/packages/core/scss/components/skeleton/_variables.scss
index c939f96726..325ea8a57c 100644
--- a/packages/core/scss/components/skeleton/_variables.scss
+++ b/packages/core/scss/components/skeleton/_variables.scss
@@ -1,18 +1,10 @@
 // Skeleton
 
-/// The transform scale of the Skeleton text.
-/// @group skeleton
 $kendo-skeleton-text-transform: null !default;
-/// The border radius of the Skeleton text.
-/// @group skeleton
 $kendo-skeleton-text-border-radius: null !default;
 
-/// The border radius of the rectangular Skeleton.
-/// @group skeleton
 $kendo-skeleton-rect-border-radius: null !default;
 
-/// The border radius of the circular Skeleton.
-/// @group skeleton
 $kendo-skeleton-circle-border-radius: null !default;
 
 $kendo-skeleton-item-bg: null !default;
diff --git a/packages/core/scss/components/slider/_variables.scss b/packages/core/scss/components/slider/_variables.scss
index 10158756c7..497a5427ea 100644
--- a/packages/core/scss/components/slider/_variables.scss
+++ b/packages/core/scss/components/slider/_variables.scss
@@ -1,122 +1,48 @@
 // Slider
-/// The default size of the Slider.
-/// @group slider
 $kendo-slider-size: null !default;
-/// The default size of the Slider tick.
-/// @group slider
 $kendo-slider-tick-size: null !default;
-/// The default size of the Slider's track wrap.
-/// @group slider
 $kendo-slider-alt-size: null !default;
 
-/// The font family of the Slider.
-/// @group slider
 $kendo-slider-font-family: null !default;
-/// The font size of the Slider.
-/// @group slider
 $kendo-slider-font-size: null !default;
-/// The line height of the Slider.
-/// @group slider
 $kendo-slider-line-height: null !default;
 
-/// The offset of the Slider Buttons.
-/// @group slider
 $kendo-slider-button-offset: null !default;
-/// The size of the Slider Buttons.
-/// @group slider
 $kendo-slider-button-size: null !default;
-/// The spacing of the Slider Buttons.
-/// @group slider
 $kendo-slider-button-spacing: null !default;
-/// The shadow of the focused Slider Buttons.
-/// @group slider
 $kendo-slider-button-focus-shadow: null !default;
 
-/// The thickness of the Slider track.
-/// @group slider
 $kendo-slider-track-thickness: null !default;
-/// The size of the Slider drag handle.
-/// @group slider
 $kendo-slider-draghandle-size: null !default;
-/// The border width of the Slider drag handle.
-/// @group slider
 $kendo-slider-draghandle-border-width: null !default;
-/// The transition scale of the active Slider drag handle.
-/// @group slider
 $kendo-slider-draghandle-active-scale: null !default;
-/// The size of the active Slider drag handle.
-/// @group slider
 $kendo-slider-draghandle-active-size: null !default;
 
-/// The background color of the Slider drag handle.
-/// @group slider
 $kendo-slider-draghandle-bg: null !default;
-/// The text color of the Slider drag handle.
-/// @group slider
 $kendo-slider-draghandle-text: null !default;
-/// The border color of the Slider drag handle.
-/// @group slider
 $kendo-slider-draghandle-border: null !default;
-/// The gradient of the Slider drag handle.
-/// @group slider
 $kendo-slider-draghandle-gradient: null !default;
 
-/// The background color of the hovered Slider drag handle.
-/// @group slider
 $kendo-slider-draghandle-hover-bg: null !default;
-/// The text color of the hovered Slider drag handle.
-/// @group slider
 $kendo-slider-draghandle-hover-text: null !default;
-/// The border color of the hovered Slider drag handle.
-/// @group slider
 $kendo-slider-draghandle-hover-border: null !default;
-/// The gradient of the hovered Slider drag handle.
-/// @group slider
 $kendo-slider-draghandle-hover-gradient: null !default;
 
-/// The background color of the active Slider drag handle.
-/// @group slider
 $kendo-slider-draghandle-pressed-bg: null !default;
-/// The text color of the active Slider drag handle.
-/// @group slider
 $kendo-slider-draghandle-pressed-text: null !default;
-/// The border color of the active Slider drag handle.
-/// @group slider
 $kendo-slider-draghandle-pressed-border: null !default;
-/// The gradient of the active Slider drag handle.
-/// @group slider
 $kendo-slider-draghandle-pressed-gradient: null !default;
 
-/// The shadow of the focused Slider drag handle.
-/// @group slider
 $kendo-slider-draghandle-focus-shadow: null !default;
 
-/// The transition speed of the Slider.
-/// @group slider
 $kendo-slider-transition-speed: null !default;
-/// The transition function of the Slider.
-/// @group slider
 $kendo-slider-transition-function: null !default;
-/// The transition speed of the Slider drag handle.
-/// @group slider
 $kendo-slider-draghandle-transition-speed: null !default;
-/// The transition function of the Slider drag handle.
-/// @group slider
 $kendo-slider-draghandle-transition-function: null !default;
 
-/// The background color of the Slider track.
-/// @group slider
 $kendo-slider-track-bg: null !default;
-/// The background color of the Slider's track selection.
-/// @group slider
 $kendo-slider-selection-bg: null !default;
-/// @group slider
-/// The opacity of the disabled Slider.
 $kendo-slider-disabled-opacity: null !default;
 
-/// The background image of the horizontal Slider tick.
-/// @group slider
 $kendo-slider-tick-horizontal-image: "data:image/gif;base64,R0lGODlhAQC0AIABALi4uAAAACH5BAEAAAEALAAAAAABALQAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7" !default;
-/// The background image of the vertical Slider tick.
-/// @group slider
 $kendo-slider-tick-vertical-image: "data:image/gif;base64,R0lGODlhtAABAIABALi4uAAAACH5BAEAAAEALAAAAAC0AAEAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7" !default;
diff --git a/packages/core/scss/components/split-button/_variables.scss b/packages/core/scss/components/split-button/_variables.scss
index d3b76f8f4b..a3fed415f0 100644
--- a/packages/core/scss/components/split-button/_variables.scss
+++ b/packages/core/scss/components/split-button/_variables.scss
@@ -1,31 +1,13 @@
 // Split-button
 
-/// The focus shadow of the SplitButton.
-/// @group split-button
 $kendo-split-button-focus-shadow: null !default;
 
-/// The horizontal padding of the arrow Button.
-/// @group split-button
 $kendo-split-button-arrow-padding-x: null !default;
-/// The horizontal padding of the small arrow Button.
-/// @group split-button
 $kendo-split-button-sm-arrow-padding-x: null !default;
-/// The horizontal padding of the medium arrow Button.
-/// @group split-button
 $kendo-split-button-md-arrow-padding-x: null !default;
-/// The horizontal padding of the large arrow Button.
-/// @group split-button
 $kendo-split-button-lg-arrow-padding-x: null !default;
 
-/// The vertical padding of the arrow Button.
-/// @group split-button
 $kendo-split-button-arrow-padding-y: null !default;
-/// The vertical padding of the small arrow Button.
-/// @group split-button
 $kendo-split-button-sm-arrow-padding-y: null !default;
-/// The vertical padding of the medium arrow Button.
-/// @group split-button
 $kendo-split-button-md-arrow-padding-y: null !default;
-/// The vertical padding of the large arrow Button.
-/// @group split-button
 $kendo-split-button-lg-arrow-padding-y: null !default;
diff --git a/packages/core/scss/components/splitter/_variables.scss b/packages/core/scss/components/splitter/_variables.scss
index 9f5294a9ec..d5b6487882 100644
--- a/packages/core/scss/components/splitter/_variables.scss
+++ b/packages/core/scss/components/splitter/_variables.scss
@@ -1,64 +1,26 @@
 // Splitter
 
-/// The width of the border around the Splitter.
-/// @group splitter
 $kendo-splitter-border-width: null !default;
-/// The font family of the Splitter.
-/// @group splitter
 $kendo-splitter-font-family: null !default;
-/// The font size of the Splitter.
-/// @group splitter
 $kendo-splitter-font-size: null !default;
-/// The line height of the Splitter.
-/// @group splitter
 $kendo-splitter-line-height: null !default;
 
-/// The background color of the Splitter.
-/// @group splitter
 $kendo-splitter-bg: null !default;
-/// The text color of the Splitter.
-/// @group splitter
 $kendo-splitter-text: null !default;
-/// The border color of the Splitter.
-/// @group splitter
 $kendo-splitter-border: null !default;
 
-/// The size of the Splitter split bar.
-/// @group splitter
 $kendo-splitter-splitbar-size: null !default;
-/// The length of the Splitter drag handle.
-/// @group splitter
 $kendo-splitter-drag-handle-length: null !default;
-/// The thickness of the Splitter drag handle.
-/// @group splitter
 $kendo-splitter-drag-handle-thickness: null !default;
-/// The margin of the Splitter drag handle icon.
-/// @group splitter
 $kendo-splitter-drag-icon-margin: null !default;
-/// The horizontal padding of the collapse icon in the Splitter.
-/// @group splitter
 $kendo-splitter-collapse-icon-padding-x: null !default;
-/// The vertical padding of the collapse icon in the Splitter.
-/// @group splitter
 $kendo-splitter-collapse-icon-padding-y: null !default;
 
-/// The background color of the Splitter split bar.
-/// @group splitter
 $kendo-splitbar-bg: null !default;
-/// The text color of the Splitter split bar.
-/// @group splitter
 $kendo-splitbar-text: null !default;
 
-/// The hover background color of the Splitter split bar.
-/// @group splitter
 $kendo-splitbar-hover-bg: null !default;
-/// The hover text color of the Splitter split bar.
-/// @group splitter
 $kendo-splitbar-hover-text: null !default;
 
-/// The selected background color of the Splitter split bar.
-/// @group splitter
 $kendo-splitbar-selected-bg: null !default;
-/// The selected text color of the Splitter split bar.
-/// @group splitter
 $kendo-splitbar-selected-text: null !default;
diff --git a/packages/core/scss/components/spreadsheet/_variables.scss b/packages/core/scss/components/spreadsheet/_variables.scss
index 54ebd4182b..e3c6146109 100644
--- a/packages/core/scss/components/spreadsheet/_variables.scss
+++ b/packages/core/scss/components/spreadsheet/_variables.scss
@@ -1,270 +1,108 @@
 // Spreadsheet
 
-/// The width of the border around the Spreadsheet.
-/// @group spreadsheet
 $kendo-spreadsheet-border-width: null !default;
-/// The font family of the Spreadsheet.
-/// @group spreadsheet
 $kendo-spreadsheet-font-family: null !default;
-/// The font size of the Spreadsheet.
-/// @group spreadsheet
 $kendo-spreadsheet-font-size: null !default;
-/// The line height of the Spreadsheet.
-/// @group spreadsheet
 $kendo-spreadsheet-line-height: null !default;
 
-/// The background color of the Spreadsheet.
-/// @group spreadsheet
 $kendo-spreadsheet-bg: null !default;
-/// The text color of the Spreadsheet.
-/// @group spreadsheet
 $kendo-spreadsheet-text: null !default;
-/// The border color of the Spreadsheet.
-/// @group spreadsheet
 $kendo-spreadsheet-border: null !default;
 
-/// The background color of the Spreadsheet header.
-/// @group spreadsheet
 $kendo-spreadsheet-header-bg: null !default;
-/// The text color of the Spreadsheet header.
-/// @group spreadsheet
 $kendo-spreadsheet-header-text: null !default;
-/// The border color of the Spreadsheet header.
-/// @group spreadsheet
 $kendo-spreadsheet-header-border: null !default;
-/// The gradient of the Spreadsheet header.
-/// @group spreadsheet
 $kendo-spreadsheet-header-gradient: null !default;
 
-/// The background color of the Spreadsheet table headers.
-/// @group spreadsheet
 $kendo-spreadsheet-table-header-bg: null !default;
-/// The text color of the Spreadsheet table headers.
-/// @group spreadsheet
 $kendo-spreadsheet-table-header-text: null !default;
-/// The border color of the Spreadsheet table headers.
-/// @group spreadsheet
 $kendo-spreadsheet-table-header-border: null !default;
-/// The gradient of the Spreadsheet table headers.
-/// @group spreadsheet
 $kendo-spreadsheet-table-header-gradient: null !default;
 
-/// The border width of the Spreadsheet action bar.
-/// @group spreadsheet
 $kendo-spreadsheet-action-bar-border-width: null !default;
-/// The horizontal padding of the Spreadsheet action bar.
-/// @group spreadsheet
 $kendo-spreadsheet-action-bar-padding-y: null !default;
-/// The vertical padding of the Spreadsheet action bar.
-/// @group spreadsheet
 $kendo-spreadsheet-action-bar-padding-x: null !default;
-/// The font size of the Spreadsheet action bar.
-/// @group spreadsheet
 $kendo-spreadsheet-action-bar-font-size: null !default;
-/// The font family of the Spreadsheet action bar.
-/// @group spreadsheet
 $kendo-spreadsheet-action-bar-font-family: null !default;
-/// The spacings of the Spreadsheet action bar.
-/// @group spreadsheet
 $kendo-spreadsheet-action-bar-spacing: null !default;
 
-/// The gap of the Spreadsheet formula bar.
-/// @group spreadsheet
 $kendo-spreadsheet-formula-bar-gap: null !default;
 
-/// The horizontal padding of the Spreadsheet formula input.
-/// @group spreadsheet
 $kendo-spreadsheet-formula-input-padding-x: null !default;
-/// The vertical padding of the Spreadsheet formula input.
-/// @group spreadsheet
 $kendo-spreadsheet-formula-input-padding-y: null !default;
-/// The line height of the Spreadsheet formula input.
-/// @group spreadsheet
 $kendo-spreadsheet-formula-input-line-height: null !default;
 
-/// The padding of the Spreadsheet formula bar icon.
-/// @group spreadsheet
 $kendo-spreadsheet-formula-bar-icon-padding: null !default;
 
-/// The font family of the Spreadsheet view.
-/// @group spreadsheet
 $kendo-spreadsheet-view-font-family: null !default;
-/// The font size of the Spreadsheet view.
-/// @group spreadsheet
 $kendo-spreadsheet-view-font-size: null !default;
 
-/// The background color of the Spreadsheet selection.
-/// @group spreadsheet
 $kendo-spreadsheet-selection-bg: null !default;
-/// The text color of the Spreadsheet selection.
-/// @group spreadsheet
 $kendo-spreadsheet-selection-text: null !default;
-/// The border color of the Spreadsheet selection.
-/// @group spreadsheet
 $kendo-spreadsheet-selection-border: null !default;
-/// The shadow of the Spreadsheet selection.
-/// @group spreadsheet
 $kendo-spreadsheet-selection-shadow: null !default;
 
-/// The background color of the Spreadsheet single selection.
-/// @group spreadsheet
 $kendo-spreadsheet-single-selection-bg: null !default;
-/// The text color of the Spreadsheet single selection.
-/// @group spreadsheet
 $kendo-spreadsheet-single-selection-text: null !default;
-/// The border color of the Spreadsheet single selection.
-/// @group spreadsheet
 $kendo-spreadsheet-single-selection-border: null !default;
 
-/// The background color of the Spreadsheet partial selection.
-/// @group spreadsheet
 $kendo-spreadsheet-partial-selection-bg: null !default;
 
-/// The background color of the Spreadsheet active cell.
-/// @group spreadsheet
 $kendo-spreadsheet-active-cell-bg: null !default;
-/// The shadow of the Spreadsheet active cell.
-/// @group spreadsheet
 $kendo-spreadsheet-active-cell-shadow: null !default;
 
-/// The background color of the Spreadsheet auto fill.
-/// @group spreadsheet
 $kendo-spreadsheet-auto-fill-bg: null !default;
-/// The text color of the Spreadsheet auto fill.
-/// @group spreadsheet
 $kendo-spreadsheet-auto-fill-text: null !default;
-/// The border color of the Spreadsheet auto fill.
-/// @group spreadsheet
 $kendo-spreadsheet-auto-fill-border: null !default;
-/// The shadow of the Spreadsheet auto fill.
-/// @group spreadsheet
 $kendo-spreadsheet-auto-fill-shadow: null !default;
-/// The background color of the Spreadsheet auto fill punch.
-/// @group spreadsheet
 $kendo-spreadsheet-auto-fill-punch-bg: null !default;
 
-/// The vertical padding of the Spreadsheet cell.
-/// @group spreadsheet
 $kendo-spreadsheet-cell-padding-y: null !default;
-/// The horizontal padding of the Spreadsheet cell.
-/// @group spreadsheet
 $kendo-spreadsheet-cell-padding-x: null !default;
 
-/// The line height of the Spreadsheet cell editor.
-/// @group spreadsheet
 $kendo-spreadsheet-cell-editor-line-height: null !default;
-/// The horizontal padding of the Spreadsheet cell editor.
-/// @group spreadsheet
 $kendo-spreadsheet-cell-editor-padding-x: null !default;
-/// The vertical padding of the Spreadsheet cell editor.
-/// @group spreadsheet
 $kendo-spreadsheet-cell-editor-padding-y: null !default;
-/// The background color of the Spreadsheet cell editor.
-/// @group spreadsheet
 $kendo-spreadsheet-cell-editor-bg: null !default;
-/// The text color of the Spreadsheet cell editor.
-/// @group spreadsheet
 $kendo-spreadsheet-cell-editor-text: null !default;
-/// The border color of the Spreadsheet cell editor.
-/// @group spreadsheet
 $kendo-spreadsheet-cell-editor-border: null !default;
 
-/// The background color of the Spreadsheet resize handle.
-/// @group spreadsheet
 $kendo-spreadsheet-resize-handle-bg: null !default;
 
-/// The border color of the Spreadsheet cell comment indicator.
-/// @group spreadsheet
 $kendo-spreadsheet-cell-comment-border: null !default;
 
-/// The border color of the Spreadsheet cell dirty indicator.
-/// @group spreadsheet
 $kendo-spreadsheet-cell-dirty-border: null !default;
 
-/// The horizontal padding of the Spreadsheet sheets bar.
-/// @group spreadsheet
 $kendo-spreadsheet-sheets-bar-padding-x: null !default;
-/// The vertical padding of the Spreadsheet sheets bar.
-/// @group spreadsheet
 $kendo-spreadsheet-sheets-bar-padding-y: null !default;
-/// The border width of the Spreadsheet sheets bar.
-/// @group spreadsheet
 $kendo-spreadsheet-sheets-bar-border-width: null !default;
 
-/// The border style of the Spreadsheet image Dialog.
-/// @group spreadsheet
 $kendo-spreadsheet-insert-image-dialog-border-style: null !default;
-/// The border width of the Spreadsheet image Dialog.
-/// @group spreadsheet
 $kendo-spreadsheet-insert-image-dialog-border-width: null !default;
-/// The bottom margin of the Spreadsheet image Dialog.
-/// @group spreadsheet
 $kendo-spreadsheet-insert-image-dialog-text-margin-bottom: null !default;
-/// The width of the Spreadsheet image Dialog preview.
-/// @group spreadsheet
 $kendo-spreadsheet-insert-image-dialog-preview-width: null !default;
-/// The height of the Spreadsheet image Dialog preview.
-/// @group spreadsheet
 $kendo-spreadsheet-insert-image-dialog-preview-height: null !default;
-/// The image of the Spreadsheet image Dialog preview.
-/// @group spreadsheet
-$kendo-spreadsheet-insert-image-dialog-preview-img: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcwAAAGQCAYAAAAjl1AKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphMGVmMzZmZi04YmI1LTRlN2YtOTcwMS04OTU5ZTg1N2ZhY2MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDNDOTBDNUQ2OUJGMTFFOTkwMzY4RTI3NjZBQTdENkMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDNDOTBDNUM2OUJGMTFFOTkwMzY4RTI3NjZBQTdENkMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpjMmZmZjM0Mi05NjEyLTQwM2YtYWZhYS01MTE1ZjQ2NThmMWMiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDphYjlhMmUwMy1kNmIwLTY3NGMtODc4ZS0yMjUzMjdkNDI5OTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz68UHLbAAAgpElEQVR42uzd2ZNc9dnY8TOL9gU0IAkjgwpkI8QOQmI1FS+FHW9VLt/7wpWb900qKV+lTL3vTZzElSvnJilfvM4fkQunfEOw2LUgiUUsNhiMAFsjtIzQrpmJnhOdoaent+np5SyfT1XXiJ4R0hz19Lef31l6ZHZ2NgEAWhu1CQBAMAFAMAFAMAFAMAFAMAFAMAFAMAEAwQQAwQQAwQQAwQQAwQQAwQQAwQQAMuP9/gNGRkZsZQAGop/v8WzCBIA8TJj9GFr9swGUYyAUTHEEoLvn+NxGdLwgG1BEAaoxYY7kNZ55C+bIEu4DoFixHGkT0JE8RTMvwWwXxRHBBKhMQGcbPN8PPZx5COZIh6EcEU+AQgex2fRYH8tm4RxqNIcdzGbxa/dROAGKOT3WhnCk5nOzTX5PbqI5zGB2Estmv24XTwDyO2HOtohi/f25ieawgtkqlvW/HukgnqIJULxY1v96tsV0OvRo5mkfZn0YR5tEs920CUB+o9kokvW3mQ6iWYkJc6RNLOtvo7/85S/X/eIXv/jntWvX/mjZsmVfGRsbG3eNWoCClvOq6enpy1f9/Ysvvvjfv/nNb/7zr3/96zM1oRxN2u/THHhAR/p5odr0D1gYtvpg1kdztObj6N///vf/NDEx8e/Gx8eXeZgBlM+VK1cunzhx4n9u3rz5n65Fc6Zm0my0dFs/tdbGuG9/z2FefL1ROOdi+ZOf/GTl1NTU/920adMvxBKgvOI5/upz/X+I5/x47q8bnEaSnByvMugJs1EkRxoEcyw23Lp16x72UAKojjNnzuxfv379N6/+crrBlDnbbsos44TZ7Mo+aTSPHTv2X8USoHriuT8a0GS6HOqUOewl2QW3OMBnYmLiHz1sAKopGhAtSFqfJTH4aA1pSbbRUmx6m5yc/O833njjv/GQAaiu48eP/6+NGzf+++TLg4AaLc0mSQWWZJuN1iNr1qz5vocKQLVdbcG/TnJ2cZpBBrPV1Xnmps1ly5Zt8lABqLarLdiYNL9YTbOmlCaY9fFsdHm8kbgogYcKQLVda0HTVpR9wuwonq7gA0CD418qtSTbzdQJQIW7macujOZgYwBA7psxmrONIKAA5LIN42XaIFeuXEmmpqaSixcvJjMzMx5qAMOYxEZHkxUrViTr16+P68T2shGVe3uvvohYTk5OCiXAkMXz8Pnz59PhZePGjb2IZj5eCJTlHygmS7EEyFc447m5NJNzWb6ReCUDQL5cuHBBMPP4SgaAfOn39coFEwBypjQH/bhCEAAmTAAQTAAQTAAQTAAQTABAMAFAMAFAMAFAMAFAMAFAMAFAMAFAMAEAwQQAwQQAwQQAwQSAAhkvyzcyMjLiXxMAEyYACCYACCYACCYACCYAIJgAIJgAIJgAIJgAIJgAIJgAIJgAIJgAgGACwBJ5ey8AMGECgGACgGACgGACgGACgGACgGACAIIJAIIJAIIJAIIJAIIJAKXg4usAYMIEAMEEAMEEAMEEAMEEAMEEAMEEAAQTAAQTAAQTAAQTAAQTAErBxdcBwIQJAIIJAAMzbhMA9cbGxpLx8fH0Fr8eHR1NP8auj+wWZmdn527T09PJzMxM+vHKlSvpLX4NggmUKpDLly9Pb8uWLUsD2YnaeMb/o14E9PLly8mlS5fSm4AimEDhRBRXrlyZ3mKSrHXmzJnk5MmTyalTp5IvvvgivV28eDG9RfQigukTyLUpdMWKFWls165dm96uv/76ZMOGDcn69evTz8UtxNR54cKF9BYxBcEEcivCtmrVqrmIZYGcnJxMPv300+Rvf/tbGsZMLLc2ky29nj9/Pv3vY8eOzft8/Bk33XRTsmXLlmTTpk3JunXr5qIaf0b8vpg8oQhGWv0w9OQP+PJ0j5Gaj9lttOYW6zljV/8+J7v5c+p/UIFkQbzWrFkzb5r88MMPk7/85S9pKOt18tzQ6msafe7mm29Otm3bltx2223zonv27Nl5kaZc4sVSl/3YcPXD9LXbTM1ttuaW1HxM+tk0wYSSi32SMdHFx5BNku++++7c0mqvItlpROPvsmPHjrnJM8TfJZZ+6/9OCKZgCib0VeyjjFDGPsrw+eefpxPlO++80/NpsptpM3PXXXelE+eNN96Y/nfs34xw2scpmIIpmNB3sfwa+wuzo13/9Kc/JXv37h1oJFt9vtH9jz32WLJ9+/b01xHL2K9qmVYwBVMwoW8/bxHKbKr8+OOPkwMHDqT7CPMwTbb7XEzEu3fvTrZu3To3bUY4+/08hWAKJlRInAcZp3HE/sE49ePgwYPpfsphT5OLnTRD7N/ctWtX+j3FPs2pqSnncArm0IPptBIogYjkddddly7BxkE9L7/8cseT2bCmyVb3HzlyJDl69Gjy1FNPpU+2cU7n6dOnHRDEUJVmwownCaiiOK8yJsv4WfvrX/+avPTSS+mpGkWZJlt9LibMiGYcFBRfE5Om8zaLZ+PGjaWYMF18HQosDu7JYvn+++8ne/bsaRnL7Lqv3Xy+9rqx3Xyu099Te398L88++2zy3nvvpd9jduUgGAZLslDgyTIO8ImQ/PnPf05eeeWVQk+Tre6PFwLxMY6ije85fm3SZNBMmFDEV7rj43OTZbNYFm2abHf/888/nx7ElE2a9de/BcEE5v/Qjo6mB/hky7D1sew2hJ3+3l4GdLH3x6SZLc9mBzmBYAILZNNVhOKjjz5Kj4btVQjzNE22uv+5555LPvjgg3kvHGAQxsv0RAJlFxdPj1NI4jJ3EctBnxLS632Tnd7fKJqxLTZv3pxe7CAupQcmTCCVvS1XiGXYZuckLnVizNM02ey++N4jmnExg7iqkSNnEUwgFSsoMUmF2Id34sSJjqPWj8/18/5O4xlvbp3tv41p0yoTggmkQYh9dnFt2FdffbWjqbCbyXCQU2Mn02S7qL7xxhvp+3nGtoltBIIJFRanT2QXU9+3b1/HU+FiJr28TpOdRPXFF19MP8Y2cqoJggkVVrsUGwe3DOKUkF6dKtLLabLZ/XHN3LfeemvetgLBhIqJg1liaoqjYltdnGBQ50cOI4jtvjZ+/cc//jF9x6LYVg4AQjChgrKjYuO8w35Nk0sJaK+j2s3XZuJNsmu3GQgmVEScRhITU0xOb7/9du5PCRnENNnqaw8dOpR89tln6TaLbQeCCRWRHejzySef5PpydYOcJuuXYuvvi7c3q912IJhQ9h/M0dH0ij7hnXfeyd00OYggtvvaRvcdPnx4bjp3nVl6zaXxIIfiwJV4TMf1YrO3scr75ery8LWxreIdTeJtwGLKPH/+vAcTJkwoezBDHOxjmmy/FFt7fwSzdhuCCRPK+ip2dDQ9cGVqaiqdMAc5NRZpmmx2X2yzuGze9ddfn27LmZkZDypMmFBG2RGecXTsoKfGok2TzX7/p59+Om9bgmBCCWUH+xw9ejT3R7q2+38sNZ7d/v4PP/xw3raEXrAkCzkNZjYl1YahmaUudy72/n4spfby98dF6gUTwYQSGxsbS4+Ojf2XFy9e7Hv4ihrEdvfF0bHZfszYpvG+mSCYULJghtOnTw88fGWL5+TkZBrMOIBKMOkF+zAhh8GM6ag+BHm++Hke92MeP3583jYFEyaU6RXstavTxIRpmlza12bb0BV/EMw6rvRDKX4gr70BcuzDbDRFDTuIRYpnbMNswvT8gGBCyWRP7OfOnRPEJX5ttg3FEsGEEgfzwoULhb/izrDjmV1HVjARTChxMOsv5yaei//aK1euCCaCCWUPZrzrhiAu/Z1LBBPBhJJbygE/4tn6qkggmFCSUMZEFJd0u3z5cqGClLe/a3bhdfFEMKHEwYxTIbIlxbIEbdDnlGYXLBBMBBNKGsxsOsqO8ixj/AYRz5UrVwomggllD+bq1asXXB4vD0Ea9u9fzP8jtqFg0kuuGQU5kl0kfP369fNiMKjrr/bjWrG9vNbsYq6Zm21DF17HhFnHoeOUQXb+5XXXXVf5pdil/j9iG2bb1PMDggklnTA3bNhQyCAO+mtb3b9x48Z5L0JAMKGEwYz3cazaOZK9jmcWzOyKPyCYUCIxDcWTfiwnxlGecU3ZPMQv79Nk/f2rVq1KJiYm0vtNmPSKg34gZ+KCBWHLli2FPDCn26/t9v/R6P9z6623ztuWIJhQQtkSYvak30lMlhq0QQSxl0fAtro/brfddtu8bQm9YEkWcjphfuUrX6nc1Xl6df9Xv/pVEyYmTCi72OcWB//Efsxt27a1nMSKuhTbr/tDTJc33HBDug3tv0QwoeSy68h+/etfL/xS7CDvj9s999wzbxtCr1iShZwGM470jAkzrivbi/fHHPTyar+XYht9LrbV3XffLZiYMKEqYikx2/9233335XqaHNaU2ehzDz/8cPoxtp3lWASTwjt+/LiN0IGLFy+mH7du3drz+PU6fIPYN9ns/trP3X777fO2HfSSa8ky8Fg+//zzyZNPPpls2rTJBmkhTomIA1fiaNkHHnggOXjw4IJINApHs6AM6msHcX+jz+3evTu55ZZb0m0W285zAiZMCh3LPXv2pO/zGNE8duyYjdJGdqWfOPin22kyr0fALnaKbfe5u+66a942A8Gk8LHMntREs73YFxcT00033ZR885vfzEUQlxq9pQS02ee+973vJTfffHO6rZx7iWBSmljWTk+i2d65c+fSj/fee2+ybt26wl6urpcBrf1cvO/lQw89NG9bgWBSyFhGFOtjKZqdi6kpO0XiqaeeGug02cvL1fXi9zT6fU8//XT6MbaRN4tGMCl0LNu96s+iOTk5aaM1ES84IhJf+9rXkm9961uluMBAN9Nk/ed37dqVbN++Pb2/2YsyEExKEcvaaMayrWgmTYORbcs4LzN7r8eiXK6uV9NkrXiT7XjxUPuCAgSTQsYynsTi0P5Ob3HunEmzuTiYJTu/8Dvf+U4yPj5eqWmy9vPxvf/4xz9OP8ZSrKv6IJgUOpbdsDzbfvtkR81+97vfXXTI8nKBgW4/l30+YhnvSBLbwlIsgkkhY/nCCy8s+QlMNJuLYJw9ezb9eMcdd8xFMy9TZi8/1+zPi1ju2LFj3raAQRjp94Ot5mobIzUfs9tozW0sblf/Pie7+XNOnz7tX3OIIm69iGWtlStXuiJQE2NjY8maNWvSn6833ngj+cMf/tAwNs0i1Iv7h/G5H/7wh+lVj7JYOiq2GOKt6rrsx4arH6av3WZqbrM1t6TmY19fQJkwyWUss0kz/r9OOVkoQhEHAcWTQ5yfWTtplmmarPWDH/xgLpbxvYslgyaYLEm2DBtxW8wBPos5EEg0G4vrpWZHh0Y042o3ebtcXSch7OTzP/rRj5IHH3xw7vSR+N5BMClULGNfY7+v3SmazcWRs9mkGW+cnB05mofL1S31SNjsaNif/vSnyf333z83Wbr0HcNiHya5jmWtFStW2KfZRO0+zU8++ST5/e9/n5w8eXIuPq2mt8Xcv5TPLfbzExMT6QuAeAcS+yyLrSz7MAWTrmLZj32WncgOBMpO3OdLo6OjyerVq9N4Rliee+65ZP/+/T0J3lJC2M3vjSv4fPvb306WLVs2t7/WG0ILpmAKpliKZk9/3mL7LF++PP3v9957L3n22WfTn488T5O1T6xxbdg777wz/e+4IEGsYjh1RDAFUzALGcs8vN9gtjwrmo3FZLZq1aq5n7948+n6U0+GMU22+prvf//7yc6dO+e+Jl6U2V8pmIIpmGIpmgOfNj/99NPk7bffTvbu3ZuLaTLzyCOPJHfffXeyZcsWU6VgCqZgFtvnn38+9GVY0exeHGka4Yx9m+Ho0aPJBx98kOzbty+NU7+WZFt9Tfy77d69O9m2bVt6UE+IfZURSqeMCKZg9jmYU1NTHpV9nCzzfL3OiMETTzzh6NkOwhmhysIZ3n333eTNN99MPw5imox9k3H6S1zaLhOhjFOHhLK84k2+BVMwxVI0CxnO2McZt9pVhI8//jh5//33k48++mjBv3m302TsR926dWv6Pp633nprcsMNN8x9LvZPxk0oBVMwBbPwsXzxxRcL9U4QlmcX/7OZhbN26swCGheKiNupU6fSW5zakV1lJ3s7rez3xwuWOA/0+uuvT2/xb7B58+Z5gcymySyU9lEKpmAKpljmYNIUzcWJczhj8oxwxsean9slieeXCGyEMj46l1IwBVMwSyMmi4hlTBNFJZq9CWjEMz5mt+z6vrU/19nzR3YpuwhidotICiSCKZiljmUZ3pA3lmdFEwSzpy8k/VNStliGOOoyvh9vQg0IJmLZQTRfeukl0QQEE7FsJ06EF01AMFlyLCMm/Xrz57zcskkzjv4FEEy6imVZJ8t62T5N0QS6VZqjZM+cOeNfcxGxLPMybCtxysnjjz/u6FkYoHXr1nXbD0fJIpbDYp8mYMI0YXYcyzy9RdewxHmaJk0wYZowaRjL7AAfnHICCCYtYlnVZdhW0Xz55ZdFExBMxLKdmLgjmo6eBdqxD7PETpw4IZYdyvZp3njjjTYG9Jh9mIhlibi4AVCZCfOLL77wr3mNA3yWNmk+9thjjp6FHlq7dq0JE7Es46TpQCBAMCsQy3iyF0vRZPg8fgSTnMfSPsveRfOVV17xpEdXYl/4888/nxw7dszGKBH7ME2WtJDt03T0LIuJ5Z49e9IXr3Ht4m984xvJpk2bKr1N7MMkF+JoWLHs76TpPE26iWWIn0uTZnkIplgimvQhlhnRFExyEkv7LEWTfMQyotjszdjj8fPCCy+IZsHZh2myZBFin+ajjz5qnyYLYtnJi9fYp/nkk09Wbp9mWfZhliaYZ8+ercQDzwE++YmmixsQR1F3GsvaaFbtQKA1a9aUIpiWZAsWyzjVQSyHyykn1May2TJss1s8fuzTLCbBLFgs7bMUTfIVy24fP6JZPJZkC8A+y/yyT7OasYwDeHrx4rUq+zQtySKWzE2ajp4Vy27Ez7WjZ4tDMMUS0WQIsRTN4rEkm+NYOsCnWGJ59pFHHrE8W0K151n2SyzPPvHEE6VcnrUki1iyYNJ89dVXTZpi2fWk+eKLL5o0c0wwxRLRZMixFE3BRCxFk0LHMvYtDvrnUTTzqzT7MM+dO1fof4g4zzKeZMWyPOzTLK5+HeCzGGU65WT16tXd9sM+TMTSpEneY7nYK/j0+haPH5NmvgjmkMUyrFiWO5p79+4VzQLGMg8sz+aLJVmxZABieXb37t2WZ3Ms22eZx8tPFv2UE0uyiCUmTbE0aVaIYIolA4zmvn37RFMsRVMwEUs6edITzfzFctgH+DgQqBjswxxwLGNZTizJ9mnecMMNNsYQYxnxKeJb5mX7NIvyJub2YSKWdC3bpxmnFDF4sd0jlkWZLJtNmt6P1YRZugnz5MmT6TJsPMih1vLly02aQ4plGd6MPSbNxx9/PPeTZlkmzNIEM68PfpMl7cTy7K5du5xyMgBFXoZtF808n3KyatWqUgTTkqxYMmSOnhXLpYjnl5deesny7ACYMPscS8uwdMrybP9jWeYXr7FSkdcDgUyYiCU9denSJQcC9SmWMYGVfaUnnm9Mmv0lmH2IZSyviSXdRjMeP6LZ21iWbRm2Gcuz/WVJVizJoViejQOBLM+KZTfydvRsWZZkBVMsEc3SqT3Psqpin2ZeomkfJnPiPMv9+/eLJT0Vy7PxuLI8K5bdiOejl19+2fKsCTM/E2bE0mRJvyfNhx9+2KQpll2J5dnHHntsqJOmJVnBFEsGGs1Ynp2YmLAxWsSyCkfDdiNbnh3WxTEsyVacWDJI2fJs7CtHLBcrO+XExTFMmKlB/qDEk5Z9lgxr0rQ8O19VzrPshWEtz8afa8KsILEkD5OmA4HEstvBwoFAJsyB/MBYhiUvYp/Uzp07Kz1pWoZd2uNnkJOmCbNixJI8icfhgQMHKjtpiuXSHz8mTRNm32JpGZY8in2aVZs0xbK3k9+jjz7a90nThFmhyVIsyavYpxmTZlWOno1YxmQklr0R2/GVV15x9KwJUyyp1qQZR8+W+TxNseyfbJ9mv87TLMuEKZgtYhmv3MWSIkUzlmfLGE2xLHY0LcmWmFhSRGVdnhXLwcgOBLI8K5hiiWgWUHwfsY9NLAcXTfs0W0y8lmS/dOrUqXSfZTzpQJHF8uxDDz1U6OXZiKXJcjhieTaOnu3V8qwl2ZKJWMYrc7GkLJPmwYMHCztpiqVJM48EsyaWlmEp25NeEaMplqKZV6VZku02drHP8rXXXhNLSqtIy7NxgE88SQ/r/W1ZKLu4wVKWZ2OJt8t+OK0kL8EUS6oinrAefPDBXEczi6XJMp+Pn6VEsyzBrOySrFhSJXlfnhXL/D9+LM9WdMKMfZZiSRXF8mzeJs3s1BHLsOWdNC3JFjSYYoknvRXJAw88kItoOs+ymI+fRx55ZFHRFMwCBjOLpVNHMGkuH3o0xbI60bQPs2AilrEPRyzh/5+neejQoXRf/rBi+eqrr4plQcWAEv9+VdunWYlgZrG0DAvDj2YWS/ssix/NvXv3VupNzEu/JCuW0Fq2T3PDhg0mS7p6/MTybKs3MbcPswDBPH36tH2W0IFsn2Y/oxmTrH2W1YymYOY8mBFLkyXkI5oRS5Nl+aO5e/fuhtF00E/ORJizm1jC4tXu06z9eVrqTSyroXafZv1joDSdKcuEmS27OhoW8jNp2mdZ3Umz9pSTeEyVYcIsVTAjlvEK2WQJw49mxDImDrGsZjR37do1F03BzFkwjx07lsbSZAm9sWzZsq6jKZbURrMswSzNPkyxhN66fPlycvjw4UWfpymWhFjp27dvX6nO0yxNMMUS+vNztZhoiiX10YzHQ1mMl+UbKdORWJDHSfP+++9vuTwbUY2JIp4k/TxSxmFm1D8n0Gk0m02acb/JkrITTKDjaL7++uvp0ehiiWACtBDLa0eOHEmmp6fFksqxDxPoWJxqct999yVjY2NzsbTPEhMmQF0sd+7cmaxdu3beAT4gmADXxInnEct169bNxdIyLFVjSRZoO1k+9NBDaSzjPEuxRDABWsQyJsv9+/fbZ0llWZIFOoqlyRITZkl4xQu9j2XtAT5iiWACtImlZViwJAu0iGW2zxKwJAtkTwbj4wtiaRkWShhMYGmT5YMPPpjGMq4V62hYWMiSLIjlvFi6gg+UfML0Shi6eAIYH284WQIlDiaw+MnygQcesAwLJkygVSzvv//+BVfwAUyYQIPJUixBMIEOYnngwIH0TaGt0ECFgukHHtrHMpZha2NpsoTOOa0ExBKo0oQJtI9lHA372muvWYaFKgfTDz80+AEfH58XS5MlCCbQYLK877775k4dMVnC0tiHCRWJpckSTJgpr5rh2g/1+LhYgmACnUyW2dGwBw8eFEsQTKCTWFp9AcGcx5MClf5BvrYMa7KE/nHQD4glUKUJE6oolmHvvffeufMsDx065NQRMGECrWJpsgQTZke8oqZSP7jj42IJggm0myzvueeeebG0DAuCacKEusmyUSwBwQRqYhnLsGvWrJl3gA8wGA76gYLG0j5LMGECNbJ9llksDx8+bJ8lCGb3PHlQ1smyPpYmSxgOS7JQgFiePn1aLMGECdSLZdi777577mhYy7AgmD3jiYQyTZb1sTRZgmACdbG0zxIEE2ghW4Z1NCwIZl95UqHok2WjWAL54ShZyFksX3/9dbEEwQSaxTJOHYlY2mcJOf15tQkgH7G0zxIEcyA8yVC0WN51110LYgkIJtAklrEMe/nyZS/6IOfsw4Qhx9JkCSbMgfLqnKLEcvXq1WIJggl0Ess33njDMiwUjCVZGEIsTZZgwhwar9TJayx37NghlmDCBDqN5ZtvvimWYMI0YUJ9LO+8884FsfQ4BRMmUDdZxqkjU1NTyVtvvWWyBBMm0CiWJksQzNzyhEQeYtloGRYoB0uy0IdYWoYFwQQ6iKW36ALBBMQSqvnzXpZvxD5MhhHL7du3L1iG9VgEE2aujY2N+ddkKLGMU0eOHDlinyWU/Lm5NBPm+vXrk5MnT3p0MvBYmiyhuYmJCcHMm1tuuSU5c+ZMMj097RFKX18tN4ol0PjF5W233Vaa72dkdna2v3/Al6+6R2o+ZrfRmlvM7WNX/z5dj4kXLlxIjh49mj6RCSf9+OG/4447xBI6eGEZk2XEMn5eltCPDVc/TF+7zdTcZmtuSc3HpJ9Ny0MwR67FMn49vpRgAlAe14J55Vokp6+FcWjBzMtBPwu+aQAqL1dtGM3JxgCAXDdjNGcbQkAByGUXRvO2Qaanp0UToOJmZmZyF85hBbPRN5/ed+UqDxWAart8+fKVVq0oezAb7bydrdsAsxcuXJj0UAGotnPnzk0mLY6GTYZwQFBelmTnfn3mzJnfe6gAVNupU6f+T5NADk2eTitJb7/97W//+eoo7qoDABV16dKl6d/97nf/1GDCHKpBXrgg/c8GHxdc9efEiRP/bcOGDf/Wwwagej744IP/sW3btv+YdHZ1n3kRK8uVfmpDWR/LBVf+OX/+/HMrV67c6aEDUB3Hjh07sHnz5n+VNL+yT/3EObBgDnpJttnRTvW3mZ/97GdPX7hw4S0PH4BqmJycPPLzn//86RaRnG3TlP4OgAOeMJtNmUndhDm3RHvixIn/snr16n9YsWLFMg8ngPK5Ohxd/uyzz357++23P5MsXIKdSRaeUdE0mGW/luxsk4kzvdjuxMTEM7/61a9uPXr06L9MTU19dunSpSv9jjwA/RMXJbh48eKVkydPfvbhhx/+yzPPPHPr1Vj+MvnyXUnaLr0OwzAmzEZTZu202ektafARgHxqdLDOYm5JJwHtZ9PGc7IRRxpsiFaRHGkRXgDyGctGwUzaBDI371gyPsSNN9Immo3imYglQKmimXQQyaEe7JOHCbNVNEeabKDa++sjKZoA+Y9lJ/HMXSyHHczFTpr1X18fTkcCAZQnnLmKZR6C2SyaSdJ+iTYXGxCAvsUzN7HMSzAbRbCTcAJQnmC2imIuGjCew4030mZDCShAeaOZu1DmMZiNNtBI3jcgAAONqGAuYsM5GhZAHAWzbBsYgHIYtQkAQDABoCf6viTrnUUAMGECgGACAIIJAIIJAIIJAIIJAIIJAIIJAIIJAIIJAAgmAAgmAAgmAAgmAAgmAAgmAAgmACCYACCYACCYACCYACCYAFB0/0+AAQDHHxQEMMRIrwAAAABJRU5ErkJggg==" !default;
-/// The border of the Spreadsheet image Dialog preview.
-/// @group spreadsheet
+$kendo-spreadsheet-insert-image-dialog-preview-img: null !default;
 $kendo-spreadsheet-insert-image-dialog-preview-border: null !default;
-/// The border radius of the Spreadsheet image Dialog preview.
-/// @group spreadsheet
 $kendo-spreadsheet-insert-image-dialog-preview-border-radius: null !default;
-/// The shadow of the Spreadsheet image Dialog preview.
-/// @group spreadsheet
 $kendo-spreadsheet-insert-image-dialog-preview-overlay-shadow: null !default;
-/// The border radius of the Spreadsheet image Dialog preview overlay.
-/// @group spreadsheet
 $kendo-spreadsheet-insert-image-dialog-preview-overlay-border-radius: null !default;
-/// The text color of the hovered Spreadsheet image Dialog preview.
-/// @group spreadsheet
 $kendo-spreadsheet-insert-image-dialog-overlay-hover-text: null !default;
 
-/// The width of the Spreadsheet drawing handle.
-/// @group spreadsheet
 $kendo-spreadsheet-drawing-handle-width: null !default;
-/// The height of the Spreadsheet drawing handle.
-/// @group spreadsheet
 $kendo-spreadsheet-drawing-handle-height: null !default;
-/// The border style of the Spreadsheet drawing handle.
-/// @group spreadsheet
 $kendo-spreadsheet-drawing-handle-border-style: null !default;
-/// The border width of the Spreadsheet drawing handle.
-/// @group spreadsheet
 $kendo-spreadsheet-drawing-handle-border-width: null !default;
-/// The border color of the Spreadsheet drawing handle.
-/// @group spreadsheet
 $kendo-spreadsheet-drawing-handle-outline-color: null !default;
-/// The outline color of the Spreadsheet drawing handle.
-/// @group spreadsheet
 $kendo-spreadsheet-drawing-handle-border-color: null !default;
-/// The border color of the Spreadsheet drawing handle.
-/// @group spreadsheet
 $kendo-spreadsheet-drawing-handle-bg: null !default;
-/// The border radius of the Spreadsheet drawing handle.
-/// @group spreadsheet
 $kendo-spreadsheet-drawing-handle-border-radius: null !default;
-/// The outline style of the Spreadsheet drawing.
-/// @group spreadsheet
 $kendo-spreadsheet-drawing-outline-style: null !default;
-/// The outline width of the Spreadsheet drawing.
-/// @group spreadsheet
 $kendo-spreadsheet-drawing-outline-width: null !default;
-/// The background color of the Spreadsheet drawing anchor.
-/// @group spreadsheet
 $kendo-spreadsheet-drawing-anchor-bg: null !default;
 
-/// The vertical spacing of the Spreadsheet DropZone.
-/// @group spreadsheet
 $kendo-spreadsheet-dropzone-spacing-y: null !default;
 
-/// The padding of the Spreadsheet filter.
-/// @group spreadsheet
 $kendo-spreadsheet-filter-padding: null !default;
 
 
diff --git a/packages/core/scss/components/stepper/_variables.scss b/packages/core/scss/components/stepper/_variables.scss
index 2a30936961..e89c3a6ce8 100644
--- a/packages/core/scss/components/stepper/_variables.scss
+++ b/packages/core/scss/components/stepper/_variables.scss
@@ -1,227 +1,92 @@
 // Stepper
 
-/// The horizontal margin the Stepper.
-/// @group stepper
 $kendo-stepper-margin-x: null !default;
-/// The vertical margin the Stepper.
-/// @group stepper
 $kendo-stepper-margin-y: null !default;
-/// The horizontal padding the Stepper.
-/// @group stepper
 $kendo-stepper-padding-x: null !default;
-/// The vertical padding the Stepper.
-/// @group stepper
 $kendo-stepper-padding-y: null !default;
-/// The horizontal margin the Stepper label.
-/// @group stepper
 $kendo-stepper-label-margin-x: null !default;
-/// The horizontal padding the Stepper label.
-/// @group stepper
 $kendo-stepper-label-padding-x: null !default;
-/// The vertical padding the Stepper label.
-/// @group stepper
 $kendo-stepper-label-padding-y: null !default;
-/// The border radius of the Stepper label.
-/// @group stepper
 $kendo-stepper-label-border-radius: null !default;
-/// The width of the border around the Stepper.
-/// @group stepper
 $kendo-stepper-border-width: null !default;
 
-/// The horizontal padding of the Stepper content.
-/// @group stepper
 $kendo-stepper-inline-content-padding-x: null !default;
-/// The vertical padding of the Stepper content.
-/// @group stepper
 $kendo-stepper-inline-content-padding-y: null !default;
 
 // The font size of the Stepper.
-/// @group stepper
 $kendo-stepper-font-size: null !default;
 // The line height of the Stepper.
-/// @group stepper
 $kendo-stepper-line-height: null !default;
 // The font family of the Stepper.
-/// @group stepper
 $kendo-stepper-font-family: null !default;
 
-/// The background color of the Stepper.
-/// @group stepper
 $kendo-stepper-bg: null !default;
-/// The text color of the Stepper.
-/// @group stepper
 $kendo-stepper-text: null !default;
-/// The border color of the Stepper.
-/// @group stepper
 $kendo-stepper-border: null !default;
 
-/// The width of the Stepper indicator.
-/// @group stepper
 $kendo-stepper-indicator-width: null !default;
-/// The height of the Stepper indicator.
-/// @group stepper
 $kendo-stepper-indicator-height: null !default;
-/// The border width of the Stepper indicator.
-/// @group stepper
 $kendo-stepper-indicator-border-width: null !default;
-/// The border radius of the Stepper indicator.
-/// @group stepper
 $kendo-stepper-indicator-border-radius: null !default;
 
-/// The border width of the focused Stepper indicator.
-/// @group stepper
 $kendo-stepper-indicator-focus-border-width: null !default;
-/// The size of the focused Stepper indicator.
-/// @group stepper
 $kendo-stepper-indicator-focus-size: null !default;
-/// The offset of the Stepper's focused indicator.
-/// @group stepper
 $kendo-stepper-indicator-focus-offset: null !default;
-/// The calculated offset of the Stepper's focused indicator.
-/// @group stepper
 $kendo-stepper-indicator-focus-calc-offset: null !default;
 
-/// The background color of the Stepper indicator.
-/// @group stepper
 $kendo-stepper-indicator-bg: null !default;
-/// The text color of the Stepper indicator.
-/// @group stepper
 $kendo-stepper-indicator-text: null !default;
-/// The border color of the Stepper indicator.
-/// @group stepper
 $kendo-stepper-indicator-border: null !default;
 
-/// The background color of the hovered Stepper indicator.
-/// @group stepper
 $kendo-stepper-indicator-hover-bg: null !default;
-/// The text color of the hovered Stepper indicator.
-/// @group stepper
 $kendo-stepper-indicator-hover-text: null !default;
-/// The border color of the hovered Stepper indicator.
-/// @group stepper
 $kendo-stepper-indicator-hover-border: null !default;
 
-/// The background color of the disabled Stepper indicator.
-/// @group stepper
 $kendo-stepper-indicator-disabled-bg: null !default;
-/// The text color of the disabled Stepper indicator.
-/// @group stepper
 $kendo-stepper-indicator-disabled-text: null !default;
-/// The border color of the disabled Stepper indicator.
-/// @group stepper
 $kendo-stepper-indicator-disabled-border: null !default;
 
-/// The background color of the Stepper's done indicator.
-/// @group stepper
 $kendo-stepper-indicator-done-bg: null !default;
-/// The text color of the Stepper's done indicator.
-/// @group stepper
 $kendo-stepper-indicator-done-text: null !default;
-/// The border color of the Stepper's done indicator.
-/// @group stepper
 $kendo-stepper-indicator-done-border: null !default;
 
-/// The background color of the Stepper's hovered done indicator.
-/// @group stepper
 $kendo-stepper-indicator-done-hover-bg: null !default;
-/// The text color of the Stepper's hovered done indicator.
-/// @group stepper
 $kendo-stepper-indicator-done-hover-text: null !default;
-/// The border color of the Stepper's hovered done indicator.
-/// @group stepper
 $kendo-stepper-indicator-done-hover-border: null !default;
 
-/// The background color of the Stepper's disabled done indicator.
-/// @group stepper
 $kendo-stepper-indicator-done-disabled-bg: null !default;
-/// The text color of the Stepper's disabled done indicator.
-/// @group stepper
 $kendo-stepper-indicator-done-disabled-text: null !default;
-/// The border color of the Stepper's disabled done indicator.
-/// @group stepper
 $kendo-stepper-indicator-done-disabled-border: null !default;
 
-/// The background color of the Stepper current indicator.
-/// @group stepper
 $kendo-stepper-indicator-current-bg: null !default;
-/// The text color of the Stepper current indicator.
-/// @group stepper
 $kendo-stepper-indicator-current-text: null !default;
-/// The border color of the Stepper current indicator.
-/// @group stepper
 $kendo-stepper-indicator-current-border: null !default;
 
-/// The background color of the Stepper's hovered current indicator.
-/// @group stepper
 $kendo-stepper-indicator-current-hover-bg: null !default;
-/// The text color of the Stepper's hovered current indicator.
-/// @group stepper
 $kendo-stepper-indicator-current-hover-text: null !default;
-/// The border color of the Stepper's hovered current indicator.
-/// @group stepper
 $kendo-stepper-indicator-current-hover-border: null !default;
 
-/// The background color of the Stepper's disabled current indicator.
-/// @group stepper
 $kendo-stepper-indicator-current-disabled-bg: null !default;
-/// The text color of the Stepper's disabled current indicator.
-/// @group stepper
 $kendo-stepper-indicator-current-disabled-text: null !default;
-/// The border color of the Stepper's disabled current indicator.
-/// @group stepper
 $kendo-stepper-indicator-current-disabled-border: null !default;
 
-/// The text color of the Stepper label.
-/// @group stepper
 $kendo-stepper-label-text: null !default;
-/// The success text color of the Stepper label.
-/// @group stepper
 $kendo-stepper-label-success-text: null !default;
-/// The error text color of the Stepper label.
-/// @group stepper
 $kendo-stepper-label-error-text: null !default;
-/// The text color of the hovered Stepper label.
-/// @group stepper
 $kendo-stepper-label-hover-text: null !default;
-/// The text color of the disabled Stepper label.
-/// @group stepper
 $kendo-stepper-label-disabled-text: null !default;
 
-/// The text color of the optional Stepper label.
-/// @group stepper
 $kendo-stepper-optional-label-text: null !default;
-/// The opacity of the optional Stepper label.
-/// @group stepper
 $kendo-stepper-optional-label-opacity: null !default;
-/// The font size of the optional Stepper label.
-/// @group stepper
 $kendo-stepper-optional-label-font-size: null !default;
-/// The font style of the optional Stepper label.
-/// @group stepper
 $kendo-stepper-optional-label-font-style: null !default;
 
-/// The size of the Stepper ProgressBar.
-/// @group stepper
 $kendo-stepper-progressbar-size: null !default;
-/// The background color of the Stepper ProgressBar.
-/// @group stepper
 $kendo-stepper-progressbar-bg: null !default;
-/// The text color of the Stepper ProgressBar.
-/// @group stepper
 $kendo-stepper-progressbar-text: null !default;
-/// The background color of the selected Stepper ProgressBar.
-/// @group stepper
 $kendo-stepper-progressbar-fill-bg: null !default;
-/// The text color of the selected Stepper ProgressBar.
-/// @group stepper
 $kendo-stepper-progressbar-fill-text: null !default;
 
-/// The property name of the Stepper transition.
-/// @group stepper
 $kendo-stepper-content-transition-property: null !default;
-/// The duration of the Stepper transition.
-/// @group stepper
 $kendo-stepper-content-transition-duration: null !default;
-/// The timing function of the Stepper transition.
-/// @group stepper
 $kendo-stepper-content-transition-timing-function: null !default;
diff --git a/packages/core/scss/components/switch/_variables.scss b/packages/core/scss/components/switch/_variables.scss
index 2d387f65fd..c957b224f2 100644
--- a/packages/core/scss/components/switch/_variables.scss
+++ b/packages/core/scss/components/switch/_variables.scss
@@ -1,188 +1,76 @@
 // Switch
 
-/// The font family of the Switch.
-/// @group switch
 $kendo-switch-font-family: null !default;
 
-/// The border width of the Switch track.
-/// @group switch
 $kendo-switch-track-border-width: null !default;
 
-/// The border width of the Switch thumb.
-/// @group switch
 $kendo-switch-thumb-border-width: null !default;
 
-/// The text transform of the Switch label.
-/// @group switch
 $kendo-switch-label-text-transform: null !default;
 
-/// The display of the Switch label.
-/// @group switch
 $kendo-switch-label-display: null !default;
 
-/// The map with the different Switch sizes.
-/// @group switch
 $kendo-switch-sizes: null !default;
 
-/// The background of the track when the Switch is not checked.
-/// @group switch
 $kendo-switch-off-track-bg: null !default;
-/// The text color of the track when the Switch is not checked.
-/// @group switch
 $kendo-switch-off-track-text: null !default;
-/// The border color of the track when the Switch is not checked.
-/// @group switch
 $kendo-switch-off-track-border: null !default;
-/// The background gradient of the track when the Switch is not checked.
-/// @group switch
 $kendo-switch-off-track-gradient: null !default;
 
-/// The background of the track when the hovered Switch is not checked.
-/// @group switch
 $kendo-switch-off-track-hover-bg: null !default;
-/// The text color of the track when the hovered Switch is not checked.
-/// @group switch
 $kendo-switch-off-track-hover-text: null !default;
-/// The border color of the track when the hovered Switch is not checked.
-/// @group switch
 $kendo-switch-off-track-hover-border: null !default;
-/// The background gradient of the track when the hovered Switch is not checked.
-/// @group switch
 $kendo-switch-off-track-hover-gradient: null !default;
 
-/// The background of the track when the focused Switch is not checked.
-/// @group switch
 $kendo-switch-off-track-focus-bg: null !default;
-/// The text color of the track when the focused Switch is not checked.
-/// @group switch
 $kendo-switch-off-track-focus-text: null !default;
-/// The border color of the track when the focused Switch is not checked.
-/// @group switch
 $kendo-switch-off-track-focus-border: null !default;
-/// The background gradient of the track when the focused Switch is not checked.
-/// @group switch
 $kendo-switch-off-track-focus-gradient: null !default;
-/// The ring around the track when the focused Switch is not checked.
-/// @group switch
 $kendo-switch-off-track-focus-ring: null !default;
 
-/// The background of the track when the disabled Switch is not checked.
-/// @group switch
 $kendo-switch-off-track-disabled-bg: null !default;
-/// The text color of the track when the disabled Switch is not checked.
-/// @group switch
 $kendo-switch-off-track-disabled-text: null !default;
-/// The border color of the track when the disabled Switch is not checked.
-/// @group switch
 $kendo-switch-off-track-disabled-border: null !default;
-/// The background gradient of the track when the disabled Switch is not checked.
-/// @group switch
 $kendo-switch-off-track-disabled-gradient: null !default;
 
-/// The background of the thumb when the Switch is not checked.
-/// @group switch
 $kendo-switch-off-thumb-bg: null !default;
-/// The text color of the thumb when the Switch is not checked.
-/// @group switch
 $kendo-switch-off-thumb-text: null !default;
-/// The border color of the thumb when the Switch is not checked.
-/// @group switch
 $kendo-switch-off-thumb-border: null !default;
-/// The background gradient of the thumb when the Switch is not checked.
-/// @group switch
 $kendo-switch-off-thumb-gradient: null !default;
 
-/// The background of the thumb when the hovered Switch is not checked.
-/// @group switch
 $kendo-switch-off-thumb-hover-bg: null !default;
-/// The text color of the thumb when the hovered Switch is not checked.
-/// @group switch
 $kendo-switch-off-thumb-hover-text: null !default;
-/// The border color of the thumb when the hovered Switch is not checked.
-/// @group switch
 $kendo-switch-off-thumb-hover-border: null !default;
-/// The background gradient of the thumb when the hovered Switch is not checked.
-/// @group switch
 $kendo-switch-off-thumb-hover-gradient: null !default;
 
 
-/// The background of the track when the Switch is checked.
-/// @group switch
 $kendo-switch-on-track-bg: null !default;
-/// The text color of the track when the Switch is checked.
-/// @group switch
 $kendo-switch-on-track-text: null !default;
-/// The border color of the track when the Switch is checked.
-/// @group switch
 $kendo-switch-on-track-border: null !default;
-/// The background gradient of the track when the Switch is checked.
-/// @group switch
 $kendo-switch-on-track-gradient: null !default;
 
-/// The background of the track when the hovered Switch is checked.
-/// @group switch
 $kendo-switch-on-track-hover-bg: null !default;
-/// The text color of the track when the hovered Switch is checked.
-/// @group switch
 $kendo-switch-on-track-hover-text: null !default;
-/// The border color of the track when the hovered Switch is checked.
-/// @group switch
 $kendo-switch-on-track-hover-border: null !default;
-/// The background gradient of the track when the hovered Switch is checked.
-/// @group switch
 $kendo-switch-on-track-hover-gradient: null !default;
 
-/// The background of the track when the focused Switch is checked.
-/// @group switch
 $kendo-switch-on-track-focus-bg: null !default;
-/// The text color of the track when the focused Switch is checked.
-/// @group switch
 $kendo-switch-on-track-focus-text: null !default;
-/// The border color of the track when the focused Switch is checked.
-/// @group switch
 $kendo-switch-on-track-focus-border: null !default;
-/// The background gradient of the track when the focused Switch is checked.
-/// @group switch
 $kendo-switch-on-track-focus-gradient: null !default;
-/// The ring around the track when the focused Switch is checked.
-/// @group switch
 $kendo-switch-on-track-focus-ring: null !default;
 
-/// The background of the track when the disabled Switch is checked.
-/// @group switch
 $kendo-switch-on-track-disabled-bg: null !default;
-/// The text color of the track when the disabled Switch is checked.
-/// @group switch
 $kendo-switch-on-track-disabled-text: null !default;
-/// The border color of the track when the disabled Switch is checked.
-/// @group switch
 $kendo-switch-on-track-disabled-border: null !default;
-/// The background gradient of the track when the disabled Switch is checked.
-/// @group switch
 $kendo-switch-on-track-disabled-gradient: null !default;
 
-/// The background of the thumb when the Switch is checked.
-/// @group switch
 $kendo-switch-on-thumb-bg: null !default;
-/// The text color of the thumb when the Switch is checked.
-/// @group switch
 $kendo-switch-on-thumb-text: null !default;
-/// The border color of the thumb when the Switch is checked.
-/// @group switch
 $kendo-switch-on-thumb-border: null !default;
-/// The background gradient of the thumb when the Switch is checked.
-/// @group switch
 $kendo-switch-on-thumb-gradient: null !default;
 
-/// The background of the thumb when the hovered Switch is checked.
-/// @group switch
 $kendo-switch-on-thumb-hover-bg: null !default;
-/// The text color of the thumb when the hovered Switch is checked.
-/// @group switch
 $kendo-switch-on-thumb-hover-text: null !default;
-/// The border color of the thumb when the hovered Switch is checked.
-/// @group switch
 $kendo-switch-on-thumb-hover-border: null !default;
-/// The background gradient of the thumb when the hovered Switch is checked.
-/// @group switch
 $kendo-switch-on-thumb-hover-gradient: null !default;
diff --git a/packages/core/scss/components/table/_variables.scss b/packages/core/scss/components/table/_variables.scss
index d8c30f46d3..c4a3fd8251 100644
--- a/packages/core/scss/components/table/_variables.scss
+++ b/packages/core/scss/components/table/_variables.scss
@@ -1,29 +1,15 @@
 // Table
 
-/// The width of the table border.
-/// @group table
 $kendo-table-border-width: null !default;
-/// The width of vertical border of table cells.
-/// @group table
 $kendo-table-cell-vertical-border-width: null !default;
-/// The width of horizontal border of table cells.
-/// @group table
 $kendo-table-cell-horizontal-border-width: null !default;
 
-/// The font size of the table if no size is specified.
-/// @group table
 $kendo-table-font-size: null !default;
 
-/// The line-height of the table if no size is specified.
-/// @group table
 $kendo-table-line-height: null !default;
 
-/// The horizontal padding of the cells in the table if no size is specified.
-/// @group table
 $kendo-table-cell-padding-x: null !default;
 
-/// The vertical padding of the cells in the table if no size is specified.
-/// @group table
 $kendo-table-cell-padding-y: null !default;
 
 $kendo-table-sm-cell-padding-x: null !default;
@@ -35,99 +21,45 @@ $kendo-table-md-cell-padding-y: null !default;
 $kendo-table-lg-cell-padding-x: null !default;
 $kendo-table-lg-cell-padding-y: null !default;
 
-/// The sizes of the table.
-/// @group table
 $kendo-table-sizes: null !default;
 
 
-/// Background color of tables.
-/// @group table
 $kendo-table-bg: null !default;
-/// Text color of tables.
-/// @group table
 $kendo-table-text: null !default;
-/// Border color of tables.
-/// @group table
 $kendo-table-border: null !default;
 
 
-/// Background color of table headers.
-/// @group table
 $kendo-table-header-bg: null !default;
-/// Text color of table headers.
-/// @group table
 $kendo-table-header-text: null !default;
-/// Border color of table headers.
-/// @group table
 $kendo-table-header-border: null !default;
-/// Gradient of table headers.
-/// @group table
 $kendo-table-header-gradient: null !default;
 
 
-/// Background color of table footers.
-/// @group table
 $kendo-table-footer-bg: null !default;
-/// Text color of table footers.
-/// @group table
 $kendo-table-footer-text: null !default;
-/// Border color of table footers.
-/// @group table
 $kendo-table-footer-border: null !default;
 
 
-/// Background color of group rows in table.
-/// @group table
 $kendo-table-group-row-bg: null !default;
-/// Text color of group rows in table.
-/// @group table
 $kendo-table-group-row-text: null !default;
-/// Border color of group rows in table.
-/// @group table
 $kendo-table-group-row-border: null !default;
 
-/// Background color of alternating rows in table.
-/// @group table
 $kendo-table-alt-row-bg: null !default;
-/// Text color of alternating rows in table.
-/// @group table
 $kendo-table-alt-row-text: null !default;
-/// Border color of alternating rows in table.
-/// @group table
 $kendo-table-alt-row-border: null !default;
 
 
-/// Background color of hovered rows in table.
-/// @group table
 $kendo-table-hover-bg: null !default;
-/// Text color of hovered rows in table.
-/// @group table
 $kendo-table-hover-text: null !default;
-/// Border color of hovered rows in table.
-/// @group table
 $kendo-table-hover-border: null !default;
 
 
-/// Background color of focused rows in table.
-/// @group table
 $kendo-table-focus-bg: null !default;
-/// Text color of focused rows in table.
-/// @group table
 $kendo-table-focus-text: null !default;
-/// Border color of focused rows in table.
-/// @group table
 $kendo-table-focus-border: null !default;
-/// Box shadow of focused rows in table.
-/// @group table
 $kendo-table-focus-shadow: null !default;
 
 
-/// Background color of selected rows in table.
-/// @group table
 $kendo-table-selected-bg: null !default;
-/// Text color of selected rows in table.
-/// @group table
 $kendo-table-selected-text: null !default;
-/// Border color of selected rows in table.
-/// @group table
 $kendo-table-selected-border: null !default;
diff --git a/packages/core/scss/components/tabstrip/_variables.scss b/packages/core/scss/components/tabstrip/_variables.scss
index 2ea1be65e7..97f7fefa63 100644
--- a/packages/core/scss/components/tabstrip/_variables.scss
+++ b/packages/core/scss/components/tabstrip/_variables.scss
@@ -1,206 +1,82 @@
 // TabStrip
 
 
-/// The horizontal padding of the TabStrip wrapper.
-/// @group tabstrip
 $kendo-tabstrip-wrapper-padding-x: null !default;
-/// The vertical padding of the TabStrip wrapper.
-/// @group tabstrip
 $kendo-tabstrip-wrapper-padding-y: null !default;
-/// The border width around the TabStrip wrapper.
-/// @group tabstrip
 $kendo-tabstrip-wrapper-border-width: null !default;
 
-/// The font family of the TabStrip.
-/// @group tabstrip
 $kendo-tabstrip-font-family: null !default;
-/// The font size of the TabStrip.
-/// @group tabstrip
 $kendo-tabstrip-font-size: null !default;
-/// The line height of the TabStrip.
-/// @group tabstrip
 $kendo-tabstrip-line-height: null !default;
-/// The border width around the TabStrip.
-/// @group tabstrip
 $kendo-tabstrip-border-width: null !default;
 
-/// The font size of the small TabStrip.
-/// @group tabstrip
 $kendo-tabstrip-sm-font-size: null !default;
-/// The line height of the small TabStrip.
-/// @group tabstrip
 $kendo-tabstrip-sm-line-height: null !default;
-/// The font size of the medium TabStrip.
-/// @group tabstrip
 $kendo-tabstrip-md-font-size: null !default;
-/// The line height of the medium TabStrip.
-/// @group tabstrip
 $kendo-tabstrip-md-line-height: null !default;
-/// The font size of the large TabStrip.
-/// @group tabstrip
 $kendo-tabstrip-lg-font-size: null !default;
-/// The line height of the large TabStrip.
-/// @group tabstrip
 $kendo-tabstrip-lg-line-height: null !default;
 
-/// The background color of the TabStrip wrapper.
-/// @group tabstrip
 $kendo-tabstrip-wrapper-bg: null !default;
-/// The text color of the TabStrip wrapper.
-/// @group tabstrip
 $kendo-tabstrip-wrapper-text: null !default;
-/// The border color of the TabStrip wrapper.
-/// @group tabstrip
 $kendo-tabstrip-wrapper-border: null !default;
 
-/// The background color of the TabStrip.
-/// @group tabstrip
 $kendo-tabstrip-bg: null !default;
-/// The text color of the TabStrip.
-/// @group tabstrip
 $kendo-tabstrip-text: null !default;
-/// The border color of the TabStrip.
-/// @group tabstrip
 $kendo-tabstrip-border: null !default;
 
-/// The horizontal padding of the TabStrip items.
-/// @group tabstrip
 $kendo-tabstrip-item-padding-x: null !default;
-/// The vertical padding of the TabStrip items.
-/// @group tabstrip
 $kendo-tabstrip-item-padding-y: null !default;
-/// The border width around the TabStrip items.
-/// @group tabstrip
 $kendo-tabstrip-item-border-width: null !default;
-/// The border radius of the TabStrip items.
-/// @group tabstrip
 $kendo-tabstrip-item-border-radius: null !default;
-/// The gap between the TabStrip items.
-/// @group tabstrip
 $kendo-tabstrip-item-gap: null !default;
-/// The horizontal padding of the small TabStrip items.
-/// @group tabstrip
 $kendo-tabstrip-sm-item-padding-x: null !default;
-/// The vertical padding of the small TabStrip items.
-/// @group tabstrip
 $kendo-tabstrip-sm-item-padding-y: null !default;
-/// The horizontal padding of the medium TabStrip items.
-/// @group tabstrip
 $kendo-tabstrip-md-item-padding-x: null !default;
-/// The vertical padding of the medium TabStrip items.
-/// @group tabstrip
 $kendo-tabstrip-md-item-padding-y: null !default;
-/// The horizontal padding of the large TabStrip items.
-/// @group tabstrip
 $kendo-tabstrip-lg-item-padding-x: null !default;
-/// The vertical padding of the large TabStrip items.
-/// @group tabstrip
 $kendo-tabstrip-lg-item-padding-y: null !default;
 
-///  The background color of the TabStrip items.
-/// @group tabstrip
 $kendo-tabstrip-item-bg: null !default;
-/// The text color of the TabStrip items.
-/// @group tabstrip
 $kendo-tabstrip-item-text: null !default;
-/// The border color of the TabStrip items.
-/// @group tabstrip
 $kendo-tabstrip-item-border: null !default;
-/// The gradient of the TabStrip items.
-/// @group tabstrip
 $kendo-tabstrip-item-gradient: null !default;
 
-/// The background color of the hovered TabStrip items.
-/// @group tabstrip
 $kendo-tabstrip-item-hover-bg: null !default;
-/// The text color of the hovered TabStrip items.
-/// @group tabstrip
 $kendo-tabstrip-item-hover-text: null !default;
-/// The border color of the hovered TabStrip items.
-/// @group tabstrip
 $kendo-tabstrip-item-hover-border: null !default;
-/// The gradient of the hovered TabStrip items.
-/// @group tabstrip
 $kendo-tabstrip-item-hover-gradient: null !default;
 
-/// The background color of the selected TabStrip items.
-/// @group tabstrip
 $kendo-tabstrip-item-selected-bg: null !default;
-/// The text color of the selected TabStrip items.
-/// @group tabstrip
 $kendo-tabstrip-item-selected-text: null !default;
-/// The border color of the selected TabStrip items.
-/// @group tabstrip
 $kendo-tabstrip-item-selected-border: null !default;
-/// The gradient of the selected TabStrip items.
-/// @group tabstrip
 $kendo-tabstrip-item-selected-gradient: null !default;
-/// The font weight of the selected TabStrip items.
-/// @group tabstrip
 $kendo-tabstrip-item-selected-font-weight: null !default;
 
 
-/// The shadow of the focused TabStrip items.
-/// @group tabstrip
 $kendo-tabstrip-item-focus-shadow: null !default;
 
-/// The shadow of the dragged TabStrip items.
-/// @group tabstrip
 $kendo-tabstrip-item-dragging-shadow: null !default;
 
-/// The background color of the disabled TabStrip items.
-/// @group tabstrip
 $kendo-tabstrip-item-disabled-bg: null !default;
-/// The text color of the disabled TabStrip items.
-/// @group tabstrip
 $kendo-tabstrip-item-disabled-text: null !default;
-/// The border color of the disabled TabStrip items.
-/// @group tabstrip
 $kendo-tabstrip-item-disabled-border: null !default;
-/// The gradient of the disabled TabStrip items.
-/// @group tabstrip
 $kendo-tabstrip-item-disabled-gradient: null !default;
-/// The opacity of the disabled TabStrip items.
-/// @group tabstrip
 $kendo-tabstrip-item-disabled-opacity: null !default;
-/// The filter of the disabled TabStrip items.
-/// @group tabstrip
 $kendo-tabstrip-item-disabled-filter: null !default;
 
-/// The border width of the TabStrip indicator.
-/// @group tabstrip
 $kendo-tabstrip-indicator-size: null !default;
-/// The border color of the TabStrip ripple.
-/// @group tabstrip
 $kendo-tabstrip-indicator-color: null !default;
 
-/// The horizontal padding of the TabStrip content.
-/// @group tabstrip
 $kendo-tabstrip-content-padding-x: null !default;
-/// The vertical padding of the TabStrip content.
-/// @group tabstrip
 $kendo-tabstrip-content-padding-y: null !default;
-/// The border width around the TabStrip content.
-/// @group tabstrip
 $kendo-tabstrip-content-border-width: null !default;
 
-/// The background color of the TabStrip content.
-/// @group tabstrip
 $kendo-tabstrip-content-bg: null !default;
-/// The text color of the TabStrip content.
-/// @group tabstrip
 $kendo-tabstrip-content-text: null !default;
-/// The border color of the TabStrip content.
-/// @group tabstrip
 $kendo-tabstrip-content-border: null !default;
-/// The border color of the focused TabStrip content.
-/// @group tabstrip
 $kendo-tabstrip-content-focus-border: null !default;
 
-/// The left and right scroll overlay of the TabStrip.
-/// @group tabstrip
 $kendo-tabstrip-scroll-overlay: null !default;
 
-/// The size map of the TabStrip.
-/// @group tabstrip
 $kendo-tabstrip-sizes: null !default;
diff --git a/packages/core/scss/components/taskboard/_variables.scss b/packages/core/scss/components/taskboard/_variables.scss
index 93b6bfab31..01a6419852 100644
--- a/packages/core/scss/components/taskboard/_variables.scss
+++ b/packages/core/scss/components/taskboard/_variables.scss
@@ -1,245 +1,95 @@
 // TaskBoard
 
-/// The spacing index of the TaskBoard.
-/// @group taskboard
 $kendo-taskboard-spacer: null !default;
-/// The vertical padding of the TaskBoard.
-/// @group taskboard
 $kendo-taskboard-padding-y: null !default;
-/// The horizontal of the TaskBoard.
-/// @group taskboard
 $kendo-taskboard-padding-x: null !default;
-/// The font family of the TaskBoard.
-/// @group taskboard
 $kendo-taskboard-font-family: null !default;
-/// The font size of the TaskBoard.
-/// @group taskboard
 $kendo-taskboard-font-size: null !default;
-/// The line height of the TaskBoard.
-/// @group taskboard
 $kendo-taskboard-line-height: null !default;
-/// The background color of the TaskBoard.
-/// @group taskboard
 $kendo-taskboard-bg: null !default;
-/// The text color of the TaskBoard.
-/// @group taskboard
 $kendo-taskboard-text: null !default;
-/// The border color of the TaskBoard.
-/// @group taskboard
 $kendo-taskboard-border: null !default;
 
-/// The vertical padding of the TaskBoard Toolbar.
-/// @group taskboard
 $kendo-taskboard-toolbar-padding-y: null !default;
-/// The horizontal padding of the TaskBoard Toolbar.
-/// @group taskboard
 $kendo-taskboard-toolbar-padding-x: null !default;
-/// The background color of the TaskBoard Toolbar.
-/// @group taskboard
 $kendo-taskboard-toolbar-bg: null !default;
-/// The text color of the TaskBoard Toolbar.
-/// @group taskboard
 $kendo-taskboard-toolbar-text: null !default;
-/// The border color of the TaskBoard Toolbar.
-/// @group taskboard
 $kendo-taskboard-toolbar-border: null !default;
-/// The gradient of the TaskBoard Toolbar.
-/// @group taskboard
 $kendo-taskboard-toolbar-gradient: null !default;
 
-/// The vertical padding of the TaskBoard content.
-/// @group taskboard
 $kendo-taskboard-content-padding-y: null !default;
-/// The horizontal padding of the TaskBoard content.
-/// @group taskboard
 $kendo-taskboard-content-padding-x: null !default;
 
-/// The vertical spacing of the TaskBoard column container.
-/// @group taskboard
 $kendo-taskboard-column-container-spacing-y: null !default;
-/// The vertical padding of the TaskBoard column container.
-/// @group taskboard
 $kendo-taskboard-column-container-padding-y: null !default;
-/// The horizontal padding of the TaskBoard column container.
-/// @group taskboard
 $kendo-taskboard-column-container-padding-x: null !default;
-/// The spacing of the TaskBoard columns container.
-/// @group taskboard
 $kendo-taskboard-columns-container-gap: null !default;
 
-/// The default width of the TaskBoard column.
-/// @group taskboard
 $kendo-taskboard-column-width: null !default;
-/// The border width of the TaskBoard column.
-/// @group taskboard
 $kendo-taskboard-column-border-width: null !default;
-/// The border radius of the TaskBoard column.
-/// @group taskboard
 $kendo-taskboard-column-border-radius: null !default;
-/// The background color of the TaskBoard column.
-/// @group taskboard
 $kendo-taskboard-column-bg: null !default;
-/// The text color of the TaskBoard column.
-/// @group taskboard
 $kendo-taskboard-column-text: null !default;
-/// The border color of the TaskBoard column.
-/// @group taskboard
 $kendo-taskboard-column-border: null !default;
 
-/// The background color of the focused TaskBoard column.
-/// @group taskboard
 $kendo-taskboard-column-focus-bg: null !default;
-/// The text color of the focused TaskBoard column.
-/// @group taskboard
 $kendo-taskboard-column-focus-text: null !default;
-/// The border color of the focused TaskBoard column.
-/// @group taskboard
 $kendo-taskboard-column-focus-border: null !default;
 
-/// The vertical padding of the TaskBoard column header.
-/// @group taskboard
 $kendo-taskboard-column-header-padding-y: null !default;
-/// The horizontal padding of the TaskBoard column header.
-/// @group taskboard
 $kendo-taskboard-column-header-padding-x: null !default;
-/// The spacing of the TaskBoard column header.
-/// @group taskboard
 $kendo-taskboard-column-header-gap: null !default;
-/// The spacing of the TaskBoard column header actions.
-/// @group taskboard
 $kendo-taskboard-column-header-actions-gap: null !default;
-/// The font weight of the TaskBoard column header.
-/// @group taskboard
 $kendo-taskboard-column-header-font-weight: null !default;
-/// The text color of the TaskBoard column header.
-/// @group taskboard
 $kendo-taskboard-column-header-text: null !default;
 
-/// The vertical padding of the TaskBoard column Card wrapper.
-/// @group taskboard
 $kendo-taskboard-column-cards-padding-y: null !default;
-/// The horizontal padding of the TaskBoard column Card wrapper.
-/// @group taskboard
 $kendo-taskboard-column-cards-padding-x: null !default;
-/// The spacing of the TaskBoard column Card wrapper.
-/// @group taskboard
 $kendo-taskboard-column-cards-gap: null !default;
 
-/// The default width of the TaskBoard pane.
-/// @group taskboard
 $kendo-taskboard-pane-width: null !default;
-/// The vertical padding of the TaskBoard pane.
-/// @group taskboard
 $kendo-taskboard-pane-padding-y: null !default;
-/// The horizontal padding of the TaskBoard pane.
-/// @group taskboard
 $kendo-taskboard-pane-padding-x: null !default;
-/// The border width of the TaskBoard pane.
-/// @group taskboard
 $kendo-taskboard-pane-border-width: null !default;
-/// The background color of the TaskBoard pane.
-/// @group taskboard
 $kendo-taskboard-pane-bg: null !default;
-/// The text color of the TaskBoard pane.
-/// @group taskboard
 $kendo-taskboard-pane-text: null !default;
-/// The border color of the TaskBoard pane.
-/// @group taskboard
 $kendo-taskboard-pane-border: null !default;
 
-/// The vertical padding of the TaskBoard pane header.
-/// @group taskboard
 $kendo-taskboard-pane-header-padding-y: null !default;
-/// The horizontal padding of the TaskBoard pane header.
-/// @group taskboard
 $kendo-taskboard-pane-header-padding-x: null !default;
-/// The font weight of the TaskBoard pane header.
-/// @group taskboard
 $kendo-taskboard-pane-header-font-weight: null !default;
-/// The text color of the TaskBoard pane header.
-/// @group taskboard
 $kendo-taskboard-pane-header-text: null !default;
 
-/// The vertical padding of the TaskBoard pane content.
-/// @group taskboard
 $kendo-taskboard-pane-content-padding-y: null !default;
-/// The horizontal padding of the TaskBoard pane content.
-/// @group taskboard
 $kendo-taskboard-pane-content-padding-x: null !default;
 
-/// The vertical padding of the TaskBoard pane actions.
-/// @group taskboard
 $kendo-taskboard-pane-actions-padding-y: null !default;
-/// The horizontal padding of the TaskBoard pane actions.
-/// @group taskboard
 $kendo-taskboard-pane-actions-padding-x: null !default;
 
-/// The vertical padding of the TaskBoard Card.
-/// @group taskboard
 $kendo-taskboard-card-padding-y: null !default;
-/// The horizontal padding of the TaskBoard Card.
-/// @group taskboard
 $kendo-taskboard-card-padding-x: null !default;
-/// The border width of the TaskBoard Card.
-/// @group taskboard
 $kendo-taskboard-card-border-width: null !default;
-/// The border radius of the TaskBoard Card.
-/// @group taskboard
 $kendo-taskboard-card-border-radius: null !default;
-/// The shadow of the TaskBoard Card.
-/// @group taskboard
 $kendo-taskboard-card-shadow: null !default;
-/// The background color of the TaskBoard Card.
-/// @group taskboard
 $kendo-taskboard-card-bg: null !default;
-/// The text color of the TaskBoard Card.
-/// @group taskboard
 $kendo-taskboard-card-text: null !default;
-/// The border color of the TaskBoard Card.
-/// @group taskboard
 $kendo-taskboard-card-border: null !default;
 
-/// The border width of the TaskBoard Card category.
-/// @group taskboard
 $kendo-taskboard-card-category-border-width: null !default;
 
-/// The border color of the hovered TaskBoard Card.
-/// @group taskboard
 $kendo-taskboard-card-hover-border: null !default;
 
-/// The border color of the focused TaskBoard Card.
-/// @group taskboard
 $kendo-taskboard-card-focus-border: null !default;
-/// The shadow of the focused TaskBoard Card.
-/// @group taskboard
 $kendo-taskboard-card-focus-shadow: null !default;
 
-/// The border of the selected TaskBoard Card.
-/// @group taskboard
 $kendo-taskboard-card-selected-border: null !default;
-/// The shadow of the selected TaskBoard Card.
-/// @group taskboard
 $kendo-taskboard-card-selected-shadow: null !default;
 
-/// The text color of the TaskBoard Card header text.
-/// @group taskboard
 $kendo-taskboard-card-header-text: null !default;
-/// The text color of the hovered TaskBoard Card header text.
-/// @group taskboard
 $kendo-taskboard-card-header-hover-text: null !default;
-/// The text color of the focused TaskBoard Card header text.
-/// @group taskboard
 $kendo-taskboard-card-header-focus-text: null !default;
 
-/// The border width of the TaskBoard Card placeholder.
-/// @group taskboard
 $kendo-taskboard-drag-placeholder-border-width: null !default;
-/// The border radius of the TaskBoard Card placeholder.
-/// @group taskboard
 $kendo-taskboard-drag-placeholder-border-radius: null !default;
-/// The background color of the TaskBoard Card placeholder.
-/// @group taskboard
 $kendo-taskboard-drag-placeholder-bg: null !default;
-/// The border color of the TaskBoard Card placeholder.
-/// @group taskboard
 $kendo-taskboard-drag-placeholder-border: null !default;
diff --git a/packages/core/scss/components/tilelayout/_variables.scss b/packages/core/scss/components/tilelayout/_variables.scss
index 6373aed5b9..2d57ba35fa 100644
--- a/packages/core/scss/components/tilelayout/_variables.scss
+++ b/packages/core/scss/components/tilelayout/_variables.scss
@@ -1,38 +1,18 @@
 // TileLayout
 
-/// The width of the border around the TileLayout.
-/// @group tile-layout
 $kendo-tile-layout-border-width: null !default;
-/// The background color of the TileLayout.
-/// @group tile-layout
 $kendo-tile-layout-bg: null !default;
 
-/// The horizontal padding of the TileLayout.
-/// @group tile-layout
 $kendo-tile-layout-padding-x: null !default;
 
-/// The vertical padding of the TileLayout
-/// @group tile-layout
 $kendo-tile-layout-padding-y: null !default;
 
-/// The width of the border around the TileLayout card.
-/// @group tile-layout
 $kendo-tile-layout-card-border-width: null !default;
-/// The focus box shadow of the TileLayout card.
-/// @group tile-layout
 $kendo-tile-layout-card-focus-shadow: null !default;
 
-/// The width of the border around the TileLayout hint.
-/// @group tile-layout
 $kendo-tile-layout-hint-border-width: null !default;
-/// The radius of the border around the TileLayout hint.
-/// @group tile-layout
 $kendo-tile-layout-hint-border-radius: null !default;
-/// The color of the border around the TileLayout hint.
-/// @group tile-layout
 $kendo-tile-layout-hint-border: null !default;
-/// The background color of the TileLayout hint.
-/// @group tile-layout
 $kendo-tile-layout-hint-bg: null !default;
 
 
diff --git a/packages/core/scss/components/time-marker/_variables.scss b/packages/core/scss/components/time-marker/_variables.scss
index a9f095e22f..853c1fd497 100644
--- a/packages/core/scss/components/time-marker/_variables.scss
+++ b/packages/core/scss/components/time-marker/_variables.scss
@@ -1,6 +1,2 @@
-/// The border width of the current time indicator.
-/// @group time-marker
 $kendo-current-time-width: null !default;
-/// The color of the current time indicator.
-/// @group time-marker
 $kendo-current-time-color: null !default;
diff --git a/packages/core/scss/components/timeline/_variables.scss b/packages/core/scss/components/timeline/_variables.scss
index bebc3728df..d88810b9e9 100644
--- a/packages/core/scss/components/timeline/_variables.scss
+++ b/packages/core/scss/components/timeline/_variables.scss
@@ -1,167 +1,67 @@
 // Timeline
 
-/// The horizontal spacing of the Timeline.
-/// @group timeline
 $kendo-timeline-spacing-x: null !default;
-/// The vertical spacing of the Timeline.
-/// @group timeline
 $kendo-timeline-spacing-y: null !default;
-/// The padding between the Timeline's track items.
-/// @group timeline
 $kendo-timeline-items-padding: null !default;
 
-/// The font family of the Timeline.
-/// @group timeline
 $kendo-timeline-font-family: null !default;
-/// The font size of the Timeline.
-/// @group timeline
 $kendo-timeline-font-size: null !default;
-/// The line height of the Timeline.
-/// @group timeline
 $kendo-timeline-line-height: null !default;
 
-/// The horizontal spacing of the mobile Timeline.
-/// @group timeline
 $kendo-timeline-mobile-spacing-x: null !default;
-/// The vertical spacing of the mobile Timeline.
-/// @group timeline
 $kendo-timeline-mobile-spacing-y: null !default;
 
-/// The width of the Timeline track arrow.
-/// @group timeline
 $kendo-timeline-track-arrow-width: null !default;
-/// The height of the Timeline track arrow.
-/// @group timeline
 $kendo-timeline-track-arrow-height: null !default;
 
-/// The background color of the disabled Timeline track arrow.
-/// @group timeline
 $kendo-timeline-track-arrow-disabled-bg: null !default;
-/// The text color of the disabled Timeline track arrow.
-/// @group timeline
 $kendo-timeline-track-arrow-disabled-text: null !default;
-/// The border color of the disabled Timeline track arrow.
-/// @group timeline
 $kendo-timeline-track-arrow-disabled-border: null !default;
 
-/// The size of the Timeline track.
-/// @group timeline
 $kendo-timeline-track-size: null !default;
-/// The bottom padding of the Timeline's track wrapper.
-/// @group timeline
 $kendo-timeline-track-wrap-padding-bottom: null !default;
-/// The border width of the Timeline track.
-/// @group timeline
 $kendo-timeline-track-border-width: null !default;
-/// The bottom margin of the Timeline track.
-/// @group timeline
 $kendo-timeline-track-margin-bottom: null !default;
-/// The bottom offset of the Timeline track.
-/// @group timeline
 $kendo-timeline-track-bottom-calc: null !default;
-/// The left offset of the Timeline track.
-/// @group timeline
 $kendo-timeline-track-start-calc: null !default;
-/// The right offset of the Timeline track.
-/// @group timeline
 $kendo-timeline-track-end-calc: null !default;
-/// The background color of the Timeline track.
-/// @group timeline
 $kendo-timeline-track-bg: null !default;
-/// The border color of the Timeline track.
-/// @group timeline
 $kendo-timeline-track-border-color: null !default;
 
-/// The shadow of the Timeline's focused track items.
-/// @group timeline
 $kendo-timeline-track-item-focus-shadow: null !default;
 
-/// The offset of the Timeline track event.
-/// @group timeline
 $kendo-timeline-track-event-offset: null !default;
 
-/// The horizontal padding of the Timeline flag.
-/// @group timeline
 $kendo-timeline-flag-padding-x: null !default;
-/// The vertical padding of the Timeline flag.
-/// @group timeline
 $kendo-timeline-flag-padding-y: null !default;
-/// The line height of the Timeline flag.
-/// @group timeline
 $kendo-timeline-flag-line-height: null !default;
-/// The minimum width of the Timeline flag.
-/// @group timeline
 $kendo-timeline-flag-min-width: null !default;
-/// The maximum width of the Timeline flag.
-/// @group timeline
 $kendo-timeline-flag-max-width: null !default;
-/// The maximum width of the mobile Timeline flag.
-/// @group timeline
 $kendo-timeline-mobile-flag-max-width: null !default;
-/// The minimum width of the horizontal Timeline flag.
-/// @group timeline
 $kendo-timeline-horizontal-flag-min-width: null !default;
-/// The background color of the Timeline flag.
-/// @group timeline
 $kendo-timeline-flag-bg: null !default;
-/// The text color of the Timeline flag.
-/// @group timeline
 $kendo-timeline-flag-text: null !default;
 
-/// The width of the Timeline's flag callout.
-/// @group timeline
 $kendo-timeline-flag-callout-width: null !default;
-/// The height of the Timeline's flag callout.
-/// @group timeline
 $kendo-timeline-flag-callout-height: null !default;
 
-/// The bottom offset of the Timeline flag.
-/// @group timeline
 $kendo-timeline-flag-offset-bottom: null !default;
-/// The bottom margin of the Timeline flag.
-/// @group timeline
 $kendo-timeline-flag-margin-bottom-calc: null !default;
 
-/// The width of the Timeline date.
-/// @group timeline
 $kendo-timeline-date-width: null !default;
-/// The bottom margin of the Timeline date.
-/// @group timeline
 $kendo-timeline-date-margin-bottom: null !default;
 
-/// The padding of the vertical Timeline.
-/// @group timeline
 $kendo-timeline-vertical-padding-calc: null !default;
-/// The padding of the vertical Timeline date.
-/// @group timeline
 $kendo-timeline-vertical-padding-with-dates-calc: null !default;
-/// The padding of the vertical mobile Timeline.
-/// @group timeline
 $kendo-timeline-mobile-vertical-padding-calc: null !default;
-/// The padding of the vertical mobile Timeline date.
-/// @group timeline
 $kendo-timeline-mobile-vertical-padding-with-dates-calc: null !default;
 
-/// The width of the Timeline circle.
-/// @group timeline
 $kendo-timeline-circle-width: null !default;
-/// The height of the Timeline circle.
-/// @group timeline
 $kendo-timeline-circle-height: null !default;
-/// The background color of the Timeline circle.
-/// @group timeline
 $kendo-timeline-circle-bg: null !default;
 
-/// The horizontal padding of the Timeline collapse arrow.
-/// @group timeline
 $kendo-timeline-collapse-arrow-padding-x: null !default;
 
-/// The width of the Timeline event.
-/// @group timeline
 $kendo-timeline-event-width: null !default;
-/// The height of the Timeline event.
-/// @group timeline
 $kendo-timeline-event-height: null !default;
-/// The minimum height of the Timeline event.
-/// @group timeline
 $kendo-timeline-event-min-height-calc: null !default;
diff --git a/packages/core/scss/components/toolbar/_variables.scss b/packages/core/scss/components/toolbar/_variables.scss
index 8c8c493303..9365b04e04 100644
--- a/packages/core/scss/components/toolbar/_variables.scss
+++ b/packages/core/scss/components/toolbar/_variables.scss
@@ -1,156 +1,62 @@
 // Toolbar
 
-/// The horizontal padding of the Toolbar.
-/// @group toolbar
 $kendo-toolbar-padding-x: null !default;
-/// The horizontal padding of the small Toolbar.
-/// @group toolbar
 $kendo-toolbar-sm-padding-x: null !default;
-/// The horizontal padding of the medium Toolbar.
-/// @group toolbar
 $kendo-toolbar-md-padding-x: null !default;
-/// The horizontal padding of the large Toolbar.
-/// @group toolbar
 $kendo-toolbar-lg-padding-x: null !default;
 
-/// The vertical padding of the Toolbar.
-/// @group toolbar
 $kendo-toolbar-padding-y: null !default;
-/// The vertical padding of the small Toolbar.
-/// @group toolbar
 $kendo-toolbar-sm-padding-y: null !default;
-/// The vertical padding of the medium Toolbar.
-/// @group toolbar
 $kendo-toolbar-md-padding-y: null !default;
-/// The vertical padding of the large Toolbar.
-/// @group toolbar
 $kendo-toolbar-lg-padding-y: null !default;
 
-/// The spacing between the Toolbar tools.
-/// @group toolbar
 $kendo-toolbar-spacing: null !default;
-/// The spacing between the tools of the small Toolbar.
-/// @group toolbar
 $kendo-toolbar-sm-spacing: null !default;
-/// The spacing between the tools of the medium Toolbar.
-/// @group toolbar
 $kendo-toolbar-md-spacing: null !default;
-/// The spacing between the tools of the large Toolbar.
-/// @group toolbar
 $kendo-toolbar-lg-spacing: null !default;
 
-/// The height of the Toolbar button separator.
-/// @group toolbar
 $kendo-toolbar-separator-height: null !default;
-/// The height of the small Toolbar button separator.
-/// @group toolbar
 $kendo-toolbar-sm-separator-height: null !default;
-/// The height of the medium Toolbar button separator.
-/// @group toolbar
 $kendo-toolbar-md-separator-height: null !default;
-/// The height of the large Toolbar button separator.
-/// @group toolbar
 $kendo-toolbar-lg-separator-height: null !default;
 
-/// The width of the border around the Toolbar.
-/// @group toolbar
 $kendo-toolbar-border-width: null !default;
-/// The border radius of the Toolbar.
-/// @group toolbar
 $kendo-toolbar-border-radius: null !default;
 
-/// The font family of the Toolbar.
-/// @group toolbar
 $kendo-toolbar-font-family: null !default;
-/// The font size of the Toolbar.
-/// @group toolbar
 $kendo-toolbar-font-size: null !default;
-/// The line height of the Toolbar.
-/// @group toolbar
 $kendo-toolbar-line-height: null !default;
 
-/// The background color of the Toolbar.
-/// @group toolbar
 $kendo-toolbar-bg: null !default;
-/// The text color of the Toolbar.
-/// @group toolbar
 $kendo-toolbar-text: null !default;
-/// The color of the border around the Toolbar.
-/// @group toolbar
 $kendo-toolbar-border: null !default;
-/// The gradient of the Toolbar.
-/// @group toolbar
 $kendo-toolbar-gradient: null !default;
-/// The box shadow of the Toolbar.
-/// @group toolbar
 $kendo-toolbar-shadow: null !default;
-/// The left and right scroll overlay of the Toolbar.
-/// @group toolbar
 $kendo-toolbar-scroll-overlay: null !default;
 
-/// The text color of the outline Toolbar.
-/// @group toolbar
 $kendo-toolbar-outline-text: null !default;
-/// The color of the border around the outline Toolbar.
-/// @group toolbar
 $kendo-toolbar-outline-border: null !default;
-/// The gradient of the outline Toolbar.
-/// @group toolbar
 $kendo-toolbar-outline-gradient: null !default;
-/// The box shadow of the outline Toolbar.
-/// @group toolbar
 $kendo-toolbar-outline-shadow: null !default;
-/// The width of the border around the outline Toolbar.
-/// @group toolbar
 $kendo-toolbar-outline-border-width: null !default;
-/// The left and right scroll overlay of the outline Toolbar.
-/// @group toolbar
 $kendo-toolbar-outline-scroll-overlay: null !default;
 
-/// The text color of the flat Toolbar.
-/// @group toolbar
 $kendo-toolbar-flat-text: null !default;
-/// The color of the border around the flat Toolbar.
-/// @group toolbar
 $kendo-toolbar-flat-border: null !default;
-/// The gradient of the flat Toolbar.
-/// @group toolbar
 $kendo-toolbar-flat-gradient: null !default;
-/// The box shadow of the flat Toolbar.
-/// @group toolbar
 $kendo-toolbar-flat-shadow: null !default;
-/// Border width of the flat Toolbar.
-/// @group toolbar
 $kendo-toolbar-flat-border-width: null !default;
-/// The left and right scroll overlay of the flat Toolbar.
-/// @group toolbar
 $kendo-toolbar-flat-scroll-overlay: null !default;
 
-/// The color of the separator border of the Toolbar.
-/// @group toolbar
 $kendo-toolbar-separator-border: null !default;
 
-/// The width of the input in the Toolbar.
-/// @group toolbar
 $kendo-toolbar-input-width: null !default;
 
-/// The box shadow of the focused Toolbar item.
-/// @group toolbar
 $kendo-toolbar-item-shadow: null !default;
 
-/// The font size of the Toolbar overflow container.
-/// @group toolbar
 $kendo-toolbar-overflow-container-font-size: null !default;
-/// The line-height of the Toolbar overflow container.
-/// @group toolbar
 $kendo-toolbar-overflow-container-line-height: null !default;
-/// The vertical padding of the Toolbar overflow button.
-/// @group toolbar
 $kendo-toolbar-overflow-button-padding-y: null !default;
-/// The horizontal padding of the Toolbar overflow button.
-/// @group toolbar
 $kendo-toolbar-overflow-button-padding-x: null !default;
 
-/// The sizes map for the Toolbar.
-/// @group toolbar
 $kendo-toolbar-sizes: null !default;
diff --git a/packages/core/scss/components/tooltip/_variables.scss b/packages/core/scss/components/tooltip/_variables.scss
index 7e03a1c91c..59af87ddc7 100644
--- a/packages/core/scss/components/tooltip/_variables.scss
+++ b/packages/core/scss/components/tooltip/_variables.scss
@@ -1,51 +1,23 @@
 // Tooltip
 
-/// The vertical padding of the Tooltip.
-/// @group tooltip
 $kendo-tooltip-padding-y: null !default;
-/// The horizontal padding of the Tooltip.
-/// @group tooltip
 $kendo-tooltip-padding-x: null !default;
-/// The width of the border around the Tooltip.
-/// @group tooltip
 $kendo-tooltip-border-width: null !default;
-/// The border radius of the Tooltip.
-/// @group tooltip
 $kendo-tooltip-border-radius: null !default;
 
-/// The font family of the Tooltip.
-/// @group tooltip
 $kendo-tooltip-font-family: null !default;
-/// The font size of the Tooltip.
-/// @group tooltip
 $kendo-tooltip-font-size: null !default;
-/// The line height of the Tooltip.
-/// @group tooltip
 $kendo-tooltip-line-height: null !default;
 
-/// The font size of the Tooltip title.
-/// @group tooltip
 $kendo-tooltip-title-font-size: null !default;
-/// The line height of the Tooltip title.
-/// @group tooltip
 $kendo-tooltip-title-line-height: null !default;
 
-/// The size of the Tooltip callout.
-/// @group tooltip
 $kendo-tooltip-callout-size: null !default;
 
-/// The default background of the Tooltip.
-/// @group tooltip
 $kendo-tooltip-bg: null !default;
-/// The default text color of the Tooltip.
-/// @group tooltip
 $kendo-tooltip-text: null !default;
-/// The default border color of the Tooltip.
-/// @group tooltip
 $kendo-tooltip-border: null !default;
 
-/// The box-shadow of the Tooltip.
-/// @group tooltip
 $kendo-tooltip-shadow: null !default;
 
 @function tooltip-theme( $colors ) {
@@ -62,9 +34,5 @@ $kendo-tooltip-shadow: null !default;
     @return $_theme;
 }
 
-/// The theme colors map for the Tooltip.
-/// @group tooltip
 $kendo-tooltip-theme-colors: null !default;
-/// The generated theme colors map for the Tooltip.
-/// @group tooltip
 $kendo-tooltip-theme: null !default;
diff --git a/packages/core/scss/components/treelist/_variables.scss b/packages/core/scss/components/treelist/_variables.scss
index e6a9b1bc96..95a9bd160f 100644
--- a/packages/core/scss/components/treelist/_variables.scss
+++ b/packages/core/scss/components/treelist/_variables.scss
@@ -1,8 +1,4 @@
 // Treelist
 
-/// The background color of the TreeList footer row.
-/// @group treelist
 $kendo-treelist-footer-row-bg: null !default;
-/// The border width of the TreeList footer row.
-/// @group treelist
 $kendo-treelist-footer-row-border-width: null !default;
diff --git a/packages/core/scss/components/treeview/_variables.scss b/packages/core/scss/components/treeview/_variables.scss
index e15c631090..6ddfdd74bf 100644
--- a/packages/core/scss/components/treeview/_variables.scss
+++ b/packages/core/scss/components/treeview/_variables.scss
@@ -1,162 +1,64 @@
 // TreeView
 
-/// The font family of the TreeView.
-/// @group treeview
 $kendo-treeview-font-family: null !default;
-/// The font size of the TreeView.
-/// @group treeview
 $kendo-treeview-font-size: null !default;
-/// The font size of the small TreeView.
-/// @group treeview
 $kendo-treeview-sm-font-size: null !default;
-/// The font size of the medium TreeView.
-/// @group treeview
 $kendo-treeview-md-font-size: null !default;
-/// The font size of the large TreeView.
-/// @group treeview
 $kendo-treeview-lg-font-size: null !default;
-/// The line height of the TreeView.
-/// @group treeview
 $kendo-treeview-line-height: null !default;
-/// The line height of the small TreeView.
-/// @group treeview
 $kendo-treeview-sm-line-height: null !default;
-/// The line height of the medium TreeView.
-/// @group treeview
 $kendo-treeview-md-line-height: null !default;
-/// The line height of the large TreeView.
-/// @group treeview
 $kendo-treeview-lg-line-height: null !default;
-/// The indentation of child groups in the TreeView.
-/// @group treeview
 $kendo-treeview-indent: null !default;
 
-/// The horizontal padding of the TreeView items.
-/// @group treeview
 $kendo-treeview-item-padding-x: null !default;
-/// The horizontal padding of the small TreeView items.
-/// @group treeview
 $kendo-treeview-sm-item-padding-x: null !default;
-/// The horizontal padding of the medium TreeView items.
-/// @group treeview
 $kendo-treeview-md-item-padding-x: null !default;
-/// The horizontal padding of the large TreeView items.
-/// @group treeview
 $kendo-treeview-lg-item-padding-x: null !default;
-/// The vertical padding of the TreeView items.
-/// @group treeview
 $kendo-treeview-item-padding-y: null !default;
-/// The vertical padding of the small TreeView items.
-/// @group treeview
 $kendo-treeview-sm-item-padding-y: null !default;
-/// The vertical padding of the medium TreeView items.
-/// @group treeview
 $kendo-treeview-md-item-padding-y: null !default;
-/// The vertical padding of the large TreeView items.
-/// @group treeview
 $kendo-treeview-lg-item-padding-y: null !default;
-/// The border width of the TreeView items.
-/// @group treeview
 $kendo-treeview-item-border-width: null !default;
-/// The border radius of the TreeView items.
-/// @group treeview
 $kendo-treeview-item-border-radius: null !default;
 
-/// The horizontal padding of the checkbox in the small TreeView.
-/// @group treeview
 $kendo-treeview-sm-checkbox-padding-x: null !default;
-/// The horizontal padding of the checkbox in the medium TreeView.
-/// @group treeview
 $kendo-treeview-md-checkbox-padding-x: null !default;
-/// The horizontal padding of the checkbox in the large TreeView.
-/// @group treeview
 $kendo-treeview-lg-checkbox-padding-x: null !default;
-/// The vertical padding of the checkbox in the small TreeView.
-/// @group treeview
 $kendo-treeview-sm-checkbox-padding-y: null !default;
-/// The vertical padding of the checkbox in the medium TreeView.
-/// @group treeview
 $kendo-treeview-md-checkbox-padding-y: null !default;
-/// The vertical padding of the checkbox in the large TreeView.
-/// @group treeview
 $kendo-treeview-lg-checkbox-padding-y: null !default;
 
 
-/// The sizes map of the TreeView.
-/// @group treeview
 $kendo-treeview-sizes: null !default;
 
 
-/// The background color of the TreeView.
-/// @group treeview
 $kendo-treeview-bg: null !default;
-/// The text color of the TreeView.
-/// @group treeview
 $kendo-treeview-text: null !default;
-/// The border color of the TreeView.
-/// @group treeview
 $kendo-treeview-border: null !default;
 
-/// The background color of hovered TreeView items.
-/// @group treeview
 $kendo-treeview-item-hover-bg: null !default;
-/// The text color of hovered TreeView items.
-/// @group treeview
 $kendo-treeview-item-hover-text: null !default;
-/// The border color of hovered TreeView items.
-/// @group treeview
 $kendo-treeview-item-hover-border: null !default;
-/// The background gradient of hovered TreeView items.
-/// @group treeview
 $kendo-treeview-item-hover-gradient: null !default;
 
-/// The background color of selected TreeView items.
-/// @group treeview
 $kendo-treeview-item-selected-bg: null !default;
-/// The text color of selected TreeView items.
-/// @group treeview
 $kendo-treeview-item-selected-text: null !default;
-/// The border color of selected TreeView items.
-/// @group treeview
 $kendo-treeview-item-selected-border: null !default;
-/// The background gradient of selected TreeView items.
-/// @group treeview
 $kendo-treeview-item-selected-gradient: null !default;
 
-/// The box shadow of focused TreeView items.
-/// @group treeview
 $kendo-treeview-item-focus-shadow: null !default;
 
-/// The background color of the Load More button in the TreeView
-/// @group treeview
 $kendo-treeview-loadmore-bg: null !default;
-/// The text color of the Load More button in the TreeView
-/// @group treeview
 $kendo-treeview-loadmore-text: null !default;
-/// The border color of the Load More button in the TreeView
-/// @group treeview
 $kendo-treeview-loadmore-border: null !default;
 
-/// The background color of the hovered Load More button in the TreeView
-/// @group treeview
 $kendo-treeview-loadmore-hover-bg: null !default;
-/// The text color of the hovered Load More button in the TreeView.
-/// @group treeview
 $kendo-treeview-loadmore-hover-text: null !default;
-/// The border color of the hovered Load More button in the TreeView.
-/// @group treeview
 $kendo-treeview-loadmore-hover-border: null !default;
 
-/// The background color of the focused Load More button in the TreeView.
-/// @group treeview
 $kendo-treeview-loadmore-focus-bg: null !default;
-/// The text color of the focused Load More button in the TreeView.
-/// @group treeview
 $kendo-treeview-loadmore-focus-text: null !default;
-/// The border color of the focused Load More button in the TreeView.
-/// @group treeview
 $kendo-treeview-loadmore-focus-border: null !default;
-/// The box shadow of the focused Load More button in the TreeView.
-/// @group treeview
 $kendo-treeview-loadmore-focus-shadow: null !default;
 
diff --git a/packages/core/scss/components/typography/_variables.scss b/packages/core/scss/components/typography/_variables.scss
index b1784d0cab..22c21c9982 100644
--- a/packages/core/scss/components/typography/_variables.scss
+++ b/packages/core/scss/components/typography/_variables.scss
@@ -3,257 +3,104 @@
 
 // Headings
 
-/// The font size of the highest level heading.
-/// @group typography
 $kendo-h1-font-size: null !default;
-/// The font size of the second highest level heading.
-/// @group typography
 $kendo-h2-font-size: null !default;
-/// The font size of the third highest level heading.
-/// @group typography
 $kendo-h3-font-size: null !default;
-/// The font size of the fourth highest level heading.
-/// @group typography
 $kendo-h4-font-size: null !default;
-/// The font size of the fifth highest level heading.
-/// @group typography
 $kendo-h5-font-size: null !default;
-/// The font size of the sixth highest level heading.
-/// @group typography
 $kendo-h6-font-size: null !default;
 
-/// The font family of the highest level heading.
-/// @group typography
 $kendo-h1-font-family: null !default;
-/// The font family of the second highest level heading.
-/// @group typography
 $kendo-h2-font-family: null !default;
-/// The font family of the third highest level heading.
-/// @group typography
 $kendo-h3-font-family: null !default;
-/// The font family of the fourth highest level heading.
-/// @group typography
 $kendo-h4-font-family: null !default;
-/// The font family of the fifth highest level heading.
-/// @group typography
 $kendo-h5-font-family: null !default;
-/// The font family of the sixth highest level heading.
-/// @group typography
 $kendo-h6-font-family: null !default;
 
-/// The line height of the highest level heading.
-/// @group typography
 $kendo-h1-line-height: null !default;
-/// The line height of the second highest level heading.
-/// @group typography
 $kendo-h2-line-height: null !default;
-/// The line height of the third highest level heading.
-/// @group typography
 $kendo-h3-line-height: null !default;
-/// The line height of the fourth highest level heading.
-/// @group typography
 $kendo-h4-line-height: null !default;
-/// The line height of the fifth highest level heading.
-/// @group typography
 $kendo-h5-line-height: null !default;
-/// The line height of the sixth highest level heading.
-/// @group typography
 $kendo-h6-line-height: null !default;
 
-/// The font weight of the highest level heading.
-/// @group typography
 $kendo-h1-font-weight: null !default;
-/// The font weight of the second highest level heading.
-/// @group typography
 $kendo-h2-font-weight: null !default;
-/// The font weight of the third highest level heading.
-/// @group typography
 $kendo-h3-font-weight: null !default;
-/// The font weight of the fourth highest level heading.
-/// @group typography
 $kendo-h4-font-weight: null !default;
-/// The font weight of the fifth highest level heading.
-/// @group typography
 $kendo-h5-font-weight: null !default;
-/// The font weight of the sixth highest level heading.
-/// @group typography
 $kendo-h6-font-weight: null !default;
 
-/// The letter spacing of the highest level heading.
-/// @group typography
 $kendo-h1-letter-spacing: null !default;
-/// The letter spacing of the second highest level heading.
-/// @group typography
 $kendo-h2-letter-spacing: null !default;
-/// The letter spacing of the third highest level heading.
-/// @group typography
 $kendo-h3-letter-spacing: null !default;
-/// The letter spacing of the fourth highest level heading.
-/// @group typography
 $kendo-h4-letter-spacing: null !default;
-/// The letter spacing of the fifth highest level heading.
-/// @group typography
 $kendo-h5-letter-spacing: null !default;
-/// The letter spacing of the sixth highest level heading.
-/// @group typography
 $kendo-h6-letter-spacing: null !default;
 
-/// The margin of the highest level heading.
-/// @group typography
 $kendo-h1-margin: null !default;
-/// The margin of the second highest level heading.
-/// @group typography
 $kendo-h2-margin: null !default;
-/// The margin of the third highest level heading.
-/// @group typography
 $kendo-h3-margin: null !default;
-/// The margin of the fourth highest level heading.
-/// @group typography
 $kendo-h4-margin: null !default;
-/// The margin of the fifth highest level heading.
-/// @group typography
 $kendo-h5-margin: null !default;
-/// The margin of the sixth highest level heading.
-/// @group typography
 $kendo-h6-margin: null !default;
 
-/// The headings Map.
-/// @group typography
 $kendo-headings: null !default;
 
 
 // Paragraph
 
-/// The margin of the paragraph.
-/// @group typography
 $kendo-paragraph-margin: null !default;
-/// The font size of the paragraph.
-/// @group typography
 $kendo-paragraph-font-size: null !default;
-/// The font family of the paragraph.
-/// @group typography
 $kendo-paragraph-font-family: null !default;
-/// The line height of the paragraph.
-/// @group typography
 $kendo-paragraph-line-height: null !default;
-/// The font weight of the paragraph.
-/// @group typography
 $kendo-paragraph-font-weight: null !default;
-/// The letter spacing of the paragraph.
-/// @group typography
 $kendo-paragraph-letter-spacing: null !default;
 
 
 // Code
 
-/// The font size of the code tag.
-/// @group typography
 $kendo-code-font-size: null !default;
-/// The font family of the code tag.
-/// @group typography
 $kendo-code-font-family: null !default;
-/// The line height of the code tag.
-/// @group typography
 $kendo-code-line-height: null !default;
-/// The font weight of the code tag.
-/// @group typography
 $kendo-code-font-weight: null !default;
-/// The letter spacing of the code tag.
-/// @group typography
 $kendo-code-letter-spacing: null !default;
 
-/// The horizontal padding of the code tag.
-/// @group typography
 $kendo-code-padding-x: null !default;
-/// The vertical padding of the code tag.
-/// @group typography
 $kendo-code-padding-y: null !default;
-/// The horizontal padding of the preformatted text.
-/// @group typography
 $kendo-pre-padding-x: null !default;
-/// The vertical padding of the preformatted text.
-/// @group typography
 $kendo-pre-padding-y: null !default;
-/// The width of the border of the code tag.
-/// @group typography
 $kendo-code-border-width: null !default;
 
-/// The background color of the code tag.
-/// @group typography
 $kendo-code-bg: null !default;
-/// The color of the code tag.
-/// @group typography
 $kendo-code-text: null !default;
-/// The border color of the code tag.
-/// @group typography
 $kendo-code-border: null !default;
 
 // Display
 
-/// The font size of the largest display text.
-/// @group typography
 $kendo-display1-font-size: null !default;
-/// The font size of the second largest display text.
-/// @group typography
 $kendo-display2-font-size: null !default;
-/// The font size of the third largest display text.
-/// @group typography
 $kendo-display3-font-size: null !default;
-/// The font size of the fourth largest display text.
-/// @group typography
 $kendo-display4-font-size: null !default;
 
-/// The font family of the largest display text.
-/// @group typography
 $kendo-display1-font-family: null !default;
-/// The font family of the second largest display text.
-/// @group typography
 $kendo-display2-font-family: null !default;
-/// The font family of the third largest display text.
-/// @group typography
 $kendo-display3-font-family: null !default;
-/// The font family of the fourth largest display text.
-/// @group typography
 $kendo-display4-font-family: null !default;
 
-/// The line height of the largest display text.
-/// @group typography
 $kendo-display1-line-height: null !default;
-/// The line height of the second largest display text.
-/// @group typography
 $kendo-display2-line-height: null !default;
-/// The line height of the third largest display text.
-/// @group typography
 $kendo-display3-line-height: null !default;
-/// The line height of the fourth largest display text.
-/// @group typography
 $kendo-display4-line-height: null !default;
 
-/// The font weight of the largest display text.
-/// @group typography
 $kendo-display1-font-weight: null !default;
-/// The font weight of the second largest display text.
-/// @group typography
 $kendo-display2-font-weight: null !default;
-/// The font weight of the third largest display text.
-/// @group typography
 $kendo-display3-font-weight: null !default;
-/// The font weight of the fourth largest display text.
-/// @group typography
 $kendo-display4-font-weight: null !default;
 
-/// The letter spacing of the largest display text.
-/// @group typography
 $kendo-display1-letter-spacing: null !default;
-/// The letter spacing of the second largest display text.
-/// @group typography
 $kendo-display2-letter-spacing: null !default;
-/// The letter spacing of the third largest display text.
-/// @group typography
 $kendo-display3-letter-spacing: null !default;
-/// The letter spacing of the fourth largest display text.
-/// @group typography
 $kendo-display4-letter-spacing: null !default;
 
-/// The displays Map.
 $kendo-display: null !default;
diff --git a/packages/core/scss/components/upload/_variables.scss b/packages/core/scss/components/upload/_variables.scss
index a8434b7298..11f96e14d8 100644
--- a/packages/core/scss/components/upload/_variables.scss
+++ b/packages/core/scss/components/upload/_variables.scss
@@ -1,104 +1,44 @@
 // Upload
 
-/// The width of the border around the Upload.
-/// @group upload
 $kendo-upload-border-width: null !default;
-/// The font family of the Upload.
-/// @group upload
 $kendo-upload-font-family: null !default;
-/// The font size of the Upload.
-/// @group upload
 $kendo-upload-font-size: null !default;
-/// The line height of the Upload.
-/// @group upload
 $kendo-upload-line-height: null !default;
-/// The maximum height of the list with uploaded items.
-/// @group upload
 $kendo-upload-max-height: null !default;
 
-/// The text color of the Upload.
-/// @group upload
 $kendo-upload-text: null !default;
-/// The background color of the Upload.
-/// @group upload
 $kendo-upload-bg: null !default;
-/// The border color of the Upload.
-/// @group upload
 $kendo-upload-border: null !default;
 
-/// The horizontal padding of the Upload dropzone.
-/// @group upload
 $kendo-upload-dropzone-padding-x: null !default;
-/// The vertical padding of the Upload dropzone.
-/// @group upload
 $kendo-upload-dropzone-padding-y: null !default;
-/// The text color of the Upload dropzone.
-/// @group upload
 $kendo-upload-dropzone-text: null !default;
-/// The background color of the Upload dropzone.
-/// @group upload
 $kendo-upload-dropzone-bg: null !default;
-/// The border color of the Upload dropzone.
-/// @group upload
 $kendo-upload-dropzone-border: null !default;
-/// The background color of the hovered Upload dropzone.
-/// @group upload
 $kendo-upload-dropzone-hover-bg: null !default;
 
-/// The text color of the Upload status message.
-/// @group upload
 $kendo-upload-status-text: null !default;
-/// The opacity of the Upload status message.
-/// @group upload
 $kendo-upload-status-text-opacity: null !default;
 
-/// The horizontal padding of an uploaded item.
-/// @group upload
 $kendo-upload-item-padding-x: null !default;
-/// The vertical padding of an uploaded item.
-/// @group upload
 $kendo-upload-item-padding-y: null !default;
 
-/// The vertical spacing between uploaded batch items.
-/// @group upload
 $kendo-upload-multiple-items-spacing: null !default;
 
-/// The font size of the Upload validation message.
-/// @group upload
 $kendo-upload-validation-font-size: null !default;
-/// The line height of the Upload validation message.
-/// @group upload
 $kendo-upload-validation-line-height: null !default;
-/// The horizontal spacing of the Upload status icon.
-/// @group upload
 $kendo-upload-icon-spacing: null !default;
-/// The color of the uploaded items icon.
-/// @group upload
 $kendo-upload-icon-color: null !default;
 
-/// The thickness of the Upload progress bar.
-/// @group upload
 $kendo-upload-progress-thickness: null !default;
-/// The background color of the Upload progress bar.
-/// @group upload
 $kendo-upload-progress-bg: null !default;
 
-/// The success text color of the Upload.
-/// @group upload
 $kendo-upload-success-text: null !default;
-/// The success background color of the Upload progress bar.
-/// @group upload
 $kendo-upload-success-bg: null !default;
 
-/// The error text color of the Upload.
-/// @group upload
 $kendo-upload-error-text: null !default;
-/// The error background color of the Upload progress bar.
-/// @group upload
 $kendo-upload-error-bg: null !default;
 
-/// The shadow of the focused Upload button, actions and uploaded items.
-/// @group upload
 $kendo-upload-focus-shadow: null !default;
 
 $kendo-upload-files-list-margin: null !default;
diff --git a/packages/core/scss/components/window/_variables.scss b/packages/core/scss/components/window/_variables.scss
index d8ffc1bb1e..34fc8bd324 100644
--- a/packages/core/scss/components/window/_variables.scss
+++ b/packages/core/scss/components/window/_variables.scss
@@ -1,101 +1,41 @@
 // Window
 
-/// The width of the border around the Window.
-/// @group window
 $kendo-window-border-width: null !default;
-/// The border radius of the Window.
-/// @group window
 $kendo-window-border-radius: null !default;
-/// The font family of the Window.
-/// @group window
 $kendo-window-font-family: null !default;
-/// The font size of the Window.
-/// @group window
 $kendo-window-font-size: null !default;
-/// The line height of the Window.
-/// @group window
 $kendo-window-line-height: null !default;
 
-/// The horizontal padding of the Window titlebar.
-/// @group window
 $kendo-window-titlebar-padding-x: null !default;
-/// The vertical padding of the Window titlebar.
-/// @group window
 $kendo-window-titlebar-padding-y: null !default;
-/// The width of the border of the Window titlebar.
-/// @group window
 $kendo-window-titlebar-border-width: null !default;
-/// The style of the border of the Window titlebar.
-/// @group window
 $kendo-window-titlebar-border-style: null !default;
 
-/// The font size of the title of the Window.
-/// @group window
 $kendo-window-title-font-size: null !default;
-/// The line height of the title of the Window.
-/// @group window
 $kendo-window-title-line-height: null !default;
 
-/// The spacing between the buttons in the Window titlebar.
-/// @group window
 $kendo-window-actions-gap: null !default;
-/// The opacity of the buttons in the Window titlebar.
-/// @group window
 $kendo-window-action-opacity: null !default;
-/// The opacity of the hovered buttons in the Window titlebar.
-/// @group window
 $kendo-window-action-hover-opacity: null !default;
 
-/// The horizontal padding of the content of the Window.
-/// @group window
 $kendo-window-inner-padding-x: null !default;
-/// The vertical padding of the content of the Window.
-/// @group window
 $kendo-window-inner-padding-y: null !default;
 
-/// The horizontal padding of the Window action buttons.
-/// @group window
 $kendo-window-buttongroup-padding-x: null !default;
-/// The vertical padding of the Window action buttons.
-/// @group window
 $kendo-window-buttongroup-padding-y: null !default;
-/// The width of the top border of the Window action buttons.
-/// @group window
 $kendo-window-buttongroup-border-width: null !default;
 
-/// The background color of the Window.
-/// @group window
 $kendo-window-bg: null !default;
-/// The text color of the Window.
-/// @group window
 $kendo-window-text: null !default;
-/// The border color of the Window.
-/// @group window
 $kendo-window-border: null !default;
-/// The box shadow of the Window.
-/// @group window
 $kendo-window-shadow: null !default;
-/// The box shadow of the focused Window.
-/// @group window
 $kendo-window-focus-shadow: null !default;
 
-/// The background color of the Window titlebar.
-/// @group window
 $kendo-window-titlebar-bg: null !default;
-/// The text color of the Window titlebar.
-/// @group window
 $kendo-window-titlebar-text: null !default;
-/// The border color of the Window titlebar.
-/// @group window
 $kendo-window-titlebar-border: null !default;
-/// The background gradient of the Window titlebar.
-/// @group window
 $kendo-window-titlebar-gradient: null !default;
 
-/// The map of the width for the different Window sizes.
-/// @group window
 $kendo-window-sizes: null !default;
 
-/// The theme colors map for the Window.
-/// @group window
 $kendo-window-theme-colors: null !default;
diff --git a/packages/core/scss/components/wizard/_variables.scss b/packages/core/scss/components/wizard/_variables.scss
index 3544ba6ae8..665de63fa6 100644
--- a/packages/core/scss/components/wizard/_variables.scss
+++ b/packages/core/scss/components/wizard/_variables.scss
@@ -1,34 +1,14 @@
 // Wizard
 
-/// The horizontal padding of the Wizard.
-/// @group wizard
 $kendo-wizard-padding-x: null !default;
-/// The vertical padding of the Wizard.
-/// @group wizard
 $kendo-wizard-padding-y: null !default;
-/// The horizontal padding of the Wizard content.
-/// @group wizard
 $kendo-wizard-content-padding-x: null !default;
-/// The vertical padding of the Wizard content.
-/// @group wizard
 $kendo-wizard-content-padding-y: null !default;
-/// The horizontal margin of the Wizard's Button container.
-/// @group wizard
 $kendo-wizard-buttons-margin-x: null !default;
 
-/// The border width of the Wizard.
-/// @group wizard
 $kendo-wizard-border-width: null !default;
-/// The font size of the Wizard.
-/// @group wizard
 $kendo-wizard-font-size: null !default;
-/// The line height of the Wizard.
-/// @group wizard
 $kendo-wizard-line-height: null !default;
-/// The font family of the Wizard.
-/// @group wizard
 $kendo-wizard-font-family: null !default;
 
-/// The outline of the focused Wizard step.
-/// @group wizard
 $kendo-wizard-step-focus-border: null !default;