Skip to content

feat(tags): Update designs for project SHINE#2038

Merged
mukunku merged 19 commits into
betafrom
sal/SPARK-80
Nov 12, 2025
Merged

feat(tags): Update designs for project SHINE#2038
mukunku merged 19 commits into
betafrom
sal/SPARK-80

Conversation

@mukunku
Copy link
Copy Markdown
Collaborator

@mukunku mukunku commented Nov 5, 2025

Summary

This is for SPARK-80 and adjusts the Tags component according to the latest Figma designs.

image

Noteworthy Items

  • The disabled state mentioned in the designs have been deemed unneeded as "disabled" tags only happen in post-summary and that component already controls how it formats disabled tags itself.
  • The Teams styles mentioned in the designs are not controlled from the Stacks libraries. That's controlled by the Theme configured on the Teams product side. So the EPROD teams will most likely take care of those changes.
  • There weren't many details on how to style the dismiss button so I took some liberties with their look. cc: @CGuindon
  • I had to bump the ignored text color from black-400 to black-500 in high-contrast mode as it was failing the AAA wcag contrast test:
    image

Breaking Changes

This PR:

  • Removes .s-tag__xs and .s-tag__md sizes
  • Updates .s-tag__sm to match the now removed .s-tag__xs in size
Size Change
.s-tag__xs ❌ removed
.s-tag__sm 🔨 matches .s-tag__xs now
.s-tag ✔️ unchanged
.s-tag__md ❌ removed
.s-tag__lg ✔️ unchanged

How to Test

There are two places to confirm the changes:

@changeset-bot
Copy link
Copy Markdown

changeset-bot Bot commented Nov 5, 2025

🦋 Changeset detected

Latest commit: 47dbff8

The changes in this PR will be included in the next version bump.

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@netlify
Copy link
Copy Markdown

netlify Bot commented Nov 5, 2025

Deploy Preview for stacks ready!

Name Link
🔨 Latest commit 47dbff8
🔍 Latest deploy log https://app.netlify.com/projects/stacks/deploys/6913af4ef3bedc000843faa9
😎 Deploy Preview https://deploy-preview-2038--stacks.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify
Copy link
Copy Markdown

netlify Bot commented Nov 5, 2025

Deploy Preview for stacks-svelte ready!

Name Link
🔨 Latest commit 47dbff8
🔍 Latest deploy log https://app.netlify.com/projects/stacks-svelte/deploys/6913af4e18eed90008bfe2c3
😎 Deploy Preview https://deploy-preview-2038--stacks-svelte.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@mukunku mukunku changed the title feat(tags): xs and md sizes removed feat(tags): xs and md sizes removed for project SHINE Nov 5, 2025
Copy link
Copy Markdown
Collaborator

@ttaylor-stack ttaylor-stack left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good work, there's a few issues with some of the component styles that need addressing. I've added @CGuindon to the PR too to confirm.

Also you need to add a changeset (see comment by the changeset-bot)

Comment thread packages/stacks-classic/lib/components/tag/tag.less
Comment thread packages/stacks-classic/lib/components/tag/tag.less Outdated
@mukunku mukunku changed the title feat(tags): xs and md sizes removed for project SHINE feat(tags): Update designs for project SHINE Nov 11, 2025
Copy link
Copy Markdown
Collaborator

@ttaylor-stack ttaylor-stack left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@mukunku mukunku merged commit e0da077 into beta Nov 12, 2025
18 checks passed
@mukunku mukunku deleted the sal/SPARK-80 branch November 12, 2025 16:27
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants