@progress/kendo-theme-bootstrap 5.8.2-dev.4 → 5.8.2-dev.6

package/scss/signature/_variables.scss

@@ -6,15 +6,15 @@ $kendo-signature-lg-min-height: 110px;
 $kendo-signature-maximized-width: 750px !default;
 $kendo-signature-maximized-height: 252px !default;
 
-$kendo-signature-padding-x: map-get( $spacing, 3 ) !default;
-$kendo-signature-padding-x-sm: map-get( $spacing, 2 ) !default;
+$kendo-signature-padding-x: k-map-get( $spacing, 3 ) !default;
+$kendo-signature-padding-x-sm: k-map-get( $spacing, 2 ) !default;
 $kendo-signature-padding-x-md: $kendo-signature-padding-x !default;
-$kendo-signature-padding-x-lg: map-get( $spacing, 4 ) !default;
+$kendo-signature-padding-x-lg: k-map-get( $spacing, 4 ) !default;
 
-$kendo-signature-padding-y: map-get( $spacing, 1 ) !default;
-$kendo-signature-padding-y-sm: map-get( $spacing, thin ) !default;
+$kendo-signature-padding-y: k-map-get( $spacing, 1 ) !default;
+$kendo-signature-padding-y-sm: k-map-get( $spacing, thin ) !default;
 $kendo-signature-padding-y-md: $kendo-signature-padding-y !default;
-$kendo-signature-padding-y-lg: map-get( $spacing, 2 ) !default;
+$kendo-signature-padding-y-lg: k-map-get( $spacing, 2 ) !default;
 
 $kendo-signature-line-width: 1px !default;
 $kendo-signature-line-style: dashed !default;
@@ -45,5 +45,5 @@ $kendo-signature-sizes: (
     )
 ) !default;
 
-$kendo-signature-actions-gap: map-get( $spacing, 1 ) !default;
-$kendo-signature-maximized-line-width: map-get( $spacing, 1 ) - map-get( $spacing, hair ) !default;
+$kendo-signature-actions-gap: k-map-get( $spacing, 1 ) !default;
+$kendo-signature-maximized-line-width: k-map-get( $spacing, 1 ) - k-map-get( $spacing, hair ) !default;

package/scss/slider/_variables.scss

@@ -19,18 +19,18 @@ $slider-draghandle-active-scale: 1 !default;
 $slider-draghandle-active-size: null !default;
 
 $slider-draghandle-bg: $primary !default;
-$slider-draghandle-text: contrast-wcag( $primary ) !default;
+$slider-draghandle-text: k-contrast-color( $primary ) !default;
 $slider-draghandle-border: $primary !default;
 $slider-draghandle-gradient: null !default;
 
-$slider-draghandle-hovered-bg: try-darken( $primary, 7.5% ) !default;
-$slider-draghandle-hovered-text: contrast-wcag( $primary ) !default;
-$slider-draghandle-hovered-border: try-darken( $primary, 10% ) !default;
+$slider-draghandle-hovered-bg: k-try-darken( $primary, 7.5% ) !default;
+$slider-draghandle-hovered-text: k-contrast-color( $primary ) !default;
+$slider-draghandle-hovered-border: k-try-darken( $primary, 10% ) !default;
 $slider-draghandle-hovered-gradient: null !default;
 
-$slider-draghandle-pressed-bg: try-darken( $primary, 10% ) !default;
-$slider-draghandle-pressed-text: contrast-wcag( $primary ) !default;
-$slider-draghandle-pressed-border: try-darken( $primary, 12.5% ) !default;
+$slider-draghandle-pressed-bg: k-try-darken( $primary, 10% ) !default;
+$slider-draghandle-pressed-text: k-contrast-color( $primary ) !default;
+$slider-draghandle-pressed-border: k-try-darken( $primary, 12.5% ) !default;
 $slider-draghandle-pressed-gradient: null !default;
 
 $slider-draghandle-focused-shadow:  0 0 0 3px rgba( $primary, .5 ) !default;

package/scss/splitter/_variables.scss

@@ -17,7 +17,7 @@ $splitter-drag-icon-margin: 7px !default;
 $splitbar-bg: $base-bg !default;
 $splitbar-text: $base-text !default;
 
-$splitbar-hover-bg: try-shade( $splitbar-bg, .5 ) !default;
+$splitbar-hover-bg: k-try-shade( $splitbar-bg, .5 ) !default;
 $splitbar-hover-text: $splitbar-text !default;
 
 $splitbar-selected-bg: $selected-bg !default;

