@skyscanner/backpack-web 25.7.0-beta → 25.7.0-beta.2

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

@@ -14,48 +14,25 @@
  * 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.
- */
-/* @flow strict */
-
-import PropTypes from 'prop-types';
+ */import PropTypes from 'prop-types';
 import { Component, Children, cloneElement } from 'react';
-import type { Node } from 'react';
-
-import { cssModules } from '../../bpk-react-utils';
-import BpkMobileScrollContainer from '../../bpk-component-mobile-scroll-container';
-
-import STYLES from './BpkHorizontalNav.module.scss';
-
+import { cssModules } from "../../bpk-react-utils";
+import BpkMobileScrollContainer from "../../bpk-component-mobile-scroll-container";
+import STYLES from "./BpkHorizontalNav.module.css";
+import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
-
 const HORIZONTAL_NAV_TYPES = {
   default: 'default',
-  light: 'light',
-};
-
-export type Props = {
-  autoScrollToSelected: boolean,
-  children: Node,
-  showUnderline: boolean,
-  type: $Keys<typeof HORIZONTAL_NAV_TYPES>,
-  className: ?string,
-  leadingScrollIndicatorClassName: ?string,
-  trailingScrollIndicatorClassName: ?string,
+  light: 'light'
 };
-
-const getPos = (ref: ?Element): ?{ left: number, right: number } => {
+const getPos = ref => {
   if (!ref) {
     return null;
   }
   const pos = ref.getBoundingClientRect();
   return pos;
 };
-
-class BpkHorizontalNav extends Component<Props> {
-  selectedItemRef: ?Element;
-
-  scrollRef: ?Element;
-
+class BpkHorizontalNav extends Component {
   static propTypes = {
     children: PropTypes.node.isRequired,
     autoScrollToSelected: PropTypes.bool,
@@ -63,82 +40,59 @@ class BpkHorizontalNav extends Component<Props> {
     leadingScrollIndicatorClassName: PropTypes.string,
     showUnderline: PropTypes.bool,
     trailingScrollIndicatorClassName: PropTypes.string,
-    type: PropTypes.oneOf(Object.keys(HORIZONTAL_NAV_TYPES)),
+    type: PropTypes.oneOf(Object.keys(HORIZONTAL_NAV_TYPES))
   };
-
   static defaultProps = {
     autoScrollToSelected: false,
     className: null,
     leadingScrollIndicatorClassName: null,
     showUnderline: true,
     trailingScrollIndicatorClassName: null,
-    type: HORIZONTAL_NAV_TYPES.default,
+    type: HORIZONTAL_NAV_TYPES.default
   };
-
-  constructor(props: Props) {
+  constructor(props) {
     super(props);
-
     this.scrollRef = null;
     this.selectedItemRef = null;
   }
-
   componentDidMount = () => {
     this.scrollSelectedIntoView(false);
   };
-
   componentDidUpdate() {
     this.scrollSelectedIntoView(true);
   }
-
-  scrollSelectedIntoView = (useSmoothScroll: boolean) => {
-    if (
-      !this.props.autoScrollToSelected ||
-      !this.scrollRef ||
-      !this.selectedItemRef
-    ) {
+  scrollSelectedIntoView = useSmoothScroll => {
+    if (!this.props.autoScrollToSelected || !this.scrollRef || !this.selectedItemRef) {
       return;
     }
-
     if (!this.scrollRef) {
       return;
     }
-
     const selectedItemPos = getPos(this.selectedItemRef);
     if (!selectedItemPos) {
       return;
     }
-
     const scrollPos = getPos(this.scrollRef);
     if (!scrollPos) {
       return;
     }
 
     // We only need to carry out a scroll if the element is not already fully within the scroll view
-    const needsScroll =
-      selectedItemPos.left < scrollPos.left ||
-      selectedItemPos.right > scrollPos.right;
-
+    const needsScroll = selectedItemPos.left < scrollPos.left || selectedItemPos.right > scrollPos.right;
     if (!needsScroll) {
       return;
     }
-
     const scrollAdjustment = selectedItemPos.left - scrollPos.left;
     // Some browsers don't support smooth scrolling, so in those cases we must fall back to simply setting `scrollLeft`
-    if (
-      this.scrollRef &&
-      this.scrollRef.scroll &&
-      typeof this.scrollRef.scroll === 'function' &&
-      useSmoothScroll
-    ) {
+    if (this.scrollRef && this.scrollRef.scroll && typeof this.scrollRef.scroll === 'function' && useSmoothScroll) {
       this.scrollRef.scroll({
         left: scrollAdjustment,
-        behavior: 'smooth',
+        behavior: 'smooth'
       });
     } else if (this.scrollRef) {
       this.scrollRef.scrollLeft = scrollAdjustment;
     }
   };
-
   render() {
     const {
       autoScrollToSelected,
@@ -150,59 +104,48 @@ class BpkHorizontalNav extends Component<Props> {
       type,
       ...rest
     } = this.props;
-
-    const classNames = getClassName(
-      'bpk-horizontal-nav',
-      showUnderline && `bpk-horizontal-nav--show-${type}-underline`,
-      className,
-    );
-
+    const classNames = getClassName('bpk-horizontal-nav', showUnderline && `bpk-horizontal-nav--show-${type}-underline`, className);
     let children = rawChildren;
-
     if (autoScrollToSelected || type === HORIZONTAL_NAV_TYPES.light) {
-      children = Children.map(rawChildren, (child) => {
+      children = Children.map(rawChildren, child => {
         const childProps = {};
         let childRef;
         if (autoScrollToSelected) {
           if (child && child.props && child.props.selected) {
-            childRef = (ref) => {
+            childRef = ref => {
               this.selectedItemRef = ref;
             };
           }
         }
-
         if (type === HORIZONTAL_NAV_TYPES.light) {
           childProps.type = HORIZONTAL_NAV_TYPES.light;
         }
-
-        return child ? (
-          <div ref={childRef}>{cloneElement(child, childProps)}</div>
-        ) : null;
+        return child ? /*#__PURE__*/_jsx("div", {
+          ref: childRef,
+          children: /*#__PURE__*/cloneElement(child, childProps)
+        }) : null;
       });
     }
-
     return (
+      /*#__PURE__*/
       // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-      <BpkMobileScrollContainer
-        innerContainerTagName="nav"
-        className={classNames}
-        leadingIndicatorClassName={leadingScrollIndicatorClassName}
-        trailingIndicatorClassName={trailingScrollIndicatorClassName}
-        scrollerRef={(ref) => {
+      _jsx(BpkMobileScrollContainer, {
+        innerContainerTagName: "nav",
+        className: classNames,
+        leadingIndicatorClassName: leadingScrollIndicatorClassName,
+        trailingIndicatorClassName: trailingScrollIndicatorClassName,
+        scrollerRef: ref => {
           this.scrollRef = ref;
-        }}
-        {...rest}
-      >
-        <div
-          className={getClassName('bpk-horizontal-nav__list')}
-          role="tablist"
-        >
-          {children}
-        </div>
-      </BpkMobileScrollContainer>
+        },
+        ...rest,
+        children: /*#__PURE__*/_jsx("div", {
+          className: getClassName('bpk-horizontal-nav__list'),
+          role: "tablist",
+          children: children
+        })
+      })
     );
   }
 }
-
 export default BpkHorizontalNav;
-export { HORIZONTAL_NAV_TYPES };
+export { HORIZONTAL_NAV_TYPES };

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

@@ -14,34 +14,17 @@
  * 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.
- */
-/* @flow strict */
-
-import { Component } from 'react';
-import type { Node } from 'react';
+ */import { Component } from 'react';
 import PropTypes from 'prop-types';
-
-import { cssModules } from '../../bpk-react-utils';
-
-import { HORIZONTAL_NAV_TYPES } from './BpkHorizontalNav';
-import STYLES from './BpkHorizontalNavItem.module.scss';
-
+import { cssModules } from "../../bpk-react-utils";
+import { HORIZONTAL_NAV_TYPES } from "./BpkHorizontalNav";
+import STYLES from "./BpkHorizontalNavItem.module.css";
+import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
-
-export type Props = {
-  children: Node,
-  disabled: boolean,
-  selected: boolean,
-  spaceAround: boolean,
-  type: $Keys<typeof HORIZONTAL_NAV_TYPES>,
-  className: ?string,
-  href: ?string,
-};
-
 // In order to be able to access refs on the HorizontalNavItems, they need to be a fully defined
 // React Component class.
 // eslint-disable-next-line react/prefer-stateless-function
-class BpkHorizontalNavItem extends Component<Props> {
+class BpkHorizontalNavItem extends Component {
   static propTypes = {
     children: PropTypes.node.isRequired,
     className: PropTypes.string,
@@ -49,18 +32,16 @@ class BpkHorizontalNavItem extends Component<Props> {
     href: PropTypes.string,
     selected: PropTypes.bool,
     spaceAround: PropTypes.bool,
-    type: PropTypes.oneOf(Object.keys(HORIZONTAL_NAV_TYPES)),
+    type: PropTypes.oneOf(Object.keys(HORIZONTAL_NAV_TYPES))
   };
-
   static defaultProps = {
     className: null,
     disabled: false,
     href: null,
     selected: false,
     spaceAround: false,
-    type: HORIZONTAL_NAV_TYPES.default,
+    type: HORIZONTAL_NAV_TYPES.default
   };
-
   render() {
     const {
       children,
@@ -72,57 +53,37 @@ class BpkHorizontalNavItem extends Component<Props> {
       type,
       ...rest
     } = this.props;
-
-    const classNames = getClassName(
-      'bpk-horizontal-nav__item',
-      spaceAround && 'bpk-horizontal-nav__item--space-around',
-    );
-    const innerClassNames = getClassName(
-      'bpk-horizontal-nav__link',
-      `bpk-horizontal-nav__link--${type}`,
-      selected && `bpk-horizontal-nav__link--${type}-selected`,
-      disabled && `bpk-horizontal-nav__link--${type}-disabled`,
-      className,
-    );
-
-    const clickableElement = href ? (
-      // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-      <a
-        href={href}
-        className={innerClassNames}
-        aria-disabled={disabled}
-        role="tab"
-        aria-selected={selected ? 'true' : 'false'}
-        {...rest}
-      >
-        {children}
-      </a>
-    ) : (
-      // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-      <button
-        type="button"
-        className={innerClassNames}
-        disabled={disabled}
-        role="tab"
-        aria-selected={selected ? 'true' : 'false'}
-        {...rest}
-      >
-        {children}
-      </button>
-    );
-
-    return <div className={classNames}>{clickableElement}</div>;
+    const classNames = getClassName('bpk-horizontal-nav__item', spaceAround && 'bpk-horizontal-nav__item--space-around');
+    const innerClassNames = getClassName('bpk-horizontal-nav__link', `bpk-horizontal-nav__link--${type}`, selected && `bpk-horizontal-nav__link--${type}-selected`, disabled && `bpk-horizontal-nav__link--${type}-disabled`, className);
+    const clickableElement = href ?
+    /*#__PURE__*/
+    // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
+    _jsx("a", {
+      href: href,
+      className: innerClassNames,
+      "aria-disabled": disabled,
+      role: "tab",
+      "aria-selected": selected ? 'true' : 'false',
+      ...rest,
+      children: children
+    }) :
+    /*#__PURE__*/
+    // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
+    _jsx("button", {
+      type: "button",
+      className: innerClassNames,
+      disabled: disabled,
+      role: "tab",
+      "aria-selected": selected ? 'true' : 'false',
+      ...rest,
+      children: children
+    });
+    return /*#__PURE__*/_jsx("div", {
+      className: classNames,
+      children: clickableElement
+    });
   }
 }
-
-const themeAttributes = [
-  'horizontalNavLinkColor',
-  'horizontalNavLinkHoverColor',
-  'horizontalNavLinkActiveColor',
-  'horizontalNavLinkSelectedColor',
-  'horizontalNavBarSelectedColor',
-];
-
+const themeAttributes = ['horizontalNavLinkColor', 'horizontalNavLinkHoverColor', 'horizontalNavLinkActiveColor', 'horizontalNavLinkSelectedColor', 'horizontalNavBarSelectedColor'];
 export { themeAttributes };
-
-export default BpkHorizontalNavItem;
+export default BpkHorizontalNavItem;

package/bpk-component-icon/{all.tsx → all.js}

@@ -18,19 +18,15 @@
 
 // TODO: Work out the correct types for these to move away from 'any'.
 
-function requireAll(requireContext: any) {
-  const hash: any = {};
-
-  requireContext.keys().forEach((key: string) => {
-    const moduleName: any = key.replace('./', '').replace('.js', '');
+function requireAll(requireContext) {
+  const hash = {};
+  requireContext.keys().forEach(key => {
+    const moduleName = key.replace('./', '').replace('.js', '');
     hash[moduleName] = requireContext(key).default;
   });
-
   return hash;
 }
-
 const sm = requireAll(require.context('./sm', false, /\.js$/));
 const lg = requireAll(require.context('./lg', false, /\.js$/));
-
 export default sm;
-export { sm, lg };
+export { sm, lg };

package/bpk-component-icon/{index.tsx → index.js}

@@ -16,31 +16,18 @@
  * limitations under the License.
  */
 
-import type { ComponentType } from 'react';
-import {
-  iconSizeSm,
-  iconSizeLg,
-  privateButtonLineHeight,
-  // @ts-expect-error Untyped import. We will need to review how these files are handled
+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 withAlignment from './src/withAlignment';
-import withRtlSupport from './src/withRtlSupport';
-import withDescription from './src/withDescription';
+import withAlignment from "./src/withAlignment";
+import withRtlSupport from "./src/withRtlSupport";
+import withDescription from "./src/withDescription";
 
 // Wrapper functions to provide backwards compatibility
-function withButtonAlignment(WrappedComponent: ComponentType<any>) {
+function withButtonAlignment(WrappedComponent) {
   return withAlignment(WrappedComponent, privateButtonLineHeight, iconSizeSm);
 }
-
-function withLargeButtonAlignment(WrappedComponent: ComponentType<any>) {
+function withLargeButtonAlignment(WrappedComponent) {
   return withAlignment(WrappedComponent, privateButtonLineHeight, iconSizeLg);
 }
-
-export {
-  withButtonAlignment,
-  withLargeButtonAlignment,
-  withAlignment,
-  withRtlSupport,
-  withDescription,
-};
+export { withButtonAlignment, withLargeButtonAlignment, withAlignment, withRtlSupport, withDescription };

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

@@ -1,8 +1,18 @@
 import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 export default (({
   styles = {},
   ...props
-}) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
-  width: "1.5rem",
-  height: "1.5rem"
-}} {...props}><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" /></svg>);
+}) => /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  style: {
+    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"
+  })
+}));

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

@@ -1,8 +1,18 @@
 import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 export default (({
   styles = {},
   ...props
-}) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
-  width: "1.5rem",
-  height: "1.5rem"
-}} {...props}><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" /></svg>);
+}) => /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  style: {
+    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"
+  })
+}));

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

@@ -1,8 +1,18 @@
 import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 export default (({
   styles = {},
   ...props
-}) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
-  width: "1.5rem",
-  height: "1.5rem"
-}} {...props}><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" /></svg>);
+}) => /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  style: {
+    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"
+  })
+}));

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

