@skyscanner/backpack-web 23.2.2 → 23.3.0

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

@@ -4,13 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _bpkReactUtils = require("../../bpk-react-utils");
-var _customProptypes = _interopRequireWildcard(require("./custom-proptypes"));
+var _customProptypes = require("./custom-proptypes");
 var _BpkCalendarModule = _interopRequireDefault(require("./BpkCalendar.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -35,38 +32,40 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
                                                                                                                                                                                                                                                                                                                                                                                            */
 const getClassName = (0, _bpkReactUtils.cssModules)(_BpkCalendarModule.default);
 const composeCalendar = (Nav, GridHeader, Grid, CalendarDate) => {
-  const BpkCalendar = props => {
+  const BpkCalendar = ({
+    changeMonthLabel = null,
+    className = null,
+    dateModifiers = {},
+    dateProps = {},
+    daysOfWeek,
+    fixedWidth = true,
+    focusedDate = null,
+    formatDateFull,
+    formatMonth,
+    gridClassName = null,
+    gridProps = {},
+    headerProps = {},
+    id,
+    markOutsideDays = true,
+    markToday = true,
+    maxDate,
+    minDate,
+    month,
+    navProps = {},
+    nextMonthLabel = null,
+    onDateClick = () => {},
+    onDateKeyDown = () => {},
+    onMonthChange = () => {},
+    preventKeyboardFocus = false,
+    previousMonthLabel = null,
+    selectionConfiguration = {
+      type: _customProptypes.CALENDAR_SELECTION_TYPE.single,
+      date: null
+    },
+    weekDayKey = 'nameAbbr',
+    weekStartsOn
+  }) => {
     const classNames = [getClassName('bpk-calendar')];
-    const {
-      changeMonthLabel,
-      className,
-      dateModifiers,
-      dateProps,
-      daysOfWeek,
-      fixedWidth,
-      focusedDate,
-      formatDateFull,
-      formatMonth,
-      gridClassName,
-      gridProps,
-      headerProps,
-      id,
-      markOutsideDays,
-      markToday,
-      maxDate,
-      minDate,
-      month,
-      navProps,
-      nextMonthLabel,
-      onDateClick,
-      onDateKeyDown,
-      onMonthChange,
-      preventKeyboardFocus,
-      previousMonthLabel,
-      selectionConfiguration,
-      weekDayKey,
-      weekStartsOn
-    } = props;
     if (className) {
       classNames.push(className);
     }
@@ -127,66 +126,6 @@ const composeCalendar = (Nav, GridHeader, Grid, CalendarDate) => {
       }, gridProps))]
     });
   };
