@skyscanner/backpack-web 34.0.0-premajor.2 → 34.0.0

package/bpk-component-floating-notification/src/BpkFloatingNotification.js

@@ -14,7 +14,9 @@
  * 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 { useEffect, useState } from 'react';
+ */
+
+import { useEffect, useState } from 'react';
 
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import { CSSTransition } from 'react-transition-group';
@@ -70,22 +72,17 @@ const BpkFloatingNotification = props => {
         })
       }), /*#__PURE__*/_jsx(BpkText, {
         tagName: "p",
-        textStyle: TEXT_STYLES.bodyDefault
-        // TODO: className to be removed
-        // eslint-disable-next-line @skyscanner/rules/forbid-component-props
-        ,
-        className: getClassName('bpk-floating-notification__text'),
-        children: text
+        textStyle: TEXT_STYLES.bodyDefault,
+        children: /*#__PURE__*/_jsx("span", {
+          className: getClassName('bpk-floating-notification__text'),
+          children: text
+        })
       }), /*#__PURE__*/_jsx(BpkAriaLive, {
         "aria-hidden": true,
         children: text
       }), ctaText && /*#__PURE__*/_jsx(BpkButtonV2, {
         type: BUTTON_TYPES.linkOnDark,
-        onClick: onClick
-        // TODO: className to be removed
-        // eslint-disable-next-line @skyscanner/rules/forbid-component-props
-        ,
-        className: getClassName('bpk-floating-notification__button'),
+        onClick: onClick,
         children: ctaText
       })]
     })

package/bpk-component-floating-notification/src/BpkFloatingNotification.module.css

