diff --git a/e2e/screenshots/button-variant-link-.png b/e2e/screenshots/button-variant-link-.png index 95c35a8ca..543aac7a2 100644 Binary files a/e2e/screenshots/button-variant-link-.png and b/e2e/screenshots/button-variant-link-.png differ diff --git a/e2e/screenshots/dark--button-variant-link-.png b/e2e/screenshots/dark--button-variant-link-.png index 44d1f5935..f2562516d 100644 Binary files a/e2e/screenshots/dark--button-variant-link-.png and b/e2e/screenshots/dark--button-variant-link-.png differ diff --git a/e2e/screenshots/dark--link.png b/e2e/screenshots/dark--link.png index bdc7083ac..cb28b5f34 100644 Binary files a/e2e/screenshots/dark--link.png and b/e2e/screenshots/dark--link.png differ diff --git a/e2e/screenshots/link.png b/e2e/screenshots/link.png index c9ee9a100..7393c814e 100644 Binary files a/e2e/screenshots/link.png and b/e2e/screenshots/link.png differ diff --git a/packages/react/src/components/Link/index.css b/packages/react/src/components/Link/index.css index 8aefc6471..b8a61d6c9 100644 --- a/packages/react/src/components/Link/index.css +++ b/packages/react/src/components/Link/index.css @@ -1,3 +1,9 @@ +a.Button--primary, +a.Button--secondary, +a.Button--thin { + font-weight: var(--font-weight-medium); +} + a.Button--primary, a.Button--secondary { text-decoration: none; diff --git a/packages/styles/base.css b/packages/styles/base.css index 288b4aecf..f492389e6 100644 --- a/packages/styles/base.css +++ b/packages/styles/base.css @@ -78,7 +78,6 @@ button, a { color: var(--link-text-color); - font-weight: var(--font-weight-medium); } p { diff --git a/packages/styles/button.css b/packages/styles/button.css index 8d0bb9575..d5b9cc613 100644 --- a/packages/styles/button.css +++ b/packages/styles/button.css @@ -53,6 +53,7 @@ button.Link { cursor: pointer; font-size: inherit; + font-weight: var(--font-weight-normal); } .Button--primary:focus, diff --git a/packages/styles/link.css b/packages/styles/link.css index 85c821562..95bb05d9c 100644 --- a/packages/styles/link.css +++ b/packages/styles/link.css @@ -12,8 +12,6 @@ .Link { text-decoration: underline; color: var(--link-text-color); - font-weight: var(--font-weight-medium); - display: inline-block; padding: var(--space-quarter); background: transparent; vertical-align: baseline; @@ -29,10 +27,9 @@ outline-offset: 0; } -p .Link { - margin: 0 2px; - display: inline; - text-decoration: underline; - color: var(--link-text-color); - font-weight: var(--font-weight-normal); +.Link:has(.Icon) { + display: inline-flex; + align-items: center; + gap: var(--space-half); + flex-wrap: wrap; }