fix: Set <Prose> horizontal rule color to Divider/Primary (#852)

* fix: Use primary border color in Prose <hr>

* refactor: Expose border color as custom CSS prop

* chore: Bump version

CHANGELOG.md

@@ -2,6 +2,10 @@
 
 Reactist follows [semantic versioning](https://semver.org/) and doesn't introduce breaking changes (API-wise) in minor or patch releases. However, the appearance of a component might change in a minor or patch release so keep an eye on redesigns and make sure your app still looks and feels like you expect it.
 
+# 26.2.4
+
+-   [Fix] The `Prose` component's horizontal rule color is now properly set to the primary divider color.
+
 # 26.2.3
 
 -   [Fix] The `Tab` component's line height is now properly set to 21px.

package.json

@@ -6,7 +6,7 @@
         "email": "[email protected]",
         "url": "http://doist.com"
     },
-    "version": "26.2.3",
+    "version": "26.2.4",
     "license": "MIT",
     "homepage": "https://github.com/Doist/reactist#readme",
     "repository": {

src/prose/prose.module.css

@@ -8,6 +8,8 @@
     --reactist-prose-link-idle-underline: var(--reactist-divider-primary);
     --reactist-prose-link-hover-tint: #006f85;
     --reactist-prose-link-hover-underline: #006f85;
+
+    --reactist-prose-horizontal-rule-color: var(--reactist-divider-primary);
 }
 
 /* Internals for spacing. These are not considered public API. */
@@ -151,7 +153,7 @@
 .prose hr {
     margin-block: var(--reactist-prose-space-2);
     border: none;
-    border-top: 1px solid var(--reactist-divider-secondary);
+    border-top: 1px solid var(--reactist-prose-horizontal-rule-color);
 }
 
 /* blockquote */