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

package/scss/list/_variables.scss

@@ -10,25 +10,25 @@ $kendo-list-font-size-lg: $font-size-md !default;
 /// Line height of the list component, if no size is set.
 /// @group list
 $kendo-list-line-height: null !default;
-$kendo-list-line-height-sm: (20 / 14) !default;
+$kendo-list-line-height-sm: k-math-div( 20, 14 ) !default;
 $kendo-list-line-height-md: $line-height-md !default;
 $kendo-list-line-height-lg: $line-height-md !default;
 
 /// Horizontal padding of list header, if no size is set.
 /// @group list
 $kendo-list-header-padding-x: null !default;
-$kendo-list-header-padding-x-base: map-get( $spacing, 4 ) !default;
-$kendo-list-header-padding-x-sm: map-get( $spacing, 4 ) !default;
-$kendo-list-header-padding-x-md: map-get( $spacing, 4 ) !default;
-$kendo-list-header-padding-x-lg: map-get( $spacing, 4 ) !default;
+$kendo-list-header-padding-x-base: k-map-get( $spacing, 4 ) !default;
+$kendo-list-header-padding-x-sm: k-map-get( $spacing, 4 ) !default;
+$kendo-list-header-padding-x-md: k-map-get( $spacing, 4 ) !default;
+$kendo-list-header-padding-x-lg: k-map-get( $spacing, 4 ) !default;
 
 /// Vertical padding of list header, if no size is set.
 /// @group list
 $kendo-list-header-padding-y: null !default;
-$kendo-list-header-padding-y-base: map-get( $spacing, 1 ) !default;
-$kendo-list-header-padding-y-sm: map-get( $spacing, 1 ) !default;
-$kendo-list-header-padding-y-md: map-get( $spacing, 1 ) !default;
-$kendo-list-header-padding-y-lg: map-get( $spacing, 2 ) !default;
+$kendo-list-header-padding-y-base: k-map-get( $spacing, 1 ) !default;
+$kendo-list-header-padding-y-sm: k-map-get( $spacing, 1 ) !default;
+$kendo-list-header-padding-y-md: k-map-get( $spacing, 1 ) !default;
+$kendo-list-header-padding-y-lg: k-map-get( $spacing, 2 ) !default;
 
 /// Border width of list header.
 /// @group list
@@ -55,18 +55,18 @@ $kendo-list-header-font-weight: bold !default;
 /// Horizontal padding of list items, when no size is set.
 /// @group list
 $kendo-list-item-padding-x: null !default;
-$kendo-list-item-padding-x-base: map-get( $spacing, 4 ) !default;
-$kendo-list-item-padding-x-sm: map-get( $spacing, 4 ) !default;
-$kendo-list-item-padding-x-md: map-get( $spacing, 4 ) !default;
-$kendo-list-item-padding-x-lg: map-get( $spacing, 4 ) !default;
+$kendo-list-item-padding-x-base: k-map-get( $spacing, 4 ) !default;
+$kendo-list-item-padding-x-sm: k-map-get( $spacing, 4 ) !default;
+$kendo-list-item-padding-x-md: k-map-get( $spacing, 4 ) !default;
+$kendo-list-item-padding-x-lg: k-map-get( $spacing, 4 ) !default;
 
 /// Vertical padding of list items, when no size is set.
 /// @group list
 $kendo-list-item-padding-y: null !default;
-$kendo-list-item-padding-y-base: map-get( $spacing, 1 ) !default;
-$kendo-list-item-padding-y-sm: map-get( $spacing, 1 ) !default;
-$kendo-list-item-padding-y-md: map-get( $spacing, 1 ) !default;
-$kendo-list-item-padding-y-lg: map-get( $spacing, 2 ) !default;
+$kendo-list-item-padding-y-base: k-map-get( $spacing, 1 ) !default;
+$kendo-list-item-padding-y-sm: k-map-get( $spacing, 1 ) !default;
+$kendo-list-item-padding-y-md: k-map-get( $spacing, 1 ) !default;
+$kendo-list-item-padding-y-lg: k-map-get( $spacing, 2 ) !default;
 
 /// Font size of list items, if no size is set.
 /// @group list
@@ -85,18 +85,18 @@ $kendo-list-item-line-height-lg: null !default;
 /// Horizontal padding of list group items, when no size is set.
 /// @group list
 $kendo-list-group-item-padding-x: null !default;
-$kendo-list-group-item-padding-x-base: map-get( $spacing, 4 ) !default;
-$kendo-list-group-item-padding-x-sm: map-get( $spacing, 4 ) !default;
-$kendo-list-group-item-padding-x-md: map-get( $spacing, 4 ) !default;
-$kendo-list-group-item-padding-x-lg: map-get( $spacing, 4 ) !default;
+$kendo-list-group-item-padding-x-base: k-map-get( $spacing, 4 ) !default;
+$kendo-list-group-item-padding-x-sm: k-map-get( $spacing, 4 ) !default;
+$kendo-list-group-item-padding-x-md: k-map-get( $spacing, 4 ) !default;
+$kendo-list-group-item-padding-x-lg: k-map-get( $spacing, 4 ) !default;
 
 /// Vertical padding of list group items, when no size is set.
 /// @group list
 $kendo-list-group-item-padding-y: null !default;
