Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Ally updates for tabs style #3971

Merged

Conversation

kingtraceyj
Copy link
Member

@kingtraceyj kingtraceyj commented Mar 14, 2024

Closes #3827

Addresses A11y concerns for scrollable focus states and general updates to tokens and images.

Will open separate issues for focus states around whole tab groups and line tab border color because they require further investigation.

Changelog

• Took out focus states for scroll icons
• Updated to latest style template
• Updated disabled tokens for text and icon in contained tabs
• Updated image ratios from fixed to normal ratios on non-structure images

• Took out focus states for scroll icons
• Updated to latest style template
• Updated disabled tokens for text and icon in contained tabs
• Updated image ratios from fixed to normal ratios on non-structure images
Copy link

vercel bot commented Mar 14, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
carbondesignsystem ✅ Ready (Inspect) Visit Preview 💬 Add feedback Apr 9, 2024 5:00pm

• updated image to include close icon instead of bee
• fixed a few typos and added headers for clarity
going to see what it looks like without breaks
yikes. added breaks back in.
trying to figure out why line breaks aren't working
still trying to figure out why breaks aren't working
break still not working
Copy link
Member

@laurenmrice laurenmrice left a comment

Choose a reason for hiding this comment

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

Looking good Tracey 🌟!! Just a couple things:

src/pages/components/tabs/style.mdx Outdated Show resolved Hide resolved
src/pages/components/tabs/style.mdx Show resolved Hide resolved
src/pages/components/tabs/style.mdx Outdated Show resolved Hide resolved
src/pages/components/tabs/style.mdx Outdated Show resolved Hide resolved
src/pages/components/tabs/style.mdx Outdated Show resolved Hide resolved
src/pages/components/tabs/style.mdx Outdated Show resolved Hide resolved
src/pages/components/tabs/style.mdx Show resolved Hide resolved
src/pages/components/tabs/style.mdx Show resolved Hide resolved
Copy link
Contributor

@Kritvi-bhatia17 Kritvi-bhatia17 left a comment

Choose a reason for hiding this comment

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

Amazing work, Tracey!! 🎉
I was thinking, should we include links to the variants table under the 'Usage' tab (link), or would it be better to address that separately?
image

Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>
@kingtraceyj
Copy link
Member Author

@Kritvi-bhatia17 i am about to update the usage tab so will include the link update in that PR! good catch.

Copy link
Member

@laurenmrice laurenmrice left a comment

Choose a reason for hiding this comment

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

🚀

Copy link
Contributor

@Kritvi-bhatia17 Kritvi-bhatia17 left a comment

Choose a reason for hiding this comment

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

Nice work @kingtraceyj! 🔥

@alisonjoseph alisonjoseph merged commit 407b179 into carbon-design-system:main Apr 9, 2024
7 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Tabs: Style tab
5 participants