@skyscanner/backpack-web 33.6.0 → 33.8.0

package/bpk-component-calendar/src/BpkCalendarGridTransition.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, ElementType } from 'react';
 import { Component } from 'react';
 export type Props = InjectedCalendarGridTransitionProps & {
@@ -46,11 +28,6 @@ declare class BpkCalendarGridTransition extends Component<Props, State> {
     onMonthTransitionEnd(): void;
     render(): JSX.Element;
 }
-declare const addCalendarGridTransition: <P extends {}>(TransitionComponent: ComponentType<P>) => (props: Omit<P & InjectedCalendarGridTransitionProps & {
-    [rest: string]: any;
-    className?: string | null | undefined;
-    month?: Date | undefined;
-    focusedDate?: Date | null | undefined;
-}, "TransitionComponent">) => JSX.Element;
+declare const addCalendarGridTransition: <P extends {}>(TransitionComponent: ComponentType<P>) => (props: Omit<P & Props, keyof InjectedCalendarGridTransitionProps>) => JSX.Element;
 export default BpkCalendarGridTransition;
 export { addCalendarGridTransition };

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

@@ -141,10 +141,7 @@ class BpkCalendarGridTransition extends Component {
           preventKeyboardFocus: index !== 1 || rest.preventKeyboardFocus,
           isKeyboardFocusable: !isTransitioning && index === 1,
           focusedDate: index === 1 ? focusedDate : getFocusedDateForMonth(m, focusedDate, rest.minDate, rest.maxDate),
-          "aria-hidden": index !== 1
-          // TODO: className to be removed
-          // eslint-disable-next-line @skyscanner/rules/forbid-component-props
-          ,
+          "aria-hidden": index !== 1,
           className: getClassName('bpk-calendar-grid-transition__grid')
         }) : /*#__PURE__*/_jsx("div", {
           className: getClassName('bpk-calendar-grid-transition__dummy')

package/bpk-component-calendar/src/BpkCalendarNav.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 { ChangeEvent, MouseEvent } from 'react';
 type MonthChangeEvent = ChangeEvent<HTMLInputElement> | MouseEvent<HTMLButtonElement>;
 type Props = {

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

@@ -16,10 +16,9 @@
  * limitations under the License.
  */
 
+import { textColors } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
 import BpkAriaLive from "../../bpk-component-aria-live";
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import ArrowLeftIcon from "../../bpk-component-icon/lg/arrow-left";
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import ArrowRightIcon from "../../bpk-component-icon/lg/arrow-right";
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import BpkSelect from "../../bpk-component-select";
@@ -91,11 +90,12 @@ const BpkCalendarNav = ({
             start: min,
             end: max
           }),
-          children: [/*#__PURE__*/_jsx(ArrowLeftIcon
-          // TODO: className to be removed
-          // eslint-disable-next-line @skyscanner/rules/forbid-component-props
-          , {
-            className: getClassName('bpk-calendar-nav__icon')
+          children: [/*#__PURE__*/_jsx(ArrowLeftIcon, {
+            className: getClassName('bpk-calendar-nav__icon'),
+            fill: disabled || !isWithinRange(prevMonth, {
+              start: min,
+              end: max
+            }) ? textColors.textDisabledDay : 'currentcolor'
           }), /*#__PURE__*/_jsx("span", {
             className: getClassName('bpk-calendar-nav__text--hidden'),
             children: previousMonthLabel
@@ -141,11 +141,12 @@ const BpkCalendarNav = ({
             start: min,
             end: max
           }),
-          children: [/*#__PURE__*/_jsx(ArrowRightIcon
-          // TODO: className to be removed
-          // eslint-disable-next-line @skyscanner/rules/forbid-component-props
-          , {
-            className: getClassName('bpk-calendar-nav__icon')
+          children: [/*#__PURE__*/_jsx(ArrowRightIcon, {
+            className: getClassName('bpk-calendar-nav__icon'),
+            fill: disabled || !isWithinRange(addMonths(baseMonth, 1), {
+              start: min,
+              end: max
+            }) ? textColors.textDisabledDay : 'currentcolor'
           }), /*#__PURE__*/_jsx("span", {
             className: getClassName('bpk-calendar-nav__text--hidden'),
             children: nextMonthLabel

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

@@ -15,4 +15,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-.bpk-calendar-nav{display:table}.bpk-calendar-nav__month{display:table-cell;text-align:center}.bpk-calendar-nav__nudger{display:table-cell;padding:0 .5rem;text-align:center;vertical-align:middle;box-sizing:border-box}.bpk-calendar-nav__button{width:100%;height:2.25rem;padding:.375rem 0;border:none;background:none;cursor:pointer;appearance:none;color:#161616;color:var(--bpk-calendar-nudger-icon-color, rgb(22, 22, 22))}.bpk-no-touch-support .bpk-calendar-nav__button:hover:not(:active):not(:disabled){color:#161616;color:var(--bpk-calendar-nudger-icon-hover-color, rgb(22, 22, 22))}:global(.bpk-no-touch-support) .bpk-calendar-nav__button:hover:not(:active):not(:disabled){color:#161616;color:var(--bpk-calendar-nudger-icon-hover-color, rgb(22, 22, 22))}.bpk-calendar-nav__button:active{color:#161616;color:var(--bpk-calendar-nudger-icon-active-color, rgb(22, 22, 22))}.bpk-calendar-nav__button .bpk-calendar-nav__icon{fill:currentcolor}html[dir=rtl] .bpk-calendar-nav__button .bpk-calendar-nav__icon{transform:scaleX(-1)}.bpk-calendar-nav__button:disabled{cursor:not-allowed}.bpk-calendar-nav__button:disabled .bpk-calendar-nav__icon{fill:rgba(0,0,0,.2)}.bpk-calendar-nav__text--hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0)}
+.bpk-calendar-nav{display:table}.bpk-calendar-nav__month{display:table-cell;text-align:center}.bpk-calendar-nav__nudger{display:table-cell;padding:0 .5rem;text-align:center;vertical-align:middle;box-sizing:border-box}.bpk-calendar-nav__button{width:100%;height:2.25rem;padding:.375rem 0;border:none;background:none;cursor:pointer;appearance:none;color:#161616;color:var(--bpk-calendar-nudger-icon-color, rgb(22, 22, 22))}.bpk-no-touch-support .bpk-calendar-nav__button:hover:not(:active):not(:disabled){color:#161616;color:var(--bpk-calendar-nudger-icon-hover-color, rgb(22, 22, 22))}:global(.bpk-no-touch-support) .bpk-calendar-nav__button:hover:not(:active):not(:disabled){color:#161616;color:var(--bpk-calendar-nudger-icon-hover-color, rgb(22, 22, 22))}.bpk-calendar-nav__button:active{color:#161616;color:var(--bpk-calendar-nudger-icon-active-color, rgb(22, 22, 22))}html[dir=rtl] .bpk-calendar-nav__button .bpk-calendar-nav__icon{transform:scaleX(-1)}.bpk-calendar-nav__button:disabled{cursor:not-allowed}.bpk-calendar-nav__text--hidden{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/{Week.d.ts → BpkCalendarWeek.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';
@@ -43,9 +25,9 @@ type DefaultProps = {
     cellClassName?: string | null;
     selectionConfiguration?: SelectionConfiguration;
 };
-declare class Week extends Component<Props> {
+declare class BpkCalendarWeek extends Component<Props> {
     static defaultProps: DefaultProps;
     shouldComponentUpdate(nextProps: Props): boolean;
     render(): JSX.Element | null;
 }
-export default Week;
+export default BpkCalendarWeek;

package/bpk-component-calendar/src/{Week.js → BpkCalendarWeek.js}

@@ -21,10 +21,7 @@ import { cssModules } from "../../bpk-react-utils";
 import { SELECTION_TYPES } from "./BpkCalendarDate";
 import { CALENDAR_SELECTION_TYPE } from "./custom-proptypes";
 import { isSameDay, isSameWeek, isSameMonth, isToday, isWithinRange, startOfMonth, endOfMonth } from "./date-utils";
-// TODO: Move this to `Week.scss`
-// This should be using its own css file as `BpkCalendarGrid` is also importing `BpkCalendarGrid.module.css`
-// and the order of css imports can break the component.
-import STYLES from "./BpkCalendarGrid.module.css";
+import STYLES from "./BpkCalendarWeek.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const shallowEqualProps = (props1, props2, propList) => {
@@ -175,9 +172,9 @@ const rangeDateHandler = (props, nextProps) => {
   return false;
 };
 /*
-  Week - table row containing a week full of DateContainer components
+  BpkCalendarWeek - table row containing a week full of DateContainer components
 */
-class Week extends Component {
+class BpkCalendarWeek extends Component {
   static defaultProps = {
     dateProps: {},
     focusedDate: null,
@@ -271,17 +268,14 @@ class Week extends Component {
       }
     }
     return /*#__PURE__*/_jsx("div", {
-      className: getClassName('bpk-calendar-grid__week'),
+      className: getClassName('bpk-calendar-week'),
       children: this.props.dates.map(date => {
         const isBlocked = minDate && maxDate ? !isWithinRange(date, {
           start: minDate,
           end: maxDate
         }) : false;
         const dateSelectionType = getSelectionType(date, selectionConfiguration, formatDateFull, month, weekStartsOn, ignoreOutsideDate);
-        return /*#__PURE__*/_jsx(DateContainer
-        // TODO: className to be removed
-        // eslint-disable-next-line @skyscanner/rules/forbid-component-props
-        , {
+        return /*#__PURE__*/_jsx(DateContainer, {
           className: cellClassName,
           isEmptyCell: !isSameMonth(date, month) && ignoreOutsideDate,
           isBlocked: isBlocked,
@@ -317,11 +311,11 @@ const DateContainer = ({
   isEmptyCell,
   selectionType
 }) => {
-  const classNames = getClassName('bpk-calendar-grid__date', `bpk-calendar-grid__date--${selectionType}`, className);
+  const classNames = getClassName('bpk-calendar-week__date', `bpk-calendar-week__date--${selectionType}`, className);
   return /*#__PURE__*/_jsx("div", {
     "aria-hidden": isEmptyCell || isBlocked,
     className: classNames,
     children: children
   });
 };
-export default Week;
+export default BpkCalendarWeek;

package/bpk-component-calendar/src/BpkCalendarWeek.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-calendar-week{display:flex;padding-top:1.5rem}.bpk-calendar-week__date{width:100%;text-align:center}.bpk-calendar-week__date--start{background-image:linear-gradient(to right, rgb(255, 255, 255) 50%, rgb(227, 240, 255) 50%)}html[dir=rtl] .bpk-calendar-week__date--start{background-image:linear-gradient(to left, rgb(255, 255, 255) 50%, rgb(227, 240, 255) 50%)}.bpk-calendar-week__date--middle{background-color:#e3f0ff}.bpk-calendar-week__date--end{background-image:linear-gradient(to left, rgb(255, 255, 255) 50%, rgb(227, 240, 255) 50%)}html[dir=rtl] .bpk-calendar-week__date--end{background-image:linear-gradient(to right, rgb(255, 255, 255) 50%, rgb(227, 240, 255) 50%)}

package/bpk-component-calendar/src/composeCalendar.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 { DaysOfWeek, SelectionConfiguration, DateModifiers } from './custom-proptypes';
 export type Props = {

package/bpk-component-calendar/src/custom-proptypes.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 { ReactElement } from 'react';
 export declare const CALENDAR_SELECTION_TYPE: {
     readonly single: "single";

package/bpk-component-calendar/src/date-utils.d.ts

@@ -1,40 +1,22 @@
-/*
- * 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 { startOfMonth } from 'date-fns/startOfMonth';
+import { addDays } from 'date-fns/addDays';
+import { addMonths } from 'date-fns/addMonths';
+import { differenceInCalendarMonths } from 'date-fns/differenceInCalendarMonths';
 import { endOfMonth } from 'date-fns/endOfMonth';
-import { lastDayOfMonth } from 'date-fns/lastDayOfMonth';
+import { format } from 'date-fns/format';
 import { getDay } from 'date-fns/getDay';
-import { isWithinInterval as isWithinRange } from 'date-fns/isWithinInterval';
-import { isToday } from 'date-fns/isToday';
-import { isSaturday } from 'date-fns/isSaturday';
-import { isSunday } from 'date-fns/isSunday';
+import { isAfter } from 'date-fns/isAfter';
+import { isBefore } from 'date-fns/isBefore';
 import { isSameDay } from 'date-fns/isSameDay';
-import { isSameWeek } from 'date-fns/isSameWeek';
 import { isSameMonth } from 'date-fns/isSameMonth';
-import { isBefore } from 'date-fns/isBefore';
-import { isAfter } from 'date-fns/isAfter';
-import { differenceInCalendarMonths } from 'date-fns/differenceInCalendarMonths';
-import { addDays } from 'date-fns/addDays';
-import { addMonths } from 'date-fns/addMonths';
-import { startOfDay } from 'date-fns/startOfDay';
+import { isSameWeek } from 'date-fns/isSameWeek';
+import { isSaturday } from 'date-fns/isSaturday';
+import { isSunday } from 'date-fns/isSunday';
+import { isToday } from 'date-fns/isToday';
+import { isWithinInterval as isWithinRange } from 'date-fns/isWithinInterval';
+import { lastDayOfMonth } from 'date-fns/lastDayOfMonth';
 import { parseISO } from 'date-fns/parseISO';
-import { format } from 'date-fns/format';
+import { startOfDay } from 'date-fns/startOfDay';
+import { startOfMonth } from 'date-fns/startOfMonth';
 import type { DaysOfWeek } from './custom-proptypes';
 declare function daysInMonth(year: number, month: number): number;
 declare function getCalendarMonthWeeks(date: Date, weekStartsOn: number): Date[][];

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

@@ -0,0 +1,2 @@
+declare const _default: string[];
+export default _default;

package/bpk-component-calendar/src/utils.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.
- */
-
 export declare const getCalendarGridWidth: (multiplier?: number) => string;
 export declare const getTransformStyles: (transformValue: string) => {
     transform: string;

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

@@ -16,8 +16,7 @@
  * limitations under the License.
  */
 
-import { calendarDaySize, calendarDaySpacing // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
-} from '@skyscanner/bpk-foundations-web/tokens/base.es6';
+import { calendarDaySize, calendarDaySpacing } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
 const CSS_UNIT_REGEX = /(^[+-]?(?:\d*\.)?\d+)(.+)/i;
 const splitToken = value => {
   const match = value.match(CSS_UNIT_REGEX);

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

@@ -1,24 +1,5 @@
-/*
- * 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 BpkCard from './src/BpkCard';
 import BpkCardWrapper from './src/BpkCardWrapper';
 import BpkDividedCard, { ORIENTATION } from './src/BpkDividedCard';
-
 export { ORIENTATION, BpkDividedCard, BpkCardWrapper };
 export default BpkCard;

package/bpk-component-card/src/BpkCard.d.ts

@@ -1,39 +1,12 @@
-/*
- * 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';
-
 type Props = {
-  children: ReactNode | string;
-  className?: string | null;
-  href?: string | null;
-  padded?: boolean;
-  blank?: boolean;
-  atomic?: boolean;
-  [rest: string]: any;
+    children: ReactNode | string;
+    className?: string | null;
+    href?: string | null;
+    padded?: boolean;
+    blank?: boolean;
+    atomic?: boolean;
+    [rest: string]: any;
 };
-declare const BpkCard: ({
-  atomic,
-  blank,
-  children,
-  className,
-  href,
-  padded,
-  ...rest
-}: Props) => JSX.Element;
+declare const BpkCard: ({ atomic, blank, children, className, href, padded, ...rest }: Props) => JSX.Element;
 export default BpkCard;

package/bpk-component-card/src/BpkCardWrapper.d.ts

@@ -1,33 +1,9 @@
-/*
- * 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';
-
 type Props = {
-  card: ReactNode;
-  className?: string | null;
-  backgroundColor: string;
-  header: ReactNode;
+    card: ReactNode;
+    className?: string | null;
+    backgroundColor: string;
+    header: ReactNode;
 };
-declare const BpkCardWrapper: ({
-  backgroundColor,
-  card,
-  className,
-  header,
-}: Props) => JSX.Element;
+declare const BpkCardWrapper: ({ backgroundColor, card, className, header, }: Props) => JSX.Element;
 export default BpkCardWrapper;

package/bpk-component-card/src/BpkDividedCard.d.ts

@@ -1,43 +1,16 @@
-/*
- * 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';
-
 export declare const ORIENTATION: {
-  readonly horizontal: 'horizontal';
-  readonly vertical: 'vertical';
+    readonly horizontal: "horizontal";
+    readonly vertical: "vertical";
 };
 export type Props = {
-  primaryContent: ReactNode;
-  secondaryContent: ReactNode;
-  orientation?: typeof ORIENTATION[keyof typeof ORIENTATION];
-  href?: string | null;
-  className?: string | null;
-  isElevated?: boolean;
-  [rest: string]: any;
+    primaryContent: ReactNode;
+    secondaryContent: ReactNode;
+    orientation?: (typeof ORIENTATION)[keyof typeof ORIENTATION];
+    href?: string | null;
+    className?: string | null;
+    isElevated?: boolean;
+    [rest: string]: any;
 };
-declare const BpkDividedCard: ({
-  className,
-  href,
-  isElevated,
-  orientation,
-  primaryContent,
-  secondaryContent,
-  ...rest
-}: Props) => JSX.Element;
+declare const BpkDividedCard: ({ className, href, isElevated, orientation, primaryContent, secondaryContent, ...rest }: Props) => JSX.Element;
 export default BpkDividedCard;

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

@@ -0,0 +1,2 @@
+import BpkSaveButton, { SIZE_TYPES, STYLE_TYPES } from './src/BpkSaveButton';
+export { BpkSaveButton, SIZE_TYPES, STYLE_TYPES };

package/bpk-component-card-button/src/BpkSaveButton.d.ts

@@ -1,45 +1,21 @@
-/*
- * 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 } from 'react';
 export declare const SIZE_TYPES: {
-  default: 'default';
-  small: 'small';
+    readonly default: "default";
+    readonly small: "small";
 };
 export type SizeType = (typeof SIZE_TYPES)[keyof typeof SIZE_TYPES];
 export declare const STYLE_TYPES: {
-  default: 'default';
-  contained: 'contained';
-  onDark: 'onDark';
+    readonly default: "default";
+    readonly contained: "contained";
+    readonly onDark: "onDark";
 };
 export type StyleType = (typeof STYLE_TYPES)[keyof typeof STYLE_TYPES];
 type Props = {
-  checked: boolean;
-  accessibilityLabel: string;
-  onCheckedChange: (e: MouseEvent) => void;
-  size?: SizeType;
-  style?: StyleType;
+    checked: boolean;
+    accessibilityLabel: string;
+    onCheckedChange: (e: MouseEvent) => void;
+    size?: SizeType;
+    style?: StyleType;
 };
-declare const BpkSaveButton: ({
-  checked,
-  accessibilityLabel,
-  onCheckedChange,
-  size,
-  style,
-}: Props) => JSX.Element;
+declare const BpkSaveButton: ({ accessibilityLabel, checked, onCheckedChange, size, style, }: Props) => JSX.Element;
 export default BpkSaveButton;

package/bpk-component-card-button/src/BpkSaveButton.js

@@ -19,13 +19,9 @@
 import { useState } from 'react';
 import { BpkButtonV2 } from "../../bpk-component-button";
 import { withLargeButtonAlignment } from "../../bpk-component-icon";
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import BpkHeartIcon from "../../bpk-component-icon/lg/heart";
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import BpkHeartOutlineIcon from "../../bpk-component-icon/lg/heart--outline";
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import BpkHeartIconSm from "../../bpk-component-icon/sm/heart";
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import BpkHeartOutlineIconSm from "../../bpk-component-icon/sm/heart--outline";
 import { cssModules } from "../../bpk-react-utils";
 import STYLES from "./BpkSaveButton.module.css";