-$kendo-list-group-item-padding-y-base: map-get( $spacing, 1 ) !default;
-$kendo-list-group-item-padding-y-sm: map-get( $spacing, 1 ) - map-get( $spacing, thin ) !default;
-$kendo-list-group-item-padding-y-md: map-get( $spacing, 1 ) !default;
-$kendo-list-group-item-padding-y-lg: map-get( $spacing, 1 ) + map-get( $spacing, thin ) !default;
+$kendo-list-group-item-padding-y-base: k-map-get( $spacing, 1 ) !default;
+$kendo-list-group-item-padding-y-sm: k-map-get( $spacing, 1 ) - k-map-get( $spacing, thin ) !default;
+$kendo-list-group-item-padding-y-md: k-map-get( $spacing, 1 ) !default;
+$kendo-list-group-item-padding-y-lg: k-map-get( $spacing, 1 ) + k-map-get( $spacing, thin ) !default;
 
 /// Border width of list group items.
 /// @group list

package/scss/listgroup/_variables.scss

@@ -1,6 +1,6 @@
 // Listgroup
 $listgroup-border-width: 1px !default;
-$listgroup-border-radius: map-get( $spacing, 1 ) !default;
+$listgroup-border-radius: k-map-get( $spacing, 1 ) !default;
 
 $listgroup-font-size: $font-size !default;
 $listgroup-line-height: $line-height !default;
@@ -9,6 +9,6 @@ $listgroup-bg: $component-bg !default;
 $listgroup-text: $component-text !default;
 $listgroup-border: $component-border !default;
 
-$listgroup-item-padding-x: map-get( $spacing, 4 ) !default;
-$listgroup-item-padding-y: map-get( $spacing, 2 ) !default;
+$listgroup-item-padding-x: k-map-get( $spacing, 4 ) !default;
+$listgroup-item-padding-y: k-map-get( $spacing, 2 ) !default;
 $listgroup-item-border-width: $listgroup-border-width !default;

package/scss/listview/_variables.scss

@@ -1,6 +1,6 @@
 // Listview
-$listview-padding-x: map-get( $spacing, 1 ) !default;
-$listview-padding-y: map-get( $spacing, 1 ) !default;
+$listview-padding-x: k-map-get( $spacing, 1 ) !default;
+$listview-padding-y: k-map-get( $spacing, 1 ) !default;
 $listview-border-width: 1px !default;
 $listview-font-family: $font-family !default;
 $listview-font-size: $font-size !default;
@@ -12,8 +12,8 @@ $listview-border: $component-border !default;
 
 $listview-grid-gap: 10px !default;
 
-$listview-item-padding-x: map-get( $spacing, 1 ) !default;
-$listview-item-padding-y: map-get( $spacing, 1 ) !default;
+$listview-item-padding-x: k-map-get( $spacing, 1 ) !default;
+$listview-item-padding-y: k-map-get( $spacing, 1 ) !default;
 
 $listview-item-selected-bg: rgba( $selected-bg, .25 ) !default;
 $listview-item-selected-text: null !default;

package/scss/loader/_variables.scss

@@ -1,12 +1,12 @@
 // Loader
 $loader-segment-border-radius: 50% !default;
-$loader-segment-size-sm: map-get( $spacing, 1 ) !default;
-$loader-segment-size-md: map-get( $spacing, 2 ) !default;
-$loader-segment-size-lg: map-get( $spacing, 4 ) !default;
+$loader-segment-size-sm: k-map-get( $spacing, 1 ) !default;
+$loader-segment-size-md: k-map-get( $spacing, 2 ) !default;
+$loader-segment-size-lg: k-map-get( $spacing, 4 ) !default;
 
-$loader-padding-sm: ( $loader-segment-size-sm / 2 ) !default;
-$loader-padding-md: ( $loader-segment-size-md / 2 ) !default;
-$loader-padding-lg: ( $loader-segment-size-lg / 2 ) !default;
+$loader-padding-sm: k-math-div( $loader-segment-size-sm, 2 ) !default;
+$loader-padding-md: k-math-div( $loader-segment-size-md, 2 ) !default;
+$loader-padding-lg: k-math-div( $loader-segment-size-lg, 2 ) !default;
 
 $loader-spinner-3-width-sm: ( $loader-segment-size-sm * 4 ) !default;
 $loader-spinner-3-height-sm: ( $loader-spinner-3-width-sm * $equilateral-height ) !default;
