@progress/kendo-theme-default 9.1.0-dev.1 → 9.1.0-dev.3

package/dist/meta/variables.json

@@ -6150,14 +6150,6 @@
         "type": "Color",
         "value": "#ff0000"
     },
-    "kendo-menu-padding-x": {
-        "type": "String",
-        "value": "var(--kendo-spacing-0, 0px)"
-    },
-    "kendo-menu-padding-y": {
-        "type": "String",
-        "value": "var(--kendo-spacing-0, 0px)"
-    },
     "kendo-menu-border-width": {
         "type": "Number",
         "value": "0px"
@@ -6206,13 +6198,17 @@
         "type": "String",
         "value": "var(--kendo-spacing-1, 0.25rem)"
     },
+    "kendo-menu-item-selected-font-weight": {
+        "type": "String",
+        "value": "var(--kendo-font-weight-bold, normal)"
+    },
     "kendo-menu-item-bg": {
         "type": "Null",
         "value": "null"
     },
     "kendo-menu-item-text": {
         "type": "String",
-        "value": "var(--kendo-color-primary, #ff6358)"
+        "value": "var(--kendo-color-subtle, #666666)"
     },
     "kendo-menu-item-border": {
         "type": "Null",
@@ -6228,7 +6224,7 @@
     },
     "kendo-menu-item-hover-text": {
         "type": "String",
-        "value": "var(--kendo-color-primary-hover, #ea5a51)"
+        "value": "var(--kendo-color-on-app-surface, #3d3d3d)"
     },
     "kendo-menu-item-hover-border": {
         "type": "Null",
@@ -6238,19 +6234,19 @@
         "type": "Null",
         "value": "null"
     },