-  BpkCalendar.propTypes = {
-    // Required
-    changeMonthLabel: Nav ? _propTypes.default.string.isRequired : _propTypes.default.string,
-    daysOfWeek: _customProptypes.default.DaysOfWeek.isRequired,
-    formatDateFull: _propTypes.default.func.isRequired,
-    formatMonth: _propTypes.default.func.isRequired,
-    id: _propTypes.default.string.isRequired,
-    maxDate: _propTypes.default.instanceOf(Date).isRequired,
-    minDate: _propTypes.default.instanceOf(Date).isRequired,
-    month: _propTypes.default.instanceOf(Date).isRequired,
-    nextMonthLabel: Nav ? _propTypes.default.string.isRequired : _propTypes.default.string,
-    previousMonthLabel: Nav ? _propTypes.default.string.isRequired : _propTypes.default.string,
-    weekStartsOn: _propTypes.default.number.isRequired,
-    // Optional
-    className: _propTypes.default.string,
-    dateModifiers: _customProptypes.default.DateModifiers,
-    fixedWidth: _propTypes.default.bool,
-    focusedDate: _propTypes.default.instanceOf(Date),
-    markOutsideDays: _propTypes.default.bool,
-    markToday: _propTypes.default.bool,
-    onMonthChange: _propTypes.default.func,
-    onDateClick: _propTypes.default.func,
-    onDateKeyDown: _propTypes.default.func,
-    preventKeyboardFocus: _propTypes.default.bool,
-    selectionConfiguration: _customProptypes.default.SelectionConfiguration,
-    gridClassName: _propTypes.default.string,
-    weekDayKey: _propTypes.default.string,
-    /* eslint-disable react/forbid-prop-types */
-    navProps: _propTypes.default.object,
-    headerProps: _propTypes.default.object,
-    gridProps: _propTypes.default.object,
-    dateProps: _propTypes.default.object
-    /* eslint-enable */
-  };
-
-  BpkCalendar.defaultProps = {
-    changeMonthLabel: null,
-    className: null,
-    dateModifiers: {},
-    fixedWidth: true,
-    focusedDate: null,
-    markOutsideDays: true,
-    markToday: true,
-    nextMonthLabel: null,
-    onMonthChange: () => null,
-    onDateClick: () => null,
-    onDateKeyDown: () => null,
-    preventKeyboardFocus: false,
-    previousMonthLabel: null,
-    selectionConfiguration: {
-      type: _customProptypes.CALENDAR_SELECTION_TYPE.single,
-      date: null
-    },
-    gridClassName: null,
-    weekDayKey: 'nameAbbr',
-    navProps: null,
-    headerProps: null,
-    gridProps: null,
-    dateProps: null
-  };
   return BpkCalendar;
 };
 var _default = composeCalendar;

package/bpk-component-calendar/src/custom-proptypes-legacy.js

