From 25c00c80b7c02f1bcc5b85aa553d1a5abc92a2ab Mon Sep 17 00:00:00 2001 From: Cory LaViska Date: Fri, 24 Jun 2022 08:46:44 -0400 Subject: [PATCH] fix label color --- docs/resources/changelog.md | 1 + src/components/checkbox/checkbox.styles.ts | 1 + src/components/radio/radio.styles.ts | 1 + 3 files changed, 3 insertions(+) diff --git a/docs/resources/changelog.md b/docs/resources/changelog.md index 07adcae9..7c56821e 100644 --- a/docs/resources/changelog.md +++ b/docs/resources/changelog.md @@ -19,6 +19,7 @@ _During the beta period, these restrictions may be relaxed in the event of a mis - Fixed a bug in `` where values were logged to the console when using the keyboard - Fixed a bug in `` where password controls would try to autocorrect/autocomplete/autocapitalize when the password is visible - Fixed label alignment in `` and `` so they align to the top of the control instead of the center when wrapping +- Fixed labels in `` and `` so they use the `--sl-input-label-color` design token - Updated the `fieldset` attribute so it reflects in `` ## 2.0.0-beta.76 diff --git a/src/components/checkbox/checkbox.styles.ts b/src/components/checkbox/checkbox.styles.ts index a23091b3..1f92f87c 100644 --- a/src/components/checkbox/checkbox.styles.ts +++ b/src/components/checkbox/checkbox.styles.ts @@ -99,6 +99,7 @@ export default css` } .checkbox__label { + color: var(--sl-input-label-color); line-height: var(--sl-toggle-size); margin-inline-start: 0.5em; user-select: none; diff --git a/src/components/radio/radio.styles.ts b/src/components/radio/radio.styles.ts index 910f1c62..0da0daa9 100644 --- a/src/components/radio/radio.styles.ts +++ b/src/components/radio/radio.styles.ts @@ -98,6 +98,7 @@ export default css` } .radio__label { + color: var(--sl-input-label-color); line-height: var(--sl-toggle-size); margin-inline-start: 0.5em; user-select: none;