@progress/kendo-theme-fluent 13.2.0-dev.3 → 14.0.0-dev.0

package/lib/swatches/all.json

@@ -3,7 +3,7 @@
     "name": "All",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "13.2.0-dev.3",
+    "version": "14.0.0-dev.0",
     "api": "modern",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",

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

@@ -3,7 +3,7 @@
     "name": "Fluent 1 Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "13.2.0-dev.3",
+    "version": "14.0.0-dev.0",
     "previewColors": [
         "oklch(21.85% 0.0025 67.57deg)",
         "oklch(24.42% 0.0024 67.57deg)",
@@ -451,106 +451,6 @@
                     "type": "color",
                     "value": "oklch(79.73% 0.1074 15.39deg)"
                 },
-                "light-subtle": {
-                    "name": "Light Subtle",
-                    "type": "color",
-                    "value": "oklch(89.19% 0.0016 66.99deg)"
-                },
-                "light-subtle-hover": {
-                    "name": "Light Subtle Hover",
-                    "type": "color",
-                    "value": "oklch(82.87% 0.0036 38.40deg)"
-                },
-                "light-subtle-active": {
-                    "name": "Light Subtle Active",
-                    "type": "color",
-                    "value": "oklch(76.49% 0.0026 47.63deg)"
-                },
-                "light": {
-                    "name": "Light",
-                    "type": "color",
-                    "value": "oklch(98.26% 0.0016 66.88deg)"
-                },
-                "light-hover": {
-                    "name": "Light Hover",
-                    "type": "color",
-                    "value": "oklch(96.16% 0.0016 66.90deg)"
-                },
-                "light-active": {
-                    "name": "Light Active",
-                    "type": "color",
-                    "value": "oklch(89.19% 0.0016 66.99deg)"
-                },
-                "light-emphasis": {
-                    "name": "Light Emphasis",
-                    "type": "color",
-                    "value": "oklch(96.16% 0.0016 66.90deg)"
-                },
-                "light-on-subtle": {
-                    "name": "Light On Subtle",
-                    "type": "color",
-                    "value": "oklch(21.85% 0.0025 67.57deg)"
-                },
-                "on-light": {
-                    "name": "On Light",
-                    "type": "color",
-                    "value": "oklch(21.85% 0.0025 67.57deg)"
-                },
-                "light-on-surface": {
-                    "name": "Light On Surface",
-                    "type": "color",
-                    "value": "oklch(96.16% 0.0016 66.90deg)"
-                },
-                "dark-subtle": {
-                    "name": "Dark Subtle",
-                    "type": "color",
-                    "value": "oklch(24.42% 0.0024 67.57deg)"
-                },
-                "dark-subtle-hover": {
-                    "name": "Dark Subtle Hover",
-                    "type": "color",
-                    "value": "oklch(26.10% 0.0023 67.56deg)"
-                },
-                "dark-subtle-active": {
-                    "name": "Dark Subtle Active",
-                    "type": "color",
-                    "value": "oklch(27.75% 0.0023 67.56deg)"
-                },
-                "dark": {
-                    "name": "Dark",
-                    "type": "color",
-                    "value": "oklch(34.91% 0.0022 67.52deg)"
-                },
-                "dark-hover": {
-                    "name": "Dark Hover",
-                    "type": "color",
-                    "value": "oklch(41.81% 0.0031 48.16deg)"
-                },
-                "dark-active": {
-                    "name": "Dark Active",
-                    "type": "color",
-                    "value": "oklch(50.09% 0.0040 67.55deg)"
-                },
-                "dark-emphasis": {
-                    "name": "Dark Emphasis",
-                    "type": "color",
-                    "value": "oklch(30.98% 0.0022 67.54deg)"
-                },
-                "dark-on-subtle": {
-                    "name": "Dark On Subtle",
-                    "type": "color",
-                    "value": "oklch(76.49% 0.0026 47.63deg)"
-                },
-                "on-dark": {
-                    "name": "On Dark",
-                    "type": "color",
-                    "value": "oklch(96.16% 0.0016 66.90deg)"
-                },
-                "dark-on-surface": {
-                    "name": "Dark On Surface",
-                    "type": "color",
-                    "value": "oklch(50.09% 0.0040 67.55deg)"
-                },
                 "inverse-subtle": {
                     "name": "Inverse Subtle",
                     "type": "color",

package/lib/swatches/fluent-1.json

@@ -3,7 +3,7 @@
     "name": "Fluent 1",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "13.2.0-dev.3",
+    "version": "14.0.0-dev.0",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(98.26% 0.0016 66.88deg)",
@@ -451,106 +451,6 @@
                     "type": "color",
                     "value": "oklch(47.54% 0.1618 23.65deg)"
                 },
