@laerdal/life-react-components 3.5.1-dev.11 → 3.5.1-dev.12

package/dist/GlobalNavigationBar/mobile/MobileMenuHeader.js

@@ -1,152 +1,108 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-import _pt from "prop-types";
-var _excluded = ["placement", "type", "action"],
-  _excluded2 = ["placement", "type", "icon", "menu"],
-  _excluded3 = ["placement", "type", "icon", "action"];
-var _templateObject, _templateObject2, _templateObject3;
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import React from 'react';
-import styled from 'styled-components';
-import Breakpoints from '../../styles/breakpoints';
-import { IconButton } from '../../Button';
-import { SystemIcons } from '../../icons';
-import { BREAKPOINTS, COLORS, ComponentSStyling, ComponentTextStyle, ComponentXSStyling } from '../../styles';
-import { ProfileButton } from '../../ProfileButton';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export var MobileMenuHeaderActions = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  flex: 1;\n  justify-content: flex-end;\n  display: flex;\n  flex-direction: row;\n"])));
-var MobileMenuHeaderLabel = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n  ", " {\n    ", "\n  }\n"])), ComponentXSStyling(ComponentTextStyle.Bold, COLORS.neutral_600), BREAKPOINTS.SMALL, ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600));
-export var MobileMenuHeaderWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 0 4px;\n\n  ", " {\n    padding: 4px 8px;\n  }\n\n  ", " {\n    display: none;\n  }\n"])), Breakpoints.SMALL, Breakpoints.LARGE);
-var MobileMenuHeader = function MobileMenuHeader(_ref) {
-  var onGoBack = _ref.onGoBack,
-    onClose = _ref.onClose,
-    label = _ref.label,
-    profile = _ref.profile,
-    buttons = _ref.buttons,
-    onSubMenuOpen = _ref.onSubMenuOpen;
-  var buildProfileSubMenu = function buildProfileSubMenu() {
-    var _profile$signOut, _profile$signOut2, _profile$signOut3, _profile$signOut4;
-    return !!profile ? {
-      type: 'group',
-      label: profile.label,
-      header: {
-        header: profile.user.firstName + ' ' + profile.user.lastName,
-        note: profile.user.email,
-        link: profile.user.link
-      },
-      action: {
-        label: (_profile$signOut = profile.signOut) === null || _profile$signOut === void 0 ? void 0 : _profile$signOut.label,
-        action: (_profile$signOut2 = profile.signOut) === null || _profile$signOut2 === void 0 ? void 0 : _profile$signOut2.action,
-        icon: (_profile$signOut3 = profile.signOut) === null || _profile$signOut3 === void 0 ? void 0 : _profile$signOut3.icon,
-        disabled: (_profile$signOut4 = profile.signOut) === null || _profile$signOut4 === void 0 ? void 0 : _profile$signOut4.disabled
-      },
-      items: profile.sections.map(function (a) {
-        return _objectSpread(_objectSpread({}, a), {}, {
-          type: 'section'
-        });
-      })
-    } : undefined;
-  };
-  var renderItem = function renderItem(item, index) {
-    switch (item.type) {
-      case 'profile':
-        {
-          var _profile$user$firstNa, _profile$user, _profile$user$firstNa2, _profile$user$lastNam, _profile$user2, _profile$user2$lastNa;
-          var placement = item.placement,
-            type = item.type,
-            action = item.action,
-            rest = _objectWithoutProperties(item, _excluded);
-          if (!!profile) return /*#__PURE__*/_jsx(ProfileButton, _objectSpread({
-            onClick: function onClick(e) {
-              e === null || e === void 0 ? void 0 : e.nativeEvent.stopImmediatePropagation();
-              item.action ? item.action(e === null || e === void 0 ? void 0 : e.target) && onClose() : onSubMenuOpen && onSubMenuOpen(buildProfileSubMenu());
-            },
-            icon: !profile && /*#__PURE__*/_jsx(SystemIcons.User, {}),
-            initials: ((_profile$user$firstNa = profile === null || profile === void 0 ? void 0 : (_profile$user = profile.user) === null || _profile$user === void 0 ? void 0 : (_profile$user$firstNa2 = _profile$user.firstName) === null || _profile$user$firstNa2 === void 0 ? void 0 : _profile$user$firstNa2.charAt(0)) !== null && _profile$user$firstNa !== void 0 ? _profile$user$firstNa : '') + ((_profile$user$lastNam = profile === null || profile === void 0 ? void 0 : (_profile$user2 = profile.user) === null || _profile$user2 === void 0 ? void 0 : (_profile$user2$lastNa = _profile$user2.lastName) === null || _profile$user2$lastNa === void 0 ? void 0 : _profile$user2$lastNa.charAt(0)) !== null && _profile$user$lastNam !== void 0 ? _profile$user$lastNam : '')
-          }, rest), index);else return /*#__PURE__*/_jsx(_Fragment, {});
-        }
-      case 'submenu':
-        {
-          var _placement = item.placement,
-            _type = item.type,
-            icon = item.icon,
-            menu = item.menu,
-            _rest = _objectWithoutProperties(item, _excluded2);
-          return /*#__PURE__*/_jsx(IconButton, _objectSpread(_objectSpread({
-            variant: 'secondary',
-            shape: 'circular',
-            action: function action(e) {
-              e === null || e === void 0 ? void 0 : e.nativeEvent.stopImmediatePropagation();
-              onSubMenuOpen && onSubMenuOpen(item.menu);
-            }
-          }, _rest), {}, {
-            children: item.icon
-          }), index);
-        }
-      case 'action':
-        {
-          var _placement2 = item.placement,
-            _type2 = item.type,
-            _icon = item.icon,
-            _action = item.action,
-            _rest2 = _objectWithoutProperties(item, _excluded3);
-          return /*#__PURE__*/_jsx(IconButton, _objectSpread(_objectSpread({
-            disabled: item.disabled,
-            variant: 'secondary',
-            shape: 'circular',
-            action: function action(e) {
-              e === null || e === void 0 ? void 0 : e.nativeEvent.stopImmediatePropagation();
-              item.action && item.action(e === null || e === void 0 ? void 0 : e.target) && onClose();
-            }
-          }, _rest2), {}, {
-            children: item.icon
-          }), index);
-        }
-    }
-  };
-  return /*#__PURE__*/_jsxs(MobileMenuHeaderWrapper, {
-    children: [onGoBack && /*#__PURE__*/_jsx(IconButton, {
-      action: function action(e) {
-        e === null || e === void 0 ? void 0 : e.nativeEvent.stopImmediatePropagation();
-        onGoBack();
-      },
-      variant: 'secondary',
-      shape: 'circular',
-      children: /*#__PURE__*/_jsx(SystemIcons.ArrowLineLeft, {})
-    }), buttons === null || buttons === void 0 ? void 0 : buttons.filter(function (a) {
-      return a.placement === 'left';
-    }).map(renderItem), label && /*#__PURE__*/_jsx(MobileMenuHeaderLabel, {
-      children: label
-    }), /*#__PURE__*/_jsxs(MobileMenuHeaderActions, {
-      children: [buttons === null || buttons === void 0 ? void 0 : buttons.filter(function (a) {
-        return a.placement !== 'left';
-      }).map(renderItem), onClose && /*#__PURE__*/_jsx("div", {
-        style: {
-          marginLeft: '8px'
-        },
-        children: /*#__PURE__*/_jsx(IconButton, {
-          variant: 'secondary',
-          action: function action(e) {
-            e === null || e === void 0 ? void 0 : e.nativeEvent.stopImmediatePropagation();
-            onClose();
-          },
-          shape: 'circular',
-          children: /*#__PURE__*/_jsx(SystemIcons.Close, {})
-        })
-      })]
-    })]
-  });
-};
-MobileMenuHeader.propTypes = {
-  onGoBack: _pt.func,
-  onClose: _pt.func.isRequired,
-  label: _pt.string,
-  buttons: _pt.array,
-  onSubMenuOpen: _pt.func
-};
-export default MobileMenuHeader;
-//# sourceMappingURL=MobileMenuHeader.js.map
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import styled from 'styled-components';
+import Breakpoints from '../../styles/breakpoints';
+import { IconButton } from '../../Button';
+import { SystemIcons } from '../../icons';
+import { BREAKPOINTS, COLORS, ComponentSStyling, ComponentTextStyle, ComponentXSStyling } from '../../styles';
+import { ProfileButton } from '../../ProfileButton';
+export var MobileMenuHeaderActions = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  flex: 1;\n  justify-content: flex-end;\n  display: flex;\n  flex-direction: row;\n"], ["\n  flex: 1;\n  justify-content: flex-end;\n  display: flex;\n  flex-direction: row;\n"])));
+var MobileMenuHeaderLabel = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n  ", " {\n    ", "\n  }\n"], ["\n  ", "\n  ", " {\n    ", "\n  }\n"])), ComponentXSStyling(ComponentTextStyle.Bold, COLORS.neutral_600), BREAKPOINTS.SMALL, ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600));
+export var MobileMenuHeaderWrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 0 4px;\n\n  ", " {\n    padding: 4px 8px;\n  }\n\n  ", " {\n    display: none;\n  }\n"], ["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 0 4px;\n\n  ", " {\n    padding: 4px 8px;\n  }\n\n  ", " {\n    display: none;\n  }\n"])), Breakpoints.SMALL, Breakpoints.LARGE);
+var MobileMenuHeader = function (_a) {
+    var onGoBack = _a.onGoBack, onClose = _a.onClose, label = _a.label, profile = _a.profile, buttons = _a.buttons, onSubMenuOpen = _a.onSubMenuOpen;
+    var buildProfileSubMenu = function () {
+        var _a, _b, _c, _d;
+        return !!profile ? {
+            type: 'group',
+            label: profile.label,
+            header: {
+                header: profile.user.firstName + ' ' + profile.user.lastName,
+                note: profile.user.email,
+                link: profile.user.link
+            },
+            action: {
+                label: (_a = profile.signOut) === null || _a === void 0 ? void 0 : _a.label,
+                action: (_b = profile.signOut) === null || _b === void 0 ? void 0 : _b.action,
+                icon: (_c = profile.signOut) === null || _c === void 0 ? void 0 : _c.icon,
+                disabled: (_d = profile.signOut) === null || _d === void 0 ? void 0 : _d.disabled
+            },
+            items: profile.sections.map(function (a) { return (__assign(__assign({}, a), { type: 'section' })); })
+        } : undefined;
+    };
+    var renderItem = function (item, index) {
+        var _a, _b, _c, _d, _e, _f;
+        switch (item.type) {
+            case 'profile': {
+                var placement = item.placement, type = item.type, action = item.action, rest = __rest(item, ["placement", "type", "action"]);
+                if (!!profile)
+                    return React.createElement(ProfileButton, __assign({ key: index, onClick: function (e) {
+                            e === null || e === void 0 ? void 0 : e.nativeEvent.stopImmediatePropagation();
+                            item.action ? item.action(e === null || e === void 0 ? void 0 : e.target) && onClose() : onSubMenuOpen && onSubMenuOpen(buildProfileSubMenu());
+                        }, icon: !profile && React.createElement(SystemIcons.User, null), initials: ((_c = (_b = (_a = profile === null || profile === void 0 ? void 0 : profile.user) === null || _a === void 0 ? void 0 : _a.firstName) === null || _b === void 0 ? void 0 : _b.charAt(0)) !== null && _c !== void 0 ? _c : '') + ((_f = (_e = (_d = profile === null || profile === void 0 ? void 0 : profile.user) === null || _d === void 0 ? void 0 : _d.lastName) === null || _e === void 0 ? void 0 : _e.charAt(0)) !== null && _f !== void 0 ? _f : '') }, rest));
+                else
+                    return React.createElement(React.Fragment, null);
+            }
+            case 'submenu': {
+                var placement = item.placement, type = item.type, icon = item.icon, menu = item.menu, rest = __rest(item, ["placement", "type", "icon", "menu"]);
+                return React.createElement(IconButton, __assign({ key: index, variant: 'secondary', shape: 'circular', action: function (e) {
+                        e === null || e === void 0 ? void 0 : e.nativeEvent.stopImmediatePropagation();
+                        onSubMenuOpen && onSubMenuOpen(item.menu);
+                    } }, rest), item.icon);
+            }
+            case 'action': {
+                var placement = item.placement, type = item.type, icon = item.icon, action = item.action, rest = __rest(item, ["placement", "type", "icon", "action"]);
+                return React.createElement(IconButton, __assign({ key: index, disabled: item.disabled, variant: 'secondary', shape: 'circular', action: function (e) {
+                        e === null || e === void 0 ? void 0 : e.nativeEvent.stopImmediatePropagation();
+                        item.action && item.action(e === null || e === void 0 ? void 0 : e.target) && onClose();
+                    } }, rest), item.icon);
+            }
+        }
+    };
+    return (React.createElement(MobileMenuHeaderWrapper, null,
+        onGoBack &&
+            React.createElement(IconButton, { action: function (e) {
+                    e === null || e === void 0 ? void 0 : e.nativeEvent.stopImmediatePropagation();
+                    onGoBack();
+                }, variant: 'secondary', shape: 'circular' },
+                React.createElement(SystemIcons.ArrowLineLeft, null)), buttons === null || buttons === void 0 ? void 0 :
+        buttons.filter(function (a) { return a.placement === 'left'; }).map(renderItem),
+        label &&
+            React.createElement(MobileMenuHeaderLabel, null, label),
+        React.createElement(MobileMenuHeaderActions, null, buttons === null || buttons === void 0 ? void 0 :
+            buttons.filter(function (a) { return a.placement !== 'left'; }).map(renderItem),
+            onClose &&
+                React.createElement("div", { style: { marginLeft: '8px' } },
+                    React.createElement(IconButton, { variant: 'secondary', action: function (e) {
+                            e === null || e === void 0 ? void 0 : e.nativeEvent.stopImmediatePropagation();
+                            onClose();
+                        }, shape: 'circular' },
+                        React.createElement(SystemIcons.Close, null))))));
+};
+export default MobileMenuHeader;
+var templateObject_1, templateObject_2, templateObject_3;

