@rookcom/monarch-tokens 0.2.3 → 0.4.0

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 (52) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/brand.d.ts +95 -0
  3. package/dist/brand.d.ts.map +1 -0
  4. package/dist/brand.js +107 -0
  5. package/dist/brand.js.map +1 -0
  6. package/dist/color.d.ts +2 -0
  7. package/dist/color.d.ts.map +1 -1
  8. package/dist/color.js +9 -0
  9. package/dist/color.js.map +1 -1
  10. package/dist/css/compat.css +1 -2
  11. package/dist/css/monarch.css +69 -14
  12. package/dist/css/products/app.css +4 -0
  13. package/dist/css/products/atlas.css +4 -0
  14. package/dist/css/products/base.css +4 -0
  15. package/dist/css/products/calendar.css +4 -0
  16. package/dist/css/products/chat.css +4 -0
  17. package/dist/css/products/dossier.css +4 -0
  18. package/dist/css/products/dots.css +4 -0
  19. package/dist/css/products/friends.css +4 -0
  20. package/dist/css/products/gtm.css +4 -0
  21. package/dist/css/products/id.css +4 -0
  22. package/dist/css/products/intellect.css +4 -0
  23. package/dist/css/products/links.css +4 -0
  24. package/dist/css/products/people.css +4 -0
  25. package/dist/css/products/pulse.css +4 -0
  26. package/dist/css/products/ranker.css +4 -0
  27. package/dist/css/products/recruit.css +4 -0
  28. package/dist/css/products/signal.css +4 -0
  29. package/dist/css/products/stride.css +4 -0
  30. package/dist/css/products/tickets.css +4 -0
  31. package/dist/css.d.ts +22 -7
  32. package/dist/css.d.ts.map +1 -1
  33. package/dist/css.js +64 -21
  34. package/dist/css.js.map +1 -1
  35. package/dist/index.d.ts +2 -1
  36. package/dist/index.d.ts.map +1 -1
  37. package/dist/index.js +2 -1
  38. package/dist/index.js.map +1 -1
  39. package/dist/primitives.d.ts +49 -0
  40. package/dist/primitives.d.ts.map +1 -1
  41. package/dist/primitives.js +46 -0
  42. package/dist/primitives.js.map +1 -1
  43. package/dist/tailwind.d.ts +16 -0
  44. package/dist/tailwind.d.ts.map +1 -1
  45. package/dist/tailwind.js +15 -1
  46. package/dist/tailwind.js.map +1 -1
  47. package/dist/themes.d.ts +11 -1
  48. package/dist/themes.d.ts.map +1 -1
  49. package/dist/themes.js +20 -1
  50. package/dist/themes.js.map +1 -1
  51. package/dist/tokens.json +252 -0
  52. package/package.json +1 -1
package/dist/css/products/atlas.css CHANGED
@@ -13,6 +13,7 @@
13
13
  --mn-color-accent-strong: hsl(25 95% 36%);
14
14
  --mn-color-accent-on-strong: hsl(0 0% 100%);
15
15
  --mn-color-accent-border: hsl(25 57% 84%);
16
+ --mn-color-accent-strong-inverse: hsl(25 95% 53%);
16
17
  --primary: 25 95% 53%;
17
18
  --primary-foreground: 224 22% 6.5%;
18
19
  --ring: 25 95% 36%;
@@ -34,6 +35,7 @@
34
35
  --mn-color-accent-strong: hsl(25 95% 53%);
35
36
  --mn-color-accent-on-strong: hsl(224 22% 6.5%);
36
37
  --mn-color-accent-border: hsl(25 42.8% 32%);
38
+ --mn-color-accent-strong-inverse: hsl(25 95% 34%);
37
39
  --primary: 25 95% 53%;
38
40
  --primary-foreground: 224 22% 6.5%;
39
41
  --ring: 25 95% 53%;
@@ -53,6 +55,7 @@
53
55
  --mn-color-accent-strong: hsl(25 95% 27%);
54
56
  --mn-color-accent-on-strong: hsl(0 0% 100%);
55
57
  --mn-color-accent-border: hsl(25 95% 27%);
58
+ --mn-color-accent-strong-inverse: hsl(25 95% 57.5%);
56
59
  --primary: 25 95% 27%;
57
60
  --primary-foreground: 0 0% 100%;
58
61
  --ring: 25 95% 27%;
@@ -74,6 +77,7 @@
74
77
  --mn-color-accent-strong: hsl(25 95% 64.5%);
75
78
  --mn-color-accent-on-strong: hsl(224 22% 6.5%);
76
79
  --mn-color-accent-border: hsl(25 95% 64.5%);
80
+ --mn-color-accent-strong-inverse: hsl(25 95% 25%);
77
81
  --primary: 25 95% 64.5%;
78
82
  --primary-foreground: 224 22% 6.5%;
79
83
  --ring: 25 95% 64.5%;
package/dist/css/products/base.css CHANGED
@@ -13,6 +13,7 @@
13
13
  --mn-color-accent-strong: hsl(44 100% 28%);
14
14
  --mn-color-accent-on-strong: hsl(0 0% 100%);
15
15
  --mn-color-accent-border: hsl(44 60% 84%);
16
+ --mn-color-accent-strong-inverse: hsl(44 100% 48%);
16
17
  --primary: 44 100% 48%;
17
18
  --primary-foreground: 224 22% 6.5%;
18
19
  --ring: 44 100% 28%;
@@ -34,6 +35,7 @@
34
35
  --mn-color-accent-strong: hsl(44 100% 48%);
35
36
  --mn-color-accent-on-strong: hsl(224 22% 6.5%);
36
37
  --mn-color-accent-border: hsl(44 45% 32%);
38
+ --mn-color-accent-strong-inverse: hsl(44 100% 25.5%);
37
39
  --primary: 44 100% 48%;
38
40
  --primary-foreground: 224 22% 6.5%;
39
41
  --ring: 44 100% 48%;
@@ -53,6 +55,7 @@
53
55
  --mn-color-accent-strong: hsl(44 100% 20.5%);
54
56
  --mn-color-accent-on-strong: hsl(0 0% 100%);
