@progress/kendo-theme-default 5.12.1-dev.2 → 5.12.1-dev.4

package/scss/pivotgrid/_theme.scss

@@ -2,9 +2,9 @@
 
     .k-pivotgrid {
         @include fill (
-            $pivotgrid-text,
-            $pivotgrid-bg,
-            $pivotgrid-border
+            $kendo-pivotgrid-text,
+            $kendo-pivotgrid-bg,
+            $kendo-pivotgrid-border
         );
     }
 
@@ -12,34 +12,34 @@
     .k-pivotgrid-row-headers,
     .k-pivotgrid-empty-cell {
         @include fill (
-            $pivotgrid-headers-text,
-            $pivotgrid-headers-bg,
-            $pivotgrid-headers-border
+            $kendo-pivotgrid-headers-text,
+            $kendo-pivotgrid-headers-bg,
+            $kendo-pivotgrid-headers-border
         );
     }
 
     .k-pivotgrid-empty-cell {
         @include fill (
-            $border: $pivotgrid-alt-border
+            $border: $kendo-pivotgrid-alt-border
         );
     }
 
     .k-pivotgrid-row-headers .k-pivotgrid-row .k-pivotgrid-cell:last-child {
-        border-right-color: $pivotgrid-alt-border;
+        border-right-color: $kendo-pivotgrid-alt-border;
     }
 
     .k-pivotgrid-column-headers .k-pivotgrid-column-total:nth-last-of-type(2) .k-pivotgrid-cell:not(.k-pivotgrid-expanded),
     .k-pivotgrid-column-headers .k-pivotgrid-row:last-child {
-        border-bottom-color: $pivotgrid-alt-border;
+        border-bottom-color: $kendo-pivotgrid-alt-border;
     }
 
 
     .k-pivotgrid-header-total,
     .k-pivotgrid-total {
         @include fill (
-            $pivotgrid-total-text,
-            $pivotgrid-total-bg,
-            $pivotgrid-total-border
+            $kendo-pivotgrid-total-text,
+            $kendo-pivotgrid-total-bg,
+            $kendo-pivotgrid-total-border
         );
     }
 
@@ -52,9 +52,9 @@
     .k-pivotgrid-values tbody > .k-pivotgrid-row:hover,
     .k-pivotgrid-values tbody > .k-pivotgrid-row.k-hover {
         @include fill (
-            $pivotgrid-hover-text,
-            $pivotgrid-hover-bg,
-            $pivotgrid-hover-border
+            $kendo-pivotgrid-hover-text,
+            $kendo-pivotgrid-hover-bg,
+            $kendo-pivotgrid-hover-border
         );
     }
 
@@ -67,16 +67,16 @@
     .k-grouping-row > .k-pivotgrid-cell:focus,
     .k-detail-row > .k-pivotgrid-cell:focus,
     .k-group-footer > .k-pivotgrid-cell:focus {
-        @include focus-indicator( $pivotgrid-focus-shadow, true );
+        @include focus-indicator( $kendo-pivotgrid-focus-shadow, true );
     }
 
     // Selected state
     .k-pivotgrid-cell.k-selected,
     .k-pivotgrid-row.k-selected > .k-pivotgrid-cell {
         @include fill (
-            $pivotgrid-selected-text,
-            $pivotgrid-selected-bg,
-            $pivotgrid-selected-border
+            $kendo-pivotgrid-selected-text,
+            $kendo-pivotgrid-selected-bg,
+            $kendo-pivotgrid-selected-border
         );
     }
 
