@progress/kendo-theme-bootstrap 5.0.0-alpha.0 → 5.0.0-alpha.1

package/dist/all.css

@@ -13454,6 +13454,8 @@ kendo-badge-container {
     display: inline-flex;
     -ms-flex-flow: row nowrap;
         flex-flow: row nowrap;
+    -ms-flex-align: stretch;
+        align-items: stretch;
     position: relative;
     overflow: hidden;
     text-overflow: ellipsis;
@@ -13466,6 +13468,8 @@ input.k-input {
 
 select.k-picker {
     padding: 0.375rem 0.75rem;
+    -webkit-appearance: auto;
+            appearance: auto;
 }
 
 .k-input-inner {
@@ -13537,6 +13541,8 @@ span.k-input-inner .k-value-text {
 .k-input-suffix {
     display: -ms-flexbox;
     display: flex;
+    -ms-flex-flow: row nowrap;
+        flex-flow: row nowrap;
     -ms-flex-align: center;
         align-items: center;
     -ms-flex: none;
@@ -13588,18 +13594,28 @@ span.k-input-inner .k-value-text {
 }
 
 .k-input-button {
+    width: auto;
     border-width: 0;
     -ms-flex: none;
         flex: none;
+    aspect-ratio: auto;
+    color: inherit;
+    background: none;
     box-shadow: none;
 }
 
+.k-input-button > .k-button-icon {
+    min-width: auto !important;
+    min-height: auto !important;
+}
+
 .k-picker .k-input-button {
     color: inherit;
     background: none;
 }
 
 .k-input-spinner {
+    width: auto;
     -ms-flex: none;
         flex: none;
     display: -ms-flexbox;
@@ -13610,7 +13626,6 @@ span.k-input-inner .k-value-text {
 
 .k-input-spinner .k-spinner-increase,
 .k-input-spinner .k-spinner-decrease {
-    padding: 0;
     border-width: 0;
     -ms-flex: 1 1 50%;
         flex: 1 1 50%;
@@ -13620,11 +13635,7 @@ span.k-input-inner .k-value-text {
 
 .k-input-spinner .k-spinner-increase > .k-button-icon,
 .k-input-spinner .k-spinner-decrease > .k-button-icon {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    -ms-transform: translate(-50%, -50%);
-        transform: translate(-50%, -50%);
+    margin: -1em 0;
 }
 
 .k-searchbar {
@@ -13703,7 +13714,7 @@ span.k-input-inner .k-value-text {
 }
 
 .k-picker:focus, .k-picker.k-focus {
-    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+    box-shadow: 0 0 0 3px rgba(228, 231, 235, 0.5);
 }
 
 .k-picker:invalid, .k-picker.k-invalid {
@@ -14560,8 +14571,8 @@ kendo-label > .k-label {
 .k-form .k-daterangepicker-wrap,
 .k-form .k-timepicker,
 .k-form .k-floating-label-container {
-    display: -ms-flexbox;
-    display: flex;
+    display: -ms-inline-flexbox;
+    display: inline-flex;
     width: 100%;
 }
 
@@ -14619,6 +14630,7 @@ kendo-label > .k-label {
     margin-right: 10px;
     padding-top: 5px;
     width: 25%;
+    text-align: end;
     -ms-flex-direction: column;
         flex-direction: column;
     -ms-flex-align: end;
@@ -15947,7 +15959,8 @@ kendo-label.k-radio-label > .k-label {
         transform: translate(50%, -50%);
 }
 
-.k-switch.k-disabled {
+.k-switch.k-disabled,
+.k-switch.k-state-disabled {
     opacity: 1;
     filter: none;
 }
@@ -17052,6 +17065,7 @@ kendo-label.k-radio-label > .k-label {
 }
 
 .k-actions-horizontal {
+    width: 100%;
     -ms-flex-flow: row nowrap;
         flex-flow: row nowrap;
 }
@@ -19823,14 +19837,6 @@ kendo-label.k-radio-label > .k-label {
         transform: translateX(50%);
 }
 
-.k-dateinput .k-link-increase .k-icon {
-    bottom: -1px;
-}
-
-.k-dateinput .k-link-decrease .k-icon {
-    top: -1px;
-}
-
 .k-rtl .k-dateinput, .k-dateinput[dir="rtl"] {
     text-align: right;
 }
@@ -22834,6 +22840,7 @@ kendo-label.k-radio-label > .k-label {
     height: 100%;
 }
 
+.k-window-buttons,
 .k-window-buttongroup {
     border-bottom-right-radius: 0.25rem;
     border-bottom-left-radius: 0.25rem;
@@ -23956,6 +23963,7 @@ kendo-card-footer {
     height: 1.3em;
     border-width: 1px 1px 0 0;
     border-style: solid;
+    box-sizing: border-box;
     position: absolute;
 }
 
@@ -31779,6 +31787,99 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
     overflow: auto;
 }
 
+.k-editor-resize-handles-wrapper {
+    position: absolute;
+    visibility: hidden;
+}
+
+.k-editor-resize-handle {
+    width: 5px;
+    height: 5px;
+    border-width: 1px;
+    border-style: solid;
+    position: absolute;
+    visibility: visible;
+    z-index: 100;
+}
+
+.k-editor-resize-handle.northwest {
+    top: 0;
+    left: 0;
+    -ms-transform: translate(-50%, -50%);
+        transform: translate(-50%, -50%);
+    cursor: nw-resize;
+}
+
+.k-editor-resize-handle.north {
+    top: 0;
+    left: 50%;
+    -ms-transform: translate(-50%, -50%);
+        transform: translate(-50%, -50%);
+    cursor: n-resize;
+}
+
+.k-editor-resize-handle.northeast {
+    top: 0;
+    right: 0;
+    -ms-transform: translate(50%, -50%);
+        transform: translate(50%, -50%);
+    cursor: ne-resize;
+}
+
+.k-editor-resize-handle.southwest {
+    left: 0;
+    bottom: 0;
+    -ms-transform: translate(-50%, 50%);
+        transform: translate(-50%, 50%);
+    cursor: sw-resize;
+}
+
+.k-editor-resize-handle.south {
+    bottom: 0;
+    left: 50%;
+    -ms-transform: translate(-50%, 50%);
+        transform: translate(-50%, 50%);
+    cursor: s-resize;
+}
+
+.k-editor-resize-handle.southeast {
+    right: 0;
+    bottom: 0;
+    -ms-transform: translate(50%, 50%);
+        transform: translate(50%, 50%);
+    cursor: se-resize;
+}
+
+.k-editor-resize-handle.west {
+    top: 50%;
+    left: 0;
+    -ms-transform: translate(-50%, -50%);
+        transform: translate(-50%, -50%);
+    cursor: w-resize;
+}
+
+.k-editor-resize-handle.east {
+    top: 50%;
+    right: 0;
+    -ms-transform: translate(50%, -50%);
+        transform: translate(50%, -50%);
+    cursor: e-resize;
+}
+
+.ProseMirror-selectednode {
+    outline-width: 2px;
+    outline-style: solid;
+}
+
+.ProseMirror-hideselection {
+    caret-color: transparent;
+}
+
+.ProseMirror-hideselection *::selection,
+.ProseMirror-hideselection *::-moz-selection {
+    background: transparent;
+}
+
 .k-editor > .k-toolbar {
     border-width: 0 0 1px 0;
     -ms-flex-negative: 0;
@@ -31845,6 +31946,7 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
     padding: 1rem;
     width: 100%;
     height: 100%;
+    position: relative;
     box-sizing: border-box;
     outline: none;
     white-space: pre-wrap;
@@ -32377,6 +32479,15 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
     border-color: #dee2e6;
 }
 
+.k-editor-resize-handle {
+    background-color: #ffffff;
+    border-color: #000000;
+}
+
+.ProseMirror-selectednode {
+    outline-color: #8cf;
+}
+
 .k-ct-popup .k-state-selected {
     border-color: #0c65e9;
     color: #ffffff;
@@ -35119,11 +35230,14 @@ kendo-scheduler .k-event .k-event-actions,
 }
 
 .k-message-box {
-    padding: 10px 16px;
+    width: 100%;
+    height: auto;
+    padding: 0.375rem 0.75rem;
+    box-sizing: border-box;
     border-width: 1px 0 0;
     border-style: solid;
-    -ms-flex: 0 0 auto;
-        flex: 0 0 auto;
+    -ms-flex: none;
+        flex: none;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-flow: row nowrap;
@@ -35132,6 +35246,11 @@ kendo-scheduler .k-event .k-event-actions,
         align-items: center;
 }
 
+.k-message-box:focus, .k-message-box.k-state-focus, .k-message-box:focus-within {
+    outline: 0;
+    box-shadow: none;
+}
+
 .k-message-box .k-input {
     padding: 0;
 }
@@ -35254,12 +35373,19 @@ kendo-scheduler .k-event .k-event-actions,
 
 .k-chat-toolbar,
 .k-chat .k-toolbar-box {
+    padding: 0.5rem 0.5rem;
     width: 100%;
+    border-width: 1px 0 0;
     box-sizing: border-box;
+    -ms-flex: none;
+        flex: none;
     overflow: hidden;
     position: relative;
-    -ms-flex: 0 0 auto;
-        flex: 0 0 auto;
+}
+
+.k-chat-toolbar::before,
+.k-chat .k-toolbar-box::before {
+    display: none;
 }
 
 .k-chat-toolbar .k-button-list,
@@ -35270,20 +35396,15 @@ kendo-scheduler .k-event .k-event-actions,
         flex-flow: row nowrap;
     overflow: hidden;
     scroll-behavior: smooth;
-    padding: 10px 16px;
-}
-
-.k-chat-toolbar .k-button-list::after,
-.k-chat .k-toolbar-box .k-button-list::after {
-    content: "";
-    padding-right: 16px;
 }
 
-.k-chat-toolbar .k-button-list .k-button + .k-button,
-.k-chat .k-toolbar-box .k-button-list .k-button + .k-button {
-    margin-left: 20px;
-    -ms-flex-negative: 0;
-        flex-shrink: 0;
+.k-chat-toolbar .k-button,
+.k-chat .k-toolbar-box .k-button {
+    border-color: transparent;
+    color: inherit;
+    background: none;
+    -ms-flex: none;
+        flex: none;
 }
 
 .k-chat-toolbar .k-scroll-button,
@@ -35305,15 +35426,6 @@ kendo-scheduler .k-event .k-event-actions,
     right: 0;
 }
 
-.k-chat-toolbar .k-button,
-.k-chat .k-toolbar-box .k-button {
-    border-width: 0;
-    color: inherit;
-    background: none;
-    -ms-flex-negative: 0;
-        flex-shrink: 0;
-}
-
 .k-rtl .k-message-group:not(.k-alt),
 [dir="rtl"] .k-message-group:not(.k-alt) {
     text-align: right;

package/dist/all.scss

@@ -2816,6 +2816,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;
 
 
@@ -9975,17 +9977,19 @@ $picker-select-calc-size-sm: calc( #{$picker-select-padding-x-sm * 2} + #{$icon-
 $picker-select-calc-size-lg: calc( #{$picker-select-padding-x-sm * 2} + #{$icon-size} ) !default;
 
 
-// Spinner
+// Input actions
+$kendo-input-button-width: null !default;
 $kendo-input-spinner-width: null !default;
-$kendo-input-spinner-icon-offset: 1px !default;
 
 
 // Input icon
 $kendo-input-icon-width: calc( #{$icon-size} + #{$kendo-input-padding-y * 2} ) !default;
 $kendo-input-icon-height: calc( #{$kendo-input-line-height * $kendo-input-font-size} + #{$kendo-input-padding-y * 2} ) !default;
 
-$kendo-input-icon-text: $subtle-text !default;
-$kendo-input-icon-opacity: null !default;
+
+// Input separator
+$kendo-input-separator-color: $kendo-input-text !default;
+$kendo-input-separator-opacity: .5 !default;
 
 
 // Invalid
@@ -10932,6 +10936,7 @@ $kendo-input-invalid-shadow: $invalid-shadow !default;
         box-shadow: none;
         display: inline-flex;
         flex-flow: row nowrap;
+        align-items: stretch;
         position: relative;
         overflow: hidden;
         text-overflow: ellipsis;
@@ -10942,6 +10947,7 @@ $kendo-input-invalid-shadow: $invalid-shadow !default;
     }
     select.k-picker {
         padding: $kendo-input-padding-y $kendo-input-padding-x;
+        appearance: auto;
     }
 
 
@@ -10999,6 +11005,7 @@ $kendo-input-invalid-shadow: $invalid-shadow !default;
     .k-input-prefix,
     .k-input-suffix {
         display: flex;
+        flex-flow: row nowrap;
         align-items: center;
         flex: none;
 
@@ -11042,10 +11049,18 @@ $kendo-input-invalid-shadow: $invalid-shadow !default;
 
     // Input button
     .k-input-button {
-        min-width: $kendo-input-spinner-width;
+        width: if( $use-input-button-width, $kendo-input-button-width, auto );
         border-width: 0;
         flex: none;
+        aspect-ratio: auto;
+        color: inherit;
+        background: none;
         box-shadow: none;
+
+        > .k-button-icon {
+            min-width: auto !important; // sass-lint:disable-line no-important
+            min-height: auto !important; // sass-lint:disable-line no-important
+        }
     }
     .k-picker .k-input-button {
         color: inherit;
@@ -11055,24 +11070,20 @@ $kendo-input-invalid-shadow: $invalid-shadow !default;
 
     // Input spinner
     .k-input-spinner {
-        min-width: $kendo-input-spinner-width;
+        width: if( $use-input-spinner-width, $kendo-input-spinner-width, auto );
         flex: none;
         display: flex;
         flex-flow: column nowrap;
 
         .k-spinner-increase,
         .k-spinner-decrease {
-            padding: 0;
             border-width: 0;
             flex: 1 1 50%;
             aspect-ratio: auto;
             box-shadow: none;
 
             > .k-button-icon {
-                position: absolute;
-                top: 50%;
-                left: 50%;
-                transform: translate(-50%, -50%);
+                margin: -1em 0;
             }
         }
     }
@@ -11205,17 +11216,17 @@ $kendo-input-invalid-shadow: $invalid-shadow !default;
                 $kendo-button-focus-border,
                 $kendo-button-focus-gradient
             );
-            @include box-shadow( $kendo-input-focus-shadow );
+            @include box-shadow( $kendo-button-focus-shadow );
         }
 
         // Invalid
         &:invalid,
         &.k-invalid {
-            @include fill( $border: $invalid-border );
+            @include fill( $border: $kendo-input-invalid-border );
 
             &:focus,
             &.k-focus {
-                @include box-shadow($invalid-shadow);
+                @include box-shadow( $kendo-input-invalid-shadow );
             }
         }
     }
@@ -12451,7 +12462,7 @@ $window-sizes: (
         .k-daterangepicker-wrap,
         .k-timepicker,
         .k-floating-label-container {
-            display: flex;
+            display: inline-flex;
             width: 100%;
         }
     }
@@ -12508,6 +12519,7 @@ $window-sizes: (
                 margin-right: $horizontal-form-label-margin-x;
                 padding-top: $horizontal-form-label-padding-top;
                 width: $horizontal-form-label-width;
+                text-align: end;
                 flex-direction: column;
                 align-items: $horizontal-form-label-align;
                 justify-content: flex-start;
@@ -14588,7 +14600,8 @@ $kendo-switch-on-thumb-hover-gradient: null !default;
 @include exports( "switch/layout/bootstrap" ) {
 
     // Switch
-    .k-switch.k-disabled {
+    .k-switch.k-disabled,
+    .k-switch.k-state-disabled {
         opacity: 1;
         filter: none;
     }
@@ -16035,6 +16048,7 @@ $message-box-link-text-decoration: underline !default;
 
     // Actions orientation
     .k-actions-horizontal {
+        width: 100%;
         flex-flow: row nowrap;
     }
     .k-actions-vertical {
@@ -19959,12 +19973,6 @@ $datetime-select-pressed-gradient: $kendo-button-active-gradient !default;
                 transform: translateX(50%);
             }
         }
-        .k-link-increase .k-icon {
-            bottom: -$kendo-input-spinner-icon-offset;
-        }
-        .k-link-decrease .k-icon {
-            top: -$kendo-input-spinner-icon-offset;
-        }
 
 
         // RTL
@@ -24462,6 +24470,7 @@ $appbar-bottom-box-shadow: 0px -1px 1px rgba(0, 0, 0, .16) !default;
     }
 
     // Buttons Layout
+    .k-window-buttons,
     .k-window-buttongroup {
         @include border-bottom-radius( $window-border-radius );
         padding: $window-buttongroup-padding-y $window-buttongroup-padding-x;
@@ -26116,6 +26125,7 @@ $card-focus-callout-box-shadow-w: $card-focus-shadow !default;
         height: $card-callout-height;
         border-width: $card-border-width $card-border-width 0 0;
         border-style: solid;
+        box-sizing: border-box;
         position: absolute;
     }
 
@@ -36542,6 +36552,14 @@ $editor-highlighted-bg: mix($primary, #ffffff, 20%) !default;
 
 $editor-export-tool-icon-margin-x: .25em !default;
 
+$editor-resize-handle-size: 5px !default;
+$editor-resize-handle-border-width: 1px !default;
+$editor-resize-handle-border: #000000 !default;
+$editor-resize-handle-bg: #ffffff !default;
+
+$editor-selectednode-outline-width: 2px !default;
+$editor-selectednode-outline-color: #8cf !default; // sass-lint:disable-line hex-length
+
 // #endregion
 // #region @import "_layout.scss"; -> packages/bootstrap/scss/editor/_layout.scss
 // #region @import "~@progress/kendo-theme-default/scss/editor/_layout.scss"; -> packages/bootstrap/node_modules/@progress/kendo-theme-default/scss/editor/_layout.scss
@@ -36615,6 +36633,89 @@ $editor-export-tool-icon-margin-x: .25em !default;
         overflow: auto;
     }
 
+    // Resizable images
+    .k-editor-resize-handles-wrapper {
+        position: absolute;
+        visibility: hidden;
+    }
+    .k-editor-resize-handle {
+        width: $editor-resize-handle-size;
+        height: $editor-resize-handle-size;
+        border-width: $editor-resize-handle-border-width;
+        border-style: solid;
+        position: absolute;
+        visibility: visible;
+        z-index: 100;
+
+        &.northwest {
+            top: 0;
+            left: 0;
+            transform: translate(-50%, -50%);
+            cursor: nw-resize;
+        }
+
+        &.north {
+            top: 0;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            cursor: n-resize;
+        }
+
+        &.northeast {
+            top: 0;
+            right: 0;
+            transform: translate(50%, -50%);
+            cursor: ne-resize;
+        }
+
+        &.southwest {
+            left: 0;
+            bottom: 0;
+            transform: translate(-50%, 50%);
+            cursor: sw-resize;
+        }
+
+        &.south {
+            bottom: 0;
+            left: 50%;
+            transform: translate(-50%, 50%);
+            cursor: s-resize;
+        }
+
+        &.southeast {
+            right: 0;
+            bottom: 0;
+            transform: translate(50%, 50%);
+            cursor: se-resize;
+        }
+
+        &.west {
+            top: 50%;
+            left: 0;
+            transform: translate(-50%, -50%);
+            cursor: w-resize;
+        }
+
+        &.east {
+            top: 50%;
+            right: 0;
+            transform: translate(50%, -50%);
+            cursor: e-resize;
+        }
+    }
+    .ProseMirror-selectednode { // sass-lint:disable-line class-name-format
+        outline-width: $editor-selectednode-outline-width;
+        outline-style: solid;
+    }
+    .ProseMirror-hideselection { // sass-lint:disable-line class-name-format
+        caret-color: transparent;
+
+        *::selection,
+        *::-moz-selection {
+            background: transparent;
+        }
+    }
+
     // Toolbar
     .k-editor > .k-toolbar {
         border-width: 0 0 $toolbar-border-width 0;
@@ -36688,6 +36789,7 @@ $editor-export-tool-icon-margin-x: .25em !default;
             padding: $padding-x;
             width: 100%;
             height: 100%;
+            position: relative;
             box-sizing: border-box;
             outline: none;
             white-space: pre-wrap;
@@ -37254,6 +37356,15 @@ $editor-export-tool-icon-margin-x: .25em !default;
         }
     }
 
+    // Resizable images
+    .k-editor-resize-handle {
+        background-color: $editor-resize-handle-bg;
+        border-color: $editor-resize-handle-border;
+    }
+    .ProseMirror-selectednode { // sass-lint:disable-line class-name-format
+        outline-color: $editor-selectednode-outline-color;
+    }
+
 
     // Insert table
     .k-ct-popup {
@@ -40402,12 +40513,12 @@ $chat-bubble-border-radius-sm: 2px !default;
 $chat-avatar-size: 32px !default;
 $chat-avatar-spacing: $chat-item-spacing-x !default;
 
-$chat-message-box-padding-x: $chat-padding-x !default;
-$chat-message-box-padding-y: 10px !default;
+$chat-message-box-padding-x: $kendo-input-padding-x !default;
+$chat-message-box-padding-y: $kendo-input-padding-y !default;
 
-$chat-toolbar-padding-x: $chat-padding-x !default;
-$chat-toolbar-padding-y: 10px !default;
-$chat-toolbar-spacing: 20px !default;
+$chat-toolbar-padding-x: $toolbar-padding-x !default;
+$chat-toolbar-padding-y: $toolbar-padding-y !default;
+$chat-toolbar-spacing: $toolbar-spacing !default;
 $chat-toolbar-bg: $toolbar-bg !default;
 $chat-toolbar-text: $toolbar-text !default;
 $chat-toolbar-border: inherit !default;
@@ -40727,14 +40838,24 @@ $chat-toolbar-box-scroll-button-shadow: 0 0 20px 5px $chat-bg !default;
 
     // Message box
     .k-message-box {
+        width: 100%;
+        height: auto;
         padding: $chat-message-box-padding-y $chat-message-box-padding-x;
+        box-sizing: border-box;
         border-width: 1px 0 0;
         border-style: solid;
-        flex: 0 0 auto;
+        flex: none;
         display: flex;
         flex-flow: row nowrap;
         align-items: center;
 
+        &:focus,
+        &.k-state-focus,
+        &:focus-within {
+            outline: 0;
+            box-shadow: none;
+        }
+
         // Input
         .k-input {
             padding: 0;
@@ -40872,11 +40993,17 @@ $chat-toolbar-box-scroll-button-shadow: 0 0 20px 5px $chat-bg !default;
 
     .k-chat-toolbar,
     .k-chat .k-toolbar-box {
+        padding: $chat-toolbar-padding-y $chat-toolbar-padding-x;
         width: 100%;
+        border-width: 1px 0 0;
         box-sizing: border-box;
+        flex: none;
         overflow: hidden;
         position: relative;
-        flex: 0 0 auto;
+
+        &::before {
+            display: none;
+        }
 
         .k-button-list {
             // Needed for native scrolling. Will uncoment when it's implemented.
@@ -40887,18 +41014,13 @@ $chat-toolbar-box-scroll-button-shadow: 0 0 20px 5px $chat-bg !default;
             overflow: hidden;
             // overflow-x: auto;
             scroll-behavior: smooth;
-            padding: $chat-toolbar-padding-y $chat-toolbar-padding-x;
-
-            // fix for flex container disregarding the right padding
-            &::after {
-                content: "";
-                padding-right: $chat-toolbar-padding-x;
-            }
+        }
 
-            .k-button + .k-button {
-                margin-left: $chat-toolbar-spacing;
-                flex-shrink: 0;
-            }
+        .k-button {
+            border-color: transparent;
+            color: inherit;
+            background: none;
+            flex: none;
         }
 
 
@@ -40915,13 +41037,6 @@ $chat-toolbar-box-scroll-button-shadow: 0 0 20px 5px $chat-bg !default;
             right: 0;
         }
 
-        .k-button {
-            border-width: 0;
-            color: inherit;
-            background: none;
-            flex-shrink: 0;
-        }
-
 
     }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-bootstrap",
   "description": "Bootstrap theme for Kendo UI",
-  "version": "5.0.0-alpha.0",
+  "version": "5.0.0-alpha.1",
   "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-alpha.0",
+    "@progress/kendo-theme-default": "^5.0.0-alpha.1",
     "bootstrap": "^5.1.0"
   },
-  "gitHead": "3fd060a3f688d79324c6e976857536557f71dc11"
+  "gitHead": "f7771e7fd26ff92503ccbdda09fbbd8a7578abb2"
 }

package/scss/_variables.scss

@@ -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/chat/_variables.scss

@@ -32,12 +32,12 @@ $chat-bubble-border-radius-sm: 2px !default;
 $chat-avatar-size: 32px !default;
 $chat-avatar-spacing: $chat-item-spacing-x !default;
 
-$chat-message-box-padding-x: $chat-padding-x !default;
-$chat-message-box-padding-y: 10px !default;
+$chat-message-box-padding-x: $kendo-input-padding-x !default;
+$chat-message-box-padding-y: $kendo-input-padding-y !default;
 
-$chat-toolbar-padding-x: $chat-padding-x !default;
-$chat-toolbar-padding-y: 10px !default;
-$chat-toolbar-spacing: 20px !default;
+$chat-toolbar-padding-x: $toolbar-padding-x !default;
+$chat-toolbar-padding-y: $toolbar-padding-y !default;
+$chat-toolbar-spacing: $toolbar-spacing !default;
 $chat-toolbar-bg: $toolbar-bg !default;
 $chat-toolbar-text: $toolbar-text !default;
 $chat-toolbar-border: inherit !default;

package/scss/editor/_variables.scss

@@ -13,3 +13,11 @@ $editor-selected-bg: $primary !default;
 $editor-highlighted-bg: mix($primary, #ffffff, 20%) !default;
 
 $editor-export-tool-icon-margin-x: .25em !default;
+
+$editor-resize-handle-size: 5px !default;
+$editor-resize-handle-border-width: 1px !default;
+$editor-resize-handle-border: #000000 !default;
+$editor-resize-handle-bg: #ffffff !default;
+
+$editor-selectednode-outline-width: 2px !default;
+$editor-selectednode-outline-color: #8cf !default; // sass-lint:disable-line hex-length

package/scss/input/_variables.scss

@@ -71,17 +71,19 @@ $picker-select-calc-size-sm: calc( #{$picker-select-padding-x-sm * 2} + #{$icon-
 $picker-select-calc-size-lg: calc( #{$picker-select-padding-x-sm * 2} + #{$icon-size} ) !default;
 
 
-// Spinner
+// Input actions
+$kendo-input-button-width: null !default;
 $kendo-input-spinner-width: null !default;
-$kendo-input-spinner-icon-offset: 1px !default;
 
 
 // Input icon
 $kendo-input-icon-width: calc( #{$icon-size} + #{$kendo-input-padding-y * 2} ) !default;
 $kendo-input-icon-height: calc( #{$kendo-input-line-height * $kendo-input-font-size} + #{$kendo-input-padding-y * 2} ) !default;
 
-$kendo-input-icon-text: $subtle-text !default;
-$kendo-input-icon-opacity: null !default;
+
+// Input separator
+$kendo-input-separator-color: $kendo-input-text !default;
+$kendo-input-separator-opacity: .5 !default;
 
 
 // Invalid

package/scss/switch/_layout.scss

@@ -3,7 +3,8 @@
 @include exports( "switch/layout/bootstrap" ) {
 
     // Switch
-    .k-switch.k-disabled {
+    .k-switch.k-disabled,
+    .k-switch.k-state-disabled {
         opacity: 1;
         filter: none;
     }