@progress/kendo-theme-default 14.1.1-dev.2 → 14.1.1-dev.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/default-blue.css +1 -1
  3. package/dist/default-blue.scss +95 -94
  4. package/dist/default-dataviz-v4.css +1 -1
  5. package/dist/default-dataviz-v4.scss +31 -30
  6. package/dist/default-green.css +1 -1
  7. package/dist/default-green.scss +86 -85
  8. package/dist/default-main-dark.css +1 -1
  9. package/dist/default-main-dark.scss +113 -112
  10. package/dist/default-main.css +1 -1
  11. package/dist/default-nordic.css +1 -1
  12. package/dist/default-nordic.scss +95 -94
  13. package/dist/default-ocean-blue-a11y.css +1 -1
  14. package/dist/default-ocean-blue-a11y.scss +105 -121
  15. package/dist/default-ocean-blue.css +1 -1
  16. package/dist/default-ocean-blue.scss +105 -107
  17. package/dist/default-orange.css +1 -1
  18. package/dist/default-orange.scss +95 -94
  19. package/dist/default-purple.css +1 -1
  20. package/dist/default-purple.scss +95 -94
  21. package/dist/default-turquoise.css +1 -1
  22. package/dist/default-turquoise.scss +96 -96
  23. package/dist/default-urban.css +1 -1
  24. package/dist/default-urban.scss +95 -94
  25. package/lib/swatches/default-blue.json +100 -95
  26. package/lib/swatches/default-dataviz-v4.json +36 -31
  27. package/lib/swatches/default-green.json +91 -86
  28. package/lib/swatches/default-main-dark.json +118 -113
  29. package/lib/swatches/default-main.json +1 -1
  30. package/lib/swatches/default-nordic.json +100 -95
  31. package/lib/swatches/default-ocean-blue-a11y.json +109 -205
  32. package/lib/swatches/default-ocean-blue.json +109 -134
  33. package/lib/swatches/default-orange.json +100 -95
  34. package/lib/swatches/default-purple.json +100 -95
  35. package/lib/swatches/default-turquoise.json +100 -110
  36. package/lib/swatches/default-urban.json +100 -95
  37. package/package.json +4 -4
@@ -2,102 +2,103 @@
2
2
 