@@ -89,23 +89,23 @@
     .k-pivotgrid-configurator-button,
     .k-pivotgrid-configurator-panel {
         @include fill (
-            $pivotgrid-configurator-text,
-            $pivotgrid-configurator-bg,
-            $pivotgrid-configurator-border
+            $kendo-pivotgrid-configurator-text,
+            $kendo-pivotgrid-configurator-bg,
+            $kendo-pivotgrid-configurator-border
         );
     }
 
     .k-pivotgrid-configurator-header {
         @include fill(
-            $pivotgrid-configurator-header-text,
-            $pivotgrid-configurator-header-bg,
-            $pivotgrid-configurator-header-border
+            $kendo-pivotgrid-configurator-header-text,
+            $kendo-pivotgrid-configurator-header-bg,
+            $kendo-pivotgrid-configurator-header-border
         );
     }
 
     .k-pivotgrid-configurator-content .k-fields-list-wrapper {
         @include fill(
-            $border: $pivotgrid-configurator-border
+            $border: $kendo-pivotgrid-configurator-border
         );
     }
 
@@ -113,22 +113,22 @@
     // Calculated field
     .k-calculated-field {
         @include fill (
-            $pivotgrid-calculated-field-text,
-            $pivotgrid-calculated-field-bg,
-            $pivotgrid-calculated-field-border
+            $kendo-pivotgrid-calculated-field-text,
+            $kendo-pivotgrid-calculated-field-bg,
+            $kendo-pivotgrid-calculated-field-border
         );
     }
 
     .k-calculated-field-header {
         @include fill(
-            $pivotgrid-calculated-field-header-text,
-            $pivotgrid-calculated-field-header-bg,
-            $pivotgrid-calculated-field-header-border
+            $kendo-pivotgrid-calculated-field-header-text,
+            $kendo-pivotgrid-calculated-field-header-bg,
+            $kendo-pivotgrid-calculated-field-header-border
         );
     }
 
     .k-filter-menu .k-calculated-item {
-        @include fill( $border: $popup-border );
+        @include fill( $border: $kendo-popup-border );
     }
 
     .k-pivotgrid-configurator-content .k-form-field-wrapper {
@@ -139,19 +139,19 @@
     // Overlay mode
     .k-pivotgrid-configurator-overlay {
         .k-flex-row & {
-            @include box-shadow( $pivotgrid-configurator-end-shadow );
+            @include box-shadow( $kendo-pivotgrid-configurator-end-shadow );
         }
 
         .k-flex-row-reverse & {
-            @include box-shadow( $pivotgrid-configurator-start-shadow );
+            @include box-shadow( $kendo-pivotgrid-configurator-start-shadow );
         }
 
         .k-flex-col & {
-            @include box-shadow( $pivotgrid-configurator-top-shadow );
+            @include box-shadow( $kendo-pivotgrid-configurator-top-shadow );
         }
 
         .k-flex-col-reverse & {
-            @include box-shadow( $pivotgrid-configurator-bottom-shadow );
+            @include box-shadow( $kendo-pivotgrid-configurator-bottom-shadow );
         }
     }
 }
@@ -162,21 +162,21 @@
 
     .k-pivot {
         @include fill (
-            $pivotgrid-text,
-            $pivotgrid-bg,
-            $pivotgrid-border
+            $kendo-pivotgrid-text,
+            $kendo-pivotgrid-bg,
+            $kendo-pivotgrid-border
         );
     }
     .k-pivot-table {
-        border-color: $pivotgrid-border;
+        border-color: $kendo-pivotgrid-border;
     }
 
     // Pivotgrid header
     .k-pivot-rowheaders {
         @include fill(
-            $pivotgrid-headers-text,
-            $pivotgrid-headers-bg,
-            $pivotgrid-headers-border
+            $kendo-pivotgrid-headers-text,
+            $kendo-pivotgrid-headers-bg,
+            $kendo-pivotgrid-headers-border
         );
     }
 