@@ -15,4 +15,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-.bpk-floating-notification{position:absolute;right:0;bottom:2rem;left:0;display:flex;max-width:25rem;margin:auto;padding:1.5rem;transition:opacity 400ms ease-in-out,transform 400ms ease-in-out;border-radius:.75rem;background:#05203c;color:#fff;box-shadow:0px 12px 50px 0px rgba(37,32,31,.25),0px 4px 14px 0px rgba(37,32,31,.25)}@media(max-width: 32rem){.bpk-floating-notification{max-width:100%;padding:1rem}}.bpk-floating-notification--leave{transform:translateY(0);opacity:1}.bpk-floating-notification--leave-active{transform:translateY(2rem);opacity:0}.bpk-floating-notification--leave-done{opacity:0}.bpk-floating-notification--appear{transform:translateY(2rem);opacity:0}.bpk-floating-notification--appear-active{transform:translateY(0);opacity:1}.bpk-floating-notification__button{min-height:0;padding:0;color:#fff;margin-inline-start:auto;word-break:keep-all}.bpk-floating-notification__icon{margin-right:.5rem;margin-left:.25rem;flex-shrink:0;transform:translateY(0.25rem);text-align:bottom;fill:#fff}.bpk-floating-notification__text{margin-inline-end:.5rem}
+.bpk-floating-notification{position:absolute;right:0;bottom:2rem;left:0;display:flex;z-index:2;max-width:25rem;margin:auto;padding:1.5rem;transition:opacity 400ms ease-in-out,transform 400ms ease-in-out;border-radius:.75rem;background:#05203c;color:#fff;box-shadow:0px 12px 50px 0px rgba(37,32,31,.25),0px 4px 14px 0px rgba(37,32,31,.25)}@media(max-width: 32rem){.bpk-floating-notification{max-width:100%;padding:1rem}}.bpk-floating-notification--leave{transform:translateY(0);opacity:1}.bpk-floating-notification--leave-active{transform:translateY(2rem);opacity:0}.bpk-floating-notification--leave-done{opacity:0}.bpk-floating-notification--appear{transform:translateY(2rem);opacity:0}.bpk-floating-notification--appear-active{transform:translateY(0);opacity:1}.bpk-floating-notification__icon{margin-right:.5rem;margin-left:.25rem;flex-shrink:0;transform:translateY(0.25rem);text-align:bottom;fill:#fff}.bpk-floating-notification__text{margin-inline-end:.5rem}

package/bpk-component-graphic-promotion/index.d.ts

@@ -1,26 +1,4 @@
-/*
- * Backpack - Skyscanner's Design System
- *
- * Copyright 2022 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 BpkGraphicPromo, {
-  type Props as BpkGraphicPromoProps,
-  TEXT_ALIGN,
-} from './src/BpkGraphicPromo';
-
+import BpkGraphicPromo, { type Props as BpkGraphicPromoProps, TEXT_ALIGN } from './src/BpkGraphicPromo';
 export type { BpkGraphicPromoProps };
 export { TEXT_ALIGN };
 export default BpkGraphicPromo;

package/bpk-component-graphic-promotion/src/BpkGraphicPromo.d.ts

@@ -1,21 +1,3 @@
-/*
- * Backpack - Skyscanner's Design System
- *
- * Copyright 2022 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.
- */
-
 /// <reference types="react" />
 export declare const TEXT_ALIGN: {
     readonly start: "start";

package/bpk-component-icon/all.d.ts

@@ -0,0 +1,4 @@
+declare const sm: any;
+declare const lg: any;
+export default sm;
+export { sm, lg };

package/bpk-component-icon/all.js

@@ -21,12 +21,12 @@
 function requireAll(requireContext) {
   const hash = {};
   requireContext.keys().forEach(key => {
-    const moduleName = key.replace('./', '').replace('.js', '');
+    const moduleName = key.replace('./', '').replace('.jsx', '');
     hash[moduleName] = requireContext(key).default;
   });
   return hash;
 }
-const sm = requireAll(require.context('./sm', false, /\.js$/));
-const lg = requireAll(require.context('./lg', false, /\.js$/));
+const sm = requireAll(require.context('./sm', false, /\.jsx$/));
+const lg = requireAll(require.context('./lg', false, /\.jsx$/));
 export default sm;
 export { sm, lg };

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

@@ -1,41 +1,13 @@
-/*
- * 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 { ComponentType } from 'react';
-
 import withAlignment from './src/withAlignment';
-import withRtlSupport from './src/withRtlSupport';
 import withDescription from './src/withDescription';
-
+import withRtlSupport from './src/withRtlSupport';
 declare function withButtonAlignment(WrappedComponent: ComponentType<any>): {
-  (props: any): JSX.Element;
-  displayName: any;
-};
-declare function withLargeButtonAlignment(
-  WrappedComponent: ComponentType<any>,
-): {
-  (props: any): JSX.Element;
-  displayName: any;
+    (props: any): JSX.Element;
+    displayName: string;
 };
-export {
-  withButtonAlignment,
-  withLargeButtonAlignment,
-  withAlignment,
-  withRtlSupport,
-  withDescription,
+declare function withLargeButtonAlignment(WrappedComponent: ComponentType<any>): {
+    (props: any): JSX.Element;
+    displayName: string;
 };
+export { withButtonAlignment, withLargeButtonAlignment, withAlignment, withRtlSupport, withDescription, };

package/bpk-component-icon/index.js

@@ -16,9 +16,7 @@
  * limitations under the License.
  */
 
-import { iconSizeSm, iconSizeLg, privateButtonLineHeight
-// @ts-expect-error Untyped import. We will need to review how these files are handled
-} from '@skyscanner/bpk-foundations-web/tokens/base.es6';
+import { iconSizeSm, iconSizeLg, privateButtonLineHeight } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
 import withAlignment from "./src/withAlignment";
 import withDescription from "./src/withDescription";
 import withRtlSupport from "./src/withRtlSupport";

package/bpk-component-icon/lg/accessibility.js

@@ -1,18 +1,14 @@
-import React from "react";
+import React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
-export default (({
-  styles = {},
-  ...props
-}) => /*#__PURE__*/_jsx("svg", {
+const AccessibilityIcon = props => /*#__PURE__*/_jsx("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   "aria-hidden": "true",
-  style: {
-    width: "1.5rem",
-    height: "1.5rem"
-  },
+  width: "1.5rem",
+  height: "1.5rem",
   ...props,
   children: /*#__PURE__*/_jsx("path", {
-    d: "M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8zM11 7.597V6.445a.314.314 0 01.19-.303A2.216 2.216 0 0112 6a2.15 2.15 0 01.797.141.33.33 0 01.203.314v1.142c0 .448-.5.676-1 .676s-1-.228-1-.676zm5.996 1.932a.525.525 0 01-.469.518l-2.35.235a1 1 0 00-.895.896l-.093.936a.97.97 0 00.005.241l.72 5.047a.524.524 0 01-1.023.218l-.795-2.784a.1.1 0 00-.192 0l-.795 2.784a.524.524 0 01-1.024-.218l.721-5.047a.916.916 0 00.005-.24l-.093-.937a1 1 0 00-.896-.896l-2.35-.235A.525.525 0 017.525 9h8.95a.525.525 0 01.521.529z"
+    d: "M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2m0 18a8 8 0 1 1 8-8 8 8 0 0 1-8 8M11 7.597V6.445a.31.31 0 0 1 .19-.303A2.2 2.2 0 0 1 12 6a2.2 2.2 0 0 1 .797.141.33.33 0 0 1 .203.314v1.142c0 .448-.5.676-1 .676s-1-.228-1-.676m5.996 1.932a.525.525 0 0 1-.469.518l-2.35.235a1 1 0 0 0-.895.896l-.093.936a1 1 0 0 0 .005.241l.72 5.047a.524.524 0 0 1-1.023.218l-.795-2.784a.1.1 0 0 0-.192 0l-.795 2.784a.524.524 0 0 1-1.024-.218l.721-5.047a1 1 0 0 0 .005-.24l-.093-.937a1 1 0 0 0-.896-.896l-2.35-.235A.525.525 0 0 1 7.525 9h8.95a.525.525 0 0 1 .521.529"
   })
-}));
+});
+export default AccessibilityIcon;

package/bpk-component-icon/lg/account--add.js

@@ -1,18 +1,14 @@
-import React from "react";
+import React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
-export default (({
-  styles = {},
-  ...props
-}) => /*#__PURE__*/_jsx("svg", {
+const AccountAddIcon = props => /*#__PURE__*/_jsx("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   "aria-hidden": "true",
-  style: {
-    width: "1.5rem",
-    height: "1.5rem"
-  },
+  width: "1.5rem",
+  height: "1.5rem",
   ...props,
   children: /*#__PURE__*/_jsx("path", {
-    d: "M9.5 12c1.5 0 3-.8 3-2.378V4.6a1.179 1.179 0 00-.608-1.102A5.616 5.616 0 009.5 3a5.833 5.833 0 00-2.428.499A1.13 1.13 0 006.5 4.568v5.054C6.5 11.199 8 12 9.5 12zm-1-3h2v.028a1 1 0 01-2 0zm2 7a6.98 6.98 0 002.1 5H4.546A2.951 2.951 0 011.5 18.227v-.996a1.77 1.77 0 01.99-1.634A16.867 16.867 0 019.472 14q.666 0 1.3.058A7.002 7.002 0 0010.5 16zm7-5a5 5 0 105 5 5 5 0 00-5-5zm3 5a1 1 0 01-1 1h-1v1a1 1 0 01-2 0v-1h-1a1 1 0 010-2h1v-1a1 1 0 012 0v1h1a1 1 0 011 1z"
+    d: "M9.5 12c1.5 0 3-.8 3-2.378V4.6a1.18 1.18 0 0 0-.608-1.102A5.6 5.6 0 0 0 9.5 3a5.8 5.8 0 0 0-2.428.499A1.13 1.13 0 0 0 6.5 4.568v5.054C6.5 11.199 8 12 9.5 12m-1-3h2v.028a1 1 0 0 1-2 0zm2 7a6.98 6.98 0 0 0 2.1 5H4.546A2.95 2.95 0 0 1 1.5 18.227v-.996a1.77 1.77 0 0 1 .99-1.634A16.9 16.9 0 0 1 9.472 14q.666 0 1.3.058A7 7 0 0 0 10.5 16m7-5a5 5 0 1 0 5 5 5 5 0 0 0-5-5m3 5a1 1 0 0 1-1 1h-1v1a1 1 0 0 1-2 0v-1h-1a1 1 0 0 1 0-2h1v-1a1 1 0 0 1 2 0v1h1a1 1 0 0 1 1 1"
   })
-}));
+});
+export default AccountAddIcon;

package/bpk-component-icon/lg/account--female.js

@@ -1,18 +1,14 @@
-import React from "react";
+import React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
-export default (({
-  styles = {},
-  ...props
-}) => /*#__PURE__*/_jsx("svg", {
+const AccountFemaleIcon = props => /*#__PURE__*/_jsx("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   "aria-hidden": "true",
-  style: {
-    width: "1.5rem",
-    height: "1.5rem"
-  },
+  width: "1.5rem",
+  height: "1.5rem",
   ...props,
   children: /*#__PURE__*/_jsx("path", {
-    d: "M10.865 12h2.27a8.07 8.07 0 003.223-.614c.234-.117.15-.44-.046-.61a3.617 3.617 0 01-.744-2.63 8.345 8.345 0 01.079-1.068 4.03 4.03 0 00-.08-1.808c-.454-1.575-1.296-1.766-2.27-1.46a2.682 2.682 0 00-4.54 1.284 10.123 10.123 0 00-.325 3.052 3.617 3.617 0 01-.744 2.63c-.197.17-.28.493-.046.61a8.07 8.07 0 003.223.614zM11 9h2v.028a1 1 0 01-2 0zm9 8.25v.977A2.712 2.712 0 0117.227 21H7.045A2.951 2.951 0 014 18.227v-.995a1.77 1.77 0 01.99-1.634A16.866 16.866 0 0111.972 14a17.328 17.328 0 017.016 1.6A1.784 1.784 0 0120 17.25z"
+    d: "M10.865 12h2.27a8.1 8.1 0 0 0 3.223-.614c.234-.117.15-.44-.046-.61a3.62 3.62 0 0 1-.744-2.63 8 8 0 0 1 .079-1.068 4 4 0 0 0-.08-1.808c-.454-1.575-1.296-1.766-2.27-1.46a2.682 2.682 0 0 0-4.54 1.284 10.1 10.1 0 0 0-.325 3.052 3.62 3.62 0 0 1-.744 2.63c-.197.17-.28.493-.046.61a8.1 8.1 0 0 0 3.223.614M11 9h2v.028a1 1 0 0 1-2 0zm9 8.25v.977A2.71 2.71 0 0 1 17.227 21H7.045A2.95 2.95 0 0 1 4 18.227v-.995a1.77 1.77 0 0 1 .99-1.634A16.9 16.9 0 0 1 11.972 14a17.3 17.3 0 0 1 7.016 1.6A1.78 1.78 0 0 1 20 17.25"
   })
-}));
+});
+export default AccountFemaleIcon;

