@progress/kendo-theme-meridian 14.1.0-dev.0 → 14.1.0-dev.2

package/dist/meta/variables.json

@@ -5552,7 +5552,7 @@
     },
     "kendo-menu-item-selected-font-weight": {
         "type": "String",
-        "value": "var(--kendo-font-weight-semibold, normal)"
+        "value": "normal"
     },
     "kendo-menu-item-bg": {
         "type": "Null",
@@ -5592,7 +5592,7 @@
     },
     "kendo-menu-item-active-text": {
         "type": "String",
-        "value": "var(--kendo-color-primary)"
+        "value": "var(--kendo-color-secondary-on-surface)"
     },
     "kendo-menu-item-active-border": {
         "type": "Null",
@@ -5612,7 +5612,7 @@
     },
     "kendo-menu-item-selected-text": {
         "type": "String",
-        "value": "var(--kendo-color-primary)"
+        "value": "var(--kendo-color-secondary-on-surface)"
     },
     "kendo-menu-item-selected-border": {
         "type": "Null",
@@ -10846,9 +10846,13 @@
         "type": "String",
         "value": "var(--kendo-spacing-0)"
     },
+    "kendo-tabstrip-item-spacing-x": {
+        "type": "String",
+        "value": "var(--kendo-spacing-1)"
+    },
     "kendo-tabstrip-sm-item-padding-x": {
         "type": "String",
-        "value": "var(--kendo-spacing-3)"
+        "value": "var(--kendo-spacing-2)"
     },
     "kendo-tabstrip-sm-item-padding-y": {
         "type": "String",
@@ -10856,7 +10860,7 @@
     },
     "kendo-tabstrip-md-item-padding-x": {
         "type": "String",
-        "value": "var(--kendo-spacing-3)"
+        "value": "var(--kendo-spacing-2)"
     },
     "kendo-tabstrip-md-item-padding-y": {
         "type": "String",
@@ -10864,7 +10868,7 @@
     },
     "kendo-tabstrip-lg-item-padding-x": {
         "type": "String",
-        "value": "var(--kendo-spacing-3)"
+        "value": "var(--kendo-spacing-2)"
     },
     "kendo-tabstrip-lg-item-padding-y": {
         "type": "String",
@@ -11000,24 +11004,24 @@
     },
     "kendo-tabstrip-sizes": {
         "type": "Map",
-        "value": "(sm: (font-size: var(--kendo-font-size, inherit), line-height: var(--kendo-line-height, normal), item-padding-x: var(--kendo-spacing-3), item-padding-y: var(--kendo-spacing-1)), md: (font-size: var(--kendo-font-size, inherit), line-height: var(--kendo-line-height, normal), item-padding-x: var(--kendo-spacing-3), item-padding-y: var(--kendo-spacing-2)), lg: (font-size: var(--kendo-font-size-lg, inherit), line-height: var(--kendo-line-height-lg, normal), item-padding-x: var(--kendo-spacing-3), item-padding-y: var(--kendo-spacing-2\\.5)))",
+        "value": "(sm: (font-size: var(--kendo-font-size, inherit), line-height: var(--kendo-line-height, normal), item-padding-x: var(--kendo-spacing-2), item-padding-y: var(--kendo-spacing-1)), md: (font-size: var(--kendo-font-size, inherit), line-height: var(--kendo-line-height, normal), item-padding-x: var(--kendo-spacing-2), item-padding-y: var(--kendo-spacing-2)), lg: (font-size: var(--kendo-font-size-lg, inherit), line-height: var(--kendo-line-height-lg, normal), item-padding-x: var(--kendo-spacing-2), item-padding-y: var(--kendo-spacing-2\\.5)))",
         "prettyValue": {
             "sm": {
                 "font-size": "var(--kendo-font-size, inherit)",
                 "line-height": "var(--kendo-line-height, normal)",
-                "item-padding-x": "var(--kendo-spacing-3)",
+                "item-padding-x": "var(--kendo-spacing-2)",
                 "item-padding-y": "var(--kendo-spacing-1)"
             },
             "md": {
                 "font-size": "var(--kendo-font-size, inherit)",
                 "line-height": "var(--kendo-line-height, normal)",
-                "item-padding-x": "var(--kendo-spacing-3)",
+                "item-padding-x": "var(--kendo-spacing-2)",
                 "item-padding-y": "var(--kendo-spacing-2)"
             },
             "lg": {
                 "font-size": "var(--kendo-font-size-lg, inherit)",
                 "line-height": "var(--kendo-line-height-lg, normal)",
-                "item-padding-x": "var(--kendo-spacing-3)",
+                "item-padding-x": "var(--kendo-spacing-2)",
                 "item-padding-y": "var(--kendo-spacing-2\\.5)"
             }
         }

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

@@ -3,7 +3,7 @@
     "name": "Meridian Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-meridian",
-    "version": "14.1.0-dev.0",
+    "version": "14.1.0-dev.2",
     "previewColors": [
         "oklch(13.85% 0.0249 273.24deg)",
         "oklch(23.28% 0.0218 272.75deg)",

package/lib/swatches/meridian-main.json

@@ -3,7 +3,7 @@
     "name": "Meridian Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-meridian",
-    "version": "14.1.0-dev.0",
+    "version": "14.1.0-dev.2",
     "previewColors": [
         "oklch(100% 0 0deg)",
         "oklch(98.46% 0.0017 247.84deg)",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-meridian",
   "description": "Meridian theme for Kendo UI",
-  "version": "14.1.0-dev.0",
+  "version": "14.1.0-dev.2",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -53,12 +53,12 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^4.9.0",
-    "@progress/kendo-theme-core": "14.1.0-dev.0",
-    "@progress/kendo-theme-utils": "14.1.0-dev.0"
+    "@progress/kendo-theme-core": "14.1.0-dev.2",
+    "@progress/kendo-theme-utils": "14.1.0-dev.2"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "fffd5a677caea72e0addef3038b89229c6400a14"
+  "gitHead": "ced73fbd794aefd7ed9b0767f0567feb81f924cb"
 }

package/scss/calendar/_layout.scss

@@ -25,6 +25,11 @@
         }
     }
 
+    .k-calendar-infinite .k-calendar-navigation {
+        border-start-start-radius: $kendo-calendar-border-radius;
+        border-end-start-radius: $kendo-calendar-border-radius;
+    }
+
     // Calendar in popup
     .k-popup > .k-calendar {
         border-radius: inherit;

package/scss/calendar/_theme.scss

@@ -80,4 +80,8 @@
             background: $kendo-calendar-range-start-bg;
         }
     }
+
+    .k-calendar-infinite .k-calendar-header {
+        backdrop-filter: none;
+    }
 }

package/scss/input/_layout.scss

@@ -88,5 +88,10 @@
                 outline: 0;
             }
         }
+
+        .k-input-prefix,
+        .k-input-suffix {
+            --kendo-focus-outline-offset: -1px;
+        }
     }
 }

package/scss/menu/_theme.scss

@@ -20,9 +20,4 @@
     .k-menu-group .k-item.k-focus > .k-link {
         @include focus-indicator( $kendo-menu-focus-outline-color, $type: "outline", $outline-offset: $kendo-menu-focus-outline-offset );
     }
-
-    .k-menu:not(.k-context-menu) > .k-item:active,
-    .k-menu:not(.k-context-menu) > .k-item.k-active {
-        font-weight: $kendo-menu-item-selected-font-weight;
-    }
 }

package/scss/menu/_variables.scss

@@ -55,7 +55,7 @@ $kendo-menu-item-icon-spacing: $kendo-icon-spacing !default;
 
 /// The font weight of the selected Menu item.
 /// @group menu
-$kendo-menu-item-selected-font-weight: var( --kendo-font-weight-semibold, normal ) !default;
+$kendo-menu-item-selected-font-weight: normal !default;
 
 /// The background color of the Menu item.
 /// @group menu
@@ -88,7 +88,7 @@ $kendo-menu-item-hover-gradient: null !default;
 $kendo-menu-item-active-bg: null !default;
 /// The text color of active Menu item.
 /// @group menu
-$kendo-menu-item-active-text: k-color(primary) !default;
+$kendo-menu-item-active-text: k-color(secondary-on-surface) !default;
 /// The border color of active Menu item.
 /// @group menu
 $kendo-menu-item-active-border: null !default;
@@ -113,7 +113,7 @@ $kendo-menu-focus-outline-offset: 1px !default;
 $kendo-menu-item-selected-bg: null !default;
 /// The text color of selected Menu item.
 /// @group menu
