@progress/kendo-theme-material 5.12.1-dev.2 → 5.12.1-dev.3

package/scss/breadcrumb/_variables.scss

@@ -1,56 +1,60 @@
 // Breadcrumb
-$breadcrumb-margin-x: null !default;
-$breadcrumb-margin-y: null !default;
-$breadcrumb-padding-x: null !default;
-$breadcrumb-padding-y: null !default;
-$breadcrumb-border-width: 0px !default;
+$kendo-breadcrumb-margin-x: null !default;
+$kendo-breadcrumb-margin-y: null !default;
+$kendo-breadcrumb-padding-x: null !default;
+$kendo-breadcrumb-padding-y: null !default;
+$kendo-breadcrumb-border-width: 0px !default;
 
-$breadcrumb-font-family: $font-family !default;
-$breadcrumb-font-size: $font-size !default;
-$breadcrumb-line-height: $line-height !default;
+$kendo-breadcrumb-font-family: $kendo-font-family !default;
+$kendo-breadcrumb-font-size: $kendo-font-size-md !default;
+$kendo-breadcrumb-line-height: $kendo-line-height-md !default;
 
-$breadcrumb-bg: $kendo-component-bg !default;
-$breadcrumb-text: $kendo-component-text !default;
-$breadcrumb-border: $kendo-component-border !default;
+$kendo-breadcrumb-bg: $kendo-component-bg !default;
+$kendo-breadcrumb-text: $kendo-component-text !default;
+$kendo-breadcrumb-border: $kendo-component-border !default;
 
-$breadcrumb-delimiter-icon-font-size: $kendo-icon-size * .75 !default;
+$kendo-breadcrumb-delimiter-icon-font-size: $kendo-icon-size * .75 !default;
 
-$breadcrumb-link-padding-x: k-map-get( $kendo-spacing, 2.5 ) !default;
-$breadcrumb-link-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
-$breadcrumb-link-border-radius: $kendo-border-radius-md !default;
+$kendo-breadcrumb-link-padding-x: k-map-get( $kendo-spacing, 2.5 ) !default;
+$kendo-breadcrumb-link-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-breadcrumb-link-border-radius: $kendo-border-radius-md !default;
 
-$breadcrumb-icon-link-padding-x: $breadcrumb-link-padding-x !default;
-$breadcrumb-icon-link-padding-y: $breadcrumb-icon-link-padding-x !default;
+$kendo-breadcrumb-icon-link-padding-x: $kendo-breadcrumb-link-padding-x !default;
+$kendo-breadcrumb-icon-link-padding-y: $kendo-breadcrumb-icon-link-padding-x !default;
 
-$breadcrumb-root-link-spacing: $breadcrumb-link-padding-x !default;
-$breadcrumb-link-icon-spacing: $kendo-icon-spacing !default;
+$kendo-breadcrumb-root-link-spacing: $kendo-breadcrumb-link-padding-x !default;
+$kendo-breadcrumb-link-icon-spacing: $kendo-icon-spacing !default;
 
-$breadcrumb-link-initial-text: inherit !default;
+$kendo-breadcrumb-link-initial-text: inherit !default;
 
-$breadcrumb-link-bg: null !default;
-$breadcrumb-link-text: $kendo-color-primary !default;
-$breadcrumb-link-border: null !default;
+$kendo-breadcrumb-link-bg: null !default;
+$kendo-breadcrumb-link-text: $kendo-color-primary !default;
+$kendo-breadcrumb-link-border: null !default;
 
-$breadcrumb-link-hover-bg: $kendo-hover-bg !default;
-$breadcrumb-link-hover-text: null !default;
-$breadcrumb-link-hover-border: null !default;
+$kendo-breadcrumb-link-hover-bg: $kendo-hover-bg !default;
+$kendo-breadcrumb-link-hover-text: null !default;
+$kendo-breadcrumb-link-hover-border: null !default;
 
-$breadcrumb-link-focus-bg: k-map-get( $theme, focus-bg ) !default;
-$breadcrumb-link-focus-text: null !default;
-$breadcrumb-link-focus-border: null !default;
-$breadcrumb-link-focus-shadow: null !default;
+$kendo-breadcrumb-link-focus-bg: k-map-get( $theme, focus-bg ) !default;
+$kendo-breadcrumb-link-focus-text: null !default;
+$kendo-breadcrumb-link-focus-border: null !default;
+$kendo-breadcrumb-link-focus-shadow: null !default;
 
