@skyscanner/backpack-web 41.1.0 → 41.3.0

package/bpk-component-autosuggest/index.js

@@ -16,6 +16,6 @@
  * limitations under the License.
  */import BpkAutosuggest from "./src/BpkAutosuggest";
 import BpkAutosuggestSuggestion from "./src/BpkAutosuggestSuggestion";
-import BpkAutosuggestV2 from "./src/BpkAutosuggestV2/BpkAutosuggest";
+import BpkAutosuggestV2, { defaultTheme } from "./src/BpkAutosuggestV2/BpkAutosuggest";
 export default BpkAutosuggest;
-export { BpkAutosuggestSuggestion, BpkAutosuggestV2 };
+export { BpkAutosuggestSuggestion, BpkAutosuggestV2, defaultTheme };

package/bpk-component-autosuggest/src/BpkAutosuggestV2/BpkAutosuggest.d.ts

@@ -64,5 +64,18 @@ export type BpkAutoSuggestProps<T> = {
     }) => void;
     focusInputOnSuggestionClick?: boolean;
 };
+export declare const defaultTheme: {
+    container: string;
+    containerOpen: string;
+    suggestionsContainer: string;
+    suggestionsContainerOpen: string;
+    suggestionsList: string;
+    suggestion: string;
+    suggestionHighlighted: string;
+    sectionContainer: string;
+    sectionTitle: string;
+    input: string;
+    visuallyHidden: string;
+};
 declare const BpkAutosuggest: import("react").ForwardRefExoticComponent<BpkAutoSuggestProps<any> & import("react").RefAttributes<HTMLInputElement>>;
 export default BpkAutosuggest;

package/bpk-component-autosuggest/src/BpkAutosuggestV2/BpkAutosuggest.js

@@ -17,7 +17,7 @@
  */
 
 import { useEffect, forwardRef, useRef } from 'react';
-import { useFloating, offset, flip, shift, size, arrow as floatingArrow, FloatingArrow, autoUpdate, FloatingPortal } from '@floating-ui/react';
+import { useFloating, offset, shift, size, arrow as floatingArrow, FloatingArrow, autoUpdate, FloatingPortal } from '@floating-ui/react';
 import { useCombobox } from 'downshift';
 import { surfaceHighlightDay } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
 import BpkInput from "../../../bpk-component-input";
@@ -25,7 +25,7 @@ import { cssModules } from "../../../bpk-react-utils";
 import STYLES from "./BpkAutosuggest.module.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
