@progress/kendo-theme-meridian 14.0.0 → 14.1.0-dev.1

package/dist/meta/variables.json

@@ -2288,7 +2288,7 @@
     },
     "kendo-popup-bg": {
         "type": "String",
-        "value": "oklch(from oklch(from var(--kendo-color-surface-alt) calc(l + 2 * 0.015 * clamp(0, (0.5 - l) * 99999, 1)) calc(c + 2 * 0.001 * clamp(0, (0.5 - l) * 99999, 1)) h) l c h / calc(100% - calc(var(--kendo-translucency-base))))"
+        "value": "oklch(from oklch(from var(--kendo-color-surface-alt) calc(l + 2 * 0.015 * clamp(0, (0.5 - l) * 99999, 1)) calc(c + 2 * 0.001 * clamp(0, (0.5 - l) * 99999, 1)) h) l c h / calc(100% - calc(var(--kendo-translucency-base, 0%))))"
     },
     "kendo-popup-text": {
         "type": "String",
@@ -3168,7 +3168,7 @@
     },
     "kendo-tooltip-bg": {
         "type": "String",
-        "value": "oklch(from oklch(from var(--kendo-color-inverse) calc(l + 2 * 0.015 * clamp(0, (0.5 - l) * 99999, 1)) calc(c + 2 * 0.001 * clamp(0, (0.5 - l) * 99999, 1)) h) l c h / calc(100% - calc(var(--kendo-translucency-base))))"
+        "value": "oklch(from oklch(from var(--kendo-color-inverse) calc(l + 2 * 0.015 * clamp(0, (0.5 - l) * 99999, 1)) calc(c + 2 * 0.001 * clamp(0, (0.5 - l) * 99999, 1)) h) l c h / calc(100% - calc(var(--kendo-translucency-base, 0%))))"
     },
     "kendo-tooltip-text": {
         "type": "String",
@@ -4758,7 +4758,7 @@
     },
     "kendo-listbox-bg": {
         "type": "String",
-        "value": "oklch(from var(--kendo-color-surface-alt) l c h / calc(100% - calc(var(--kendo-translucency-base))))"
+        "value": "oklch(from var(--kendo-color-surface-alt) l c h / calc(100% - calc(var(--kendo-translucency-base, 0%))))"
     },
     "kendo-listbox-border": {
         "type": "String",
@@ -5712,7 +5712,7 @@
     },
     "kendo-menu-popup-bg": {
         "type": "String",
-        "value": "oklch(from oklch(from var(--kendo-color-surface-alt) calc(l + 2 * 0.015 * clamp(0, (0.5 - l) * 99999, 1)) calc(c + 2 * 0.001 * clamp(0, (0.5 - l) * 99999, 1)) h) l c h / calc(100% - calc(var(--kendo-translucency-base))))"
+        "value": "oklch(from oklch(from var(--kendo-color-surface-alt) calc(l + 2 * 0.015 * clamp(0, (0.5 - l) * 99999, 1)) calc(c + 2 * 0.001 * clamp(0, (0.5 - l) * 99999, 1)) h) l c h / calc(100% - calc(var(--kendo-translucency-base, 0%))))"
     },
     "kendo-menu-popup-text": {
         "type": "String",
@@ -6005,7 +6005,7 @@
     },
     "kendo-toolbar-bg": {
         "type": "String",
-        "value": "oklch(from var(--kendo-color-surface-alt) l c h / calc(100% - calc(var(--kendo-translucency-base))))"
+        "value": "oklch(from var(--kendo-color-surface-alt) l c h / calc(100% - calc(var(--kendo-translucency-base, 0%))))"
     },
     "kendo-toolbar-text": {
         "type": "String",
@@ -6025,7 +6025,7 @@
     },
     "kendo-toolbar-scroll-overlay": {
         "type": "List",
-        "value": "(oklch(from var(--kendo-color-surface-alt) l c h / calc(100% - calc(var(--kendo-translucency-base)))), color-mix(in srgb, var(--kendo-color-app-surface) 0%, transparent))"
+        "value": "(oklch(from var(--kendo-color-surface-alt) l c h / calc(100% - calc(var(--kendo-translucency-base, 0%)))), color-mix(in srgb, var(--kendo-color-app-surface) 0%, transparent))"
     },
     "kendo-toolbar-outline-text": {
         "type": "String",
@@ -6368,7 +6368,7 @@
     },
     "kendo-calendar-header-bg": {
         "type": "String",
-        "value": "oklch(from var(--kendo-color-surface-alt) l c h / calc(100% - calc(var(--kendo-translucency-base))))"
+        "value": "oklch(from var(--kendo-color-surface-alt) l c h / calc(100% - calc(var(--kendo-translucency-base, 0%))))"
     },
     "kendo-calendar-header-border": {
         "type": "String",
@@ -8933,7 +8933,7 @@
     },
     "kendo-card-bg": {
         "type": "String",
-        "value": "oklch(from oklch(from var(--kendo-color-surface-alt) calc(l + 1 * 0.015 * clamp(0, (0.5 - l) * 99999, 1)) calc(c + 1 * 0.001 * clamp(0, (0.5 - l) * 99999, 1)) h) l c h / calc(100% - calc(var(--kendo-translucency-base))))"
+        "value": "oklch(from oklch(from var(--kendo-color-surface-alt) calc(l + 1 * 0.015 * clamp(0, (0.5 - l) * 99999, 1)) calc(c + 1 * 0.001 * clamp(0, (0.5 - l) * 99999, 1)) h) l c h / calc(100% - calc(var(--kendo-translucency-base, 0%))))"
     },
     "kendo-card-text": {
         "type": "String",
@@ -9533,7 +9533,7 @@
     },
     "kendo-window-titlebar-bg": {
         "type": "String",
-        "value": "oklch(from oklch(from var(--kendo-color-surface-alt) calc(l + 3 * 0.015 * clamp(0, (0.5 - l) * 99999, 1)) calc(c + 3 * 0.001 * clamp(0, (0.5 - l) * 99999, 1)) h) l c h / calc(100% - calc(var(--kendo-translucency-base))))"
+        "value": "oklch(from oklch(from var(--kendo-color-surface-alt) calc(l + 3 * 0.015 * clamp(0, (0.5 - l) * 99999, 1)) calc(c + 3 * 0.001 * clamp(0, (0.5 - l) * 99999, 1)) h) l c h / calc(100% - calc(var(--kendo-translucency-base, 0%))))"
     },
     "kendo-window-titlebar-text": {
         "type": "String",
@@ -9559,7 +9559,7 @@
     },
     "kendo-dialog-titlebar-bg": {
         "type": "String",
-        "value": "oklch(from var(--kendo-color-surface-alt) l c h / calc(100% - calc(var(--kendo-translucency-base))))"
+        "value": "oklch(from var(--kendo-color-surface-alt) l c h / calc(100% - calc(var(--kendo-translucency-base, 0%))))"
     },
     "kendo-dialog-titlebar-text": {
         "type": "String",
@@ -9591,7 +9591,7 @@
     },
     "kendo-drawer-bg": {
         "type": "String",
-        "value": "oklch(from oklch(from var(--kendo-color-surface-alt) calc(l + 1 * 0.015 * clamp(0, (0.5 - l) * 99999, 1)) calc(c + 1 * 0.001 * clamp(0, (0.5 - l) * 99999, 1)) h) l c h / calc(100% - calc(var(--kendo-translucency-base))))"
+        "value": "oklch(from oklch(from var(--kendo-color-surface-alt) calc(l + 1 * 0.015 * clamp(0, (0.5 - l) * 99999, 1)) calc(c + 1 * 0.001 * clamp(0, (0.5 - l) * 99999, 1)) h) l c h / calc(100% - calc(var(--kendo-translucency-base, 0%))))"
     },
     "kendo-drawer-text": {
         "type": "String",
@@ -9711,7 +9711,7 @@
     },
     "kendo-drawer-focus-bg": {
         "type": "String",
-        "value": "oklch(from oklch(from var(--kendo-color-surface-alt) calc(l + 1 * 0.015 * clamp(0, (0.5 - l) * 99999, 1)) calc(c + 1 * 0.001 * clamp(0, (0.5 - l) * 99999, 1)) h) l c h / calc(100% - calc(var(--kendo-translucency-base))))"
+        "value": "oklch(from oklch(from var(--kendo-color-surface-alt) calc(l + 1 * 0.015 * clamp(0, (0.5 - l) * 99999, 1)) calc(c + 1 * 0.001 * clamp(0, (0.5 - l) * 99999, 1)) h) l c h / calc(100% - calc(var(--kendo-translucency-base, 0%))))"
     },
     "kendo-drawer-focus-shadow": {
         "type": "Null",
@@ -9890,7 +9890,7 @@
     },
     "kendo-popover-bg": {
         "type": "String",
-        "value": "oklch(from oklch(from var(--kendo-color-surface-alt) calc(l + 2 * 0.015 * clamp(0, (0.5 - l) * 99999, 1)) calc(c + 2 * 0.001 * clamp(0, (0.5 - l) * 99999, 1)) h) l c h / calc(100% - calc(var(--kendo-translucency-base))))"
+        "value": "oklch(from oklch(from var(--kendo-color-surface-alt) calc(l + 2 * 0.015 * clamp(0, (0.5 - l) * 99999, 1)) calc(c + 2 * 0.001 * clamp(0, (0.5 - l) * 99999, 1)) h) l c h / calc(100% - calc(var(--kendo-translucency-base, 0%))))"
     },
     "kendo-popover-border": {
         "type": "String",
@@ -10050,7 +10050,7 @@
     },
     "kendo-bottom-nav-flat-bg": {
         "type": "String",
-        "value": "oklch(from oklch(from var(--kendo-color-surface-alt) calc(l + 1 * 0.015 * clamp(0, (0.5 - l) * 99999, 1)) calc(c + 1 * 0.001 * clamp(0, (0.5 - l) * 99999, 1)) h) l c h / calc(100% - calc(var(--kendo-translucency-base))))"
+        "value": "oklch(from oklch(from var(--kendo-color-surface-alt) calc(l + 1 * 0.015 * clamp(0, (0.5 - l) * 99999, 1)) calc(c + 1 * 0.001 * clamp(0, (0.5 - l) * 99999, 1)) h) l c h / calc(100% - calc(var(--kendo-translucency-base, 0%))))"
     },
     "kendo-bottom-nav-flat-border": {
         "type": "String",
@@ -10404,7 +10404,7 @@
     },
     "kendo-pager-bg": {
         "type": "String",
-        "value": "oklch(from var(--kendo-color-surface-alt) l c h / calc(100% - calc(var(--kendo-translucency-base))))"
+        "value": "oklch(from var(--kendo-color-surface-alt) l c h / calc(100% - calc(var(--kendo-translucency-base, 0%))))"
     },
     "kendo-pager-text": {
         "type": "String",
@@ -10427,8 +10427,8 @@
         "value": "0px"
     },
     "kendo-pager-item-spacing": {
-        "type": "Null",
-        "value": "null"
+        "type": "String",
+        "value": "var(--kendo-spacing-0\\.5)"
     },
     "kendo-pager-input-width": {
         "type": "Number",
@@ -11292,7 +11292,7 @@
     },
     "kendo-panelbar-bg": {
         "type": "String",
-        "value": "oklch(from var(--kendo-color-surface-alt) l c h / calc(100% - calc(var(--kendo-translucency-base))))"
+        "value": "oklch(from var(--kendo-color-surface-alt) l c h / calc(100% - calc(var(--kendo-translucency-base, 0%))))"
     },
     "kendo-panelbar-text": {
         "type": "String",
@@ -11304,7 +11304,7 @@
     },
     "kendo-panelbar-header-bg": {
         "type": "String",
-        "value": "oklch(from var(--kendo-color-surface-alt) l c h / calc(100% - calc(var(--kendo-translucency-base))))"
+        "value": "oklch(from var(--kendo-color-surface-alt) l c h / calc(100% - calc(var(--kendo-translucency-base, 0%))))"
     },
     "kendo-panelbar-header-text": {
         "type": "String",
@@ -12379,20 +12379,20 @@
         "value": "var(--kendo-color-surface)"
     },
     "kendo-grid-sticky-container-shadow": {
-        "type": "String",
-        "value": "var(--kendo-elevation-3)"
+        "type": "List",
+        "value": "(0 2px 4px 0 rgba(56, 66, 80, 0.08))"
     },
     "kendo-grid-sticky-container-bottom-shadow": {
-        "type": "Null",
-        "value": "null"
+        "type": "List",
+        "value": "(0 -2px 4px 0 rgba(56, 66, 80, 0.08))"
     },
     "kendo-grid-pinned-container-shadow": {
-        "type": "String",
-        "value": "var(--kendo-elevation-4)"
+        "type": "List",
+        "value": "(0 4px 8px 0 rgba(56, 66, 80, 0.08))"
     },
     "kendo-grid-pinned-container-bottom-shadow": {
-        "type": "Null",
-        "value": "null"
+        "type": "List",
+        "value": "(0 -4px 8px 0 rgba(56, 66, 80, 0.08))"
     },
     "kendo-grid-column-menu-width": {
         "type": "Number",
@@ -12692,7 +12692,7 @@
     },
     "kendo-spreadsheet-header-bg": {
         "type": "String",
-        "value": "oklch(from var(--kendo-color-surface-alt) l c h / calc(100% - calc(var(--kendo-translucency-base))))"
+        "value": "oklch(from var(--kendo-color-surface-alt) l c h / calc(100% - calc(var(--kendo-translucency-base, 0%))))"
     },
     "kendo-spreadsheet-header-text": {
         "type": "String",
@@ -12708,7 +12708,7 @@
     },
     "kendo-spreadsheet-table-header-bg": {
         "type": "String",
-        "value": "oklch(from var(--kendo-color-surface-alt) l c h / calc(100% - calc(var(--kendo-translucency-base))))"
+        "value": "oklch(from var(--kendo-color-surface-alt) l c h / calc(100% - calc(var(--kendo-translucency-base, 0%))))"
     },
     "kendo-spreadsheet-table-header-text": {
         "type": "String",
@@ -14452,7 +14452,7 @@
     },
     "kendo-scheduler-toolbar-bg": {
         "type": "String",
-        "value": "oklch(from oklch(from var(--kendo-color-surface-alt) l c h / calc(100% - calc(var(--kendo-translucency-base)))) l c h / calc(100% - calc(var(--kendo-translucency-base))))"
+        "value": "oklch(from oklch(from var(--kendo-color-surface-alt) l c h / calc(100% - calc(var(--kendo-translucency-base, 0%)))) l c h / calc(100% - calc(var(--kendo-translucency-base, 0%))))"
     },
     "kendo-scheduler-toolbar-text": {
         "type": "String",
@@ -14468,7 +14468,7 @@
     },
     "kendo-scheduler-footer-bg": {
         "type": "String",
-        "value": "oklch(from oklch(from var(--kendo-color-surface-alt) l c h / calc(100% - calc(var(--kendo-translucency-base)))) l c h / calc(100% - calc(var(--kendo-translucency-base))))"
+        "value": "oklch(from oklch(from var(--kendo-color-surface-alt) l c h / calc(100% - calc(var(--kendo-translucency-base, 0%)))) l c h / calc(100% - calc(var(--kendo-translucency-base, 0%))))"
     },
     "kendo-scheduler-footer-text": {
         "type": "String",
@@ -14732,7 +14732,7 @@
     },
     "kendo-scheduler-header-bg": {
         "type": "String",
-        "value": "oklch(from var(--kendo-color-surface) l c h / calc(100% - calc(var(--kendo-translucency-base))))"
+        "value": "oklch(from var(--kendo-color-surface) l c h / calc(100% - calc(var(--kendo-translucency-base, 0%))))"
     },
     "kendo-file-box-padding-x": {
         "type": "String",
@@ -14968,7 +14968,7 @@
     },
     "kendo-chat-toolbar-bg": {
         "type": "String",
-        "value": "oklch(from var(--kendo-color-surface-alt) l c h / calc(100% - calc(var(--kendo-translucency-base))))"
+        "value": "oklch(from var(--kendo-color-surface-alt) l c h / calc(100% - calc(var(--kendo-translucency-base, 0%))))"
     },
     "kendo-chat-toolbar-text": {
         "type": "String",

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

@@ -3,7 +3,7 @@
     "name": "Meridian Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-meridian",
-    "version": "14.0.0",
+    "version": "14.1.0-dev.1",
     "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.0.0",
+    "version": "14.1.0-dev.1",
     "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.0.0",
+  "version": "14.1.0-dev.1",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -53,12 +53,12 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^4.9.0",
-    "@progress/kendo-theme-core": "14.0.0",
-    "@progress/kendo-theme-utils": "14.0.0"
+    "@progress/kendo-theme-core": "14.1.0-dev.1",
+    "@progress/kendo-theme-utils": "14.1.0-dev.1"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "94a5262434087bade4a47af3135b70eb1cdb6611"
+  "gitHead": "a9e6e2e0a219c291abdf9f611a78086ce8f6476a"
 }