55
57
  --mn-color-accent-border: hsl(44 100% 20.5%);
58
+ --mn-color-accent-strong-inverse: hsl(44 100% 48%);
56
59
  --primary: 44 100% 20.5%;
57
60
  --primary-foreground: 0 0% 100%;
58
61
  --ring: 44 100% 20.5%;
@@ -74,6 +77,7 @@
74
77
  --mn-color-accent-strong: hsl(44 100% 48%);
75
78
  --mn-color-accent-on-strong: hsl(224 22% 6.5%);
76
79
  --mn-color-accent-border: hsl(44 100% 48%);
80
+ --mn-color-accent-strong-inverse: hsl(44 100% 19%);
77
81
  --primary: 44 100% 48%;
78
82
  --primary-foreground: 224 22% 6.5%;
79
83
  --ring: 44 100% 48%;
package/dist/css/products/calendar.css CHANGED
@@ -13,6 +13,7 @@
13
13
  --mn-color-accent-strong: hsl(198 100% 32.5%);
14
14
  --mn-color-accent-on-strong: hsl(0 0% 100%);
15
15
  --mn-color-accent-border: hsl(198 60% 84%);
16
+ --mn-color-accent-strong-inverse: hsl(198 100% 44%);
16
17
  --primary: 198 100% 32.5%;
17
18
  --primary-foreground: 0 0% 100%;
18
19
  --ring: 198 100% 32.5%;
@@ -34,6 +35,7 @@
34
35
  --mn-color-accent-strong: hsl(198 100% 46%);
35
36
  --mn-color-accent-on-strong: hsl(224 22% 6.5%);
36
37
  --mn-color-accent-border: hsl(198 45% 32%);
38
+ --mn-color-accent-strong-inverse: hsl(198 100% 30.5%);
37
39
  --primary: 198 100% 35%;
38
40
  --primary-foreground: 0 0% 100%;
39
41
  --ring: 198 100% 46%;
@@ -53,6 +55,7 @@
53
55
  --mn-color-accent-strong: hsl(198 100% 24.5%);
54
56
  --mn-color-accent-on-strong: hsl(0 0% 100%);
55
57
  --mn-color-accent-border: hsl(198 100% 24.5%);
58
+ --mn-color-accent-strong-inverse: hsl(198 100% 48.5%);
56
59
  --primary: 198 100% 24.5%;
57
60
  --primary-foreground: 0 0% 100%;
58
61
  --ring: 198 100% 24.5%;
@@ -74,6 +77,7 @@
74
77
  --mn-color-accent-strong: hsl(198 100% 57%);
75
78
  --mn-color-accent-on-strong: hsl(224 22% 6.5%);
76
79
  --mn-color-accent-border: hsl(198 100% 57%);
80
+ --mn-color-accent-strong-inverse: hsl(198 100% 22.5%);
77
81
  --primary: 198 100% 57%;
78
82
  --primary-foreground: 224 22% 6.5%;
79
83
  --ring: 198 100% 57%;
package/dist/css/products/chat.css CHANGED
@@ -13,6 +13,7 @@
13
13
  --mn-color-accent-strong: hsl(239 84% 61.5%);
14
14
  --mn-color-accent-on-strong: hsl(0 0% 100%);
15
15
  --mn-color-accent-border: hsl(239 50.4% 84%);
16
+ --mn-color-accent-strong-inverse: hsl(239 84% 74.5%);
16
17
  --primary: 239 84% 61.5%;
17
18
  --primary-foreground: 0 0% 100%;
18
19
  --ring: 239 84% 61.5%;
@@ -34,6 +35,7 @@
34
35
  --mn-color-accent-strong: hsl(239 84% 74%);
35
36
  --mn-color-accent-on-strong: hsl(224 22% 6.5%);
36
37
  --mn-color-accent-border: hsl(239 37.8% 32%);
38
+ --mn-color-accent-strong-inverse: hsl(239 84% 61.5%);
37
39
  --primary: 239 84% 66.5%;
38
40
  --primary-foreground: 0 0% 100%;
39
41
  --ring: 239 84% 74%;
@@ -53,6 +55,7 @@
53
55
  --mn-color-accent-strong: hsl(239 84% 50.5%);
54
56
  --mn-color-accent-on-strong: hsl(0 0% 100%);
55
57
  --mn-color-accent-border: hsl(239 84% 50.5%);
58
+ --mn-color-accent-strong-inverse: hsl(239 84% 78%);
56
59
  --primary: 239 84% 50.5%;
57
60
  --primary-foreground: 0 0% 100%;
58
61
  --ring: 239 84% 50.5%;
@@ -74,6 +77,7 @@
74
77
  --mn-color-accent-strong: hsl(239 84% 79%);
75
78
  --mn-color-accent-on-strong: hsl(224 22% 6.5%);
76
79
  --mn-color-accent-border: hsl(239 84% 79%);
80
+ --mn-color-accent-strong-inverse: hsl(239 84% 51.5%);
77
81
  --primary: 239 84% 79%;
78
82
  --primary-foreground: 224 22% 6.5%;
79
83
  --ring: 239 84% 79%;
package/dist/css/products/dossier.css CHANGED
@@ -13,6 +13,7 @@
13
13
  --mn-color-accent-strong: hsl(175 84% 26.5%);
14
14
  --mn-color-accent-on-strong: hsl(0 0% 100%);
15
15
  --mn-color-accent-border: hsl(175 50.4% 84%);
16
+ --mn-color-accent-strong-inverse: hsl(175 84% 35%);
16
17
  --primary: 175 84% 26.5%;
17
18
  --primary-foreground: 0 0% 100%;
18
19
  --ring: 175 84% 26.5%;
@@ -34,6 +35,7 @@
34
35
  --mn-color-accent-strong: hsl(175 84% 38.5%);
35
36
  --mn-color-accent-on-strong: hsl(224 22% 6.5%);
36
37
  --mn-color-accent-border: hsl(175 37.8% 32%);
38
+ --mn-color-accent-strong-inverse: hsl(175 84% 24%);
37
39
  --primary: 175 84% 28%;
38
40
  --primary-foreground: 0 0% 100%;
39
41
  --ring: 175 84% 38.5%;
@@ -53,6 +55,7 @@
53
55
  --mn-color-accent-strong: hsl(175 84% 19.5%);
54
56
  --mn-color-accent-on-strong: hsl(0 0% 100%);
55
57
  --mn-color-accent-border: hsl(175 84% 19.5%);
58
+ --mn-color-accent-strong-inverse: hsl(175 84% 39%);
56
59
  --primary: 175 84% 19.5%;
57
60
  --primary-foreground: 0 0% 100%;
58
61
  --ring: 175 84% 19.5%;
@@ -74,6 +77,7 @@
74
77
  --mn-color-accent-strong: hsl(175 84% 44%);
75
78
  --mn-color-accent-on-strong: hsl(224 22% 6.5%);
76
79
  --mn-color-accent-border: hsl(175 84% 44%);
80
+ --mn-color-accent-strong-inverse: hsl(175 84% 18%);
77
81
  --primary: 175 84% 44%;
78
82
  --primary-foreground: 224 22% 6.5%;
79
83
  --ring: 175 84% 44%;
package/dist/css/products/dots.css CHANGED
@@ -13,6 +13,7 @@
13
13
  --mn-color-accent-strong: hsl(354 70% 46.5%);
14
14
  --mn-color-accent-on-strong: hsl(0 0% 100%);
15
15
  --mn-color-accent-border: hsl(354 42% 84%);
16
+ --mn-color-accent-strong-inverse: hsl(354 70% 66.5%);
16
17
  --primary: 354 70% 46.5%;
17
18
  --primary-foreground: 0 0% 100%;
18
19
  --ring: 354 70% 46.5%;
@@ -34,6 +35,7 @@
34
35
  --mn-color-accent-strong: hsl(354 70% 66%);
35
36
  --mn-color-accent-on-strong: hsl(224 22% 6.5%);
36
37
  --mn-color-accent-border: hsl(354 31.5% 32%);
38
+ --mn-color-accent-strong-inverse: hsl(354 70% 45.5%);
37
39
  --primary: 354 70% 52%;
38
40
  --primary-foreground: 0 0% 100%;
39
41
  --ring: 354 70% 66%;
@@ -53,6 +55,7 @@
53
55
  --mn-color-accent-strong: hsl(354 70% 34.5%);
54
56
  --mn-color-accent-on-strong: hsl(0 0% 100%);
55
57
  --mn-color-accent-border: hsl(354 70% 34.5%);
58
+ --mn-color-accent-strong-inverse: hsl(354 70% 72%);
56
59
  --primary: 354 70% 34.5%;
57
60
  --primary-foreground: 0 0% 100%;
58
61
  --ring: 354 70% 34.5%;
@@ -74,6 +77,7 @@
74
77
  --mn-color-accent-strong: hsl(354 70% 74.5%);
75
78
  --mn-color-accent-on-strong: hsl(224 22% 6.5%);
76
79
  --mn-color-accent-border: hsl(354 70% 74.5%);
80
+ --mn-color-accent-strong-inverse: hsl(354 70% 34%);
77
81
  --primary: 354 70% 74.5%;
78
82
  --primary-foreground: 224 22% 6.5%;
79
83
  --ring: 354 70% 74.5%;
package/dist/css/products/friends.css CHANGED
@@ -13,6 +13,7 @@
13
13
  --mn-color-accent-strong: hsl(0 0% 0%);
14
14
  --mn-color-accent-on-strong: hsl(0 0% 100%);
15
15
  --mn-color-accent-border: hsl(0 0% 84%);
16
+ --mn-color-accent-strong-inverse: hsl(0 0% 57.5%);
16
17
  --primary: 0 0% 0%;
17
18
  --primary-foreground: 0 0% 100%;
18
19
  --ring: 0 0% 0%;
@@ -34,6 +35,7 @@
34
35
  --mn-color-accent-strong: hsl(0 0% 80%);
35
36
  --mn-color-accent-on-strong: hsl(224 22% 6.5%);
36
37
  --mn-color-accent-border: hsl(0 0% 32%);
38
+ --mn-color-accent-strong-inverse: hsl(0 0% 30%);
37
39
  --primary: 0 0% 80%;
38
40
  --primary-foreground: 224 22% 6.5%;
39
41
  --ring: 0 0% 80%;
@@ -53,6 +55,7 @@
53
55
  --mn-color-accent-strong: hsl(0 0% 0%);
54
56
  --mn-color-accent-on-strong: hsl(0 0% 100%);
55
57
  --mn-color-accent-border: hsl(0 0% 0%);
58
+ --mn-color-accent-strong-inverse: hsl(0 0% 63.5%);
56
59
  --primary: 0 0% 0%;
57
60
  --primary-foreground: 0 0% 100%;
58
61
  --ring: 0 0% 0%;
@@ -74,6 +77,7 @@
74
77
  --mn-color-accent-strong: hsl(0 0% 80%);
75
78
  --mn-color-accent-on-strong: hsl(224 22% 6.5%);
76
79
  --mn-color-accent-border: hsl(0 0% 80%);
80
+ --mn-color-accent-strong-inverse: hsl(0 0% 29.5%);
77
81
  --primary: 0 0% 80%;
78
82
  --primary-foreground: 224 22% 6.5%;
79
83
  --ring: 0 0% 80%;
package/dist/css/products/gtm.css CHANGED
@@ -13,6 +13,7 @@
13
13
  --mn-color-accent-strong: hsl(25 95% 36%);
14
14
  --mn-color-accent-on-strong: hsl(0 0% 100%);
15
15
  --mn-color-accent-border: hsl(25 57% 84%);
16
+ --mn-color-accent-strong-inverse: hsl(25 95% 53%);
16
17
  --primary: 25 95% 53%;
17
18
  --primary-foreground: 224 22% 6.5%;
18
19
  --ring: 25 95% 36%;
@@ -34,6 +35,7 @@
34
35
  --mn-color-accent-strong: hsl(25 95% 53%);
35
36
  --mn-color-accent-on-strong: hsl(224 22% 6.5%);
36
37
  --mn-color-accent-border: hsl(25 42.8% 32%);
38
+ --mn-color-accent-strong-inverse: hsl(25 95% 34%);
37
39
  --primary: 25 95% 53%;
38
40
  --primary-foreground: 224 22% 6.5%;
39
41
  --ring: 25 95% 53%;
@@ -53,6 +55,7 @@
53
55
  --mn-color-accent-strong: hsl(25 95% 27%);
54
56
  --mn-color-accent-on-strong: hsl(0 0% 100%);
55
57
  --mn-color-accent-border: hsl(25 95% 27%);
58
+ --mn-color-accent-strong-inverse: hsl(25 95% 57.5%);
56
59
  --primary: 25 95% 27%;
57
60
  --primary-foreground: 0 0% 100%;
58
61
  --ring: 25 95% 27%;
@@ -74,6 +77,7 @@
74
77
  --mn-color-accent-strong: hsl(25 95% 64.5%);
75
78
  --mn-color-accent-on-strong: hsl(224 22% 6.5%);
76
79
  --mn-color-accent-border: hsl(25 95% 64.5%);
80
+ --mn-color-accent-strong-inverse: hsl(25 95% 25%);
77
81
  --primary: 25 95% 64.5%;
78
82
  --primary-foreground: 224 22% 6.5%;
79
83
  --ring: 25 95% 64.5%;
package/dist/css/products/id.css CHANGED
@@ -13,6 +13,7 @@
13
13
  --mn-color-accent-strong: hsl(354 70% 46.5%);
14
14
  --mn-color-accent-on-strong: hsl(0 0% 100%);
15
15
  --mn-color-accent-border: hsl(354 42% 84%);
16
+ --mn-color-accent-strong-inverse: hsl(354 70% 66.5%);
16
17
  --primary: 354 70% 46.5%;
17
18
  --primary-foreground: 0 0% 100%;
18
19
  --ring: 354 70% 46.5%;
@@ -34,6 +35,7 @@
34
35
  --mn-color-accent-strong: hsl(354 70% 66%);
35
36
  --mn-color-accent-on-strong: hsl(224 22% 6.5%);
36
37
  --mn-color-accent-border: hsl(354 31.5% 32%);
38
+ --mn-color-accent-strong-inverse: hsl(354 70% 45.5%);
37
39
  --primary: 354 70% 52%;
38
40
  --primary-foreground: 0 0% 100%;
39
41
  --ring: 354 70% 66%;
@@ -53,6 +55,7 @@
53
55
  --mn-color-accent-strong: hsl(354 70% 34.5%);
54
56
  --mn-color-accent-on-strong: hsl(0 0% 100%);
55
57
  --mn-color-accent-border: hsl(354 70% 34.5%);
58
+ --mn-color-accent-strong-inverse: hsl(354 70% 72%);
56
59
  --primary: 354 70% 34.5%;
57
60
  --primary-foreground: 0 0% 100%;
58
61
  --ring: 354 70% 34.5%;
@@ -74,6 +77,7 @@
74
77
  --mn-color-accent-strong: hsl(354 70% 74.5%);
75
78
  --mn-color-accent-on-strong: hsl(224 22% 6.5%);
76
79
  --mn-color-accent-border: hsl(354 70% 74.5%);
80
+ --mn-color-accent-strong-inverse: hsl(354 70% 34%);
77
81
  --primary: 354 70% 74.5%;
78
82
  --primary-foreground: 224 22% 6.5%;
79
83
  --ring: 354 70% 74.5%;
package/dist/css/products/intellect.css CHANGED
@@ -13,6 +13,7 @@
13
13
  --mn-color-accent-strong: hsl(175 77% 26%);
14
14
  --mn-color-accent-on-strong: hsl(0 0% 100%);
15
15
  --mn-color-accent-border: hsl(175 46.2% 84%);
16
+ --mn-color-accent-strong-inverse: hsl(175 77% 36.5%);
16
17
  --primary: 175 77% 26%;
17
18
  --primary-foreground: 0 0% 100%;
18
19
  --ring: 175 77% 26%;
@@ -34,6 +35,7 @@
34
35
  --mn-color-accent-strong: hsl(175 77% 40%);
35
36
  --mn-color-accent-on-strong: hsl(224 22% 6.5%);
36
37
  --mn-color-accent-border: hsl(175 34.7% 32%);
38
+ --mn-color-accent-strong-inverse: hsl(175 77% 25%);
37
39
  --primary: 175 77% 26%;
38
40
  --primary-foreground: 0 0% 100%;
39
41
  --ring: 175 77% 40%;
@@ -53,6 +55,7 @@
53
55
  --mn-color-accent-strong: hsl(175 77% 20%);
54
56
  --mn-color-accent-on-strong: hsl(0 0% 100%);
55
57
  --mn-color-accent-border: hsl(175 77% 20%);
58
+ --mn-color-accent-strong-inverse: hsl(175 77% 40%);
56
59
  --primary: 175 77% 20%;
57
60
  --primary-foreground: 0 0% 100%;
58
61
  --ring: 175 77% 20%;
@@ -74,6 +77,7 @@
74
77
  --mn-color-accent-strong: hsl(175 77% 45.5%);
75
78
  --mn-color-accent-on-strong: hsl(224 22% 6.5%);
76
79
  --mn-color-accent-border: hsl(175 77% 45.5%);
80
+ --mn-color-accent-strong-inverse: hsl(175 77% 18.5%);
77
81
  --primary: 175 77% 45.5%;
78
82
  --primary-foreground: 224 22% 6.5%;
79
83
  --ring: 175 77% 45.5%;
package/dist/css/products/links.css CHANGED
@@ -13,6 +13,7 @@
13
13
  --mn-color-accent-strong: hsl(136 53% 32%);
14
14
  --mn-color-accent-on-strong: hsl(0 0% 100%);
15
15
  --mn-color-accent-border: hsl(136 31.8% 84%);
16
+ --mn-color-accent-strong-inverse: hsl(136 53% 43%);
16
17
  --primary: 136 53% 32%;
17
18
  --primary-foreground: 0 0% 100%;
18
19
  --ring: 136 53% 32%;
@@ -34,6 +35,7 @@
34
35
  --mn-color-accent-strong: hsl(136 53% 45.5%);
