jvetrau-ds 0.2.43 → 0.2.44

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 (138) hide show
  1. package/components/dropdown/dropdown.css +3 -3
  2. package/package.json +1 -1
  3. package/styles.css +3 -3
  4. package/themes/base/desktop.css +2 -0
  5. package/themes/base/desktop.md +2 -0
  6. package/themes/base/desktop.scoped.css +2 -0
  7. package/themes/base/diagram.css +2 -0
  8. package/themes/base/diagram.md +2 -0
  9. package/themes/base/diagram.scoped.css +2 -0
  10. package/themes/base/mobile.css +2 -0
  11. package/themes/base/mobile.md +2 -0
  12. package/themes/base/mobile.scoped.css +2 -0
  13. package/themes/brandcopilot/desktop.css +2 -0
  14. package/themes/brandcopilot/desktop.md +2 -0
  15. package/themes/brandcopilot/desktop.scoped.css +2 -0
  16. package/themes/brandcopilot/diagram.css +2 -0
  17. package/themes/brandcopilot/diagram.md +2 -0
  18. package/themes/brandcopilot/diagram.scoped.css +2 -0
  19. package/themes/brandcopilot/mobile.css +2 -0
  20. package/themes/brandcopilot/mobile.md +2 -0
  21. package/themes/brandcopilot/mobile.scoped.css +2 -0
  22. package/themes/dmpatterns/desktop.css +2 -0
  23. package/themes/dmpatterns/desktop.md +2 -0
  24. package/themes/dmpatterns/desktop.scoped.css +2 -0
  25. package/themes/dmpatterns/diagram.css +2 -0
  26. package/themes/dmpatterns/diagram.md +2 -0
  27. package/themes/dmpatterns/diagram.scoped.css +2 -0
  28. package/themes/dmpatterns/mobile.css +2 -0
  29. package/themes/dmpatterns/mobile.md +2 -0
  30. package/themes/dmpatterns/mobile.scoped.css +2 -0
  31. package/themes/pdigest/desktop.css +2 -0
  32. package/themes/pdigest/desktop.md +2 -0
  33. package/themes/pdigest/desktop.scoped.css +2 -0
  34. package/themes/pdigest/diagram.css +2 -0
  35. package/themes/pdigest/diagram.md +2 -0
  36. package/themes/pdigest/diagram.scoped.css +2 -0
  37. package/themes/pdigest/mobile.css +2 -0
  38. package/themes/pdigest/mobile.md +2 -0
  39. package/themes/pdigest/mobile.scoped.css +2 -0
  40. package/themes/retrack/desktop.css +2 -0
  41. package/themes/retrack/desktop.md +2 -0
  42. package/themes/retrack/desktop.scoped.css +2 -0
  43. package/themes/retrack/diagram.css +2 -0
  44. package/themes/retrack/diagram.md +2 -0
  45. package/themes/retrack/diagram.scoped.css +2 -0
  46. package/themes/retrack/mobile.css +2 -0
  47. package/themes/retrack/mobile.md +2 -0
  48. package/themes/retrack/mobile.scoped.css +2 -0
  49. package/tokens/runtime/tokens.base.desktop.runtime.cjs +2 -0
  50. package/tokens/runtime/tokens.base.desktop.runtime.cjs.map +1 -1
  51. package/tokens/runtime/tokens.base.desktop.runtime.d.ts +2 -0
  52. package/tokens/runtime/tokens.base.desktop.runtime.js +2 -0
  53. package/tokens/runtime/tokens.base.desktop.runtime.js.map +1 -1
  54. package/tokens/runtime/tokens.base.diagram.runtime.cjs +2 -0
  55. package/tokens/runtime/tokens.base.diagram.runtime.cjs.map +1 -1
  56. package/tokens/runtime/tokens.base.diagram.runtime.d.ts +2 -0
  57. package/tokens/runtime/tokens.base.diagram.runtime.js +2 -0
  58. package/tokens/runtime/tokens.base.diagram.runtime.js.map +1 -1
  59. package/tokens/runtime/tokens.base.mobile.runtime.cjs +2 -0
  60. package/tokens/runtime/tokens.base.mobile.runtime.cjs.map +1 -1
  61. package/tokens/runtime/tokens.base.mobile.runtime.d.ts +2 -0
  62. package/tokens/runtime/tokens.base.mobile.runtime.js +2 -0
  63. package/tokens/runtime/tokens.base.mobile.runtime.js.map +1 -1
  64. package/tokens/runtime/tokens.brandcopilot.desktop.runtime.cjs +2 -0
  65. package/tokens/runtime/tokens.brandcopilot.desktop.runtime.cjs.map +1 -1
  66. package/tokens/runtime/tokens.brandcopilot.desktop.runtime.d.ts +2 -0
  67. package/tokens/runtime/tokens.brandcopilot.desktop.runtime.js +2 -0
  68. package/tokens/runtime/tokens.brandcopilot.desktop.runtime.js.map +1 -1
  69. package/tokens/runtime/tokens.brandcopilot.diagram.runtime.cjs +2 -0
  70. package/tokens/runtime/tokens.brandcopilot.diagram.runtime.cjs.map +1 -1
  71. package/tokens/runtime/tokens.brandcopilot.diagram.runtime.d.ts +2 -0
  72. package/tokens/runtime/tokens.brandcopilot.diagram.runtime.js +2 -0
  73. package/tokens/runtime/tokens.brandcopilot.diagram.runtime.js.map +1 -1
  74. package/tokens/runtime/tokens.brandcopilot.mobile.runtime.cjs +2 -0
  75. package/tokens/runtime/tokens.brandcopilot.mobile.runtime.cjs.map +1 -1
  76. package/tokens/runtime/tokens.brandcopilot.mobile.runtime.d.ts +2 -0
  77. package/tokens/runtime/tokens.brandcopilot.mobile.runtime.js +2 -0
  78. package/tokens/runtime/tokens.brandcopilot.mobile.runtime.js.map +1 -1
  79. package/tokens/runtime/tokens.dmpatterns.desktop.runtime.cjs +2 -0
  80. package/tokens/runtime/tokens.dmpatterns.desktop.runtime.cjs.map +1 -1
  81. package/tokens/runtime/tokens.dmpatterns.desktop.runtime.d.ts +2 -0
  82. package/tokens/runtime/tokens.dmpatterns.desktop.runtime.js +2 -0
  83. package/tokens/runtime/tokens.dmpatterns.desktop.runtime.js.map +1 -1
  84. package/tokens/runtime/tokens.dmpatterns.diagram.runtime.cjs +2 -0
  85. package/tokens/runtime/tokens.dmpatterns.diagram.runtime.cjs.map +1 -1
  86. package/tokens/runtime/tokens.dmpatterns.diagram.runtime.d.ts +2 -0
  87. package/tokens/runtime/tokens.dmpatterns.diagram.runtime.js +2 -0
  88. package/tokens/runtime/tokens.dmpatterns.diagram.runtime.js.map +1 -1
  89. package/tokens/runtime/tokens.dmpatterns.mobile.runtime.cjs +2 -0
  90. package/tokens/runtime/tokens.dmpatterns.mobile.runtime.cjs.map +1 -1
  91. package/tokens/runtime/tokens.dmpatterns.mobile.runtime.d.ts +2 -0
  92. package/tokens/runtime/tokens.dmpatterns.mobile.runtime.js +2 -0
  93. package/tokens/runtime/tokens.dmpatterns.mobile.runtime.js.map +1 -1
  94. package/tokens/runtime/tokens.pdigest.desktop.runtime.cjs +2 -0
  95. package/tokens/runtime/tokens.pdigest.desktop.runtime.cjs.map +1 -1
  96. package/tokens/runtime/tokens.pdigest.desktop.runtime.d.ts +2 -0
  97. package/tokens/runtime/tokens.pdigest.desktop.runtime.js +2 -0
  98. package/tokens/runtime/tokens.pdigest.desktop.runtime.js.map +1 -1
  99. package/tokens/runtime/tokens.pdigest.diagram.runtime.cjs +2 -0
  100. package/tokens/runtime/tokens.pdigest.diagram.runtime.cjs.map +1 -1
  101. package/tokens/runtime/tokens.pdigest.diagram.runtime.d.ts +2 -0
  102. package/tokens/runtime/tokens.pdigest.diagram.runtime.js +2 -0
  103. package/tokens/runtime/tokens.pdigest.diagram.runtime.js.map +1 -1
  104. package/tokens/runtime/tokens.pdigest.mobile.runtime.cjs +2 -0
  105. package/tokens/runtime/tokens.pdigest.mobile.runtime.cjs.map +1 -1
  106. package/tokens/runtime/tokens.pdigest.mobile.runtime.d.ts +2 -0
  107. package/tokens/runtime/tokens.pdigest.mobile.runtime.js +2 -0
  108. package/tokens/runtime/tokens.pdigest.mobile.runtime.js.map +1 -1
  109. package/tokens/runtime/tokens.retrack.desktop.runtime.cjs +2 -0
  110. package/tokens/runtime/tokens.retrack.desktop.runtime.cjs.map +1 -1
  111. package/tokens/runtime/tokens.retrack.desktop.runtime.d.ts +2 -0
  112. package/tokens/runtime/tokens.retrack.desktop.runtime.js +2 -0
  113. package/tokens/runtime/tokens.retrack.desktop.runtime.js.map +1 -1
  114. package/tokens/runtime/tokens.retrack.diagram.runtime.cjs +2 -0
  115. package/tokens/runtime/tokens.retrack.diagram.runtime.cjs.map +1 -1
  116. package/tokens/runtime/tokens.retrack.diagram.runtime.d.ts +2 -0
  117. package/tokens/runtime/tokens.retrack.diagram.runtime.js +2 -0
  118. package/tokens/runtime/tokens.retrack.diagram.runtime.js.map +1 -1
  119. package/tokens/runtime/tokens.retrack.mobile.runtime.cjs +2 -0
  120. package/tokens/runtime/tokens.retrack.mobile.runtime.cjs.map +1 -1
  121. package/tokens/runtime/tokens.retrack.mobile.runtime.d.ts +2 -0
  122. package/tokens/runtime/tokens.retrack.mobile.runtime.js +2 -0
  123. package/tokens/runtime/tokens.retrack.mobile.runtime.js.map +1 -1
  124. package/tokens/themes/base/dist/desktop.json +16 -0
  125. package/tokens/themes/base/dist/diagram.json +16 -0
  126. package/tokens/themes/base/dist/mobile.json +16 -0
  127. package/tokens/themes/brandcopilot/dist/desktop.json +16 -0
  128. package/tokens/themes/brandcopilot/dist/diagram.json +16 -0
  129. package/tokens/themes/brandcopilot/dist/mobile.json +16 -0
  130. package/tokens/themes/dmpatterns/dist/desktop.json +16 -0
  131. package/tokens/themes/dmpatterns/dist/diagram.json +16 -0
  132. package/tokens/themes/dmpatterns/dist/mobile.json +16 -0
  133. package/tokens/themes/pdigest/dist/desktop.json +16 -0
  134. package/tokens/themes/pdigest/dist/diagram.json +16 -0
  135. package/tokens/themes/pdigest/dist/mobile.json +16 -0
  136. package/tokens/themes/retrack/dist/desktop.json +16 -0
  137. package/tokens/themes/retrack/dist/diagram.json +16 -0
  138. package/tokens/themes/retrack/dist/mobile.json +16 -0
