jvetrau-ds 0.2.43 → 0.2.45

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 (140) hide show
  1. package/base.css +2 -0
  2. package/components/dropdown/dropdown.css +3 -3
  3. package/components/tag/tag.css +13 -27
  4. package/package.json +1 -1
  5. package/styles.css +16 -30
  6. package/themes/base/desktop.css +2 -0
  7. package/themes/base/desktop.md +2 -0
  8. package/themes/base/desktop.scoped.css +2 -0
  9. package/themes/base/diagram.css +2 -0
  10. package/themes/base/diagram.md +2 -0
  11. package/themes/base/diagram.scoped.css +2 -0
  12. package/themes/base/mobile.css +2 -0
  13. package/themes/base/mobile.md +2 -0
  14. package/themes/base/mobile.scoped.css +2 -0
  15. package/themes/brandcopilot/desktop.css +2 -0
  16. package/themes/brandcopilot/desktop.md +2 -0
  17. package/themes/brandcopilot/desktop.scoped.css +2 -0
  18. package/themes/brandcopilot/diagram.css +2 -0
  19. package/themes/brandcopilot/diagram.md +2 -0
  20. package/themes/brandcopilot/diagram.scoped.css +2 -0
  21. package/themes/brandcopilot/mobile.css +2 -0
  22. package/themes/brandcopilot/mobile.md +2 -0
  23. package/themes/brandcopilot/mobile.scoped.css +2 -0
  24. package/themes/dmpatterns/desktop.css +2 -0
  25. package/themes/dmpatterns/desktop.md +2 -0
  26. package/themes/dmpatterns/desktop.scoped.css +2 -0
  27. package/themes/dmpatterns/diagram.css +2 -0
  28. package/themes/dmpatterns/diagram.md +2 -0
  29. package/themes/dmpatterns/diagram.scoped.css +2 -0
  30. package/themes/dmpatterns/mobile.css +2 -0
  31. package/themes/dmpatterns/mobile.md +2 -0
  32. package/themes/dmpatterns/mobile.scoped.css +2 -0
  33. package/themes/pdigest/desktop.css +2 -0
  34. package/themes/pdigest/desktop.md +2 -0
  35. package/themes/pdigest/desktop.scoped.css +2 -0
  36. package/themes/pdigest/diagram.css +2 -0
  37. package/themes/pdigest/diagram.md +2 -0
  38. package/themes/pdigest/diagram.scoped.css +2 -0
  39. package/themes/pdigest/mobile.css +2 -0
  40. package/themes/pdigest/mobile.md +2 -0
  41. package/themes/pdigest/mobile.scoped.css +2 -0
  42. package/themes/retrack/desktop.css +2 -0
  43. package/themes/retrack/desktop.md +2 -0
  44. package/themes/retrack/desktop.scoped.css +2 -0
  45. package/themes/retrack/diagram.css +2 -0
  46. package/themes/retrack/diagram.md +2 -0
  47. package/themes/retrack/diagram.scoped.css +2 -0
  48. package/themes/retrack/mobile.css +2 -0
  49. package/themes/retrack/mobile.md +2 -0
  50. package/themes/retrack/mobile.scoped.css +2 -0
  51. package/tokens/runtime/tokens.base.desktop.runtime.cjs +2 -0
  52. package/tokens/runtime/tokens.base.desktop.runtime.cjs.map +1 -1
  53. package/tokens/runtime/tokens.base.desktop.runtime.d.ts +2 -0
  54. package/tokens/runtime/tokens.base.desktop.runtime.js +2 -0
  55. package/tokens/runtime/tokens.base.desktop.runtime.js.map +1 -1
  56. package/tokens/runtime/tokens.base.diagram.runtime.cjs +2 -0
  57. package/tokens/runtime/tokens.base.diagram.runtime.cjs.map +1 -1
  58. package/tokens/runtime/tokens.base.diagram.runtime.d.ts +2 -0
  59. package/tokens/runtime/tokens.base.diagram.runtime.js +2 -0
  60. package/tokens/runtime/tokens.base.diagram.runtime.js.map +1 -1
  61. package/tokens/runtime/tokens.base.mobile.runtime.cjs +2 -0
  62. package/tokens/runtime/tokens.base.mobile.runtime.cjs.map +1 -1
  63. package/tokens/runtime/tokens.base.mobile.runtime.d.ts +2 -0
  64. package/tokens/runtime/tokens.base.mobile.runtime.js +2 -0
  65. package/tokens/runtime/tokens.base.mobile.runtime.js.map +1 -1
  66. package/tokens/runtime/tokens.brandcopilot.desktop.runtime.cjs +2 -0
  67. package/tokens/runtime/tokens.brandcopilot.desktop.runtime.cjs.map +1 -1
  68. package/tokens/runtime/tokens.brandcopilot.desktop.runtime.d.ts +2 -0
  69. package/tokens/runtime/tokens.brandcopilot.desktop.runtime.js +2 -0
  70. package/tokens/runtime/tokens.brandcopilot.desktop.runtime.js.map +1 -1
  71. package/tokens/runtime/tokens.brandcopilot.diagram.runtime.cjs +2 -0
  72. package/tokens/runtime/tokens.brandcopilot.diagram.runtime.cjs.map +1 -1
  73. package/tokens/runtime/tokens.brandcopilot.diagram.runtime.d.ts +2 -0
  74. package/tokens/runtime/tokens.brandcopilot.diagram.runtime.js +2 -0
  75. package/tokens/runtime/tokens.brandcopilot.diagram.runtime.js.map +1 -1
  76. package/tokens/runtime/tokens.brandcopilot.mobile.runtime.cjs +2 -0
  77. package/tokens/runtime/tokens.brandcopilot.mobile.runtime.cjs.map +1 -1
  78. package/tokens/runtime/tokens.brandcopilot.mobile.runtime.d.ts +2 -0
  79. package/tokens/runtime/tokens.brandcopilot.mobile.runtime.js +2 -0
  80. package/tokens/runtime/tokens.brandcopilot.mobile.runtime.js.map +1 -1
  81. package/tokens/runtime/tokens.dmpatterns.desktop.runtime.cjs +2 -0
  82. package/tokens/runtime/tokens.dmpatterns.desktop.runtime.cjs.map +1 -1
  83. package/tokens/runtime/tokens.dmpatterns.desktop.runtime.d.ts +2 -0
  84. package/tokens/runtime/tokens.dmpatterns.desktop.runtime.js +2 -0
  85. package/tokens/runtime/tokens.dmpatterns.desktop.runtime.js.map +1 -1
  86. package/tokens/runtime/tokens.dmpatterns.diagram.runtime.cjs +2 -0
  87. package/tokens/runtime/tokens.dmpatterns.diagram.runtime.cjs.map +1 -1
  88. package/tokens/runtime/tokens.dmpatterns.diagram.runtime.d.ts +2 -0
  89. package/tokens/runtime/tokens.dmpatterns.diagram.runtime.js +2 -0
  90. package/tokens/runtime/tokens.dmpatterns.diagram.runtime.js.map +1 -1
  91. package/tokens/runtime/tokens.dmpatterns.mobile.runtime.cjs +2 -0
  92. package/tokens/runtime/tokens.dmpatterns.mobile.runtime.cjs.map +1 -1
  93. package/tokens/runtime/tokens.dmpatterns.mobile.runtime.d.ts +2 -0
  94. package/tokens/runtime/tokens.dmpatterns.mobile.runtime.js +2 -0
  95. package/tokens/runtime/tokens.dmpatterns.mobile.runtime.js.map +1 -1
  96. package/tokens/runtime/tokens.pdigest.desktop.runtime.cjs +2 -0
  97. package/tokens/runtime/tokens.pdigest.desktop.runtime.cjs.map +1 -1
  98. package/tokens/runtime/tokens.pdigest.desktop.runtime.d.ts +2 -0
  99. package/tokens/runtime/tokens.pdigest.desktop.runtime.js +2 -0
  100. package/tokens/runtime/tokens.pdigest.desktop.runtime.js.map +1 -1
  101. package/tokens/runtime/tokens.pdigest.diagram.runtime.cjs +2 -0
  102. package/tokens/runtime/tokens.pdigest.diagram.runtime.cjs.map +1 -1
  103. package/tokens/runtime/tokens.pdigest.diagram.runtime.d.ts +2 -0
  104. package/tokens/runtime/tokens.pdigest.diagram.runtime.js +2 -0
  105. package/tokens/runtime/tokens.pdigest.diagram.runtime.js.map +1 -1
  106. package/tokens/runtime/tokens.pdigest.mobile.runtime.cjs +2 -0
  107. package/tokens/runtime/tokens.pdigest.mobile.runtime.cjs.map +1 -1
  108. package/tokens/runtime/tokens.pdigest.mobile.runtime.d.ts +2 -0
  109. package/tokens/runtime/tokens.pdigest.mobile.runtime.js +2 -0
  110. package/tokens/runtime/tokens.pdigest.mobile.runtime.js.map +1 -1
  111. package/tokens/runtime/tokens.retrack.desktop.runtime.cjs +2 -0
  112. package/tokens/runtime/tokens.retrack.desktop.runtime.cjs.map +1 -1
  113. package/tokens/runtime/tokens.retrack.desktop.runtime.d.ts +2 -0
  114. package/tokens/runtime/tokens.retrack.desktop.runtime.js +2 -0
  115. package/tokens/runtime/tokens.retrack.desktop.runtime.js.map +1 -1
  116. package/tokens/runtime/tokens.retrack.diagram.runtime.cjs +2 -0
  117. package/tokens/runtime/tokens.retrack.diagram.runtime.cjs.map +1 -1
  118. package/tokens/runtime/tokens.retrack.diagram.runtime.d.ts +2 -0
  119. package/tokens/runtime/tokens.retrack.diagram.runtime.js +2 -0
  120. package/tokens/runtime/tokens.retrack.diagram.runtime.js.map +1 -1
  121. package/tokens/runtime/tokens.retrack.mobile.runtime.cjs +2 -0
  122. package/tokens/runtime/tokens.retrack.mobile.runtime.cjs.map +1 -1
  123. package/tokens/runtime/tokens.retrack.mobile.runtime.d.ts +2 -0
  124. package/tokens/runtime/tokens.retrack.mobile.runtime.js +2 -0
  125. package/tokens/runtime/tokens.retrack.mobile.runtime.js.map +1 -1
  126. package/tokens/themes/base/dist/desktop.json +16 -0
  127. package/tokens/themes/base/dist/diagram.json +16 -0
  128. package/tokens/themes/base/dist/mobile.json +16 -0
  129. package/tokens/themes/brandcopilot/dist/desktop.json +16 -0
  130. package/tokens/themes/brandcopilot/dist/diagram.json +16 -0
  131. package/tokens/themes/brandcopilot/dist/mobile.json +16 -0
  132. package/tokens/themes/dmpatterns/dist/desktop.json +16 -0
  133. package/tokens/themes/dmpatterns/dist/diagram.json +16 -0
  134. package/tokens/themes/dmpatterns/dist/mobile.json +16 -0
  135. package/tokens/themes/pdigest/dist/desktop.json +16 -0
  136. package/tokens/themes/pdigest/dist/diagram.json +16 -0
  137. package/tokens/themes/pdigest/dist/mobile.json +16 -0
  138. package/tokens/themes/retrack/dist/desktop.json +16 -0
  139. package/tokens/themes/retrack/dist/diagram.json +16 -0
  140. package/tokens/themes/retrack/dist/mobile.json +16 -0
