@progress/kendo-theme-fluent 6.5.0-dev.0 → 6.5.0-dev.2

package/scss/popup/_variables.scss

@@ -12,7 +12,7 @@ $kendo-popup-padding-y: 0 !default;
 $kendo-popup-border-width: 0 !default;
 /// Border radius of the popup.
 /// @group popup
-$kendo-popup-border-radius: var( --kendo-border-radius-md, 0 ) !default;
+$kendo-popup-border-radius: var( --kendo-border-radius-md, #{$kendo-border-radius-md} ) !default;
 
 /// Font size of the popup.
 /// @group popup

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.
+$kendo-progressbar-bg: k-get-theme-color-var( neutral-30 ) !default;
+/// 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.
+$kendo-progressbar-value-bg: k-get-theme-color-var( primary-100 ) !default;
+/// 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-disabled-bg: k-get-theme-color-var( neutral-20 ) !default;
+/// The text color of the disabled ProgressBar.
 /// @group progressbar
-$kendo-progressbar-value-disabled-bg: get-theme-color-var( primary-30 ) !default;
+$kendo-progressbar-disabled-text: k-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: k-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.
+$kendo-progressbar-indeterminate-bg: k-get-theme-color-var( neutral-30 ) !default;
+/// 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.
+$kendo-progressbar-indeterminate-border: k-get-theme-color-var( neutral-30 ) !default;
+/// 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.
+$kendo-progressbar-indeterminate-gradient-horizontal: linear-gradient(270deg, k-get-theme-color-var( neutral-30 ) 15%, k-get-theme-color-var( primary-100 ) 50%, k-get-theme-color-var( neutral-30 ) 85%) !default;
+/// 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.
+$kendo-progressbar-indeterminate-gradient-vertical: linear-gradient(180deg, k-get-theme-color-var( neutral-30 ) 15%, k-get-theme-color-var( primary-100 ) 50%, k-get-theme-color-var( neutral-30 ) 85%) !default;
+/// 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.
+$kendo-circular-progressbar-arc-stroke: k-get-theme-color-var( primary-100 ) !default;
+/// 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/radio/_variables.scss

@@ -44,14 +44,14 @@ $kendo-radio-bg: $kendo-component-bg !default;
 $kendo-radio-text: transparent !default;
 /// The border color of the RadioButton.
 /// @group radio
-$kendo-radio-border: get-theme-color-var( neutral-160 ) !default;
+$kendo-radio-border: k-get-theme-color-var( neutral-160 ) !default;
 
 /// The background color of the hovered RadioButton.
 /// @group radio
 $kendo-radio-hover-bg: $kendo-radio-bg !default;
 /// The color of the hovered RadioButton.
 /// @group radio
-$kendo-radio-hover-text: get-theme-color( neutral, 130 ) !default;
+$kendo-radio-hover-text: k-get-theme-color( neutral, 130 ) !default;
 /// The border color of the hovered RadioButton.
 /// @group radio
 $kendo-radio-hover-border: $kendo-radio-border !default;
@@ -61,20 +61,20 @@ $kendo-radio-hover-border: $kendo-radio-border !default;
 $kendo-radio-checked-bg: $kendo-radio-bg !default;
 /// The color of the checked RadioButton.
 /// @group radio
-$kendo-radio-checked-text: get-theme-color-var( primary-100 ) !default;
+$kendo-radio-checked-text: k-get-theme-color-var( primary-100 ) !default;
 /// The border color of the checked RadioButton.
 /// @group radio
-$kendo-radio-checked-border: get-theme-color-var( primary-100 ) !default;
+$kendo-radio-checked-border: k-get-theme-color-var( primary-100 ) !default;
 
 /// The background color of the checked and hovered RadioButton.
 /// @group radio
 $kendo-radio-hover-checked-bg: $kendo-radio-bg !default;
 /// The color of the checked and hovered RadioButton.
 /// @group radio
-$kendo-radio-hover-checked-text: get-theme-color-var( primary-110 ) !default;
+$kendo-radio-hover-checked-text: k-get-theme-color-var( primary-110 ) !default;
 /// The border color of the checked and hovered RadioButton.
 /// @group radio
-$kendo-radio-hover-checked-border: get-theme-color-var( primary-110 ) !default;
+$kendo-radio-hover-checked-border: k-get-theme-color-var( primary-110 ) !default;
 
 /// The border color of the focused RadioButton.
 /// @group radio
@@ -84,7 +84,7 @@ $kendo-radio-focus-border: null !default;
 $kendo-radio-focus-shadow: null !default;
 /// The outline of the focused RadioButton.
 /// @group radio
-$kendo-radio-focus-outline: 1px solid get-theme-color-var( neutral-130 ) !default;
+$kendo-radio-focus-outline: 1px solid k-get-theme-color-var( neutral-130 ) !default;
 /// The outline offset of the focused RadioButton.
 /// @group radio
 $kendo-radio-focus-outline-offset: 2px !default;
@@ -94,10 +94,10 @@ $kendo-radio-focus-outline-offset: 2px !default;
 $kendo-radio-disabled-bg: $kendo-radio-bg !default;
 /// The color of the disabled RadioButton.
 /// @group radio
-$kendo-radio-disabled-text: get-theme-color-var( neutral-60 ) !default;
+$kendo-radio-disabled-text: k-get-theme-color-var( neutral-60 ) !default;
 /// The border color of the disabled RadioButton.
 /// @group radio
-$kendo-radio-disabled-border: get-theme-color-var( neutral-60 ) !default;
+$kendo-radio-disabled-border: k-get-theme-color-var( neutral-60 ) !default;
 
 /// The background color of the disabled and checked RadioButton.
 /// @group radio
@@ -171,7 +171,7 @@ $kendo-radio-list-item-gap: map.get( $kendo-spacing, 2 ) !default;
 
 /// The background color of the RadioButton ripple.
 /// @group radio
-$kendo-radio-ripple-bg: get-theme-color-var( primary-100 ) !default;
+$kendo-radio-ripple-bg: k-get-theme-color-var( primary-100 ) !default;
 /// The opacity of the RadioButton ripple.
 /// @group radio
 $kendo-radio-ripple-opacity: .25 !default;

package/scss/rating/_theme.scss

@@ -36,7 +36,7 @@
         }
 
         &.k-disabled {
-            @include disabled(
+            @include disabled-color(
                 var( --kendo-disabled-text, inherit ),
                 inherit,
                 var( --kendo-disabled-border, inherit )

package/scss/rating/_variables.scss

@@ -23,10 +23,10 @@ $kendo-rating-item-padding-x: map.get( $kendo-spacing, 0.5 ) !default;
 $kendo-rating-item-padding-y: map.get( $kendo-spacing, 2 ) !default;
 /// Normal color of the rating item.
 /// @group rating
-$kendo-rating-item-text: get-theme-color-var( neutral-130 ) !default;
+$kendo-rating-item-text: k-get-theme-color-var( neutral-130 ) !default;
 /// Hover color of the rating item.
 /// @group rating
-$kendo-rating-item-hover-text: get-theme-color-var( primary-100 ) !default;
+$kendo-rating-item-hover-text: k-get-theme-color-var( primary-100 ) !default;
 /// Focus color of the rating item.
 /// @group rating
 $kendo-rating-item-focus-text: $kendo-rating-item-text !default;
@@ -41,7 +41,7 @@ $kendo-rating-item-focus-outline-style: solid !default;
 $kendo-rating-item-focus-outline: currentColor !default;
 /// Selected color of the rating item.
 /// @group rating
-$kendo-rating-item-selected-text: get-theme-color-var( neutral-160 ) !default;
+$kendo-rating-item-selected-text: k-get-theme-color-var( neutral-160 ) !default;
 /// Selected hover color of the rating item.
 /// @group rating
-$kendo-rating-item-selected-hover-text: get-theme-color-var( primary-120 ) !default;
+$kendo-rating-item-selected-hover-text: k-get-theme-color-var( primary-120 ) !default;

package/scss/scheduler/_theme.scss

@@ -244,7 +244,7 @@
         }
 
         .k-tooltip-title .k-day {
-            color: get-theme-color-var( primary-130 );
+            color: k-get-theme-color-var( primary-130 );
         }
     }
 }

