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

package/scss/slider/_variables.scss

@@ -33,26 +33,26 @@ $kendo-slider-track-size: map.get( $kendo-spacing, 1 ) !default;
 $kendo-slider-track-border-radius: map.get( $kendo-spacing, 0.5 ) !default;
 /// The background color of the slider track.
 /// @group slider
-$kendo-slider-track-bg: get-theme-color-var( neutral-60 ) !default;
+$kendo-slider-track-bg: k-get-theme-color-var( neutral-60 ) !default;
 /// The border color of the slider track.
 /// @group slider
 $kendo-slider-track-border: inherit !default;
 /// The hover background color of the slider track.
 /// @group slider
-$kendo-slider-track-hover-bg: get-theme-color-var( neutral-60 ) !default;
+$kendo-slider-track-hover-bg: k-get-theme-color-var( neutral-60 ) !default;
 /// The hover border color of the slider track.
 /// @group slider
 $kendo-slider-track-hover-border: inherit !default;
 /// The focus background color of the slider track.
 /// @group slider
-$kendo-slider-track-focus-bg: get-theme-color-var( neutral-60 ) !default;
+$kendo-slider-track-focus-bg: k-get-theme-color-var( neutral-60 ) !default;
 /// The focus border color of the slider track.
 /// @group slider
 $kendo-slider-track-focus-border: inherit !default;
 
 /// The selection background color of the slider track.
 /// @group slider
-$kendo-slider-selection-bg: get-theme-color-var( primary-100 ) !default;
+$kendo-slider-selection-bg: k-get-theme-color-var( primary-100 ) !default;
 
 /// The default size of the slider thumb.
 /// @group slider
@@ -78,7 +78,7 @@ $kendo-slider-thumb-bg: var( --kendo-component-bg, transparent ) !default;
 $kendo-slider-thumb-text: inherit !default;
 /// The border color of the slider thumb.
 /// @group slider
-$kendo-slider-thumb-border: get-theme-color-var( primary-100 ) !default;
+$kendo-slider-thumb-border: k-get-theme-color-var( primary-100 ) !default;
 /// The gradient of the slider thumb.
 /// @group slider
 $kendo-slider-thumb-gradient: transparent !default;
@@ -91,7 +91,7 @@ $kendo-slider-thumb-hover-bg: $kendo-slider-thumb-bg !default;
 $kendo-slider-thumb-hover-text: inherit !default;
 /// The hover border color of the slider thumb.
 /// @group slider
-$kendo-slider-thumb-hover-border: get-theme-color-var( primary-120 ) !default;
+$kendo-slider-thumb-hover-border: k-get-theme-color-var( primary-120 ) !default;
 /// The hover gradient of the slider thumb.
 /// @group slider
 $kendo-slider-thumb-hover-gradient: transparent !default;
@@ -104,7 +104,7 @@ $kendo-slider-thumb-active-bg: $kendo-slider-thumb-hover-bg !default;
 $kendo-slider-thumb-active-text: inherit !default;
 /// The active border color of the slider thumb.
 /// @group slider
-$kendo-slider-thumb-active-border: get-theme-color-var( primary-130 ) !default;
+$kendo-slider-thumb-active-border: k-get-theme-color-var( primary-130 ) !default;
 /// The active gradient of the slider thumb.
 /// @group slider
 $kendo-slider-thumb-active-gradient: transparent !default;
@@ -124,16 +124,16 @@ $kendo-slider-thumb-focus-gradient: transparent !default;
 
 /// The text color of the disabled slider.
 /// @group slider
-$kendo-slider-disabled-text: get-theme-color-var( neutral-130 ) !default;
+$kendo-slider-disabled-text: k-get-theme-color-var( neutral-130 ) !default;
 /// The background color of the disabled slider track.
 /// @group slider
-$kendo-slider-track-disabled-bg: get-theme-color-var( neutral-20 ) !default;
+$kendo-slider-track-disabled-bg: k-get-theme-color-var( neutral-20 ) !default;
 /// The selection background color of the disabled slider track.
 /// @group slider
-$kendo-slider-selection-disabled-bg: get-theme-color-var( neutral-90 ) !default;
+$kendo-slider-selection-disabled-bg: k-get-theme-color-var( neutral-90 ) !default;
 /// The background color of the disabled slider thumb.
 /// @group slider
-$kendo-slider-thumb-disabled-border: get-theme-color-var( neutral-60 ) !default;
+$kendo-slider-thumb-disabled-border: k-get-theme-color-var( neutral-60 ) !default;
 
 
 /// The transition speed of the slider.

package/scss/split-button/_variables.scss

