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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-core",
   "description": "A collection of functions and mixins used for building themes for Kendo UI",
-  "version": "14.8.0",
+  "version": "14.9.0-dev.0",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [

package/scss/components/action-buttons/_variables.scss

@@ -1,11 +1,29 @@
 // Actions
+/// The top margin of the ActionButtons.
+/// @group action-buttons
 $kendo-actions-margin-top: null !default;
+/// The horizontal padding of the ActionButtons.
+/// @group action-buttons
 $kendo-actions-padding-x: null !default;
+/// The vertical padding of the ActionButtons.
+/// @group action-buttons
 $kendo-actions-padding-y: null !default;
+/// The width of the border around the ActionButtons.
+/// @group action-buttons
 $kendo-actions-border-width: null !default;
+/// The spacing between the ActionButtons buttons.
+/// @group action-buttons
 $kendo-actions-button-spacing: null !default;
 
+/// The background color of the ActionButtons.
+/// @group action-buttons
 $kendo-actions-bg: null !default;
+/// The text color of the ActionButtons.
+/// @group action-buttons
 $kendo-actions-text: null !default;
+/// The border color of the ActionButtons.
+/// @group action-buttons
 $kendo-actions-border: null !default;
+/// The background gradient of the ActionButtons.
+/// @group action-buttons
 $kendo-actions-gradient: null !default;

package/scss/components/action-sheet/_variables.scss

@@ -1,99 +1,247 @@
 // Action sheet
 
+/// The horizontal padding of the ActionSheet.
+/// @group action-sheet
 $kendo-actionsheet-padding-x: null !default;
+/// The vertical padding of the ActionSheet.
+/// @group action-sheet
 $kendo-actionsheet-padding-y: null !default;
+/// The width of the ActionSheet.
+/// @group action-sheet
 $kendo-actionsheet-width: null !default;
+/// The maximum width of the ActionSheet.
+/// @group action-sheet
 $kendo-actionsheet-max-width: null !default;
+/// The height of the ActionSheet.
+/// @group action-sheet
 $kendo-actionsheet-height: null !default;
+/// The maximum height of the ActionSheet.
+/// @group action-sheet
 $kendo-actionsheet-max-height: null !default;
 
+/// The width of the border around the ActionSheet.
+/// @group action-sheet
 $kendo-actionsheet-border-width: null !default;
+/// The border radius of the ActionSheet.
+/// @group action-sheet
 $kendo-actionsheet-border-radius: null !default;
 
+/// The font size of the ActionSheet.
+/// @group action-sheet
 $kendo-actionsheet-font-size: null !default;
+/// The font family of the ActionSheet.
+/// @group action-sheet
 $kendo-actionsheet-font-family: null !default;
+/// The line height of the ActionSheet.
+/// @group action-sheet
 $kendo-actionsheet-line-height: null !default;
 
+/// The background color of the ActionSheet.
+/// @group action-sheet
 $kendo-actionsheet-bg: null !default;
+/// The text color of the ActionSheet.
+/// @group action-sheet
 $kendo-actionsheet-text: null !default;
+/// The border color of the ActionSheet.
+/// @group action-sheet
 $kendo-actionsheet-border: null !default;
+/// The shadow of the ActionSheet.
+/// @group action-sheet
 $kendo-actionsheet-shadow: null !default;
 
 
 // Actionsheet header
+/// The horizontal padding of the ActionSheet titlebar.
+/// @group action-sheet
 $kendo-actionsheet-titlebar-padding-x: null !default;
+/// The vertical padding of the ActionSheet titlebar.
+/// @group action-sheet
 $kendo-actionsheet-titlebar-padding-y: null !default;
+/// The width of the border around the ActionSheet titlebar.
+/// @group action-sheet
 $kendo-actionsheet-titlebar-border-width: null !default;
+/// The font size of the ActionSheet titlebar.
+/// @group action-sheet
 $kendo-actionsheet-titlebar-font-size: null !default;
+/// The font family of the ActionSheet titlebar.
+/// @group action-sheet
 $kendo-actionsheet-titlebar-font-family: null !default;
+/// The line height of the ActionSheet titlebar.
+/// @group action-sheet
 $kendo-actionsheet-titlebar-line-height: null !default;
+/// The gap of the ActionSheet titlebar.
+/// @group action-sheet
 $kendo-actionsheet-titlebar-gap: null !default;
+/// The font weight of the ActionSheet titlebar.
+/// @group action-sheet
 $kendo-actionsheet-titlebar-font-weight: null !default;
 
+/// The background color of the ActionSheet titlebar.
+/// @group action-sheet
 $kendo-actionsheet-titlebar-bg: null !default;
+/// The text color of the ActionSheet titlebar.
+/// @group action-sheet
 $kendo-actionsheet-titlebar-text: null !default;
+/// The border color of the ActionSheet titlebar.
+/// @group action-sheet
 $kendo-actionsheet-titlebar-border: null !default;
+/// The background gradient of the ActionSheet titlebar.
+/// @group action-sheet
 $kendo-actionsheet-titlebar-gradient: null !default;
+/// The shadow of the ActionSheet titlebar.
+/// @group action-sheet
 $kendo-actionsheet-titlebar-shadow: null !default;
 
+/// The font size of the ActionSheet subtitle.
+/// @group action-sheet
 $kendo-actionsheet-subtitle-font-size: null !default;
+/// The line height of the ActionSheet subtitle.
+/// @group action-sheet
 $kendo-actionsheet-subtitle-line-height: null !default;
+/// The text color of the ActionSheet subtitle.
+/// @group action-sheet
 $kendo-actionsheet-subtitle-text: null !default;
 
+/// The width of the border around the ActionSheet footer.
+/// @group action-sheet
 $kendo-actionsheet-footer-border-width: null !default;
 
+/// The background color of the ActionSheet footer.
+/// @group action-sheet
 $kendo-actionsheet-footer-bg: null !default;
+/// The text color of the ActionSheet footer.
+/// @group action-sheet
 $kendo-actionsheet-footer-text: null !default;
+/// The border color of the ActionSheet footer.
+/// @group action-sheet
 $kendo-actionsheet-footer-border: null !default;
+/// The background gradient of the ActionSheet footer.
+/// @group action-sheet
 $kendo-actionsheet-footer-gradient: null !default;
+/// The shadow of the ActionSheet footer.
+/// @group action-sheet
 $kendo-actionsheet-footer-shadow: null !default;
 
 
 // Actionsheet item
+/// The minimum height of the ActionSheet item.
+/// @group action-sheet
 $kendo-actionsheet-item-min-height: null !default;
+/// The horizontal padding of the ActionSheet item.
+/// @group action-sheet
 $kendo-actionsheet-item-padding-x: null !default;
+/// The vertical padding of the ActionSheet item.
+/// @group action-sheet
 $kendo-actionsheet-item-padding-y: null !default;
+/// The width of the border around the ActionSheet item.
+/// @group action-sheet
 $kendo-actionsheet-item-border-width: null !default;
+/// The spacing between the ActionSheet items.
+/// @group action-sheet
 $kendo-actionsheet-item-spacing: null !default;
+/// The border radius of the ActionSheet item.
+/// @group action-sheet
 $kendo-actionsheet-item-border-radius: null !default;
 
+/// The font weight of the ActionSheet item title.
+/// @group action-sheet
 $kendo-actionsheet-item-title-font-weight: null !default;
+/// The text transform of the ActionSheet item title.
+/// @group action-sheet
 $kendo-actionsheet-item-title-text-transform: null !default;
 
+/// The font size of the ActionSheet item description.
+/// @group action-sheet
 $kendo-actionsheet-item-description-font-size: null !default;
+/// The line height of the ActionSheet item description.
+/// @group action-sheet
 $kendo-actionsheet-item-description-line-height: null !default;
+/// The text color of the ActionSheet item description.
+/// @group action-sheet
 $kendo-actionsheet-item-description-text: null !default;
 
+/// The background color of the hovered ActionSheet item.
+/// @group action-sheet
 $kendo-actionsheet-item-hover-bg: null !default;
+/// The text color of the hovered ActionSheet item.
+/// @group action-sheet
 $kendo-actionsheet-item-hover-text: null !default;
+/// The border color of the hovered ActionSheet item.
+/// @group action-sheet
 $kendo-actionsheet-item-hover-border: null !default;
+/// The background gradient of the hovered ActionSheet item.
+/// @group action-sheet
 $kendo-actionsheet-item-hover-gradient: null !default;
+/// The shadow of the hovered ActionSheet item.
+/// @group action-sheet
 $kendo-actionsheet-item-hover-shadow: null !default;
 
+/// The background color of the focused ActionSheet item.
+/// @group action-sheet
 $kendo-actionsheet-item-focus-bg: null !default;
+/// The text color of the focused ActionSheet item.
+/// @group action-sheet
 $kendo-actionsheet-item-focus-text: null !default;
+/// The border color of the focused ActionSheet item.
+/// @group action-sheet
 $kendo-actionsheet-item-focus-border: null !default;
+/// The background gradient of the focused ActionSheet item.
+/// @group action-sheet
 $kendo-actionsheet-item-focus-gradient: null !default;
+/// The shadow of the focused ActionSheet item.
+/// @group action-sheet
 $kendo-actionsheet-item-focus-shadow: null !default;
 
+/// The background color of the disabled ActionSheet item.
+/// @group action-sheet
 $kendo-actionsheet-item-disabled-bg: null !default;
+/// The text color of the disabled ActionSheet item.
+/// @group action-sheet
 $kendo-actionsheet-item-disabled-text: null !default;
+/// The border color of the disabled ActionSheet item.
+/// @group action-sheet
 $kendo-actionsheet-item-disabled-border: null !default;
+/// The background gradient of the disabled ActionSheet item.
+/// @group action-sheet
 $kendo-actionsheet-item-disabled-gradient: null !default;
+/// The shadow of the disabled ActionSheet item.
+/// @group action-sheet
 $kendo-actionsheet-item-disabled-shadow: null !default;
 
+/// The hover background of the ActionSheet item.
+/// @group action-sheet
 $kendo-actionsheet-item-hover-background: null !default;
+/// The focus background of the ActionSheet item.
+/// @group action-sheet
 $kendo-actionsheet-item-focus-background: null !default;
+/// The opacity of the disabled ActionSheet item.
+/// @group action-sheet
 $kendo-actionsheet-item-disabled-opacity: null !default;
 
 // Adaptive Actionsheet
+/// The font size of the adaptive ActionSheet.
+/// @group action-sheet
 $kendo-adaptive-actionsheet-font-size: null !default;
+/// The line height of the adaptive ActionSheet.
+/// @group action-sheet
 $kendo-adaptive-actionsheet-line-height: null !default;
+/// The vertical padding of the adaptive ActionSheet titlebar.
+/// @group action-sheet
 $kendo-adaptive-actionsheet-titlebar-padding-y: null !default;
+/// The horizontal padding of the adaptive ActionSheet titlebar.
+/// @group action-sheet
 $kendo-adaptive-actionsheet-titlebar-padding-x: null !default;
 
+/// The vertical padding of the adaptive ActionSheet content.
+/// @group action-sheet
 $kendo-adaptive-actionsheet-content-padding-y: null !default;
+/// The horizontal padding of the adaptive ActionSheet content.
+/// @group action-sheet
 $kendo-adaptive-actionsheet-content-padding-x: null !default;
 
+/// The vertical padding of the adaptive ActionSheet footer.
+/// @group action-sheet
 $kendo-adaptive-actionsheet-footer-padding-y: null !default;
+/// The horizontal padding of the adaptive ActionSheet footer.
+/// @group action-sheet
 $kendo-adaptive-actionsheet-footer-padding-x: null !default;

package/scss/components/appbar/_variables.scss

@@ -1,22 +1,51 @@
 @use "../../color-system/_swatch.scss" as *;
 
 // AppBar
+/// The default theme color of the AppBar.
+/// @group appbar
+/// @role default
 $kendo-appbar-default-theme-color: null !default;
 
+/// 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 border radius of the AppBar.
+/// @group appbar
 $kendo-appbar-border-radius: 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 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;
 
 /// The theme colors map of the AppBar.

package/scss/components/avatar/_variables.scss

@@ -2,23 +2,51 @@
 
 // Avatar
 
+/// The default theme color of the Avatar.
+/// @group avatar
+/// @role default
 $kendo-avatar-default-theme-color: null !default;
+/// The default fill mode of the Avatar.
+/// @group avatar
+/// @role default
 $kendo-avatar-default-fill-mode: null !default;
+/// The default roundness of the Avatar.
+/// @group avatar
+/// @role default
 $kendo-avatar-default-roundness: null !default;
+/// The default size of the Avatar.
+/// @group avatar
+/// @role default
 $kendo-avatar-default-size: null !default;
 
 $kendo-avatar-roundness: ( "none", "sm", "md", "lg", "full" ) !default;
 
+/// The border width of the Avatar.
+/// @group avatar
 $kendo-avatar-border-width: null !default;
+/// The border radius of the Avatar.
+/// @group avatar
 $kendo-avatar-border-radius: 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 small size of the Avatar.
+/// @group avatar
 $kendo-avatar-sm-size: null !default;
+/// The medium size of the Avatar.
+/// @group avatar
 $kendo-avatar-md-size: null !default;
+/// The large size of the Avatar.
+/// @group avatar
 $kendo-avatar-lg-size: null !default;
 
 /// The sizes map of the Avatar.

package/scss/components/badge/_variables.scss

@@ -1,38 +1,96 @@
 // Badge
 
+/// The default theme color of the Badge.
+/// @group badge
+/// @role default
 $kendo-badge-default-theme-color: null !default;
+/// The default fill mode of the Badge.
+/// @group badge
+/// @role default
 $kendo-badge-default-fill-mode: null !default;
+/// The default size of the Badge.
+/// @group badge
+/// @role default
 $kendo-badge-default-size: null !default;
+/// The default roundness of the Badge.
+/// @group badge
+/// @role default
 $kendo-badge-default-roundness: null !default;
 
+/// The width of the border around the Badge.
+/// @group badge
 $kendo-badge-border-width: 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 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 horizontal padding of Badge text content.
+/// @group badge
 $kendo-badge-text-padding-x: null !default;
+/// The icon-to-text gap of the small Badge.
+/// @group badge
 $kendo-badge-sm-gap: null !default;
+/// The icon-to-text gap of the medium Badge.
+/// @group badge
 $kendo-badge-md-gap: null !default;
+/// The icon-to-text gap of the large Badge.
+/// @group badge
 $kendo-badge-lg-gap: 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: null !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 of the Badge.

package/scss/components/bottom-navigation/_variables.scss

@@ -2,31 +2,77 @@
 
 // BottomNavigation
 
+/// The default theme color of the BottomNavigation.
+/// @group bottom-navigation
+/// @role default
 $kendo-bottom-nav-default-theme-color: null !default;
+/// The default fill mode of the BottomNavigation.
+/// @group bottom-navigation
+/// @role default
 $kendo-bottom-nav-default-fill-mode: null !default;
 
+/// 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 border radius of the BottomNavigation.
+/// @group bottom-navigation
 $kendo-bottom-nav-border-radius: 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;
 
 /// The theme colors map of the BottomNavigation.