feat(react): improve button, tag, speed-dial, and time-picker components#68
Merged
wangdicoder merged 6 commits intomasterfrom Mar 21, 2026
Merged
Conversation
…tton types Add missing hover/active color tokens for success, info, warning, and danger in both light and dark themes, and pass them to the button-style mixin so these button types now have visible interactive state feedback.
Add status color styles using the global semantic color tokens to match the button component's status types. Include a Status demo and update both EN and CN docs.
…dcoded SCSS variables Replace hardcoded $primary-color references with var(--ty-color-primary) and related tokens so the FAB button color follows theme changes.
…vior Introduce a pending state so clicking time slots shows a tentative (greyed) highlight without affecting other columns. The input displays the in-progress time in a lighter color. Selections are only committed when OK is clicked, matching Ant Design's TimePicker behavior.
Merged
wangdicoder
deleted the
feat/button-tag-speeddial-timepicker-improvements
branch
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
success,info,warning, anddangerbutton types by introducing new color tokens and passing them to thebutton-stylemixinsuccess,info,warning,dangerstatus color presets matching button status types, with a new Status demo and updated EN/CN docs$primary-colorSCSS variables with theme-awarevar(--ty-color-primary)CSS custom properties so the FAB button follows theme changeshoverandactivecolor tokens for success, info, warning, and danger in both light and dark themesRelease
minor@tiny-design/react,@tiny-design/tokensTest plan
success,info,warning,dangertypes show distinct hover, focus, and active statescolor="success","info","warning","danger"pnpm test— all tests pass