@skyscanner/backpack-web 25.8.2 → 25.8.4

package/bpk-component-banner-alert/src/AnimateAndFade.js

@@ -62,7 +62,7 @@ class AnimateAndFade extends Component {
     if (this.state.initiateShow) {
       // React doesn't like us calling setState from componentDidUpdate as it can lead to an infinite re-renders.
       // I think it is ok here, however, as this will only happen conditionally (ie once)
-      // eslint-disable-next-line react/no-did-update-set-state
+
       this.setState({
         initiateShow: false,
         isExpanded: true,

package/bpk-component-barchart/src/BpkBarchart.js

@@ -215,7 +215,6 @@ class BpkBarchart extends Component {
 }
 BpkBarchart.propTypes = {
   data: dataProp,
-  // eslint-disable-line react/require-default-props
   xScaleDataKey: PropTypes.string.isRequired,
   yScaleDataKey: PropTypes.string.isRequired,
   xAxisLabel: PropTypes.string.isRequired,

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

@@ -14,7 +14,7 @@
  * 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 { Props, propTypes, defaultProps } from "./common-types";
+ */import { propTypes, defaultProps } from "./common-types";
 import COMMON_STYLES from "./BpkButtonBase.module.css";
 
 // This was originally depended upon from the bpk-react-utils package, however

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

@@ -14,7 +14,7 @@
  * 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 { Props, defaultProps, propTypes } from "./common-types";
+ */import { defaultProps, propTypes } from "./common-types";
 import BpkButtonBase, { cssModules } from "./BpkButtonBase";
 import STYLES from "./BpkButtonDestructive.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";

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

@@ -14,7 +14,7 @@
  * 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 { Props, defaultProps, propTypes } from "./common-types";
+ */import { defaultProps, propTypes } from "./common-types";
 import BpkButtonBase, { cssModules } from "./BpkButtonBase";
 import STYLES from "./BpkButtonFeatured.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";

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

@@ -14,7 +14,7 @@
  * 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 { Props as CommonProps, defaultProps, propTypes } from "./common-types";
+ */import { defaultProps, propTypes } from "./common-types";
 import BpkButtonBase, { cssModules } from "./BpkButtonBase";
 import STYLES from "./BpkButtonLink.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";

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

@@ -14,7 +14,7 @@
  * 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 { Props as CommonProps, defaultProps, propTypes } from "./common-types";
+ */import { defaultProps, propTypes } from "./common-types";
 import BpkButtonBase, { cssModules } from "./BpkButtonBase";
 import STYLES from "./BpkButtonLinkOnDark.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";

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

@@ -14,7 +14,7 @@
  * 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 { Props, defaultProps, propTypes } from "./common-types";
+ */import { defaultProps, propTypes } from "./common-types";
 import BpkButtonBase from "./BpkButtonBase";
 
 // TODO: BpkButtonBase has the primary button style as it wasn't removed to

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

@@ -14,7 +14,7 @@
  * 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 { Props, defaultProps, propTypes } from "./common-types";
+ */import { defaultProps, propTypes } from "./common-types";
 import BpkButtonBase, { cssModules } from "./BpkButtonBase";
 import STYLES from "./BpkButtonPrimaryOnDark.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";

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

@@ -14,7 +14,7 @@
  * 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 { Props, defaultProps, propTypes } from "./common-types";
+ */import { defaultProps, propTypes } from "./common-types";
 import BpkButtonBase, { cssModules } from "./BpkButtonBase";
 import STYLES from "./BpkButtonPrimaryOnLight.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";

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

@@ -14,7 +14,7 @@
  * 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 { Props, defaultProps, propTypes } from "./common-types";
+ */import { defaultProps, propTypes } from "./common-types";
 import BpkButtonBase, { cssModules } from "./BpkButtonBase";
 import STYLES from "./BpkButtonSecondary.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";

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

@@ -14,7 +14,7 @@
  * 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 { Props, defaultProps, propTypes } from "./common-types";
+ */import { defaultProps, propTypes } from "./common-types";
 import BpkButtonBase, { cssModules } from "./BpkButtonBase";
 import STYLES from "./BpkButtonSecondaryOnDark.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";

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

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import type { ReactNode, SyntheticEvent } from 'react';
+import type { ReactNode, MouseEvent } from 'react';
 
 export declare const BUTTON_TYPES: {
   readonly primary: 'primary';
@@ -42,7 +42,7 @@ export type Props = {
   className?: string | null;
   disabled?: boolean;
   iconOnly?: boolean;
-  onClick?: (event: SyntheticEvent) => void;
+  onClick?: (event: MouseEvent) => void;
   rel?: string | undefined;
   submit?: boolean;
   href?: string | null;

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

@@ -24,7 +24,7 @@ const splitToken = value => {
   if (!match) {
     throw new Error(`Invalid token value. Expecting a valid css unit, got ${value}`);
   }
-  const [_, val, unit] = match; // eslint-disable-line no-unused-vars
+  const [_, val, unit] = match;
   return [parseFloat(val), unit];
 };
 export const getCalendarGridWidth = (multiplier = 1) => {

package/bpk-component-horizontal-nav/src/BpkHorizontalNav.js

@@ -55,9 +55,9 @@ class BpkHorizontalNav extends Component {
     this.scrollRef = null;
     this.selectedItemRef = null;
   }
-  componentDidMount = () => {
+  componentDidMount() {
     this.scrollSelectedIntoView(false);
-  };
+  }
   componentDidUpdate() {
     this.scrollSelectedIntoView(true);
   }

package/bpk-component-infinite-scroll/src/DataSource.js

@@ -19,7 +19,7 @@
     this.listeners = [];
   }
 
-  /* eslint-disable-next-line no-unused-vars, class-methods-use-this */
+  /* eslint-disable-next-line no-unused-vars */
   fetchItems(index, nElements) {
     throw new Error('Not implemented');
   }

package/bpk-component-modal/src/BpkModalV2/BpKModal.module.css

@@ -15,4 +15,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
 */
-@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}@keyframes bpk-modal-scrim{0%{opacity:0}100%{opacity:1}}@keyframes bpk-modal-scale{0%{transform:scale(0.9)}100%{transform:scale(1)}}.bpk-modal-wrapper.bpk-modal-polyfill .bpk-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;margin:0 auto;background-color:rgba(0,0,0,0.7);animation:bpk-modal-scrim 200ms ease-in-out;inset:0;inset-block-end:0;inset-inline:0;inset-inline-end:0}.bpk-modal-wrapper.bpk-modal-polyfill .bpk-modal{position:fixed;top:50%;left:50%;display:block;z-index:1;transform:translate(-50%, -50%) scale(1);transition:transform 200ms ease-in-out 200ms}.bpk-modal-wrapper.bpk-modal-polyfill .bpk-modal:not([data-open='true']),.bpk-modal-wrapper.bpk-modal-polyfill .bpk-modal-backdrop:not([data-open='true']){display:none}.bpk-modal{padding:0;border:none;border-radius:.75rem;background:#fff;overflow-y:scroll;scrollbar-width:none;box-shadow:0px 12px 50px 0px rgba(37,32,31,0.25)}@media (min-width: 32.0625rem){.bpk-modal{width:32rem;max-width:none;height:fit-content;max-height:90%}.bpk-modal--full-screen-desktop{width:100%;height:100%;max-height:100%;border-radius:0}.bpk-modal--wide{width:64rem}}.bpk-modal[open]{animation:bpk-modal-scale 200ms ease-in-out}.bpk-modal--no-full-screen-mobile{width:90%;max-width:none;height:fit-content;max-height:90%}@media (min-width: 32.0625rem){.bpk-modal--no-full-screen-mobile{width:32rem;max-width:none}}.bpk-modal::backdrop{position:fixed;background-color:rgba(0,0,0,0.7);animation:bpk-modal-scrim 200ms ease-in-out;inset:0;inset-block-end:0;inset-inline:0;inset-inline-end:0}.bpk-modal::-webkit-scrollbar{display:none}.bpk-modal__header-title{padding:1rem;border-block-end:solid 0.0625rem #C2C9CD;display:flex;min-height:1.5rem;flex-wrap:nowrap;justify-content:flex-end;align-items:center}.bpk-modal__header-title-container{display:flex;width:100%;justify-content:flex-start}.bpk-modal__title{padding-inline-end:1rem;font-size:1rem;line-height:1.5rem;font-weight:700}.bpk-modal__button-container{padding-block-start:1rem;padding-inline-end:1rem;display:flex;min-height:1.5rem;flex-wrap:nowrap;justify-content:flex-end;align-items:center}.bpk-modal__container{min-height:100%;padding:1rem}.bpk-modal__container--padded{padding:0}.bpk-modal__container--full-screen-desktop{height:100%}
+@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}@keyframes bpk-modal-scrim{0%{opacity:0}100%{opacity:1}}@keyframes bpk-modal-scale{0%{transform:scale(0.9)}100%{transform:scale(1)}}.bpk-modal-wrapper.bpk-modal-polyfill .bpk-modal-backdrop{position:fixed;z-index:0;margin:0 auto;background-color:rgba(0,0,0,0.7);animation:bpk-modal-scrim 200ms ease-in-out;inset:0;inset-block-end:0;inset-inline:0;inset-inline-end:0}.bpk-modal-wrapper.bpk-modal-polyfill .bpk-modal{position:fixed;top:50%;left:50%;display:block;z-index:1;transform:translate(-50%, -50%) scale(1);transition:transform 200ms ease-in-out 200ms}.bpk-modal-wrapper.bpk-modal-polyfill .bpk-modal:not([data-open='true']),.bpk-modal-wrapper.bpk-modal-polyfill .bpk-modal-backdrop:not([data-open='true']){display:none}.bpk-modal{padding:0;border:none;border-radius:.75rem;background:#fff;overflow-y:scroll;scrollbar-width:none;box-shadow:0px 12px 50px 0px rgba(37,32,31,0.25)}@media (min-width: 32.0625rem){.bpk-modal{width:32rem;max-width:none;height:fit-content;max-height:90%}.bpk-modal--full-screen-desktop{width:100%;height:100%;max-height:100%;border-radius:0}.bpk-modal--wide{width:64rem}}.bpk-modal[open]{animation:bpk-modal-scale 200ms ease-in-out}.bpk-modal--no-full-screen-mobile{width:90%;max-width:none;height:fit-content;max-height:90%}@media (min-width: 32.0625rem){.bpk-modal--no-full-screen-mobile{width:32rem;max-width:none}}.bpk-modal::backdrop{position:fixed;background-color:rgba(0,0,0,0.7);animation:bpk-modal-scrim 200ms ease-in-out;inset:0;inset-block-end:0;inset-inline:0;inset-inline-end:0}.bpk-modal::-webkit-scrollbar{display:none}.bpk-modal__header-title{padding:1rem;border-block-end:solid 0.0625rem #C2C9CD;display:flex;min-height:1.5rem;flex-wrap:nowrap;justify-content:flex-end;align-items:center}.bpk-modal__header-title-container{display:flex;width:100%;justify-content:flex-start}.bpk-modal__title{padding-inline-end:1rem;font-size:1rem;line-height:1.5rem;font-weight:700}.bpk-modal__button-container{padding-block-start:1rem;padding-inline-end:1rem;display:flex;min-height:1.5rem;flex-wrap:nowrap;justify-content:flex-end;align-items:center}.bpk-modal__container{min-height:100%;padding:1rem}.bpk-modal__container--padded{padding:0}.bpk-modal__container--full-screen-desktop{height:100%}

package/bpk-component-nudger/src/BpkConfigurableNudger.js

@@ -1,4 +1,3 @@
-/* eslint-disable react/forbid-prop-types */
 /*
  * Backpack - Skyscanner's Design System
  *

package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGridList.js

@@ -57,21 +57,21 @@ class BpkScrollableCalendarGridList extends Component {
       outerHeight: ESTIMATED_MONTH_ITEM_HEIGHT
     };
   }
-  componentDidMount = () => {
+  componentDidMount() {
     this.setComponentHeight();
     if (typeof document !== 'undefined') {
       window.addEventListener('resize', this.setComponentHeight);
       document.addEventListener('orientationchange', this.setComponentHeight);
       document.addEventListener('fullscreenchange', this.setComponentHeight);
     }
-  };
-  componentWillUnmount = () => {
+  }
+  componentWillUnmount() {
     if (typeof document !== 'undefined') {
       window.removeEventListener('resize', this.setComponentHeight);
       document.removeEventListener('orientationchange', this.setComponentHeight);
       document.removeEventListener('fullscreenchange', this.setComponentHeight);
     }
-  };
+  }
   getHtmlElement = () => typeof document !== 'undefined' ? document.querySelector('html') : {};
   getItemSize = index => this.state.monthItemHeights[index] || ESTIMATED_MONTH_ITEM_HEIGHT;
   setComponentHeight = () => {

package/bpk-component-select/src/BpkSelect.js

@@ -67,7 +67,7 @@ BpkSelect.propTypes = {
   // In this case value is not required and nor should it be given a default value (as the linter thinks)
   // Prop types are not expressive enough (without a drastic increase in complexity of writing a custom validator) to encode this relationship. Equally, this wouldn't actually solve the linting issue (AFAIK).
   // As a solution, the require-default-props has been disabled for this line.
-  // eslint-disable-next-line react/require-default-props
+
   value: PropTypes.string,
   className: PropTypes.string,
   disabled: PropTypes.bool,

package/bpk-component-skip-link/src/BpkSkipLink.module.css

@@ -15,4 +15,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
 */
-@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-skip-link{display:inline-block;padding:.75rem;transition:opacity 200ms ease-in-out;border-radius:.5rem;color:#fff;font-weight:bold;text-decoration:none;opacity:0;overflow:hidden;pointer-events:none;transition-delay:200ms;background-color:#e70866;background-color:var(--bpk-skip-link-background-color, #e70866)}.bpk-skip-link:focus-within,.bpk-skip-link:focus{transition:none;opacity:1;transition-delay:0}
+@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-skip-link{display:inline-block;padding:.75rem;transition:opacity 200ms ease-in-out;border-radius:.5rem;color:#fff;text-decoration:none;opacity:0;overflow:hidden;pointer-events:none;transition-delay:200ms;font-size:1rem;line-height:1.25rem;font-weight:700;background-color:#e70866;background-color:var(--bpk-skip-link-background-color, #e70866)}.bpk-skip-link:focus-within,.bpk-skip-link:focus{transition:none;opacity:1;transition-delay:0}

package/bpk-theming/src/BpkThemeProvider.js

@@ -127,7 +127,6 @@ BpkThemeProvider.propTypes = {
   theme: PropTypes.object,
   // eslint-disable-line react/forbid-prop-types
   themeAttributes: themeAttributesPropType,
-  // eslint-disable-line react/require-default-props
   // (disabled because isRequired is inside the custom validator)
   component: PropTypes.elementType,
   style: PropTypes.object // eslint-disable-line react/forbid-prop-types

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyscanner/backpack-web",
-  "version": "25.8.2",
+  "version": "25.8.4",
   "description": "Backpack Design System web library",
   "repository": {
     "type": "git",