package/bpk-component-icon/lg/account--id-card.js

@@ -1,18 +1,14 @@
-import React from "react";
+import React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
-export default (({
-  styles = {},
-  ...props
-}) => /*#__PURE__*/_jsx("svg", {
+const AccountIdCardIcon = props => /*#__PURE__*/_jsx("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   "aria-hidden": "true",
-  style: {
-    width: "1.5rem",
-    height: "1.5rem"
-  },
+  width: "1.5rem",
+  height: "1.5rem",
   ...props,
   children: /*#__PURE__*/_jsx("path", {
-    d: "M18.922 2H5a3.226 3.226 0 00-3 3v13.768A3.27 3.27 0 005 22h14a3.226 3.226 0 003-3V5a3.238 3.238 0 00-3.078-3zM8 7.858A.878.878 0 018.897 7h1.206a.878.878 0 01.897.858v1.707a1.501 1.501 0 01-3 0zm6 7.557A1.537 1.537 0 0112.44 17H6.713A1.67 1.67 0 015 15.415v-.653a.892.892 0 01.487-.815A9.372 9.372 0 019.484 13a9.647 9.647 0 014.017.947.898.898 0 01.499.825zM18.5 11h-4a.5.5 0 010-1h4a.5.5 0 010 1zm0-2h-4a.5.5 0 010-1h4a.5.5 0 010 1z"
+    d: "M18.922 2H5a3.226 3.226 0 0 0-3 3v13.768A3.27 3.27 0 0 0 5 22h14a3.226 3.226 0 0 0 3-3V5a3.24 3.24 0 0 0-3.078-3M8 7.858A.88.88 0 0 1 8.897 7h1.206a.88.88 0 0 1 .897.858v1.707a1.501 1.501 0 0 1-3 0zm6 7.557A1.537 1.537 0 0 1 12.44 17H6.713A1.67 1.67 0 0 1 5 15.415v-.653a.89.89 0 0 1 .487-.815A9.4 9.4 0 0 1 9.484 13a9.65 9.65 0 0 1 4.017.947.9.9 0 0 1 .499.825zM18.5 11h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 1 0 1m0-2h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 1 0 1"
   })
-}));
+});
+export default AccountIdCardIcon;