package/scss/scheduler/_variables.scss

@@ -28,7 +28,7 @@ $kendo-scheduler-border: var( --kendo-component-border, initial ) !default;
 
 /// Background color of the selected row in scheduler.
 /// @group scheduler
-$kendo-scheduler-selected-bg: get-theme-color-var( primary-20 ) !default;
+$kendo-scheduler-selected-bg: k-get-theme-color-var( primary-20 ) !default;
 /// Text color of the selected row in scheduler.
 /// @group scheduler
 $kendo-scheduler-selected-text: $kendo-scheduler-text !default;
@@ -64,7 +64,7 @@ $kendo-scheduler-footer-gradient: null !default; // $kendo-toolbar-gradient
 
 /// Border radius of the scheduler event.
 /// @group scheduler
-$kendo-scheduler-event-border-radius: var( --kendo-border-radius-md, 0 ) !default;
+$kendo-scheduler-event-border-radius: var( --kendo-border-radius-md, #{$kendo-border-radius-md} ) !default;
 /// Line height of the scheduler event.
 /// @group scheduler
 $kendo-scheduler-event-line-height: $kendo-scheduler-line-height !default;
@@ -80,7 +80,7 @@ $kendo-scheduler-event-min-height: calc( #{$kendo-scheduler-line-height} + 2 * #
 
 /// Background color of the scheduler event.
 /// @group scheduler
-$kendo-scheduler-event-bg: get-theme-color-var( primary-100 ) !default;
+$kendo-scheduler-event-bg: k-get-theme-color-var( primary-100 ) !default;
 /// Text color of the scheduler event.
 /// @group scheduler
 $kendo-scheduler-event-text: $kendo-color-white !default;
@@ -112,7 +112,7 @@ $kendo-scheduler-event-hover-shadow: null !default;
 
 /// Background color of the selected scheduler event.
 /// @group scheduler
-$kendo-scheduler-event-selected-bg: get-theme-color-var( primary-120 ) !default;
+$kendo-scheduler-event-selected-bg: k-get-theme-color-var( primary-120 ) !default;
 /// Text color of the selected scheduler event.
 /// @group scheduler
 $kendo-scheduler-event-selected-text: $kendo-scheduler-event-text !default;
@@ -152,7 +152,7 @@ $kendo-scheduler-current-time-color: #ff0000 !default;
 
 /// Background color of the non-working hours in the scheduler.
 /// @group scheduler
-$kendo-scheduler-nonwork-bg: get-theme-color-var( neutral-10 ) !default;
+$kendo-scheduler-nonwork-bg: k-get-theme-color-var( neutral-10 ) !default;
 /// Text color of the non-working hours in the scheduler.
 /// @group scheduler
 $kendo-scheduler-nonwork-text: null !default;
@@ -166,7 +166,7 @@ $kendo-scheduler-weekend-text: null !default;
 
 /// Background color of the other months in the scheduler.
 /// @group scheduler
-$kendo-scheduler-othermonth-bg: get-theme-color-var( neutral-10 ) !default;
+$kendo-scheduler-othermonth-bg: k-get-theme-color-var( neutral-10 ) !default;
 /// Text color of the other months in the scheduler.
 /// @group scheduler
 $kendo-scheduler-othermonth-text: null !default;
@@ -196,7 +196,7 @@ $kendo-scheduler-yearview-indicator-calc-offset-left: calc( 50% - (#{$kendo-sche
 $kendo-scheduler-yearview-indicator-border-radius: 50% !default;
 /// Background color of the days with events indicator in the scheduler year view.
 /// @group scheduler
-$kendo-scheduler-yearview-indicator-bg: get-theme-color-var( primary-100 ) !default;
+$kendo-scheduler-yearview-indicator-bg: k-get-theme-color-var( primary-100 ) !default;
 /// Background color of the selected days with events indicator in the scheduler year view.
 /// @group scheduler
 $kendo-scheduler-yearview-indicator-selected-bg: $kendo-color-white !default;
@@ -215,7 +215,7 @@ $kendo-scheduler-tooltip-border-width: 0 !default;
 $kendo-scheduler-tooltip-bg: $kendo-color-white !default;
 /// Text color of the scheduler tooltip.
 /// @group scheduler
-$kendo-scheduler-tooltip-text: get-theme-color-var( neutral-130 ) !default;
+$kendo-scheduler-tooltip-text: k-get-theme-color-var( neutral-130 ) !default;
 /// Border color of the scheduler tooltip.
 /// @group scheduler
 $kendo-scheduler-tooltip-border: null !default;
@@ -267,4 +267,4 @@ $kendo-scheduler-more-btn-height: 13px !default;
 
 /// Color of the scheduler marquee.
 /// @group scheduler
-$kendo-scheduler-marquee-color: get-theme-color-var( primary-100 ) !default;
+$kendo-scheduler-marquee-color: k-get-theme-color-var( primary-100 ) !default;

package/scss/scrollview/_variables.scss

@@ -1,106 +1,96 @@
 @use "../core/" as *;
 @use "../button/_variables.scss"as *;
 
-/// Width of the border around the scrollview.
+/// The width of the border around the ScrollView.
 /// @group scrollview
 $kendo-scrollview-border-width: 0px !default;
-/// Font family of the scrollview.
+/// The font family of the ScrollView.
 /// @group scrollview
 $kendo-scrollview-font-family: var( --kendo-font-family, inherit ) !default;
-/// Font size of the scrollview.
+/// The font size of the ScrollView.
 /// @group scrollview
 $kendo-scrollview-font-size: var( --kendo-font-size, inherit ) !default;
-/// Line height of the scrollview.
+/// The line height of the ScrollView.
 /// @group scrollview
 $kendo-scrollview-line-height: var( --kendo-line-height, normal ) !default;
 
-/// Background color of the scrollview.
-/// @group scrollview
-$kendo-scrollview-bg: var( --kendo-component-bg, inherit ) !default;
-/// Text color of the scrollview.
+/// The text color of the ScrollView.
 /// @group scrollview
 $kendo-scrollview-text: var( --kendo-component-text, inherit ) !default;
-/// Border color of the scrollview.
+/// The background color of the ScrollView.
+/// @group scrollview
+$kendo-scrollview-bg: var( --kendo-component-bg, inherit ) !default;
+/// The border color of the ScrollView.
 /// @group scrollview
 $kendo-scrollview-border: var( --kendo-component-border, inherit ) !default;
 
-/// Scrollview page button size.
+/// The size of the ScrollView page button.
 /// @group scrollview
 $kendo-scrollview-pagebutton-size: 10px !default;
-/// Scrollview page background color.
+/// The background color of the ScrollView page button.
 /// @group scrollview
 $kendo-scrollview-pagebutton-bg: $kendo-color-white !default;
-/// Scrollview page button border color.
+/// The border color of the ScrollView page button.
 /// @group scrollview
 $kendo-scrollview-pagebutton-border: $kendo-scrollview-pagebutton-bg !default;
-/// Scrollview page button primary background color.
+/// The primary background color of the ScrollView page button.
 /// @group scrollview
-$kendo-scrollview-pagebutton-primary-bg: get-theme-color-var( primary-100 ) !default;
-/// Scrollview page button primary border color.
+$kendo-scrollview-pagebutton-primary-bg: k-get-theme-color-var( primary-100 ) !default;
+/// The primary border color of the ScrollView page button.
 /// @group scrollview
 $kendo-scrollview-pagebutton-primary-border: $kendo-scrollview-pagebutton-primary-bg !default;
-/// Scrollview page button hover shadow.
+/// The hover box shadow of the ScrollView page button.
 /// @group scrollview
-$kendo-scrollview-pagebutton-hover-shadow: 0 0 0 1px get-theme-color-var( neutral-30 ) !default;
-/// Scrollview page button focus shadow.
+$kendo-scrollview-pagebutton-hover-shadow: 0 0 0 1px k-get-theme-color-var( neutral-30 ) !default;
+/// The focus box shadow of the ScrollView page button.
 /// @group scrollview
-$kendo-scrollview-pagebutton-focus-shadow: 0 0 0 1px get-theme-color-var( neutral-130 ) !default;
-/// Scrollview page button primary hover shadow.
+$kendo-scrollview-pagebutton-focus-shadow: 0 0 0 1px k-get-theme-color-var( neutral-130 ) !default;
+/// The primary hover box shadow of the ScrollView page button.
 /// @group scrollview
-$kendo-scrollview-pagebutton-primary-hover-shadow: 0 0 0 2px get-theme-color-var( neutral-30 ) !default;
-/// Scrollview page button primary focus shadow.
+$kendo-scrollview-pagebutton-primary-hover-shadow: 0 0 0 2px k-get-theme-color-var( neutral-30 ) !default;
+/// The primary focus box shadow of the ScrollView page button.
 /// @group scrollview
-$kendo-scrollview-pagebutton-primary-focus-shadow: 0 0 0 2px get-theme-color-var( neutral-130 ) !default;
+$kendo-scrollview-pagebutton-primary-focus-shadow: 0 0 0 2px k-get-theme-color-var( neutral-130 ) !default;
 
-/// Scrollview pager offset.
+/// The offset of the ScrollView pager.
 /// @group scrollview
 $kendo-scrollview-pager-offset: 0px !default;
-/// Scrollview pager item spacing.
+/// The spacing between the ScrollView pager items.
 /// @group scrollview
 $kendo-scrollview-pager-item-spacing: 20px !default;
-/// Scrollview pager item border width.
+/// The border width of the ScrollView pager items.
 /// @group scrollview
 $kendo-scrollview-pager-item-border-width: 0px !default;
-/// Scrollview pager height.
+/// The height of the ScrollView pager.
 /// @group scrollview
 $kendo-scrollview-pager-height: calc( #{$kendo-scrollview-pagebutton-size} + #{$kendo-scrollview-pager-item-border-width * 2} + #{$kendo-scrollview-pager-item-spacing * 2} ) !default;
 
-/// Scrollview pager multidot threshold.
-/// @group scrollview
-$kendo-scrollview-pager-multidot-threshold: 10 !default;
-/// Scrollview pager multidot intermediate.
-/// @group scrollview
-$kendo-scrollview-pager-multidot-intermediate: 3 !default;
-/// Scrollview pager multidot step.
-/// @group scrollview
-$kendo-scrollview-pager-multidot-step: 1px !default;
-
-/// Scrollview pager light background color.
-/// @group scrollview
-$kendo-scrollview-pager-light-bg: rgba( $kendo-color-white, .4 ) !default;
-/// Scrollview pager dark background color.
-/// @group scrollview
-$kendo-scrollview-pager-dark-bg: rgba( $kendo-color-black, .4 ) !default;
-
-/// Scrollview navigation text color.
+/// The color of the ScrollView navigation arrows.
 /// @group scrollview
 $kendo-scrollview-navigation-color: $kendo-color-white !default;
-/// Scrollview navigation arrows shadow.
+/// The box shadow of the ScrollView navigation arrows.
 /// @group scrollview
 $kendo-scrollview-navigation-arrow-shadow: var( --kendo-box-shadow-depth-3, none ) !default;
-/// Scrollview navigation background color.
+/// The background color of the ScrollView navigation.
 /// @group scrollview
 $kendo-scrollview-navigation-bg: transparent !default;
-/// Scrollview navigation arrows focus shadow.
+/// The focus box shadow of the ScrollView navigation arrows.
 /// @group scrollview
-$kendo-scrollview-navigation-focus-shadow: 0 0 0 1px get-theme-color-var( neutral-130 ) !default;
-/// Scrollview navigation arrows hover shadow.
+$kendo-scrollview-navigation-focus-shadow: 0 0 0 1px k-get-theme-color-var( neutral-130 ) !default;
+/// The hover box shadow of the ScrollView navigation arrows.
 /// @group scrollview
 $kendo-scrollview-navigation-arrow-hover-shadow: var( --kendo-box-shadow-depth-4, none ) !default;
 
-/// Scrollview transition duration.
+/// The background color of the ScrollView pager in light mode.
+/// @group scrollview
+$kendo-scrollview-pager-light-bg: rgba( $kendo-color-white, .4 ) !default;
+/// The background color of the ScrollView pager in dark mode.
+/// @group scrollview
+$kendo-scrollview-pager-dark-bg: rgba( $kendo-color-black, .4 ) !default;
+
+/// The duration of the ScrollView transition.
 /// @group scrollview
 $kendo-scrollview-transition-duration: .3s !default;
-/// Scrollview transition timing function.
+/// The timing function of the ScrollView transition.
 /// @group scrollview
 $kendo-scrollview-transition-timing-function: ease-in-out !default;

package/scss/searchbox/_variables.scss

@@ -2,4 +2,4 @@
 
 /// Color of the searchbox icon.
 /// @group searchbox
-$kendo-searchbox-icon-color: get-theme-color-var( primary-100 ) !default;
+$kendo-searchbox-icon-color: k-get-theme-color-var( primary-100 ) !default;

package/scss/signature/_variables.scss

@@ -38,10 +38,10 @@ $kendo-signature-line-width: 1px !default;
 $kendo-signature-line-style: dashed !default;
 /// The color of the row line of the signature component.
 /// @group signature
-$kendo-signature-line-color: rgba( get-theme-color( info, 100 ), .4 ) !default;
+$kendo-signature-line-color: rgba( k-get-theme-color( info, 100 ), .4 ) !default;
 /// The color of the row line of the disabled signature component.
 /// @group signature
-$kendo-signature-line-disabled-color: get-theme-color-var( neutral-60 ) !default;
+$kendo-signature-line-disabled-color: k-get-theme-color-var( neutral-60 ) !default;
 /// The width of the row line of the signature component.
 /// @group signature
 $kendo-signature-line-size: calc( 100% - 2 * #{$kendo-signature-padding-x} ) !default;

package/scss/skeleton/_variables.scss

@@ -5,18 +5,18 @@
 $kendo-skeleton-text-transform: scale( 1, .6 ) !default;
 /// Border radius of the skeleton text.
 /// @group skeleton
-$kendo-skeleton-text-border-radius: var( --kendo-border-radius-md, 0 ) !default;
+$kendo-skeleton-text-border-radius: var( --kendo-border-radius-md, #{$kendo-border-radius-md} ) !default;
 
 /// Border radius of the rectangle skeleton.
 /// @group skeleton
-$kendo-skeleton-rect-border-radius: var( --kendo-border-radius-md, 0 ) !default;
+$kendo-skeleton-rect-border-radius: var( --kendo-border-radius-md, #{$kendo-border-radius-md} ) !default;
 /// Border radius of the circle skeleton.
 /// @group skeleton
 $kendo-skeleton-circle-border-radius: 9999px !default;
 
 /// Background color of the skeleton item.
 /// @group skeleton
-$kendo-skeleton-item-bg: get-theme-color-var( neutral-50 ) !default;
+$kendo-skeleton-item-bg: k-get-theme-color-var( neutral-50 ) !default;
 /// Background color of the skeleton wave animation.
 /// @group skeleton
-$kendo-skeleton-wave-bg: get-theme-color-var( neutral-20 ) !default;
+$kendo-skeleton-wave-bg: k-get-theme-color-var( neutral-20 ) !default;