@@ -30,14 +30,14 @@ $loader-container-panel-border-color: $component-border !default;
 $loader-container-panel-border-radius: $kendo-border-radius-md !default;
 $loader-container-panel-bg: $white !default;
 
-$loader-container-padding-sm: map-get( $spacing, 4 ) !default;
-$loader-container-gap-sm: map-get( $spacing, 1 ) !default;
+$loader-container-padding-sm: k-map-get( $spacing, 4 ) !default;
+$loader-container-gap-sm: k-map-get( $spacing, 1 ) !default;
 $loader-container-font-size-sm: $font-size-sm !default;
 
-$loader-container-padding-md: map-get( $spacing, 5 ) !default;
-$loader-container-gap-md: map-get( $spacing, 2 ) !default;
+$loader-container-padding-md: k-map-get( $spacing, 5 ) !default;
+$loader-container-gap-md: k-map-get( $spacing, 2 ) !default;
 $loader-container-font-size-md: $font-size-md !default;
 
-$loader-container-padding-lg: map-get( $spacing, 6 ) !default;
-$loader-container-gap-lg: map-get( $spacing, 3 ) !default;
+$loader-container-padding-lg: k-map-get( $spacing, 6 ) !default;
+$loader-container-gap-lg: k-map-get( $spacing, 3 ) !default;
 $loader-container-font-size-lg: $font-size-lg !default;

package/scss/mediaplayer/_variables.scss

@@ -8,8 +8,8 @@ $mediaplayer-bg: $component-bg !default;
 $mediaplayer-text: $component-text !default;
 $mediaplayer-border: $component-border !default;
 
-$mediaplayer-titlebar-padding-x: map-get( $spacing, 2 ) !default;
-$mediaplayer-titlebar-padding-y: map-get( $spacing, 2 ) !default;
+$mediaplayer-titlebar-padding-x: k-map-get( $spacing, 2 ) !default;
+$mediaplayer-titlebar-padding-y: k-map-get( $spacing, 2 ) !default;
 $mediaplayer-titlebar-bg: null !default;
 $mediaplayer-titlebar-text: $mediaplayer-bg !default;
 $mediaplayer-titlebar-border: null !default;

package/scss/menu/_layout.scss

@@ -1,6 +1,6 @@
 @import "~@progress/kendo-theme-default/scss/menu/_layout.scss";
 
