Use filled icons for active buttons in navigation components for better contrast

Wallin Amanda

Release notes

  • Added filled icon variants:
    • HelpFilled
    • LongDistanceTrainFilled
    • TicketFilled
    • TravellerFilled
    • TimeFilled
  • Added iconActive prop to NavigationProps for specifying the filled icon when active.
  • Updated NavigationButton to use iconActive in active state.
  • Improved NavigationButton performance by memoizing style calculations (typographyMargin, badgeOffset).
  • Updated Storybook examples using NavigationButton.

Ärende

Ändrade komponenter

Dependency bumpar

  • ui/accordion

  • ui/accordion-card

  • ui/accordion-summary

  • ui/action-buttons

  • ui/alert

  • ui/app-bar

  • ui/app-bar-base

  • ui/autocomplete

  • ui/avatar

  • ui/avatar-group

  • ui/bottom-sheet

  • ui/bottom-sheet-swipeable

  • ui/checkbox

  • ui/checkbox-card

  • ui/chip

  • ui/data-grid

  • ui/date-calendar

  • ui/date-field

  • ui/date-picker

  • ui/date-picker-week

  • ui/date-range-picker

  • ui/departure-card

  • ui/dialog

  • ui/empty-state

  • ui/error-summary-card

  • ui/filter-row

  • ui/information-card

  • ui/journey-card

  • ui/journey-summary

  • ui/list-item

  • ui/list-item-button

  • ui/menu

  • ui/menu-item

  • ui/navigation-bar

  • ui/navigation-rail

  • ui/payment-method

  • ui/product-card

  • ui/radio

  • ui/radio-button-card

  • ui/radio-card

  • ui/radio-toggle-card

  • ui/scrollable-container

  • ui/search-button

  • ui/select

  • ui/sheet

  • ui/side-sheet

  • ui/snackbar

  • ui/station-picker

  • ui/stepper

  • ui/switch

  • ui/switch-card

  • ui/switch-list-item

  • ui/table

  • ui/text-button

  • ui/text-field

  • ui/text-list

  • ui/text-list-item

  • ui/ticket-card

  • ui/time-picker

  • ui/trains

  • ui/transport-details

  • ui/transport-image

  • ui/transport-summary

  • ui/traveller-field

  • ui/vma

  • utils/navigation-utils