Skip to content

Conversation

@git-nandor
Copy link
Contributor

INSTUI-4800

Summary

Migrated Pill component from the old theming system.

Test plan

On the documentation page, verify that everything displays and works correctly.

Co-Authored-By: 🤖 Claude

@git-nandor git-nandor self-assigned this Dec 5, 2025
@git-nandor git-nandor changed the base branch from master to v12 December 5, 2025 14:47
@git-nandor git-nandor force-pushed the INSTUI-4800_pill_rework branch from 1abeb41 to a02b805 Compare December 5, 2025 14:50
@git-nandor git-nandor marked this pull request as ready for review December 5, 2025 14:51
@github-actions
Copy link

github-actions bot commented Dec 5, 2025

PR Preview Action v1.6.3

🚀 View preview at
https://instructure.design/pr-preview/pr-2293/

Built to branch gh-pages at 2025-12-05 16:29 UTC.
Preview will be ready when the GitHub Pages deployment is complete.

@git-nandor git-nandor force-pushed the INSTUI-4800_pill_rework branch from a02b805 to ae51213 Compare December 5, 2025 16:24
Copy link
Collaborator

@matyasf matyasf left a comment

Choose a reason for hiding this comment

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

The example in the docs page is weird, it shows all the themes. Please rewrite it, so it only shows the current theme.

borderWidth: componentTheme.borderWidth,
borderStyle: componentTheme.borderStyle,
borderRadius: componentTheme.borderRadius,
fontFamily: componentTheme.fontFamily,
Copy link
Collaborator

Choose a reason for hiding this comment

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

lineHeight style token is not used, it should be either deleted or used

Copy link
Collaborator

Choose a reason for hiding this comment

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

I'm not sure why it has been added but its not essential. @hajnaldo ?

Copy link
Collaborator

@adamlobler adamlobler left a comment

Choose a reason for hiding this comment

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

We should update the showcase as well. Right now, it’s using the legacy icons, but we should use the new Lucide icons instead.
Also, we should only show the components in one theme, just like the other showcases.

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.

4 participants