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

package/dist/classic-metro.scss

@@ -2,118 +2,115 @@
 
 	$kendo-colors: (
 	app-surface: oklch(100.00% 0.0001 0deg),
-	on-app-surface: oklch(0.00% 0.0000 0deg),
+	on-app-surface: #{"oklch(from var(--kendo-color-app-surface) clamp(0, (0.65 - l) * 99999, 0.95) 0 h)"},
 	subtle: oklch(32.11% 0.0000 0deg),
 	surface: oklch(98.21% 0.0001 0deg),
 	surface-alt: oklch(100.00% 0.0001 0deg),
 	border: oklch(89.14% 0.0001 0deg),
 	border-alt: oklch(79.84% 0.0001 0deg),
-	base-subtle: oklch(98.51% 0.0001 0deg),
-	base-subtle-hover: oklch(98.21% 0.0001 0deg),
-	base-subtle-active: oklch(93.70% 0.0001 0deg),
+	base-subtle: #{"oklch(from var(--kendo-color-base) calc(l + 0.003) c h)"},
+	base-subtle-hover: #{"oklch(from var(--kendo-color-base) l c h)"},
+	base-subtle-active: #{"oklch(from var(--kendo-color-base) calc(l - 0.0451) c h)"},
 	base: oklch(98.21% 0.0001 0deg),
-	base-hover: oklch(92.19% 0.0001 0deg),
-	base-active: oklch(86.07% 0.0001 0deg),
-	base-emphasis: oklch(87.61% 0.0001 0deg),
-	base-on-subtle: oklch(0.00% 0.0000 0deg),
-	on-base: oklch(0.00% 0.0000 0deg),
-	base-on-surface: oklch(0.00% 0.0000 0deg),
-	primary-subtle: oklch(91.27% 0.0353 119.48deg),
-	primary-subtle-hover: oklch(84.69% 0.0613 118.94deg),
-	primary-subtle-active: oklch(77.99% 0.0873 119.92deg),
+	base-hover: #{"oklch(from var(--kendo-color-base) calc(l - 0.0602) c h)"},
+	base-active: #{"oklch(from var(--kendo-color-base) calc(l - 0.1214) c h)"},
+	base-emphasis: #{"oklch(from var(--kendo-color-base) calc(l - 0.106) c h)"},
+	base-on-subtle: #{"oklch(from var(--kendo-color-base-subtle) clamp(0, (0.65 - l) * 99999, 0.95) 0 h)"},
+	on-base: #{"oklch(from var(--kendo-color-base) clamp(0, (0.65 - l) * 99999, 0.95) 0 h)"},
+	base-on-surface: #{"oklch(from var(--kendo-color-base) clamp(0, (0.65 - l) * 99999, 0.95) 0 h)"},
+	primary-subtle: #{"oklch(from var(--kendo-color-primary) calc(l + 0.3574) calc(c - 0.1039) calc(h - 5.32))"},
+	primary-subtle-hover: #{"oklch(from var(--kendo-color-primary) calc(l + 0.2916) calc(c - 0.0779) calc(h - 5.86))"},
+	primary-subtle-active: #{"oklch(from var(--kendo-color-primary) calc(l + 0.2246) calc(c - 0.0519) calc(h - 4.88))"},
 	primary: oklch(55.53% 0.1392 124.80deg),
-	primary-hover: oklch(52.37% 0.1314 124.88deg),
-	primary-active: oklch(49.16% 0.1234 124.97deg),
-	primary-emphasis: oklch(66.78% 0.1251 121.25deg),
-	primary-on-subtle: oklch(27.67% 0.0678 122.91deg),
-	on-primary: oklch(100.00% 0.0001 0deg),
-	primary-on-surface: oklch(45.35% 0.1129 124.27deg),
-	secondary-subtle: oklch(86.90% 0.0035 323.99deg),
-	secondary-subtle-hover: oklch(76.69% 0.0054 324.70deg),
-	secondary-subtle-active: oklch(66.22% 0.0083 331.64deg),
+	primary-hover: #{"oklch(from var(--kendo-color-primary) calc(l - 0.0316) calc(c - 0.0078) calc(h + 0.08))"},
+	primary-active: #{"oklch(from var(--kendo-color-primary) calc(l - 0.0637) calc(c - 0.0158) calc(h + 0.17))"},
+	primary-emphasis: #{"oklch(from var(--kendo-color-primary) calc(l + 0.1125) calc(c - 0.0141) calc(h - 3.55))"},
+	primary-on-subtle: #{"oklch(from var(--kendo-color-primary-subtle) clamp(0.2767, (0.65 - l) * 99999, 0.7233) 0.0678 calc(h + 3.43))"},
+	on-primary: #{"oklch(from var(--kendo-color-primary) clamp(0.05, (0.65 - l) * 99999, 1) 0.0001 calc(h - 124.8))"},
+	primary-on-surface: #{"oklch(from var(--kendo-color-primary) clamp(0.4535, (0.5053 - l) * 99999, 0.5465) 0.1129 calc(h - 0.53))"},
+	secondary-subtle: #{"oklch(from var(--kendo-color-secondary) calc(l + 0.5993) calc(c - 0.0161) calc(h - 5.67))"},
+	secondary-subtle-hover: #{"oklch(from var(--kendo-color-secondary) calc(l + 0.4972) calc(c - 0.0142) calc(h - 4.96))"},
+	secondary-subtle-active: #{"oklch(from var(--kendo-color-secondary) calc(l + 0.3925) calc(c - 0.0113) calc(h + 1.98))"},
 	secondary: oklch(26.97% 0.0196 329.66deg),
-	secondary-hover: oklch(25.61% 0.0189 326.02deg),
-	secondary-active: oklch(24.31% 0.0177 330.15deg),
-	secondary-emphasis: oklch(47.62% 0.0130 330.09deg),
-	secondary-on-subtle: oklch(15.95% 0.0080 325.81deg),
-	on-secondary: oklch(100.00% 0.0001 0deg),
-	secondary-on-surface: oklch(22.87% 0.0156 330.73deg),
-	info-subtle: oklch(90.78% 0.0328 232.34deg),
-	info-subtle-hover: oklch(83.84% 0.0573 233.91deg),
-	info-subtle-active: oklch(77.00% 0.0814 235.23deg),
+	secondary-hover: #{"oklch(from var(--kendo-color-secondary) calc(l - 0.0136) calc(c - 0.0007) calc(h - 3.64))"},
+	secondary-active: #{"oklch(from var(--kendo-color-secondary) calc(l - 0.0266) calc(c - 0.0019) calc(h + 0.49))"},
+	secondary-emphasis: #{"oklch(from var(--kendo-color-secondary) calc(l + 0.2065) calc(c - 0.0066) calc(h + 0.43))"},
+	secondary-on-subtle: #{"oklch(from var(--kendo-color-secondary-subtle) clamp(0.1595, (0.65 - l) * 99999, 0.8405) 0.008 calc(h + 1.82))"},
+	on-secondary: #{"oklch(from var(--kendo-color-secondary) clamp(0.05, (0.65 - l) * 99999, 1) 0.0001 calc(h + 30.34))"},
+	secondary-on-surface: #{"oklch(from var(--kendo-color-secondary) clamp(0.2287, (0.2197 - l) * 99999, 0.7713) 0.0156 calc(h + 1.07))"},
+	info-subtle: #{"oklch(from var(--kendo-color-info) calc(l + 0.344) calc(c - 0.11) calc(h - 12.96))"},
+	info-subtle-hover: #{"oklch(from var(--kendo-color-info) calc(l + 0.2746) calc(c - 0.0855) calc(h - 11.39))"},
+	info-subtle-active: #{"oklch(from var(--kendo-color-info) calc(l + 0.2062) calc(c - 0.0614) calc(h - 10.07))"},
 	info: oklch(56.38% 0.1428 245.30deg),
-	info-hover: oklch(53.01% 0.1335 245.02deg),
-	info-active: oklch(49.66% 0.1253 245.10deg),
-	info-emphasis: oklch(66.12% 0.1178 238.17deg),
-	info-on-subtle: oklch(27.61% 0.0640 240.71deg),
-	on-info: oklch(100.00% 0.0001 0deg),
-	info-on-surface: oklch(45.81% 0.1142 244.53deg),
-	success-subtle: oklch(92.59% 0.0317 151.35deg),
-	success-subtle-hover: oklch(86.95% 0.0558 150.01deg),
-	success-subtle-active: oklch(81.65% 0.0801 149.15deg),
+	info-hover: #{"oklch(from var(--kendo-color-info) calc(l - 0.0337) calc(c - 0.0093) calc(h - 0.28))"},
+	info-active: #{"oklch(from var(--kendo-color-info) calc(l - 0.0672) calc(c - 0.0175) calc(h - 0.2))"},
+	info-emphasis: #{"oklch(from var(--kendo-color-info) calc(l + 0.0974) calc(c - 0.025) calc(h - 7.13))"},
+	info-on-subtle: #{"oklch(from var(--kendo-color-info-subtle) clamp(0.2761, (0.65 - l) * 99999, 0.7239) 0.064 calc(h + 8.37))"},
+	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.4581, (0.5138 - l) * 99999, 0.5419) 0.1142 calc(h - 0.77))"},
+	success-subtle: #{"oklch(from var(--kendo-color-success) calc(l + 0.2869) calc(c - 0.1239) calc(h + 4.98))"},
+	success-subtle-hover: #{"oklch(from var(--kendo-color-success) calc(l + 0.2305) calc(c - 0.0998) calc(h + 3.64))"},
+	success-subtle-active: #{"oklch(from var(--kendo-color-success) calc(l + 0.1775) calc(c - 0.0755) calc(h + 2.78))"},
 	success: oklch(63.90% 0.1556 146.37deg),