35
36
  --mn-color-accent-on-strong: hsl(224 22% 6.5%);
36
37
  --mn-color-accent-border: hsl(136 23.9% 32%);
38
+ --mn-color-accent-strong-inverse: hsl(136 53% 29.5%);
37
39
  --primary: 136 53% 34.5%;
38
40
  --primary-foreground: 0 0% 100%;
39
41
  --ring: 136 53% 45.5%;
@@ -53,6 +55,7 @@
53
55
  --mn-color-accent-strong: hsl(136 53% 24%);
54
56
  --mn-color-accent-on-strong: hsl(0 0% 100%);
55
57
  --mn-color-accent-border: hsl(136 53% 24%);
58
+ --mn-color-accent-strong-inverse: hsl(136 53% 47.5%);
56
59
  --primary: 136 53% 24%;
57
60
  --primary-foreground: 0 0% 100%;
58
61
  --ring: 136 53% 24%;
@@ -74,6 +77,7 @@
74
77
  --mn-color-accent-strong: hsl(136 53% 55%);
75
78
  --mn-color-accent-on-strong: hsl(224 22% 6.5%);
76
79
  --mn-color-accent-border: hsl(136 53% 55%);
80
+ --mn-color-accent-strong-inverse: hsl(136 53% 22%);
77
81
  --primary: 136 53% 55%;
78
82
  --primary-foreground: 224 22% 6.5%;
79
83
  --ring: 136 53% 55%;
package/dist/css/products/people.css CHANGED
@@ -13,6 +13,7 @@
13
13
  --mn-color-accent-strong: hsl(227 74% 53%);
14
14
  --mn-color-accent-on-strong: hsl(0 0% 100%);
15
15
  --mn-color-accent-border: hsl(227 44.4% 84%);
16
+ --mn-color-accent-strong-inverse: hsl(227 74% 69%);
16
17
  --primary: 227 74% 53%;
17
18
  --primary-foreground: 0 0% 100%;
18
19
  --ring: 227 74% 53%;
@@ -34,6 +35,7 @@
34
35
  --mn-color-accent-strong: hsl(227 74% 68.5%);
35
36
  --mn-color-accent-on-strong: hsl(224 22% 6.5%);
36
37
  --mn-color-accent-border: hsl(227 33.3% 32%);
38
+ --mn-color-accent-strong-inverse: hsl(227 74% 53%);
37
39
  --primary: 227 74% 53%;
38
40
  --primary-foreground: 0 0% 100%;
39
41
  --ring: 227 74% 68.5%;
@@ -53,6 +55,7 @@
53
55
  --mn-color-accent-strong: hsl(227 74% 42.5%);
54
56
  --mn-color-accent-on-strong: hsl(0 0% 100%);
55
57
  --mn-color-accent-border: hsl(227 74% 42.5%);
58
+ --mn-color-accent-strong-inverse: hsl(227 74% 73.5%);
56
59
  --primary: 227 74% 42.5%;
57
60
  --primary-foreground: 0 0% 100%;
58
61
  --ring: 227 74% 42.5%;
@@ -74,6 +77,7 @@
74
77
  --mn-color-accent-strong: hsl(227 74% 75.5%);
75
78
  --mn-color-accent-on-strong: hsl(224 22% 6.5%);
76
79
  --mn-color-accent-border: hsl(227 74% 75.5%);
80
+ --mn-color-accent-strong-inverse: hsl(227 74% 42%);
77
81
  --primary: 227 74% 75.5%;
78
82
  --primary-foreground: 224 22% 6.5%;
79
83
  --ring: 227 74% 75.5%;
package/dist/css/products/pulse.css CHANGED
@@ -13,6 +13,7 @@
13
13
  --mn-color-accent-strong: hsl(326 72% 44%);
14
14
  --mn-color-accent-on-strong: hsl(0 0% 100%);
15
15
  --mn-color-accent-border: hsl(326 43.2% 84%);
16
+ --mn-color-accent-strong-inverse: hsl(326 72% 65%);
16
17
  --primary: 326 72% 44%;
17
18
  --primary-foreground: 0 0% 100%;
18
19
  --ring: 326 72% 44%;
@@ -34,6 +35,7 @@
34
35
  --mn-color-accent-strong: hsl(326 72% 64.5%);
35
36
  --mn-color-accent-on-strong: hsl(224 22% 6.5%);
36
37
  --mn-color-accent-border: hsl(326 32.4% 32%);
38
+ --mn-color-accent-strong-inverse: hsl(326 72% 43%);
37
39
  --primary: 326 72% 44%;
38
40
  --primary-foreground: 0 0% 100%;
39
41
  --ring: 326 72% 64.5%;
@@ -53,6 +55,7 @@
53
55
  --mn-color-accent-strong: hsl(326 72% 33%);
54
56
  --mn-color-accent-on-strong: hsl(0 0% 100%);
55
57
  --mn-color-accent-border: hsl(326 72% 33%);
58
+ --mn-color-accent-strong-inverse: hsl(326 72% 70.5%);
56
59
  --primary: 326 72% 33%;
57
60
  --primary-foreground: 0 0% 100%;
58
61
  --ring: 326 72% 33%;
@@ -74,6 +77,7 @@
74
77
  --mn-color-accent-strong: hsl(326 72% 73.5%);
75
78
  --mn-color-accent-on-strong: hsl(224 22% 6.5%);
76
79
  --mn-color-accent-border: hsl(326 72% 73.5%);
80
+ --mn-color-accent-strong-inverse: hsl(326 72% 32.5%);
77
81
  --primary: 326 72% 73.5%;
78
82
  --primary-foreground: 224 22% 6.5%;
79
83
  --ring: 326 72% 73.5%;
package/dist/css/products/ranker.css CHANGED
@@ -13,6 +13,7 @@
13
13
  --mn-color-accent-strong: hsl(239 84% 61.5%);
14
14
  --mn-color-accent-on-strong: hsl(0 0% 100%);
15
15
  --mn-color-accent-border: hsl(239 50.4% 84%);
16
+ --mn-color-accent-strong-inverse: hsl(239 84% 74.5%);
16
17
  --primary: 239 84% 61.5%;
