Re-implement (Action)MenuButton success and loading states #677

lindskogen · 2023-11-23T10:39:38Z

Version

Published prerelease version: v19.0.0-next.61

Changelog

💥 Breaking Change

@stenajs-webui/core, @stenajs-webui/elements, @stenajs-webui/panels
- Some redesign fixes #604 (@mattias800)

🐛 Bug Fix

Add prerelease step for next branch #602 (@lindskogen)
@stenajs-webui/elements, @stenajs-webui/forms
- Re-implement (Action)MenuButton success and loading states #677 (@lindskogen)
@stenajs-webui/calendar, @stenajs-webui/elements, @stenajs-webui/forms, @stenajs-webui/panels
- Add TextInputButton small size for compact table cells #676 (@lindskogen)
@stenajs-webui/elements
- Update Label design #675 (@lindskogen)
- Set ValueTable label to bold #673 (@lindskogen)
- Redesign ValueTable for Brand update #672 (@lindskogen)
- Increase CircledIcon xl size #660 (@mattias800)
- Switch focus outline colors for buttons #657 (@lindskogen)
- Update button icon sizes and visual center #652 (@mattias800)
- Arrow icon fix #648 (@mattias800)
- Update svg icon script to flatten transforms #649 (@lindskogen)
- Some more icons #646 (@mattias800)
- Redesign tags #643 (@mattias800)
- More icons #640 (@mattias800)
- New icon: running person #639 (@mattias800)
- Redesign result list padding #637 (@mattias800)
- Remove duplicated icon and rename inprogress to in-progress #633 (@lindskogen)
- Add passenger type icons #632 (@mattias800)
- Vehicle type icons #631 (@mattias800)
- Add icon categories support #630 (@AugustasFriend @mattias800)
- Redesign chip #629 (@mattias800)
- Restore menu button cursor pointer #627 (@lindskogen)
- Add new icons and redesign some other ones #625 (@AugustasFriend)
- Add new stena line slash icon #610 (@AugustasFriend)
- Add new modified icons #607 (@AugustasFriend @mattias800)
- Prevent ButtonGroup to grow more than its content #608 (@esepato)
- Add two new icons #605 (@AugustasFriend)
- New CircledIcon component #599 (@mattias800)
- Brand redesign banner #596 (@mattias800)
- Add download pdf icon #592 (@AugustasFriend)
- Add new stena icons #590 (@AugustasFriend)
@stenajs-webui/panels
- Fix broken NavBarButton styles #668 (@esepato)
- Adjust NotificationButton background color #669 (@lindskogen)
- Fix SidebarMenu CloseButton being wrong color #671 (@lindskogen)
- Sticky header in SidebarMenu #617 (@mattias800 @lindskogen)
- Pass through props to menu button #624 (@lindskogen)
- Spread all props into RailMenuLink #618 (@lindskogen)
@stenajs-webui/forms
- Add ref and spin props to TextInputButton #670 (@lindskogen)
- RadioButton classname fix #665 (@mattias800)
- Add classname for radio button to RadioButtonBox #664 (@mattias800)
- New component: LabelledSelect #662 (@mattias800)
- Make checkbox forward className prop #622 (@lindskogen)
@stenajs-webui/elements, @stenajs-webui/modal, @stenajs-webui/panels
- Add CloseButton component to use in Cards, Modals, Popovers, SidebarMenu #667 (@lindskogen)
- Nav bar and sidebar menu redesign #588 (@mattias800)
@stenajs-webui/elements, @stenajs-webui/forms, @stenajs-webui/panels
- Add warning & success variant for TextInputButton, also fix broken NavBarButtons #666 (@lindskogen)
@stenajs-webui/core, @stenajs-webui/forms
- LabelledSelect onChange handler fix #663 (@mattias800)
@stenajs-webui/forms, @stenajs-webui/theme
- Add font size input large #661 (@mattias800)
- New component: LabelledTextInput #647 (@mattias800)
- TextInput height increase to 36px #645 (@mattias800)
@stenajs-webui/elements, @stenajs-webui/panels
- Icon sizes and CircledIcon xl size #656 (@mattias800)
- Add rail menu focus outline #658 (@mattias800)
- Styling NavBarUserButton #626 (@lindskogen)
- Redesign Collapsible #620 (@mattias800)
@stenajs-webui/forms, @stenajs-webui/panels, @stenajs-webui/theme
- Color fix for snackskal and TextInputButton #654 (@mattias800)
- Redesign NavBarSearchField #612 (@mattias800)
@stenajs-webui/panels, @stenajs-webui/tooltip
- Move Button in ActionMenuButton outside of Popover #655 (@AugustasFriend)
@stenajs-webui/calendar, @stenajs-webui/forms, @stenajs-webui/panels, @stenajs-webui/theme
- New component: TextInputButton #653 (@mattias800)
@stenajs-webui/modal, @stenajs-webui/select, @stenajs-webui/theme
- Update design of select #650 (@mattias800)
@stenajs-webui/elements, @stenajs-webui/panels, @stenajs-webui/theme
- Refactor buttons and fix height #644 (@mattias800)
@stenajs-webui/core, @stenajs-webui/elements, @stenajs-webui/forms, @stenajs-webui/theme
- Add new RadioButtonBox #642 (@mattias800)
@stenajs-webui/elements, @stenajs-webui/filter
- More icon categories #638 (@mattias800)
@stenajs-webui/elements, @stenajs-webui/forms, @stenajs-webui/select, @stenajs-webui/theme
- Add missing focus outline and remove inset shadows #636 (@mattias800)
@stenajs-webui/elements, @stenajs-webui/forms, @stenajs-webui/panels, @stenajs-webui/theme
- Redesign focus highlight #635 (@mattias800)
@stenajs-webui/core, @stenajs-webui/elements, @stenajs-webui/filter, @stenajs-webui/forms, @stenajs-webui/theme
- Redesign filter checkbox #634 (@mattias800)
@stenajs-webui/core, @stenajs-webui/panels
- Bottom items in SidebarMenu #628 (@mattias800)
@stenajs-webui/modal, @stenajs-webui/panels
- Mobile improvements in Drawer #623 (@lindskogen)
@stenajs-webui/grid
- Update StandardTable to allow easy ways to reduce text size #621 (@mattias800 @lindskogen)
@stenajs-webui/elements, @stenajs-webui/filter, @stenajs-webui/modal, @stenajs-webui/panels
- Redesign notifications #619 (@mattias800)
@stenajs-webui/filter, @stenajs-webui/modal
- Floating SearchFilterDrawer #616 (@mattias800)
@stenajs-webui/elements, @stenajs-webui/theme
- Todays batch of redesign updates #615 (@mattias800)
- - Buttons are now round. #583 (@mattias800)
@stenajs-webui/elements, @stenajs-webui/grid-export, @stenajs-webui/panels
- New rail for SidebarMenu #613 (@mattias800 @lindskogen)
@stenajs-webui/core, @stenajs-webui/elements, @stenajs-webui/forms, @stenajs-webui/panels, @stenajs-webui/theme
- TabMenu and misc updates #611 (@mattias800)
@stenajs-webui/calendar, @stenajs-webui/elements, @stenajs-webui/filter, @stenajs-webui/forms, @stenajs-webui/grid-export, @stenajs-webui/grid, @stenajs-webui/panels, @stenajs-webui/theme
- More small redesign changes #609 (@mattias800)
@stenajs-webui/core, @stenajs-webui/elements, @stenajs-webui/filter, @stenajs-webui/modal, @stenajs-webui/panels, @stenajs-webui/theme
- Lots of redesign updates #606 (@mattias800)
@stenajs-webui/core, @stenajs-webui/elements, @stenajs-webui/panels, @stenajs-webui/theme
- Redesign ButtonGroup and ToggleButton #603 (@mattias800)
@stenajs-webui/theme
- Update UI colors to match brand #600 (@mattias800)
- Update mussla color #598 (@mattias800)
- - Use new blue colors. #584 (@mattias800)
@stenajs-webui/filter
- Brand redesign SearchFilter #595 (@mattias800)
@stenajs-webui/elements, @stenajs-webui/panels, @stenajs-webui/theme, @stenajs-webui/tooltip
- Redesign ActionMenu and introduce MenuButton #591 (@mattias800)

