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

[BulkActions] Use light UI over dark UI #8233

Closed
wants to merge 4 commits into from

Conversation

mrcthms
Copy link
Contributor

@mrcthms mrcthms commented Feb 1, 2023

WHY are these changes introduced?

We want to revert the BulkActions component to use a light UI over a dark UI. We initially opted for a dark UI for this to improve discoverability of the component, however we now feel it's more appropriate to maintain consistency with the rest of the UI and keeping it light. In order to ensure the component still feels noticable when appearing, especially over intermediate-ly checked IndexTables, we have added a new shadow token --p-shadow-medium which is used to visually lift the BulkActions.

WHAT is this pull request doing?

Removing all custom properties which switched the BulkActions UI to be dark, and adding in the new shadow token.

Screenshot 2023-02-01 at 15 35 14

🎩 checklist

@mrcthms
Copy link
Contributor Author

mrcthms commented Feb 1, 2023

/snapit

@github-actions
Copy link
Contributor

github-actions bot commented Feb 1, 2023

🫰✨ Thanks @mrcthms! Your snapshots have been published to npm.

Test the snapshots by updating your package.json with the newly published versions:

yarn add @shopify/plugin-polaris@0.0.0-snapshot-release-20230201154144
yarn add @shopify/polaris-icons@0.0.0-snapshot-release-20230201154144
yarn add @shopify/polaris-migrator@0.0.0-snapshot-release-20230201154144
yarn add @shopify/polaris@0.0.0-snapshot-release-20230201154144
yarn add @shopify/polaris-tokens@0.0.0-snapshot-release-20230201154144
yarn add @shopify/stylelint-polaris@0.0.0-snapshot-release-20230201154144

@github-actions
Copy link
Contributor

github-actions bot commented Feb 1, 2023

size-limit report 📦

Path Size
polaris-react-cjs 215.97 KB (+0.01% 🔺)
polaris-react-esm 137.27 KB (0%)
polaris-react-esnext 191.48 KB (-0.06% 🔽)
polaris-react-css 40.93 KB (-0.26% 🔽)

@mrcthms
Copy link
Contributor Author

mrcthms commented Feb 1, 2023

/snapit

@github-actions
Copy link
Contributor

github-actions bot commented Feb 1, 2023

🫰✨ Thanks @mrcthms! Your snapshots have been published to npm.

Test the snapshots by updating your package.json with the newly published versions:

yarn add @shopify/plugin-polaris@0.0.0-snapshot-release-20230201170836
yarn add @shopify/polaris-icons@0.0.0-snapshot-release-20230201170836
yarn add @shopify/polaris-migrator@0.0.0-snapshot-release-20230201170836
yarn add @shopify/polaris@0.0.0-snapshot-release-20230201170836
yarn add @shopify/polaris-tokens@0.0.0-snapshot-release-20230201170836
yarn add @shopify/stylelint-polaris@0.0.0-snapshot-release-20230201170836

@mrcthms mrcthms closed this Mar 14, 2023
@mrcthms mrcthms deleted the mrcthms-bulk-actions-exploration branch March 14, 2023 10:13
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.

None yet

1 participant