v0.48.2

0.48.2 (2024-03-14)

Bug Fixes

• fix button dts files (#2485) (2228a02)
• fix order of class decorators (#2489) (580b56f)
• sbb-navigation: fix navigation actions contrast ratio (#2481) (f605a1e)

v0.48.1

0.48.1 (2024-03-13)

Bug Fixes

• fix unresolved sass imports (#2483) (964ab42)
• sbb-status: fix flex behavior in Firefox (#2479) (92d7492)

v0.48.0

0.48.0 (2024-03-12)

⚠ BREAKING CHANGES

• sbb-navigation: The active property of <sbb-navigation-button>/<sbb-navigation-link> (former <sbb-navigation-action>) has been removed. Add the CSS class sbb-active to the corresponding button/link, to mark it as active. Additionally, whenever sbb-active class is set in navigation, the corresponding navigation section, if one is connected, automatically opens.
• The action element refactoring brings a couple of breaking changes:
  • The following components have been split into two components. One with pure button and one with pure link behavior:
    • sbb-card-action: split in sbb-card-button and sbb-card-link
    • sbb-header-action: split in sbb-header-button and sbb-header-link
    • sbb-menu-action: split in sbb-menu-button and sbb-menu-link
    • sbb-navigation-action: split in sbb-navigation-button and sbb-navigation-link
  • The isStatic flag has been removed from buttons and links; since the static case was automatically detected when action elements were nested in other action elements, now you need to check for usage of nested buttons/links in other action elements and possibly fix them using the new static variants.
  • sbb-button: the variant property has been removed and for each value, a new component has been created (e.g. sbb-button, sbb-secondary-button, sbb-tertiary-button, sbb-transparent-button); each of them has been further divided considering the behavior:
    • If the component was used as a button (no href set), replace it with <sbb{-variant}-button>
    • If the component was used as a link (href set), replace it with <sbb{-variant}-button-link>
    • If the component was nested into another action element (isStatic set), replace it with <sbb{-variant}-button-static>
  • The usage of an icon-only sbb-button in a sbb-form-field is not supported anymore; a new component named sbb-mini-button has been created to handle this specific case
  • Check and replace any sbb-button in sbb-toast with the new sbb-transparent-button/sbb-transparent-button-link, since the variant is not automatically set anymore
  • sbb-link has been split into nine components, based on type and variant:
    • If sbb-link had an [href="..."], it migrates to <sbb{-variant}-link>:
      • <sbb-link href="..."> should be replaced with <sbb-block-link href="...">
      • <sbb-link href="..." variant="block"> should be replaced with <sbb-block-link href="...">
      • <sbb-link href="..." variant="inline" > should be replaced with <sbb-link href="...">
    • If sbb-link did not have an [href="..."], it migrates to <sbb{-variant}-link-button>
      • <sbb-link> should be replaced with <sbb-block-link-button>
      • <sbb-link variant="block"> should be replaced with <sbb-block-link-button>
      • <sbb-link variant="inline"> should be replaced with <sbb-link-button>
    • If sbb-link had an [is-static], it migrates to <sbb{-variant}-link-static>
      • <sbb-link is-static> should be replaced with <sbb-block-link-static>
      • <sbb-link is-static variant="block"> should be replaced with <sbb-block-link-static>
      • <sbb-link is-static variant="inline"> should be replaced with <sbb-link-static>
  • sbb-action-group now only accepts sbb-block-link | sbb-block-link-button besides any <sbb-button> variant
  • sbb-link-list now only accepts sbb-block-link | sbb-block-link-button
  • sbb-skiplink-list now only accepts sbb-block-link | sbb-block-link-button
  • sbb-toast now only accepts sbb-link | sbb-link-button | sbb-transparent-button | sbb-transparent-button-link
  • SASS mixin renamings:
    • link-variables SASS mixin renamed to block-link-variables,
    • link-variables--negative SASS mixin renamed to block-link-variables--negative,
    • link-variables--inline SASS mixin renamed to link-variables,
    • link-variables--inline-negative SASS mixin renamed to link-variables--negative
    • link-inline-consolidation SASS mixin renamed to link-consolidation,
    • link-inline SASS mixin renamed to link,
    • link-inline-negative SASS mixin renamed to link-negative
• color: Removed 'default' suffix from color tokens (e.g. --sbb-color-iron-default => --sbb-color-iron and SbbColorIronDefault => SbbColorIron).
• multiple: rename type TitleLevel to SbbTitleLevel

Features

• button variant refactoring (98ea7f5)
• implement initial support for SSR (#2437) (39d37ca)
• increase --sbb-font-size-title-5 for zero to small breakpoints (#2448) (15b786a)
• sbb-card: introduce new color for active state (#2462) (6553d6b)
• sbb-checkbox, sbb-toggle-check: introduce native form support (#2456) (c9549a1)
• sbb-navigation: remove navigation section divider (#2473) (71c1412)
• sbb-selection-panel: increase border width for active state (#2463) (4c4bf5c), closes #2461
• sbb-sticky-bar: allow overlapping to the following content (#2459) (9518dfd)
• sbb-teaser-paid: first implementation (#2434) (68f807a)

Bug Fixes

• fix imports of common styles (#2475) (fda1960)
• layout: apply max-width only for ultra screen size (#2458) (cce71b2)
• sbb-navigation: fix active and focus handling (#2471) (ea81790)
• sbb-radio-group, sbb-tab-group: avoid incorrect setup if component is invisible during init (#2446) (1586137)
• sbb-selection-panel: fix transition of border-width (#2468) (8300b7f)
• sbb-selection-panel: fix transition of border-width [second attempt] (#2469) (942bf45)
• sbb-status: fix text styling (#2457) (292d316)
• sbb-teaser: prevent overlapping chip if including long content (#2450) (b78b3ce)

Documentation

• multiple: remove undefined type from titleLevel (#2447) (c2532cd)

Styles

• color: remove 'default' suffix from color tokens (77454de)

Code Refactoring

• sbb-navigation: improve active handling and focus (4f8f309)

v0.47.2

0.47.2 (2024-02-15)

Bug Fixes

• sbb-container: remove overflowing margin without using overflow (#2427) (42b7da3)
• sbb-toast: fix default z-index (#2428) (d0927ff)

v0.47.1

0.47.1 (2024-02-15)

Bug Fixes

• sbb-status: add index export (03349f0)

v0.47.0

0.47.0 (2024-02-14)

⚠ BREAKING CHANGES

• sbb-image: property noBorderRadius has been replaced by borderRadius which can receive 'default', 'none' and 'round'.

Features

• sbb-image: introduce support for round variant (#2401) (971bd5c)
• sbb-status: allow custom icons (#2403) (56b4068), closes #2398

Bug Fixes

• sbb-pearl-chain-time: use role paragraph for accessibility reasons (#2424) (9009807)

v0.46.3

0.46.3 (2024-02-14)

Bug Fixes

• react-wrapper: avoid writing classname property on a component (#2421) (1ee492e)
• sbb-container: container causes interference with overlay components (#2419) (099164c)

v0.46.2

0.46.2 (2024-02-14)

Bug Fixes

• sbb-map-container: adapt width starting from ultra breakpoint (#2417) (3c55d0c)

v0.46.1

0.46.1 (2024-02-13)

Bug Fixes

• sbb-select: let promise of update cycle complete (5086cd6)

v0.46.0

0.46.0 (2024-02-12)

⚠ BREAKING CHANGES

• sbb-popover: Component sbb-tooltip has been renamed to sbb-popover. Component sbb-tooltip-trigger has been renamed to sbb-popover-trigger Attribute sbb-tooltip-close has been renamed to sbb-popover-close. Every CSS tooltip variable has been renamed from --sbb-tooltip-* to --sbb-popover-* (including trigger).

Bug Fixes

• sbb-popover: rename tooltip to popover and fix accessibility bugs (#2368) (70c1c07), closes #2018
• sbb-select: wait for shadow DOM readiness before setup when using nextjs (#2409) (fbef967)
• sbb-sticky-bar: remove unnecessary import to container (#2406) (c935436)