@progress/kendo-theme-bootstrap 5.10.1-dev.0 → 5.10.1-dev.2

package/dist/all.css

@@ -22062,6 +22062,16 @@ kendo-label > .k-label {
     padding: 0.5rem 1rem;
 }
 
+.k-adaptive-actionsheet .k-actionsheet-filter {
+    width: calc(min(100%, calc( 360px - 2rem) ));
+}
+
+.k-adaptive-actionsheet .k-actionsheet-content,
+.k-adaptive-actionsheet .k-actionsheet-footer {
+    margin-inline: auto;
+    width: min(100%, 360px);
+}
+
 .k-adaptive-actionsheet .k-list-container,
 .k-adaptive-actionsheet .k-treeview {
     height: 100%;
@@ -22726,6 +22736,7 @@ kendo-drawer .k-drawer-wrapper {
     display: inline-flex;
     flex-flow: column-reverse wrap;
     position: fixed;
+    z-index: 1000;
 }
 
 .k-notification-container {
@@ -24776,7 +24787,6 @@ kendo-card-footer {
     border-style: solid;
     border-color: inherit;
     position: relative;
-    z-index: 2;
 }
 
 .k-tabstrip-items {
@@ -24784,7 +24794,8 @@ kendo-card-footer {
     outline: 0;
     display: flex;
     flex-flow: row wrap;
-    flex: 0 0 auto;
+    flex: 1 1 auto;
+    gap: 0px;
 }
 
 .k-tabstrip-items *,
@@ -24828,6 +24839,7 @@ kendo-card-footer {
 
 .k-tabstrip-content,
 .k-tabstrip > .k-content {
+    margin: 0 !important;
     padding: 1rem 1rem;
     box-sizing: border-box;
     border-width: 1px;
@@ -24837,7 +24849,6 @@ kendo-card-footer {
     overflow: auto;
     flex: 1 1 auto;
     position: relative;
-    z-index: 1;
 }
 
 .k-tabstrip-content.k-active,
@@ -24873,7 +24884,6 @@ kendo-card-footer {
 }
 
 .k-tabstrip-scrollable > .k-tabstrip-items-wrapper > .k-tabstrip-items {
-    flex: 1 1 auto;
     flex-wrap: nowrap;
     white-space: nowrap;
     overflow: hidden;
@@ -24902,11 +24912,6 @@ kendo-card-footer {
 
 .k-tabstrip-top > .k-tabstrip-items-wrapper {
     border-bottom-width: 1px;
-    margin-bottom: -1px;
-}
-
-.k-tabstrip-top > .k-tabstrip-items-wrapper > .k-tabstrip-items {
-    width: 100%;
 }
 
 .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item {
@@ -24915,10 +24920,6 @@ kendo-card-footer {
     margin-bottom: -1px;
 }
 
-.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item + .k-item {
-    margin-left: 0px;
-}
-
 .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active {
     border-bottom-color: transparent;
 }
@@ -24927,16 +24928,11 @@ kendo-card-footer {
 .k-tabstrip-top > .k-tabstrip-content {
     border-bottom-right-radius: 0.25rem;
     border-bottom-left-radius: 0.25rem;
-    border-top-color: transparent !important;
+    border-top-width: 0 !important;
 }
 
 .k-tabstrip-bottom > .k-tabstrip-items-wrapper {
     border-top-width: 1px;
-    margin-top: -1px;
-}
-
-.k-tabstrip-bottom > .k-tabstrip-items-wrapper > .k-tabstrip-items {
-    width: 100%;
 }
 
 .k-tabstrip-bottom > .k-tabstrip-items-wrapper .k-item {
@@ -24945,10 +24941,6 @@ kendo-card-footer {
     margin-top: -1px;
 }
 
-.k-tabstrip-bottom > .k-tabstrip-items-wrapper .k-item + .k-item {
-    margin-left: 0px;
-}
-
 .k-tabstrip-bottom > .k-tabstrip-items-wrapper .k-item.k-active {
     border-top-color: transparent;
 }
@@ -24957,7 +24949,7 @@ kendo-card-footer {
 .k-tabstrip-bottom > .k-tabstrip-content {
     border-top-left-radius: 0.25rem;
     border-top-right-radius: 0.25rem;
-    border-bottom-color: transparent !important;
+    border-bottom-width: 0 !important;
 }
 
 .k-tabstrip-left {
@@ -24966,12 +24958,9 @@ kendo-card-footer {
 
 .k-tabstrip-left > .k-tabstrip-items-wrapper {
     border-right-width: 1px;
-    margin-right: -1px;
 }
 
 .k-tabstrip-left > .k-tabstrip-items-wrapper > .k-tabstrip-items {
-    height: 100%;
-    display: inline-flex;
     flex-direction: column;
 }
 
@@ -24981,10 +24970,6 @@ kendo-card-footer {
     margin-right: -1px;
 }
 
-.k-tabstrip-left > .k-tabstrip-items-wrapper .k-item + .k-item {
-    margin-top: 0px;
-}
-
 .k-tabstrip-left > .k-tabstrip-items-wrapper .k-item.k-active {
     border-right-color: transparent;
 }
@@ -24993,8 +24978,7 @@ kendo-card-footer {
 .k-tabstrip-left > .k-tabstrip-content {
     border-top-right-radius: 0.25rem;
     border-bottom-right-radius: 0.25rem;
-    margin: 0 !important;
-    border-left-color: transparent !important;
+    border-left-width: 0 !important;
 }
 
 .k-tabstrip-right {
@@ -25003,12 +24987,9 @@ kendo-card-footer {
 
 .k-tabstrip-right > .k-tabstrip-items-wrapper {
     border-left-width: 1px;
-    margin-left: -1px;
 }
 
 .k-tabstrip-right > .k-tabstrip-items-wrapper > .k-tabstrip-items {
-    height: 100%;
-    display: inline-flex;
     flex-direction: column;
 }
 
@@ -25018,10 +24999,6 @@ kendo-card-footer {
     margin-left: -1px;
 }
 
-.k-tabstrip-right > .k-tabstrip-items-wrapper .k-item + .k-item {
-    margin-top: 0px;
-}
-
 .k-tabstrip-right > .k-tabstrip-items-wrapper .k-item.k-active {
     border-left-color: transparent;
 }
@@ -25030,8 +25007,27 @@ kendo-card-footer {
 .k-tabstrip-right > .k-tabstrip-content {
     border-top-left-radius: 0.25rem;
     border-bottom-left-radius: 0.25rem;
-    margin: 0 !important;
-    border-right-color: transparent !important;
+    border-right-width: 0;
+}
+
+.k-tabstrip-items-start {
+    justify-content: flex-start;
+}
+
+.k-tabstrip-items-center {
+    justify-content: center;
+}
+
+.k-tabstrip-items-end {
+    justify-content: flex-end;
+}
+
+.k-tabstrip-items-justify {
+    justify-content: space-between;
+}
+
+.k-tabstrip-items-stretched > * {
+    flex: 1 0 0;
 }
 
 .k-rtl .k-tabstrip.k-tabstrip-left > .k-tabstrip-items-wrapper, .k-rtl .k-tabstrip.k-tabstrip-right > .k-tabstrip-items-wrapper,

package/dist/all.scss

@@ -8,6 +8,10 @@ $wcag-min-contrast-ratio: 4.5 !default;
 
 // #region @import "~@progress/kendo-theme-core/scss/functions/index.import.scss"; -> packages/bootstrap/node_modules/@progress/kendo-theme-core/scss/functions/index.import.scss
 // #region @import "_color.import.scss"; -> packages/bootstrap/node_modules/@progress/kendo-theme-core/scss/functions/_color.import.scss
+@function k-color-alpha( $color ) {
+    @return alpha( $color );
+}
+
 @function k-color-red( $color ) {
     @return red( $color );
 }
@@ -437,6 +441,12 @@ $kendo-color-level-step: 8% !default;
     @return k-color-lighten( $color, $amount );
 }
 
+@function k-rgba-to-mix( $color, $bg ) {
+    $percent: k-color-alpha( $color ) * 100%;
+
+    @return k-color-mix( rgba( $color, 1 ), $bg, $percent );
+}
+
 // TODO: Remove this function or rethink the logic
 @function k-true-mix( $color1, $color2, $weight: 50% ) {
     @return k-color-mix( rgba( $color1, 1 ), rgba( $color2, 1 ), $weight );
@@ -482,12 +492,22 @@ $kendo-color-level-step: 8% !default;
     @return $result;
 }
 
+// #endregion
+// #region @import "_lang.import.scss"; -> packages/bootstrap/node_modules/@progress/kendo-theme-core/scss/functions/_lang.import.scss
+@function k-if-var( $var, $fallback ) {
+    @return if( $var != null, $var, $fallback );
+}
+
 // #endregion
 // #region @import "_list.import.scss"; -> packages/bootstrap/node_modules/@progress/kendo-theme-core/scss/functions/_list.import.scss
 @function k-list-append( $list, $val, $separator: auto ) {
     @return append( $list, $val, $separator );
 }
 
+@function k-list-includes( $list, $value ) {
+    @return k-list-index( $list, $value ) != null;
+}
+
 @function k-list-index( $list, $value ) {
     @return index( $list, $value );
 }
@@ -25695,6 +25715,15 @@ $adaptive-actionsheet-footer-padding-x: k-map-get( $spacing, 4 ) !default;
             padding: $adaptive-actionsheet-footer-padding-y $adaptive-actionsheet-footer-padding-x;
         }
 
+        .k-actionsheet-filter {
+            width: calc( min(100%, calc( 360px - #{$adaptive-actionsheet-titlebar-padding-x * 2}) ) );
+        }
+        .k-actionsheet-content,
+        .k-actionsheet-footer {
+            margin-inline: auto;
+            width: unquote("min(100%, 360px)");
+        }
+
         .k-list-container,
         .k-treeview {
             height: 100%;
@@ -26739,6 +26768,7 @@ $kendo-notification-theme: notification-theme( $kendo-notification-theme-colors
         display: inline-flex;
         flex-flow: column-reverse wrap;
         position: fixed;
+        z-index: 1000;
     }
 
     .k-notification-container {
@@ -29681,7 +29711,6 @@ $tabstrip-content-border-focused: $component-text !default;
         border-style: solid;
         border-color: inherit;
         position: relative;
-        z-index: 2;
     }
 
     .k-tabstrip-items {
@@ -29689,7 +29718,8 @@ $tabstrip-content-border-focused: $component-text !default;
         outline: 0;
         display: flex;
         flex-flow: row wrap;
-        flex: 0 0 auto;
+        flex: 1 1 auto;
+        gap: $tabstrip-item-gap;
 
         *,
         *::before,
@@ -29732,6 +29762,7 @@ $tabstrip-content-border-focused: $component-text !default;
 
     .k-tabstrip-content,
     .k-tabstrip > .k-content {
+        margin: 0 !important; // sass-lint:disable-line no-important
         padding: $tabstrip-content-padding-y $tabstrip-content-padding-x;
         box-sizing: border-box;
         border-width: $tabstrip-content-border-width;
@@ -29741,7 +29772,6 @@ $tabstrip-content-border-focused: $component-text !default;
         overflow: auto;
         flex: 1 1 auto;
         position: relative;
-        z-index: 1;
 
         &.k-active {
             display: block;
@@ -29783,7 +29813,6 @@ $tabstrip-content-border-focused: $component-text !default;
         > .k-tabstrip-items-wrapper {
 
             > .k-tabstrip-items {
-                flex: 1 1 auto;
                 flex-wrap: nowrap;
                 white-space: nowrap;
                 overflow: hidden;
@@ -29817,25 +29846,16 @@ $tabstrip-content-border-focused: $component-text !default;
     }
 
 
-    // Tabstrip variants
+    // Tabstrip position
     .k-tabstrip-top {
         > .k-tabstrip-items-wrapper {
             border-bottom-width: $tabstrip-border-width;
-            margin-bottom: -$tabstrip-content-border-width;
-
-            > .k-tabstrip-items {
-                width: 100%;
-            }
 
             .k-item {
                 @include border-top-radius( $tabstrip-item-border-radius );
                 margin-bottom: -$tabstrip-border-width;
             }
 
-            .k-item + .k-item {
-                margin-left: $tabstrip-item-gap;
-            }
-
             .k-item.k-active {
                 border-bottom-color: transparent;
             }
@@ -29844,27 +29864,18 @@ $tabstrip-content-border-focused: $component-text !default;
         > .k-content,
         > .k-tabstrip-content {
             @include border-bottom-radius( $tabstrip-item-border-radius );
-            border-top-color: transparent !important; // sass-lint:disable-line no-important
+            border-top-width: 0 !important; // sass-lint:disable-line no-important
         }
     }
     .k-tabstrip-bottom {
         > .k-tabstrip-items-wrapper {
             border-top-width: $tabstrip-border-width;
-            margin-top: -$tabstrip-content-border-width;
-
-            > .k-tabstrip-items {
-                width: 100%;
-            }
 
             .k-item {
                 @include border-bottom-radius( $tabstrip-item-border-radius );
                 margin-top: -$tabstrip-border-width;
             }
 
-            .k-item + .k-item {
-                margin-left: $tabstrip-item-gap;
-            }
-
             .k-item.k-active {
                 border-top-color: transparent;
             }
@@ -29873,7 +29884,7 @@ $tabstrip-content-border-focused: $component-text !default;
         > .k-content,
         > .k-tabstrip-content {
             @include border-top-radius( $tabstrip-item-border-radius );
-            border-bottom-color: transparent !important; // sass-lint:disable-line no-important
+            border-bottom-width: 0 !important; // sass-lint:disable-line no-important
         }
     }
     .k-tabstrip-left {
@@ -29881,11 +29892,8 @@ $tabstrip-content-border-focused: $component-text !default;
 
         > .k-tabstrip-items-wrapper {
             border-right-width: $tabstrip-border-width;
-            margin-right: -$tabstrip-content-border-width;
 
             > .k-tabstrip-items {
-                height: 100%;
-                display: inline-flex;
                 flex-direction: column;
             }
 
@@ -29894,10 +29902,6 @@ $tabstrip-content-border-focused: $component-text !default;
                 margin-right: -$tabstrip-border-width;
             }
 
-            .k-item + .k-item {
-                margin-top: $tabstrip-item-gap;
-            }
-
             .k-item.k-active {
                 border-right-color: transparent;
             }
@@ -29906,8 +29910,7 @@ $tabstrip-content-border-focused: $component-text !default;
         > .k-content,
         > .k-tabstrip-content {
             @include border-right-radius( $tabstrip-item-border-radius );
-            margin: 0 !important; // sass-lint:disable-line no-important
-            border-left-color: transparent !important; // sass-lint:disable-line no-important
+            border-left-width: 0 !important; // sass-lint:disable-line no-important
         }
 
     }
@@ -29916,11 +29919,8 @@ $tabstrip-content-border-focused: $component-text !default;
 
         > .k-tabstrip-items-wrapper {
             border-left-width: $tabstrip-border-width;
-            margin-left: -$tabstrip-content-border-width;
 
             > .k-tabstrip-items {
-                height: 100%;
-                display: inline-flex;
                 flex-direction: column;
             }
 
@@ -29929,10 +29929,6 @@ $tabstrip-content-border-focused: $component-text !default;
                 margin-left: -$tabstrip-border-width;
             }
 
-            .k-item + .k-item {
-                margin-top: $tabstrip-item-gap;
-            }
-
             .k-item.k-active {
                 border-left-color: transparent;
             }
@@ -29941,12 +29937,29 @@ $tabstrip-content-border-focused: $component-text !default;
         > .k-content,
         > .k-tabstrip-content {
             @include border-left-radius( $tabstrip-item-border-radius );
-            margin: 0 !important; // sass-lint:disable-line no-important
-            border-right-color: transparent !important; // sass-lint:disable-line no-important
+            border-right-width: 0;
         }
     }
 
 
+    // Tabstrip align
+    .k-tabstrip-items-start {
+        justify-content: flex-start;
+    }
+    .k-tabstrip-items-center {
+        justify-content: center;
+    }
+    .k-tabstrip-items-end {
+        justify-content: flex-end;
+    }
+    .k-tabstrip-items-justify {
+        justify-content: space-between;
+    }
+    .k-tabstrip-items-stretched > * {
+        flex: 1 0 0;
+    }
+
+
     // Selected indicator
     @if ($tabstrip-indicator-size) {
 
@@ -29958,11 +29971,12 @@ $tabstrip-content-border-focused: $component-text !default;
                 border-style: solid;
                 display: none;
                 position: absolute;
-                z-index: 0;
+                z-index: 2;
                 top: 0;
                 right: 0;
                 bottom: 0;
                 left: 0;
+                pointer-events: none;
 
                 // Variants
                 .k-tabstrip-top > & {

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

@@ -3,7 +3,7 @@
     "name": "Bootstrap 3 Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "5.10.1-dev.0",
+    "version": "5.10.1-dev.2",
     "previewColors": [
         "#000000",
         "#222222",

package/lib/swatches/bootstrap-3.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap 3",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "5.10.1-dev.0",
+    "version": "5.10.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

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

@@ -3,7 +3,7 @@
     "name": "Bootstrap 4 Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "5.10.1-dev.0",
+    "version": "5.10.1-dev.2",
     "previewColors": [
         "#000000",
         "#212529",

package/lib/swatches/bootstrap-4.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap 4",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "5.10.1-dev.0",
+    "version": "5.10.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#f8f9fa",

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

@@ -3,7 +3,7 @@
     "name": "Bootstrap Dataviz v4",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "5.10.1-dev.0",
+    "version": "5.10.1-dev.2",
     "previewColors": [
         "#0275d8",
         "#5bc0de",

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

@@ -3,7 +3,7 @@
     "name": "Bootstrap Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "5.10.1-dev.0",
+    "version": "5.10.1-dev.2",
     "previewColors": [
         "#000000",
         "#212529",

package/lib/swatches/bootstrap-main.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "5.10.1-dev.0",
+    "version": "5.10.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#f8f9fa",

package/lib/swatches/bootstrap-nordic.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Nordic",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "5.10.1-dev.0",
+    "version": "5.10.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#f8f9fa",

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

@@ -3,7 +3,7 @@
     "name": "Bootstrap Turquoise Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "5.10.1-dev.0",
+    "version": "5.10.1-dev.2",
     "previewColors": [
         "#000000",
         "#292b2c",

package/lib/swatches/bootstrap-turquoise.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Turquoise",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "5.10.1-dev.0",
+    "version": "5.10.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#f2f2f2",

package/lib/swatches/bootstrap-urban.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Urban",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "5.10.1-dev.0",
+    "version": "5.10.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#e3eef4",

package/lib/swatches/bootstrap-vintage.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Vintage",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "5.10.1-dev.0",
+    "version": "5.10.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#f2efe8",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-bootstrap",
   "description": "Bootstrap theme for Kendo UI",
-  "version": "5.10.1-dev.0",
+  "version": "5.10.1-dev.2",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -45,12 +45,14 @@
     "postpublish": "echo 'no postpublish for bootstrap theme'"
   },
   "dependencies": {
-    "@progress/kendo-theme-core": "^5.10.1-dev.0",
-    "@progress/kendo-theme-default": "^5.10.1-dev.0",
+    "@progress/kendo-font-icons": "^0.6.0",
+    "@progress/kendo-theme-core": "^5.10.1-dev.2",
+    "@progress/kendo-theme-default": "^5.10.1-dev.2",
+    "@progress/kendo-theme-utils": "^5.10.1-dev.2",
     "bootstrap": "^5.2.1"
   },
   "devDependencies": {
-    "sass-build": "^1.0.0"
+    "sass-build": "^1.1.0"
   },
-  "gitHead": "92191eb16127e1d909f937dabfea8b51f7ff23b3"
+  "gitHead": "02863aedd51b707c27514b6c7c336052a3dc55c7"
 }