@@ -184,9 +184,9 @@
     // Pivotgrid toolbar
     .k-pivot-toolbar {
         @include fill(
-            $pivotgrid-headers-text,
-            $pivotgrid-headers-bg,
-            $pivotgrid-headers-border
+            $kendo-pivotgrid-headers-text,
+            $kendo-pivotgrid-headers-bg,
+            $kendo-pivotgrid-headers-border
         );
 
         .k-empty {
@@ -195,23 +195,23 @@
     }
 
     .k-alt {
-        background-color: $pivotgrid-alt-bg;
+        background-color: $kendo-pivotgrid-alt-bg;
     }
 
     .k-pivot-toolbar,
     .k-pivot-table,
     .k-pivot-rowheaders > .k-grid td:first-child,
     .k-pivot-table .k-grid-header .k-header.k-first {
-        border-color: $pivotgrid-chrome-border;
+        border-color: $kendo-pivotgrid-chrome-border;
     }
 
     .k-header.k-alt {
-        background-color: $pivotgrid-row-headers-bg;
+        background-color: $kendo-pivotgrid-row-headers-bg;
     }
 
     .k-pivot-layout .k-grid-footer {
-        color: $pivotgrid-alt-text;
-        background-color: $pivotgrid-alt-bg;
+        color: $kendo-pivotgrid-alt-text;
+        background-color: $kendo-pivotgrid-alt-bg;
     }
 
     // KPI icons

package/scss/pivotgrid/_variables.scss

@@ -2,116 +2,116 @@
 
 
 // Pivot grid
-$pivotgrid-spacer: k-map-get( $kendo-spacing, 4 ) !default;
-$pivotgrid-padding-x: null !default;
-$pivotgrid-padding-y: null !default;
-$pivotgrid-font-family: $font-family !default;
-$pivotgrid-font-size: $font-size !default;
-$pivotgrid-line-height: $line-height !default;
-$pivotgrid-border-width: 1px !default;
-$pivotgrid-icon-spacing: 8px !default;
+$kendo-pivotgrid-spacer: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-pivotgrid-padding-x: null !default;
+$kendo-pivotgrid-padding-y: null !default;
+$kendo-pivotgrid-font-family: $kendo-font-family !default;
+$kendo-pivotgrid-font-size: $kendo-font-size-md !default;
+$kendo-pivotgrid-line-height: $kendo-line-height-md !default;
+$kendo-pivotgrid-border-width: 1px !default;
+$kendo-pivotgrid-icon-spacing: 8px !default;
 
-$pivotgrid-row-header-width: 300px !default;
-$pivotgrid-column-header-height: 75px !default;
+$kendo-pivotgrid-row-header-width: 300px !default;
+$kendo-pivotgrid-column-header-height: 75px !default;
 
-$pivotgrid-cell-padding-x: $kendo-table-cell-padding-x-md !default;
-$pivotgrid-cell-padding-y: $kendo-table-cell-padding-y-md !default;
-$pivotgrid-cell-border-width: 1px !default;
+$kendo-pivotgrid-cell-padding-x: $kendo-table-md-cell-padding-x !default;
+$kendo-pivotgrid-cell-padding-y: $kendo-table-md-cell-padding-y !default;
+$kendo-pivotgrid-cell-border-width: 1px !default;
 
-$pivotgrid-bg: $kendo-component-bg !default;
-$pivotgrid-text: $kendo-component-text !default;
-$pivotgrid-border: $kendo-component-border !default;
+$kendo-pivotgrid-bg: $kendo-component-bg !default;
+$kendo-pivotgrid-text: $kendo-component-text !default;
+$kendo-pivotgrid-border: $kendo-component-border !default;
 
-$pivotgrid-alt-border: k-try-shade($pivotgrid-border, 2) !default;
+$kendo-pivotgrid-alt-border: k-try-shade($kendo-pivotgrid-border, 2) !default;
 
-$pivotgrid-headers-bg: $kendo-component-header-bg !default;
-$pivotgrid-headers-text: $kendo-component-header-text !default;
-$pivotgrid-headers-border: $kendo-component-header-border !default;
+$kendo-pivotgrid-headers-bg: $kendo-component-header-bg !default;
+$kendo-pivotgrid-headers-text: $kendo-component-header-text !default;
+$kendo-pivotgrid-headers-border: $kendo-component-header-border !default;
 
-$pivotgrid-total-bg: k-try-shade( $pivotgrid-bg, 1 ) !default;
-$pivotgrid-total-text: $kendo-component-header-text !default;
-$pivotgrid-total-border: $kendo-component-header-border !default;
+$kendo-pivotgrid-total-bg: k-try-shade( $kendo-pivotgrid-bg, 1 ) !default;
+$kendo-pivotgrid-total-text: $kendo-component-header-text !default;
+$kendo-pivotgrid-total-border: $kendo-component-header-border !default;
 
-$pivotgrid-hover-bg: k-color-darken($pivotgrid-bg, 7%) !default;
-$pivotgrid-hover-text: null !default;
-$pivotgrid-hover-border: null !default;
+$kendo-pivotgrid-hover-bg: k-color-darken($kendo-pivotgrid-bg, 7%) !default;
+$kendo-pivotgrid-hover-text: null !default;
+$kendo-pivotgrid-hover-border: null !default;
 
-$pivotgrid-selected-bg: rgba($kendo-selected-bg, .25) !default;
-$pivotgrid-selected-text: null !default;
-$pivotgrid-selected-border: null !default;
+$kendo-pivotgrid-selected-bg: rgba($kendo-selected-bg, .25) !default;
+$kendo-pivotgrid-selected-text: null !default;
+$kendo-pivotgrid-selected-border: null !default;
 
-$pivotgrid-focus-shadow: $kendo-list-item-focus-shadow !default;
+$kendo-pivotgrid-focus-shadow: $kendo-list-item-focus-shadow !default;
 
 // Pivotgrid Configurator
-$pivotgrid-configurator-padding-x: null !default;
-$pivotgrid-configurator-padding-y: null !default;
-$pivotgrid-configurator-border-width: 1px !default;
+$kendo-pivotgrid-configurator-padding-x: null !default;
+$kendo-pivotgrid-configurator-padding-y: null !default;
+$kendo-pivotgrid-configurator-border-width: 1px !default;
 
-$pivotgrid-configurator-header-padding-x: $pivotgrid-spacer !default;
-$pivotgrid-configurator-header-padding-y: ( $pivotgrid-spacer * .75 ) !default;
-$pivotgrid-configurator-header-font-size: 18px !default;
-$pivotgrid-configurator-header-font-weight: 500 !default;
+$kendo-pivotgrid-configurator-header-padding-x: $kendo-pivotgrid-spacer !default;
+$kendo-pivotgrid-configurator-header-padding-y: ( $kendo-pivotgrid-spacer * .75 ) !default;
+$kendo-pivotgrid-configurator-header-font-size: 18px !default;
+$kendo-pivotgrid-configurator-header-font-weight: 500 !default;
 
-$pivotgrid-configurator-content-padding-x: $pivotgrid-spacer !default;
-$pivotgrid-configurator-content-padding-y: 2px !default;
+$kendo-pivotgrid-configurator-content-padding-x: $kendo-pivotgrid-spacer !default;
+$kendo-pivotgrid-configurator-content-padding-y: 2px !default;
 
-$pivotgrid-configurator-fields-margin-x: 0px !default;
-$pivotgrid-configurator-fields-margin-y: k-math-div( $pivotgrid-spacer, 2 ) !default;
+$kendo-pivotgrid-configurator-fields-margin-x: 0px !default;
+$kendo-pivotgrid-configurator-fields-margin-y: k-math-div( $kendo-pivotgrid-spacer, 2 ) !default;
 
-$pivotgrid-configurator-vertical-width: 320px !default;
-$pivotgrid-configurator-horizontal-height: 420px !default;
+$kendo-pivotgrid-configurator-vertical-width: 320px !default;
+$kendo-pivotgrid-configurator-horizontal-height: 420px !default;
 
-$pivotgrid-configurator-bg: $kendo-component-bg !default;
-$pivotgrid-configurator-text: $kendo-component-text !default;
-$pivotgrid-configurator-border: $kendo-component-border !default;
+$kendo-pivotgrid-configurator-bg: $kendo-component-bg !default;
+$kendo-pivotgrid-configurator-text: $kendo-component-text !default;
+$kendo-pivotgrid-configurator-border: $kendo-component-border !default;
 
-$pivotgrid-configurator-header-bg: null !default;
-$pivotgrid-configurator-header-text: $kendo-component-header-text !default;
-$pivotgrid-configurator-header-border: null !default;
+$kendo-pivotgrid-configurator-header-bg: null !default;
+$kendo-pivotgrid-configurator-header-text: $kendo-component-header-text !default;
+$kendo-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;
+$kendo-pivotgrid-configurator-end-shadow: -3px 0px 6px rgba(0, 0, 0, .16) !default;
+$kendo-pivotgrid-configurator-start-shadow: 3px 0px 6px rgba(0, 0, 0, .16) !default;
+$kendo-pivotgrid-configurator-top-shadow: 0px -3px 6px rgba(0, 0, 0, .16) !default;
+$kendo-pivotgrid-configurator-bottom-shadow: 0px 3px 6px rgba(0, 0, 0, .16) !default;
 
-$pivotgrid-configurator-button-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
-$pivotgrid-configurator-button-padding-y: k-map-get( $kendo-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;
+$kendo-pivotgrid-configurator-button-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-pivotgrid-configurator-button-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-pivotgrid-configurator-button-border-width: 1px !default;
+$kendo-pivotgrid-configurator-button-size: calc( #{$kendo-pivotgrid-line-height * 1em} + #{$kendo-pivotgrid-configurator-button-padding-y * 2} + #{$kendo-pivotgrid-configurator-button-border-width * 2} ) !default;
 
 // Calculated fields
-$pivotgrid-calculated-field-padding-x: $pivotgrid-spacer !default;
-$pivotgrid-calculated-field-padding-y: $pivotgrid-spacer !default;
-$pivotgrid-calculated-field-border-width: 1px !default;
-$pivotgrid-calculated-field-border-radius: $kendo-border-radius-md !default;
-$pivotgrid-calculated-field-gap: $pivotgrid-spacer !default;
+$kendo-pivotgrid-calculated-field-padding-x: $kendo-pivotgrid-spacer !default;
+$kendo-pivotgrid-calculated-field-padding-y: $kendo-pivotgrid-spacer !default;
+$kendo-pivotgrid-calculated-field-border-width: 1px !default;
+$kendo-pivotgrid-calculated-field-border-radius: $kendo-border-radius-md !default;
+$kendo-pivotgrid-calculated-field-gap: $kendo-pivotgrid-spacer !default;
 
-$pivotgrid-calculated-field-bg: $kendo-component-bg !default;
-$pivotgrid-calculated-field-text: $kendo-component-text !default;
-$pivotgrid-calculated-field-border: $kendo-component-border !default;
+$kendo-pivotgrid-calculated-field-bg: $kendo-component-bg !default;
+$kendo-pivotgrid-calculated-field-text: $kendo-component-text !default;
+$kendo-pivotgrid-calculated-field-border: $kendo-component-border !default;
 
-$pivotgrid-calculated-field-header-bg: null !default;
-$pivotgrid-calculated-field-header-text: $kendo-component-header-text !default;
-$pivotgrid-calculated-field-header-border: null !default;
+$kendo-pivotgrid-calculated-field-header-bg: null !default;
+$kendo-pivotgrid-calculated-field-header-text: $kendo-component-header-text !default;
+$kendo-pivotgrid-calculated-field-header-border: null !default;
 
 
-$pivotgrid-treeview-padding-x: k-math-div( $pivotgrid-spacer, 2 ) !default;
-$pivotgrid-treeview-padding-y: 0px !default;
+$kendo-pivotgrid-treeview-padding-x: k-math-div( $kendo-pivotgrid-spacer, 2 ) !default;
+$kendo-pivotgrid-treeview-padding-y: 0px !default;
 
 // Legacy variables
-$pivotgrid-alt-bg: $kendo-grid-header-bg !default;
-$pivotgrid-alt-text: $kendo-grid-header-text !default;
-$pivotgrid-chrome-border: $kendo-grid-border !default;
-
-$pivotgrid-container-bg: $kendo-component-bg !default;
-$pivotgrid-row-headers-bg: k-try-shade( $kendo-component-bg, 1 ) !default;
-
-$pivotgrid-button-bg: null !default;
-$pivotgrid-button-text: null !default;
-$pivotgrid-button-hover-bg: null !default;
-$pivotgrid-button-hover-text: null !default;
-$pivotgrid-button-active-bg: null !default;
-$pivotgrid-button-active-text: null !default;
-
-$pivotgrid-remove-bg: null !default;
-$pivotgrid-remove-text: null !default;
+$kendo-pivotgrid-alt-bg: $kendo-grid-header-bg !default;
+$kendo-pivotgrid-alt-text: $kendo-grid-header-text !default;
+$kendo-pivotgrid-chrome-border: $kendo-grid-border !default;
+
+$kendo-pivotgrid-container-bg: $kendo-component-bg !default;
+$kendo-pivotgrid-row-headers-bg: k-try-shade( $kendo-component-bg, 1 ) !default;
+
+$kendo-pivotgrid-button-bg: null !default;
+$kendo-pivotgrid-button-text: null !default;
+$kendo-pivotgrid-button-hover-bg: null !default;
+$kendo-pivotgrid-button-hover-text: null !default;
+$kendo-pivotgrid-button-active-bg: null !default;
+$kendo-pivotgrid-button-active-text: null !default;
+
+$kendo-pivotgrid-remove-bg: null !default;
+$kendo-pivotgrid-remove-text: null !default;

package/scss/popover/_variables.scss

@@ -1,30 +1,30 @@
 // Popover
-$kendo-popover-border-width: $card-border-width !default;
+$kendo-popover-border-width: $kendo-card-border-width !default;
 $kendo-popover-border-style: solid !default;
-$kendo-popover-border-radius: $card-border-radius !default;
-$kendo-popover-font-size: $card-font-size !default;
-$kendo-popover-font-family: $card-font-family !default;
-$kendo-popover-line-height: $card-line-height !default;
+$kendo-popover-border-radius: $kendo-card-border-radius !default;
+$kendo-popover-font-size: $kendo-card-font-size !default;
+$kendo-popover-font-family: $kendo-card-font-family !default;
+$kendo-popover-line-height: $kendo-card-line-height !default;
 $kendo-popover-bg: $kendo-component-bg !default;
 $kendo-popover-text: $kendo-component-text !default;
 $kendo-popover-border: $kendo-component-border !default;
-$kendo-popover-shadow: $popup-shadow !default;
+$kendo-popover-shadow: $kendo-popup-shadow !default;
 
-$kendo-popover-header-padding-y: $card-header-padding-y !default;
-$kendo-popover-header-padding-x: $card-header-padding-x !default;
-$kendo-popover-header-border-width: $card-header-border-width !default;
+$kendo-popover-header-padding-y: $kendo-card-header-padding-y !default;
+$kendo-popover-header-padding-x: $kendo-card-header-padding-x !default;
+$kendo-popover-header-border-width: $kendo-card-header-border-width !default;
 $kendo-popover-header-border-style: $kendo-popover-border-style !default;
-$kendo-popover-header-bg: $card-header-bg !default;
-$kendo-popover-header-text: $card-header-text !default;
-$kendo-popover-header-border: $card-header-border !default;
+$kendo-popover-header-bg: $kendo-card-header-bg !default;
+$kendo-popover-header-text: $kendo-card-header-text !default;
+$kendo-popover-header-border: $kendo-card-header-border !default;
 
-$kendo-popover-body-padding-y: $card-body-padding-y !default;
-$kendo-popover-body-padding-x: $card-body-padding-x !default;
+$kendo-popover-body-padding-y: $kendo-card-body-padding-y !default;
+$kendo-popover-body-padding-x: $kendo-card-body-padding-x !default;
 
 $kendo-popover-actions-border-width: $kendo-popover-border-width !default;
 
-$kendo-popover-callout-width: $card-callout-width !default;
-$kendo-popover-callout-height: $card-callout-height !default;
+$kendo-popover-callout-width: $kendo-card-callout-width !default;
+$kendo-popover-callout-height: $kendo-card-callout-height !default;
 $kendo-popover-callout-border-width: $kendo-popover-border-width !default;
 $kendo-popover-callout-border-style: $kendo-popover-border-style !default;
 $kendo-popover-callout-bg: $kendo-popover-bg !default;

package/scss/popup/_layout.scss

@@ -1,15 +1,15 @@
 @include exports("popup/layout") {
 
     .k-popup {
-        @include border-radius( $popup-border-radius );
+        @include border-radius( $kendo-popup-border-radius );
         margin: 0;
         padding: 0;
-        // padding: $popup-padding-y $popup-padding-x;
-        border-width: $popup-border-width;
+        // padding: $kendo-popup-padding-y $kendo-popup-padding-x;
+        border-width: $kendo-popup-border-width;
         border-style: solid;
         box-sizing: border-box;
-        font-size: $popup-font-size;
-        line-height: $popup-line-height;
+        font-size: $kendo-popup-font-size;
+        line-height: $kendo-popup-line-height;
         display: flex;
         flex-direction: column;
         align-items: stretch;
@@ -27,7 +27,7 @@
     }
 
     .k-popup > .k-colorpalette {
-        padding: $popup-content-padding-y $popup-content-padding-x;
+        padding: $kendo-popup-content-padding-y $kendo-popup-content-padding-x;
     }
 
     // Transparent popup
@@ -53,7 +53,7 @@
 @include exports( "common/decoration/shadow/legacy" ) {
 
     .k-shadow {
-        box-shadow: $popup-shadow;
+        box-shadow: $kendo-popup-shadow;
     }
 
 }

package/scss/popup/_theme.scss

@@ -2,11 +2,11 @@
 
     .k-popup {
         @include fill(
-            $popup-text,
-            $popup-bg,
-            $popup-border
+            $kendo-popup-text,
+            $kendo-popup-bg,
+            $kendo-popup-border
         );
-        @include box-shadow( $popup-shadow );
+        @include box-shadow( $kendo-popup-shadow );
     }
 
     .k-animation-container {

package/scss/popup/_variables.scss

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

package/scss/progressbar/_variables.scss

@@ -14,10 +14,10 @@ $kendo-progressbar-animation-timing: 1s linear infinite !default;
 $kendo-progressbar-border-width: 0px !default;
 /// Font family of the progressbar.
 /// @group progressbar
-$kendo-progressbar-font-family: $font-family !default;
+$kendo-progressbar-font-family: $kendo-font-family !default;
 /// Font size of the progressbar.
 /// @group progressbar
-$kendo-progressbar-font-size: $font-size-sm !default;
+$kendo-progressbar-font-size: $kendo-font-size-sm !default;
 /// Line height of the progressbar.
 /// @group progressbar
 $kendo-progressbar-line-height: 1 !default;

package/scss/radio/_variables.scss

@@ -142,7 +142,7 @@ $kendo-radio-list-spacing: k-map-get( $kendo-spacing, 4 ) !default;
 $kendo-radio-list-item-padding-x: 0px !default;
 /// The vertical list item padding of radio button.
 /// @group radio
-$kendo-radio-list-item-padding-y: $kendo-list-item-padding-y-md !default;
+$kendo-radio-list-item-padding-y: $kendo-list-md-item-padding-y !default;
 
 
 // Radio ripple