package/scss/bottom-navigation/_theme.scss

@@ -10,6 +10,10 @@
     .k-bottom-nav {
         backdrop-filter: k-translucency-blur(2);
 
+        .k-bottom-nav-item {
+            background-color: transparent;
+        }
+
         .k-bottom-nav-item.k-focus,
         .k-bottom-nav-item:focus {
             @include focus-indicator(

package/scss/grid/_variables.scss

@@ -368,11 +368,17 @@ $kendo-grid-sticky-footer-bg: $kendo-grid-header-bg !default;
 
 /// The box shadow of the sticky container in the Grid.
 /// @group grid
-$kendo-grid-sticky-container-shadow: k-elevation(3) !default;
+$kendo-grid-sticky-container-shadow: 0 2px 4px 0 rgba(56, 66, 80, 0.08) !default;
+/// The box shadow of the sticky container positioned at the bottom in the Grid.
+/// @group grid
+$kendo-grid-sticky-container-bottom-shadow: 0 -2px 4px 0 rgba(56, 66, 80, 0.08) !default;
 
 /// The box shadow of the pinned container in the Grid.
 /// @group grid
-$kendo-grid-pinned-container-shadow: k-elevation(4) !default;
+$kendo-grid-pinned-container-shadow: 0 4px 8px 0 rgba(56, 66, 80, 0.08) !default;
+/// The box shadow of the pinned container positioned at the bottom in the Grid.
+/// @group grid
+$kendo-grid-pinned-container-bottom-shadow: 0 -4px 8px 0 rgba(56, 66, 80, 0.08) !default;
 
 
 /// The width of the Grid column menu.
@@ -666,4 +672,6 @@ $kendo-grid-pinned-source-font-weight: var( --kendo-font-weight-bold, 700 ) !def
     $kendo-grid-pinned-source-font-weight: $kendo-grid-pinned-source-font-weight,
     $kendo-grid-sticky-container-shadow: $kendo-grid-sticky-container-shadow,
     $kendo-grid-pinned-container-shadow: $kendo-grid-pinned-container-shadow,
+    $kendo-grid-sticky-container-bottom-shadow: $kendo-grid-sticky-container-bottom-shadow,
+    $kendo-grid-pinned-container-bottom-shadow: $kendo-grid-pinned-container-bottom-shadow
 );

package/scss/pager/_layout.scss

@@ -12,5 +12,8 @@
                 @include border-radius( $kendo-pager-number-border-radius );
             }
         }
+        .k-pager-numbers {
+            gap: $kendo-pager-item-spacing;
+        }
     }
 }

package/scss/pager/_variables.scss

@@ -88,7 +88,7 @@ $kendo-pager-focus-outline-offset: 1px !default;
 $kendo-pager-item-border-width: 0px !default;
 /// The spacing around the Pager items.
 /// @group pager
-$kendo-pager-item-spacing: null !default;
+$kendo-pager-item-spacing: k-spacing(0.5) !default;
 
 /// The border radius of the Pager numbers.
 /// @group pager

package/scss/window/_layout.scss

@@ -19,7 +19,8 @@
         border-start-end-radius: $kendo-window-border-radius;
     }
     .k-window-content:last-child,
-    .k-window-content:has(+ .k-resize-handles-wrapper) {
+    .k-window-content:has(+ .k-resize-handles-wrapper),
+    .k-window-content:has(+ .k-resize-handle) {
         border-end-start-radius: $kendo-window-border-radius;
         border-end-end-radius: $kendo-window-border-radius;
     }