Co-authored-by: Ollie Curtis <[email protected]>

…e.scss

Co-authored-by: Ollie Curtis <[email protected]>

Co-authored-by: Ollie Curtis <[email protected]>

Co-authored-by: Ollie Curtis <[email protected]>

…into bpk-carousel

…into bpk-carousel

[BpkInput]: Updating input HoC for keyboard events (#3194)

* Updating datepicker to not open when focusing by default

* Change type to be generic due to issues

* Update to add prop back to example for visual testing

* Updating types and adding supression comment

---------

Co-authored-by: Simon Ward <[email protected]>

* add optional aria label

* set aria label to default null

---------

Co-authored-by: Ricci Mwangela <[email protected]>

* add aria label

* update snapshots

* aria label optional

* correct jsx aria syntax

* test render without aria label

* default aria label to null

* fix prop typo

* add prop null test

* update snapshot

---------

Co-authored-by: Ricci Mwangela <[email protected]>
Co-authored-by: Simon Ward <[email protected]>

[ST-5579][BpkBreakpoint] Remove react-responsive (#3284)

* Remove react-responsive
* Make useMediaQuery able to be run in tests
* Copyright + type

* bpk-svgs from 19.0.1 to 19.1.0

* also bump in /packages

* LOOM-1275 Move Icon style override into span

* Adjust the vertical

* Tying 1.75 as lines up better with Zoom

* Try line-height zero instead to eliminate descenders

* Use -1.75 vertical alignment

* Snapshots updated back to using <span>

---------

Co-authored-by: James Ronald <[email protected]>

Bumps [@percy/cli](https://github.com/percy/cli/tree/HEAD/packages/cli) from 1.27.7 to 1.28.2.
- [Release notes](https://github.com/percy/cli/releases)
- [Commits](https://github.com/percy/cli/commits/v1.28.2/packages/cli)

---
updated-dependencies:
- dependency-name: "@percy/cli"
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

Bumps [@babel/core](https://github.com/babel/babel/tree/HEAD/packages/babel-core) from 7.23.9 to 7.24.0.
- [Release notes](https://github.com/babel/babel/releases)
- [Changelog](https://github.com/babel/babel/blob/main/CHANGELOG.md)
- [Commits](https://github.com/babel/babel/commits/v7.24.0/packages/babel-core)

---
updated-dependencies:
- dependency-name: "@babel/core"
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

Bumps [webpack-dev-middleware](https://github.com/webpack/webpack-dev-middleware) from 6.1.1 to 6.1.2.
- [Release notes](https://github.com/webpack/webpack-dev-middleware/releases)
- [Changelog](https://github.com/webpack/webpack-dev-middleware/blob/v6.1.2/CHANGELOG.md)
- [Commits](webpack/webpack-dev-middleware@v6.1.1...v6.1.2)

---
updated-dependencies:
- dependency-name: webpack-dev-middleware
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

… CSS chunk resoloution (#3234)

Bumps the babel group with 5 updates:

| Package | From | To |
| --- | --- | --- |
| [@babel/cli](https://github.com/babel/babel/tree/HEAD/packages/babel-cli) | `7.23.9` | `7.24.1` |
| [@babel/plugin-transform-runtime](https://github.com/babel/babel/tree/HEAD/packages/babel-plugin-transform-runtime) | `7.23.7` | `7.24.3` |
| [@babel/preset-env](https://github.com/babel/babel/tree/HEAD/packages/babel-preset-env) | `7.23.8` | `7.24.3` |
| [@babel/preset-react](https://github.com/babel/babel/tree/HEAD/packages/babel-preset-react) | `7.23.3` | `7.24.1` |
| [@babel/preset-typescript](https://github.com/babel/babel/tree/HEAD/packages/babel-preset-typescript) | `7.23.3` | `7.24.1` |


Updates `@babel/cli` from 7.23.9 to 7.24.1
- [Release notes](https://github.com/babel/babel/releases)
- [Changelog](https://github.com/babel/babel/blob/main/CHANGELOG.md)
- [Commits](https://github.com/babel/babel/commits/v7.24.1/packages/babel-cli)

Updates `@babel/plugin-transform-runtime` from 7.23.7 to 7.24.3
- [Release notes](https://github.com/babel/babel/releases)
- [Changelog](https://github.com/babel/babel/blob/main/CHANGELOG.md)
- [Commits](https://github.com/babel/babel/commits/v7.24.3/packages/babel-plugin-transform-runtime)

Updates `@babel/preset-env` from 7.23.8 to 7.24.3
- [Release notes](https://github.com/babel/babel/releases)
- [Changelog](https://github.com/babel/babel/blob/main/CHANGELOG.md)
- [Commits](https://github.com/babel/babel/commits/v7.24.3/packages/babel-preset-env)

Updates `@babel/preset-react` from 7.23.3 to 7.24.1
- [Release notes](https://github.com/babel/babel/releases)
- [Changelog](https://github.com/babel/babel/blob/main/CHANGELOG.md)
- [Commits](https://github.com/babel/babel/commits/v7.24.1/packages/babel-preset-react)

Updates `@babel/preset-typescript` from 7.23.3 to 7.24.1
- [Release notes](https://github.com/babel/babel/releases)
- [Changelog](https://github.com/babel/babel/blob/main/CHANGELOG.md)
- [Commits](https://github.com/babel/babel/commits/v7.24.1/packages/babel-preset-typescript)

---
updated-dependencies:
- dependency-name: "@babel/cli"
  dependency-type: direct:development
  update-type: version-update:semver-minor
  dependency-group: babel
- dependency-name: "@babel/plugin-transform-runtime"
  dependency-type: direct:development
  update-type: version-update:semver-minor
  dependency-group: babel
- dependency-name: "@babel/preset-env"
  dependency-type: direct:development
  update-type: version-update:semver-minor
  dependency-group: babel
- dependency-name: "@babel/preset-react"
  dependency-type: direct:development
  update-type: version-update:semver-minor
  dependency-group: babel
- dependency-name: "@babel/preset-typescript"
  dependency-type: direct:development
  update-type: version-update:semver-minor
  dependency-group: babel
...

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

Bumps [actions/cache](https://github.com/actions/cache) from 4.0.1 to 4.0.2.
- [Release notes](https://github.com/actions/cache/releases)
- [Changelog](https://github.com/actions/cache/blob/main/RELEASES.md)
- [Commits](actions/cache@v4.0.1...v4.0.2)

---
updated-dependencies:
- dependency-name: actions/cache
  dependency-type: direct:production
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* BpKContentCards LOOM-1276

* Remove BpKText and use regular element with conditional CSS

* fixed at 0

* Use mixin for margin reset instead

* attempt 2

* fixed stylelint issues

* fix for setting appropriate margin top and bottom

* revert to using getclassname and add visual tests

* just leave the more complex three card visual test

---------

Co-authored-by: James Ronald <[email protected]>

* BpkBreakpoint: Fix & Optimize SSR rendering

* small tweak to useMediaQuery + fix tests

* Re-add snapshot

* Remove isClient block within useMediaQuery useEffect

* mock useMediaQuery in tests

* remove console log

* Add to readme

* Improve guidance

* Update type and README

* Small correction to guidance snipper

* Add dummy import

* Removed isClient from dependency array

Bumps [typescript](https://github.com/Microsoft/TypeScript) from 5.3.3 to 5.4.3.
- [Release notes](https://github.com/Microsoft/TypeScript/releases)
- [Changelog](https://github.com/microsoft/TypeScript/blob/main/azure-pipelines.release.yml)
- [Commits](microsoft/TypeScript@v5.3.3...v5.4.3)

---
updated-dependencies:
- dependency-name: typescript
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

[DTO-5126][bpk-component-chip] Create BpkIconChip (#3277)
* Create BpkIconChip
* generate type declaration files
* Use initial state from props in examples
* Add BpkIconChip example to README
* Fix props formatting
* don't pass leading icon classname
* update type declarations
* fix rtl
* fix rtl
* Implicitly set icon only class
* Imply icon only from no children
* remove null prop
* Fix import order

---------

Co-authored-by: Iain Cattermole <[email protected]>

[NOJIRA] [BpkPageIndicator] Add cursor hover behaviour (#3321)
* added cursor hover behaviour to BpkPageIndicator

* moved pointer-events rule for active state

* fixed previous pointer-events move mistake

…and new spans (#3297)

* LOOM-1261 New pr/branch, moved classes into existing spans

* whitespace fix

* one new span around bpkText

* added inherit to display

* Changed display:inherit to display:block and tagName to h3 from span

* pr feedback, changed spans to divs removing need for display:block

* loom-1277 bpkdatatableheader

* fix icon line height to realign

---------

Co-authored-by: James Ronald <[email protected]>

* BpkBreadcrumb LOOM-1274 Class 2 Overrides

* Fix Styellint issues and update snapshots

* missed tokens prefix

* fix alignment

* fix alignment 02

* fix alignment 03

* fix alignment 04

* fix icon height

* fix alignment 05

* fix alignment 06

* fix alignment 07

* fix alignment 08

* fix alignment 08

* fix alignment 09

* revert back to bpktext

* set specific icon height for regular and zoom

* set specific value that ensures percy snapshots still match

* header comment was moved slightly

---------

Co-authored-by: James Ronald <[email protected]>

* LOOM-1283 BpfFieldset

* Check add to wrapper

* snapshots updated

---------

Co-authored-by: James Ronald <[email protected]>

* Colour changes for surface contrast applied to modal

* Use existing token after discussion with Backpack

* BpkModalV2

* Changes to scss files

* Updating type declaration files

---------

Co-authored-by: Amelia Fitzpatrick <[email protected]>

* LOOM-1282 BkpDrawerConent Class 2 Overrides

* Duplicated style removed

…n to new wrapper span (#3331)

…pper span (#3333)

* LOOM-1288 BpkGraphicPromo removed usages of BpkText

* removed commented code

* LOOM-1288 BpkGraphicPromo replaced BpkText usage with base elements to clear className usage

#3334)

* LOOM-1290 BpkHorizontalNav moved className on BpkMobileScrollContainer to wrapper div

* added position relative to new div class to fix box shadow z index

* move className up one level

* fix undefined classnames

---------

Co-authored-by: metalix2 <[email protected]>

Bumps [express](https://github.com/expressjs/express) from 4.18.2 to 4.19.2.
- [Release notes](https://github.com/expressjs/express/releases)
- [Changelog](https://github.com/expressjs/express/blob/master/History.md)
- [Commits](expressjs/express@4.18.2...4.19.2)

---
updated-dependencies:
- dependency-name: express
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Ollie Curtis <[email protected]>

* LOOM-1292 BpKInfoBannerInner

* Introduce the chevron down icon for alignment simplicity

* Snapshots updated

* Snapshots updated2

* Update packages/bpk-component-info-banner/src/BpkInfoBannerInner.tsx

Co-authored-by: Ollie Curtis <[email protected]>

* Update packages/bpk-component-info-banner/src/BpkInfoBannerInner.tsx

Co-authored-by: Ollie Curtis <[email protected]>

* Mistakenly swapped chevron directions

---------

Co-authored-by: Ollie Curtis <[email protected]>

* LOOM-1299 BpkModal V2 Class 2 Overrides

* Remove redundant header title style

* LOOM-1301 BpkNavigationBar Class 2 Overrides

* Remove redundant import

…7.4.0 (#3347)

* update linter and --fix

* update ts-expect-error lines

* update ts-expect-error lines

* add snaps

* fix calendar css, remove overriding width

* update @skyscanner/stylelint-config-skyscanner to latest

* Bump webpack from 5.90.3 to 5.91.0

Bumps [webpack](https://github.com/webpack/webpack) from 5.90.3 to 5.91.0.
- [Release notes](https://github.com/webpack/webpack/releases)
- [Commits](webpack/webpack@v5.90.3...v5.91.0)

---
updated-dependencies:
- dependency-name: webpack
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <[email protected]>

* lint fix

---------

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: metalix2 <[email protected]>
Co-authored-by: Matthew Robertson <[email protected]>

…#3343)

* update linter and --fix

* update ts-expect-error lines

* update ts-expect-error lines

* inline ignore className usage

* add missing snaps

* align all comments to the same TODO

* remove unused comments

* lock file update

It's not immediately obvious that the title attribute of the BpkRating
can accept any React Node. The only 2 examples of this are images.

This will also be supplanted with an update to the docs

* LOOM-1304 BpkNudger Class 2 Overrides

* Move children to parent level

* Remove classname and associated test

* disable forbid-component-props for the component classname

Bumps [peaceiris/actions-gh-pages](https://github.com/peaceiris/actions-gh-pages) from 3 to 4.
- [Release notes](https://github.com/peaceiris/actions-gh-pages/releases)
- [Changelog](https://github.com/peaceiris/actions-gh-pages/blob/main/CHANGELOG.md)
- [Commits](peaceiris/actions-gh-pages@v3...v4)

---
updated-dependencies:
- dependency-name: peaceiris/actions-gh-pages
  dependency-type: direct:production
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* LOOM-1315 BpkSpinner moved className prop to wrapper span

* wrapper around Large and ExtraLarge Spinners

* Update BpkNavigationBarButtonLink and Icon

* snapshots

---------

Co-authored-by: metalix2 <[email protected]>

…wrapper div (#3362)

* Update className prop

* snapshots

---------

Co-authored-by: metalix2 <[email protected]>

…add test (#3371)

* add isClient defensively around useEffect & add test

* add licence

* prettier

* LOOM-1317 WIP Added spans around icons

* snapshots

* Added width and height to div

* changed span to div so as to be correct in BpkStarRating

* snapshots updated with div change

* switched back to spans, changed vertical-align

* possible solution with with flex-inline?

---------

Co-authored-by: metalix2 <[email protected]>

* Update className prop

* snapshots

* update to BpkCloseButton

* replace scss classnames with composes

* fix naming

* easier on the eyes

* snapshot fix

* try centreing the icon with font-size

---------

Co-authored-by: metalix2 <[email protected]>

Co-authored-by: metalix2 <[email protected]>

[BDES-137][bpk-component-mobile-scroll-container] Removed edge fade

…e as an accepted (#3376)

* comment to state the className is an accepted prop in bpkMobileScrollContainer

* make use of allowedFor

* fix rc

* add reason

---------

Co-authored-by: metalix2 <[email protected]>

…d prop (#3375)

* comment to state the className is an accepted prop in bpkSlider

* add reason and exclusion

---------

Co-authored-by: metalix2 <[email protected]>

… prop (#3373)

* comment to state the className is an accepted prop in bpkModal

* [LOOM-1373][BpkSlider] Comment to declare the className as an accepted prop (#3375)

* comment to state the className is an accepted prop in bpkSlider

* add reason and exclusion

---------

Co-authored-by: metalix2 <[email protected]>

* add reason and exclusion

---------

Co-authored-by: metalix2 <[email protected]>

* trial with spans

* set textStyle

* set as h2 tag

---------

Co-authored-by: metalix2 <[email protected]>

…3337)

* implement skeleton

* add declare file

* [MAT-1241] add test files (#3340)

* add test file

* add accessibility test

---------

Co-authored-by: Felix luo <[email protected]>

* update examples and stories (#3341)

Co-authored-by: Felix luo <[email protected]>

* update readme file (#3342)

Co-authored-by: Felix luo <[email protected]>

* add role for base skeleton component

* optimize code and remove visual test

* update lint

* add a combined component example

* Refactored the code (#3352)

Co-authored-by: Felix luo <[email protected]>

* rename className to skeletonStyle

* update test

* update scss

* update examples

* use vertical style on examples

* remove ariaLabel, simplify bpkskeleton and categorize types

* update readme

* change the declare of default value

---------

Co-authored-by: Felix luo <[email protected]>

Co-authored-by: Michal Sekulski <[email protected]>

* Add scaleControl prop for BpkMap component

* change scaleControl as a feature for map

* Revert the changs for REDAME

---------

Co-authored-by: Kathy Wang <[email protected]>

)

* Remove unused classname prop

* update snapshots

---------

Co-authored-by: metalix2 <[email protected]>

…3383)

* option one

* custom style prop

* Best to duplicate the chip code rather than have two layers of classname wraps around the SelectableChip

* tidy unnecessary props

* remove unnecessary props

* keep accessibilityLabel

* update snapshots

* retry

* undo example changes

* tidy up

* use correct chip colours

* fix colours

* ignore-ts error

* rename prop and use it

---------

Co-authored-by: metalix2 <[email protected]>

* LOOM-1307 BpkPhoneInput Class 2 Overrides

* Redundant class overrides removed

* Commented-out code removed

* Revert Input and Select changes

* Added extra tab by a mistake - now removed

Bumps [gulp](https://github.com/gulpjs/gulp) from 4.0.2 to 5.0.0.
- [Release notes](https://github.com/gulpjs/gulp/releases)
- [Changelog](https://github.com/gulpjs/gulp/blob/master/CHANGELOG.md)
- [Commits](gulpjs/gulp@v4.0.2...v5.0.0)

---
updated-dependencies:
- dependency-name: gulp
  dependency-type: direct:development
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

Co-authored-by: metalix2 <[email protected]>

* LOOM-1315 Fix changed spans to div to preserve animation

* switched back to spans and added display: block

…prop (#3…" (#3398)

This reverts commit 80098ca.