@hazelcast/ui 3.0.1-canary.0 → 3.0.1-canary.2

package/lib/components/Alert.js

@@ -1,117 +1,51 @@
-'use strict';
-
-var React = require('react');
-var cn = require('classnames');
-var reactFeather = require('react-feather');
-var useKey = require('react-use/lib/useKey');
-var utils_keyboard = require('../utils/keyboard.js');
-var components_Link = require('./Link.js');
-var components_Button = require('./Button.js');
-var components_Toast = require('./Toast.js');
-var components_Icon = require('./Icon.js');
-var components_IconButton = require('./IconButton.js');
-var Alert_module = require('./Alert.module.scss.js');
-
-const isAlertActionButton = action => action.onClick !== undefined;
-const Alert = ({
-  type,
-  title,
-  content,
-  actions,
-  className,
-  dismissableByEscKey = true,
-  closeToast,
-  titleClassName,
-  bodyClassName
-}) => {
-  const {
-    icon,
-    ariaLabel
-  } = components_Toast.ToastIcon[type];
-  const closeByEsc = React.useCallback(nativeEvent => {
-    if (dismissableByEscKey) {
-      closeToast === null || closeToast === void 0 ? void 0 : closeToast();
-      nativeEvent.stopImmediatePropagation();
-    }
-  }, [closeToast, dismissableByEscKey]);
-  useKey(utils_keyboard.escKeyFilterPredicate, closeByEsc, {
-    options: {
-      once: true
-    }
-  }, [closeByEsc, dismissableByEscKey]);
-  return /*#__PURE__*/React.createElement("div", {
-    "data-test": "alert",
-    className: cn(Alert_module.default.alert, {
-      [Alert_module.default.success]: type === 'success',
-      [Alert_module.default.info]: type === 'info',
-      [Alert_module.default.warning]: type === 'warning',
-      [Alert_module.default.critical]: type === 'critical'
-    }, className)
-  }, /*#__PURE__*/React.createElement(components_Icon.Icon, {
-    "data-test": "alert-icon",
-    ariaLabel: ariaLabel,
-    icon: icon,
-    className: Alert_module.default.icon
-  }), /*#__PURE__*/React.createElement("div", {
-    className: Alert_module.default.rightSide
-  }, /*#__PURE__*/React.createElement("div", {
-    className: Alert_module.default.header
-  }, title && (/*#__PURE__*/React.createElement("div", {
-    "data-test": "alert-title",
-    className: cn(Alert_module.default.title, titleClassName)
-  }, title)), !!closeToast && /*#__PURE__*/React.createElement(components_IconButton.IconButton, {
-    "data-test": "alert-close",
-    kind: "transparent",
-    ariaLabel: "Close icon",
-    icon: reactFeather.X,
-    onClick: closeToast
-  })), /*#__PURE__*/React.createElement("div", {
-    "data-test": "alert-body",
-    className: cn(Alert_module.default.body, bodyClassName)
-  }, content && /*#__PURE__*/React.createElement("div", {
-    "data-test": "alert-content"
-  }, content), (actions === null || actions === void 0 ? void 0 : actions.length) ? (/*#__PURE__*/React.createElement("div", {
-    "data-test": "alert-actions",
-    className: Alert_module.default.actions
-  }, actions.map((action, aI) => {
-    if (isAlertActionButton(action)) {
-      const {
-        text,
-        icon,
-        ariaLabel,
-        onClick
-      } = action;
-      const iconLeftProps = icon && ariaLabel ? {
-        iconLeft: icon,
-        iconLeftAriaLabel: ariaLabel,
-        iconLeftClassName: Alert_module.default.actionButtonIcon
-      } : {};
-      return /*#__PURE__*/React.createElement(components_Button.Button, {
-        key: aI,
-        variant: "text",
-        capitalize: false,
-        className: cn(Alert_module.default.action, Alert_module.default.actionButton),
-        bodyClassName: Alert_module.default.actionButtonBody,
-        onClick: onClick,
-        ...iconLeftProps
-      }, text);
-    }
-    const {
-      text,
-      href,
-      ...props
-    } = action;
-    return /*#__PURE__*/React.createElement(components_Link.Link, {
-      key: aI,
-      href: href,
-      icon: reactFeather.ChevronRight,
-      ariaLabel: "Icon chevron right",
-      className: Alert_module.default.action,
-      size: "small",
-      ...props
-    }, text);
-  }))) : null)));
+import React, { useCallback } from 'react';
+import cn from 'classnames';
+import { ChevronRight, X } from 'react-feather';
+import useKey from 'react-use/lib/useKey';
+import { escKeyFilterPredicate } from '../utils/keyboard';
+import { Link } from './Link';
+import { Button } from './Button';
+import { ToastIcon } from './Toast';
+import { Icon } from './Icon';
+import { IconButton } from './IconButton';
+import styles from './Alert.module.scss';
+const isAlertActionButton = (action) => action.onClick !== undefined;
+export const Alert = ({ type, title, content, actions, className, dismissableByEscKey = true, closeToast, titleClassName, bodyClassName, }) => {
+    const { icon, ariaLabel } = ToastIcon[type];
+    const closeByEsc = useCallback((nativeEvent) => {
+        if (dismissableByEscKey) {
+            closeToast === null || closeToast === void 0 ? void 0 : closeToast();
+            nativeEvent.stopImmediatePropagation();
+        }
+    }, [closeToast, dismissableByEscKey]);
+    useKey(escKeyFilterPredicate, closeByEsc, { options: { once: true } }, [closeByEsc, dismissableByEscKey]);
+    return (React.createElement("div", { "data-test": "alert", className: cn(styles.alert, {
+            [styles.success]: type === 'success',
+            [styles.info]: type === 'info',
+            [styles.warning]: type === 'warning',
+            [styles.critical]: type === 'critical',
+        }, className) },
+        React.createElement(Icon, { "data-test": "alert-icon", ariaLabel: ariaLabel, icon: icon, className: styles.icon }),
+        React.createElement("div", { className: styles.rightSide },
+            React.createElement("div", { className: styles.header },
+                title && (React.createElement("div", { "data-test": "alert-title", className: cn(styles.title, titleClassName) }, title)),
+                !!closeToast && React.createElement(IconButton, { "data-test": "alert-close", kind: "transparent", ariaLabel: "Close icon", icon: X, onClick: closeToast })),
+            React.createElement("div", { "data-test": "alert-body", className: cn(styles.body, bodyClassName) },
+                content && React.createElement("div", { "data-test": "alert-content" }, content),
+                (actions === null || actions === void 0 ? void 0 : actions.length) ? (React.createElement("div", { "data-test": "alert-actions", className: styles.actions }, actions.map((action, aI) => {
+                    if (isAlertActionButton(action)) {
+                        const { text, icon, ariaLabel, onClick } = action;
+                        const iconLeftProps = icon && ariaLabel
+                            ? {
+                                iconLeft: icon,
+                                iconLeftAriaLabel: ariaLabel,
+                                iconLeftClassName: styles.actionButtonIcon,
+                            }
+                            : {};
+                        return (React.createElement(Button, { key: aI, variant: "text", capitalize: false, className: cn(styles.action, styles.actionButton), bodyClassName: styles.actionButtonBody, onClick: onClick, ...iconLeftProps }, text));
+                    }
+                    const { text, href, ...props } = action;
+                    return (React.createElement(Link, { key: aI, href: href, icon: ChevronRight, ariaLabel: "Icon chevron right", className: styles.action, size: "small", ...props }, text));
+                }))) : null))));
 };
-
-exports.Alert = Alert;
-//# sourceMappingURL=Alert.js.map
+//# sourceMappingURL=Alert.js.map

package/lib/components/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../src/components/Alert.tsx"],"sourcesContent":[null],"names":["isAlertActionButton","action","onClick","undefined","Alert","type","title","content","actions","className","dismissableByEscKey","closeToast","titleClassName","bodyClassName","icon","ariaLabel","ToastIcon","closeByEsc","useCallback","nativeEvent","stopImmediatePropagation","useKey","escKeyFilterPredicate","options","once","React","createElement","cn","styles","alert","success","info","warning","critical","Icon","rightSide","header","IconButton","kind","X","body","length","map","aI","text","iconLeftProps","iconLeft","iconLeftAriaLabel","iconLeftClassName","actionButtonIcon","Button","key","variant","capitalize","actionButton","actionButtonBody","href","props","Link","ChevronRight","size"],"mappings":"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"}
+{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/components/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,WAAW,EAAE,MAAM,OAAO,CAAA;AACzD,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,YAAY,EAAE,CAAC,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,MAAM,MAAM,sBAAsB,CAAA;AAEzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AACzD,OAAO,EAAE,IAAI,EAAa,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,MAAM,EAAiC,MAAM,UAAU,CAAA;AAChE,OAAO,EAAE,SAAS,EAAa,MAAM,SAAS,CAAA;AAC9C,OAAO,EAAE,IAAI,EAAa,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAGzC,OAAO,MAAM,MAAM,qBAAqB,CAAA;AA4BxC,MAAM,mBAAmB,GAAG,CAAC,MAAmB,EAA+B,EAAE,CAAE,MAA4B,CAAC,OAAO,KAAK,SAAS,CAAA;AAcrI,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,EACpC,IAAI,EACJ,KAAK,EACL,OAAO,EACP,OAAO,EACP,SAAS,EACT,mBAAmB,GAAG,IAAI,EAC1B,UAAU,EACV,cAAc,EACd,aAAa,GACd,EAAE,EAAE;IACH,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC,IAAI,CAAC,CAAA;IAE3C,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,WAA0B,EAAE,EAAE;QAC7B,IAAI,mBAAmB,EAAE,CAAC;YACxB,UAAU,aAAV,UAAU,uBAAV,UAAU,EAAI,CAAA;YACd,WAAW,CAAC,wBAAwB,EAAE,CAAA;QACxC,CAAC;IACH,CAAC,EACD,CAAC,UAAU,EAAE,mBAAmB,CAAC,CAClC,CAAA;IAED,MAAM,CAAC,qBAAqB,EAAE,UAAU,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,UAAU,EAAE,mBAAmB,CAAC,CAAC,CAAA;IAEzG,OAAO,CACL,0CACY,OAAO,EACjB,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,KAAK,EACZ;YACE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,IAAI,KAAK,SAAS;YACpC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,KAAK,MAAM;YAC9B,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,IAAI,KAAK,SAAS;YACpC,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,IAAI,KAAK,UAAU;SACvC,EACD,SAAS,CACV;QAED,oBAAC,IAAI,iBAAW,YAAY,EAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,GAAI;QACzF,6BAAK,SAAS,EAAE,MAAM,CAAC,SAAS;YAC9B,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM;gBAC1B,KAAK,IAAI,CACR,0CAAe,aAAa,EAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,cAAc,CAAC,IACrE,KAAK,CACF,CACP;gBACA,CAAC,CAAC,UAAU,IAAI,oBAAC,UAAU,iBAAW,aAAa,EAAC,IAAI,EAAC,aAAa,EAAC,SAAS,EAAC,YAAY,EAAC,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,UAAU,GAAI,CAC3H;YACN,0CAAe,YAAY,EAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,aAAa,CAAC;gBAClE,OAAO,IAAI,0CAAe,eAAe,IAAE,OAAO,CAAO;gBACzD,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,EAAC,CAAC,CAAC,CACjB,0CAAe,eAAe,EAAC,SAAS,EAAE,MAAM,CAAC,OAAO,IACrD,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE;oBAC1B,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE,CAAC;wBAChC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,MAAM,CAAA;wBACjD,MAAM,aAAa,GACjB,IAAI,IAAI,SAAS;4BACf,CAAC,CAAC;gCACE,QAAQ,EAAE,IAAI;gCACd,iBAAiB,EAAE,SAAS;gCAC5B,iBAAiB,EAAE,MAAM,CAAC,gBAAgB;6BAC3C;4BACH,CAAC,CAAC,EAAE,CAAA;wBAER,OAAO,CACL,oBAAC,MAAM,IACL,GAAG,EAAE,EAAE,EACP,OAAO,EAAC,MAAM,EACd,UAAU,EAAE,KAAK,EACjB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,YAAY,CAAC,EACjD,aAAa,EAAE,MAAM,CAAC,gBAAgB,EACtC,OAAO,EAAE,OAAO,KACZ,aAAa,IAEhB,IAAI,CACE,CACV,CAAA;oBACH,CAAC;oBAED,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,GAAG,MAAM,CAAA;oBAEvC,OAAO,CACL,oBAAC,IAAI,IACH,GAAG,EAAE,EAAE,EACP,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,YAAY,EAClB,SAAS,EAAC,oBAAoB,EAC9B,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,IAAI,EAAC,OAAO,KACR,KAAK,IAER,IAAI,CACA,CACR,CAAA;gBACH,CAAC,CAAC,CACE,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA"}

package/lib/components/Alert.module.scss

@@ -0,0 +1,141 @@
+@use '../../styles/constants' as c;
+@use '../../styles/helpers' as h;
+
+// TODO: potential max-height
+.alert {
+  display: inline-flex;
+  padding: c.$grid * 2.5;
+  width: c.$alertWidth;
+  border-left: 5px solid transparent;
+
+  .icon {
+    flex-shrink: 0;
+    margin-right: c.$grid * 2.5;
+  }
+
+  .rightSide {
+    flex-grow: 1;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+  }
+
+  .header {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+
+    .title {
+      flex: 1 0 auto;
+      margin-right: c.$grid * 8.5;
+
+      @include c.typographyBodyNormal('bold');
+      @include h.overflowEllipsis;
+    }
+  }
+
+  /* Theme - Success */
+  &.success {
+    color: c.$colorText;
+    border-color: c.$colorSuccess;
+    background-color: c.$colorSuccessLight;
+
+    .icon {
+      color: c.$colorText;
+    }
+
+    .actions {
+      .action {
+        color: c.$colorText;
+      }
+    }
+  }
+
+  /* Theme - Info */
+  &.info {
+    color: c.$colorText;
+    border-color: c.$colorInfo;
+    background-color: c.$colorInfoLight;
+
+    .icon {
+      color: c.$colorText;
+    }
+
+    .actions {
+      .action {
+        color: c.$colorText;
+      }
+    }
+  }
+
+  /* Theme - Warning */
+  &.warning {
+    color: c.$colorText;
+    border-color: c.$colorWarning;
+    background-color: c.$colorWarningLight;
+
+    .icon {
+      color: c.$colorText;
+    }
+
+    .actions {
+      .action {
+        color: c.$colorText;
+      }
+    }
+  }
+
+  /* Theme - Critical */
+  &.critical {
+    color: c.$colorText;
+    border-color: c.$colorError;
+    background-color: c.$colorErrorLight;
+
+    .icon {
+      color: c.$colorText;
+    }
+
+    .actions {
+      .action {
+        color: c.$colorText;
+      }
+    }
+  }
+
+  .body {
+    padding-right: c.$grid * 8.5;
+
+    @include c.typographyBodySmall;
+
+    .actions {
+      display: flex;
+      margin: c.$grid * 3 0 c.$grid;
+
+      .action {
+        &:not(:last-child) {
+          margin-right: c.$grid * 6;
+        }
+      }
+
+      .actionButton {
+        height: auto;
+
+        @include c.typographyBodySmall;
+
+        &:hover,
+        &.hover {
+          /* doiuse-disable text-decoration */
+          text-decoration: underline solid;
+        }
+
+        .actionButtonBody {
+          padding: 0;
+        }
+
+        .actionButtonIcon {
+          margin-right: c.$grid * 1.5;
+        }
+      }
+    }
+  }
+}

package/lib/components/AppHeader/AppHeader.js

@@ -1,39 +1,17 @@
-'use strict';
-
-var React = require('react');
-var cn = require('classnames');
-var components_AppHeader_EnvironmentBadge_EnvironmentBadge = require('./EnvironmentBadge/EnvironmentBadge.js');
-var components_AppHeader_AppHeaderMenu_AppHeaderMenu = require('./AppHeaderMenu/AppHeaderMenu.js');
-var components_AppHeader_AppHeaderLogo_AppHeaderLogo = require('./AppHeaderLogo/AppHeaderLogo.js');
-var components_AppHeader_SelectCluster_SelectCluster = require('./SelectCluster/SelectCluster.js');
-var AppHeader_module = require('./AppHeader.module.scss.js');
-
-const AppHeader = ({
-  name,
-  className,
-  children,
-  environment,
-  clusterSelectProps,
-  logoProps,
-  menuContent,
-  asideContent,
-  'data-test': dataTest = 'app-header'
-}) => (/*#__PURE__*/React.createElement("header", {
-  "data-test": dataTest,
-  className: cn(AppHeader_module.default.root, className)
-}, /*#__PURE__*/React.createElement(components_AppHeader_AppHeaderLogo_AppHeaderLogo.AppHeaderLogo, {
-  ...logoProps
-}), /*#__PURE__*/React.createElement("span", {
-  className: AppHeader_module.default.name
-}, name), clusterSelectProps && /*#__PURE__*/React.createElement(components_AppHeader_SelectCluster_SelectCluster.SelectCluster, {
-  ...clusterSelectProps
-}), children, environment && /*#__PURE__*/React.createElement(components_AppHeader_EnvironmentBadge_EnvironmentBadge.EnvironmentBadge, {
-  environment: environment
-}), /*#__PURE__*/React.createElement("div", {
-  className: AppHeader_module.default.aside
-}, asideContent, menuContent && /*#__PURE__*/React.createElement(components_AppHeader_AppHeaderMenu_AppHeaderMenu.AppHeaderMenu, {
-  separator: !!asideContent
-}, menuContent))));
-
-exports.AppHeader = AppHeader;
-//# sourceMappingURL=AppHeader.js.map
+import React from 'react';
+import cls from 'classnames';
+import { EnvironmentBadge } from './EnvironmentBadge';
+import { AppHeaderMenu } from './AppHeaderMenu';
+import { AppHeaderLogo } from './AppHeaderLogo';
+import { SelectCluster } from './SelectCluster';
+import styles from './AppHeader.module.scss';
+export const AppHeader = ({ name, className, children, environment, clusterSelectProps, logoProps, menuContent, asideContent, 'data-test': dataTest = 'app-header', }) => (React.createElement("header", { "data-test": dataTest, className: cls(styles.root, className) },
+    React.createElement(AppHeaderLogo, { ...logoProps }),
+    React.createElement("span", { className: styles.name }, name),
+    clusterSelectProps && React.createElement(SelectCluster, { ...clusterSelectProps }),
+    children,
+    environment && React.createElement(EnvironmentBadge, { environment: environment }),
+    React.createElement("div", { className: styles.aside },
+        asideContent,
+        menuContent && React.createElement(AppHeaderMenu, { separator: !!asideContent }, menuContent))));
+//# sourceMappingURL=AppHeader.js.map

package/lib/components/AppHeader/AppHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppHeader.js","sources":["../../../src/components/AppHeader/AppHeader.tsx"],"sourcesContent":[null],"names":["AppHeader","name","className","children","environment","clusterSelectProps","logoProps","menuContent","asideContent","dataTest","React","createElement","cls","styles","root","AppHeaderLogo","SelectCluster","EnvironmentBadge","aside","AppHeaderMenu","separator"],"mappings":";;;;;;;;;;AAsBO,MAAMA,SAAS,GAAGA,CAAC;EACxBC,IAAI;EACJC,SAAS;EACTC,QAAQ;EACRC,WAAW;EACXC,kBAAkB;EAClBC,SAAS;EACTC,WAAW;EACXC,YAAY;EACZ,WAAW,EAAEC,QAAQ,GAAG;AAAY,CACrB,mBACfC,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;AAAA,EAAA,WAAA,EAAmBF,QAAQ;AAAEP,EAAAA,SAAS,EAAEU,EAAG,CAACC,wBAAM,CAACC,IAAI,EAAEZ,SAAS;AAAC,CAAA,eACjEQ,KAAA,CAAAC,aAAA,CAACI,8DAAa,EAAA;EAAA,GAAKT;AAAS,CAAA,CAAI,eAChCI,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;EAAMT,SAAS,EAAEW,wBAAM,CAACZ;AAAI,CAAA,EAAGA,IAAI,CAAQ,EAC1CI,kBAAkB,iBAAIK,KAAA,CAAAC,aAAA,CAACK,8DAAa,EAAA;EAAA,GAAKX;AAAkB,CAAA,CAAI,EAC/DF,QAAQ,EACRC,WAAW,iBAAIM,KAAA,CAAAC,aAAA,CAACM,uEAAgB;AAACb,EAAAA,WAAW,EAAEA;AAAW,CAAA,CAAI,eAC9DM,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;EAAKT,SAAS,EAAEW,wBAAM,CAACK;AAAK,CAAA,EACzBV,YAAY,EACZD,WAAW,iBAAIG,KAAA,CAAAC,aAAA,CAACQ,8DAAa,EAAA;EAACC,SAAS,EAAE,CAAC,CAACZ;GAAeD,WAAW,CAAiB,CACnF,CACC;;;;"}
+{"version":3,"file":"AppHeader.js","sourceRoot":"","sources":["../../../src/components/AppHeader/AppHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,GAAG,MAAM,YAAY,CAAA;AAE5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,aAAa,EAAsB,MAAM,iBAAiB,CAAA;AACnE,OAAO,EAAE,aAAa,EAAsB,MAAM,iBAAiB,CAAA;AACnE,OAAO,EAAE,aAAa,EAAsB,MAAM,iBAAiB,CAAA;AAGnE,OAAO,MAAM,MAAM,yBAAyB,CAAA;AAa5C,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,WAAW,EACX,kBAAkB,EAClB,SAAS,EACT,WAAW,EACX,YAAY,EACZ,WAAW,EAAE,QAAQ,GAAG,YAAY,GACrB,EAAE,EAAE,CAAC,CACpB,6CAAmB,QAAQ,EAAE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC;IACjE,oBAAC,aAAa,OAAK,SAAS,GAAI;IAChC,8BAAM,SAAS,EAAE,MAAM,CAAC,IAAI,IAAG,IAAI,CAAQ;IAC1C,kBAAkB,IAAI,oBAAC,aAAa,OAAK,kBAAkB,GAAI;IAC/D,QAAQ;IACR,WAAW,IAAI,oBAAC,gBAAgB,IAAC,WAAW,EAAE,WAAW,GAAI;IAC9D,6BAAK,SAAS,EAAE,MAAM,CAAC,KAAK;QACzB,YAAY;QACZ,WAAW,IAAI,oBAAC,aAAa,IAAC,SAAS,EAAE,CAAC,CAAC,YAAY,IAAG,WAAW,CAAiB,CACnF,CACC,CACV,CAAA"}

package/lib/components/AppHeader/AppHeader.module.scss

@@ -0,0 +1,29 @@
+@use '../../../styles/constants' as c;
+
+.root {
+  background: c.$colorBrandSecondary;
+  color: c.$colorNeutralLighter;
+  display: flex;
+  align-items: center;
+  height: 59px;
+  box-sizing: border-box;
+  flex-direction: row;
+  font-size: c.$fontSizeBodySmall;
+  width: 100%;
+  padding: 0 c.$grid * 5;
+  overflow-x: auto;
+  flex-shrink: 0;
+  gap: c.$grid * 7.5;
+}
+
+.name {
+  color: c.$colorBrandPrimary;
+  font-weight: 600;
+}
+
+.aside {
+  display: flex;
+  align-items: center;
+  margin-left: auto;
+  gap: c.$grid * 4;
+}

package/lib/components/AppHeader/AppHeaderLogo/AppHeaderLogo.js

@@ -1,24 +1,7 @@
-'use strict';
-
-var React = require('react');
-var cn = require('classnames');
-var AppHeaderLogo_module = require('./AppHeaderLogo.module.scss.js');
-
-const AppHeaderLogo = ({
-  imgProps,
-  wrapperProps,
-  LinkComponent
-}) => (/*#__PURE__*/React.createElement("div", {
-  ...wrapperProps,
-  className: cn(AppHeaderLogo_module.default.root, wrapperProps === null || wrapperProps === void 0 ? void 0 : wrapperProps.className)
-}, /*#__PURE__*/React.createElement(LinkComponent, {
-  className: AppHeaderLogo_module.default.link,
-  "data-test": "logo-link"
-}, /*#__PURE__*/React.createElement("img", {
-  alt: "Home",
-  src: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTU1IiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMTU1IDIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNOTQuNDkwOSAzLjQzNzYxQzk1LjUxNTEgMi45MTkwOSA5Ni42MjY5IDIuNjU1MzUgOTcuNzk2NyAyLjY1NTM1Qzk5LjA0NjQgMi42NTUzNSAxMDAuMjMzIDIuOTQ4NTQgMTAxLjMzNiAzLjUzNDkyQzEwMS42MDQgMy42NTc4MyAxMDEuODI1IDMuNzE2NzIgMTAyLjAxMyAzLjcxNjcyQzEwMi4zMjQgMy43MTY3MiAxMDIuNTg0IDMuNTg5OTcgMTAyLjc2MyAzLjM1MDU1QzEwMi45MjkgMy4xMjkwNiAxMDMuMDE0IDIuODY0MDQgMTAzLjAxNCAyLjU2MDYxQzEwMy4wMTQgMS45OTM0MyAxMDIuNzgyIDEuNTU1NTcgMTAyLjMyMyAxLjI1ODU0QzEwMS42ODcgMC44NTc4MDMgMTAwLjk2IDAuNTQ0MTI5IDEwMC4xNTcgMC4zMjY0NzdDOTkuMzU2OCAwLjEwODgyNiA5OC41MjA3IDAgOTcuNjcwNSAwQzk2LjEwNzcgMCA5NC41OTUzIDAuMzYxMDQ1IDkzLjE3NjggMS4wNzQxN0M5MS43NTA3IDEuNzkxMTQgOTAuNTc0NSAyLjkwNzU3IDg5LjY3OTEgNC4zOTI3MkM4OC43ODUgNS44NzY1OSA4OC4zMzI4IDcuNzE1MTEgODguMzMyOCA5Ljg1NzA1Qzg4LjMzMjggMTEuOTk5IDg4Ljc4NjMgMTMuODE1NyA4OS42NzkxIDE1LjMwNzNDOTAuNTczMiAxNi44MDE0IDkxLjc0NDIgMTcuOTMwNiA5My4xNjE0IDE4LjY2NTVDOTQuNTcyMSAxOS4zOTc5IDk2LjA4MDcgMTkuNzY3OSA5Ny42NDQ3IDE5Ljc2NzlDOTkuNDE3NCAxOS43Njc5IDEwMC45OTIgMTkuMzI2MiAxMDIuMzE0IDE4LjQ2MDdDMTAyLjUzNiAxOC4zMzE0IDEwMi43MTIgMTguMTUwOSAxMDIuODM0IDE3LjkyNDJDMTAyLjk1NCAxNy43MDI3IDEwMy4wMTQgMTcuNDY5NyAxMDMuMDE0IDE3LjIzMjlDMTAzLjAxNCAxNi45MDkgMTAyLjkyIDE2LjYyNzMgMTAyLjczNCAxNi4zOTY4QzEwMi41MzYgMTYuMTUzNiAxMDIuMjcxIDE2LjAyNDMgMTAxLjk2MyAxNi4wMjQzQzEwMS43NTIgMTYuMDI0MyAxMDEuNTUgMTYuMDgwNiAxMDEuMzcgMTYuMTg2OUMxMDAuMjQ4IDE2Ljc4MzUgOTkuMDQ1MSAxNy4wODU2IDk3Ljc5NTQgMTcuMDg1NkM5Ni42MTAyIDE3LjA4NTYgOTUuNDkwNiAxNi44MTQyIDk0LjQ2NzcgMTYuMjc5MUM5My40NTEyIDE1Ljc0NzcgOTIuNjIwMyAxNC45MjgzIDkxLjk5OTMgMTMuODQzOUM5MS4zNzU4IDEyLjc1NjkgOTEuMDYwMSAxMS40MTUyIDkxLjA2MDEgOS44NTgzM0M5MS4wNjAxIDguMzAxNDkgOTEuMzc5NiA2LjkxMzY0IDkyLjAxMDkgNS44MzU2MkM5Mi42Mzk2IDQuNzYwMTcgOTMuNDc0NCAzLjk1NDg2IDk0LjQ4OTYgMy40NDAxN0w5NC40OTA5IDMuNDM3NjFaIiBmaWxsPSIjRjBGNkZGIi8+CjxwYXRoIGQ9Ik0xMzYuMDcyIDMuOTQxOTZDMTM2Ljc2NCAzLjUzNDgzIDEzNy4yMjggMi43MDEzNSAxMzUuMzM3IDEuMTU0NzRDMTM1LjMyNiAxLjE0NzA2IDEzNS4zMTYgMS4xMzkzOCAxMzUuMzA2IDEuMTMwNDJDMTM0LjMyNSAwLjM4NTI4MSAxMzMuMTAzIDAuMDI4MDc2MiAxMzEuNzAxIDAuMDI4MDc2MkMxMzAuNjYgMC4wMjgwNzYyIDEyOS43MDcgMC4yMzU0ODUgMTI4Ljg2NyAwLjY0NjQ2M0MxMjguMDE4IDEuMDYgMTI3LjM0MiAxLjY2MzAyIDEyNi44NTcgMi40Mzc2MUMxMjYuMzcxIDMuMjEyMTkgMTI2LjEyNSA0LjEwODQgMTI2LjEyNSA1LjEwMDY0QzEyNi4xMjUgNi4xODUwNSAxMjYuMzgyIDcuMTA1NTkgMTI2Ljg4OCA3LjgzNzkyQzEyNy4zODQgOC41NTYxNyAxMjcuOTkyIDkuMTQyNTUgMTI4LjY5NiA5LjU4MDQyQzEyOS4zOCAxMC4wMDY4IDEzMC4yOSAxMC40NzI4IDEzMS40IDEwLjk2NTdDMTMyLjI4IDExLjM2NTIgMTMyLjk5MSAxMS43MTYgMTMzLjUxIDEyLjAwOTJDMTM0LjAwOSAxMi4yOTA4IDEzNC40MjkgMTIuNjQ2NyAxMzQuNzYyIDEzLjA2NTRDMTM1LjA4NCAxMy40NzEzIDEzNS4yNCAxMy45NDg4IDEzNS4yNCAxNC41Mjc1QzEzNS4yNCAxNS4zNTIgMTM0Ljk1MyAxNS45OTYgMTM0LjM2MyAxNi40OTQxQzEzMy43NjggMTYuOTk1OSAxMzIuOTQ3IDE3LjI1MiAxMzEuOTIzIDE3LjI1MkMxMzEuMDU2IDE3LjI1MiAxMzAuMzkgMTcuMTYzNyAxMjkuNjcyIDE2Ljc1NzhDMTI5LjQ2NSAxNi42NCAxMjkuMTkgMTYuNDE4NSAxMjguOTA4IDE2LjExMjVDMTI4LjAzNiAxNS4xNzE1IDEyNy43NzggMTQuNTkyOCAxMjYuODU2IDE0LjgyOTdDMTI2LjE1IDE1LjAxMTUgMTI1Ljc4NCAxNS44MTE3IDEyNi4xMjIgMTYuNzMwOUMxMjYuNTY5IDE3Ljk0ODUgMTI4LjA0MSAxOC43NzQzIDEyOC4wNDEgMTguNzc0M0MxMjkuMTMxIDE5LjQ4ODcgMTMwLjQ1NyAxOS43NTYzIDEzMS45MjEgMTkuNzU2M0MxMzMuMDkxIDE5Ljc1NjMgMTM0LjE1MiAxOS41Mzk5IDEzNS4wNzQgMTkuMTE0OEMxMzYuMDA1IDE4LjY4NDcgMTM2Ljc0NSAxOC4wNTYgMTM3LjI3MiAxNy4yNDY5QzEzNy44MDEgMTYuNDM2NCAxMzguMDY5IDE1LjQ3NzUgMTM4LjA2OSAxNC4zOTU2QzEzOC4wNjkgMTMuMzEzOCAxMzcuODE3IDEyLjM5NTggMTM3LjMxOCAxMS42NzEyQzEzNi44MjkgMTAuOTU5MyAxMzYuMjIzIDEwLjM4OTYgMTM1LjUxNiA5Ljk3NzMxQzEzNC44MzMgOS41NzkxNCAxMzMuOTIzIDkuMTM2MTUgMTMyLjgxIDguNjU4NkMxMzEuOSA4LjI3ODM1IDEzMS4xNyA3LjkzNjUxIDEzMC42NDMgNy42NDMzMkMxMzAuMTM4IDcuMzYyOTMgMTI5LjcwOSA2Ljk5OTMzIDEyOS4zNjkgNi41NjI3NEMxMjkuMDM4IDYuMTQwMjQgMTI4Ljg3OCA1LjYzNDUyIDEyOC44NzggNS4wMTk5OEMxMjguODc4IDQuMjQ5MjMgMTI5LjE0IDMuNjU5MDIgMTI5LjY3OSAzLjIxMzQ3QzEzMC4yMjUgMi43NjI4IDEzMC45MTMgMi41MzM2MyAxMzEuNzI0IDIuNTMzNjNDMTMyLjUzNiAyLjUzMzYzIDEzMy4xNDIgMi43OTk5MyAxMzMuNzA4IDMuMjAwNjdDMTMzLjc0MiAzLjIyNDk5IDEzNC4wNTQgMy40OTY0MiAxMzQuMDU0IDMuNDk2NDJDMTM1LjEgNC40Njk0NSAxMzYuMDcgMy45NDE5NiAxMzYuMDcgMy45NDE5NkgxMzYuMDcyWiIgZmlsbD0iI0YwRjZGRiIvPgo8cGF0aCBkPSJNMTIuNTg5NCAwLjMyMDA2OEMxMS44NTEyIDAuMzIwMDY4IDExLjI1MzQgMC45MTQxMjkgMTEuMjUzNCAxLjY0Nzc0VjguNTg4MjZIMi42NzE5NVYxLjY0Nzc0QzIuNjcxOTUgMC45MTQxMjkgMi4wNzQxOCAwLjMyMDA2OCAxLjMzNTk4IDAuMzIwMDY4QzAuNTk3Nzc1IDAuMzIwMDY4IDAgMC45MTQxMjkgMCAxLjY0Nzc0VjE4LjEzNjhDMCAxOC44NzA0IDAuNTk3Nzc1IDE5LjQ2NDQgMS4zMzU5OCAxOS40NjQ0QzIuMDc0MTggMTkuNDY0NCAyLjY3MTk1IDE4Ljg3MDQgMi42NzE5NSAxOC4xMzY4VjExLjE4MDlIMTEuMjUzNFYxOC4xMzY4QzExLjI1MzQgMTguODcwNCAxMS44NTEyIDE5LjQ2NDQgMTIuNTg5NCAxOS40NjQ0QzEzLjMyNzYgMTkuNDY0NCAxMy45MjUzIDE4Ljg3MDQgMTMuOTI1MyAxOC4xMzY4VjEuNjQ3NzRDMTMuOTI1MyAwLjkxNDEyOSAxMy4zMjc2IDAuMzIwMDY4IDEyLjU4OTQgMC4zMjAwNjhaIiBmaWxsPSIjRjBGNkZGIi8+CjxwYXRoIGQ9Ik0zMy40MDMxIDE3LjY4NjJMMjcuOTY1MiAxLjY3OTg4QzI3LjgyMjIgMS4yODA0MiAyNy42MTQ4IDAuOTU1MjI0IDI3LjM1MDcgMC43MTE5NjZDMjcuMDY4NSAwLjQ1NDYyNSAyNi43NDY1IDAuMzIyNzU0IDI2LjM5MjIgMC4zMjI3NTRIMjUuODMwNUMyNS41MDg0IDAuMzIyNzU0IDI1LjE5NzkgMC40NTg0NjYgMjQuOTA4IDAuNzI0NzY5QzI0LjYzMzYgMC45NzgyNjkgMjQuNDMwMSAxLjMwMDkxIDI0LjMwMzggMS42ODM3MkwyMi42NjY0IDYuNTIwN0wyMy45MzU0IDEwLjQ5NzNDMjQuOTgwMiA3LjAxNDkgMjYuMTA2MiAzLjk3NDE4IDI2LjE2MDMgMy43OTg3OEwzMC44MzA0IDE4LjUyMjNDMzEuMDU4NCAxOS4yNDMxIDMxLjgzOTEgMTkuNjM2MSAzMi41NTggMTkuMzkyOUMzMy4yNjUzIDE5LjE1MzQgMzMuNjQ0MSAxOC4zOTA0IDMzLjQwNDQgMTcuNjg3NUwzMy40MDMxIDE3LjY4NjJaIiBmaWxsPSIjRjBGNkZGIi8+CjxwYXRoIGQ9Ik0yMS42MzQ1IDkuNjgyOTJMMTguOTE2MSAxNy42ODY0QzE4LjY3NjUgMTguMzg5NCAxOS4wNTUzIDE5LjE1MjUgMTkuNzYyNiAxOS4zOTE5QzIwLjQ4MjcgMTkuNjM1MSAyMS4yNjIyIDE5LjI0MjEgMjEuNDkwMiAxOC41MjEyTDIyLjk1NzYgMTMuNjg1M0wyMS42MzQ1IDkuNjgxNjRWOS42ODI5MloiIGZpbGw9IiMxMEE0QjMiLz4KPHBhdGggZD0iTTEyMi4xOTQgMTcuNjg2MkwxMTYuNzU2IDEuNjc5ODhDMTE2LjYxMyAxLjI4MDQyIDExNi40MDUgMC45NTUyMjQgMTE2LjE0MSAwLjcxMTk2NkMxMTUuODU5IDAuNDU0NjI1IDExNS41MzcgMC4zMjI3NTQgMTE1LjE4MyAwLjMyMjc1NEgxMTQuNjIxQzExNC4yOTkgMC4zMjI3NTQgMTEzLjk4OCAwLjQ1ODQ2NiAxMTMuNjk4IDAuNzI0NzY5QzExMy40MjQgMC45NzgyNjkgMTEzLjIyIDEuMzAwOTEgMTEzLjA5NCAxLjY4MzcyTDExMS40NTcgNi41MjA3TDExMi43MjYgMTAuNDk3M0MxMTMuNzcxIDcuMDE0OSAxMTQuODk3IDMuOTc0MTggMTE0Ljk1MSAzLjc5ODc4TDExOS42MjEgMTguNTIyM0MxMTkuODQ5IDE5LjI0MzEgMTIwLjYzIDE5LjYzNjEgMTIxLjM0OCAxOS4zOTI5QzEyMi4wNTYgMTkuMTUzNCAxMjIuNDM0IDE4LjM5MDQgMTIyLjE5NSAxNy42ODc1TDEyMi4xOTQgMTcuNjg2MloiIGZpbGw9IiNGMEY2RkYiLz4KPHBhdGggZD0iTTExMC40MjUgOS42ODI5MkwxMDcuNzA3IDE3LjY4NjRDMTA3LjQ2NyAxOC4zODk0IDEwNy44NDYgMTkuMTUyNSAxMDguNTUzIDE5LjM5MTlDMTA5LjI3MyAxOS42MzUxIDExMC4wNTMgMTkuMjQyMSAxMTAuMjgxIDE4LjUyMTJMMTExLjc0OCAxMy42ODUzTDExMC40MjUgOS42ODE2NFY5LjY4MjkyWiIgZmlsbD0iIzEwQTRCMyIvPgo8cGF0aCBkPSJNNTAuMjAwMyAxNi44ODg1SDQxLjcxOTRMNTAuODkyMSAyLjA3MDMxQzUxLjA2NiAxLjc4MjI0IDUxLjE1MTEgMS41MzM4NiA1MS4xNTExIDEuMzA5ODFDNTEuMTUxMSAxLjAyNTU4IDUxLjAzIDAuNzc1OTIyIDUwLjc5ODEgMC41ODg5OTdDNTAuNTgwMyAwLjQxMjMxNiA1MC4yOTA1IDAuMzIzOTc1IDQ5LjkzNzUgMC4zMjM5NzVIMzkuMDA2MkMzOC4yODk5IDAuMzIzOTc1IDM3LjcxMDEgMC45MDAxMTEgMzcuNzEwMSAxLjYxMTk2QzM3LjcxMDEgMi4zMjM4MSAzOC4yODk5IDIuODk5OTQgMzkuMDA2MiAyLjg5OTk0SDQ3LjQ2MDFMMzguMjE5IDE3LjcxMThDMzguMDQ1MSAxNy45Nzk0IDM3Ljk1NjIgMTguMjM4IDM3Ljk1NjIgMTguNDc5OUMzNy45NTYyIDE4Ljc4MzQgMzguMDc0NyAxOS4wMzY5IDM4LjI5NzYgMTkuMjE0OEMzOC41MDYzIDE5LjM4MTMgMzguNzkxIDE5LjQ2NTggMzkuMTQ0IDE5LjQ2NThINTAuMTk5QzUwLjkxNTMgMTkuNDY1OCA1MS40OTUgMTguODg5NiA1MS40OTUgMTguMTc3OEM1MS40OTUgMTcuNDY2IDUwLjkxNTMgMTYuODg5OCA1MC4xOTkgMTYuODg5OEw1MC4yMDAzIDE2Ljg4ODVaIiBmaWxsPSIjRjBGNkZGIi8+CjxwYXRoIGQ9Ik03MC42MzE1IDEuNTk5MTlDNzAuNjMxNSAwLjg4MzUwNCA3MC4wNDc5IDAuMzAyMjQ2IDY5LjMyNjQgMC4zMDIyNDZINTkuMjQ1NEM1OC41NDIgMC4zMDIyNDYgNTcuOTcyNiAwLjg2ODE0IDU3Ljk3MjYgMS41NjcxOVYyLjg5NDg2SDY5LjMyNzdDNzAuMDQ3OSAyLjg5NDg2IDcwLjYzMjggMi4zMTQ4OCA3MC42MzI4IDEuNTk3OTFMNzAuNjMxNSAxLjU5OTE5WiIgZmlsbD0iI0YwRjZGRiIvPgo8cGF0aCBkPSJNNjkuMzk3NCAxNi44NzE5SDU4LjA0MjJWMTguMTk5NkM1OC4wNDIyIDE4Ljg5ODYgNTguNjExNyAxOS40NjQ1IDU5LjMxNTEgMTkuNDY0NUg2OS4zOTYxQzcwLjExNjMgMTkuNDY0NSA3MC43MDEyIDE4Ljg4NDUgNzAuNzAxMiAxOC4xNjc2QzcwLjcwMTIgMTcuNDUwNiA3MC4xMTc2IDE2Ljg3MDYgNjkuMzk2MSAxNi44NzA2TDY5LjM5NzQgMTYuODcxOVoiIGZpbGw9IiNGMEY2RkYiLz4KPHBhdGggZD0iTTY5LjM5NzMgOC41ODY5N0g1NC44NjEzVjExLjE3OTZINjkuMzk3M0M3MC4xMTc0IDExLjE3OTYgNzAuNzAyMyAxMC41OTk2IDcwLjcwMjMgOS44ODI2NEM3MC43MDIzIDkuMTY2OTUgNzAuMTE4NyA4LjU4NTY5IDY5LjM5NzMgOC41ODU2OVY4LjU4Njk3WiIgZmlsbD0iI0YwRjZGRiIvPgo8cGF0aCBkPSJNODQuOTMyNyAxNi44NzE5SDc4LjM3OFYxLjY2NTczQzc4LjM3OCAwLjkyMTg3IDc3Ljc3MTMgMC4zMTg4NDggNzcuMDIyOCAwLjMxODg0OEM3Ni4yNzQzIDAuMzE4ODQ4IDc1LjY2NzUgMC45MjE4NyA3NS42Njc1IDEuNjY1NzNWMTguMTk4M0M3NS42Njc1IDE4Ljg5NzMgNzYuMjM2OSAxOS40NjMyIDc2Ljk0MDMgMTkuNDYzMkg4NC45MzE0Qzg1LjY1MTUgMTkuNDYzMiA4Ni4yMzY0IDE4Ljg4MzIgODYuMjM2NCAxOC4xNjYzQzg2LjIzNjQgMTcuNDQ5MyA4NS42NTI4IDE2Ljg2OTMgODQuOTMxNCAxNi44NjkzTDg0LjkzMjcgMTYuODcxOVoiIGZpbGw9IiNGMEY2RkYiLz4KPHBhdGggZD0iTTE1Mi4wMDUgMC4zMjAxMjhIMTQxLjk0NkMxNDEuMjI2IDAuMzIwMTI4IDE0MC42NDEgMC45MDAxMDUgMTQwLjY0MSAxLjYxNzA3QzE0MC42NDEgMi4zMzQwNCAxNDEuMjI0IDIuOTE0MDIgMTQxLjk0NiAyLjkxNDAySDE0NS42MlYxOC4xMjAyQzE0NS42MiAxOC44NjQgMTQ2LjIyNyAxOS40NjcxIDE0Ni45NzUgMTkuNDY3MUMxNDcuNzI0IDE5LjQ2NzEgMTQ4LjMzMSAxOC44NjQgMTQ4LjMzMSAxOC4xMjAyVjIuOTEyNzRIMTUyLjAwNUMxNTIuNzI1IDIuOTEyNzQgMTUzLjMxIDIuMzMyNzYgMTUzLjMxIDEuNjE1NzlDMTUzLjMxIDAuODk4ODI1IDE1Mi43MjYgMC4zMTg4NDggMTUyLjAwNSAwLjMxODg0OFYwLjMyMDEyOFoiIGZpbGw9IiNGMEY2RkYiLz4KPC9zdmc+Cg==",
-  ...imgProps
-}))));
-
-exports.AppHeaderLogo = AppHeaderLogo;
-//# sourceMappingURL=AppHeaderLogo.js.map
+import React from 'react';
+import cls from 'classnames';
+import styles from './AppHeaderLogo.module.scss';
+export const AppHeaderLogo = ({ imgProps, wrapperProps, LinkComponent }) => (React.createElement("div", { ...wrapperProps, className: cls(styles.root, wrapperProps === null || wrapperProps === void 0 ? void 0 : wrapperProps.className) },
+    React.createElement(LinkComponent, { className: styles.link, "data-test": "logo-link" },
+        React.createElement("img", { alt: "Home", src: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTU1IiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMTU1IDIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNOTQuNDkwOSAzLjQzNzYxQzk1LjUxNTEgMi45MTkwOSA5Ni42MjY5IDIuNjU1MzUgOTcuNzk2NyAyLjY1NTM1Qzk5LjA0NjQgMi42NTUzNSAxMDAuMjMzIDIuOTQ4NTQgMTAxLjMzNiAzLjUzNDkyQzEwMS42MDQgMy42NTc4MyAxMDEuODI1IDMuNzE2NzIgMTAyLjAxMyAzLjcxNjcyQzEwMi4zMjQgMy43MTY3MiAxMDIuNTg0IDMuNTg5OTcgMTAyLjc2MyAzLjM1MDU1QzEwMi45MjkgMy4xMjkwNiAxMDMuMDE0IDIuODY0MDQgMTAzLjAxNCAyLjU2MDYxQzEwMy4wMTQgMS45OTM0MyAxMDIuNzgyIDEuNTU1NTcgMTAyLjMyMyAxLjI1ODU0QzEwMS42ODcgMC44NTc4MDMgMTAwLjk2IDAuNTQ0MTI5IDEwMC4xNTcgMC4zMjY0NzdDOTkuMzU2OCAwLjEwODgyNiA5OC41MjA3IDAgOTcuNjcwNSAwQzk2LjEwNzcgMCA5NC41OTUzIDAuMzYxMDQ1IDkzLjE3NjggMS4wNzQxN0M5MS43NTA3IDEuNzkxMTQgOTAuNTc0NSAyLjkwNzU3IDg5LjY3OTEgNC4zOTI3MkM4OC43ODUgNS44NzY1OSA4OC4zMzI4IDcuNzE1MTEgODguMzMyOCA5Ljg1NzA1Qzg4LjMzMjggMTEuOTk5IDg4Ljc4NjMgMTMuODE1NyA4OS42NzkxIDE1LjMwNzNDOTAuNTczMiAxNi44MDE0IDkxLjc0NDIgMTcuOTMwNiA5My4xNjE0IDE4LjY2NTVDOTQuNTcyMSAxOS4zOTc5IDk2LjA4MDcgMTkuNzY3OSA5Ny42NDQ3IDE5Ljc2NzlDOTkuNDE3NCAxOS43Njc5IDEwMC45OTIgMTkuMzI2MiAxMDIuMzE0IDE4LjQ2MDdDMTAyLjUzNiAxOC4zMzE0IDEwMi43MTIgMTguMTUwOSAxMDIuODM0IDE3LjkyNDJDMTAyLjk1NCAxNy43MDI3IDEwMy4wMTQgMTcuNDY5NyAxMDMuMDE0IDE3LjIzMjlDMTAzLjAxNCAxNi45MDkgMTAyLjkyIDE2LjYyNzMgMTAyLjczNCAxNi4zOTY4QzEwMi41MzYgMTYuMTUzNiAxMDIuMjcxIDE2LjAyNDMgMTAxLjk2MyAxNi4wMjQzQzEwMS43NTIgMTYuMDI0MyAxMDEuNTUgMTYuMDgwNiAxMDEuMzcgMTYuMTg2OUMxMDAuMjQ4IDE2Ljc4MzUgOTkuMDQ1MSAxNy4wODU2IDk3Ljc5NTQgMTcuMDg1NkM5Ni42MTAyIDE3LjA4NTYgOTUuNDkwNiAxNi44MTQyIDk0LjQ2NzcgMTYuMjc5MUM5My40NTEyIDE1Ljc0NzcgOTIuNjIwMyAxNC45MjgzIDkxLjk5OTMgMTMuODQzOUM5MS4zNzU4IDEyLjc1NjkgOTEuMDYwMSAxMS40MTUyIDkxLjA2MDEgOS44NTgzM0M5MS4wNjAxIDguMzAxNDkgOTEuMzc5NiA2LjkxMzY0IDkyLjAxMDkgNS44MzU2MkM5Mi42Mzk2IDQuNzYwMTcgOTMuNDc0NCAzLjk1NDg2IDk0LjQ4OTYgMy40NDAxN0w5NC40OTA5IDMuNDM3NjFaIiBmaWxsPSIjRjBGNkZGIi8+CjxwYXRoIGQ9Ik0xMzYuMDcyIDMuOTQxOTZDMTM2Ljc2NCAzLjUzNDgzIDEzNy4yMjggMi43MDEzNSAxMzUuMzM3IDEuMTU0NzRDMTM1LjMyNiAxLjE0NzA2IDEzNS4zMTYgMS4xMzkzOCAxMzUuMzA2IDEuMTMwNDJDMTM0LjMyNSAwLjM4NTI4MSAxMzMuMTAzIDAuMDI4MDc2MiAxMzEuNzAxIDAuMDI4MDc2MkMxMzAuNjYgMC4wMjgwNzYyIDEyOS43MDcgMC4yMzU0ODUgMTI4Ljg2NyAwLjY0NjQ2M0MxMjguMDE4IDEuMDYgMTI3LjM0MiAxLjY2MzAyIDEyNi44NTcgMi40Mzc2MUMxMjYuMzcxIDMuMjEyMTkgMTI2LjEyNSA0LjEwODQgMTI2LjEyNSA1LjEwMDY0QzEyNi4xMjUgNi4xODUwNSAxMjYuMzgyIDcuMTA1NTkgMTI2Ljg4OCA3LjgzNzkyQzEyNy4zODQgOC41NTYxNyAxMjcuOTkyIDkuMTQyNTUgMTI4LjY5NiA5LjU4MDQyQzEyOS4zOCAxMC4wMDY4IDEzMC4yOSAxMC40NzI4IDEzMS40IDEwLjk2NTdDMTMyLjI4IDExLjM2NTIgMTMyLjk5MSAxMS43MTYgMTMzLjUxIDEyLjAwOTJDMTM0LjAwOSAxMi4yOTA4IDEzNC40MjkgMTIuNjQ2NyAxMzQuNzYyIDEzLjA2NTRDMTM1LjA4NCAxMy40NzEzIDEzNS4yNCAxMy45NDg4IDEzNS4yNCAxNC41Mjc1QzEzNS4yNCAxNS4zNTIgMTM0Ljk1MyAxNS45OTYgMTM0LjM2MyAxNi40OTQxQzEzMy43NjggMTYuOTk1OSAxMzIuOTQ3IDE3LjI1MiAxMzEuOTIzIDE3LjI1MkMxMzEuMDU2IDE3LjI1MiAxMzAuMzkgMTcuMTYzNyAxMjkuNjcyIDE2Ljc1NzhDMTI5LjQ2NSAxNi42NCAxMjkuMTkgMTYuNDE4NSAxMjguOTA4IDE2LjExMjVDMTI4LjAzNiAxNS4xNzE1IDEyNy43NzggMTQuNTkyOCAxMjYuODU2IDE0LjgyOTdDMTI2LjE1IDE1LjAxMTUgMTI1Ljc4NCAxNS44MTE3IDEyNi4xMjIgMTYuNzMwOUMxMjYuNTY5IDE3Ljk0ODUgMTI4LjA0MSAxOC43NzQzIDEyOC4wNDEgMTguNzc0M0MxMjkuMTMxIDE5LjQ4ODcgMTMwLjQ1NyAxOS43NTYzIDEzMS45MjEgMTkuNzU2M0MxMzMuMDkxIDE5Ljc1NjMgMTM0LjE1MiAxOS41Mzk5IDEzNS4wNzQgMTkuMTE0OEMxMzYuMDA1IDE4LjY4NDcgMTM2Ljc0NSAxOC4wNTYgMTM3LjI3MiAxNy4yNDY5QzEzNy44MDEgMTYuNDM2NCAxMzguMDY5IDE1LjQ3NzUgMTM4LjA2OSAxNC4zOTU2QzEzOC4wNjkgMTMuMzEzOCAxMzcuODE3IDEyLjM5NTggMTM3LjMxOCAxMS42NzEyQzEzNi44MjkgMTAuOTU5MyAxMzYuMjIzIDEwLjM4OTYgMTM1LjUxNiA5Ljk3NzMxQzEzNC44MzMgOS41NzkxNCAxMzMuOTIzIDkuMTM2MTUgMTMyLjgxIDguNjU4NkMxMzEuOSA4LjI3ODM1IDEzMS4xNyA3LjkzNjUxIDEzMC42NDMgNy42NDMzMkMxMzAuMTM4IDcuMzYyOTMgMTI5LjcwOSA2Ljk5OTMzIDEyOS4zNjkgNi41NjI3NEMxMjkuMDM4IDYuMTQwMjQgMTI4Ljg3OCA1LjYzNDUyIDEyOC44NzggNS4wMTk5OEMxMjguODc4IDQuMjQ5MjMgMTI5LjE0IDMuNjU5MDIgMTI5LjY3OSAzLjIxMzQ3QzEzMC4yMjUgMi43NjI4IDEzMC45MTMgMi41MzM2MyAxMzEuNzI0IDIuNTMzNjNDMTMyLjUzNiAyLjUzMzYzIDEzMy4xNDIgMi43OTk5MyAxMzMuNzA4IDMuMjAwNjdDMTMzLjc0MiAzLjIyNDk5IDEzNC4wNTQgMy40OTY0MiAxMzQuMDU0IDMuNDk2NDJDMTM1LjEgNC40Njk0NSAxMzYuMDcgMy45NDE5NiAxMzYuMDcgMy45NDE5NkgxMzYuMDcyWiIgZmlsbD0iI0YwRjZGRiIvPgo8cGF0aCBkPSJNMTIuNTg5NCAwLjMyMDA2OEMxMS44NTEyIDAuMzIwMDY4IDExLjI1MzQgMC45MTQxMjkgMTEuMjUzNCAxLjY0Nzc0VjguNTg4MjZIMi42NzE5NVYxLjY0Nzc0QzIuNjcxOTUgMC45MTQxMjkgMi4wNzQxOCAwLjMyMDA2OCAxLjMzNTk4IDAuMzIwMDY4QzAuNTk3Nzc1IDAuMzIwMDY4IDAgMC45MTQxMjkgMCAxLjY0Nzc0VjE4LjEzNjhDMCAxOC44NzA0IDAuNTk3Nzc1IDE5LjQ2NDQgMS4zMzU5OCAxOS40NjQ0QzIuMDc0MTggMTkuNDY0NCAyLjY3MTk1IDE4Ljg3MDQgMi42NzE5NSAxOC4xMzY4VjExLjE4MDlIMTEuMjUzNFYxOC4xMzY4QzExLjI1MzQgMTguODcwNCAxMS44NTEyIDE5LjQ2NDQgMTIuNTg5NCAxOS40NjQ0QzEzLjMyNzYgMTkuNDY0NCAxMy45MjUzIDE4Ljg3MDQgMTMuOTI1MyAxOC4xMzY4VjEuNjQ3NzRDMTMuOTI1MyAwLjkxNDEyOSAxMy4zMjc2IDAuMzIwMDY4IDEyLjU4OTQgMC4zMjAwNjhaIiBmaWxsPSIjRjBGNkZGIi8+CjxwYXRoIGQ9Ik0zMy40MDMxIDE3LjY4NjJMMjcuOTY1MiAxLjY3OTg4QzI3LjgyMjIgMS4yODA0MiAyNy42MTQ4IDAuOTU1MjI0IDI3LjM1MDcgMC43MTE5NjZDMjcuMDY4NSAwLjQ1NDYyNSAyNi43NDY1IDAuMzIyNzU0IDI2LjM5MjIgMC4zMjI3NTRIMjUuODMwNUMyNS41MDg0IDAuMzIyNzU0IDI1LjE5NzkgMC40NTg0NjYgMjQuOTA4IDAuNzI0NzY5QzI0LjYzMzYgMC45NzgyNjkgMjQuNDMwMSAxLjMwMDkxIDI0LjMwMzggMS42ODM3MkwyMi42NjY0IDYuNTIwN0wyMy45MzU0IDEwLjQ5NzNDMjQuOTgwMiA3LjAxNDkgMjYuMTA2MiAzLjk3NDE4IDI2LjE2MDMgMy43OTg3OEwzMC44MzA0IDE4LjUyMjNDMzEuMDU4NCAxOS4yNDMxIDMxLjgzOTEgMTkuNjM2MSAzMi41NTggMTkuMzkyOUMzMy4yNjUzIDE5LjE1MzQgMzMuNjQ0MSAxOC4zOTA0IDMzLjQwNDQgMTcuNjg3NUwzMy40MDMxIDE3LjY4NjJaIiBmaWxsPSIjRjBGNkZGIi8+CjxwYXRoIGQ9Ik0yMS42MzQ1IDkuNjgyOTJMMTguOTE2MSAxNy42ODY0QzE4LjY3NjUgMTguMzg5NCAxOS4wNTUzIDE5LjE1MjUgMTkuNzYyNiAxOS4zOTE5QzIwLjQ4MjcgMTkuNjM1MSAyMS4yNjIyIDE5LjI0MjEgMjEuNDkwMiAxOC41MjEyTDIyLjk1NzYgMTMuNjg1M0wyMS42MzQ1IDkuNjgxNjRWOS42ODI5MloiIGZpbGw9IiMxMEE0QjMiLz4KPHBhdGggZD0iTTEyMi4xOTQgMTcuNjg2MkwxMTYuNzU2IDEuNjc5ODhDMTE2LjYxMyAxLjI4MDQyIDExNi40MDUgMC45NTUyMjQgMTE2LjE0MSAwLjcxMTk2NkMxMTUuODU5IDAuNDU0NjI1IDExNS41MzcgMC4zMjI3NTQgMTE1LjE4MyAwLjMyMjc1NEgxMTQuNjIxQzExNC4yOTkgMC4zMjI3NTQgMTEzLjk4OCAwLjQ1ODQ2NiAxMTMuNjk4IDAuNzI0NzY5QzExMy40MjQgMC45NzgyNjkgMTEzLjIyIDEuMzAwOTEgMTEzLjA5NCAxLjY4MzcyTDExMS40NTcgNi41MjA3TDExMi43MjYgMTAuNDk3M0MxMTMuNzcxIDcuMDE0OSAxMTQuODk3IDMuOTc0MTggMTE0Ljk1MSAzLjc5ODc4TDExOS42MjEgMTguNTIyM0MxMTkuODQ5IDE5LjI0MzEgMTIwLjYzIDE5LjYzNjEgMTIxLjM0OCAxOS4zOTI5QzEyMi4wNTYgMTkuMTUzNCAxMjIuNDM0IDE4LjM5MDQgMTIyLjE5NSAxNy42ODc1TDEyMi4xOTQgMTcuNjg2MloiIGZpbGw9IiNGMEY2RkYiLz4KPHBhdGggZD0iTTExMC40MjUgOS42ODI5MkwxMDcuNzA3IDE3LjY4NjRDMTA3LjQ2NyAxOC4zODk0IDEwNy44NDYgMTkuMTUyNSAxMDguNTUzIDE5LjM5MTlDMTA5LjI3MyAxOS42MzUxIDExMC4wNTMgMTkuMjQyMSAxMTAuMjgxIDE4LjUyMTJMMTExLjc0OCAxMy42ODUzTDExMC40MjUgOS42ODE2NFY5LjY4MjkyWiIgZmlsbD0iIzEwQTRCMyIvPgo8cGF0aCBkPSJNNTAuMjAwMyAxNi44ODg1SDQxLjcxOTRMNTAuODkyMSAyLjA3MDMxQzUxLjA2NiAxLjc4MjI0IDUxLjE1MTEgMS41MzM4NiA1MS4xNTExIDEuMzA5ODFDNTEuMTUxMSAxLjAyNTU4IDUxLjAzIDAuNzc1OTIyIDUwLjc5ODEgMC41ODg5OTdDNTAuNTgwMyAwLjQxMjMxNiA1MC4yOTA1IDAuMzIzOTc1IDQ5LjkzNzUgMC4zMjM5NzVIMzkuMDA2MkMzOC4yODk5IDAuMzIzOTc1IDM3LjcxMDEgMC45MDAxMTEgMzcuNzEwMSAxLjYxMTk2QzM3LjcxMDEgMi4zMjM4MSAzOC4yODk5IDIuODk5OTQgMzkuMDA2MiAyLjg5OTk0SDQ3LjQ2MDFMMzguMjE5IDE3LjcxMThDMzguMDQ1MSAxNy45Nzk0IDM3Ljk1NjIgMTguMjM4IDM3Ljk1NjIgMTguNDc5OUMzNy45NTYyIDE4Ljc4MzQgMzguMDc0NyAxOS4wMzY5IDM4LjI5NzYgMTkuMjE0OEMzOC41MDYzIDE5LjM4MTMgMzguNzkxIDE5LjQ2NTggMzkuMTQ0IDE5LjQ2NThINTAuMTk5QzUwLjkxNTMgMTkuNDY1OCA1MS40OTUgMTguODg5NiA1MS40OTUgMTguMTc3OEM1MS40OTUgMTcuNDY2IDUwLjkxNTMgMTYuODg5OCA1MC4xOTkgMTYuODg5OEw1MC4yMDAzIDE2Ljg4ODVaIiBmaWxsPSIjRjBGNkZGIi8+CjxwYXRoIGQ9Ik03MC42MzE1IDEuNTk5MTlDNzAuNjMxNSAwLjg4MzUwNCA3MC4wNDc5IDAuMzAyMjQ2IDY5LjMyNjQgMC4zMDIyNDZINTkuMjQ1NEM1OC41NDIgMC4zMDIyNDYgNTcuOTcyNiAwLjg2ODE0IDU3Ljk3MjYgMS41NjcxOVYyLjg5NDg2SDY5LjMyNzdDNzAuMDQ3OSAyLjg5NDg2IDcwLjYzMjggMi4zMTQ4OCA3MC42MzI4IDEuNTk3OTFMNzAuNjMxNSAxLjU5OTE5WiIgZmlsbD0iI0YwRjZGRiIvPgo8cGF0aCBkPSJNNjkuMzk3NCAxNi44NzE5SDU4LjA0MjJWMTguMTk5NkM1OC4wNDIyIDE4Ljg5ODYgNTguNjExNyAxOS40NjQ1IDU5LjMxNTEgMTkuNDY0NUg2OS4zOTYxQzcwLjExNjMgMTkuNDY0NSA3MC43MDEyIDE4Ljg4NDUgNzAuNzAxMiAxOC4xNjc2QzcwLjcwMTIgMTcuNDUwNiA3MC4xMTc2IDE2Ljg3MDYgNjkuMzk2MSAxNi44NzA2TDY5LjM5NzQgMTYuODcxOVoiIGZpbGw9IiNGMEY2RkYiLz4KPHBhdGggZD0iTTY5LjM5NzMgOC41ODY5N0g1NC44NjEzVjExLjE3OTZINjkuMzk3M0M3MC4xMTc0IDExLjE3OTYgNzAuNzAyMyAxMC41OTk2IDcwLjcwMjMgOS44ODI2NEM3MC43MDIzIDkuMTY2OTUgNzAuMTE4NyA4LjU4NTY5IDY5LjM5NzMgOC41ODU2OVY4LjU4Njk3WiIgZmlsbD0iI0YwRjZGRiIvPgo8cGF0aCBkPSJNODQuOTMyNyAxNi44NzE5SDc4LjM3OFYxLjY2NTczQzc4LjM3OCAwLjkyMTg3IDc3Ljc3MTMgMC4zMTg4NDggNzcuMDIyOCAwLjMxODg0OEM3Ni4yNzQzIDAuMzE4ODQ4IDc1LjY2NzUgMC45MjE4NyA3NS42Njc1IDEuNjY1NzNWMTguMTk4M0M3NS42Njc1IDE4Ljg5NzMgNzYuMjM2OSAxOS40NjMyIDc2Ljk0MDMgMTkuNDYzMkg4NC45MzE0Qzg1LjY1MTUgMTkuNDYzMiA4Ni4yMzY0IDE4Ljg4MzIgODYuMjM2NCAxOC4xNjYzQzg2LjIzNjQgMTcuNDQ5MyA4NS42NTI4IDE2Ljg2OTMgODQuOTMxNCAxNi44NjkzTDg0LjkzMjcgMTYuODcxOVoiIGZpbGw9IiNGMEY2RkYiLz4KPHBhdGggZD0iTTE1Mi4wMDUgMC4zMjAxMjhIMTQxLjk0NkMxNDEuMjI2IDAuMzIwMTI4IDE0MC42NDEgMC45MDAxMDUgMTQwLjY0MSAxLjYxNzA3QzE0MC42NDEgMi4zMzQwNCAxNDEuMjI0IDIuOTE0MDIgMTQxLjk0NiAyLjkxNDAySDE0NS42MlYxOC4xMjAyQzE0NS42MiAxOC44NjQgMTQ2LjIyNyAxOS40NjcxIDE0Ni45NzUgMTkuNDY3MUMxNDcuNzI0IDE5LjQ2NzEgMTQ4LjMzMSAxOC44NjQgMTQ4LjMzMSAxOC4xMjAyVjIuOTEyNzRIMTUyLjAwNUMxNTIuNzI1IDIuOTEyNzQgMTUzLjMxIDIuMzMyNzYgMTUzLjMxIDEuNjE1NzlDMTUzLjMxIDAuODk4ODI1IDE1Mi43MjYgMC4zMTg4NDggMTUyLjAwNSAwLjMxODg0OFYwLjMyMDEyOFoiIGZpbGw9IiNGMEY2RkYiLz4KPC9zdmc+Cg==", ...imgProps }))));
+//# sourceMappingURL=AppHeaderLogo.js.map

package/lib/components/AppHeader/AppHeaderLogo/AppHeaderLogo.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppHeaderLogo.js","sources":["../../../../src/components/AppHeader/AppHeaderLogo/AppHeaderLogo.tsx"],"sourcesContent":[null],"names":["AppHeaderLogo","imgProps","wrapperProps","LinkComponent","React","createElement","className","cls","styles","root","link","alt","src"],"mappings":";;;;;;AAkBO,MAAMA,aAAa,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,YAAY;AAAEC,EAAAA;AAAa,CAAsB,mBACzFC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAA,EAAA,GAASH,YAAY;EAAEI,SAAS,EAAEC,EAAG,CAACC,4BAAM,CAACC,IAAI,EAAEP,YAAY,aAAZA,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZA,YAAY,CAAEI,SAAS;AAAC,CAAA,eACzEF,KAAA,CAAAC,aAAA,CAACF,aAAa;EAACG,SAAS,EAAEE,4BAAM,CAACE,IAAI;eAAY;AAAW,CAAA,eAC1DN,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEM,EAAAA,GAAG,EAAC,MAAM;AACVC,EAAAA,GAAG,EAAC,g7RAAg7R;EAAA,GACh7RX;AAAQ,CAAA,CACZ,CACY,CACZ;;;;"}
+{"version":3,"file":"AppHeaderLogo.js","sourceRoot":"","sources":["../../../../src/components/AppHeader/AppHeaderLogo/AppHeaderLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsE,MAAM,OAAO,CAAA;AAC1F,OAAO,GAAG,MAAM,YAAY,CAAA;AAI5B,OAAO,MAAM,MAAM,6BAA6B,CAAA;AAahD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,aAAa,EAAsB,EAAE,EAAE,CAAC,CAC9F,gCAAS,YAAY,EAAE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,CAAC;IACzE,oBAAC,aAAa,IAAC,SAAS,EAAE,MAAM,CAAC,IAAI,eAAY,WAAW;QAC1D,6BACE,GAAG,EAAC,MAAM,EACV,GAAG,EAAC,g7RAAg7R,KACh7R,QAAQ,GACZ,CACY,CACZ,CACP,CAAA"}

package/lib/components/AppHeader/AppHeaderLogo/AppHeaderLogo.module.scss

@@ -0,0 +1,29 @@
+@use '../../../../styles/helpers' as h;
+
+.root {
+  flex: 0 0 auto;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 20px;
+  overflow: hidden;
+
+  .link {
+    width: 100%;
+    height: 100%;
+    max-height: 100%;
+
+    &:focus {
+      outline: none;
+
+      @include h.outlineSimple;
+    }
+
+    img {
+      height: auto;
+      width: auto;
+      max-width: 100%;
+      max-height: 100%;
+    }
+  }
+}

package/lib/components/AppHeader/AppHeaderLogo/index.js

@@ -1,8 +1,2 @@
-'use strict';
-
-var components_AppHeader_AppHeaderLogo_AppHeaderLogo = require('./AppHeaderLogo.js');
-
-
-
-exports.AppHeaderLogo = components_AppHeader_AppHeaderLogo_AppHeaderLogo.AppHeaderLogo;
-//# sourceMappingURL=index.js.map
+export * from './AppHeaderLogo';
+//# sourceMappingURL=index.js.map

package/lib/components/AppHeader/AppHeaderLogo/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/AppHeader/AppHeaderLogo/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA"}

package/lib/components/AppHeader/AppHeaderMenu/AppHeaderMenu.js

@@ -1,47 +1,15 @@
-'use strict';
-
-var React = require('react');
-var reactFeather = require('react-feather');
-var cn = require('classnames');
-var components_Button = require('../../Button.js');
-var components_Popover = require('../../Popover.js');
-var AppHeaderMenu_module = require('./AppHeaderMenu.module.scss.js');
-var hooks_useOpenCloseState = require('../../../hooks/useOpenCloseState.js');
-
-const AppHeaderMenu = ({
-  separator,
-  children
-}) => {
-  const [anchorElement, setAnchorElement] = React.useState();
-  const {
-    isOpen,
-    toggle,
-    close
-  } = hooks_useOpenCloseState.useOpenCloseState();
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn(AppHeaderMenu_module.default.root, {
-      [AppHeaderMenu_module.default.separator]: separator
-    })
-  }, /*#__PURE__*/React.createElement(components_Button.Button, {
-    variant: "text",
-    color: "light",
-    iconSize: "medium",
-    onClick: toggle,
-    capitalize: false,
-    iconRight: reactFeather.Menu,
-    ref: setAnchorElement,
-    "data-test": "app-header-menu-toggle",
-    iconRightAriaLabel: "menu icon",
-    className: AppHeaderMenu_module.default.toggleButton
-  }, "Menu"), /*#__PURE__*/React.createElement(components_Popover.Popover, {
-    open: isOpen,
-    anchorElement: anchorElement,
-    onClose: close,
-    className: AppHeaderMenu_module.default.content
-  }, children({
-    onClose: close
-  })));
+import React, { useState } from 'react';
+import { Menu as MenuIcon } from 'react-feather';
+import cn from 'classnames';
+import { Button } from '../../Button';
+import { Popover } from '../../Popover';
+import { useOpenCloseState } from '../../../hooks';
+import styles from './AppHeaderMenu.module.scss';
+export const AppHeaderMenu = ({ separator, children }) => {
+    const [anchorElement, setAnchorElement] = useState();
+    const { isOpen, toggle, close } = useOpenCloseState();
+    return (React.createElement("div", { className: cn(styles.root, { [styles.separator]: separator }) },
+        React.createElement(Button, { variant: "text", color: "light", iconSize: "medium", onClick: toggle, capitalize: false, iconRight: MenuIcon, ref: setAnchorElement, "data-test": "app-header-menu-toggle", iconRightAriaLabel: "menu icon", className: styles.toggleButton }, "Menu"),
+        React.createElement(Popover, { open: isOpen, anchorElement: anchorElement, onClose: close, className: styles.content }, children({ onClose: close }))));
 };
-
-exports.AppHeaderMenu = AppHeaderMenu;
-//# sourceMappingURL=AppHeaderMenu.js.map
+//# sourceMappingURL=AppHeaderMenu.js.map