@progress/kendo-theme-fluent 11.2.0-dev.1 → 11.2.0-dev.2

package/dist/meta/sassdoc-data.json

@@ -40174,15 +40174,15 @@
             "resolvedType": "String"
         },
         {
-            "description": "The Grid stack layout expandable row shadow.\n",
+            "description": "The outline color of the Grid stack layout focused cell.\n",
             "commentRange": {
                 "start": 543,
                 "end": 544
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-grid-stack-expandable-shadow",
-                "value": "k-elevation(2)",
+                "name": "kendo-grid-stack-focus-outline",
+                "value": "k-color(base-emphasis)",
                 "scope": "default",
                 "line": {
                     "start": 545,
@@ -40197,6 +40197,33 @@
                 "path": "fluent/scss/grid/_variables.scss",
                 "name": "_variables.scss"
             },
+            "resolvedValue": "var(--kendo-color-base-emphasis, #605e5c)",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The Grid stack layout expandable row shadow.\n",
+            "commentRange": {
+                "start": 546,
+                "end": 547
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-grid-stack-expandable-shadow",
+                "value": "k-elevation(2)",
+                "scope": "default",
+                "line": {
+                    "start": 548,
+                    "end": 548
+                }
+            },
+            "group": [
+                "grid"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/scss/grid/_variables.scss",
+                "name": "_variables.scss"
+            },
             "resolvedValue": "var(--kendo-elevation-2, 0 0.6px 1.8px rgba(0, 0, 0, 0.1), 0 3.2px 7.2px rgba(0, 0, 0, 0.13))",
             "resolvedType": "String"
         },
@@ -134764,15 +134791,15 @@
                     "resolvedType": "String"
                 },
                 {
-                    "description": "The Grid stack layout expandable row shadow.\n",
+                    "description": "The outline color of the Grid stack layout focused cell.\n",
                     "commentRange": {
                         "start": 543,
                         "end": 544
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-grid-stack-expandable-shadow",
-                        "value": "k-elevation(2)",
+                        "name": "kendo-grid-stack-focus-outline",
+                        "value": "k-color(base-emphasis)",
                         "scope": "default",
                         "line": {
                             "start": 545,
@@ -134787,6 +134814,33 @@
                         "path": "fluent/scss/grid/_variables.scss",
                         "name": "_variables.scss"
                     },
+                    "resolvedValue": "var(--kendo-color-base-emphasis, #605e5c)",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The Grid stack layout expandable row shadow.\n",
+                    "commentRange": {
+                        "start": 546,
+                        "end": 547
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-grid-stack-expandable-shadow",
+                        "value": "k-elevation(2)",
+                        "scope": "default",
+                        "line": {
+                            "start": 548,
+                            "end": 548
+                        }
+                    },
+                    "group": [
+                        "grid"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/scss/grid/_variables.scss",
+                        "name": "_variables.scss"
+                    },
                     "resolvedValue": "var(--kendo-elevation-2, 0 0.6px 1.8px rgba(0, 0, 0, 0.1), 0 3.2px 7.2px rgba(0, 0, 0, 0.13))",
                     "resolvedType": "String"
                 }

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

@@ -35044,15 +35044,15 @@
         }
     },
     {
-        "description": "The Grid stack layout expandable row shadow.\n",
+        "description": "The outline color of the Grid stack layout focused cell.\n",
         "commentRange": {
             "start": 543,
             "end": 544
         },
         "context": {
             "type": "variable",
-            "name": "kendo-grid-stack-expandable-shadow",
-            "value": "k-elevation(2)",
+            "name": "kendo-grid-stack-focus-outline",
+            "value": "k-color(base-emphasis)",
             "scope": "default",
             "line": {
                 "start": 545,
@@ -35068,6 +35068,31 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The Grid stack layout expandable row shadow.\n",
+        "commentRange": {
+            "start": 546,
+            "end": 547
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-grid-stack-expandable-shadow",
+            "value": "k-elevation(2)",
+            "scope": "default",
+            "line": {
+                "start": 548,
+                "end": 548
+            }
+        },
+        "group": [
+            "grid"
+        ],
+        "access": "public",
+        "file": {
+            "path": "grid/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "Font sizes of the icons.\n",
         "commentRange": {

package/dist/meta/variables.json

@@ -13852,6 +13852,10 @@
         "type": "String",
         "value": "var(--kendo-color-subtle, #605e5c)"
     },
+    "kendo-grid-stack-focus-outline": {
+        "type": "String",
+        "value": "var(--kendo-color-base-emphasis, #605e5c)"
+    },
     "kendo-grid-stack-expandable-shadow": {
         "type": "String",
         "value": "var(--kendo-elevation-2, 0 0.6px 1.8px rgba(0, 0, 0, 0.1), 0 3.2px 7.2px rgba(0, 0, 0, 0.13))"

package/lib/swatches/all.json

@@ -3,7 +3,7 @@
     "name": "All",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "11.2.0-dev.1",
+    "version": "11.2.0-dev.2",
     "api": "modern",
     "previewColors": [
         "#ffffff",

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

@@ -3,7 +3,7 @@
     "name": "Fluent Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "11.2.0-dev.1",
+    "version": "11.2.0-dev.2",
     "previewColors": [
         "#1b1a19",
         "#21201f",

package/lib/swatches/fluent-main.json

@@ -3,7 +3,7 @@
     "name": "Fluent Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "11.2.0-dev.1",
+    "version": "11.2.0-dev.2",
     "previewColors": [
         "#ffffff",
         "#faf9f8",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-fluent",
   "description": "A css variables based theme for Kendo UI that follows the Fluent design system guidelines.",
-  "version": "11.2.0-dev.1",
+  "version": "11.2.0-dev.2",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -54,12 +54,12 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^4.1.0",
-    "@progress/kendo-theme-core": "11.2.0-dev.1",
-    "@progress/kendo-theme-utils": "11.2.0-dev.1"
+    "@progress/kendo-theme-core": "11.2.0-dev.2",
+    "@progress/kendo-theme-utils": "11.2.0-dev.2"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "2bcc49d832b7e73387e77bc5adbb27e05ea341d5"
+  "gitHead": "5b68190d257d628ffb73dee8f0b3c63d590c8644"
 }

package/scss/grid/_layout.scss

@@ -1077,22 +1077,14 @@
             }
         }
 
-        // Grouping aggregates
-        .k-grid-grouping-aggregates {
+        // Column template
+        .k-grid-column-template {
             display: flex;
             justify-content: flex-start;
             flex-direction: column;
             gap: 0;
             padding-inline-start: k-spacing(1);
         }
-
-        .k-grouping-aggregates-item-text {
-            font-weight: normal;
-        }
-
-        .k-grouping-aggregates-item-value {
-            font-weight: $kendo-grid-selection-aggregates-font-weight;
-        }
     }
 
     .k-grid-stack-row {
@@ -1109,7 +1101,18 @@
         font-weight: $kendo-grid-stack-header-font-weight;
     }
 
-     // Command cell
+    .k-grid-stack-content {
+        // Reserve min-height for the cell content if empty
+        min-height: calc( $kendo-grid-font-size * $kendo-grid-line-height );
+    }
+
+    .k-grid-stack-cell {
+        &:focus,
+        &.k-focus {
+            outline-offset: k-spacing(0.5);
+        }
+    }
+    // Command cell
     .k-grid-stack-cell.k-command-cell {
         display: flex;
         flex-wrap: wrap;
@@ -1117,6 +1120,12 @@
         grid-column: 1 / -1;
     }
 
+    // Dirty cell
+    .k-grid-stack-cell .k-dirty {
+        inset-inline-start: auto;
+        inset-inline-end: 0;
+    }
+
     .k-grid-stack-expandable .k-table-td {
         position: relative;
         padding-inline: $kendo-grid-stack-cell-padding-x;

package/scss/grid/_theme.scss

@@ -472,4 +472,21 @@
     .k-grid-stack-header {
         @include fill( $color: var( --kendo-grid-stack-header-color, #{$kendo-grid-stack-header-color} ) );
     }
+
+    .k-grid-stack-cell {
+        &:focus,
+        &.k-focus {
+            outline: 1px solid $kendo-grid-stack-focus-outline;
+        }
+
+        &.k-selected {
+            @include fill( $bg: var( --kendo-grid-selected-bg, #{$kendo-grid-selected-bg} ) );
+        }
+    }
+
+    // Dirty cell
+    .k-grid-stack-cell .k-dirty {
+        border-inline-start-color: rgba(0, 0, 0, 0);
+        border-inline-end-color: currentColor;
+    }
 }

package/scss/grid/_variables.scss

@@ -540,6 +540,9 @@ $kendo-grid-stack-expandable-shadow-height: k-spacing(2.5) !default;
 /// The color of the Grid stack layout column header.
 /// @group grid
 $kendo-grid-stack-header-color: k-color(subtle) !default;
+/// The outline color of the Grid stack layout focused cell.
+/// @group grid
+$kendo-grid-stack-focus-outline: k-color(base-emphasis) !default;
 /// The Grid stack layout expandable row shadow.
 /// @group grid
 $kendo-grid-stack-expandable-shadow: k-elevation(2) !default;