@progress/kendo-theme-meridian 14.0.0-dev.5 → 14.0.0-dev.6

package/dist/meta/sassdoc-raw-data.json

@@ -23780,8 +23780,8 @@
     {
         "description": "The border radius of the ColorPreview.\n",
         "commentRange": {
-            "start": 5,
-            "end": 6
+            "start": 6,
+            "end": 7
         },
         "context": {
             "type": "variable",
@@ -23789,8 +23789,8 @@
             "value": "k-border-radius(xs)",
             "scope": "default",
             "line": {
-                "start": 7,
-                "end": 7
+                "start": 8,
+                "end": 8
             }
         },
         "group": [
@@ -23805,8 +23805,8 @@
     {
         "description": "The width of the border around the ColorPreview.\n",
         "commentRange": {
-            "start": 8,
-            "end": 9
+            "start": 9,
+            "end": 10
         },
         "context": {
             "type": "variable",
@@ -23814,8 +23814,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 10,
-                "end": 10
+                "start": 11,
+                "end": 11
             }
         },
         "group": [
@@ -23830,8 +23830,8 @@
     {
         "description": "The background color of the ColorPreview.\n",
         "commentRange": {
-            "start": 11,
-            "end": 12
+            "start": 12,
+            "end": 13
         },
         "context": {
             "type": "variable",
@@ -23839,8 +23839,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 13,
-                "end": 13
+                "start": 14,
+                "end": 14
             }
         },
         "group": [
@@ -23855,8 +23855,8 @@
     {
         "description": "The text color of the ColorPreview.\n",
         "commentRange": {
-            "start": 14,
-            "end": 15
+            "start": 15,
+            "end": 16
         },
         "context": {
             "type": "variable",
@@ -23864,8 +23864,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 16,
-                "end": 16
+                "start": 17,
+                "end": 17
             }
         },
         "group": [
@@ -23880,8 +23880,8 @@
     {
         "description": "The border color of the ColorPreview.\n",
         "commentRange": {
-            "start": 17,
-            "end": 18
+            "start": 18,
+            "end": 19
         },
         "context": {
             "type": "variable",
@@ -23889,8 +23889,8 @@
             "value": "k-color(border)",
             "scope": "default",
             "line": {
-                "start": 19,
-                "end": 19
+                "start": 20,
+                "end": 20
             }
         },
         "group": [
@@ -23905,8 +23905,8 @@
     {
         "description": "The border color of the hovered ColorPreview.\n",
         "commentRange": {
-            "start": 20,
-            "end": 21
+            "start": 21,
+            "end": 22
         },
         "context": {
             "type": "variable",
@@ -23914,8 +23914,8 @@
             "value": "k-color(border)",
             "scope": "default",
             "line": {
-                "start": 22,
-                "end": 22
+                "start": 23,
+                "end": 23
             }
         },
         "group": [
@@ -23930,8 +23930,8 @@
     {
         "description": "The background color of the ColorPreview when no color is selected.\n",
         "commentRange": {
-            "start": 24,
-            "end": 25
+            "start": 25,
+            "end": 26
         },
         "context": {
             "type": "variable",
@@ -23939,8 +23939,8 @@
             "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
-                "start": 26,
-                "end": 26
+                "start": 27,
+                "end": 27
             }
         },
         "group": [
@@ -23955,17 +23955,17 @@
     {
         "description": "The text color of the ColorPreview when no color is selected.\n",
         "commentRange": {
-            "start": 27,
-            "end": 28
+            "start": 28,
+            "end": 29
         },
         "context": {
             "type": "variable",
             "name": "kendo-color-preview-no-color-text",
-            "value": "k-color(error)",
+            "value": "map.get($kendo-colors, error)",
             "scope": "default",
             "line": {
-                "start": 29,
-                "end": 29
+                "start": 30,
+                "end": 30
             }
         },
         "group": [
@@ -23980,8 +23980,8 @@
     {
         "description": "The border color of the ColorPreview when no color is selected.\n",
         "commentRange": {
-            "start": 30,
-            "end": 31
+            "start": 31,
+            "end": 32
         },
         "context": {
             "type": "variable",
@@ -23989,8 +23989,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 32,
-                "end": 32
+                "start": 33,
+                "end": 33
             }
         },
         "group": [
@@ -40034,7 +40034,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-grid-grouping-row-border-top",
-            "value": "0px",
+            "value": "1px",
             "scope": "default",
             "line": {
                 "start": 465,
@@ -89529,7 +89529,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-font-family-sans-serif",
-            "value": "system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
+            "value": "Inter, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
             "scope": "default",
             "line": {
                 "start": 109,

package/dist/meta/variables.json

@@ -623,7 +623,7 @@
     },
     "kendo-font-family": {
         "type": "List",
-        "value": "(system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\")"
+        "value": "(Inter, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\")"
     },
     "default-font-sizes": {
         "type": "Map",
@@ -677,11 +677,11 @@
     },
     "default-font-families": {
         "type": "Map",
-        "value": "(sans: (Arial, Verdana, Tahoma, \"Trebuchet MS\", Helvetica, Impact, Gill Sans), serif: (\"Times New Roman\", Georgia, Garamond, Palatino, Baskerville), sans-serif: (system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"), monospace: (SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace))",
+        "value": "(sans: (Arial, Verdana, Tahoma, \"Trebuchet MS\", Helvetica, Impact, Gill Sans), serif: (\"Times New Roman\", Georgia, Garamond, Palatino, Baskerville), sans-serif: (Inter, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"), monospace: (SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace))",
         "prettyValue": {
             "sans": "(Arial, Verdana, Tahoma, \"Trebuchet MS\", Helvetica, Impact, Gill Sans)",
             "serif": "(\"Times New Roman\", Georgia, Garamond, Palatino, Baskerville)",
-            "sans-serif": "(system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\")",
+            "sans-serif": "(Inter, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\")",
             "monospace": "(SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace)"
         }
     },
@@ -737,11 +737,11 @@
     },
     "kendo-font-families": {
         "type": "Map",
-        "value": "(sans: (Arial, Verdana, Tahoma, \"Trebuchet MS\", Helvetica, Impact, Gill Sans), serif: (\"Times New Roman\", Georgia, Garamond, Palatino, Baskerville), sans-serif: (system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"), monospace: (SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace))",
+        "value": "(sans: (Arial, Verdana, Tahoma, \"Trebuchet MS\", Helvetica, Impact, Gill Sans), serif: (\"Times New Roman\", Georgia, Garamond, Palatino, Baskerville), sans-serif: (Inter, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"), monospace: (SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace))",
         "prettyValue": {
             "sans": "(Arial, Verdana, Tahoma, \"Trebuchet MS\", Helvetica, Impact, Gill Sans)",
             "serif": "(\"Times New Roman\", Georgia, Garamond, Palatino, Baskerville)",
-            "sans-serif": "(system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\")",
+            "sans-serif": "(Inter, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\")",
             "monospace": "(SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace)"
         }
     },
@@ -2919,8 +2919,8 @@
         "value": "var(--kendo-color-surface-alt)"
     },
     "kendo-color-preview-no-color-text": {
-        "type": "String",
-        "value": "var(--kendo-color-error)"
+        "type": "Color",
+        "value": "oklch(51.01% 0.1951 14.31deg)"
     },
     "kendo-color-preview-no-color-border": {
         "type": "Null",
@@ -2928,7 +2928,7 @@
     },
     "kendo-color-preview-no-color-image": {
         "type": "String",
-        "value": "url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' version='1.1'%3e%3cline x1='0' x2='20' y1='0' y2='20' stroke='var%28--kendo-color-error%29' stroke-width='1'/%3e%3c/svg%3e\")"
+        "value": "url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' version='1.1'%3e%3cline x1='0' x2='20' y1='0' y2='20' stroke='oklch%2851.01%25 0.1951 14.31deg%29' stroke-width='1'/%3e%3c/svg%3e\")"
     },
     "kendo-color-preview-transparent-color-image": {
         "type": "String",
@@ -12492,7 +12492,7 @@
     },
     "kendo-grid-grouping-row-border-top": {
         "type": "Number",
-        "value": "0px"
+        "value": "1px"
     },
     "kendo-grid-group-footer-border-y": {
         "type": "Number",

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-dev.5",
+    "version": "14.0.0-dev.6",
     "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-dev.5",
+    "version": "14.0.0-dev.6",
     "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-dev.5",
+  "version": "14.0.0-dev.6",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -52,13 +52,13 @@
     "postpublish": "echo 'no postpublish for meridian theme'"
   },
   "dependencies": {
-    "@progress/kendo-svg-icons": "^4.8.0",
-    "@progress/kendo-theme-core": "14.0.0-dev.5",
-    "@progress/kendo-theme-utils": "14.0.0-dev.5"
+    "@progress/kendo-svg-icons": "4.9.0",
+    "@progress/kendo-theme-core": "14.0.0-dev.6",
+    "@progress/kendo-theme-utils": "14.0.0-dev.6"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "e4940bedb197a2fd5923e82978532f175982b08a"
+  "gitHead": "0df0e4e29b482e22243c6e74b121a3bdb0976828"
 }

package/scss/color-preview/_variables.scss

@@ -1,3 +1,4 @@
+@use "sass:map";
 @use "../core/_index.scss" as *;
 @use "../core/functions/index.scss" as *;
 
@@ -26,7 +27,7 @@ $kendo-color-preview-hover-border: k-color(border) !default;
 $kendo-color-preview-no-color-bg: k-color(surface-alt) !default;
 /// The text color of the ColorPreview when no color is selected.
 /// @group color-preview
-$kendo-color-preview-no-color-text: k-color(error) !default;
+$kendo-color-preview-no-color-text: map.get($kendo-colors, error) !default;
 /// The border color of the ColorPreview when no color is selected.
 /// @group color-preview
 $kendo-color-preview-no-color-border: null !default;

package/scss/core/typography/index.scss

@@ -106,7 +106,7 @@ $kendo-font-family-sans: Arial, Verdana, Tahoma, "Trebuchet MS", Helvetica, Impa
 $kendo-font-family-serif: "Times New Roman", Georgia, Garamond, Palatino, Baskerville !default;
 /// The sans-serif font family across all components.
 /// @group typography
-$kendo-font-family-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
+$kendo-font-family-sans-serif: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
 /// The monospace font family across all components.
 /// @group typography
 $kendo-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;

package/scss/gantt/_layout.scss

@@ -1,16 +1,24 @@
 @use "@progress/kendo-theme-core/scss/components/gantt/_layout.scss" as *;
+@use "../core/_index.scss" as *;
 @use "./_variables.scss" as *;
 
 @mixin kendo-gantt--layout() {
     @include kendo-gantt--layout-base();
 
      .k-gantt{
+
         .k-splitbar {
             border-inline: 1px solid $kendo-gantt-border;
         }
-        .k-gantt-header,
+
+        .k-gantt-header {
+            @include border-top-radius($kendo-gantt-border-radius);
+            @include border-bottom-radius(0);
+        }
+
         .k-gantt-footer {
-            border-radius: 0;
+            @include border-top-radius(0);
+            @include border-bottom-radius($kendo-gantt-border-radius);
         }
     }
 }

package/scss/grid/_layout.scss

@@ -15,6 +15,7 @@
     }
 
     .k-grid {
+
         .k-table .k-grid-header-sticky,
         .k-table .k-grid-content-sticky,
         .k-table .k-grid-footer-sticky {
@@ -42,6 +43,18 @@
                 border-inline-start: 1px solid k-color(border);
             }
         }
+
+        .k-table .k-table-row .k-table-group-td {
+            border-width: 0;
+        }
+
+        .k-grouping-row + .k-table-row .k-table-td {
+            border-block-start-width: 0;
+        }
+
+        .k-grouping-row + .k-master-row .k-table-td {
+            border-block-start-width: $kendo-grid-grouping-row-border-top;
+        }
     }
 
     // Column menu fix for action buttons focus state
@@ -63,6 +76,10 @@
         font-weight: var(--kendo-font-weight-medium, 500);
     }
 
+    .k-table-group-row .k-table-td {
+        border-block-end-width: 0;
+    }
+
     // Row-span cells use an inset shadow for all borders,
     // so zero out the td's own borders to avoid doubling.
     .k-grid .k-table-td-row-span {
@@ -80,4 +97,16 @@
             border-block-end-width: 0;
         }
     }
