@skyscanner/backpack-web 34.15.0 → 34.16.0-preminor.1

package/bpk-component-accordion/src/BpkAccordionItem.js

@@ -36,6 +36,7 @@ const BpkAccordionItem = props => {
   const titleTextClassNames = [getClassName('bpk-accordion__title-text')];
   const titleClassNames = [getClassName('bpk-accordion__title')];
   const contentClassNames = [getClassName('bpk-accordion__content-container')];
+  const contentInnerClassNames = [getClassName('bpk-accordion__content-inner-container')];
   const {
     children,
     expanded,
@@ -53,33 +54,29 @@ const BpkAccordionItem = props => {
   // it, but the benefit of a better container api versus this was worth it
   // $FlowFixMe[prop-missing] - see above
   delete rest.initiallyExpanded;
+  if (divider) {
+    contentInnerClassNames.push(getClassName('bpk-accordion__content-inner-container--with-divider'));
+    if (onDark) {
+      itemClassNames.push(getClassName('bpk-accordion__item--with-divider-on-dark'));
+    } else {
+      itemClassNames.push(getClassName('bpk-accordion__item--with-divider'));
+    }
+  }
   if (onDark) {
     itemClassNames.push(getClassName('bpk-accordion__item--on-dark'));
   }
   if (expanded && !onDark) {
     iconClassNames.push(getClassName('bpk-accordion__item-expand-icon--flipped'));
-    if (divider) {
-      contentClassNames.push(getClassName('bpk-accordion__content-container--expanded'));
-    }
   }
   if (expanded && onDark) {
     iconClassNames.push(getClassName('bpk-accordion__item-expand-icon--flipped'));
     iconClassNames.push(getClassName('bpk-accordion__item-expand-icon--on-dark'));
-    if (divider) {
-      contentClassNames.push(getClassName('bpk-accordion__content-container--expanded-on-dark'));
-    }
     titleTextClassNames.push(getClassName('bpk-accordion__title-text--on-dark'));
   }
   if (!expanded && onDark) {
     iconClassNames.push(getClassName('bpk-accordion__item-expand-icon--on-dark'));
-    if (divider) {
-      titleClassNames.push(getClassName('bpk-accordion__title--collapsed-on-dark'));
-    }
     titleTextClassNames.push(getClassName('bpk-accordion__title-text--on-dark'));
   }
-  if (!expanded && !onDark && divider) {
-    titleClassNames.push(getClassName('bpk-accordion__title--collapsed'));
-  }
   const contentId = `${id}_content`;
   const clonedIcon = icon ? /*#__PURE__*/cloneElement(icon, {
     className: getClassName('bpk-accordion__leading-icon')
@@ -89,7 +86,7 @@ const BpkAccordionItem = props => {
     // $FlowFixMe[cannot-spread-inexact] - inexact rest. See decisions/flowfixme.md
     _jsxs("div", {
       id: id,
-      className: getClassName('bpk-accordion__item'),
+      className: itemClassNames.join(' '),
       ...rest,
       children: [/*#__PURE__*/_jsx("div", {
         className: titleClassNames.join(' '),
@@ -121,7 +118,7 @@ const BpkAccordionItem = props => {
           duration: 200,
           height: expanded ? 'auto' : 0,
           children: /*#__PURE__*/_jsx("div", {
-            className: getClassName('bpk-accordion__content-inner-container'),
+            className: contentInnerClassNames.join(' '),
             children: children
           })
         })

package/bpk-component-accordion/src/BpkAccordionItem.module.css

@@ -15,4 +15,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-.bpk-accordion__item{box-shadow:0 -1px 0 0 #c1c7cf inset}.bpk-accordion__item-on-dark{box-shadow:0 -1px 0 0 rgba(255,255,255,.5) inset}.bpk-accordion__title{height:auto}.bpk-accordion__toggle-button{width:100%;padding:0;border:0;background-color:rgba(0,0,0,0);color:#161616;text-align:left;cursor:pointer;appearance:none}html[dir=rtl] .bpk-accordion__toggle-button{text-align:right}.bpk-accordion__flex-container{display:inline-flex;width:100%;margin:1rem 0;flex-direction:row}.bpk-accordion__title-text{flex-grow:1}.bpk-accordion__title-text--on-dark{color:#fff}.bpk-accordion__icon-wrapper{display:inline-block}.bpk-accordion__leading-icon{margin-left:0;margin-right:.5rem}html[dir=rtl] .bpk-accordion__leading-icon{margin-left:.5rem;margin-right:0}.bpk-accordion__item-expand-icon{fill:#161616}.bpk-accordion__item-expand-icon--flipped{transform:scaleY(-1)}.bpk-accordion__item-expand-icon--on-dark{fill:#fff}.bpk-accordion__content-container{margin:0}.bpk-accordion__content-inner-container{padding-bottom:1rem}
+.bpk-accordion__item--with-divider{box-shadow:0 -1px 0 0 #c1c7cf inset}.bpk-accordion__item--with-divider-on-dark{box-shadow:0 -1px 0 0 rgba(255,255,255,.5) inset}.bpk-accordion__title{height:auto}.bpk-accordion__toggle-button{width:100%;padding:0;border:0;background-color:rgba(0,0,0,0);color:#161616;text-align:left;cursor:pointer;appearance:none}html[dir=rtl] .bpk-accordion__toggle-button{text-align:right}.bpk-accordion__flex-container{display:inline-flex;width:100%;margin:1rem 0;flex-direction:row}.bpk-accordion__title-text{flex-grow:1}.bpk-accordion__title-text--on-dark{color:#fff}.bpk-accordion__icon-wrapper{display:inline-block}.bpk-accordion__leading-icon{margin-left:0;margin-right:.5rem}html[dir=rtl] .bpk-accordion__leading-icon{margin-left:.5rem;margin-right:0}.bpk-accordion__item-expand-icon{fill:#161616}.bpk-accordion__item-expand-icon--flipped{transform:scaleY(-1)}.bpk-accordion__item-expand-icon--on-dark{fill:#fff}.bpk-accordion__content-container{margin:0}.bpk-accordion__content-inner-container--with-divider{padding-bottom:1rem}

package/bpk-component-aria-live/src/BpkAriaLive.d.ts

@@ -12,5 +12,5 @@ export type Props = {
     className?: string | null;
     [rest: string]: any;
 };
-declare const BpkAriaLive: ({ className, politenessSetting, visible, ...rest }: Props) => JSX.Element;
+declare const BpkAriaLive: ({ className, politenessSetting, visible, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkAriaLive;

package/bpk-component-badge/src/BpkBadge.d.ts

@@ -18,5 +18,5 @@ export type Props = {
     children: string | ReactNode;
     [rest: string]: any;
 };
-declare const BpkBadge: ({ centered, className, docked, type, ...rest }: Props) => JSX.Element;
+declare const BpkBadge: ({ centered, className, docked, type, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkBadge;

package/bpk-component-banner-alert/src/AnimateAndFade.d.ts

@@ -27,6 +27,6 @@ declare class AnimateAndFade extends Component<Props, State> {
     onAnimateHeightComplete: () => void;
     onFadeComplete: () => void;
     toggle: () => void;
-    render(): JSX.Element | null;
+    render(): import("react/jsx-runtime").JSX.Element | null;
 }
 export default AnimateAndFade;

package/bpk-component-banner-alert/src/BpkBannerAlert.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import type { CommonProps } from './common-types';
 /**
  * @deprecated use bpk-component-info-banner instead
  * @returns {Component} a banner alert component
  */
-declare const BpkBannerAlert: ({ animateOnEnter, animateOnLeave, icon, show, ...rest }: CommonProps) => JSX.Element;
+declare const BpkBannerAlert: ({ animateOnEnter, animateOnLeave, icon, show, ...rest }: CommonProps) => import("react/jsx-runtime").JSX.Element;
 export default BpkBannerAlert;

package/bpk-component-banner-alert/src/BpkBannerAlertDismissable.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import type { CommonProps, OnDismissHandler } from './common-types';
 export type Props = CommonProps & {
     dismissButtonLabel: string;
     onDismiss?: OnDismissHandler;
 };
-declare const BpkBannerAlertDismissable: ({ onDismiss, ...rest }: Props) => JSX.Element;
+declare const BpkBannerAlertDismissable: ({ onDismiss, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkBannerAlertDismissable;

package/bpk-component-banner-alert/src/BpkBannerAlertExpandable.d.ts

@@ -6,5 +6,5 @@ export type Props = CommonProps & {
     toggleButtonLabel: string;
     onExpandToggle?: OnExpandToggleHandler;
 };
-declare const BpkBannerAlertExpandable: ({ children, expanded, onExpandToggle, ...rest }: Props) => JSX.Element;
+declare const BpkBannerAlertExpandable: ({ children, expanded, onExpandToggle, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkBannerAlertExpandable;

package/bpk-component-banner-alert/src/BpkBannerAlertInner.d.ts

@@ -14,5 +14,5 @@ type Props = CommonProps & {
     dismissButtonLabel?: string;
     onDismiss?: OnDismissHandler;
 };
-declare const BpkBannerAlertInner: ({ animateOnEnter, animateOnLeave, bannerClassName, children, configuration, dismissButtonLabel, expanded, icon, message, onDismiss, onExpandToggle, show, toggleButtonLabel, type, ...rest }: Props) => JSX.Element;
+declare const BpkBannerAlertInner: ({ animateOnEnter, animateOnLeave, bannerClassName, children, configuration, dismissButtonLabel, expanded, icon, message, onDismiss, onExpandToggle, show, toggleButtonLabel, type, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkBannerAlertInner;

package/bpk-component-banner-alert/src/withBannerAlertState.d.ts

@@ -1,81 +1,73 @@
-/// <reference types="node" />
 import type { ComponentType } from 'react';
+import type { Props as BpkBannerAlertDismissableProps } from './BpkBannerAlertDismissable';
+import type { Props as BpkBannerAlertExpandableProps } from './BpkBannerAlertExpandable';
 export type WithBannerAlertStateProps = {
     onHide?: () => void;
     hideAfter?: number;
 };
-declare const withBannerAlertState: <P extends Partial<import("./common-types").CommonProps & {
-    dismissButtonLabel: string;
-    onDismiss?: import("./common-types").OnDismissHandler;
-} & {
-    children: import("react").ReactNode;
-    expanded?: boolean | undefined;
-    toggleButtonLabel: string;
-    onExpandToggle?: import("./common-types").OnExpandToggleHandler;
-}>>(WrappedComponent: ComponentType<P>) => {
+type BpkBannerAlertProps = Partial<BpkBannerAlertDismissableProps & BpkBannerAlertExpandableProps>;
+declare const withBannerAlertState: <P extends BpkBannerAlertProps>(WrappedComponent: ComponentType<P>) => {
     new (props: P & WithBannerAlertStateProps): {
-        hideIntervalId?: NodeJS.Timeout | null | undefined;
+        hideIntervalId?: ReturnType<typeof setTimeout> | null;
         componentDidMount(): void;
         componentWillUnmount(): void;
         onExpandToggle: () => void;
         onDismiss: () => void;
         onHide: () => void;
-        render(): JSX.Element;
-        context: any;
+        render(): import("react/jsx-runtime").JSX.Element;
+        context: unknown;
         setState<K extends keyof {
-            expanded?: boolean | undefined;
-            show?: boolean | undefined;
+            expanded?: boolean;
+            show?: boolean;
         }>(state: {
-            expanded?: boolean | undefined;
-            show?: boolean | undefined;
+            expanded?: boolean;
+            show?: boolean;
         } | ((prevState: Readonly<{
-            expanded?: boolean | undefined;
-            show?: boolean | undefined;
-        }>, props: Readonly<P & WithBannerAlertStateProps>) => {
-            expanded?: boolean | undefined;
-            show?: boolean | undefined;
-        } | Pick<{
-            expanded?: boolean | undefined;
-            show?: boolean | undefined;
-        }, K> | null) | Pick<{
-            expanded?: boolean | undefined;
-            show?: boolean | undefined;
+            expanded?: boolean;
+            show?: boolean;
+        }>, props: Readonly<P & WithBannerAlertStateProps>) => Pick<{
+            expanded?: boolean;
+            show?: boolean;
+        }, K> | {
+            expanded?: boolean;
+            show?: boolean;
+        } | null) | Pick<{
+            expanded?: boolean;
+            show?: boolean;
         }, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<P & WithBannerAlertStateProps> & Readonly<{
-            children?: import("react").ReactNode;
-        }>;
+        readonly props: Readonly<P & WithBannerAlertStateProps>;
         state: Readonly<{
-            expanded?: boolean | undefined;
-            show?: boolean | undefined;
+            expanded?: boolean;
+            show?: boolean;
         }>;
         refs: {
             [key: string]: import("react").ReactInstance;
         };
         shouldComponentUpdate?(nextProps: Readonly<P & WithBannerAlertStateProps>, nextState: Readonly<{
-            expanded?: boolean | undefined;
-            show?: boolean | undefined;
+            expanded?: boolean;
+            show?: boolean;
         }>, nextContext: any): boolean;
         componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
         getSnapshotBeforeUpdate?(prevProps: Readonly<P & WithBannerAlertStateProps>, prevState: Readonly<{
-            expanded?: boolean | undefined;
-            show?: boolean | undefined;
-        }>): any;
+            expanded?: boolean;
+            show?: boolean;
+        }>): any | null;
         componentDidUpdate?(prevProps: Readonly<P & WithBannerAlertStateProps>, prevState: Readonly<{
-            expanded?: boolean | undefined;
-            show?: boolean | undefined;
+            expanded?: boolean;
+            show?: boolean;
         }>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
         componentWillReceiveProps?(nextProps: Readonly<P & WithBannerAlertStateProps>, nextContext: any): void;
         UNSAFE_componentWillReceiveProps?(nextProps: Readonly<P & WithBannerAlertStateProps>, nextContext: any): void;
         componentWillUpdate?(nextProps: Readonly<P & WithBannerAlertStateProps>, nextState: Readonly<{
-            expanded?: boolean | undefined;
-            show?: boolean | undefined;
+            expanded?: boolean;
+            show?: boolean;
         }>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<P & WithBannerAlertStateProps>, nextState: Readonly<{
-            expanded?: boolean | undefined;
-            show?: boolean | undefined;
+            expanded?: boolean;
+            show?: boolean;
         }>, nextContext: any): void;
     };
     displayName: string;

package/bpk-component-boilerplate/src/BpkBoilerplate.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 export type Props = {
     [rest: string]: any;
 };
-declare const BpkBoilerplate: ({ ...rest }: Props) => JSX.Element;
+declare const BpkBoilerplate: ({ ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkBoilerplate;

package/bpk-component-bottom-sheet/src/BpkBottomSheet.d.ts

@@ -19,5 +19,5 @@ export type Props = CommonProps & ({
 } | {
     ariaLabel: string;
 });
-declare const BpkBottomSheet: ({ actionText, children, closeLabel, closeOnEscPressed, closeOnScrimClick, id, isOpen, onAction, onClose, title, wide, ...ariaProps }: Props) => JSX.Element;
+declare const BpkBottomSheet: ({ actionText, children, closeLabel, closeOnEscPressed, closeOnScrimClick, id, isOpen, onAction, onClose, title, wide, ...ariaProps }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkBottomSheet;

package/bpk-component-button/BpkButtonDestructive.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type Props } from './src/BpkButton';
-declare const BpkButtonDestructive: (props: Props) => JSX.Element;
+declare const BpkButtonDestructive: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkButtonDestructive;

package/bpk-component-button/BpkButtonFeatured.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type Props } from './src/BpkButton';
-declare const BpkButtonFeatured: (props: Props) => JSX.Element;
+declare const BpkButtonFeatured: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkButtonFeatured;

package/bpk-component-button/BpkButtonLink.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type Props } from './src/BpkButton';
-declare const BpkButtonLink: (props: Props) => JSX.Element;
+declare const BpkButtonLink: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkButtonLink;

package/bpk-component-button/BpkButtonLinkOnDark.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type Props } from './src/BpkButton';
-declare const BpkButtonLinkOnDark: (props: Props) => JSX.Element;
+declare const BpkButtonLinkOnDark: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkButtonLinkOnDark;

package/bpk-component-button/BpkButtonPrimary.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type Props } from './src/BpkButton';
-declare const BpkButtonPrimary: (props: Props) => JSX.Element;
+declare const BpkButtonPrimary: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkButtonPrimary;

package/bpk-component-button/BpkButtonPrimaryOnDark.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type Props } from './src/BpkButton';
-declare const BpkButtonPrimaryOnDark: (props: Props) => JSX.Element;
+declare const BpkButtonPrimaryOnDark: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkButtonPrimaryOnDark;

package/bpk-component-button/BpkButtonPrimaryOnLight.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type Props } from './src/BpkButton';
-declare const BpkButtonPrimaryOnLight: (props: Props) => JSX.Element;
+declare const BpkButtonPrimaryOnLight: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkButtonPrimaryOnLight;

package/bpk-component-button/BpkButtonSecondary.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type Props } from './src/BpkButton';
-declare const BpkButtonSecondary: (props: Props) => JSX.Element;
+declare const BpkButtonSecondary: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkButtonSecondary;

package/bpk-component-button/BpkButtonSecondaryOnDark.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type Props } from './src/BpkButton';
-declare const BpkButtonSecondaryOnDark: (props: Props) => JSX.Element;
+declare const BpkButtonSecondaryOnDark: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkButtonSecondaryOnDark;

package/bpk-component-button/src/BpkButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 import { type Props as CommonProps } from './common-types';
 export type Props = CommonProps & {
@@ -12,7 +11,7 @@ export type Props = CommonProps & {
     linkOnDark?: boolean;
 };
 declare const BpkButton: {
-    (props: Props): JSX.Element;
+    (props: Props): import("react/jsx-runtime").JSX.Element;
     defaultProps: {
         primaryOnDark: boolean;
         primaryOnLight: boolean;

package/bpk-component-button/src/BpkButtonBase.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type Props } from './common-types';
 export declare const BUTTON_TYPES: {
     readonly primary: "primary";
@@ -14,18 +13,8 @@ export declare const BUTTON_TYPES: {
 type ValueOf<T> = T[keyof T];
 declare const BpkButtonBase: {
     (props: Props & {
-        type?: ValueOf<{
-            readonly primary: "primary";
-            readonly primaryOnDark: "primary-on-dark";
-            readonly primaryOnLight: "primary-on-light";
-            readonly secondary: "secondary";
-            readonly secondaryOnDark: "secondary-on-dark";
-            readonly destructive: "destructive";
-            readonly featured: "featured";
-            readonly link: "link";
-            readonly linkOnDark: "link-on-dark";
-        }> | undefined;
-    }): JSX.Element;
+        type?: ValueOf<typeof BUTTON_TYPES>;
+    }): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         children: import("prop-types").Validator<NonNullable<import("prop-types").ReactNodeLike>>;
         href: import("prop-types").Requireable<string>;

package/bpk-component-button/src/BpkButtonDestructive.module.css

@@ -0,0 +1,18 @@
+/*
+ * Backpack - Skyscanner's Design System
+ * 
+ * Copyright 2016 Skyscanner Ltd
+ * 
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * 
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+.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)}

package/bpk-component-button/src/BpkButtonFeatured.module.css

@@ -0,0 +1,18 @@
+/*
+ * Backpack - Skyscanner's Design System
+ * 
+ * Copyright 2016 Skyscanner Ltd
+ * 
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * 
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+.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)}

package/bpk-component-button/src/BpkButtonLink.module.css

@@ -0,0 +1,18 @@
+/*
+ * Backpack - Skyscanner's Design System
+ * 
+ * Copyright 2016 Skyscanner Ltd
+ * 
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * 
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+.bpk-button--link{background:none;box-shadow:none;padding:0;border:0;background-color:rgba(0,0,0,0);text-decoration:none;cursor:pointer;appearance:none;color:#0062e3;color:var(--bpk-link-color, rgb(0, 98, 227));padding:.375rem 0;color:#0062e3}.bpk-no-touch-support .bpk-button--link:hover:not(:active):not(:disabled){text-decoration:underline;color:#0062e3;color:var(--bpk-link-hover-color, rgb(0, 98, 227))}:global(.bpk-no-touch-support) .bpk-button--link:hover:not(:active):not(:disabled){text-decoration:underline;color:#0062e3;color:var(--bpk-link-hover-color, rgb(0, 98, 227))}.bpk-button--link:visited{color:#0062e3;color:var(--bpk-link-visited-color, rgb(0, 98, 227))}.bpk-button--link:active{text-decoration:underline;color:#0062e3;color:var(--bpk-link-active-color, rgb(0, 98, 227))}.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{background:none;color:rgba(0,0,0,.2);text-decoration:none}.bpk-button--link-large{padding:.75rem 0}

package/bpk-component-button/src/BpkButtonLinkOnDark.module.css

@@ -0,0 +1,18 @@
+/*
+ * Backpack - Skyscanner's Design System
+ * 
+ * Copyright 2016 Skyscanner Ltd
+ * 
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * 
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+.bpk-button--link-on-dark{background:none;box-shadow:none;padding:0;border:0;background-color:rgba(0,0,0,0);text-decoration:none;cursor:pointer;appearance:none;color:#0062e3;color:var(--bpk-link-color, rgb(0, 98, 227));padding:.375rem 0;color:#0062e3;color:#fff;color:var(--bpk-button-link-on-dark-text-color, rgb(255, 255, 255))}.bpk-no-touch-support .bpk-button--link-on-dark:hover:not(:active):not(:disabled){text-decoration:underline;color:#0062e3;color:var(--bpk-link-hover-color, rgb(0, 98, 227))}:global(.bpk-no-touch-support) .bpk-button--link-on-dark:hover:not(:active):not(:disabled){text-decoration:underline;color:#0062e3;color:var(--bpk-link-hover-color, rgb(0, 98, 227))}.bpk-button--link-on-dark:visited{color:#0062e3;color:var(--bpk-link-visited-color, rgb(0, 98, 227))}.bpk-button--link-on-dark:active{text-decoration:underline;color:#0062e3;color:var(--bpk-link-active-color, rgb(0, 98, 227))}.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{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:rgba(255,255,255,.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:rgba(255,255,255,.5);color:var(--bpk-button-link-on-dark-hover-text-color, rgba(255, 255, 255, 0.5))}.bpk-button--link-on-dark:active{color:rgba(255,255,255,.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{color:rgba(255,255,255,.2);color:var(--bpk-button-link-on-dark-disabled-color, rgba(255, 255, 255, 0.2))}

package/bpk-component-button/src/BpkButtonPrimaryOnDark.module.css

@@ -0,0 +1,18 @@
+/*
+ * Backpack - Skyscanner's Design System
+ * 
+ * Copyright 2016 Skyscanner Ltd
+ * 
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * 
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+.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)}

package/bpk-component-button/src/BpkButtonPrimaryOnLight.module.css

@@ -0,0 +1,18 @@
+/*
+ * Backpack - Skyscanner's Design System
+ * 
+ * Copyright 2016 Skyscanner Ltd
+ * 
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * 
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+.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)}

package/bpk-component-button/src/BpkButtonSecondary.module.css

@@ -0,0 +1,18 @@
+/*
+ * Backpack - Skyscanner's Design System
+ * 
+ * Copyright 2016 Skyscanner Ltd
+ * 
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * 
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+.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)}

package/bpk-component-button/src/BpkButtonSecondaryOnDark.module.css

@@ -0,0 +1,18 @@
+/*
+ * Backpack - Skyscanner's Design System
+ * 
+ * Copyright 2016 Skyscanner Ltd
+ * 
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * 
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+.bpk-button--secondary-on-dark{color:#fff;color:var(--bpk-button-secondary-on-dark-text-color, rgb(255, 255, 255));background-color:rgba(255,255,255,.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:rgba(255,255,255,.2)}

package/bpk-component-button/src/BpkButtonV2/BpkButton.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { Props } from './common-types';
-export declare const BpkButtonV2: ({ blank, children, className, disabled, fullWidth, href, iconOnly, onClick, rel: propRel, size, submit, type, ...rest }: Props) => JSX.Element;
+export declare const BpkButtonV2: ({ blank, children, className, disabled, fullWidth, href, iconOnly, onClick, rel: propRel, size, submit, type, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;

package/bpk-component-calendar/src/BpkCalendarContainer.d.ts

@@ -55,13 +55,11 @@ declare const withCalendarState: <P extends object>(Calendar: ComponentType<P>)
             source: string;
         }) => void;
         handleDateKeyDown: (event: KeyboardEvent) => void;
-        render(): JSX.Element;
-        context: any;
-        setState<K extends keyof State>(state: State | ((prevState: Readonly<State>, props: Readonly<CalendarProps<P>>) => State | Pick<State, K> | null) | Pick<State, K> | null, callback?: (() => void) | undefined): void;
+        render(): import("react/jsx-runtime").JSX.Element;
+        context: unknown;
+        setState<K extends keyof State>(state: State | ((prevState: Readonly<State>, props: Readonly<CalendarProps<P>>) => Pick<State, K> | State | null) | Pick<State, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<CalendarProps<P>> & Readonly<{
-            children?: import("react").ReactNode;
-        }>;
+        readonly props: Readonly<CalendarProps<P>>;
         state: Readonly<State>;
         refs: {
             [key: string]: import("react").ReactInstance;
@@ -70,7 +68,7 @@ declare const withCalendarState: <P extends object>(Calendar: ComponentType<P>)
         shouldComponentUpdate?(nextProps: Readonly<CalendarProps<P>>, nextState: Readonly<State>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<CalendarProps<P>>, prevState: Readonly<State>): any;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<CalendarProps<P>>, prevState: Readonly<State>): any | null;
         componentDidUpdate?(prevProps: Readonly<CalendarProps<P>>, prevState: Readonly<State>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
@@ -107,13 +105,11 @@ declare const _default: {
             source: string;
         }) => void;
         handleDateKeyDown: (event: KeyboardEvent) => void;
-        render(): JSX.Element;
-        context: any;
-        setState<K extends keyof State>(state: State | ((prevState: Readonly<State>, props: Readonly<CalendarProps<import("./composeCalendar").Props>>) => State | Pick<State, K> | null) | Pick<State, K> | null, callback?: (() => void) | undefined): void;
+        render(): import("react/jsx-runtime").JSX.Element;
+        context: unknown;
+        setState<K extends keyof State>(state: State | ((prevState: Readonly<State>, props: Readonly<CalendarProps<import("./composeCalendar").Props>>) => Pick<State, K> | State | null) | Pick<State, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<CalendarProps<import("./composeCalendar").Props>> & Readonly<{
-            children?: import("react").ReactNode;
-        }>;
+        readonly props: Readonly<CalendarProps<import("./composeCalendar").Props>>;
         state: Readonly<State>;
         refs: {
             [key: string]: import("react").ReactInstance;
@@ -122,7 +118,7 @@ declare const _default: {
         shouldComponentUpdate?(nextProps: Readonly<CalendarProps<import("./composeCalendar").Props>>, nextState: Readonly<State>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<CalendarProps<import("./composeCalendar").Props>>, prevState: Readonly<State>): any;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<CalendarProps<import("./composeCalendar").Props>>, prevState: Readonly<State>): any | null;
         componentDidUpdate?(prevProps: Readonly<CalendarProps<import("./composeCalendar").Props>>, prevState: Readonly<State>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;