@skyscanner/backpack-web 33.3.1 → 34.0.0-premajor

package/bpk-component-button/src/BpkButtonLink.js

@@ -14,8 +14,8 @@
  * 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 { defaultProps, propTypes } from "./common-types";
-import BpkButtonBase, { cssModules } from "./BpkButtonBase";
+ */import BpkButtonBase, { cssModules } from "./BpkButtonBase";
+import { defaultProps, propTypes } from "./common-types";
 import STYLES from "./BpkButtonLink.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
@@ -33,15 +33,16 @@ const BpkButtonLink = props => {
     classNames.push(className);
   }
   const classNamesFinal = classNames.join(' ');
-  return (
-    /*#__PURE__*/
+  return /*#__PURE__*/_jsx(BpkButtonBase
+  // TODO: className to be removed
+  // eslint-disable-next-line @skyscanner/rules/forbid-component-props
+  , {
+    className: classNamesFinal,
+    large: large
     // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-    _jsx(BpkButtonBase, {
-      className: classNamesFinal,
-      large: large,
-      ...rest
-    })
-  );
+    ,
+    ...rest
+  });
 };
 BpkButtonLink.propTypes = {
   ...propTypes

package/bpk-component-button/src/BpkButtonLinkOnDark.js

@@ -14,8 +14,8 @@
  * 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 { defaultProps, propTypes } from "./common-types";
-import BpkButtonBase, { cssModules } from "./BpkButtonBase";
+ */import BpkButtonBase, { cssModules } from "./BpkButtonBase";
+import { defaultProps, propTypes } from "./common-types";
 import STYLES from "./BpkButtonLinkOnDark.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
@@ -33,15 +33,16 @@ const BpkButtonLinkOnDark = props => {
     classNames.push(className);
   }
   const classNamesFinal = classNames.join(' ');
-  return (
-    /*#__PURE__*/
+  return /*#__PURE__*/_jsx(BpkButtonBase
+  // TODO: className to be removed
+  // eslint-disable-next-line @skyscanner/rules/forbid-component-props
+  , {
+    className: classNamesFinal,
+    large: large
     // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-    _jsx(BpkButtonBase, {
-      className: classNamesFinal,
-      large: large,
-      ...rest
-    })
-  );
+    ,
+    ...rest
+  });
 };
 BpkButtonLinkOnDark.propTypes = {
   ...propTypes

package/bpk-component-button/src/BpkButtonPrimary.js

@@ -14,8 +14,8 @@
  * 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 { defaultProps, propTypes } from "./common-types";
-import BpkButtonBase from "./BpkButtonBase";
+ */import BpkButtonBase from "./BpkButtonBase";
+import { defaultProps, propTypes } from "./common-types";
 
 // TODO: BpkButtonBase has the primary button style as it wasn't removed to
 // avoid a breaking change in the mixin. Review after this is tested.

package/bpk-component-button/src/BpkButtonPrimaryOnDark.js

@@ -14,8 +14,8 @@
  * 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 { defaultProps, propTypes } from "./common-types";
-import BpkButtonBase, { cssModules } from "./BpkButtonBase";
+ */import BpkButtonBase, { cssModules } from "./BpkButtonBase";
+import { defaultProps, propTypes } from "./common-types";
 import STYLES from "./BpkButtonPrimaryOnDark.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
@@ -29,14 +29,15 @@ const BpkButtonPrimaryOnDark = props => {
     classNames.push(className);
   }
   const classNamesFinal = classNames.join(' ');
-  return (
-    /*#__PURE__*/
+  return /*#__PURE__*/_jsx(BpkButtonBase
+  // TODO: className to be removed
+  // eslint-disable-next-line @skyscanner/rules/forbid-component-props
+  , {
+    className: classNamesFinal
     // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-    _jsx(BpkButtonBase, {
-      className: classNamesFinal,
-      ...rest
-    })
-  );
+    ,
+    ...rest
+  });
 };
 BpkButtonPrimaryOnDark.propTypes = {
   ...propTypes

package/bpk-component-button/src/BpkButtonPrimaryOnLight.js

@@ -14,8 +14,8 @@
  * 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 { defaultProps, propTypes } from "./common-types";
-import BpkButtonBase, { cssModules } from "./BpkButtonBase";
+ */import BpkButtonBase, { cssModules } from "./BpkButtonBase";
+import { defaultProps, propTypes } from "./common-types";
 import STYLES from "./BpkButtonPrimaryOnLight.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
@@ -29,14 +29,15 @@ const BpkButtonPrimaryOnLight = props => {
     classNames.push(className);
   }
   const classNamesFinal = classNames.join(' ');
-  return (
-    /*#__PURE__*/
+  return /*#__PURE__*/_jsx(BpkButtonBase
+  // TODO: className to be removed
+  // eslint-disable-next-line @skyscanner/rules/forbid-component-props
+  , {
+    className: classNamesFinal
     // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-    _jsx(BpkButtonBase, {
-      className: classNamesFinal,
-      ...rest
-    })
-  );
+    ,
+    ...rest
+  });
 };
 BpkButtonPrimaryOnLight.propTypes = {
   ...propTypes

package/bpk-component-button/src/BpkButtonSecondary.js

@@ -14,8 +14,8 @@
  * 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 { defaultProps, propTypes } from "./common-types";
-import BpkButtonBase, { cssModules } from "./BpkButtonBase";
+ */import BpkButtonBase, { cssModules } from "./BpkButtonBase";
+import { defaultProps, propTypes } from "./common-types";
 import STYLES from "./BpkButtonSecondary.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
@@ -29,14 +29,14 @@ const BpkButtonSecondary = props => {
     classNames.push(className);
   }
   const classNamesFinal = classNames.join(' ');
-  return (
-    /*#__PURE__*/
-    // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-    _jsx(BpkButtonBase, {
-      className: classNamesFinal,
-      ...rest
-    })
-  );
+  return /*#__PURE__*/_jsx(BpkButtonBase
+  // TODO: className to be removed
+  // eslint-disable-next-line @skyscanner/rules/forbid-component-props
+  , {
+    className: classNamesFinal // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
+    ,
+    ...rest
+  });
 };
 BpkButtonSecondary.propTypes = {
   ...propTypes

package/bpk-component-button/src/BpkButtonSecondaryOnDark.js

@@ -14,8 +14,8 @@
  * 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 { defaultProps, propTypes } from "./common-types";
-import BpkButtonBase, { cssModules } from "./BpkButtonBase";
+ */import BpkButtonBase, { cssModules } from "./BpkButtonBase";
+import { defaultProps, propTypes } from "./common-types";
 import STYLES from "./BpkButtonSecondaryOnDark.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
@@ -29,14 +29,15 @@ const BpkButtonSecondaryOnDark = props => {
     classNames.push(className);
   }
   const classNamesFinal = classNames.join(' ');
-  return (
-    /*#__PURE__*/
+  return /*#__PURE__*/_jsx(BpkButtonBase
+  // TODO: className to be removed
+  // eslint-disable-next-line @skyscanner/rules/forbid-component-props
+  , {
+    className: classNamesFinal
     // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-    _jsx(BpkButtonBase, {
-      className: classNamesFinal,
-      ...rest
-    })
-  );
+    ,
+    ...rest
+  });
 };
 BpkButtonSecondaryOnDark.propTypes = {
   ...propTypes

package/bpk-component-calendar/index.js

@@ -17,10 +17,10 @@
  */
 
 import BpkCalendarContainer, { withCalendarState } from "./src/BpkCalendarContainer";
+import BpkCalendarDate, { ROW_TYPES, SELECTION_TYPES } from "./src/BpkCalendarDate";
 import BpkCalendarGrid, { BpkCalendarGridWithTransition } from "./src/BpkCalendarGrid";
 import BpkCalendarGridHeader from "./src/BpkCalendarGridHeader";
 import BpkCalendarNav from "./src/BpkCalendarNav";
-import BpkCalendarDate, { ROW_TYPES, SELECTION_TYPES } from "./src/BpkCalendarDate";
 import composeCalendar from "./src/composeCalendar";
 import { CALENDAR_SELECTION_TYPE } from "./src/custom-proptypes";
 import CustomPropTypes, { BpkCalendarGridPropTypes, BpkCalendarDatePropTypes // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.

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

@@ -18,12 +18,12 @@
 
 import { Component } from 'react';
 import { isRTL } from "../../bpk-react-utils";
-import { CALENDAR_SELECTION_TYPE } from "./custom-proptypes";
-import BpkCalendarNav from "./BpkCalendarNav";
+import BpkCalendarDate from "./BpkCalendarDate";
 import { BpkCalendarGridWithTransition } from "./BpkCalendarGrid";
 import BpkCalendarGridHeader from "./BpkCalendarGridHeader";
-import BpkCalendarDate from "./BpkCalendarDate";
+import BpkCalendarNav from "./BpkCalendarNav";
 import composeCalendar from "./composeCalendar";
+import { CALENDAR_SELECTION_TYPE } from "./custom-proptypes";
 import { addDays, addMonths, dateToBoundaries, isAfter, isSameMonth, isSameDay, lastDayOfMonth, setMonthYear, startOfDay, startOfMonth } from "./date-utils";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**

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

@@ -18,11 +18,12 @@
 
 import { Component } from 'react';
 import { cssModules, isDeviceIos } from "../../bpk-react-utils";
+import { addCalendarGridTransition } from "./BpkCalendarGridTransition";
 import Week from "./Week";
-import { addMonths, formatIsoDate, getCalendarMonthWeeks, isSameMonth } from "./date-utils";
 import { CALENDAR_SELECTION_TYPE } from "./custom-proptypes";
+import { addMonths, formatIsoDate, getCalendarMonthWeeks, isSameMonth } from "./date-utils";
 import STYLES from "./BpkCalendarGrid.module.css";
-import { addCalendarGridTransition } from "./BpkCalendarGridTransition";
+
 // This should be imported after `./BpkCalendarGrid.module.css`.
 // Because of how css specificity works the class `bpk-calendar-grid-transition__grid` needs to be defined
 // after `bpk-calendar-grid` (defined by BpkCalendarGrid.module.css) so it can override width and display of the calendar

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{width:100%;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)}.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}

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

