@progress/kendo-theme-fluent 6.4.1-dev.1 → 6.5.0-dev.1

package/scss/loader/_variables.scss

@@ -2,97 +2,142 @@
 @use "sass:math";
 @use "../core/" as *;
 
-/// Border radius of the loader segment.
+/// The border radius of the Loader segment.
 /// @group loader
 $kendo-loader-segment-border-radius: 50% !default;
 
-/// Size of the loader segment.
+/// The size of the small Loader segment.
 /// @group loader
 $kendo-loader-sm-segment-size: map.get( $kendo-spacing, 1 ) !default;
+/// The size of the medium Loader segment.
+/// @group loader
 $kendo-loader-md-segment-size: map.get( $kendo-spacing, 2 ) !default;
+/// The size of the large Loader segment.
+/// @group loader
 $kendo-loader-lg-segment-size: map.get( $kendo-spacing, 4 ) !default;
 
-/// Horizontal padding of the loader.
+/// The horizontal padding of the small Loader.
 /// @group loader
 $kendo-loader-sm-padding-x: math.div( $kendo-loader-sm-segment-size, 2 ) !default;
+/// The horizontal padding of the medium Loader.
+/// @group loader
 $kendo-loader-md-padding-x: math.div( $kendo-loader-md-segment-size, 2 ) !default;
+/// The horizontal padding of the large Loader.
+/// @group loader
 $kendo-loader-lg-padding-x: math.div( $kendo-loader-lg-segment-size, 2 ) !default;
 
-/// Vertical padding of the loader.
+/// The vertical padding of the small Loader.
 /// @group loader
 $kendo-loader-sm-padding-y: math.div( $kendo-loader-sm-segment-size, 2 ) !default;
+/// The vertical padding of the medium Loader.
+/// @group loader
 $kendo-loader-md-padding-y: math.div( $kendo-loader-md-segment-size, 2 ) !default;
+/// The vertical padding of the large Loader.
+/// @group loader
 $kendo-loader-lg-padding-y: math.div( $kendo-loader-lg-segment-size, 2 ) !default;
 
-/// Equilateral height of the loader.
+/// The equilateral height of the Loader.
 /// @group loader
 $kendo-loader-equilateral-height: .8660 !default;
 
-/// Width of the spinner-3 loader.
+/// The width of the small spinner-3 Loader.
 /// @group loader
 $kendo-loader-sm-spinner-3-width: ( $kendo-loader-sm-segment-size * 4 ) !default;
+/// The width of the medium spinner-3 Loader.
+/// @group loader
 $kendo-loader-md-spinner-3-width: ( $kendo-loader-md-segment-size * 4 ) !default;
+/// The width of the large spinner-3 Loader.
+/// @group loader
 $kendo-loader-lg-spinner-3-width: ( $kendo-loader-lg-segment-size * 4 ) !default;
 
-/// Height of the spinner-3 loader.
+/// The height of the small spinner-3 Loader.
 /// @group loader
 $kendo-loader-sm-spinner-3-height: ( $kendo-loader-sm-spinner-3-width * $kendo-loader-equilateral-height ) !default;
+/// The height of the medium spinner-3 Loader.
+/// @group loader
 $kendo-loader-md-spinner-3-height: ( $kendo-loader-md-spinner-3-width * $kendo-loader-equilateral-height ) !default;
+/// The height of the large spinner-3 Loader.
+/// @group loader
 $kendo-loader-lg-spinner-3-height: ( $kendo-loader-lg-spinner-3-width * $kendo-loader-equilateral-height ) !default;
 
-/// Width of the spinner-4 loader.
+/// The width of the small spinner-4 Loader.
 /// @group loader
 $kendo-loader-sm-spinner-4-width: ( $kendo-loader-sm-segment-size * 4 ) !default;
+/// The width of the medium spinner-4 Loader.
+/// @group loader
 $kendo-loader-md-spinner-4-width: ( $kendo-loader-md-segment-size * 4 ) !default;
+/// The width of the large spinner-4 Loader.
+/// @group loader
 $kendo-loader-lg-spinner-4-width: ( $kendo-loader-lg-segment-size * 4 ) !default;
 
