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

package/dist/all.css

@@ -21953,6 +21953,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%;
@@ -22597,6 +22607,7 @@ kendo-drawer .k-drawer-wrapper {
     display: inline-flex;
     flex-flow: column-reverse wrap;
     position: fixed;
+    z-index: 1000;
 }
 
 .k-notification-container {
@@ -24550,7 +24561,6 @@ kendo-card-footer {
     border-style: solid;
     border-color: inherit;
     position: relative;
-    z-index: 2;
 }
 
 .k-tabstrip-items {
@@ -24558,7 +24568,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 *,
@@ -24602,6 +24613,7 @@ kendo-card-footer {
 
 .k-tabstrip-content,
 .k-tabstrip > .k-content {
+    margin: 0 !important;
     padding: 16px 16px;
     box-sizing: border-box;
     border-width: 1px;
@@ -24611,7 +24623,6 @@ kendo-card-footer {
     overflow: auto;
     flex: 1 1 auto;
     position: relative;
-    z-index: 1;
 }
 
 .k-tabstrip-content.k-active,
@@ -24647,7 +24658,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;
@@ -24676,11 +24686,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 {
@@ -24689,10 +24694,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;
 }
@@ -24701,16 +24702,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 {
@@ -24719,10 +24715,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;
 }
@@ -24731,7 +24723,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 {
@@ -24740,12 +24732,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;
 }
 
@@ -24755,10 +24744,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;
 }
@@ -24767,8 +24752,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 {
@@ -24777,12 +24761,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;
 }
 
@@ -24792,10 +24773,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;
 }
@@ -24804,8 +24781,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

@@ -8,6 +8,10 @@ $wcag-min-contrast-ratio: 4.5 !default;
 
 // #region @import "~@progress/kendo-theme-core/scss/functions/index.import.scss"; -> packages/classic/node_modules/@progress/kendo-theme-core/scss/functions/index.import.scss
 // #region @import "_color.import.scss"; -> packages/classic/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/classic/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/classic/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 );
 }
@@ -23542,6 +23562,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%;
@@ -24553,6 +24582,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 {
@@ -27410,7 +27440,6 @@ $tabstrip-content-border-focused: $component-text !default;
         border-style: solid;
         border-color: inherit;
         position: relative;
-        z-index: 2;
     }
 
     .k-tabstrip-items {
@@ -27418,7 +27447,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,
@@ -27461,6 +27491,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;
@@ -27470,7 +27501,6 @@ $tabstrip-content-border-focused: $component-text !default;
         overflow: auto;
         flex: 1 1 auto;
         position: relative;
-        z-index: 1;
 
         &.k-active {
             display: block;
@@ -27512,7 +27542,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;
@@ -27546,25 +27575,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;
             }
@@ -27573,27 +27593,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;
             }
@@ -27602,7 +27613,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 {
@@ -27610,11 +27621,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;
             }
 
@@ -27623,10 +27631,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;
             }
@@ -27635,8 +27639,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
         }
 
     }
@@ -27645,11 +27648,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;
             }
 
@@ -27658,10 +27658,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;
             }
@@ -27670,12 +27666,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) {
 
@@ -27687,11 +27700,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/classic-green-dark.json

@@ -3,7 +3,7 @@
     "name": "Classic Green Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "5.10.1-dev.0",
+    "version": "5.10.1-dev.2",
     "previewColors": [
         "#000000",
         "#131413",

package/lib/swatches/classic-green.json

@@ -3,7 +3,7 @@
     "name": "Classic Green",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "5.10.1-dev.0",
+    "version": "5.10.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#f3f4f3",

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

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

package/lib/swatches/classic-main.json

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

package/lib/swatches/classic-opal-dark.json

@@ -3,7 +3,7 @@
     "name": "Classic Opal Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "5.10.1-dev.0",
+    "version": "5.10.1-dev.2",
     "previewColors": [
         "#000000",
         "#1e242d",

package/lib/swatches/classic-opal.json

@@ -3,7 +3,7 @@
     "name": "Classic Opal",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "5.10.1-dev.0",
+    "version": "5.10.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#def4fd",

package/lib/swatches/classic-silver-dark.json

@@ -3,7 +3,7 @@
     "name": "Classic Silver Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "5.10.1-dev.0",
+    "version": "5.10.1-dev.2",
     "previewColors": [
         "#000000",
         "#131314",

package/lib/swatches/classic-silver.json

@@ -3,7 +3,7 @@
     "name": "Classic Silver",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "5.10.1-dev.0",
+    "version": "5.10.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#f3f3f4",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-classic",
   "description": "Sass port of less based themes for Kendo UI theme",
-  "version": "5.10.1-dev.0",
+  "version": "5.10.1-dev.2",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -45,11 +45,13 @@
     "postpublish": "echo 'no postpublish for classic 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"
   },
   "devDependencies": {
-    "sass-build": "^1.0.0"
+    "sass-build": "^1.1.0"
   },
-  "gitHead": "92191eb16127e1d909f937dabfea8b51f7ff23b3"
+  "gitHead": "02863aedd51b707c27514b6c7c336052a3dc55c7"
 }