@progress/kendo-theme-classic 4.43.1-dev.7 → 4.43.1-dev.8

package/modules/@progress/kendo-theme-default/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-default",
   "description": "SASS resources for the default Kendo UI theme",
-  "version": "4.43.1-dev.7",
+  "version": "4.43.1-dev.8",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -47,5 +47,5 @@
     "dart:flat": "gulp dart:flat",
     "prepublishOnly": "echo 'no prebublish for default theme'"
   },
-  "gitHead": "634466e18a3f771f8e1da5dc5efdefca1f4fd344"
+  "gitHead": "cf8448a76498b1f53859522cfa29e66618cdba4c"
 }

package/modules/@progress/kendo-theme-default/scss/action-buttons/_layout.scss

@@ -2,6 +2,7 @@
 
     .k-actions {
         padding: $actions-padding-y $actions-padding-x;
+        box-sizing: border-box;
         border-width: $actions-border-width 0 0 0;
         border-style: solid;
         border-color: inherit;
@@ -13,6 +14,12 @@
         overflow: hidden;
         // TODO: remove
         clear: both;
+
+        *,
+        *::before,
+        *::after {
+            box-sizing: border-box;
+        }
     }
 
 

package/modules/@progress/kendo-theme-default/scss/action-sheet/_layout.scss

@@ -27,6 +27,12 @@
         overflow-y: auto;
         position: fixed;
         z-index: 10002;
+
+        *,
+        *::before,
+        *::after {
+            box-sizing: border-box;
+        }
     }
 
 

package/modules/@progress/kendo-theme-default/scss/appbar/_layout.scss

@@ -20,9 +20,14 @@
         -webkit-touch-callout: none;
         -webkit-tap-highlight-color: $rgba-transparent;
 
+        *,
+        *::before,
+        *::after {
+            box-sizing: border-box;
+        }
+
         > * {
             flex-shrink: 0;
-
         }
 
         // Appbar section

package/modules/@progress/kendo-theme-default/scss/autocomplete/_layout.scss

@@ -22,6 +22,12 @@
         -webkit-touch-callout: none;
         -webkit-tap-highlight-color: $rgba-transparent;
 
+        *,
+        *::before,
+        *::after {
+            box-sizing: border-box;
+        }
+
 
         // Input
         .k-input {}

package/modules/@progress/kendo-theme-default/scss/avatar/_layout.scss

@@ -12,6 +12,12 @@
         justify-content: center;
         vertical-align: middle;
         overflow: hidden;
+
+        *,
+        *::before,
+        *::after {
+            box-sizing: border-box;
+        }
     }
 
 

package/modules/@progress/kendo-theme-default/scss/badge/_layout.scss

@@ -17,6 +17,12 @@
         vertical-align: middle;
         overflow: hidden;
         text-overflow: ellipsis;
+
+        *,
+        *::before,
+        *::after {
+            box-sizing: border-box;
+        }
     }
     .k-badge > * {
         color: inherit;

package/modules/@progress/kendo-theme-default/scss/bottom-navigation/_layout.scss

@@ -20,6 +20,12 @@
         outline: none;
         -webkit-touch-callout: none;
         -webkit-tap-highlight-color: $rgba-transparent;
+
+        *,
+        *::before,
+        *::after {
+            box-sizing: border-box;
+        }
     }
 
     .k-bottom-nav-border {

package/modules/@progress/kendo-theme-default/scss/breadcrumb/_layout.scss

@@ -15,6 +15,12 @@
         flex-direction: row;
         -webkit-touch-callout: none;
         -webkit-tap-highlight-color: $rgba-transparent;
+
+        *,
+        *::before,
+        *::after {
+            box-sizing: border-box;
+        }
     }
 
 

package/modules/@progress/kendo-theme-default/scss/button/_layout.scss

@@ -24,6 +24,12 @@
         -webkit-appearance: none;
         position: relative;
 
+        *,
+        *::before,
+        *::after {
+            box-sizing: border-box;
+        }
+
         &:disabled,
         &.k-state-disabled {
             @include disabled( $disabled-styling );
@@ -66,15 +72,15 @@
 
     // Button arrow
     .k-button-arrow {
-        padding-left: $button-arrow-padding-y;
-        padding-right: $button-arrow-padding-y;
+        padding-left: $button-arrow-padding-x;
+        padding-right: $button-arrow-padding-x;
         flex: none;
         display: inline-flex;
         align-items: center;
         justify-content: center;
     }
     .k-button > .k-button-arrow {
-        margin-inline-start: -$button-padding-y;
+        margin-inline-start: -$button-arrow-padding-x;
         margin-inline-end: -$button-padding-x;
     }
 

package/modules/@progress/kendo-theme-default/scss/captcha/_layout.scss

@@ -10,6 +10,12 @@
         display: flex;
         flex-flow: column nowrap;
         gap: $captcha-gap;
+
+        *,
+        *::before,
+        *::after {
+            box-sizing: border-box;
+        }
     }
 
     // Image

