@progress/kendo-theme-bootstrap 5.12.1-dev.0 → 5.12.1-dev.2

package/scss/orgchart/_theme.scss

@@ -1 +1 @@
-@import "~@progress/kendo-theme-default/scss/orgchart/_theme.scss";
+@import "@progress/kendo-theme-default/scss/orgchart/_theme.scss";

package/scss/orgchart/_variables.scss

@@ -1,13 +1,13 @@
 // Orgchart
-$orgchart-spacer: k-map-get( $spacing, 6 ) !default;
+$orgchart-spacer: k-map-get( $kendo-spacing, 6 ) !default;
 $orgchart-padding-y: $orgchart-spacer !default;
 $orgchart-padding-x: $orgchart-padding-y !default;
 $orgchart-font-family: $font-family !default;
 $orgchart-font-size: $font-size !default;
 $orgchart-line-height: $line-height !default;
-$orgchart-bg: $component-bg !default;
-$orgchart-text: $component-text !default;
-$orgchart-border: $component-border !default;
+$orgchart-bg: $kendo-component-bg !default;
+$orgchart-text: $kendo-component-text !default;
+$orgchart-border: $kendo-component-border !default;
 
 $orgchart-node-gap: $orgchart-spacer !default;
 $orgchart-group-gap: $orgchart-spacer !default;
@@ -25,12 +25,12 @@ $orgchart-node-group-focus-border: $card-focus-border !default;
 $orgchart-node-group-focus-shadow: $card-focus-shadow !default;
 
 $orgchart-node-group-title-font-size: $font-size-lg !default;
-$orgchart-node-group-title-margin-bottom: $orgchart-spacer / 4 !default;
+$orgchart-node-group-title-margin-bottom: k-math-div( $orgchart-spacer, 4 ) !default;
 $orgchart-node-group-title-line-height: $line-height-sm !default;
 
 $orgchart-node-group-subtitle-margin-bottom: $orgchart-spacer !default;
 $orgchart-node-group-subtitle-font-size: $font-size !default;
-$orgchart-node-group-subtitle-text: $subtle-text !default;
+$orgchart-node-group-subtitle-text: $kendo-subtle-text !default;
 
 $orgchart-card-width: 300px !default;
 $orgchart-card-padding-y: $card-padding-y !default;
@@ -48,7 +48,7 @@ $orgchart-card-subtitle-font-size: null !default;
 $orgchart-card-body-border-width: 2px 0 0 !default;
 $orgchart-card-body-border-color: transparent !default;
 
-$orgchart-card-body-vbox-margin-right: $orgchart-spacer / 2 !default;
+$orgchart-card-body-vbox-margin-right: k-math-div( $orgchart-spacer, 2 ) !default;
 $orgchart-card-body-vbox-min-height: $card-avatar-size !default;
 
 $orgchart-line-size: 1px !default;

package/scss/overlay/_index.scss

@@ -5,6 +5,6 @@
 
 
 // Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";
+@import "./_variables.scss";
+@import "./_layout.scss";
+@import "./_theme.scss";

package/scss/overlay/_layout.scss

@@ -1 +1 @@
-@import "~@progress/kendo-theme-default/scss/overlay/_layout.scss";
+@import "@progress/kendo-theme-default/scss/overlay/_layout.scss";

package/scss/overlay/_theme.scss

@@ -1 +1 @@
-@import "~@progress/kendo-theme-default/scss/overlay/_theme.scss";
+@import "@progress/kendo-theme-default/scss/overlay/_theme.scss";

package/scss/overlay/_variables.scss

@@ -1,4 +1,4 @@
 $overlay-theme-colors: $kendo-theme-colors !default;
 
-$overlay-bg: $black !default;
+$overlay-bg: $kendo-color-black !default;
 $overlay-opacity: .5 !default;

package/scss/pager/_index.scss

@@ -5,11 +5,11 @@
 @import "../common/_index.scss";
 @import "../dropdownlist/_index.scss";
 @import "../icons/_index.scss";