+
+     .k-grid-header {
+        .k-table-thead > .k-table-row:not(:only-child) > .k-table-th,
+        .k-table-thead > .k-table-row:not(:only-child) > .k-table-td {
+            border-inline-start: 1px solid k-color(border);
+        }
+
+        .k-table-thead > .k-table-row:not(:only-child):first-child > .k-table-th:first-child,
+        .k-table-thead > .k-table-row:not(:only-child):first-child > .k-table-td:first-child {
+            border-inline-start-width: 0;
+        }
+    }
 }

package/scss/grid/_variables.scss

@@ -462,7 +462,7 @@ $kendo-grid-hierarchy-col-width: ($kendo-icon-size * 2) !default;
 
 /// The grouping border top of the Grid row.
 /// @group grid
-$kendo-grid-grouping-row-border-top: 0px !default;
+$kendo-grid-grouping-row-border-top: 1px !default;
 /// The vertical border of the Grid footer.
 /// @group grid
 $kendo-grid-group-footer-border-y: 1px !default;

package/scss/pdf-viewer/_layout.scss

@@ -1,12 +1,14 @@
 @use "@progress/kendo-theme-core/scss/components/pdf-viewer/_layout.scss" as *;
-
+@use "../core/_index.scss" as *;
+@use "./_variables.scss" as *;
 
 @mixin kendo-pdf-viewer--layout() {
     @include kendo-pdf-viewer--layout-base();
 
     .k-pdf-viewer {
         .k-toolbar {
-            border-radius: 0;
+            @include border-top-radius($kendo-pdf-viewer-border-radius);
+            @include border-bottom-radius(0);
         }
     }
 }