package/bpk-component-icon/lg/account--name.js

@@ -1,18 +1,14 @@
-import React from "react";
+import React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
-export default (({
-  styles = {},
-  ...props
-}) => /*#__PURE__*/_jsx("svg", {
+const AccountNameIcon = props => /*#__PURE__*/_jsx("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   "aria-hidden": "true",
-  style: {
-    width: "1.5rem",
-    height: "1.5rem"
-  },
+  width: "1.5rem",
+  height: "1.5rem",
   ...props,
   children: /*#__PURE__*/_jsx("path", {
-    d: "M10 12c1.5 0 3-.8 3-2.378V4.6a1.179 1.179 0 00-.608-1.102A5.619 5.619 0 0010 3a5.833 5.833 0 00-2.428.499A1.13 1.13 0 007 4.568v5.054C7 11.2 8.5 12 10 12zM9 9h2v.028a1 1 0 01-2 0zm9 8.25v.977A2.712 2.712 0 0115.227 21H5.045A2.951 2.951 0 012 18.227v-.995a1.77 1.77 0 01.99-1.634A16.866 16.866 0 019.972 14a17.328 17.328 0 017.016 1.6A1.784 1.784 0 0118 17.25zM22 7a1 1 0 01-1 1h-4a1 1 0 010-2h4a1 1 0 011 1zm-1 4a1 1 0 01-1 1h-3a1 1 0 010-2h3a1 1 0 011 1z"
+    d: "M10 12c1.5 0 3-.8 3-2.378V4.6a1.18 1.18 0 0 0-.608-1.102A5.6 5.6 0 0 0 10 3a5.8 5.8 0 0 0-2.428.499A1.13 1.13 0 0 0 7 4.568v5.054C7 11.2 8.5 12 10 12M9 9h2v.028a1 1 0 0 1-2 0zm9 8.25v.977A2.71 2.71 0 0 1 15.227 21H5.045A2.95 2.95 0 0 1 2 18.227v-.995a1.77 1.77 0 0 1 .99-1.634A16.9 16.9 0 0 1 9.972 14a17.3 17.3 0 0 1 7.016 1.6A1.78 1.78 0 0 1 18 17.25M22 7a1 1 0 0 1-1 1h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 1 1m-1 4a1 1 0 0 1-1 1h-3a1 1 0 0 1 0-2h3a1 1 0 0 1 1 1"
   })
-}));
+});
+export default AccountNameIcon;

package/bpk-component-icon/lg/account--permit.js

@@ -1,18 +1,14 @@
-import React from "react";
+import React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
-export default (({
-  styles = {},
-  ...props
-}) => /*#__PURE__*/_jsx("svg", {
+const AccountPermitIcon = props => /*#__PURE__*/_jsx("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   "aria-hidden": "true",
-  style: {
-    width: "1.5rem",
-    height: "1.5rem"
-  },
+  width: "1.5rem",
+  height: "1.5rem",
   ...props,
   children: /*#__PURE__*/_jsx("path", {
-    d: "M4 5a3 3 0 013-3h10a3 3 0 013 3v16.382a1 1 0 01-1.447.894l-5.659-2.829a2 2 0 00-1.788 0l-5.659 2.83A1 1 0 014 21.381V5zm13.237 3.676a1 1 0 00-1.474-1.352l-4.794 5.23-2.262-2.261a1 1 0 10-1.414 1.414l3 3a1 1 0 001.444-.031l5.5-6z"
+    d: "M4 5a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v16.382a1 1 0 0 1-1.447.894l-5.659-2.829a2 2 0 0 0-1.788 0l-5.659 2.83A1 1 0 0 1 4 21.381zm13.237 3.676a1 1 0 0 0-1.474-1.352l-4.794 5.23-2.262-2.261a1 1 0 1 0-1.414 1.414l3 3a1 1 0 0 0 1.444-.031z"
   })
-}));
+});
+export default AccountPermitIcon;

