@skyscanner/backpack-web 33.6.0 → 33.7.0

package/bpk-component-bottom-sheet/index.d.ts

@@ -1,21 +1,3 @@
-/*
- * 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.
- */
-
 import BpkBottomSheet from './src/BpkBottomSheet';
 import type { Props } from './src/BpkBottomSheet';
 export type BpkBottomSheetProps = Props;

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

@@ -1,40 +1,19 @@
-/*
- * 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.
- */
-import { ReactNode } from 'react';
-import type { Props as BottomSheetProps } from './BpkBottomSheet';
-export type Props = Partial<BottomSheetProps> & {
-  actionText?: string;
-  ariaLabelledby: string;
-  children: ReactNode;
-  closeLabel?: string;
-  closeOnEscPressed?: boolean;
-  closeOnScrimClick?: boolean;
-  id: string;
-  isOpen: boolean;
-  onAction?: () => void;
-  onClose: (
-    arg0?: TouchEvent | MouseEvent | KeyboardEvent,
-    arg1?: {
-      source: 'ESCAPE' | 'DOCUMENT_CLICK';
-    },
-  ) => void;
-  title?: string;
-  wide?: boolean;
+import type { SyntheticEvent, ReactNode } from "react";
+export type Props = {
+    actionText?: string;
+    ariaLabelledby: string;
+    children: ReactNode;
+    closeLabel?: string;
+    closeOnEscPressed?: boolean;
+    closeOnScrimClick?: boolean;
+    id: string;
+    onAction?: () => void;
+    onClose: (arg0?: TouchEvent | MouseEvent | KeyboardEvent | SyntheticEvent<HTMLDialogElement, Event>, arg1?: {
+        source: 'ESCAPE' | 'DOCUMENT_CLICK';
+    }) => void;
+    title?: string;
+    wide?: boolean;
+    isOpen: boolean;
 };
-declare const BpkBottomSheet: ({ actionText, ariaLabelledby, children, closeLabel, closeOnEscPressed, closeOnScrimClick, id, isOpen, onAction, onClose, title, wide, ...rest }: Props) => JSX.Element;
+declare const BpkBottomSheet: ({ actionText, ariaLabelledby, children, closeLabel, closeOnEscPressed, closeOnScrimClick, id, isOpen, onAction, onClose, title, wide }: Props) => JSX.Element;
 export default BpkBottomSheet;

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

@@ -23,7 +23,7 @@ import BpkCloseButton from "../../bpk-component-close-button";
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import { BpkButtonLink } from "../../bpk-component-link";
 import BpkNavigationBar from "../../bpk-component-navigation-bar";
-import BpkText, { TEXT_STYLES } from "../../bpk-component-text/src/BpkText";
+import { TEXT_STYLES } from "../../bpk-component-text/src/BpkText";
 import { BpkDialogWrapper, cssModules } from "../../bpk-react-utils";
 import STYLES from "./BpkBottomSheet.module.css";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
@@ -78,12 +78,9 @@ const BpkBottomSheet = ({
           className: getClassName('bpk-bottom-sheet--header'),
           children: /*#__PURE__*/_jsx(BpkNavigationBar, {
             id: headingId,
-            title: title && /*#__PURE__*/_jsx(BpkText, {
-              id: headingId,
-              textStyle: TEXT_STYLES.label1,
-              tagName: "h2",
-              children: title
-            }),
+            title: title,
+            titleTextStyle: TEXT_STYLES.label1,
+            titleTagName: title ? "h2" : "span",
             leadingButton: /*#__PURE__*/_jsx(BpkCloseButton, {
               label: closeLabel,
               onClick: (arg0, arg1) => handleClose(isAboveMobile ? 0 : animationTimeout, arg0, arg1)

package/bpk-component-bottom-sheet/src/BpkBottomSheet.module.css

@@ -15,4 +15,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-.bpk-bottom-sheet{z-index:1100;width:100%;max-width:32rem;margin:auto;transform:scale(1);transition:opacity 200ms ease-in-out,transform 200ms ease-in-out;outline:0;background-color:#fff;opacity:1;overflow:hidden;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;-webkit-tap-highlight-color:rgba(0,0,0,0);box-shadow:0px 12px 50px 0px rgba(37,32,31,.25);border-radius:.5rem}@media(max-width: 32rem){.bpk-bottom-sheet{position:fixed;bottom:0;height:fit-content;max-height:90%;margin-bottom:0;border-radius:1.5rem 1.5rem 0 0;overflow-x:hidden}}.bpk-bottom-sheet::-webkit-scrollbar{display:none}.bpk-bottom-sheet--appear{animation-duration:200ms;animation-name:slide-up;animation-timing-function:ease-in-out}@media(min-width: 32.0625rem){.bpk-bottom-sheet--appear{transform:scale(0.9);opacity:0;animation:none}}@media(min-width: 32.0625rem){.bpk-bottom-sheet--appear-active{transform:scale(1);opacity:1}}.bpk-bottom-sheet--exit{animation-direction:reverse;animation-duration:200ms;animation-name:slide-up;animation-timing-function:ease-in-out}@media(min-width: 32.0625rem){.bpk-bottom-sheet--exit{animation:none}}.bpk-bottom-sheet--content{padding:1rem;flex:1;overflow-y:auto}@media(min-width: 32.0625rem){.bpk-bottom-sheet--wide{max-width:64rem}}.bpk-bottom-sheet--header{position:sticky;top:0;z-index:899;box-shadow:0 -1px 0 0 #c1c7cf inset}@keyframes slide-up{0%{transform:translateY(100%)}100%{transform:translateY(0%)}}
+.bpk-bottom-sheet{z-index:1100;width:100%;max-width:32rem;margin:auto;transform:scale(1);transition:opacity 200ms ease-in-out,transform 200ms ease-in-out;outline:0;background-color:#fff;opacity:1;overflow:hidden;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;-webkit-tap-highlight-color:rgba(0,0,0,0);box-shadow:0px 12px 50px 0px rgba(37,32,31,.25);border-radius:.5rem}@media(max-width: 32rem){.bpk-bottom-sheet{position:fixed;bottom:0;height:fit-content;max-height:90%;margin-bottom:0;border-radius:1.5rem 1.5rem 0 0;overflow-x:hidden}}.bpk-bottom-sheet::-webkit-scrollbar{display:none}.bpk-bottom-sheet--appear{animation-duration:200ms;animation-name:slide-up;animation-timing-function:ease-in-out}@media(min-width: 32.0625rem){.bpk-bottom-sheet--appear{transform:scale(0.9);opacity:0;animation:none}}@media(min-width: 32.0625rem){.bpk-bottom-sheet--appear-active{transform:scale(1);opacity:1}}.bpk-bottom-sheet--exit{animation-direction:reverse;animation-duration:200ms;animation-name:slide-up;animation-timing-function:ease-in-out}@media(min-width: 32.0625rem){.bpk-bottom-sheet--exit{animation:none}}.bpk-bottom-sheet--content{padding:1rem;flex:1;overflow-y:auto}@media(min-width: 32.0625rem){.bpk-bottom-sheet--wide{max-width:64rem}}.bpk-bottom-sheet--header{position:sticky;top:0;z-index:899;padding:.25rem 0;background-color:#fff;background-color:var(--bpk-navigation-bar-background-color, rgb(255, 255, 255))}@keyframes slide-up{0%{transform:translateY(100%)}100%{transform:translateY(0%)}}

package/bpk-component-breakpoint/index.d.ts

@@ -1,21 +1,3 @@
-/*
- * 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.
- */
-
 import BpkBreakpoint, { BREAKPOINTS } from './src/BpkBreakpoint';
 import useMediaQuery from './src/useMediaQuery';
 export { BREAKPOINTS, useMediaQuery };

package/bpk-component-breakpoint/src/BpkBreakpoint.d.ts

@@ -1,50 +1,25 @@
-/*
- * 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.
- */
-
-import type { ReactNode } from 'react';
+import type { ReactElement, ReactNode } from 'react';
 declare const BREAKPOINTS: {
-  readonly SMALL_MOBILE: any;
-  readonly MOBILE: any;
-  readonly SMALL_TABLET: any;
-  readonly SMALL_TABLET_ONLY: any;
-  readonly TABLET: any;
-  readonly TABLET_ONLY: any;
-  readonly ABOVE_MOBILE: any;
-  readonly ABOVE_TABLET: any;
-  readonly ABOVE_DESKTOP: any;
-  readonly DESKTOP_ONLY: any;
+    readonly SMALL_MOBILE: "(max-width: 22.4375rem)";
+    readonly MOBILE: "(max-width: 32rem)";
+    readonly SMALL_TABLET: "(max-width: 48rem)";
+    readonly SMALL_TABLET_ONLY: "(min-width: 32.0625rem) and (max-width: 48rem)";
+    readonly TABLET: "(max-width: 64rem)";
+    readonly TABLET_ONLY: "(min-width: 32.0625rem) and (max-width: 64rem)";
+    readonly ABOVE_MOBILE: "(min-width: 32.0625rem)";
+    readonly ABOVE_TABLET: "(min-width: 64.0625rem)";
+    readonly ABOVE_DESKTOP: "(min-width: 80.0625rem)";
+    readonly DESKTOP_ONLY: "(min-width: 64.0625rem) and (max-width: 80rem)";
 };
 type Props = {
-  /**
-   * The content to render when the breakpoint matches.
-   */
-  children: ReactNode | ((matches: boolean) => ReactNode | null);
-  query: string | (typeof BREAKPOINTS)[keyof typeof BREAKPOINTS];
-  legacy?: boolean;
-  matchSSR?: boolean;
+    /**
+     * The content to render when the breakpoint matches.
+     */
+    children: ReactNode | ((matches: boolean) => ReactNode | null);
+    query: string | (typeof BREAKPOINTS)[keyof typeof BREAKPOINTS];
+    legacy?: boolean;
+    matchSSR?: boolean;
 };
-declare const BpkBreakpoint: ({
-  children,
-  legacy,
-  query,
-}: Props) => JSX.Element;
-
-declare const useMediaQuery: (query: string) => boolean;
-
-export { BREAKPOINTS, useMediaQuery };
+declare const BpkBreakpoint: ({ children, legacy, matchSSR, query, }: Props) => ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+export { BREAKPOINTS };
 export default BpkBreakpoint;

package/bpk-component-breakpoint/src/BpkBreakpoint.js

@@ -17,7 +17,6 @@
  */
 
 import { useEffect, useState } from 'react';
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import { breakpoints } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
 import useMediaQuery from "./useMediaQuery";
 const BREAKPOINTS = {
@@ -49,6 +48,7 @@ const BpkBreakpoint = ({
   }, []);
   const matches = useMediaQuery(query, matchSSR);
   if (isClient) {
+    // @ts-expect-error invariant check. query: string matching limited BREAKPOINTS string values
     if (!legacy && !Object.values(BREAKPOINTS).includes(query)) {
       console.warn(`Invalid query ${query}. Use one of the supported queries or pass the legacy prop.`);
     }

package/bpk-component-breakpoint/src/useMediaQuery.d.ts

@@ -0,0 +1,2 @@
+declare const useMediaQuery: (query: string, matchSSR?: boolean) => boolean;
+export default useMediaQuery;

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

@@ -1,24 +1,15 @@
-/*
- * 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.
- */
-
+import BpkButton from './src/BpkButton';
+import BpkButtonDestructive from './src/BpkButtonDestructive';
+import BpkButtonFeatured from './src/BpkButtonFeatured';
+import BpkButtonLink from './src/BpkButtonLink';
+import BpkButtonLinkOnDark from './src/BpkButtonLinkOnDark';
+import BpkButtonPrimary from './src/BpkButtonPrimary';
+import BpkButtonPrimaryOnDark from './src/BpkButtonPrimaryOnDark';
+import BpkButtonPrimaryOnLight from './src/BpkButtonPrimaryOnLight';
+import BpkButtonSecondary from './src/BpkButtonSecondary';
+import BpkButtonSecondaryOnDark from './src/BpkButtonSecondaryOnDark';
 import { BpkButtonV2 } from './src/BpkButtonV2/BpkButton';
 export { BUTTON_TYPES, SIZE_TYPES } from './src/BpkButtonV2/common-types';
-
-export {
-  BpkButtonV2,
-};
+export { buttonThemeAttributes, primaryThemeAttributes, primaryOnDarkThemeAttributes, primaryOnLightThemeAttributes, secondaryThemeAttributes, secondaryOnDarkThemeAttributes, featuredThemeAttributes, destructiveThemeAttributes, } from './themeAttributes';
+export default BpkButton;
+export { BpkButtonPrimary, BpkButtonPrimaryOnDark, BpkButtonPrimaryOnLight, BpkButtonSecondary, BpkButtonSecondaryOnDark, BpkButtonDestructive, BpkButtonLink, BpkButtonLinkOnDark, BpkButtonFeatured, BpkButtonV2, };

package/bpk-component-button/index.js

@@ -14,15 +14,27 @@
  * 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.
- */import BpkButton from "./src/BpkButton"; // eslint-disable-line import/no-cycle
+ */
+
+// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
+import BpkButton from "./src/BpkButton"; // eslint-disable-line import/no-named-as-default, import/no-named-as-default-member
+// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import BpkButtonDestructive from "./src/BpkButtonDestructive";
+// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import BpkButtonFeatured from "./src/BpkButtonFeatured";
-import BpkButtonLink from "./src/BpkButtonLink";
-import BpkButtonLinkOnDark from "./src/BpkButtonLinkOnDark";
+// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
+import BpkButtonLink from "./src/BpkButtonLink"; // eslint-disable-line import/no-named-as-default, import/no-named-as-default-member
+// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
+import BpkButtonLinkOnDark from "./src/BpkButtonLinkOnDark"; // eslint-disable-line import/no-named-as-default, import/no-named-as-default-member
+// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import BpkButtonPrimary from "./src/BpkButtonPrimary";
+// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import BpkButtonPrimaryOnDark from "./src/BpkButtonPrimaryOnDark";
+// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import BpkButtonPrimaryOnLight from "./src/BpkButtonPrimaryOnLight";
+// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import BpkButtonSecondary from "./src/BpkButtonSecondary";
+// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import BpkButtonSecondaryOnDark from "./src/BpkButtonSecondaryOnDark";
 import { BpkButtonV2 } from "./src/BpkButtonV2/BpkButton";
 export { BUTTON_TYPES, SIZE_TYPES } from "./src/BpkButtonV2/common-types";

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

@@ -1,21 +1,3 @@
-/*
- * 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.
- */
-
 /// <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;

package/bpk-component-button/src/BpkButtonV2/common-types.d.ts

@@ -1,52 +1,33 @@
-/*
- * 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.
- */
-
-import type { ReactNode, MouseEvent } from 'react';
-
+import type { MouseEvent, ReactNode } from 'react';
 export declare const BUTTON_TYPES: {
-  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';
+    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";
 };
 export declare const SIZE_TYPES: {
-  readonly small: 'small';
-  readonly large: 'large';
+    readonly small: "small";
+    readonly large: "large";
 };
-export type ButtonType = typeof BUTTON_TYPES[keyof typeof BUTTON_TYPES];
-export type SizeType = typeof SIZE_TYPES[keyof typeof SIZE_TYPES];
+export type ButtonType = (typeof BUTTON_TYPES)[keyof typeof BUTTON_TYPES];
+export type SizeType = (typeof SIZE_TYPES)[keyof typeof SIZE_TYPES];
 export type Props = {
-  children: string | ReactNode;
-  type?: ButtonType;
-  size?: SizeType;
-  className?: string | null;
-  disabled?: boolean;
-  fullWidth?: boolean;
-  iconOnly?: boolean;
-  onClick?: (event: MouseEvent<HTMLButtonElement & HTMLAnchorElement>) => void;
-  rel?: string | undefined;
-  submit?: boolean;
-  href?: string | null;
-  blank?: boolean;
-  [rest: string]: any;
+    children: string | ReactNode;
+    type?: ButtonType;
+    size?: SizeType;
+    className?: string | null;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    iconOnly?: boolean;
+    onClick?: (event: MouseEvent<HTMLButtonElement & HTMLAnchorElement>) => void;
+    rel?: string | undefined;
+    submit?: boolean;
+    href?: string | null;
+    blank?: boolean;
+    [rest: string]: any;
 };

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

@@ -0,0 +1,8 @@
+export declare const buttonThemeAttributes: string[];
+export declare const primaryThemeAttributes: string[];
+export declare const primaryOnDarkThemeAttributes: string[];
+export declare const primaryOnLightThemeAttributes: string[];
+export declare const secondaryThemeAttributes: string[];
+export declare const secondaryOnDarkThemeAttributes: string[];
+export declare const featuredThemeAttributes: string[];
+export declare const destructiveThemeAttributes: string[];

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

@@ -0,0 +1 @@
+export { buttonThemeAttributes, primaryThemeAttributes, primaryOnDarkThemeAttributes, primaryOnLightThemeAttributes, secondaryThemeAttributes, secondaryOnDarkThemeAttributes, featuredThemeAttributes, destructiveThemeAttributes, } from './src/themeAttributes';

package/bpk-component-button/themeAttributes.js

@@ -14,4 +14,6 @@
  * 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.
- */export { buttonThemeAttributes, primaryThemeAttributes, primaryOnDarkThemeAttributes, primaryOnLightThemeAttributes, secondaryThemeAttributes, secondaryOnDarkThemeAttributes, featuredThemeAttributes, destructiveThemeAttributes } from "./src/themeAttributes";
+ */
+
+export { buttonThemeAttributes, primaryThemeAttributes, primaryOnDarkThemeAttributes, primaryOnLightThemeAttributes, secondaryThemeAttributes, secondaryOnDarkThemeAttributes, featuredThemeAttributes, destructiveThemeAttributes } from "./src/themeAttributes";

package/bpk-component-calendar/index.d.ts

@@ -1,33 +1,15 @@
-/*
- * 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.
- */
-
 import BpkCalendarContainer, { withCalendarState } from './src/BpkCalendarContainer';
+import BpkCalendarDate, { ROW_TYPES, SELECTION_TYPES } from './src/BpkCalendarDate';
 import BpkCalendarGrid, { BpkCalendarGridWithTransition } from './src/BpkCalendarGrid';
-import type { Props as BpkCalendarGridProps } from './src/BpkCalendarGrid';
 import BpkCalendarGridHeader from './src/BpkCalendarGridHeader';
 import BpkCalendarNav from './src/BpkCalendarNav';
-import BpkCalendarDate, { ROW_TYPES, SELECTION_TYPES } from './src/BpkCalendarDate';
-import type { Props as BpkCalendarDateProps } from './src/BpkCalendarDate';
 import composeCalendar from './src/composeCalendar';
 import { CALENDAR_SELECTION_TYPE } from './src/custom-proptypes';
-import type { DaysOfWeek, ReactComponent, WeekDay, WeekDayKey, SelectionConfiguration } from './src/custom-proptypes';
 import CustomPropTypes, { BpkCalendarGridPropTypes, BpkCalendarDatePropTypes } from './src/custom-proptypes-legacy';
 import * as DateUtils from './src/date-utils';
 import themeAttributes from './src/themeAttributes';
+import type { Props as BpkCalendarDateProps } from './src/BpkCalendarDate';
+import type { Props as BpkCalendarGridProps } from './src/BpkCalendarGrid';
+import type { DaysOfWeek, ReactComponent, WeekDay, WeekDayKey, SelectionConfiguration } from './src/custom-proptypes';
 export default BpkCalendarContainer;
 export { BpkCalendarGrid, BpkCalendarGridHeader, BpkCalendarNav, BpkCalendarDate, DateUtils, CALENDAR_SELECTION_TYPE, DaysOfWeek, ReactComponent, WeekDay, WeekDayKey, SelectionConfiguration, ROW_TYPES, SELECTION_TYPES, composeCalendar, withCalendarState, themeAttributes, BpkCalendarGridWithTransition, CustomPropTypes, BpkCalendarGridPropTypes, BpkCalendarDatePropTypes, BpkCalendarDateProps, BpkCalendarGridProps, };

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

@@ -1,21 +1,3 @@
-/*
- * 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.
- */
-
 import type { ComponentType } from 'react';
 import type { SelectionConfiguration } from './custom-proptypes';
 export type Props = {
@@ -41,6 +23,9 @@ export type Props = {
     initiallyFocusedDate?: Date | null;
     markToday?: boolean;
     markOutsideDays?: boolean;
+    /**
+     * Sets the height of month rows in 'rem' units. If not specified, the default value of `2.75rem` will be used.
+     */
     customRowHeight?: number;
 };
 type InjectedProps = {
@@ -106,7 +91,6 @@ declare const withCalendarState: <P extends object>(Calendar: ComponentType<P>)
         initiallyFocusedDate: null;
         markToday: boolean;
         markOutsideDays: boolean;
-        customRowHeight?: number;
     };
     contextType?: import("react").Context<any> | undefined;
 };
@@ -159,7 +143,6 @@ declare const _default: {
         initiallyFocusedDate: null;
         markToday: boolean;
         markOutsideDays: boolean;
-        customRowHeight?: number;
     };
     contextType?: import("react").Context<any> | undefined;
 };

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

@@ -1,21 +1,3 @@
-/*
- * 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.
- */
-
 import type { KeyboardEvent } from 'react';
 import { PureComponent } from 'react';
 import type { DateModifiers } from './custom-proptypes';

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

@@ -1,21 +1,3 @@
-/*
- * 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.
- */
-
 import type { ElementType } from 'react';
 import { Component } from 'react';
 import type { DateModifiers, SelectionConfiguration } from './custom-proptypes';
@@ -72,7 +54,7 @@ declare const BpkCalendarGridWithTransition: typeof BpkCalendarGrid | ((props: O
      */
     weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
 } & {
-    TransitionComponent: ElementType<any>;
+    TransitionComponent: ElementType;
 } & {
     [rest: string]: any;
     className?: string | null | undefined;

package/bpk-component-calendar/src/BpkCalendarGrid.js

@@ -19,7 +19,7 @@
 import { Component } from 'react';
 import { cssModules, isDeviceIos } from "../../bpk-react-utils";
 import { addCalendarGridTransition } from "./BpkCalendarGridTransition";
-import Week from "./Week";
+import BpkCalendarWeek from "./BpkCalendarWeek";
 import { CALENDAR_SELECTION_TYPE } from "./custom-proptypes";
 import { addMonths, formatIsoDate, getCalendarMonthWeeks, isSameMonth } from "./date-utils";
 import STYLES from "./BpkCalendarGrid.module.css";
@@ -30,9 +30,6 @@ import STYLES from "./BpkCalendarGrid.module.css";
 
 // This is because the calendar with transiction is expected to have a fixed width and whenever `bpk-calendar-grid-transition__grid`
 // class is applyed it should override the calendar style.
-
-// NOTE that ./Week is also importing ./BpkCalendarGrid.module.css so adding this after `./Week` would also do the job but
-// for clarity we should leave it here.
 import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 /*
@@ -105,7 +102,7 @@ class BpkCalendarGrid extends Component {
       className: classNames,
       "aria-hidden": !isKeyboardFocusable,
       children: /*#__PURE__*/_jsx("div", {
-        children: calendarMonthWeeks.map(dates => /*#__PURE__*/_jsx(Week, {
+        children: calendarMonthWeeks.map(dates => /*#__PURE__*/_jsx(BpkCalendarWeek, {
           month: month,
           dates: dates,
           onDateClick: onDateClick,

package/bpk-component-calendar/src/BpkCalendarGrid.module.css

@@ -15,4 +15,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-.bpk-calendar-grid{border-collapse:separate;border-spacing:0}.bpk-calendar-grid--animating{z-index:1;transition:transform .2s ease-in-out}.bpk-calendar-grid__caption{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0)}.bpk-calendar-grid__date{width:100%;text-align:center}.bpk-calendar-grid__date--start{background-image:linear-gradient(to right, rgb(255, 255, 255) 50%, rgb(227, 240, 255) 50%)}html[dir=rtl] .bpk-calendar-grid__date--start{background-image:linear-gradient(to left, rgb(255, 255, 255) 50%, rgb(227, 240, 255) 50%)}.bpk-calendar-grid__date--middle{background-color:#e3f0ff}.bpk-calendar-grid__date--end{background-image:linear-gradient(to left, rgb(255, 255, 255) 50%, rgb(227, 240, 255) 50%)}html[dir=rtl] .bpk-calendar-grid__date--end{background-image:linear-gradient(to right, rgb(255, 255, 255) 50%, rgb(227, 240, 255) 50%)}.bpk-calendar-grid__week{display:flex;padding-top:1.5rem}
+.bpk-calendar-grid{border-collapse:separate;border-spacing:0}.bpk-calendar-grid--animating{z-index:1;transition:transform .2s ease-in-out}.bpk-calendar-grid__caption{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0)}

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

@@ -1,21 +1,3 @@
-/*
- * 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.
- */
-
 import { PureComponent } from 'react';
 import type { DaysOfWeek, WeekDayKey } from './custom-proptypes';
 type Props = DefaultProps & {