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 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,