package/bpk-component-icon/lg/account-circle.js

@@ -1,18 +1,14 @@
-import React from "react";
+import React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
-export default (({
-  styles = {},
-  ...props
-}) => /*#__PURE__*/_jsx("svg", {
+const AccountCircleIcon = props => /*#__PURE__*/_jsx("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   "aria-hidden": "true",
-  style: {
-    width: "1.5rem",
-    height: "1.5rem"
-  },
+  width: "1.5rem",
+  height: "1.5rem",
   ...props,
   children: /*#__PURE__*/_jsx("path", {
-    d: "M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10zM6.21 15.975A7.037 7.037 0 0012 19a7.037 7.037 0 005.79-3.024c.427-.613.174-1.435-.5-1.762A12.06 12.06 0 0012 13c-1.898 0-3.693.436-5.29 1.213-.673.327-.927 1.15-.5 1.762zM10.994 5C10.17 5 9.5 5.618 9.5 6.381v2.31C9.5 9.965 10.62 11 12 11s2.5-1.035 2.5-2.31V6.382C14.5 5.618 13.83 5 13.005 5h-2.01z"
+    d: "M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10M6.21 15.975A7.04 7.04 0 0 0 12 19a7.04 7.04 0 0 0 5.79-3.024c.427-.613.174-1.435-.5-1.762A12.06 12.06 0 0 0 12 13c-1.898 0-3.693.436-5.29 1.213-.673.327-.927 1.15-.5 1.762M10.994 5C10.17 5 9.5 5.618 9.5 6.381v2.31C9.5 9.965 10.62 11 12 11s2.5-1.035 2.5-2.31V6.382C14.5 5.618 13.83 5 13.005 5h-2.01z"
   })
-}));
+});
+export default AccountCircleIcon;

package/bpk-component-icon/lg/account.js

@@ -1,18 +1,14 @@
-import React from "react";
+import React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
-export default (({
-  styles = {},
-  ...props
-}) => /*#__PURE__*/_jsx("svg", {
+const AccountIcon = props => /*#__PURE__*/_jsx("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   "aria-hidden": "true",
-  style: {
-    width: "1.5rem",
-    height: "1.5rem"
-  },
+  width: "1.5rem",
+  height: "1.5rem",
   ...props,
   children: /*#__PURE__*/_jsx("path", {
-    d: "M12 12c1.5 0 3-.8 3-2.378V4.6a1.179 1.179 0 00-.608-1.102A5.619 5.619 0 0012 3a5.833 5.833 0 00-2.428.499A1.13 1.13 0 009 4.568v5.054C9 11.2 10.5 12 12 12zm-1-3h2v.028a1 1 0 01-2 0zm7.988 6.6a17.328 17.328 0 00-7.016-1.6 16.866 16.866 0 00-6.982 1.598A1.77 1.77 0 004 17.232v.995A2.951 2.951 0 007.045 21h10.182A2.712 2.712 0 0020 18.227v-.977a1.784 1.784 0 00-1.012-1.65z"
+    d: "M12 12c1.5 0 3-.8 3-2.378V4.6a1.18 1.18 0 0 0-.608-1.102A5.6 5.6 0 0 0 12 3a5.8 5.8 0 0 0-2.428.499A1.13 1.13 0 0 0 9 4.568v5.054C9 11.2 10.5 12 12 12m-1-3h2v.028a1 1 0 0 1-2 0zm7.988 6.6a17.3 17.3 0 0 0-7.016-1.6 16.9 16.9 0 0 0-6.982 1.598A1.77 1.77 0 0 0 4 17.232v.995A2.95 2.95 0 0 0 7.045 21h10.182A2.71 2.71 0 0 0 20 18.227v-.977a1.78 1.78 0 0 0-1.012-1.65"
   })
-}));
+});
+export default AccountIcon;

package/bpk-component-icon/lg/add-circle.js

@@ -1,18 +1,14 @@
-import React from "react";
+import React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
-export default (({
-  styles = {},
-  ...props
-}) => /*#__PURE__*/_jsx("svg", {
+const AddCircleIcon = props => /*#__PURE__*/_jsx("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   "aria-hidden": "true",
-  style: {
-    width: "1.5rem",
-    height: "1.5rem"
-  },
+  width: "1.5rem",
+  height: "1.5rem",
   ...props,
   children: /*#__PURE__*/_jsx("path", {
-    d: "M12 2a10 10 0 1010 10A10 10 0 0012 2zm4 11h-3v3a1 1 0 01-2 0v-3H8a1 1 0 010-2h3V8a1 1 0 012 0v3h3a1 1 0 010 2z"
+    d: "M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2m4 11h-3v3a1 1 0 0 1-2 0v-3H8a1 1 0 0 1 0-2h3V8a1 1 0 0 1 2 0v3h3a1 1 0 0 1 0 2"
   })
-}));
+});
+export default AddCircleIcon;

