From 4b07ee40a7e29b76ad0ff06bfc8611d646f5d2d9 Mon Sep 17 00:00:00 2001 From: Cory LaViska Date: Sun, 12 Sep 2021 19:57:48 -0400 Subject: [PATCH] fixes #523 --- docs/resources/changelog.md | 4 ++++ src/components/tab/tab.styles.ts | 2 +- 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/docs/resources/changelog.md b/docs/resources/changelog.md index 7cd42f415d..135f55aa3b 100644 --- a/docs/resources/changelog.md +++ b/docs/resources/changelog.md @@ -6,6 +6,10 @@ Components with the Experimental badge _During the beta period, these restrictions may be relaxed in the event of a mission-critical bug._ 🐛 +## Next + +- Fixed a bug where `` wasn't using a border radius token [#523](https://github.com/shoelace-style/shoelace/issues/523) + ## 2.0.0-beta.51 A number of users had trouble counting characters that repeat, so this release improves design token pattern so "t-shirt sizes" are more accessible. For example, `--sl-font-size-xxx-large` has become `--sl-font-size-3x-large`. This change applies to all design tokens that use this scale. diff --git a/src/components/tab/tab.styles.ts b/src/components/tab/tab.styles.ts index 4392bf3daf..9808de92f3 100644 --- a/src/components/tab/tab.styles.ts +++ b/src/components/tab/tab.styles.ts @@ -15,7 +15,7 @@ export default css` font-family: var(--sl-font-sans); font-size: var(--sl-font-size-small); font-weight: var(--sl-font-weight-semibold); - border-radius: 4px; + border-radius: var(--sl-border-radius-medium); color: rgb(var(--sl-color-neutral-600)); padding: var(--sl-spacing-medium) var(--sl-spacing-large); white-space: nowrap;