From 0cdfcc25bf73bcf24ccb80915885764011a19790 Mon Sep 17 00:00:00 2001 From: juliajforesti Date: Fri, 31 May 2024 15:45:51 -0300 Subject: [PATCH 1/2] fix(fuselage): add link with underline decoration as a default --- packages/fuselage/src/components/Box/props.stories.tsx | 7 +++++++ packages/fuselage/src/styles/primitives/link.scss | 2 ++ 2 files changed, 9 insertions(+) diff --git a/packages/fuselage/src/components/Box/props.stories.tsx b/packages/fuselage/src/components/Box/props.stories.tsx index c280f33ae7..72d3dd8580 100644 --- a/packages/fuselage/src/components/Box/props.stories.tsx +++ b/packages/fuselage/src/components/Box/props.stories.tsx @@ -56,3 +56,10 @@ isH4.args = { children: 'A Box rendering a h4', }; isH4.storyName = 'is h4'; + +export const asLink = Template.bind({}); +asLink.args = { + is: 'a', + onClick: () => null, + children: 'A Box rendering as a link', +}; diff --git a/packages/fuselage/src/styles/primitives/link.scss b/packages/fuselage/src/styles/primitives/link.scss index aa98b770f3..ca076bd850 100644 --- a/packages/fuselage/src/styles/primitives/link.scss +++ b/packages/fuselage/src/styles/primitives/link.scss @@ -5,6 +5,8 @@ @import '../../styles/mixins/states.scss'; %link { + text-decoration: underline; + color: functions.theme('link-color', colors.font(info)); &:focus-visible, From b69e76dad516aa1844c70e5e993db2828477bc1c Mon Sep 17 00:00:00 2001 From: juliajforesti Date: Fri, 31 May 2024 15:46:30 -0300 Subject: [PATCH 2/2] chore: changeset --- .changeset/nasty-trainers-breathe.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/nasty-trainers-breathe.md diff --git a/.changeset/nasty-trainers-breathe.md b/.changeset/nasty-trainers-breathe.md new file mode 100644 index 0000000000..70bb0d3095 --- /dev/null +++ b/.changeset/nasty-trainers-breathe.md @@ -0,0 +1,5 @@ +--- +"@rocket.chat/fuselage": patch +--- + +fix(fuselage): add link with underline decoration as a default