@progress/kendo-theme-default 5.10.1-dev.1 → 5.10.1-dev.2

package/dist/all.css

@@ -21941,6 +21941,16 @@ kendo-label > .k-label {
     padding: 8px 16px;
 }
 
+.k-adaptive-actionsheet .k-actionsheet-filter {
+    width: calc(min(100%, calc( 360px - 32px) ));
+}
+
+.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%;
@@ -22590,6 +22600,7 @@ kendo-drawer .k-drawer-wrapper {
     display: inline-flex;
     flex-flow: column-reverse wrap;
     position: fixed;
+    z-index: 1000;
 }
 
 .k-notification-container {
@@ -24546,7 +24557,6 @@ kendo-card-footer {
     border-style: solid;
     border-color: inherit;
     position: relative;
-    z-index: 2;
 }
 
 .k-tabstrip-items {
@@ -24554,7 +24564,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 *,
@@ -24598,6 +24609,7 @@ kendo-card-footer {
 
 .k-tabstrip-content,
 .k-tabstrip > .k-content {
+    margin: 0 !important;
     padding: 16px 16px;
     box-sizing: border-box;
     border-width: 1px;
@@ -24607,7 +24619,6 @@ kendo-card-footer {
     overflow: auto;
     flex: 1 1 auto;
     position: relative;
-    z-index: 1;
 }
 
 .k-tabstrip-content.k-active,
@@ -24643,7 +24654,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;
@@ -24672,11 +24682,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 {
@@ -24685,10 +24690,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;
 }
@@ -24697,16 +24698,11 @@ kendo-card-footer {
 .k-tabstrip-top > .k-tabstrip-content {
     border-bottom-right-radius: 4px;
     border-bottom-left-radius: 4px;
-    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 {
@@ -24715,10 +24711,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;
 }
@@ -24727,7 +24719,7 @@ kendo-card-footer {
 .k-tabstrip-bottom > .k-tabstrip-content {
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
-    border-bottom-color: transparent !important;
+    border-bottom-width: 0 !important;
 }
 
 .k-tabstrip-left {
@@ -24736,12 +24728,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;
 }
 
@@ -24751,10 +24740,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;
 }
@@ -24763,8 +24748,7 @@ kendo-card-footer {
 .k-tabstrip-left > .k-tabstrip-content {
     border-top-right-radius: 4px;
     border-bottom-right-radius: 4px;
-    margin: 0 !important;
-    border-left-color: transparent !important;
+    border-left-width: 0 !important;
 }
 
 .k-tabstrip-right {
@@ -24773,12 +24757,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;
 }
 
@@ -24788,10 +24769,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;
 }
@@ -24800,8 +24777,27 @@ kendo-card-footer {
 .k-tabstrip-right > .k-tabstrip-content {
     border-top-left-radius: 4px;
     border-bottom-left-radius: 4px;
-    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

@@ -22374,6 +22374,15 @@ $adaptive-actionsheet-footer-padding-x: 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%;
@@ -23361,6 +23370,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 {
@@ -26172,7 +26182,6 @@ $tabstrip-content-border-focused: $component-text !default;
         border-style: solid;
         border-color: inherit;
         position: relative;
-        z-index: 2;
     }
 
     .k-tabstrip-items {
@@ -26180,7 +26189,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,
@@ -26223,6 +26233,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;
@@ -26232,7 +26243,6 @@ $tabstrip-content-border-focused: $component-text !default;
         overflow: auto;
         flex: 1 1 auto;
         position: relative;
-        z-index: 1;
 
         &.k-active {
             display: block;
@@ -26274,7 +26284,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;
@@ -26308,25 +26317,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;
             }
@@ -26335,27 +26335,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;
             }
@@ -26364,7 +26355,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 {
@@ -26372,11 +26363,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;
             }
 
@@ -26385,10 +26373,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;
             }
@@ -26397,8 +26381,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
         }
 
     }
@@ -26407,11 +26390,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;
             }
 
@@ -26420,10 +26400,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;
             }
@@ -26432,12 +26408,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) {
 
@@ -26449,11 +26442,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/default-blue.json

@@ -3,7 +3,7 @@
     "name": "Default Blue",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "5.10.1-dev.1",
+    "version": "5.10.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

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

@@ -3,7 +3,7 @@
     "name": "Default Dataviz v4",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "5.10.1-dev.1",
+    "version": "5.10.1-dev.2",
     "previewColors": [
         "#ff6358",
         "#ffd246",

package/lib/swatches/default-green.json

@@ -3,7 +3,7 @@
     "name": "Default Green",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "5.10.1-dev.1",
+    "version": "5.10.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

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

@@ -3,7 +3,7 @@
     "name": "Default Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "5.10.1-dev.1",
+    "version": "5.10.1-dev.2",
     "previewColors": [
         "#000000",
         "#151515",

package/lib/swatches/default-main.json

@@ -3,7 +3,7 @@
     "name": "Default Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "5.10.1-dev.1",
+    "version": "5.10.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

package/lib/swatches/default-nordic.json

@@ -3,7 +3,7 @@
     "name": "Default Nordic",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "5.10.1-dev.1",
+    "version": "5.10.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#50686e",

package/lib/swatches/default-ocean-blue.json

@@ -3,7 +3,7 @@
     "name": "Default Ocean Blue",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "5.10.1-dev.1",
+    "version": "5.10.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

package/lib/swatches/default-orange.json

@@ -3,7 +3,7 @@
     "name": "Default Orange",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "5.10.1-dev.1",
+    "version": "5.10.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

package/lib/swatches/default-purple.json

@@ -3,7 +3,7 @@
     "name": "Default Purple",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "5.10.1-dev.1",
+    "version": "5.10.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

package/lib/swatches/default-turquoise.json

@@ -3,7 +3,7 @@
     "name": "Default Turquoise",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "5.10.1-dev.1",
+    "version": "5.10.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

package/lib/swatches/default-urban.json

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-default",
   "description": "SASS resources for the default Kendo UI theme",
-  "version": "5.10.1-dev.1",
+  "version": "5.10.1-dev.2",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -43,8 +43,13 @@
     "prepublishOnly": "node ../../scripts/themes-prepublish.js",
     "postpublish": "echo 'no postpublish for default theme'"
   },
+  "dependencies": {
+    "@progress/kendo-font-icons": "^0.6.0",
+    "@progress/kendo-theme-core": "^5.10.1-dev.2",
+    "@progress/kendo-theme-utils": "^5.10.1-dev.2"
+  },
   "devDependencies": {
-    "sass-build": "^1.0.0"
+    "sass-build": "^1.1.0"
   },
-  "gitHead": "694cfbd14fca3ecaf03ff8fbafb64d10601cebde"
+  "gitHead": "02863aedd51b707c27514b6c7c336052a3dc55c7"
 }

package/scss/action-sheet/_layout.scss

@@ -255,6 +255,15 @@
             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%;

package/scss/notification/_layout.scss

@@ -6,6 +6,7 @@
         display: inline-flex;
         flex-flow: column-reverse wrap;
         position: fixed;
+        z-index: 1000;
     }
 
     .k-notification-container {

package/scss/tabstrip/_layout.scss

@@ -35,7 +35,6 @@
         border-style: solid;
         border-color: inherit;
         position: relative;
-        z-index: 2;
     }
 
     .k-tabstrip-items {
@@ -43,7 +42,8 @@
         outline: 0;
         display: flex;
         flex-flow: row wrap;
-        flex: 0 0 auto;
+        flex: 1 1 auto;
+        gap: $tabstrip-item-gap;
 
         *,
         *::before,
@@ -86,6 +86,7 @@
 
     .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;
@@ -95,7 +96,6 @@
         overflow: auto;
         flex: 1 1 auto;
         position: relative;
-        z-index: 1;
 
         &.k-active {
             display: block;
@@ -137,7 +137,6 @@
         > .k-tabstrip-items-wrapper {
 
             > .k-tabstrip-items {
-                flex: 1 1 auto;
                 flex-wrap: nowrap;
                 white-space: nowrap;
                 overflow: hidden;
@@ -171,25 +170,16 @@
     }
 
 
-    // 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;
             }
@@ -198,27 +188,18 @@
         > .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;
             }
@@ -227,7 +208,7 @@
         > .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 {
@@ -235,11 +216,8 @@
 
         > .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;
             }
 
@@ -248,10 +226,6 @@
                 margin-right: -$tabstrip-border-width;
             }
 
-            .k-item + .k-item {
-                margin-top: $tabstrip-item-gap;
-            }
-
             .k-item.k-active {
                 border-right-color: transparent;
             }
@@ -260,8 +234,7 @@
         > .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
         }
 
     }
@@ -270,11 +243,8 @@
 
         > .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;
             }
 
@@ -283,10 +253,6 @@
                 margin-left: -$tabstrip-border-width;
             }
 
-            .k-item + .k-item {
-                margin-top: $tabstrip-item-gap;
-            }
-
             .k-item.k-active {
                 border-left-color: transparent;
             }
@@ -295,12 +261,29 @@
         > .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) {
 
@@ -312,11 +295,12 @@
                 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 > & {