package/base.css CHANGED
@@ -69,6 +69,8 @@ body {
69
69
  line-height: var(--body-line-height);
70
70
  letter-spacing: var(--body-letter-spacing);
71
71
 
72
+ font-variation-settings: 'slnt' 0;
73
+
72
74
  /* size */
73
75
 
74
76
  /* border */
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/components/tag/tag.css CHANGED
@@ -9,26 +9,21 @@
9
9
  /* typography */
10
10
  --tag-font-family: var(--font-note-family);
11
11
  --tag-font-weight: var(--font-note-weight);
12
- --tag-font-size: var(--font-note-size);
13
- --tag-line-height:
14
- var(--font-note-line-height);
15
- --tag-letter-spacing:
16
- var(--font-note-letter-spacing);
12
+ --tag-font-size: var(--font-note);
13
+ --tag-line-height: var(--font-note-line);
14
+ --tag-letter-spacing: var(--font-note-letter-spacing);
17
15
 
18
16
  font-family: var(--tag-font-family);
19
17
  font-size: var(--tag-font-size);
20
18
  font-weight: var(--tag-font-weight);
21
19
  line-height: var(--tag-line-height);
22
- letter-spacing:
23
- var(--tag-letter-spacing);
20
+ letter-spacing: var(--tag-letter-spacing);
24
21
 
25
22
  /* size */
26
23
  --tag-gap: 0;
27
24
  --tag-height: auto;
28
- --tag-padding-x:
29
- var(--padding-tag-horz);
30
- --tag-padding-y:
31
- var(--padding-tag-vert);
25
+ --tag-padding-x: var(--padding-tag-horz);
26
+ --tag-padding-y: var(--padding-tag-vert);
32
27
 
33
28
  display: inline-flex;
34
29
  align-items: center;
@@ -40,13 +35,11 @@
40
35
 
41
36
  /* border */
42
37
  --tag-border-width: 0;
43
- --tag-border-radius:
44
- var(--radius-control);
38
+ --tag-border-radius: var(--radius-control);
45
39
  --tag-border-color: transparent;
46
40
 
47
41
  border: none;
48
- border-radius:
49
- var(--tag-border-radius);
42
+ border-radius: var(--tag-border-radius);
50
43
  outline: none;
51
44
 
52
45
  /* depth */
@@ -55,23 +48,16 @@
55
48
  --tag-transition-duration: 0.2s;
56
49
 
57
50
  transition:
58
- border-color
59
- var(--tag-transition-duration)
60
- ease,
61
- background-color
62
- var(--tag-transition-duration)
63
- ease,
64
- color
65
- var(--tag-transition-duration)
66
- ease,
67
- opacity
68
- var(--tag-transition-duration)
69
- ease;
51
+ border-color var(--tag-transition-duration) ease,
52
+ background-color var(--tag-transition-duration) ease,
53
+ color var(--tag-transition-duration) ease,
54
+ opacity var(--tag-transition-duration) ease;
70
55
  }