17
18
  --primary-foreground: 0 0% 100%;
18
19
  --ring: 239 84% 61.5%;
@@ -34,6 +35,7 @@
34
35
  --mn-color-accent-strong: hsl(239 84% 74%);
35
36
  --mn-color-accent-on-strong: hsl(224 22% 6.5%);
36
37
  --mn-color-accent-border: hsl(239 37.8% 32%);
38
+ --mn-color-accent-strong-inverse: hsl(239 84% 61.5%);
37
39
  --primary: 239 84% 66.5%;
38
40
  --primary-foreground: 0 0% 100%;
39
41
  --ring: 239 84% 74%;
@@ -53,6 +55,7 @@
53
55
  --mn-color-accent-strong: hsl(239 84% 50.5%);
54
56
  --mn-color-accent-on-strong: hsl(0 0% 100%);
55
57
  --mn-color-accent-border: hsl(239 84% 50.5%);
58
+ --mn-color-accent-strong-inverse: hsl(239 84% 78%);
56
59
  --primary: 239 84% 50.5%;
57
60
  --primary-foreground: 0 0% 100%;
58
61
  --ring: 239 84% 50.5%;
@@ -74,6 +77,7 @@
74
77
  --mn-color-accent-strong: hsl(239 84% 79%);
75
78
  --mn-color-accent-on-strong: hsl(224 22% 6.5%);
76
79
  --mn-color-accent-border: hsl(239 84% 79%);
80
+ --mn-color-accent-strong-inverse: hsl(239 84% 51.5%);
77
81
  --primary: 239 84% 79%;
78
82
  --primary-foreground: 224 22% 6.5%;
79
83
  --ring: 239 84% 79%;
package/dist/css/products/recruit.css CHANGED
@@ -13,6 +13,7 @@
13
13
  --mn-color-accent-strong: hsl(44 100% 28%);
14
14
  --mn-color-accent-on-strong: hsl(0 0% 100%);
15
15
  --mn-color-accent-border: hsl(44 60% 84%);
16
+ --mn-color-accent-strong-inverse: hsl(44 100% 48%);
16
17
  --primary: 44 100% 48%;
17
18
  --primary-foreground: 224 22% 6.5%;
18
19
  --ring: 44 100% 28%;
@@ -34,6 +35,7 @@
34
35
  --mn-color-accent-strong: hsl(44 100% 48%);
35
36
  --mn-color-accent-on-strong: hsl(224 22% 6.5%);
36
37
  --mn-color-accent-border: hsl(44 45% 32%);
38
+ --mn-color-accent-strong-inverse: hsl(44 100% 25.5%);
37
39
  --primary: 44 100% 48%;
38
40
  --primary-foreground: 224 22% 6.5%;
39
41
  --ring: 44 100% 48%;
@@ -53,6 +55,7 @@
53
55
  --mn-color-accent-strong: hsl(44 100% 20.5%);
54
56
  --mn-color-accent-on-strong: hsl(0 0% 100%);
55
57
  --mn-color-accent-border: hsl(44 100% 20.5%);
58
+ --mn-color-accent-strong-inverse: hsl(44 100% 48%);
56
59
  --primary: 44 100% 20.5%;
57
60
  --primary-foreground: 0 0% 100%;
58
61
  --ring: 44 100% 20.5%;
@@ -74,6 +77,7 @@
74
77
  --mn-color-accent-strong: hsl(44 100% 48%);
75
78
  --mn-color-accent-on-strong: hsl(224 22% 6.5%);
76
79
  --mn-color-accent-border: hsl(44 100% 48%);
80
+ --mn-color-accent-strong-inverse: hsl(44 100% 19%);
77
81
  --primary: 44 100% 48%;
78
82
  --primary-foreground: 224 22% 6.5%;
79
83
  --ring: 44 100% 48%;
package/dist/css/products/signal.css CHANGED
@@ -13,6 +13,7 @@
13
13
  --mn-color-accent-strong: hsl(198 100% 32.5%);
14
14
  --mn-color-accent-on-strong: hsl(0 0% 100%);
15
15
  --mn-color-accent-border: hsl(198 60% 84%);
16
+ --mn-color-accent-strong-inverse: hsl(198 100% 44%);
16
17
  --primary: 198 100% 32.5%;
17
18
  --primary-foreground: 0 0% 100%;
18
19
  --ring: 198 100% 32.5%;
@@ -34,6 +35,7 @@
34
35
  --mn-color-accent-strong: hsl(198 100% 46%);
35
36
  --mn-color-accent-on-strong: hsl(224 22% 6.5%);
36
37
  --mn-color-accent-border: hsl(198 45% 32%);
38
+ --mn-color-accent-strong-inverse: hsl(198 100% 30.5%);
37
39
  --primary: 198 100% 35%;
38
40
  --primary-foreground: 0 0% 100%;
39
41
  --ring: 198 100% 46%;
@@ -53,6 +55,7 @@
53
55
  --mn-color-accent-strong: hsl(198 100% 24.5%);
54
56
  --mn-color-accent-on-strong: hsl(0 0% 100%);
55
57
  --mn-color-accent-border: hsl(198 100% 24.5%);
58
+ --mn-color-accent-strong-inverse: hsl(198 100% 48.5%);
56
59
  --primary: 198 100% 24.5%;
57
60
  --primary-foreground: 0 0% 100%;
58
61
  --ring: 198 100% 24.5%;
@@ -74,6 +77,7 @@
74
77
  --mn-color-accent-strong: hsl(198 100% 57%);
75
78
  --mn-color-accent-on-strong: hsl(224 22% 6.5%);
76
79
  --mn-color-accent-border: hsl(198 100% 57%);
80
+ --mn-color-accent-strong-inverse: hsl(198 100% 22.5%);
77
81
  --primary: 198 100% 57%;
78
82
  --primary-foreground: 224 22% 6.5%;
79
83
  --ring: 198 100% 57%;
package/dist/css/products/stride.css CHANGED
@@ -13,6 +13,7 @@
13
13
  --mn-color-accent-strong: hsl(136 63% 30.5%);
14
14
  --mn-color-accent-on-strong: hsl(0 0% 100%);
