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

DropdownMenu: add onBackground variant #576

Merged
merged 15 commits into from
Aug 9, 2023
Merged

Conversation

jialin-he
Copy link
Contributor

@jialin-he jialin-he commented Aug 3, 2023

This change: (check at least one)

  • Adds a new feature
  • Fixes a bug
  • Improves maintainability
  • Improves documentation
  • Is a release activity

Is this a breaking change? (check one)

  • Yes
  • No

Is the: (complete all)

  • Title of this pull request clear, concise, and indicative of the issue number it addresses, if any?
  • Test suite(s) passing?
  • Code coverage maximal?
  • Changeset added?
  • Component status page up to date?

What does this change address?
Create an on-background version of menu.

image

How does this change work?
Pass the on-background property to the menu items when rendering them.

@changeset-bot
Copy link

changeset-bot bot commented Aug 3, 2023

🦋 Changeset detected

Latest commit: d11834a

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
@ithaka/pharos Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@github-actions
Copy link
Contributor

github-actions bot commented Aug 3, 2023

size-limit report 📦

Path Size
packages/pharos/lib/index.js 47.29 KB (+0.51% 🔺)

Comment on lines +183 to +190
const effect = () => {
useEffect(() => {
setTimeout(() => {
document.querySelector('#my-button-on-background').click();
}, 700);
});
};
effect();
Copy link
Member

@daneah daneah Aug 3, 2023

Choose a reason for hiding this comment

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

I think Storybook might have nicer APIs for doing things like this now...something for later since I see you're borrowing an existing pattern, unless you're so inclined to update the stories in at least this file to use it.

@jialin-he jialin-he merged commit c32ba86 into develop Aug 9, 2023
11 of 12 checks passed
@jialin-he jialin-he deleted the feature/onbackground-menu branch August 9, 2023 18:04
@github-actions github-actions bot mentioned this pull request Aug 11, 2023
daneah added a commit that referenced this pull request Aug 20, 2023
* develop:
  fix(storybook): remove TypeScript watch from commands (#582)
  chore: version packages (#581)
  Menu: add onBackground variant (#576)
  Infra: update Yarn scripts (#579)
  Icon: Update stories to correctly pass description to components (#577)
daneah added a commit that referenced this pull request Aug 20, 2023
* release/13.0.0:
  fix: update incorrect imports
  fix(storybook): remove TypeScript watch from commands (#582)
  chore: version packages (#581)
  Menu: add onBackground variant (#576)
  Infra: update Yarn scripts (#579)
  Icon: Update stories to correctly pass description to components (#577)
daneah added a commit that referenced this pull request Aug 20, 2023
* release/13.0.0:
  fix: update incorrect imports
  fix(storybook): remove TypeScript watch from commands (#582)
  chore: version packages (#581)
  Menu: add onBackground variant (#576)
  Infra: update Yarn scripts (#579)
  Icon: Update stories to correctly pass description to components (#577)
@daneah daneah changed the title Menu: add onBackground variant Dropdown: add onBackground variant Aug 30, 2023
@daneah daneah changed the title Dropdown: add onBackground variant DropdownMenu: add onBackground variant Aug 30, 2023
sirrah-tam pushed a commit to sirrah-tam/pharos that referenced this pull request Dec 1, 2023
* feat(color): add new color

* feat(menu-item): add on background variant

* feat(menu): add on background variant

* feat(menu): do not show stroke on on background menu

* docs(changeset): change to minor version

* feat(menu): update react story book

* feat(menu): remove border for on background menu but add radius

* Update packages/pharos/src/components/dropdown-menu/pharos-dropdown-menu-item.scss

Co-authored-by: Dane Hillard <github@danehillard.com>

* feat(menu): add disabled state for onbackground menu

* feat(menu): update story book

* Update packages/pharos/src/components/dropdown-menu/pharos-dropdown-menu.wc.stories.jsx

* Update packages/pharos/src/components/dropdown-menu/PharosDropdownMenu.react.stories.jsx

---------

Co-authored-by: Mike Iden <mike.iden@ithaka.org>
Co-authored-by: Dane Hillard <github@danehillard.com>
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.

None yet

4 participants