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

package/scss/notification/_variables.scss

@@ -82,7 +82,7 @@ $kendo-notification-theme-colors: () !default;
     @each $brand-color, $palette in $kendo-notification-brand-colors {
         $kendo-notification-theme-colors: map.deep-merge(
             $kendo-notification-theme-colors,
-            generate-theme-variation( $brand-color, $palette, $ui-states )
+            k-generate-theme-variation( $brand-color, $palette, $ui-states )
         );
     };
 }
@@ -90,13 +90,13 @@ $kendo-notification-theme-colors: () !default;
 @each $ui-states in $_tc-notification-dark-matrix {
     $kendo-notification-theme-colors: map.deep-merge(
         $kendo-notification-theme-colors,
-        generate-theme-variation( dark, neutral, $ui-states )
+        k-generate-theme-variation( dark, neutral, $ui-states )
     );
 }
 
 @each $ui-states in $_tc-notification-light-matrix {
     $kendo-notification-theme-colors: map.deep-merge(
         $kendo-notification-theme-colors,
-        generate-theme-variation( light, neutral, $ui-states )
+        k-generate-theme-variation( light, neutral, $ui-states )
     );
 }

package/scss/orgchart/_variables.scss

@@ -51,16 +51,16 @@ $kendo-orgchart-node-group-padding-x: $kendo-orgchart-node-group-padding-y !defa
 $kendo-orgchart-node-group-border-width: 1px !default;
 /// Border radius of the orgchart node group.
 /// @group orgchart