@@ -1,8 +1,18 @@
 import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 export default (({
   styles = {},
   ...props
-}) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
-  width: "1.5rem",
-  height: "1.5rem"
-}} {...props}><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" /></svg>);
+}) => /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  style: {
+    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"
+  })
+}));

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

@@ -1,8 +1,18 @@
 import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 export default (({
   styles = {},
   ...props
-}) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
-  width: "1.5rem",
-  height: "1.5rem"
-}} {...props}><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" /></svg>);
+}) => /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  style: {
+    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"
+  })
+}));

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

@@ -1,8 +1,18 @@
 import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 export default (({
   styles = {},
   ...props
-}) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
-  width: "1.5rem",
-  height: "1.5rem"
-}} {...props}><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" /></svg>);
+}) => /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  style: {
+    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"
+  })
+}));

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

@@ -1,8 +1,18 @@
 import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 export default (({
   styles = {},
   ...props
-}) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
-  width: "1.5rem",
-  height: "1.5rem"
-}} {...props}><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" /></svg>);
+}) => /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  style: {
+    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"
+  })
+}));

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

@@ -1,8 +1,18 @@
 import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 export default (({
   styles = {},
   ...props
-}) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
-  width: "1.5rem",
-  height: "1.5rem"
-}} {...props}><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" /></svg>);
+}) => /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  style: {
+    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"
+  })
+}));