-/// Height of the spinner-4 loader.
+/// The height of the small spinner-4 Loader.
 /// @group loader
 $kendo-loader-sm-spinner-4-height: $kendo-loader-sm-spinner-4-width !default;
+/// The height of the medium spinner-4 Loader.
+/// @group loader
 $kendo-loader-md-spinner-4-height: $kendo-loader-md-spinner-4-width !default;
+/// The height of the large spinner-4 Loader.
+/// @group loader
 $kendo-loader-lg-spinner-4-height: $kendo-loader-lg-spinner-4-width !default;
 
-/// Border width of the container panel.
+/// The border width of the container panel.
 /// @group loader
 $kendo-loader-container-panel-border-width: 1px !default;
-/// Border style of the container panel.
+/// The border style of the container panel.
 /// @group loader
 $kendo-loader-container-panel-border-style: solid !default;
-/// Border color of the container panel.
+/// The border color of the container panel.
 /// @group loader
 $kendo-loader-container-panel-border-color: var( --kendo-component-border, initial ) !default;
-/// Border radius of the container panel.
+/// The border radius of the container panel.
 /// @group loader
 $kendo-loader-container-panel-border-radius: var( --kendo-border-radius-md, 0 ) !default;
-/// Background color of the container panel.
+/// The background color of the container panel.
 /// @group loader
 $kendo-loader-container-panel-bg: $kendo-color-white !default;
 
-/// Horizontal padding of the loader container.
+/// The horizontal padding of the small Loader container.
 /// @group loader
 $kendo-loader-sm-container-padding-x: map.get( $kendo-spacing, 4 ) !default;
+/// The horizontal padding of the medium Loader container.
+/// @group loader
 $kendo-loader-md-container-padding-x: map.get( $kendo-spacing, 5 ) !default;
+/// The horizontal padding of the large Loader container.
+/// @group loader
 $kendo-loader-lg-container-padding-x: map.get( $kendo-spacing, 6 ) !default;
 
-/// Vertical padding of the loader container.
+/// The vertical padding of the small Loader container.
 /// @group loader
 $kendo-loader-sm-container-padding-y: map.get( $kendo-spacing, 4 ) !default;
+/// The vertical padding of the medium Loader container.
+/// @group loader
 $kendo-loader-md-container-padding-y: map.get( $kendo-spacing, 5 ) !default;
+/// The vertical padding of the large Loader container.
+/// @group loader
 $kendo-loader-lg-container-padding-y: map.get( $kendo-spacing, 6 ) !default;
 
-/// Gap of the loader container.
+/// The gap of the small Loader container.
 /// @group loader
 $kendo-loader-sm-container-gap: map.get( $kendo-spacing, 1 ) !default;
+/// The gap of the medium Loader container.
+/// @group loader
 $kendo-loader-md-container-gap: map.get( $kendo-spacing, 2 ) !default;
+/// The gap of the large Loader container.
+/// @group loader
 $kendo-loader-lg-container-gap: map.get( $kendo-spacing, 3 ) !default;
 
-/// Font size of the loader container.
+/// The font size of the small Loader container.
 /// @group loader
 $kendo-loader-sm-container-font-size: var( --kendo-font-size-sm, inherit ) !default;
+/// The font size of the medium Loader container.
+/// @group loader
 $kendo-loader-md-container-font-size: var( --kendo-font-size-md, inherit ) !default;
+/// The font size of the large Loader container.
+/// @group loader
 $kendo-loader-lg-container-font-size: var( --kendo-font-size-lg, inherit ) !default;
 
