Card bottom padding and NavBarSearchField fixes #692

mattias800 · 2023-12-12T11:56:37Z

Card spread props can now be overridden.
Cardy no longer has extended padding in bottom.
Update NavBarSearchField to work with TextInput CSS refactor.
NavBarSearchField clear button only visible if it as entered text.

Pair programmed with Chris, so all design changes have been reviewed by him.

Version

Published prerelease version: v19.0.0-next.73

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/panels
- Card bottom padding and NavBarSearchField fixes #692 (@mattias800)
- Update design of ErrorPanel #683 (@mattias800)
- ActionMenuButton fixes #680 (@lindskogen)
- 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/elements, @stenajs-webui/theme
- Small update to SecondaryButton and Card #691 (@mattias800)
- Todays batch of redesign updates #615 (@mattias800)
- - Buttons are now round. #583 (@mattias800)
@stenajs-webui/panels
- Fix border radius for close button in search navbar #690 (@AugustasFriend)
- ErrorPanel spread props into child Card #689 (@mattias800)
- 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/elements
- Update Tag and button fix #688 (@mattias800)
- Change textinput button height #685 (@lindskogen)
- Keycard icons #684 (@mattias800)
- Remove extra padding at the bottom of Cardy #682 (@mattias800)
- Make MenuButton iconOnly round #678 (@lindskogen)
- 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/elements, @stenajs-webui/panels, @stenajs-webui/select
- Brand update - small changes #686 (@lindskogen)
@stenajs-webui/theme
- Orange colors update #687 (@mattias800 @lindskogen)
- Update UI colors to match brand #600 (@mattias800)
- Update mussla color #598 (@mattias800)
- - Use new blue colors. #584 (@mattias800)
@stenajs-webui/elements, @stenajs-webui/filter
- Danger button background, spacing and more! #681 (@lindskogen)
- More icon categories #638 (@mattias800)
@stenajs-webui/filter
- Align SearchFilterChips #679 (@lindskogen)
- Brand redesign SearchFilter #595 (@mattias800)
@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/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/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/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/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/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)

- Card spread props can now be overridden. - Cardy no longer has extended padding in bottom. - Update NavBarSearchField to work with TextInput CSS refactor. - NavBarSearchField clear button only visible if it as entered text.

github-actions · 2023-12-12T12:03:31Z

Size Change: 0 B

Total Size: 322 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`	91.9 kB
`packages/elements/dist/index.js`	89.8 kB
`packages/filter/dist/index.es.js`	3.82 kB
`packages/filter/dist/index.js`	3.17 kB
`packages/forms/dist/index.es.js`	8.45 kB
`packages/forms/dist/index.js`	7.75 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.34 kB
`packages/modal/dist/index.js`	3.01 kB
`packages/panels/dist/index.es.js`	7.08 kB
`packages/panels/dist/index.js`	6.22 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.25 kB
`packages/select/dist/index.js`	3.79 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.89 kB
`packages/tooltip/dist/index.js`	2.69 kB

_{compressed-size-action}

- Card and Cardy now have common border-radius of 20px.

e1809bd

- Card spread props can now be overridden. - Cardy no longer has extended padding in bottom. - Update NavBarSearchField to work with TextInput CSS refactor. - NavBarSearchField clear button only visible if it as entered text.

mattias800 requested review from lindskogen, nikteg, esepato and AugustasFriend December 12, 2023 11:56

- Prettier.

f7e0c5b

lindskogen approved these changes Dec 12, 2023

View reviewed changes

- Revert Card and Cardy border-radius update, since Chris ångrade sig.

a846b53

mattias800 changed the title ~~Card border-radius and NavBarSearchField fixes~~ Card bottom padding and NavBarSearchField fixes Dec 13, 2023

mattias800 merged commit f6cdb17 into next Dec 13, 2023
6 checks passed

mattias800 deleted the feature/card-and-navbarsearchfield-updates branch December 13, 2023 10:59

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

Card bottom padding and NavBarSearchField fixes #692

Card bottom padding and NavBarSearchField fixes #692

mattias800 commented Dec 12, 2023 •

edited by lindskogen

Loading

github-actions bot commented Dec 12, 2023 •

edited

Loading

Card bottom padding and NavBarSearchField fixes #692

Card bottom padding and NavBarSearchField fixes #692

Conversation

mattias800 commented Dec 12, 2023 • edited by lindskogen Loading

Version

💥 Breaking Change

🐛 Bug Fix

⚠️ Pushed to next

Authors: 4

github-actions bot commented Dec 12, 2023 • edited Loading

mattias800 commented Dec 12, 2023 •

edited by lindskogen

Loading

⚠️ Pushed to `next`

github-actions bot commented Dec 12, 2023 •

edited

Loading