@progress/kendo-theme-bootstrap 4.42.1-dev.4 → 5.0.0-alpha.3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-bootstrap",
   "description": "Bootstrap theme for Kendo UI",
-  "version": "4.42.1-dev.4",
+  "version": "5.0.0-alpha.3",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -14,7 +14,6 @@
   "files": [
     "dist/",
     "scss/",
-    "modules/",
     "lib/"
   ],
   "homepage": "https://github.com/telerik/kendo-themes/tree/master/packages/bootstrap",
@@ -46,12 +45,12 @@
     "dart:watch": "gulp dart:watch",
     "dart:swatches": "gulp dart:swatches",
     "dart:flat": "gulp dart:flat",
-    "prepublishOnly": "./build/embed-dependencies 'bootstrap' '@progress/kendo-theme-default'",
-    "postpublish": "rm -rf modules && git checkout scss"
+    "prepublishOnly": "echo 'no prebublish for bootstrap theme'",
+    "postpublish": "echo 'no postpublish for bootstrap theme'"
   },
   "dependencies": {
-    "@progress/kendo-theme-default": "^4.42.1-dev.4",
+    "@progress/kendo-theme-default": "^5.0.0-alpha.3",
     "bootstrap": "^5.1.0"
   },
-  "gitHead": "e858f6d0ffd07117aa86b4c83d28e9999b2884f9"
+  "gitHead": "44890fccabb05b608e86a044ab565349b6d789d1"
 }

package/scss/_variables.scss

@@ -1,7 +1,7 @@
 @import "core/functions/_index.scss";
 @import "_bootstrap-overrides.scss";
-@import "../modules/bootstrap/scss/_functions.scss";
-@import "../modules/bootstrap/scss/_variables.scss";
+@import "~bootstrap/scss/_functions.scss";
+@import "~bootstrap/scss/_variables.scss";
 
 
 // Options
@@ -13,6 +13,8 @@ $enable-flex-classes: true !default;
 $enable-grid-classes: true !default;
 
 $use-calc-badge-size: true !default;
+$use-input-button-width: false !default;
+$use-input-spinner-width: false !default;
 $use-picker-select-width: false !default;
 
 

package/scss/action-buttons/_layout.scss

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

package/scss/action-buttons/_theme.scss

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

package/scss/action-sheet/_layout.scss

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

package/scss/action-sheet/_theme.scss

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

package/scss/adaptive/_layout.scss

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

package/scss/adaptive/_theme.scss

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

package/scss/appbar/_layout.scss

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

package/scss/appbar/_theme.scss

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

package/scss/autocomplete/_layout.scss

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

package/scss/autocomplete/_theme.scss

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

package/scss/autocomplete/_variables.scss

@@ -1,18 +1,18 @@
 // Autocomplete
-$autocomplete-bg: $input-bg !default;
-$autocomplete-text: $input-text !default;
-$autocomplete-border: $input-border !default;
-$autocomplete-shadow: $input-shadow !default;
+$autocomplete-bg: $kendo-input-bg !default;
+$autocomplete-text: $kendo-input-text !default;
+$autocomplete-border: $kendo-input-border !default;
+$autocomplete-shadow: $kendo-input-shadow !default;
 
-$autocomplete-hovered-bg: $input-hovered-bg !default;
-$autocomplete-hovered-text: $input-hovered-text !default;
-$autocomplete-hovered-border: $input-hovered-border !default;
-$autocomplete-hovered-shadow: $input-hovered-shadow !default;
+$autocomplete-hovered-bg: $kendo-input-hover-bg !default;
+$autocomplete-hovered-text: $kendo-input-hover-text !default;
+$autocomplete-hovered-border: $kendo-input-hover-border !default;
+$autocomplete-hovered-shadow: $kendo-input-hover-shadow !default;
 
-$autocomplete-focused-bg: $input-focused-bg !default;
-$autocomplete-focused-text: $input-focused-text !default;
-$autocomplete-focused-border: $input-focused-border !default;
-$autocomplete-focused-shadow: $input-focused-shadow !default;
+$autocomplete-focused-bg: $kendo-input-focus-bg !default;
+$autocomplete-focused-text: $kendo-input-focus-text !default;
+$autocomplete-focused-border: $kendo-input-focus-border !default;
+$autocomplete-focused-shadow: $kendo-input-focus-shadow !default;
 
 $autocomplete-disabled-bg: null !default;
 $autocomplete-disabled-text: null !default;