-/// Theme variations for the loader.
+/// The theme variations for the Loader.
+/// @group loader
 $kendo-loader-brand-colors: (
     primary: primary,
     secondary: neutral,
@@ -116,7 +161,8 @@ $_tc-loader-light-matrix: (
     (normal: (50, null, null)),
 ) !default;
 
-/// Theme colors map for the loader variations.
+/// The theme colors map for the Loader variations.
+/// @group loader
 $kendo-loader-theme-colors: () !default;
 
 @each $ui-states in $_tc-loader-matrix {

package/scss/notification/_variables.scss

@@ -1,55 +1,56 @@
 @use "sass:map";
 @use "../core/" as *;
 
-/// Vertical padding of the notification container.
+/// The vertical padding of the Notification container.
 /// @group notification
 $kendo-notification-container-padding-y: $kendo-padding-sm-y !default;
 
-/// Horizontal padding of the notification.
+/// The horizontal padding of the Notification.
 /// @group notification
 $kendo-notification-padding-x: map.get( $kendo-spacing, 3 ) !default;
-/// Vertical padding of the notification.
+/// The vertical padding of the Notification.
 /// @group notification
 $kendo-notification-padding-y: map.get( $kendo-spacing, 2 ) !default;
-// Width of the border around the notification.
+// The width of the border around the Notification.
 /// @group notification
 $kendo-notification-border-width: 1px !default;
-/// Border radius of the notification.
+/// The border radius of the Notification.
 /// @group notification
 $kendo-notification-border-radius: map.get( $kendo-spacing, 0.5 ) !default;
-/// Font family of the notification.
+/// The font family of the Notification.
 /// @group notification
 $kendo-notification-font-family: var( --kendo-font-family, inherit ) !default;
-/// Font size of the notification.
+/// The font size of the Notification.
 /// @group notification
 $kendo-notification-font-size: var( --kendo-font-size-sm, inherit ) !default;
-/// Line height of the notification.
+/// The line height of the Notification.
 /// @group notification
 $kendo-notification-line-height: var( --kendo-line-height, normal ) !default;
-/// Background color of the notification.
+/// The background color of the Notification.
 /// @group notification
 $kendo-notification-bg: var( --kendo-component-bg, inherit ) !default;
-/// Text color of the notification.
+/// The text color of the Notification.
 /// @group notification
 $kendo-notification-text: var( --kendo-component-text, inherit ) !default;
-/// Border color of the notification.
+/// The border color of the Notification.
 /// @group notification
 $kendo-notification-border: var( --kendo-component-border, inherit ) !default;
-/// Box shadow of the notification.
+/// The box shadow of the Notification.
 /// @group notification
 $kendo-notification-box-shadow: none !default;
 
-/// Horizontal spacing of the notification icon.
+/// The horizontal spacing of the Notification icon.
 /// @group notification
 $kendo-notification-icon-spacing: map.get( $kendo-spacing, 2 ) !default;
-/// Horizontal spacing of the notification close icon.
+/// The horizontal spacing of the Notification close icon.
 /// @group notification
 $kendo-notification-close-icon-spacing: map.get( $kendo-spacing, 4 ) !default;
-/// Color of the notification icon.
+/// The color of the Notification icon.
 /// @group notification
 $kendo-notification-icon-text: var( --kendo-component-text, inherit ) !default;
 
-/// Theme variations for the notification.
+/// The theme variations for the Notification.
+/// @group notification
 $kendo-notification-brand-colors: (
     primary: primary,
     error: error,
@@ -73,7 +74,8 @@ $_tc-notification-light-matrix: (
     (normal: (50, 160, 50)),
 ) !default;
 
-/// Theme colors map for the notification variations.
+/// The theme colors map for the Notification variations.
+/// @group notification
 $kendo-notification-theme-colors: () !default;
 
 @each $ui-states in $_tc-notification-matrix {

package/scss/popover/_variables.scss

@@ -3,89 +3,89 @@
 @use "../window/_variables.scss"as *;
 @use "../dialog/_variables.scss"as *;
 
-/// Border width around the popover.
+/// The width of the border around the Popover.
 /// @group popover
 $kendo-popover-border-width: $kendo-dialog-border-width !default;
-/// Border style around the popover.
+/// The style of the border around the Popover.
 /// @group popover
 $kendo-popover-border-style: solid !default;
-/// Border radius around the popover.
+/// The radius of the border around the Popover.
 /// @group popover
 $kendo-popover-border-radius: $kendo-window-border-radius !default;
-/// Font size of the popover.
-/// @group popover
-$kendo-popover-font-size: $kendo-window-font-size !default;
-/// Font family of the popover.
+/// The font family of the Popover.
 /// @group popover
 $kendo-popover-font-family: $kendo-window-font-family !default;
-/// Line height of the popover.
+/// The font size of the Popover.
+/// @group popover
+$kendo-popover-font-size: $kendo-window-font-size !default;
+/// The line height of the Popover.
 /// @group popover
 $kendo-popover-line-height: $kendo-window-line-height !default;
 
-/// Background color of the popover.
-/// @group popover
-$kendo-popover-bg: var( --kendo-component-bg, initial ) !default;
-/// Text color of the popover.
+/// The text color of the Popover.
 /// @group popover
 $kendo-popover-text: var( --kendo-component-text, initial ) !default;
-/// Border color of the popover.
+/// The background color of the Popover.
+/// @group popover
+$kendo-popover-bg: var( --kendo-component-bg, initial ) !default;
+/// The border color of the Popover.
 /// @group popover
 $kendo-popover-border: var( --kendo-component-border, initial ) !default;
-/// Shadow of the popover.
+/// The box shadow of the Popover.
 /// @group popover
 $kendo-popover-shadow: var( --kendo-box-shadow-depth-3, none ) !default;
 
-/// Horizontal padding of the popover header.
+/// The horizontal padding of the Popover header.
 /// @group popover
 $kendo-popover-header-padding-x: $kendo-dialog-titlebar-padding-x !default;
-/// Vertical padding of the popover header.
+/// The vertical padding of the Popover header.
 /// @group popover
 $kendo-popover-header-padding-y: $kendo-dialog-titlebar-padding-y !default;
-/// Border width of the popover header.
+/// The border width of the Popover header.
 /// @group popover
 $kendo-popover-header-border-width: $kendo-dialog-titlebar-border-width !default;
-/// Border style of the popover header.
+/// The border style of the Popover header.
 /// @group popover
 $kendo-popover-header-border-style: $kendo-popover-border-style !default;
-/// Background color of the popover header.
-/// @group popover
-$kendo-popover-header-bg: $kendo-dialog-titlebar-bg !default;
-/// Text color of the popover header.
+/// The text color of the Popover header.
 /// @group popover
 $kendo-popover-header-text: $kendo-dialog-titlebar-text !default;
-/// Border color of the popover header.
+/// The background color of the Popover header.
+/// @group popover
+$kendo-popover-header-bg: $kendo-dialog-titlebar-bg !default;
+/// The border color of the Popover header.
 /// @group popover
 $kendo-popover-header-border: $kendo-dialog-titlebar-border !default;
 
-/// Horizontal padding of the popover body.
+/// The horizontal padding of the Popover body.
 /// @group popover
 $kendo-popover-body-padding-x: $kendo-window-inner-padding-x !default;
-/// Vertical padding of the popover body.
+/// The vertical padding of the Popover body.
 /// @group popover
 $kendo-popover-body-padding-y: $kendo-window-inner-padding-y !default;
 
-/// Border width of the popover actions.
+/// The border width of the Popover actions.
 /// @group popover
 $kendo-popover-actions-border-width: 0 !default;
-/// Horizontal padding of the popover actions.
+/// The horizontal padding of the Popover actions.
 /// @group popover
 $kendo-popover-actions-padding-x: $kendo-popover-body-padding-x !default;
-/// Vertical padding of the popover actions.
+/// The vertical padding of the Popover actions.
 /// @group popover
 $kendo-popover-actions-padding-y: $kendo-popover-body-padding-y !default;
-/// Gap of the popover actions.
+/// The spacing between the Popover actions.
 /// @group popover
 $kendo-popover-actions-gap: map.get( $kendo-spacing, 3 ) !default;
 
-/// Width of the popover callout.
+/// The width of the Popover callout.
 /// @group popover
 $kendo-popover-callout-width: map.get( $kendo-spacing, 5 ) !default;
-/// Height of the popover callout.
+/// The height of the Popover callout.
 /// @group popover
 $kendo-popover-callout-height: $kendo-popover-callout-width !default;
-/// Border width of the popover callout.
+/// The border width of the Popover callout.
 /// @group popover
 $kendo-popover-callout-border-width: $kendo-popover-border-width !default;
-/// Border style of the popover callout.
+/// The border style of the Popover callout.
 /// @group popover
-$kendo-popover-callout-border-style: $kendo-popover-border-style !default;
+$kendo-popover-callout-border-style: $kendo-popover-border-style !default;

package/scss/progressbar/_variables.scss

@@ -1,118 +1,114 @@
 @use "sass:map";
 @use "../core/" as *;
 
-/// Height of the progressbar.
+/// The height of the ProgressBar.
 /// @group progressbar
 $kendo-progressbar-height: 4px !default;
-/// Horizontal width of the progressbar.
+/// The horizontal width of the ProgressBar.
 /// @group progressbar
 $kendo-progressbar-horizontal-width: 100% !default;
-/// Animation timing of the progressbar.
+/// The animation timing of the ProgressBar.
 /// @group progressbar
 $kendo-progressbar-animation-timing: 1s linear infinite !default;
-/// Border width of the progressbar.
+/// The width of the border around the ProgressBar.
 /// @group progressbar
 $kendo-progressbar-border-width: 0px !default;
-/// Border radius of the progressbar.
+/// The border radius of the ProgressBar.
 /// @group progressbar
 $kendo-progressbar-border-radius: var( --kendo-border-radius-sm, initial ) !default;
-
-/// Font family of the progressbar.
+/// The font family of the ProgressBar.
 /// @group progressbar
 $kendo-progressbar-font-family: var( --kendo-font-family, inherit ) !default;
-/// Font size of the progressbar.
+/// The font size of the ProgressBar.
 /// @group progressbar
 $kendo-progressbar-font-size: var( --kendo-font-size-sm, inherit ) !default;
-/// Line height of the progressbar.
+/// The line height of the ProgressBar.
 /// @group progressbar
 $kendo-progressbar-line-height: var( --kendo-line-height, inherit ) !default;
-
-/// Horizontal padding of the progressbar.
+/// The horizontal padding of the ProgressBar.
 /// @group progressbar
 $kendo-progressbar-padding-x: 0 !default;
-/// Vertical padding of the progressbar.
+/// The vertical padding of the ProgressBar.
 /// @group progressbar
 $kendo-progressbar-padding-y: 0 !default;
 
-/// Background color of the progressbar.
+/// The background color of the ProgressBar.
 /// @group progressbar
 $kendo-progressbar-bg: get-theme-color-var( neutral-30 ) !default;
-/// Text color of the progressbar.
+/// The text color of the ProgressBar.
 /// @group progressbar
 $kendo-progressbar-text: var( --kendo-component-text, initial ) !default;
-/// Border color of the progressbar.
+/// The border color of the ProgressBar.
 /// @group progressbar
 $kendo-progressbar-border: $kendo-progressbar-bg !default;
-/// Background gradient of the progressbar.
+/// The background gradient of the ProgressBar.
 /// @group progressbar
 $kendo-progressbar-gradient: null !default;
 
-/// Background color of the disabled progressbar.
-/// @group progressbar
-$kendo-progressbar-disabled-bg: get-theme-color-var( neutral-20 ) !default;
-/// Text color of the disabled progressbar.
-/// @group progressbar
-$kendo-progressbar-disabled-text: get-theme-color-var( neutral-90 ) !default;
-/// Border color of the disabled progressbar.
-/// @group progressbar
-$kendo-progressbar-disabled-border: $kendo-progressbar-disabled-bg !default;
-
-/// Progress background color of the progressbar.
+/// The progress background color of the ProgressBar.
 /// @group progressbar
 $kendo-progressbar-value-bg: get-theme-color-var( primary-100 ) !default;
-/// Progress text color of the progressbar.
+/// The progress text color of the ProgressBar.
 /// @group progressbar
 $kendo-progressbar-value-text: var( --kendo-component-text, initial ) !default;
-/// Progress border color of the progressbar.
+/// The progress border color of the ProgressBar.
 /// @group progressbar
 $kendo-progressbar-value-border: $kendo-progressbar-value-bg !default;
-/// Progress background gradient of the progressbar.
+/// The progress background gradient of the ProgressBar.
 /// @group progressbar
 $kendo-progressbar-value-gradient: null !default;
 
-/// Progress status offset of the progressbar.
+/// The progress status offset of the ProgressBar.
 /// @group progressbar
 $kendo-progressbar-offset-y: map.get( $kendo-spacing, 2 ) !default;
-/// Vertical status offset of the progressbar.
+/// The progress status offset of the vertical ProgressBar.
 /// @group progressbar
 $kendo-progressbar-vertical-status-offset: calc( (#{$kendo-progressbar-font-size} * #{$kendo-progressbar-line-height} + #{$kendo-progressbar-offset-y}) * -1) !default;
 
-/// Progress background color of the disabled progressbar.
+/// The background color of the disabled ProgressBar.
 /// @group progressbar
-$kendo-progressbar-value-disabled-bg: get-theme-color-var( primary-30 ) !default;
+$kendo-progressbar-disabled-bg: get-theme-color-var( neutral-20 ) !default;
+/// The text color of the disabled ProgressBar.
+/// @group progressbar
+$kendo-progressbar-disabled-text: get-theme-color-var( neutral-90 ) !default;
+/// The border color of the disabled ProgressBar.
+/// @group progressbar
+$kendo-progressbar-disabled-border: $kendo-progressbar-disabled-bg !default;
 
-/// Chunk order color of the progressbar.
+/// The progress background color of the disabled ProgressBar.
 /// @group progressbar
-$kendo-progressbar-chunk-border: var( --kendo-body-bg, initial ) !default;
+$kendo-progressbar-value-disabled-bg: get-theme-color-var( primary-30 ) !default;
 
-/// Background color of the indeterminate progressbar.
+/// The background color of the indeterminate ProgressBar.
 /// @group progressbar
 $kendo-progressbar-indeterminate-bg: get-theme-color-var( neutral-30 ) !default;
-/// Text color of the indeterminate progressbar.
+/// The text color of the indeterminate ProgressBar.
 /// @group progressbar
 $kendo-progressbar-indeterminate-text: $kendo-progressbar-text !default;
-/// Border color of the indeterminate progressbar.
+/// The border color of the indeterminate ProgressBar.
 /// @group progressbar
 $kendo-progressbar-indeterminate-border: get-theme-color-var( neutral-30 ) !default;
-/// Gradient of the horizontal indeterminate progressbar.
+/// The background gradient of the horizontal indeterminate ProgressBar.
 /// @group progressbar
 $kendo-progressbar-indeterminate-gradient-horizontal: linear-gradient(270deg, get-theme-color-var( neutral-30 ) 15%, get-theme-color-var( primary-100 ) 50%, get-theme-color-var( neutral-30 ) 85%) !default;
-/// Gradient of the vertical indeterminate progressbar.
+/// The background gradient of the vertical indeterminate ProgressBar.
 /// @group progressbar
 $kendo-progressbar-indeterminate-gradient-vertical: linear-gradient(180deg, get-theme-color-var( neutral-30 ) 15%, get-theme-color-var( primary-100 ) 50%, get-theme-color-var( neutral-30 ) 85%) !default;
-/// Gradient size of the horizontal indeterminate progressbar.
+/// The gradient size of the horizontal indeterminate ProgressBar.
 /// @group progressbar
 $kendo-progressbar-indeterminate-animation-horizontal: 3s ease 0s infinite running progressbar-indeterminate-animation-horizontal !default;
-/// Gradient size of the vertical indeterminate progressbar.
+/// The gradient size of the vertical indeterminate ProgressBar.
 /// @group progressbar
 $kendo-progressbar-indeterminate-animation-vertical: 3s ease 0s infinite running progressbar-indeterminate-animation-vertical !default;
 
+/// The border color of the chunk ProgressBar.
+/// @group progressbar
+$kendo-progressbar-chunk-border: var( --kendo-body-bg, initial ) !default;
+
 // Circular Progressbar
-/// Arc stroke color of the circular progressbar.
+/// The arc stroke color of the circular ProgressBar.
 /// @group progressbar
 $kendo-circular-progressbar-arc-stroke: get-theme-color-var( primary-100 ) !default;
-/// Scale stroke background color of the circular progressbar.
+/// The scale stroke background color of the circular ProgressBar.
 /// @group progressbar
-$kendo-circular-progressbar-scale-stroke: $kendo-progressbar-bg !default;
-
-$kendo-progressbar-item-border-width: map.get( $kendo-spacing, 0.5 ) !default;
+$kendo-circular-progressbar-scale-stroke: $kendo-progressbar-bg !default;

package/scss/scheduler/_layout.scss

@@ -26,6 +26,7 @@
         th,
         td,
         div,
+        .k-scheduler-edit-dialog,
         > * {
             border-color: inherit;
         }