@@ -29,7 +29,7 @@ $kendo-split-button-arrow-delimiter-size: calc( #{$kendo-button-inner-calc-size}
 $kendo-split-button-arrow-delimiter-line-size: 1px !default;
 /// The background color of the SplitButton arrow delimiter.
 /// @group split-button
-$kendo-split-button-arrow-delimiter-bg: get-theme-color-var( neutral-60 ) !default;
+$kendo-split-button-arrow-delimiter-bg: k-get-theme-color-var( neutral-60 ) !default;
 
 /// The sizes map for the SplitButton.
 /// @group split-button

package/scss/splitter/_variables.scss

@@ -46,21 +46,21 @@ $kendo-splitter-collapse-icon-padding-y: map.get( $kendo-spacing, .5 ) !default;
 
 /// Background color of the splitter splitbar.
 /// @group splitter
-$kendo-splitbar-bg: get-theme-color-var( neutral-10 ) !default;
+$kendo-splitbar-bg: k-get-theme-color-var( neutral-10 ) !default;
 /// Text color of the splitter splitbar.
 /// @group splitter
 $kendo-splitbar-text: var( --kendo-component-text, initial ) !default;
 
 /// Hover background color of the splitter splitbar.
 /// @group splitter
-$kendo-splitbar-hover-bg: get-theme-color-var( neutral-20 ) !default;
+$kendo-splitbar-hover-bg: k-get-theme-color-var( neutral-20 ) !default;
 /// Hover text color of the splitter splitbar.
 /// @group splitter
 $kendo-splitbar-hover-text: $kendo-splitbar-text !default;
 
 /// Selected background color of the splitter splitbar.
 /// @group splitter
-$kendo-splitbar-selected-bg: get-theme-color-var( primary-100 ) !default;
+$kendo-splitbar-selected-bg: k-get-theme-color-var( primary-100 ) !default;
 /// Selected text color of the splitter splitbar.
 /// @group splitter
 $kendo-splitbar-selected-text: var( --kendo-component-bg, inherit ) !default;

package/scss/spreadsheet/_variables.scss

@@ -52,10 +52,10 @@ $kendo-spreadsheet-text: var( --kendo-component-text, initial ) !default;
 $kendo-spreadsheet-border: var( --kendo-component-border, initial ) !default;
 /// Primary border color of the spreadsheet.
 /// @group spreadsheet
-$kendo-spreadsheet-primary-border: get-theme-color-var( primary-100 ) !default;
+$kendo-spreadsheet-primary-border: k-get-theme-color-var( primary-100 ) !default;
 /// Primary background color of the spreadsheet.
 /// @group spreadsheet
-$kendo-spreadsheet-primary-bg: get-theme-color-var( primary-100 ) !default;
+$kendo-spreadsheet-primary-bg: k-get-theme-color-var( primary-100 ) !default;
 
 /// Text color of the spreadsheet header.
 /// @group spreadsheet
@@ -69,51 +69,51 @@ $kendo-spreadsheet-header-border: $kendo-table-header-border !default;
 
 /// Selected text color of the spreadsheet.
 /// @group spreadsheet
-$kendo-spreadsheet-selected-text: get-theme-color-var( primary-160 ) !default;
+$kendo-spreadsheet-selected-text: k-get-theme-color-var( primary-160 ) !default;
 /// Selected background color of the spreadsheet.
 /// @group spreadsheet
-$kendo-spreadsheet-selected-bg: get-theme-color-var( primary-30 ) !default;
+$kendo-spreadsheet-selected-bg: k-get-theme-color-var( primary-30 ) !default;
 /// Selected border color of the spreadsheet.
 /// @group spreadsheet
-$kendo-spreadsheet-selected-border: get-theme-color-var( primary-100 ) !default;
+$kendo-spreadsheet-selected-border: k-get-theme-color-var( primary-100 ) !default;
 
 /// Text color of the spreadsheet filter button.
 /// @group spreadsheet
-$kendo-spreadsheet-filter-button-text: get-theme-color-var( neutral-160 ) !default;
+$kendo-spreadsheet-filter-button-text: k-get-theme-color-var( neutral-160 ) !default;
 /// Background color of the spreadsheet filter button.
 /// @group spreadsheet
 $kendo-spreadsheet-filter-button-bg: $kendo-color-white !default;
 /// Border color of the spreadsheet filter button.
 /// @group spreadsheet
-$kendo-spreadsheet-filter-button-border: get-theme-color-var( neutral-110 ) !default;
+$kendo-spreadsheet-filter-button-border: k-get-theme-color-var( neutral-110 ) !default;
 
 /// Hover text color of the spreadsheet filter button.
 /// @group spreadsheet
-$kendo-spreadsheet-filter-button-hover-text: get-theme-color-var( neutral-190 ) !default;
+$kendo-spreadsheet-filter-button-hover-text: k-get-theme-color-var( neutral-190 ) !default;
 /// Hover background color of the spreadsheet filter button.
 /// @group spreadsheet
-$kendo-spreadsheet-filter-button-hover-bg: get-theme-color-var( neutral-20 ) !default;
+$kendo-spreadsheet-filter-button-hover-bg: k-get-theme-color-var( neutral-20 ) !default;
 /// Hover border color of the spreadsheet filter button.
 /// @group spreadsheet
-$kendo-spreadsheet-filter-button-hover-border: get-theme-color-var( neutral-110 ) !default;
+$kendo-spreadsheet-filter-button-hover-border: k-get-theme-color-var( neutral-110 ) !default;
 
 /// Active text color of the spreadsheet filter button.
 /// @group spreadsheet
-$kendo-spreadsheet-filter-button-active-text: get-theme-color-var( neutral-190 ) !default;
+$kendo-spreadsheet-filter-button-active-text: k-get-theme-color-var( neutral-190 ) !default;
 /// Active background color of the spreadsheet filter button.
 /// @group spreadsheet
-$kendo-spreadsheet-filter-button-active-bg: get-theme-color-var( neutral-30 ) !default;
+$kendo-spreadsheet-filter-button-active-bg: k-get-theme-color-var( neutral-30 ) !default;
 /// Active border color of the spreadsheet filter button.
 /// @group spreadsheet
-$kendo-spreadsheet-filter-button-active-border: get-theme-color-var( neutral-110 ) !default;
+$kendo-spreadsheet-filter-button-active-border: k-get-theme-color-var( neutral-110 ) !default;
 
 /// Color of the spreadsheet menu icon.
 /// @group spreadsheet
-$kendo-spreadsheet-filter-menu-icon-color: get-theme-color-var( primary-100 ) !default;
+$kendo-spreadsheet-filter-menu-icon-color: k-get-theme-color-var( primary-100 ) !default;
 
 /// Border color of the spreadsheet error.
 /// @group spreadsheet
-$kendo-spreadsheet-error-border: get-theme-color-var( error-190 ) !default;
+$kendo-spreadsheet-error-border: k-get-theme-color-var( error-190 ) !default;
 
 /// Border style of the spreadsheet image dialog.
 /// @group spreadsheet
@@ -166,10 +166,10 @@ $kendo-spreadsheet-drawing-handle-border-width: 1px !default;
 $kendo-spreadsheet-drawing-handle-border-color: var( --kendo-selected-bg, initial ) !default;
 /// Outline color of the spreadsheet drawing handle.
 /// @group spreadsheet
-$kendo-spreadsheet-drawing-handle-outline-color: get-theme-color-var( primary-100 ) !default;
+$kendo-spreadsheet-drawing-handle-outline-color: k-get-theme-color-var( primary-100 ) !default;
 /// Border color of the spreadsheet drawing handle.
 /// @group spreadsheet
-$kendo-spreadsheet-drawing-handle-bg: get-theme-color-var( primary-100 ) !default;
+$kendo-spreadsheet-drawing-handle-bg: k-get-theme-color-var( primary-100 ) !default;
 /// Border radius of the spreadsheet drawing handle.
 /// @group spreadsheet
 $kendo-spreadsheet-drawing-handle-border-radius: var( --kendo-border-radius-lg, initial ) !default;

package/scss/stepper/_variables.scss

@@ -75,7 +75,7 @@ $kendo-stepper-indicator-bg: var( --kendo-component-bg, initial ) !default;
 $kendo-stepper-indicator-text: var( --kendo-component-text, initial ) !default;
 /// Border color of the stepper indicator.
 /// @group stepper
-$kendo-stepper-indicator-border: get-theme-color-var( neutral-110 ) !default;
+$kendo-stepper-indicator-border: k-get-theme-color-var( neutral-110 ) !default;
 
 /// The hover background color of the stepper indicator.
 /// @group stepper
@@ -99,7 +99,7 @@ $kendo-stepper-indicator-disabled-border: var( --kendo-disabled-border, initial
 
 /// Background color of the stepper done indicator.
 /// @group stepper
-$kendo-stepper-indicator-done-bg: get-theme-color-var( primary-100 ) !default;
+$kendo-stepper-indicator-done-bg: k-get-theme-color-var( primary-100 ) !default;
 /// Text color of the stepper done indicator.
 /// @group stepper
 $kendo-stepper-indicator-done-text: $kendo-color-white !default;
@@ -109,7 +109,7 @@ $kendo-stepper-indicator-done-border: $kendo-stepper-indicator-done-bg !default;
 
 /// The hover background color of the stepper done indicator.
 /// @group stepper
-$kendo-stepper-indicator-done-hover-bg: get-theme-color-var( primary-110 ) !default;
+$kendo-stepper-indicator-done-hover-bg: k-get-theme-color-var( primary-110 ) !default;
 /// The hover text color of the stepper done indicator.
 /// @group stepper
 $kendo-stepper-indicator-done-hover-text: $kendo-stepper-indicator-done-text !default;
@@ -119,7 +119,7 @@ $kendo-stepper-indicator-done-hover-border: $kendo-stepper-indicator-done-hover-
 
 /// The disabled background color of the stepper done indicator.
 /// @group stepper
-$kendo-stepper-indicator-done-disabled-bg: get-theme-color-var( primary-30 ) !default;
+$kendo-stepper-indicator-done-disabled-bg: k-get-theme-color-var( primary-30 ) !default;
 /// The disabled text color of the stepper done indicator.
 /// @group stepper
 $kendo-stepper-indicator-done-disabled-text: var( --kendo-disabled-text, initial ) !default;
@@ -129,7 +129,7 @@ $kendo-stepper-indicator-done-disabled-border: var( --kendo-disabled-border, ini
 
 /// The background color of the stepper current indicator.
 /// @group stepper
-$kendo-stepper-indicator-current-bg: get-theme-color-var( primary-120 ) !default;
+$kendo-stepper-indicator-current-bg: k-get-theme-color-var( primary-120 ) !default;
 /// The text color of the stepper current indicator.
 /// @group stepper
 $kendo-stepper-indicator-current-text: $kendo-stepper-indicator-done-text !default;
@@ -162,10 +162,10 @@ $kendo-stepper-indicator-current-disabled-border: $kendo-stepper-indicator-done-
 $kendo-stepper-label-text: inherit !default;
 /// The success text color of the stepper label.
 /// @group stepper
-$kendo-stepper-label-success-text: get-theme-color-var( success-190 ) !default;
+$kendo-stepper-label-success-text: k-get-theme-color-var( success-190 ) !default;
 /// The error text color of the stepper label.
 /// @group stepper
-$kendo-stepper-label-error-text: get-theme-color-var( error-190 ) !default;
+$kendo-stepper-label-error-text: k-get-theme-color-var( error-190 ) !default;
 /// The hover text color of the stepper label.
 /// @group stepper
 $kendo-stepper-label-hover-text: $kendo-stepper-text !default;
@@ -178,7 +178,7 @@ $kendo-stepper-current-label-font-weight: var( --kendo-font-weight-bold, bold )
 
 /// The text color of the stepper optional label.
 /// @group stepper
-$kendo-stepper-optional-label-text: get-theme-color-var( neutral-130 ) !default;
+$kendo-stepper-optional-label-text: k-get-theme-color-var( neutral-130 ) !default;
 /// The font size of the stepper optional label.
 /// @group stepper
 $kendo-stepper-optional-label-font-size: inherit !default;

package/scss/switch/_variables.scss

@@ -30,7 +30,7 @@ $kendo-switch-sizes: (
 
 /// The ring around the focused Switch.
 /// @group switch
-$kendo-switch-focus-ring: 1px solid get-theme-color-var( neutral-130 ) !default;
+$kendo-switch-focus-ring: 1px solid k-get-theme-color-var( neutral-130 ) !default;
 
 /// The background of the track when the Switch is not checked.
 /// @group switch
@@ -40,7 +40,7 @@ $kendo-switch-off-track-bg: var( --kendo-component-bg, transparent ) !default;
 $kendo-switch-off-track-text: var( --kendo-component-text, inherit ) !default;
 /// The border color of the track when the Switch is not checked.
 /// @group switch
-$kendo-switch-off-track-border: get-theme-color-var( neutral-110 ) !default;
+$kendo-switch-off-track-border: k-get-theme-color-var( neutral-110 ) !default;
 
 /// The background of the track when the hovered Switch is not checked.
 /// @group switch
@@ -50,7 +50,7 @@ $kendo-switch-off-track-hover-bg: var( --kendo-component-bg, transparent ) !defa
 $kendo-switch-off-track-hover-text: var( --kendo-component-text, inherit ) !default;
 /// The border color of the track when the hovered Switch is not checked.
 /// @group switch
-$kendo-switch-off-track-hover-border: get-theme-color-var( neutral-160 ) !default;
+$kendo-switch-off-track-hover-border: k-get-theme-color-var( neutral-160 ) !default;
 
 /// The background of the track when the focused Switch is not checked.
 /// @group switch
@@ -60,7 +60,7 @@ $kendo-switch-off-track-focus-bg: var( --kendo-component-bg, transparent ) !defa
 $kendo-switch-off-track-focus-text: var( --kendo-component-text, inherit ) !default;
 /// The border color of the track when the focused Switch is not checked.
 /// @group switch
-$kendo-switch-off-track-focus-border: get-theme-color-var( neutral-110 ) !default;
+$kendo-switch-off-track-focus-border: k-get-theme-color-var( neutral-110 ) !default;
 
 /// The background of the track when the disabled Switch is not checked.
 /// @group switch
@@ -70,42 +70,42 @@ $kendo-switch-off-track-disabled-bg: var( --kendo-component-bg, transparent ) !d
 $kendo-switch-off-track-disabled-text: var( --kendo-component-text, inherit ) !default;
 /// The border color of the track when the disabled Switch is not checked.
 /// @group switch
-$kendo-switch-off-track-disabled-border: get-theme-color-var( neutral-60 ) !default;
+$kendo-switch-off-track-disabled-border: k-get-theme-color-var( neutral-60 ) !default;
 
 /// The background of the thumb when the Switch is not checked.
 /// @group switch
-$kendo-switch-off-thumb-bg: get-theme-color-var( neutral-130 ) !default;
+$kendo-switch-off-thumb-bg: k-get-theme-color-var( neutral-130 ) !default;
 /// The text color of the thumb when the Switch is not checked.
 /// @group switch
 $kendo-switch-off-thumb-text: inherit !default;
 /// The border color of the thumb when the Switch is not checked.
 /// @group switch
-$kendo-switch-off-thumb-border: get-theme-color-var( neutral-130 ) !default;
+$kendo-switch-off-thumb-border: k-get-theme-color-var( neutral-130 ) !default;
 
 /// The background of the thumb when the hovered Switch is not checked.
 /// @group switch
-$kendo-switch-off-thumb-hover-bg: get-theme-color-var( neutral-160 ) !default;
+$kendo-switch-off-thumb-hover-bg: k-get-theme-color-var( neutral-160 ) !default;
 /// The text color of the thumb when the hovered Switch is not checked.
 /// @group switch
 $kendo-switch-off-thumb-hover-text: inherit !default;
 /// The border color of the thumb when the hovered Switch is not checked.
 /// @group switch
-$kendo-switch-off-thumb-hover-border: get-theme-color-var( neutral-160 ) !default;
+$kendo-switch-off-thumb-hover-border: k-get-theme-color-var( neutral-160 ) !default;
 
 /// The background of the thumb when the disabled Switch is not checked.
 /// @group switch
-$kendo-switch-off-thumb-disabled-bg: get-theme-color-var( neutral-60 ) !default;
+$kendo-switch-off-thumb-disabled-bg: k-get-theme-color-var( neutral-60 ) !default;
 /// The text color of the thumb when the disabled Switch is not checked.
 /// @group switch
 $kendo-switch-off-thumb-disabled-text: inherit !default;
 /// The border color of the thumb when the disabled Switch is not checked.
 /// @group switch
-$kendo-switch-off-thumb-disabled-border: get-theme-color-var( neutral-60 ) !default;
+$kendo-switch-off-thumb-disabled-border: k-get-theme-color-var( neutral-60 ) !default;
 
 
 /// The background of the track when the Switch is checked.
 /// @group switch
-$kendo-switch-on-track-bg: get-theme-color-var( primary-100 ) !default;
+$kendo-switch-on-track-bg: k-get-theme-color-var( primary-100 ) !default;
 /// The text color of the track when the Switch is checked.
 /// @group switch
 $kendo-switch-on-track-text: $kendo-color-white !default;
@@ -115,7 +115,7 @@ $kendo-switch-on-track-border: $kendo-switch-on-track-bg !default;
 
 /// The background of the track when the hovered Switch is checked.
 /// @group switch
-$kendo-switch-on-track-hover-bg: get-theme-color-var( primary-110 ) !default;
+$kendo-switch-on-track-hover-bg: k-get-theme-color-var( primary-110 ) !default;
 /// The text color of the track when the hovered Switch is checked.
 /// @group switch
 $kendo-switch-on-track-hover-text: $kendo-color-white !default;
@@ -125,7 +125,7 @@ $kendo-switch-on-track-hover-border: $kendo-switch-on-track-hover-bg !default;
 
 /// The background of the track when the focused Switch is checked.
 /// @group switch
-$kendo-switch-on-track-focus-bg: get-theme-color-var( primary-100 ) !default;
+$kendo-switch-on-track-focus-bg: k-get-theme-color-var( primary-100 ) !default;
 /// The text color of the track when the focused Switch is checked.
 /// @group switch
 $kendo-switch-on-track-focus-text: $kendo-color-white !default;
@@ -135,7 +135,7 @@ $kendo-switch-on-track-focus-border: $kendo-switch-on-track-focus-bg !default;
 
 /// The background of the track when the disabled Switch is checked.
 /// @group switch
-$kendo-switch-on-track-disabled-bg: get-theme-color-var( neutral-60 ) !default;
+$kendo-switch-on-track-disabled-bg: k-get-theme-color-var( neutral-60 ) !default;
 /// The text color of the track when the disabled Switch is checked.
 /// @group switch
 $kendo-switch-on-track-disabled-text: $kendo-color-white !default;
@@ -165,10 +165,10 @@ $kendo-switch-on-thumb-hover-border: inherit !default;
 
 /// The background of the thumb when the disabled Switch is checked.
 /// @group switch
-$kendo-switch-on-thumb-disabled-bg: get-theme-color-var( neutral-20 ) !default;
+$kendo-switch-on-thumb-disabled-bg: k-get-theme-color-var( neutral-20 ) !default;
 /// The text color of the thumb when the disabled Switch is checked.
 /// @group switch
 $kendo-switch-on-thumb-disabled-text: inherit !default;
 /// The border color of the thumb when the disabled Switch is checked.
 /// @group switch
-$kendo-switch-on-thumb-disabled-border: get-theme-color-var( neutral-20 ) !default;
+$kendo-switch-on-thumb-disabled-border: k-get-theme-color-var( neutral-20 ) !default;

package/scss/table/_variables.scss

@@ -88,7 +88,7 @@ $kendo-table-border: var( --kendo-component-border, initial ) !default;
 $kendo-table-header-bg: $kendo-table-bg !default;
 /// Text color of table headers.
 /// @group table
-$kendo-table-header-text: get-theme-color-var( neutral-190 ) !default;
+$kendo-table-header-text: k-get-theme-color-var( neutral-190 ) !default;
 /// Border color of table headers.
 /// @group table
 $kendo-table-header-border: $kendo-table-border !default;
@@ -168,7 +168,7 @@ $kendo-table-focus-shadow: $kendo-list-item-focus-shadow !default;
 
 /// Background color of selected rows in table.
 /// @group table
-$kendo-table-selected-bg: get-theme-color-var( primary-20 ) !default;
+$kendo-table-selected-bg: k-get-theme-color-var( primary-20 ) !default;
 /// Text color of selected rows in table.
 /// @group table
 $kendo-table-selected-text: $kendo-table-text !default;
@@ -178,7 +178,7 @@ $kendo-table-selected-border: $kendo-table-border !default;
 
 /// Hover background color of selected rows in table.
 /// @group table
-$kendo-table-selected-hover-bg: get-theme-color-var( primary-30 ) !default;
+$kendo-table-selected-hover-bg: k-get-theme-color-var( primary-30 ) !default;
 /// Hover text color of selected rows in table.
 /// @group table
 $kendo-table-selected-hover-text: $kendo-table-selected-text !default;

package/scss/tabstrip/_variables.scss

@@ -54,7 +54,7 @@ $kendo-tabstrip-item-padding-y: map.get( $kendo-spacing, 2 ) + map.get( $kendo-s
 $kendo-tabstrip-item-border-width: 0px !default;
 /// The border radius of the tabstrip item
 /// @group tabstrip
-$kendo-tabstrip-item-border-radius: var( --kendo-border-radius-md, 0 ) !default;
+$kendo-tabstrip-item-border-radius: var( --kendo-border-radius-md, #{$kendo-border-radius-md} ) !default;
 /// The gap between the tabstrip items
 /// @group tabstrip
 $kendo-tabstrip-item-gap: map.get( $kendo-spacing, 2 ) !default;
@@ -93,10 +93,10 @@ $kendo-tabstrip-item-hover-border: var( --kendo-hover-bg, inherit ) !default;
 $kendo-tabstrip-item-selected-bg: var( --kendo-component-bg, transparent ) !default;
 /// The text color of selected tabs
 /// @group tabstrip
-$kendo-tabstrip-item-selected-text: get-theme-color-var( neutral-190 ) !default;
+$kendo-tabstrip-item-selected-text: k-get-theme-color-var( neutral-190 ) !default;
 /// The border color of selected tabs
 /// @group tabstrip
-$kendo-tabstrip-item-selected-border: get-theme-color-var( primary-100 ) !default;
+$kendo-tabstrip-item-selected-border: k-get-theme-color-var( primary-100 ) !default;
 /// The background gradient of selected tabs
 /// @group tabstrip
 $kendo-tabstrip-item-selected-font-weight: var( --kendo-font-weight-bold, normal ) !default;
@@ -105,7 +105,7 @@ $kendo-tabstrip-item-selected-font-weight: var( --kendo-font-weight-bold, normal
 $kendo-tabstrip-item-focus-shadow: $kendo-list-item-focus-shadow !default;
 /// The text color of the sortable tabstrip item
 /// @group tabstrip
-$kendo-tabstrip-item-dragging-text: get-theme-color-var( primary-100 ) !default;
+$kendo-tabstrip-item-dragging-text: k-get-theme-color-var( primary-100 ) !default;
 
 // Indicator
 /// The border width of the tabstrip indicator
@@ -113,7 +113,7 @@ $kendo-tabstrip-item-dragging-text: get-theme-color-var( primary-100 ) !default;
 $kendo-tabstrip-indicator-size: map.get( $kendo-spacing, 0.5 ) !default;
 /// The border color of the tabstrip ripple
 /// @group tabstrip
-$kendo-tabstrip-indicator-color: get-theme-color-var( primary-100 ) !default;
+$kendo-tabstrip-indicator-color: k-get-theme-color-var( primary-100 ) !default;
 
 /// The horizontal padding of tabstrip content
 /// @group tabstrip

package/scss/taskboard/_variables.scss

@@ -66,10 +66,10 @@ $kendo-taskboard-column-width: 320px !default;
 $kendo-taskboard-column-border-width: 1px !default;
 /// Border radius of the task board column.
 /// @group taskboard
-$kendo-taskboard-column-border-radius: var( --kendo-border-radius-md, 0 ) !default;
+$kendo-taskboard-column-border-radius: var( --kendo-border-radius-md, #{$kendo-border-radius-md} ) !default;
 /// Background color of the task board column.
 /// @group taskboard
-$kendo-taskboard-column-bg: get-theme-color-var( neutral-10 ) !default;
+$kendo-taskboard-column-bg: k-get-theme-color-var( neutral-10 ) !default;
 /// Text color of the task board column.
 /// @group taskboard
 $kendo-taskboard-column-text: var( --kendo-component-text, inherit ) !default;
@@ -84,7 +84,7 @@ $kendo-taskboard-column-focus-bg: $kendo-taskboard-column-bg !default;
 $kendo-taskboard-column-focus-text: $kendo-taskboard-column-text !default;
 /// Focus border color of the task board column.
 /// @group taskboard
-$kendo-taskboard-column-focus-border: get-theme-color-var( neutral-130 ) !default;
+$kendo-taskboard-column-focus-border: k-get-theme-color-var( neutral-130 ) !default;
 
 /// Vertical padding of the task board column header.
 /// @group taskboard
@@ -182,7 +182,7 @@ $kendo-taskboard-card-category-border-width: 4px !default;
 $kendo-taskboard-card-focus-shadow: none !default;
 /// Selected border of the task board card.
 /// @group taskboard
-$kendo-taskboard-card-selected-border: get-theme-color-var( primary-100 ) !default;
+$kendo-taskboard-card-selected-border: k-get-theme-color-var( primary-100 ) !default;
 /// Selected shadow of the task board card.
 /// @group taskboard
 $kendo-taskboard-card-selected-shadow: var( --kendo-box-shadow-depth-4, none ) !default;
@@ -202,7 +202,7 @@ $kendo-taskboard-drag-placeholder-border-width: 1px !default;
 $kendo-taskboard-drag-placeholder-border-radius: $kendo-card-border-radius !default;
 /// Background color of the task board card placeholder.
 /// @group taskboard
-$kendo-taskboard-drag-placeholder-bg: get-theme-color-var( neutral-50 ) !default;
+$kendo-taskboard-drag-placeholder-bg: k-get-theme-color-var( neutral-50 ) !default;
 /// Border color of the task board card placeholder.
 /// @group taskboard
 $kendo-taskboard-drag-placeholder-border: var( --kendo-component-border, inherit ) !default;

package/scss/tilelayout/_variables.scss

@@ -2,22 +2,22 @@
 @use "../core/" as *;
 @use "../card/_variables.scss" as *;
 
-/// Width of the border around the tilelayout.
+/// The width of the border around the TileLayout.
 /// @group tilelayout
 $kendo-tile-layout-border-width: 0px !default;
-/// Background color of the tilelayout.
+/// The background color of the TileLayout.
 /// @group tilelayout
-$kendo-tile-layout-bg: get-theme-color-var( neutral-10 ) !default;
+$kendo-tile-layout-bg: k-get-theme-color-var( neutral-10 ) !default;
 
-/// Width of the border around the tilelayout hint.
+/// The width of the border around the TileLayout hint.
 /// @group tilelayout
 $kendo-tile-layout-hint-border-width: 1px !default;
-/// Color of the border around the tilelayout hint.
-/// @group tilelayout
-$kendo-tile-layout-hint-border: var( --kendo-component-border, initial ) !default;
-/// Radius of the border around the tilelayout hint.
+/// The radius of the border around the TileLayout hint.
 /// @group tilelayout
 $kendo-tile-layout-hint-border-radius: var( --kendo-border-radius-lg, initial ) !default;
-/// Background color of the tilelayout hint.
+/// The color of the border around the TileLayout hint.
+/// @group tilelayout
+$kendo-tile-layout-hint-border: var( --kendo-component-border, initial ) !default;
+/// The background color of the TileLayout hint.
 /// @group tilelayout
 $kendo-tile-layout-hint-bg: rgba(255, 255, 255, .2) !default;

package/scss/timeline/_variables.scss

@@ -62,10 +62,10 @@ $kendo-timeline-track-start-calc: calc( #{ $kendo-timeline-track-arrow-width } -
 $kendo-timeline-track-end-calc: calc( #{ $kendo-timeline-track-arrow-width } - 2 * #{ $kendo-timeline-track-border-width } ) !default;
 /// The background of the track in the timeline.
 /// @group timeline
-$kendo-timeline-track-bg: get-theme-color-var( neutral-10 ) !default;
+$kendo-timeline-track-bg: k-get-theme-color-var( neutral-10 ) !default;
 /// The border color of the track in the timeline.
 /// @group timeline
-$kendo-timeline-track-border-color: get-theme-color-var( neutral-30 ) !default;
+$kendo-timeline-track-border-color: k-get-theme-color-var( neutral-30 ) !default;
 
 /// The inset block end of the arrow in the timeline.
 /// @group timeline
@@ -113,7 +113,7 @@ $kendo-timeline-mobile-flag-max-width: calc( #{ $kendo-timeline-flag-min-width }
 $kendo-timeline-horizontal-flag-min-width: map.get( $kendo-spacing, 15 ) !default;
 /// The background of the flag in the timeline.
 /// @group timeline
-$kendo-timeline-flag-bg: get-theme-color-var( primary-100 ) !default;
+$kendo-timeline-flag-bg: k-get-theme-color-var( primary-100 ) !default;
 /// The text of the flag in the timeline.
 /// @group timeline
 $kendo-timeline-flag-text: var( --kendo-component-bg, initial ) !default;
@@ -135,10 +135,10 @@ $kendo-timeline-flag-margin-bottom-calc: calc( #{ $kendo-timeline-track-size } +
 $kendo-timeline-card-header-bg: var( --kendo-component-bg, initial ) !default;
 /// The text of the card header in the timeline.
 /// @group timeline
-$kendo-timeline-card-header-text: get-theme-color-var( neutral-160 ) !default;
+$kendo-timeline-card-header-text: k-get-theme-color-var( neutral-160 ) !default;
 /// The border of the card body scroll in the timeline.
 /// @group timeline
-$kendo-timeline-card-body-scroll-border: get-theme-color-var( neutral-30 ) !default;
+$kendo-timeline-card-body-scroll-border: k-get-theme-color-var( neutral-30 ) !default;
 /// The background of the card body scroll of the timeline.
 /// @group timeline
 $kendo-timeline-card-body-scroll-bg: var( --kendo-component-bg, initial ) !default;
@@ -164,7 +164,7 @@ $kendo-timeline-vertical-padding-calc: calc( #{ $kendo-timeline-spacing-x } + (
 $kendo-timeline-vertical-padding-with-dates-calc: calc( #{ $kendo-timeline-vertical-padding-calc } + #{ $kendo-timeline-date-width } ) !default;
 /// The border radius of the vertical timeline.
 /// @group timeline
-$kendo-timeline-vertical-border-radius: var( --kendo-border-radius-lg, 0 ) !default;
+$kendo-timeline-vertical-border-radius: var( --kendo-border-radius-md, #{$kendo-border-radius-lg} ) !default;
 /// The padding of the vertical mobile timeline.
 /// @group timeline
 $kendo-timeline-mobile-vertical-padding-calc: calc( #{ $kendo-timeline-mobile-spacing-x } + ( #{ $kendo-timeline-flag-min-width } - #{ $kendo-timeline-track-size } ) / 2 ) !default;
@@ -180,7 +180,7 @@ $kendo-timeline-circle-width: map.get( $kendo-spacing, 4 ) !default;
 $kendo-timeline-circle-height: map.get( $kendo-spacing, 4 ) !default;
 /// The background of the circle in the timeline.
 /// @group timeline
-$kendo-timeline-circle-bg: get-theme-color-var( primary-100 ) !default;
+$kendo-timeline-circle-bg: k-get-theme-color-var( primary-100 ) !default;
 
 /// The width of the events in the timeline.
 /// @group timeline

package/scss/timeselector/_layout.scss

@@ -169,7 +169,7 @@
         overflow-x: hidden;
         overflow-y: scroll;
 
-        @include hide-scrollbar();
+        @include hide-scrollbar-dir-agnostic();
 
         > ul {
             height: auto;

package/scss/timeselector/_theme.scss

@@ -48,7 +48,7 @@
     // Time list
     .k-time-list {
         .k-item:hover {
-            color: get-theme-color-var( primary-120 );
+            color: k-get-theme-color-var( primary-120 );
         }
     }
 

package/scss/toolbar/_variables.scss

@@ -47,7 +47,7 @@ $kendo-toolbar-line-height: var( --kendo-line-height, normal ) !default;
 
 /// The background color of the Toolbar.
 /// @group toolbar
-$kendo-toolbar-bg: get-theme-color-var( neutral-10 ) !default;
+$kendo-toolbar-bg: k-get-theme-color-var( neutral-10 ) !default;
 /// The text color of the Toolbar.
 /// @group toolbar
 $kendo-toolbar-text: var( --kendo-component-text, inherit ) !default;
@@ -57,7 +57,7 @@ $kendo-toolbar-border: var( --kendo-component-border, initial ) !default;
 
 /// The color of the separator border of the Toolbar.
 /// @group toolbar
-$kendo-toolbar-separator-border: get-theme-color-var( neutral-60 ) !default;
+$kendo-toolbar-separator-border: k-get-theme-color-var( neutral-60 ) !default;
 
 /// The width of the input in the Toolbar.
 /// @group toolbar
@@ -71,7 +71,7 @@ $kendo-toolbar-item-focus-outline-width: 1px !default;
 $kendo-toolbar-item-focus-outline-style: solid !default;
 /// The border color of the focused Toolbar item.
 /// @group toolbar
-$kendo-toolbar-item-focus-outline-color: get-theme-color-var( neutral-130 ) !default;
+$kendo-toolbar-item-focus-outline-color: k-get-theme-color-var( neutral-130 ) !default;
 
 /// The sizes map for the Toolbar.
 /// @group toolbar