15
15
  --mn-color-accent-border: hsl(136 37.8% 84%);
16
+ --mn-color-accent-strong-inverse: hsl(136 63% 42%);
16
17
  --primary: 136 63% 30.5%;
17
18
  --primary-foreground: 0 0% 100%;
18
19
  --ring: 136 63% 30.5%;
@@ -34,6 +35,7 @@
34
35
  --mn-color-accent-strong: hsl(136 63% 43%);
35
36
  --mn-color-accent-on-strong: hsl(224 22% 6.5%);
36
37
  --mn-color-accent-border: hsl(136 28.4% 32%);
38
+ --mn-color-accent-strong-inverse: hsl(136 63% 28%);
37
39
  --primary: 136 63% 32.5%;
38
40
  --primary-foreground: 0 0% 100%;
39
41
  --ring: 136 63% 43%;
@@ -53,6 +55,7 @@
53
55
  --mn-color-accent-strong: hsl(136 63% 22.5%);
54
56
  --mn-color-accent-on-strong: hsl(0 0% 100%);
55
57
  --mn-color-accent-border: hsl(136 63% 22.5%);
58
+ --mn-color-accent-strong-inverse: hsl(136 63% 45%);
56
59
  --primary: 136 63% 22.5%;
57
60
  --primary-foreground: 0 0% 100%;
58
61
  --ring: 136 63% 22.5%;
@@ -74,6 +77,7 @@
74
77
  --mn-color-accent-strong: hsl(136 63% 50%);
75
78
  --mn-color-accent-on-strong: hsl(224 22% 6.5%);
76
79
  --mn-color-accent-border: hsl(136 63% 50%);
80
+ --mn-color-accent-strong-inverse: hsl(136 63% 21%);
77
81
  --primary: 136 63% 50%;
78
82
  --primary-foreground: 224 22% 6.5%;
79
83
  --ring: 136 63% 50%;
package/dist/css/products/tickets.css CHANGED
@@ -13,6 +13,7 @@
13
13
  --mn-color-accent-strong: hsl(354 71% 46.5%);
14
14
  --mn-color-accent-on-strong: hsl(0 0% 100%);
15
15
  --mn-color-accent-border: hsl(354 42.6% 84%);
16
+ --mn-color-accent-strong-inverse: hsl(354 71% 66.5%);
16
17
  --primary: 354 71% 46.5%;
17
18
  --primary-foreground: 0 0% 100%;
18
19
  --ring: 354 71% 46.5%;
@@ -34,6 +35,7 @@
34
35
  --mn-color-accent-strong: hsl(354 71% 66%);
35
36
  --mn-color-accent-on-strong: hsl(224 22% 6.5%);
36
37
  --mn-color-accent-border: hsl(354 32% 32%);
38
+ --mn-color-accent-strong-inverse: hsl(354 71% 45%);
37
39
  --primary: 354 71% 52%;
38
40
  --primary-foreground: 0 0% 100%;
39
41
  --ring: 354 71% 66%;
@@ -53,6 +55,7 @@
53
55
  --mn-color-accent-strong: hsl(354 71% 34.5%);
54
56
  --mn-color-accent-on-strong: hsl(0 0% 100%);
55
57
  --mn-color-accent-border: hsl(354 71% 34.5%);
58
+ --mn-color-accent-strong-inverse: hsl(354 71% 72%);
56
59
  --primary: 354 71% 34.5%;
57
60
  --primary-foreground: 0 0% 100%;
58
61
  --ring: 354 71% 34.5%;
@@ -74,6 +77,7 @@
74
77
  --mn-color-accent-strong: hsl(354 71% 74.5%);
75
78
  --mn-color-accent-on-strong: hsl(224 22% 6.5%);
76
79
  --mn-color-accent-border: hsl(354 71% 74.5%);
80
+ --mn-color-accent-strong-inverse: hsl(354 71% 34%);
77
81
  --primary: 354 71% 74.5%;
78
82
  --primary-foreground: 224 22% 6.5%;
79
83
  --ring: 354 71% 74.5%;
package/dist/css.d.ts CHANGED
@@ -6,14 +6,15 @@
6
6
  * contrast <html data-mn-contrast="more">
7
7
  * product <html data-mn-product="tickets"> (from products/<id>.css)
8
8
  *
9
- * Theme blocks are emitted in the order light, dark, hc-light, hc-dark. The
10
- * first three share specificity (0,1,0) and rely on source order; hc-dark
11
- * combines both attributes (0,2,0). Product blocks add [data-mn-product] to
12
- * each theme selector, so a product + theme combination always beats the
13
- * theme alone whichever file loads first.
9
+ * Theme blocks are emitted in the order light, dark, hc-light, hc-dark. Light
10
+ * uses :where() (0,0,0); dark and hc-light are (0,1,0) and rely on source
11
+ * order between themselves; hc-dark combines both attributes (0,2,0). Product
12
+ * blocks add [data-mn-product] to each theme selector, so a product + theme
13
+ * combination always beats the theme alone whichever file loads first
14
+ * (tested in test/css.test.ts).
14
15
  */
15
16
  import { type Hsl } from './color.js';
16
- import { type IntentRole, type ResolvedTheme, type ThemeId } from './themes.js';
17
+ import { type IntentRole, type ResolvedTheme, type ThemeDefinition, type ThemeId } from './themes.js';
17
18
  export declare const LAYER = "monarch.tokens";
18
19
  /** Declared in every Monarch stylesheet so the order holds whichever loads first. */
19
20
  export declare const LAYER_ORDER = "@layer monarch.tokens, monarch.base, monarch.components;";
@@ -26,8 +27,22 @@ export declare function varName(group: string, key: string | number): string;
26
27
  type Decls = ReadonlyArray<readonly [string, string]>;
27
28
  /** Theme-independent tokens. */
28
29
  export declare function staticDecls(): Decls;