-    "kendo-menu-item-expanded-bg": {
+    "kendo-menu-item-active-bg": {
         "type": "Null",
         "value": "null"
     },
-    "kendo-menu-item-expanded-text": {
+    "kendo-menu-item-active-text": {
         "type": "String",
-        "value": "var(--kendo-color-on-app-surface, #3d3d3d)"
+        "value": "var(--kendo-color-primary, #ff6358)"
     },
-    "kendo-menu-item-expanded-border": {
+    "kendo-menu-item-active-border": {
         "type": "Null",
         "value": "null"
     },
-    "kendo-menu-item-expanded-gradient": {
+    "kendo-menu-item-active-gradient": {
         "type": "Null",
         "value": "null"
     },
@@ -6258,21 +6254,33 @@
         "type": "List",
         "value": "inset 0 0 0 2px rgba(0, 0, 0, 0.12)"
     },
-    "kendo-menu-separator-spacing": {
+    "kendo-menu-item-selected-bg": {
+        "type": "Null",
+        "value": "null"
+    },
+    "kendo-menu-item-selected-text": {
         "type": "String",
-        "value": "var(--kendo-spacing-1, 0.25rem)"
+        "value": "var(--kendo-color-primary, #ff6358)"
+    },
+    "kendo-menu-item-selected-border": {
+        "type": "Null",
+        "value": "null"
+    },
+    "kendo-menu-item-selected-gradient": {
+        "type": "Null",
+        "value": "null"
     },
     "kendo-menu-scroll-button-bg": {
-        "type": "String",
-        "value": "var(--kendo-color-surface-alt, #ffffff)"
+        "type": "Null",
+        "value": "null"
     },
     "kendo-menu-scroll-button-text": {
         "type": "String",
-        "value": "var(--kendo-color-primary, #ff6358)"
+        "value": "var(--kendo-color-subtle, #666666)"
     },
     "kendo-menu-scroll-button-border": {
-        "type": "String",
-        "value": "var(--kendo-color-border, rgba(0, 0, 0, 0.08))"
+        "type": "Null",
+        "value": "null"
     },
     "kendo-menu-scroll-button-gradient": {
         "type": "Null",
@@ -6284,7 +6292,7 @@
     },
     "kendo-menu-scroll-button-hover-text": {
         "type": "String",
-        "value": "var(--kendo-color-primary-hover, #ea5a51)"
+        "value": "var(--kendo-color-on-app-surface, #3d3d3d)"
     },
     "kendo-menu-scroll-button-hover-border": {
         "type": "Null",
@@ -6294,6 +6302,18 @@
         "type": "Null",
         "value": "null"
     },
+    "kendo-menu-separator-margin-inline": {
+        "type": "String",
+        "value": "var(--kendo-spacing-1, 0.25rem)"
+    },
+    "kendo-menu-separator-margin-block": {
+        "type": "String",
+        "value": "var(--kendo-spacing-1\\.5, 0.375rem)"
+    },
+    "kendo-menu-separator-border": {
+        "type": "String",
+        "value": "var(--kendo-color-border, rgba(0, 0, 0, 0.08))"
+    },
     "kendo-menu-popup-padding-x": {
         "type": "Null",
         "value": "null"
@@ -6462,19 +6482,19 @@
         "type": "Null",
         "value": "null"
     },
-    "kendo-menu-popup-item-expanded-bg": {
+    "kendo-menu-popup-item-active-bg": {
         "type": "String",
         "value": "var(--kendo-color-primary, #ff6358)"
     },
-    "kendo-menu-popup-item-expanded-text": {
+    "kendo-menu-popup-item-active-text": {
         "type": "String",
         "value": "var(--kendo-color-on-primary, #ffffff)"
     },
-    "kendo-menu-popup-item-expanded-border": {
+    "kendo-menu-popup-item-active-border": {
         "type": "Null",
         "value": "null"
     },
-    "kendo-menu-popup-item-expanded-gradient": {
+    "kendo-menu-popup-item-active-gradient": {
         "type": "Null",
         "value": "null"
     },

package/lib/swatches/default-blue.json

@@ -3,7 +3,7 @@
     "name": "Default Blue",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "9.1.0-dev.1",
+    "version": "9.1.0-dev.3",
     "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": "9.1.0-dev.1",
+    "version": "9.1.0-dev.3",
     "api": "legacy",
     "previewColors": [
         "#ff6358",

package/lib/swatches/default-green.json

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

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

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

package/lib/swatches/default-main.json

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

package/lib/swatches/default-nordic.json

@@ -3,7 +3,7 @@
     "name": "Default Nordic",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "9.1.0-dev.1",
+    "version": "9.1.0-dev.3",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

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

@@ -3,7 +3,7 @@
     "name": "Default Ocean Blue A11Y",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "9.1.0-dev.1",
+    "version": "9.1.0-dev.3",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

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

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

package/lib/swatches/default-orange.json

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

package/lib/swatches/default-purple.json

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

package/lib/swatches/default-turquoise.json

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

package/lib/swatches/default-urban.json

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-default",
   "description": "SASS resources for the default Kendo UI theme",
-  "version": "9.1.0-dev.1",
+  "version": "9.1.0-dev.3",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -51,13 +51,13 @@
     "postpublish": "echo 'no postpublish for default theme'"
   },
   "dependencies": {
-    "@progress/kendo-svg-icons": "3.0.0",
-    "@progress/kendo-theme-core": "9.1.0-dev.1",
-    "@progress/kendo-theme-utils": "9.1.0-dev.1"
+    "@progress/kendo-svg-icons": "^3.1.0",
+    "@progress/kendo-theme-core": "9.1.0-dev.3",
+    "@progress/kendo-theme-utils": "9.1.0-dev.3"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "ddc5029123cb01e0c0b640ffb9caf17f47160625"
+  "gitHead": "8a601c5598b338c3e36be2f1c6673682f19d16e7"
 }

package/scss/menu/_layout.scss

@@ -25,7 +25,6 @@
     }
     .k-menu { @extend .k-menu-bar !optional; }
 
-
     // Menu item
     .k-menu-item {
         border-width: 0;
@@ -35,6 +34,10 @@
         flex: none;
         position: relative;
         user-select: none;
+
+        &.k-selected {
+            font-weight: $kendo-menu-item-selected-font-weight;
+        }
     }
     .k-menu-item-content {
         display: block;
@@ -94,8 +97,8 @@
         }
 
         > .k-separator {
-            margin-block: 0;
-            margin-inline: $kendo-menu-separator-spacing;
+            margin-block: $kendo-menu-separator-margin-block;
+            margin-inline: $kendo-menu-separator-margin-inline;
             width: 0;
             height: auto;
             border-width: 0 0 0 1px;
@@ -107,6 +110,7 @@
     // Orientation -- vertical
     .k-menu-vertical {
         flex-direction: column;
+        width: 100%;
 
         > .k-menu-item + .k-menu-item {
             margin-top: $kendo-menu-item-spacing;
@@ -124,12 +128,11 @@
         }
 
         > .k-separator {
-            margin-block: $kendo-menu-separator-spacing;
+            margin-block: $kendo-menu-separator-margin-block;
             margin-inline: 0;
             height: 0;
             border-width: 1px 0 0;
             border-style: solid;
-            border-color: $kendo-component-border;
             display: block;
         }
     }
@@ -150,6 +153,10 @@
         *::after {
             box-sizing: border-box;
         }
+
+        .k-menu-item {
+            font-weight: initial;
+        }
     }
 
 
@@ -167,12 +174,11 @@
         }
 
         .k-separator {
-            margin-block: $kendo-menu-separator-spacing;
+            margin-block: $kendo-menu-separator-margin-inline;
             margin-inline: 0;
             height: 0;
             border-width: 1px 0 0;
             border-style: solid;
-            border-color: $kendo-component-border;
             display: block;
         }
     }
@@ -289,50 +295,20 @@
         margin: 0;
         padding: 0;
         border: 0;
-        position: relative;
+        display: flex;
+        align-items: center;
 
         .k-menu {
             overflow: hidden;
             flex-wrap: nowrap;
         }
+    }
 
-        .k-menu-scroll-button {
-            @include border-radius( 0 );
-            padding: 0;
-            border-width: 0;
-            border-color: inherit;
-            color: inherit;
-            background: inherit;
-            position: absolute;
-
-            &.k-scroll-left {
-                top: 0;
-                inset-inline-start: 0;
-                height: 100%;
-                width: 16px;
-                border-right-width: 1px;
-            }
-            &.k-scroll-right {
-                top: 0;
-                inset-inline-end: 0;
-                height: 100%;
-                width: 16px;
-                border-left-width: 1px;
-            }
-            &.k-scroll-up {
-                top: 0;
-                inset-inline-start: 0;
-                width: 100%;
-                height: 16px;
-                border-bottom-width: 1px;
-            }
-            &.k-scroll-down {
-                bottom: 0;
-                inset-inline-start: 0;
-                width: 100%;
-                height: 16px;
-                border-top-width: 1px;
-            }
+    .k-menu-scroll-wrapper-vertical {
+        flex-direction: column;
+
+        > .k-menu-scroll-button {
+            width: 100%;
         }
     }
 

package/scss/menu/_theme.scss

@@ -29,10 +29,10 @@
             &:active,
             &.k-active {
                 @include fill(
-                    $kendo-menu-item-expanded-text,
-                    $kendo-menu-item-expanded-bg,
-                    $kendo-menu-item-expanded-border,
-                    $kendo-menu-item-expanded-gradient
+                    $kendo-menu-item-active-text,
+                    $kendo-menu-item-active-bg,
+                    $kendo-menu-item-active-border,
+                    $kendo-menu-item-active-gradient
                 );
             }
 
@@ -40,6 +40,21 @@
             &.k-focus {
                 @include focus-indicator( $kendo-menu-item-focus-shadow, true );
             }
+
+            &.k-selected {
+                @include fill(
+                    $kendo-menu-item-selected-text,
+                    $kendo-menu-item-selected-bg,
+                    $kendo-menu-item-selected-border,
+                    $kendo-menu-item-selected-gradient
+                );
+            }
+        }
+
+        > .k-separator {
+            @include fill(
+                $border: $kendo-menu-separator-border
+            );
         }
     }
 
@@ -74,10 +89,10 @@
             &.k-active,
             &.k-selected {
                 @include fill(
-                    $kendo-menu-popup-item-expanded-text,
-                    $kendo-menu-popup-item-expanded-bg,
-                    $kendo-menu-popup-item-expanded-border,
-                    $kendo-menu-popup-item-expanded-gradient
+                    $kendo-menu-popup-item-active-text,
+                    $kendo-menu-popup-item-active-bg,
+                    $kendo-menu-popup-item-active-border,
+                    $kendo-menu-popup-item-active-gradient
                 );
             }
         }
@@ -88,6 +103,12 @@
                 @include focus-indicator( $kendo-menu-popup-item-focus-shadow, true );
             }
         }
+
+        > .k-separator {
+            @include fill(
+                $border: $kendo-menu-separator-border
+            );
+        }
     }