-const defaultTheme = {
+export const defaultTheme = {
   container: getClassName('bpk-autosuggest__container'),
   containerOpen: getClassName('bpk-autosuggest__container--open'),
   suggestionsContainer: getClassName('bpk-autosuggest__suggestions-container'),
@@ -235,7 +235,7 @@ const BpkAutosuggest = /*#__PURE__*/forwardRef(({
     ...(isDesktop && {
       strategy: 'fixed'
     }),
-    middleware: isDesktop ? [offset(4), flip(), shift(), size({
+    middleware: isDesktop ? [offset(4), shift(), size({
       apply({
         elements,
         rects

package/bpk-component-bottom-sheet/src/BpkBottomSheet.js

@@ -20,7 +20,7 @@ import { useCallback, useState } from 'react';
 import BpkBreakpoint, { BREAKPOINTS } from "../../bpk-component-breakpoint";
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import BpkCloseButton from "../../bpk-component-close-button";
-import { BpkButtonLink } from "../../bpk-component-link";
+import BpkLink from "../../bpk-component-link";
 import BpkNavigationBar from "../../bpk-component-navigation-bar";
 import { TEXT_STYLES } from "../../bpk-component-text/src/BpkText";
 import { BpkDialogWrapper, cssModules } from "../../bpk-react-utils";
@@ -126,7 +126,8 @@ const BpkBottomSheet = ({
             label: closeLabel,
             onClick: handleClose
           }),
-          trailingButton: actionText && onAction ? /*#__PURE__*/_jsx(BpkButtonLink, {
+          trailingButton: actionText && onAction ? /*#__PURE__*/_jsx(BpkLink, {
+            as: "button",
             onClick: onAction,
             children: actionText
           }) : null

package/bpk-component-button/src/BpkButtonV2/BpkButton.module.css

@@ -15,4 +15,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-.bpk-button{display:inline-block;min-height:2.25rem;margin:0;padding:.375rem 1rem;border:0;border-radius:.5rem;text-align:center;text-decoration:none;cursor:pointer;vertical-align:middle;user-select:none;font-size:1rem;line-height:1.5rem;font-weight:700;color:#fff;color:var(--bpk-button-primary-text-color, rgb(255, 255, 255));background-color:#05203c;background-color:var(--bpk-button-primary-background-color, rgb(5, 32, 60))}.bpk-no-touch-support .bpk-button:hover:not(:active):not(:disabled){color:#fff;color:var(--bpk-button-primary-hover-text-color, rgb(255, 255, 255));background-color:#154679;background-color:var(--bpk-button-primary-hover-background-color, rgb(21, 70, 121))}:global(.bpk-no-touch-support) .bpk-button:hover:not(:active):not(:disabled){color:#fff;color:var(--bpk-button-primary-hover-text-color, rgb(255, 255, 255));background-color:#154679;background-color:var(--bpk-button-primary-hover-background-color, rgb(21, 70, 121))}.bpk-button:active{color:#fff;color:var(--bpk-button-primary-active-text-color, rgb(255, 255, 255));background-color:#154679;background-color:var(--bpk-button-primary-active-background-color, rgb(21, 70, 121))}.bpk-button:disabled{background-color:#e0e4e9;color:rgba(0,0,0,.2);cursor:not-allowed}.bpk-button--large{min-height:3rem;padding:.75rem 1rem}.bpk-button--icon-only{border-radius:.5rem;padding-right:.625rem;padding-left:.625rem;border-radius:.5rem}.bpk-button--large-icon-only{border-radius:.5rem;padding-right:.75rem;padding-left:.75rem;border-radius:.5rem}.bpk-button--destructive{color:#161616;color:var(--bpk-button-secondary-text-color, rgb(22, 22, 22));background-color:#e0e4e9;background-color:var(--bpk-button-secondary-background-color, rgb(224, 228, 233));color:#e70866;color:var(--bpk-button-destructive-text-color, rgb(231, 8, 102));background-color:#e0e4e9;background-color:var(--bpk-button-destructive-background-color, rgb(224, 228, 233))}.bpk-no-touch-support .bpk-button--destructive:hover:not(:active):not(:disabled){color:#161616;color:var(--bpk-button-secondary-hover-text-color, rgb(22, 22, 22));background-color:#c1c7cf;background-color:var(--bpk-button-secondary-hover-background-color, rgb(193, 199, 207))}:global(.bpk-no-touch-support) .bpk-button--destructive:hover:not(:active):not(:disabled){color:#161616;color:var(--bpk-button-secondary-hover-text-color, rgb(22, 22, 22));background-color:#c1c7cf;background-color:var(--bpk-button-secondary-hover-background-color, rgb(193, 199, 207))}.bpk-button--destructive:active{color:#161616;color:var(--bpk-button-secondary-active-text-color, rgb(22, 22, 22));background-color:#c1c7cf;background-color:var(--bpk-button-secondary-active-background-color, rgb(193, 199, 207))}.bpk-button--destructive:disabled{background-color:#e0e4e9;color:rgba(0,0,0,.2)}.bpk-no-touch-support .bpk-button--destructive:hover:not(:active):not(:disabled){color:#fff;color:var(--bpk-button-destructive-hover-text-color, rgb(255, 255, 255));background-color:#e70866;background-color:var(--bpk-button-destructive-hover-background-color, rgb(231, 8, 102))}:global(.bpk-no-touch-support) .bpk-button--destructive:hover:not(:active):not(:disabled){color:#fff;color:var(--bpk-button-destructive-hover-text-color, rgb(255, 255, 255));background-color:#e70866;background-color:var(--bpk-button-destructive-hover-background-color, rgb(231, 8, 102))}.bpk-button--destructive:active{color:#fff;color:var(--bpk-button-destructive-active-text-color, rgb(255, 255, 255));background-color:#e70866;background-color:var(--bpk-button-destructive-active-background-color, rgb(231, 8, 102))}.bpk-button--destructive:disabled{background-color:#e0e4e9;color:rgba(0,0,0,.2)}.bpk-button--featured{color:#fff;color:var(--bpk-button-featured-text-color, rgb(255, 255, 255));background-color:#0062e3;background-color:var(--bpk-button-featured-background-color, rgb(0, 98, 227))}.bpk-no-touch-support .bpk-button--featured:hover:not(:active):not(:disabled){color:#fff;color:var(--bpk-button-featured-hover-text-color, rgb(255, 255, 255));background-color:#024daf;background-color:var(--bpk-button-featured-hover-background-color, rgb(2, 77, 175))}:global(.bpk-no-touch-support) .bpk-button--featured:hover:not(:active):not(:disabled){color:#fff;color:var(--bpk-button-featured-hover-text-color, rgb(255, 255, 255));background-color:#024daf;background-color:var(--bpk-button-featured-hover-background-color, rgb(2, 77, 175))}.bpk-button--featured:active{color:#fff;color:var(--bpk-button-featured-active-text-color, rgb(255, 255, 255));background-color:#024daf;background-color:var(--bpk-button-featured-active-background-color, rgb(2, 77, 175))}.bpk-button--featured:disabled{background-color:#e0e4e9;color:rgba(0,0,0,.2)}.bpk-button--link{background:none;box-shadow:none;color:#161616;color:var(--bpk-link-color, rgb(22, 22, 22));padding:.375rem 0;color:#0062e3;position:relative;display:inline;padding:0;border:0;background-color:rgba(0,0,0,0);text-decoration:none;cursor:pointer;appearance:none;color:#161616;color:var(--bpk-link-color, rgb(22, 22, 22));--bpk-button-svg-display: inline-block;--bpk-button-svg-vertical-align: middle}.bpk-no-touch-support .bpk-button--link:hover:not(:active):not(:disabled){color:#161616;color:var(--bpk-link-hover-color, rgb(22, 22, 22))}:global(.bpk-no-touch-support) .bpk-button--link:hover:not(:active):not(:disabled){color:#161616;color:var(--bpk-link-hover-color, rgb(22, 22, 22))}.bpk-button--link:active{text-decoration:none;color:#161616;color:var(--bpk-link-active-color, rgb(22, 22, 22))}.bpk-button--link::after{bottom:auto}.bpk-no-touch-support .bpk-button--link:hover:not(:active):not(:disabled){background:none;color:#024daf;text-decoration:none}:global(.bpk-no-touch-support) .bpk-button--link:hover:not(:active):not(:disabled){background:none;color:#024daf;text-decoration:none}.bpk-button--link:active{background:none;color:#024daf;text-decoration:none}.bpk-button--link:disabled,.bpk-button--link:disabled:active{background:none;color:rgba(0,0,0,.2);text-decoration:none}.bpk-button--link-large{padding:.75rem 0}.bpk-no-touch-support .bpk-button--link:hover:not(:active):not(:disabled){text-decoration:none;color:#161616;color:var(--bpk-link-hover-color, rgb(22, 22, 22))}:global(.bpk-no-touch-support) .bpk-button--link:hover:not(:active):not(:disabled){text-decoration:none;color:#161616;color:var(--bpk-link-hover-color, rgb(22, 22, 22))}.bpk-button--link:visited{color:#161616;color:var(--bpk-link-visited-color, rgb(22, 22, 22))}.bpk-button--link:active{color:#161616;color:var(--bpk-link-active-color, rgb(22, 22, 22))}.bpk-button--link--implicit{color:#161616;color:var(--bpk-link-color, rgb(22, 22, 22))}.bpk-no-touch-support .bpk-button--link--implicit:hover:not(:active):not(:disabled){color:#161616;color:var(--bpk-link-hover-color, rgb(22, 22, 22))}:global(.bpk-no-touch-support) .bpk-button--link--implicit:hover:not(:active):not(:disabled){color:#161616;color:var(--bpk-link-hover-color, rgb(22, 22, 22))}.bpk-button--link--implicit:active{text-decoration:none;color:#161616;color:var(--bpk-link-active-color, rgb(22, 22, 22))}.bpk-button--link--icon-only{display:inline-flex;justify-content:center;align-items:center;vertical-align:middle}.bpk-button--link-on-dark{background:none;box-shadow:none;color:#161616;color:var(--bpk-link-color, rgb(22, 22, 22));padding:.375rem 0;color:#0062e3;color:#fff;color:var(--bpk-button-link-on-dark-text-color, rgb(255, 255, 255));color:#fff;color:var(--bpk-link-alternate-color, rgb(255, 255, 255));--bpk-button-svg-display: inline-block;--bpk-button-svg-vertical-align: middle}.bpk-no-touch-support .bpk-button--link-on-dark:hover:not(:active):not(:disabled){color:#161616;color:var(--bpk-link-hover-color, rgb(22, 22, 22))}:global(.bpk-no-touch-support) .bpk-button--link-on-dark:hover:not(:active):not(:disabled){color:#161616;color:var(--bpk-link-hover-color, rgb(22, 22, 22))}.bpk-button--link-on-dark:active{text-decoration:none;color:#161616;color:var(--bpk-link-active-color, rgb(22, 22, 22))}.bpk-button--link-on-dark::after{bottom:auto}.bpk-no-touch-support .bpk-button--link-on-dark:hover:not(:active):not(:disabled){background:none;color:#024daf;text-decoration:none}:global(.bpk-no-touch-support) .bpk-button--link-on-dark:hover:not(:active):not(:disabled){background:none;color:#024daf;text-decoration:none}.bpk-button--link-on-dark:active{background:none;color:#024daf;text-decoration:none}.bpk-button--link-on-dark:disabled,.bpk-button--link-on-dark:disabled:active{background:none;color:rgba(0,0,0,.2);text-decoration:none}.bpk-button--link-on-dark-large{padding:.75rem 0}.bpk-no-touch-support .bpk-button--link-on-dark:hover:not(:active):not(:disabled){color:hsla(0,0%,100%,.5);color:var(--bpk-button-link-on-dark-hover-text-color, rgba(255, 255, 255, 0.5))}:global(.bpk-no-touch-support) .bpk-button--link-on-dark:hover:not(:active):not(:disabled){color:hsla(0,0%,100%,.5);color:var(--bpk-button-link-on-dark-hover-text-color, rgba(255, 255, 255, 0.5))}.bpk-button--link-on-dark:active{color:hsla(0,0%,100%,.5);color:var(--bpk-button-link-on-dark-active-text-color, rgba(255, 255, 255, 0.5))}.bpk-button--link-on-dark:visited{color:#fff;color:var(--bpk-button-link-on-dark-text-color, rgb(255, 255, 255))}.bpk-button--link-on-dark:disabled,.bpk-button--link-on-dark:disabled:active{color:hsla(0,0%,100%,.2);color:var(--bpk-button-link-on-dark-disabled-color, rgba(255, 255, 255, 0.2))}.bpk-no-touch-support .bpk-button--link-on-dark:hover:not(:active):not(:disabled){color:#fff;color:var(--bpk-link-alternate-hover-color, rgb(255, 255, 255))}:global(.bpk-no-touch-support) .bpk-button--link-on-dark:hover:not(:active):not(:disabled){color:#fff;color:var(--bpk-link-alternate-hover-color, rgb(255, 255, 255))}.bpk-button--link-on-dark:visited{color:#fff;color:var(--bpk-link-alternate-visited-color, rgb(255, 255, 255))}.bpk-button--link-on-dark:active{color:#fff;color:var(--bpk-link-alternate-active-color, rgb(255, 255, 255))}.bpk-button--link-on-dark--implicit{color:#161616;color:var(--bpk-link-color, rgb(22, 22, 22))}.bpk-no-touch-support .bpk-button--link-on-dark--implicit:hover:not(:active):not(:disabled){color:#161616;color:var(--bpk-link-hover-color, rgb(22, 22, 22))}:global(.bpk-no-touch-support) .bpk-button--link-on-dark--implicit:hover:not(:active):not(:disabled){color:#161616;color:var(--bpk-link-hover-color, rgb(22, 22, 22))}.bpk-button--link-on-dark--implicit:active{text-decoration:none;color:#161616;color:var(--bpk-link-active-color, rgb(22, 22, 22))}.bpk-button--link-underlined{gap:.5rem;display:inline-flex;justify-content:center;align-items:center;vertical-align:middle;padding-bottom:.0625rem;transition:background-size 200ms ease;background:linear-gradient(rgb(22, 22, 22), rgb(22, 22, 22));background-repeat:no-repeat;background-position:0 100%;background-size:100% 1px}.bpk-no-touch-support .bpk-button--link-underlined:hover:not(:active):not(:disabled){background-size:0 1px}:global(.bpk-no-touch-support) .bpk-button--link-underlined:hover:not(:active):not(:disabled){background-size:0 1px}.bpk-button--link-underlined--implicit{background-size:0 1px}.bpk-no-touch-support .bpk-button--link-underlined--implicit:hover:not(:active):not(:disabled){background-size:100% 1px}:global(.bpk-no-touch-support) .bpk-button--link-underlined--implicit:hover:not(:active):not(:disabled){background-size:100% 1px}.bpk-button--link-underlined--alternate{background:linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255));background-repeat:no-repeat;background-position:0 100%;background-size:100% 1px}.bpk-no-touch-support .bpk-button--link-underlined--alternate:hover:not(:active):not(:disabled){background-size:0 1px}:global(.bpk-no-touch-support) .bpk-button--link-underlined--alternate:hover:not(:active):not(:disabled){background-size:0 1px}.bpk-button--link-underlined--implicit--alternate{background:linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255));background-repeat:no-repeat;background-position:0 100%;background-size:0 1px}.bpk-no-touch-support .bpk-button--link-underlined--implicit--alternate:hover:not(:active):not(:disabled){background-size:100% 1px}:global(.bpk-no-touch-support) .bpk-button--link-underlined--implicit--alternate:hover:not(:active):not(:disabled){background-size:100% 1px}.bpk-button--primary-on-dark{color:#161616;color:var(--bpk-button-primary-on-dark-text-color, rgb(22, 22, 22));background-color:#fff;background-color:var(--bpk-button-primary-on-dark-background-color, rgb(255, 255, 255))}.bpk-no-touch-support .bpk-button--primary-on-dark:hover:not(:active):not(:disabled){color:#161616;color:var(--bpk-button-primary-on-dark-hover-text-color, rgb(22, 22, 22));background-color:#c1c7cf;background-color:var(--bpk-button-primary-on-dark-hover-background-color, rgb(193, 199, 207))}:global(.bpk-no-touch-support) .bpk-button--primary-on-dark:hover:not(:active):not(:disabled){color:#161616;color:var(--bpk-button-primary-on-dark-hover-text-color, rgb(22, 22, 22));background-color:#c1c7cf;background-color:var(--bpk-button-primary-on-dark-hover-background-color, rgb(193, 199, 207))}.bpk-button--primary-on-dark:active{color:#161616;color:var(--bpk-button-primary-on-dark-active-text-color, rgb(22, 22, 22));background-color:#c1c7cf;background-color:var(--bpk-button-primary-on-dark-active-background-color, rgb(193, 199, 207))}.bpk-button--primary-on-dark:disabled{background-color:#e0e4e9;color:rgba(0,0,0,.2)}.bpk-button--primary-on-light{color:#fff;color:var(--bpk-button-primary-on-light-text-color, rgb(255, 255, 255));background-color:#05203c;background-color:var(--bpk-button-primary-on-light-background-color, rgb(5, 32, 60))}.bpk-no-touch-support .bpk-button--primary-on-light:hover:not(:active):not(:disabled){color:#fff;color:var(--bpk-button-primary-on-light-hover-text-color, rgb(255, 255, 255));background-color:#154679;background-color:var(--bpk-button-primary-on-light-hover-background-color, rgb(21, 70, 121))}:global(.bpk-no-touch-support) .bpk-button--primary-on-light:hover:not(:active):not(:disabled){color:#fff;color:var(--bpk-button-primary-on-light-hover-text-color, rgb(255, 255, 255));background-color:#154679;background-color:var(--bpk-button-primary-on-light-hover-background-color, rgb(21, 70, 121))}.bpk-button--primary-on-light:active{color:#fff;color:var(--bpk-button-primary-on-light-active-text-color, rgb(255, 255, 255));background-color:#154679;background-color:var(--bpk-button-primary-on-light-active-background-color, rgb(21, 70, 121))}.bpk-button--primary-on-light:disabled{background-color:#e0e4e9;color:rgba(0,0,0,.2)}.bpk-button--secondary{color:#161616;color:var(--bpk-button-secondary-text-color, rgb(22, 22, 22));background-color:#e0e4e9;background-color:var(--bpk-button-secondary-background-color, rgb(224, 228, 233))}.bpk-no-touch-support .bpk-button--secondary:hover:not(:active):not(:disabled){color:#161616;color:var(--bpk-button-secondary-hover-text-color, rgb(22, 22, 22));background-color:#c1c7cf;background-color:var(--bpk-button-secondary-hover-background-color, rgb(193, 199, 207))}:global(.bpk-no-touch-support) .bpk-button--secondary:hover:not(:active):not(:disabled){color:#161616;color:var(--bpk-button-secondary-hover-text-color, rgb(22, 22, 22));background-color:#c1c7cf;background-color:var(--bpk-button-secondary-hover-background-color, rgb(193, 199, 207))}.bpk-button--secondary:active{color:#161616;color:var(--bpk-button-secondary-active-text-color, rgb(22, 22, 22));background-color:#c1c7cf;background-color:var(--bpk-button-secondary-active-background-color, rgb(193, 199, 207))}.bpk-button--secondary:disabled{background-color:#e0e4e9;color:rgba(0,0,0,.2)}.bpk-button--secondary-on-dark{color:#fff;color:var(--bpk-button-secondary-on-dark-text-color, rgb(255, 255, 255));background-color:hsla(0,0%,100%,.1);background-color:var(--bpk-button-secondary-on-dark-background-color, rgba(255, 255, 255, 0.1))}.bpk-no-touch-support .bpk-button--secondary-on-dark:hover:not(:active):not(:disabled){color:#fff;color:var(--bpk-button-secondary-on-dark-hover-text-color, rgb(255, 255, 255));background-color:#010913;background-color:var(--bpk-button-secondary-on-dark-hover-background-color, rgb(1, 9, 19))}:global(.bpk-no-touch-support) .bpk-button--secondary-on-dark:hover:not(:active):not(:disabled){color:#fff;color:var(--bpk-button-secondary-on-dark-hover-text-color, rgb(255, 255, 255));background-color:#010913;background-color:var(--bpk-button-secondary-on-dark-hover-background-color, rgb(1, 9, 19))}.bpk-button--secondary-on-dark:active{color:#fff;color:var(--bpk-button-secondary-on-dark-active-text-color, rgb(255, 255, 255));background-color:#010913;background-color:var(--bpk-button-secondary-on-dark-active-background-color, rgb(1, 9, 19))}.bpk-button--secondary-on-dark:disabled{background-color:#0b121d;color:hsla(0,0%,100%,.2)}.bpk-button--full-width{display:block;width:100%}.bpk-button span>svg{display:var(--bpk-button-svg-display, block);vertical-align:var(--bpk-button-svg-vertical-align, baseline)}.bpk-button svg{fill:currentcolor}
+.bpk-button{display:inline-block;min-height:2.25rem;margin:0;padding:.375rem 1rem;border:0;border-radius:.5rem;text-align:center;text-decoration:none;cursor:pointer;vertical-align:middle;user-select:none;font-size:1rem;line-height:1.5rem;font-weight:700;color:#fff;color:var(--bpk-button-primary-text-color, rgb(255, 255, 255));background-color:#05203c;background-color:var(--bpk-button-primary-background-color, rgb(5, 32, 60))}.bpk-no-touch-support .bpk-button:hover:not(:active):not(:disabled){color:#fff;color:var(--bpk-button-primary-hover-text-color, rgb(255, 255, 255));background-color:#154679;background-color:var(--bpk-button-primary-hover-background-color, rgb(21, 70, 121))}:global(.bpk-no-touch-support) .bpk-button:hover:not(:active):not(:disabled){color:#fff;color:var(--bpk-button-primary-hover-text-color, rgb(255, 255, 255));background-color:#154679;background-color:var(--bpk-button-primary-hover-background-color, rgb(21, 70, 121))}.bpk-button:active{color:#fff;color:var(--bpk-button-primary-active-text-color, rgb(255, 255, 255));background-color:#154679;background-color:var(--bpk-button-primary-active-background-color, rgb(21, 70, 121))}.bpk-button:disabled{background-color:#e0e4e9;color:rgba(0,0,0,.2);cursor:not-allowed}.bpk-button--large{min-height:3rem;padding:.75rem 1rem}.bpk-button--icon-only{border-radius:.5rem;padding-right:.625rem;padding-left:.625rem;border-radius:.5rem}.bpk-button--large-icon-only{border-radius:.5rem;padding-right:.75rem;padding-left:.75rem;border-radius:.5rem}.bpk-button--destructive{color:#161616;color:var(--bpk-button-secondary-text-color, rgb(22, 22, 22));background-color:#e0e4e9;background-color:var(--bpk-button-secondary-background-color, rgb(224, 228, 233));color:#e70866;color:var(--bpk-button-destructive-text-color, rgb(231, 8, 102));background-color:#e0e4e9;background-color:var(--bpk-button-destructive-background-color, rgb(224, 228, 233))}.bpk-no-touch-support .bpk-button--destructive:hover:not(:active):not(:disabled){color:#161616;color:var(--bpk-button-secondary-hover-text-color, rgb(22, 22, 22));background-color:#c1c7cf;background-color:var(--bpk-button-secondary-hover-background-color, rgb(193, 199, 207))}:global(.bpk-no-touch-support) .bpk-button--destructive:hover:not(:active):not(:disabled){color:#161616;color:var(--bpk-button-secondary-hover-text-color, rgb(22, 22, 22));background-color:#c1c7cf;background-color:var(--bpk-button-secondary-hover-background-color, rgb(193, 199, 207))}.bpk-button--destructive:active{color:#161616;color:var(--bpk-button-secondary-active-text-color, rgb(22, 22, 22));background-color:#c1c7cf;background-color:var(--bpk-button-secondary-active-background-color, rgb(193, 199, 207))}.bpk-button--destructive:disabled{background-color:#e0e4e9;color:rgba(0,0,0,.2)}.bpk-no-touch-support .bpk-button--destructive:hover:not(:active):not(:disabled){color:#fff;color:var(--bpk-button-destructive-hover-text-color, rgb(255, 255, 255));background-color:#e70866;background-color:var(--bpk-button-destructive-hover-background-color, rgb(231, 8, 102))}:global(.bpk-no-touch-support) .bpk-button--destructive:hover:not(:active):not(:disabled){color:#fff;color:var(--bpk-button-destructive-hover-text-color, rgb(255, 255, 255));background-color:#e70866;background-color:var(--bpk-button-destructive-hover-background-color, rgb(231, 8, 102))}.bpk-button--destructive:active{color:#fff;color:var(--bpk-button-destructive-active-text-color, rgb(255, 255, 255));background-color:#e70866;background-color:var(--bpk-button-destructive-active-background-color, rgb(231, 8, 102))}.bpk-button--destructive:disabled{background-color:#e0e4e9;color:rgba(0,0,0,.2)}.bpk-button--featured{color:#fff;color:var(--bpk-button-featured-text-color, rgb(255, 255, 255));background-color:#0062e3;background-color:var(--bpk-button-featured-background-color, rgb(0, 98, 227))}.bpk-no-touch-support .bpk-button--featured:hover:not(:active):not(:disabled){color:#fff;color:var(--bpk-button-featured-hover-text-color, rgb(255, 255, 255));background-color:#024daf;background-color:var(--bpk-button-featured-hover-background-color, rgb(2, 77, 175))}:global(.bpk-no-touch-support) .bpk-button--featured:hover:not(:active):not(:disabled){color:#fff;color:var(--bpk-button-featured-hover-text-color, rgb(255, 255, 255));background-color:#024daf;background-color:var(--bpk-button-featured-hover-background-color, rgb(2, 77, 175))}.bpk-button--featured:active{color:#fff;color:var(--bpk-button-featured-active-text-color, rgb(255, 255, 255));background-color:#024daf;background-color:var(--bpk-button-featured-active-background-color, rgb(2, 77, 175))}.bpk-button--featured:disabled{background-color:#e0e4e9;color:rgba(0,0,0,.2)}.bpk-button--link{background:none;box-shadow:none;color:#161616;color:var(--bpk-link-color, rgb(22, 22, 22));padding:.375rem 0;color:#0062e3;position:relative;display:inline;padding:0;border:0;background-color:rgba(0,0,0,0);text-decoration:none;cursor:pointer;appearance:none;color:#161616;color:var(--bpk-link-color, rgb(22, 22, 22));--bpk-button-svg-display: inline-block;--bpk-button-svg-vertical-align: middle}.bpk-no-touch-support .bpk-button--link:hover:not(:active):not(:disabled){color:#161616;color:var(--bpk-link-hover-color, rgb(22, 22, 22))}:global(.bpk-no-touch-support) .bpk-button--link:hover:not(:active):not(:disabled){color:#161616;color:var(--bpk-link-hover-color, rgb(22, 22, 22))}.bpk-button--link:active{text-decoration:none;color:#161616;color:var(--bpk-link-active-color, rgb(22, 22, 22))}.bpk-button--link::after{bottom:auto}.bpk-no-touch-support .bpk-button--link:hover:not(:active):not(:disabled){background:none;color:#024daf;text-decoration:none}:global(.bpk-no-touch-support) .bpk-button--link:hover:not(:active):not(:disabled){background:none;color:#024daf;text-decoration:none}.bpk-button--link:active{background:none;color:#024daf;text-decoration:none}.bpk-button--link:disabled,.bpk-button--link:disabled:active{background:none;color:rgba(0,0,0,.2);text-decoration:none}.bpk-button--link-large{padding:.75rem 0}.bpk-no-touch-support .bpk-button--link:hover:not(:active):not(:disabled){text-decoration:none;color:#161616;color:var(--bpk-link-hover-color, rgb(22, 22, 22))}:global(.bpk-no-touch-support) .bpk-button--link:hover:not(:active):not(:disabled){text-decoration:none;color:#161616;color:var(--bpk-link-hover-color, rgb(22, 22, 22))}.bpk-button--link:visited{color:#161616;color:var(--bpk-link-visited-color, rgb(22, 22, 22))}.bpk-button--link:active{color:#161616;color:var(--bpk-link-active-color, rgb(22, 22, 22))}.bpk-button--link--implicit{color:#161616;color:var(--bpk-link-color, rgb(22, 22, 22))}.bpk-no-touch-support .bpk-button--link--implicit:hover:not(:active):not(:disabled){color:#161616;color:var(--bpk-link-hover-color, rgb(22, 22, 22))}:global(.bpk-no-touch-support) .bpk-button--link--implicit:hover:not(:active):not(:disabled){color:#161616;color:var(--bpk-link-hover-color, rgb(22, 22, 22))}.bpk-button--link--implicit:active{text-decoration:none;color:#161616;color:var(--bpk-link-active-color, rgb(22, 22, 22))}.bpk-button--link--icon-only{display:inline-flex;justify-content:center;align-items:center;vertical-align:middle}.bpk-button--link-on-dark{background:none;box-shadow:none;color:#161616;color:var(--bpk-link-color, rgb(22, 22, 22));padding:.375rem 0;color:#0062e3;color:#fff;color:var(--bpk-button-link-on-dark-text-color, rgb(255, 255, 255));color:#fff;color:var(--bpk-link-alternate-color, rgb(255, 255, 255));--bpk-button-svg-display: inline-block;--bpk-button-svg-vertical-align: middle}.bpk-no-touch-support .bpk-button--link-on-dark:hover:not(:active):not(:disabled){color:#161616;color:var(--bpk-link-hover-color, rgb(22, 22, 22))}:global(.bpk-no-touch-support) .bpk-button--link-on-dark:hover:not(:active):not(:disabled){color:#161616;color:var(--bpk-link-hover-color, rgb(22, 22, 22))}.bpk-button--link-on-dark:active{text-decoration:none;color:#161616;color:var(--bpk-link-active-color, rgb(22, 22, 22))}.bpk-button--link-on-dark::after{bottom:auto}.bpk-no-touch-support .bpk-button--link-on-dark:hover:not(:active):not(:disabled){background:none;color:#024daf;text-decoration:none}:global(.bpk-no-touch-support) .bpk-button--link-on-dark:hover:not(:active):not(:disabled){background:none;color:#024daf;text-decoration:none}.bpk-button--link-on-dark:active{background:none;color:#024daf;text-decoration:none}.bpk-button--link-on-dark:disabled,.bpk-button--link-on-dark:disabled:active{background:none;color:rgba(0,0,0,.2);text-decoration:none}.bpk-button--link-on-dark-large{padding:.75rem 0}.bpk-no-touch-support .bpk-button--link-on-dark:hover:not(:active):not(:disabled){color:hsla(0,0%,100%,.5);color:var(--bpk-button-link-on-dark-hover-text-color, rgba(255, 255, 255, 0.5))}:global(.bpk-no-touch-support) .bpk-button--link-on-dark:hover:not(:active):not(:disabled){color:hsla(0,0%,100%,.5);color:var(--bpk-button-link-on-dark-hover-text-color, rgba(255, 255, 255, 0.5))}.bpk-button--link-on-dark:active{color:hsla(0,0%,100%,.5);color:var(--bpk-button-link-on-dark-active-text-color, rgba(255, 255, 255, 0.5))}.bpk-button--link-on-dark:visited{color:#fff;color:var(--bpk-button-link-on-dark-text-color, rgb(255, 255, 255))}.bpk-button--link-on-dark:disabled,.bpk-button--link-on-dark:disabled:active{color:hsla(0,0%,100%,.2);color:var(--bpk-button-link-on-dark-disabled-color, rgba(255, 255, 255, 0.2))}.bpk-no-touch-support .bpk-button--link-on-dark:hover:not(:active):not(:disabled){color:#fff;color:var(--bpk-link-alternate-hover-color, rgb(255, 255, 255))}:global(.bpk-no-touch-support) .bpk-button--link-on-dark:hover:not(:active):not(:disabled){color:#fff;color:var(--bpk-link-alternate-hover-color, rgb(255, 255, 255))}.bpk-button--link-on-dark:visited{color:#fff;color:var(--bpk-link-alternate-visited-color, rgb(255, 255, 255))}.bpk-button--link-on-dark:active{color:#fff;color:var(--bpk-link-alternate-active-color, rgb(255, 255, 255))}.bpk-button--link-on-dark--implicit{color:#161616;color:var(--bpk-link-color, rgb(22, 22, 22))}.bpk-no-touch-support .bpk-button--link-on-dark--implicit:hover:not(:active):not(:disabled){color:#161616;color:var(--bpk-link-hover-color, rgb(22, 22, 22))}:global(.bpk-no-touch-support) .bpk-button--link-on-dark--implicit:hover:not(:active):not(:disabled){color:#161616;color:var(--bpk-link-hover-color, rgb(22, 22, 22))}.bpk-button--link-on-dark--implicit:active{text-decoration:none;color:#161616;color:var(--bpk-link-active-color, rgb(22, 22, 22))}.bpk-button--link-underlined{gap:.5rem;display:inline-flex;justify-content:center;align-items:center;vertical-align:middle;padding-bottom:.0625rem;transition:background-size 200ms ease;background:linear-gradient(rgb(22, 22, 22), rgb(22, 22, 22));background-repeat:no-repeat;background-position:0 100%;background-size:100% 1px}.bpk-no-touch-support .bpk-button--link-underlined:hover:not(:active):not(:disabled){background-size:0 1px}:global(.bpk-no-touch-support) .bpk-button--link-underlined:hover:not(:active):not(:disabled){background-size:0 1px}.bpk-button--link-underlined--implicit{background-size:0 1px}.bpk-no-touch-support .bpk-button--link-underlined--implicit:hover:not(:active):not(:disabled){background-size:100% 1px}:global(.bpk-no-touch-support) .bpk-button--link-underlined--implicit:hover:not(:active):not(:disabled){background-size:100% 1px}.bpk-button--link-underlined--alternate{background:linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255));background-repeat:no-repeat;background-position:0 100%;background-size:100% 1px}.bpk-no-touch-support .bpk-button--link-underlined--alternate:hover:not(:active):not(:disabled){background-size:0 1px}:global(.bpk-no-touch-support) .bpk-button--link-underlined--alternate:hover:not(:active):not(:disabled){background-size:0 1px}.bpk-button--link-underlined--implicit--alternate{background:linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255));background-repeat:no-repeat;background-position:0 100%;background-size:0 1px}.bpk-no-touch-support .bpk-button--link-underlined--implicit--alternate:hover:not(:active):not(:disabled){background-size:100% 1px}:global(.bpk-no-touch-support) .bpk-button--link-underlined--implicit--alternate:hover:not(:active):not(:disabled){background-size:100% 1px}.bpk-button--primary-on-dark{color:#161616;color:var(--bpk-button-primary-on-dark-text-color, rgb(22, 22, 22));background-color:#fff;background-color:var(--bpk-button-primary-on-dark-background-color, rgb(255, 255, 255))}.bpk-no-touch-support .bpk-button--primary-on-dark:hover:not(:active):not(:disabled){color:#161616;color:var(--bpk-button-primary-on-dark-hover-text-color, rgb(22, 22, 22));background-color:#c1c7cf;background-color:var(--bpk-button-primary-on-dark-hover-background-color, rgb(193, 199, 207))}:global(.bpk-no-touch-support) .bpk-button--primary-on-dark:hover:not(:active):not(:disabled){color:#161616;color:var(--bpk-button-primary-on-dark-hover-text-color, rgb(22, 22, 22));background-color:#c1c7cf;background-color:var(--bpk-button-primary-on-dark-hover-background-color, rgb(193, 199, 207))}.bpk-button--primary-on-dark:active{color:#161616;color:var(--bpk-button-primary-on-dark-active-text-color, rgb(22, 22, 22));background-color:#c1c7cf;background-color:var(--bpk-button-primary-on-dark-active-background-color, rgb(193, 199, 207))}.bpk-button--primary-on-dark:disabled{background-color:#e0e4e9;color:rgba(0,0,0,.2)}.bpk-button--primary-on-light{color:#fff;color:var(--bpk-button-primary-on-light-text-color, rgb(255, 255, 255));background-color:#05203c;background-color:var(--bpk-button-primary-on-light-background-color, rgb(5, 32, 60))}.bpk-no-touch-support .bpk-button--primary-on-light:hover:not(:active):not(:disabled){color:#fff;color:var(--bpk-button-primary-on-light-hover-text-color, rgb(255, 255, 255));background-color:#154679;background-color:var(--bpk-button-primary-on-light-hover-background-color, rgb(21, 70, 121))}:global(.bpk-no-touch-support) .bpk-button--primary-on-light:hover:not(:active):not(:disabled){color:#fff;color:var(--bpk-button-primary-on-light-hover-text-color, rgb(255, 255, 255));background-color:#154679;background-color:var(--bpk-button-primary-on-light-hover-background-color, rgb(21, 70, 121))}.bpk-button--primary-on-light:active{color:#fff;color:var(--bpk-button-primary-on-light-active-text-color, rgb(255, 255, 255));background-color:#154679;background-color:var(--bpk-button-primary-on-light-active-background-color, rgb(21, 70, 121))}.bpk-button--primary-on-light:disabled{background-color:#e0e4e9;color:rgba(0,0,0,.2)}.bpk-button--secondary{color:#161616;color:var(--bpk-button-secondary-text-color, rgb(22, 22, 22));background-color:#e0e4e9;background-color:var(--bpk-button-secondary-background-color, rgb(224, 228, 233))}.bpk-no-touch-support .bpk-button--secondary:hover:not(:active):not(:disabled){color:#161616;color:var(--bpk-button-secondary-hover-text-color, rgb(22, 22, 22));background-color:#c1c7cf;background-color:var(--bpk-button-secondary-hover-background-color, rgb(193, 199, 207))}:global(.bpk-no-touch-support) .bpk-button--secondary:hover:not(:active):not(:disabled){color:#161616;color:var(--bpk-button-secondary-hover-text-color, rgb(22, 22, 22));background-color:#c1c7cf;background-color:var(--bpk-button-secondary-hover-background-color, rgb(193, 199, 207))}.bpk-button--secondary:active{color:#161616;color:var(--bpk-button-secondary-active-text-color, rgb(22, 22, 22));background-color:#c1c7cf;background-color:var(--bpk-button-secondary-active-background-color, rgb(193, 199, 207))}.bpk-button--secondary:disabled{background-color:#e0e4e9;color:rgba(0,0,0,.2)}.bpk-button--secondary-on-dark{color:#fff;color:var(--bpk-button-secondary-on-dark-text-color, rgb(255, 255, 255));background-color:hsla(0,0%,100%,.1);background-color:var(--bpk-button-secondary-on-dark-background-color, rgba(255, 255, 255, 0.1))}.bpk-no-touch-support .bpk-button--secondary-on-dark:hover:not(:active):not(:disabled){color:#fff;color:var(--bpk-button-secondary-on-dark-hover-text-color, rgb(255, 255, 255));background-color:#04182d;background-color:var(--bpk-button-secondary-on-dark-hover-background-color, rgb(4, 24, 45))}:global(.bpk-no-touch-support) .bpk-button--secondary-on-dark:hover:not(:active):not(:disabled){color:#fff;color:var(--bpk-button-secondary-on-dark-hover-text-color, rgb(255, 255, 255));background-color:#04182d;background-color:var(--bpk-button-secondary-on-dark-hover-background-color, rgb(4, 24, 45))}.bpk-button--secondary-on-dark:active{color:#fff;color:var(--bpk-button-secondary-on-dark-active-text-color, rgb(255, 255, 255));background-color:#04182d;background-color:var(--bpk-button-secondary-on-dark-active-background-color, rgb(4, 24, 45))}.bpk-button--secondary-on-dark:disabled{background-color:#0b121d;color:hsla(0,0%,100%,.2)}.bpk-button--full-width{display:block;width:100%}.bpk-button span>svg{display:var(--bpk-button-svg-display, block);vertical-align:var(--bpk-button-svg-vertical-align, baseline)}.bpk-button svg{fill:currentcolor}

package/bpk-component-card-list/src/BpkCardList.js

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 import BpkBreakpoint, { BREAKPOINTS } from "../../bpk-component-breakpoint";
-import { BpkButtonV2 } from "../../bpk-component-button";
+import BpkButton from "../../bpk-component-button";
 import BpkSectionHeader from "../../bpk-component-section-header";
 import { cssModules } from "../../bpk-react-utils";
 import BpkCardListGridStack from "./BpkCardListGridStack";
@@ -53,7 +53,7 @@ const BpkCardList = props => {
     }
     return accessoryDesktop !== ACCESSORY_DESKTOP_TYPES.button;
   };
-  const headerButton = buttonContent && /*#__PURE__*/_jsx(BpkButtonV2, {
+  const headerButton = buttonContent && /*#__PURE__*/_jsx(BpkButton, {
     onClick: onButtonClick,
     href: buttonHref,
     "data-testid": "bpk-card-list-header-button",

package/bpk-component-card-list/src/BpkCardListGridStack/BpkCardListGridStack.js

@@ -17,7 +17,7 @@
  */
 
 import { Children, useState } from 'react';
-import { BpkButtonV2 } from "../../../bpk-component-button";
+import BpkButton from "../../../bpk-component-button";
 import { cssModules } from "../../../bpk-react-utils";
 import ExpandAccessoryContent from "../BpkExpand/ExpandAccessoryContent";
 import { ACCESSORY_DESKTOP_TYPES } from "../common-types";
@@ -58,7 +58,7 @@ const BpkCardListGridStack = props => {
   });
   const buttonAccessoryContent = /*#__PURE__*/_jsx("div", {
     className: getClassName('bpk-card-list-grid-stack__accessory__button'),
-    children: /*#__PURE__*/_jsx(BpkButtonV2, {
+    children: /*#__PURE__*/_jsx(BpkButton, {
       "data-testid": "bpk-card-list__accessory-button",
       onClick: onButtonClick,
       href: buttonHref,

package/bpk-component-card-list/src/BpkExpand/ExpandAccessoryContent.js

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import { BUTTON_TYPES, BpkButtonV2 } from "../../../bpk-component-button";
+import BpkButton, { BUTTON_TYPES } from "../../../bpk-component-button";
 import { withButtonAlignment, withRtlSupport } from "../../../bpk-component-icon";
 import ChevronDown from "../../../bpk-component-icon/sm/chevron-down";
 import ChevronUp from "../../../bpk-component-icon/sm/chevron-up";
@@ -27,7 +27,7 @@ const ExpandAccessoryContent = ({
   children,
   collapsed,
   onExpandToggle
-}) => /*#__PURE__*/_jsxs(BpkButtonV2, {
+}) => /*#__PURE__*/_jsxs(BpkButton, {
   "data-testid": "bpk-card-list__accessory-expand-button",
   type: BUTTON_TYPES.link,
   onClick: onExpandToggle,

package/bpk-component-chip-group/src/Nudger.js

@@ -17,7 +17,7 @@
  */
 
 import { useEffect, useState } from 'react';
-import { BpkButtonV2, BUTTON_TYPES } from "../../bpk-component-button";
+import BpkButton, { BUTTON_TYPES } from "../../bpk-component-button";
 import { CHIP_TYPES } from "../../bpk-component-chip";
 import { withButtonAlignment } from "../../bpk-component-icon/index";
 import ArrowLeft from "../../bpk-component-icon/sm/long-arrow-left";
@@ -76,7 +76,7 @@ const Nudger = ({
   const classNames = getClassName('bpk-chip-group-nudger', `bpk-chip-group-nudger--${leading ? "leading" : "trailing"}`);
   return show ? /*#__PURE__*/_jsx("div", {
     className: classNames,
-    children: /*#__PURE__*/_jsx(BpkButtonV2, {
+    children: /*#__PURE__*/_jsx(BpkButton, {
       title: ariaLabel,
       type: CHIP_STYLE_TO_BUTTON_STYLE[chipStyle],
       iconOnly: true,

package/bpk-component-drawer/src/BpkDrawerContent.js

@@ -21,7 +21,7 @@ import { animations } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
 
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import BpkCloseButton from "../../bpk-component-close-button";
-import { BpkButtonLink } from "../../bpk-component-link";
+import BpkLink from "../../bpk-component-link";
 import { cssModules } from "../../bpk-react-utils";
 import STYLES from "./BpkDrawerContent.module.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -93,7 +93,8 @@ const BpkDrawerContent = ({
           id: headingId,
           className: headerClassNames.join(' '),
           children: title
-        }), "\xA0", closeText ? /*#__PURE__*/_jsx(BpkButtonLink, {
+        }), "\xA0", closeText ? /*#__PURE__*/_jsx(BpkLink, {
+          as: "button",
           onClick: onClose,
           children: closeText
         }) : /*#__PURE__*/_jsx("div", {

package/bpk-component-floating-notification/src/BpkFloatingNotification.js

@@ -19,7 +19,7 @@
 import { useEffect, useState } from 'react';
 import { CSSTransition } from 'react-transition-group';
 import BpkAriaLive from "../../bpk-component-aria-live";
-import { BUTTON_TYPES, BpkButtonV2 } from "../../bpk-component-button";
+import BpkButton, { BUTTON_TYPES } from "../../bpk-component-button";
 import BpkText, { TEXT_STYLES } from "../../bpk-component-text";
 import { cssModules } from "../../bpk-react-utils";
 import STYLES from "./BpkFloatingNotification.module.css";
@@ -80,7 +80,7 @@ const BpkFloatingNotification = props => {
         children: text
       }), ctaText && /*#__PURE__*/_jsx("div", {
         className: getClassName('bpk-floating-notification__cta'),
-        children: /*#__PURE__*/_jsx(BpkButtonV2, {
+        children: /*#__PURE__*/_jsx(BpkButton, {
           type: BUTTON_TYPES.linkOnDark,
           implicit: true,
           onClick: onClick,

package/bpk-component-graphic-promotion/src/BpkGraphicPromo.js

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import { BpkButtonV2, BUTTON_TYPES } from "../../bpk-component-button";
+import BpkButton, { BUTTON_TYPES } from "../../bpk-component-button";
 import { cssModules } from "../../bpk-react-utils";
 import STYLES from "./BpkGraphicPromo.module.css";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
@@ -152,7 +152,7 @@ const BpkGraphicPromo = ({
           }), subheading && /*#__PURE__*/_jsx("p", {
             className: getClassName('bpk-graphic-promo__subheading'),
             children: subheading
-          }), /*#__PURE__*/_jsx(BpkButtonV2, {
+          }), /*#__PURE__*/_jsx(BpkButton, {
             type: BUTTON_TYPES.primaryOnDark
             // TODO: className to be removed
             // eslint-disable-next-line @skyscanner/rules/forbid-component-props

package/bpk-component-grid-toggle/src/BpkGridToggle.js

@@ -18,7 +18,7 @@
 
 import PropTypes from 'prop-types';
 import { Component } from 'react';
-import { BpkButtonLink } from "../../bpk-component-link";
+import BpkLink from "../../bpk-component-link";
 import { cssModules } from "../../bpk-react-utils";
 import STYLES from "./BpkGridToggle.module.css";
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
@@ -60,7 +60,8 @@ class BpkGridToggle extends Component {
     const onOrOff = gridEnabled ? 'off' : 'on';
     return /*#__PURE__*/_jsx("span", {
       className: className,
-      children: /*#__PURE__*/_jsxs(BpkButtonLink, {
+      children: /*#__PURE__*/_jsxs(BpkLink, {
+        as: "button",
         title: "Keyboard Shortcut: ctrl + cmd + g",
         onClick: this.toggleGrid,
         children: ["Baseline grid ", onOrOff]

package/bpk-component-icon/lg/baggage-cabin-included-tick.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+const BaggageCabinIncludedTickIcon = props => /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  "aria-hidden": "true",
+  width: "1.5rem",
+  height: "1.5rem",
+  ...props,
+  children: /*#__PURE__*/_jsx("path", {
+    d: "M7.5 4A1.5 1.5 0 0 1 9 5.5V12h.5a1.5 1.5 0 0 1 1.5 1.5v4A1.5 1.5 0 0 1 9.5 19v.25a.75.75 0 0 1-1.5 0V19H5v.25a.75.75 0 0 1-1.5 0V19A1.5 1.5 0 0 1 2 17.5v-4A1.5 1.5 0 0 1 3.5 12H4V5.498A1.5 1.5 0 0 1 5.5 4zM5.25 5.5a.25.25 0 0 0-.25.25V12h3V5.75a.25.25 0 0 0-.25-.25zm17.54 6.36a.714.714 0 0 1 0 1.01l-5.892 5.892a.714.714 0 0 1-1.01 0l-2.679-2.678a.714.714 0 0 1 1.01-1.01l2.174 2.173 5.388-5.388a.714.714 0 0 1 1.01 0"
+  })
+});
+export default BaggageCabinIncludedTickIcon;

package/bpk-component-icon/lg/baggage-cabin-not-included-cross.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+const BaggageCabinNotIncludedCrossIcon = props => /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  "aria-hidden": "true",
+  width: "1.5rem",
+  height: "1.5rem",
+  ...props,
+  children: /*#__PURE__*/_jsx("path", {
+    d: "M7.5 4h-2A1.5 1.5 0 0 0 4 5.498V12h-.5A1.5 1.5 0 0 0 2 13.5v4A1.5 1.5 0 0 0 3.5 19v.25a.75.75 0 0 0 1.5 0V19h3v.25a.75.75 0 0 0 1.5 0V19a1.5 1.5 0 0 0 1.5-1.5v-4A1.5 1.5 0 0 0 9.5 12H9V5.5A1.5 1.5 0 0 0 7.5 4M5.25 5.5h2.5a.25.25 0 0 1 .25.25V12H5V5.75a.25.25 0 0 1 .25-.25m15.552 5.97a.72.72 0 0 1 1.034 0 .764.764 0 0 1 0 1.06l-2.652 2.72 2.652 2.72a.764.764 0 0 1 0 1.06.72.72 0 0 1-1.034 0l-2.653-2.72-2.651 2.72a.72.72 0 0 1-1.034 0 .764.764 0 0 1 0-1.06l2.651-2.72-2.651-2.72a.764.764 0 0 1 0-1.06.72.72 0 0 1 1.034 0l2.651 2.718z"
+  })
+});
+export default BaggageCabinNotIncludedCrossIcon;

package/bpk-component-icon/lg/baggage-cabin-uncertain.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+const BaggageCabinUncertainIcon = props => /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  "aria-hidden": "true",
+  width: "1.5rem",
+  height: "1.5rem",
+  ...props,
+  children: /*#__PURE__*/_jsx("path", {
+    d: "M7.5 4A1.5 1.5 0 0 1 9 5.5V12h.5a1.5 1.5 0 0 1 1.5 1.5v4A1.5 1.5 0 0 1 9.5 19v.25a.75.75 0 0 1-1.5 0V19H5v.25a.75.75 0 0 1-1.5 0V19A1.5 1.5 0 0 1 2 17.5v-4A1.5 1.5 0 0 1 3.5 12H4V5.498A1.5 1.5 0 0 1 5.5 4zM5.25 5.5a.25.25 0 0 0-.25.25V12h3V5.75a.25.25 0 0 0-.25-.25zm12.512 12.06a.776.776 0 1 1 0 1.552.776.776 0 0 1 0-1.551m0-8.931c1.122 0 1.968.383 2.526.997.542.596.75 1.34.75 1.967 0 .552-.093 1.16-.408 1.738-.32.586-.837 1.082-1.584 1.455a1 1 0 0 0-.354.27.7.7 0 0 0-.128.285c-.046.194-.042.37-.034.614q.006.145.007.325a.776.776 0 0 1-1.55 0q0-.057-.005-.156c-.01-.265-.027-.72.072-1.139.143-.607.517-1.195 1.299-1.586.502-.25.766-.537.916-.81.153-.281.217-.611.217-.996 0-.31-.105-.66-.344-.924-.223-.245-.628-.488-1.38-.488s-1.14.24-1.358.502c-.238.286-.367.713-.367 1.222a.776.776 0 0 1-1.55 0c0-.74.183-1.563.726-2.215.564-.676 1.425-1.06 2.549-1.06"
+  })
+});
+export default BaggageCabinUncertainIcon;

package/bpk-component-icon/lg/baggage-checked-included-tick.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+const BaggageCheckedIncludedTickIcon = props => /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  "aria-hidden": "true",
+  width: "1.5rem",
+  height: "1.5rem",
+  ...props,
+  children: /*#__PURE__*/_jsx("path", {
+    d: "M7.5 4A1.5 1.5 0 0 1 9 5.5V8h.5A1.5 1.5 0 0 1 11 9.5v8A1.5 1.5 0 0 1 9.5 19v.25a.75.75 0 0 1-1.5 0V19H5v.25a.75.75 0 0 1-1.5 0V19A1.5 1.5 0 0 1 2 17.5v-8A1.5 1.5 0 0 1 3.5 8H4V5.498A1.5 1.5 0 0 1 5.5 4zM5.25 5.5a.25.25 0 0 0-.25.25V8h3V5.75a.25.25 0 0 0-.25-.25zm17.55 6.36a.714.714 0 0 1 0 1.01l-5.892 5.892a.714.714 0 0 1-1.01 0l-2.679-2.678a.714.714 0 1 1 1.01-1.01l2.174 2.173 5.388-5.388a.714.714 0 0 1 1.01 0"
+  })
+});
+export default BaggageCheckedIncludedTickIcon;

package/bpk-component-icon/lg/baggage-checked-not-included-cross.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+const BaggageCheckedNotIncludedCrossIcon = props => /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  "aria-hidden": "true",
+  width: "1.5rem",
+  height: "1.5rem",
+  ...props,
+  children: /*#__PURE__*/_jsx("path", {
+    d: "M7.5 4A1.5 1.5 0 0 1 9 5.5V8h.5A1.5 1.5 0 0 1 11 9.5v8A1.5 1.5 0 0 1 9.5 19v.25a.75.75 0 0 1-1.5 0V19H5v.25a.75.75 0 0 1-1.5 0V19A1.5 1.5 0 0 1 2 17.5v-8A1.5 1.5 0 0 1 3.5 8H4V5.498A1.5 1.5 0 0 1 5.5 4zM5.25 5.5a.25.25 0 0 0-.25.25V8h3V5.75a.25.25 0 0 0-.25-.25zm15.55 5.97a.72.72 0 0 1 1.035 0 .764.764 0 0 1 0 1.06l-2.652 2.72 2.652 2.72a.764.764 0 0 1 0 1.06.72.72 0 0 1-1.034 0l-2.653-2.72-2.65 2.72a.72.72 0 0 1-1.034 0 .764.764 0 0 1 0-1.06l2.651-2.72-2.651-2.72a.764.764 0 0 1 0-1.06.72.72 0 0 1 1.033 0l2.651 2.72z"
+  })
+});
+export default BaggageCheckedNotIncludedCrossIcon;

package/bpk-component-icon/lg/baggage-checked-uncertain.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+const BaggageCheckedUncertainIcon = props => /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  "aria-hidden": "true",
+  width: "1.5rem",
+  height: "1.5rem",
+  ...props,
+  children: /*#__PURE__*/_jsx("path", {
+    d: "M7.5 4A1.5 1.5 0 0 1 9 5.5V8h.5A1.5 1.5 0 0 1 11 9.5v8A1.5 1.5 0 0 1 9.5 19v.25a.75.75 0 0 1-1.5 0V19H5v.25a.75.75 0 0 1-1.5 0V19A1.5 1.5 0 0 1 2 17.5v-8A1.5 1.5 0 0 1 3.5 8H4V5.498A1.5 1.5 0 0 1 5.5 4zM5.25 5.5a.25.25 0 0 0-.25.25V8h3V5.75a.25.25 0 0 0-.25-.25zm12.512 12.06a.776.776 0 1 1 0 1.552.776.776 0 0 1 0-1.551m0-8.931c1.122 0 1.968.383 2.526.997.542.596.75 1.34.75 1.967 0 .552-.093 1.16-.408 1.738-.32.586-.837 1.082-1.584 1.455a1 1 0 0 0-.354.27.7.7 0 0 0-.128.285c-.046.194-.042.37-.034.614q.006.145.007.325a.776.776 0 0 1-1.55 0q0-.057-.005-.156c-.01-.265-.027-.72.072-1.139.143-.607.517-1.195 1.299-1.586.502-.25.766-.537.916-.81.153-.281.217-.611.217-.996 0-.31-.105-.66-.344-.924-.223-.245-.628-.488-1.38-.488s-1.14.24-1.358.502c-.238.286-.367.713-.367 1.222a.776.776 0 0 1-1.55 0c0-.74.183-1.563.726-2.215.564-.676 1.425-1.06 2.549-1.06"
+  })
+});
+export default BaggageCheckedUncertainIcon;

package/bpk-component-icon/lg/vdl-cars.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+const VdlCarsIcon = props => /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  "aria-hidden": "true",
+  width: "1.5rem",
+  height: "1.5rem",
+  ...props,
+  children: /*#__PURE__*/_jsx("path", {
+    d: "M22.36 9.532a23.2 23.2 0 0 0-4.75-1.374c-.84-.89-4.13-4.075-8.251-4.075-5.72 0-8.23 3.106-9.042 4.441A.8.8 0 0 0 .2 8.94v5.48c0 1.175.828 2.147 1.91 2.34A3 3 0 0 0 5 19a2.995 2.995 0 0 0 2.878-2.199h7.244A2.995 2.995 0 0 0 18 19a2.995 2.995 0 0 0 2.878-2.199h.621c1.269 0 2.3-1.073 2.3-2.394V11.67c0-.934-.564-1.772-1.44-2.137M5 17.4c-.772 0-1.4-.628-1.4-1.4s.628-1.4 1.4-1.4 1.4.628 1.4 1.4-.628 1.4-1.4 1.4m13 0c-.772 0-1.4-.628-1.4-1.4s.628-1.4 1.4-1.4 1.4.628 1.4 1.4-.628 1.4-1.4 1.4m4.2-2.993c0 .438-.314.795-.701.795h-.62A2.995 2.995 0 0 0 18 13a2.995 2.995 0 0 0-2.879 2.202H7.878A2.995 2.995 0 0 0 5 13c-1.334 0-2.454.88-2.843 2.087a.79.79 0 0 1-.357-.667V9.172c.908-1.384 3.034-3.49 7.559-3.49 3.948 0 7.21 3.708 7.243 3.745a.8.8 0 0 0 .492.269c.023.003 2.31.336 4.65 1.313a.72.72 0 0 1 .456.66zM4.441 8.817c.852-.853 2.345-1.715 4.88-1.715 1.588 0 3.064.896 4.062 1.693.22.175.088.53-.193.53H4.662c-.265 0-.408-.32-.221-.508"
+  })
+});
+export default VdlCarsIcon;

package/bpk-component-icon/lg/vdl-flight.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+const VdlFlightIcon = props => /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  "aria-hidden": "true",
+  width: "1.5rem",
+  height: "1.5rem",
+  ...props,
+  children: /*#__PURE__*/_jsx("path", {
+    d: "M23.222 5.543c-.255-.72-.943-1.227-1.886-1.392-1.568-.275-3.083.093-4.63 1.127l-3.122 2.104-.012-.018-.323.218-6.973-2.968a2.06 2.06 0 0 0-2.551.897 2.06 2.06 0 0 0 .426 2.55l3.609 3.246-1.606 1.082-2.005-.514a2.37 2.37 0 0 0-1.903.328l-1.143.77a.8.8 0 0 0-.031 1.305l3.703 2.76q.04.03.085.054a3.93 3.93 0 0 0 3.063.34c1.024-.308 2.032-.768 3.117-1.424l1.615 4.636a2.14 2.14 0 0 0 2.285 1.41 2.14 2.14 0 0 0 1.86-2.105v-7.772l3.036-2.067c1.443-.973 2.078-1.504 2.828-2.37.604-.696.807-1.496.558-2.197M5.213 6.864a.456.456 0 0 1-.094-.568.45.45 0 0 1 .546-.204l6.002 2.556-2.556 1.722zm16.242-.172c-.584.674-1.062 1.113-2.516 2.093l-3.389 2.307a.8.8 0 0 0-.35.661v8.193a.533.533 0 0 1-1.035.171l-1.947-5.593a.8.8 0 0 0-1.203-.4c-1.29.87-2.42 1.434-3.555 1.777a2.3 2.3 0 0 1-1.772-.18L2.933 13.67l.207-.14a.76.76 0 0 1 .612-.105l2.352.604a.8.8 0 0 0 .646-.112l10.848-7.31c1.185-.792 2.32-1.08 3.462-.879.417.073.614.235.655.352.049.137-.05.372-.26.613"
+  })
+});
+export default VdlFlightIcon;

package/bpk-component-icon/lg/vdl-home-beach.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+const VdlHomeBeachIcon = props => /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  "aria-hidden": "true",
+  width: "1.5rem",
+  height: "1.5rem",
+  ...props,
+  children: /*#__PURE__*/_jsx("path", {
+    d: "M18.842 20.72a.49.49 0 0 0-.634-.215 8 8 0 0 1-3.204.696c-1.849 0-3.23-.686-3.624-.906a8 8 0 0 0-.971-.446l1.552-5.453 6.16 1.75a.8.8 0 0 0 1.019-.78 8.26 8.26 0 0 0-1.979-5.263c.41-.617.639-1.352.639-2.103 0-2.095-1.704-3.8-3.8-3.8a3.815 3.815 0 0 0-3.706 2.97 8.25 8.25 0 0 0-6.49 3.84.8.8 0 0 0 .457 1.199l6.161 1.75-1.55 5.443a9 9 0 0 0-1.876-.202c-1.74 0-3.151.511-3.908.858a.496.496 0 0 0-.223.694l.291.526a.49.49 0 0 0 .635.217 7.9 7.9 0 0 1 3.205-.695c1.846 0 3.23.686 3.623.904.464.257 2.152 1.096 4.385 1.096a9.5 9.5 0 0 0 3.91-.858.496.496 0 0 0 .221-.695zM14 5.8c1.213 0 2.2.987 2.2 2.2 0 .336-.086.663-.231.96a8.3 8.3 0 0 0-2.874-1.486 8.5 8.5 0 0 0-1.15-.237A2.2 2.2 0 0 1 14 5.8m-1.343 3.213a6.67 6.67 0 0 1 4.78 5.275l-11.619-3.3a6.67 6.67 0 0 1 6.84-1.975m.809-5.857a.73.73 0 0 1-.216-.534V1.42c0-.112.069-.198.172-.241.121-.06.32-.095.578-.095.259 0 .457.035.578.095.095.052.172.13.172.241v1.202a.8.8 0 0 1-.216.534.73.73 0 0 1-.534.216.8.8 0 0 1-.534-.216m3.807 1.571a.8.8 0 0 1-.226-.53c0-.195.073-.378.226-.53l.85-.85c.078-.08.188-.091.292-.049.128.043.293.159.475.342.183.183.3.347.342.475.03.104.03.213-.05.293l-.849.85a.8.8 0 0 1-.53.225.73.73 0 0 1-.53-.226m-8.456-.85c-.08-.079-.091-.188-.049-.292.043-.128.159-.292.342-.475s.347-.299.475-.342c.104-.03.214-.03.293.05l.85.849a.8.8 0 0 1 .225.53.73.73 0 0 1-.226.53.8.8 0 0 1-.53.226.73.73 0 0 1-.53-.226zM20.916 8c0 .259-.035.457-.095.578-.052.094-.13.172-.241.172h-1.202a.8.8 0 0 1-.534-.216.73.73 0 0 1-.216-.534.78.78 0 0 1 .216-.534.73.73 0 0 1 .534-.216h1.202c.112 0 .198.069.241.172.06.121.095.32.095.578"
+  })
+});
+export default VdlHomeBeachIcon;

package/bpk-component-icon/lg/vdl-home-cars.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+const VdlHomeCarsIcon = props => /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  "aria-hidden": "true",
+  width: "1.5rem",
+  height: "1.5rem",
+  ...props,
+  children: /*#__PURE__*/_jsx("path", {
+    d: "M22.36 9.532a23.2 23.2 0 0 0-4.75-1.374c-.84-.89-4.13-4.075-8.251-4.075-5.72 0-8.23 3.106-9.042 4.441A.8.8 0 0 0 .2 8.94v5.48c0 1.175.828 2.147 1.91 2.34A3 3 0 0 0 5 19a2.995 2.995 0 0 0 2.878-2.199h7.244A2.995 2.995 0 0 0 18 19a2.995 2.995 0 0 0 2.878-2.199h.621c1.269 0 2.3-1.073 2.3-2.394V11.67c0-.934-.564-1.772-1.44-2.137M5 17.4c-.772 0-1.4-.628-1.4-1.4s.628-1.4 1.4-1.4 1.4.628 1.4 1.4-.628 1.4-1.4 1.4m13 0c-.772 0-1.4-.628-1.4-1.4s.628-1.4 1.4-1.4 1.4.628 1.4 1.4-.628 1.4-1.4 1.4m4.2-2.993c0 .438-.314.795-.701.795h-.62A2.995 2.995 0 0 0 18 13a2.995 2.995 0 0 0-2.879 2.202H7.878A2.995 2.995 0 0 0 5 13c-1.334 0-2.454.88-2.843 2.087a.79.79 0 0 1-.357-.667V9.172c.908-1.384 3.034-3.49 7.559-3.49 3.948 0 7.21 3.708 7.243 3.745a.8.8 0 0 0 .492.269c.023.003 2.31.336 4.65 1.313a.72.72 0 0 1 .456.66zM4.441 8.817c.852-.853 2.345-1.715 4.88-1.715 1.588 0 3.064.896 4.062 1.693.22.175.088.53-.193.53H4.662c-.265 0-.408-.32-.221-.508"
+  })
+});
+export default VdlHomeCarsIcon;

package/bpk-component-icon/lg/vdl-home-flight.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+const VdlHomeFlightIcon = props => /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  "aria-hidden": "true",
+  width: "1.5rem",
+  height: "1.5rem",
+  ...props,
+  children: /*#__PURE__*/_jsx("path", {
+    d: "M23.222 5.543c-.255-.72-.943-1.227-1.886-1.392-1.568-.275-3.083.093-4.63 1.127l-3.122 2.104-.012-.018-.323.218-6.973-2.968a2.06 2.06 0 0 0-2.551.897 2.06 2.06 0 0 0 .426 2.55l3.609 3.246-1.606 1.082-2.005-.514a2.37 2.37 0 0 0-1.903.328l-1.143.77a.8.8 0 0 0-.031 1.305l3.703 2.76q.04.03.085.054a3.93 3.93 0 0 0 3.063.34c1.024-.308 2.032-.768 3.117-1.424l1.615 4.636a2.14 2.14 0 0 0 2.285 1.41 2.14 2.14 0 0 0 1.86-2.105v-7.772l3.036-2.067c1.443-.973 2.078-1.504 2.828-2.37.604-.696.807-1.496.558-2.197M5.213 6.864a.456.456 0 0 1-.094-.568.45.45 0 0 1 .546-.204l6.002 2.556-2.556 1.722zm16.242-.172c-.584.674-1.062 1.113-2.516 2.093l-3.389 2.307a.8.8 0 0 0-.35.661v8.193a.533.533 0 0 1-1.035.171l-1.947-5.593a.8.8 0 0 0-1.203-.4c-1.29.87-2.42 1.434-3.555 1.777a2.3 2.3 0 0 1-1.772-.18L2.933 13.67l.207-.14a.76.76 0 0 1 .612-.105l2.352.604a.8.8 0 0 0 .646-.112l10.848-7.31c1.185-.792 2.32-1.08 3.462-.879.417.073.614.235.655.352.049.137-.05.372-.26.613"
+  })
+});
+export default VdlHomeFlightIcon;

package/bpk-component-icon/lg/vdl-home-hotels.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+const VdlHomeHotelsIcon = props => /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  "aria-hidden": "true",
+  width: "1.5rem",
+  height: "1.5rem",
+  ...props,
+  children: /*#__PURE__*/_jsx("path", {
+    d: "M20.8 11.23V5.778a.8.8 0 0 0-.457-.723C17.109 3.522 14.02 3.2 12 3.2a19.6 19.6 0 0 0-8.343 1.855.8.8 0 0 0-.457.723v5.453a2.296 2.296 0 0 0-2 2.269v7a.5.5 0 0 0 .5.5h.6a.5.5 0 0 0 .5-.5v-1.7h18.4v1.7a.5.5 0 0 0 .5.5h.6a.5.5 0 0 0 .5-.5v-7c0-1.165-.875-2.12-2-2.27m-16-4.938A18 18 0 0 1 12 4.8c1.761 0 4.403.265 7.2 1.492V11.2H4.8zm-2 7.208a.7.7 0 0 1 .7-.7h17a.7.7 0 0 1 .7.7v3.7H2.8zM11 8.793v.414c0 .251-.186.47-.436.5a13 13 0 0 1-3.128 0 .5.5 0 0 1-.436-.5v-.414c0-.251.186-.47.436-.5a13 13 0 0 1 3.128 0c.25.03.436.249.436.5m6 0v.414c0 .251-.186.47-.436.5a13 13 0 0 1-3.129 0 .5.5 0 0 1-.435-.5v-.414c0-.251.186-.47.435-.5a13 13 0 0 1 3.13 0c.249.03.435.249.435.5"
+  })
+});
+export default VdlHomeHotelsIcon;

package/bpk-component-icon/lg/vdl-hotels.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+const VdlHotelsIcon = props => /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  "aria-hidden": "true",
+  width: "1.5rem",
+  height: "1.5rem",
+  ...props,
+  children: /*#__PURE__*/_jsx("path", {
+    d: "M20.8 11.23V5.778a.8.8 0 0 0-.457-.723C17.109 3.522 14.02 3.2 12 3.2a19.6 19.6 0 0 0-8.343 1.855.8.8 0 0 0-.457.723v5.453a2.296 2.296 0 0 0-2 2.269v7a.5.5 0 0 0 .5.5h.6a.5.5 0 0 0 .5-.5v-1.7h18.4v1.7a.5.5 0 0 0 .5.5h.6a.5.5 0 0 0 .5-.5v-7c0-1.165-.875-2.12-2-2.27m-16-4.938A18 18 0 0 1 12 4.8c1.761 0 4.403.265 7.2 1.492V11.2H4.8zm-2 7.208a.7.7 0 0 1 .7-.7h17a.7.7 0 0 1 .7.7v3.7H2.8zM11 8.793v.414c0 .251-.186.47-.436.5a13 13 0 0 1-3.128 0 .5.5 0 0 1-.436-.5v-.414c0-.251.186-.47.436-.5a13 13 0 0 1 3.128 0c.25.03.436.249.436.5m6 0v.414c0 .251-.186.47-.436.5a13 13 0 0 1-3.129 0 .5.5 0 0 1-.435-.5v-.414c0-.251.186-.47.435-.5a13 13 0 0 1 3.13 0c.249.03.435.249.435.5"
+  })
+});
+export default VdlHotelsIcon;

package/bpk-component-icon/lg/vdl-tab-drops-selected.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+const VdlTabDropsSelectedIcon = props => /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  "aria-hidden": "true",
+  width: "1.5rem",
+  height: "1.5rem",
+  ...props,
+  children: /*#__PURE__*/_jsx("path", {
+    stroke: "#161616",
+    strokeWidth: 1.6,
+    d: "M17.75 5.75 12 11.5 6.25 5.75a3.182 3.182 0 0 0-4.5 4.5l8.129 8.129a3 3 0 0 0 4.242 0l8.129-8.129a3.182 3.182 0 0 0-4.5-4.5Z"
+  })
+});
+export default VdlTabDropsSelectedIcon;

package/bpk-component-icon/lg/vdl-tab-drops.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+const VdlTabDropsIcon = props => /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  "aria-hidden": "true",
+  width: "1.5rem",
+  height: "1.5rem",
+  ...props,
+  children: /*#__PURE__*/_jsx("path", {
+    stroke: "#161616",
+    strokeWidth: 1.6,
+    d: "M17.75 6.25 12 12 6.25 6.25a3.182 3.182 0 0 0-4.5 4.5l8.129 8.129a3 3 0 0 0 4.242 0l8.129-8.129a3.182 3.182 0 0 0-4.5-4.5Z"
+  })
+});
+export default VdlTabDropsIcon;

package/bpk-component-icon/lg/vdl-tab-profile-selected.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+const VdlTabProfileSelectedIcon = props => /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  "aria-hidden": "true",
+  width: "1.5rem",
+  height: "1.5rem",
+  ...props,
+  children: /*#__PURE__*/_jsx("path", {
+    d: "M12 1.2c5.965 0 10.8 4.835 10.8 10.8S17.965 22.8 12 22.8 1.2 17.965 1.2 12 6.035 1.2 12 1.2m4.775 13.79a11.8 11.8 0 0 0-9.56 0 3.28 3.28 0 0 0-1.612 1.47A7.79 7.79 0 0 0 12 19.8a7.79 7.79 0 0 0 6.388-3.327 3.28 3.28 0 0 0-1.613-1.483M12 6a3 3 0 1 0 0 6 3 3 0 0 0 0-6"
+  })
+});
+export default VdlTabProfileSelectedIcon;

package/bpk-component-icon/lg/vdl-tab-profile.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+const VdlTabProfileIcon = props => /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  "aria-hidden": "true",
+  width: "1.5rem",
+  height: "1.5rem",
+  ...props,
+  children: /*#__PURE__*/_jsx("path", {
+    d: "M12 1.2c5.965 0 10.8 4.835 10.8 10.8S17.965 22.8 12 22.8 1.2 17.965 1.2 12 6.035 1.2 12 1.2m0 14.56a10.2 10.2 0 0 0-4.137.882l-.01.005A1.74 1.74 0 0 0 6.8 18.26v1.328A9.15 9.15 0 0 0 12 21.2c1.93 0 3.72-.596 5.2-1.612V18.26c0-.716-.414-1.341-1.053-1.614l-.01-.004A10.2 10.2 0 0 0 12 15.76M12 2.8a9.2 9.2 0 0 0-6.798 15.398 3.34 3.34 0 0 1 2.015-3.02A11.8 11.8 0 0 1 12 14.16c1.966 0 3.596.494 4.783 1.018a3.33 3.33 0 0 1 2.014 3.02A9.2 9.2 0 0 0 12 2.8m0 2.4a3.8 3.8 0 1 1 0 7.6 3.8 3.8 0 0 1 0-7.6m0 1.6a2.2 2.2 0 1 0 0 4.4 2.2 2.2 0 0 0 0-4.4"
+  })
+});
+export default VdlTabProfileIcon;

package/bpk-component-icon/lg/vdl-tab-saved-selected.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+const VdlTabSavedSelectedIcon = props => /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  "aria-hidden": "true",
+  width: "1.5rem",
+  height: "1.5rem",
+  ...props,
+  children: /*#__PURE__*/_jsx("path", {
+    stroke: "#161616",
+    strokeLinejoin: "round",
+    strokeWidth: 1.6,
+    d: "M12 20.495s-9.62-6.26-9.62-12.02a4.88 4.88 0 0 1 1.44-3.53A4.925 4.925 0 0 1 12 6.965a4.925 4.925 0 0 1 8.18-2.02c.98.98 1.46 2.25 1.44 3.53 0 5.76-9.62 12.02-9.62 12.02Z"
+  })
+});
+export default VdlTabSavedSelectedIcon;