@@ -29,7 +29,10 @@ const WeekDayComponent = ({
   Element,
   weekDay,
   weekDayKey = 'nameAbbr'
-}) => /*#__PURE__*/_jsx(Element, {
+}) => /*#__PURE__*/_jsx(Element
+// TODO: className to be removed
+// eslint-disable-next-line @skyscanner/rules/forbid-component-props
+, {
   className: getClassName('bpk-calendar-header__weekday'),
   title: weekDay.name,
   children: /*#__PURE__*/_jsx("span", {

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

@@ -16,12 +16,11 @@
  * limitations under the License.
  */
 
-import { Component } from 'react';
+import { Component, createElement as _createElement } from 'react';
 import { cssModules, isRTL } from "../../bpk-react-utils";
-import { getCalendarGridWidth, getTransformStyles, isTransitionEndSupported } from "./utils";
 import { addMonths, isSameMonth, formatIsoMonth, differenceInCalendarMonths, dateToBoundaries, startOfDay, setMonthYear, isWithinRange, getMonthRange } from "./date-utils";
+import { getCalendarGridWidth, getTransformStyles, isTransitionEndSupported } from "./utils";
 import STYLES from "./BpkCalendarGridTransition.module.css";
-import { createElement as _createElement } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const transitionValues = {
@@ -142,7 +141,10 @@ 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,
+          "aria-hidden": index !== 1
+          // TODO: className to be removed
+          // eslint-disable-next-line @skyscanner/rules/forbid-component-props
+          ,
           className: getClassName('bpk-calendar-grid-transition__grid')
         }) : /*#__PURE__*/_jsx("div", {
           className: getClassName('bpk-calendar-grid-transition__dummy')

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

@@ -16,6 +16,7 @@
  * limitations under the License.
  */
 
+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`.
@@ -23,11 +24,9 @@ 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";
 import { cssModules } from "../../bpk-react-utils";
-import BpkAriaLive from "../../bpk-component-aria-live";
 import { addMonths, formatIsoMonth, getMonthRange, getMonthsInRange, isWithinRange, parseIsoDate, startOfMonth } from "./date-utils";
 import STYLES from "./BpkCalendarNav.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const changeMonth = ({
   callback,
@@ -92,7 +91,10 @@ const BpkCalendarNav = ({
             start: min,
             end: max
           }),
-          children: [/*#__PURE__*/_jsx(ArrowLeftIcon, {
+          children: [/*#__PURE__*/_jsx(ArrowLeftIcon
+          // TODO: className to be removed
+          // eslint-disable-next-line @skyscanner/rules/forbid-component-props
+          , {
             className: getClassName('bpk-calendar-nav__icon')
           }), /*#__PURE__*/_jsx("span", {
             className: getClassName('bpk-calendar-nav__text--hidden'),
@@ -139,7 +141,10 @@ const BpkCalendarNav = ({
             start: min,
             end: max
           }),
-          children: [/*#__PURE__*/_jsx(ArrowRightIcon, {
+          children: [/*#__PURE__*/_jsx(ArrowRightIcon
+          // TODO: className to be removed
+          // eslint-disable-next-line @skyscanner/rules/forbid-component-props
+          , {
             className: getClassName('bpk-calendar-nav__icon')
           }), /*#__PURE__*/_jsx("span", {
             className: getClassName('bpk-calendar-nav__text--hidden'),

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

@@ -18,13 +18,13 @@
 
 import { Component } from 'react';
 import { cssModules } from "../../bpk-react-utils";
-import { isSameDay, isSameWeek, isSameMonth, isToday, isWithinRange, startOfMonth, endOfMonth } from "./date-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 { SELECTION_TYPES } from "./BpkCalendarDate";
 import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const shallowEqualProps = (props1, props2, propList) => {
@@ -278,7 +278,10 @@ class Week extends Component {
           end: maxDate
         }) : false;
         const dateSelectionType = getSelectionType(date, selectionConfiguration, formatDateFull, month, weekStartsOn, ignoreOutsideDate);
-        return /*#__PURE__*/_jsx(DateContainer, {
+        return /*#__PURE__*/_jsx(DateContainer
+        // TODO: className to be removed
+        // eslint-disable-next-line @skyscanner/rules/forbid-component-props
+        , {
           className: cellClassName,
           isEmptyCell: !isSameMonth(date, month) && ignoreOutsideDate,
           isBlocked: isBlocked,

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

@@ -19,8 +19,7 @@
 import { cssModules } from "../../bpk-react-utils";
 import { CALENDAR_SELECTION_TYPE } from "./custom-proptypes";
 import STYLES from "./BpkCalendar.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const composeCalendar = (Nav, GridHeader, Grid, CalendarDate) => {
   const BpkCalendar = ({
@@ -95,7 +94,10 @@ const composeCalendar = (Nav, GridHeader, Grid, CalendarDate) => {
       }), GridHeader && /*#__PURE__*/_jsx(GridHeader, {
         daysOfWeek: daysOfWeek,
         weekStartsOn: weekStartsOn,
-        weekDayKey: weekDayKey,
+        weekDayKey: weekDayKey
+        // TODO: className to be removed
+        // eslint-disable-next-line @skyscanner/rules/forbid-component-props
+        ,
         className: headerClasses.join(' '),
         ...headerProps
       }), /*#__PURE__*/_jsx(Grid, {
@@ -113,7 +115,10 @@ const composeCalendar = (Nav, GridHeader, Grid, CalendarDate) => {
         minDate: minDate,
         focusedDate: focusedDate,
         markToday: markToday,
-        markOutsideDays: markOutsideDays,
+        markOutsideDays: markOutsideDays
+        // TODO: className to be removed
+        // eslint-disable-next-line @skyscanner/rules/forbid-component-props
+        ,
         className: gridClasses.join(' '),
         dateProps: dateProps,
         selectionConfiguration: selectionConfiguration,

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

@@ -16,27 +16,27 @@
  * 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 { 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 { setMonth } from 'date-fns/setMonth';
 import { setYear } from 'date-fns/setYear';
 import { startOfDay } from 'date-fns/startOfDay';
-import { parseISO } from 'date-fns/parseISO';
-import { format } from 'date-fns/format';
+import { startOfMonth } from 'date-fns/startOfMonth';
 const ONE_MINUTE_IN_MS = 60 * 1000;
 const ONE_HOUR_IN_MS = 60 * ONE_MINUTE_IN_MS;
 

package/bpk-component-card/src/BpkCardWrapper.js

@@ -18,8 +18,7 @@
 
 import { cssModules } from "../../bpk-react-utils";
 import STYLES from "./BpkCardWrapper.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const BpkCardWrapper = ({
   backgroundColor,

package/bpk-component-card/src/BpkDividedCard.js

@@ -19,8 +19,7 @@
 import { cssModules } from "../../bpk-react-utils";
 import BpkCard from "./BpkCard";
 import STYLES from "./BpkDividedCard.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 export const ORIENTATION = {
   horizontal: 'horizontal',
@@ -37,18 +36,23 @@ const BpkDividedCard = ({
 }) => {
   const isVertical = orientation === ORIENTATION.vertical;
   const classNames = getClassName('bpk-divided-card', isVertical ? 'bpk-divided-card--vertical' : 'bpk-divided-card--horizontal', !isElevated && 'bpk-divided-card--no-elevation', className);
-  return /*#__PURE__*/_jsxs(BpkCard, {
-    className: classNames,
-    href: href,
-    padded: false,
-    ...rest,
-    children: [/*#__PURE__*/_jsx("div", {
-      className: getClassName(!isVertical && 'bpk-divided-card__primary--horizontal'),
-      children: primaryContent
-    }), /*#__PURE__*/_jsx("div", {
-      className: getClassName(isVertical ? 'bpk-divided-card__secondary--vertical' : 'bpk-divided-card__secondary--horizontal'),
-      children: secondaryContent
-    })]
-  });
+  return (
+    /*#__PURE__*/
+    // TODO: className to be removed
+    // eslint-disable-next-line @skyscanner/rules/forbid-component-props
+    _jsxs(BpkCard, {
+      className: classNames,
+      href: href,
+      padded: false,
+      ...rest,
+      children: [/*#__PURE__*/_jsx("div", {
+        className: getClassName(!isVertical && 'bpk-divided-card__primary--horizontal'),
+        children: primaryContent
+      }), /*#__PURE__*/_jsx("div", {
+        className: getClassName(isVertical ? 'bpk-divided-card__secondary--vertical' : 'bpk-divided-card__secondary--horizontal'),
+        children: secondaryContent
+      })]
+    })
+  );
 };
 export default BpkDividedCard;

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

@@ -18,6 +18,7 @@
 
 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`.
@@ -26,11 +27,9 @@ import BpkHeartOutlineIcon from "../../bpk-component-icon/lg/heart--outline";
 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 { withLargeButtonAlignment } from "../../bpk-component-icon";
 import { cssModules } from "../../bpk-react-utils";
 import STYLES from "./BpkSaveButton.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const SIZE_TYPES = {
   default: 'default',
   small: 'small'
@@ -57,7 +56,10 @@ const BpkSaveButton = ({
   const HeartIcon = smallSize ? AlignedHeartIconSm : AlignedHeartIcon;
   const HeartOutLineIcon = smallSize ? AlignedHeartOutlineIconSm : AlignedHeartOutlineIcon;
   return /*#__PURE__*/_jsxs(BpkButtonV2, {
-    "aria-label": accessibilityLabel,
+    "aria-label": accessibilityLabel
+    // TODO: className to be removed
+    // eslint-disable-next-line @skyscanner/rules/forbid-component-props
+    ,
     className: getClassName('bpk-save-button', smallSize && 'bpk-save-button__small', `bpk-save-button__${style}`),
     onClick: e => {
       onCheckedChange(e);
@@ -66,9 +68,15 @@ const BpkSaveButton = ({
       }
     },
     iconOnly: true,
-    children: [/*#__PURE__*/_jsx(HeartIcon, {
+    children: [/*#__PURE__*/_jsx(HeartIcon
+    // TODO: className to be removed
+    // eslint-disable-next-line @skyscanner/rules/forbid-component-props
+    , {
       className: getClassName('bpk-save-button__icon', 'bpk-save-button__heartIcon', toggle && checked && 'bpk-save-button__heartIcon--toggle', `bpk-save-button__heartIcon--${checked ? 'show' : 'hide'}`, `bpk-save-button__heartIcon--${style}`)
-    }), /*#__PURE__*/_jsx(HeartOutLineIcon, {
+    }), /*#__PURE__*/_jsx(HeartOutLineIcon
+    // TODO: className to be removed
+    // eslint-disable-next-line @skyscanner/rules/forbid-component-props
+    , {
       className: getClassName('bpk-save-button__icon', 'bpk-save-button__heartOutlineIcon', `bpk-save-button__heartOutlineIcon--${checked ? 'hide' : 'show'}`, `bpk-save-button__heartOutlineIcon--${style}`)
     })]
   });

package/bpk-component-checkbox/src/BpkCheckbox.js

@@ -17,8 +17,7 @@
  */import PropTypes from 'prop-types';
 import { cssModules } from "../../bpk-react-utils";
 import STYLES from "./BpkCheckbox.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const BpkCheckbox = props => {
   const {

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

@@ -16,17 +16,15 @@
  * limitations under the License.
  */
 
-import BpkSelectableChip, {
-  type Props as SelectableProps,
-} from './src/BpkSelectableChip';
+import BpkSelectableChip, { type Props as SelectableProps } from './src/BpkSelectableChip';
 import BpkDismissibleChip from './src/BpkDismissibleChip';
 import BpkDropdownChip from './src/BpkDropdownChip';
+import BpkIconChip from './src/BpkIconChip';
 import type { CommonProps } from './src/commonTypes';
 import { CHIP_TYPES } from './src/commonTypes';
 import themeAttributes from './src/themeAttributes';
-
 export type BpkSelectableChipProps = SelectableProps;
 export type BpkDismissibleChipProps = CommonProps;
 export type BpkDropdownChipProps = CommonProps;
 export default BpkSelectableChip;
-export { BpkDismissibleChip, BpkDropdownChip, CHIP_TYPES, themeAttributes };
+export { BpkDismissibleChip, BpkDropdownChip, BpkIconChip, CHIP_TYPES, themeAttributes };

package/bpk-component-chip/index.js

@@ -16,10 +16,11 @@
  * limitations under the License.
  */
 
-import BpkSelectableChip from "./src/BpkSelectableChip";
 import BpkDismissibleChip from "./src/BpkDismissibleChip";
 import BpkDropdownChip from "./src/BpkDropdownChip";
+import BpkIconChip from "./src/BpkIconChip";
+import BpkSelectableChip from "./src/BpkSelectableChip";
 import { CHIP_TYPES } from "./src/commonTypes";
 import themeAttributes from "./src/themeAttributes";
 export default BpkSelectableChip;
-export { BpkDismissibleChip, BpkDropdownChip, CHIP_TYPES, themeAttributes };
+export { BpkDismissibleChip, BpkDropdownChip, BpkIconChip, CHIP_TYPES, themeAttributes };