package/scss/spreadsheet/_layout.scss

@@ -1,6 +1,6 @@
 @import "~@progress/kendo-theme-default/scss/spreadsheet/_layout.scss";
 
-@include exports("spreadsheet/filter/layout/bootstrap") {
+@include exports( "spreadsheet/filter/layout/bootstrap" ) {
 
     // Filter menu
     .k-spreadsheet-filter-menu {

package/scss/spreadsheet/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("sreadsheet/theme") {
+@include exports( "sreadsheet/theme" ) {
 
     // Spreadsheet
     .k-spreadsheet {
@@ -242,7 +242,7 @@
 
 
 
-@include exports("spreadsheet/rtl/theme") {
+@include exports( "spreadsheet/rtl/theme" ) {
 
     .k-rtl .k-spreadsheet,
     .k-spreadsheet[dir="rtl"],

package/scss/spreadsheet/_variables.scss

@@ -16,7 +16,7 @@ $spreadsheet-insert-image-dialog-preview-height: 230px !default;
 $spreadsheet-insert-image-dialog-preview-img: "image-default.png" !default;
 $spreadsheet-insert-image-dialog-preview-border: $component-border !default;
 $spreadsheet-insert-image-dialog-preview-border-radius: $kendo-border-radius-md !default;
-$spreadsheet-insert-image-dialog-preview-overlay-shadow: inset 0 0 0 2000px rgba(0, 0, 0, .5) !default;
+$spreadsheet-insert-image-dialog-preview-overlay-shadow: inset 0 0 0 2000px rgba( black, .5 ) !default;
 $spreadsheet-insert-image-dialog-preview-overlay-border-radius: $kendo-border-radius-md !default;
 $spreadsheet-insert-image-dialog-overlay-hovered-text: $component-bg !default;
 

package/scss/stepper/_variables.scss

@@ -33,7 +33,7 @@ $stepper-indicator-bg: $component-bg !default;
 $stepper-indicator-text: $component-text !default;
 $stepper-indicator-border: $component-border !default;
 
-$stepper-indicator-hover-bg: try-shade( $stepper-indicator-bg ) !default;
+$stepper-indicator-hover-bg: k-try-shade( $stepper-indicator-bg ) !default;
 $stepper-indicator-hover-text: null !default;
 $stepper-indicator-hover-border: null !default;
 
@@ -42,15 +42,15 @@ $stepper-indicator-disabled-text: $disabled-text !default;
 $stepper-indicator-disabled-border: null !default;
 
 $stepper-indicator-done-bg: $primary !default;
-$stepper-indicator-done-text: contrast-wcag( $stepper-indicator-done-bg ) !default;
+$stepper-indicator-done-text: k-contrast-color( $stepper-indicator-done-bg ) !default;
 $stepper-indicator-done-border: $stepper-indicator-done-bg !default;
 
-$stepper-indicator-done-hover-bg: try-shade( $stepper-indicator-done-bg ) !default;
+$stepper-indicator-done-hover-bg: k-try-shade( $stepper-indicator-done-bg ) !default;
 $stepper-indicator-done-hover-text: null !default;
 $stepper-indicator-done-hover-border: null !default;
 
-$stepper-indicator-done-disabled-bg: mix( $stepper-indicator-done-bg, $component-bg, 60%) !default;
-$stepper-indicator-done-disabled-text: contrast-wcag( $stepper-indicator-done-bg ) !default;
+$stepper-indicator-done-disabled-bg: k-color-mix( $stepper-indicator-done-bg, $component-bg, 60%) !default;
+$stepper-indicator-done-disabled-text: k-contrast-color( $stepper-indicator-done-bg ) !default;
 $stepper-indicator-done-disabled-border: $stepper-indicator-done-disabled-bg !default;
 
 $stepper-indicator-current-bg: $stepper-indicator-done-bg !default;

package/scss/switch/_variables.scss

@@ -61,7 +61,7 @@ $kendo-switch-off-track-focus-bg: null !default;
 $kendo-switch-off-track-focus-text: null !default;
 /// The border color of the track when the focused switch is not checked.
 /// @group switch
-$kendo-switch-off-track-focus-border: mix( $kendo-switch-off-track-bg, $primary ) !default;
+$kendo-switch-off-track-focus-border: k-color-mix( $kendo-switch-off-track-bg, $primary ) !default;
 /// The background gradient of the track when the focused switch is not checked.
 /// @group switch
 $kendo-switch-off-track-focus-gradient: null !default;
@@ -153,7 +153,7 @@ $kendo-switch-on-track-focus-ring: .25rem solid rgba( $kendo-switch-on-track-bor
 
 /// The background of the track when the disabled switch is checked.
 /// @group switch
-$kendo-switch-on-track-disabled-bg: try-tint( $kendo-switch-on-track-bg, 50% ) !default;
+$kendo-switch-on-track-disabled-bg: k-try-tint( $kendo-switch-on-track-bg, 50% ) !default;
 /// The text color of the track when the disabled switch is checked.
 /// @group switch
 $kendo-switch-on-track-disabled-text: null !default;
@@ -166,7 +166,7 @@ $kendo-switch-on-track-disabled-gradient: null !default;
 
 /// The background of the thumb when the switch is checked.
 /// @group switch
-$kendo-switch-on-thumb-bg: contrast-wcag( $kendo-switch-on-track-bg ) !default;
+$kendo-switch-on-thumb-bg: k-contrast-color( $kendo-switch-on-track-bg ) !default;
 /// The text color of the thumb when the switch is checked.
 /// @group switch
 $kendo-switch-on-thumb-text: null !default;

package/scss/table/_variables.scss

@@ -32,20 +32,20 @@ $kendo-table-sizes: (
     sm: (
         font-size: $font-size-md,
         line-height: $line-height-md,
-        cell-padding-x: map-get( $spacing, 2 ),
-        cell-padding-y: map-get( $spacing, 2 ) - map-get( $spacing, thin )
+        cell-padding-x: k-map-get( $spacing, 2 ),
+        cell-padding-y: k-map-get( $spacing, 2 ) - k-map-get( $spacing, thin )
     ),
     md: (
         font-size: $font-size-md,
         line-height: $line-height-md,
-        cell-padding-x: map-get( $spacing, 2 ),
-        cell-padding-y: map-get( $spacing, 2 )
+        cell-padding-x: k-map-get( $spacing, 2 ),
+        cell-padding-y: k-map-get( $spacing, 2 )
     ),
     lg: (
         font-size: $font-size-md,
         line-height: $line-height-md,
-        cell-padding-x: map-get( $spacing, 2 ),
-        cell-padding-y: map-get( $spacing, 2 ) + map-get( $spacing, thin )
+        cell-padding-x: k-map-get( $spacing, 2 ),
+        cell-padding-y: k-map-get( $spacing, 2 ) + k-map-get( $spacing, thin )
     )
 ) !default;
 

package/scss/tabstrip/_theme.scss

@@ -1,7 +1,7 @@
 @import "~@progress/kendo-theme-default/scss/tabstrip/_theme.scss";
 
 
-@include exports("tabstrip/theme/bootstrap") {
+@include exports( "tabstrip/theme/bootstrap" ) {
 
     // Tabstrip variants
     .k-tabstrip-top {

package/scss/tabstrip/_variables.scss

@@ -33,7 +33,7 @@ $tabstrip-item-padding-y: $nav-item-padding-y !default;
 $tabstrip-item-border-width: 1px !default;
 /// Border radius of tabs
 /// @group tabstrip
-$tabstrip-item-border-radius: map-get( $spacing, 1 ) !default;
+$tabstrip-item-border-radius: k-map-get( $spacing, 1 ) !default;
 /// Spacing between tabs
 /// @group tabstrip
 $tabstrip-item-gap: $nav-item-margin !default;
@@ -79,17 +79,17 @@ $tabstrip-item-selected-gradient: null !default;
 
 $tabstrip-item-focused-shadow: $kendo-list-item-focus-shadow !default;
 
-$tabstrip-item-dragging-shadow: 0px 3px 4px rgba(0, 0, 0, .15) !default;
+$tabstrip-item-dragging-shadow: 0px 3px 4px rgba( black, .15 ) !default;
 
 $tabstrip-indicator-size: null !default;
 $tabstrip-indicator-color: null !default;
 
 /// Horizontal padding of tabstrip content
 /// @group tabstrip
-$tabstrip-content-padding-x: map-get( $spacing, 4 ) !default;
+$tabstrip-content-padding-x: k-map-get( $spacing, 4 ) !default;
 /// Vertical padding of tabstrip content
 /// @group tabstrip
-$tabstrip-content-padding-y: map-get( $spacing, 4 ) !default;
+$tabstrip-content-padding-y: k-map-get( $spacing, 4 ) !default;
 /// Width of border around tabstrip content
 /// @group tabstrip
 $tabstrip-content-border-width: $tabstrip-border-width !default;

package/scss/taskboard/_variables.scss

@@ -1,5 +1,5 @@
 // TaskBoard
-$taskboard-spacer: map-get( $spacing, 4 ) !default;
+$taskboard-spacer: k-map-get( $spacing, 4 ) !default;
 $taskboard-padding-y: null !default;
 $taskboard-padding-x: null !default;
 $taskboard-font-family: $font-family !default;
@@ -33,12 +33,12 @@ $taskboard-column-border: transparent !default;
 
 $taskboard-column-focus-bg: null !default;
 $taskboard-column-focus-text: null !default;
-$taskboard-column-focus-border: try-shade( $base-border, 2.5 ) !default;
+$taskboard-column-focus-border: k-try-shade( $base-border, 2.5 ) !default;
 
 $taskboard-column-header-padding-y: $taskboard-spacer * .75 !default;
 $taskboard-column-header-padding-x: $taskboard-column-header-padding-y !default;
-$taskboard-column-header-gap: ( $taskboard-spacer / 4 ) !default;
-$taskboard-column-header-actions-gap: ( $taskboard-spacer / 2 ) !default;
+$taskboard-column-header-gap: k-math-div( $taskboard-spacer, 4 ) !default;
+$taskboard-column-header-actions-gap: k-math-div( $taskboard-spacer, 2 ) !default;
 $taskboard-column-header-font-weight: 500 !default;
 $taskboard-column-header-text: $header-text !default;
 
@@ -76,12 +76,12 @@ $taskboard-card-shadow: $card-shadow !default;
 
 $taskboard-card-category-border-width: 4px !default;
 
-$taskboard-card-focus-border: try-shade( $taskboard-card-border, 18% ) !default;
+$taskboard-card-focus-border: k-try-shade( $taskboard-card-border, 18% ) !default;
 $taskboard-card-focus-shadow: $card-focus-shadow !default;
 
-$taskboard-card-hover-border: try-shade( $taskboard-card-border, 10% ) !default;
+$taskboard-card-hover-border: k-try-shade( $taskboard-card-border, 10% ) !default;
 
-$taskboard-card-selected-border: tint( $primary-lighter, 8 ) !default;
+$taskboard-card-selected-border: k-color-tint( $primary-lighter, 8 ) !default;
 $taskboard-card-selected-shadow: none !default;
 
 $taskboard-card-header-text: $primary !default;
@@ -90,5 +90,5 @@ $taskboard-card-header-hover-text: $primary-darker !default;
 
 $taskboard-drag-placeholder-border-width: 1px !default;
 $taskboard-drag-placeholder-border-radius: $taskboard-card-border-radius !default;
-$taskboard-drag-placeholder-bg: rgba( if( $dark-theme, $white, $black ), .1) !default;
+$taskboard-drag-placeholder-bg: rgba( if( $dark-theme, $white, $black ), .1 ) !default;
 $taskboard-drag-placeholder-border: $component-border !default;

package/scss/tilelayout/_variables.scss

@@ -8,5 +8,5 @@ $tilelayout-hint-border-radius: $card-border-radius !default;
 
 $tilelayout-bg: $gray-100 !default;
 
-$tilelayout-hint-bg: rgba(255, 255, 255, .2) !default;
+$tilelayout-hint-bg: rgba( white, .2 ) !default;
 $tilelayout-hint-border: $component-border !default;

package/scss/timeline/_variables.scss

@@ -13,9 +13,9 @@ $timeline-mobile-spacing-y: $padding-x !default;
 $timeline-track-arrow-width: 38px !default;
 $timeline-track-arrow-height: 38px !default;
 
-$timeline-track-arrow-disabled-text: true-mix($kendo-button-text, $body-bg, 65%) !default;
-$timeline-track-arrow-disabled-bg: true-mix($kendo-button-bg, $body-bg, 65%) !default;
-$timeline-track-arrow-disabled-border: true-mix($kendo-button-border, $body-bg, 65%) !default;
+$timeline-track-arrow-disabled-text: k-true-mix( $kendo-button-text, $body-bg, 65% ) !default;
+$timeline-track-arrow-disabled-bg: k-true-mix( $kendo-button-bg, $body-bg, 65% ) !default;
+$timeline-track-arrow-disabled-border: k-true-mix( $kendo-button-border, $body-bg, 65% ) !default;
 
 $timeline-track-size: 6px !default;
 $timeline-track-wrap-padding-bottom: $timeline-track-size / 2 !default;
@@ -27,7 +27,7 @@ $timeline-track-end-calc: calc(#{$timeline-track-arrow-width} - 2 * #{$timeline-
 $timeline-track-bg: $kendo-button-bg !default;
 $timeline-track-border-color: $timeline-track-bg !default;
 
-$timeline-track-item-focus-shadow: 0 0 0 3px rgba($primary, .5) !default;
+$timeline-track-item-focus-shadow: 0 0 0 3px rgba( $primary, .5 ) !default;
 
 $timeline-track-event-offset: 36px !default;
 
@@ -39,7 +39,7 @@ $timeline-flag-max-width: calc(#{$timeline-flag-min-width} + 2 * #{$timeline-spa
 $timeline-mobile-flag-max-width: calc(#{$timeline-flag-min-width} + 2 * #{$timeline-mobile-spacing-x}) !default;
 $timeline-horizontal-flag-min-width: 80px !default;
 $timeline-flag-bg: $primary !default;
-$timeline-flag-text: contrast-wcag( $timeline-flag-bg ) !default;
+$timeline-flag-text: k-contrast-color( $timeline-flag-bg ) !default;
 
 $timeline-flag-callout-width: 10px !default;
 $timeline-flag-callout-height: 10px !default;

package/scss/timeselector/_variables.scss

@@ -8,8 +8,8 @@ $time-selector-bg: $component-bg !default;
 $time-selector-text: $component-text !default;
 $time-selector-border: $component-border !default;
 
-$time-selector-header-padding-x: map-get( $spacing, 1 ) !default;
-$time-selector-header-padding-y: map-get( $spacing, 1 ) !default;
+$time-selector-header-padding-x: k-map-get( $spacing, 1 ) !default;
+$time-selector-header-padding-y: k-map-get( $spacing, 1 ) !default;
 $time-selector-header-border-width: 0px !default;
 
 $time-list-width: 4em !default;
@@ -29,7 +29,7 @@ $time-list-highlight-height: calc( #{$time-selector-font-size * $time-selector-l
 $time-list-highlight-bg: $component-bg !default;
 $time-list-highlight-border: $component-border !default;
 
-$time-list-focused-bg: rgba(0, 0, 0, .02) !default;
+$time-list-focused-bg: rgba( black, .02 ) !default;
 
 
 // Time selector sizes

package/scss/toolbar/_variables.scss

@@ -2,10 +2,10 @@
 
 /// The horizontal padding of the container.
 /// @group toolbar
-$toolbar-padding-x: map-get( $spacing, 2 ) !default;
+$toolbar-padding-x: k-map-get( $spacing, 2 ) !default;
 /// The vertical padding of the container.
 /// @group toolbar
-$toolbar-padding-y: map-get( $spacing, 2 ) !default;
+$toolbar-padding-y: k-map-get( $spacing, 2 ) !default;
 $toolbar-border-width: 1px !default;
 $toolbar-border-radius: null !default;
 $toolbar-spacing: $toolbar-padding-x !default;
@@ -25,3 +25,5 @@ $toolbar-shadow: null !default;
 $toolbar-separator-border: inherit !default;
 
 $toolbar-input-width: 10em !default;
+
+$toolbar-item-shadow: 0 0 0 .25rem rgba( $primary, .25 ) !default;

package/scss/tooltip/_variables.scss

@@ -15,21 +15,21 @@ $tooltip-title-line-height: 1 !default;
 $tooltip-callout-size: $tooltip-arrow-height !default;
 
 $tooltip-bg: $tooltip-bg !default;
-$tooltip-text: contrast-wcag($tooltip-bg) !default;
+$tooltip-text: k-contrast-color( $tooltip-bg ) !default;
 $tooltip-border: $tooltip-bg !default;
 
 $tooltip-primary-bg: $primary !default;
-$tooltip-primary-text: contrast-wcag( $tooltip-primary-bg ) !default;
+$tooltip-primary-text: k-contrast-color( $tooltip-primary-bg ) !default;
 $tooltip-primary-border: $tooltip-primary-bg !default;
 $tooltip-info-bg: $info !default;
-$tooltip-info-text: contrast-wcag( $tooltip-info-bg ) !default;
+$tooltip-info-text: k-contrast-color( $tooltip-info-bg ) !default;
 $tooltip-info-border: $tooltip-info-bg !default;
 $tooltip-success-bg: $success !default;
-$tooltip-success-text: contrast-wcag( $tooltip-success-bg ) !default;
+$tooltip-success-text: k-contrast-color( $tooltip-success-bg ) !default;
 $tooltip-success-border: $tooltip-success-bg !default;
 $tooltip-warning-bg: $warning !default;
-$tooltip-warning-text: contrast-wcag( $tooltip-warning-bg ) !default;
+$tooltip-warning-text: k-contrast-color( $tooltip-warning-bg ) !default;
 $tooltip-warning-border: $tooltip-warning-bg !default;
 $tooltip-error-bg: $error !default;
-$tooltip-error-text: contrast-wcag( $tooltip-error-bg ) !default;
+$tooltip-error-text: k-contrast-color( $tooltip-error-bg ) !default;
 $tooltip-error-border: $tooltip-error-bg !default;

package/scss/treelist/_layout.scss

@@ -1,6 +1,6 @@
 @import "~@progress/kendo-theme-default/scss/treelist/_layout.scss";
 
-@include exports("treelist/layout/bootstrap") {
+@include exports( "treelist/layout/bootstrap" ) {
     .k-treelist {
         tr.k-footer td,
         tr.k-footer-template td {
@@ -14,4 +14,3 @@
         }
     }
 }
-

package/scss/treelist/_theme.scss

@@ -1,6 +1,6 @@
 @import "~@progress/kendo-theme-default/scss/treelist/_theme.scss";
 
-@include exports("treelist/theme/bootstrap") {
+@include exports( "treelist/theme/bootstrap" ) {
     .k-treelist {
         tr.k-footer,
         tr.k-footer-template {

package/scss/treeview/_variables.scss

@@ -12,7 +12,7 @@ $kendo-treeview-font-size-lg: $font-size-md !default;
 /// Line height of the treeview component.
 /// @group treeview
 $kendo-treeview-line-height: $line-height !default;
-$kendo-treeview-line-height-sm: (20 / 14) !default;
+$kendo-treeview-line-height-sm: k-math-div( 20, 14 ) !default;
 $kendo-treeview-line-height-md: $line-height !default;
 $kendo-treeview-line-height-lg: $line-height !default;
 
@@ -22,22 +22,22 @@ $kendo-treeview-indent: 16px !default;
 
 /// Horizontal padding of treeview items.
 /// @group treeview
-$kendo-treeview-item-padding-x: map-get( $spacing, 3 ) !default;
-$kendo-treeview-item-padding-x-sm: map-get( $spacing, 2 ) !default;
-$kendo-treeview-item-padding-x-md: map-get( $spacing, 3 ) !default;
-$kendo-treeview-item-padding-x-lg: map-get( $spacing, 3 ) !default;
+$kendo-treeview-item-padding-x: k-map-get( $spacing, 3 ) !default;
+$kendo-treeview-item-padding-x-sm: k-map-get( $spacing, 2 ) !default;
+$kendo-treeview-item-padding-x-md: k-map-get( $spacing, 3 ) !default;
+$kendo-treeview-item-padding-x-lg: k-map-get( $spacing, 3 ) !default;
 /// Vertical padding of treeview items.
 /// @group treeview
-$kendo-treeview-item-padding-y: map-get( $spacing, 1 ) !default;
-$kendo-treeview-item-padding-y-sm: map-get( $spacing, 1 ) !default;
-$kendo-treeview-item-padding-y-md: map-get( $spacing, 1 ) !default;
-$kendo-treeview-item-padding-y-lg: map-get( $spacing, 2 ) !default;
+$kendo-treeview-item-padding-y: k-map-get( $spacing, 1 ) !default;
+$kendo-treeview-item-padding-y-sm: k-map-get( $spacing, 1 ) !default;
+$kendo-treeview-item-padding-y-md: k-map-get( $spacing, 1 ) !default;
+$kendo-treeview-item-padding-y-lg: k-map-get( $spacing, 2 ) !default;
 /// Border width of treeview items.
 /// @group treeview
 $kendo-treeview-item-border-width: 0px !default;
 /// Border radius of treeview items.
 /// @group treeview
-$kendo-treeview-item-border-radius: map-get( $spacing, 1 ) !default;
+$kendo-treeview-item-border-radius: k-map-get( $spacing, 1 ) !default;
 
 
 /// The sizes of the treeview.

package/scss/typography/_variables.scss

@@ -118,10 +118,10 @@ $link-hover-text: $link-hover-color !default;
 
 
 // Display
-$display1-font-size: map-get( $display-font-sizes, 1) !default;
-$display2-font-size: map-get( $display-font-sizes, 2) !default;
-$display3-font-size: map-get( $display-font-sizes, 3) !default;
-$display4-font-size: map-get( $display-font-sizes, 4) !default;
+$display1-font-size: k-map-get( $display-font-sizes, 1) !default;
+$display2-font-size: k-map-get( $display-font-sizes, 2) !default;
+$display3-font-size: k-map-get( $display-font-sizes, 3) !default;
+$display4-font-size: k-map-get( $display-font-sizes, 4) !default;
 
 $display1-font-family: null !default;
 $display2-font-family: null !default;

package/scss/upload/_variables.scss

@@ -9,18 +9,18 @@ $upload-bg: $component-bg !default;
 $upload-text: $component-text !default;
 $upload-border: $component-border !default;
 
-$upload-dropzone-padding-x: map-get( $spacing, 2 ) !default;
-$upload-dropzone-padding-y: map-get( $spacing, 2 ) !default;
+$upload-dropzone-padding-x: k-map-get( $spacing, 2 ) !default;
+$upload-dropzone-padding-y: k-map-get( $spacing, 2 ) !default;
 $upload-dropzone-bg: $header-bg !default;
 $upload-dropzone-text: $header-text !default;
 $upload-dropzone-border: $upload-border !default;
-$upload-dropzone-hover-bg: try-shade( $upload-dropzone-bg, .2 ) !default;
+$upload-dropzone-hover-bg: k-try-shade( $upload-dropzone-bg, .2 ) !default;
 
 $upload-status-text: $subtle-text !default;
 $upload-status-text-opacity: null !default;
 
-$upload-item-padding-x: map-get( $spacing, 4 ) !default;
-$upload-item-padding-y: map-get( $spacing, 4 ) !default;
+$upload-item-padding-x: k-map-get( $spacing, 4 ) !default;
+$upload-item-padding-y: k-map-get( $spacing, 4 ) !default;
 
 $upload-multiple-items-spacing: 12px !default;
 

package/scss/window/_variables.scss

@@ -5,8 +5,8 @@ $window-font-family: $font-family !default;
 $window-font-size: $font-size !default;
 $window-line-height: $line-height !default;
 
-$window-titlebar-padding-x: map-get( $spacing, 4 ) !default;
-$window-titlebar-padding-y: map-get( $spacing, 4 ) !default;
+$window-titlebar-padding-x: k-map-get( $spacing, 4 ) !default;
+$window-titlebar-padding-y: k-map-get( $spacing, 4 ) !default;
 $window-titlebar-border-width: 0 0 1px !default;
 $window-titlebar-border-style: solid !default;
 
@@ -18,8 +18,8 @@ $window-actions-gap: .5rem !default;
 $window-action-opacity: .5 !default;
 $window-action-hover-opacity: .75 !default;
 
-$window-inner-padding-x: map-get( $spacing, 4 ) !default;
-$window-inner-padding-y: map-get( $spacing, 4 ) !default;
+$window-inner-padding-x: k-map-get( $spacing, 4 ) !default;
+$window-inner-padding-y: k-map-get( $spacing, 4 ) !default;
 
 $window-buttongroup-padding-x: $actions-padding-x !default;
 $window-buttongroup-padding-y: $actions-padding-y !default;

package/scss/wizard/_variables.scss

@@ -11,4 +11,4 @@ $wizard-line-height: $line-height !default;
 $wizard-font-family: $font-family !default;
 
 $wizard-step-border-focused: #656565 !default;
-$wizard-focused-shadow: inset 0 0 0 2px rgba(0, 0, 0, .13) !default;
+$wizard-focused-shadow: inset 0 0 0 2px rgba( black, .13 ) !default;