package/dist/GlobalNavigationBar/types.d.ts

@@ -53,13 +53,17 @@ export interface MenuProfileButton extends Omit<ProfileButtonProps, 'type' | 'on
     action?: (button?: EventTarget) => boolean | void;
     placement?: 'left' | 'right';
 }
+export interface MenuSearchButton {
+    type: 'search';
+    placement?: 'left' | 'right';
+}
 export interface MenuSwitcherButton extends Omit<IconButtonProps, 'id' | 'type' | 'action' | 'shape' | 'variant' | 'hideOnLowWidth' | 'flatEdge' | 'isInMobileMenu' | 'useTransparentBackground' | 'shouldNotInteract' | 'iconColor' | 'unsetIconSize' | 'borderRadius' | 'focusBackgroundColor' | 'children' | 'invertFocus'> {
     type: 'switcher';
     placement?: 'left' | 'right';
     action?: (button?: EventTarget) => boolean | void;
 }
-export type DesktopMenuButtonTypes = MenuIconButton | MenuProfileButton | MenuSwitcherButton;
-export type MobileMenuButtonTypes = MenuIconSubMenuButton | MenuIconButton | MenuProfileButton | MenuSwitcherButton;
+export declare type DesktopMenuButtonTypes = MenuIconButton | MenuProfileButton | MenuSwitcherButton;
+export declare type MobileMenuButtonTypes = MenuIconSubMenuButton | MenuIconButton | MenuProfileButton | MenuSwitcherButton | MenuSearchButton;
 export interface MobileNavigationMenuProps {
     label?: string;
     buttons?: MobileMenuButtonTypes[];
@@ -83,7 +87,7 @@ export interface MenuNavigationGroup<T = MenuNavigationItemTypeDesktopGroup | Me
     footer?: MenuGroupFooter;
     action?: MenuButton;
 }
