Update button icon sizes and visual center

[mattias800]

• Fix missing icons in button stories.
• Fix icon only button, was not round.
• Loading and success with no label is now round.
• Fix missing icon size on buttons.
• Update sizes of icons in buttons.
• Update the alignment of label and icons in ButtonContent (for buttons, tabs, etc), to make it visually centered.

Before

After

Version

Published prerelease version: v19.0.0-next.43

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
  • 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/modal, @stenajs-webui/select, @stenajs-webui/theme
  • Update design of select #650 (@mattias800)
• @stenajs-webui/forms, @stenajs-webui/theme
  • New component: LabelledTextInput #647 (@mattias800)
  • TextInput height increase to 36px #645 (@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/panels
  • Sticky header in SidebarMenu #617 (@mattias800 @lindskogen)
  • Pass through props to menu button #624 (@lindskogen)
  • Spread all props into RailMenuLink #618 (@lindskogen)
• @stenajs-webui/elements, @stenajs-webui/panels
  • Styling NavBarUserButton #626 (@lindskogen)
  • Redesign Collapsible #620 (@mattias800)
• @stenajs-webui/modal, @stenajs-webui/panels
  • Mobile improvements in Drawer #623 (@lindskogen)
• @stenajs-webui/forms
  • Make checkbox forward className prop #622 (@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/forms, @stenajs-webui/panels, @stenajs-webui/theme
  • Redesign NavBarSearchField #612 (@mattias800)
• @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)
• @stenajs-webui/elements, @stenajs-webui/modal, @stenajs-webui/panels
  • Nav bar and sidebar menu redesign #588 (@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)

[github-actions]

Size Change: 0 B

Total Size: 314 kB

ℹ️ View Unchanged

Filename	Size
packages/calendar/dist/index.es.js	15.2 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	88.4 kB
packages/elements/dist/index.js	86.3 kB
packages/filter/dist/index.es.js	3.87 kB
packages/filter/dist/index.js	3.27 kB
packages/forms/dist/index.es.js	7.93 kB
packages/forms/dist/index.js	7.26 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.42 kB
packages/modal/dist/index.js	3.09 kB
packages/panels/dist/index.es.js	7.09 kB
packages/panels/dist/index.js	6.25 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.96 kB
packages/theme/dist/index.js	2.02 kB
packages/tooltip/dist/index.es.js	2.92 kB
packages/tooltip/dist/index.js	2.72 kB

_{compressed-size-action}