package/modules/@progress/kendo-theme-default/scss/card/_layout.scss

@@ -27,6 +27,12 @@
         overflow: hidden;
         -webkit-touch-callout: none;
         -webkit-tap-highlight-color: $rgba-transparent;
+
+        *,
+        *::before,
+        *::after {
+            box-sizing: border-box;
+        }
     }
     .k-card > .k-card-inner {
         @include border-radius( $card-inner-border-radius );

package/modules/@progress/kendo-theme-default/scss/chat/_layout.scss

@@ -444,12 +444,13 @@
 
 
         .k-scroll-button {
+            // IMPORTANT: if we don't set padding, the browser will set for us
+            padding: 0 map-get( $spacing, 1 );
             height: 100%;
             aspect-ratio: auto;
             position: absolute;
             z-index: 2;
-            top: 50%;
-            transform: translateY(-50%);
+            top: 0;
 
             .k-button-icon {
                 min-width: auto;

package/modules/@progress/kendo-theme-default/scss/chip/_layout.scss

@@ -19,6 +19,12 @@
         cursor: pointer;
         user-select: none;
 
+        *,
+        *::before,
+        *::after {
+            box-sizing: border-box;
+        }
+
         .k-selected-icon-wrapper {
             display: none !important; // sass-lint:disable-line no-important
         }

package/modules/@progress/kendo-theme-default/scss/color-preview/_layout.scss

@@ -11,6 +11,12 @@
         flex-wrap: nowrap;
         position: relative;
         overflow: hidden;
+
+        *,
+        *::before,
+        *::after {
+            box-sizing: border-box;
+        }
     }
 
 

package/modules/@progress/kendo-theme-default/scss/coloreditor/_layout.scss

@@ -14,6 +14,12 @@
         display: inline-flex;
         flex-direction: column;
         align-items: stretch;
+
+        *,
+        *::before,
+        *::after {
+            box-sizing: border-box;
+        }
     }
 
     // Header

package/modules/@progress/kendo-theme-default/scss/colorgradient/_layout.scss

@@ -18,6 +18,12 @@
         gap: $colorgradient-gap;
         -webkit-touch-callout: none;
         -webkit-tap-highlight-color: $rgba-transparent;
+
+        *,
+        *::before,
+        *::after {
+            box-sizing: border-box;
+        }
     }
 
     // Canvas

package/modules/@progress/kendo-theme-default/scss/colorpalette/_layout.scss

@@ -12,6 +12,12 @@
         position: relative;
         -webkit-touch-callout: none;
         -webkit-tap-highlight-color: $rgba-transparent;
+
+        *,
+        *::before,
+        *::after {
+            box-sizing: border-box;
+        }
     }
 
     // Table

package/modules/@progress/kendo-theme-default/scss/colorpicker/_layout.scss

@@ -22,13 +22,18 @@
         -webkit-touch-callout: none;
         -webkit-tap-highlight-color: $rgba-transparent;
 