-                "light-subtle": {
-                    "name": "Light Subtle",
-                    "type": "color",
-                    "value": "oklch(98.26% 0.0016 66.88deg)"
-                },
-                "light-subtle-hover": {
-                    "name": "Light Subtle Hover",
-                    "type": "color",
-                    "value": "oklch(96.16% 0.0016 66.90deg)"
-                },
-                "light-subtle-active": {
-                    "name": "Light Subtle Active",
-                    "type": "color",
-                    "value": "oklch(94.11% 0.0033 67.36deg)"
-                },
-                "light": {
-                    "name": "Light",
-                    "type": "color",
-                    "value": "oklch(85.86% 0.0034 67.41deg)"
-                },
-                "light-hover": {
-                    "name": "Light Hover",
-                    "type": "color",
-                    "value": "oklch(82.76% 0.0035 67.42deg)"
-                },
-                "light-active": {
-                    "name": "Light Active",
-                    "type": "color",
-                    "value": "oklch(70.36% 0.0036 67.48deg)"
-                },
-                "light-emphasis": {
-                    "name": "Light Emphasis",
-                    "type": "color",
-                    "value": "oklch(90.46% 0.0034 67.38deg)"
-                },
-                "light-on-subtle": {
-                    "name": "Light On Subtle",
-                    "type": "color",
-                    "value": "oklch(31.38% 0.0022 67.54deg)"
-                },
-                "on-light": {
-                    "name": "On Light",
-                    "type": "color",
-                    "value": "oklch(31.38% 0.0022 67.54deg)"
-                },
-                "light-on-surface": {
-                    "name": "Light On Surface",
-                    "type": "color",
-                    "value": "oklch(85.86% 0.0034 67.41deg)"
-                },
-                "dark-subtle": {
-                    "name": "Dark Subtle",
-                    "type": "color",
-                    "value": "oklch(70.36% 0.0036 67.48deg)"
-                },
-                "dark-subtle-hover": {
-                    "name": "Dark Subtle Hover",
-                    "type": "color",
-                    "value": "oklch(67.09% 0.0037 67.49deg)"
-                },
-                "dark-subtle-active": {
-                    "name": "Dark Subtle Active",
-                    "type": "color",
-                    "value": "oklch(62.78% 0.0037 67.51deg)"
-                },
-                "dark": {
-                    "name": "Dark",
-                    "type": "color",
-                    "value": "oklch(31.38% 0.0022 67.54deg)"
-                },
-                "dark-hover": {
-                    "name": "Dark Hover",
-                    "type": "color",
-                    "value": "oklch(24.00% 0.0024 67.57deg)"
-                },
-                "dark-active": {
-                    "name": "Dark Active",
-                    "type": "color",
-                    "value": "oklch(0.00% 0.0000 0deg)"
-                },
-                "dark-emphasis": {
-                    "name": "Dark Emphasis",
-                    "type": "color",
-                    "value": "oklch(57.04% 0.0038 67.53deg)"
-                },
-                "dark-on-subtle": {
-                    "name": "Dark On Subtle",
-                    "type": "color",
-                    "value": "oklch(24.00% 0.0024 67.57deg)"
-                },
-                "on-dark": {
-                    "name": "On Dark",
-                    "type": "color",
-                    "value": "oklch(100.00% 0.0001 0deg)"
-                },
-                "dark-on-surface": {
-                    "name": "Dark On Surface",
-                    "type": "color",
-                    "value": "oklch(31.38% 0.0022 67.54deg)"
-                },
                 "inverse-subtle": {
                     "name": "Inverse Subtle",
                     "type": "color",

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

@@ -3,7 +3,7 @@
     "name": "Fluent Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "13.2.0-dev.3",
+    "version": "14.0.0-dev.0",
     "previewColors": [
         "oklch(23.93% 0.0000 0deg)",
         "oklch(28.09% 0.0000 0deg)",
@@ -451,106 +451,6 @@
                     "type": "color",
                     "value": "oklch(80.80% 0.0779 12.85deg)"
                 },
-                "light-subtle": {
-                    "name": "Light Subtle",
-                    "type": "color",
-                    "value": "oklch(74.76% 0.0001 0deg)"
-                },
-                "light-subtle-hover": {
-                    "name": "Light Subtle Hover",
-                    "type": "color",
-                    "value": "oklch(68.30% 0.0001 0deg)"
-                },
-                "light-subtle-active": {
-                    "name": "Light Subtle Active",
-                    "type": "color",
-                    "value": "oklch(56.24% 0.0001 0deg)"
-                },
-                "light": {
-                    "name": "Light",
-                    "type": "color",
-                    "value": "oklch(87.61% 0.0001 0deg)"
-                },
-                "light-hover": {
-                    "name": "Light Hover",
-                    "type": "color",
-                    "value": "oklch(74.76% 0.0001 0deg)"
-                },
-                "light-active": {
-                    "name": "Light Active",
-                    "type": "color",
-                    "value": "oklch(68.30% 0.0001 0deg)"
-                },
-                "light-emphasis": {
-                    "name": "Light Emphasis",
-                    "type": "color",
-                    "value": "oklch(43.86% 0.0001 0deg)"
-                },
-                "light-on-subtle": {
-                    "name": "Light On Subtle",
-                    "type": "color",
-                    "value": "oklch(28.09% 0.0000 0deg)"
-                },
-                "on-light": {
-                    "name": "On Light",
-                    "type": "color",
-                    "value": "oklch(28.09% 0.0000 0deg)"
-                },
-                "light-on-surface": {
-                    "name": "Light On Surface",
-                    "type": "color",
-                    "value": "oklch(74.76% 0.0001 0deg)"
-                },
-                "dark-subtle": {
-                    "name": "Dark Subtle",
-                    "type": "color",
-                    "value": "oklch(16.84% 0.0000 0deg)"
-                },
-                "dark-subtle-hover": {
-                    "name": "Dark Subtle Hover",
-                    "type": "color",
-                    "value": "oklch(21.78% 0.0000 0deg)"
-                },
-                "dark-subtle-active": {
-                    "name": "Dark Subtle Active",
-                    "type": "color",
-                    "value": "oklch(26.03% 0.0000 0deg)"
-                },
-                "dark": {
-                    "name": "Dark",
-                    "type": "color",
-                    "value": "oklch(28.09% 0.0000 0deg)"
-                },
-                "dark-hover": {
-                    "name": "Dark Hover",
-                    "type": "color",
-                    "value": "oklch(36.00% 0.0000 0deg)"
-                },
-                "dark-active": {
-                    "name": "Dark Active",
-                    "type": "color",
-                    "value": "oklch(34.07% 0.0000 0deg)"
-                },
-                "dark-emphasis": {
-                    "name": "Dark Emphasis",
-                    "type": "color",
-                    "value": "oklch(43.86% 0.0001 0deg)"
-                },
-                "dark-on-subtle": {
-                    "name": "Dark On Subtle",
-                    "type": "color",
-                    "value": "oklch(74.76% 0.0001 0deg)"
-                },
-                "on-dark": {
-                    "name": "On Dark",
-                    "type": "color",
-                    "value": "oklch(100.00% 0.0001 0deg)"
-                },
-                "dark-on-surface": {
-                    "name": "Dark On Surface",
-                    "type": "color",
-                    "value": "oklch(28.09% 0.0000 0deg)"
-                },
                 "inverse-subtle": {
                     "name": "Inverse Subtle",
                     "type": "color",

package/lib/swatches/fluent-main.json

@@ -3,7 +3,7 @@
     "name": "Fluent Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "13.2.0-dev.3",
+    "version": "14.0.0-dev.0",
     "previewColors": [
         "oklch(98.51% 0.0001 0deg)",
         "oklch(100.00% 0.0001 0deg)",

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": "13.2.0-dev.3",
+  "version": "14.0.0-dev.0",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -55,12 +55,12 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^4.8.0",
-    "@progress/kendo-theme-core": "13.2.0-dev.3",
-    "@progress/kendo-theme-utils": "13.2.0-dev.3"
+    "@progress/kendo-theme-core": "14.0.0-dev.0",
+    "@progress/kendo-theme-utils": "14.0.0-dev.0"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "5487edc15973af51b6b452b987a8cb020d654a57"
+  "gitHead": "3f1cafd275c148edc39e26aa67cc7105a3421dbc"
 }

package/scss/action-sheet/_variables.scss

@@ -71,6 +71,9 @@ $kendo-actionsheet-header-line-height: var( --kendo-actionsheet-header-line-heig
 /// Spacing between the action sheet header groups.
 /// @group action-sheet
 $kendo-actionsheet-header-gap: var( --kendo-actionsheet-header-gap, #{k-spacing(4)} ) !default;
+/// Font weight of the action sheet header.
+/// @group action-sheet
+$kendo-actionsheet-header-font-weight: null !default;
 
 
 /// Background color of the action sheet header.
@@ -128,6 +131,9 @@ $kendo-actionsheet-item-border-width: var( --kendo-actionsheet-item-border-width
 /// Spacing between the icon and the text in the action sheet item.
 /// @group action-sheet
 $kendo-actionsheet-item-spacing: var( --kendo-actionsheet-item-spacing, #{k-spacing(1)} ) !default;
+/// Border radius of the action sheet item.
+/// @group action-sheet
+$kendo-actionsheet-item-border-radius: null !default;
 
 /// Font weight of the action sheet item text.
 /// @group action-sheet
@@ -245,6 +251,7 @@ $kendo-adaptive-actionsheet-footer-padding-x: var( --kendo-adaptive-actionsheet-
     $kendo-actionsheet-titlebar-font-size: $kendo-actionsheet-header-font-size,
     $kendo-actionsheet-titlebar-font-family: $kendo-actionsheet-header-font-family,
     $kendo-actionsheet-titlebar-line-height: $kendo-actionsheet-header-line-height,
+    $kendo-actionsheet-titlebar-font-weight: $kendo-actionsheet-header-font-weight,
     $kendo-actionsheet-titlebar-gap: $kendo-actionsheet-header-gap,
     $kendo-actionsheet-titlebar-bg: $kendo-actionsheet-header-bg,
     $kendo-actionsheet-titlebar-text: $kendo-actionsheet-header-text,
@@ -263,6 +270,7 @@ $kendo-adaptive-actionsheet-footer-padding-x: var( --kendo-adaptive-actionsheet-
     $kendo-actionsheet-item-padding-y: $kendo-actionsheet-item-padding-y,
     $kendo-actionsheet-item-border-width: $kendo-actionsheet-item-border-width,
     $kendo-actionsheet-item-spacing: $kendo-actionsheet-item-spacing,
+    $kendo-actionsheet-item-border-radius: $kendo-actionsheet-item-border-radius,
     $kendo-actionsheet-item-title-font-weight: $kendo-actionsheet-item-title-font-weight,
     $kendo-actionsheet-item-title-text-transform: $kendo-actionsheet-item-title-text-transform,
     $kendo-actionsheet-item-description-font-size: $kendo-actionsheet-item-description-font-size,

package/scss/appbar/_variables.scss

@@ -5,7 +5,7 @@
 /// The default theme color of the AppBar.
 /// @group appbar
 /// @role default
-$kendo-appbar-default-theme-color: "light" !default;
+$kendo-appbar-default-theme-color: "base" !default;
 
 /// The horizontal margin of the AppBar.
 /// @group appbar
@@ -22,6 +22,9 @@ $kendo-appbar-padding-y: var( --kendo-appbar-padding-y, k-spacing(3.5) ) !defaul
 /// The width of the border around the AppBar.
 /// @group appbar
 $kendo-appbar-border-width: var( --kendo-appbar-border-width, 0px ) !default;
+/// The border radius of the AppBar.
+/// @group appbar
+$kendo-appbar-border-radius: null !default;
 /// The z-index of the AppBar.
 /// @group appbar
 $kendo-appbar-zindex: var( --kendo-appbar-zindex, k-z-index("banner") ) !default;
@@ -49,34 +52,17 @@ $kendo-appbar-bg: var( --kendo-appbar-bg, k-color(surface) ) !default;
 /// @group appbar
 $kendo-appbar-border: var( --kendo-appbar-border, color-mix(in srgb, k-color(border) 26%, transparent) ) !default;
 
-/// The background color of the AppBar based on light theme color.
-/// @group appbar
-$kendo-appbar-light-bg: k-color(light) !default;
-/// The text color of the AppBar based on light theme color.
-/// @group appbar
-$kendo-appbar-light-text: k-color(on-light) !default;
-
-/// The background color of the AppBar based on dark theme color.
-/// @group appbar
-$kendo-appbar-dark-bg: k-color(dark) !default;
-/// The text color of the AppBar based on dark theme color.
-/// @group appbar
-$kendo-appbar-dark-text: k-color(on-dark) !default;
-
 @forward "@progress/kendo-theme-core/scss/components/appbar/_variables.scss" with (
     $kendo-appbar-margin-x: $kendo-appbar-margin-x,
     $kendo-appbar-margin-y: $kendo-appbar-margin-y,
     $kendo-appbar-padding-x: $kendo-appbar-padding-x,
     $kendo-appbar-padding-y: $kendo-appbar-padding-y,
     $kendo-appbar-border-width: $kendo-appbar-border-width,
+    $kendo-appbar-border-radius: $kendo-appbar-border-radius,
     $kendo-appbar-zindex: $kendo-appbar-zindex,
     $kendo-appbar-font-family: $kendo-appbar-font-family,
     $kendo-appbar-font-size: $kendo-appbar-font-size,
     $kendo-appbar-line-height: $kendo-appbar-line-height,
     $kendo-appbar-gap: $kendo-appbar-spacing,
-    $kendo-appbar-light-bg: $kendo-appbar-light-bg,
-    $kendo-appbar-dark-bg: $kendo-appbar-dark-bg,
-    $kendo-appbar-light-text: $kendo-appbar-light-text,
-    $kendo-appbar-dark-text: $kendo-appbar-dark-text,
     $kendo-appbar-default-theme-color: $kendo-appbar-default-theme-color
 );

package/scss/bottom-navigation/_theme.scss

@@ -60,7 +60,7 @@
                     background-color: k-color(app-surface);
                     border-color: color-mix(in srgb, k-color(border) 16%, transparent);
 
-                    @if ($name == "warning" or $name == "dark" or $name == "inverse") {
+                    @if ($name == "warning" or $name == "inverse") {
                         border-color: k-color(#{$name});
                     }
 

package/scss/button/_theme.scss

@@ -169,22 +169,6 @@
                     }
                 }
             }
-
-            @if($theme-color == "light") {
-                #{k-when-default($kendo-button-default-fill-mode, ("outline", "flat", "clear", "link"))}
-                &.k-button-outline,
-                &.k-button-flat,
-                &.k-button-clear,
-                &.k-button-link {
-                    #{k-when-default($kendo-button-default-theme-color, $theme-color)}
-                    &.k-button-#{$theme-color} {
-                        &:focus,
-                        &.k-focus {
-                            outline-color: k-color(light-on-surface);
-                        }
-                    }
-                }
-            }
         }
     }
 

package/scss/button/_variables.scss

@@ -28,6 +28,10 @@ $kendo-button-border-width: var( --kendo-button-border-width, 1px ) !default;
 /// @group button
 $kendo-button-border-radius: null !default;
 
+/// The spacing between icon and text inside the Button.
+/// @group button
+$kendo-button-gap: k-spacing(2) !default;
+
 /// The horizontal padding of the xsmall Button.
 /// @group button
 $kendo-button-xs-padding-x: var( --kendo-button-xs-padding-x, k-spacing(1) ) !default;
@@ -199,6 +203,7 @@ $kendo-button-transition: color k-transition(rapid), background-color k-transiti
 @forward "@progress/kendo-theme-core/scss/components/button/_variables.scss" with (
     $kendo-button-border-width: $kendo-button-border-width,
     $kendo-button-border-radius: $kendo-button-border-radius,
+    $kendo-button-gap: $kendo-button-gap,
     $kendo-button-xs-padding-x: $kendo-button-xs-padding-x,
     $kendo-button-sm-padding-x: $kendo-button-sm-padding-x,
     $kendo-button-md-padding-x: $kendo-button-md-padding-x,

package/scss/card/_variables.scss

@@ -2,11 +2,6 @@
 @use "../core/_index.scss" as *;
 @use "../button/_variables.scss" as *;
 
-/// The default theme color of the Card.
-/// @role default
-/// @group card
-$kendo-card-default-theme-color: null !default;
-
 /// The horizontal padding of the Card.
 /// @group card
 $kendo-card-padding-x: var( --kendo-card-padding-x, k-spacing(3) ) !default;
@@ -179,7 +174,6 @@ $kendo-card-deck-scroll-button-offset: calc( -1 * #{$kendo-button-border-width}
 $kendo-card-callout-size: 20px !default;
 
 @forward "@progress/kendo-theme-core/scss/components/card/_variables.scss" with (
-    $kendo-card-default-theme-color: $kendo-card-default-theme-color,
     $kendo-card-padding-x: $kendo-card-padding-x,
     $kendo-card-padding-y: $kendo-card-padding-y,
     $kendo-card-border-width: $kendo-card-border-width,

package/scss/chart-wizard/_variables.scss

@@ -15,6 +15,12 @@ $kendo-chart-wizard-icon-area-border-radius: var( --kendo-chart-wizard-icon-area
 /// The padding of the area around the chart type icon.
 /// @group chart-wizard
 $kendo-chart-wizard-icon-area-padding: var( --kendo-chart-wizard-icon-area-padding, k-spacing(4) ) !default;
+/// The border width of the area around the chart type icon.
+/// @group chart-wizard
+$kendo-chart-wizard-icon-area-border-width: null !default;
+/// The border color of the area around the chart type icon.
+/// @group chart-wizard
+$kendo-chart-wizard-icon-area-border-color: null !default;
 /// The box shadow of the focused area around the chart type icon.
 /// @group chart-wizard
 $kendo-chart-wizard-icon-area-focus-shadow: var( --kendo-chart-wizard-icon-area-focus-shadow, inset 0 0 0 1px k-color(primary-emphasis) ) !default;
@@ -22,6 +28,13 @@ $kendo-chart-wizard-icon-area-focus-shadow: var( --kendo-chart-wizard-icon-area-
 /// @group chart-wizard
 $kendo-chart-wizard-icon-area-selected-shadow: var( --kendo-chart-wizard-icon-area-selected-shadow, inset 0 0 0 1px $kendo-chart-wizard-icon-area-color ) !default;
 
+/// The border color of the selected area around the chart type icon.
+/// @group chart-wizard
+$kendo-chart-wizard-icon-area-selected-border-color: null !default;
+/// The background color of the selected area around the chart type icon.
+/// @group chart-wizard
+$kendo-chart-wizard-icon-area-selected-bg: null !default;
+
 /// The color of the selected chart type items in the Property panel.
 /// @group chart-wizard
 $kendo-chart-wizard-chart-type-selected-color: var( --kendo-chart-wizard-chart-type-selected-color, k-color(primary) ) !default;
@@ -44,9 +57,13 @@ $kendo-chart-wizard-icon-text-gap: var( --kendo-chart-wizard-icon-text-gap, k-sp
     $kendo-chart-wizard-icon-area-color: $kendo-chart-wizard-icon-area-color,
     $kendo-chart-wizard-icon-area-bg: $kendo-chart-wizard-icon-area-bg,
     $kendo-chart-wizard-icon-area-border-radius: $kendo-chart-wizard-icon-area-border-radius,
+    $kendo-chart-wizard-icon-area-border-width: $kendo-chart-wizard-icon-area-border-width,
+    $kendo-chart-wizard-icon-area-border-color: $kendo-chart-wizard-icon-area-border-color,
     $kendo-chart-wizard-icon-area-padding: $kendo-chart-wizard-icon-area-padding,
     $kendo-chart-wizard-icon-area-focus-shadow: $kendo-chart-wizard-icon-area-focus-shadow,
     $kendo-chart-wizard-icon-area-selected-shadow: $kendo-chart-wizard-icon-area-selected-shadow,
+    $kendo-chart-wizard-icon-area-selected-border-color: $kendo-chart-wizard-icon-area-selected-border-color,
+    $kendo-chart-wizard-icon-area-selected-bg: $kendo-chart-wizard-icon-area-selected-bg,
     $kendo-chart-wizard-chart-type-selected-color: $kendo-chart-wizard-chart-type-selected-color,
     $kendo-chart-wizard-preview-pane-padding: $kendo-chart-wizard-preview-pane-padding,
     $kendo-chart-wizard-property-pane-padding: $kendo-chart-wizard-property-pane-padding,

package/scss/chat/_variables.scss

@@ -19,6 +19,9 @@ $kendo-chat-height: var( --kendo-chat-height, 320px ) !default;
 /// The border width of the Chat.
 /// @group chat
 $kendo-chat-border-width: var( --kendo-chat-border-width, 1px ) !default;
+/// The border radius of the Chat.
+/// @group chat
+$kendo-chat-border-radius: var( --kendo-chat-border-radius, null ) !default;
 /// The font family of the Chat.
 /// @group chat
 $kendo-chat-font-family: var( --kendo-chat-font-family, var(--kendo-font-family) ) !default;
@@ -237,6 +240,7 @@ $kendo-chat-message-reference-marker-alt-bg: var( --kendo-chat-message-reference
     $kendo-chat-width: $kendo-chat-width,
     $kendo-chat-height: $kendo-chat-height,
     $kendo-chat-border-width: $kendo-chat-border-width,
+    $kendo-chat-border-radius: $kendo-chat-border-radius,
     $kendo-chat-font-family: $kendo-chat-font-family,
     $kendo-chat-font-size: $kendo-chat-font-size,
     $kendo-chat-line-height: $kendo-chat-line-height,

package/scss/column-menu/_variables.scss

@@ -26,6 +26,10 @@ $kendo-column-menu-item-lg-padding-x: var( --kendo-column-menu-item-lg-padding-x
 /// @group column-menu
 $kendo-column-menu-item-lg-padding-y: var( --kendo-column-menu-item-lg-padding-y, k-spacing(2) ) !default;
 
+/// The vertical padding of the ColumnMenu item wrapper.
+/// @group column-menu
+$kendo-column-menu-item-wrapper-padding-y: null !default;
+
 /// The font size of the small ColumnMenu.
 /// @group column-menu
 $kendo-column-menu-sm-font-size: var( --kendo-column-menu-sm-font-size, var(--kendo-font-size) ) !default;
@@ -64,6 +68,10 @@ $kendo-group-menu-item-add-action-text: var( --kendo-group-menu-item-add-action-
 /// @group column-menu
 $kendo-group-menu-item-border: var( --kendo-group-menu-item-border, color-mix(in srgb, k-color(border) 16%, transparent) ) !default;
 
+/// The border radius of the ColumnMenu list item.
+/// @group column-menu
+$kendo-column-list-item-border-radius: null !default;
+
 @forward "@progress/kendo-theme-core/scss/components/column-menu/_variables.scss" with (
     $kendo-column-menu-default-size: $kendo-column-menu-default-size,
     $kendo-column-menu-item-sm-padding-x: $kendo-column-menu-item-sm-padding-x,
@@ -72,6 +80,7 @@ $kendo-group-menu-item-border: var( --kendo-group-menu-item-border, color-mix(in
     $kendo-column-menu-item-md-padding-y: $kendo-column-menu-item-md-padding-y,
     $kendo-column-menu-item-lg-padding-x: $kendo-column-menu-item-lg-padding-x,
     $kendo-column-menu-item-lg-padding-y: $kendo-column-menu-item-lg-padding-y,
+    $kendo-column-menu-item-wrapper-padding-y: $kendo-column-menu-item-wrapper-padding-y,
     $kendo-column-menu-sm-font-size: $kendo-column-menu-sm-font-size,
     $kendo-column-menu-md-font-size: $kendo-column-menu-md-font-size,
     $kendo-column-menu-lg-font-size: $kendo-column-menu-lg-font-size,
@@ -82,5 +91,6 @@ $kendo-group-menu-item-border: var( --kendo-group-menu-item-border, color-mix(in
     $kendo-group-menu-item-action-hover-bg: $kendo-group-menu-item-action-hover-bg,
     $kendo-group-menu-item-action-selected-bg: $kendo-group-menu-item-action-selected-bg,
     $kendo-group-menu-item-add-action-text: $kendo-group-menu-item-add-action-text,
-    $kendo-group-menu-item-border: $kendo-group-menu-item-border
+    $kendo-group-menu-item-border: $kendo-group-menu-item-border,
+    $kendo-column-list-item-border-radius: $kendo-column-list-item-border-radius
 );