@progress/kendo-theme-bootstrap 5.0.0-beta.5 → 5.0.0-beta.6

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-bootstrap",
   "description": "Bootstrap theme for Kendo UI",
-  "version": "5.0.0-beta.5",
+  "version": "5.0.0-beta.6",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -49,8 +49,8 @@
     "postpublish": "echo 'no postpublish for bootstrap theme'"
   },
   "dependencies": {
-    "@progress/kendo-theme-default": "^5.0.0-beta.5",
+    "@progress/kendo-theme-default": "^5.0.0-beta.6",
     "bootstrap": "^5.1.0"
   },
-  "gitHead": "f9a49055787d0553b82bdf0782b3a78e0fb58139"
+  "gitHead": "ec5cba0585090e2d366f93d5c13fc09299f251d8"
 }

package/scss/chip/_variables.scss

@@ -9,28 +9,28 @@ $kendo-chip-spacing: map-get( $spacing, 2 );
 
 /// Horizontal padding of the chip.
 /// @group chip
-$kendo-chip-padding-x: $padding-x-sm !default;
-$kendo-chip-padding-x-sm: $kendo-chip-padding-x / 2 !default;
-$kendo-chip-padding-x-md: ($kendo-chip-padding-x - map-get( $spacing, "hair" )) !default;
-$kendo-chip-padding-x-lg: $kendo-chip-padding-x * 1.25 !default;
+$kendo-chip-padding-x: map-get( $spacing, 1 ) !default;
+$kendo-chip-padding-x-sm: map-get( $spacing, 1 ) !default;
+$kendo-chip-padding-x-md: map-get( $spacing, 1 ) !default;
+$kendo-chip-padding-x-lg: map-get( $spacing, 1 ) !default;
 
 /// Vertical padding of the chip.
 /// @group chip
-$kendo-chip-padding-y: $kendo-chip-padding-x !default;
-$kendo-chip-padding-y-sm: $kendo-chip-padding-x-sm !default;
-$kendo-chip-padding-y-md: $kendo-chip-padding-x-md !default;
-$kendo-chip-padding-y-lg: $kendo-chip-padding-x-lg !default;
+$kendo-chip-padding-y: map-get( $spacing, 1 ) !default;
+$kendo-chip-padding-y-sm: map-get( $spacing, 1 ) - map-get( $spacing, thin )  !default;
+$kendo-chip-padding-y-md: map-get( $spacing, 1 ) !default;
+$kendo-chip-padding-y-lg: map-get( $spacing, 1 ) + map-get( $spacing, thin ) !default;
 
 /// Font sizes of the chip.
 /// @group chip
-$kendo-chip-font-size: $font-size !default;
-$kendo-chip-font-size-sm: $font-size-sm !default;
-$kendo-chip-font-size-md: $font-size !default;
-$kendo-chip-font-size-lg: $font-size-lg !default;
+$kendo-chip-font-size: $font-size-md !default;
+$kendo-chip-font-size-sm: $font-size-md !default;
+$kendo-chip-font-size-md: $font-size-md !default;
+$kendo-chip-font-size-lg: $font-size-md !default;
 
 /// Line heights of the chip that are connected to the $font-size.
 /// @group chip
-$kendo-chip-line-height: normal !default;
+$kendo-chip-line-height: 1.375 !default;
 $kendo-chip-line-height-sm: $kendo-chip-line-height !default;
 $kendo-chip-line-height-md: $kendo-chip-line-height !default;
 $kendo-chip-line-height-lg: $kendo-chip-line-height !default;
@@ -38,9 +38,24 @@ $kendo-chip-line-height-lg: $kendo-chip-line-height !default;
 /// Sizes map for the chip.
 /// @group chip
 $kendo-chip-sizes: (
-    sm: ( font-size: $kendo-chip-font-size-sm, line-height: $kendo-chip-line-height-sm, padding: $kendo-chip-padding-x-sm ),
-    md: ( font-size: $kendo-chip-font-size-md, line-height: $kendo-chip-line-height-md, padding: $kendo-chip-padding-x-md ),
-    lg: ( font-size: $kendo-chip-font-size-lg, line-height: $kendo-chip-line-height-lg, padding: $kendo-chip-padding-x-lg )
+    sm: (
+        padding-x: $kendo-chip-padding-x-sm,
+        padding-y: $kendo-chip-padding-y-sm,
+        font-size: $kendo-chip-font-size-sm,
+        line-height: $kendo-chip-line-height-sm
+    ),
+    md: (
+        padding-x: $kendo-chip-padding-x-md,
+        padding-y: $kendo-chip-padding-y-md,
+        font-size: $kendo-chip-font-size-md,
+        line-height: $kendo-chip-line-height-md
+    ),
+    lg: (
+        padding-x: $kendo-chip-padding-x-lg,
+        padding-y: $kendo-chip-padding-y-lg,
+        font-size: $kendo-chip-font-size-lg,
+        line-height: $kendo-chip-line-height-lg
+    )
 ) !default;
 
 /// The base background color of the chip.