package/bpk-component-icon/lg/adult.js

@@ -1,18 +1,14 @@
-import React from "react";
+import React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
-export default (({
-  styles = {},
-  ...props
-}) => /*#__PURE__*/_jsx("svg", {
+const AdultIcon = props => /*#__PURE__*/_jsx("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   "aria-hidden": "true",
-  style: {
-    width: "1.5rem",
-    height: "1.5rem"
-  },
+  width: "1.5rem",
+  height: "1.5rem",
   ...props,
   children: /*#__PURE__*/_jsx("path", {
-    d: "M10 1.98a.697.697 0 01.382-.667A4.083 4.083 0 0112 1a3.974 3.974 0 011.595.31A.73.73 0 0114 2v2.514C14 5.5 13 6 12 6s-2-.5-2-1.486zm6 12.244V8.302a.84.84 0 00-.548-.823A12.589 12.589 0 0012.035 7a12.671 12.671 0 00-3.488.55.854.854 0 00-.547.83v5.92c0 .402.62.749 1.191.964a1.195 1.195 0 01.805.989l.45 5.823a1 1 0 00.997.923h1.184a1 1 0 00.997-.923l.45-5.823a1.267 1.267 0 01.797-1.014C15.418 15 16 14.624 16 14.224z"
+    d: "M10 1.98a.7.7 0 0 1 .382-.667A4.1 4.1 0 0 1 12 1a4 4 0 0 1 1.595.31A.73.73 0 0 1 14 2v2.514C14 5.5 13 6 12 6s-2-.5-2-1.486zm6 12.244V8.302a.84.84 0 0 0-.548-.823A12.6 12.6 0 0 0 12.035 7a12.7 12.7 0 0 0-3.488.55.85.85 0 0 0-.547.83v5.92c0 .402.62.749 1.191.964a1.2 1.2 0 0 1 .805.989l.45 5.823a1 1 0 0 0 .997.923h1.184a1 1 0 0 0 .997-.923l.45-5.823a1.27 1.27 0 0 1 .797-1.014C15.418 15 16 14.624 16 14.224"
   })
-}));
+});
+export default AdultIcon;

package/bpk-component-icon/lg/ai.js

@@ -1,19 +1,14 @@
-import React from "react";
+import React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
-export default (({
-  styles = {},
-  ...props
-}) => /*#__PURE__*/_jsx("svg", {
+const AiIcon = props => /*#__PURE__*/_jsx("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   "aria-hidden": "true",
-  style: {
-    width: "1.5rem",
-    height: "1.5rem"
-  },
+  width: "1.5rem",
+  height: "1.5rem",
   ...props,
   children: /*#__PURE__*/_jsx("path", {
-    d: "M4.9 1.061c.025-.096.162-.096.187 0 .215.824.735 2.775.897 2.938.163.162 2.114.682 2.938.897.096.024.096.162 0 .187-.824.214-2.775.734-2.938.897-.162.162-.682 2.113-.897 2.937-.025.096-.162.096-.187 0-.214-.824-.734-2.775-.897-2.937-.162-.163-2.113-.683-2.938-.897-.095-.025-.095-.163 0-.187.825-.215 2.776-.735 2.938-.897.163-.163.683-2.114.897-2.938zm6.668 1.267c.116-.437.748-.437.863 0 .638 2.42 1.797 6.668 2.185 7.056.388.388 4.635 1.547 7.056 2.185.437.115.437.747 0 .862-2.42.638-6.668 1.797-7.056 2.185-.388.388-1.547 4.635-2.185 7.056-.115.437-.747.437-.862 0-.638-2.42-1.797-6.668-2.185-7.056-.388-.388-4.635-1.547-7.056-2.185-.437-.115-.437-.747 0-.862 2.42-.638 6.668-1.797 7.056-2.185.388-.388 1.547-4.635 2.184-7.056zm-6.516 14.19c-.015-.06-.101-.06-.117 0-.134.516-.459 1.735-.56 1.836-.102.102-1.321.427-1.836.561-.06.015-.06.102 0 .117.515.134 1.734.459 1.836.56.101.102.426 1.321.56 1.837.016.06.102.06.117 0 .134-.516.46-1.735.56-1.836.102-.102 1.322-.427 1.837-.561.06-.015.06-.102 0-.117-.515-.134-1.735-.459-1.836-.56-.102-.102-.427-1.321-.56-1.837zM18.935 2.425c.016-.06.102-.06.117 0 .134.515.46 1.734.56 1.836.102.101 1.322.426 1.837.56.06.016.06.102 0 .117-.515.134-1.735.46-1.836.56-.102.102-.427 1.322-.56 1.837-.016.06-.102.06-.118 0-.134-.515-.459-1.735-.56-1.836-.102-.102-1.321-.427-1.836-.56-.06-.016-.06-.102 0-.118.515-.134 1.734-.459 1.836-.56.101-.102.426-1.321.56-1.836zm.152 12.657c-.025-.096-.162-.096-.187 0-.214.824-.734 2.775-.897 2.938-.162.162-2.113.682-2.938.896-.095.025-.095.163 0 .188.825.214 2.776.734 2.938.896.163.163.683 2.114.897 2.938.025.096.162.096.187 0 .215-.824.735-2.775.897-2.938.163-.162 2.113-.682 2.938-.896.096-.025.096-.163 0-.188-.825-.214-2.775-.734-2.938-.896-.163-.163-.682-2.114-.897-2.938z",
-    clipRule: "evenodd"
+    d: "M4.094 1.072c-.025-.096-.163-.096-.188 0-.214.824-.734 2.775-.896 2.938-.163.162-2.114.682-2.938.896-.096.025-.096.163 0 .188.824.214 2.775.734 2.938.896.162.163.682 2.114.896 2.938.025.096.163.096.188 0 .214-.824.734-2.775.896-2.938.163-.162 2.114-.682 2.938-.896.096-.025.096-.163 0-.188-.824-.214-2.775-.734-2.938-.896-.162-.163-.682-2.114-.896-2.938m9.475 2.256c.115-.437.747-.437.862 0 .638 2.42 1.797 6.668 2.185 7.056s4.635 1.547 7.056 2.185c.437.115.437.747 0 .862-2.42.638-6.668 1.797-7.056 2.185s-1.547 4.635-2.185 7.056c-.115.437-.747.437-.862 0-.638-2.42-1.797-6.668-2.185-7.056s-4.635-1.547-7.056-2.185c-.437-.115-.437-.747 0-.862 2.42-.638 6.668-1.797 7.056-2.185s1.547-4.635 2.185-7.056M6.953 18.036c.013-.048.081-.048.094 0 .107.412.367 1.387.448 1.469.082.081 1.057.341 1.47.448.047.013.047.081 0 .094-.413.107-1.388.367-1.47.448-.081.081-.341 1.057-.448 1.47-.013.047-.081.047-.094 0-.107-.413-.367-1.389-.448-1.47s-1.057-.341-1.47-.448c-.047-.013-.047-.081 0-.094.413-.107 1.388-.367 1.47-.448.081-.081.341-1.057.448-1.47Z"
   })
-}));
+});
+export default AiIcon;