-export type MenuNavigationItem = {
+export declare type MenuNavigationItem = {
     icon?: React.ReactNode;
     to: string;
     exact?: boolean;
@@ -101,10 +105,10 @@ export interface MenuNavigationSection<T = MenuNavigationItem> {
     label?: string;
     items: T[];
 }
-export type MenuNavigationItemTypeItem = MenuNavigationItem & {
+export declare type MenuNavigationItemTypeItem = MenuNavigationItem & {
     type?: 'item';
 };
-export type MenuNavigationItemTypeDesktopGroup = {
+export declare type MenuNavigationItemTypeDesktopGroup = {
     id: string;
     label?: string;
     disabled?: boolean;
@@ -113,16 +117,16 @@ export type MenuNavigationItemTypeDesktopGroup = {
     expanded?: boolean;
     items: (MenuNavigationItemTypeItem | MenuNavigationItemTypeDesktopGroup)[];
 };
-export type MenuNavigationItemTypeGroup = MenuNavigationGroup<MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup | MenuNavigationItemTypeSection> & {
+export declare type MenuNavigationItemTypeGroup = MenuNavigationGroup<MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup | MenuNavigationItemTypeSection> & {
     type: 'group';
     icon?: React.ReactNode;
     pinned?: boolean;
     disabled?: boolean;
 };
-export type MenuNavigationItemTypeSection = MenuNavigationSection<MenuNavigationItemTypeItem> & {
+export declare type MenuNavigationItemTypeSection = MenuNavigationSection<MenuNavigationItemTypeItem> & {
     type: 'section';
 };
-export type MenuNavigationCustomSubMenu = {
+export declare type MenuNavigationCustomSubMenu = {
     type: 'custom';
     label?: string;
     buttons?: MobileMenuButtonTypes[];

package/dist/GlobalNavigationBar/types.js

@@ -1,2 +1 @@
-export {};
-//# sourceMappingURL=types.js.map
+export {};

package/dist/GlobalNavigationBar/utils.js

@@ -1,10 +1,7 @@
-export var checkIfContainsItem = function checkIfContainsItem(item, activeId) {
-  if (item.id == activeId) return true;
-  if (item.items.findIndex(function (x) {
-    return x.type == 'item' && x.to == activeId;
-  }) >= 0) return true;
-  return item.items.some(function (x) {
-    return x.type == 'desktopgroup' && checkIfContainsItem(x, activeId);
-  });
-};
-//# sourceMappingURL=utils.js.map
+export var checkIfContainsItem = function (item, activeId) {
+    if (item.id == activeId)
+        return true;
+    if (item.items.findIndex(function (x) { return x.type == 'item' && x.to == activeId; }) >= 0)
+        return true;
+    return item.items.some(function (x) { return x.type == 'desktopgroup' && checkIfContainsItem(x, activeId); });
+};

package/dist/HyperLink/HyperLink.d.ts

@@ -4,12 +4,19 @@ export declare const StyledLink: import("styled-components").StyledComponent<"a"
     margin?: string | undefined;
 }, never>;
 export interface HyperlinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** Id of the link component. */
     id?: string;
+    /** Style variant of the link */
     variant: 'default' | 'inverted';
+    /** Href of the link component */
     href: string;
+    /** If set then user can not interact with the link. */
     disabled?: boolean;
+    /** Custom value of margin style. */
     margin?: string;
+    /** Content of the Hyperlink */
     children?: any;
+    /** Custom className to set to the link.   */
     className?: string;
 }
 declare const HyperLink: React.FunctionComponent<HyperlinkProps>;

package/dist/HyperLink/HyperLink.js

@@ -1,42 +1,36 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-import _pt from "prop-types";
-var _excluded = ["children", "target", "variant"];
-var _templateObject;
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import * as React from 'react';
-import styled from 'styled-components';
-import { defaultStyle, invertedStyle } from './styling';
-import { jsx as _jsx } from "react/jsx-runtime";
-export var StyledLink = styled.a(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  cursor: pointer;\n  ", "\n  ", "\n"])), function (props) {
-  return props.variant === 'inverted' ? invertedStyle : defaultStyle;
-}, function (props) {
-  return props.margin ? "margin: ".concat(props.margin, ";") : '';
-});
-var HyperLink = function HyperLink(_ref) {
-  var children = _ref.children,
-    _ref$target = _ref.target,
-    target = _ref$target === void 0 ? '_blank' : _ref$target,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? 'default' : _ref$variant,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_jsx(StyledLink, _objectSpread(_objectSpread({}, props), {}, {
-    variant: variant,
-    target: target,
-    rel: "noopener noreferrer",
-    children: children
-  }));
-};
-HyperLink.propTypes = {
-  id: _pt.string,
-  variant: _pt.oneOf(['default', 'inverted']).isRequired,
-  href: _pt.string.isRequired,
-  disabled: _pt.bool,
-  margin: _pt.string,
-  children: _pt.any,
-  className: _pt.string
-};
-export default HyperLink;
-//# sourceMappingURL=HyperLink.js.map
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import styled from 'styled-components';
+import { defaultStyle, invertedStyle } from './styling';
+export var StyledLink = styled.a(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  cursor: pointer;\n  ", "\n  ", "\n"], ["\n  cursor: pointer;\n  ", "\n  ", "\n"])), function (props) { return (props.variant === 'inverted' ? invertedStyle : defaultStyle); }, function (props) { return (props.margin ? "margin: ".concat(props.margin, ";") : ''); });
+var HyperLink = function (_a) {
+    var children = _a.children, _b = _a.target, target = _b === void 0 ? '_blank' : _b, _c = _a.variant, variant = _c === void 0 ? 'default' : _c, props = __rest(_a, ["children", "target", "variant"]);
+    return (React.createElement(StyledLink, __assign({}, props, { variant: variant, target: target, rel: "noopener noreferrer" }), children));
+};
+export default HyperLink;
+var templateObject_1;

package/dist/HyperLink/index.js

@@ -1,4 +1,3 @@
-import HyperLink, { StyledLink } from './HyperLink';
-import { defaultStyle as HyperLinkDefaultStyling, invertedStyle as HyperLinkInvertedStyling } from './styling';
-export { HyperLink, HyperLinkInvertedStyling, HyperLinkDefaultStyling, StyledLink };
-//# sourceMappingURL=index.js.map
+import HyperLink, { StyledLink } from './HyperLink';
+import { defaultStyle as HyperLinkDefaultStyling, invertedStyle as HyperLinkInvertedStyling } from './styling';
+export { HyperLink, HyperLinkInvertedStyling, HyperLinkDefaultStyling, StyledLink };

package/dist/HyperLink/styling.js

@@ -1,7 +1,9 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _templateObject, _templateObject2;
-import { css } from 'styled-components';
-import { COLORS } from '..';
-export var defaultStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  outline: none;\n  padding: 2px 0;\n  text-decoration-thickness: 2px;\n  text-decoration-style: solid;\n  text-underline-offset: 2px;\n  text-decoration-line: none;\n\n  &:link {\n    font-weight: 700;\n    color: ", ";\n  }\n\n  &:visited {\n    color: ", ";\n  }\n\n  &:hover,\n  &.hover-state {\n    color: ", ";\n    text-decoration-line: underline;\n  }\n\n  &:focus,\n  &.focus-state {\n    border-radius: 2px;\n    background: ", ";\n    color: ", ";\n  }\n\n  &:active,\n  &.active-state {\n    border-radius: 2px;\n    background: ", ";\n    color: ", ";\n  }\n\n\n  &:focus:hover,\n  &:active:hover,\n  &.active-state:hover,\n  &.focus-state:hover{\n    text-decoration-line: none;\n    color: ", ";\n    opacity: 0.9;\n  }\n"])), COLORS.primary_600, COLORS.primary_800, COLORS.primary_700, COLORS.primary_800, COLORS.white, COLORS.primary_800, COLORS.white, COLORS.white);
-export var invertedStyle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  outline: none;\n  padding: 2px 0;\n\n  text-decoration-thickness: 2px;\n  text-decoration-style: solid;\n  text-underline-offset: 2px;\n  text-decoration-line: underline;\n\n  &:link {\n    font-weight: 700;\n    color: ", ";\n  }\n\n  &:visited {\n    color: ", ";\n  }\n\n  &:focus,\n  &.focus-state {\n    border-radius: 2px;\n    text-decoration-line: none;\n    background: ", ";\n    color: ", ";\n  }\n\n  &:hover,\n  &.hover-state {\n    text-decoration-line: none;\n  }\n\n  &:active,\n  &.active-state {\n    border-radius: 2px;\n    text-decoration-line: none;\n    background: ", ";\n    color: ", ";\n  }\n\n  &:focus:hover,\n  &:active:hover {\n    text-decoration-line: none;\n    color: ", ";\n    opacity: 0.9;\n  }\n"])), COLORS.white, COLORS.neutral_100, COLORS.white, COLORS.neutral_800, COLORS.white, COLORS.neutral_800, COLORS.neutral_800);
-//# sourceMappingURL=styling.js.map
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { css } from 'styled-components';
+import { COLORS } from '..';
+export var defaultStyle = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  outline: none;\n  padding: 2px 0;\n  text-decoration-thickness: 2px;\n  text-decoration-style: solid;\n  text-underline-offset: 2px;\n  text-decoration-line: none;\n\n  &:link {\n    font-weight: 700;\n    color: ", ";\n  }\n\n  &:visited {\n    color: ", ";\n  }\n\n  &:hover,\n  &.hover-state {\n    color: ", ";\n    text-decoration-line: underline;\n  }\n\n  &:focus,\n  &.focus-state {\n    border-radius: 2px;\n    background: ", ";\n    color: ", ";\n  }\n\n  &:active,\n  &.active-state {\n    border-radius: 2px;\n    background: ", ";\n    color: ", ";\n  }\n\n\n  &:focus:hover,\n  &:active:hover,\n  &.active-state:hover,\n  &.focus-state:hover{\n    text-decoration-line: none;\n    color: ", ";\n    opacity: 0.9;\n  }\n"], ["\n  outline: none;\n  padding: 2px 0;\n  text-decoration-thickness: 2px;\n  text-decoration-style: solid;\n  text-underline-offset: 2px;\n  text-decoration-line: none;\n\n  &:link {\n    font-weight: 700;\n    color: ", ";\n  }\n\n  &:visited {\n    color: ", ";\n  }\n\n  &:hover,\n  &.hover-state {\n    color: ", ";\n    text-decoration-line: underline;\n  }\n\n  &:focus,\n  &.focus-state {\n    border-radius: 2px;\n    background: ", ";\n    color: ", ";\n  }\n\n  &:active,\n  &.active-state {\n    border-radius: 2px;\n    background: ", ";\n    color: ", ";\n  }\n\n\n  &:focus:hover,\n  &:active:hover,\n  &.active-state:hover,\n  &.focus-state:hover{\n    text-decoration-line: none;\n    color: ", ";\n    opacity: 0.9;\n  }\n"])), COLORS.primary_600, COLORS.primary_800, COLORS.primary_700, COLORS.primary_800, COLORS.white, COLORS.primary_800, COLORS.white, COLORS.white);
+export var invertedStyle = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  outline: none;\n  padding: 2px 0;\n\n  text-decoration-thickness: 2px;\n  text-decoration-style: solid;\n  text-underline-offset: 2px;\n  text-decoration-line: underline;\n\n  &:link {\n    font-weight: 700;\n    color: ", ";\n  }\n\n  &:visited {\n    color: ", ";\n  }\n\n  &:focus,\n  &.focus-state {\n    border-radius: 2px;\n    text-decoration-line: none;\n    background: ", ";\n    color: ", ";\n  }\n\n  &:hover,\n  &.hover-state {\n    text-decoration-line: none;\n  }\n\n  &:active,\n  &.active-state {\n    border-radius: 2px;\n    text-decoration-line: none;\n    background: ", ";\n    color: ", ";\n  }\n\n  &:focus:hover,\n  &:active:hover {\n    text-decoration-line: none;\n    color: ", ";\n    opacity: 0.9;\n  }\n"], ["\n  outline: none;\n  padding: 2px 0;\n\n  text-decoration-thickness: 2px;\n  text-decoration-style: solid;\n  text-underline-offset: 2px;\n  text-decoration-line: underline;\n\n  &:link {\n    font-weight: 700;\n    color: ", ";\n  }\n\n  &:visited {\n    color: ", ";\n  }\n\n  &:focus,\n  &.focus-state {\n    border-radius: 2px;\n    text-decoration-line: none;\n    background: ", ";\n    color: ", ";\n  }\n\n  &:hover,\n  &.hover-state {\n    text-decoration-line: none;\n  }\n\n  &:active,\n  &.active-state {\n    border-radius: 2px;\n    text-decoration-line: none;\n    background: ", ";\n    color: ", ";\n  }\n\n  &:focus:hover,\n  &:active:hover {\n    text-decoration-line: none;\n    color: ", ";\n    opacity: 0.9;\n  }\n"])), COLORS.white, COLORS.neutral_100, COLORS.white, COLORS.neutral_800, COLORS.white, COLORS.neutral_800, COLORS.neutral_800);
+var templateObject_1, templateObject_2;

package/dist/Image/ImageWithFallbacks.d.ts

@@ -5,7 +5,7 @@ export interface ImageWithFallbacksProps extends Omit<React.ImgHTMLAttributes<HT
     alt?: string;
     loader?: boolean;
 }
-type ImageWithFallbacksState = {
+declare type ImageWithFallbacksState = {
     src: string;
     fallbackIndex: number;
     fallbacks: string[];
@@ -16,6 +16,6 @@ declare class ImageWithFallbacks extends React.Component<ImageWithFallbacksProps
     componentDidUpdate(prevProps: ImageWithFallbacksProps): void;
     onError(): void;
     onLoad(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default ImageWithFallbacks;