package/scss/input/_variables.scss

@@ -32,28 +32,34 @@ $kendo-input-sizes: (
         padding-y: $kendo-input-padding-y-sm,
         font-size: $kendo-input-font-size-sm,
         line-height: $kendo-input-line-height-sm,
-        icon-size: calc( #{$icon-size} + #{$kendo-input-padding-y-sm * 2} )
+        icon-size: calc( #{$icon-size} + #{$kendo-input-padding-y-sm * 2} ),
+        button-padding-x: $kendo-input-padding-y-sm,
+        button-padding-y: $kendo-input-padding-y-sm
     ),
     md: (
         padding-x: $kendo-input-padding-x-md,
         padding-y: $kendo-input-padding-y-md,
         font-size: $kendo-input-font-size-md,
         line-height: $kendo-input-line-height-md,
-        icon-size: calc( #{$icon-size} + #{$kendo-input-padding-y-md * 2} )
+        icon-size: calc( #{$icon-size} + #{$kendo-input-padding-y-md * 2} ),
+        button-padding-x: $kendo-input-padding-y-md,
+        button-padding-y: $kendo-input-padding-y-md
     ),
     lg: (
         padding-x: $kendo-input-padding-x-lg,
         padding-y: $kendo-input-padding-y-lg,
         font-size: $kendo-input-font-size-lg,
         line-height: $kendo-input-line-height-lg,
-        icon-size: calc( #{$icon-size} + #{$kendo-input-padding-y-lg * 2} )
+        icon-size: calc( #{$icon-size} + #{$kendo-input-padding-y-lg * 2} ),
+        button-padding-x: $kendo-input-padding-y-lg,
+        button-padding-y: $kendo-input-padding-y-lg
     )
 ) !default;
 
 $kendo-input-bg: $input-bg !default;
 $kendo-input-text: $input-color !default;
 $kendo-input-border: $input-border-color !default;
-$kendo-input-shadow: none !default;
+$kendo-input-shadow: null !default;
 
 $kendo-input-hover-bg: null !default;
 $kendo-input-hover-text: null !default;
@@ -65,6 +71,24 @@ $kendo-input-focus-text: $input-focus-color !default;
 $kendo-input-focus-border: $input-focus-border-color !default;
 $kendo-input-focus-shadow: $input-focus-box-shadow !default;
 
+$kendo-picker-bg: $kendo-button-bg !default;
+$kendo-picker-text: $kendo-button-text !default;
+$kendo-picker-border: $kendo-button-border !default;
+$kendo-picker-gradient: $kendo-button-gradient !default;
+$kendo-picker-shadow: $kendo-button-shadow !default;
+
+$kendo-picker-hover-bg: $kendo-button-hover-bg !default;
+$kendo-picker-hover-text: $kendo-button-hover-text !default;
+$kendo-picker-hover-border: $kendo-button-hover-border !default;
+$kendo-picker-hover-gradient: $kendo-button-hover-gradient !default;
+$kendo-picker-hover-shadow: $kendo-button-hover-shadow !default;
+
+$kendo-picker-focus-bg: $kendo-button-focus-bg !default;
+$kendo-picker-focus-text: $kendo-button-focus-text !default;
+$kendo-picker-focus-border: $kendo-button-focus-border !default;
+$kendo-picker-focus-gradient: $kendo-button-focus-gradient !default;
+$kendo-picker-focus-shadow: $kendo-button-focus-shadow !default;
+
 $kendo-input-placeholder-text: $input-placeholder-color !default;
 $kendo-input-placeholder-opacity: 1 !default;
 

package/scss/menu/_variables.scss

@@ -63,7 +63,7 @@ $kendo-menu-popup-border-width: $popup-border-width !default;
 $kendo-menu-popup-font-size: $font-size-md !default;
 $kendo-menu-popup-font-size-sm: $font-size-md !default;
 $kendo-menu-popup-font-size-md: $font-size-md !default;
-$kendo-menu-popup-font-size-lg: $font-size-lg !default;
+$kendo-menu-popup-font-size-lg: $font-size-md !default;
 
 /// Line heights used along with $font-size.
 /// @group menu

package/scss/pivotgrid/_theme.scss

@@ -1,116 +1 @@
 @import "~@progress/kendo-theme-default/scss/pivotgrid/_theme.scss";
-
-@include exports("pivotgrid/theme/bootstrap/legacy") {
-
-    .k-pivot {
-        border-color: $pivotgrid-border;
-    }
-
-    // .k-alt,
-    .k-pivot-layout > tbody > tr:first-child > td:first-child {
-        background-color: $pivotgrid-alt-bg;
-    }
-
-    .k-fieldselector {
-        color: $pivotgrid-configurator-text;
-        background-color: $pivotgrid-container-bg;
-    }
-    .k-fieldselector .k-list-container {
-        background-color: $panel-bg;
-    }
-
-    .k-pivot-toolbar,
-    .k-fieldselector {
-        border-color: $grid-header-border;
-    }
-    .k-pivot-table,
-    .k-fieldselector .k-list-container,
-    .k-fieldselector .k-columns > div,
-    .k-pivot-rowheaders > .k-grid td:first-child,
-    .k-pivot-table .k-grid-header .k-header.k-first {
-        border-color: $pivotgrid-chrome-border;
-    }
-
-    .k-pivot-rowheaders .k-alt .k-alt,
-    .k-header.k-alt {
-        background-color: $pivotgrid-row-headers-bg;
-    }
-
-    .k-pivot-toolbar .k-button {
-        @include fill(
-            $kendo-button-text,
-            $kendo-button-bg,
-            $kendo-button-border,
-            $kendo-button-gradient
-        );
-
-        &:hover,
-        &.k-state-hover {
-            @include fill(
-                $kendo-button-hover-text,
-                $kendo-button-hover-bg,
-                $kendo-button-hover-border,
-                $kendo-button-hover-gradient
-            );
-        }
-
-        // Active state
-        &:active,
-        &.k-state-active {
-            @include fill(
-                $kendo-button-active-text,
-                $kendo-button-active-bg,
-                $kendo-button-active-border,
-                $kendo-button-active-gradient
-            );
-        }
-
-        // Selected state
-        &.k-state-selected {
-            @include fill(
-                $kendo-button-selected-text,
-                $kendo-button-selected-bg,
-                $kendo-button-selected-border,
-                $kendo-button-selected-gradient
-            );
-        }
-
-        // Focused state
-        &:focus,
-        &.k-state-focus,
-        &.k-state-focused {
-            box-shadow: $kendo-button-focus-shadow;
-        }
-    }
-
-    // Loading indicator
-    .k-fieldselector {
-        .k-i-loading {
-            border-color: $header-bg;
-        }
-
-        .k-i-loading::before,
-        .k-i-loading::after {
-            background-color: $header-bg;
-        }
-    }
-
-    // KPI icons
-    .k-i-kpi-trend-increase,
-    .k-i-kpi-trend-decrease,
-    .k-i-kpi-trend-equal {
-        color: inherit;
-    }
-
-    .k-i-kpi-status-hold {
-        color: $warning;
-    }
-
-    .k-i-kpi-status-deny {
-        color: $error;
-    }
-
-    .k-i-kpi-status-open {
-        color: $success;
-    }
-}

package/scss/switch/_variables.scss

@@ -3,9 +3,6 @@
 /// Font family of the switch.
 /// @group switch
 $kendo-switch-font-family: null !default;
-/// Line height of the switch.
-/// @group switch
-$kendo-switch-line-height: null !default;
 
 /// Border width of the switch track.
 /// @group switch
@@ -25,9 +22,9 @@ $kendo-switch-label-display: none !default;
 /// Map with the different switch sizes.
 /// @group switch
 $kendo-switch-sizes: (
-    sm: ( font-size: null, track-width: 36px, track-height: 22px, thumb-width: 16px, thumb-height: 16px, thumb-offset: 3px, label-offset: 0px ),
-    md: ( font-size: null, track-width: 56px, track-height: 30px, thumb-width: 24px, thumb-height: 24px, thumb-offset: 3px, label-offset: 0px ),
-    lg: ( font-size: null, track-width: 76px, track-height: 38px, thumb-width: 32px, thumb-height: 32px, thumb-offset: 3px, label-offset: 0px )
+    sm: ( font-size: null, track-width: 48px, track-height: 26px, thumb-width: 20px, thumb-height: 20px, thumb-offset: 3px, label-offset: null ),
+    md: ( font-size: null, track-width: 56px, track-height: 30px, thumb-width: 24px, thumb-height: 24px, thumb-offset: 3px, label-offset: null ),
+    lg: ( font-size: null, track-width: 64px, track-height: 34px, thumb-width: 28px, thumb-height: 28px, thumb-offset: 3px, label-offset: null )
 ) !default;
 
 /// The background of the track when the switch is not checked.

package/scss/toolbar/_index.scss

@@ -5,6 +5,7 @@
 @import "../common/_index.scss";
 @import "../button/_index.scss";
 @import "../popup/_index.scss";
+@import "../menu/_index.scss";
 @import "../icons/_index.scss";