-$kendo-orgchart-node-group-border-radius: var( --kendo-border-radius-md, 0 ) !default;
+$kendo-orgchart-node-group-border-radius: var( --kendo-border-radius-md, #{$kendo-border-radius-md} ) !default;
 /// Background color of the orgchart node group.
 /// @group orgchart
-$kendo-orgchart-node-group-bg: get-theme-color-var( neutral-10 ) !default;
+$kendo-orgchart-node-group-bg: k-get-theme-color-var( neutral-10 ) !default;
 /// Text color of the orgchart node group.
 /// @group orgchart
-$kendo-orgchart-node-group-text: get-theme-color-var( neutral-190 ) !default;
+$kendo-orgchart-node-group-text: k-get-theme-color-var( neutral-190 ) !default;
 /// Border color of the orgchart node group.
 /// @group orgchart
-$kendo-orgchart-node-group-border: get-theme-color-var( neutral-30 ) !default;
+$kendo-orgchart-node-group-border: k-get-theme-color-var( neutral-30 ) !default;
 /// Focus border color of the orgchart node group.
 /// @group orgchart
 $kendo-orgchart-node-group-focus-border: $kendo-card-focus-border !default;
@@ -146,7 +146,7 @@ $kendo-orgchart-card-body-vbox-min-height: $kendo-card-avatar-size !default;
 $kendo-orgchart-line-size: 1px !default;
 /// Fill color of the orgchart connecting line.
 /// @group orgchart
-$kendo-orgchart-line-text: get-theme-color-var( neutral-30 ) !default;
+$kendo-orgchart-line-text: k-get-theme-color-var( neutral-30 ) !default;
 /// Height of the orgchart connecting line.
 /// @group orgchart
 $kendo-orgchart-line-v-height: 25px !default;

package/scss/pager/_variables.scss

@@ -43,7 +43,7 @@ $kendo-pager-line-height: var( --kendo-line-height, normal ) !default;
 
 /// The background color of the Pager.
 /// @group pager
-$kendo-pager-bg: get-theme-color-var( neutral-10 ) !default;
+$kendo-pager-bg: k-get-theme-color-var( neutral-10 ) !default;
 /// The text color of the Pager.
 /// @group pager
 $kendo-pager-text: var( --kendo-component-text, inherit ) !default;
@@ -59,7 +59,7 @@ $kendo-pager-focus-bg: var( --kendo-pager-bg, #{$kendo-pager-bg}) !default;
 $kendo-pager-focus-text: var( --kendo-pager-text, #{$kendo-pager-text}) !default;
 /// The border color of the focused Pager.
 /// @group pager
-$kendo-pager-focus-border: get-theme-color-var( neutral-130 ) !default;
+$kendo-pager-focus-border: k-get-theme-color-var( neutral-130 ) !default;
 
 /// The spacing between the Pager sections.
 /// @group pager
@@ -84,11 +84,11 @@ $kendo-pager-lg-item-group-spacing: map.get( $kendo-spacing, 2 ) !default;
 
 /// The text color of the Pagers' sizes label.
 /// @group pager
-$kendo-pager-sizes-label-text: get-theme-color-var( neutral-190 ) !default;
+$kendo-pager-sizes-label-text: k-get-theme-color-var( neutral-190 ) !default;
 
 /// The text color of the Pagers' info label.
 /// @group pager
-$kendo-pager-info-label-text: get-theme-color-var( neutral-130 ) !default;
+$kendo-pager-info-label-text: k-get-theme-color-var( neutral-130 ) !default;
 
 /// The width of the Inputs in the Pager.
 /// @group pager

package/scss/panelbar/_variables.scss

@@ -80,7 +80,7 @@ $kendo-panelbar-header-border: inherit !default;
 $kendo-panelbar-header-hover-bg: var( --kendo-hover-bg, inherit ) !default;
 /// Text color of the panelbar header when hovered.
 /// @group panelbar
-$kendo-panelbar-header-hover-text: get-theme-color-var( primary-110 ) !default;
+$kendo-panelbar-header-hover-text: k-get-theme-color-var( primary-110 ) !default;
 /// Border color of the panelbar header when hovered.
 /// @group panelbar
 $kendo-panelbar-header-hover-border: inherit !default;
@@ -119,7 +119,7 @@ $kendo-panelbar-header-selected-text: $kendo-color-black !default;
 $kendo-panelbar-header-selected-border: inherit !default;
 /// Color of the marker of the panelbar header when selected.
 /// @group panelbar
-$kendo-panelbar-selected-marker: get-theme-color-var( primary-100 ) !default;
+$kendo-panelbar-selected-marker: k-get-theme-color-var( primary-100 ) !default;
 
 /// Background color of the panelbar header when selected and hovered.
 /// @group panelbar
@@ -166,7 +166,7 @@ $kendo-panelbar-header-expanded-border: inherit !default;
 $kendo-panelbar-item-hover-bg: var( --kendo-hover-bg, inherit ) !default;
 /// Text color of the panelbar item when hovered.
 /// @group panelbar
-$kendo-panelbar-item-hover-text: get-theme-color-var( primary-110 ) !default;
+$kendo-panelbar-item-hover-text: k-get-theme-color-var( primary-110 ) !default;
 /// Border color of the panelbar item when hovered.
 /// @group panelbar
 $kendo-panelbar-item-hover-border: inherit !default;

package/scss/pdf-viewer/_variables.scss

@@ -27,7 +27,7 @@ $kendo-pdf-viewer-border: var( --kendo-component-border, initial ) !default;
 
 /// Background color of the PDF viewer canvas.
 /// @group pdf-viewer
-$kendo-pdf-viewer-canvas-bg: get-theme-color-var( neutral-10 ) !default;
+$kendo-pdf-viewer-canvas-bg: k-get-theme-color-var( neutral-10 ) !default;
 /// Text color of the PDF viewer canvas.
 /// @group pdf-viewer
 $kendo-pdf-viewer-canvas-text: var( --kendo-component-text, inherit ) !default;
@@ -66,7 +66,7 @@ $kendo-pdf-viewer-search-dialog-spacing: map.get( $kendo-spacing, 2 ) !default;
 $kendo-pdf-viewer-search-panel-border-width: 1px !default;
 /// Border radius of the PDF viewer search panel.
 /// @group pdf-viewer
-$kendo-pdf-viewer-search-panel-border-radius: var( --kendo-border-radius-md, 0 ) !default;
+$kendo-pdf-viewer-search-panel-border-radius: var( --kendo-border-radius-md, #{$kendo-border-radius-md} ) !default;
 /// Background color of the PDF viewer search panel.
 /// @group pdf-viewer
 $kendo-pdf-viewer-search-panel-bg: var( --kendo-component-bg, inherit ) !default;

package/scss/pivotgrid/_variables.scss

@@ -66,14 +66,14 @@ $kendo-pivotgrid-cell-border-width: 1px !default;
 $kendo-pivotgrid-headers-bg: var( --kendo-component-bg, inherit ) !default;
 /// Text color of the PivotGrid header.
 /// @group pivotgrid
-$kendo-pivotgrid-headers-text: get-theme-color-var( neutral-190 ) !default;
+$kendo-pivotgrid-headers-text: k-get-theme-color-var( neutral-190 ) !default;
 /// Border color of the PivotGrid header.
 /// @group pivotgrid
 $kendo-pivotgrid-headers-border: var( --kendo-component-border, inherit ) !default;
 
 /// Background color of the PivotGrid total cells.
 /// @group pivotgrid
-$kendo-pivotgrid-total-bg: get-theme-color-var( neutral-20 ) !default;
+$kendo-pivotgrid-total-bg: k-get-theme-color-var( neutral-20 ) !default;
 /// Text color of the PivotGrid total cells.
 /// @group pivotgrid
 $kendo-pivotgrid-total-text: var( --kendo-component-text, inherit ) !default;
@@ -157,7 +157,7 @@ $kendo-pivotgrid-configurator-horizontal-height: 420px !default;
 $kendo-pivotgrid-configurator-bg: var( --kendo-component-bg, inherit ) !default;
 /// Text color of the PivotGrid configurator.
 /// @group pivotgrid
-$kendo-pivotgrid-configurator-text: get-theme-color-var( neutral-190 ) !default;
+$kendo-pivotgrid-configurator-text: k-get-theme-color-var( neutral-190 ) !default;
 /// Border color of the PivotGrid configurator.
 /// @group pivotgrid
 $kendo-pivotgrid-configurator-border: var( --kendo-component-border, inherit )!default;
@@ -199,7 +199,7 @@ $kendo-pivotgrid-calculated-field-padding-y: $kendo-pivotgrid-spacer !default;
 $kendo-pivotgrid-calculated-field-border-width: 1px !default;
 /// Border radius of the PivotGrid calculated field.
 /// @group pivotgrid
-$kendo-pivotgrid-calculated-field-border-radius: var( --kendo-border-radius-md, 0 ) !default;
+$kendo-pivotgrid-calculated-field-border-radius: var( --kendo-border-radius-md, #{$kendo-border-radius-md} ) !default;
 /// Spacing of the PivotGrid calculated field.
 /// @group pivotgrid
 $kendo-pivotgrid-calculated-field-gap: $kendo-pivotgrid-spacer !default;

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

@@ -34,7 +34,7 @@ $kendo-progressbar-padding-y: 0 !default;
 
 /// The background color of the ProgressBar.
 /// @group progressbar
-$kendo-progressbar-bg: get-theme-color-var( neutral-30 ) !default;
+$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;
@@ -47,7 +47,7 @@ $kendo-progressbar-gradient: null !default;
 
 /// The progress background color of the ProgressBar.
 /// @group progressbar
-$kendo-progressbar-value-bg: get-theme-color-var( primary-100 ) !default;
+$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;
@@ -67,33 +67,33 @@ $kendo-progressbar-vertical-status-offset: calc( (#{$kendo-progressbar-font-size
 
 /// The background color of the disabled ProgressBar.
 /// @group progressbar
-$kendo-progressbar-disabled-bg: get-theme-color-var( neutral-20 ) !default;
+$kendo-progressbar-disabled-bg: k-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;
+$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;
 
 /// The progress background color of the disabled ProgressBar.
 /// @group progressbar
-$kendo-progressbar-value-disabled-bg: get-theme-color-var( primary-30 ) !default;
+$kendo-progressbar-value-disabled-bg: k-get-theme-color-var( primary-30 ) !default;
 
 /// The background color of the indeterminate ProgressBar.
 /// @group progressbar
-$kendo-progressbar-indeterminate-bg: get-theme-color-var( neutral-30 ) !default;
+$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;
 /// The border color of the indeterminate ProgressBar.
 /// @group progressbar
-$kendo-progressbar-indeterminate-border: get-theme-color-var( neutral-30 ) !default;
+$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;
+$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;
+$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;
@@ -108,7 +108,7 @@ $kendo-progressbar-chunk-border: var( --kendo-body-bg, initial ) !default;
 // Circular Progressbar
 /// The arc stroke color of the circular ProgressBar.
 /// @group progressbar
-$kendo-circular-progressbar-arc-stroke: get-theme-color-var( primary-100 ) !default;
+$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;

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

@@ -35,22 +35,22 @@ $kendo-scrollview-pagebutton-bg: $kendo-color-white !default;
 $kendo-scrollview-pagebutton-border: $kendo-scrollview-pagebutton-bg !default;
 /// The primary background color of the ScrollView page button.
 /// @group scrollview
-$kendo-scrollview-pagebutton-primary-bg: get-theme-color-var( primary-100 ) !default;
+$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;
 /// 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;
+$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;
+$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;
+$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;
 
 /// The offset of the ScrollView pager.
 /// @group scrollview
@@ -76,7 +76,7 @@ $kendo-scrollview-navigation-arrow-shadow: var( --kendo-box-shadow-depth-3, none
 $kendo-scrollview-navigation-bg: transparent !default;
 /// 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;
+$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;

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;

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;