-$breadcrumb-root-link-bg: null !default;
-$breadcrumb-root-link-text: null !default;
-$breadcrumb-root-link-border: null !default;
+$kendo-breadcrumb-root-link-bg: null !default;
+$kendo-breadcrumb-root-link-text: null !default;
+$kendo-breadcrumb-root-link-border: null !default;
 
-$breadcrumb-root-link-hover-bg: $kendo-hover-bg !default;
-$breadcrumb-root-link-hover-text: null !default;
-$breadcrumb-root-link-hover-border: null !default;
+$kendo-breadcrumb-root-link-hover-bg: $kendo-hover-bg !default;
+$kendo-breadcrumb-root-link-hover-text: null !default;
+$kendo-breadcrumb-root-link-hover-border: null !default;
 
-$breadcrumb-root-link-focus-bg: k-map-get( $theme, focus-bg ) !default;
-$breadcrumb-root-link-focus-text: null !default;
-$breadcrumb-root-link-focus-border: null !default;
-$breadcrumb-root-link-focus-shadow: null !default;
+$kendo-breadcrumb-root-link-focus-bg: k-map-get( $theme, focus-bg ) !default;
+$kendo-breadcrumb-root-link-focus-text: null !default;
+$kendo-breadcrumb-root-link-focus-border: null !default;
+$kendo-breadcrumb-root-link-focus-shadow: null !default;
 
-$breadcrumb-focus-shadow: 0 0 2px 1px rgba( black, .06 ) !default;
+$kendo-breadcrumb-current-item-bg: null !default;
+$kendo-breadcrumb-current-item-text: null !default;
+$kendo-breadcrumb-current-item-border: null !default;
+
+$kendo-breadcrumb-focus-shadow: 0 0 2px 1px rgba( black, .06 ) !default;

package/scss/button/_variables.scss

@@ -16,61 +16,61 @@ $kendo-button-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
 $kendo-button-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
 /// Font family of the button.
 /// @group button
-$kendo-button-font-family: $font-family !default;
+$kendo-button-font-family: $kendo-font-family !default;
 /// Font sizes of the button.
 /// @group button
-$kendo-button-font-size: $font-size-md !default;
-/// Line heights used along with $font-size.
+$kendo-button-font-size: $kendo-font-size-md !default;
+/// Line heights used along with $kendo-font-size.
 /// @group button
 $kendo-button-line-height: k-math-div( 20, 14 ) !default;
 
-$kendo-button-padding-x-sm: k-map-get( $kendo-spacing, 4 ) !default;
-$kendo-button-padding-y-sm: k-map-get( $kendo-spacing, 1.5 ) !default;
-$kendo-button-font-size-sm: $font-size-md !default;
-$kendo-button-line-height-sm: k-math-div( 20, 14 ) !default;
+$kendo-button-sm-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-button-sm-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
+$kendo-button-sm-font-size: $kendo-font-size-md !default;
+$kendo-button-sm-line-height: k-math-div( 20, 14 ) !default;
 
-$kendo-button-padding-x-md: k-map-get( $kendo-spacing, 4 ) !default;
-$kendo-button-padding-y-md: k-map-get( $kendo-spacing, 2 ) !default;
-$kendo-button-font-size-md: $font-size-md !default;
-$kendo-button-line-height-md: k-math-div( 20, 14 ) !default;
+$kendo-button-md-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-button-md-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-button-md-font-size: $kendo-font-size-md !default;
+$kendo-button-md-line-height: k-math-div( 20, 14 ) !default;
 