package/components/dropdown/dropdown.css CHANGED
@@ -197,9 +197,9 @@
197
197
  /* color */
198
198
  --dropdown-item-bg: transparent;
199
199
  --dropdown-item-color: inherit;
200
- --dropdown-item-bg-hover: var(--color-bg);
201
- --dropdown-item-bg-selected: var(--color-primary-2);
202
- --dropdown-item-color-selected: var(--color-text-primary-2);
200
+ --dropdown-item-bg-hover: var(--color-primary-1-hover);
201
+ --dropdown-item-bg-selected: var(--color-primary-1);
202
+ --dropdown-item-color-selected: var(--color-text-primary-1);
203
203
  --dropdown-item-color-disabled: var(--color-text-note);
204
204
 
205
205
  background: var(--dropdown-item-bg);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "jvetrau-ds",
3
- "version": "0.2.43",
3
+ "version": "0.2.44",
4
4
  "description": "Multi-brand React design system with semantic tokens",
5
5
  "license": "UNLICENSED",
6
6
  "type": "module",
package/styles.css CHANGED
@@ -2724,9 +2724,9 @@ h4.course-outline__group-title {
2724
2724
  /* color */
2725
2725
  --dropdown-item-bg: transparent;
2726
2726
  --dropdown-item-color: inherit;
2727
- --dropdown-item-bg-hover: var(--color-bg);
2728
- --dropdown-item-bg-selected: var(--color-primary-2);
2729
- --dropdown-item-color-selected: var(--color-text-primary-2);
2727
+ --dropdown-item-bg-hover: var(--color-primary-1-hover);
2728
+ --dropdown-item-bg-selected: var(--color-primary-1);
2729
+ --dropdown-item-color-selected: var(--color-text-primary-1);
2730
2730
  --dropdown-item-color-disabled: var(--color-text-note);
2731
2731
 
2732
2732
  background: var(--dropdown-item-bg);
package/themes/base/desktop.css CHANGED
@@ -22,7 +22,9 @@
22
22
  --color-link-visited: var(--color-primary-2);
23
23
  --color-med: #FF7300;
24
24
  --color-primary-1: #F9EC0E;
25
+ --color-primary-1-hover: #FFFAA4;
25
26
  --color-primary-2: #FA4691;
27
+ --color-primary-2-hover: #FFEBF3;
26
28
  --color-secondary: #FFFFFF;
27
29
  --color-semi-bad: #FF4000;
28
30
  --color-semi-good: #FFBF00;
package/themes/base/desktop.md CHANGED
@@ -27,7 +27,9 @@
27
27
  | `color/link/visited` | `color` | `#FA4691` |
28
28
  | `color/med` | `color` | `#FF7300` |
29
29
  | `color/primary/1` | `color` | `#F9EC0E` |
30
+ | `color/primary/1/hover` | `color` | `#FFFAA4` |
30
31
  | `color/primary/2` | `color` | `#FA4691` |
32
+ | `color/primary/2/hover` | `color` | `#FFEBF3` |
31
33
  | `color/secondary` | `color` | `#FFFFFF` |
32
34
  | `color/semi/bad` | `color` | `#FF4000` |
33
35
  | `color/semi/good` | `color` | `#FFBF00` |
package/themes/base/desktop.scoped.css CHANGED
@@ -22,7 +22,9 @@
22
22
  --color-link-visited: var(--color-primary-2);
23
23
  --color-med: #FF7300;
24
24
  --color-primary-1: #F9EC0E;
25
+ --color-primary-1-hover: #FFFAA4;
25
26
  --color-primary-2: #FA4691;
27
+ --color-primary-2-hover: #FFEBF3;
26
28
  --color-secondary: #FFFFFF;
27
29
  --color-semi-bad: #FF4000;
28
30
  --color-semi-good: #FFBF00;
package/themes/base/diagram.css CHANGED
@@ -22,7 +22,9 @@
22
22
  --color-link-visited: var(--color-primary-2);
23
23
  --color-med: #FF7300;
24
24
  --color-primary-1: #F9EC0E;
25
+ --color-primary-1-hover: #FFFAA4;
25
26
  --color-primary-2: #FA4691;
27
+ --color-primary-2-hover: #FFEBF3;
26
28
  --color-secondary: #FFFFFF;
27
29
  --color-semi-bad: #FF4000;
28
30
  --color-semi-good: #FFBF00;
package/themes/base/diagram.md CHANGED
@@ -27,7 +27,9 @@
27
27
  | `color/link/visited` | `color` | `#FA4691` |
28
28
  | `color/med` | `color` | `#FF7300` |
29
29
  | `color/primary/1` | `color` | `#F9EC0E` |
30
+ | `color/primary/1/hover` | `color` | `#FFFAA4` |
30
31
  | `color/primary/2` | `color` | `#FA4691` |
32
+ | `color/primary/2/hover` | `color` | `#FFEBF3` |
31
33
  | `color/secondary` | `color` | `#FFFFFF` |
32
34
  | `color/semi/bad` | `color` | `#FF4000` |
33
35
  | `color/semi/good` | `color` | `#FFBF00` |
package/themes/base/diagram.scoped.css CHANGED
@@ -22,7 +22,9 @@
22
22
  --color-link-visited: var(--color-primary-2);
23
23
  --color-med: #FF7300;
24
24
  --color-primary-1: #F9EC0E;
25
+ --color-primary-1-hover: #FFFAA4;
25
26
  --color-primary-2: #FA4691;
27
+ --color-primary-2-hover: #FFEBF3;
26
28
  --color-secondary: #FFFFFF;
27
29
  --color-semi-bad: #FF4000;
28
30
  --color-semi-good: #FFBF00;
package/themes/base/mobile.css CHANGED
@@ -22,7 +22,9 @@
22
22
  --color-link-visited: var(--color-primary-2);
23
23
  --color-med: #FF7300;
24
24
  --color-primary-1: #F9EC0E;
25
+ --color-primary-1-hover: #FFFAA4;
25
26
  --color-primary-2: #FA4691;
27
+ --color-primary-2-hover: #FFEBF3;
26
28
  --color-secondary: #FFFFFF;
27
29
  --color-semi-bad: #FF4000;
28
30
  --color-semi-good: #FFBF00;
package/themes/base/mobile.md CHANGED
@@ -27,7 +27,9 @@
27
27
  | `color/link/visited` | `color` | `#FA4691` |
28
28
  | `color/med` | `color` | `#FF7300` |
29
29
  | `color/primary/1` | `color` | `#F9EC0E` |
30
+ | `color/primary/1/hover` | `color` | `#FFFAA4` |
30
31
  | `color/primary/2` | `color` | `#FA4691` |
32
+ | `color/primary/2/hover` | `color` | `#FFEBF3` |
31
33
  | `color/secondary` | `color` | `#FFFFFF` |
32
34
  | `color/semi/bad` | `color` | `#FF4000` |
33
35
  | `color/semi/good` | `color` | `#FFBF00` |
package/themes/base/mobile.scoped.css CHANGED
@@ -22,7 +22,9 @@
22
22
  --color-link-visited: var(--color-primary-2);
23
23
  --color-med: #FF7300;
24
24
  --color-primary-1: #F9EC0E;
25
+ --color-primary-1-hover: #FFFAA4;
25
26
  --color-primary-2: #FA4691;
27
+ --color-primary-2-hover: #FFEBF3;
26
28
  --color-secondary: #FFFFFF;
27
29
  --color-semi-bad: #FF4000;
28
30
  --color-semi-good: #FFBF00;
package/themes/brandcopilot/desktop.css CHANGED
@@ -22,7 +22,9 @@
22
22
  --color-link-visited: var(--color-primary-2);
23
23
  --color-med: #FF7300;
24
24
  --color-primary-1: #F9EC0E;
25
+ --color-primary-1-hover: #FFFAA4;
25
26
  --color-primary-2: #FA4691;
27
+ --color-primary-2-hover: #FFEBF3;
26
28
  --color-secondary: #FFFFFF;
27
29
  --color-semi-bad: #FF4000;
28
30
  --color-semi-good: #FFBF00;
package/themes/brandcopilot/desktop.md CHANGED
@@ -27,7 +27,9 @@
27
27
  | `color/link/visited` | `color` | `#FA4691` |
28
28
  | `color/med` | `color` | `#FF7300` |
29
29
  | `color/primary/1` | `color` | `#F9EC0E` |
30
+ | `color/primary/1/hover` | `color` | `#FFFAA4` |
30
31
  | `color/primary/2` | `color` | `#FA4691` |
32
+ | `color/primary/2/hover` | `color` | `#FFEBF3` |
31
33
  | `color/secondary` | `color` | `#FFFFFF` |
32
34
  | `color/semi/bad` | `color` | `#FF4000` |
33
35
  | `color/semi/good` | `color` | `#FFBF00` |
package/themes/brandcopilot/desktop.scoped.css CHANGED
@@ -22,7 +22,9 @@
22
22
  --color-link-visited: var(--color-primary-2);
23
23
  --color-med: #FF7300;
24
24
  --color-primary-1: #F9EC0E;
25
+ --color-primary-1-hover: #FFFAA4;
25
26
  --color-primary-2: #FA4691;
27
+ --color-primary-2-hover: #FFEBF3;
26
28
  --color-secondary: #FFFFFF;
27
29
  --color-semi-bad: #FF4000;
28
30
  --color-semi-good: #FFBF00;
package/themes/brandcopilot/diagram.css CHANGED
@@ -22,7 +22,9 @@
22
22
  --color-link-visited: var(--color-primary-2);
23
23
  --color-med: #FF7300;
24
24
  --color-primary-1: #F9EC0E;
25
+ --color-primary-1-hover: #FFFAA4;
25
26
  --color-primary-2: #FA4691;
27
+ --color-primary-2-hover: #FFEBF3;
26
28
  --color-secondary: #FFFFFF;
27
29
  --color-semi-bad: #FF4000;
28
30
  --color-semi-good: #FFBF00;
package/themes/brandcopilot/diagram.md CHANGED
@@ -27,7 +27,9 @@
27
27
  | `color/link/visited` | `color` | `#FA4691` |
28
28
  | `color/med` | `color` | `#FF7300` |
29
29
  | `color/primary/1` | `color` | `#F9EC0E` |
30
+ | `color/primary/1/hover` | `color` | `#FFFAA4` |
30
31
  | `color/primary/2` | `color` | `#FA4691` |
32
+ | `color/primary/2/hover` | `color` | `#FFEBF3` |
31
33
  | `color/secondary` | `color` | `#FFFFFF` |
32
34
  | `color/semi/bad` | `color` | `#FF4000` |
33
35
  | `color/semi/good` | `color` | `#FFBF00` |
package/themes/brandcopilot/diagram.scoped.css CHANGED
@@ -22,7 +22,9 @@
22
22
  --color-link-visited: var(--color-primary-2);
23
23
  --color-med: #FF7300;
24
24
  --color-primary-1: #F9EC0E;
25
+ --color-primary-1-hover: #FFFAA4;
25
26
  --color-primary-2: #FA4691;
27
+ --color-primary-2-hover: #FFEBF3;
26
28
  --color-secondary: #FFFFFF;
27
29
  --color-semi-bad: #FF4000;
28
30
  --color-semi-good: #FFBF00;
package/themes/brandcopilot/mobile.css CHANGED
@@ -22,7 +22,9 @@
22
22
  --color-link-visited: var(--color-primary-2);
23
23
  --color-med: #FF7300;
24
24
  --color-primary-1: #F9EC0E;
25
+ --color-primary-1-hover: #FFFAA4;
25
26
  --color-primary-2: #FA4691;
27
+ --color-primary-2-hover: #FFEBF3;
26
28
  --color-secondary: #FFFFFF;
27
29
  --color-semi-bad: #FF4000;
28
30
  --color-semi-good: #FFBF00;
package/themes/brandcopilot/mobile.md CHANGED
@@ -27,7 +27,9 @@
27
27
  | `color/link/visited` | `color` | `#FA4691` |
28
28
  | `color/med` | `color` | `#FF7300` |
29
29
  | `color/primary/1` | `color` | `#F9EC0E` |
30
+ | `color/primary/1/hover` | `color` | `#FFFAA4` |
30
31
  | `color/primary/2` | `color` | `#FA4691` |
32
+ | `color/primary/2/hover` | `color` | `#FFEBF3` |
31
33
  | `color/secondary` | `color` | `#FFFFFF` |
32
34
  | `color/semi/bad` | `color` | `#FF4000` |
33
35
  | `color/semi/good` | `color` | `#FFBF00` |
package/themes/brandcopilot/mobile.scoped.css CHANGED
@@ -22,7 +22,9 @@
22
22
  --color-link-visited: var(--color-primary-2);
23
23
  --color-med: #FF7300;
24
24
  --color-primary-1: #F9EC0E;
25
+ --color-primary-1-hover: #FFFAA4;
25
26
  --color-primary-2: #FA4691;
27
+ --color-primary-2-hover: #FFEBF3;
26
28
  --color-secondary: #FFFFFF;
27
29
  --color-semi-bad: #FF4000;
28
30
  --color-semi-good: #FFBF00;
package/themes/dmpatterns/desktop.css CHANGED
@@ -22,7 +22,9 @@
22
22
  --color-link-visited: var(--color-primary-2);
23
23
  --color-med: #FF7300;
24
24
  --color-primary-1: #F9EC0E;
25
+ --color-primary-1-hover: #FFFAA4;
25
26
  --color-primary-2: #FA4691;
27
+ --color-primary-2-hover: #FFEBF3;
26
28
  --color-secondary: #FFFFFF;
27
29
  --color-semi-bad: #FF4000;
28
30
  --color-semi-good: #FFBF00;
package/themes/dmpatterns/desktop.md CHANGED
@@ -27,7 +27,9 @@
27
27
  | `color/link/visited` | `color` | `#FA4691` |
28
28
  | `color/med` | `color` | `#FF7300` |
29
29
  | `color/primary/1` | `color` | `#F9EC0E` |
30
+ | `color/primary/1/hover` | `color` | `#FFFAA4` |
30
31
  | `color/primary/2` | `color` | `#FA4691` |
32
+ | `color/primary/2/hover` | `color` | `#FFEBF3` |
31
33
  | `color/secondary` | `color` | `#FFFFFF` |
32
34
  | `color/semi/bad` | `color` | `#FF4000` |
33
35
  | `color/semi/good` | `color` | `#FFBF00` |
package/themes/dmpatterns/desktop.scoped.css CHANGED
@@ -22,7 +22,9 @@
22
22
  --color-link-visited: var(--color-primary-2);
23
23
  --color-med: #FF7300;
24
24
  --color-primary-1: #F9EC0E;
25
+ --color-primary-1-hover: #FFFAA4;
25
26
  --color-primary-2: #FA4691;
27
+ --color-primary-2-hover: #FFEBF3;
26
28
  --color-secondary: #FFFFFF;
27
29
  --color-semi-bad: #FF4000;
28
30
  --color-semi-good: #FFBF00;
package/themes/dmpatterns/diagram.css CHANGED
@@ -22,7 +22,9 @@
22
22
  --color-link-visited: var(--color-primary-2);
23
23
  --color-med: #FF7300;
24
24
  --color-primary-1: #F9EC0E;
25
+ --color-primary-1-hover: #FFFAA4;
25
26
  --color-primary-2: #FA4691;
27
+ --color-primary-2-hover: #FFEBF3;
26
28
  --color-secondary: #FFFFFF;
27
29
  --color-semi-bad: #FF4000;
28
30
  --color-semi-good: #FFBF00;
package/themes/dmpatterns/diagram.md CHANGED
@@ -27,7 +27,9 @@
27
27
  | `color/link/visited` | `color` | `#FA4691` |
28
28
  | `color/med` | `color` | `#FF7300` |
29
29
  | `color/primary/1` | `color` | `#F9EC0E` |
30
+ | `color/primary/1/hover` | `color` | `#FFFAA4` |
30
31
  | `color/primary/2` | `color` | `#FA4691` |
32
+ | `color/primary/2/hover` | `color` | `#FFEBF3` |
31
33
  | `color/secondary` | `color` | `#FFFFFF` |
32
34
  | `color/semi/bad` | `color` | `#FF4000` |
33
35
  | `color/semi/good` | `color` | `#FFBF00` |
package/themes/dmpatterns/diagram.scoped.css CHANGED
@@ -22,7 +22,9 @@
22
22
  --color-link-visited: var(--color-primary-2);
23
23
  --color-med: #FF7300;
24
24
  --color-primary-1: #F9EC0E;
25
+ --color-primary-1-hover: #FFFAA4;
25
26
  --color-primary-2: #FA4691;
27
+ --color-primary-2-hover: #FFEBF3;
26
28
  --color-secondary: #FFFFFF;
27
29
  --color-semi-bad: #FF4000;
28
30
  --color-semi-good: #FFBF00;
package/themes/dmpatterns/mobile.css CHANGED
@@ -22,7 +22,9 @@
22
22
  --color-link-visited: var(--color-primary-2);
23
23
  --color-med: #FF7300;
24
24
  --color-primary-1: #F9EC0E;
25
+ --color-primary-1-hover: #FFFAA4;
25
26
  --color-primary-2: #FA4691;
27
+ --color-primary-2-hover: #FFEBF3;
26
28
  --color-secondary: #FFFFFF;
27
29
  --color-semi-bad: #FF4000;
28
30
  --color-semi-good: #FFBF00;
package/themes/dmpatterns/mobile.md CHANGED
@@ -27,7 +27,9 @@
27
27
  | `color/link/visited` | `color` | `#FA4691` |
28
28
  | `color/med` | `color` | `#FF7300` |
29
29
  | `color/primary/1` | `color` | `#F9EC0E` |
30
+ | `color/primary/1/hover` | `color` | `#FFFAA4` |
30
31
  | `color/primary/2` | `color` | `#FA4691` |
32
+ | `color/primary/2/hover` | `color` | `#FFEBF3` |
31
33
  | `color/secondary` | `color` | `#FFFFFF` |
32
34
  | `color/semi/bad` | `color` | `#FF4000` |
33
35
  | `color/semi/good` | `color` | `#FFBF00` |
package/themes/dmpatterns/mobile.scoped.css CHANGED
@@ -22,7 +22,9 @@
22
22
  --color-link-visited: var(--color-primary-2);
23
23
  --color-med: #FF7300;
24
24
  --color-primary-1: #F9EC0E;
25
+ --color-primary-1-hover: #FFFAA4;
25
26
  --color-primary-2: #FA4691;
27
+ --color-primary-2-hover: #FFEBF3;
26
28
  --color-secondary: #FFFFFF;
27
29
  --color-semi-bad: #FF4000;
28
30
  --color-semi-good: #FFBF00;
package/themes/pdigest/desktop.css CHANGED
@@ -22,7 +22,9 @@
22
22
  --color-link-visited: var(--color-primary-2);
23
23
  --color-med: #FF7300;
24
24
  --color-primary-1: #F9EC0E;
25
+ --color-primary-1-hover: #FFFAA4;
25
26
  --color-primary-2: #FA4691;
27
+ --color-primary-2-hover: #FFEBF3;
26
28
  --color-secondary: #FFFFFF;
27
29
  --color-semi-bad: #FF4000;
28
30
  --color-semi-good: #FFBF00;
package/themes/pdigest/desktop.md CHANGED
@@ -27,7 +27,9 @@
27
27
  | `color/link/visited` | `color` | `#FA4691` |
28
28
  | `color/med` | `color` | `#FF7300` |
29
29
  | `color/primary/1` | `color` | `#F9EC0E` |
30
+ | `color/primary/1/hover` | `color` | `#FFFAA4` |
30
31
  | `color/primary/2` | `color` | `#FA4691` |
32
+ | `color/primary/2/hover` | `color` | `#FFEBF3` |
31
33
  | `color/secondary` | `color` | `#FFFFFF` |
32
34
  | `color/semi/bad` | `color` | `#FF4000` |
33
35
  | `color/semi/good` | `color` | `#FFBF00` |
package/themes/pdigest/desktop.scoped.css CHANGED
@@ -22,7 +22,9 @@
22
22
  --color-link-visited: var(--color-primary-2);
23
23
  --color-med: #FF7300;
24
24
  --color-primary-1: #F9EC0E;
25
+ --color-primary-1-hover: #FFFAA4;
25
26
  --color-primary-2: #FA4691;
27
+ --color-primary-2-hover: #FFEBF3;
26
28
  --color-secondary: #FFFFFF;
27
29
  --color-semi-bad: #FF4000;
28
30
  --color-semi-good: #FFBF00;
package/themes/pdigest/diagram.css CHANGED
@@ -22,7 +22,9 @@
22
22
  --color-link-visited: var(--color-primary-2);
23
23
  --color-med: #FF7300;
24
24
  --color-primary-1: #F9EC0E;
25
+ --color-primary-1-hover: #FFFAA4;
25
26
  --color-primary-2: #FA4691;
27
+ --color-primary-2-hover: #FFEBF3;
26
28
  --color-secondary: #FFFFFF;
27
29
  --color-semi-bad: #FF4000;
28
30
  --color-semi-good: #FFBF00;
package/themes/pdigest/diagram.md CHANGED
@@ -27,7 +27,9 @@
27
27
  | `color/link/visited` | `color` | `#FA4691` |
28
28
  | `color/med` | `color` | `#FF7300` |
29
29
  | `color/primary/1` | `color` | `#F9EC0E` |
30
+ | `color/primary/1/hover` | `color` | `#FFFAA4` |
30
31
  | `color/primary/2` | `color` | `#FA4691` |
32
+ | `color/primary/2/hover` | `color` | `#FFEBF3` |
31
33
  | `color/secondary` | `color` | `#FFFFFF` |
32
34
  | `color/semi/bad` | `color` | `#FF4000` |
33
35
  | `color/semi/good` | `color` | `#FFBF00` |
package/themes/pdigest/diagram.scoped.css CHANGED
@@ -22,7 +22,9 @@
22
22
  --color-link-visited: var(--color-primary-2);
23
23
  --color-med: #FF7300;
24
24
  --color-primary-1: #F9EC0E;
25
+ --color-primary-1-hover: #FFFAA4;
25
26
  --color-primary-2: #FA4691;
27
+ --color-primary-2-hover: #FFEBF3;
26
28
  --color-secondary: #FFFFFF;
27
29
  --color-semi-bad: #FF4000;
28
30
  --color-semi-good: #FFBF00;
package/themes/pdigest/mobile.css CHANGED
@@ -22,7 +22,9 @@
22
22
  --color-link-visited: var(--color-primary-2);
23
23
  --color-med: #FF7300;
24
24
  --color-primary-1: #F9EC0E;
25
+ --color-primary-1-hover: #FFFAA4;
25
26
  --color-primary-2: #FA4691;
27
+ --color-primary-2-hover: #FFEBF3;
26
28
  --color-secondary: #FFFFFF;
27
29
  --color-semi-bad: #FF4000;
28
30
  --color-semi-good: #FFBF00;
package/themes/pdigest/mobile.md CHANGED
@@ -27,7 +27,9 @@
27
27
  | `color/link/visited` | `color` | `#FA4691` |
28
28
  | `color/med` | `color` | `#FF7300` |
29
29
  | `color/primary/1` | `color` | `#F9EC0E` |
30
+ | `color/primary/1/hover` | `color` | `#FFFAA4` |
30
31
  | `color/primary/2` | `color` | `#FA4691` |
32
+ | `color/primary/2/hover` | `color` | `#FFEBF3` |
31
33
  | `color/secondary` | `color` | `#FFFFFF` |
32
34
  | `color/semi/bad` | `color` | `#FF4000` |
33
35
  | `color/semi/good` | `color` | `#FFBF00` |
package/themes/pdigest/mobile.scoped.css CHANGED
@@ -22,7 +22,9 @@
22
22
  --color-link-visited: var(--color-primary-2);
23
23
  --color-med: #FF7300;
24
24
  --color-primary-1: #F9EC0E;
25
+ --color-primary-1-hover: #FFFAA4;
25
26
  --color-primary-2: #FA4691;
27
+ --color-primary-2-hover: #FFEBF3;
26
28
  --color-secondary: #FFFFFF;
27
29
  --color-semi-bad: #FF4000;
28
30
  --color-semi-good: #FFBF00;
package/themes/retrack/desktop.css CHANGED
@@ -22,7 +22,9 @@
22
22
  --color-link-visited: var(--color-primary-2);
23
23
  --color-med: #FF7300;
24
24
  --color-primary-1: #F9EC0E;
25
+ --color-primary-1-hover: #FFFAA4;
25
26
  --color-primary-2: #FA4691;
27
+ --color-primary-2-hover: #FFEBF3;
26
28
  --color-secondary: #FFFFFF;
27
29
  --color-semi-bad: #FF4000;
28
30
  --color-semi-good: #FFBF00;
package/themes/retrack/desktop.md CHANGED
@@ -27,7 +27,9 @@
27
27
  | `color/link/visited` | `color` | `#FA4691` |
28
28
  | `color/med` | `color` | `#FF7300` |
29
29
  | `color/primary/1` | `color` | `#F9EC0E` |
30
+ | `color/primary/1/hover` | `color` | `#FFFAA4` |
30
31
  | `color/primary/2` | `color` | `#FA4691` |
32
+ | `color/primary/2/hover` | `color` | `#FFEBF3` |
31
33
  | `color/secondary` | `color` | `#FFFFFF` |
32
34
  | `color/semi/bad` | `color` | `#FF4000` |
33
35
  | `color/semi/good` | `color` | `#FFBF00` |
package/themes/retrack/desktop.scoped.css CHANGED
@@ -22,7 +22,9 @@
22
22
  --color-link-visited: var(--color-primary-2);
23
23
  --color-med: #FF7300;
24
24
  --color-primary-1: #F9EC0E;
25
+ --color-primary-1-hover: #FFFAA4;
25
26
  --color-primary-2: #FA4691;
27
+ --color-primary-2-hover: #FFEBF3;
26
28
  --color-secondary: #FFFFFF;
27
29
  --color-semi-bad: #FF4000;
28
30
  --color-semi-good: #FFBF00;
package/themes/retrack/diagram.css CHANGED
@@ -22,7 +22,9 @@
22
22
  --color-link-visited: var(--color-primary-2);
23
23
  --color-med: #FF7300;
24
24
  --color-primary-1: #F9EC0E;
25
+ --color-primary-1-hover: #FFFAA4;
25
26
  --color-primary-2: #FA4691;
27
+ --color-primary-2-hover: #FFEBF3;
26
28
  --color-secondary: #FFFFFF;
27
29
  --color-semi-bad: #FF4000;
28
30
  --color-semi-good: #FFBF00;
package/themes/retrack/diagram.md CHANGED
@@ -27,7 +27,9 @@
27
27
  | `color/link/visited` | `color` | `#FA4691` |
28
28
  | `color/med` | `color` | `#FF7300` |
29
29
  | `color/primary/1` | `color` | `#F9EC0E` |
30
+ | `color/primary/1/hover` | `color` | `#FFFAA4` |
30
31
  | `color/primary/2` | `color` | `#FA4691` |
32
+ | `color/primary/2/hover` | `color` | `#FFEBF3` |
31
33
  | `color/secondary` | `color` | `#FFFFFF` |
32
34
  | `color/semi/bad` | `color` | `#FF4000` |
33
35
  | `color/semi/good` | `color` | `#FFBF00` |
package/themes/retrack/diagram.scoped.css CHANGED
@@ -22,7 +22,9 @@
22
22
  --color-link-visited: var(--color-primary-2);
23
23
  --color-med: #FF7300;
24
24
  --color-primary-1: #F9EC0E;
25
+ --color-primary-1-hover: #FFFAA4;
25
26
  --color-primary-2: #FA4691;
27
+ --color-primary-2-hover: #FFEBF3;
26
28
  --color-secondary: #FFFFFF;
27
29
  --color-semi-bad: #FF4000;
28
30
  --color-semi-good: #FFBF00;
package/themes/retrack/mobile.css CHANGED
@@ -22,7 +22,9 @@
22
22
  --color-link-visited: var(--color-primary-2);
23
23
  --color-med: #FF7300;
24
24
  --color-primary-1: #F9EC0E;
25
+ --color-primary-1-hover: #FFFAA4;
25
26
  --color-primary-2: #FA4691;
27
+ --color-primary-2-hover: #FFEBF3;
26
28
  --color-secondary: #FFFFFF;
27
29
  --color-semi-bad: #FF4000;
28
30
  --color-semi-good: #FFBF00;
package/themes/retrack/mobile.md CHANGED
@@ -27,7 +27,9 @@
27
27
  | `color/link/visited` | `color` | `#FA4691` |
28
28
  | `color/med` | `color` | `#FF7300` |
29
29
  | `color/primary/1` | `color` | `#F9EC0E` |
30
+ | `color/primary/1/hover` | `color` | `#FFFAA4` |
30
31
  | `color/primary/2` | `color` | `#FA4691` |
32
+ | `color/primary/2/hover` | `color` | `#FFEBF3` |
31
33
  | `color/secondary` | `color` | `#FFFFFF` |
32
34
  | `color/semi/bad` | `color` | `#FF4000` |
33
35
  | `color/semi/good` | `color` | `#FFBF00` |
package/themes/retrack/mobile.scoped.css CHANGED
@@ -22,7 +22,9 @@
22
22
  --color-link-visited: var(--color-primary-2);
23
23
  --color-med: #FF7300;
24
24
  --color-primary-1: #F9EC0E;
25
+ --color-primary-1-hover: #FFFAA4;
25
26
  --color-primary-2: #FA4691;
27
+ --color-primary-2-hover: #FFEBF3;
26
28
  --color-secondary: #FFFFFF;
27
29
  --color-semi-bad: #FF4000;
28
30
  --color-semi-good: #FFBF00;
package/tokens/runtime/tokens.base.desktop.runtime.cjs CHANGED
@@ -42,6 +42,8 @@ const tokens = {
42
42
  "color/text/bad": "var(--color-text-bad)",
43
43
  "color/text/alt": "var(--color-text-alt)",
44
44
  "color/control": "var(--color-control)",
45
+ "color/primary/1/hover": "var(--color-primary-1-hover)",
46
+ "color/primary/2/hover": "var(--color-primary-2-hover)",
45
47
  "font/body": "var(--font-body)",
46
48
  "font/body/family": "var(--font-body-family)",
47
49
  "font/body/weight": "var(--font-body-weight)",