Add warning & success variant for TextInputButton, also fix broken NavBarButtons #666

lindskogen · 2023-11-07T15:15:16Z

Add warning and succes textinput button:

Fix user button with initials not being round:

Fix broken NavBarNotificationButton:

Version

Published prerelease version: v19.0.0-next.54

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, @stenajs-webui/panels
- Add warning & success variant for TextInputButton, also fix broken NavBarButtons #666 (@lindskogen)
@stenajs-webui/forms
- 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/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
- 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/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/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/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)
@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)

- Also improved the story code structure - Add default variant to icon mapping

github-actions · 2023-11-07T16:07:34Z

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.1 kB
`packages/elements/dist/index.js`	87.9 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.94 kB
`packages/forms/dist/index.js`	8.23 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.24 kB
`packages/panels/dist/index.js`	6.36 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}

nikteg

Weird padding in user button that can be fixed too :)

lindskogen added 3 commits November 7, 2023 11:46

Add yellow textinput icon

a525a23

Use BaseButton to implement NavBarNotificationButton.

6b00684

Fix round navbar user initials button

444e0d9

lindskogen requested review from mattias800 and a team November 7, 2023 15:15

lindskogen changed the title ~~Feature/yellow textinput icon~~ Add warning variant for TextInputButton, also fix broken NavBarButtons Nov 7, 2023

lindskogen added 2 commits November 7, 2023 16:16

Remove unused import

23f9041

Prettier

f790193

lindskogen changed the title ~~Add warning variant for TextInputButton, also fix broken NavBarButtons~~ Add warning & success variant for TextInputButton, also fix broken NavBarButtons Nov 7, 2023

Add success variant to TextInputButton

f671f3c

- Also improved the story code structure - Add default variant to icon mapping

nikteg approved these changes Nov 7, 2023

View reviewed changes

mattias800 approved these changes Nov 7, 2023

View reviewed changes

lindskogen merged commit 37a05e5 into next Nov 7, 2023
5 checks passed

lindskogen deleted the feature/yellow-textinput-icon branch November 7, 2023 19:20

This was referenced Nov 8, 2023

Add CloseButton component to use in Cards, Modals, Popovers, SidebarMenu #667

Merged

Fix broken NavBarButton styles #668

Merged

Redesign ValueTable for Brand update #672

Merged

Set ValueTable label to bold #673

Merged

This was referenced Nov 15, 2023

Update Label design #675

Merged

Add TextInputButton small size for compact table cells #676

Merged

This was referenced Dec 1, 2023

Change textinput button height #685

Merged

Brand update - small changes #686

Merged

lindskogen mentioned this pull request Dec 8, 2023

Update Tag and button fix #688

Merged

This was referenced Dec 8, 2023

ErrorPanel spread props into child Card #689

Merged

Fix border radius for close button in search navbar #690

Merged

Small update to SecondaryButton and Card #691

Merged

Card bottom padding and NavBarSearchField fixes #692

Merged

Update icons #693

Merged

This was referenced Dec 21, 2023

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

Add warning & success variant for TextInputButton, also fix broken NavBarButtons #666

Add warning & success variant for TextInputButton, also fix broken NavBarButtons #666

lindskogen commented Nov 7, 2023 •

edited

Loading

github-actions bot commented Nov 7, 2023

nikteg left a comment

Add warning & success variant for TextInputButton, also fix broken NavBarButtons #666

Add warning & success variant for TextInputButton, also fix broken NavBarButtons #666

Conversation

lindskogen commented Nov 7, 2023 • edited Loading

Version

💥 Breaking Change

🐛 Bug Fix

⚠️ Pushed to next

Authors: 4

github-actions bot commented Nov 7, 2023

nikteg left a comment

Choose a reason for hiding this comment

lindskogen commented Nov 7, 2023 •

edited

Loading

⚠️ Pushed to `next`