-@include exports("menu/layout/bootstrap") {
+@include exports( "menu/layout/bootstrap" ) {
 
     .k-menu.k-menu-horizontal:not(.k-context-menu) {
         padding: $navbar-padding-y $navbar-padding-x;

package/scss/menu/_variables.scss

@@ -31,7 +31,7 @@ $menu-item-expanded-gradient: null !default;
 
 $menu-item-focus-shadow: inset 0 0 0 3px rgba( $menu-text, .15 ) !default;
 
-$menu-separator-spacing: map-get( $spacing, 1 ) !default;
+$menu-separator-spacing: k-map-get( $spacing, 1 ) !default;
 
 $menu-scroll-button-bg: $menu-bg !default;
 $menu-scroll-button-text: rgba( $menu-text, .5 ) !default;
@@ -90,17 +90,17 @@ $kendo-menu-popup-gradient: null !default;
 
 /// Horizontal padding of the menu item in popup.
 /// @group menu
-$kendo-menu-popup-item-padding-x: map-get( $spacing, 4 ) !default;
-$kendo-menu-popup-item-padding-x-sm: map-get( $spacing, 4 ) !default;
-$kendo-menu-popup-item-padding-x-md: map-get( $spacing, 4 ) !default;
-$kendo-menu-popup-item-padding-x-lg: map-get( $spacing, 4 ) !default;
+$kendo-menu-popup-item-padding-x: k-map-get( $spacing, 4 ) !default;
+$kendo-menu-popup-item-padding-x-sm: k-map-get( $spacing, 4 ) !default;
+$kendo-menu-popup-item-padding-x-md: k-map-get( $spacing, 4 ) !default;
+$kendo-menu-popup-item-padding-x-lg: k-map-get( $spacing, 4 ) !default;
 
 /// Vertical padding of the menu item in popup.
 /// @group menu
-$kendo-menu-popup-item-padding-y: map-get( $spacing, 1 ) !default;
-$kendo-menu-popup-item-padding-y-sm: map-get( $spacing, 1 ) - map-get( $spacing, thin ) !default;
-$kendo-menu-popup-item-padding-y-md: map-get( $spacing, 1 ) !default;
-$kendo-menu-popup-item-padding-y-lg: map-get( $spacing, 1 ) + map-get( $spacing, thin ) !default;
+$kendo-menu-popup-item-padding-y: k-map-get( $spacing, 1 ) !default;
+$kendo-menu-popup-item-padding-y-sm: k-map-get( $spacing, 1 ) - k-map-get( $spacing, thin ) !default;
+$kendo-menu-popup-item-padding-y-md: k-map-get( $spacing, 1 ) !default;
+$kendo-menu-popup-item-padding-y-lg: k-map-get( $spacing, 1 ) + k-map-get( $spacing, thin ) !default;
 
 /// The end padding of the menu item in popup.
 /// @group menu

package/scss/notification/_variables.scss

@@ -22,10 +22,10 @@ $notification-border: $component-border !default;
 
     // sass-lint:disable-block indentation
     @each $name, $color in $colors {
-        $_theme: map-merge(( $name: (
-            color: shade( $color, 6 ),
-            background-color: tint( $color, 9 ),
-            border: tint( $color, 10 ),
+        $_theme: k-map-merge(( $name: (
+            color: k-color-shade( $color, 6 ),
+            background-color: k-color-tint( $color, 9 ),
+            border: k-color-tint( $color, 10 ),
         )), $_theme );
     }
 

package/scss/orgchart/_variables.scss

@@ -1,5 +1,5 @@
 // Orgchart
-$orgchart-spacer: map-get( $spacing, 6 ) !default;
+$orgchart-spacer: k-map-get( $spacing, 6 ) !default;
 $orgchart-padding-y: $orgchart-spacer !default;
 $orgchart-padding-x: $orgchart-padding-y !default;
 $orgchart-font-family: $font-family !default;

package/scss/pager/_layout.scss

@@ -1,6 +1,6 @@
 @import "~@progress/kendo-theme-default/scss/pager/_layout.scss";
 
-@include exports("pager/layout/bootstrap") {
+@include exports( "pager/layout/bootstrap" ) {
 
 
     // Pager items

package/scss/pager/_variables.scss

@@ -1,6 +1,6 @@
 // Pager
-$pager-padding-x: map-get( $spacing, 2 ) !default;
-$pager-padding-y: map-get( $spacing, 2 ) !default;
+$pager-padding-x: k-map-get( $spacing, 2 ) !default;
+$pager-padding-y: k-map-get( $spacing, 2 ) !default;
 $pager-border-width: 1px !default;
 
 $pager-font-family: $font-family !default;
@@ -12,15 +12,15 @@ $pager-text: $header-text !default;
 $pager-border: $header-border !default;
 
 $pager-focus-bg: null !default;
-$pager-focus-shadow: inset 0 0 0 2px rgba( 0, 0, 0, .08) !default;
+$pager-focus-shadow: inset 0 0 0 2px rgba( black, .08) !default;
 
-$pager-section-spacing: map-get( $spacing, 4 ) !default;
+$pager-section-spacing: k-map-get( $spacing, 4 ) !default;
 
 $pager-item-padding-x: $kendo-button-padding-y !default;
 $pager-item-padding-y: $kendo-button-padding-y !default;
 $pager-item-border-width: 1px !default;
-$pager-item-border-radius: map-get( $spacing, 1 ) !default;
-$pager-item-spacing: (-1 * $pager-item-border-width) !default;
+$pager-item-border-radius: k-map-get( $spacing, 1 ) !default;
+$pager-item-spacing: -$pager-item-border-width !default;
 
 $pager-item-bg: $component-bg !default;
 $pager-item-text: $link-text !default;
@@ -36,7 +36,7 @@ $pager-item-selected-border: $pager-item-selected-bg !default;
 
 $pager-item-focus-opacity: null !default;
 $pager-item-focus-bg: $pager-item-bg !default;
-$pager-item-focus-shadow: 0 0 0 3px rgba($primary, .25) !default;
+$pager-item-focus-shadow: 0 0 0 3px rgba( $primary, .25 ) !default;
 
 $pager-number-padding-x: $pager-item-padding-x !default;
 $pager-number-padding-y: $pager-item-padding-y !default;

package/scss/panelbar/_variables.scss

@@ -9,11 +9,11 @@ $panelbar-border-style: solid !default;
 $panelbar-item-border-width: 1px !default;
 $panelbar-item-border-style: solid !default;
 
-$panelbar-header-padding-x: map-get( $spacing, 6 ) !default;
-$panelbar-header-padding-y: map-get( $spacing, 4 ) !default;
+$panelbar-header-padding-x: k-map-get( $spacing, 6 ) !default;
+$panelbar-header-padding-y: k-map-get( $spacing, 4 ) !default;
 
-$panelbar-item-padding-x: map-get( $spacing, 6 ) !default;
-$panelbar-item-padding-y: map-get( $spacing, 3 ) !default;
+$panelbar-item-padding-x: k-map-get( $spacing, 6 ) !default;
+$panelbar-item-padding-y: k-map-get( $spacing, 3 ) !default;
 
 $panelbar-item-level-count: 4 !default;
 
@@ -26,7 +26,7 @@ $panelbar-header-text: $link-text !default;
 $panelbar-header-border: null !default;
 $panelbar-header-gradient: null !default;
 
-$panelbar-header-hovered-bg: try-shade( $panelbar-header-bg, .5 ) !default;
+$panelbar-header-hovered-bg: k-try-shade( $panelbar-header-bg, .5 ) !default;
 $panelbar-header-hovered-text: null !default;
 $panelbar-header-hovered-border: null !default;
 $panelbar-header-hovered-gradient: null !default;
@@ -47,7 +47,7 @@ $panelbar-header-selected-text: $selected-text !default;
 $panelbar-header-selected-border: null !default;
 $panelbar-header-selected-gradient: null !default;
 
-$panelbar-header-selected-hovered-bg: try-shade( $panelbar-header-selected-bg ) !default;
+$panelbar-header-selected-hovered-bg: k-try-shade( $panelbar-header-selected-bg ) !default;
 $panelbar-header-selected-hovered-text: null !default;
 $panelbar-header-selected-hovered-border: null !default;
 $panelbar-header-selected-hovered-gradient: null !default;
@@ -62,7 +62,7 @@ $panelbar-header-selected-hovered-focused-text: null !default;
 $panelbar-header-selected-hovered-focused-border: null !default;
 $panelbar-header-selected-hovered-focused-gradient: null !default;
 
-$panelbar-item-hovered-bg: try-shade( $panelbar-bg, 1 ) !default;
+$panelbar-item-hovered-bg: k-try-shade( $panelbar-bg, 1 ) !default;
 $panelbar-item-hovered-text: null !default;
 $panelbar-item-hovered-border: null !default;
 $panelbar-item-hovered-gradient: null !default;
@@ -83,7 +83,7 @@ $panelbar-item-selected-text: $selected-text !default;
 $panelbar-item-selected-border: null !default;
 $panelbar-item-selected-gradient: null !default;
 
-$panelbar-item-selected-hovered-bg: try-shade( $panelbar-item-selected-bg ) !default;
+$panelbar-item-selected-hovered-bg: k-try-shade( $panelbar-item-selected-bg ) !default;
 $panelbar-item-selected-hovered-text: null !default;
 $panelbar-item-selected-hovered-border: null !default;
 $panelbar-item-selected-hovered-gradient: null !default;

package/scss/pdf-viewer/_variables.scss

@@ -22,14 +22,14 @@ $pdf-viewer-page-spacing: 30px !default;
 $pdf-viewer-page-bg: white !default;
 $pdf-viewer-page-text: $component-text !default;
 $pdf-viewer-page-border: $component-border !default;
-$pdf-viewer-page-shadow: 0 0 ($pdf-viewer-page-spacing / 2) $pdf-viewer-page-border !default;
+$pdf-viewer-page-shadow: 0 0 k-math-div( $pdf-viewer-page-spacing, 2 ) $pdf-viewer-page-border !default;
 
 $pdf-viewer-search-dialog-padding-x: $toolbar-padding-x !default;
 $pdf-viewer-search-dialog-padding-y: calc( #{$toolbar-padding-x} * 2 ) !default;
 $pdf-viewer-search-dialog-spacing: $toolbar-spacing !default;
 
 $pdf-viewer-search-panel-border-width: 1px !default;
-$pdf-viewer-search-panel-border-radius: map-get( $spacing, 1 ) !default;
+$pdf-viewer-search-panel-border-radius: k-map-get( $spacing, 1 ) !default;
 $pdf-viewer-search-panel-bg: $component-bg !default;
 $pdf-viewer-search-panel-text: $component-text !default;
 $pdf-viewer-search-panel-border: $component-border !default;

package/scss/pivotgrid/_variables.scss

@@ -1,5 +1,5 @@
 // Pivot grid
-$pivotgrid-spacer: map-get( $spacing, 4 ) !default;
+$pivotgrid-spacer: k-map-get( $spacing, 4 ) !default;
 $pivotgrid-padding-x: null !default;
 $pivotgrid-padding-y: null !default;
 $pivotgrid-font-family: $font-family !default;
@@ -19,21 +19,21 @@ $pivotgrid-bg: $component-bg !default;
 $pivotgrid-text: $component-text !default;
 $pivotgrid-border: $component-border !default;
 
-$pivotgrid-alt-border: try-shade($pivotgrid-border, 2) !default;
+$pivotgrid-alt-border: k-try-shade( $pivotgrid-border, 2 ) !default;
 
 $pivotgrid-headers-bg: $header-bg !default;
 $pivotgrid-headers-text: $header-text !default;
 $pivotgrid-headers-border: $header-border !default;
 
-$pivotgrid-total-bg: try-shade( $pivotgrid-bg, 1 ) !default;
+$pivotgrid-total-bg: k-try-shade( $pivotgrid-bg, 1 ) !default;
 $pivotgrid-total-text: $header-text !default;
 $pivotgrid-total-border: $header-border !default;
 
-$pivotgrid-hover-bg: darken($pivotgrid-bg, 7%) !default;
+$pivotgrid-hover-bg: k-color-darken( $pivotgrid-bg, 7% ) !default;
 $pivotgrid-hover-text: null !default;
 $pivotgrid-hover-border: null !default;
 
-$pivotgrid-selected-bg: rgba($selected-bg, .25) !default;
+$pivotgrid-selected-bg: rgba( $selected-bg, .25 ) !default;
 $pivotgrid-selected-text: null !default;
 $pivotgrid-selected-border: null !default;
 
@@ -53,7 +53,7 @@ $pivotgrid-configurator-content-padding-x: $pivotgrid-spacer !default;
 $pivotgrid-configurator-content-padding-y: .25rem !default;
 
 $pivotgrid-configurator-fields-margin-x: 0px !default;
-$pivotgrid-configurator-fields-margin-y: ( $pivotgrid-spacer / 2 ) !default;
+$pivotgrid-configurator-fields-margin-y: k-math-div( $pivotgrid-spacer, 2 ) !default;
 
 $pivotgrid-configurator-vertical-width: 320px !default;
 $pivotgrid-configurator-horizontal-height: 420px !default;
@@ -66,13 +66,13 @@ $pivotgrid-configurator-header-bg: null !default;
 $pivotgrid-configurator-header-text: $header-text !default;
 $pivotgrid-configurator-header-border: null !default;
 
-$pivotgrid-configurator-end-shadow: -3px 0px 6px rgba(0, 0, 0, .16) !default;
-$pivotgrid-configurator-start-shadow: 3px 0px 6px rgba(0, 0, 0, .16) !default;
-$pivotgrid-configurator-top-shadow: 0px -3px 6px rgba(0, 0, 0, .16) !default;
-$pivotgrid-configurator-bottom-shadow: 0px 3px 6px rgba(0, 0, 0, .16) !default;
+$pivotgrid-configurator-end-shadow: -3px 0px 6px rgba( black, .16 ) !default;
+$pivotgrid-configurator-start-shadow: 3px 0px 6px rgba( black, .16 ) !default;
+$pivotgrid-configurator-top-shadow: 0px -3px 6px rgba( black, .16 ) !default;
+$pivotgrid-configurator-bottom-shadow: 0px 3px 6px rgba( black, .16 ) !default;
 
-$pivotgrid-configurator-button-padding-x: map-get($spacing, 1) !default;
-$pivotgrid-configurator-button-padding-y: map-get($spacing, 1) !default;
+$pivotgrid-configurator-button-padding-x: k-map-get( $spacing, 1 ) !default;
+$pivotgrid-configurator-button-padding-y: k-map-get( $spacing, 1 ) !default;
 $pivotgrid-configurator-button-border-width: 1px !default;
 $pivotgrid-configurator-button-size: calc( #{$pivotgrid-line-height * 1em} + #{$pivotgrid-configurator-button-padding-y * 2} + #{$pivotgrid-configurator-button-border-width * 2} ) !default;
 
@@ -101,7 +101,7 @@ $pivotgrid-alt-text: $grid-header-text !default;
 $pivotgrid-chrome-border: $grid-border !default;
 
 $pivotgrid-container-bg: $header-bg !default;
-$pivotgrid-row-headers-bg: try-shade( $header-bg, .5 ) !default;
+$pivotgrid-row-headers-bg: k-try-shade( $header-bg, .5 ) !default;
 
 $pivotgrid-button-bg: null !default;
 $pivotgrid-button-text: null !default;

package/scss/popup/_variables.scss

@@ -7,10 +7,10 @@ $popup-border-radius: $kendo-border-radius-md !default;
 $popup-font-size: $font-size !default;
 $popup-line-height: $line-height !default;
 
-$popup-content-padding-x: map-get( $spacing, 2 ) !default;
-$popup-content-padding-y: map-get( $spacing, 2 ) !default;
+$popup-content-padding-x: k-map-get( $spacing, 2 ) !default;
+$popup-content-padding-y: k-map-get( $spacing, 2 ) !default;
 
 $popup-bg: $component-bg !default;
 $popup-text: $component-text !default;
 $popup-border: $component-border !default;
-$popup-shadow: 0 2px 4px 0 rgba(0, 0, 0, .03), 0 4px 5px 0 rgba(0, 0, 0, .04) !default;
+$popup-shadow: 0 2px 4px 0 rgba( black, .03 ), 0 4px 5px 0 rgba( black, .04 ) !default;

package/scss/progressbar/_variables.scss

@@ -8,7 +8,7 @@ $progressbar-font-size: $progress-font-size !default;
 $progressbar-line-height: 1 !default;
 
 $progressbar-bg: $gray-200 !default;
-$progressbar-text: contrast-wcag( $gray-200 ) !default;
+$progressbar-text: k-contrast-color( $gray-200 ) !default;
 $progressbar-border: null !default;
 $progressbar-gradient: null !default;
 

package/scss/radio/_variables.scss

@@ -10,19 +10,19 @@ $kendo-radio-border-width: 1px !default;
 // Radio button sizes
 $kendo-radio-sizes: (
     sm: (
-        size: map-get( $spacing, 3 ),
-        glyph-size: ( map-get( $spacing, 3 ) - map-get( $spacing, thin ) ),
-        ripple-size: map-get( $spacing, 3 ) * 3
+        size: k-map-get( $spacing, 3 ),
+        glyph-size: ( k-map-get( $spacing, 3 ) - k-map-get( $spacing, thin ) ),
+        ripple-size: k-map-get( $spacing, 3 ) * 3
     ),
     md: (
-        size: map-get( $spacing, 4 ),
-        glyph-size: ( map-get( $spacing, 4 ) - map-get( $spacing, thin ) ),
-        ripple-size: map-get( $spacing, 4 ) * 3
+        size: k-map-get( $spacing, 4 ),
+        glyph-size: ( k-map-get( $spacing, 4 ) - k-map-get( $spacing, thin ) ),
+        ripple-size: k-map-get( $spacing, 4 ) * 3
     ),
     lg: (
-        size: map-get( $spacing, 5 ),
-        glyph-size: ( map-get( $spacing, 5 ) - map-get( $spacing, thin ) ),
-        ripple-size: map-get( $spacing, 5 ) * 3
+        size: k-map-get( $spacing, 5 ),
+        glyph-size: ( k-map-get( $spacing, 5 ) - k-map-get( $spacing, thin ) ),
+        ripple-size: k-map-get( $spacing, 5 ) * 3
     )
 ) !default;
 
@@ -125,14 +125,14 @@ $kendo-radio-disabled-checked-image: null !default;
 
 /// The horizontal margin of the radio button inside of a label.
 /// @group radio
-$kendo-radio-label-margin-x: map-get( $spacing, 1 ) !default;
+$kendo-radio-label-margin-x: k-map-get( $spacing, 1 ) !default;
 
 
 // Radio list
 
 /// Spacing between items of horizontal radio button list.
 /// @group radio
-$kendo-radio-list-spacing: map-get( $spacing, 4 ) !default;
+$kendo-radio-list-spacing: k-map-get( $spacing, 4 ) !default;
 /// Horizontal padding of radio button list items.
 /// @group radio
 $kendo-radio-list-item-padding-x: 0px !default;

package/scss/rating/_variables.scss

@@ -19,5 +19,5 @@ $rating-icon-selected-text: $selected-bg !default;
 $rating-icon-hover-text: $selected-bg !default;
 $rating-icon-focused-text: $selected-bg !default;
 
-$rating-icon-focused-shadow: 0 2px 4px rgba( $black, .1 ) !default;
-$rating-icon-focused-selected-shadow: 0 2px 4px rgba( $black, .1) !default;
+$rating-icon-focused-shadow: 0 2px 4px rgba( black, .1 ) !default;
+$rating-icon-focused-selected-shadow: 0 2px 4px rgba( black, .1) !default;

package/scss/responsivepanel/_theme.scss

@@ -1,5 +0,0 @@
-@include exports("responsivepanel/theme") {
-
-    .k-rpanel {}
-
-}

package/scss/scheduler/_variables.scss

@@ -22,7 +22,7 @@ $scheduler-event-min-height: 25px !default;
 $scheduler-event-border-radius: $kendo-border-radius-md !default;
 $scheduler-event-line-height: calc( #{$scheduler-event-min-height} - (2 * #{$padding-y-sm}) ) !default;
 
-$scheduler-event-bg: tint( $selected-bg, 2 ) !default;
+$scheduler-event-bg: k-color-tint( $selected-bg, 2 ) !default;
 $scheduler-event-text: $selected-text !default;
 $scheduler-event-border: null !default;
 $scheduler-event-gradient: null !default;
@@ -38,31 +38,31 @@ $scheduler-event-selected-bg: $selected-bg !default;
 $scheduler-event-selected-text: $selected-text !default;
 $scheduler-event-selected-border: null !default;
 $scheduler-event-selected-gradient: null !default;
-$scheduler-event-selected-shadow: inset 0 0 0 3px rgba(255, 255, 255, .5) !default;
+$scheduler-event-selected-shadow: inset 0 0 0 3px rgba( white, .5 ) !default;
 
 $scheduler-event-ongoing-shadow: inset 0px 0px 0px 1px #ff0000 !default;
 
-$scheduler-cell-padding-x: map-get( $spacing, 3 ) !default;
-$scheduler-cell-padding-y: map-get( $spacing, 3 ) !default;
+$scheduler-cell-padding-x: k-map-get( $spacing, 3 ) !default;
+$scheduler-cell-padding-y: k-map-get( $spacing, 3 ) !default;
 $scheduler-cell-height: $line-height-em !default;
 $scheduler-datecolumn-width: 12em !default;
 $scheduler-timecolumn-width: 11em !default;
 
 $scheduler-current-time-color: #ff0000 !default;
 
-$scheduler-nonwork-bg: try-shade( $scheduler-bg, .5 ) !default;
+$scheduler-nonwork-bg: k-try-shade( $scheduler-bg, .5 ) !default;
 $scheduler-nonwork-text: null !default;
 
 $scheduler-weekend-bg: null !default;
 $scheduler-weekend-text: null !default;
 
-$scheduler-othermonth-bg: try-shade( $scheduler-bg, .5 ) !default;
+$scheduler-othermonth-bg: k-try-shade( $scheduler-bg, .5 ) !default;
 $scheduler-othermonth-text: null !default;
 
-$scheduler-yearview-padding-x: map-get( $spacing, 4 ) !default;
+$scheduler-yearview-padding-x: k-map-get( $spacing, 4 ) !default;
 $scheduler-yearview-padding-y: $scheduler-yearview-padding-x !default;
 
-$scheduler-yearview-calendar-gap: map-get( $spacing, 4 ) !default;
+$scheduler-yearview-calendar-gap: k-map-get( $spacing, 4 ) !default;
 
 $scheduler-yearview-indicator-size: 3px !default;
 $scheduler-yearview-indicator-calc-offset-top: calc( #{$calendar-cell-size} - (#{$calendar-cell-padding-y} * 2)) !default;
@@ -71,13 +71,13 @@ $scheduler-yearview-indicator-border-radius: 50% !default;
 $scheduler-yearview-indicator-bg: $primary !default;
 $scheduler-yearview-indicator-selected-bg: $primary-contrast !default;
 
-$scheduler-tooltip-padding-x: map-get( $spacing, 3 ) !default;
+$scheduler-tooltip-padding-x: k-map-get( $spacing, 3 ) !default;
 $scheduler-tooltip-padding-y: $scheduler-tooltip-padding-x !default;
 $scheduler-tooltip-border-width: 0 !default;
 $scheduler-tooltip-bg: $primary-contrast !default;
 $scheduler-tooltip-text: $base-text !default;
 $scheduler-tooltip-border: null !default;
-$scheduler-tooltip-shadow: 0px 0px 10px rgba(0, 0, 0, .2) !default;
+$scheduler-tooltip-shadow: 0px 0px 10px rgba( black, .2 ) !default;
 
 $scheduler-tooltip-title-margin-y: $padding-y-lg !default;
 $scheduler-tooltip-month-font-size: $font-size-sm !default;

package/scss/scrollview/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("scrollview/theme") {
+@include exports( "scrollview/theme" ) {
 
     // refactor when https://github.com/telerik/kendo-angular-scrollview/issues/130 is done
     kendo-scrollview.k-scrollview-wrap,
@@ -87,7 +87,7 @@
     }
 
     .k-scrollview-pageable > .k-button {
-        box-shadow: inset 0 0 2px rgba(0, 0, 0, .08);
+        box-shadow: inset 0 0 2px rgba( black, .08 );
     }
 
 }

package/scss/scrollview/_variables.scss

@@ -13,7 +13,7 @@ $scrollview-pagebutton-bg: $kendo-button-bg !default;
 $scrollview-pagebutton-border: $kendo-button-border !default;
 $scrollview-pagebutton-primary-bg: $primary !default;
 $scrollview-pagebutton-primary-border: $primary !default;
-$scrollview-pagebutton-shadow: 0 0 0 2px rgba(0, 0, 0, .13) !default;
+$scrollview-pagebutton-shadow: 0 0 0 2px rgba( black, .13 ) !default;
 
 $scrollview-pager-offset: 0 !default;
 $scrollview-pager-item-spacing: 20px !default;
@@ -27,14 +27,14 @@ $scrollview-pager-multidot-step: 1px !default;
 $scrollview-arrow-icon-size: 4.5em !default;
 $scrollview-arrow-tap-highlight-color: $rgba-transparent !default;
 $scrollview-navigation-color: white !default;
-$scrollview-navigation-icon-shadow: rgba(0, 0, 0, .3) 0 0 15px !default;
-$scrollview-navigation-bg: rgba(0, 0, 0, 0) !default;
+$scrollview-navigation-icon-shadow: rgba( black, .3 ) 0 0 15px !default;
+$scrollview-navigation-bg: rgba( black, 0 ) !default;
 $scrollview-navigation-default-opacity: .7 !default;
 $scrollview-navigation-hover-opacity: 1 !default;
 $scrollview-navigation-hover-span-bg: null !default;
 
-$scrollview-light-bg: rgba(255, 255, 255, .4) !default;
-$scrollview-dark-bg: rgba(0, 0, 0, .4) !default;
+$scrollview-light-bg: rgba( white, .4 ) !default;
+$scrollview-dark-bg: rgba( black, .4 ) !default;
 
 $scrollview-transition-duration: .3s !default;
 $scrollview-transition-timing-function: ease-in-out !default;