From 75441cdb1ef09770f676c8f81597773c6265ce6e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Pawe=C5=82=20Grimm?= Date: Thu, 12 Dec 2024 12:41:53 -0600 Subject: [PATCH] fix: Set horizontal rule color to Divider/Primary (#852) * fix: Use primary border color in Prose
* refactor: Expose border color as custom CSS prop * chore: Bump version --- CHANGELOG.md | 4 ++++ package-lock.json | 4 ++-- package.json | 2 +- src/prose/prose.module.css | 4 +++- 4 files changed, 10 insertions(+), 4 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 730877532..2ec94495c 100644 --- a/CHANGELOG.md +++ b/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. diff --git a/package-lock.json b/package-lock.json index 0ca01ebbf..198ab2f6c 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "@doist/reactist", - "version": "26.2.3", + "version": "26.2.4", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@doist/reactist", - "version": "26.2.3", + "version": "26.2.4", "hasInstallScript": true, "license": "MIT", "dependencies": { diff --git a/package.json b/package.json index 5b8c44f5b..a2b88f99b 100644 --- a/package.json +++ b/package.json @@ -6,7 +6,7 @@ "email": "henning@doist.com", "url": "http://doist.com" }, - "version": "26.2.3", + "version": "26.2.4", "license": "MIT", "homepage": "https://github.com/Doist/reactist#readme", "repository": { diff --git a/src/prose/prose.module.css b/src/prose/prose.module.css index d862c90e5..b6042042f 100644 --- a/src/prose/prose.module.css +++ b/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 */