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

package/lib/swatches/default-purple.json

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

package/lib/swatches/default-turquoise.json

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

package/lib/swatches/default-urban.json

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-default",
   "description": "SASS resources for the default Kendo UI theme",
-  "version": "11.0.3-dev.3",
+  "version": "11.1.0-dev.1",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -52,12 +52,12 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^4.1.0",
-    "@progress/kendo-theme-core": "11.0.3-dev.3",
-    "@progress/kendo-theme-utils": "11.0.3-dev.3"
+    "@progress/kendo-theme-core": "11.1.0-dev.1",
+    "@progress/kendo-theme-utils": "11.1.0-dev.1"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "323d12a407300ec6172e26c90d3211d15aed31f2"
+  "gitHead": "4de4ed4dd2e22bc1723647389f5fa1ad7f3fda06"
 }

package/scss/grid/_variables.scss

@@ -208,6 +208,23 @@ $kendo-grid-selected-text: $kendo-table-selected-text !default;
 /// @group grid
 $kendo-grid-selected-border: $kendo-table-selected-border !default;
 
+/// The background color of highlighted Grid rows.
+/// @group grid
+$kendo-grid-highlighted-bg: $kendo-table-highlighted-bg !default;
+/// The text color of highlighted Grid rows.
+/// @group grid
+$kendo-grid-highlighted-text: $kendo-table-highlighted-text !default;
+/// The border color of highlighted Grid rows.
+/// @group grid
+$kendo-grid-highlighted-border: $kendo-table-highlighted-border !default;
+/// The font weight of highlighted Grid rows.
+/// @group grid
+$kendo-grid-highlighted-font-weight: $kendo-table-highlighted-font-weight !default;
+
+/// The background color of selected highlighted Grid rows.
+/// @group grid
+$kendo-grid-selected-highlighted-bg: $kendo-table-selected-highlighted-bg !default;
+
 /// The background color of the Grid selection aggregates container.
 /// @group grid
 $kendo-grid-selection-aggregates-bg: $kendo-grid-header-bg !default;