package/bpk-component-icon/lg/aircon.js

@@ -1,18 +1,14 @@
-import React from "react";
+import React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
-export default (({
-  styles = {},
-  ...props
-}) => /*#__PURE__*/_jsx("svg", {
+const AirconIcon = props => /*#__PURE__*/_jsx("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   "aria-hidden": "true",
-  style: {
-    width: "1.5rem",
-    height: "1.5rem"
-  },
+  width: "1.5rem",
+  height: "1.5rem",
   ...props,
   children: /*#__PURE__*/_jsx("path", {
-    d: "M13 3a1 1 0 00-2 0v3.296L8.659 4.247a1 1 0 00-1.317 1.506L11 8.953V11H8.954L5.753 7.341a1 1 0 10-1.506 1.317L6.297 11H3a1 1 0 000 2h3.296l-2.049 2.341a1 1 0 101.506 1.318L8.953 13H11v2.046l-3.659 3.201a1 1 0 101.317 1.506L11 17.703V21a1 1 0 002 0v-3.296l2.341 2.049a1 1 0 101.318-1.506L13 15.047V13h2.046l3.201 3.659a1 1 0 001.506-1.317L17.703 13H21a1 1 0 000-2h-3.296l2.049-2.342a1 1 0 00-1.506-1.317L15.047 11H13V8.954l3.659-3.201a1 1 0 00-1.317-1.506L13 6.297z"
+    d: "M13 3a1 1 0 0 0-2 0v3.296L8.659 4.247a1 1 0 0 0-1.317 1.506L11 8.953V11H8.954L5.753 7.341a1 1 0 1 0-1.506 1.317L6.297 11H3a1 1 0 0 0 0 2h3.296l-2.049 2.341a1 1 0 1 0 1.506 1.318L8.953 13H11v2.046l-3.659 3.201a1 1 0 1 0 1.317 1.506L11 17.703V21a1 1 0 0 0 2 0v-3.296l2.341 2.049a1 1 0 1 0 1.318-1.506L13 15.047V13h2.046l3.201 3.659a1 1 0 0 0 1.506-1.317L17.703 13H21a1 1 0 0 0 0-2h-3.296l2.049-2.342a1 1 0 0 0-1.506-1.317L15.047 11H13V8.954l3.659-3.201a1 1 0 0 0-1.317-1.506L13 6.297z"
   })
-}));
+});
+export default AirconIcon;

package/bpk-component-icon/lg/aircraft.js

