@progress/kendo-theme-classic 14.1.1-dev.2 → 14.2.0-0

package/dist/classic-opal-dark.scss

@@ -2,122 +2,123 @@
 
 	$kendo-colors: (
 	app-surface: oklch(0.00% 0.0000 0deg),
-	on-app-surface: oklch(100.00% 0.0001 0deg),
+	on-app-surface: #{"oklch(from var(--kendo-color-app-surface) clamp(0.05, (0.65 - l) * 99999, 1) 0.0001 h)"},
 	subtle: oklch(90.67% 0.0001 0deg),
 	surface: oklch(27.27% 0.0000 0deg),
 	surface-alt: oklch(0.00% 0.0000 0deg),
 	border: oklch(42.02% 0.0001 0deg),
 	border-alt: oklch(65.00% 0.0001 0deg),
-	base-subtle: oklch(23.93% 0.0000 0deg),
-	base-subtle-hover: oklch(26.03% 0.0000 0deg),
-	base-subtle-active: oklch(32.50% 0.0000 0deg),
+	base-subtle: #{"oklch(from var(--kendo-color-base) calc(l - 0.0334) c h)"},
+	base-subtle-hover: #{"oklch(from var(--kendo-color-base) calc(l - 0.0124) c h)"},
+	base-subtle-active: #{"oklch(from var(--kendo-color-base) calc(l + 0.0523) c h)"},
 	base: oklch(27.27% 0.0000 0deg),
-	base-hover: oklch(40.91% 0.0001 0deg),
-	base-active: oklch(53.13% 0.0001 0deg),
-	base-emphasis: oklch(39.04% 0.0000 0deg),
-	base-on-subtle: oklch(100.00% 0.0001 0deg),
-	on-base: oklch(100.00% 0.0001 0deg),
-	base-on-surface: oklch(100.00% 0.0001 0deg),
-	primary-subtle: oklch(18.75% 0.0518 249.06deg),
-	primary-subtle-hover: oklch(25.86% 0.0767 251.71deg),
-	primary-subtle-active: oklch(32.33% 0.1026 253.90deg),
+	base-hover: #{"oklch(from var(--kendo-color-base) calc(l + 0.1364) calc(c + 0.0001) h)"},
+	base-active: #{"oklch(from var(--kendo-color-base) calc(l + 0.2586) calc(c + 0.0001) h)"},
+	base-emphasis: #{"oklch(from var(--kendo-color-base) calc(l + 0.1177) c h)"},
+	base-on-subtle: #{"oklch(from var(--kendo-color-base-subtle) clamp(0.05, (0.65 - l) * 99999, 1) 0.0001 h)"},
+	on-base: #{"oklch(from var(--kendo-color-base) clamp(0.05, (0.65 - l) * 99999, 1) 0.0001 h)"},
+	base-on-surface: #{"oklch(from var(--kendo-color-base) clamp(0.05, (0.65 - l) * 99999, 1) 0.0001 h)"},
+	primary-subtle: #{"oklch(from var(--kendo-color-primary) calc(l - 0.3345) calc(c - 0.1254) calc(h - 6.78))"},
+	primary-subtle-hover: #{"oklch(from var(--kendo-color-primary) calc(l - 0.2634) calc(c - 0.1005) calc(h - 4.13))"},
+	primary-subtle-active: #{"oklch(from var(--kendo-color-primary) calc(l - 0.1987) calc(c - 0.0746) calc(h - 1.94))"},
 	primary: oklch(52.20% 0.1772 255.84deg),
-	primary-hover: oklch(58.71% 0.1538 252.47deg),
-	primary-active: oklch(66.15% 0.1250 250.26deg),
-	primary-emphasis: oklch(42.67% 0.1405 254.99deg),
-	primary-on-subtle: oklch(82.27% 0.0634 249.36deg),
-	on-primary: oklch(100.00% 0.0001 0deg),
-	primary-on-surface: oklch(62.83% 0.1387 251.25deg),
-	secondary-subtle: oklch(13.44% 0.0000 0deg),
-	secondary-subtle-hover: oklch(16.84% 0.0000 0deg),
-	secondary-subtle-active: oklch(19.57% 0.0000 0deg),
+	primary-hover: #{"oklch(from var(--kendo-color-primary) calc(l + 0.0651) calc(c - 0.0234) calc(h - 3.37))"},
+	primary-active: #{"oklch(from var(--kendo-color-primary) calc(l + 0.1395) calc(c - 0.0522) calc(h - 5.58))"},
+	primary-emphasis: #{"oklch(from var(--kendo-color-primary) calc(l - 0.0953) calc(c - 0.0367) calc(h - 0.85))"},
+	primary-on-subtle: #{"oklch(from var(--kendo-color-primary-subtle) clamp(0.1773, (0.65 - l) * 99999, 0.8227) 0.0634 calc(h + 0.3))"},
+	on-primary: #{"oklch(from var(--kendo-color-primary) clamp(0.05, (0.65 - l) * 99999, 1) 0.0001 calc(h + 104.16))"},
+	primary-on-surface: #{"oklch(from var(--kendo-color-primary) clamp(0.3717, (0.65 - l) * 99999, 0.6283) 0.1387 calc(h - 4.59))"},
+	secondary-subtle: #{"oklch(from var(--kendo-color-secondary) calc(l - 0.1506) c h)"},
+	secondary-subtle-hover: #{"oklch(from var(--kendo-color-secondary) calc(l - 0.1166) c h)"},
+	secondary-subtle-active: #{"oklch(from var(--kendo-color-secondary) calc(l - 0.0893) c h)"},
 	secondary: oklch(28.50% 0.0000 0deg),
-	secondary-hover: oklch(41.65% 0.0001 0deg),
-	secondary-active: oklch(53.82% 0.0001 0deg),
-	secondary-emphasis: oklch(24.35% 0.0000 0deg),
-	secondary-on-subtle: oklch(76.99% 0.0001 0deg),
-	on-secondary: oklch(100.00% 0.0001 0deg),
-	secondary-on-surface: oklch(48.55% 0.0001 0deg),
-	info-subtle: oklch(20.16% 0.0430 235.38deg),
-	info-subtle-hover: oklch(27.61% 0.0640 240.71deg),
-	info-subtle-active: oklch(34.92% 0.0840 242.70deg),
+	secondary-hover: #{"oklch(from var(--kendo-color-secondary) calc(l + 0.1315) calc(c + 0.0001) h)"},
+	secondary-active: #{"oklch(from var(--kendo-color-secondary) calc(l + 0.2532) calc(c + 0.0001) h)"},
+	secondary-emphasis: #{"oklch(from var(--kendo-color-secondary) calc(l - 0.0415) c h)"},
+	secondary-on-subtle: #{"oklch(from var(--kendo-color-secondary-subtle) clamp(0.2301, (0.65 - l) * 99999, 0.7699) 0.0001 h)"},
+	on-secondary: #{"oklch(from var(--kendo-color-secondary) clamp(0.05, (0.65 - l) * 99999, 1) 0.0001 h)"},
+	secondary-on-surface: #{"oklch(from var(--kendo-color-secondary) clamp(0.4855, (0.235 - l) * 99999, 0.5145) 0.0001 h)"},
+	info-subtle: #{"oklch(from var(--kendo-color-info) calc(l - 0.3622) calc(c - 0.0998) calc(h - 9.92))"},
+	info-subtle-hover: #{"oklch(from var(--kendo-color-info) calc(l - 0.2877) calc(c - 0.0788) calc(h - 4.59))"},
+	info-subtle-active: #{"oklch(from var(--kendo-color-info) calc(l - 0.2146) calc(c - 0.0588) calc(h - 2.6))"},
 	info: oklch(56.38% 0.1428 245.30deg),
-	info-hover: oklch(62.45% 0.1290 240.37deg),
-	info-active: oklch(69.02% 0.1083 237.16deg),
-	info-emphasis: oklch(45.81% 0.1142 244.53deg),
-	info-on-subtle: oklch(83.84% 0.0573 233.91deg),
-	on-info: oklch(100.00% 0.0001 0deg),
-	info-on-surface: oklch(66.12% 0.1178 238.17deg),
-	success-subtle: oklch(22.45% 0.0426 148.38deg),
-	success-subtle-hover: oklch(30.97% 0.0665 146.71deg),
-	success-subtle-active: oklch(39.21% 0.0893 146.74deg),
+	info-hover: #{"oklch(from var(--kendo-color-info) calc(l + 0.0607) calc(c - 0.0138) calc(h - 4.93))"},
+	info-active: #{"oklch(from var(--kendo-color-info) calc(l + 0.1264) calc(c - 0.0345) calc(h - 8.14))"},
+	info-emphasis: #{"oklch(from var(--kendo-color-info) calc(l - 0.1057) calc(c - 0.0286) calc(h - 0.77))"},
+	info-on-subtle: #{"oklch(from var(--kendo-color-info-subtle) clamp(0.1616, (0.65 - l) * 99999, 0.8384) 0.0573 calc(h - 1.47))"},
+	on-info: #{"oklch(from var(--kendo-color-info) clamp(0.05, (0.65 - l) * 99999, 1) 0.0001 calc(h + 114.7))"},
+	info-on-surface: #{"oklch(from var(--kendo-color-info) clamp(0.3388, (0.65 - l) * 99999, 0.6612) 0.1178 calc(h - 7.13))"},
+	success-subtle: #{"oklch(from var(--kendo-color-success) calc(l - 0.4145) calc(c - 0.113) calc(h + 2.01))"},
+	success-subtle-hover: #{"oklch(from var(--kendo-color-success) calc(l - 0.3293) calc(c - 0.0891) calc(h + 0.34))"},
+	success-subtle-active: #{"oklch(from var(--kendo-color-success) calc(l - 0.2469) calc(c - 0.0663) calc(h + 0.37))"},
 	success: oklch(63.90% 0.1556 146.37deg),
-	success-hover: oklch(69.44% 0.1348 147.31deg),
-	success-active: oklch(74.97% 0.1085 148.43deg),
-	success-emphasis: oklch(51.95% 0.1229 146.56deg),
-	success-on-subtle: oklch(86.95% 0.0558 150.01deg),
-	on-success: oklch(100.00% 0.0001 0deg),
-	success-on-surface: oklch(72.53% 0.1210 147.94deg),
-	warning-subtle: oklch(25.63% 0.0548 72.29deg),
-	warning-subtle-hover: oklch(36.46% 0.0796 68.61deg),
-	warning-subtle-active: oklch(46.66% 0.1036 66.31deg),
+	success-hover: #{"oklch(from var(--kendo-color-success) calc(l + 0.0554) calc(c - 0.0208) calc(h + 0.94))"},
+	success-active: #{"oklch(from var(--kendo-color-success) calc(l + 0.1107) calc(c - 0.0471) calc(h + 2.06))"},
+	success-emphasis: #{"oklch(from var(--kendo-color-success) calc(l - 0.1195) calc(c - 0.0327) calc(h + 0.19))"},
+	success-on-subtle: #{"oklch(from var(--kendo-color-success-subtle) clamp(0.1305, (0.65 - l) * 99999, 0.8695) 0.0558 calc(h + 1.63))"},
+	on-success: #{"oklch(from var(--kendo-color-success) clamp(0.05, (0.65 - l) * 99999, 1) 0.0001 calc(h - 146.37))"},
+	success-on-surface: #{"oklch(from var(--kendo-color-success) clamp(0.2747, (0.65 - l) * 99999, 0.7253) 0.121 calc(h + 1.57))"},
+	warning-subtle: #{"oklch(from var(--kendo-color-warning) calc(l - 0.514) calc(c - 0.1193) calc(h + 8.24))"},
+	warning-subtle-hover: #{"oklch(from var(--kendo-color-warning) calc(l - 0.4057) calc(c - 0.0945) calc(h + 4.56))"},
+	warning-subtle-active: #{"oklch(from var(--kendo-color-warning) calc(l - 0.3037) calc(c - 0.0705) calc(h + 2.26))"},
 	warning: oklch(77.03% 0.1741 64.05deg),
-	warning-hover: oklch(79.91% 0.1626 69.87deg),
-	warning-active: oklch(83.28% 0.1422 73.89deg),
-	warning-emphasis: oklch(62.25% 0.1396 65.04deg),
-	warning-on-subtle: oklch(90.93% 0.0788 77.11deg),
-	on-warning: oklch(100.00% 0.0001 0deg),
-	warning-on-surface: oklch(81.85% 0.1523 72.65deg),
-	error-subtle: oklch(19.67% 0.0619 39.86deg),
-	error-subtle-hover: oklch(27.53% 0.0953 35.53deg),
-	error-subtle-active: oklch(34.92% 0.1257 33.93deg),
+	warning-hover: #{"oklch(from var(--kendo-color-warning) calc(l + 0.0288) calc(c - 0.0115) calc(h + 5.82))"},
+	warning-active: #{"oklch(from var(--kendo-color-warning) calc(l + 0.0625) calc(c - 0.0319) calc(h + 9.84))"},
+	warning-emphasis: #{"oklch(from var(--kendo-color-warning) calc(l - 0.1478) calc(c - 0.0345) calc(h + 0.99))"},
+	warning-on-subtle: #{"oklch(from var(--kendo-color-warning-subtle) clamp(0.0907, (0.65 - l) * 99999, 0.9093) 0.0788 calc(h + 4.82))"},
+	on-warning: #{"oklch(from var(--kendo-color-warning) clamp(0.05, (0.8203 - l) * 99999, 1) 0.0001 calc(h - 64.05))"},
+	warning-on-surface: #{"oklch(from var(--kendo-color-warning) clamp(0.1815, (0.8203 - l) * 99999, 0.8185) 0.1523 calc(h + 8.6))"},
+	error-subtle: #{"oklch(from var(--kendo-color-error) calc(l - 0.3743) calc(c - 0.1524) calc(h + 7.51))"},
+	error-subtle-hover: #{"oklch(from var(--kendo-color-error) calc(l - 0.2957) calc(c - 0.119) calc(h + 3.18))"},
+	error-subtle-active: #{"oklch(from var(--kendo-color-error) calc(l - 0.2218) calc(c - 0.0886) calc(h + 1.58))"},
 	error: oklch(57.10% 0.2143 32.35deg),
-	error-hover: oklch(61.35% 0.1910 33.90deg),
-	error-active: oklch(67.27% 0.1553 34.01deg),
-	error-emphasis: oklch(46.33% 0.1715 32.85deg),
-	error-on-subtle: oklch(82.35% 0.0754 33.01deg),
-	on-error: oklch(100.00% 0.0001 0deg),
-	error-on-surface: oklch(64.65% 0.1722 34.18deg),
-	inverse-subtle: oklch(95.51% 0.0001 0deg),
-	inverse-subtle-hover: oklch(94.01% 0.0001 0deg),
-	inverse-subtle-active: oklch(89.75% 0.0001 0deg),
+	error-hover: #{"oklch(from var(--kendo-color-error) calc(l + 0.0425) calc(c - 0.0233) calc(h + 1.55))"},
+	error-active: #{"oklch(from var(--kendo-color-error) calc(l + 0.1017) calc(c - 0.059) calc(h + 1.66))"},
+	error-emphasis: #{"oklch(from var(--kendo-color-error) calc(l - 0.1077) calc(c - 0.0428) calc(h + 0.5))"},
+	error-on-subtle: #{"oklch(from var(--kendo-color-error-subtle) clamp(0.1765, (0.65 - l) * 99999, 0.8235) 0.0754 calc(h - 6.85))"},
+	on-error: #{"oklch(from var(--kendo-color-error) clamp(0.05, (0.65 - l) * 99999, 1) 0.0001 calc(h - 32.35))"},
+	error-on-surface: #{"oklch(from var(--kendo-color-error) clamp(0.3535, (0.65 - l) * 99999, 0.6465) 0.1722 calc(h + 1.83))"},
+	inverse-subtle: #{"oklch(from var(--kendo-color-inverse) calc(l + 0.015) c h)"},
+	inverse-subtle-hover: #{"oklch(from var(--kendo-color-inverse) l c h)"},
+	inverse-subtle-active: #{"oklch(from var(--kendo-color-inverse) calc(l - 0.0426) c h)"},
 	inverse: oklch(94.01% 0.0001 0deg),
-	inverse-hover: oklch(89.75% 0.0001 0deg),
-	inverse-active: oklch(87.61% 0.0001 0deg),
-	inverse-emphasis: oklch(83.90% 0.0001 0deg),
-	inverse-on-subtle: oklch(27.27% 0.0000 0deg),
-	on-inverse: oklch(0.00% 0.0000 0deg),
-	inverse-on-surface: oklch(94.01% 0.0001 0deg),
-	series-a: oklch(56.38% 0.1428 245.30deg),
-	series-a-bold: oklch(45.81% 0.1142 244.53deg),
-	series-a-bolder: oklch(34.92% 0.0840 242.70deg),
-	series-a-subtle: oklch(66.12% 0.1178 238.17deg),
-	series-a-subtler: oklch(77.00% 0.0814 235.23deg),
-	series-b: oklch(63.90% 0.1556 146.37deg),
-	series-b-bold: oklch(51.95% 0.1229 146.56deg),
-	series-b-bolder: oklch(39.21% 0.0893 146.74deg),
-	series-b-subtle: oklch(72.53% 0.1210 147.94deg),
-	series-b-subtler: oklch(81.65% 0.0801 149.15deg),
-	series-c: oklch(80.88% 0.1703 75.36deg),
-	series-c-bold: oklch(65.41% 0.1370 76.54deg),
-	series-c-bolder: oklch(48.88% 0.1022 77.09deg),
-	series-c-subtle: oklch(84.82% 0.1546 82.13deg),
-	series-c-subtler: oklch(89.52% 0.1149 85.44deg),
-	series-d: oklch(64.02% 0.2094 38.02deg),
-	series-d-bold: oklch(51.82% 0.1667 38.79deg),
-	series-d-bolder: oklch(39.05% 0.1221 40.16deg),
-	series-d-subtle: oklch(70.79% 0.1657 43.86deg),
-	series-d-subtler: oklch(79.59% 0.1091 45.83deg),
-	series-e: oklch(52.48% 0.2346 322.23deg),
-	series-e-bold: oklch(42.68% 0.1877 322.39deg),
-	series-e-bolder: oklch(32.39% 0.1380 322.11deg),
-	series-e-subtle: oklch(61.89% 0.1966 322.75deg),
-	series-e-subtler: oklch(73.74% 0.1340 322.72deg),
-	series-f: oklch(30.34% 0.1399 309.00deg),
-	series-f-bold: oklch(25.27% 0.1133 309.01deg),
-	series-f-bolder: oklch(20.11% 0.0829 310.95deg),
-	series-f-subtle: oklch(47.69% 0.1110 312.60deg),
-	series-f-subtler: oklch(65.79% 0.0714 313.01deg),
+	inverse-hover: #{"oklch(from var(--kendo-color-inverse) calc(l - 0.0426) c h)"},
+	inverse-active: #{"oklch(from var(--kendo-color-inverse) calc(l - 0.064) c h)"},
+	inverse-emphasis: #{"oklch(from var(--kendo-color-inverse) calc(l - 0.1011) c h)"},
+	inverse-on-subtle: #{"oklch(from var(--kendo-color-inverse-subtle) clamp(0.2727, (0.65 - l) * 99999, 0.7273) 0 h)"},
+	on-inverse: #{"oklch(from var(--kendo-color-inverse) clamp(0, (0.65 - l) * 99999, 0.95) 0 h)"},
+	inverse-on-surface: #{"oklch(from var(--kendo-color-inverse) clamp(0.0599, (0.9901 - l) * 99999, 0.9401) 0.0001 h)"},
+	series: oklch(56.38% 0.1428 245.30deg),
+	series-a: #{"oklch(from var(--kendo-color-series) l c h)"},
+	series-a-bold: #{"oklch(from var(--kendo-color-series-a) calc(l - 0.1057) calc(c - 0.0286) calc(h - 0.77))"},
+	series-a-bolder: #{"oklch(from var(--kendo-color-series-a) calc(l - 0.2146) calc(c - 0.0588) calc(h - 2.6))"},
+	series-a-subtle: #{"oklch(from var(--kendo-color-series-a) calc(l + 0.0974) calc(c - 0.025) calc(h - 7.13))"},
+	series-a-subtler: #{"oklch(from var(--kendo-color-series-a) calc(l + 0.2062) calc(c - 0.0614) calc(h - 10.07))"},
+	series-b: #{"oklch(from var(--kendo-color-series) calc(l + 0.0752) calc(c + 0.0128) calc(h - 98.93))"},
+	series-b-bold: #{"oklch(from var(--kendo-color-series-b) calc(l - 0.1195) calc(c - 0.0327) calc(h + 0.19))"},
+	series-b-bolder: #{"oklch(from var(--kendo-color-series-b) calc(l - 0.2469) calc(c - 0.0663) calc(h + 0.37))"},
+	series-b-subtle: #{"oklch(from var(--kendo-color-series-b) calc(l + 0.0863) calc(c - 0.0346) calc(h + 1.57))"},
+	series-b-subtler: #{"oklch(from var(--kendo-color-series-b) calc(l + 0.1775) calc(c - 0.0755) calc(h + 2.78))"},
+	series-c: #{"oklch(from var(--kendo-color-series) calc(l + 0.245) calc(c + 0.0275) calc(h - 169.94))"},
+	series-c-bold: #{"oklch(from var(--kendo-color-series-c) calc(l - 0.1547) calc(c - 0.0333) calc(h + 1.18))"},
+	series-c-bolder: #{"oklch(from var(--kendo-color-series-c) calc(l - 0.32) calc(c - 0.0681) calc(h + 1.73))"},
+	series-c-subtle: #{"oklch(from var(--kendo-color-series-c) calc(l + 0.0394) calc(c - 0.0157) calc(h + 6.77))"},
+	series-c-subtler: #{"oklch(from var(--kendo-color-series-c) calc(l + 0.0864) calc(c - 0.0554) calc(h + 10.08))"},
+	series-d: #{"oklch(from var(--kendo-color-series) calc(l + 0.0764) calc(c + 0.0666) calc(h + 152.72))"},
+	series-d-bold: #{"oklch(from var(--kendo-color-series-d) calc(l - 0.122) calc(c - 0.0427) calc(h + 0.77))"},
+	series-d-bolder: #{"oklch(from var(--kendo-color-series-d) calc(l - 0.2497) calc(c - 0.0873) calc(h + 2.14))"},
+	series-d-subtle: #{"oklch(from var(--kendo-color-series-d) calc(l + 0.0677) calc(c - 0.0437) calc(h + 5.84))"},
+	series-d-subtler: #{"oklch(from var(--kendo-color-series-d) calc(l + 0.1557) calc(c - 0.1003) calc(h + 7.81))"},
+	series-e: #{"oklch(from var(--kendo-color-series) calc(l - 0.039) calc(c + 0.0918) calc(h + 76.93))"},
+	series-e-bold: #{"oklch(from var(--kendo-color-series-e) calc(l - 0.098) calc(c - 0.0469) calc(h + 0.16))"},
+	series-e-bolder: #{"oklch(from var(--kendo-color-series-e) calc(l - 0.2009) calc(c - 0.0966) calc(h - 0.12))"},
+	series-e-subtle: #{"oklch(from var(--kendo-color-series-e) calc(l + 0.0941) calc(c - 0.038) calc(h + 0.52))"},
+	series-e-subtler: #{"oklch(from var(--kendo-color-series-e) calc(l + 0.2126) calc(c - 0.1006) calc(h + 0.49))"},
+	series-f: #{"oklch(from var(--kendo-color-series) calc(l - 0.2604) calc(c - 0.0029) calc(h + 63.7))"},
+	series-f-bold: #{"oklch(from var(--kendo-color-series-f) calc(l - 0.0507) calc(c - 0.0266) calc(h + 0.01))"},
+	series-f-bolder: #{"oklch(from var(--kendo-color-series-f) calc(l - 0.1023) calc(c - 0.057) calc(h + 1.95))"},
+	series-f-subtle: #{"oklch(from var(--kendo-color-series-f) calc(l + 0.1735) calc(c - 0.0289) calc(h + 3.6))"},
+	series-f-subtler: #{"oklch(from var(--kendo-color-series-f) calc(l + 0.3545) calc(c - 0.0685) calc(h + 4.01))"},
 	) !default,
 
 );