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

package/dist/meta/variables.json

@@ -45,7 +45,7 @@
     },
     "default-colors": {
         "type": "Map",
-        "value": "(app-surface: oklch(100% 0 0deg), on-app-surface: oklch(from var(--kendo-color-app-surface) clamp(0.36, (0.6 - l) * 99999, 0.95) 0 h), subtle: oklch(51.03% 0 0deg), surface: oklch(98.51% 0 0deg), surface-alt: oklch(from var(--kendo-color-surface) calc(l + 0.02) c h), border: oklch(0% 0 0deg / 0.08), border-alt: oklch(0% 0 0deg / 0.16), base-subtle: oklch(from var(--kendo-color-base) calc(l + clamp(-0.03, (0.6 - l) * 99999, 0.03)) c h), base-subtle-hover: oklch(from var(--kendo-color-base) calc(l + clamp(-0.064, (0.6 - l) * 99999, 0.064)) c h), base-subtle-active: oklch(from var(--kendo-color-base) calc(l + clamp(-0.094, (0.6 - l) * 99999, 0.094)) c h), base: oklch(97.02% 0 0deg), base-hover: oklch(from var(--kendo-color-base) calc(l + clamp(-0.03, (0.6 - l) * 99999, 0.03)) c h), base-active: oklch(from var(--kendo-color-base) calc(l + clamp(-0.094, (0.6 - l) * 99999, 0.094)) c h), base-emphasis: oklch(from var(--kendo-color-base) calc(l + clamp(-0.156, (0.6 - l) * 99999, 0.156)) c h), base-on-subtle: oklch(from var(--kendo-color-base) clamp(0.36, (0.6 - l) * 99999, 0.95) 0 h), on-base: oklch(from var(--kendo-color-base) clamp(0.36, (0.6 - l) * 99999, 0.95) 0 h), base-on-surface: oklch(from var(--kendo-color-base) clamp(0.36, (0.6 - l) * 99999, 0.95) 0 h), primary-subtle: oklch(from var(--kendo-color-primary) 0.958 calc(c * 0.11) h), primary-subtle-hover: oklch(from var(--kendo-color-primary) 0.927 calc(c * 0.19) h), primary-subtle-active: oklch(from var(--kendo-color-primary) 0.88 calc(c * 0.33) h), primary: oklch(69.85% 0.1923 27.19deg), primary-hover: oklch(from var(--kendo-color-primary) calc(l - 0.044) calc(c - 0.012) h), primary-active: oklch(from var(--kendo-color-primary) calc(l - 0.088) calc(c - 0.027) h), primary-emphasis: oklch(from var(--kendo-color-primary) calc(l * 0.665 + 0.33) calc(c * 0.61) h), primary-on-subtle: oklch(from var(--kendo-color-primary) calc(l * 0.48) calc(c * 0.47) h), on-primary: oklch(from var(--kendo-color-primary) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), primary-on-surface: oklch(from var(--kendo-color-primary) l c h), secondary-subtle: oklch(from var(--kendo-color-secondary) calc(l * 0.03 + 0.97) calc(c * 0.12) h), secondary-subtle-hover: oklch(from var(--kendo-color-secondary) calc(l * 0.06 + 0.94) calc(c * 0.18) h), secondary-subtle-active: oklch(from var(--kendo-color-secondary) calc(l * 0.12 + 0.88) calc(c * 0.25) h), secondary: oklch(51.03% 0 0deg), secondary-hover: oklch(from var(--kendo-color-secondary) calc(l - 0.072) c h), secondary-active: oklch(from var(--kendo-color-secondary) calc(l - 0.15) c h), secondary-emphasis: oklch(from var(--kendo-color-secondary) calc(l * 0.19 + 0.81) calc(c * 0.55) h), secondary-on-subtle: oklch(from var(--kendo-color-secondary) calc(l * 0.375) c h), on-secondary: oklch(from var(--kendo-color-secondary) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), secondary-on-surface: oklch(from var(--kendo-color-secondary) calc(l * 0.55) c h), tertiary-subtle: oklch(from var(--kendo-color-tertiary) 0.944 calc(c * 0.20) h), tertiary-subtle-hover: oklch(from var(--kendo-color-tertiary) 0.916 calc(c * 0.29) h), tertiary-subtle-active: oklch(from var(--kendo-color-tertiary) 0.872 calc(c * 0.46) h), tertiary: oklch(69.91% 0.157 238.99deg), tertiary-hover: oklch(from var(--kendo-color-tertiary) calc(l + clamp(-0.046, (0.6 - l) * 99999, 0.046)) c h), tertiary-active: oklch(from var(--kendo-color-tertiary) calc(l + clamp(-0.09, (0.6 - l) * 99999, 0.09)) c h), tertiary-emphasis: oklch(from var(--kendo-color-tertiary) calc(l * 0.665 + 0.33) calc(c * 0.75) h), tertiary-on-subtle: oklch(from var(--kendo-color-tertiary) calc(l * 0.50) calc(c * 0.48) h), on-tertiary: oklch(from var(--kendo-color-tertiary) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), tertiary-on-surface: oklch(from var(--kendo-color-tertiary) calc(l * 0.87) c h), info-subtle: oklch(from var(--kendo-color-info) 0.9086 calc(c * 0.17) h), info-subtle-hover: oklch(from var(--kendo-color-info) 0.8646 calc(c * 0.24) h), info-subtle-active: oklch(from var(--kendo-color-info) 0.7417 calc(c * 0.50) h), info: oklch(51.78% 0.2301 261.43deg), info-hover: oklch(from var(--kendo-color-info) calc(l - 0.0286) calc(c - 0.0164) h), info-active: oklch(from var(--kendo-color-info) calc(l - 0.0624) calc(c - 0.032) h), info-emphasis: oklch(from var(--kendo-color-info) calc(l * 0.68 + 0.33) calc(c * 0.64) h), info-on-subtle: oklch(from var(--kendo-color-info) calc(l * 0.52) calc(c * 0.46) h), on-info: oklch(from var(--kendo-color-info) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), info-on-surface: oklch(from var(--kendo-color-info) calc(l * 0.88) calc(c * 0.86) h), success-subtle: oklch(from var(--kendo-color-success) 0.9326 calc(c * 0.20) h), success-subtle-hover: oklch(from var(--kendo-color-success) 0.9012 calc(c * 0.30) h), success-subtle-active: oklch(from var(--kendo-color-success) 0.8647 calc(c * 0.42) h), success: oklch(67.45% 0.2171 139.99deg), success-hover: oklch(from var(--kendo-color-success) calc(l - 0.042) calc(c - 0.0137) h), success-active: oklch(from var(--kendo-color-success) calc(l - 0.0847) calc(c - 0.0275) h), success-emphasis: oklch(from var(--kendo-color-success) calc(l * 0.675 + 0.33) calc(c * 0.78) h), success-on-subtle: oklch(from var(--kendo-color-success) calc(l * 0.61) calc(c * 0.60) h), on-success: oklch(from var(--kendo-color-success) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), success-on-surface: oklch(from var(--kendo-color-success) calc(l * 0.875) calc(c * 0.875) h), warning-subtle: oklch(from var(--kendo-color-warning) 0.9674 calc(c * 0.26) h), warning-subtle-hover: oklch(from var(--kendo-color-warning) 0.9508 calc(c * 0.38) h), warning-subtle-active: oklch(from var(--kendo-color-warning) 0.9312 calc(c * 0.55) h), warning: oklch(84.22% 0.1727 84.58deg), warning-hover: oklch(from var(--kendo-color-warning) calc(l - 0.055) calc(c - 0.011) h), warning-active: oklch(from var(--kendo-color-warning) calc(l - 0.11) calc(c - 0.0225) h), warning-emphasis: oklch(from var(--kendo-color-warning) calc(l * 0.665 + 0.33) calc(c * 0.83) h), warning-on-subtle: oklch(from var(--kendo-color-warning) calc(l * 0.49) calc(c * 0.49) h), on-warning: oklch(from var(--kendo-color-warning) clamp(0.36, (0.6 - l) * 99999, 1) 0 h), warning-on-surface: oklch(from var(--kendo-color-warning) l c h), error-subtle: oklch(from var(--kendo-color-error) 0.9223 calc(c * 0.14) h), error-subtle-hover: oklch(from var(--kendo-color-error) 0.8762 calc(c * 0.24) h), error-subtle-active: oklch(from var(--kendo-color-error) 0.7533 calc(c * 0.56) h), error: oklch(61.07% 0.2435 30.2deg), error-hover: oklch(from var(--kendo-color-error) calc(l - 0.0377) calc(c - 0.0159) h), error-active: oklch(from var(--kendo-color-error) calc(l - 0.0782) calc(c - 0.0326) h), error-emphasis: oklch(from var(--kendo-color-error) calc(l * 0.61 + 0.33) calc(c * 0.70) h), error-on-subtle: oklch(from var(--kendo-color-error) calc(l * 0.61) calc(c * 0.59) h), on-error: oklch(from var(--kendo-color-error) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), error-on-surface: oklch(from var(--kendo-color-error) calc(l * 0.872) calc(c * 0.866) h), light-subtle: oklch(98.51% 0 0deg), light-subtle-hover: oklch(97.02% 0 0deg), light-subtle-active: oklch(94.01% 0 0deg), light: oklch(94.01% 0 0deg), light-hover: oklch(90.67% 0 0deg), light-active: oklch(87.61% 0 0deg), light-emphasis: oklch(87.61% 0 0deg), light-on-subtle: oklch(19.13% 0 0deg), on-light: oklch(0% 0 0deg), light-on-surface: oklch(90.67% 0 0deg), dark-subtle: oklch(81.41% 0 0deg), dark-subtle-hover: oklch(74.76% 0 0deg), dark-subtle-active: oklch(68.3% 0 0deg), dark: oklch(36% 0 0deg), dark-hover: oklch(28.09% 0 0deg), dark-active: oklch(23.93% 0 0deg), dark-emphasis: oklch(51.03% 0 0deg), dark-on-subtle: oklch(23.93% 0 0deg), on-dark: oklch(100% 0 0deg), dark-on-surface: oklch(19.13% 0 0deg), inverse-subtle: oklch(from var(--kendo-color-inverse) calc(l + 0.15) c h), inverse-subtle-hover: oklch(from var(--kendo-color-inverse) calc(l + 0.079) c h), inverse-subtle-active: oklch(from var(--kendo-color-inverse) l c h), inverse: oklch(36% 0 0deg), inverse-hover: oklch(from var(--kendo-color-inverse) calc(l - 0.079) c h), inverse-active: oklch(from var(--kendo-color-inverse) calc(l - 0.121) c h), inverse-emphasis: oklch(from var(--kendo-color-inverse) calc(l + 0.323) c h), inverse-on-subtle: oklch(from var(--kendo-color-inverse) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), on-inverse: oklch(from var(--kendo-color-inverse) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), inverse-on-surface: oklch(from var(--kendo-color-inverse) calc(l * 0.53) c h), series: oklch(69.85% 0.1923 27.19deg), series-a: var(--kendo-color-series), series-a-bold: oklch(from var(--kendo-color-series-a) calc(l * 0.81) calc(c * 0.79) h), series-a-bolder: oklch(from var(--kendo-color-series-a) calc(l * 0.61) calc(c * 0.57) h), series-a-subtle: oklch(from var(--kendo-color-series-a) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-a-subtler: oklch(from var(--kendo-color-series-a) calc(l * 0.79 + 0.21) calc(c * 0.77) h), series-b: oklch(from var(--kendo-color-series) calc(l + 0.2128) calc(c - 0.0444) calc(h + 68.82)), series-b-bold: oklch(from var(--kendo-color-series-b) calc(l * 0.81) calc(c * 0.79) h), series-b-bolder: oklch(from var(--kendo-color-series-b) calc(l * 0.61) calc(c * 0.57) h), series-b-subtle: oklch(from var(--kendo-color-series-b) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-b-subtler: oklch(from var(--kendo-color-series-b) calc(l * 0.79 + 0.21) calc(c * 0.77) h), series-c: oklch(from var(--kendo-color-series) calc(l + 0.0697) calc(c - 0.0281) calc(h + 125.93)), series-c-bold: oklch(from var(--kendo-color-series-c) calc(l * 0.81) calc(c * 0.79) h), series-c-bolder: oklch(from var(--kendo-color-series-c) calc(l * 0.61) calc(c * 0.57) h), series-c-subtle: oklch(from var(--kendo-color-series-c) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-c-subtler: oklch(from var(--kendo-color-series-c) calc(l * 0.79 + 0.21) calc(c * 0.77) h), series-d: oklch(from var(--kendo-color-series) calc(l - 0.1323) calc(c + 0.0372) calc(h + 244.06)), series-d-bold: oklch(from var(--kendo-color-series-d) calc(l * 0.81) calc(c * 0.79) h), series-d-bolder: oklch(from var(--kendo-color-series-d) calc(l * 0.61) calc(c * 0.57) h), series-d-subtle: oklch(from var(--kendo-color-series-d) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-d-subtler: oklch(from var(--kendo-color-series-d) calc(l * 0.79 + 0.21) calc(c * 0.77) h), series-e: oklch(from var(--kendo-color-series) calc(l - 0.0581) calc(c + 0.0456) calc(h + 276.18)), series-e-bold: oklch(from var(--kendo-color-series-e) calc(l * 0.81) calc(c * 0.79) h), series-e-bolder: oklch(from var(--kendo-color-series-e) calc(l * 0.61) calc(c * 0.57) h), series-e-subtle: oklch(from var(--kendo-color-series-e) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-e-subtler: oklch(from var(--kendo-color-series-e) calc(l * 0.79 + 0.21) calc(c * 0.77) h), series-f: oklch(from var(--kendo-color-series) l calc(c + 0.0143) calc(h - 24.38)), series-f-bold: oklch(from var(--kendo-color-series-f) calc(l * 0.81) calc(c * 0.79) h), series-f-bolder: oklch(from var(--kendo-color-series-f) calc(l * 0.61) calc(c * 0.57) h), series-f-subtle: oklch(from var(--kendo-color-series-f) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-f-subtler: oklch(from var(--kendo-color-series-f) calc(l * 0.79 + 0.21) calc(c * 0.77) h))",
+        "value": "(app-surface: oklch(100% 0 0deg), on-app-surface: oklch(from var(--kendo-color-app-surface) clamp(0.36, (0.6 - l) * 99999, 0.95) 0 h), subtle: oklch(51.03% 0 0deg), surface: oklch(98.51% 0 0deg), surface-alt: oklch(from var(--kendo-color-surface) calc(l + 0.02) c h), border: oklch(0% 0 0deg / 0.08), border-alt: oklch(0% 0 0deg / 0.16), base-subtle: oklch(from var(--kendo-color-base) calc(l + clamp(-0.03, (0.6 - l) * 99999, 0.03)) c h), base-subtle-hover: oklch(from var(--kendo-color-base) calc(l + clamp(-0.064, (0.6 - l) * 99999, 0.064)) c h), base-subtle-active: oklch(from var(--kendo-color-base) calc(l + clamp(-0.094, (0.6 - l) * 99999, 0.094)) c h), base: oklch(97.02% 0 0deg), base-hover: oklch(from var(--kendo-color-base) calc(l + clamp(-0.03, (0.6 - l) * 99999, 0.03)) c h), base-active: oklch(from var(--kendo-color-base) calc(l + clamp(-0.094, (0.6 - l) * 99999, 0.094)) c h), base-emphasis: oklch(from var(--kendo-color-base) calc(l + clamp(-0.156, (0.6 - l) * 99999, 0.156)) c h), base-on-subtle: oklch(from var(--kendo-color-base) clamp(0.36, (0.6 - l) * 99999, 0.95) 0 h), on-base: oklch(from var(--kendo-color-base) clamp(0.36, (0.6 - l) * 99999, 0.95) 0 h), base-on-surface: oklch(from var(--kendo-color-base) clamp(0.36, (0.6 - l) * 99999, 0.95) 0 h), primary-subtle: oklch(from var(--kendo-color-primary) 0.958 calc(c * 0.11) h), primary-subtle-hover: oklch(from var(--kendo-color-primary) 0.927 calc(c * 0.19) h), primary-subtle-active: oklch(from var(--kendo-color-primary) 0.88 calc(c * 0.33) h), primary: oklch(69.85% 0.1923 27.19deg), primary-hover: oklch(from var(--kendo-color-primary) calc(l - 0.044) calc(c - 0.012) h), primary-active: oklch(from var(--kendo-color-primary) calc(l - 0.088) calc(c - 0.027) h), primary-emphasis: oklch(from var(--kendo-color-primary) calc(l * 0.665 + 0.33) calc(c * 0.61) h), primary-on-subtle: oklch(from var(--kendo-color-primary) calc(l * 0.48) calc(c * 0.47) h), on-primary: oklch(from var(--kendo-color-primary) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), primary-on-surface: oklch(from var(--kendo-color-primary) l c h), secondary-subtle: oklch(from var(--kendo-color-secondary) calc(l * 0.03 + 0.97) calc(c * 0.12) h), secondary-subtle-hover: oklch(from var(--kendo-color-secondary) calc(l * 0.06 + 0.94) calc(c * 0.18) h), secondary-subtle-active: oklch(from var(--kendo-color-secondary) calc(l * 0.12 + 0.88) calc(c * 0.25) h), secondary: oklch(51.03% 0 0deg), secondary-hover: oklch(from var(--kendo-color-secondary) calc(l - 0.072) c h), secondary-active: oklch(from var(--kendo-color-secondary) calc(l - 0.15) c h), secondary-emphasis: oklch(from var(--kendo-color-secondary) calc(l * 0.19 + 0.81) calc(c * 0.55) h), secondary-on-subtle: oklch(from var(--kendo-color-secondary) calc(l * 0.375) c h), on-secondary: oklch(from var(--kendo-color-secondary) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), secondary-on-surface: oklch(from var(--kendo-color-secondary) calc(l * 0.55) c h), tertiary-subtle: oklch(from var(--kendo-color-tertiary) 0.944 calc(c * 0.20) h), tertiary-subtle-hover: oklch(from var(--kendo-color-tertiary) 0.916 calc(c * 0.29) h), tertiary-subtle-active: oklch(from var(--kendo-color-tertiary) 0.872 calc(c * 0.46) h), tertiary: oklch(69.91% 0.157 238.99deg), tertiary-hover: oklch(from var(--kendo-color-tertiary) calc(l + clamp(-0.046, (0.6 - l) * 99999, 0.046)) c h), tertiary-active: oklch(from var(--kendo-color-tertiary) calc(l + clamp(-0.09, (0.6 - l) * 99999, 0.09)) c h), tertiary-emphasis: oklch(from var(--kendo-color-tertiary) calc(l * 0.665 + 0.33) calc(c * 0.75) h), tertiary-on-subtle: oklch(from var(--kendo-color-tertiary) calc(l * 0.50) calc(c * 0.48) h), on-tertiary: oklch(from var(--kendo-color-tertiary) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), tertiary-on-surface: oklch(from var(--kendo-color-tertiary) calc(l * 0.87) c h), info-subtle: oklch(from var(--kendo-color-info) 0.9086 calc(c * 0.17) h), info-subtle-hover: oklch(from var(--kendo-color-info) 0.8646 calc(c * 0.24) h), info-subtle-active: oklch(from var(--kendo-color-info) 0.7417 calc(c * 0.50) h), info: oklch(51.78% 0.2301 261.43deg), info-hover: oklch(from var(--kendo-color-info) calc(l - 0.0286) calc(c - 0.0164) h), info-active: oklch(from var(--kendo-color-info) calc(l - 0.0624) calc(c - 0.032) h), info-emphasis: oklch(from var(--kendo-color-info) calc(l * 0.68 + 0.33) calc(c * 0.64) h), info-on-subtle: oklch(from var(--kendo-color-info) calc(l * 0.52) calc(c * 0.46) h), on-info: oklch(from var(--kendo-color-info) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), info-on-surface: oklch(from var(--kendo-color-info) calc(l * 0.88) calc(c * 0.86) h), success-subtle: oklch(from var(--kendo-color-success) 0.9326 calc(c * 0.20) h), success-subtle-hover: oklch(from var(--kendo-color-success) 0.9012 calc(c * 0.30) h), success-subtle-active: oklch(from var(--kendo-color-success) 0.8647 calc(c * 0.42) h), success: oklch(67.45% 0.2171 139.99deg), success-hover: oklch(from var(--kendo-color-success) calc(l - 0.042) calc(c - 0.0137) h), success-active: oklch(from var(--kendo-color-success) calc(l - 0.0847) calc(c - 0.0275) h), success-emphasis: oklch(from var(--kendo-color-success) calc(l * 0.675 + 0.33) calc(c * 0.78) h), success-on-subtle: oklch(from var(--kendo-color-success) calc(l * 0.61) calc(c * 0.60) h), on-success: oklch(from var(--kendo-color-success) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), success-on-surface: oklch(from var(--kendo-color-success) calc(l * 0.875) calc(c * 0.875) h), warning-subtle: oklch(from var(--kendo-color-warning) 0.9674 calc(c * 0.26) h), warning-subtle-hover: oklch(from var(--kendo-color-warning) 0.9508 calc(c * 0.38) h), warning-subtle-active: oklch(from var(--kendo-color-warning) 0.9312 calc(c * 0.55) h), warning: oklch(84.22% 0.1727 84.58deg), warning-hover: oklch(from var(--kendo-color-warning) calc(l - 0.055) calc(c - 0.011) h), warning-active: oklch(from var(--kendo-color-warning) calc(l - 0.11) calc(c - 0.0225) h), warning-emphasis: oklch(from var(--kendo-color-warning) calc(l * 0.665 + 0.33) calc(c * 0.83) h), warning-on-subtle: oklch(from var(--kendo-color-warning) calc(l * 0.49) calc(c * 0.49) h), on-warning: oklch(from var(--kendo-color-warning) clamp(0.36, (0.6 - l) * 99999, 1) 0 h), warning-on-surface: oklch(from var(--kendo-color-warning) l c h), error-subtle: oklch(from var(--kendo-color-error) 0.9223 calc(c * 0.14) h), error-subtle-hover: oklch(from var(--kendo-color-error) 0.8762 calc(c * 0.24) h), error-subtle-active: oklch(from var(--kendo-color-error) 0.7533 calc(c * 0.56) h), error: oklch(61.07% 0.2435 30.2deg), error-hover: oklch(from var(--kendo-color-error) calc(l - 0.0377) calc(c - 0.0159) h), error-active: oklch(from var(--kendo-color-error) calc(l - 0.0782) calc(c - 0.0326) h), error-emphasis: oklch(from var(--kendo-color-error) calc(l * 0.61 + 0.33) calc(c * 0.70) h), error-on-subtle: oklch(from var(--kendo-color-error) calc(l * 0.61) calc(c * 0.59) h), on-error: oklch(from var(--kendo-color-error) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), error-on-surface: oklch(from var(--kendo-color-error) calc(l * 0.872) calc(c * 0.866) h), inverse-subtle: oklch(from var(--kendo-color-inverse) calc(l + 0.15) c h), inverse-subtle-hover: oklch(from var(--kendo-color-inverse) calc(l + 0.079) c h), inverse-subtle-active: oklch(from var(--kendo-color-inverse) l c h), inverse: oklch(36% 0 0deg), inverse-hover: oklch(from var(--kendo-color-inverse) calc(l - 0.079) c h), inverse-active: oklch(from var(--kendo-color-inverse) calc(l - 0.121) c h), inverse-emphasis: oklch(from var(--kendo-color-inverse) calc(l + 0.323) c h), inverse-on-subtle: oklch(from var(--kendo-color-inverse) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), on-inverse: oklch(from var(--kendo-color-inverse) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), inverse-on-surface: oklch(from var(--kendo-color-inverse) calc(l * 0.53) c h), series: oklch(69.85% 0.1923 27.19deg), series-a: var(--kendo-color-series), series-a-bold: oklch(from var(--kendo-color-series-a) calc(l * 0.81) calc(c * 0.79) h), series-a-bolder: oklch(from var(--kendo-color-series-a) calc(l * 0.61) calc(c * 0.57) h), series-a-subtle: oklch(from var(--kendo-color-series-a) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-a-subtler: oklch(from var(--kendo-color-series-a) calc(l * 0.79 + 0.21) calc(c * 0.77) h), series-b: oklch(from var(--kendo-color-series) calc(l + 0.2128) calc(c - 0.0444) calc(h + 68.82)), series-b-bold: oklch(from var(--kendo-color-series-b) calc(l * 0.81) calc(c * 0.79) h), series-b-bolder: oklch(from var(--kendo-color-series-b) calc(l * 0.61) calc(c * 0.57) h), series-b-subtle: oklch(from var(--kendo-color-series-b) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-b-subtler: oklch(from var(--kendo-color-series-b) calc(l * 0.79 + 0.21) calc(c * 0.77) h), series-c: oklch(from var(--kendo-color-series) calc(l + 0.0697) calc(c - 0.0281) calc(h + 125.93)), series-c-bold: oklch(from var(--kendo-color-series-c) calc(l * 0.81) calc(c * 0.79) h), series-c-bolder: oklch(from var(--kendo-color-series-c) calc(l * 0.61) calc(c * 0.57) h), series-c-subtle: oklch(from var(--kendo-color-series-c) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-c-subtler: oklch(from var(--kendo-color-series-c) calc(l * 0.79 + 0.21) calc(c * 0.77) h), series-d: oklch(from var(--kendo-color-series) calc(l - 0.1323) calc(c + 0.0372) calc(h + 244.06)), series-d-bold: oklch(from var(--kendo-color-series-d) calc(l * 0.81) calc(c * 0.79) h), series-d-bolder: oklch(from var(--kendo-color-series-d) calc(l * 0.61) calc(c * 0.57) h), series-d-subtle: oklch(from var(--kendo-color-series-d) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-d-subtler: oklch(from var(--kendo-color-series-d) calc(l * 0.79 + 0.21) calc(c * 0.77) h), series-e: oklch(from var(--kendo-color-series) calc(l - 0.0581) calc(c + 0.0456) calc(h + 276.18)), series-e-bold: oklch(from var(--kendo-color-series-e) calc(l * 0.81) calc(c * 0.79) h), series-e-bolder: oklch(from var(--kendo-color-series-e) calc(l * 0.61) calc(c * 0.57) h), series-e-subtle: oklch(from var(--kendo-color-series-e) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-e-subtler: oklch(from var(--kendo-color-series-e) calc(l * 0.79 + 0.21) calc(c * 0.77) h), series-f: oklch(from var(--kendo-color-series) l calc(c + 0.0143) calc(h - 24.38)), series-f-bold: oklch(from var(--kendo-color-series-f) calc(l * 0.81) calc(c * 0.79) h), series-f-bolder: oklch(from var(--kendo-color-series-f) calc(l * 0.61) calc(c * 0.57) h), series-f-subtle: oklch(from var(--kendo-color-series-f) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-f-subtler: oklch(from var(--kendo-color-series-f) calc(l * 0.79 + 0.21) calc(c * 0.77) h))",
         "prettyValue": {
             "app-surface": "oklch(100% 0 0deg)",
             "on-app-surface": "oklch(from var(--kendo-color-app-surface) clamp(0.36, (0.6 - l) * 99999, 0.95) 0 h)",
@@ -134,26 +134,6 @@
             "error-on-subtle": "oklch(from var(--kendo-color-error) calc(l * 0.61) calc(c * 0.59) h)",
             "on-error": "oklch(from var(--kendo-color-error) clamp(0.10, (0.75 - l) * 99999, 1) 0 h)",
             "error-on-surface": "oklch(from var(--kendo-color-error) calc(l * 0.872) calc(c * 0.866) h)",
-            "light-subtle": "oklch(98.51% 0 0deg)",
-            "light-subtle-hover": "oklch(97.02% 0 0deg)",
-            "light-subtle-active": "oklch(94.01% 0 0deg)",
-            "light": "oklch(94.01% 0 0deg)",
-            "light-hover": "oklch(90.67% 0 0deg)",
-            "light-active": "oklch(87.61% 0 0deg)",
-            "light-emphasis": "oklch(87.61% 0 0deg)",
-            "light-on-subtle": "oklch(19.13% 0 0deg)",
-            "on-light": "oklch(0% 0 0deg)",
-            "light-on-surface": "oklch(90.67% 0 0deg)",
-            "dark-subtle": "oklch(81.41% 0 0deg)",
-            "dark-subtle-hover": "oklch(74.76% 0 0deg)",
-            "dark-subtle-active": "oklch(68.3% 0 0deg)",
-            "dark": "oklch(36% 0 0deg)",
-            "dark-hover": "oklch(28.09% 0 0deg)",
-            "dark-active": "oklch(23.93% 0 0deg)",
-            "dark-emphasis": "oklch(51.03% 0 0deg)",
-            "dark-on-subtle": "oklch(23.93% 0 0deg)",
-            "on-dark": "oklch(100% 0 0deg)",
-            "dark-on-surface": "oklch(19.13% 0 0deg)",
             "inverse-subtle": "oklch(from var(--kendo-color-inverse) calc(l + 0.15) c h)",
             "inverse-subtle-hover": "oklch(from var(--kendo-color-inverse) calc(l + 0.079) c h)",
             "inverse-subtle-active": "oklch(from var(--kendo-color-inverse) l c h)",
@@ -199,7 +179,7 @@
     },
     "kendo-colors": {
         "type": "Map",
-        "value": "(app-surface: oklch(100% 0 0deg), on-app-surface: oklch(from var(--kendo-color-app-surface) clamp(0.36, (0.6 - l) * 99999, 0.95) 0 h), subtle: oklch(51.03% 0 0deg), surface: oklch(98.51% 0 0deg), surface-alt: oklch(from var(--kendo-color-surface) calc(l + 0.02) c h), border: oklch(0% 0 0deg / 0.08), border-alt: oklch(0% 0 0deg / 0.16), base-subtle: oklch(from var(--kendo-color-base) calc(l + clamp(-0.03, (0.6 - l) * 99999, 0.03)) c h), base-subtle-hover: oklch(from var(--kendo-color-base) calc(l + clamp(-0.064, (0.6 - l) * 99999, 0.064)) c h), base-subtle-active: oklch(from var(--kendo-color-base) calc(l + clamp(-0.094, (0.6 - l) * 99999, 0.094)) c h), base: oklch(97.02% 0 0deg), base-hover: oklch(from var(--kendo-color-base) calc(l + clamp(-0.03, (0.6 - l) * 99999, 0.03)) c h), base-active: oklch(from var(--kendo-color-base) calc(l + clamp(-0.094, (0.6 - l) * 99999, 0.094)) c h), base-emphasis: oklch(from var(--kendo-color-base) calc(l + clamp(-0.156, (0.6 - l) * 99999, 0.156)) c h), base-on-subtle: oklch(from var(--kendo-color-base) clamp(0.36, (0.6 - l) * 99999, 0.95) 0 h), on-base: oklch(from var(--kendo-color-base) clamp(0.36, (0.6 - l) * 99999, 0.95) 0 h), base-on-surface: oklch(from var(--kendo-color-base) clamp(0.36, (0.6 - l) * 99999, 0.95) 0 h), primary-subtle: oklch(from var(--kendo-color-primary) 0.958 calc(c * 0.11) h), primary-subtle-hover: oklch(from var(--kendo-color-primary) 0.927 calc(c * 0.19) h), primary-subtle-active: oklch(from var(--kendo-color-primary) 0.88 calc(c * 0.33) h), primary: oklch(69.85% 0.1923 27.19deg), primary-hover: oklch(from var(--kendo-color-primary) calc(l - 0.044) calc(c - 0.012) h), primary-active: oklch(from var(--kendo-color-primary) calc(l - 0.088) calc(c - 0.027) h), primary-emphasis: oklch(from var(--kendo-color-primary) calc(l * 0.665 + 0.33) calc(c * 0.61) h), primary-on-subtle: oklch(from var(--kendo-color-primary) calc(l * 0.48) calc(c * 0.47) h), on-primary: oklch(from var(--kendo-color-primary) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), primary-on-surface: oklch(from var(--kendo-color-primary) l c h), secondary-subtle: oklch(from var(--kendo-color-secondary) calc(l * 0.03 + 0.97) calc(c * 0.12) h), secondary-subtle-hover: oklch(from var(--kendo-color-secondary) calc(l * 0.06 + 0.94) calc(c * 0.18) h), secondary-subtle-active: oklch(from var(--kendo-color-secondary) calc(l * 0.12 + 0.88) calc(c * 0.25) h), secondary: oklch(51.03% 0 0deg), secondary-hover: oklch(from var(--kendo-color-secondary) calc(l - 0.072) c h), secondary-active: oklch(from var(--kendo-color-secondary) calc(l - 0.15) c h), secondary-emphasis: oklch(from var(--kendo-color-secondary) calc(l * 0.19 + 0.81) calc(c * 0.55) h), secondary-on-subtle: oklch(from var(--kendo-color-secondary) calc(l * 0.375) c h), on-secondary: oklch(from var(--kendo-color-secondary) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), secondary-on-surface: oklch(from var(--kendo-color-secondary) calc(l * 0.55) c h), tertiary-subtle: oklch(from var(--kendo-color-tertiary) 0.944 calc(c * 0.20) h), tertiary-subtle-hover: oklch(from var(--kendo-color-tertiary) 0.916 calc(c * 0.29) h), tertiary-subtle-active: oklch(from var(--kendo-color-tertiary) 0.872 calc(c * 0.46) h), tertiary: oklch(69.91% 0.157 238.99deg), tertiary-hover: oklch(from var(--kendo-color-tertiary) calc(l + clamp(-0.046, (0.6 - l) * 99999, 0.046)) c h), tertiary-active: oklch(from var(--kendo-color-tertiary) calc(l + clamp(-0.09, (0.6 - l) * 99999, 0.09)) c h), tertiary-emphasis: oklch(from var(--kendo-color-tertiary) calc(l * 0.665 + 0.33) calc(c * 0.75) h), tertiary-on-subtle: oklch(from var(--kendo-color-tertiary) calc(l * 0.50) calc(c * 0.48) h), on-tertiary: oklch(from var(--kendo-color-tertiary) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), tertiary-on-surface: oklch(from var(--kendo-color-tertiary) calc(l * 0.87) c h), info-subtle: oklch(from var(--kendo-color-info) 0.9086 calc(c * 0.17) h), info-subtle-hover: oklch(from var(--kendo-color-info) 0.8646 calc(c * 0.24) h), info-subtle-active: oklch(from var(--kendo-color-info) 0.7417 calc(c * 0.50) h), info: oklch(51.78% 0.2301 261.43deg), info-hover: oklch(from var(--kendo-color-info) calc(l - 0.0286) calc(c - 0.0164) h), info-active: oklch(from var(--kendo-color-info) calc(l - 0.0624) calc(c - 0.032) h), info-emphasis: oklch(from var(--kendo-color-info) calc(l * 0.68 + 0.33) calc(c * 0.64) h), info-on-subtle: oklch(from var(--kendo-color-info) calc(l * 0.52) calc(c * 0.46) h), on-info: oklch(from var(--kendo-color-info) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), info-on-surface: oklch(from var(--kendo-color-info) calc(l * 0.88) calc(c * 0.86) h), success-subtle: oklch(from var(--kendo-color-success) 0.9326 calc(c * 0.20) h), success-subtle-hover: oklch(from var(--kendo-color-success) 0.9012 calc(c * 0.30) h), success-subtle-active: oklch(from var(--kendo-color-success) 0.8647 calc(c * 0.42) h), success: oklch(67.45% 0.2171 139.99deg), success-hover: oklch(from var(--kendo-color-success) calc(l - 0.042) calc(c - 0.0137) h), success-active: oklch(from var(--kendo-color-success) calc(l - 0.0847) calc(c - 0.0275) h), success-emphasis: oklch(from var(--kendo-color-success) calc(l * 0.675 + 0.33) calc(c * 0.78) h), success-on-subtle: oklch(from var(--kendo-color-success) calc(l * 0.61) calc(c * 0.60) h), on-success: oklch(from var(--kendo-color-success) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), success-on-surface: oklch(from var(--kendo-color-success) calc(l * 0.875) calc(c * 0.875) h), warning-subtle: oklch(from var(--kendo-color-warning) 0.9674 calc(c * 0.26) h), warning-subtle-hover: oklch(from var(--kendo-color-warning) 0.9508 calc(c * 0.38) h), warning-subtle-active: oklch(from var(--kendo-color-warning) 0.9312 calc(c * 0.55) h), warning: oklch(84.22% 0.1727 84.58deg), warning-hover: oklch(from var(--kendo-color-warning) calc(l - 0.055) calc(c - 0.011) h), warning-active: oklch(from var(--kendo-color-warning) calc(l - 0.11) calc(c - 0.0225) h), warning-emphasis: oklch(from var(--kendo-color-warning) calc(l * 0.665 + 0.33) calc(c * 0.83) h), warning-on-subtle: oklch(from var(--kendo-color-warning) calc(l * 0.49) calc(c * 0.49) h), on-warning: oklch(from var(--kendo-color-warning) clamp(0.36, (0.6 - l) * 99999, 1) 0 h), warning-on-surface: oklch(from var(--kendo-color-warning) l c h), error-subtle: oklch(from var(--kendo-color-error) 0.9223 calc(c * 0.14) h), error-subtle-hover: oklch(from var(--kendo-color-error) 0.8762 calc(c * 0.24) h), error-subtle-active: oklch(from var(--kendo-color-error) 0.7533 calc(c * 0.56) h), error: oklch(61.07% 0.2435 30.2deg), error-hover: oklch(from var(--kendo-color-error) calc(l - 0.0377) calc(c - 0.0159) h), error-active: oklch(from var(--kendo-color-error) calc(l - 0.0782) calc(c - 0.0326) h), error-emphasis: oklch(from var(--kendo-color-error) calc(l * 0.61 + 0.33) calc(c * 0.70) h), error-on-subtle: oklch(from var(--kendo-color-error) calc(l * 0.61) calc(c * 0.59) h), on-error: oklch(from var(--kendo-color-error) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), error-on-surface: oklch(from var(--kendo-color-error) calc(l * 0.872) calc(c * 0.866) h), light-subtle: oklch(98.51% 0 0deg), light-subtle-hover: oklch(97.02% 0 0deg), light-subtle-active: oklch(94.01% 0 0deg), light: oklch(94.01% 0 0deg), light-hover: oklch(90.67% 0 0deg), light-active: oklch(87.61% 0 0deg), light-emphasis: oklch(87.61% 0 0deg), light-on-subtle: oklch(19.13% 0 0deg), on-light: oklch(0% 0 0deg), light-on-surface: oklch(90.67% 0 0deg), dark-subtle: oklch(81.41% 0 0deg), dark-subtle-hover: oklch(74.76% 0 0deg), dark-subtle-active: oklch(68.3% 0 0deg), dark: oklch(36% 0 0deg), dark-hover: oklch(28.09% 0 0deg), dark-active: oklch(23.93% 0 0deg), dark-emphasis: oklch(51.03% 0 0deg), dark-on-subtle: oklch(23.93% 0 0deg), on-dark: oklch(100% 0 0deg), dark-on-surface: oklch(19.13% 0 0deg), inverse-subtle: oklch(from var(--kendo-color-inverse) calc(l + 0.15) c h), inverse-subtle-hover: oklch(from var(--kendo-color-inverse) calc(l + 0.079) c h), inverse-subtle-active: oklch(from var(--kendo-color-inverse) l c h), inverse: oklch(36% 0 0deg), inverse-hover: oklch(from var(--kendo-color-inverse) calc(l - 0.079) c h), inverse-active: oklch(from var(--kendo-color-inverse) calc(l - 0.121) c h), inverse-emphasis: oklch(from var(--kendo-color-inverse) calc(l + 0.323) c h), inverse-on-subtle: oklch(from var(--kendo-color-inverse) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), on-inverse: oklch(from var(--kendo-color-inverse) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), inverse-on-surface: oklch(from var(--kendo-color-inverse) calc(l * 0.53) c h), series: oklch(69.85% 0.1923 27.19deg), series-a: var(--kendo-color-series), series-a-bold: oklch(from var(--kendo-color-series-a) calc(l * 0.81) calc(c * 0.79) h), series-a-bolder: oklch(from var(--kendo-color-series-a) calc(l * 0.61) calc(c * 0.57) h), series-a-subtle: oklch(from var(--kendo-color-series-a) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-a-subtler: oklch(from var(--kendo-color-series-a) calc(l * 0.79 + 0.21) calc(c * 0.77) h), series-b: oklch(from var(--kendo-color-series) calc(l + 0.2128) calc(c - 0.0444) calc(h + 68.82)), series-b-bold: oklch(from var(--kendo-color-series-b) calc(l * 0.81) calc(c * 0.79) h), series-b-bolder: oklch(from var(--kendo-color-series-b) calc(l * 0.61) calc(c * 0.57) h), series-b-subtle: oklch(from var(--kendo-color-series-b) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-b-subtler: oklch(from var(--kendo-color-series-b) calc(l * 0.79 + 0.21) calc(c * 0.77) h), series-c: oklch(from var(--kendo-color-series) calc(l + 0.0697) calc(c - 0.0281) calc(h + 125.93)), series-c-bold: oklch(from var(--kendo-color-series-c) calc(l * 0.81) calc(c * 0.79) h), series-c-bolder: oklch(from var(--kendo-color-series-c) calc(l * 0.61) calc(c * 0.57) h), series-c-subtle: oklch(from var(--kendo-color-series-c) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-c-subtler: oklch(from var(--kendo-color-series-c) calc(l * 0.79 + 0.21) calc(c * 0.77) h), series-d: oklch(from var(--kendo-color-series) calc(l - 0.1323) calc(c + 0.0372) calc(h + 244.06)), series-d-bold: oklch(from var(--kendo-color-series-d) calc(l * 0.81) calc(c * 0.79) h), series-d-bolder: oklch(from var(--kendo-color-series-d) calc(l * 0.61) calc(c * 0.57) h), series-d-subtle: oklch(from var(--kendo-color-series-d) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-d-subtler: oklch(from var(--kendo-color-series-d) calc(l * 0.79 + 0.21) calc(c * 0.77) h), series-e: oklch(from var(--kendo-color-series) calc(l - 0.0581) calc(c + 0.0456) calc(h + 276.18)), series-e-bold: oklch(from var(--kendo-color-series-e) calc(l * 0.81) calc(c * 0.79) h), series-e-bolder: oklch(from var(--kendo-color-series-e) calc(l * 0.61) calc(c * 0.57) h), series-e-subtle: oklch(from var(--kendo-color-series-e) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-e-subtler: oklch(from var(--kendo-color-series-e) calc(l * 0.79 + 0.21) calc(c * 0.77) h), series-f: oklch(from var(--kendo-color-series) l calc(c + 0.0143) calc(h - 24.38)), series-f-bold: oklch(from var(--kendo-color-series-f) calc(l * 0.81) calc(c * 0.79) h), series-f-bolder: oklch(from var(--kendo-color-series-f) calc(l * 0.61) calc(c * 0.57) h), series-f-subtle: oklch(from var(--kendo-color-series-f) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-f-subtler: oklch(from var(--kendo-color-series-f) calc(l * 0.79 + 0.21) calc(c * 0.77) h))",
+        "value": "(app-surface: oklch(100% 0 0deg), on-app-surface: oklch(from var(--kendo-color-app-surface) clamp(0.36, (0.6 - l) * 99999, 0.95) 0 h), subtle: oklch(51.03% 0 0deg), surface: oklch(98.51% 0 0deg), surface-alt: oklch(from var(--kendo-color-surface) calc(l + 0.02) c h), border: oklch(0% 0 0deg / 0.08), border-alt: oklch(0% 0 0deg / 0.16), base-subtle: oklch(from var(--kendo-color-base) calc(l + clamp(-0.03, (0.6 - l) * 99999, 0.03)) c h), base-subtle-hover: oklch(from var(--kendo-color-base) calc(l + clamp(-0.064, (0.6 - l) * 99999, 0.064)) c h), base-subtle-active: oklch(from var(--kendo-color-base) calc(l + clamp(-0.094, (0.6 - l) * 99999, 0.094)) c h), base: oklch(97.02% 0 0deg), base-hover: oklch(from var(--kendo-color-base) calc(l + clamp(-0.03, (0.6 - l) * 99999, 0.03)) c h), base-active: oklch(from var(--kendo-color-base) calc(l + clamp(-0.094, (0.6 - l) * 99999, 0.094)) c h), base-emphasis: oklch(from var(--kendo-color-base) calc(l + clamp(-0.156, (0.6 - l) * 99999, 0.156)) c h), base-on-subtle: oklch(from var(--kendo-color-base) clamp(0.36, (0.6 - l) * 99999, 0.95) 0 h), on-base: oklch(from var(--kendo-color-base) clamp(0.36, (0.6 - l) * 99999, 0.95) 0 h), base-on-surface: oklch(from var(--kendo-color-base) clamp(0.36, (0.6 - l) * 99999, 0.95) 0 h), primary-subtle: oklch(from var(--kendo-color-primary) 0.958 calc(c * 0.11) h), primary-subtle-hover: oklch(from var(--kendo-color-primary) 0.927 calc(c * 0.19) h), primary-subtle-active: oklch(from var(--kendo-color-primary) 0.88 calc(c * 0.33) h), primary: oklch(69.85% 0.1923 27.19deg), primary-hover: oklch(from var(--kendo-color-primary) calc(l - 0.044) calc(c - 0.012) h), primary-active: oklch(from var(--kendo-color-primary) calc(l - 0.088) calc(c - 0.027) h), primary-emphasis: oklch(from var(--kendo-color-primary) calc(l * 0.665 + 0.33) calc(c * 0.61) h), primary-on-subtle: oklch(from var(--kendo-color-primary) calc(l * 0.48) calc(c * 0.47) h), on-primary: oklch(from var(--kendo-color-primary) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), primary-on-surface: oklch(from var(--kendo-color-primary) l c h), secondary-subtle: oklch(from var(--kendo-color-secondary) calc(l * 0.03 + 0.97) calc(c * 0.12) h), secondary-subtle-hover: oklch(from var(--kendo-color-secondary) calc(l * 0.06 + 0.94) calc(c * 0.18) h), secondary-subtle-active: oklch(from var(--kendo-color-secondary) calc(l * 0.12 + 0.88) calc(c * 0.25) h), secondary: oklch(51.03% 0 0deg), secondary-hover: oklch(from var(--kendo-color-secondary) calc(l - 0.072) c h), secondary-active: oklch(from var(--kendo-color-secondary) calc(l - 0.15) c h), secondary-emphasis: oklch(from var(--kendo-color-secondary) calc(l * 0.19 + 0.81) calc(c * 0.55) h), secondary-on-subtle: oklch(from var(--kendo-color-secondary) calc(l * 0.375) c h), on-secondary: oklch(from var(--kendo-color-secondary) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), secondary-on-surface: oklch(from var(--kendo-color-secondary) calc(l * 0.55) c h), tertiary-subtle: oklch(from var(--kendo-color-tertiary) 0.944 calc(c * 0.20) h), tertiary-subtle-hover: oklch(from var(--kendo-color-tertiary) 0.916 calc(c * 0.29) h), tertiary-subtle-active: oklch(from var(--kendo-color-tertiary) 0.872 calc(c * 0.46) h), tertiary: oklch(69.91% 0.157 238.99deg), tertiary-hover: oklch(from var(--kendo-color-tertiary) calc(l + clamp(-0.046, (0.6 - l) * 99999, 0.046)) c h), tertiary-active: oklch(from var(--kendo-color-tertiary) calc(l + clamp(-0.09, (0.6 - l) * 99999, 0.09)) c h), tertiary-emphasis: oklch(from var(--kendo-color-tertiary) calc(l * 0.665 + 0.33) calc(c * 0.75) h), tertiary-on-subtle: oklch(from var(--kendo-color-tertiary) calc(l * 0.50) calc(c * 0.48) h), on-tertiary: oklch(from var(--kendo-color-tertiary) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), tertiary-on-surface: oklch(from var(--kendo-color-tertiary) calc(l * 0.87) c h), info-subtle: oklch(from var(--kendo-color-info) 0.9086 calc(c * 0.17) h), info-subtle-hover: oklch(from var(--kendo-color-info) 0.8646 calc(c * 0.24) h), info-subtle-active: oklch(from var(--kendo-color-info) 0.7417 calc(c * 0.50) h), info: oklch(51.78% 0.2301 261.43deg), info-hover: oklch(from var(--kendo-color-info) calc(l - 0.0286) calc(c - 0.0164) h), info-active: oklch(from var(--kendo-color-info) calc(l - 0.0624) calc(c - 0.032) h), info-emphasis: oklch(from var(--kendo-color-info) calc(l * 0.68 + 0.33) calc(c * 0.64) h), info-on-subtle: oklch(from var(--kendo-color-info) calc(l * 0.52) calc(c * 0.46) h), on-info: oklch(from var(--kendo-color-info) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), info-on-surface: oklch(from var(--kendo-color-info) calc(l * 0.88) calc(c * 0.86) h), success-subtle: oklch(from var(--kendo-color-success) 0.9326 calc(c * 0.20) h), success-subtle-hover: oklch(from var(--kendo-color-success) 0.9012 calc(c * 0.30) h), success-subtle-active: oklch(from var(--kendo-color-success) 0.8647 calc(c * 0.42) h), success: oklch(67.45% 0.2171 139.99deg), success-hover: oklch(from var(--kendo-color-success) calc(l - 0.042) calc(c - 0.0137) h), success-active: oklch(from var(--kendo-color-success) calc(l - 0.0847) calc(c - 0.0275) h), success-emphasis: oklch(from var(--kendo-color-success) calc(l * 0.675 + 0.33) calc(c * 0.78) h), success-on-subtle: oklch(from var(--kendo-color-success) calc(l * 0.61) calc(c * 0.60) h), on-success: oklch(from var(--kendo-color-success) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), success-on-surface: oklch(from var(--kendo-color-success) calc(l * 0.875) calc(c * 0.875) h), warning-subtle: oklch(from var(--kendo-color-warning) 0.9674 calc(c * 0.26) h), warning-subtle-hover: oklch(from var(--kendo-color-warning) 0.9508 calc(c * 0.38) h), warning-subtle-active: oklch(from var(--kendo-color-warning) 0.9312 calc(c * 0.55) h), warning: oklch(84.22% 0.1727 84.58deg), warning-hover: oklch(from var(--kendo-color-warning) calc(l - 0.055) calc(c - 0.011) h), warning-active: oklch(from var(--kendo-color-warning) calc(l - 0.11) calc(c - 0.0225) h), warning-emphasis: oklch(from var(--kendo-color-warning) calc(l * 0.665 + 0.33) calc(c * 0.83) h), warning-on-subtle: oklch(from var(--kendo-color-warning) calc(l * 0.49) calc(c * 0.49) h), on-warning: oklch(from var(--kendo-color-warning) clamp(0.36, (0.6 - l) * 99999, 1) 0 h), warning-on-surface: oklch(from var(--kendo-color-warning) l c h), error-subtle: oklch(from var(--kendo-color-error) 0.9223 calc(c * 0.14) h), error-subtle-hover: oklch(from var(--kendo-color-error) 0.8762 calc(c * 0.24) h), error-subtle-active: oklch(from var(--kendo-color-error) 0.7533 calc(c * 0.56) h), error: oklch(61.07% 0.2435 30.2deg), error-hover: oklch(from var(--kendo-color-error) calc(l - 0.0377) calc(c - 0.0159) h), error-active: oklch(from var(--kendo-color-error) calc(l - 0.0782) calc(c - 0.0326) h), error-emphasis: oklch(from var(--kendo-color-error) calc(l * 0.61 + 0.33) calc(c * 0.70) h), error-on-subtle: oklch(from var(--kendo-color-error) calc(l * 0.61) calc(c * 0.59) h), on-error: oklch(from var(--kendo-color-error) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), error-on-surface: oklch(from var(--kendo-color-error) calc(l * 0.872) calc(c * 0.866) h), inverse-subtle: oklch(from var(--kendo-color-inverse) calc(l + 0.15) c h), inverse-subtle-hover: oklch(from var(--kendo-color-inverse) calc(l + 0.079) c h), inverse-subtle-active: oklch(from var(--kendo-color-inverse) l c h), inverse: oklch(36% 0 0deg), inverse-hover: oklch(from var(--kendo-color-inverse) calc(l - 0.079) c h), inverse-active: oklch(from var(--kendo-color-inverse) calc(l - 0.121) c h), inverse-emphasis: oklch(from var(--kendo-color-inverse) calc(l + 0.323) c h), inverse-on-subtle: oklch(from var(--kendo-color-inverse) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), on-inverse: oklch(from var(--kendo-color-inverse) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), inverse-on-surface: oklch(from var(--kendo-color-inverse) calc(l * 0.53) c h), series: oklch(69.85% 0.1923 27.19deg), series-a: var(--kendo-color-series), series-a-bold: oklch(from var(--kendo-color-series-a) calc(l * 0.81) calc(c * 0.79) h), series-a-bolder: oklch(from var(--kendo-color-series-a) calc(l * 0.61) calc(c * 0.57) h), series-a-subtle: oklch(from var(--kendo-color-series-a) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-a-subtler: oklch(from var(--kendo-color-series-a) calc(l * 0.79 + 0.21) calc(c * 0.77) h), series-b: oklch(from var(--kendo-color-series) calc(l + 0.2128) calc(c - 0.0444) calc(h + 68.82)), series-b-bold: oklch(from var(--kendo-color-series-b) calc(l * 0.81) calc(c * 0.79) h), series-b-bolder: oklch(from var(--kendo-color-series-b) calc(l * 0.61) calc(c * 0.57) h), series-b-subtle: oklch(from var(--kendo-color-series-b) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-b-subtler: oklch(from var(--kendo-color-series-b) calc(l * 0.79 + 0.21) calc(c * 0.77) h), series-c: oklch(from var(--kendo-color-series) calc(l + 0.0697) calc(c - 0.0281) calc(h + 125.93)), series-c-bold: oklch(from var(--kendo-color-series-c) calc(l * 0.81) calc(c * 0.79) h), series-c-bolder: oklch(from var(--kendo-color-series-c) calc(l * 0.61) calc(c * 0.57) h), series-c-subtle: oklch(from var(--kendo-color-series-c) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-c-subtler: oklch(from var(--kendo-color-series-c) calc(l * 0.79 + 0.21) calc(c * 0.77) h), series-d: oklch(from var(--kendo-color-series) calc(l - 0.1323) calc(c + 0.0372) calc(h + 244.06)), series-d-bold: oklch(from var(--kendo-color-series-d) calc(l * 0.81) calc(c * 0.79) h), series-d-bolder: oklch(from var(--kendo-color-series-d) calc(l * 0.61) calc(c * 0.57) h), series-d-subtle: oklch(from var(--kendo-color-series-d) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-d-subtler: oklch(from var(--kendo-color-series-d) calc(l * 0.79 + 0.21) calc(c * 0.77) h), series-e: oklch(from var(--kendo-color-series) calc(l - 0.0581) calc(c + 0.0456) calc(h + 276.18)), series-e-bold: oklch(from var(--kendo-color-series-e) calc(l * 0.81) calc(c * 0.79) h), series-e-bolder: oklch(from var(--kendo-color-series-e) calc(l * 0.61) calc(c * 0.57) h), series-e-subtle: oklch(from var(--kendo-color-series-e) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-e-subtler: oklch(from var(--kendo-color-series-e) calc(l * 0.79 + 0.21) calc(c * 0.77) h), series-f: oklch(from var(--kendo-color-series) l calc(c + 0.0143) calc(h - 24.38)), series-f-bold: oklch(from var(--kendo-color-series-f) calc(l * 0.81) calc(c * 0.79) h), series-f-bolder: oklch(from var(--kendo-color-series-f) calc(l * 0.61) calc(c * 0.57) h), series-f-subtle: oklch(from var(--kendo-color-series-f) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-f-subtler: oklch(from var(--kendo-color-series-f) calc(l * 0.79 + 0.21) calc(c * 0.77) h))",
         "prettyValue": {
             "app-surface": "oklch(100% 0 0deg)",
             "on-app-surface": "oklch(from var(--kendo-color-app-surface) clamp(0.36, (0.6 - l) * 99999, 0.95) 0 h)",
@@ -288,26 +268,6 @@
             "error-on-subtle": "oklch(from var(--kendo-color-error) calc(l * 0.61) calc(c * 0.59) h)",
             "on-error": "oklch(from var(--kendo-color-error) clamp(0.10, (0.75 - l) * 99999, 1) 0 h)",
             "error-on-surface": "oklch(from var(--kendo-color-error) calc(l * 0.872) calc(c * 0.866) h)",
-            "light-subtle": "oklch(98.51% 0 0deg)",
-            "light-subtle-hover": "oklch(97.02% 0 0deg)",
-            "light-subtle-active": "oklch(94.01% 0 0deg)",
-            "light": "oklch(94.01% 0 0deg)",
-            "light-hover": "oklch(90.67% 0 0deg)",
-            "light-active": "oklch(87.61% 0 0deg)",
-            "light-emphasis": "oklch(87.61% 0 0deg)",
-            "light-on-subtle": "oklch(19.13% 0 0deg)",
-            "on-light": "oklch(0% 0 0deg)",
-            "light-on-surface": "oklch(90.67% 0 0deg)",
-            "dark-subtle": "oklch(81.41% 0 0deg)",
-            "dark-subtle-hover": "oklch(74.76% 0 0deg)",
-            "dark-subtle-active": "oklch(68.3% 0 0deg)",
-            "dark": "oklch(36% 0 0deg)",
-            "dark-hover": "oklch(28.09% 0 0deg)",
-            "dark-active": "oklch(23.93% 0 0deg)",
-            "dark-emphasis": "oklch(51.03% 0 0deg)",
-            "dark-on-subtle": "oklch(23.93% 0 0deg)",
-            "on-dark": "oklch(100% 0 0deg)",
-            "dark-on-surface": "oklch(19.13% 0 0deg)",
             "inverse-subtle": "oklch(from var(--kendo-color-inverse) calc(l + 0.15) c h)",
             "inverse-subtle-hover": "oklch(from var(--kendo-color-inverse) calc(l + 0.079) c h)",
             "inverse-subtle-active": "oklch(from var(--kendo-color-inverse) l c h)",
@@ -509,9 +469,17 @@
         "type": "Number",
         "value": "0.001"
     },
-    "kendo-elevation-border-opacity-step": {
+    "kendo-translucency-base": {
         "type": "Number",
-        "value": "10"
+        "value": "0%"
+    },
+    "kendo-translucency-blur-base": {
+        "type": "Number",
+        "value": "6px"
+    },
+    "kendo-translucency-blur-step": {
+        "type": "Number",
+        "value": "2px"
     },
     "kendo-font-size": {
         "type": "Number",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-core",
   "description": "A collection of functions and mixins used for building themes for Kendo UI",
-  "version": "13.2.0-dev.3",
+  "version": "14.0.0-dev.0",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -46,5 +46,5 @@
   "directories": {
     "doc": "docs"
   },
-  "gitHead": "5487edc15973af51b6b452b987a8cb020d654a57"
+  "gitHead": "3f1cafd275c148edc39e26aa67cc7105a3421dbc"
 }

package/scss/color-system/_swatch.scss

@@ -108,30 +108,6 @@ $default-colors: (
     on-error: #{"oklch(from var(--kendo-color-error) clamp(0.10, (0.75 - l) * 99999, 1) 0 h)"},
     error-on-surface: #{"oklch(from var(--kendo-color-error) calc(l * 0.872) calc(c * 0.866) h)"},
 
-    // Light
-    light-subtle: oklch(98.51% 0 0deg),
-    light-subtle-hover: oklch(97.02% 0 0deg),
-    light-subtle-active: oklch(94.01% 0 0deg),
-    light: oklch(94.01% 0 0deg),
-    light-hover: oklch(90.67% 0 0deg),
-    light-active: oklch(87.61% 0 0deg),
-    light-emphasis: oklch(87.61% 0 0deg),
-    light-on-subtle: oklch(19.13% 0 0deg),
-    on-light: oklch(0% 0 0deg),
-    light-on-surface: oklch(90.67% 0 0deg),
-
-    // Dark
-    dark-subtle: oklch(81.41% 0 0deg),
-    dark-subtle-hover: oklch(74.76% 0 0deg),
-    dark-subtle-active: oklch(68.3% 0 0deg),
-    dark: oklch(36% 0 0deg),
-    dark-hover: oklch(28.09% 0 0deg),
-    dark-active: oklch(23.93% 0 0deg),
-    dark-emphasis: oklch(51.03% 0 0deg),
-    dark-on-subtle: oklch(23.93% 0 0deg),
-    on-dark: oklch(100% 0 0deg),
-    dark-on-surface: oklch(19.13% 0 0deg),
-
     // Inverse
     inverse-subtle: #{"oklch(from var(--kendo-color-inverse) calc(l + 0.15) c h)"},
     inverse-subtle-hover: #{"oklch(from var(--kendo-color-inverse) calc(l + 0.079) c h)"},
@@ -333,38 +309,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/components/action-sheet/_layout.scss

@@ -104,6 +104,7 @@
         border-block-end-style: solid;
         font-size: $kendo-actionsheet-titlebar-font-size;
         font-family: $kendo-actionsheet-titlebar-font-family;
+        font-weight: $kendo-actionsheet-titlebar-font-weight;
         line-height: $kendo-actionsheet-titlebar-line-height;
         flex: none;
         display: flex;
@@ -157,6 +158,7 @@
     // Actionsheet item
     .k-actionsheet-item {
         padding: 0;
+        border-radius: $kendo-actionsheet-item-border-radius;
         box-sizing: border-box;
         display: flex;
         flex-flow: row nowrap;

package/scss/components/action-sheet/_variables.scss

@@ -28,6 +28,7 @@ $kendo-actionsheet-titlebar-font-size: null !default;
 $kendo-actionsheet-titlebar-font-family: null !default;
 $kendo-actionsheet-titlebar-line-height: null !default;
 $kendo-actionsheet-titlebar-gap: null !default;
+$kendo-actionsheet-titlebar-font-weight: null !default;
 
 $kendo-actionsheet-titlebar-bg: null !default;
 $kendo-actionsheet-titlebar-text: null !default;
@@ -54,6 +55,7 @@ $kendo-actionsheet-item-padding-x: null !default;
 $kendo-actionsheet-item-padding-y: null !default;
 $kendo-actionsheet-item-border-width: null !default;
 $kendo-actionsheet-item-spacing: null !default;
+$kendo-actionsheet-item-border-radius: null !default;
 
 $kendo-actionsheet-item-title-font-weight: null !default;
 $kendo-actionsheet-item-title-text-transform: null !default;

package/scss/components/appbar/_layout.scss

@@ -12,6 +12,7 @@
         padding-inline: $kendo-appbar-padding-x;
         border-width: $kendo-appbar-border-width;
         border-style: solid;
+        border-radius: $kendo-appbar-border-radius;
         box-sizing: border-box;
         outline: 0;
         font-family: $kendo-appbar-font-family;

package/scss/components/appbar/_theme.scss

@@ -16,12 +16,7 @@
                 @if $name == "inherit" {
                     color: inherit;
                     background-color: inherit;
-                } @else if $name == "dark" {
-                    color: $kendo-appbar-dark-text;
-                    background-color: $kendo-appbar-dark-bg;
-                } @else if $name == "light" {
-                    color: $kendo-appbar-light-text;
-                    background-color: $kendo-appbar-light-bg;
+
                 } @else {
                     color: k-color(on-#{$name});
                     background-color: k-color(#{$name});

package/scss/components/appbar/_variables.scss

@@ -8,6 +8,7 @@ $kendo-appbar-margin-y: null !default;
 $kendo-appbar-padding-x: null !default;
 $kendo-appbar-padding-y: null !default;
 $kendo-appbar-border-width: null !default;
+$kendo-appbar-border-radius: null !default;
 $kendo-appbar-zindex: null !default;
 $kendo-appbar-font-family: null !default;
 $kendo-appbar-font-size: null !default;
@@ -15,15 +16,9 @@ $kendo-appbar-line-height: null !default;
 
 $kendo-appbar-gap: null !default;
 
-$kendo-appbar-light-bg: null !default;
-$kendo-appbar-light-text: null !default;
-
-$kendo-appbar-dark-bg: null !default;
-$kendo-appbar-dark-text: null !default;
-
 $kendo-appbar-box-shadow: null !default;
 $kendo-appbar-bottom-box-shadow: null !default;
 
 /// The theme colors map of the AppBar.
 /// @group appbar
-$kendo-appbar-theme-colors: ("inherit", "base", "primary", "secondary", "tertiary", "info", "success", "warning", "error", "dark", "light", "inverse") !default;
+$kendo-appbar-theme-colors: ("base", "primary", "secondary", "tertiary", "inverse") !default;

package/scss/components/avatar/_variables.scss

@@ -31,4 +31,4 @@ $kendo-avatar-sizes: (
 
 /// The theme colors map of the Avatar.
 /// @group avatar
-$kendo-avatar-theme-colors: ("base", "primary", "secondary", "tertiary", "info", "success", "warning", "error", "dark", "light", "inverse") !default;
+$kendo-avatar-theme-colors: ("base", "primary", "secondary", "tertiary") !default;

package/scss/components/badge/_variables.scss

@@ -60,4 +60,4 @@ $kendo-badge-roundness: ( "none", "sm", "md", "lg", "full" ) !default;
 
 /// The theme colors map of the Badge.
 /// @group badge
-$kendo-badge-theme-colors: ("base", "primary", "secondary", "tertiary", "info", "success", "warning", "error", "dark", "light", "inverse") !default;
+$kendo-badge-theme-colors: ("base", "primary", "secondary", "tertiary", "info", "success", "warning", "error") !default;

package/scss/components/bottom-navigation/_layout.scss

@@ -13,6 +13,7 @@
         border-width: 0;
         border-style: solid;
         border-color: transparent;
+        border-radius: $kendo-bottom-nav-border-radius;
         box-sizing: border-box;
         font-size: $kendo-bottom-nav-font-size;
         line-height: $kendo-bottom-nav-line-height;

package/scss/components/bottom-navigation/_theme.scss

@@ -34,20 +34,21 @@
         // Fillmode: flat
         #{k-when-default($kendo-bottom-nav-default-fill-mode, "flat")}
         &.k-bottom-nav-flat {
+            @include fill(
+                $kendo-bottom-nav-flat-text,
+                $kendo-bottom-nav-flat-bg,
+                $kendo-bottom-nav-flat-border
+            );
+
+            .k-bottom-nav-item.k-focus,
+            .k-bottom-nav-item:focus {
+                @include fill( $bg: color-mix(in srgb, k-color(on-app-surface) 5%, transparent));
+            }
+
             // Theme colors
             @each $name in $kendo-bottom-navigation-theme-colors {
                 #{k-when-default($kendo-bottom-nav-default-theme-color, $name)}
                 &.k-bottom-nav-#{$name} {
-                    @include fill(
-                        $kendo-bottom-nav-flat-text,
-                        $kendo-bottom-nav-flat-bg,
-                        $kendo-bottom-nav-flat-border
-                    );
-
-                    .k-bottom-nav-item.k-focus,
-                    .k-bottom-nav-item:focus {
-                        @include fill( $bg: color-mix(in srgb, k-color(on-app-surface) 5%, transparent));
-                    }
 
                     .k-bottom-nav-item.k-selected {
                         @include fill( $color: k-color(#{$name}-on-surface));

package/scss/components/bottom-navigation/_variables.scss

@@ -9,6 +9,7 @@ $kendo-bottom-nav-padding-x: null !default;
 $kendo-bottom-nav-padding-y: null !default;
 $kendo-bottom-nav-gap: null !default;
 $kendo-bottom-nav-border-width: null !default;
+$kendo-bottom-nav-border-radius: null !default;
 $kendo-bottom-nav-font-family: null !default;
 $kendo-bottom-nav-font-size: null !default;
 $kendo-bottom-nav-line-height: null !default;
@@ -30,4 +31,4 @@ $kendo-bottom-nav-flat-border: null !default;
 
 /// The theme colors map of the BottomNavigation.
 /// @group bottom-navigation
-$kendo-bottom-navigation-theme-colors: ("primary", "secondary", "tertiary", "info", "success", "warning", "error", "dark", "light", "inverse") !default;
+$kendo-bottom-navigation-theme-colors: ("base", "primary", "secondary", "tertiary", "inverse") !default;

package/scss/components/button/_layout.scss

@@ -25,7 +25,7 @@
         display: inline-flex;
         align-items: center;
         justify-content: center;
-        gap: $kendo-icon-spacing;
+        gap: $kendo-button-gap;
         vertical-align: middle;
         user-select: none;
         cursor: pointer;

package/scss/components/button/_variables.scss

@@ -9,6 +9,8 @@ $kendo-button-border-width: null !default;
 
 $kendo-button-border-radius: null !default;
 
+$kendo-button-gap: null !default;
+
 $kendo-button-xs-padding-x: null !default;
 $kendo-button-sm-padding-x: null !default;
 $kendo-button-md-padding-x: null !default;
@@ -113,7 +115,7 @@ $kendo-button-roundness: ("none", "sm", "md", "lg", "full") !default;
 
 /// The theme colors map of the Button.
 /// @group button
-$kendo-button-theme-colors: ("base", "primary", "secondary", "tertiary", "info", "success", "warning", "error", "dark", "light", "inverse") !default;
+$kendo-button-theme-colors: ("base", "primary", "secondary", "tertiary", "info", "success", "warning", "error", "inverse") !default;
 
 /// The sizes map of the Button.
 /// @group button

package/scss/components/card/_theme.scss

@@ -34,21 +34,6 @@
             @include box-shadow( $kendo-card-focus-shadow );
         }
 
-
-        // Card theme colors
-        @each $name in $kendo-card-theme-colors {
-            #{k-when-default($kendo-card-default-theme-color, $name)}
-            &.k-card-#{$name} {
-                background-color: k-color(#{$name}-subtle);
-                color: k-color(#{$name}-on-subtle);
-                border-color: k-color(#{$name}-emphasis);
-
-                .k-card-subtitle {
-                    color: inherit;
-                }
-            }
-        }
-
     }
 
 

package/scss/components/card/_variables.scss

@@ -1,7 +1,5 @@
 // Card
 
-$kendo-card-default-theme-color: null !default;
-
 $kendo-card-padding-x: null !default;
 $kendo-card-padding-y: null !default;
 $kendo-card-border-width: null !default;
@@ -71,7 +69,3 @@ $kendo-card-deck-scroll-button-offset: null !default;
 
 $kendo-card-callout-width: null !default;
 $kendo-card-callout-height: null !default;
-
-/// The theme colors map of the Card.
-/// @group card
-$kendo-card-theme-colors: ("primary", "secondary", "tertiary", "info", "success", "warning", "error", "dark", "light", "inverse") !default;

package/scss/components/chart-wizard/_layout.scss

@@ -15,7 +15,12 @@
             display: flex;
             padding: $kendo-chart-wizard-icon-area-padding;
             border-radius: $kendo-chart-wizard-icon-area-border-radius;
-            transition: box-shadow k-transition(rapid);
+            transition: box-shadow k-transition(rapid), border-color k-transition(rapid);
+
+            @if $kendo-chart-wizard-icon-area-border-width {
+                border-width: $kendo-chart-wizard-icon-area-border-width;
+                border-style: solid;
+            }
         }
     }
 

package/scss/components/chart-wizard/_theme.scss

@@ -7,7 +7,9 @@
                 color: $kendo-chart-wizard-chart-type-selected-color;
 
                 .k-icon-background-area {
+                    background-color: $kendo-chart-wizard-icon-area-selected-bg;
                     box-shadow: $kendo-chart-wizard-icon-area-selected-shadow;
+                    border-color: $kendo-chart-wizard-icon-area-selected-border-color;
                 }
             }
 
@@ -27,6 +29,7 @@
         .k-icon-background-area {
             color: $kendo-chart-wizard-icon-area-color;
             background-color: $kendo-chart-wizard-icon-area-bg;
+            border-color: $kendo-chart-wizard-icon-area-border-color;
         }
     }
 }

package/scss/components/chart-wizard/_variables.scss

@@ -3,9 +3,13 @@
 $kendo-chart-wizard-icon-area-color: null !default;
 $kendo-chart-wizard-icon-area-bg: null !default;
 $kendo-chart-wizard-icon-area-border-radius: null !default;
+$kendo-chart-wizard-icon-area-border-width: null !default;
+$kendo-chart-wizard-icon-area-border-color: null !default;
 $kendo-chart-wizard-icon-area-padding: null !default;
 $kendo-chart-wizard-icon-area-focus-shadow: null !default;
 $kendo-chart-wizard-icon-area-selected-shadow: null !default;
+$kendo-chart-wizard-icon-area-selected-border-color: null !default;
+$kendo-chart-wizard-icon-area-selected-bg: null !default;
 
 $kendo-chart-wizard-chart-type-selected-color: null !default;
 

package/scss/components/chat/_layout.scss

@@ -17,6 +17,7 @@
         min-height: $kendo-chat-height;
         max-height: 100%;
         border-width: $kendo-chat-border-width;
+        border-radius: $kendo-chat-border-radius;
         border-style: solid;
         box-sizing: border-box;
         outline: 0;
@@ -42,6 +43,7 @@
         z-index: k-z-index("banner");
         border-inline-width: 0;
         border-block-start-width: 0;
+        border-radius: 0;
     }
 
     // Message list
@@ -413,6 +415,9 @@
             inset-inline-start: $kendo-chat-message-reference-padding-x;
             height: calc( 100% - #{$kendo-chat-message-reference-padding-y} );
             width: 2px;
+            margin-block: auto;
+            top: 0;
+            bottom: 0;
         }
     }
 

package/scss/components/chat/_variables.scss

@@ -5,6 +5,7 @@ $kendo-chat-padding-y: null !default;
 $kendo-chat-width: null !default;
 $kendo-chat-height: null !default;
 $kendo-chat-border-width: null !default;
+$kendo-chat-border-radius: null !default;
 $kendo-chat-font-family: null !default;
 $kendo-chat-font-size: null !default;
 $kendo-chat-line-height: null !default;

package/scss/components/column-menu/_layout.scss

@@ -65,6 +65,15 @@
         border-block-start: 1px solid;
     }
 
+    .k-columnmenu-item-wrapper {
+        padding-block: $kendo-column-menu-item-wrapper-padding-y;
+    }
+
+    .k-columnmenu-item,
+    .k-column-list-item {
+        border-radius: $kendo-column-list-item-border-radius;
+    }
+
     .k-group-menu-item {
         display: flex;
         user-select: none;

package/scss/components/column-menu/_variables.scss

@@ -9,6 +9,8 @@ $kendo-column-menu-item-md-padding-y: null !default;
 $kendo-column-menu-item-lg-padding-x: null !default;
 $kendo-column-menu-item-lg-padding-y: null !default;
 
+$kendo-column-menu-item-wrapper-padding-y: null !default;
+
 $kendo-column-menu-font-size: null !default;
 $kendo-column-menu-sm-font-size: null !default;
 $kendo-column-menu-md-font-size: null !default;
@@ -21,6 +23,8 @@ $kendo-column-menu-lg-line-height: null !default;
 
 $kendo-column-menu-font-family: null !default;
 
+$kendo-column-list-item-border-radius: null !default;
+
 /// The sizes map for the ColumnMenu.
 /// @group column-menu
 $kendo-column-menu-sizes: (

package/scss/components/dataviz/_layout.scss

@@ -46,6 +46,8 @@
 
     .k-chart-surface {
         height: 100%;
+        border-radius: $kendo-chart-border-radius;
+        overflow: hidden;
     }
 
     .k-chart .k-popup {
@@ -296,6 +298,7 @@
         box-sizing: border-box;
         border-width: 1px;
         border-style: solid;
+        border-radius: $kendo-treemap-border-radius;
         outline: 0;
         font-family: $kendo-treemap-font-family;
         font-size: $kendo-treemap-font-size;