@@ -248,14 +265,14 @@ $kendo-grid-command-cell-button-spacing: k-spacing(2) !default;
 // be cautious when changing the next line; see https://github.com/MoOx/reduce-css-calc/issues/38
 $kendo-grid-command-cell-padding-y: calc( #{$kendo-grid-cell-padding-y} - (#{$kendo-button-calc-size} - #{$kendo-line-height-em}) / 2 ) !default;
 
-// Must be a solid color
+// Must be solid colors
 $kendo-grid-sticky-bg: k-color(surface-alt) !default;
+$kendo-grid-sticky-hover-bg: k-color(base-hover) !default;
+$kendo-grid-sticky-alt-bg: k-color(base) !default;
+
 $kendo-grid-sticky-text: $kendo-grid-text !default;
 $kendo-grid-sticky-border: rgba( black, .3 ) !default;
 
-// Must be a solid color
-$kendo-grid-sticky-alt-bg: k-color(base) !default;
-
 $kendo-grid-sticky-header-bg: $kendo-grid-header-bg !default;
 $kendo-grid-sticky-header-text: $kendo-grid-header-text !default;
 $kendo-grid-sticky-header-border: $kendo-grid-sticky-border !default;
@@ -263,12 +280,6 @@ $kendo-grid-sticky-header-border: $kendo-grid-sticky-border !default;
 $kendo-grid-sticky-footer-bg: $kendo-grid-header-bg !default;
 $kendo-grid-sticky-footer-hover-bg: $kendo-grid-hover-bg !default;
 
-$kendo-grid-sticky-selected-bg: color-mix(in srgb, k-color(primary) 25%, transparent) !default;
-$kendo-grid-sticky-selected-alt-bg: color-mix(in srgb, k-color(primary) 24%, transparent) !default;
-
-// Must be a solid color
-$kendo-grid-sticky-hover-bg: k-color(base-hover) !default;
-$kendo-grid-sticky-selected-hover-bg: color-mix(in srgb, k-color(primary) 24%, transparent) !default;
 
 $kendo-grid-column-menu-width: 230px !default;
 $kendo-grid-column-menu-max-width: 320px !default;
@@ -406,6 +417,11 @@ $kendo-grid-row-resizer-height: k-spacing(0.5) !default;
     $kendo-grid-selected-bg: $kendo-grid-selected-bg,
     $kendo-grid-selected-text: $kendo-grid-selected-text,
     $kendo-grid-selected-border: $kendo-grid-selected-border,
+    $kendo-grid-highlighted-bg: $kendo-grid-highlighted-bg,
+    $kendo-grid-highlighted-text: $kendo-grid-highlighted-text,
+    $kendo-grid-highlighted-border: $kendo-grid-highlighted-border,
+    $kendo-grid-highlighted-font-weight: $kendo-grid-highlighted-font-weight,
+    $kendo-grid-selected-highlighted-bg: $kendo-grid-selected-highlighted-bg,
     $kendo-grid-selection-aggregates-bg: $kendo-grid-selection-aggregates-bg,
     $kendo-grid-selection-aggregates-text: $kendo-grid-selection-aggregates-text,
     $kendo-grid-selection-aggregates-border: $kendo-grid-selection-aggregates-border,
@@ -434,10 +450,7 @@ $kendo-grid-row-resizer-height: k-spacing(0.5) !default;
     $kendo-grid-sticky-header-border: $kendo-grid-sticky-header-border,
     $kendo-grid-sticky-footer-bg: $kendo-grid-sticky-footer-bg,
     $kendo-grid-sticky-footer-hover-bg: $kendo-grid-sticky-footer-hover-bg,
-    $kendo-grid-sticky-selected-bg: $kendo-grid-sticky-selected-bg,
-    $kendo-grid-sticky-selected-alt-bg: $kendo-grid-sticky-selected-alt-bg,
     $kendo-grid-sticky-hover-bg: $kendo-grid-sticky-hover-bg,
-    $kendo-grid-sticky-selected-hover-bg: $kendo-grid-sticky-selected-hover-bg,
     $kendo-grid-column-menu-width: $kendo-grid-column-menu-width,
     $kendo-grid-column-menu-max-width: $kendo-grid-column-menu-max-width,
     $kendo-grid-filter-menu-check-all-border-bottom-width: $kendo-grid-filter-menu-check-all-border-bottom-width,

package/scss/table/_variables.scss

@@ -155,6 +155,23 @@ $kendo-table-selected-text: null !default;
 /// @group table
 $kendo-table-selected-border: null !default;
 
+/// Background color of highlighted rows in table.
+/// @group table
+$kendo-table-highlighted-bg: color-mix(in srgb, k-color(warning) 25%, transparent) !default;
+/// Text color of highlighted rows in table.
+/// @group table
+$kendo-table-highlighted-text: null !default;
+/// The font weight of highlighted rows in table.
+/// @group table
+$kendo-table-highlighted-font-weight: var( --kendo-font-weight-bold, bold ) !default;
+/// Border color of highlighted rows in table.
+/// @group table
+$kendo-table-highlighted-border: null !default;
+
+/// Background color of selected highlighted rows in table.
+/// @group table
+$kendo-table-selected-highlighted-bg: color-mix(in srgb, color-mix(in srgb, k-color(primary), k-color(warning)) 42%, transparent) !default;
+
 /// The box shadow of the row spanned cells.
 /// @group table
 $kendo-table-cell-row-span-shadow: inset 0 0 0 1px $kendo-table-border !default;
@@ -200,5 +217,10 @@ $kendo-table-cell-row-span-shadow: inset 0 0 0 1px $kendo-table-border !default;
     $kendo-table-selected-bg: $kendo-table-selected-bg,
     $kendo-table-selected-text: $kendo-table-selected-text,
     $kendo-table-selected-border: $kendo-table-selected-border,
+    $kendo-table-highlighted-bg: $kendo-table-highlighted-bg,
+    $kendo-table-highlighted-text: $kendo-table-highlighted-text,
+    $kendo-table-highlighted-font-weight: $kendo-table-highlighted-font-weight,
+    $kendo-table-highlighted-border: $kendo-table-highlighted-border,
+    $kendo-table-selected-highlighted-bg: $kendo-table-selected-highlighted-bg,
     $kendo-table-cell-row-span-shadow: $kendo-table-cell-row-span-shadow
 );