@rookcom/monarch-tokens 0.2.2 → 0.3.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 (58) 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/contrast-report.json +0 -48
  11. package/dist/css/compat.css +1 -2
  12. package/dist/css/monarch.css +57 -2
  13. package/dist/css/products/app.css +4 -0
  14. package/dist/css/products/atlas.css +4 -0
  15. package/dist/css/products/base.css +4 -0
  16. package/dist/css/products/calendar.css +4 -0
  17. package/dist/css/products/chat.css +4 -0
  18. package/dist/css/products/dossier.css +4 -0
  19. package/dist/css/products/dots.css +4 -0
  20. package/dist/css/products/friends.css +4 -0
  21. package/dist/css/products/gtm.css +4 -0
  22. package/dist/css/products/id.css +4 -0
  23. package/dist/css/products/intellect.css +4 -0
  24. package/dist/css/products/links.css +4 -0
  25. package/dist/css/products/people.css +4 -0
  26. package/dist/css/products/pulse.css +4 -0
  27. package/dist/css/products/ranker.css +4 -0
  28. package/dist/css/products/recruit.css +4 -0
  29. package/dist/css/products/signal.css +4 -0
  30. package/dist/css/products/stride.css +4 -0
  31. package/dist/css/products/tickets.css +4 -0
  32. package/dist/css.d.ts +7 -6
  33. package/dist/css.d.ts.map +1 -1
  34. package/dist/css.js +37 -7
  35. package/dist/css.js.map +1 -1
  36. package/dist/generated/products.d.ts +0 -5
  37. package/dist/generated/products.d.ts.map +1 -1
  38. package/dist/generated/products.js +0 -1
  39. package/dist/generated/products.js.map +1 -1
  40. package/dist/index.d.ts +1 -0
  41. package/dist/index.d.ts.map +1 -1
  42. package/dist/index.js +1 -0
  43. package/dist/index.js.map +1 -1
  44. package/dist/primitives.d.ts +49 -0
  45. package/dist/primitives.d.ts.map +1 -1
  46. package/dist/primitives.js +46 -0
  47. package/dist/primitives.js.map +1 -1
  48. package/dist/tailwind.d.ts +16 -0
  49. package/dist/tailwind.d.ts.map +1 -1
  50. package/dist/tailwind.js +15 -1
  51. package/dist/tailwind.js.map +1 -1
  52. package/dist/themes.d.ts +11 -1
  53. package/dist/themes.d.ts.map +1 -1
  54. package/dist/themes.js +20 -1
  55. package/dist/themes.js.map +1 -1
  56. package/dist/tokens.json +252 -0
  57. package/package.json +1 -1
  58. package/dist/css/products/developers.css +0 -85
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,11 +6,12 @@
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
17
  import { type IntentRole, type ResolvedTheme, type ThemeId } from './themes.js';
@@ -26,7 +27,7 @@ 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[];
31
32
  export declare function themeDecls(resolved: ResolvedTheme): Decls;
32
33
  export declare function buildMonarchCss(defaultAccent: 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,EAAqB,KAAK,GAAG,EAAE,MAAM,YAAY,CAAC;AAqBzD,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,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;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"}