-$kendo-button-padding-x-lg: k-map-get( $kendo-spacing, 4 ) !default;
-$kendo-button-padding-y-lg: k-map-get( $kendo-spacing, 2.5 ) !default;
-$kendo-button-font-size-lg: $font-size-md !default;
-$kendo-button-line-height-lg: k-math-div( 20, 14 ) !default;
+$kendo-button-lg-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-button-lg-padding-y: k-map-get( $kendo-spacing, 2.5 ) !default;
+$kendo-button-lg-font-size: $kendo-font-size-md !default;
+$kendo-button-lg-line-height: k-math-div( 20, 14 ) !default;
 
 /// Calculated height of the button.
 /// @group button
 $kendo-button-calc-size: calc( #{$kendo-button-line-height * 1em} + #{$kendo-button-padding-y * 2} + #{$kendo-button-border-width * 2} ) !default;
-$kendo-button-calc-size-sm: calc( #{$kendo-button-line-height-sm * 1em} + #{$kendo-button-padding-y-sm * 2} + #{$kendo-button-border-width * 2} ) !default;
-$kendo-button-calc-size-md: calc( #{$kendo-button-line-height-md * 1em} + #{$kendo-button-padding-y-md * 2} + #{$kendo-button-border-width * 2} ) !default;
-$kendo-button-calc-size-lg: calc( #{$kendo-button-line-height-lg * 1em} + #{$kendo-button-padding-y-lg * 2} + #{$kendo-button-border-width * 2} ) !default;
+$kendo-button-sm-calc-size: calc( #{$kendo-button-sm-line-height * 1em} + #{$kendo-button-sm-padding-y * 2} + #{$kendo-button-border-width * 2} ) !default;
+$kendo-button-md-calc-size: calc( #{$kendo-button-md-line-height * 1em} + #{$kendo-button-md-padding-y * 2} + #{$kendo-button-border-width * 2} ) !default;
+$kendo-button-lg-calc-size: calc( #{$kendo-button-lg-line-height * 1em} + #{$kendo-button-lg-padding-y * 2} + #{$kendo-button-border-width * 2} ) !default;
 
 /// Calculated inner height of the button. Without the border width.
 /// @group button
 $kendo-button-inner-calc-size: calc( #{$kendo-button-line-height * 1em} + #{$kendo-button-padding-y * 2} ) !default;
-$kendo-button-inner-calc-size-sm: calc( #{$kendo-button-line-height-sm * 1em} + #{$kendo-button-padding-y-sm * 2} ) !default;
-$kendo-button-inner-calc-size-md: calc( #{$kendo-button-line-height-md * 1em} + #{$kendo-button-padding-y-md * 2} ) !default;
-$kendo-button-inner-calc-size-lg: calc( #{$kendo-button-line-height-lg * 1em} + #{$kendo-button-padding-y-lg * 2} ) !default;
+$kendo-button-sm-inner-calc-size: calc( #{$kendo-button-sm-line-height * 1em} + #{$kendo-button-sm-padding-y * 2} ) !default;
+$kendo-button-md-inner-calc-size: calc( #{$kendo-button-md-line-height * 1em} + #{$kendo-button-md-padding-y * 2} ) !default;
+$kendo-button-lg-inner-calc-size: calc( #{$kendo-button-lg-line-height * 1em} + #{$kendo-button-lg-padding-y * 2} ) !default;
 
 $kendo-button-sizes: (
     sm: (
-        padding-x: $kendo-button-padding-x-sm,
-        padding-y: $kendo-button-padding-y-sm,
-        font-size: $kendo-button-font-size-sm,
-        line-height: $kendo-button-line-height-sm
+        padding-x: $kendo-button-sm-padding-x,
+        padding-y: $kendo-button-sm-padding-y,
+        font-size: $kendo-button-sm-font-size,
+        line-height: $kendo-button-sm-line-height
     ),
     md: (
-        padding-x: $kendo-button-padding-x-md,
-        padding-y: $kendo-button-padding-y-md,
-        font-size: $kendo-button-font-size-md,
-        line-height: $kendo-button-line-height-md
+        padding-x: $kendo-button-md-padding-x,
+        padding-y: $kendo-button-md-padding-y,
+        font-size: $kendo-button-md-font-size,
+        line-height: $kendo-button-md-line-height
     ),
     lg: (
-        padding-x: $kendo-button-padding-x-lg,
-        padding-y: $kendo-button-padding-y-lg,
-        font-size: $kendo-button-font-size-lg,
-        line-height: $kendo-button-line-height-lg
+        padding-x: $kendo-button-lg-padding-x,
+        padding-y: $kendo-button-lg-padding-y,
+        font-size: $kendo-button-lg-font-size,
+        line-height: $kendo-button-lg-line-height
     )
 ) !default;
 
@@ -78,15 +78,15 @@ $kendo-button-sizes: (
 /// @group button
 $kendo-button-theme-colors: k-map-merge(
     $kendo-theme-colors,
-    ( "base": $base-bg )
+    ( "base": $kendo-base-bg )
 ) !default;
 
 /// The base background of the button.
 /// @group button
-$kendo-button-bg: $base-bg !default;
+$kendo-button-bg: $kendo-base-bg !default;
 /// The base text color of the button.
 /// @group button
-$kendo-button-text: $base-text !default;
+$kendo-button-text: $kendo-base-text !default;
 /// The base border color of the button.
 /// @group button
 $kendo-button-border: $kendo-button-bg !default;

package/scss/calendar/_theme.scss

@@ -6,16 +6,16 @@
 
         .k-focus .k-link {
             @include fill(
-                $calendar-cell-hover-text,
-                $calendar-cell-hover-bg,
-                $calendar-cell-hover-border
+                $kendo-calendar-cell-hover-text,
+                $kendo-calendar-cell-hover-bg,
+                $kendo-calendar-cell-hover-border
             );
         }
         .k-selected.k-focus .k-link {
             @include fill(
-                $calendar-cell-selected-text,
-                k-try-tint($calendar-cell-selected-bg),
-                $calendar-cell-selected-border
+                $kendo-calendar-cell-selected-text,
+                k-try-tint($kendo-calendar-cell-selected-bg),
+                $kendo-calendar-cell-selected-border
             );
         }
 

package/scss/calendar/_variables.scss

@@ -1,134 +1,131 @@
-@import "../typography/_variables.scss";
-
-
 // Calendar
 
-$calendar-border-width: 1px !default;
-$calendar-font-family: $font-family !default;
-$calendar-font-size: $font-size !default;
-$calendar-line-height: k-math-div( 20, 14 ) !default;
+$kendo-calendar-border-width: 1px !default;
+$kendo-calendar-font-family: $kendo-font-family !default;
+$kendo-calendar-font-size: $kendo-font-size-md !default;
+$kendo-calendar-line-height: k-math-div( 20, 14 ) !default;
 
-$calendar-cell-size: 36px !default;
+$kendo-calendar-cell-size: 36px !default;
 
-$calendar-bg: $kendo-component-bg !default;
-$calendar-text: $kendo-component-text !default;
-$calendar-border: $kendo-component-border !default;
+$kendo-calendar-bg: $kendo-component-bg !default;
+$kendo-calendar-text: $kendo-component-text !default;
+$kendo-calendar-border: $kendo-component-border !default;
 
-$calendar-header-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
-$calendar-header-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
-$calendar-header-border-width: 0px !default;
+$kendo-calendar-header-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-calendar-header-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-calendar-header-border-width: 0px !default;
 
-$calendar-header-bg: null !default;
-$calendar-header-text: $kendo-component-header-text !default;
-$calendar-header-border: $kendo-component-header-border !default;
-$calendar-header-gradient: null !default;
-$calendar-header-shadow: null !default;
+$kendo-calendar-header-bg: null !default;
+$kendo-calendar-header-text: $kendo-component-header-text !default;
+$kendo-calendar-header-border: $kendo-component-header-border !default;
+$kendo-calendar-header-gradient: null !default;
+$kendo-calendar-header-shadow: null !default;
 
-$calendar-nav-gap: null !default;
+$kendo-calendar-nav-gap: null !default;
 
-$calendar-footer-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
-$calendar-footer-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-calendar-footer-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-calendar-footer-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
 
-$calendar-cell-padding-x: .25em !default;
-$calendar-cell-padding-y: $calendar-cell-padding-x !default;
-$calendar-cell-line-height: $calendar-line-height !default;
-$calendar-cell-border-radius: 100px !default;
+$kendo-calendar-cell-padding-x: .25em !default;
+$kendo-calendar-cell-padding-y: $kendo-calendar-cell-padding-x !default;
+$kendo-calendar-cell-line-height: $kendo-calendar-line-height !default;
+$kendo-calendar-cell-border-radius: 100px !default;
 
-$calendar-header-cell-padding-x: null !default;
-$calendar-header-cell-padding-y: null !default;
-$calendar-header-cell-width: $calendar-cell-size !default;
-$calendar-header-cell-height: $calendar-cell-size !default;
-$calendar-header-cell-font-size: $font-size-sm !default;
-$calendar-header-cell-line-height: 2 !default;
-$calendar-header-cell-bg: null !default;
-$calendar-header-cell-text: $kendo-subtle-text !default;
-$calendar-header-cell-opacity: null !default;
+$kendo-calendar-header-cell-padding-x: null !default;
+$kendo-calendar-header-cell-padding-y: null !default;
+$kendo-calendar-header-cell-width: $kendo-calendar-cell-size !default;
+$kendo-calendar-header-cell-height: $kendo-calendar-cell-size !default;
+$kendo-calendar-header-cell-font-size: $kendo-font-size-sm !default;
+$kendo-calendar-header-cell-line-height: 2 !default;
+$kendo-calendar-header-cell-bg: null !default;
+$kendo-calendar-header-cell-text: $kendo-subtle-text !default;
+$kendo-calendar-header-cell-opacity: null !default;
 
-$calendar-caption-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
-$calendar-caption-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
-$calendar-caption-height: $calendar-cell-size !default;
-$calendar-caption-font-size: null !default;
-$calendar-caption-line-height: null !default;
-$calendar-caption-font-weight: bold !default;
+$kendo-calendar-caption-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-calendar-caption-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-calendar-caption-height: $kendo-calendar-cell-size !default;
+$kendo-calendar-caption-font-size: null !default;
+$kendo-calendar-caption-line-height: null !default;
+$kendo-calendar-caption-font-weight: bold !default;
 
-$calendar-view-width: ($calendar-cell-size * 8) !default;
-$calendar-view-height: ($calendar-cell-size * 7) !default;
-$calendar-view-gap: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-calendar-view-width: ($kendo-calendar-cell-size * 8) !default;
+$kendo-calendar-view-height: ($kendo-calendar-cell-size * 7) !default;
+$kendo-calendar-view-gap: k-map-get( $kendo-spacing, 4 ) !default;
 
-$calendar-weekend-bg: null !default;
-$calendar-weekend-text: null !default;
+$kendo-calendar-weekend-bg: null !default;
+$kendo-calendar-weekend-text: null !default;
 
-$calendar-today-style: color !default;
-$calendar-today-color: $kendo-color-primary !default;
+$kendo-calendar-today-style: color !default;
+$kendo-calendar-today-color: $kendo-color-primary !default;
 
-$calendar-week-number-bg: null !default;
-$calendar-week-number-text: $calendar-header-cell-text !default;
+$kendo-calendar-week-number-bg: null !default;
+$kendo-calendar-week-number-text: $kendo-calendar-header-cell-text !default;
 
-$calendar-other-month-bg: null !default;
-$calendar-other-month-text: $calendar-header-cell-text !default;
+$kendo-calendar-other-month-bg: null !default;
+$kendo-calendar-other-month-text: $kendo-calendar-header-cell-text !default;
 
-$calendar-cell-bg: null !default;
-$calendar-cell-text: null !default;
-$calendar-cell-border: null !default;
-$calendar-cell-gradient: null !default;
+$kendo-calendar-cell-bg: null !default;
+$kendo-calendar-cell-text: null !default;
+$kendo-calendar-cell-border: null !default;
+$kendo-calendar-cell-gradient: null !default;
 
-$calendar-cell-hover-bg: $kendo-hover-bg !default;
-$calendar-cell-hover-text: $kendo-hover-text !default;
-$calendar-cell-hover-border: $kendo-hover-border !default;
-$calendar-cell-hover-gradient: null !default;
+$kendo-calendar-cell-hover-bg: $kendo-hover-bg !default;
+$kendo-calendar-cell-hover-text: $kendo-hover-text !default;
+$kendo-calendar-cell-hover-border: $kendo-hover-border !default;
+$kendo-calendar-cell-hover-gradient: null !default;
 
-$calendar-cell-selected-bg: $kendo-color-primary !default;
-$calendar-cell-selected-text: k-contrast-color( $calendar-cell-selected-bg ) !default;
-$calendar-cell-selected-border: $calendar-cell-selected-bg !default;
-$calendar-cell-selected-gradient: null !default;
+$kendo-calendar-cell-selected-bg: $kendo-color-primary !default;
+$kendo-calendar-cell-selected-text: k-contrast-color( $kendo-calendar-cell-selected-bg ) !default;
+$kendo-calendar-cell-selected-border: $kendo-calendar-cell-selected-bg !default;
+$kendo-calendar-cell-selected-gradient: null !default;
 
-$calendar-cell-selected-hover-bg: k-try-shade( $calendar-cell-selected-bg, .5 ) !default;
-$calendar-cell-selected-hover-text: $calendar-cell-selected-text !default;
-$calendar-cell-selected-hover-border: null !default;
-$calendar-cell-selected-hover-gradient: null !default;
+$kendo-calendar-cell-selected-hover-bg: k-try-shade( $kendo-calendar-cell-selected-bg, .5 ) !default;
+$kendo-calendar-cell-selected-hover-text: $kendo-calendar-cell-selected-text !default;
+$kendo-calendar-cell-selected-hover-border: null !default;
+$kendo-calendar-cell-selected-hover-gradient: null !default;
 
-$calendar-cell-focus-shadow: $kendo-list-item-focus-shadow !default;
-$calendar-cell-selected-focus-shadow: $calendar-cell-focus-shadow !default;
+$kendo-calendar-cell-focus-shadow: $kendo-list-item-focus-shadow !default;
+$kendo-calendar-cell-selected-focus-shadow: $kendo-calendar-cell-focus-shadow !default;
 
 
 // Calendar navigation
-$calendar-navigation-width: 5em !default;
-$calendar-navigation-item-height: 2em !default;
+$kendo-calendar-navigation-width: 5em !default;
+$kendo-calendar-navigation-item-height: 2em !default;
 
-$calendar-navigation-bg: k-true-mix( $calendar-text, $calendar-bg, 3) !default;
-$calendar-navigation-text: $calendar-text !default;
-$calendar-navigation-border: $calendar-border !default;
+$kendo-calendar-navigation-bg: k-true-mix( $kendo-calendar-text, $kendo-calendar-bg, 3) !default;
+$kendo-calendar-navigation-text: $kendo-calendar-text !default;
+$kendo-calendar-navigation-border: $kendo-calendar-border !default;
 
-$calendar-navigation-hover-text: $link-hover-text !default;
+$kendo-calendar-navigation-hover-text: $kendo-link-hover-text !default;
 
 
 // Infinite calendar
-$infinite-calendar-header-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
-$infinite-calendar-header-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-infinite-calendar-header-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-infinite-calendar-header-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
 
-$infinite-calendar-view-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
-$infinite-calendar-view-padding-y: 0px !default;
-$infinite-calendar-view-height: ( $calendar-cell-size * 9 ) !default;
+$kendo-infinite-calendar-view-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-infinite-calendar-view-padding-y: 0px !default;
+$kendo-infinite-calendar-view-height: ( $kendo-calendar-cell-size * 9 ) !default;
 
 
 // Multiview calendar
 
 
 // Calendar sizes
-$kendo-calendar-sm-font-size: $font-size-md !default;
-$kendo-calendar-sm-line-height: $line-height-md !default;
+$kendo-calendar-sm-font-size: $kendo-font-size-md !default;
+$kendo-calendar-sm-line-height: $kendo-line-height-md !default;
 $kendo-calendar-sm-cell-size: 32px !default;
 $kendo-calendar-sm-cell-padding-x: .125rem !default;
 $kendo-calendar-sm-cell-padding-y: .125rem !default;
 
-$kendo-calendar-md-font-size: $font-size-md !default;
-$kendo-calendar-md-line-height: $line-height-md !default;
+$kendo-calendar-md-font-size: $kendo-font-size-md !default;
+$kendo-calendar-md-line-height: $kendo-line-height-md !default;
 $kendo-calendar-md-cell-size: 36px !default;
 $kendo-calendar-md-cell-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
 $kendo-calendar-md-cell-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
 
-$kendo-calendar-lg-font-size: $font-size-lg !default;
-$kendo-calendar-lg-line-height: $line-height-lg !default;
+$kendo-calendar-lg-font-size: $kendo-font-size-lg !default;
+$kendo-calendar-lg-line-height: $kendo-line-height-lg !default;
 $kendo-calendar-lg-cell-size: 40px !default;
 $kendo-calendar-lg-cell-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
 $kendo-calendar-lg-cell-padding-y: k-map-get( $kendo-spacing, 1 ) !default;

package/scss/captcha/_variables.scss

@@ -1,19 +1,19 @@
 // Captcha
-$captcha-spacer: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-captcha-spacer: k-map-get( $kendo-spacing, 2 ) !default;
 
-$captcha-width: 335px !default;
-$captcha-font-family: $font-family !default;
-$captcha-font-size: $font-size !default;
-$captcha-line-height: $line-height !default;
-$captcha-gap: $captcha-spacer !default;
-$captcha-bg: $kendo-component-bg !default;
-$captcha-text: $kendo-component-bg !default;
-$captcha-border: $kendo-component-bg !default;
+$kendo-captcha-width: 335px !default;
+$kendo-captcha-font-family: $kendo-font-family !default;
+$kendo-captcha-font-size: $kendo-font-size-md !default;
+$kendo-captcha-line-height: $kendo-line-height-md !default;
+$kendo-captcha-gap: $kendo-captcha-spacer !default;
+$kendo-captcha-bg: $kendo-component-bg !default;
+$kendo-captcha-text: $kendo-component-bg !default;
+$kendo-captcha-border: $kendo-component-bg !default;
 
-$captcha-image-wrap-gap: $captcha-spacer !default;
+$kendo-captcha-image-wrap-gap: $kendo-captcha-spacer !default;
 
-$captcha-image-controls-gap: $captcha-spacer !default;
+$kendo-captcha-image-controls-gap: $kendo-captcha-spacer !default;
 
-$captcha-validation-message-margin-top: k-math-div( $captcha-spacer, 2 ) !default;
-$captcha-validation-message-font-size: $font-size-sm !default;
-$captcha-validation-message-font-style: italic !default;
+$kendo-captcha-validation-message-margin-top: k-math-div( $kendo-captcha-spacer, 2 ) !default;
+$kendo-captcha-validation-message-font-size: $kendo-font-size-sm !default;
+$kendo-captcha-validation-message-font-style: italic !default;

package/scss/card/_variables.scss

@@ -1,68 +1,68 @@
 // Card
-$card-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
-$card-padding-y: k-map-get( $kendo-spacing, 3 ) !default;
-$card-border-width: 0px !default;
-$card-border-radius: $kendo-border-radius-md !default;
-$card-inner-border-radius: calc( #{$card-border-radius} - #{$card-border-width} ) !default;
-$card-font-family: $font-family !default;
-$card-font-size: $font-size !default;
-$card-line-height: k-math-div( 20, 14 ) !default;
+$kendo-card-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-card-padding-y: k-map-get( $kendo-spacing, 3 ) !default;
+$kendo-card-border-width: 0px !default;
+$kendo-card-border-radius: $kendo-border-radius-md !default;
+$kendo-card-inner-border-radius: calc( #{$kendo-card-border-radius} - #{$kendo-card-border-width} ) !default;
+$kendo-card-font-family: $kendo-font-family !default;
+$kendo-card-font-size: $kendo-font-size-md !default;
+$kendo-card-line-height: k-math-div( 20, 14 ) !default;
 
-$card-deck-gap: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-card-deck-gap: k-map-get( $kendo-spacing, 4 ) !default;
 
-$card-bg: $kendo-component-bg !default;
-$card-text: $kendo-component-text !default;
-$card-border: $kendo-component-border !default;
-$card-shadow: $box-shadow-depth-2 !default;
+$kendo-card-bg: $kendo-component-bg !default;
+$kendo-card-text: $kendo-component-text !default;
+$kendo-card-border: $kendo-component-border !default;
+$kendo-card-shadow: $box-shadow-depth-2 !default;
 
-$card-focus-bg: null !default;
-$card-focus-text: null !default;
-$card-focus-border: null !default;
-$card-focus-shadow: $box-shadow-depth-4 !default;
+$kendo-card-focus-bg: null !default;
+$kendo-card-focus-text: null !default;
+$kendo-card-focus-border: null !default;
+$kendo-card-focus-shadow: $box-shadow-depth-4 !default;
 
-$card-header-padding-x: $card-padding-x !default;
-$card-header-padding-y: $card-padding-y !default;
-$card-header-border-width: 1px !default;
-$card-header-bg: null !default;
-$card-header-text: null !default;
-$card-header-border: $card-border !default;
+$kendo-card-header-padding-x: $kendo-card-padding-x !default;
+$kendo-card-header-padding-y: $kendo-card-padding-y !default;
+$kendo-card-header-border-width: 1px !default;
+$kendo-card-header-bg: null !default;
+$kendo-card-header-text: null !default;
+$kendo-card-header-border: $kendo-card-border !default;
 
-$card-body-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
-$card-body-padding-y: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-card-body-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-card-body-padding-y: k-map-get( $kendo-spacing, 4 ) !default;
 
-$card-footer-padding-x: $card-padding-x !default;
-$card-footer-padding-y: $card-padding-y !default;
-$card-footer-border-width: 1px !default;
-$card-footer-bg: null !default;
-$card-footer-text: null !default;
-$card-footer-border: $card-border !default;
+$kendo-card-footer-padding-x: $kendo-card-padding-x !default;
+$kendo-card-footer-padding-y: $kendo-card-padding-y !default;
+$kendo-card-footer-border-width: 1px !default;
+$kendo-card-footer-bg: null !default;
+$kendo-card-footer-text: null !default;
+$kendo-card-footer-border: $kendo-card-border !default;
 
-$card-title-margin-bottom: 12px !default;
-$card-title-font-size: $h5-font-size !default;
-$card-title-font-family: $font-family !default;
-$card-title-line-height: 1.25 !default;
-$card-title-font-weight: 500 !default;
-$card-title-letter-spacing: null !default;
+$kendo-card-title-margin-bottom: 12px !default;
+$kendo-card-title-font-size: $kendo-h5-font-size !default;
+$kendo-card-title-font-family: $kendo-font-family !default;
+$kendo-card-title-line-height: 1.25 !default;
+$kendo-card-title-font-weight: 500 !default;
+$kendo-card-title-letter-spacing: null !default;
 
-$card-subtitle-margin-bottom: 12px !default;
-$card-subtitle-font-size: $font-size !default;
-$card-subtitle-font-family: $font-family !default;
-$card-subtitle-line-height: k-math-div( 20, 14 ) !default;
-$card-subtitle-font-weight: 500 !default;
-$card-subtitle-letter-spacing: null !default;
-$card-subtitle-text: $kendo-subtle-text !default;
+$kendo-card-subtitle-margin-bottom: 12px !default;
+$kendo-card-subtitle-font-size: $kendo-font-size-md !default;
+$kendo-card-subtitle-font-family: $kendo-font-family !default;
+$kendo-card-subtitle-line-height: k-math-div( 20, 14 ) !default;
+$kendo-card-subtitle-font-weight: 500 !default;
+$kendo-card-subtitle-letter-spacing: null !default;
+$kendo-card-subtitle-text: $kendo-subtle-text !default;
 
-$card-img-max-width: 100px !default;
-$card-avatar-size: 45px !default;
-$card-avatar-spacing: $card-header-padding-x !default;
+$kendo-card-img-max-width: 100px !default;
+$kendo-card-avatar-size: 45px !default;
+$kendo-card-avatar-spacing: $kendo-card-header-padding-x !default;
 
-$card-actions-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
-$card-actions-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
-$card-actions-border-width: 1px !default;
-$card-actions-gap: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-card-actions-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-card-actions-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-card-actions-border-width: 1px !default;
+$kendo-card-actions-gap: k-map-get( $kendo-spacing, 2 ) !default;
 
-$card-deck-scroll-button-radius: 50% !default;
-$card-deck-scroll-button-offset: k-math-div( $card-deck-gap, 2 ) !default;
+$kendo-card-deck-scroll-button-radius: 50% !default;
+$kendo-card-deck-scroll-button-offset: k-math-div( $kendo-card-deck-gap, 2 ) !default;
 
-$card-callout-width: 20px !default;
-$card-callout-height: 20px !default;
+$kendo-card-callout-width: 20px !default;
+$kendo-card-callout-height: 20px !default;