@@ -0,0 +1,140 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.SELECTION_TYPES = exports.CALENDAR_SELECTION_TYPE = exports.BpkCalendarGridPropTypes = exports.BpkCalendarDatePropTypes = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _dateUtils = require("./date-utils");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/*
+ * 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.
+ */
+
+const DateType = () => props => {
+  const {
+    endDate,
+    startDate
+  } = props;
+
+  // No range selected
+  if (!startDate && !endDate) {
+    return null;
+  }
+
+  // End date without a start date is not allowed
+  if (!startDate && endDate) {
+    return new Error(`Cannot specify \`endDate\` without \`startDate\`.`);
+  }
+
+  // Start date without an end date is always valid
+  if (startDate && !endDate) {
+    return null;
+  }
+
+  // Start date cannot be after end date
+  if ((0, _dateUtils.isBefore)(endDate, startDate) && !(0, _dateUtils.isSameDay)(endDate, startDate)) {
+    return new Error(`Start date \`${startDate}\` cannot be after end date \`${endDate}\`.`);
+  }
+  return null;
+};
+const CALENDAR_SELECTION_TYPE = {
+  single: 'single',
+  range: 'range'
+};
+exports.CALENDAR_SELECTION_TYPE = CALENDAR_SELECTION_TYPE;
+const SELECTION_TYPES = {
+  none: 'none',
+  single: 'single',
+  start: 'start',
+  middle: 'middle',
+  end: 'end',
+  sameDay: 'sameDay'
+};
+exports.SELECTION_TYPES = SELECTION_TYPES;
+const SelectionConfigurationSingle = _propTypes.default.shape({
+  type: _propTypes.default.oneOf([CALENDAR_SELECTION_TYPE.single]),
+  date: _propTypes.default.instanceOf(Date)
+});
+const SelectionConfigurationRange = _propTypes.default.shape({
+  type: _propTypes.default.oneOf([CALENDAR_SELECTION_TYPE.range]),
+  startDate: DateType(),
+  endDate: DateType()
+});
+const SelectionConfiguration = _propTypes.default.oneOfType([SelectionConfigurationSingle, SelectionConfigurationRange]);
+const WeekDay = _propTypes.default.shape({
+  name: _propTypes.default.string,
+  nameAbbr: _propTypes.default.string,
+  index: _propTypes.default.number,
+  isWeekend: _propTypes.default.bool
+});
+const WeekDayKey = _propTypes.default.string;
+const DaysOfWeek = _propTypes.default.arrayOf(WeekDay);
+const DateModifiers = _propTypes.default.objectOf(_propTypes.default.func);
+const ReactComponent = _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.func]);
+const BpkCalendarGridPropTypes = {
+  // Required
+  DateComponent: _propTypes.default.elementType.isRequired,
+  formatDateFull: _propTypes.default.func.isRequired,
+  month: _propTypes.default.instanceOf(Date).isRequired,
+  weekStartsOn: _propTypes.default.number.isRequired,
+  // Optional
+  className: _propTypes.default.string,
+  cellClassName: _propTypes.default.string,
+  dateModifiers: DateModifiers,
+  focusedDate: _propTypes.default.instanceOf(Date),
+  isKeyboardFocusable: _propTypes.default.bool,
+  markOutsideDays: _propTypes.default.bool,
+  markToday: _propTypes.default.bool,
+  maxDate: _propTypes.default.instanceOf(Date),
+  minDate: _propTypes.default.instanceOf(Date),
+  onDateClick: _propTypes.default.func,
+  onDateKeyDown: _propTypes.default.func,
+  preventKeyboardFocus: _propTypes.default.bool,
+  selectionConfiguration: SelectionConfiguration,
+  ignoreOutsideDate: _propTypes.default.bool,
+  dateProps: _propTypes.default.object
+};
+exports.BpkCalendarGridPropTypes = BpkCalendarGridPropTypes;
+const BpkCalendarDatePropTypes = {
+  // Required
+  date: _propTypes.default.instanceOf(Date).isRequired,
+  // Optional
+  className: _propTypes.default.string,
+  isBlocked: _propTypes.default.bool,
+  isFocused: _propTypes.default.bool,
+  isKeyboardFocusable: _propTypes.default.bool,
+  isOutside: _propTypes.default.bool,
+  isSelected: _propTypes.default.bool,
+  isToday: _propTypes.default.bool,
+  modifiers: DateModifiers,
+  onClick: _propTypes.default.func,
+  onDateKeyDown: _propTypes.default.func,
+  preventKeyboardFocus: _propTypes.default.bool,
+  selectionType: _propTypes.default.oneOf(Object.keys(SELECTION_TYPES)),
+  style: _propTypes.default.object
+};
+exports.BpkCalendarDatePropTypes = BpkCalendarDatePropTypes;
+var _default = {
+  SelectionConfiguration,
+  DateModifiers,
+  DaysOfWeek,
+  ReactComponent,
+  WeekDay,
+  WeekDayKey
+};
+exports.default = _default;

package/bpk-component-calendar/src/custom-proptypes.d.ts

@@ -0,0 +1,46 @@
+/*
+ * 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";
+    readonly range: "range";
+};
+export type SelectionConfigurationSingle = {
+    type: typeof CALENDAR_SELECTION_TYPE.single;
+    date: Date | null;
+};
+export type SelectionConfigurationRange = {
+    type: typeof CALENDAR_SELECTION_TYPE.range;
+    startDate: Date | null;
+    endDate: Date | null;
+};
+export type SelectionConfiguration = SelectionConfigurationSingle | SelectionConfigurationRange;
+export type WeekDay = {
+    name: string;
+    nameAbbr: string;
+    index: number;
+    isWeekend: boolean;
+    [key: string]: any;
+};
+export type WeekDayKey = string;
+export type DaysOfWeek = WeekDay[];
+export type DateModifiers = {
+    [key: string]: Function;
+};
+export type ReactComponent = string | ((props: any) => ReactElement);

package/bpk-component-calendar/src/custom-proptypes.js

@@ -3,10 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.CALENDAR_SELECTION_TYPE = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _dateUtils = require("./date-utils");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+exports.CALENDAR_SELECTION_TYPE = void 0;
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -25,64 +22,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * limitations under the License.
  */
 
