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

dynamically set the menu item icon attribute when icons is true for menu #26998

Conversation

chrisdholt
Copy link
Member

Previous Behavior

New Behavior

Related Issue(s)

  • Fixes #

@chrisdholt chrisdholt reopened this Feb 27, 2023
@codesandbox-ci
Copy link

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 0646b26:

Sandbox Source
@fluentui/react 8 starter Configuration
@fluentui/react-components 9 starter Configuration

@chrisdholt chrisdholt assigned chrisdholt and unassigned Hotell Feb 27, 2023
@brianchristopherbrady brianchristopherbrady merged commit 24d7895 into microsoft:user/brianbrady/web-component-menu Feb 27, 2023
@chrisdholt chrisdholt deleted the users/chhol/dynamically-set-icon-attr-menu branch February 27, 2023 21:03
return;
}

this.menuItems?.filter(this.isMenuItemElement).forEach((item: HTMLElement, index: number) => {
Copy link
Contributor

Choose a reason for hiding this comment

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

menuItems comes from the FASTMenu class?

Copy link
Member Author

Choose a reason for hiding this comment

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

brianchristopherbrady added a commit that referenced this pull request Apr 20, 2023
* menu init

* updates docs

* menu init

* menu item init

* registers menu-item

* adds some menu styles

* adds default menu item icons

* adds menu stories

* updates default menu icons

* styles menu and menu item

* updates readme

* swaps part for class css

* removes dead code

* adds menu and menu item to package.json

* removes dead code

* updates menu styles

* yarn change

* adds menu header

* updates jsdocs

* removes dead file

* removes dead code

* removes split button styling

* adds display helper

* api report

* flattens menu and menu item directories

* removes element specification from slotted selector

* formatting

* optimizes styles

* optmizes styles

* updates disabled css selector to bool

* removes dead code

* consolidates menu docs into one story

* updates menu storybook content

* optimizes styling

* revert api-report

* updates disabled pseudo selector

* fixes disabled state

* fixes css syntax error

* updates storybook content

* updates storybook copy for consistency

* revert api report

* updates yarn change message

* maps component to MenuList rather than Menu

* fixes focus state

* updates styles

* divides accordion and accordion item readme

* removes dead imports

* fixes submenu positioning

* adds styles for icon alignment

* reverts Menu component name

* cleans up storybook

* dynamically set the menu item icon attribute when icons is true for menu (#26998)

* dynamically set the menu item icon attribute when icons is true for menu

* move icons check to set items to ensure we update on item change and init

* set items should be protected

* updates Menu styles

* updates icon alignment styles and docs

* updates menu docs

* adds checkmarks attribute and styles menu items

* adds conditional styling for when icons are present

* updates Menu and MenuItem docs

* updates deltas in docs

* updates docs

* optimizes styles

* optimizes css

* optimizes css

* optimizes css

* reverts json export

* working (#27293)

* optimizes styles

* adds docs to menu.ts

* updates menu logic for readability

* menu: fixes style syntax error

* menu: consolidates styles

* menu: updates styling

* menu: updates styling

* yarn change

* menulist, menuitem: changes component name to MenuList

* menulist, menuitem, updates readme

* menu, menuitem: fixes circular dep

* menu, menuitem: alphabetize index.js

---------

Co-authored-by: Chris Holt <chhol@microsoft.com>
Co-authored-by: Jeff Smith <37851214+eljefe223@users.noreply.github.com>
chrisdholt added a commit that referenced this pull request Apr 29, 2024
* menu init

* updates docs

* menu init

* menu item init

* registers menu-item

* adds some menu styles

* adds default menu item icons

* adds menu stories

* updates default menu icons

* styles menu and menu item

* updates readme

* swaps part for class css

* removes dead code

* adds menu and menu item to package.json

* removes dead code

* updates menu styles

* yarn change

* adds menu header

* updates jsdocs

* removes dead file

* removes dead code

* removes split button styling

* adds display helper

* api report

* flattens menu and menu item directories

* removes element specification from slotted selector

* formatting

* optimizes styles

* optmizes styles

* updates disabled css selector to bool

* removes dead code

* consolidates menu docs into one story

* updates menu storybook content

* optimizes styling

* revert api-report

* updates disabled pseudo selector

* fixes disabled state

* fixes css syntax error

* updates storybook content

* updates storybook copy for consistency

* revert api report

* updates yarn change message

* maps component to MenuList rather than Menu

* fixes focus state

* updates styles

* divides accordion and accordion item readme

* removes dead imports

* fixes submenu positioning

* adds styles for icon alignment

* reverts Menu component name

* cleans up storybook

* dynamically set the menu item icon attribute when icons is true for menu (#26998)

* dynamically set the menu item icon attribute when icons is true for menu

* move icons check to set items to ensure we update on item change and init

* set items should be protected

* updates Menu styles

* updates icon alignment styles and docs

* updates menu docs

* adds checkmarks attribute and styles menu items

* adds conditional styling for when icons are present

* updates Menu and MenuItem docs

* updates deltas in docs

* updates docs

* optimizes styles

* optimizes css

* optimizes css

* optimizes css

* reverts json export

* working (#27293)

* optimizes styles

* adds docs to menu.ts

* updates menu logic for readability

* menu: fixes style syntax error

* menu: consolidates styles

* menu: updates styling

* menu: updates styling

* yarn change

* menulist, menuitem: changes component name to MenuList

* menulist, menuitem, updates readme

* menu, menuitem: fixes circular dep

* menu, menuitem: alphabetize index.js

---------

Co-authored-by: Chris Holt <chhol@microsoft.com>
Co-authored-by: Jeff Smith <37851214+eljefe223@users.noreply.github.com>
radium-v pushed a commit to radium-v/fluentui that referenced this pull request Apr 29, 2024
* menu init

* updates docs

* menu init

* menu item init

* registers menu-item

* adds some menu styles

* adds default menu item icons

* adds menu stories

* updates default menu icons

* styles menu and menu item

* updates readme

* swaps part for class css

* removes dead code

* adds menu and menu item to package.json

* removes dead code

* updates menu styles

* yarn change

* adds menu header

* updates jsdocs

* removes dead file

* removes dead code

* removes split button styling

* adds display helper

* api report

* flattens menu and menu item directories

* removes element specification from slotted selector

* formatting

* optimizes styles

* optmizes styles

* updates disabled css selector to bool

* removes dead code

* consolidates menu docs into one story

* updates menu storybook content

* optimizes styling

* revert api-report

* updates disabled pseudo selector

* fixes disabled state

* fixes css syntax error

* updates storybook content

* updates storybook copy for consistency

* revert api report

* updates yarn change message

* maps component to MenuList rather than Menu

* fixes focus state

* updates styles

* divides accordion and accordion item readme

* removes dead imports

* fixes submenu positioning

* adds styles for icon alignment

* reverts Menu component name

* cleans up storybook

* dynamically set the menu item icon attribute when icons is true for menu (microsoft#26998)

* dynamically set the menu item icon attribute when icons is true for menu

* move icons check to set items to ensure we update on item change and init

* set items should be protected

* updates Menu styles

* updates icon alignment styles and docs

* updates menu docs

* adds checkmarks attribute and styles menu items

* adds conditional styling for when icons are present

* updates Menu and MenuItem docs

* updates deltas in docs

* updates docs

* optimizes styles

* optimizes css

* optimizes css

* optimizes css

* reverts json export

* working (microsoft#27293)

* optimizes styles

* adds docs to menu.ts

* updates menu logic for readability

* menu: fixes style syntax error

* menu: consolidates styles

* menu: updates styling

* menu: updates styling

* yarn change

* menulist, menuitem: changes component name to MenuList

* menulist, menuitem, updates readme

* menu, menuitem: fixes circular dep

* menu, menuitem: alphabetize index.js

---------

Co-authored-by: Chris Holt <chhol@microsoft.com>
Co-authored-by: Jeff Smith <37851214+eljefe223@users.noreply.github.com>
radium-v pushed a commit to radium-v/fluentui that referenced this pull request Apr 29, 2024
* menu init

* updates docs

* menu init

* menu item init

* registers menu-item

* adds some menu styles

* adds default menu item icons

* adds menu stories

* updates default menu icons

* styles menu and menu item

* updates readme

* swaps part for class css

* removes dead code

* adds menu and menu item to package.json

* removes dead code

* updates menu styles

* yarn change

* adds menu header

* updates jsdocs

* removes dead file

* removes dead code

* removes split button styling

* adds display helper

* api report

* flattens menu and menu item directories

* removes element specification from slotted selector

* formatting

* optimizes styles

* optmizes styles

* updates disabled css selector to bool

* removes dead code

* consolidates menu docs into one story

* updates menu storybook content

* optimizes styling

* revert api-report

* updates disabled pseudo selector

* fixes disabled state

* fixes css syntax error

* updates storybook content

* updates storybook copy for consistency

* revert api report

* updates yarn change message

* maps component to MenuList rather than Menu

* fixes focus state

* updates styles

* divides accordion and accordion item readme

* removes dead imports

* fixes submenu positioning

* adds styles for icon alignment

* reverts Menu component name

* cleans up storybook

* dynamically set the menu item icon attribute when icons is true for menu (microsoft#26998)

* dynamically set the menu item icon attribute when icons is true for menu

* move icons check to set items to ensure we update on item change and init

* set items should be protected

* updates Menu styles

* updates icon alignment styles and docs

* updates menu docs

* adds checkmarks attribute and styles menu items

* adds conditional styling for when icons are present

* updates Menu and MenuItem docs

* updates deltas in docs

* updates docs

* optimizes styles

* optimizes css

* optimizes css

* optimizes css

* reverts json export

* working (microsoft#27293)

* optimizes styles

* adds docs to menu.ts

* updates menu logic for readability

* menu: fixes style syntax error

* menu: consolidates styles

* menu: updates styling

* menu: updates styling

* yarn change

* menulist, menuitem: changes component name to MenuList

* menulist, menuitem, updates readme

* menu, menuitem: fixes circular dep

* menu, menuitem: alphabetize index.js

---------

Co-authored-by: Chris Holt <chhol@microsoft.com>
Co-authored-by: Jeff Smith <37851214+eljefe223@users.noreply.github.com>
radium-v pushed a commit to radium-v/fluentui that referenced this pull request Apr 30, 2024
* menu init

* updates docs

* menu init

* menu item init

* registers menu-item

* adds some menu styles

* adds default menu item icons

* adds menu stories

* updates default menu icons

* styles menu and menu item

* updates readme

* swaps part for class css

* removes dead code

* adds menu and menu item to package.json

* removes dead code

* updates menu styles

* yarn change

* adds menu header

* updates jsdocs

* removes dead file

* removes dead code

* removes split button styling

* adds display helper

* api report

* flattens menu and menu item directories

* removes element specification from slotted selector

* formatting

* optimizes styles

* optmizes styles

* updates disabled css selector to bool

* removes dead code

* consolidates menu docs into one story

* updates menu storybook content

* optimizes styling

* revert api-report

* updates disabled pseudo selector

* fixes disabled state

* fixes css syntax error

* updates storybook content

* updates storybook copy for consistency

* revert api report

* updates yarn change message

* maps component to MenuList rather than Menu

* fixes focus state

* updates styles

* divides accordion and accordion item readme

* removes dead imports

* fixes submenu positioning

* adds styles for icon alignment

* reverts Menu component name

* cleans up storybook

* dynamically set the menu item icon attribute when icons is true for menu (microsoft#26998)

* dynamically set the menu item icon attribute when icons is true for menu

* move icons check to set items to ensure we update on item change and init

* set items should be protected

* updates Menu styles

* updates icon alignment styles and docs

* updates menu docs

* adds checkmarks attribute and styles menu items

* adds conditional styling for when icons are present

* updates Menu and MenuItem docs

* updates deltas in docs

* updates docs

* optimizes styles

* optimizes css

* optimizes css

* optimizes css

* reverts json export

* working (microsoft#27293)

* optimizes styles

* adds docs to menu.ts

* updates menu logic for readability

* menu: fixes style syntax error

* menu: consolidates styles

* menu: updates styling

* menu: updates styling

* yarn change

* menulist, menuitem: changes component name to MenuList

* menulist, menuitem, updates readme

* menu, menuitem: fixes circular dep

* menu, menuitem: alphabetize index.js

---------

Co-authored-by: Chris Holt <chhol@microsoft.com>
Co-authored-by: Jeff Smith <37851214+eljefe223@users.noreply.github.com>
radium-v pushed a commit that referenced this pull request Apr 30, 2024
* menu init

* updates docs

* menu init

* menu item init

* registers menu-item

* adds some menu styles

* adds default menu item icons

* adds menu stories

* updates default menu icons

* styles menu and menu item

* updates readme

* swaps part for class css

* removes dead code

* adds menu and menu item to package.json

* removes dead code

* updates menu styles

* yarn change

* adds menu header

* updates jsdocs

* removes dead file

* removes dead code

* removes split button styling

* adds display helper

* api report

* flattens menu and menu item directories

* removes element specification from slotted selector

* formatting

* optimizes styles

* optmizes styles

* updates disabled css selector to bool

* removes dead code

* consolidates menu docs into one story

* updates menu storybook content

* optimizes styling

* revert api-report

* updates disabled pseudo selector

* fixes disabled state

* fixes css syntax error

* updates storybook content

* updates storybook copy for consistency

* revert api report

* updates yarn change message

* maps component to MenuList rather than Menu

* fixes focus state

* updates styles

* divides accordion and accordion item readme

* removes dead imports

* fixes submenu positioning

* adds styles for icon alignment

* reverts Menu component name

* cleans up storybook

* dynamically set the menu item icon attribute when icons is true for menu (#26998)

* dynamically set the menu item icon attribute when icons is true for menu

* move icons check to set items to ensure we update on item change and init

* set items should be protected

* updates Menu styles

* updates icon alignment styles and docs

* updates menu docs

* adds checkmarks attribute and styles menu items

* adds conditional styling for when icons are present

* updates Menu and MenuItem docs

* updates deltas in docs

* updates docs

* optimizes styles

* optimizes css

* optimizes css

* optimizes css

* reverts json export

* working (#27293)

* optimizes styles

* adds docs to menu.ts

* updates menu logic for readability

* menu: fixes style syntax error

* menu: consolidates styles

* menu: updates styling

* menu: updates styling

* yarn change

* menulist, menuitem: changes component name to MenuList

* menulist, menuitem, updates readme

* menu, menuitem: fixes circular dep

* menu, menuitem: alphabetize index.js

---------

Co-authored-by: Chris Holt <chhol@microsoft.com>
Co-authored-by: Jeff Smith <37851214+eljefe223@users.noreply.github.com>
radium-v pushed a commit that referenced this pull request May 2, 2024
* menu init

* updates docs

* menu init

* menu item init

* registers menu-item

* adds some menu styles

* adds default menu item icons

* adds menu stories

* updates default menu icons

* styles menu and menu item

* updates readme

* swaps part for class css

* removes dead code

* adds menu and menu item to package.json

* removes dead code

* updates menu styles

* yarn change

* adds menu header

* updates jsdocs

* removes dead file

* removes dead code

* removes split button styling

* adds display helper

* api report

* flattens menu and menu item directories

* removes element specification from slotted selector

* formatting

* optimizes styles

* optmizes styles

* updates disabled css selector to bool

* removes dead code

* consolidates menu docs into one story

* updates menu storybook content

* optimizes styling

* revert api-report

* updates disabled pseudo selector

* fixes disabled state

* fixes css syntax error

* updates storybook content

* updates storybook copy for consistency

* revert api report

* updates yarn change message

* maps component to MenuList rather than Menu

* fixes focus state

* updates styles

* divides accordion and accordion item readme

* removes dead imports

* fixes submenu positioning

* adds styles for icon alignment

* reverts Menu component name

* cleans up storybook

* dynamically set the menu item icon attribute when icons is true for menu (#26998)

* dynamically set the menu item icon attribute when icons is true for menu

* move icons check to set items to ensure we update on item change and init

* set items should be protected

* updates Menu styles

* updates icon alignment styles and docs

* updates menu docs

* adds checkmarks attribute and styles menu items

* adds conditional styling for when icons are present

* updates Menu and MenuItem docs

* updates deltas in docs

* updates docs

* optimizes styles

* optimizes css

* optimizes css

* optimizes css

* reverts json export

* working (#27293)

* optimizes styles

* adds docs to menu.ts

* updates menu logic for readability

* menu: fixes style syntax error

* menu: consolidates styles

* menu: updates styling

* menu: updates styling

* yarn change

* menulist, menuitem: changes component name to MenuList

* menulist, menuitem, updates readme

* menu, menuitem: fixes circular dep

* menu, menuitem: alphabetize index.js

---------

Co-authored-by: Chris Holt <chhol@microsoft.com>
Co-authored-by: Jeff Smith <37851214+eljefe223@users.noreply.github.com>
radium-v pushed a commit that referenced this pull request May 2, 2024
* menu init

* updates docs

* menu init

* menu item init

* registers menu-item

* adds some menu styles

* adds default menu item icons

* adds menu stories

* updates default menu icons

* styles menu and menu item

* updates readme

* swaps part for class css

* removes dead code

* adds menu and menu item to package.json

* removes dead code

* updates menu styles

* yarn change

* adds menu header

* updates jsdocs

* removes dead file

* removes dead code

* removes split button styling

* adds display helper

* api report

* flattens menu and menu item directories

* removes element specification from slotted selector

* formatting

* optimizes styles

* optmizes styles

* updates disabled css selector to bool

* removes dead code

* consolidates menu docs into one story

* updates menu storybook content

* optimizes styling

* revert api-report

* updates disabled pseudo selector

* fixes disabled state

* fixes css syntax error

* updates storybook content

* updates storybook copy for consistency

* revert api report

* updates yarn change message

* maps component to MenuList rather than Menu

* fixes focus state

* updates styles

* divides accordion and accordion item readme

* removes dead imports

* fixes submenu positioning

* adds styles for icon alignment

* reverts Menu component name

* cleans up storybook

* dynamically set the menu item icon attribute when icons is true for menu (#26998)

* dynamically set the menu item icon attribute when icons is true for menu

* move icons check to set items to ensure we update on item change and init

* set items should be protected

* updates Menu styles

* updates icon alignment styles and docs

* updates menu docs

* adds checkmarks attribute and styles menu items

* adds conditional styling for when icons are present

* updates Menu and MenuItem docs

* updates deltas in docs

* updates docs

* optimizes styles

* optimizes css

* optimizes css

* optimizes css

* reverts json export

* working (#27293)

* optimizes styles

* adds docs to menu.ts

* updates menu logic for readability

* menu: fixes style syntax error

* menu: consolidates styles

* menu: updates styling

* menu: updates styling

* yarn change

* menulist, menuitem: changes component name to MenuList

* menulist, menuitem, updates readme

* menu, menuitem: fixes circular dep

* menu, menuitem: alphabetize index.js

---------

Co-authored-by: Chris Holt <chhol@microsoft.com>
Co-authored-by: Jeff Smith <37851214+eljefe223@users.noreply.github.com>
radium-v pushed a commit that referenced this pull request May 2, 2024
* menu init

* updates docs

* menu init

* menu item init

* registers menu-item

* adds some menu styles

* adds default menu item icons

* adds menu stories

* updates default menu icons

* styles menu and menu item

* updates readme

* swaps part for class css

* removes dead code

* adds menu and menu item to package.json

* removes dead code

* updates menu styles

* yarn change

* adds menu header

* updates jsdocs

* removes dead file

* removes dead code

* removes split button styling

* adds display helper

* api report

* flattens menu and menu item directories

* removes element specification from slotted selector

* formatting

* optimizes styles

* optmizes styles

* updates disabled css selector to bool

* removes dead code

* consolidates menu docs into one story

* updates menu storybook content

* optimizes styling

* revert api-report

* updates disabled pseudo selector

* fixes disabled state

* fixes css syntax error

* updates storybook content

* updates storybook copy for consistency

* revert api report

* updates yarn change message

* maps component to MenuList rather than Menu

* fixes focus state

* updates styles

* divides accordion and accordion item readme

* removes dead imports

* fixes submenu positioning

* adds styles for icon alignment

* reverts Menu component name

* cleans up storybook

* dynamically set the menu item icon attribute when icons is true for menu (#26998)

* dynamically set the menu item icon attribute when icons is true for menu

* move icons check to set items to ensure we update on item change and init

* set items should be protected

* updates Menu styles

* updates icon alignment styles and docs

* updates menu docs

* adds checkmarks attribute and styles menu items

* adds conditional styling for when icons are present

* updates Menu and MenuItem docs

* updates deltas in docs

* updates docs

* optimizes styles

* optimizes css

* optimizes css

* optimizes css

* reverts json export

* working (#27293)

* optimizes styles

* adds docs to menu.ts

* updates menu logic for readability

* menu: fixes style syntax error

* menu: consolidates styles

* menu: updates styling

* menu: updates styling

* yarn change

* menulist, menuitem: changes component name to MenuList

* menulist, menuitem, updates readme

* menu, menuitem: fixes circular dep

* menu, menuitem: alphabetize index.js

---------

Co-authored-by: Chris Holt <chhol@microsoft.com>
Co-authored-by: Jeff Smith <37851214+eljefe223@users.noreply.github.com>
radium-v pushed a commit that referenced this pull request May 3, 2024
* menu init

* updates docs

* menu init

* menu item init

* registers menu-item

* adds some menu styles

* adds default menu item icons

* adds menu stories

* updates default menu icons

* styles menu and menu item

* updates readme

* swaps part for class css

* removes dead code

* adds menu and menu item to package.json

* removes dead code

* updates menu styles

* yarn change

* adds menu header

* updates jsdocs

* removes dead file

* removes dead code

* removes split button styling

* adds display helper

* api report

* flattens menu and menu item directories

* removes element specification from slotted selector

* formatting

* optimizes styles

* optmizes styles

* updates disabled css selector to bool

* removes dead code

* consolidates menu docs into one story

* updates menu storybook content

* optimizes styling

* revert api-report

* updates disabled pseudo selector

* fixes disabled state

* fixes css syntax error

* updates storybook content

* updates storybook copy for consistency

* revert api report

* updates yarn change message

* maps component to MenuList rather than Menu

* fixes focus state

* updates styles

* divides accordion and accordion item readme

* removes dead imports

* fixes submenu positioning

* adds styles for icon alignment

* reverts Menu component name

* cleans up storybook

* dynamically set the menu item icon attribute when icons is true for menu (#26998)

* dynamically set the menu item icon attribute when icons is true for menu

* move icons check to set items to ensure we update on item change and init

* set items should be protected

* updates Menu styles

* updates icon alignment styles and docs

* updates menu docs

* adds checkmarks attribute and styles menu items

* adds conditional styling for when icons are present

* updates Menu and MenuItem docs

* updates deltas in docs

* updates docs

* optimizes styles

* optimizes css

* optimizes css

* optimizes css

* reverts json export

* working (#27293)

* optimizes styles

* adds docs to menu.ts

* updates menu logic for readability

* menu: fixes style syntax error

* menu: consolidates styles

* menu: updates styling

* menu: updates styling

* yarn change

* menulist, menuitem: changes component name to MenuList

* menulist, menuitem, updates readme

* menu, menuitem: fixes circular dep

* menu, menuitem: alphabetize index.js

---------

Co-authored-by: Chris Holt <chhol@microsoft.com>
Co-authored-by: Jeff Smith <37851214+eljefe223@users.noreply.github.com>
radium-v pushed a commit that referenced this pull request May 6, 2024
* menu init

* updates docs

* menu init

* menu item init

* registers menu-item

* adds some menu styles

* adds default menu item icons

* adds menu stories

* updates default menu icons

* styles menu and menu item

* updates readme

* swaps part for class css

* removes dead code

* adds menu and menu item to package.json

* removes dead code

* updates menu styles

* yarn change

* adds menu header

* updates jsdocs

* removes dead file

* removes dead code

* removes split button styling

* adds display helper

* api report

* flattens menu and menu item directories

* removes element specification from slotted selector

* formatting

* optimizes styles

* optmizes styles

* updates disabled css selector to bool

* removes dead code

* consolidates menu docs into one story

* updates menu storybook content

* optimizes styling

* revert api-report

* updates disabled pseudo selector

* fixes disabled state

* fixes css syntax error

* updates storybook content

* updates storybook copy for consistency

* revert api report

* updates yarn change message

* maps component to MenuList rather than Menu

* fixes focus state

* updates styles

* divides accordion and accordion item readme

* removes dead imports

* fixes submenu positioning

* adds styles for icon alignment

* reverts Menu component name

* cleans up storybook

* dynamically set the menu item icon attribute when icons is true for menu (#26998)

* dynamically set the menu item icon attribute when icons is true for menu

* move icons check to set items to ensure we update on item change and init

* set items should be protected

* updates Menu styles

* updates icon alignment styles and docs

* updates menu docs

* adds checkmarks attribute and styles menu items

* adds conditional styling for when icons are present

* updates Menu and MenuItem docs

* updates deltas in docs

* updates docs

* optimizes styles

* optimizes css

* optimizes css

* optimizes css

* reverts json export

* working (#27293)

* optimizes styles

* adds docs to menu.ts

* updates menu logic for readability

* menu: fixes style syntax error

* menu: consolidates styles

* menu: updates styling

* menu: updates styling

* yarn change

* menulist, menuitem: changes component name to MenuList

* menulist, menuitem, updates readme

* menu, menuitem: fixes circular dep

* menu, menuitem: alphabetize index.js

---------

Co-authored-by: Chris Holt <chhol@microsoft.com>
Co-authored-by: Jeff Smith <37851214+eljefe223@users.noreply.github.com>
radium-v pushed a commit that referenced this pull request May 6, 2024
* menu init

* updates docs

* menu init

* menu item init

* registers menu-item

* adds some menu styles

* adds default menu item icons

* adds menu stories

* updates default menu icons

* styles menu and menu item

* updates readme

* swaps part for class css

* removes dead code

* adds menu and menu item to package.json

* removes dead code

* updates menu styles

* yarn change

* adds menu header

* updates jsdocs

* removes dead file

* removes dead code

* removes split button styling

* adds display helper

* api report

* flattens menu and menu item directories

* removes element specification from slotted selector

* formatting

* optimizes styles

* optmizes styles

* updates disabled css selector to bool

* removes dead code

* consolidates menu docs into one story

* updates menu storybook content

* optimizes styling

* revert api-report

* updates disabled pseudo selector

* fixes disabled state

* fixes css syntax error

* updates storybook content

* updates storybook copy for consistency

* revert api report

* updates yarn change message

* maps component to MenuList rather than Menu

* fixes focus state

* updates styles

* divides accordion and accordion item readme

* removes dead imports

* fixes submenu positioning

* adds styles for icon alignment

* reverts Menu component name

* cleans up storybook

* dynamically set the menu item icon attribute when icons is true for menu (#26998)

* dynamically set the menu item icon attribute when icons is true for menu

* move icons check to set items to ensure we update on item change and init

* set items should be protected

* updates Menu styles

* updates icon alignment styles and docs

* updates menu docs

* adds checkmarks attribute and styles menu items

* adds conditional styling for when icons are present

* updates Menu and MenuItem docs

* updates deltas in docs

* updates docs

* optimizes styles

* optimizes css

* optimizes css

* optimizes css

* reverts json export

* working (#27293)

* optimizes styles

* adds docs to menu.ts

* updates menu logic for readability

* menu: fixes style syntax error

* menu: consolidates styles

* menu: updates styling

* menu: updates styling

* yarn change

* menulist, menuitem: changes component name to MenuList

* menulist, menuitem, updates readme

* menu, menuitem: fixes circular dep

* menu, menuitem: alphabetize index.js

---------

Co-authored-by: Chris Holt <chhol@microsoft.com>
Co-authored-by: Jeff Smith <37851214+eljefe223@users.noreply.github.com>
radium-v pushed a commit that referenced this pull request May 8, 2024
* menu init

* updates docs

* menu init

* menu item init

* registers menu-item

* adds some menu styles

* adds default menu item icons

* adds menu stories

* updates default menu icons

* styles menu and menu item

* updates readme

* swaps part for class css

* removes dead code

* adds menu and menu item to package.json

* removes dead code

* updates menu styles

* yarn change

* adds menu header

* updates jsdocs

* removes dead file

* removes dead code

* removes split button styling

* adds display helper

* api report

* flattens menu and menu item directories

* removes element specification from slotted selector

* formatting

* optimizes styles

* optmizes styles

* updates disabled css selector to bool

* removes dead code

* consolidates menu docs into one story

* updates menu storybook content

* optimizes styling

* revert api-report

* updates disabled pseudo selector

* fixes disabled state

* fixes css syntax error

* updates storybook content

* updates storybook copy for consistency

* revert api report

* updates yarn change message

* maps component to MenuList rather than Menu

* fixes focus state

* updates styles

* divides accordion and accordion item readme

* removes dead imports

* fixes submenu positioning

* adds styles for icon alignment

* reverts Menu component name

* cleans up storybook

* dynamically set the menu item icon attribute when icons is true for menu (#26998)

* dynamically set the menu item icon attribute when icons is true for menu

* move icons check to set items to ensure we update on item change and init

* set items should be protected

* updates Menu styles

* updates icon alignment styles and docs

* updates menu docs

* adds checkmarks attribute and styles menu items

* adds conditional styling for when icons are present

* updates Menu and MenuItem docs

* updates deltas in docs

* updates docs

* optimizes styles

* optimizes css

* optimizes css

* optimizes css

* reverts json export

* working (#27293)

* optimizes styles

* adds docs to menu.ts

* updates menu logic for readability

* menu: fixes style syntax error

* menu: consolidates styles

* menu: updates styling

* menu: updates styling

* yarn change

* menulist, menuitem: changes component name to MenuList

* menulist, menuitem, updates readme

* menu, menuitem: fixes circular dep

* menu, menuitem: alphabetize index.js

---------

Co-authored-by: Chris Holt <chhol@microsoft.com>
Co-authored-by: Jeff Smith <37851214+eljefe223@users.noreply.github.com>
radium-v pushed a commit that referenced this pull request May 10, 2024
* menu init

* updates docs

* menu init

* menu item init

* registers menu-item

* adds some menu styles

* adds default menu item icons

* adds menu stories

* updates default menu icons

* styles menu and menu item

* updates readme

* swaps part for class css

* removes dead code

* adds menu and menu item to package.json

* removes dead code

* updates menu styles

* yarn change

* adds menu header

* updates jsdocs

* removes dead file

* removes dead code

* removes split button styling

* adds display helper

* api report

* flattens menu and menu item directories

* removes element specification from slotted selector

* formatting

* optimizes styles

* optmizes styles

* updates disabled css selector to bool

* removes dead code

* consolidates menu docs into one story

* updates menu storybook content

* optimizes styling

* revert api-report

* updates disabled pseudo selector

* fixes disabled state

* fixes css syntax error

* updates storybook content

* updates storybook copy for consistency

* revert api report

* updates yarn change message

* maps component to MenuList rather than Menu

* fixes focus state

* updates styles

* divides accordion and accordion item readme

* removes dead imports

* fixes submenu positioning

* adds styles for icon alignment

* reverts Menu component name

* cleans up storybook

* dynamically set the menu item icon attribute when icons is true for menu (#26998)

* dynamically set the menu item icon attribute when icons is true for menu

* move icons check to set items to ensure we update on item change and init

* set items should be protected

* updates Menu styles

* updates icon alignment styles and docs

* updates menu docs

* adds checkmarks attribute and styles menu items

* adds conditional styling for when icons are present

* updates Menu and MenuItem docs

* updates deltas in docs

* updates docs

* optimizes styles

* optimizes css

* optimizes css

* optimizes css

* reverts json export

* working (#27293)

* optimizes styles

* adds docs to menu.ts

* updates menu logic for readability

* menu: fixes style syntax error

* menu: consolidates styles

* menu: updates styling

* menu: updates styling

* yarn change

* menulist, menuitem: changes component name to MenuList

* menulist, menuitem, updates readme

* menu, menuitem: fixes circular dep

* menu, menuitem: alphabetize index.js

---------

Co-authored-by: Chris Holt <chhol@microsoft.com>
Co-authored-by: Jeff Smith <37851214+eljefe223@users.noreply.github.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.

4 participants