-	success-hover: oklch(60.17% 0.1455 146.47deg),
-	success-active: oklch(56.38% 0.1353 146.58deg),
-	success-emphasis: oklch(72.53% 0.1210 147.94deg),
-	success-on-subtle: oklch(30.97% 0.0665 146.71deg),
-	on-success: oklch(100.00% 0.0001 0deg),
-	success-on-surface: oklch(51.95% 0.1229 146.56deg),
-	warning-subtle: oklch(94.63% 0.0454 76.84deg),
-	warning-subtle-hover: oklch(90.93% 0.0788 77.11deg),
-	warning-subtle-active: oklch(87.41% 0.1101 76.48deg),
+	success-hover: #{"oklch(from var(--kendo-color-success) calc(l - 0.0373) calc(c - 0.0101) calc(h + 0.1))"},
+	success-active: #{"oklch(from var(--kendo-color-success) calc(l - 0.0752) calc(c - 0.0203) calc(h + 0.21))"},
+	success-emphasis: #{"oklch(from var(--kendo-color-success) calc(l + 0.0863) calc(c - 0.0346) calc(h + 1.57))"},
+	success-on-subtle: #{"oklch(from var(--kendo-color-success-subtle) clamp(0.3097, (0.65 - l) * 99999, 0.6903) 0.0665 calc(h - 4.64))"},
+	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.4805, (0.65 - l) * 99999, 0.5195) 0.1229 calc(h + 0.19))"},
+	warning-subtle: #{"oklch(from var(--kendo-color-warning) calc(l + 0.176) calc(c - 0.1287) calc(h + 12.79))"},
+	warning-subtle-hover: #{"oklch(from var(--kendo-color-warning) calc(l + 0.139) calc(c - 0.0953) calc(h + 13.06))"},
+	warning-subtle-active: #{"oklch(from var(--kendo-color-warning) calc(l + 0.1038) calc(c - 0.064) calc(h + 12.43))"},
 	warning: oklch(77.03% 0.1741 64.05deg),