-const DateType = () => props => {
-  const {
-    endDate,
-    startDate
-  } = props;
-
-  // No range selected
-  if (!startDate && !endDate) {
-    return null;
-  }
-
-  // End date without a start date is not allowed
-  if (!startDate && endDate) {
-    return new Error(`Cannot specify \`endDate\` without \`startDate\`.`);
-  }
-
-  // Start date without an end date is always valid
-  if (startDate && !endDate) {
-    return null;
-  }
-
-  // Start date cannot be after end date
-  if ((0, _dateUtils.isBefore)(endDate, startDate) && !(0, _dateUtils.isSameDay)(endDate, startDate)) {
-    return new Error(`Start date \`${startDate}\` cannot be after end date \`${endDate}\`.`);
-  }
-  return null;
-};
 const CALENDAR_SELECTION_TYPE = {
   single: 'single',
   range: 'range'
 };
-exports.CALENDAR_SELECTION_TYPE = CALENDAR_SELECTION_TYPE;
-const SelectionConfigurationSingle = _propTypes.default.shape({
-  type: _propTypes.default.oneOf([CALENDAR_SELECTION_TYPE.single]),
-  date: _propTypes.default.instanceOf(Date)
-});
-const SelectionConfigurationRange = _propTypes.default.shape({
-  type: _propTypes.default.oneOf([CALENDAR_SELECTION_TYPE.range]),
-  startDate: DateType(),
-  endDate: DateType()
-});
-const SelectionConfiguration = _propTypes.default.oneOfType([SelectionConfigurationSingle, SelectionConfigurationRange]);
-const WeekDay = _propTypes.default.shape({
-  name: _propTypes.default.string,
-  nameAbbr: _propTypes.default.string,
-  index: _propTypes.default.number,
-  isWeekend: _propTypes.default.bool
-});
-const WeekDayKey = _propTypes.default.string;
-const DaysOfWeek = _propTypes.default.arrayOf(WeekDay);
-const DateModifiers = _propTypes.default.objectOf(_propTypes.default.func);
-const ReactComponent = _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.func]);
-var _default = {
-  SelectionConfiguration,
-  DateModifiers,
-  DaysOfWeek,
-  ReactComponent,
-  WeekDay,
-  WeekDayKey
-};
-exports.default = _default;
+exports.CALENDAR_SELECTION_TYPE = CALENDAR_SELECTION_TYPE;

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