⚠️ Pushed to `next`

Merge branch 'master' into next (@lindskogen)
@stenajs-webui/calendar, @stenajs-webui/core, @stenajs-webui/elements, @stenajs-webui/filter, @stenajs-webui/forms, @stenajs-webui/grid-export, @stenajs-webui/grid, @stenajs-webui/input-mask, @stenajs-webui/modal, @stenajs-webui/panels, @stenajs-webui/redux, @stenajs-webui/select, @stenajs-webui/theme, @stenajs-webui/tooltip
- Merge remote-tracking branch 'origin/master' into next (@mattias800)

Authors: 4

Augustas Eidikis (@AugustasFriend)
Johan Lindskogen (@lindskogen)
Markus Patoka (@esepato)
Mattias Andersson (@mattias800)

Also success variant

github-actions · 2023-11-23T10:41:53Z

Size Change: 0 B

Total Size: 320 kB

ℹ️ View Unchanged

Filename	Size
`packages/calendar/dist/index.es.js`	15.3 kB
`packages/calendar/dist/index.js`	12.9 kB
`packages/core/dist/index.es.js`	5.2 kB
`packages/core/dist/index.js`	4.81 kB
`packages/elements/dist/index.es.js`	90.9 kB
`packages/elements/dist/index.js`	88.7 kB
`packages/filter/dist/index.es.js`	3.87 kB
`packages/filter/dist/index.js`	3.27 kB
`packages/forms/dist/index.es.js`	8.52 kB
`packages/forms/dist/index.js`	7.82 kB
`packages/grid-export/dist/index.es.js`	2.05 kB
`packages/grid-export/dist/index.js`	1.99 kB
`packages/grid/dist/index.es.js`	16.7 kB
`packages/grid/dist/index.js`	13.9 kB
`packages/input-mask/dist/index.es.js`	814 B
`packages/input-mask/dist/index.js`	734 B
`packages/modal/dist/index.es.js`	3.4 kB
`packages/modal/dist/index.js`	3.08 kB
`packages/panels/dist/index.es.js`	7.03 kB
`packages/panels/dist/index.js`	6.19 kB
`packages/redux/dist/index.es.js`	3.06 kB
`packages/redux/dist/index.js`	2.75 kB
`packages/select/dist/index.es.js`	4.12 kB
`packages/select/dist/index.js`	3.69 kB
`packages/theme/dist/index.es.js`	1.97 kB
`packages/theme/dist/index.js`	2.03 kB
`packages/tooltip/dist/index.es.js`	2.92 kB
`packages/tooltip/dist/index.js`	2.72 kB