-@import "../toolbar/_variables.scss";
 @import "../list/_index.scss";
+@import "../button/_index.scss";
 
 
 // Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";
+@import "./_variables.scss";
+@import "./_layout.scss";
+@import "./_theme.scss";

package/scss/pager/_layout.scss

@@ -1,24 +1,24 @@
-@import "~@progress/kendo-theme-default/scss/pager/_layout.scss";
+@import "@progress/kendo-theme-default/scss/pager/_layout.scss";
 
 @include exports( "pager/layout/bootstrap" ) {
 
 
     // Pager items
     .k-pager-nav { @include border-radius( 0 ); }
-    .k-pager-first { @include border-left-radius-only( $pager-item-border-radius ); }
-    .k-pager-last { @include border-right-radius-only( $pager-item-border-radius ); }
+    .k-pager-first { @include border-left-radius-only( $kendo-pager-item-border-radius ); }
+    .k-pager-last { @include border-right-radius-only( $kendo-pager-item-border-radius ); }
 
     .k-rtl,
     [dir="rtl"] {
-        .k-pager-first { @include border-right-radius-only( $pager-item-border-radius ); }
-        .k-pager-last { @include border-left-radius-only( $pager-item-border-radius ); }
+        .k-pager-first { @include border-right-radius-only( $kendo-pager-item-border-radius ); }
+        .k-pager-last { @include border-left-radius-only( $kendo-pager-item-border-radius ); }
     }
 
 
     // Pager refresh
     .k-pager-refresh {
-        @include border-radius( $pager-item-border-radius );
-        border-width: $pager-item-border-width;
+        @include border-radius( $kendo-pager-item-border-radius );
+        border-width: $kendo-pager-item-border-width;
         border-style: solid;
     }
 

package/scss/pager/_theme.scss

@@ -1,36 +1 @@
-@import "~@progress/kendo-theme-default/scss/pager/_theme.scss";
-
-@include exports( "pager/theme/bootstrap" ) {
-
-
-    // Pager
-    .k-pager-wrap {}
-
-
-    // Responsive
-    .k-pager-md,
-    .k-pager-sm {
-
-        .k-pager-numbers {
-
-            .k-current-page .k-link {
-                @include fill(
-                    $pager-text,
-                    $pager-item-bg,
-                    $pager-item-border
-                );
-
-                &:hover,
-                &.k-hover {
-                    @include fill(
-                        $pager-text,
-                        $pager-item-hover-bg,
-                        $pager-item-hover-border
-                    );
-                }
-            }
-
-        }
-    }
-
-}
+@import "@progress/kendo-theme-default/scss/pager/_theme.scss";

package/scss/pager/_variables.scss

@@ -1,66 +1,149 @@
-// Pager
-$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;
-$pager-font-size: $font-size !default;
-$pager-line-height: $line-height !default;
+@import "../typography/_variables.scss";
 
-$pager-bg: $header-bg !default;
-$pager-text: $header-text !default;
-$pager-border: $header-border !default;
 
-$pager-focus-bg: null !default;
-$pager-focus-shadow: inset 0 0 0 2px rgba( black, .08) !default;
+// Pager
 
-$pager-section-spacing: k-map-get( $spacing, 4 ) !default;
+/// Horizontal padding of the pager according to the pager size.
+/// @group pager
+$kendo-pager-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-pager-padding-x-sm: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-pager-padding-x-md: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-pager-padding-x-lg: k-map-get( $kendo-spacing, 2.5 ) !default;
+/// Vertical padding of the pager according to the pager size.
+/// @group pager
+$kendo-pager-padding-y: $kendo-pager-padding-x !default;
+$kendo-pager-padding-y-sm: $kendo-pager-padding-x-sm !default;
+$kendo-pager-padding-y-md: $kendo-pager-padding-x-md !default;
+$kendo-pager-padding-y-lg: $kendo-pager-padding-x-lg !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: k-map-get( $spacing, 1 ) !default;
-$pager-item-spacing: -$pager-item-border-width !default;
+/// Minimum width of the pager items according to the pager size.
+/// @group pager
+$kendo-pager-item-min-width-sm: $kendo-button-calc-size-sm !default;
+$kendo-pager-item-min-width-md: $kendo-button-calc-size-md !default;
+$kendo-pager-item-min-width-lg: $kendo-button-calc-size-lg !default;
 
-$pager-item-bg: $component-bg !default;
-$pager-item-text: $link-text !default;
-$pager-item-border: $component-border !default;
+/// Margin between pager item groups according to the pager size.
+/// @group pager
+$kendo-pager-item-group-spacing-sm: k-map-get( $kendo-spacing, 3.5 ) !default;
+$kendo-pager-item-group-spacing-md: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-pager-item-group-spacing-lg: k-map-get( $kendo-spacing, 4.5 ) !default;
 
-$pager-item-hover-bg: $hovered-bg !default;
-$pager-item-hover-text: $link-hover-text !default;
-$pager-item-hover-border: $hovered-border !default;
+/// Border width of the pager.
+/// @group pager
+$kendo-pager-border-width: 1px !default;
+/// Font family of the pager.
+/// @group pager
+$kendo-pager-font-family: $font-family !default;
+/// Font size of the pager.
+/// @group pager
+$kendo-pager-font-size: $font-size !default;
+/// Line height of the pager.
+/// @group pager
+$kendo-pager-line-height: $line-height !default;
+/// Background color of the pager.
+/// @group pager
+$kendo-pager-bg: $kendo-component-header-bg !default;
+/// Text color of the pager.
+/// @group pager
+$kendo-pager-text: $kendo-component-header-text !default;
+/// Border color of the pager.
+/// @group pager
+$kendo-pager-border: $kendo-component-header-border !default;
 
-$pager-item-selected-bg: $selected-bg !default;
-$pager-item-selected-text: $selected-text !default;
-$pager-item-selected-border: $pager-item-selected-bg !default;
+/// Background color of the focused pager.
+/// @group pager
+$kendo-pager-focus-bg: null !default;
+/// Box shadow of the focused pager.
+/// @group pager
+$kendo-pager-focus-shadow: inset 0 0 0 2px rgba( $kendo-color-black, .08) !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;
+/// Spacing between the pager sections.
+/// @group pager
+$kendo-pager-section-spacing: k-map-get( $kendo-spacing, 4 ) !default;
 
-$pager-number-padding-x: $pager-item-padding-x !default;
-$pager-number-padding-y: $pager-item-padding-y !default;
-$pager-number-border-width: $pager-item-border-width !default;
-$pager-number-border-radius: 0px !default;
-$pager-number-spacing: $pager-item-spacing !default;
+/// Border width of the pager items.
+/// @group pager
+$kendo-pager-item-border-width: 1px !default;
+/// Border radius of the pager items.
+/// @group pager
+$kendo-pager-item-border-radius: k-map-get( $kendo-spacing, 1 ) !default;
+/// Spacing around the pager items.
+/// @group pager
+$kendo-pager-item-spacing: (-1 * $kendo-pager-item-border-width) !default;
+/// Background color of the pager items.
+/// @group pager
+$kendo-pager-item-bg: $kendo-component-bg !default;
+/// Text color of the pager items.
+/// @group pager
+$kendo-pager-item-text: $link-text !default;
+/// Border color of the pager items.
+/// @group pager
+$kendo-pager-item-border: $kendo-component-border !default;
 
-$pager-number-bg: $pager-item-bg !default;
-$pager-number-text: $pager-item-text !default;
-$pager-number-border: $pager-item-border !default;
+/// Background color of the hovered pager items.
+/// @group pager
+$kendo-pager-item-hover-bg: $kendo-hover-bg !default;
+/// Text color of the hovered pager items.
+/// @group pager
+$kendo-pager-item-hover-text: $link-hover-text !default;
+/// Border color of the hovered pager items.
+/// @group pager
+$kendo-pager-item-hover-border: $kendo-hover-border !default;
+/// Background color of the selected pager items.
+/// @group pager
+$kendo-pager-item-selected-bg: $kendo-selected-bg !default;
+/// Text color of the selected pager items.
+/// @group pager
+$kendo-pager-item-selected-text: $kendo-selected-text !default;
+/// Border color of the selected pager items.
+/// @group pager
+$kendo-pager-item-selected-border: $kendo-pager-item-selected-bg !default;
+/// Opacity of the focused pager items.
+/// @group pager
+$kendo-pager-item-focus-opacity: null !default;
+/// Background color of the focused pager items.
+/// @group pager
+$kendo-pager-item-focus-bg: $kendo-pager-item-bg !default;
+/// Box shadow of the focused pager items.
+/// @group pager
+$kendo-pager-item-focus-shadow: 0 0 0 3px rgba($kendo-color-primary, .25) !default;
 
-$pager-number-hover-opacity: null !default;
-$pager-number-hover-bg: $pager-item-hover-bg !default;
-$pager-number-hover-text: $pager-item-text !default;
-$pager-number-hover-border: $pager-item-hover-border !default;
+/// Border radius of the pager numbers.
+/// @group pager
+$kendo-pager-number-border-radius: 0px !default;
 
-$pager-number-selected-opacity: null !default;
-$pager-number-selected-bg: $pager-item-selected-bg !default;
-$pager-number-selected-text: $pager-item-selected-text !default;
-$pager-number-selected-border: $pager-item-selected-border !default;
+/// Width of the pager inputs.
+/// @group pager
+$kendo-pager-input-width: 5em !default;
 
-$pager-number-focus-opacity: null !default;
-$pager-number-focus-bg: $pager-number-bg !default;
-$pager-number-focus-shadow: $pager-item-focus-shadow !default;
+/// Width of the pager dropdowns according to the pager size.
+/// @group pager
+$kendo-pager-dropdown-width-sm: 5em !default;
+$kendo-pager-dropdown-width-md: 5em !default;
+$kendo-pager-dropdown-width-lg: 6em !default;
 
-$pager-input-width: 5em !default;
-$pager-dropdown-width: 5em !default;
+/// Sizes map of the pager.
+/// @group pager
+$kendo-pager-sizes: (
+    sm: (
+        padding-x: $kendo-pager-padding-x-sm,
+        padding-y: $kendo-pager-padding-y-sm,
+        item-group-spacing: $kendo-pager-item-group-spacing-sm,
+        item-min-width: $kendo-pager-item-min-width-sm,
+        pager-dropdown-width: $kendo-pager-dropdown-width-sm
+    ),
+    md: (
+        padding-x: $kendo-pager-padding-x-md,
+        padding-y: $kendo-pager-padding-y-md,
+        item-group-spacing: $kendo-pager-item-group-spacing-md,
+        item-min-width: $kendo-pager-item-min-width-md,
+        pager-dropdown-width: $kendo-pager-dropdown-width-md
+    ),
+    lg: (
+        padding-x: $kendo-pager-padding-x-lg,
+        padding-y: $kendo-pager-padding-y-lg,
+        item-group-spacing: $kendo-pager-item-group-spacing-lg,
+        item-min-width: $kendo-pager-item-min-width-lg,
+        pager-dropdown-width: $kendo-pager-dropdown-width-lg
+    )
+) !default;

package/scss/panelbar/_index.scss

@@ -8,6 +8,6 @@
 
 
 // Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";
+@import "./_variables.scss";
+@import "./_layout.scss";
+@import "./_theme.scss";

package/scss/panelbar/_layout.scss

@@ -1 +1 @@
-@import "~@progress/kendo-theme-default/scss/panelbar/_layout.scss";
+@import "@progress/kendo-theme-default/scss/panelbar/_layout.scss";

package/scss/panelbar/_theme.scss

@@ -1 +1 @@
-@import "~@progress/kendo-theme-default/scss/panelbar/_theme.scss";
+@import "@progress/kendo-theme-default/scss/panelbar/_theme.scss";

package/scss/panelbar/_variables.scss

@@ -1,4 +1,8 @@
+@import "../typography/_variables.scss";
+
+
 // Panelbar
+
 $panelbar-padding-x: 0px !default;
 $panelbar-padding-y: 0px !default;
 $panelbar-font-family: $font-family !default;
@@ -9,94 +13,94 @@ $panelbar-border-style: solid !default;
 $panelbar-item-border-width: 1px !default;
 $panelbar-item-border-style: solid !default;
 
-$panelbar-header-padding-x: k-map-get( $spacing, 6 ) !default;
-$panelbar-header-padding-y: k-map-get( $spacing, 4 ) !default;
+$panelbar-header-padding-x: k-map-get( $kendo-spacing, 6 ) !default;
+$panelbar-header-padding-y: k-map-get( $kendo-spacing, 4 ) !default;
 
-$panelbar-item-padding-x: k-map-get( $spacing, 6 ) !default;
-$panelbar-item-padding-y: k-map-get( $spacing, 3 ) !default;
+$panelbar-item-padding-x: k-map-get( $kendo-spacing, 6 ) !default;
+$panelbar-item-padding-y: k-map-get( $kendo-spacing, 3 ) !default;
 
 $panelbar-item-level-count: 4 !default;
 
-$panelbar-bg: $component-bg !default;
-$panelbar-text: $component-text !default;
-$panelbar-border: $component-border !default;
+$panelbar-bg: $kendo-component-bg !default;
+$panelbar-text: $kendo-component-text !default;
+$panelbar-border: $kendo-component-border !default;
 
 $panelbar-header-bg: $panelbar-bg !default;
 $panelbar-header-text: $link-text !default;
 $panelbar-header-border: null !default;
 $panelbar-header-gradient: null !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;
+$panelbar-header-hover-bg: k-try-shade( $panelbar-header-bg, .5 ) !default;
+$panelbar-header-hover-text: null !default;
+$panelbar-header-hover-border: null !default;
+$panelbar-header-hover-gradient: null !default;
 
-$panelbar-header-focused-bg: null !default;
-$panelbar-header-focused-text: null !default;
-$panelbar-header-focused-border: null !default;
-$panelbar-header-focused-gradient: null !default;
-$panelbar-header-focused-shadow: $kendo-list-item-focus-shadow !default;
+$panelbar-header-focus-bg: null !default;
+$panelbar-header-focus-text: null !default;
+$panelbar-header-focus-border: null !default;
+$panelbar-header-focus-gradient: null !default;
+$panelbar-header-focus-shadow: $kendo-list-item-focus-shadow !default;
 
-$panelbar-header-hovered-focused-bg: null !default;
-$panelbar-header-hovered-focused-text: null !default;
-$panelbar-header-hovered-focused-border: null !default;
-$panelbar-header-hovered-focused-gradient: null !default;
+$panelbar-header-hover-focus-bg: null !default;
+$panelbar-header-hover-focus-text: null !default;
+$panelbar-header-hover-focus-border: null !default;
+$panelbar-header-hover-focus-gradient: null !default;
 
-$panelbar-header-selected-bg: $selected-bg !default;
-$panelbar-header-selected-text: $selected-text !default;
+$panelbar-header-selected-bg: $kendo-selected-bg !default;
+$panelbar-header-selected-text: $kendo-selected-text !default;
 $panelbar-header-selected-border: null !default;
 $panelbar-header-selected-gradient: null !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;
-
-$panelbar-header-selected-focused-bg: null !default;
-$panelbar-header-selected-focused-text: null !default;
-$panelbar-header-selected-focused-border: null !default;
-$panelbar-header-selected-focused-gradient: null !default;
-
-$panelbar-header-selected-hovered-focused-bg: null !default;
-$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: 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;
-
-$panelbar-item-focused-bg: null !default;
-$panelbar-item-focused-text: null !default;
-$panelbar-item-focused-border: null !default;
-$panelbar-item-focused-gradient: null !default;
-$panelbar-item-focused-shadow: $kendo-list-item-focus-shadow !default;
-
-$panelbar-item-hovered-focused-bg: null !default;
-$panelbar-item-hovered-focused-text: null !default;
-$panelbar-item-hovered-focused-border: null !default;
-$panelbar-item-hovered-focused-gradient: null !default;
-
-$panelbar-item-selected-bg: $selected-bg !default;
-$panelbar-item-selected-text: $selected-text !default;
+$panelbar-header-selected-hover-bg: k-try-shade( $panelbar-header-selected-bg ) !default;
+$panelbar-header-selected-hover-text: null !default;
+$panelbar-header-selected-hover-border: null !default;
+$panelbar-header-selected-hover-gradient: null !default;
+
+$panelbar-header-selected-focus-bg: null !default;
+$panelbar-header-selected-focus-text: null !default;
+$panelbar-header-selected-focus-border: null !default;
+$panelbar-header-selected-focus-gradient: null !default;
+
+$panelbar-header-selected-hover-focus-bg: null !default;
+$panelbar-header-selected-hover-focus-text: null !default;
+$panelbar-header-selected-hover-focus-border: null !default;
+$panelbar-header-selected-hover-focus-gradient: null !default;
+
+$panelbar-item-hover-bg: k-try-shade( $panelbar-bg, 1 ) !default;
+$panelbar-item-hover-text: null !default;
+$panelbar-item-hover-border: null !default;
+$panelbar-item-hover-gradient: null !default;
+
+$panelbar-item-focus-bg: null !default;
+$panelbar-item-focus-text: null !default;
+$panelbar-item-focus-border: null !default;
+$panelbar-item-focus-gradient: null !default;
+$panelbar-item-focus-shadow: $kendo-list-item-focus-shadow !default;
+
+$panelbar-item-hover-focus-bg: null !default;
+$panelbar-item-hover-focus-text: null !default;
+$panelbar-item-hover-focus-border: null !default;
+$panelbar-item-hover-focus-gradient: null !default;
+
+$panelbar-item-selected-bg: $kendo-selected-bg !default;
+$panelbar-item-selected-text: $kendo-selected-text !default;
 $panelbar-item-selected-border: null !default;
 $panelbar-item-selected-gradient: null !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;
+$panelbar-item-selected-hover-bg: k-try-shade( $panelbar-item-selected-bg ) !default;
+$panelbar-item-selected-hover-text: null !default;
+$panelbar-item-selected-hover-border: null !default;
+$panelbar-item-selected-hover-gradient: null !default;
 
-$panelbar-item-selected-focused-bg: null !default;
-$panelbar-item-selected-focused-text: null !default;
-$panelbar-item-selected-focused-border: null !default;
-$panelbar-item-selected-focused-gradient: null !default;
+$panelbar-item-selected-focus-bg: null !default;
+$panelbar-item-selected-focus-text: null !default;
+$panelbar-item-selected-focus-border: null !default;
+$panelbar-item-selected-focus-gradient: null !default;
 
-$panelbar-item-selected-hovered-focused-bg: null !default;
-$panelbar-item-selected-hovered-focused-text: null !default;
-$panelbar-item-selected-hovered-focused-border: null !default;
-$panelbar-item-selected-hovered-focused-gradient: null !default;
+$panelbar-item-selected-hover-focus-bg: null !default;
+$panelbar-item-selected-hover-focus-text: null !default;
+$panelbar-item-selected-hover-focus-border: null !default;
+$panelbar-item-selected-hover-focus-gradient: null !default;
 
 $panelbar-header-expanded-bg: null !default;
 $panelbar-header-expanded-text: null !default;

package/scss/pdf-viewer/_index.scss

@@ -3,8 +3,7 @@
 
 // Dependencies
 @import "../common/_index.scss";
-@import "../utils/_index.scss";
-@import "../button/_variables.scss";
+// @import "../utils/_index.scss";
 @import "../combobox/_index.scss";
 @import "../toolbar/_index.scss";
 @import "../dialog/_index.scss";
@@ -15,6 +14,6 @@
 
 
 // Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";
+@import "./_variables.scss";
+@import "./_layout.scss";
+@import "./_theme.scss";

package/scss/pdf-viewer/_layout.scss

@@ -1 +1 @@
-@import "~@progress/kendo-theme-default/scss/pdf-viewer/_layout.scss";
+@import "@progress/kendo-theme-default/scss/pdf-viewer/_layout.scss";

package/scss/pdf-viewer/_theme.scss

@@ -1 +1 @@
-@import "~@progress/kendo-theme-default/scss/pdf-viewer/_theme.scss";
+@import "@progress/kendo-theme-default/scss/pdf-viewer/_theme.scss";

package/scss/pdf-viewer/_variables.scss

@@ -1,45 +1,46 @@
 // PDF viewer
+
 $pdf-viewer-border-width: 1px !default;
 $pdf-viewer-font-family: $font-family !default;
 $pdf-viewer-font-size: $font-size !default;
 $pdf-viewer-line-height: $line-height !default;
 
-$pdf-viewer-bg: $component-bg !default;
-$pdf-viewer-text: $component-text !default;
-$pdf-viewer-border: $component-border !default;
+$pdf-viewer-bg: $kendo-component-bg !default;
+$pdf-viewer-text: $kendo-component-text !default;
+$pdf-viewer-border: $kendo-component-border !default;
 
 $pdf-viewer-toolbar-bg: null !default;
 $pdf-viewer-toolbar-text: null !default;
 $pdf-viewer-toolbar-border: null !default;
 $pdf-viewer-toolbar-gradient: null !default;
 
-$pdf-viewer-canvas-bg: $app-bg !default;
+$pdf-viewer-canvas-bg: $kendo-app-bg !default;
 $pdf-viewer-canvas-text: null !default;
 $pdf-viewer-canvas-border: null !default;
 
 $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-text: $kendo-component-text !default;
+$pdf-viewer-page-border: $kendo-component-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-dialog-padding-x: $kendo-toolbar-padding-x-md !default;
+$pdf-viewer-search-dialog-padding-y: calc( #{$kendo-toolbar-padding-x-md} * 2 ) !default;
+$pdf-viewer-search-dialog-spacing: $kendo-toolbar-spacing-md !default;
 
 $pdf-viewer-search-panel-border-width: 1px !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;
+$pdf-viewer-search-panel-border-radius: k-map-get( $kendo-spacing, 1 ) !default;
+$pdf-viewer-search-panel-bg: $kendo-component-bg !default;
+$pdf-viewer-search-panel-text: $kendo-component-text !default;
+$pdf-viewer-search-panel-border: $kendo-component-border !default;
 $pdf-viewer-search-panel-shadow: null !default;
-$pdf-viewer-search-panel-matches-spacing: $padding-x-sm !default;
+$pdf-viewer-search-panel-matches-spacing: $kendo-padding-sm-x !default;
 
 $pdf-viewer-selection-line-height: 1.2 !default;
 
-$pdf-viewer-search-highlight-bg: $body-text !default;
+$pdf-viewer-search-highlight-bg: $kendo-body-text !default;
 $pdf-viewer-search-highlight-mark-bg: yellow !default;
 
 $pdf-viewer-icon-text: $dropzone-icon-text !default;
-$pdf-viewer-icon-size: calc( #{$icon-size} * 3 ) !default;
+$pdf-viewer-icon-size: calc( #{$kendo-icon-size} * 3 ) !default;