@@ -0,0 +1,54 @@
+/*
+ * 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 endOfMonth from 'date-fns/endOfMonth';
+import lastDayOfMonth from 'date-fns/lastDayOfMonth';
+import getDay from 'date-fns/getDay';
+import isWithinRange from 'date-fns/isWithinInterval';
+import isToday from 'date-fns/isToday';
+import isSaturday from 'date-fns/isSaturday';
+import isSunday from 'date-fns/isSunday';
+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 parseISO from 'date-fns/parseISO';
+import format from 'date-fns/format';
+import type { DaysOfWeek } from './custom-proptypes';
+declare function daysInMonth(year: number, month: number): number;
+declare function getCalendarMonthWeeks(date: Date, weekStartsOn: number): Date[][];
+declare function getLastDayOfWeekend(daysOfWeek: DaysOfWeek): number;
+declare function getFirstDayOfWeekend(daysOfWeek: DaysOfWeek): number;
+declare const orderDaysOfWeek: (daysOfWeek: DaysOfWeek, weekStartsOn: number) => import("./custom-proptypes").WeekDay[];
+declare function getMonthRange(from: Date, to: Date): {
+    min: Date;
+    max: Date;
+};
+declare function getMonthsInRange(from: Date, to: Date): Date[];
+declare const dateToBoundaries: (date: Date | null, minDate: Date, maxDate: Date) => Date;
+declare const setMonthYear: (date: Date | null, newMonth: number, newYear: number) => Date;
+declare const parseIsoDate: typeof parseISO;
+declare const formatIsoDate: (date: Date) => string;
+declare const formatIsoMonth: (date: Date) => string;
+export { getCalendarMonthWeeks, getFirstDayOfWeekend, getLastDayOfWeekend, getMonthsInRange, getMonthRange, getDay, dateToBoundaries, isWithinRange, isSaturday, isSunday, isToday, isSameDay, isSameWeek, isSameMonth, isBefore, isAfter, differenceInCalendarMonths, addMonths, addDays, orderDaysOfWeek, setMonthYear, startOfMonth, lastDayOfMonth, startOfDay, format, daysInMonth, formatIsoDate, formatIsoMonth, parseIsoDate, endOfMonth, };

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

@@ -0,0 +1,26 @@
+/*
+ * 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;
+    msTransform: string;
+    MozTransform: string;
+    WebkitTransform: string;
+};
+export declare const isTransitionEndSupported: () => boolean;

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

@@ -38,6 +38,7 @@ const getCalendarGridWidth = (multiplier = 1) => {
   if (sizeUnit !== spacingUnit) {
     throw new Error(`'calendarDaySize' and 'calendarDaySpacing' must use the same unit. Got ${sizeUnit} and ${spacingUnit}`);
   }
+  // @ts-expect-error TS doesn't correctly read the size and spacing values type i.e. numbers as returned by parseFloat
   const width = multiplier * (7 * (sizeValue + 2 * spacingValue));
   return `${width}${sizeUnit}`;
 };

package/bpk-component-calendar/test-utils.d.ts

@@ -0,0 +1,56 @@
+/*
+ * 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 formatDateFull: (date: Date) => string;
+export declare const formatDateFullArabic: (date: Date) => string;
+export declare const formatDateFullJapanese: (date: Date) => string;
+export declare const formatMonth: (date: Date) => string;
+export declare const formatMonthArabic: (date: Date) => string;
+export declare const formatMonthJapanese: (date: Date) => string;
+export declare const weekDays: {
+    name: string;
+    nameAbbr: string;
+    nameNarrow: string;
+    index: number;
+    isWeekend: boolean;
+}[];
+export declare const weekDaysMoreWeekend: {
+    name: string;
+    nameAbbr: string;
+    nameNarrow: string;
+    index: number;
+    isWeekend: boolean;
+}[];
+export declare const weekDaysArabic: {
+    name: string;
+    nameAbbr: string;
+    nameShort: string;
+    nameNarrow: string;
+    index: number;
+    cldrKey: string;
+    isWeekend: boolean;
+}[];
+export declare const weekDaysJapanese: {
+    name: string;
+    nameAbbr: string;
+    nameShort: string;
+    nameNarrow: string;
+    index: number;
+    cldrKey: string;
+    isWeekend: boolean;
+}[];

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

@@ -28,13 +28,13 @@ const formatDateFull = date => (0, _format.default)(date, 'EEEE, do MMMM yyyy');
 exports.formatDateFull = formatDateFull;
 const formatDateFullArabic = date => {
   const dateString = 'EEEE, dd، MMMM، yyyy';
-  const newString = dateString.replace('yyyy', date.getUTCFullYear());
+  const newString = dateString.replace('yyyy', `${date.getUTCFullYear()}`);
   return (0, _format.default)(date, newString);
 };
 exports.formatDateFullArabic = formatDateFullArabic;
 const formatDateFullJapanese = date => {
   const dateString = 'Y年M月d日EEEE';
-  const newString = dateString.replace('Y', date.getUTCFullYear());
+  const newString = dateString.replace('Y', `${date.getUTCFullYear()}`);
   return (0, _format.default)(date, newString);
 };
 exports.formatDateFullJapanese = formatDateFullJapanese;

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

@@ -0,0 +1,24 @@
+/*
+ * 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

@@ -0,0 +1,39 @@
+/*
+ * 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;
+};
+declare const BpkCard: ({
+  atomic,
+  blank,
+  children,
+  className,
+  href,
+  padded,
+  ...rest
+}: Props) => JSX.Element;
+export default BpkCard;