@progress/kendo-theme-bootstrap 5.1.2-dev.7 → 5.2.1-dev.1

package/dist/all.css

@@ -997,15 +997,17 @@ kendo-sortable {
     text-indent: -4000px;
     text-align: center;
     position: absolute;
+    color: currentColor;
 }
 
 .k-loading-image {
     z-index: 2;
+    color: currentColor;
 }
 
 .k-loading-color {
     background-color: #ffffff;
-    opacity: .3;
+    opacity: 0.3;
 }
 
 .k-i-loading {
@@ -11214,7 +11216,7 @@ kendo-sortable {
 }
 
 .k-list-sm {
-    font-size: 0.875rem;
+    font-size: 1rem;
 }
 
 .k-list-sm .k-list-group-sticky-header {
@@ -12092,8 +12094,8 @@ kendo-badge-container {
 }
 
 .k-button-sm {
-    padding: 0.25rem 0.5rem;
-    font-size: 0.875rem;
+    padding: 0.25rem 0.75rem;
+    font-size: 1rem;
     line-height: 1.5;
 }
 
@@ -12104,8 +12106,8 @@ kendo-badge-container {
 }
 
 .k-button-lg {
-    padding: 0.5rem 1rem;
-    font-size: 1.25rem;
+    padding: 0.5rem 0.75rem;
+    font-size: 1rem;
     line-height: 1.5;
 }
 
@@ -12114,8 +12116,8 @@ kendo-badge-container {
 }
 
 .k-icon-button.k-button-sm > .k-button-icon {
-    min-width: 1.3125rem;
-    min-height: 1.3125rem;
+    min-width: 1.5rem;
+    min-height: 1.5rem;
 }
 
 .k-icon-button.k-button-md {
@@ -12132,8 +12134,8 @@ kendo-badge-container {
 }
 
 .k-icon-button.k-button-lg > .k-button-icon {
-    min-width: 1.875rem;
-    min-height: 1.875rem;
+    min-width: 1.5rem;
+    min-height: 1.5rem;
 }
 
 .k-button-square {
@@ -12216,6 +12218,18 @@ kendo-badge-container {
     flex: none;
 }
 
+.k-split-button .k-split-button-arrow.k-button-sm {
+    padding: 0.25rem 0.25rem;
+}
+
+.k-split-button .k-split-button-arrow.k-button-md {
+    padding: 0.375rem 0.375rem;
+}
+
+.k-split-button .k-split-button-arrow.k-button-lg {
+    padding: 0.5rem 0.5rem;
+}
+
 .k-split-button .k-split-button-arrow .k-button-icon {
     min-width: 0;
 }
@@ -13342,6 +13356,38 @@ kendo-badge-container {
     margin: 0;
 }
 
+.k-input:disabled, .k-input[disabled], .k-input.k-disabled,
+.k-picker:disabled,
+.k-picker[disabled],
+.k-picker.k-disabled {
+    outline: none;
+    cursor: default;
+    opacity: 0.65;
+    filter: grayscale(0.1);
+    pointer-events: none;
+    box-shadow: none;
+}
+
+.k-input:disabled [disabled],
+.k-input:disabled .k-disabled,
+.k-input:disabled .k-state-disabled, .k-input[disabled] [disabled],
+.k-input[disabled] .k-disabled,
+.k-input[disabled] .k-state-disabled, .k-input.k-disabled [disabled],
+.k-input.k-disabled .k-disabled,
+.k-input.k-disabled .k-state-disabled,
+.k-picker:disabled [disabled],
+.k-picker:disabled .k-disabled,
+.k-picker:disabled .k-state-disabled,
+.k-picker[disabled] [disabled],
+.k-picker[disabled] .k-disabled,
+.k-picker[disabled] .k-state-disabled,
+.k-picker.k-disabled [disabled],
+.k-picker.k-disabled .k-disabled,
+.k-picker.k-disabled .k-state-disabled {
+    opacity: 1;
+    filter: grayscale(0);
+}
+
 input.k-input {
     padding: 0.375rem 0.75rem;
 }
@@ -13368,7 +13414,7 @@ select.k-picker {
     position: relative;
     z-index: 1;
     overflow: hidden;
-    text-overflow: clip;
+    text-overflow: ellipsis;
     -webkit-appearance: none;
 }
 
@@ -13417,7 +13463,7 @@ textarea.k-input-inner {
 .k-input-value-text {
     flex: 1;
     overflow: hidden;
-    text-overflow: clip;
+    text-overflow: ellipsis;
 }
 
 .k-input-value-text::before {
@@ -13622,7 +13668,7 @@ textarea.k-input-inner {
 
 .k-input-sm .k-input-inner,
 .k-picker-sm .k-input-inner {
-    padding: 0.25rem 0.5rem;
+    padding: 0.25rem 0.75rem;
 }
 
 .k-input-sm .k-input-button,
@@ -13748,7 +13794,7 @@ textarea.k-input-inner {
 
 .k-input-lg .k-input-inner,
 .k-picker-lg .k-input-inner {
-    padding: 0.5rem 1rem;
+    padding: 0.5rem 0.75rem;
 }
 
 .k-input-lg .k-input-button,
@@ -19042,6 +19088,10 @@ kendo-label > .k-label {
     width: 56px;
 }
 
+.k-colorgradient-inputs .k-input-inner {
+    text-overflow: clip;
+}
+
 .k-colorgradient-color-contrast > div {
     display: flex;
     flex-flow: row nowrap;
@@ -19814,7 +19864,7 @@ kendo-label > .k-label {
 }
 
 .k-popup-dropdowntree .k-check-all {
-    padding: 0.5rem 0.5rem;
+    padding: 0.5rem 0.5rem 0;
 }
 
 .k-popup-dropdowntree .k-treeview {
@@ -23610,6 +23660,11 @@ kendo-card-footer {
     width: 5em;
 }
 
+.k-pager-sizes .k-input-inner,
+.k-pager-sizes .k-input-value-text {
+    text-overflow: clip;
+}
+
 .k-rtl .k-pager-sizes .k-dropdown-list, .k-rtl .k-pager-sizes .k-dropdown,
 .k-rtl .k-pager-sizes .k-dropdownlist,
 .k-rtl .k-pager-sizes > select,
@@ -23861,6 +23916,7 @@ kendo-card-footer {
     display: flex;
     align-items: center;
     justify-content: center;
+    flex: none;
     position: relative;
     z-index: 1;
     overflow: visible;
@@ -23891,7 +23947,7 @@ kendo-card-footer {
 }
 
 .k-stepper .k-step-label {
-    max-width: calc(min(100%, 10em));
+    max-width: clamp(100%, 10em, 100%);
     display: inline-flex;
     flex-wrap: wrap;
     align-items: center;
@@ -27844,11 +27900,6 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
     min-width: 1.5em;
 }
 
-.k-spreadsheet-toolbar .k-input,
-.k-spreadsheet-toolbar .k-picker {
-    width: 5em;
-}
-
 .k-spreadsheet-toolbar .k-color-picker, .k-spreadsheet-toolbar .k-colorpicker {
     width: min-content;
 }
@@ -31187,6 +31238,11 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
     overflow-y: auto;
 }
 
+.k-imageeditor-action-pane .k-input-inner,
+.k-imageeditor-action-pane .k-input-value-text {
+    text-overflow: clip;
+}
+
 .k-imageeditor-crop-overlay {
     width: 100%;
     height: 100%;
@@ -32011,7 +32067,7 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
 }
 
 .k-gantt-tooltip-validation::before {
-    content: '';
+    content: "";
     width: 4px;
     height: 100%;
     position: absolute;

package/dist/all.scss

@@ -3298,7 +3298,10 @@ $header-gradient: null !default;
 
 
 // Loading
-
+$loading-bg: $component-bg !default;
+$loading-text: currentColor !default;
+$loading-opacity: .3 !default;
+$zindex-loading: 100 !default;
 
 // Placeholder
 $placeholder-line-width: 100% !default;
@@ -4748,7 +4751,7 @@ $display4-letter-spacing: null !default;
     }
 
     .k-loading-mask {
-        z-index: 100;
+        z-index: $zindex-loading;
 
         &.k-opaque {
             .k-loading-color {
@@ -4760,13 +4763,15 @@ $display4-letter-spacing: null !default;
         text-indent: -4000px;
         text-align: center;
         position: absolute;
+        color: $loading-text;
     }
     .k-loading-image {
         z-index: 2;
+        color: $loading-text;
     }
     .k-loading-color {
-        background-color: $component-bg;
-        opacity: .3;
+        background-color: $loading-bg;
+        opacity: $loading-opacity;
     }
 
     // Loading indicator
@@ -4774,7 +4779,7 @@ $display4-letter-spacing: null !default;
         position: relative;
         background-color: transparent;
         box-sizing: border-box;
-        color: currentColor;
+        color: $loading-text;
 
         &::before,
         &::after {
@@ -8107,7 +8112,7 @@ $message-box-link-text-decoration: underline !default;
 /// Font size of the list component, if no size is set.
 /// @group list
 $kendo-list-font-size: null !default;
-$kendo-list-font-size-sm: $font-size-sm !default;
+$kendo-list-font-size-sm: $font-size-md !default;
 $kendo-list-font-size-md: $font-size-md !default;
 $kendo-list-font-size-lg: $font-size-md !default;
 
@@ -10091,9 +10096,9 @@ $kendo-button-border-radius: null !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-sm: $btn-padding-x !default;
 $kendo-button-padding-x-md: $btn-padding-x !default;
-$kendo-button-padding-x-lg: $btn-padding-x-lg !default;
+$kendo-button-padding-x-lg: $btn-padding-x !default;
 
 /// Vertical padding of the button.
 /// @group button
@@ -10109,9 +10114,9 @@ $kendo-button-font-family: $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-sm: $btn-font-size !default;
 $kendo-button-font-size-md: $btn-font-size !default;
-$kendo-button-font-size-lg: $btn-font-size-lg !default;
+$kendo-button-font-size-lg: $btn-font-size !default;
 
 /// Line heights used along with $font-size.
 /// @group button
@@ -10128,8 +10133,19 @@ $kendo-button-calc-size: calc( #{$kendo-button-line-height * 1em} + #{$kendo-but
 /// @group button
 $kendo-button-inner-calc-size: calc( #{$kendo-button-line-height * 1em} + #{$kendo-button-padding-y * 2} ) !default;
 
+/// Horizontal padding of the arrow button.
+/// @group button
 $kendo-button-arrow-padding-x: $kendo-button-padding-y !default;
+$kendo-button-arrow-padding-x-sm: $kendo-button-padding-y-sm !default;
+$kendo-button-arrow-padding-x-md: $kendo-button-padding-y-md !default;
+$kendo-button-arrow-padding-x-lg: $kendo-button-padding-y-lg !default;
+
+/// Vertical padding of the arrow button.
+/// @group button
 $kendo-button-arrow-padding-y: $kendo-button-padding-y !default;
+$kendo-button-arrow-padding-y-sm: $kendo-button-padding-y-sm !default;
+$kendo-button-arrow-padding-y-md: $kendo-button-padding-y-md !default;
+$kendo-button-arrow-padding-y-lg: $kendo-button-padding-y-lg !default;
 
 /// Theme colors map for the button.
 /// @group button
@@ -10508,6 +10524,18 @@ $kendo-button-transition: $transition !default;
             aspect-ratio: auto;
             flex: none;
 
+            &.k-button-sm {
+                padding: $kendo-button-arrow-padding-y-sm $kendo-button-arrow-padding-x-sm;
+            }
+
+            &.k-button-md {
+                padding: $kendo-button-arrow-padding-y-md $kendo-button-arrow-padding-x-md;
+            }
+
+            &.k-button-lg {
+                padding: $kendo-button-arrow-padding-y-lg $kendo-button-arrow-padding-x-lg;
+            }
+
             .k-button-icon {
                 min-width: 0;
             }
@@ -10993,7 +11021,7 @@ $kendo-input-font-family: $font-family !default;
 $kendo-input-font-size: $font-size !default;
 $kendo-input-line-height: $input-line-height !default;
 
-$kendo-input-padding-x-sm: $input-padding-x-sm !default;
+$kendo-input-padding-x-sm: $input-padding-x !default;
 $kendo-input-padding-y-sm: $input-padding-y-sm !default;
 $kendo-input-font-size-sm: $font-size-md !default;
 $kendo-input-line-height-sm: $line-height-md !default;
@@ -11003,7 +11031,7 @@ $kendo-input-padding-y-md: $input-padding-y !default;
 $kendo-input-font-size-md: $font-size-md !default;
 $kendo-input-line-height-md: $line-height-md !default;
 
-$kendo-input-padding-x-lg: $input-padding-x-lg !default;
+$kendo-input-padding-x-lg: $input-padding-x !default;
 $kendo-input-padding-y-lg: $input-padding-y-lg !default;
 $kendo-input-font-size-lg: $font-size-md !default;
 $kendo-input-line-height-lg: $line-height-md !default;
@@ -11166,8 +11194,20 @@ $kendo-input-invalid-shadow: $invalid-shadow !default;
         & > * {
             margin: 0;
         }
-    }
 
+        &:disabled,
+        &[disabled],
+        &.k-disabled {
+            @include disabled( $disabled-styling );
+
+            [disabled],
+            .k-disabled,
+            .k-state-disabled {
+                opacity: 1;
+                filter: grayscale(0);
+            }
+        }
+    }
 
     // Input
     .k-input {}
@@ -11199,7 +11239,7 @@ $kendo-input-invalid-shadow: $invalid-shadow !default;
         position: relative;
         z-index: 1;
         overflow: hidden;
-        text-overflow: clip;
+        text-overflow: ellipsis;
         -webkit-appearance: none;
 
         // Hide clear icon
@@ -11238,7 +11278,7 @@ $kendo-input-invalid-shadow: $invalid-shadow !default;
     .k-input-value-text {
         flex: 1;
         overflow: hidden;
-        text-overflow: clip;
+        text-overflow: ellipsis;
     }
     .k-input-value-text::before {
         content: "\200b";
@@ -19958,6 +19998,10 @@ $colorgradient-contrast-spacer: ( $colorgradient-spacer / 2 ) !default;
         .k-numerictextbox {
             width: $colorgradient-input-width;
         }
+
+        .k-input-inner {
+            text-overflow: clip;
+        }
     }
 
     // Contrast
@@ -21687,7 +21731,7 @@ $dropdowntree-popup-padding-y: map-get( $spacing, 2 ) !default;
         padding: 0;
 
         .k-check-all {
-            padding: $dropdowntree-popup-padding-y $dropdowntree-popup-padding-x;
+            padding: $dropdowntree-popup-padding-y $dropdowntree-popup-padding-x 0;
         }
 
         .k-treeview {
@@ -27046,6 +27090,11 @@ $pager-dropdown-width: 5em !default;
             width: $pager-dropdown-width;
         }
 
+        .k-input-inner,
+        .k-input-value-text {
+            text-overflow: clip;
+        }
+
         .k-rtl &,
         [dir="rtl"] & {
             .k-dropdown-list,
@@ -27531,6 +27580,7 @@ $stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0ms !def
             display: flex;
             align-items: center;
             justify-content: center;
+            flex: none;
             position: relative;
             z-index: 1;
             overflow: visible;
@@ -27564,7 +27614,7 @@ $stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0ms !def
 
         // Step label
         .k-step-label {
-            max-width: calc(min(100%, 10em));
+            max-width: clamp(100%, 10em, 100%);
             display: inline-flex;
             flex-wrap: wrap;
             align-items: center;
@@ -33009,10 +33059,6 @@ $spreadsheet-drawing-anchor-bg: rgba( $selected-bg, .25 ) !default;
             min-width: $form-line-height * 1em;
         }
 
-        .k-input,
-        .k-picker {
-            width: 5em;
-        }
         .k-color-picker {
             width: min-content;
         }
@@ -37610,6 +37656,11 @@ $imageeditor-crop-overlay-bg: rgba(black, .3) !default;
         box-sizing: border-box;
         flex: none;
         overflow-y: auto;
+
+        .k-input-inner,
+        .k-input-value-text {
+            text-overflow: clip;
+        }
     }
 
 
@@ -38622,7 +38673,7 @@ $gantt-validation-tooltip-invalid-border: $error !default;
         display: block;
 
         &::before {
-            content: '';
+            content: "";
             width: 4px;
             height: 100%;
             position: absolute;

package/lib/swatches/bootstrap-3-dark.json

@@ -1,8 +1,9 @@
 {
-    "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.11.0/lib/schemas/kendo-swatch.json",
+    "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.14.0/lib/schemas/kendo-swatch.json",
     "name": "Bootstrap 3 Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
+    "version": "5.2.1-dev.1",
     "previewColors": [
         "#000000",
         "#222222",

package/lib/swatches/bootstrap-3.json

@@ -1,8 +1,9 @@
 {
-    "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.11.0/lib/schemas/kendo-swatch.json",
+    "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.14.0/lib/schemas/kendo-swatch.json",
     "name": "Bootstrap 3",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
+    "version": "5.2.1-dev.1",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

package/lib/swatches/bootstrap-4-dark.json

@@ -1,8 +1,9 @@
 {
-    "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.11.0/lib/schemas/kendo-swatch.json",
+    "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.14.0/lib/schemas/kendo-swatch.json",
     "name": "Bootstrap 4 Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
+    "version": "5.2.1-dev.1",
     "previewColors": [
         "#000000",
         "#212529",

package/lib/swatches/bootstrap-4.json

@@ -1,8 +1,9 @@
 {
-    "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.11.0/lib/schemas/kendo-swatch.json",
+    "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.14.0/lib/schemas/kendo-swatch.json",
     "name": "Bootstrap 4",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
+    "version": "5.2.1-dev.1",
     "previewColors": [
         "#ffffff",
         "#f8f9fa",

package/lib/swatches/bootstrap-dataviz-v4.json

@@ -1,8 +1,9 @@
 {
-    "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.11.0/lib/schemas/kendo-swatch.json",
+    "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.14.0/lib/schemas/kendo-swatch.json",
     "name": "Bootstrap Dataviz v4",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
+    "version": "5.2.1-dev.1",
     "previewColors": [
         "#0275d8",
         "#5bc0de",

package/lib/swatches/bootstrap-main-dark.json

@@ -1,8 +1,9 @@
 {
-    "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.11.0/lib/schemas/kendo-swatch.json",
+    "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.14.0/lib/schemas/kendo-swatch.json",
     "name": "Bootstrap Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
+    "version": "5.2.1-dev.1",
     "previewColors": [
         "#000000",
         "#212529",

package/lib/swatches/bootstrap-main.json

@@ -1,8 +1,9 @@
 {
-    "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.11.0/lib/schemas/kendo-swatch.json",
+    "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.14.0/lib/schemas/kendo-swatch.json",
     "name": "Bootstrap Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
+    "version": "5.2.1-dev.1",
     "previewColors": [
         "#ffffff",
         "#f8f9fa",

package/lib/swatches/bootstrap-nordic.json

@@ -1,8 +1,9 @@
 {
-    "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.11.0/lib/schemas/kendo-swatch.json",
+    "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.14.0/lib/schemas/kendo-swatch.json",
     "name": "Bootstrap Nordic",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
+    "version": "5.2.1-dev.1",
     "previewColors": [
         "#ffffff",
         "#f8f9fa",

package/lib/swatches/bootstrap-turquoise-dark.json

@@ -1,8 +1,9 @@
 {
-    "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.11.0/lib/schemas/kendo-swatch.json",
+    "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.14.0/lib/schemas/kendo-swatch.json",
     "name": "Bootstrap Turquoise Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
+    "version": "5.2.1-dev.1",
     "previewColors": [
         "#000000",
         "#292b2c",

package/lib/swatches/bootstrap-turquoise.json

@@ -1,8 +1,9 @@
 {
-    "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.11.0/lib/schemas/kendo-swatch.json",
+    "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.14.0/lib/schemas/kendo-swatch.json",
     "name": "Bootstrap Turquoise",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
+    "version": "5.2.1-dev.1",
     "previewColors": [
         "#ffffff",
         "#f2f2f2",

package/lib/swatches/bootstrap-urban.json

@@ -1,8 +1,9 @@
 {
-    "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.11.0/lib/schemas/kendo-swatch.json",
+    "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.14.0/lib/schemas/kendo-swatch.json",
     "name": "Bootstrap Urban",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
+    "version": "5.2.1-dev.1",
     "previewColors": [
         "#ffffff",
         "#e3eef4",

package/lib/swatches/bootstrap-vintage.json

@@ -1,8 +1,9 @@
 {
-    "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.11.0/lib/schemas/kendo-swatch.json",
+    "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.14.0/lib/schemas/kendo-swatch.json",
     "name": "Bootstrap Vintage",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
+    "version": "5.2.1-dev.1",
     "previewColors": [
         "#ffffff",
         "#f2efe8",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-bootstrap",
   "description": "Bootstrap theme for Kendo UI",
-  "version": "5.1.2-dev.7",
+  "version": "5.2.1-dev.1",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -45,12 +45,12 @@
     "dart:watch": "gulp dart:watch",
     "dart:swatches": "gulp dart:swatches",
     "dart:flat": "gulp dart:flat",
-    "prepublishOnly": "echo 'no prebublish for bootstrap theme'",
+    "prepublishOnly": "node ../../scripts/themes-prepublish.js",
     "postpublish": "echo 'no postpublish for bootstrap theme'"
   },
   "dependencies": {
-    "@progress/kendo-theme-default": "^5.1.2-dev.7",
+    "@progress/kendo-theme-default": "^5.2.1-dev.1",
     "bootstrap": "^5.1.0"
   },
-  "gitHead": "cedfa864b61e9c7f5e63839f6428eaee5af5c536"
+  "gitHead": "9efb8de6ee8dabce6a0d5362b8978383a8afde67"
 }

package/scss/_variables.scss

@@ -357,7 +357,10 @@ $header-gradient: null !default;
 
 
 // Loading
-
+$loading-bg: $component-bg !default;
+$loading-text: currentColor !default;
+$loading-opacity: .3 !default;
+$zindex-loading: 100 !default;
 
 // Placeholder
 $placeholder-line-width: 100% !default;

package/scss/button/_variables.scss

@@ -11,9 +11,9 @@ $kendo-button-border-radius: null !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-sm: $btn-padding-x !default;
 $kendo-button-padding-x-md: $btn-padding-x !default;
-$kendo-button-padding-x-lg: $btn-padding-x-lg !default;
+$kendo-button-padding-x-lg: $btn-padding-x !default;
 
 /// Vertical padding of the button.
 /// @group button
@@ -29,9 +29,9 @@ $kendo-button-font-family: $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-sm: $btn-font-size !default;
 $kendo-button-font-size-md: $btn-font-size !default;
-$kendo-button-font-size-lg: $btn-font-size-lg !default;
+$kendo-button-font-size-lg: $btn-font-size !default;
 
 /// Line heights used along with $font-size.
 /// @group button
@@ -48,8 +48,19 @@ $kendo-button-calc-size: calc( #{$kendo-button-line-height * 1em} + #{$kendo-but
 /// @group button
 $kendo-button-inner-calc-size: calc( #{$kendo-button-line-height * 1em} + #{$kendo-button-padding-y * 2} ) !default;
 
+/// Horizontal padding of the arrow button.
+/// @group button
 $kendo-button-arrow-padding-x: $kendo-button-padding-y !default;
+$kendo-button-arrow-padding-x-sm: $kendo-button-padding-y-sm !default;
+$kendo-button-arrow-padding-x-md: $kendo-button-padding-y-md !default;
+$kendo-button-arrow-padding-x-lg: $kendo-button-padding-y-lg !default;
+
+/// Vertical padding of the arrow button.
+/// @group button
 $kendo-button-arrow-padding-y: $kendo-button-padding-y !default;
+$kendo-button-arrow-padding-y-sm: $kendo-button-padding-y-sm !default;
+$kendo-button-arrow-padding-y-md: $kendo-button-padding-y-md !default;
+$kendo-button-arrow-padding-y-lg: $kendo-button-padding-y-lg !default;
 
 /// Theme colors map for the button.
 /// @group button

package/scss/input/_variables.scss

@@ -11,7 +11,7 @@ $kendo-input-font-family: $font-family !default;
 $kendo-input-font-size: $font-size !default;
 $kendo-input-line-height: $input-line-height !default;
 
-$kendo-input-padding-x-sm: $input-padding-x-sm !default;
+$kendo-input-padding-x-sm: $input-padding-x !default;
 $kendo-input-padding-y-sm: $input-padding-y-sm !default;
 $kendo-input-font-size-sm: $font-size-md !default;
 $kendo-input-line-height-sm: $line-height-md !default;
@@ -21,7 +21,7 @@ $kendo-input-padding-y-md: $input-padding-y !default;
 $kendo-input-font-size-md: $font-size-md !default;
 $kendo-input-line-height-md: $line-height-md !default;
 
-$kendo-input-padding-x-lg: $input-padding-x-lg !default;
+$kendo-input-padding-x-lg: $input-padding-x !default;
 $kendo-input-padding-y-lg: $input-padding-y-lg !default;
 $kendo-input-font-size-lg: $font-size-md !default;
 $kendo-input-line-height-lg: $line-height-md !default;

package/scss/list/_variables.scss

@@ -3,7 +3,7 @@
 /// Font size of the list component, if no size is set.
 /// @group list
 $kendo-list-font-size: null !default;
-$kendo-list-font-size-sm: $font-size-sm !default;
+$kendo-list-font-size-sm: $font-size-md !default;
 $kendo-list-font-size-md: $font-size-md !default;
 $kendo-list-font-size-lg: $font-size-md !default;