_{compressed-size-action}

packages/elements/src/components/ui/buttons/menu-button/MenuButton.stories.tsx

- Refactor internal structure of menubutton

lindskogen added 4 commits November 23, 2023 11:20

Fix TextInput.stories actions

cb71b4c

Implement success and loading state

3316f43

Also success variant

Use new ActionMenuItem/MenuButton API in stories

05f9cdd

Remove unused imports

f12816d

lindskogen requested review from mattias800 and a team November 23, 2023 10:39

mattias800 approved these changes Nov 23, 2023

View reviewed changes

packages/elements/src/components/ui/buttons/menu-button/MenuButton.stories.tsx Outdated Show resolved Hide resolved

lindskogen added 5 commits November 23, 2023 11:50

Add loading and left content story

d8d288c

Add right content

84a0cdb

- Refactor internal structure of menubutton

Add prettier caching

ee1f9bf

Set success variant color to black

4173ac6

Add success variant in stories

53bd06e

lindskogen merged commit a070488 into next Nov 23, 2023
5 checks passed

lindskogen deleted the feature/menu-button-success-and-loading branch November 23, 2023 13:36

This was referenced Nov 23, 2023

Make MenuButton iconOnly round #678

Merged

Align SearchFilterChips #679

Merged

ActionMenuButton fixes #680

Merged

Danger button background, spacing and more! #681

Merged

Keycard icons #684

Merged

This was referenced Dec 1, 2023

Change textinput button height #685

Merged

Brand update - small changes #686

Merged

This was referenced Dec 15, 2023

Update icons #693

Merged

Add ability to search in icons in stories #694

Merged

add two more icons #696

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Re-implement (Action)MenuButton success and loading states #677

Re-implement (Action)MenuButton success and loading states #677

lindskogen commented Nov 23, 2023 •

edited

Loading

github-actions bot commented Nov 23, 2023 •

edited

Loading

Re-implement (Action)MenuButton success and loading states #677

Re-implement (Action)MenuButton success and loading states #677

Conversation

lindskogen commented Nov 23, 2023 • edited Loading

Version

💥 Breaking Change

🐛 Bug Fix

⚠️ Pushed to next

Authors: 4

github-actions bot commented Nov 23, 2023 • edited Loading

lindskogen commented Nov 23, 2023 •

edited

Loading

⚠️ Pushed to `next`

github-actions bot commented Nov 23, 2023 •

edited

Loading