29
- export declare const NEUTRAL_ROLES: readonly ["bg-canvas", "bg-surface", "bg-raised", "bg-subtle", "bg-muted", "bg-emphasis", "bg-inverse", "text-default", "text-muted", "text-subtle", "text-disabled", "text-inverse", "border-subtle", "border-default", "border-strong", "border-input"];
30
+ export declare const NEUTRAL_ROLES: readonly ["bg-canvas", "bg-surface", "bg-raised", "bg-subtle", "bg-muted", "bg-emphasis", "bg-inverse", "text-default", "text-muted", "text-subtle", "text-disabled", "text-inverse", "text-inverse-muted", "border-subtle", "border-default", "border-strong", "border-input", "border-inverse"];
30
31
  export declare const INTENT_ROLES: readonly IntentRole[];
32
+ /**
33
+ * Categorical data-visualisation palette (`--mn-color-data-1` … `-5`): the
34
+ * series colours of every Monarch chart, assigned in this fixed order.
35
+ *
36
+ * Each slot starts at a hand-picked spectrum step per scheme (chosen so
37
+ * neighbours stay apart for protanopia, deuteranopia and normal vision, see
38
+ * docs/adr/0010-charts-rendering-and-colour.md), then moves just far enough to
39
+ * meet the theme's non-text target (3:1, 4.5:1 in high contrast) on every
40
+ * chart background. Status hues (red, green, amber) are deliberately absent:
41
+ * they mean danger, success and warning, never "series 4".
42
+ */
43
+ export declare const DATA_PALETTE_ORDER: readonly ["blue", "orange", "violet", "pink", "purple"];
44
+ /** The resolved data palette for one theme, in slot order. Tested in test/contrast.test.ts. */
45
+ export declare function dataPalette(theme: ThemeDefinition): Hsl[];
31
46
  export declare function themeDecls(resolved: ResolvedTheme): Decls;
32
47
  export declare function buildMonarchCss(defaultAccent: Hsl): string;
33
48
  export declare function buildProductCss(productId: string, accent: Hsl): string;
package/dist/css.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"css.d.ts","sourceRoot":"","sources":["../src/css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,EAAqB,KAAK,GAAG,EAAE,MAAM,YAAY,CAAC;AAiBzD,OAAO,EAKL,KAAK,UAAU,EAGf,KAAK,aAAa,EAClB,KAAK,OAAO,EACb,MAAM,aAAa,CAAC;AAErB,eAAO,MAAM,KAAK,mBAAmB,CAAC;AACtC,qFAAqF;AACrF,eAAO,MAAM,WAAW,6DAA6D,CAAC;AAKtF,2CAA2C;AAC3C,wBAAgB,cAAc,CAAC,EAAE,EAAE,OAAO,GAAG,MAAM,EAAE,CAWpD;AAED,iFAAiF;AACjF,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,GAAG,MAAM,EAAE,CAIzE;AAED,+EAA+E;AAC/E,wBAAgB,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAEnE;AAED,KAAK,KAAK,GAAG,aAAa,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;AAWtD,gCAAgC;AAChC,wBAAgB,WAAW,IAAI,KAAK,CA+BnC;AAED,eAAO,MAAM,aAAa,2PAiB0B,CAAC;AAErD,eAAO,MAAM,YAAY,EAAE,SAAS,UAAU,EAU7C,CAAC;AAoBF,wBAAgB,UAAU,CAAC,QAAQ,EAAE,aAAa,GAAG,KAAK,CAmBzD;AAWD,wBAAgB,eAAe,CAAC,aAAa,EAAE,GAAG,GAAG,MAAM,CAO1D;AAED,wBAAgB,eAAe,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,GAAG,MAAM,CAatE;AA0CD;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,CAAC,EAAE,aAAa,GAAG;IAAE,IAAI,EAAE,GAAG,CAAC;IAAC,EAAE,EAAE,GAAG,CAAC;IAAC,UAAU,EAAE,OAAO,CAAA;CAAE,CAM3F;AAeD,wBAAgB,cAAc,CAAC,aAAa,EAAE,GAAG,GAAG,MAAM,CAczD"}
1
+ {"version":3,"file":"css.d.ts","sourceRoot":"","sources":["../src/css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAqC,KAAK,GAAG,EAAE,MAAM,YAAY,CAAC;AAsBzE,OAAO,EAKL,KAAK,UAAU,EAGf,KAAK,aAAa,EAClB,KAAK,eAAe,EACpB,KAAK,OAAO,EACb,MAAM,aAAa,CAAC;AAErB,eAAO,MAAM,KAAK,mBAAmB,CAAC;AACtC,qFAAqF;AACrF,eAAO,MAAM,WAAW,6DAA6D,CAAC;AAKtF,2CAA2C;AAC3C,wBAAgB,cAAc,CAAC,EAAE,EAAE,OAAO,GAAG,MAAM,EAAE,CAapD;AAED,iFAAiF;AACjF,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,GAAG,MAAM,EAAE,CAIzE;AAED,+EAA+E;AAC/E,wBAAgB,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAEnE;AAED,KAAK,KAAK,GAAG,aAAa,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;AAWtD,gCAAgC;AAChC,wBAAgB,WAAW,IAAI,KAAK,CAuDnC;AAED,eAAO,MAAM,aAAa,mSAmB0B,CAAC;AAErD,eAAO,MAAM,YAAY,EAAE,SAAS,UAAU,EAW7C,CAAC;AAMF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,kBAAkB,yDAA0D,CAAC;AAM1F,+FAA+F;AAC/F,wBAAgB,WAAW,CAAC,KAAK,EAAE,eAAe,GAAG,GAAG,EAAE,CAYzD;AAMD,wBAAgB,UAAU,CAAC,QAAQ,EAAE,aAAa,GAAG,KAAK,CAmBzD;AAWD,wBAAgB,eAAe,CAAC,aAAa,EAAE,GAAG,GAAG,MAAM,CAO1D;AAED,wBAAgB,eAAe,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,GAAG,MAAM,CAatE;AA0CD;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,CAAC,EAAE,aAAa,GAAG;IAAE,IAAI,EAAE,GAAG,CAAC;IAAC,EAAE,EAAE,GAAG,CAAC;IAAC,UAAU,EAAE,OAAO,CAAA;CAAE,CAM3F;AAeD,wBAAgB,cAAc,CAAC,aAAa,EAAE,GAAG,GAAG,MAAM,CAczD"}