-$kendo-menu-item-selected-text: k-color(primary) !default;
+$kendo-menu-item-selected-text: k-color(secondary-on-surface) !default;
 /// The border color of selected Menu item.
 /// @group menu
 $kendo-menu-item-selected-border: null !default;

package/scss/panelbar/_layout.scss

@@ -15,6 +15,10 @@
 
         .k-panelbar-item {
             padding-block-start: k-spacing(0.5);
+
+            .k-animation-container {
+                overflow: visible;
+            }
         }
 
         > .k-panelbar-header > .k-link {

package/scss/slider/_layout.scss

@@ -4,4 +4,8 @@
 
 @mixin kendo-slider--layout() {
     @include kendo-slider--layout-base();
+
+    .k-slider {
+        gap: $kendo-slider-draghandle-size;
+    }
 }

package/scss/tabstrip/_layout.scss

@@ -9,23 +9,6 @@
 @mixin kendo-tabstrip--layout() {
     @include kendo-tabstrip--layout-base();
 
-    .k-tabstrip {
-
-        // TabStrip sizes
-        @each $size, $size-props in $kendo-tabstrip-sizes {
-            $_item-padding-x: map.get( $size-props, item-padding-x );
-
-            #{k-when-default($kendo-tabstrip-default-size, $size)}
-            &.k-tabstrip-#{$size} {
-                .k-tabstrip-items {
-                    .k-item-actions {
-                        margin-inline-end: calc( #{$_item-padding-x} / 1.5 );
-                    }
-                }
-            }
-        }
-    }
-
     .k-tabstrip-items-wrapper {
         .k-tabstrip-item,
         .k-item {

package/scss/tabstrip/_variables.scss

@@ -79,21 +79,24 @@ $kendo-tabstrip-item-border-radius: k-border-radius(xl) !default;
 /// The gap between the TabStrip items.
 /// @group tabstrip
 $kendo-tabstrip-item-gap: k-spacing(0) !default;
+/// The horizontal spacing of the TabStrip items.
+/// @group tabstrip
+$kendo-tabstrip-item-spacing-x: k-spacing(1) !default;
 /// The horizontal padding of the small TabStrip items.
 /// @group tabstrip
-$kendo-tabstrip-sm-item-padding-x: k-spacing(3) !default;
+$kendo-tabstrip-sm-item-padding-x: k-spacing(2) !default;
 /// The vertical padding of the small TabStrip items.
 /// @group tabstrip
 $kendo-tabstrip-sm-item-padding-y: k-spacing(1) !default;
 /// The horizontal padding of the medium TabStrip items.
 /// @group tabstrip
-$kendo-tabstrip-md-item-padding-x: k-spacing(3) !default;
+$kendo-tabstrip-md-item-padding-x: k-spacing(2) !default;
 /// The vertical padding of the medium TabStrip items.
 /// @group tabstrip
 $kendo-tabstrip-md-item-padding-y: k-spacing(2) !default;
 /// The horizontal padding of the large TabStrip items.
 /// @group tabstrip
-$kendo-tabstrip-lg-item-padding-x: k-spacing(3) !default;
+$kendo-tabstrip-lg-item-padding-x: k-spacing(2) !default;
 /// The vertical padding of the large TabStrip items.
 /// @group tabstrip
 $kendo-tabstrip-lg-item-padding-y: k-spacing(2.5) !default;
@@ -237,6 +240,7 @@ $kendo-tabstrip-item-focus-outline-offset: 3px !default;
     $kendo-tabstrip-item-border-width: $kendo-tabstrip-item-border-width,
     $kendo-tabstrip-item-border-radius: $kendo-tabstrip-item-border-radius,
     $kendo-tabstrip-item-gap: $kendo-tabstrip-item-gap,
+    $kendo-tabstrip-item-spacing-x: $kendo-tabstrip-item-spacing-x,
     $kendo-tabstrip-sm-item-padding-x: $kendo-tabstrip-sm-item-padding-x,
     $kendo-tabstrip-sm-item-padding-y: $kendo-tabstrip-sm-item-padding-y,
     $kendo-tabstrip-md-item-padding-x: $kendo-tabstrip-md-item-padding-x,

package/scss/window/_theme.scss

@@ -14,7 +14,8 @@
     }
 
     .k-window-actions,
-    .k-window-content {
+    .k-window-content,
+    .k-prompt-container {
         background-color: $kendo-window-bg;
     }
 }