@@ -1,20 +1,16 @@
-import React from "react";
+import React from 'react';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default (({
-  styles = {},
-  ...props
-}) => /*#__PURE__*/_jsxs("svg", {
+const AircraftIcon = props => /*#__PURE__*/_jsxs("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   "aria-hidden": "true",
-  style: {
-    width: "1.5rem",
-    height: "1.5rem"
-  },
+  width: "1.5rem",
+  height: "1.5rem",
   ...props,
   children: [/*#__PURE__*/_jsx("path", {
-    d: "M7.203 2.65L9.28 9.297a1 1 0 00.954.702h3.815a.5.5 0 00.411-.783L9.798 2.433A1 1 0 008.974 2H7.68a.5.5 0 00-.477.65z"
+    d: "M7.203 2.65 9.28 9.297a1 1 0 0 0 .954.702h3.815a.5.5 0 0 0 .411-.783L9.798 2.433A1 1 0 0 0 8.974 2H7.68a.5.5 0 0 0-.477.65"
   }), /*#__PURE__*/_jsx("path", {
-    d: "M4.7 10.587a1 1 0 00.81.413h14.798a3.822 3.822 0 012.077.6l.153.1a.924.924 0 010 1.6l-.153.1a3.822 3.822 0 01-2.077.6h-4.784a1 1 0 00-.822.431L9.794 21.53a1 1 0 01-.848.47H7.68a.5.5 0 01-.477-.65l2.094-6.7A.5.5 0 008.82 14H5.564a1 1 0 00-.856.482l-1.277 2.11a1.283 1.283 0 01-1.403.323h-.002a.985.985 0 01-.623-1.299l1.096-2.62a1.525 1.525 0 000-.996L1.067 9.395a1.005 1.005 0 01.607-1.29 1.272 1.272 0 011.437.292l1.59 2.19z"
+    d: "M4.7 10.587a1 1 0 0 0 .81.413h14.798a3.8 3.8 0 0 1 2.077.6l.153.1a.924.924 0 0 1 0 1.6l-.153.1a3.8 3.8 0 0 1-2.077.6h-4.784a1 1 0 0 0-.822.431L9.794 21.53a1 1 0 0 1-.848.47H7.68a.5.5 0 0 1-.477-.65l2.094-6.7A.5.5 0 0 0 8.82 14H5.564a1 1 0 0 0-.856.482l-1.277 2.11a1.28 1.28 0 0 1-1.403.323h-.002a.985.985 0 0 1-.623-1.299l1.096-2.62a1.53 1.53 0 0 0 0-.996L1.067 9.395a1.005 1.005 0 0 1 .607-1.29 1.27 1.27 0 0 1 1.437.292z"
   })]
-}));
+});
+export default AircraftIcon;

package/bpk-component-icon/lg/airline--multiple.js

@@ -1,18 +1,14 @@
-import React from "react";
+import React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
-export default (({
-  styles = {},
-  ...props
-}) => /*#__PURE__*/_jsx("svg", {
+const AirlineMultipleIcon = props => /*#__PURE__*/_jsx("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   "aria-hidden": "true",
-  style: {
-    width: "1.5rem",
-    height: "1.5rem"
-  },
+  width: "1.5rem",
+  height: "1.5rem",
   ...props,
   children: /*#__PURE__*/_jsx("path", {
-    d: "M7.341 19.435A1 1 0 008.167 21h7.42a2.002 2.002 0 001.935-1.492l3.906-14.872C21.654 3.818 21.315 3 20.75 3h-1.357a1.66 1.66 0 00-1.358.818zm5.15-9.738a1.08 1.08 0 01-.237.639L4.952 21h-1.45a1 1 0 01-.805-1.595l7.298-9.86A1.212 1.212 0 0110.973 9h.978c.308 0 .522.31.54.697z"
+    d: "M7.341 19.435A1 1 0 0 0 8.167 21h7.42a2 2 0 0 0 1.935-1.492l3.906-14.872C21.654 3.818 21.315 3 20.75 3h-1.357a1.66 1.66 0 0 0-1.358.818zm5.15-9.738a1.08 1.08 0 0 1-.237.639L4.952 21h-1.45a1 1 0 0 1-.805-1.595l7.298-9.86A1.21 1.21 0 0 1 10.973 9h.978c.308 0 .522.31.54.697"
   })
-}));
+});
+export default AirlineMultipleIcon;

package/bpk-component-icon/lg/airline.js

@@ -1,18 +1,14 @@
-import React from "react";
+import React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
-export default (({
-  styles = {},
-  ...props
-}) => /*#__PURE__*/_jsx("svg", {
+const AirlineIcon = props => /*#__PURE__*/_jsx("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   "aria-hidden": "true",
-  style: {
-    width: "1.5rem",
-    height: "1.5rem"
-  },
+  width: "1.5rem",
+  height: "1.5rem",
   ...props,
   children: /*#__PURE__*/_jsx("path", {
-    d: "M3.208 19.382A1.003 1.003 0 003.966 21h11.55a1.941 1.941 0 001.873-1.526l3.583-15.237A.992.992 0 0020.035 3H18.32a5.522 5.522 0 00-4.394 2.236z"
+    d: "M3.208 19.382A1.003 1.003 0 0 0 3.966 21h11.55a1.94 1.94 0 0 0 1.873-1.526l3.583-15.237A.992.992 0 0 0 20.035 3H18.32a5.52 5.52 0 0 0-4.394 2.236z"
   })
-}));
+});
+export default AirlineIcon;