package/scss/scheduler/_layout.scss

@@ -1,5 +1,6 @@
 @use "@progress/kendo-theme-core/scss/components/scheduler/_layout.scss" as *;
-
+@use "../core/_index.scss" as *;
+@use "./variables.scss" as *;
 
 @mixin kendo-scheduler--layout() {
     @include kendo-scheduler--layout-base();
@@ -15,8 +16,13 @@
         font-weight: var(--kendo-font-weight-normal);
     }
 
-    .k-scheduler-toolbar,
+    .k-scheduler-toolbar {
+        @include border-top-radius($kendo-scheduler-border-radius);
+        @include border-bottom-radius(0);
+    }
+
     .k-scheduler-footer {
-        border-radius: 0;
+        @include border-top-radius(0);
+        @include border-bottom-radius($kendo-scheduler-border-radius);
     }
 }

package/scss/segmented-control/_layout.scss

@@ -1,6 +1,13 @@
 @use "@progress/kendo-theme-core/scss/components/segmented-control/_layout.scss" as *;
-
+@use "../core/z-index/index.scss" as *;
 
 @mixin kendo-segmented-control--layout() {
     @include kendo-segmented-control--layout-base();
+
+    .k-segmented-control {
+        > .k-segmented-control-button:focus,
+        > .k-segmented-control-button.k-focus {
+            z-index: k-z-index("base", 3);
+        }
+    }
 }

package/scss/spreadsheet/_theme.scss

@@ -23,4 +23,9 @@
     .k-spreadsheet-toolbar {
         background-color: $kendo-spreadsheet-bg !important; // stylelint-disable-line declaration-no-important
     }
+
+    .k-spreadsheet-tabstrip {
+        background-color: k-translucency-bg(k-color(surface-alt));
+        border-radius: inherit;
+    }
 }

package/scss/window/_layout.scss

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