-	warning-hover: oklch(72.47% 0.1635 64.24deg),
-	warning-active: oklch(67.71% 0.1521 64.82deg),
-	warning-emphasis: oklch(81.85% 0.1523 72.65deg),
-	warning-on-subtle: oklch(36.46% 0.0796 68.61deg),
-	on-warning: oklch(100.00% 0.0001 0deg),
-	warning-on-surface: oklch(62.25% 0.1396 65.04deg),
-	error-subtle: oklch(89.72% 0.0408 32.89deg),
-	error-subtle-hover: oklch(82.35% 0.0754 33.01deg),
-	error-subtle-active: oklch(75.20% 0.1109 33.51deg),
+	warning-hover: #{"oklch(from var(--kendo-color-warning) calc(l - 0.0456) calc(c - 0.0106) calc(h + 0.19))"},
+	warning-active: #{"oklch(from var(--kendo-color-warning) calc(l - 0.0932) calc(c - 0.022) calc(h + 0.77))"},
+	warning-emphasis: #{"oklch(from var(--kendo-color-warning) calc(l + 0.0482) calc(c - 0.0218) calc(h + 8.6))"},
+	warning-on-subtle: #{"oklch(from var(--kendo-color-warning-subtle) clamp(0.3646, (0.65 - l) * 99999, 0.6354) 0.0796 calc(h - 8.23))"},
+	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.3775, (0.8203 - l) * 99999, 0.6225) 0.1396 calc(h + 0.99))"},
+	error-subtle: #{"oklch(from var(--kendo-color-error) calc(l + 0.3262) calc(c - 0.1735) calc(h + 0.54))"},
+	error-subtle-hover: #{"oklch(from var(--kendo-color-error) calc(l + 0.2525) calc(c - 0.1389) calc(h + 0.66))"},
+	error-subtle-active: #{"oklch(from var(--kendo-color-error) calc(l + 0.181) calc(c - 0.1034) calc(h + 1.16))"},
 	error: oklch(57.10% 0.2143 32.35deg),
