What’s Changed

Added

• [CYB-3904][BpkGraphicPromo] Render wrapper as semantic anchor tag to improve SEO (#3904) @zoehe-sc

What’s Changed

Added

• [CLOVER-532][BpkText] Add BpkText color prop with leverage css classname (#3900) @Supremeyh

What’s Changed

Added

• [QUAR-1014] fix: A11y and icon issue for inset banner sponsored (#3901) @hir06

What’s Changed

Added

• [QUAR-991] [BpkInsetBannerSponsored] Add closeOnScrimClick prop to BpkBottomSheet (#3891) @syed-emad

What’s Changed

Added

• Revert "[BD-9759][BpkPopover] Add close button beside body" (#3894) @Supremeyh

🔴 ⚠️ DO NOT USE THIS VERSION AS IT HAS A BUG. 🔴

What’s Changed

Fixed

• [CLOV-402][BpkCardList] optimize cardlist spacing (#3893) @xiaogliu
  • Change the padding-bottom of cards 4px to 24px on desktop and 16px on mobile to meet the design.
• [CLOV-402][BpkCardList] Fix cardlist initially shown cards change issue (#3892) @xiaogliu
  • When resize screen and the initiallyShownCards change will update currentIndex to guarantee the first card in the viewport won't change.

🔴 ⚠️ DO NOT USE THIS VERSION AS IT HAS A BUG. 🔴

What’s Changed

Added

• [Clover-402][BpkCardList] Update BpkCardList scroll behaviour (#3878) @xiaogliu
  • Fixed Carousel shakes when tapping on next section arrow (Set the height and width of all cards to be the same as that of the first card)
  • Change 1 tap = move one card to 1 tap = move the whole section
  • For the first render, only load cards in the viewport + cards in buffer. Same behavior on mWeb and desktop.
• [BD-9759][BpkPopover] Add close button beside body (#3883) @karlahuang
  🔴 has an issue and will affect the exising use cases. A patch is coming soon!

Dependency updates

• [NO JIRA] Upgrade foundations dependencies (#3886) @Supremeyh

What’s Changed

Fixed

• [BpkRating] Fixed the issue where some BpkRating attributes were required (#3885) @Faye-Xiao

What’s Changed

Breaking

• BpkPriceMarker – V2 merged, legacy variant removed (breaking)

  • [BD-9901][BpkMap]/[BpkPriceMarker] – BpkPriceMarker and BpkPriceMarkerV2 unified (old variant removed) (#3856) @KathyWang0208
    • Storybook use cases: price-markers, icon-price-marker, save-price-marker
    • Visual Spec on Figma:
      
  • Why
    • Simplifies API surface: one canonical marker component instead of parallel V1/V2 forks.
    • Reduces bundle size and maintenance overhead.
  • Impact
    • Any import of BpkPriceMarkerV2 will break at compile time.
    • Behaviour and props of BpkPriceMarker remain the same as the former V2 version, so in most V2 cases, you can swap names without code changes.
  • Migration
    • legacy v1 existing case, see details from Migrate BpkPriceMarker from v1 to v2 guide
    • V2 existing case, need to change the import way

    - import BpkPriceMarkerV2 from 'bpk-component-price-marker-v2';
    + import BpkPriceMarker from 'bpk-component-price-marker';
    

• Backpack v38 now requires Node 22.14.0 or newer.

  • [Maintenance] upgrade node to 22.x (#3876) @Faye-Xiao
  • Why – moves to the latest LTS patch for improved V8 performance, fs.glob() support, and long-term security updates (supported through 2027).
  • Impact
    • Projects already on Node 22 – upgrade your local and CI images to 22.14.0 to match Backpack’s tested baseline.
    • Projects on Node 20 – installation will show an engines warning; plan to migrate before Node 20 reaches EOL (Apr 2026).
    • Projects on Node 18 or older – installs fail when engine-strict is on; even if forced, future v38.x patches may rely on 22-only APIs.
    • Native addons – ensure libraries such as sharp, sqlite3, or node-sass are on versions that ship pre-built binaries for Node 22.14.0 to avoid slow source compilation in CI.
  • Action: update Dockerfiles, CI runners, and local dev environments to Node >=22.14.0 before adopting Backpack v38.

What’s Changed

Added

• [CLOVER-399][BpkText] Add color prop to improve overrides (#3873) @Supremeyh
  • Introduced a new prop named color to support changing BpkText color by config, but not override,
  • see how to use it from the color example
• [IRN-5969][BpkPanel] panel keyline (#3869) @jimmycook
  • Introduced a new feature to display keyline(existing style),
  • and added a new prop named keyline with a default value is true for the keyline change.
  • No impact to existing BpkPanel use case. You can disable the keyline style by giving a false value.

Fixed

• [Clov-406][BpkRating] Improve BpkRating component to allow its subtitle text truncation in edge cases (#3872) @Faye-Xiao
  • Removed the React propTypes and defaultProps
  • Truncated the BpkRating subtitle for the edge case.
  • 

Dependency updates

• Bump d3-path from 2.0.0 to 3.1.0 in /packages (#3795) @dependabot[bot]
• [Snyk] Security upgrade @skyscanner/stylelint-config-skyscanner from 12.2.1 to 13.1.0 (#3855) @Dawson-Dai
• Bump the testing-library group across 1 directory with 4 updates (#3866) @dependabot[bot]