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

Add a touch variant #1468

Merged
merged 27 commits into from
Nov 7, 2024
Merged

Add a touch variant #1468

merged 27 commits into from
Nov 7, 2024

Conversation

haideralsh
Copy link
Contributor

Description

BREAKING CHANGE: changes NDSProvider size prop to variant.

The size prop was originally used sparingly in some components like the
Button and the Icon to resize those components.

It was later extended to make all interactive components large enough to
be used on a touch screen, through changing the size prop directly or
by passing a size prop to the NDSProvider globally.

With this change, we retain the use of the size prop for select
components, and introduce a variant prop that can be passed either to
individual components or the NDSProvider globally with the value of
either desktop or touch.

Changes include

  • breaking change: a change that is not backwards-compatible and/or changes current functionality
  • fix: a non-breaking change that solves an issue
  • feature: a non-breaking change that adds functionality
  • chore: contains no changes affecting the library, such as documentation or test updates

Feature checklist

  • Appropriate tests have been added
  • Documentation has been updated
  • Accessibility has been considered

BREAKING CHANGE: changes NDSProvider `size` prop to `variant`.

The `size` prop was originally used sparingly in some components like the
Button and the Icon to resize those components.

It was later extended to make all interactive components large enough to
be used on a touch screen, through changing the `size` prop directly or
by passing a `size` prop to the NDSProvider globally.

With this change, we retain the use of the `size` prop for select
components, and introduce a `variant` prop that can be passed either to
individual components or the NDSProvider globally with the value of
either `desktop` or `touch`.
@haideralsh haideralsh force-pushed the add-a-touch-variant branch 3 times, most recently from 754f1e9 to be3c170 Compare November 6, 2024 18:43
BREAKING CHANGE: removes the `icon` and `iconSize` props from the input
in-favor of `iconLeft`, `iconRight`, `iconRightSize`, `iconLeftSize`

Migration:
* Replace `icon` prop with `iconRight`
* Replace `iconSize` prop with `iconRightSize`
BREAKING CHANGE: removes the old unused NavBar component that was
replaced with the BrandedNavBar
The configuration panel requires duplicating logic of the NDSProvider
and can cause unwanted bugs.
* Use numbers for fontWeights
* Double the size coefficient
export const AlertTypes = () => (
<Flex flexDirection="column" gap="x1">
{" "}
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Remove in next version

@haideralsh haideralsh merged commit 039a996 into next Nov 7, 2024
4 checks passed
@haideralsh haideralsh deleted the add-a-touch-variant branch November 7, 2024 21:52
Copy link

github-actions bot commented Nov 7, 2024

🎉 This PR is included in version 11.0.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

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.

1 participant