-	error-hover: oklch(53.78% 0.2010 32.50deg),
-	error-active: oklch(50.22% 0.1866 32.72deg),
-	error-emphasis: oklch(64.65% 0.1722 34.18deg),
-	error-on-subtle: oklch(27.53% 0.0953 35.53deg),
-	on-error: oklch(100.00% 0.0001 0deg),
-	error-on-surface: oklch(46.33% 0.1715 32.85deg),
-	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),
+	error-hover: #{"oklch(from var(--kendo-color-error) calc(l - 0.0332) calc(c - 0.0133) calc(h + 0.15))"},
+	error-active: #{"oklch(from var(--kendo-color-error) calc(l - 0.0688) calc(c - 0.0277) calc(h + 0.37))"},
+	error-emphasis: #{"oklch(from var(--kendo-color-error) calc(l + 0.0755) calc(c - 0.0421) calc(h + 1.83))"},
+	error-on-subtle: #{"oklch(from var(--kendo-color-error-subtle) clamp(0.2753, (0.65 - l) * 99999, 0.7247) 0.0953 calc(h + 2.64))"},
+	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.4633, (0.521 - l) * 99999, 0.5367) 0.1715 calc(h + 0.5))"},
+	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,
-	$kendo-enable-gradients: false !default,
-	$kendo-enable-rounded: false !default,
-	$kendo-focus-shadow: 0 0 0 2px oklch(0.00% 0.0000 0deg / 0.12) !default,
-	$kendo-list-item-focus-shadow: inset 0 0 0 2px oklch(100.00% 0.0001 0deg / 0.75) !default,
-	$kendo-treeview-item-focus-shadow: inset 0 0 0 2px oklch(100.00% 0.0001 0deg / 0.75) !default,
+
 );
 
 @use "../scss/index.scss" as *;