@skyscanner/backpack-web 36.7.0 → 36.8.0

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

@@ -18,7 +18,6 @@
 
 import { Component } from 'react';
 import { cssModules, isDeviceIos } from "../../bpk-react-utils";
-import deferCallback from "../../bpk-react-utils/src/deferCallback";
 import { addCalendarGridTransition } from "./BpkCalendarGridTransition";
 import BpkCalendarWeek from "./BpkCalendarWeek";
 import { CALENDAR_SELECTION_TYPE } from "./custom-proptypes";
@@ -65,10 +64,9 @@ class BpkCalendarGrid extends Component {
     };
   }
   componentDidMount() {
-    // Defer expensive date formatting until after render to improve INP.
-    deferCallback(() => this.setState({
+    this.setState({
       calendarMonthWeeks: getCalendar(this.props.month, this.props.weekStartsOn, this.props.formatDateFull)
-    }));
+    });
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
     // We cache expensive calculations (and identities) in state

package/bpk-component-popover/src/BpkPopover.d.ts

@@ -33,6 +33,7 @@ export type Props = CloseButtonProps & {
     actionText?: string;
     onAction?: () => void;
     renderTarget?: () => HTMLElement | HTMLElement | undefined;
+    [rest: string]: any;
 };
 declare const BpkPopover: ({ actionText, children, className, closeButtonIcon, closeButtonLabel, closeButtonProps, closeButtonText, hoverable, id, isOpen, label, labelAsTitle, onAction, onClose, padded, placement, renderTarget, showArrow, target, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkPopover;

package/bpk-stylesheets/font.js

@@ -16,4 +16,4 @@
  * limitations under the License.
  */
 
-import './font.scss';
+import './font.css';

package/bpk-stylesheets/index.css

@@ -0,0 +1,19 @@
+/*
+ * 
+ * Backpack - Skyscanner's Design System
+ * 
+ * Copyright 2016 Skyscanner Ltd
+ * 
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * 
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * 
+ *//*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}html{font-size:100%;box-sizing:border-box}*{box-sizing:inherit}*::before,*::after{box-sizing:inherit}body{color:#161616;font-family:"Skyscanner Relative",-apple-system,BlinkMacSystemFont,"Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-size:1rem;line-height:1.3rem}body.scaffold-font-size{font-size:13px}body.enable-font-smoothing{-webkit-font-smoothing:antialiased}:focus-visible{outline:.125rem solid #0062e3;outline-offset:.125rem}.hidden,.hide{display:none !important}.visuallyhidden,.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;overflow:hidden;clip:rect(0 0 0 0)}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus,.visually-hidden.focusable:active,.visually-hidden.focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.invisible{visibility:hidden}.clearfix::before,.clearfix::after{content:"";display:table}.clearfix::after{clear:both}

package/bpk-stylesheets/index.js

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import './index.scss';
+import './index.css';
 
 (() => {
   if (typeof document === 'undefined') {

package/bpk-stylesheets/larken.js

@@ -16,4 +16,4 @@
  * limitations under the License.
  */
 
-import './larken.scss';
+import './larken.css';

package/package.json

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

package/bpk-react-utils/src/__mocks__/deferCallback.d.ts

@@ -1,9 +0,0 @@
-/**
- * Mock deferCallback to immediately invoke the callback. This ensures that
- * asynchronous state updates triggered by `deferCallback` run before asserting.
- * https://developer.mozilla.org/en-US/docs/Web/API/Window/requestIdleCallback
- * @param {function} callback - callback to execute, value cannot be returned.
- * You'll typically want to wrap the callback `setState` to update React state.
- * @returns {void}
- */
-export default function deferCallback(callback: () => void): void;

package/bpk-react-utils/src/__mocks__/deferCallback.js

@@ -1,29 +0,0 @@
-/*
- * 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.
- */
-
-/**
- * Mock deferCallback to immediately invoke the callback. This ensures that
- * asynchronous state updates triggered by `deferCallback` run before asserting.
- * https://developer.mozilla.org/en-US/docs/Web/API/Window/requestIdleCallback
- * @param {function} callback - callback to execute, value cannot be returned.
- * You'll typically want to wrap the callback `setState` to update React state.
- * @returns {void}
- */
-export default function deferCallback(callback) {
-  callback();
-}

package/bpk-react-utils/src/deferCallback.d.ts

@@ -1,13 +0,0 @@
-/**
- * Defer a task until the browser is idle, or till the next "tick" if the
- * browser does not support the idle callback API. This is useful for deferring
- * computationally heavy, non-essential tasks to keep the UI responsive. If the
- * task has not completed within the timeout, it will be executed regardless.
- *
- * https://developer.mozilla.org/en-US/docs/Web/API/Window/requestIdleCallback
- * @param {function} callback - callback to execute, value cannot be returned.
- * You'll typically want to wrap the callback `setState` to update React state.
- * @returns {void}
- */
-declare const deferCallback: (callback: () => void) => void;
-export default deferCallback;

package/bpk-react-utils/src/deferCallback.js

@@ -1,39 +0,0 @@
-/*
- * 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.
- */
-
-/**
- * Defer a task until the browser is idle, or till the next "tick" if the
- * browser does not support the idle callback API. This is useful for deferring
- * computationally heavy, non-essential tasks to keep the UI responsive. If the
- * task has not completed within the timeout, it will be executed regardless.
- *
- * https://developer.mozilla.org/en-US/docs/Web/API/Window/requestIdleCallback
- * @param {function} callback - callback to execute, value cannot be returned.
- * You'll typically want to wrap the callback `setState` to update React state.
- * @returns {void}
- */
-const deferCallback = callback => {
-  if (window.requestIdleCallback) {
-    window.requestIdleCallback(callback, {
-      timeout: 500
-    });
-  } else {
-    setTimeout(callback, 0);
-  }
-};
-export default deferCallback;