+        *,
+        *::before,
+        *::after {
+            box-sizing: border-box;
+        }
+
         .k-selected-color {
             margin: $button-padding-y;
             width: calc( #{$button-inner-calc-size} - #{$button-padding-y * 2} );
             height: calc( #{$button-inner-calc-size} - #{$button-padding-y * 2} );
             border-width: 1px;
             border-style: solid;
-            box-sizing: border-box;
             background-clip: content-box;
             line-height: 0;
             position: relative;
@@ -48,7 +53,6 @@
             border-width: 0;
             border-style: solid;
             border-color: inherit;
-            box-sizing: border-box;
             font-size: inherit;
             text-align: center;
             flex-direction: column;
@@ -84,7 +88,6 @@
             border-inline-start-width: $picker-select-border-width;
             border-style: solid;
             border-color: transparent;
-            box-sizing: border-box;
             display: flex;
             align-items: center;
             justify-content: center;

package/modules/@progress/kendo-theme-default/scss/combobox/_layout.scss

@@ -22,6 +22,12 @@
         -webkit-touch-callout: none;
         -webkit-tap-highlight-color: $rgba-transparent;
 
+        *,
+        *::before,
+        *::after {
+            box-sizing: border-box;
+        }
+
 
         // Input
         .k-input {}
@@ -41,7 +47,6 @@
             border-width: 0;
             border-inline-start-width: $picker-select-border-width;
             border-style: solid;
-            box-sizing: border-box;
             outline: 0;
             display: flex;
             flex-flow: row nowrap;

package/modules/@progress/kendo-theme-default/scss/dateinput/_layout.scss

@@ -22,6 +22,12 @@
         -webkit-touch-callout: none;
         -webkit-tap-highlight-color: $rgba-transparent;
 
+        *,
+        *::before,
+        *::after {
+            box-sizing: border-box;
+        }
+
 
         // Input
         .k-input {}
@@ -46,7 +52,7 @@
         }
         .k-link {
             padding: 0 $picker-select-padding-x;
-            min-width: $icon-size;
+            min-width: $spinner-min-width;
             flex: 1 1 auto;
             display: block;
             overflow: hidden;

package/modules/@progress/kendo-theme-default/scss/datepicker/_layout.scss

@@ -22,6 +22,12 @@
         -webkit-touch-callout: none;
         -webkit-tap-highlight-color: $rgba-transparent;
 
+        *,
+        *::before,
+        *::after {
+            box-sizing: border-box;
+        }
+
 
         // Input
         .k-input {}

package/modules/@progress/kendo-theme-default/scss/daterangepicker/_layout.scss

@@ -7,6 +7,12 @@
         flex-flow: row nowrap;
         align-items: flex-start;
         gap: map-get( $spacing, 2 );
+
+        *,
+        *::before,
+        *::after {
+            box-sizing: border-box;
+        }
     }
 
 

package/modules/@progress/kendo-theme-default/scss/datetimepicker/_layout.scss

@@ -22,6 +22,12 @@
         -webkit-touch-callout: none;
         -webkit-tap-highlight-color: $rgba-transparent;
 
+        *,
+        *::before,
+        *::after {
+            box-sizing: border-box;
+        }
+
 
         // Input
         .k-input {}
@@ -32,7 +38,6 @@
             border-width: 0;
             border-inline-start-width: $picker-select-border-width;
             border-style: solid;
-            box-sizing: border-box;
             outline: 0;
             display: flex;
             align-items: stretch;
@@ -51,7 +56,6 @@
             display: flex;
             align-items: center;
             justify-content: center;
-            box-sizing: border-box;
         }
     }
 

package/modules/@progress/kendo-theme-default/scss/drawer/_layout.scss

@@ -26,6 +26,12 @@
         -webkit-touch-callout: none;
         -webkit-tap-highlight-color: $rgba-transparent;
 
+        *,
+        *::before,
+        *::after {
+            box-sizing: border-box;
+        }
+
         // Borders
         .k-drawer-mini &.k-drawer-start,
         .k-drawer-expanded &.k-drawer-start,

package/modules/@progress/kendo-theme-default/scss/dropdownlist/_layout.scss

@@ -22,6 +22,12 @@
         -webkit-touch-callout: none;
         -webkit-tap-highlight-color: $rgba-transparent;
 
+        *,
+        *::before,
+        *::after {
+            box-sizing: border-box;
+        }
+
 
         // Input
         .k-input {}
@@ -42,7 +48,6 @@
             border-inline-start-width: $picker-select-border-width;
             border-style: solid;
             border-color: transparent;
-            box-sizing: border-box;
             outline: 0;
             display: flex;
             flex-flow: row nowrap;

package/modules/@progress/kendo-theme-default/scss/expansion-panel/_layout.scss

@@ -15,6 +15,12 @@
         -webkit-touch-callout: none;
         -webkit-tap-highlight-color: $rgba-transparent;
 