@@ -21,5 +21,5 @@ $autocomplete-disabled-shadow: null !default;
 
 $autocomplete-invalid-bg: null !default;
 $autocomplete-invalid-text: null !default;
-$autocomplete-invalid-border: $invalid-border !default;
-$autocomplete-invalid-shadow: $invalid-shadow !default;
+$autocomplete-invalid-border: $kendo-input-invalid-border !default;
+$autocomplete-invalid-shadow: $kendo-input-invalid-shadow !default;

package/scss/avatar/_layout.scss

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

package/scss/avatar/_theme.scss

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

package/scss/badge/_layout.scss

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

package/scss/badge/_theme.scss

@@ -1,4 +1,4 @@
-@import "../../modules/@progress/kendo-theme-default/scss/badge/_theme.scss";
+@import "~@progress/kendo-theme-default/scss/badge/_theme.scss";
 
 @include exports("badge/theme/bootstrap") {
 

package/scss/bootstrap_dist.scss

@@ -1 +1 @@
-@import "../modules/bootstrap/scss/bootstrap.scss";
+@import "~bootstrap/scss/bootstrap.scss";

package/scss/bottom-navigation/_layout.scss

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

package/scss/bottom-navigation/_theme.scss

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

package/scss/breadcrumb/_layout.scss

@@ -1,4 +1,4 @@
-@import "../../modules/@progress/kendo-theme-default/scss/breadcrumb/_layout.scss";
+@import "~@progress/kendo-theme-default/scss/breadcrumb/_layout.scss";
 
 @include exports( "breadcrumb/layout/bootstrap" ) {
 

package/scss/breadcrumb/_theme.scss

@@ -1,4 +1,4 @@
-@import "../../modules/@progress/kendo-theme-default/scss/breadcrumb/_theme.scss";
+@import "~@progress/kendo-theme-default/scss/breadcrumb/_theme.scss";
 
 @include exports( "breadcrumb/theme/bootstrap" ) {
 

package/scss/breadcrumb/_variables.scss

@@ -14,7 +14,7 @@ $breadcrumb-text: $component-text !default;
 $breadcrumb-border: $component-border !default;
 
 $breadcrumb-delimiter-icon-font-size: $icon-size * .75 !default;
-$breadcrumb-delimiter-icon-padding-x: $button-padding-y !default;
+$breadcrumb-delimiter-icon-padding-x: $kendo-button-padding-y !default;
 $breadcrumb-delimiter-icon-padding-y: 0px !default;
 
 $breadcrumb-link-padding-x: $padding-x-lg / 2 !default;

package/scss/button/_layout.scss

@@ -1,9 +1,9 @@
-@import "../../modules/@progress/kendo-theme-default/scss/button/_layout.scss";
+@import "~@progress/kendo-theme-default/scss/button/_layout.scss";
 
 @include exports("button/layout/bootstrap") {
 
     // Default button
     .k-button {
-        transition: $transition;
+        transition: $kendo-button-color-transition;
     }
 }

package/scss/button/_theme.scss

@@ -1 +1,82 @@
-@import "../../modules/@progress/kendo-theme-default/scss/button/_theme.scss";
+@import "~@progress/kendo-theme-default/scss/button/_theme.scss";
+
+@include exports( "button/theme/bootstrap" ) {
+
+    // Solid Buttons
+    @each $name, $color in $kendo-button-theme-colors {
+        .k-button-solid-#{$name} {
+            @if ($name != "base")  {
+                background-image: none;
+
+                // Hover state
+                &:hover,
+                &.k-hover {
+                    color: contrast-wcag( try-darken( $color, 7.5% ) );
+                    background-color: try-darken( $color, 7.5% );
+                    border-color: try-darken( $color, 10% );
+                }
+
+                // Focus state
+                &:focus,
+                &.k-focus {
+                    box-shadow: 0 0 0 3px rgba( $color, .5 );
+                }
+
+                // Active state
+                &:active,
+                &.k-active {
+                    color: contrast-wcag( try-darken( $color, 10% ) );
+                    background-color: try-darken( $color, 10% );
+                    border-color: try-darken( $color, 12.5% );
+                }
+
+                // Selected
+                &.k-selected {
+                    color: contrast-wcag( try-darken( $color, 10% ) );
+                    background-color: try-darken( $color, 10% );
+                    border-color: try-darken( $color, 12.5% );
+                }
+            }
+        }
+    }
+
+
+    // Outline Buttons
+    @each $name, $color in $kendo-button-theme-colors {
+        .k-button-outline-#{$name} {
+            @if ($name != "base") {
+
+                // Focus state
+                &:focus,
+                &.k-focus {
+                    box-shadow: 0 0 0 3px rgba( $color, .5 );
+                }
+            }
+        }
+    }
+
+
+    // Menu button
+    .k-menu-button {}
+
+
+    // Button group
+    .k-button-group {
+
+        .k-button:focus,
+        .k-button.k-focus,
+        .k-button-outline:focus,
+        .k-button-outline.k-focus {
+            @include box-shadow( $kendo-button-group-focus-shadow );
+        }
+
+    }
+
+
+    // Split button
+    .k-split-button:focus,
+    .k-split-button.k-focus {
+        @include box-shadow( $kendo-button-focus-shadow );
+    }
+
+}

package/scss/button/_variables.scss

@@ -1,132 +1,171 @@
 // Button
 
-/// Width of border around buttons
-/// @group buttons
-$button-border-width: $btn-border-width !default;
-/// Border radius of buttons
-/// @group buttons
-$button-border-radius: $border-radius !default;
-
-/// Horizontal padding of buttons
-/// @group buttons
-$button-padding-x: $btn-padding-x !default;
-/// Vertical padding of buttons
-/// @group buttons
-$button-padding-y: $btn-padding-y !default;
-$button-font-family: $font-family !default;
-$button-font-size: $font-size !default;
-$button-line-height: $btn-line-height !default;
-
-$button-padding-x-sm: $btn-padding-x-sm !default;
-$button-padding-y-sm: $btn-padding-y-sm !default;
-$button-line-height-sm: $btn-line-height !default;
-
-$button-calc-size: calc( #{$button-line-height * 1em} + #{$button-padding-y * 2} + #{$button-border-width * 2} ) !default;
-$button-inner-calc-size: calc( #{$button-line-height * 1em} + #{$button-padding-y * 2} ) !default;
-
-/// The background of the buttons.
-/// @group buttons
-$button-bg: #e4e7eb !default;
-/// The text color of the buttons.
-/// @group buttons
-$button-text: contrast-wcag( $button-bg, $gray-900 ) !default;
-/// The border color of the buttons.
-/// @group buttons
-$button-border: $button-bg !default;
-/// The background gradient of the buttons.
-/// @group buttons
-$button-gradient: null !default;
-$button-shadow: null !default;
-
-/// The background of hovered buttons.
-/// @group buttons
-$button-hovered-bg: try-darken( $button-bg, 7.5% ) !default;
-/// The text color of hovered buttons.
-/// @group buttons
-$button-hovered-text: null !default;
-/// The border color of hovered buttons.
-/// @group buttons
-$button-hovered-border: try-darken( $button-border, 10% ) !default;
-/// The background gradient of hovered buttons.
-/// @group buttons
-$button-hovered-gradient: null !default;
-$button-hovered-shadow: null !default;
-
-/// The background color of active buttons.
-/// @group buttons
-$button-active-bg: try-darken( $button-bg, 10% ) !default;
-/// The text color of active buttons.
-/// @group buttons
-$button-active-text: null !default;
-/// The border color of active buttons.
-/// @group buttons
-$button-active-border: try-darken( $button-border, 12.5% ) !default;
-/// The background gradient of active buttons.
-/// @group buttons
-$button-active-gradient: null !default;
-$button-active-shadow: null !default;
-
-/// The background color of selected buttons.
-/// @group buttons
-$button-selected-bg: try-darken( $primary, 10% ) !default;
-/// The text color of selected buttons.
-/// @group buttons
-$button-selected-text: contrast-wcag( $button-selected-bg ) !default;
-/// The border color of selected buttons.
-/// @group buttons
-$button-selected-border: try-darken( $primary, 12.5% ) !default;
-/// The background gradient of selected buttons.
-/// @group buttons
-$button-selected-gradient: null !default;
-$button-selected-shadow: null !default;
-
-/// The shadow of focused buttons.
-/// @group buttons
-$button-focused-shadow: 0 0 0 3px rgba( $button-border, .5 ) !default;
-
-
-// Disabled button
-$button-disabled-bg: null !default;
-$button-disabled-text: null !default;
-$button-disabled-border: null !default;
-$button-disabled-gradient: null !default;
-$button-disabled-shadow: null !default;
-
-
-// Primary button
-$primary-button-bg: $primary !default;
-$primary-button-text: contrast-wcag( $primary-button-bg ) !default;
-$primary-button-border: $primary-button-bg !default;
-$primary-button-gradient: null !default;
-$primary-button-shadow: null !default;
-
-$primary-button-hovered-bg: try-darken( $primary-button-bg, 7.5% ) !default;
-$primary-button-hovered-text: contrast-wcag( $primary-button-hovered-bg ) !default;
-$primary-button-hovered-border: try-darken( $primary-button-border, 10% ) !default;
-$primary-button-hovered-gradient: null !default;
-$primary-button-hovered-shadow: null !default;
-
-$primary-button-active-bg: try-darken( $primary-button-bg, 10% ) !default;
-$primary-button-active-text: contrast-wcag( $primary-button-active-bg ) !default;
-$primary-button-active-border: try-darken( $primary-button-border, 12.5% ) !default;
-$primary-button-active-gradient: null !default;
-$primary-button-active-shadow: null !default;
-
-$primary-button-selected-bg: $primary-button-active-bg !default;
-$primary-button-selected-text: $primary-button-active-text !default;
-$primary-button-selected-border: $primary-button-active-border !default;
-$primary-button-selected-gradient: null !default;
-$primary-button-selected-shadow: null !default;
-
-$primary-button-focused-shadow: 0 0 0 3px rgba( $primary-button-border, .5 ) !default;
-
-$button-group-focus-shadow: null !default;
-
-$flat-button-hover-opacity: .08 !default;
-$flat-button-focus-opacity: null !default;
-$flat-button-active-opacity: .16 !default;
-$flat-button-selected-opacity: .2 !default;
-
-$clear-button-text: inherit !default;
-$clear-button-hover-text: inherit !default;
-$clear-button-focused-opacity: .1 !default;
+/// Width of the border around the button.
+/// @group button
+$kendo-button-border-width: $btn-border-width !default;
+
+/// Border radius of the button.
+/// @group button
+$kendo-button-border-radius: $btn-border-radius !default;
+$kendo-button-border-radius-sm: $btn-border-radius-sm !default;
+$kendo-button-border-radius-md: $btn-border-radius !default;
+$kendo-button-border-radius-lg: $btn-border-radius-lg !default;
+
+/// Horizontal padding of the button.
+/// @group button
+$kendo-button-padding-x: $btn-padding-x !default;
+$kendo-button-padding-x-sm: $btn-padding-x-sm !default;
+$kendo-button-padding-x-md: $btn-padding-x !default;
+$kendo-button-padding-x-lg: $btn-padding-x-lg !default;
+
+/// Vertical padding of the button.
+/// @group button
+$kendo-button-padding-y: $btn-padding-y !default;
+$kendo-button-padding-y-sm: $btn-padding-y-sm !default;
+$kendo-button-padding-y-md: $btn-padding-y !default;
+$kendo-button-padding-y-lg: $btn-padding-y-lg !default;
+
+/// Font family of the button.
+/// @group button
+$kendo-button-font-family: $btn-font-family !default;
+
+/// Font sizes of the button.
+/// @group button
+$kendo-button-font-size: $btn-font-size !default;
+$kendo-button-font-size-sm: $btn-font-size-sm !default;
+$kendo-button-font-size-md: $btn-font-size !default;
+$kendo-button-font-size-lg: $btn-font-size-lg !default;
+
+/// Line heights used along with $font-size.
+/// @group button
+$kendo-button-line-height: $btn-line-height !default;
+$kendo-button-line-height-sm: $btn-line-height !default;
+$kendo-button-line-height-md: $btn-line-height !default;
+$kendo-button-line-height-lg: $btn-line-height !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;
+
+/// 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;
+
+/// Theme colors map for the button.
+/// @group button
+$kendo-button-theme-colors: map-merge((base: #e4e7eb), $theme-colors ) !default;
+
+/// The base background of the button.
+/// @group button
+$kendo-button-bg: #e4e7eb !default;
+/// The base text color of the button.
+/// @group button
+$kendo-button-text: contrast-wcag( $kendo-button-bg, $gray-900 ) !default;
+/// The base border color of the button.
+/// @group button
+$kendo-button-border: $kendo-button-bg !default;
+/// The base background gradient of the button.
+/// @group button
+$kendo-button-gradient: null !default;
+/// The base shadow of the button.
+/// @group button
+$kendo-button-shadow: null !default;
+
+/// The base background of hovered button.
+/// @group button
+$kendo-button-hover-bg: try-darken( $kendo-button-bg, 7.5% ) !default;
+/// The base text color of hovered button.
+/// @group button
+$kendo-button-hover-text: null !default;
+/// The base border color of hovered button.
+/// @group button
+$kendo-button-hover-border: try-darken( $kendo-button-border, 10% ) !default;
+/// The base background gradient of hovered button.
+/// @group button
+$kendo-button-hover-gradient: null !default;
+/// The base shadow of hovered button.
+/// @group button
+$kendo-button-hover-shadow: null !default;
+
+/// The base background color of active button.
+/// @group button
+$kendo-button-active-bg: try-darken( $kendo-button-bg, 10% ) !default;
+/// The base text color of active button.
+/// @group button
+$kendo-button-active-text: null !default;
+/// The base border color of active button.
+/// @group button
+$kendo-button-active-border: try-darken( $kendo-button-border, 12.5% ) !default;
+/// The base background gradient of active button.
+/// @group button
+$kendo-button-active-gradient: null !default;
+/// The base shadow of active button.
+/// @group button
+$kendo-button-active-shadow: null !default;
+
+/// The base background color of selected button.
+/// @group button
+$kendo-button-selected-bg: try-darken( $primary, 10% ) !default;
+/// The base text color of selected button.
+/// @group button
+$kendo-button-selected-text: contrast-wcag( $kendo-button-selected-bg ) !default;
+/// The base border color of selected buttons
+/// @group button
+$kendo-button-selected-border: try-darken( $primary, 12.5% ) !default;
+/// The base background gradient of selected button.
+/// @group button
+$kendo-button-selected-gradient: null !default;
+/// The base shadow of selected button.
+/// @group button
+$kendo-button-selected-shadow: null !default;
+
+/// The base background of focused button.
+/// @group button
+$kendo-button-focus-bg: null !default;
+/// The base text color of focused button.
+/// @group button
+$kendo-button-focus-text: null !default;
+/// The base border color of focused button.
+/// @group button
+$kendo-button-focus-border: null !default;
+/// The base background gradient of focused button.
+/// @group button
+$kendo-button-focus-gradient: null !default;
+/// The base shadow of focused button.
+/// @group button
+$kendo-button-focus-shadow: 0 0 0 3px rgba( $kendo-button-border, .5 ) !default;
+
+/// The base background of disabled button.
+/// @group button
+$kendo-button-disabled-bg: null !default;
+/// The base text color of disabled button.
+/// @group button
+$kendo-button-disabled-text: null !default;
+/// The base border color of disabled buttons.
+/// @group button
+$kendo-button-disabled-border: null !default;
+/// The base background gradient of disabled button.
+/// @group button
+$kendo-button-disabled-gradient: null !default;
+/// The base shadow of disabled button.
+/// @group button
+$kendo-button-disabled-shadow: null !default;
+
+/// The overlay opacity of hovered flat button. Used to create background for the flat button.
+/// @group button
+$kendo-flat-button-hover-opacity: .08 !default;
+/// The overlay opacity of focused flat button. Used to create background for the flat button.
+/// @group button
+$kendo-flat-button-focus-opacity: null !default;
+/// The overlay opacity of active flat button. Used to create background for the flat button.
+/// @group button
+$kendo-flat-button-active-opacity: .16 !default;
+/// The overlay opacity of selected flat button. Used to create background for the flat button.
+/// @group button
+$kendo-flat-button-selected-opacity: .2 !default;
+
+/// The color transition of the button.
+/// @group button
+$kendo-button-color-transition: $transition !default;
+
+$kendo-button-group-focus-shadow: null !default;

package/scss/calendar/_layout.scss

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

package/scss/calendar/_theme.scss

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

package/scss/calendar/_variables.scss

@@ -87,8 +87,8 @@ $calendar-cell-selected-hover-text: $selected-hover-text !default;
 $calendar-cell-selected-hover-border: $selected-hover-border !default;
 $calendar-cell-selected-hover-gradient: null !default;
 
-$calendar-cell-focused-shadow: inset $button-focused-shadow !default;
-$calendar-cell-selected-focus-shadow: inset 0 0 0 2px rgba( $primary-button-active-border, .5 ) !default;
+$calendar-cell-focused-shadow: inset $kendo-button-focus-shadow !default;
+$calendar-cell-selected-focus-shadow: inset 0 0 0 2px rgba( try-darken( $primary, 12.5% ), .5 ) !default;
 
 
 // Calendar navigation

package/scss/captcha/_layout.scss

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

package/scss/captcha/_theme.scss

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