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

package/lib/swatches/classic-green-dark.json

@@ -3,7 +3,7 @@
     "name": "Classic Green Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "13.2.0-dev.3",
+    "version": "14.0.0-dev.0",
     "previewColors": [
         "oklch(0.00% 0.0000 0deg)",
         "oklch(18.97% 0.0025 145.96deg)",

package/lib/swatches/classic-green.json

@@ -3,7 +3,7 @@
     "name": "Classic Green",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "13.2.0-dev.3",
+    "version": "14.0.0-dev.0",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(96.61% 0.0016 149.39deg)",

package/lib/swatches/classic-lavender-dark.json

@@ -3,7 +3,7 @@
     "name": "Classic Lavender Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "13.2.0-dev.3",
+    "version": "14.0.0-dev.0",
     "previewColors": [
         "oklch(0.00% 0.0000 0deg)",
         "oklch(20.26% 0.0161 330.88deg)",

package/lib/swatches/classic-lavender.json

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

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

@@ -3,7 +3,7 @@
     "name": "Classic Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "13.2.0-dev.3",
+    "version": "14.0.0-dev.0",
     "previewColors": [
         "oklch(0.00% 0.0000 0deg)",
         "oklch(17.30% 0.0000 0deg)",

package/lib/swatches/classic-main.json

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

package/lib/swatches/classic-metro-dark.json

@@ -3,7 +3,7 @@
     "name": "Classic Metro Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "13.2.0-dev.3",
+    "version": "14.0.0-dev.0",
     "previewColors": [
         "oklch(0.00% 0.0000 0deg)",
         "oklch(16.38% 0.0000 0deg)",

package/lib/swatches/classic-metro.json

@@ -3,7 +3,7 @@
     "name": "Classic Metro",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "13.2.0-dev.3",
+    "version": "14.0.0-dev.0",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(98.21% 0.0001 0deg)",

package/lib/swatches/classic-moonlight.json

@@ -3,7 +3,7 @@
     "name": "Classic Moonlight",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "13.2.0-dev.3",
+    "version": "14.0.0-dev.0",
     "previewColors": [
         "oklch(27.98% 0.0255 248.78deg)",
         "oklch(33.48% 0.0217 259.40deg)",

package/lib/swatches/classic-opal-dark.json

@@ -3,7 +3,7 @@
     "name": "Classic Opal Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "13.2.0-dev.3",
+    "version": "14.0.0-dev.0",
     "previewColors": [
         "oklch(0.00% 0.0000 0deg)",
         "oklch(27.27% 0.0000 0deg)",

package/lib/swatches/classic-opal.json

@@ -3,7 +3,7 @@
     "name": "Classic Opal",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "13.2.0-dev.3",
+    "version": "14.0.0-dev.0",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(95.37% 0.0262 224.39deg)",

package/lib/swatches/classic-silver-dark.json

@@ -3,7 +3,7 @@
     "name": "Classic Silver Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "13.2.0-dev.3",
+    "version": "14.0.0-dev.0",
     "previewColors": [
         "oklch(0.00% 0.0000 0deg)",
         "oklch(18.72% 0.0020 285.91deg)",

package/lib/swatches/classic-silver.json

@@ -3,7 +3,7 @@
     "name": "Classic Silver",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "13.2.0-dev.3",
+    "version": "14.0.0-dev.0",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(96.44% 0.0014 284.24deg)",

package/lib/swatches/classic-uniform.json

@@ -3,7 +3,7 @@
     "name": "Classic Uniform",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "13.2.0-dev.3",
+    "version": "14.0.0-dev.0",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(95.51% 0.0001 0deg)",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-classic",
   "description": "Sass port of less based themes for Kendo UI theme",
-  "version": "13.2.0-dev.3",
+  "version": "14.0.0-dev.0",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -54,12 +54,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

@@ -74,6 +74,9 @@ $kendo-actionsheet-titlebar-line-height: null !default;
 /// The gap of the ActionSheet titlebar.
 /// @group action-sheet
 $kendo-actionsheet-titlebar-gap: k-spacing(4) !default;
+/// The font weight of the ActionSheet titlebar.
+/// @group action-sheet
+$kendo-actionsheet-titlebar-font-weight: null !default;
 
 /// The background color of the ActionSheet titlebar.
 /// @group action-sheet
@@ -137,6 +140,9 @@ $kendo-actionsheet-item-border-width: 1px !default;
 /// The spacing between the ActionSheet items.
 /// @group action-sheet
 $kendo-actionsheet-item-spacing: k-spacing(3) !default;
+/// The border radius of the ActionSheet item.
+/// @group action-sheet
+$kendo-actionsheet-item-border-radius: null !default;
 
 /// The font weight of the ActionSheet item title.
 /// @group action-sheet
@@ -254,6 +260,7 @@ $kendo-adaptive-actionsheet-footer-padding-x: k-spacing(4) !default;
     $kendo-actionsheet-titlebar-font-size: $kendo-actionsheet-titlebar-font-size,
     $kendo-actionsheet-titlebar-font-family: $kendo-actionsheet-titlebar-font-family,
     $kendo-actionsheet-titlebar-line-height: $kendo-actionsheet-titlebar-line-height,
+    $kendo-actionsheet-titlebar-font-weight: $kendo-actionsheet-titlebar-font-weight,
     $kendo-actionsheet-titlebar-gap: $kendo-actionsheet-titlebar-gap,
     $kendo-actionsheet-titlebar-bg: $kendo-actionsheet-titlebar-bg,
     $kendo-actionsheet-titlebar-text: $kendo-actionsheet-titlebar-text,
@@ -274,6 +281,7 @@ $kendo-adaptive-actionsheet-footer-padding-x: k-spacing(4) !default;
     $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

@@ -7,7 +7,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
@@ -24,6 +24,9 @@ $kendo-appbar-padding-y: k-spacing(2) !default;
 /// The width of the border around the AppBar.
 /// @group appbar
 $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: k-z-index("banner") !default;
@@ -41,20 +44,6 @@ $kendo-appbar-line-height: var(--kendo-line-height) !default;
 /// @group appbar
 $kendo-appbar-gap: k-spacing(2) !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 colorr.
-/// @group appbar
-$kendo-appbar-dark-text: k-color(on-dark) !default;
-
 /// The box shadow of the AppBar.
 /// @group appbar
 $kendo-appbar-box-shadow: k-elevation(4) !default;
@@ -68,15 +57,12 @@ $kendo-appbar-bottom-box-shadow: k-elevation(4) !default;
     $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-gap,
-    $kendo-appbar-light-bg: $kendo-appbar-light-bg,
-    $kendo-appbar-light-text: $kendo-appbar-light-text,
-    $kendo-appbar-dark-bg: $kendo-appbar-dark-bg,
-    $kendo-appbar-dark-text: $kendo-appbar-dark-text,
     $kendo-appbar-box-shadow: $kendo-appbar-box-shadow,
     $kendo-appbar-bottom-box-shadow: $kendo-appbar-bottom-box-shadow,
     $kendo-appbar-default-theme-color: $kendo-appbar-default-theme-color

package/scss/button/_variables.scss

@@ -29,6 +29,10 @@ $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(1) !default;
+
 /// The horizontal padding of the xsmall Button.
 /// @group button
 $kendo-button-xs-padding-x: k-spacing(2) !default;
@@ -268,6 +272,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

@@ -3,11 +3,6 @@
 
 // Card
 
-/// The default theme color of the Card.
-/// @group card
-/// @role default
-$kendo-card-default-theme-color: null !default;
-
 /// The horizontal padding of the Card.
 /// @group card
 $kendo-card-padding-x: k-spacing(4) !default;
@@ -189,7 +184,6 @@ $kendo-card-callout-height: 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: k-border-radius(md) !default;
 /// The padding of the area around the chart type icon.
 /// @group chart-wizard
 $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: inset 0 0 0 1px k-color(primary-emphasis) !default;
@@ -22,6 +28,13 @@ $kendo-chart-wizard-icon-area-focus-shadow: inset 0 0 0 1px k-color(primary-emph
 /// @group chart-wizard
 $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: k-color(primary) !default;
@@ -45,9 +58,13 @@ $kendo-chart-wizard-icon-text-gap: k-spacing(3) !default;
     $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

@@ -18,6 +18,9 @@ $kendo-chat-height: 320px !default;
 /// The border width of the Chat.
 /// @group chat
 $kendo-chat-border-width: 1px !default;
+/// The border radius of the Chat.
+/// @group chat
+$kendo-chat-border-radius: null !default;
 /// The font family of the Chat.
 /// @group chat
 $kendo-chat-font-family: var(--kendo-font-family) !default;
@@ -235,6 +238,7 @@ $kendo-chat-message-reference-marker-alt-bg: k-color(primary-emphasis) !default;
     $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: k-spacing(2) !default;
 /// @group column-menu
 $kendo-column-menu-item-lg-padding-y: k-spacing(1.5) !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 ColumnMenu.
 /// @group column-menu
 $kendo-column-menu-font-size: var(--kendo-font-size) !default;
@@ -70,6 +74,10 @@ $kendo-group-menu-item-add-action-text: k-color(primary-on-surface) !default;
 /// @group column-menu
 $kendo-group-menu-item-border: k-color(border) !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,
@@ -88,8 +96,10 @@ $kendo-group-menu-item-border: k-color(border) !default;
     $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-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
 );

package/scss/core/color-system/_swatch.scss

@@ -107,30 +107,6 @@ $_default-colors: (
     on-error: #{"oklch(from var(--kendo-color-error) clamp(0, (0.7 - l) * 99999, 1) 0 h)"},
     error-on-surface: #{"oklch(from var(--kendo-color-error) calc(l * 0.757) calc(c * 0.744) h)"},
 
-    // Light (ash-gray, achromatic)
-    light-subtle: #{"oklch(from var(--kendo-color-light) calc(l + 0.015) c h)"},
-    light-subtle-hover: #{"oklch(from var(--kendo-color-light) l c h)"},
-    light-subtle-active: #{"oklch(from var(--kendo-color-light) calc(l - 0.0425) c h)"},
-    light: oklch(94.01% 0 0deg),
-    light-hover: #{"oklch(from var(--kendo-color-light) calc(l - 0.0425) c h)"},
-    light-active: #{"oklch(from var(--kendo-color-light) calc(l - 0.064) c h)"},
-    light-emphasis: #{"oklch(from var(--kendo-color-light) calc(l - 0.1011) c h)"},
-    light-on-subtle: oklch(27.27% 0 0deg),
-    on-light: oklch(0% 0 0deg),
-    light-on-surface: #{"oklch(from var(--kendo-color-light) l c h)"},
-
-    // Dark (ash-gray, achromatic)
-    dark-subtle: #{"oklch(from var(--kendo-color-dark) calc(l + 0.4675) c h)"},
-    dark-subtle-hover: #{"oklch(from var(--kendo-color-dark) calc(l + 0.4048) c h)"},
-    dark-subtle-active: #{"oklch(from var(--kendo-color-dark) calc(l + 0.344) c h)"},
-    dark: oklch(37.15% 0 0deg),
-    dark-hover: #{"oklch(from var(--kendo-color-dark) calc(l - 0.0504) c h)"},
-    dark-active: #{"oklch(from var(--kendo-color-dark) calc(l - 0.0988) c h)"},
-    dark-emphasis: #{"oklch(from var(--kendo-color-dark) calc(l + 0.208) c h)"},
-    dark-on-subtle: oklch(0% 0 0deg),
-    on-dark: oklch(100% 0 0deg),
-    dark-on-surface: #{"oklch(from var(--kendo-color-dark) calc(l - 0.0504) c h)"},
-
     // Inverse (ash-gray, achromatic)
     inverse-subtle: #{"oklch(from var(--kendo-color-inverse) calc(l + 0.4675) c h)"},
     inverse-subtle-hover: #{"oklch(from var(--kendo-color-inverse) calc(l + 0.4048) c h)"},
@@ -327,38 +303,6 @@ $_default-colors: (
 /// @prop {Color} on-error - The text color variable for content on error.
 /// @prop {Color} error-on-surface - The text color variable for content on surface.
 ///
-/// @subgroup {light}
-/// [light-subtle, light-subtle-hover, light-subtle-active,
-/// light, light-hover, light-active, light-emphasis,
-/// light-on-subtle, on-light, light-on-surface]
-/// The Light variable group.
-/// @prop {Color} light-subtle - The light subtle background color variable.
-/// @prop {Color} light-subtle-hover - The light subtle background color variable for the hover state.
-/// @prop {Color} light-subtle-active - The light subtle background color variable for the active state.
-/// @prop {Color} light - The light background color variable.
-/// @prop {Color} light-hover - The light background color variable for the hover state.
-/// @prop {Color} light-active - The light background color variable for the active state.
-/// @prop {Color} light-emphasis - The emphasized light color variable.
-/// @prop {Color} light-on-subtle - The text color variable for content on light subtle.
-/// @prop {Color} on-light - The text color variable for content on light.
-/// @prop {Color} light-on-surface - The text color variable for content on surface.
-///
-/// @subgroup {dark}
-/// [dark-subtle, dark-subtle-hover, dark-subtle-active,
-/// dark, dark-hover, dark-active, dark-emphasis,
-/// dark-on-subtle, on-dark, dark-on-surface]
-/// The Dark variable group.
-/// @prop {Color} dark-subtle - The dark subtle background color variable.
-/// @prop {Color} dark-subtle-hover - The dark subtle background color variable for the hover state.
-/// @prop {Color} dark-subtle-active - The dark subtle background color variable for the active state.
-/// @prop {Color} dark - The dark background color variable.
-/// @prop {Color} dark-hover - The dark background color variable for the hover state.
-/// @prop {Color} dark-active - The dark background color variable for the active state.
-/// @prop {Color} dark-emphasis - The emphasized dark color variable.
-/// @prop {Color} dark-on-subtle - The text color variable for content on dark subtle.
-/// @prop {Color} on-dark - The text color variable for content on dark.
-/// @prop {Color} dark-on-surface - The text color variable for content on surface.
-///
 /// @subgroup {inverse}
 /// [inverse-subtle, inverse-subtle-hover, inverse-subtle-active,
 /// inverse, inverse-hover, inverse-active, inverse-emphasis,

package/scss/dataviz/_variables.scss

@@ -195,6 +195,9 @@ $kendo-series-30: $kendo-series-f-darker !default;
 /// The border width of the Chart.
 /// @group charts
 $kendo-chart-border-width: 0px !default;
+/// The border radius of the Chart.
+/// @group charts
+$kendo-chart-border-radius: null !default;
 /// The font family of the Chart.
 /// @group charts
 $kendo-chart-font-family: var(--kendo-font-family) !default;
@@ -327,6 +330,9 @@ $kendo-treemap-padding-x: k-spacing(1) !default;
 /// The vertical padding of the TreeMap.
 /// @group charts
 $kendo-treemap-padding-y: k-spacing(0.5) !default;
+/// The border radius of the TreeMap.
+/// @group charts
+$kendo-treemap-border-radius: null !default;
 
 /// The text color of the TreeMap.
 /// @group charts
@@ -434,6 +440,7 @@ $kendo-gauge-track-bg: k-color(base-emphasis) !default;
     $kendo-series-29: $kendo-series-29,
     $kendo-series-30: $kendo-series-30,
     $kendo-chart-border-width: $kendo-chart-border-width,
+    $kendo-chart-border-radius: $kendo-chart-border-radius,
     $kendo-chart-font-family: $kendo-chart-font-family,
     $kendo-chart-font-size: $kendo-chart-font-size,
     $kendo-chart-line-height: $kendo-chart-line-height,
@@ -473,6 +480,7 @@ $kendo-gauge-track-bg: k-color(base-emphasis) !default;
     $kendo-treemap-line-height: $kendo-treemap-line-height,
     $kendo-treemap-padding-x: $kendo-treemap-padding-x,
     $kendo-treemap-padding-y: $kendo-treemap-padding-y,
+    $kendo-treemap-border-radius: $kendo-treemap-border-radius,
     $kendo-chart-overlay-bg: $kendo-chart-overlay-bg,
     $kendo-chart-no-data-font-size: $kendo-chart-no-data-font-size,
     $kendo-chart-no-data-font-weight: $kendo-chart-no-data-font-weight,

package/scss/dialog/_variables.scss

@@ -4,11 +4,6 @@
 
 // Dialog
 
-/// The default theme color of the Dialog.
-/// @group dialog
-/// @role default
-$kendo-dialog-default-theme-color: null !default;
-
 /// The background color of the Dialog titlebar.
 /// @group dialog
 $kendo-dialog-titlebar-bg: k-color(surface) !default;
@@ -38,7 +33,6 @@ $kendo-dialog-bg: k-color(surface-alt) !default;
 
 
 @forward "@progress/kendo-theme-core/scss/components/dialog/_variables.scss" with (
-    $kendo-dialog-default-theme-color: $kendo-dialog-default-theme-color,
     $kendo-dialog-titlebar-bg: $kendo-dialog-titlebar-bg,
     $kendo-dialog-titlebar-text: $kendo-dialog-titlebar-text,
     $kendo-dialog-titlebar-border: $kendo-dialog-titlebar-border,

package/scss/dock-manager/_variables.scss

@@ -9,6 +9,9 @@ $kendo-dock-manager-border-style: solid !default;
 /// The color of the border around the DockManager component.
 /// @group dock-manager
 $kendo-dock-manager-border: k-color(border) !default;
+/// The border radius of the DockManager.
+/// @group dock-manager
+$kendo-dock-manager-border-radius: null !default;
 
 /// The vertical padding of the pane header in the DockManager component.
 /// @group dock-manager
@@ -119,6 +122,7 @@ $kendo-dock-manager-dock-preview-border: k-color(primary) !default;
     $kendo-dock-manager-border-width: $kendo-dock-manager-border-width,
     $kendo-dock-manager-border-style: $kendo-dock-manager-border-style,
     $kendo-dock-manager-border: $kendo-dock-manager-border,
+    $kendo-dock-manager-border-radius: $kendo-dock-manager-border-radius,
     $kendo-dock-manager-pane-header-padding-y: $kendo-dock-manager-pane-header-padding-y,
     $kendo-dock-manager-pane-header-padding-x: $kendo-dock-manager-pane-header-padding-x,
     $kendo-dock-manager-pane-header-border-width: $kendo-dock-manager-pane-header-border-width,

package/scss/dropzone/_variables.scss

@@ -12,6 +12,9 @@ $kendo-dropzone-padding-y: k-spacing(2) !default;
 /// The border width of the DropZone.
 /// @group dropzone
 $kendo-dropzone-border-width: 1px !default;
+/// The border radius of the DropZone.
+/// @group dropzone
+$kendo-dropzone-border-radius: null !default;
 /// The minimum height of the DropZone.
 /// @group dropzone
 $kendo-dropzone-min-height: 220px !default;
@@ -71,6 +74,7 @@ $kendo-dropzone-note-text: k-color(subtle) !default;
     $kendo-dropzone-padding-x: $kendo-dropzone-padding-x,
     $kendo-dropzone-padding-y: $kendo-dropzone-padding-y,
     $kendo-dropzone-border-width: $kendo-dropzone-border-width,
+    $kendo-dropzone-border-radius: $kendo-dropzone-border-radius,
     $kendo-dropzone-min-height: $kendo-dropzone-min-height,
     $kendo-dropzone-font-family: $kendo-dropzone-font-family,
     $kendo-dropzone-font-size: $kendo-dropzone-font-size,

package/scss/editor/_variables.scss

@@ -7,6 +7,9 @@
 /// The width of the border around the Еditor.
 /// @group editor
 $kendo-editor-border-width: 1px !default;
+/// The border radius of the Editor.
+/// @group editor
+$kendo-editor-border-radius: null !default;
 /// The font family of the Еditor.
 /// @group editor
 $kendo-editor-font-family: var(--kendo-font-family) !default;
@@ -90,6 +93,7 @@ $kendo-editor-ct-cell-border: k-color(primary) !default;
 
 @forward "@progress/kendo-theme-core/scss/components/editor/_variables.scss" with (
     $kendo-editor-border-width: $kendo-editor-border-width,
+    $kendo-editor-border-radius: $kendo-editor-border-radius,
     $kendo-editor-font-family: $kendo-editor-font-family,
     $kendo-editor-font-size: $kendo-editor-font-size,
     $kendo-editor-line-height: $kendo-editor-line-height,

package/scss/expansion-panel/_variables.scss

@@ -10,6 +10,9 @@ $kendo-expander-spacing-y: k-spacing(2) !default;
 /// The width of the border around the ExpansionPanel.
 /// @group expander
 $kendo-expander-border-width: 1px !default;
+/// The border radius of the ExpansionPanel.
+/// @group expander
+$kendo-expander-border-radius: null !default;
 /// The font family of the ExpansionPanel.
 /// @group expander
 $kendo-expander-font-family: var(--kendo-font-family) !default;
@@ -61,6 +64,12 @@ $kendo-expander-header-focus-bg: null !default;
 /// @group expander
 $kendo-expander-header-focus-shadow: $kendo-list-item-focus-shadow !default;
 
+/// The font weight of the ExpansionPanel title.
+/// @group expander
+$kendo-expander-title-font-weight: 500 !default;
+/// The text transform of the ExpansionPanel title.
+/// @group expander
+$kendo-expander-title-text-transform: uppercase !default;
 /// The text color of the ExpansionPanel title.
 /// @group expander
 $kendo-expander-title-text: k-color(primary-on-surface) !default;
@@ -84,6 +93,7 @@ $kendo-expander-content-padding-y: k-spacing(4) !default;
 @forward "@progress/kendo-theme-core/scss/components/expansion-panel/_variables.scss" with (
     $kendo-expander-spacing-y: $kendo-expander-spacing-y,
     $kendo-expander-border-width: $kendo-expander-border-width,
+    $kendo-expander-border-radius: $kendo-expander-border-radius,
     $kendo-expander-font-family: $kendo-expander-font-family,
     $kendo-expander-font-size: $kendo-expander-font-size,
     $kendo-expander-line-height: $kendo-expander-line-height,
@@ -99,6 +109,8 @@ $kendo-expander-content-padding-y: k-spacing(4) !default;
     $kendo-expander-header-hover-bg: $kendo-expander-header-hover-bg,
     $kendo-expander-header-focus-bg: $kendo-expander-header-focus-bg,
     $kendo-expander-header-focus-shadow: $kendo-expander-header-focus-shadow,
+    $kendo-expander-title-font-weight: $kendo-expander-title-font-weight,
+    $kendo-expander-title-text-transform: $kendo-expander-title-text-transform,
     $kendo-expander-title-text: $kendo-expander-title-text,
     $kendo-expander-header-sub-title-text: $kendo-expander-header-sub-title-text,
     $kendo-expander-indicator-margin-x: $kendo-expander-indicator-margin-x,