+        *,
+        *::before,
+        *::after {
+            box-sizing: border-box;
+        }
+
         .k-rtl &,
         &.k-rtl,
         &[dir = "rtl"] {
@@ -54,7 +60,6 @@
     // Expander content
     .k-expander-content {
         padding: $expander-content-padding-y $expander-content-padding-x;
-        box-sizing: border-box;
     }
 
     // Multiple expanders

package/modules/@progress/kendo-theme-default/scss/fab/_layout.scss

@@ -23,6 +23,12 @@
         cursor: pointer;
         outline: none;
 
+        *,
+        *::before,
+        *::after {
+            box-sizing: border-box;
+        }
+
         &:focus {
             outline: none;
         }

package/modules/@progress/kendo-theme-default/scss/filter/_layout.scss

@@ -1,9 +1,17 @@
 @include exports("filter/layout") {
+
     .k-filter {
+        box-sizing: border-box;
         border-width: 0;
         display: inline-block;
         background-color: transparent;
 
+        *,
+        *::before,
+        *::after {
+            box-sizing: border-box;
+        }
+
         ul {
             padding: 0;
 

package/modules/@progress/kendo-theme-default/scss/floating-label/_layout.scss

@@ -6,12 +6,19 @@
     .k-floating-label-container {
         padding-top: $floating-label-height;
         width: $input-default-width;
+        box-sizing: border-box;
         display: inline-flex;
         vertical-align: middle;
         position: relative;
         flex-direction: column;
         justify-content: stretch;
 
+        *,
+        *::before,
+        *::after {
+            box-sizing: border-box;
+        }
+
         > .k-label {
             max-width: 90%;
             font-size: $floating-label-font-size;

package/modules/@progress/kendo-theme-default/scss/imageeditor/_layout.scss

@@ -13,6 +13,12 @@
         line-height: $imageeditor-line-height;
         -webkit-touch-callout: none;
         -webkit-tap-highlight-color: $rgba-transparent;
+
+        *,
+        *::before,
+        *::after {
+            box-sizing: border-box;
+        }
     }
 
 

package/modules/@progress/kendo-theme-default/scss/list/_layout.scss

@@ -66,7 +66,7 @@
         display: flex;
         align-items: center;
         align-content: center;
-        gap: map-get( $spacing, 1 );
+        gap: $icon-spacing;
         cursor: default;
         position: relative;
         transition-property: color, background-color, outline-color, box-shadow;
@@ -142,18 +142,15 @@
 
 
     // No data
-    .k-list-container {
-        .k-no-data {
-            min-height: 138px;
-            width: 100%;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            text-transform: uppercase;
-            font-weight: lighter;
-            text-align: center;
-            white-space: normal;
-        }
+    .k-no-data {
+        min-height: 140px;
+        box-sizing: border-box;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-weight: lighter;
+        text-align: center;
+        white-space: normal;
     }
 
 

package/modules/@progress/kendo-theme-default/scss/list/_theme.scss

@@ -94,12 +94,12 @@
             background: transparent;
         }
 
+    }
 
-        // No data
-        .k-no-data {
-            color: $list-no-data-text;
-        }
 
+    // No data
+    .k-no-data {
+        color: $list-no-data-text;
     }
 
 }

package/modules/@progress/kendo-theme-default/scss/map/_layout.scss

@@ -3,12 +3,19 @@
     // Layout
     .k-map {
         height: 600px;
+        box-sizing: border-box;
         border-width: $map-border-width;
         border-style: solid;
         font-size: $map-font-size;
         line-height: $map-line-height;
         font-family: $map-font-family;
 
+        *,
+        *::before,
+        *::after {
+            box-sizing: border-box;
+        }
+
 
         // Scroll
         .km-scroll-wrapper {

package/modules/@progress/kendo-theme-default/scss/maskedtextbox/_layout.scss

@@ -22,6 +22,12 @@
         -webkit-touch-callout: none;
         -webkit-tap-highlight-color: $rgba-transparent;
 
+        *,
+        *::before,
+        *::after {
+            box-sizing: border-box;
+        }
+
 
         // Input
         .k-input {}

package/modules/@progress/kendo-theme-default/scss/mediaplayer/_layout.scss

@@ -14,6 +14,12 @@
         -webkit-touch-callout: none;
         -webkit-tap-highlight-color: $rgba-transparent;
 
+        *,
+        *::before,
+        *::after {
+            box-sizing: border-box;
+        }
+
         > iframe {
             width: 100%;
             height: 100%;

package/modules/@progress/kendo-theme-default/scss/multiselect/_layout.scss

@@ -19,6 +19,12 @@
         -webkit-touch-callout: none;
         -webkit-tap-highlight-color: $rgba-transparent;
 
+        *,
+        *::before,
+        *::after {
+            box-sizing: border-box;
+        }
+
         .k-loading-hidden {
             visibility: hidden;
         }

package/modules/@progress/kendo-theme-default/scss/notification/_layout.scss

@@ -33,6 +33,12 @@
         display: block;
         -webkit-touch-callout: none;
         -webkit-tap-highlight-color: $rgba-transparent;
+
+        *,
+        *::before,
+        *::after {
+            box-sizing: border-box;
+        }
     }
 
     .k-notification-wrap {