-
Notifications
You must be signed in to change notification settings - Fork 166
Update switch styles #4836
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
Update switch styles #4836
Conversation
LLM Analysis of PR ChangesSummaryThis PR updates the styles for the Key Points to Review
Style & Consistency
|
Deploying orbit with
|
| Latest commit: |
0389105
|
| Status: | ✅ Deploy successful! |
| Preview URL: | https://7e1e703d.orbit.pages.dev |
| Branch Preview URL: | https://dsil-update-switch-styles.orbit.pages.dev |
|
Size Change: -45 B (-0.01%) Total Size: 472 kB
ℹ️ View Unchanged
|
|
Storybook staging is available at https://kiwicom-orbit-dsil-update-switch-styles.surge.sh Playroom staging is available at https://kiwicom-orbit-dsil-update-switch-styles.surge.sh/playroom |
611e7e4 to
0389105
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
from my POV the code is correct (excluding question/note above), however, I have a design-related note - when the old switch was checked && focused, the blue outline was visible, bcs the toggle was "overflowing" the blue area. now, when it's not overflowing, the blue outline is not visible when focused. I think designers should take this into mind and adjust.
|
Agreed with the focus question. I also noticed it. Added it to the sync document |
According to Design, there is a new design for the Switch component.
Some snapshots needed an update as they were constantly failing. They are on a separate commit to avoid noise on the PR
FEPLT-2962
✨
Description by Callstackai
This PR updates the styles for the Switch component according to the new design specifications. It also includes new stories and tests for the Switch component.
Diagrams of code changes
sequenceDiagram participant User participant Switch participant Icon Note over Switch: Component can be checked/unchecked Note over Switch: Can be enabled/disabled User->>Switch: Interact with Switch alt is enabled Switch-->>User: Show clickable cursor User->>Switch: Toggle state Switch->>Switch: Update checked state alt has icon Switch->>Icon: Render icon Icon-->>Switch: Return icon component end Switch-->>User: Show updated state else is disabled Switch-->>User: Show not-allowed cursor Switch-->>User: Maintain current state end Note over Switch: Supports RTL layout Note over Switch: Animates state changesFiles Changed