diff --git a/.changeset/sweet-islands-sleep.md b/.changeset/sweet-islands-sleep.md new file mode 100644 index 00000000000..25ca2791643 --- /dev/null +++ b/.changeset/sweet-islands-sleep.md @@ -0,0 +1,5 @@ +--- +'@primer/react': patch +--- + +Replace StateLabel color with new draft token diff --git a/packages/react/src/StateLabel/StateLabel.module.css b/packages/react/src/StateLabel/StateLabel.module.css index 2df846dc6f9..19f3ae958de 100644 --- a/packages/react/src/StateLabel/StateLabel.module.css +++ b/packages/react/src/StateLabel/StateLabel.module.css @@ -64,15 +64,19 @@ } .StateLabel:where([data-status='draft']) { - background-color: var(--bgColor-neutral-emphasis); + /* stylelint-disable-next-line primer/colors */ + background-color: var(--bgColor-draft-emphasis, var(--bgColor-neutral-emphasis)); color: var(--fgColor-onEmphasis); - box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-neutral-emphasis, transparent); + box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) + var(--borderColor-draft-emphasis, var(--borderColor-neutral-emphasis, transparent)); } .StateLabel:where([data-status='issueDraft']) { - background-color: var(--bgColor-neutral-emphasis); + /* stylelint-disable-next-line primer/colors */ + background-color: var(--bgColor-draft-emphasis, var(--bgColor-neutral-emphasis)); color: var(--fgColor-onEmphasis); - box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-neutral-emphasis, transparent); + box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) + var(--borderColor-draft-emphasis, var(--borderColor-neutral-emphasis, transparent)); } .StateLabel:where([data-status='unavailable']) {