42.1.0

What’s Changed

Added

• [Bpk-checkbox-card][CLOV-1271]Adding bpk-checkbox-card (#4256) kerrie-wu
• [CLOV-1225]Rebase BpkCheckbox With Ark-ui (#4271) IrinaWei
• [CLOV-1337][BpkButton] Add leadingIcon and trailingIcon props (#4269) Richard-Shen (@RichardSyq)

Fixed

• [NO JIRA][BpkCheckboxV2] Fix transpile error (#4291) Richard-Shen (@RichardSyq)
• [BpkLayout][CLOV-1373] Make BpkLayout as default (#4290) Richard-Shen (@RichardSyq)
• [BpkScrollableCalendar][CLOV-1380]Fix week month overlap when browser font scaling (#4284) kerrie-wu

42.0.0

What's Changed

💥 Breaking

• [BpkButton]Rename BpkButtonV2 folder to BpkButton by Faye (@Faye-Xiao) in #4268
• [BpkAutosuggest][CLOV-354]Make BpkAutosuggestV2 as default by kerrie-wu in #4099

🧠 Migration guideline

Backpack v42 offers Claude skill to do the migration: https://github.com/Skyscanner/backpack/blob/main/.claude/skills/backpack-v42-migration/SKILL.md 🥳 But if you found any issues when using the Claude skill, you can check the below migration details manually.

Autosuggest default alignment

BpkAutosuggestV2 becomes the default BpkAutosuggest.

Migration depends on your current usage:

1. If you are using V2 → rename to default and update the API.

import BpkAutosuggest from '@skyscanner/backpack-web/bpk-component-autosuggest';

2. If you are using V1, we recommend you update to V2 directly, If you have to use V1 for special reasons, you need to use BpkAutosuggestLegacy.

import { BpkAutosuggestLegacy } from '@skyscanner/backpack-web/bpk-component-autosuggest';

Migration guide: https://github.com/Skyscanner/backpack/blob/523cf172542425cce39c19a063ae6ab741269268/packages/bpk-component-autosuggest/docs/migrating-from-v1-to-v2.md

Button deep import removal (v2 export)

The supported public API remains:

import BpkButton, { BUTTON_TYPES, SIZE_TYPES } from '@skyscanner/backpack-web/bpk-component-button';

In v41, the default export already resolves to BpkButtonV2. Teams can migrate to this supported default import pattern before adopting v42.
In v42, any deep import via internal src/... paths (e.g. BpkButtonV2 internal folder imports) will no longer work.

Button docs (README): https://github.com/Skyscanner/backpack/blob/f0b245809cdffbb7eeb98977164f8bb6bdd420c7/packages/bpk-component-button/README.md

Warning Important adoption note (Global Components dependency)

If your application consumes Global Components that include Autosuggest, you must upgrade:
• Backpack v42
• Global Components v16

⚠️ These two packages must be upgraded together in the same PR.
⚠️ Global Components must be upgraded on both server and client to avoid runtime mismatch.

Full Changelog: 41.19.0...42.0.0

41.19.0

What's Changed

• [CLOV-1327][BpkButton] Make corner radius themeable via CSS custom property by Faye (@Faye-Xiao) in #4265
• build(deps): bump actions/download-artifact from 7.0.0 to 8.0.0 in the artifacts-actions group by Dependabot (@dependabot)[bot] in #4259
• [CLOV-1340] [BpkBadge] BpkBadge Themeability Enhancements by Ezreal Yang (@Supremeyh) in #4270
• [BpkButton]Add loading prop for BpkButton by GC Zhu (@gc-skyscanner) in #4275
• [CLOV-1341][BpkChip]Theming support to BpkChip by kerrie-wu in #4272
• [CLOV-90] TS migration of bpk-component-table by IrinaWei in #4123
• Create skill to migrate to v42 by Jaume Salgado (@sogame) in #4277
• [CLOV-1326] [BpkSegmentedControl] Rebase BpkSegmentedControl With Ark-UI by Ezreal Yang (@Supremeyh) in #4257
• [NO JIRA][BpkSegmentedControl] Fix transpile error by Ezreal Yang (@Supremeyh) in #4283

Full Changelog: 41.18.0...41.19.0

v42.0.0-beta.0

This is the test version of 42.

DO NOT USE IT IN YOUR PRODUCTION.

41.18.0

What’s Changed

Added

• [CLOV-1035] add Bpk-component-chat-notification (#4255) IrinaWei
• [CLOV-1304] adding Bpk component thumb (#4253) IrinaWei
• [CLOV-1303] add bpk-thinking (#4229) IrinaWei

Dependency updates

• build(deps-dev): bump @isaacs/brace-expansion from 5.0.0 to 5.0.1 (#4223) @dependabot[bot]

41.17.0

What’s Changed

Added

• [CLOV-63][maintenance] Migrate bpk-skip-link to TypeScript (#4248) Gert-Jan Vercauteren (@gert-janvercauteren)
• [CLOV-120][maintenance] Migrate bpk-animate-height to TypeScript (#4247) Gert-Jan Vercauteren (@gert-janvercauteren)

Fixed

• [Clov-1296][bpk-component-layout] disable chakra preflight and global css to fix the font style overriding (#4249) Faye (@Faye-Xiao)

41.16.0

What’s Changed

Added

• [IRN-6440][Bpk-card-list]Fix bug introduced by adding a negative margin when there is no title prop on carousel (#4234) grc-ong

41.15.2

What’s Changed

Fixed

• [LUNA-3337][BpkBreakpoint] Fix matchSSR default causing layout shift (#4231) Jack Waller (@Jack-Waller)

41.15.1

What’s Changed

Fixed

• [MAT-3155] [BpkBottomSheet] Fix bottom sheet title issue (#4243) Lynn Chen (@lynn-sc)
• [NO-JIRA][maintenance] Update browserslist to match browserslist-config-skyscanner 5.1.0 (#4241) dominicfraser

41.15.0

What’s Changed

Added

• [CLOV-1293] Merge BPK layout components to main Experimental Components (#4230) Richard-Shen (@RichardSyq)