@progress/kendo-theme-fluent
Version:
A css variables based theme for Kendo UI that follows the Fluent design system guidelines.
385 lines • 829 kB
JSON
{
"kendo-is-dark-theme": {
"type": "Bool",
"value": "false"
},
"kendo-enable-shadows": {
"type": "Bool",
"value": "true"
},
"kendo-enable-rounded": {
"type": "Bool",
"value": "true"
},
"kendo-enable-gradients": {
"type": "Bool",
"value": "true"
},
"kendo-enable-transitions": {
"type": "Bool",
"value": "true"
},
"kendo-nested-disabled": {
"type": "Bool",
"value": "true"
},
"kendo-enable-focus-contrast": {
"type": "Bool",
"value": "false"
},
"wcag-min-contrast-ratio": {
"type": "Number",
"value": "4.5"
},
"kendo-enable-typography": {
"type": "Bool",
"value": "false"
},
"equilateral-index": {
"type": "Number",
"value": "1.7320508076"
},
"equilateral-height": {
"type": "Number",
"value": "0.8660254038"
},
"default-colors": {
"type": "Map",
"value": "(app-surface: oklch(98.51% 0 0deg), on-app-surface: oklch(from var(--kendo-color-app-surface) clamp(0.2603, (0.6 - l) * 99999, 1) 0 h), subtle: oklch(54.52% 0 0deg), surface: oklch(100% 0 0deg), surface-alt: oklch(from var(--kendo-color-surface) l c h), border: oklch(26.03% 0 0deg / 0.72), border-alt: oklch(0% 0 0deg), base-subtle: oklch(from var(--kendo-color-base) calc(l - 0.030) c h), base-subtle-hover: oklch(from var(--kendo-color-base) calc(l - 0.060) c h), base-subtle-active: oklch(from var(--kendo-color-base) calc(l - 0.093) c h), base: oklch(100% 0 0deg), base-hover: oklch(from var(--kendo-color-base) calc(l - 0.030) c h), base-active: oklch(from var(--kendo-color-base) calc(l - 0.060) c h), base-emphasis: oklch(from var(--kendo-color-base) calc(l - 0.139) c h), base-on-subtle: oklch(from var(--kendo-color-base) clamp(0.2603, (0.6 - l) * 99999, 1) 0 h), on-base: oklch(from var(--kendo-color-base) clamp(0.2603, (0.6 - l) * 99999, 1) 0 h), base-on-surface: oklch(from var(--kendo-color-base) clamp(0.2603, (0.6 - l) * 99999, 1) 0 h), primary-subtle: oklch(from var(--kendo-color-primary) 0.961 calc(c * 0.100) h), primary-subtle-hover: oklch(from var(--kendo-color-primary) 0.910 calc(c * 0.252) h), primary-subtle-active: oklch(from var(--kendo-color-primary) 0.812 calc(c * 0.601) h), primary: oklch(52.63% 0.1494 251.63deg), primary-hover: oklch(from var(--kendo-color-primary) calc(l - 0.050) calc(c - 0.0183) h), primary-active: oklch(from var(--kendo-color-primary) calc(l - 0.090) calc(c - 0.0371) h), primary-emphasis: oklch(from var(--kendo-color-primary) 0.847 calc(c * 0.456) h), primary-on-subtle: oklch(from var(--kendo-color-primary) calc(l * 0.555) calc(c * 0.434) h), on-primary: oklch(from var(--kendo-color-primary) clamp(0, (0.6 - 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.015) c h), secondary-subtle-hover: oklch(from var(--kendo-color-secondary) calc(l + 0.045) c h), secondary-subtle-active: oklch(from var(--kendo-color-secondary) calc(l + 0.060) c h), secondary: oklch(94.01% 0 0deg), secondary-hover: oklch(from var(--kendo-color-secondary) calc(l + 0.030) c h), secondary-active: oklch(from var(--kendo-color-secondary) calc(l + 0.045) c h), secondary-emphasis: oklch(from var(--kendo-color-secondary) calc(l - 0.033) c h), secondary-on-subtle: oklch(from var(--kendo-color-secondary) clamp(0.4926, (0.6 - l) * 99999, 0.95) 0 h), on-secondary: oklch(from var(--kendo-color-secondary) clamp(0.4926, (0.6 - l) * 99999, 0.95) 0 h), secondary-on-surface: oklch(from var(--kendo-color-secondary) clamp(0.4926, (0.6 - l) * 99999, 0.95) 0 h), tertiary-subtle: oklch(from var(--kendo-color-tertiary) 0.978 calc(c * 0.058) h), tertiary-subtle-hover: oklch(from var(--kendo-color-tertiary) 0.918 calc(c * 0.200) h), tertiary-subtle-active: oklch(from var(--kendo-color-tertiary) 0.850 calc(c * 0.375) h), tertiary: oklch(58.95% 0.2164 332.76deg), tertiary-hover: oklch(from var(--kendo-color-tertiary) calc(l - 0.0433) calc(c - 0.0168) h), tertiary-active: oklch(from var(--kendo-color-tertiary) calc(l - 0.1003) calc(c - 0.0401) h), tertiary-emphasis: oklch(from var(--kendo-color-tertiary) 0.850 calc(c * 0.375) h), tertiary-on-subtle: oklch(from var(--kendo-color-tertiary) calc(l - 0.0433) calc(c - 0.0168) h), on-tertiary: oklch(from var(--kendo-color-tertiary) clamp(0, (0.6 - l) * 99999, 1) 0 h), tertiary-on-surface: oklch(from var(--kendo-color-tertiary) l c h), info-subtle: oklch(from var(--kendo-color-info) 0.983 calc(c * 0.050) h), info-subtle-hover: oklch(from var(--kendo-color-info) 0.937 calc(c * 0.185) h), info-subtle-active: oklch(from var(--kendo-color-info) 0.883 calc(c * 0.337) h), info: oklch(65.12% 0.1366 245.64deg), info-hover: oklch(from var(--kendo-color-info) calc(l - 0.016) calc(c - 0.0047) h), info-active: oklch(from var(--kendo-color-info) calc(l + 0.034) calc(c - 0.0125) h), info-emphasis: oklch(from var(--kendo-color-info) 0.883 calc(c * 0.337) h), info-on-subtle: oklch(from var(--kendo-color-info) calc(l * 0.662) calc(c * 0.631) h), on-info: oklch(from var(--kendo-color-info) clamp(0.2603, (0.6 - l) * 99999, 1) 0 h), info-on-surface: oklch(from var(--kendo-color-info) calc(l - 0.048) calc(c - 0.0109) h), success-subtle: oklch(from var(--kendo-color-success) 0.976 calc(c * 0.091) h), success-subtle-hover: oklch(from var(--kendo-color-success) 0.904 calc(c * 0.340) h), success-subtle-active: oklch(from var(--kendo-color-success) 0.828 calc(c * 0.593) h), success: oklch(51.03% 0.1654 142.68deg), success-hover: oklch(from var(--kendo-color-success) calc(l - 0.0357) calc(c - 0.012) h), success-active: oklch(from var(--kendo-color-success) calc(l - 0.0903) calc(c - 0.0311) h), success-emphasis: oklch(from var(--kendo-color-success) 0.828 calc(c * 0.593) h), success-on-subtle: oklch(from var(--kendo-color-success) calc(l - 0.0357) calc(c - 0.012) h), on-success: oklch(from var(--kendo-color-success) clamp(0, (0.6 - l) * 99999, 1) 0 h), success-on-surface: oklch(from var(--kendo-color-success) l c h), warning-subtle: oklch(from var(--kendo-color-warning) 0.986 calc(c * 0.042) h), warning-subtle-hover: oklch(from var(--kendo-color-warning) 0.939 calc(c * 0.168) h), warning-subtle-active: oklch(from var(--kendo-color-warning) 0.888 calc(c * 0.320) h), warning: oklch(68% 0.198 42.95deg), warning-hover: oklch(from var(--kendo-color-warning) calc(l - 0.0515) calc(c - 0.0161) h), warning-active: oklch(from var(--kendo-color-warning) calc(l - 0.1238) calc(c - 0.0382) h), warning-emphasis: oklch(from var(--kendo-color-warning) 0.888 calc(c * 0.320) h), warning-on-subtle: oklch(from var(--kendo-color-warning) calc(l * 0.656) calc(c * 0.632) h), on-warning: oklch(from var(--kendo-color-warning) clamp(0.2603, (0.6 - l) * 99999, 1) 0 h), warning-on-surface: oklch(from var(--kendo-color-warning) calc(l * 0.656) calc(c * 0.632) h), error-subtle: oklch(from var(--kendo-color-error) 0.972 calc(c * 0.052) h), error-subtle-hover: oklch(from var(--kendo-color-error) 0.893 calc(c * 0.203) h), error-subtle-active: oklch(from var(--kendo-color-error) 0.808 calc(c * 0.378) h), error: oklch(52.27% 0.2063 25.84deg), error-hover: oklch(from var(--kendo-color-error) calc(l - 0.0393) calc(c - 0.0165) h), error-active: oklch(from var(--kendo-color-error) calc(l - 0.0942) calc(c - 0.0388) h), error-emphasis: oklch(from var(--kendo-color-error) 0.808 calc(c * 0.378) h), error-on-subtle: oklch(from var(--kendo-color-error) calc(l - 0.0393) calc(c - 0.0165) h), on-error: oklch(from var(--kendo-color-error) clamp(0, (0.6 - l) * 99999, 1) 0 h), error-on-surface: oklch(from var(--kendo-color-error) l c h), inverse-subtle: oklch(from var(--kendo-color-inverse) calc(l + 0.232) c h), inverse-subtle-hover: oklch(from var(--kendo-color-inverse) calc(l + 0.373) c h), inverse-subtle-active: oklch(from var(--kendo-color-inverse) calc(l + 0.285) c h), inverse: oklch(26.03% 0 0deg), inverse-hover: oklch(from var(--kendo-color-inverse) calc(l + 0.119) c h), inverse-active: oklch(from var(--kendo-color-inverse) calc(l + 0.061) c h), inverse-emphasis: oklch(from var(--kendo-color-inverse) calc(l + 0.285) c h), inverse-on-subtle: oklch(from var(--kendo-color-inverse) clamp(0, (0.7 - l) * 99999, 1) 0 h), on-inverse: oklch(from var(--kendo-color-inverse) clamp(0, (0.7 - l) * 99999, 1) 0 h), inverse-on-surface: oklch(from var(--kendo-color-inverse) calc(l * 1.892) c h), series: oklch(64.54% 0.0997 198.44deg), series-a: var(--kendo-color-series), series-a-bold: oklch(from var(--kendo-color-series-a) calc(l * 0.812) calc(c * 0.799) h), series-a-bolder: oklch(from var(--kendo-color-series-a) calc(l * 0.613) calc(c * 0.588) h), series-a-subtle: oklch(from var(--kendo-color-series-a) calc(l * 1.129) calc(c * 0.858) h), series-a-subtler: oklch(from var(--kendo-color-series-a) calc(l * 1.263) calc(c * 0.606) h), series-b: oklch(from var(--kendo-color-series) calc(l + 0.0077) calc(c + 0.0338) calc(h - 106.96)), series-b-bold: oklch(from var(--kendo-color-series-b) calc(l * 0.811) calc(c * 0.812) h), series-b-bolder: oklch(from var(--kendo-color-series-b) calc(l * 0.613) calc(c * 0.614) h), series-b-subtle: oklch(from var(--kendo-color-series-b) calc(l * 1.129) calc(c * 0.942) h), series-b-subtler: oklch(from var(--kendo-color-series-b) calc(l * 1.260) calc(c * 0.679) h), series-c: oklch(from var(--kendo-color-series) calc(l - 0.0454) calc(c + 0.1479) calc(h + 154.83)), series-c-bold: oklch(from var(--kendo-color-series-c) calc(l * 0.807) calc(c * 0.808) h), series-c-bolder: oklch(from var(--kendo-color-series-c) calc(l * 0.604) calc(c * 0.607) h), series-c-subtle: oklch(from var(--kendo-color-series-c) calc(l * 1.086) calc(c * 0.916) h), series-c-subtler: oklch(from var(--kendo-color-series-c) calc(l * 1.244) calc(c * 0.644) h), series-d: oklch(from var(--kendo-color-series) calc(l - 0.0293) calc(c + 0.1043) calc(h - 56.02)), series-d-bold: oklch(from var(--kendo-color-series-d) calc(l * 0.813) calc(c * 0.806) h), series-d-bolder: oklch(from var(--kendo-color-series-d) calc(l * 0.615) calc(c * 0.598) h), series-d-subtle: oklch(from var(--kendo-color-series-d) calc(l * 1.135) calc(c * 0.882) h), series-d-subtler: oklch(from var(--kendo-color-series-d) calc(l * 1.286) calc(c * 0.613) h), series-e: oklch(from var(--kendo-color-series) calc(l - 0.0209) calc(c + 0.0743) calc(h + 72.89)), series-e-bold: oklch(from var(--kendo-color-series-e) calc(l * 0.813) calc(c * 0.789) h), series-e-bolder: oklch(from var(--kendo-color-series-e) calc(l * 0.616) calc(c * 0.570) h), series-e-subtle: oklch(78.93% 0.0618 304.45deg), series-e-subtler: oklch(68.36% 0.095 302.88deg), series-f: oklch(from var(--kendo-color-series) calc(l - 0.06) calc(c + 0.0692) calc(h - 156.11)), series-f-bold: oklch(from var(--kendo-color-series-f) calc(l * 0.812) calc(c * 0.792) h), series-f-bolder: oklch(from var(--kendo-color-series-f) calc(l * 0.615) calc(c * 0.575) h), series-f-subtle: oklch(from var(--kendo-color-series-f) calc(l * 1.156) calc(c * 0.767) h), series-f-subtler: oklch(from var(--kendo-color-series-f) calc(l * 1.331) calc(c * 0.507) h))",
"prettyValue": {
"app-surface": "oklch(98.51% 0 0deg)",
"on-app-surface": "oklch(from var(--kendo-color-app-surface) clamp(0.2603, (0.6 - l) * 99999, 1) 0 h)",
"subtle": "oklch(54.52% 0 0deg)",
"surface": "oklch(100% 0 0deg)",
"surface-alt": "oklch(from var(--kendo-color-surface) l c h)",
"border": "oklch(26.03% 0 0deg / 0.72)",
"border-alt": "oklch(0% 0 0deg)",
"base-subtle": "oklch(from var(--kendo-color-base) calc(l - 0.030) c h)",
"base-subtle-hover": "oklch(from var(--kendo-color-base) calc(l - 0.060) c h)",
"base-subtle-active": "oklch(from var(--kendo-color-base) calc(l - 0.093) c h)",
"base": "oklch(100% 0 0deg)",
"base-hover": "oklch(from var(--kendo-color-base) calc(l - 0.030) c h)",
"base-active": "oklch(from var(--kendo-color-base) calc(l - 0.060) c h)",
"base-emphasis": "oklch(from var(--kendo-color-base) calc(l - 0.139) c h)",
"base-on-subtle": "oklch(from var(--kendo-color-base) clamp(0.2603, (0.6 - l) * 99999, 1) 0 h)",
"on-base": "oklch(from var(--kendo-color-base) clamp(0.2603, (0.6 - l) * 99999, 1) 0 h)",
"base-on-surface": "oklch(from var(--kendo-color-base) clamp(0.2603, (0.6 - l) * 99999, 1) 0 h)",
"primary-subtle": "oklch(from var(--kendo-color-primary) 0.961 calc(c * 0.100) h)",
"primary-subtle-hover": "oklch(from var(--kendo-color-primary) 0.910 calc(c * 0.252) h)",
"primary-subtle-active": "oklch(from var(--kendo-color-primary) 0.812 calc(c * 0.601) h)",
"primary": "oklch(52.63% 0.1494 251.63deg)",
"primary-hover": "oklch(from var(--kendo-color-primary) calc(l - 0.050) calc(c - 0.0183) h)",
"primary-active": "oklch(from var(--kendo-color-primary) calc(l - 0.090) calc(c - 0.0371) h)",
"primary-emphasis": "oklch(from var(--kendo-color-primary) 0.847 calc(c * 0.456) h)",
"primary-on-subtle": "oklch(from var(--kendo-color-primary) calc(l * 0.555) calc(c * 0.434) h)",
"on-primary": "oklch(from var(--kendo-color-primary) clamp(0, (0.6 - 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.015) c h)",
"secondary-subtle-hover": "oklch(from var(--kendo-color-secondary) calc(l + 0.045) c h)",
"secondary-subtle-active": "oklch(from var(--kendo-color-secondary) calc(l + 0.060) c h)",
"secondary": "oklch(94.01% 0 0deg)",
"secondary-hover": "oklch(from var(--kendo-color-secondary) calc(l + 0.030) c h)",
"secondary-active": "oklch(from var(--kendo-color-secondary) calc(l + 0.045) c h)",
"secondary-emphasis": "oklch(from var(--kendo-color-secondary) calc(l - 0.033) c h)",
"secondary-on-subtle": "oklch(from var(--kendo-color-secondary) clamp(0.4926, (0.6 - l) * 99999, 0.95) 0 h)",
"on-secondary": "oklch(from var(--kendo-color-secondary) clamp(0.4926, (0.6 - l) * 99999, 0.95) 0 h)",
"secondary-on-surface": "oklch(from var(--kendo-color-secondary) clamp(0.4926, (0.6 - l) * 99999, 0.95) 0 h)",
"tertiary-subtle": "oklch(from var(--kendo-color-tertiary) 0.978 calc(c * 0.058) h)",
"tertiary-subtle-hover": "oklch(from var(--kendo-color-tertiary) 0.918 calc(c * 0.200) h)",
"tertiary-subtle-active": "oklch(from var(--kendo-color-tertiary) 0.850 calc(c * 0.375) h)",
"tertiary": "oklch(58.95% 0.2164 332.76deg)",
"tertiary-hover": "oklch(from var(--kendo-color-tertiary) calc(l - 0.0433) calc(c - 0.0168) h)",
"tertiary-active": "oklch(from var(--kendo-color-tertiary) calc(l - 0.1003) calc(c - 0.0401) h)",
"tertiary-emphasis": "oklch(from var(--kendo-color-tertiary) 0.850 calc(c * 0.375) h)",
"tertiary-on-subtle": "oklch(from var(--kendo-color-tertiary) calc(l - 0.0433) calc(c - 0.0168) h)",
"on-tertiary": "oklch(from var(--kendo-color-tertiary) clamp(0, (0.6 - l) * 99999, 1) 0 h)",
"tertiary-on-surface": "oklch(from var(--kendo-color-tertiary) l c h)",
"info-subtle": "oklch(from var(--kendo-color-info) 0.983 calc(c * 0.050) h)",
"info-subtle-hover": "oklch(from var(--kendo-color-info) 0.937 calc(c * 0.185) h)",
"info-subtle-active": "oklch(from var(--kendo-color-info) 0.883 calc(c * 0.337) h)",
"info": "oklch(65.12% 0.1366 245.64deg)",
"info-hover": "oklch(from var(--kendo-color-info) calc(l - 0.016) calc(c - 0.0047) h)",
"info-active": "oklch(from var(--kendo-color-info) calc(l + 0.034) calc(c - 0.0125) h)",
"info-emphasis": "oklch(from var(--kendo-color-info) 0.883 calc(c * 0.337) h)",
"info-on-subtle": "oklch(from var(--kendo-color-info) calc(l * 0.662) calc(c * 0.631) h)",
"on-info": "oklch(from var(--kendo-color-info) clamp(0.2603, (0.6 - l) * 99999, 1) 0 h)",
"info-on-surface": "oklch(from var(--kendo-color-info) calc(l - 0.048) calc(c - 0.0109) h)",
"success-subtle": "oklch(from var(--kendo-color-success) 0.976 calc(c * 0.091) h)",
"success-subtle-hover": "oklch(from var(--kendo-color-success) 0.904 calc(c * 0.340) h)",
"success-subtle-active": "oklch(from var(--kendo-color-success) 0.828 calc(c * 0.593) h)",
"success": "oklch(51.03% 0.1654 142.68deg)",
"success-hover": "oklch(from var(--kendo-color-success) calc(l - 0.0357) calc(c - 0.012) h)",
"success-active": "oklch(from var(--kendo-color-success) calc(l - 0.0903) calc(c - 0.0311) h)",
"success-emphasis": "oklch(from var(--kendo-color-success) 0.828 calc(c * 0.593) h)",
"success-on-subtle": "oklch(from var(--kendo-color-success) calc(l - 0.0357) calc(c - 0.012) h)",
"on-success": "oklch(from var(--kendo-color-success) clamp(0, (0.6 - l) * 99999, 1) 0 h)",
"success-on-surface": "oklch(from var(--kendo-color-success) l c h)",
"warning-subtle": "oklch(from var(--kendo-color-warning) 0.986 calc(c * 0.042) h)",
"warning-subtle-hover": "oklch(from var(--kendo-color-warning) 0.939 calc(c * 0.168) h)",
"warning-subtle-active": "oklch(from var(--kendo-color-warning) 0.888 calc(c * 0.320) h)",
"warning": "oklch(68% 0.198 42.95deg)",
"warning-hover": "oklch(from var(--kendo-color-warning) calc(l - 0.0515) calc(c - 0.0161) h)",
"warning-active": "oklch(from var(--kendo-color-warning) calc(l - 0.1238) calc(c - 0.0382) h)",
"warning-emphasis": "oklch(from var(--kendo-color-warning) 0.888 calc(c * 0.320) h)",
"warning-on-subtle": "oklch(from var(--kendo-color-warning) calc(l * 0.656) calc(c * 0.632) h)",
"on-warning": "oklch(from var(--kendo-color-warning) clamp(0.2603, (0.6 - l) * 99999, 1) 0 h)",
"warning-on-surface": "oklch(from var(--kendo-color-warning) calc(l * 0.656) calc(c * 0.632) h)",
"error-subtle": "oklch(from var(--kendo-color-error) 0.972 calc(c * 0.052) h)",
"error-subtle-hover": "oklch(from var(--kendo-color-error) 0.893 calc(c * 0.203) h)",
"error-subtle-active": "oklch(from var(--kendo-color-error) 0.808 calc(c * 0.378) h)",
"error": "oklch(52.27% 0.2063 25.84deg)",
"error-hover": "oklch(from var(--kendo-color-error) calc(l - 0.0393) calc(c - 0.0165) h)",
"error-active": "oklch(from var(--kendo-color-error) calc(l - 0.0942) calc(c - 0.0388) h)",
"error-emphasis": "oklch(from var(--kendo-color-error) 0.808 calc(c * 0.378) h)",
"error-on-subtle": "oklch(from var(--kendo-color-error) calc(l - 0.0393) calc(c - 0.0165) h)",
"on-error": "oklch(from var(--kendo-color-error) clamp(0, (0.6 - l) * 99999, 1) 0 h)",
"error-on-surface": "oklch(from var(--kendo-color-error) l c h)",
"inverse-subtle": "oklch(from var(--kendo-color-inverse) calc(l + 0.232) c h)",
"inverse-subtle-hover": "oklch(from var(--kendo-color-inverse) calc(l + 0.373) c h)",
"inverse-subtle-active": "oklch(from var(--kendo-color-inverse) calc(l + 0.285) c h)",
"inverse": "oklch(26.03% 0 0deg)",
"inverse-hover": "oklch(from var(--kendo-color-inverse) calc(l + 0.119) c h)",
"inverse-active": "oklch(from var(--kendo-color-inverse) calc(l + 0.061) c h)",
"inverse-emphasis": "oklch(from var(--kendo-color-inverse) calc(l + 0.285) c h)",
"inverse-on-subtle": "oklch(from var(--kendo-color-inverse) clamp(0, (0.7 - l) * 99999, 1) 0 h)",
"on-inverse": "oklch(from var(--kendo-color-inverse) clamp(0, (0.7 - l) * 99999, 1) 0 h)",
"inverse-on-surface": "oklch(from var(--kendo-color-inverse) calc(l * 1.892) c h)",
"series": "oklch(64.54% 0.0997 198.44deg)",
"series-a": "var(--kendo-color-series)",
"series-a-bold": "oklch(from var(--kendo-color-series-a) calc(l * 0.812) calc(c * 0.799) h)",
"series-a-bolder": "oklch(from var(--kendo-color-series-a) calc(l * 0.613) calc(c * 0.588) h)",
"series-a-subtle": "oklch(from var(--kendo-color-series-a) calc(l * 1.129) calc(c * 0.858) h)",
"series-a-subtler": "oklch(from var(--kendo-color-series-a) calc(l * 1.263) calc(c * 0.606) h)",
"series-b": "oklch(from var(--kendo-color-series) calc(l + 0.0077) calc(c + 0.0338) calc(h - 106.96))",
"series-b-bold": "oklch(from var(--kendo-color-series-b) calc(l * 0.811) calc(c * 0.812) h)",
"series-b-bolder": "oklch(from var(--kendo-color-series-b) calc(l * 0.613) calc(c * 0.614) h)",
"series-b-subtle": "oklch(from var(--kendo-color-series-b) calc(l * 1.129) calc(c * 0.942) h)",
"series-b-subtler": "oklch(from var(--kendo-color-series-b) calc(l * 1.260) calc(c * 0.679) h)",
"series-c": "oklch(from var(--kendo-color-series) calc(l - 0.0454) calc(c + 0.1479) calc(h + 154.83))",
"series-c-bold": "oklch(from var(--kendo-color-series-c) calc(l * 0.807) calc(c * 0.808) h)",
"series-c-bolder": "oklch(from var(--kendo-color-series-c) calc(l * 0.604) calc(c * 0.607) h)",
"series-c-subtle": "oklch(from var(--kendo-color-series-c) calc(l * 1.086) calc(c * 0.916) h)",
"series-c-subtler": "oklch(from var(--kendo-color-series-c) calc(l * 1.244) calc(c * 0.644) h)",
"series-d": "oklch(from var(--kendo-color-series) calc(l - 0.0293) calc(c + 0.1043) calc(h - 56.02))",
"series-d-bold": "oklch(from var(--kendo-color-series-d) calc(l * 0.813) calc(c * 0.806) h)",
"series-d-bolder": "oklch(from var(--kendo-color-series-d) calc(l * 0.615) calc(c * 0.598) h)",
"series-d-subtle": "oklch(from var(--kendo-color-series-d) calc(l * 1.135) calc(c * 0.882) h)",
"series-d-subtler": "oklch(from var(--kendo-color-series-d) calc(l * 1.286) calc(c * 0.613) h)",
"series-e": "oklch(from var(--kendo-color-series) calc(l - 0.0209) calc(c + 0.0743) calc(h + 72.89))",
"series-e-bold": "oklch(from var(--kendo-color-series-e) calc(l * 0.813) calc(c * 0.789) h)",
"series-e-bolder": "oklch(from var(--kendo-color-series-e) calc(l * 0.616) calc(c * 0.570) h)",
"series-e-subtle": "oklch(78.93% 0.0618 304.45deg)",
"series-e-subtler": "oklch(68.36% 0.095 302.88deg)",
"series-f": "oklch(from var(--kendo-color-series) calc(l - 0.06) calc(c + 0.0692) calc(h - 156.11))",
"series-f-bold": "oklch(from var(--kendo-color-series-f) calc(l * 0.812) calc(c * 0.792) h)",
"series-f-bolder": "oklch(from var(--kendo-color-series-f) calc(l * 0.615) calc(c * 0.575) h)",
"series-f-subtle": "oklch(from var(--kendo-color-series-f) calc(l * 1.156) calc(c * 0.767) h)",
"series-f-subtler": "oklch(from var(--kendo-color-series-f) calc(l * 1.331) calc(c * 0.507) h)"
}
},
"kendo-colors": {
"type": "Map",
"value": "(app-surface: oklch(98.51% 0 0deg), on-app-surface: oklch(from var(--kendo-color-app-surface) clamp(0.2603, (0.6 - l) * 99999, 1) 0 h), subtle: oklch(54.52% 0 0deg), surface: oklch(100% 0 0deg), surface-alt: oklch(from var(--kendo-color-surface) l c h), border: oklch(26.03% 0 0deg / 0.72), border-alt: oklch(0% 0 0deg), base-subtle: oklch(from var(--kendo-color-base) calc(l - 0.030) c h), base-subtle-hover: oklch(from var(--kendo-color-base) calc(l - 0.060) c h), base-subtle-active: oklch(from var(--kendo-color-base) calc(l - 0.093) c h), base: oklch(100% 0 0deg), base-hover: oklch(from var(--kendo-color-base) calc(l - 0.030) c h), base-active: oklch(from var(--kendo-color-base) calc(l - 0.060) c h), base-emphasis: oklch(from var(--kendo-color-base) calc(l - 0.139) c h), base-on-subtle: oklch(from var(--kendo-color-base) clamp(0.2603, (0.6 - l) * 99999, 1) 0 h), on-base: oklch(from var(--kendo-color-base) clamp(0.2603, (0.6 - l) * 99999, 1) 0 h), base-on-surface: oklch(from var(--kendo-color-base) clamp(0.2603, (0.6 - l) * 99999, 1) 0 h), primary-subtle: oklch(from var(--kendo-color-primary) 0.961 calc(c * 0.100) h), primary-subtle-hover: oklch(from var(--kendo-color-primary) 0.910 calc(c * 0.252) h), primary-subtle-active: oklch(from var(--kendo-color-primary) 0.812 calc(c * 0.601) h), primary: oklch(52.63% 0.1494 251.63deg), primary-hover: oklch(from var(--kendo-color-primary) calc(l - 0.050) calc(c - 0.0183) h), primary-active: oklch(from var(--kendo-color-primary) calc(l - 0.090) calc(c - 0.0371) h), primary-emphasis: oklch(from var(--kendo-color-primary) 0.847 calc(c * 0.456) h), primary-on-subtle: oklch(from var(--kendo-color-primary) calc(l * 0.555) calc(c * 0.434) h), on-primary: oklch(from var(--kendo-color-primary) clamp(0, (0.6 - 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.015) c h), secondary-subtle-hover: oklch(from var(--kendo-color-secondary) calc(l + 0.045) c h), secondary-subtle-active: oklch(from var(--kendo-color-secondary) calc(l + 0.060) c h), secondary: oklch(94.01% 0 0deg), secondary-hover: oklch(from var(--kendo-color-secondary) calc(l + 0.030) c h), secondary-active: oklch(from var(--kendo-color-secondary) calc(l + 0.045) c h), secondary-emphasis: oklch(from var(--kendo-color-secondary) calc(l - 0.033) c h), secondary-on-subtle: oklch(from var(--kendo-color-secondary) clamp(0.4926, (0.6 - l) * 99999, 0.95) 0 h), on-secondary: oklch(from var(--kendo-color-secondary) clamp(0.4926, (0.6 - l) * 99999, 0.95) 0 h), secondary-on-surface: oklch(from var(--kendo-color-secondary) clamp(0.4926, (0.6 - l) * 99999, 0.95) 0 h), tertiary-subtle: oklch(from var(--kendo-color-tertiary) 0.978 calc(c * 0.058) h), tertiary-subtle-hover: oklch(from var(--kendo-color-tertiary) 0.918 calc(c * 0.200) h), tertiary-subtle-active: oklch(from var(--kendo-color-tertiary) 0.850 calc(c * 0.375) h), tertiary: oklch(58.95% 0.2164 332.76deg), tertiary-hover: oklch(from var(--kendo-color-tertiary) calc(l - 0.0433) calc(c - 0.0168) h), tertiary-active: oklch(from var(--kendo-color-tertiary) calc(l - 0.1003) calc(c - 0.0401) h), tertiary-emphasis: oklch(from var(--kendo-color-tertiary) 0.850 calc(c * 0.375) h), tertiary-on-subtle: oklch(from var(--kendo-color-tertiary) calc(l - 0.0433) calc(c - 0.0168) h), on-tertiary: oklch(from var(--kendo-color-tertiary) clamp(0, (0.6 - l) * 99999, 1) 0 h), tertiary-on-surface: oklch(from var(--kendo-color-tertiary) l c h), info-subtle: oklch(from var(--kendo-color-info) 0.983 calc(c * 0.050) h), info-subtle-hover: oklch(from var(--kendo-color-info) 0.937 calc(c * 0.185) h), info-subtle-active: oklch(from var(--kendo-color-info) 0.883 calc(c * 0.337) h), info: oklch(65.12% 0.1366 245.64deg), info-hover: oklch(from var(--kendo-color-info) calc(l - 0.016) calc(c - 0.0047) h), info-active: oklch(from var(--kendo-color-info) calc(l + 0.034) calc(c - 0.0125) h), info-emphasis: oklch(from var(--kendo-color-info) 0.883 calc(c * 0.337) h), info-on-subtle: oklch(from var(--kendo-color-info) calc(l * 0.662) calc(c * 0.631) h), on-info: oklch(from var(--kendo-color-info) clamp(0.2603, (0.6 - l) * 99999, 1) 0 h), info-on-surface: oklch(from var(--kendo-color-info) calc(l - 0.048) calc(c - 0.0109) h), success-subtle: oklch(from var(--kendo-color-success) 0.976 calc(c * 0.091) h), success-subtle-hover: oklch(from var(--kendo-color-success) 0.904 calc(c * 0.340) h), success-subtle-active: oklch(from var(--kendo-color-success) 0.828 calc(c * 0.593) h), success: oklch(51.03% 0.1654 142.68deg), success-hover: oklch(from var(--kendo-color-success) calc(l - 0.0357) calc(c - 0.012) h), success-active: oklch(from var(--kendo-color-success) calc(l - 0.0903) calc(c - 0.0311) h), success-emphasis: oklch(from var(--kendo-color-success) 0.828 calc(c * 0.593) h), success-on-subtle: oklch(from var(--kendo-color-success) calc(l - 0.0357) calc(c - 0.012) h), on-success: oklch(from var(--kendo-color-success) clamp(0, (0.6 - l) * 99999, 1) 0 h), success-on-surface: oklch(from var(--kendo-color-success) l c h), warning-subtle: oklch(from var(--kendo-color-warning) 0.986 calc(c * 0.042) h), warning-subtle-hover: oklch(from var(--kendo-color-warning) 0.939 calc(c * 0.168) h), warning-subtle-active: oklch(from var(--kendo-color-warning) 0.888 calc(c * 0.320) h), warning: oklch(68% 0.198 42.95deg), warning-hover: oklch(from var(--kendo-color-warning) calc(l - 0.0515) calc(c - 0.0161) h), warning-active: oklch(from var(--kendo-color-warning) calc(l - 0.1238) calc(c - 0.0382) h), warning-emphasis: oklch(from var(--kendo-color-warning) 0.888 calc(c * 0.320) h), warning-on-subtle: oklch(from var(--kendo-color-warning) calc(l * 0.656) calc(c * 0.632) h), on-warning: oklch(from var(--kendo-color-warning) clamp(0.2603, (0.6 - l) * 99999, 1) 0 h), warning-on-surface: oklch(from var(--kendo-color-warning) calc(l * 0.656) calc(c * 0.632) h), error-subtle: oklch(from var(--kendo-color-error) 0.972 calc(c * 0.052) h), error-subtle-hover: oklch(from var(--kendo-color-error) 0.893 calc(c * 0.203) h), error-subtle-active: oklch(from var(--kendo-color-error) 0.808 calc(c * 0.378) h), error: oklch(52.27% 0.2063 25.84deg), error-hover: oklch(from var(--kendo-color-error) calc(l - 0.0393) calc(c - 0.0165) h), error-active: oklch(from var(--kendo-color-error) calc(l - 0.0942) calc(c - 0.0388) h), error-emphasis: oklch(from var(--kendo-color-error) 0.808 calc(c * 0.378) h), error-on-subtle: oklch(from var(--kendo-color-error) calc(l - 0.0393) calc(c - 0.0165) h), on-error: oklch(from var(--kendo-color-error) clamp(0, (0.6 - l) * 99999, 1) 0 h), error-on-surface: oklch(from var(--kendo-color-error) l c h), inverse-subtle: oklch(from var(--kendo-color-inverse) calc(l + 0.232) c h), inverse-subtle-hover: oklch(from var(--kendo-color-inverse) calc(l + 0.373) c h), inverse-subtle-active: oklch(from var(--kendo-color-inverse) calc(l + 0.285) c h), inverse: oklch(26.03% 0 0deg), inverse-hover: oklch(from var(--kendo-color-inverse) calc(l + 0.119) c h), inverse-active: oklch(from var(--kendo-color-inverse) calc(l + 0.061) c h), inverse-emphasis: oklch(from var(--kendo-color-inverse) calc(l + 0.285) c h), inverse-on-subtle: oklch(from var(--kendo-color-inverse) clamp(0, (0.7 - l) * 99999, 1) 0 h), on-inverse: oklch(from var(--kendo-color-inverse) clamp(0, (0.7 - l) * 99999, 1) 0 h), inverse-on-surface: oklch(from var(--kendo-color-inverse) calc(l * 1.892) c h), series: oklch(64.54% 0.0997 198.44deg), series-a: var(--kendo-color-series), series-a-bold: oklch(from var(--kendo-color-series-a) calc(l * 0.812) calc(c * 0.799) h), series-a-bolder: oklch(from var(--kendo-color-series-a) calc(l * 0.613) calc(c * 0.588) h), series-a-subtle: oklch(from var(--kendo-color-series-a) calc(l * 1.129) calc(c * 0.858) h), series-a-subtler: oklch(from var(--kendo-color-series-a) calc(l * 1.263) calc(c * 0.606) h), series-b: oklch(from var(--kendo-color-series) calc(l + 0.0077) calc(c + 0.0338) calc(h - 106.96)), series-b-bold: oklch(from var(--kendo-color-series-b) calc(l * 0.811) calc(c * 0.812) h), series-b-bolder: oklch(from var(--kendo-color-series-b) calc(l * 0.613) calc(c * 0.614) h), series-b-subtle: oklch(from var(--kendo-color-series-b) calc(l * 1.129) calc(c * 0.942) h), series-b-subtler: oklch(from var(--kendo-color-series-b) calc(l * 1.260) calc(c * 0.679) h), series-c: oklch(from var(--kendo-color-series) calc(l - 0.0454) calc(c + 0.1479) calc(h + 154.83)), series-c-bold: oklch(from var(--kendo-color-series-c) calc(l * 0.807) calc(c * 0.808) h), series-c-bolder: oklch(from var(--kendo-color-series-c) calc(l * 0.604) calc(c * 0.607) h), series-c-subtle: oklch(from var(--kendo-color-series-c) calc(l * 1.086) calc(c * 0.916) h), series-c-subtler: oklch(from var(--kendo-color-series-c) calc(l * 1.244) calc(c * 0.644) h), series-d: oklch(from var(--kendo-color-series) calc(l - 0.0293) calc(c + 0.1043) calc(h - 56.02)), series-d-bold: oklch(from var(--kendo-color-series-d) calc(l * 0.813) calc(c * 0.806) h), series-d-bolder: oklch(from var(--kendo-color-series-d) calc(l * 0.615) calc(c * 0.598) h), series-d-subtle: oklch(from var(--kendo-color-series-d) calc(l * 1.135) calc(c * 0.882) h), series-d-subtler: oklch(from var(--kendo-color-series-d) calc(l * 1.286) calc(c * 0.613) h), series-e: oklch(from var(--kendo-color-series) calc(l - 0.0209) calc(c + 0.0743) calc(h + 72.89)), series-e-bold: oklch(from var(--kendo-color-series-e) calc(l * 0.813) calc(c * 0.789) h), series-e-bolder: oklch(from var(--kendo-color-series-e) calc(l * 0.616) calc(c * 0.570) h), series-e-subtle: oklch(78.93% 0.0618 304.45deg), series-e-subtler: oklch(68.36% 0.095 302.88deg), series-f: oklch(from var(--kendo-color-series) calc(l - 0.06) calc(c + 0.0692) calc(h - 156.11)), series-f-bold: oklch(from var(--kendo-color-series-f) calc(l * 0.812) calc(c * 0.792) h), series-f-bolder: oklch(from var(--kendo-color-series-f) calc(l * 0.615) calc(c * 0.575) h), series-f-subtle: oklch(from var(--kendo-color-series-f) calc(l * 1.156) calc(c * 0.767) h), series-f-subtler: oklch(from var(--kendo-color-series-f) calc(l * 1.331) calc(c * 0.507) h))",
"prettyValue": {
"app-surface": "oklch(98.51% 0 0deg)",
"on-app-surface": "oklch(from var(--kendo-color-app-surface) clamp(0.2603, (0.6 - l) * 99999, 1) 0 h)",
"subtle": "oklch(54.52% 0 0deg)",
"surface": "oklch(100% 0 0deg)",
"surface-alt": "oklch(from var(--kendo-color-surface) l c h)",
"border": "oklch(26.03% 0 0deg / 0.72)",
"border-alt": "oklch(0% 0 0deg)",
"base-subtle": "oklch(from var(--kendo-color-base) calc(l - 0.030) c h)",
"base-subtle-hover": "oklch(from var(--kendo-color-base) calc(l - 0.060) c h)",
"base-subtle-active": "oklch(from var(--kendo-color-base) calc(l - 0.093) c h)",
"base": "oklch(100% 0 0deg)",
"base-hover": "oklch(from var(--kendo-color-base) calc(l - 0.030) c h)",
"base-active": "oklch(from var(--kendo-color-base) calc(l - 0.060) c h)",
"base-emphasis": "oklch(from var(--kendo-color-base) calc(l - 0.139) c h)",
"base-on-subtle": "oklch(from var(--kendo-color-base) clamp(0.2603, (0.6 - l) * 99999, 1) 0 h)",
"on-base": "oklch(from var(--kendo-color-base) clamp(0.2603, (0.6 - l) * 99999, 1) 0 h)",
"base-on-surface": "oklch(from var(--kendo-color-base) clamp(0.2603, (0.6 - l) * 99999, 1) 0 h)",
"primary-subtle": "oklch(from var(--kendo-color-primary) 0.961 calc(c * 0.100) h)",
"primary-subtle-hover": "oklch(from var(--kendo-color-primary) 0.910 calc(c * 0.252) h)",
"primary-subtle-active": "oklch(from var(--kendo-color-primary) 0.812 calc(c * 0.601) h)",
"primary": "oklch(52.63% 0.1494 251.63deg)",
"primary-hover": "oklch(from var(--kendo-color-primary) calc(l - 0.050) calc(c - 0.0183) h)",
"primary-active": "oklch(from var(--kendo-color-primary) calc(l - 0.090) calc(c - 0.0371) h)",
"primary-emphasis": "oklch(from var(--kendo-color-primary) 0.847 calc(c * 0.456) h)",
"primary-on-subtle": "oklch(from var(--kendo-color-primary) calc(l * 0.555) calc(c * 0.434) h)",
"on-primary": "oklch(from var(--kendo-color-primary) clamp(0, (0.6 - 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.015) c h)",
"secondary-subtle-hover": "oklch(from var(--kendo-color-secondary) calc(l + 0.045) c h)",
"secondary-subtle-active": "oklch(from var(--kendo-color-secondary) calc(l + 0.060) c h)",
"secondary": "oklch(94.01% 0 0deg)",
"secondary-hover": "oklch(from var(--kendo-color-secondary) calc(l + 0.030) c h)",
"secondary-active": "oklch(from var(--kendo-color-secondary) calc(l + 0.045) c h)",
"secondary-emphasis": "oklch(from var(--kendo-color-secondary) calc(l - 0.033) c h)",
"secondary-on-subtle": "oklch(from var(--kendo-color-secondary) clamp(0.4926, (0.6 - l) * 99999, 0.95) 0 h)",
"on-secondary": "oklch(from var(--kendo-color-secondary) clamp(0.4926, (0.6 - l) * 99999, 0.95) 0 h)",
"secondary-on-surface": "oklch(from var(--kendo-color-secondary) clamp(0.4926, (0.6 - l) * 99999, 0.95) 0 h)",
"tertiary-subtle": "oklch(from var(--kendo-color-tertiary) 0.978 calc(c * 0.058) h)",
"tertiary-subtle-hover": "oklch(from var(--kendo-color-tertiary) 0.918 calc(c * 0.200) h)",
"tertiary-subtle-active": "oklch(from var(--kendo-color-tertiary) 0.850 calc(c * 0.375) h)",
"tertiary": "oklch(58.95% 0.2164 332.76deg)",
"tertiary-hover": "oklch(from var(--kendo-color-tertiary) calc(l - 0.0433) calc(c - 0.0168) h)",
"tertiary-active": "oklch(from var(--kendo-color-tertiary) calc(l - 0.1003) calc(c - 0.0401) h)",
"tertiary-emphasis": "oklch(from var(--kendo-color-tertiary) 0.850 calc(c * 0.375) h)",
"tertiary-on-subtle": "oklch(from var(--kendo-color-tertiary) calc(l - 0.0433) calc(c - 0.0168) h)",
"on-tertiary": "oklch(from var(--kendo-color-tertiary) clamp(0, (0.6 - l) * 99999, 1) 0 h)",
"tertiary-on-surface": "oklch(from var(--kendo-color-tertiary) l c h)",
"info-subtle": "oklch(from var(--kendo-color-info) 0.983 calc(c * 0.050) h)",
"info-subtle-hover": "oklch(from var(--kendo-color-info) 0.937 calc(c * 0.185) h)",
"info-subtle-active": "oklch(from var(--kendo-color-info) 0.883 calc(c * 0.337) h)",
"info": "oklch(65.12% 0.1366 245.64deg)",
"info-hover": "oklch(from var(--kendo-color-info) calc(l - 0.016) calc(c - 0.0047) h)",
"info-active": "oklch(from var(--kendo-color-info) calc(l + 0.034) calc(c - 0.0125) h)",
"info-emphasis": "oklch(from var(--kendo-color-info) 0.883 calc(c * 0.337) h)",
"info-on-subtle": "oklch(from var(--kendo-color-info) calc(l * 0.662) calc(c * 0.631) h)",
"on-info": "oklch(from var(--kendo-color-info) clamp(0.2603, (0.6 - l) * 99999, 1) 0 h)",
"info-on-surface": "oklch(from var(--kendo-color-info) calc(l - 0.048) calc(c - 0.0109) h)",
"success-subtle": "oklch(from var(--kendo-color-success) 0.976 calc(c * 0.091) h)",
"success-subtle-hover": "oklch(from var(--kendo-color-success) 0.904 calc(c * 0.340) h)",
"success-subtle-active": "oklch(from var(--kendo-color-success) 0.828 calc(c * 0.593) h)",
"success": "oklch(51.03% 0.1654 142.68deg)",
"success-hover": "oklch(from var(--kendo-color-success) calc(l - 0.0357) calc(c - 0.012) h)",
"success-active": "oklch(from var(--kendo-color-success) calc(l - 0.0903) calc(c - 0.0311) h)",
"success-emphasis": "oklch(from var(--kendo-color-success) 0.828 calc(c * 0.593) h)",
"success-on-subtle": "oklch(from var(--kendo-color-success) calc(l - 0.0357) calc(c - 0.012) h)",
"on-success": "oklch(from var(--kendo-color-success) clamp(0, (0.6 - l) * 99999, 1) 0 h)",
"success-on-surface": "oklch(from var(--kendo-color-success) l c h)",
"warning-subtle": "oklch(from var(--kendo-color-warning) 0.986 calc(c * 0.042) h)",
"warning-subtle-hover": "oklch(from var(--kendo-color-warning) 0.939 calc(c * 0.168) h)",
"warning-subtle-active": "oklch(from var(--kendo-color-warning) 0.888 calc(c * 0.320) h)",
"warning": "oklch(68% 0.198 42.95deg)",
"warning-hover": "oklch(from var(--kendo-color-warning) calc(l - 0.0515) calc(c - 0.0161) h)",
"warning-active": "oklch(from var(--kendo-color-warning) calc(l - 0.1238) calc(c - 0.0382) h)",
"warning-emphasis": "oklch(from var(--kendo-color-warning) 0.888 calc(c * 0.320) h)",
"warning-on-subtle": "oklch(from var(--kendo-color-warning) calc(l * 0.656) calc(c * 0.632) h)",
"on-warning": "oklch(from var(--kendo-color-warning) clamp(0.2603, (0.6 - l) * 99999, 1) 0 h)",
"warning-on-surface": "oklch(from var(--kendo-color-warning) calc(l * 0.656) calc(c * 0.632) h)",
"error-subtle": "oklch(from var(--kendo-color-error) 0.972 calc(c * 0.052) h)",
"error-subtle-hover": "oklch(from var(--kendo-color-error) 0.893 calc(c * 0.203) h)",
"error-subtle-active": "oklch(from var(--kendo-color-error) 0.808 calc(c * 0.378) h)",
"error": "oklch(52.27% 0.2063 25.84deg)",
"error-hover": "oklch(from var(--kendo-color-error) calc(l - 0.0393) calc(c - 0.0165) h)",
"error-active": "oklch(from var(--kendo-color-error) calc(l - 0.0942) calc(c - 0.0388) h)",
"error-emphasis": "oklch(from var(--kendo-color-error) 0.808 calc(c * 0.378) h)",
"error-on-subtle": "oklch(from var(--kendo-color-error) calc(l - 0.0393) calc(c - 0.0165) h)",
"on-error": "oklch(from var(--kendo-color-error) clamp(0, (0.6 - l) * 99999, 1) 0 h)",
"error-on-surface": "oklch(from var(--kendo-color-error) l c h)",
"inverse-subtle": "oklch(from var(--kendo-color-inverse) calc(l + 0.232) c h)",
"inverse-subtle-hover": "oklch(from var(--kendo-color-inverse) calc(l + 0.373) c h)",
"inverse-subtle-active": "oklch(from var(--kendo-color-inverse) calc(l + 0.285) c h)",
"inverse": "oklch(26.03% 0 0deg)",
"inverse-hover": "oklch(from var(--kendo-color-inverse) calc(l + 0.119) c h)",
"inverse-active": "oklch(from var(--kendo-color-inverse) calc(l + 0.061) c h)",
"inverse-emphasis": "oklch(from var(--kendo-color-inverse) calc(l + 0.285) c h)",
"inverse-on-subtle": "oklch(from var(--kendo-color-inverse) clamp(0, (0.7 - l) * 99999, 1) 0 h)",
"on-inverse": "oklch(from var(--kendo-color-inverse) clamp(0, (0.7 - l) * 99999, 1) 0 h)",
"inverse-on-surface": "oklch(from var(--kendo-color-inverse) calc(l * 1.892) c h)",
"series": "oklch(64.54% 0.0997 198.44deg)",
"series-a": "var(--kendo-color-series)",
"series-a-bold": "oklch(from var(--kendo-color-series-a) calc(l * 0.812) calc(c * 0.799) h)",
"series-a-bolder": "oklch(from var(--kendo-color-series-a) calc(l * 0.613) calc(c * 0.588) h)",
"series-a-subtle": "oklch(from var(--kendo-color-series-a) calc(l * 1.129) calc(c * 0.858) h)",
"series-a-subtler": "oklch(from var(--kendo-color-series-a) calc(l * 1.263) calc(c * 0.606) h)",
"series-b": "oklch(from var(--kendo-color-series) calc(l + 0.0077) calc(c + 0.0338) calc(h - 106.96))",
"series-b-bold": "oklch(from var(--kendo-color-series-b) calc(l * 0.811) calc(c * 0.812) h)",
"series-b-bolder": "oklch(from var(--kendo-color-series-b) calc(l * 0.613) calc(c * 0.614) h)",
"series-b-subtle": "oklch(from var(--kendo-color-series-b) calc(l * 1.129) calc(c * 0.942) h)",
"series-b-subtler": "oklch(from var(--kendo-color-series-b) calc(l * 1.260) calc(c * 0.679) h)",
"series-c": "oklch(from var(--kendo-color-series) calc(l - 0.0454) calc(c + 0.1479) calc(h + 154.83))",
"series-c-bold": "oklch(from var(--kendo-color-series-c) calc(l * 0.807) calc(c * 0.808) h)",
"series-c-bolder": "oklch(from var(--kendo-color-series-c) calc(l * 0.604) calc(c * 0.607) h)",
"series-c-subtle": "oklch(from var(--kendo-color-series-c) calc(l * 1.086) calc(c * 0.916) h)",
"series-c-subtler": "oklch(from var(--kendo-color-series-c) calc(l * 1.244) calc(c * 0.644) h)",
"series-d": "oklch(from var(--kendo-color-series) calc(l - 0.0293) calc(c + 0.1043) calc(h - 56.02))",
"series-d-bold": "oklch(from var(--kendo-color-series-d) calc(l * 0.813) calc(c * 0.806) h)",
"series-d-bolder": "oklch(from var(--kendo-color-series-d) calc(l * 0.615) calc(c * 0.598) h)",
"series-d-subtle": "oklch(from var(--kendo-color-series-d) calc(l * 1.135) calc(c * 0.882) h)",
"series-d-subtler": "oklch(from var(--kendo-color-series-d) calc(l * 1.286) calc(c * 0.613) h)",
"series-e": "oklch(from var(--kendo-color-series) calc(l - 0.0209) calc(c + 0.0743) calc(h + 72.89))",
"series-e-bold": "oklch(from var(--kendo-color-series-e) calc(l * 0.813) calc(c * 0.789) h)",
"series-e-bolder": "oklch(from var(--kendo-color-series-e) calc(l * 0.616) calc(c * 0.570) h)",
"series-e-subtle": "oklch(78.93% 0.0618 304.45deg)",
"series-e-subtler": "oklch(68.36% 0.095 302.88deg)",
"series-f": "oklch(from var(--kendo-color-series) calc(l - 0.06) calc(c + 0.0692) calc(h - 156.11))",
"series-f-bold": "oklch(from var(--kendo-color-series-f) calc(l * 0.812) calc(c * 0.792) h)",
"series-f-bolder": "oklch(from var(--kendo-color-series-f) calc(l * 0.615) calc(c * 0.575) h)",
"series-f-subtle": "oklch(from var(--kendo-color-series-f) calc(l * 1.156) calc(c * 0.767) h)",
"series-f-subtler": "oklch(from var(--kendo-color-series-f) calc(l * 1.331) calc(c * 0.507) h)"
}
},
"kendo-color-white": {
"type": "Color",
"value": "#ffffff"
},
"kendo-color-black": {
"type": "Color",
"value": "#000000"
},
"kendo-color-rgba-transparent": {
"type": "Color",
"value": "rgba(0, 0, 0, 0)"
},
"kendo-gradient-transparent-to-black": {
"type": "List",
"value": "(rgba(0, 0, 0, 0), black)"
},
"kendo-gradient-transparent-to-white": {
"type": "List",
"value": "(rgba(255, 255, 255, 0), white)"
},
"kendo-gradient-black-to-transparent": {
"type": "List",
"value": "(black, rgba(0, 0, 0, 0))"
},
"kendo-gradient-white-to-transparent": {
"type": "List",
"value": "(white, rgba(255, 255, 255, 0))"
},
"kendo-gradient-rainbow": {
"type": "List",
"value": "(#ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000)"
},
"kendo-scrollbar-width": {
"type": "Number",
"value": "17px"
},
"kendo-spacing-base": {
"type": "Number",
"value": "0.25rem"
},
"default-spacing": {
"type": "Map",
"value": "(0: 0px, 1px: 1px, 0.5: calc(0.5 * var(--kendo-spacing-base)), 1: calc(1 * var(--kendo-spacing-base)), 1.5: calc(1.5 * var(--kendo-spacing-base)), 2: calc(2 * var(--kendo-spacing-base)), 2.5: calc(2.5 * var(--kendo-spacing-base)), 3: calc(3 * var(--kendo-spacing-base)), 3.5: calc(3.5 * var(--kendo-spacing-base)), 4: calc(4 * var(--kendo-spacing-base)), 4.5: calc(4.5 * var(--kendo-spacing-base)), 5: calc(5 * var(--kendo-spacing-base)), 5.5: calc(5.5 * var(--kendo-spacing-base)), 6: calc(6 * var(--kendo-spacing-base)), 6.5: calc(6.5 * var(--kendo-spacing-base)), 7: calc(7 * var(--kendo-spacing-base)), 7.5: calc(7.5 * var(--kendo-spacing-base)), 8: calc(8 * var(--kendo-spacing-base)), 9: calc(9 * var(--kendo-spacing-base)), 10: calc(10 * var(--kendo-spacing-base)), 11: calc(11 * var(--kendo-spacing-base)), 12: calc(12 * var(--kendo-spacing-base)), 13: calc(13 * var(--kendo-spacing-base)), 14: calc(14 * var(--kendo-spacing-base)), 15: calc(15 * var(--kendo-spacing-base)), 16: calc(16 * var(--kendo-spacing-base)), 17: calc(17 * var(--kendo-spacing-base)), 18: calc(18 * var(--kendo-spacing-base)), 19: calc(19 * var(--kendo-spacing-base)), 20: calc(20 * var(--kendo-spacing-base)), 21: calc(21 * var(--kendo-spacing-base)), 22: calc(22 * var(--kendo-spacing-base)), 23: calc(23 * var(--kendo-spacing-base)), 24: calc(24 * var(--kendo-spacing-base)))",
"prettyValue": {
"0": "0px",
"1": "calc(1 * var(--kendo-spacing-base))",
"2": "calc(2 * var(--kendo-spacing-base))",
"3": "calc(3 * var(--kendo-spacing-base))",
"4": "calc(4 * var(--kendo-spacing-base))",
"5": "calc(5 * var(--kendo-spacing-base))",
"6": "calc(6 * var(--kendo-spacing-base))",
"7": "calc(7 * var(--kendo-spacing-base))",
"8": "calc(8 * var(--kendo-spacing-base))",
"9": "calc(9 * var(--kendo-spacing-base))",
"10": "calc(10 * var(--kendo-spacing-base))",
"11": "calc(11 * var(--kendo-spacing-base))",
"12": "calc(12 * var(--kendo-spacing-base))",
"13": "calc(13 * var(--kendo-spacing-base))",
"14": "calc(14 * var(--kendo-spacing-base))",
"15": "calc(15 * var(--kendo-spacing-base))",
"16": "calc(16 * var(--kendo-spacing-base))",
"17": "calc(17 * var(--kendo-spacing-base))",
"18": "calc(18 * var(--kendo-spacing-base))",
"19": "calc(19 * var(--kendo-spacing-base))",
"20": "calc(20 * var(--kendo-spacing-base))",
"21": "calc(21 * var(--kendo-spacing-base))",
"22": "calc(22 * var(--kendo-spacing-base))",
"23": "calc(23 * var(--kendo-spacing-base))",
"24": "calc(24 * var(--kendo-spacing-base))",
"1px": "1px",
"0.5": "calc(0.5 * var(--kendo-spacing-base))",
"1.5": "calc(1.5 * var(--kendo-spacing-