@skyscanner/backpack-web 25.8.3 → 26.0.0

package/bpk-component-icon/sm/wifi.js

@@ -8,6 +8,7 @@ export default (({
   viewBox: "0 0 24 24",
   width: "16",
   height: "16",
+  "aria-hidden": "true",
   style: {
     width: "1rem",
     height: "1rem"

package/bpk-component-icon/sm/window--reduce.js

@@ -9,6 +9,7 @@ export default (({
   viewBox: "0 0 24 24",
   width: "16",
   height: "16",
+  "aria-hidden": "true",
   style: {
     width: "1rem",
     height: "1rem"

package/bpk-component-icon/sm/window.js

@@ -8,6 +8,7 @@ export default (({
   viewBox: "0 0 24 24",
   width: "16",
   height: "16",
+  "aria-hidden": "true",
   style: {
     width: "1rem",
     height: "1rem"

package/bpk-component-icon/sm/world--amer.js

@@ -8,6 +8,7 @@ export default (({
   viewBox: "0 0 24 24",
   width: "16",
   height: "16",
+  "aria-hidden": "true",
   style: {
     width: "1rem",
     height: "1rem"

package/bpk-component-icon/sm/world--apac.js

@@ -8,6 +8,7 @@ export default (({
   viewBox: "0 0 24 24",
   width: "16",
   height: "16",
+  "aria-hidden": "true",
   style: {
     width: "1rem",
     height: "1rem"

package/bpk-component-icon/sm/world--emea.js

@@ -8,6 +8,7 @@ export default (({
   viewBox: "0 0 24 24",
   width: "16",
   height: "16",
+  "aria-hidden": "true",
   style: {
     width: "1rem",
     height: "1rem"

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.3",
+  "version": "26.0.0",
   "description": "Backpack Design System web library",
   "repository": {
     "type": "git",
@@ -25,10 +25,10 @@
     "@popperjs/core": "^2.11.5",
     "@react-google-maps/api": "^2.12.0",
     "@skyscanner/bpk-foundations-web": "^16.1.0",
-    "@skyscanner/bpk-svgs": "^16.4.0",
+    "@skyscanner/bpk-svgs": "^17.0.0",
     "a11y-focus-scope": "^1.1.3",
     "a11y-focus-store": "^1.0.0",
-    "bpk-mixins": "^41.1.1",
+    "bpk-mixins": "^41.2.1",
     "d3-path": "^2.0.0",
     "d3-scale": "^4.0.2",
     "date-fns": "^2.21.1",