71
56
 
72
57
  .tag--context-error {
73
58
  /* color */
74
59
  --tag-bg: var(--color-bad);
60
+ --tag-text: var(--color-text-primary-2);
75
61
 
76
62
  /* typography */
77
63
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "jvetrau-ds",
3
- "version": "0.2.43",
3
+ "version": "0.2.45",
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);
@@ -5671,26 +5671,21 @@ h4.course-outline__group-title {
5671
5671
  /* typography */
5672
5672
  --tag-font-family: var(--font-note-family);
5673
5673
  --tag-font-weight: var(--font-note-weight);
5674
- --tag-font-size: var(--font-note-size);
5675
- --tag-line-height:
5676
- var(--font-note-line-height);
5677
- --tag-letter-spacing:
5678
- var(--font-note-letter-spacing);
5674
+ --tag-font-size: var(--font-note);
5675
+ --tag-line-height: var(--font-note-line);
5676
+ --tag-letter-spacing: var(--font-note-letter-spacing);
5679
5677
 
5680
5678
  font-family: var(--tag-font-family);
5681
5679
  font-size: var(--tag-font-size);
5682
5680
  font-weight: var(--tag-font-weight);
5683
5681
  line-height: var(--tag-line-height);
5684
- letter-spacing:
5685
- var(--tag-letter-spacing);
5682
+ letter-spacing: var(--tag-letter-spacing);
5686
5683
 
5687
5684
  /* size */
5688
5685
  --tag-gap: 0;
5689
5686
  --tag-height: auto;
5690
- --tag-padding-x:
5691
- var(--padding-tag-horz);
5692
- --tag-padding-y:
5693
- var(--padding-tag-vert);
5687
+ --tag-padding-x: var(--padding-tag-horz);
5688
+ --tag-padding-y: var(--padding-tag-vert);
5694
5689
 
5695
5690
  display: inline-flex;
5696
5691
  align-items: center;
@@ -5702,13 +5697,11 @@ h4.course-outline__group-title {
5702
5697
 
5703
5698
  /* border */
5704
5699
  --tag-border-width: 0;
5705
- --tag-border-radius:
5706
- var(--radius-control);
5700
+ --tag-border-radius: var(--radius-control);
5707
5701
  --tag-border-color: transparent;
5708
5702
 
5709
5703
  border: none;
5710
- border-radius:
5711
- var(--tag-border-radius);
5704
+ border-radius: var(--tag-border-radius);
5712
5705
  outline: none;
5713
5706
 
5714
5707
  /* depth */
@@ -5717,23 +5710,16 @@ h4.course-outline__group-title {
5717
5710
  --tag-transition-duration: 0.2s;
5718
5711
 
5719
5712
  transition:
5720
- border-color
5721
- var(--tag-transition-duration)
5722
- ease,
5723
- background-color
5724
- var(--tag-transition-duration)
5725
- ease,
5726
- color
5727
- var(--tag-transition-duration)
5728
- ease,
5729
- opacity
5730
- var(--tag-transition-duration)
5731
- ease;
5713
+ border-color var(--tag-transition-duration) ease,
5714
+ background-color var(--tag-transition-duration) ease,
5715
+ color var(--tag-transition-duration) ease,
5716
+ opacity var(--tag-transition-duration) ease;
5732
5717
  }
5733
5718
 
5734
5719
  .tag--context-error {
5735
5720
  /* color */
5736
5721
  --tag-bg: var(--color-bad);
5722
+ --tag-text: var(--color-text-primary-2);
5737
5723
 
5738
5724
  /* typography */
5739
5725
 
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;