3
3
  $kendo-colors: (
4
4
  app-surface: oklch(100.00% 0.0001 0deg),
5
- on-app-surface: oklch(37.91% 0.0000 0deg),
5
+ on-app-surface: #{"oklch(from var(--kendo-color-app-surface) clamp(0.3791, (0.65 - l) * 99999, 0.6209) 0 h)"},
6
6
  subtle: oklch(51.03% 0.0001 0deg),
7
7
  surface: oklch(98.51% 0.0001 0deg),
8
8
  surface-alt: oklch(100.00% 0.0001 0deg),
9
- base-subtle: oklch(94.01% 0.0001 0deg),
10
- base-subtle-hover: oklch(90.97% 0.0001 0deg),
11
- base-subtle-active: oklch(87.30% 0.0001 0deg),
9
+ base-subtle: #{"oklch(from var(--kendo-color-base) calc(l - 0.03) c h)"},
10
+ base-subtle-hover: #{"oklch(from var(--kendo-color-base) calc(l - 0.0604) c h)"},
11
+ base-subtle-active: #{"oklch(from var(--kendo-color-base) calc(l - 0.0971) c h)"},
12
12
  base: oklch(97.01% 0.0001 0deg),
13
- base-hover: oklch(94.01% 0.0001 0deg),
14
- base-active: oklch(88.22% 0.0001 0deg),
15
- base-emphasis: oklch(81.41% 0.0001 0deg),
16
- base-on-subtle: oklch(37.91% 0.0000 0deg),
17
- on-base: oklch(37.91% 0.0000 0deg),
18
- base-on-surface: oklch(37.91% 0.0000 0deg),
19
- primary-subtle: oklch(93.56% 0.0439 135.97deg),
20
- primary-subtle-hover: oklch(88.66% 0.0776 136.00deg),
21
- primary-subtle-active: oklch(84.10% 0.1115 136.60deg),
13
+ base-hover: #{"oklch(from var(--kendo-color-base) calc(l - 0.03) c h)"},
14
+ base-active: #{"oklch(from var(--kendo-color-base) calc(l - 0.0879) c h)"},
15
+ base-emphasis: #{"oklch(from var(--kendo-color-base) calc(l - 0.156) c h)"},
16
+ base-on-subtle: #{"oklch(from var(--kendo-color-base-subtle) clamp(0.3791, (0.65 - l) * 99999, 0.6209) 0 h)"},
17
+ on-base: #{"oklch(from var(--kendo-color-base) clamp(0.3791, (0.65 - l) * 99999, 0.6209) 0 h)"},
18
+ base-on-surface: #{"oklch(from var(--kendo-color-base) clamp(0.3791, (0.65 - l) * 99999, 0.6209) 0 h)"},
19
+ primary-subtle: #{"oklch(from var(--kendo-color-primary) calc(l + 0.2403) calc(c - 0.1554) calc(h - 2.44))"},
20
+ primary-subtle-hover: #{"oklch(from var(--kendo-color-primary) calc(l + 0.1913) calc(c - 0.1217) calc(h - 2.41))"},
21
+ primary-subtle-active: #{"oklch(from var(--kendo-color-primary) calc(l + 0.1457) calc(c - 0.0878) calc(h - 1.81))"},
22
22
  primary: oklch(69.53% 0.1993 138.41deg),
23
- primary-hover: oklch(67.57% 0.1935 138.34deg),
24
- primary-active: oklch(63.31% 0.1806 138.35deg),
25
- primary-emphasis: oklch(76.53% 0.1626 137.17deg),
26
- primary-on-subtle: oklch(33.30% 0.0869 137.90deg),
27
- on-primary: oklch(100.00% 0.0001 0deg),
28
- primary-on-surface: oklch(56.35% 0.1594 138.32deg),
29
- secondary-subtle: oklch(99.40% 0.0001 0deg),
30
- secondary-subtle-hover: oklch(99.11% 0.0001 0deg),
31
- secondary-subtle-active: oklch(98.81% 0.0001 0deg),
23
+ primary-hover: #{"oklch(from var(--kendo-color-primary) calc(l - 0.0196) calc(c - 0.0058) calc(h - 0.07))"},
24
+ primary-active: #{"oklch(from var(--kendo-color-primary) calc(l - 0.0622) calc(c - 0.0187) calc(h - 0.06))"},
25
+ primary-emphasis: #{"oklch(from var(--kendo-color-primary) calc(l + 0.07) calc(c - 0.0367) calc(h - 1.24))"},
26
+ primary-on-subtle: #{"oklch(from var(--kendo-color-primary-subtle) clamp(0.333, (0.65 - l) * 99999, 0.667) 0.0869 calc(h + 1.93))"},
27
+ on-primary: #{"oklch(from var(--kendo-color-primary) clamp(0.05, (0.7453 - l) * 99999, 1) 0.0001 calc(h - 138.41))"},
28
+ primary-on-surface: #{"oklch(from var(--kendo-color-primary) clamp(0.4365, (0.7453 - l) * 99999, 0.5635) 0.1594 calc(h - 0.09))"},
29
+ secondary-subtle: #{"oklch(from var(--kendo-color-secondary) calc(l + 0.0209) c h)"},
30
+ secondary-subtle-hover: #{"oklch(from var(--kendo-color-secondary) calc(l + 0.018) c h)"},
31
+ secondary-subtle-active: #{"oklch(from var(--kendo-color-secondary) calc(l + 0.015) c h)"},
32
32
  secondary: oklch(97.31% 0.0001 0deg),
33
- secondary-hover: oklch(94.31% 0.0001 0deg),
34
- secondary-active: oklch(88.22% 0.0001 0deg),
35
- secondary-emphasis: oklch(97.91% 0.0001 0deg),
36
- secondary-on-subtle: oklch(45.32% 0.0001 0deg),
37
- on-secondary: oklch(0.00% 0.0000 0deg),
38
- secondary-on-surface: oklch(78.58% 0.0001 0deg),
39
- info-subtle: oklch(92.08% 0.0325 258.38deg),
40
- info-subtle-hover: oklch(86.16% 0.0592 259.55deg),
41
- info-subtle-active: oklch(80.30% 0.0851 260.13deg),
33
+ secondary-hover: #{"oklch(from var(--kendo-color-secondary) calc(l - 0.03) c h)"},
34
+ secondary-active: #{"oklch(from var(--kendo-color-secondary) calc(l - 0.0909) c h)"},
35
+ secondary-emphasis: #{"oklch(from var(--kendo-color-secondary) calc(l + 0.006) c h)"},
36
+ secondary-on-subtle: #{"oklch(from var(--kendo-color-secondary-subtle) clamp(0.4532, (0.65 - l) * 99999, 0.5468) 0.0001 h)"},
37
+ on-secondary: #{"oklch(from var(--kendo-color-secondary) clamp(0, (0.65 - l) * 99999, 0.95) 0 h)"},
38
+ secondary-on-surface: #{"oklch(from var(--kendo-color-secondary) clamp(0.2142, (1.0231 - l) * 99999, 0.7858) 0.0001 h)"},
39
+ info-subtle: #{"oklch(from var(--kendo-color-info) calc(l + 0.3069) calc(c - 0.1454) calc(h - 1.55))"},
40
+ info-subtle-hover: #{"oklch(from var(--kendo-color-info) calc(l + 0.2477) calc(c - 0.1187) calc(h - 0.38))"},
41
+ info-subtle-active: #{"oklch(from var(--kendo-color-info) calc(l + 0.1891) calc(c - 0.0928) calc(h + 0.2))"},
42
42
  info: oklch(61.39% 0.1779 259.93deg),
43
- info-hover: oklch(59.67% 0.1725 260.05deg),
44
- info-active: oklch(56.08% 0.1604 259.95deg),
45
- info-emphasis: oklch(70.56% 0.1325 259.90deg),
46
- info-on-subtle: oklch(30.06% 0.0750 259.91deg),
47
- on-info: oklch(100.00% 0.0001 0deg),
48
- info-on-surface: oklch(49.96% 0.1410 260.10deg),
49
- success-subtle: oklch(94.17% 0.0438 135.97deg),
50
- success-subtle-hover: oklch(89.88% 0.0774 135.99deg),
51
- success-subtle-active: oklch(85.71% 0.1095 136.45deg),
43
+ info-hover: #{"oklch(from var(--kendo-color-info) calc(l - 0.0172) calc(c - 0.0054) calc(h + 0.12))"},
44
+ info-active: #{"oklch(from var(--kendo-color-info) calc(l - 0.0531) calc(c - 0.0175) calc(h + 0.02))"},
45
+ info-emphasis: #{"oklch(from var(--kendo-color-info) calc(l + 0.0917) calc(c - 0.0454) calc(h - 0.03))"},
46
+ info-on-subtle: #{"oklch(from var(--kendo-color-info-subtle) clamp(0.3006, (0.65 - l) * 99999, 0.6994) 0.075 calc(h + 1.53))"},
47
+ on-info: #{"oklch(from var(--kendo-color-info) clamp(0.05, (0.65 - l) * 99999, 1) 0.0001 calc(h + 100.07))"},
48
+ info-on-surface: #{"oklch(from var(--kendo-color-info) clamp(0.4996, (0.5639 - l) * 99999, 0.5004) 0.141 calc(h + 0.17))"},
49
+ success-subtle: #{"oklch(from var(--kendo-color-success) calc(l + 0.2156) calc(c - 0.1564) calc(h - 2.12))"},
50
+ success-subtle-hover: #{"oklch(from var(--kendo-color-success) calc(l + 0.1727) calc(c - 0.1228) calc(h - 2.1))"},
51
+ success-subtle-active: #{"oklch(from var(--kendo-color-success) calc(l + 0.131) calc(c - 0.0907) calc(h - 1.64))"},
52
52
  success: oklch(72.61% 0.2002 138.09deg),
53
- success-hover: oklch(70.38% 0.1937 138.10deg),
54
- success-active: oklch(66.16% 0.1812 138.02deg),
55
- success-emphasis: oklch(78.75% 0.1608 137.01deg),
56
- success-on-subtle: oklch(34.79% 0.0873 137.72deg),
57
- on-success: oklch(100.00% 0.0001 0deg),
58
- success-on-surface: oklch(58.97% 0.1597 137.98deg),
53
+ success-hover: #{"oklch(from var(--kendo-color-success) calc(l - 0.0223) calc(c - 0.0065) calc(h + 0.01))"},
54
+ success-active: #{"oklch(from var(--kendo-color-success) calc(l - 0.0645) calc(c - 0.019) calc(h - 0.07))"},
55
+ success-emphasis: #{"oklch(from var(--kendo-color-success) calc(l + 0.0614) calc(c - 0.0394) calc(h - 1.08))"},
56
+ success-on-subtle: #{"oklch(from var(--kendo-color-success-subtle) clamp(0.3479, (0.65 - l) * 99999, 0.6521) 0.0873 calc(h + 1.75))"},
57
+ on-success: #{"oklch(from var(--kendo-color-success) clamp(0.05, (0.7761 - l) * 99999, 1) 0.0001 calc(h - 138.09))"},
58
+ success-on-surface: #{"oklch(from var(--kendo-color-success) clamp(0.4103, (0.7761 - l) * 99999, 0.5897) 0.1597 calc(h - 0.11))"},
59
59
  warning-subtle: oklch(97.05% 0.0392 91.24deg),
60
60
  warning-subtle-hover: oklch(94.95% 0.0676 92.74deg),
61
- error-subtle: oklch(89.34% 0.0427 14.26deg),
62
- error-subtle-hover: oklch(81.54% 0.0763 15.75deg),
63
- error-subtle-active: oklch(74.01% 0.1146 16.77deg),
61
+ error-subtle: #{"oklch(from var(--kendo-color-error) calc(l + 0.3362) calc(c - 0.1731) calc(h - 12.08))"},
62
+ error-subtle-hover: #{"oklch(from var(--kendo-color-error) calc(l + 0.2582) calc(c - 0.1395) calc(h - 10.59))"},
63
+ error-subtle-active: #{"oklch(from var(--kendo-color-error) calc(l + 0.1829) calc(c - 0.1012) calc(h - 9.57))"},
64
64
  error: oklch(55.72% 0.2158 26.34deg),
65
- error-hover: oklch(53.98% 0.2086 26.19deg),
66
- error-active: oklch(50.63% 0.1950 26.11deg),
67
- error-emphasis: oklch(63.21% 0.1757 20.80deg),
68
- error-on-subtle: oklch(26.97% 0.0961 24.58deg),
69
- on-error: oklch(100.00% 0.0001 0deg),
70
- error-on-surface: oklch(45.22% 0.1727 26.06deg),
71
- series-a: oklch(69.53% 0.1993 138.41deg),
72
- series-a-bold: oklch(56.35% 0.1594 138.32deg),
73
- series-a-bolder: oklch(42.41% 0.1153 138.00deg),
74
- series-a-subtle: oklch(76.53% 0.1626 137.17deg),
75
- series-a-subtler: oklch(84.10% 0.1115 136.60deg),
76
- series-b: oklch(87.94% 0.1577 90.42deg),
77
- series-b-bold: oklch(71.05% 0.1258 90.99deg),
78
- series-b-bolder: oklch(52.96% 0.0918 90.41deg),
79
- series-b-subtle: oklch(90.53% 0.1298 91.75deg),
80
- series-b-subtler: oklch(93.60% 0.0912 92.71deg),
81
- series-c: oklch(77.83% 0.2040 135.25deg),
82
- series-c-bold: oklch(63.07% 0.1633 135.16deg),
83
- series-c-bolder: oklch(47.13% 0.1177 134.97deg),
84
- series-c-subtle: oklch(82.76% 0.1635 133.68deg),
85
- series-c-subtler: oklch(88.36% 0.1129 132.72deg),
86
- series-d: oklch(70.84% 0.1146 209.78deg),
87
- series-d-bold: oklch(57.39% 0.0918 209.59deg),
88
- series-d-bolder: oklch(43.10% 0.0674 209.27deg),
89
- series-d-subtle: oklch(77.34% 0.0989 207.91deg),
90
- series-d-subtler: oklch(84.55% 0.0713 207.24deg),
91
- series-e: oklch(58.76% 0.2076 261.41deg),
92
- series-e-bold: oklch(47.78% 0.1651 261.56deg),
93
- series-e-bolder: oklch(36.37% 0.1182 261.41deg),
94
- series-e-subtle: oklch(68.19% 0.1557 261.99deg),
95
- series-e-subtler: oklch(78.46% 0.1010 262.43deg),
96
- series-f: oklch(57.50% 0.1967 320.59deg),
97
- series-f-bold: oklch(46.98% 0.1562 320.62deg),
98
- series-f-bolder: oklch(35.49% 0.1128 320.65deg),
99
- series-f-subtle: oklch(67.24% 0.1509 320.73deg),
100
- series-f-subtler: oklch(78.14% 0.0995 320.65deg),
65
+ error-hover: #{"oklch(from var(--kendo-color-error) calc(l - 0.0174) calc(c - 0.0072) calc(h - 0.15))"},
66
+ error-active: #{"oklch(from var(--kendo-color-error) calc(l - 0.0509) calc(c - 0.0208) calc(h - 0.23))"},
67
+ error-emphasis: #{"oklch(from var(--kendo-color-error) calc(l + 0.0749) calc(c - 0.0401) calc(h - 5.54))"},
68
+ error-on-subtle: #{"oklch(from var(--kendo-color-error-subtle) clamp(0.2697, (0.65 - l) * 99999, 0.7303) 0.0961 calc(h + 10.32))"},
69
+ on-error: #{"oklch(from var(--kendo-color-error) clamp(0.05, (0.65 - l) * 99999, 1) 0.0001 calc(h - 26.34))"},
70
+ error-on-surface: #{"oklch(from var(--kendo-color-error) clamp(0.4522, (0.5072 - l) * 99999, 0.5478) 0.1727 calc(h - 0.28))"},
71
+ series: oklch(69.53% 0.1993 138.41deg),
72
+ series-a: #{"oklch(from var(--kendo-color-series) l c h)"},
73
+ series-a-bold: #{"oklch(from var(--kendo-color-series-a) calc(l - 0.1318) calc(c - 0.0399) calc(h - 0.09))"},
74
+ series-a-bolder: #{"oklch(from var(--kendo-color-series-a) calc(l - 0.2712) calc(c - 0.084) calc(h - 0.41))"},
75
+ series-a-subtle: #{"oklch(from var(--kendo-color-series-a) calc(l + 0.07) calc(c - 0.0367) calc(h - 1.24))"},
76
+ series-a-subtler: #{"oklch(from var(--kendo-color-series-a) calc(l + 0.1457) calc(c - 0.0878) calc(h - 1.81))"},
77
+ series-b: #{"oklch(from var(--kendo-color-series) calc(l + 0.1841) calc(c - 0.0416) calc(h - 47.99))"},
78
+ series-b-bold: #{"oklch(from var(--kendo-color-series-b) calc(l - 0.1689) calc(c - 0.0319) calc(h + 0.57))"},
79
+ series-b-bolder: #{"oklch(from var(--kendo-color-series-b) calc(l - 0.3498) calc(c - 0.0659) calc(h - 0.01))"},
80
+ series-b-subtle: #{"oklch(from var(--kendo-color-series-b) calc(l + 0.0259) calc(c - 0.0279) calc(h + 1.33))"},
81
+ series-b-subtler: #{"oklch(from var(--kendo-color-series-b) calc(l + 0.0566) calc(c - 0.0665) calc(h + 2.29))"},
82
+ series-c: #{"oklch(from var(--kendo-color-series) calc(l + 0.083) calc(c + 0.0047) calc(h - 3.16))"},
83
+ series-c-bold: #{"oklch(from var(--kendo-color-series-c) calc(l - 0.1476) calc(c - 0.0407) calc(h - 0.09))"},
84
+ series-c-bolder: #{"oklch(from var(--kendo-color-series-c) calc(l - 0.307) calc(c - 0.0863) calc(h - 0.28))"},
85
+ series-c-subtle: #{"oklch(from var(--kendo-color-series-c) calc(l + 0.0493) calc(c - 0.0405) calc(h - 1.57))"},
86
+ series-c-subtler: #{"oklch(from var(--kendo-color-series-c) calc(l + 0.1053) calc(c - 0.0911) calc(h - 2.53))"},
87
+ series-d: #{"oklch(from var(--kendo-color-series) calc(l + 0.0131) calc(c - 0.0847) calc(h + 71.37))"},
88
+ series-d-bold: #{"oklch(from var(--kendo-color-series-d) calc(l - 0.1345) calc(c - 0.0228) calc(h - 0.19))"},
89
+ series-d-bolder: #{"oklch(from var(--kendo-color-series-d) calc(l - 0.2774) calc(c - 0.0472) calc(h - 0.51))"},
90
+ series-d-subtle: #{"oklch(from var(--kendo-color-series-d) calc(l + 0.065) calc(c - 0.0157) calc(h - 1.87))"},
91
+ series-d-subtler: #{"oklch(from var(--kendo-color-series-d) calc(l + 0.1371) calc(c - 0.0433) calc(h - 2.54))"},
92
+ series-e: #{"oklch(from var(--kendo-color-series) calc(l - 0.1077) calc(c + 0.0083) calc(h + 123))"},
93
+ series-e-bold: #{"oklch(from var(--kendo-color-series-e) calc(l - 0.1098) calc(c - 0.0425) calc(h + 0.15))"},
94
+ series-e-bolder: #{"oklch(from var(--kendo-color-series-e) calc(l - 0.2239) calc(c - 0.0894) h)"},
95
+ series-e-subtle: #{"oklch(from var(--kendo-color-series-e) calc(l + 0.0943) calc(c - 0.0519) calc(h + 0.58))"},
96
+ series-e-subtler: #{"oklch(from var(--kendo-color-series-e) calc(l + 0.197) calc(c - 0.1066) calc(h + 1.02))"},
97
+ series-f: #{"oklch(from var(--kendo-color-series) calc(l - 0.1203) calc(c - 0.0026) calc(h - 177.82))"},
98
+ series-f-bold: #{"oklch(from var(--kendo-color-series-f) calc(l - 0.1052) calc(c - 0.0405) calc(h + 0.03))"},
99
+ series-f-bolder: #{"oklch(from var(--kendo-color-series-f) calc(l - 0.2201) calc(c - 0.0839) calc(h + 0.06))"},
100
+ series-f-subtle: #{"oklch(from var(--kendo-color-series-f) calc(l + 0.0974) calc(c - 0.0458) calc(h + 0.14))"},
101
+ series-f-subtler: #{"oklch(from var(--kendo-color-series-f) calc(l + 0.2064) calc(c - 0.0972) calc(h + 0.06))"},
101
102
  ) !default,
102
103
 
103
104
  );