@laerdal/life-react-components 3.5.2-uss.hackathon → 3.5.3

package/dist/js/Button/Iconbutton.js

@@ -1,244 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _styles = require("../styles");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var tabbedHereStyle = function tabbedHereStyle(variant, tabbedHereBackgroundColor) {
-  switch (variant) {
-    case 'secondary':
-      return (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        div {\n          background-color: ", " !important;\n          box-shadow: 0px 0px 8px ", ", 0px 4px 12px rgba(46, 127, 161, 0.25);\n        }\n        div svg path,\n        div svg {\n          fill: ", ";\n        }\n      "])), tabbedHereBackgroundColor || 'transparent', _styles.COLORS.primary_500, _styles.COLORS.neutral_600);
-
-    case 'primary':
-    default:
-      return (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        div {\n          background-color: ", " !important;\n          box-shadow: 0px 4px 12px rgba(46, 127, 161, 0.25), 0px 0px 8px #2e7fa1;\n        }\n        div svg path,\n        div svg {\n          fill: ", ";\n        }\n      "])), tabbedHereBackgroundColor || _styles.COLORS.primary_700, _styles.COLORS.white);
-  }
-};
-
-var getBorderRadius = function getBorderRadius(props) {
-  return props.borderRadius ? "".concat(props.borderRadius, "px") : '4px';
-};
-
-var getBorderRadiusStyle = function getBorderRadiusStyle(props) {
-  var radius = getBorderRadius(props);
-
-  switch (props.flatEdge) {
-    case 'left':
-      return "0px ".concat(radius, " ").concat(radius, " 0px");
-
-    case 'right':
-      return "".concat(radius, " 0px 0px ").concat(radius);
-
-    case 'none':
-    default:
-      return "".concat(radius);
-  }
-};
-
-var StyledIconButton = _styledComponents.default.button(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  border-width: 0;\n  cursor: pointer;\n  height: 48px;\n  width: 48px;\n  background: transparent;\n\n  display: ", ";\n  ", " {\n    display: block;\n  }\n\n  border-radius: ", ";\n  div {\n    height: 36px;\n    width: 36px;\n    border-radius: ", ";\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    svg {\n      height: ", ";\n      width: ", ";\n      padding: 0;\n    }\n  }\n  &:only-child {\n    margin: 0;\n  }\n  &:disabled {\n    cursor: not-allowed;\n  }\n  &:focus:not(:disabled) {\n    outline: none;\n    div {\n      outline: none;\n    }\n  }\n  &:active:not(:disabled) {\n    div {\n      box-shadow: none;\n    }\n  }\n"])), function (props) {
-  return props.hideOnLowWidth ? 'none' : 'block';
-}, _styles.BREAKPOINTS.MEDIUM, function (props) {
-  return props.borderRadius ? "".concat(props.borderRadius, "px") : '4px';
-}, getBorderRadiusStyle, function (props) {
-  return props.unsetIconSize ? 'unset' : '24px';
-}, function (props) {
-  return props.unsetIconSize ? 'unset' : '24px';
-});
-
-var StyledPrimaryIconButton = (0, _styledComponents.default)(StyledIconButton)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  div {\n    background-color: ", ";\n\n    svg {\n      fill: ", ";\n      path {\n        fill: ", ";\n      }\n    }\n  }\n  &:hover:not(:disabled) {\n    div {\n      background-color: ", ";\n    }\n    div svg path,\n    div svg {\n      fill: ", ";\n    }\n  }\n  &:active:not(:disabled) {\n    div {\n      background: ", ";\n    }\n    div svg path,\n    div svg {\n      fill: ", ";\n    }\n  }\n  &:disabled {\n    div {\n      background-color: ", ";\n    }\n    svg {\n      path {\n        fill: ", ";\n      }\n      fill: ", ";\n    }\n  }\n  ", ";\n"])), function (props) {
-  return props.useTransparentBackground ? 'transparent' : _styles.COLORS.primary_500;
-}, function (props) {
-  return props.iconColor || _styles.COLORS.white;
-}, function (props) {
-  return props.iconColor || _styles.COLORS.white;
-}, _styles.COLORS.primary_700, _styles.COLORS.white, _styles.COLORS.primary_800, _styles.COLORS.white, _styles.COLORS.neutral_200, _styles.COLORS.white, _styles.COLORS.white, function (props) {
-  return props.tabbedHere ? tabbedHereStyle('primary', props.tabbedHereBackgroundColor) : '';
-});
-var StyledSecondaryIconButton = (0, _styledComponents.default)(StyledIconButton)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  div {\n    background-color: ", ";\n\n    svg {\n      fill: ", ";\n      path {\n        fill: ", ";\n      }\n    }\n  }\n  &:hover:not(:disabled) {\n    div {\n      background-color: ", ";\n    }\n    div svg path,\n    div svg {\n      fill: ", ";\n    }\n  }\n  &:active:not(:disabled) {\n    div {\n      background: ", ";\n    }\n    div svg path,\n    div svg {\n      fill: ", ";\n    }\n  }\n\n  &:disabled {\n    div {\n      background-color: ", ";\n    }\n    svg {\n      path {\n        fill: ", ";\n      }\n      fill: ", ";\n    }\n  }\n\n  ", ";\n"])), function (props) {
-  return props.useTransparentBackground ? 'transparent' : _styles.COLORS.white;
-}, function (props) {
-  return props.iconColor || _styles.COLORS.neutral_600;
-}, function (props) {
-  return props.iconColor || _styles.COLORS.neutral_600;
-}, _styles.COLORS.primary_20, _styles.COLORS.primary_700, _styles.COLORS.primary_100, _styles.COLORS.primary_800, function (props) {
-  return props.useTransparentBackground ? 'transparent' : _styles.COLORS.white;
-}, _styles.COLORS.neutral_300, _styles.COLORS.neutral_300, function (props) {
-  return props.tabbedHere ? tabbedHereStyle('secondary', props.tabbedHereBackgroundColor) : '';
-});
-;
-
-var IconButton = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
-  var id = _ref.id,
-      variant = _ref.variant,
-      shape = _ref.shape,
-      action = _ref.action,
-      hideOnLowWidth = _ref.hideOnLowWidth,
-      isInMobileMenu = _ref.isInMobileMenu,
-      children = _ref.children,
-      useTransparentBackground = _ref.useTransparentBackground,
-      disabled = _ref.disabled,
-      iconColor = _ref.iconColor,
-      unsetIconSize = _ref.unsetIconSize,
-      tabIndex = _ref.tabIndex,
-      flatEdge = _ref.flatEdge,
-      borderRadius = _ref.borderRadius,
-      onKeyPress = _ref.onKeyPress,
-      tabbedHereBackgroundColor = _ref.tabbedHereBackgroundColor,
-      type = _ref.type,
-      hidden = _ref.hidden;
-
-  var supressFocusRef = _react.default.useRef(null);
-
-  var _React$useState = _react.default.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      tabbedHere = _React$useState2[0],
-      setTabbedHere = _React$useState2[1];
-
-  var isPressingEnter = function isPressingEnter(e) {
-    if (e.key === 'Enter') {
-      e.preventDefault();
-      e.stopPropagation();
-      return true;
-    }
-
-    return false;
-  };
-
-  _react.default.useEffect(function () {
-    !!disabled && setTabbedHere(false);
-  }, [disabled]); // Let's render button
-
-
-  switch (variant) {
-    case 'secondary':
-      return /*#__PURE__*/_react.default.createElement(StyledSecondaryIconButton, {
-        id: id,
-        type: type !== null && type !== void 0 ? type : 'button',
-        "data-testid": id,
-        ref: ref,
-        onClick: function onClick(event) {
-          return action(event);
-        },
-        onKeyDown: function onKeyDown(e) {
-          return isPressingEnter(e) ? action() : null;
-        },
-        disabled: disabled,
-        hideOnLowWidth: hideOnLowWidth || false,
-        inMobileMenu: isInMobileMenu,
-        useTransparentBackground: useTransparentBackground,
-        iconColor: iconColor,
-        unsetIconSize: unsetIconSize,
-        tabIndex: tabIndex || 0,
-        borderRadius: borderRadius || shape === 'circular' ? 18 : 0,
-        onMouseDown: function onMouseDown(e) {
-          if (!disabled && !tabbedHere) supressFocusRef.current = true;
-        },
-        onFocus: function onFocus(e) {
-          if (!disabled) {
-            if (!supressFocusRef.current) setTabbedHere(true);else supressFocusRef.current = false;
-          }
-        },
-        onBlur: function onBlur() {
-          setTabbedHere(false);
-        },
-        tabbedHere: tabbedHere,
-        onKeyPress: onKeyPress,
-        hidden: hidden,
-        tabbedHereBackgroundColor: tabbedHereBackgroundColor
-      }, /*#__PURE__*/_react.default.createElement("div", null, children));
-
-    case 'primary':
-    default:
-      return /*#__PURE__*/_react.default.createElement(StyledPrimaryIconButton, {
-        id: id,
-        type: type !== null && type !== void 0 ? type : 'button',
-        "data-testid": id,
-        flatEdge: flatEdge,
-        ref: ref,
-        onClick: function onClick(event) {
-          return action(event);
-        },
-        onKeyDown: function onKeyDown(e) {
-          return isPressingEnter(e) ? action() : null;
-        },
-        disabled: disabled,
-        hideOnLowWidth: hideOnLowWidth || false,
-        inMobileMenu: isInMobileMenu,
-        useTransparentBackground: useTransparentBackground,
-        iconColor: iconColor,
-        unsetIconSize: unsetIconSize,
-        tabIndex: tabIndex || 0,
-        borderRadius: borderRadius || shape === 'circular' ? 18 : 0,
-        onMouseDown: function onMouseDown(e) {
-          if (!disabled && !tabbedHere) supressFocusRef.current = true;
-        },
-        onFocus: function onFocus(e) {
-          if (!disabled) {
-            if (!supressFocusRef.current) setTabbedHere(true);else supressFocusRef.current = false;
-          }
-        },
-        onBlur: function onBlur() {
-          setTabbedHere(false);
-        },
-        tabbedHere: tabbedHere,
-        onKeyPress: onKeyPress,
-        hidden: hidden,
-        tabbedHereBackgroundColor: tabbedHereBackgroundColor
-      }, /*#__PURE__*/_react.default.createElement("div", null, children));
-  }
-});
-
-IconButton.propTypes = {
-  id: _propTypes.default.string,
-  variant: _propTypes.default.oneOf(['primary', 'secondary']),
-  shape: _propTypes.default.oneOf(['square', 'circular']),
-  action: _propTypes.default.func.isRequired,
-  hideOnLowWidth: _propTypes.default.bool,
-  isInMobileMenu: _propTypes.default.bool,
-  disabled: _propTypes.default.bool,
-  useTransparentBackground: _propTypes.default.bool,
-  iconColor: _propTypes.default.string,
-  unsetIconSize: _propTypes.default.bool,
-  tabIndex: _propTypes.default.number,
-  borderRadius: _propTypes.default.number,
-  onKeyPress: _propTypes.default.func,
-  tabbedHereBackgroundColor: _propTypes.default.string,
-  children: _propTypes.default.node,
-  hidden: _propTypes.default.bool
-};
-var _default = IconButton;
-exports.default = _default;
-//# sourceMappingURL=Iconbutton.js.map

package/dist/js/Button/Iconbutton.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Button/Iconbutton.tsx"],"names":["tabbedHereStyle","variant","tabbedHereBackgroundColor","css","COLORS","primary_500","neutral_600","primary_700","white","getBorderRadius","props","borderRadius","getBorderRadiusStyle","radius","flatEdge","StyledIconButton","styled","button","hideOnLowWidth","BREAKPOINTS","MEDIUM","unsetIconSize","StyledPrimaryIconButton","useTransparentBackground","iconColor","primary_800","neutral_200","tabbedHere","StyledSecondaryIconButton","primary_20","primary_100","neutral_300","IconButton","React","forwardRef","ref","id","shape","action","isInMobileMenu","children","disabled","tabIndex","onKeyPress","type","hidden","supressFocusRef","useRef","useState","setTabbedHere","isPressingEnter","e","key","preventDefault","stopPropagation","useEffect","event","current"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport styled, { css } from 'styled-components';\r\n\r\nimport { BREAKPOINTS, COLORS } from '../styles';\r\n\r\ninterface HeaderItemProps {\r\n  hideOnLowWidth: boolean;\r\n  inMobileMenu?: boolean;\r\n  useTransparentBackground?: boolean;\r\n  iconColor?: string;\r\n  unsetIconSize?: boolean;\r\n  borderRadius?: number;\r\n  shape?: string;\r\n  flatEdge?: string;\r\n  tabbedHere?: boolean;\r\n  tabbedHereBackgroundColor?: string;\r\n}\r\n\r\nconst tabbedHereStyle = (variant: string, tabbedHereBackgroundColor?: string) => {\r\n  switch (variant) {\r\n    case 'secondary':\r\n      return css`\r\n        div {\r\n          background-color: ${tabbedHereBackgroundColor || 'transparent'} !important;\r\n          box-shadow: 0px 0px 8px ${COLORS.primary_500}, 0px 4px 12px rgba(46, 127, 161, 0.25);\r\n        }\r\n        div svg path,\r\n        div svg {\r\n          fill: ${COLORS.neutral_600};\r\n        }\r\n      `;\r\n    case 'primary':\r\n    default:\r\n      return css`\r\n        div {\r\n          background-color: ${tabbedHereBackgroundColor || COLORS.primary_700} !important;\r\n          box-shadow: 0px 4px 12px rgba(46, 127, 161, 0.25), 0px 0px 8px #2e7fa1;\r\n        }\r\n        div svg path,\r\n        div svg {\r\n          fill: ${COLORS.white};\r\n        }\r\n      `;\r\n  }\r\n};\r\n\r\nconst getBorderRadius = (props:HeaderItemProps) => (props.borderRadius ? `${props.borderRadius}px` : '4px'); \r\n\r\nconst getBorderRadiusStyle = (props:HeaderItemProps) => {\r\n  const radius = getBorderRadius(props);\r\n  switch(props.flatEdge)\r\n  {\r\n      case 'left':\r\n          return `0px ${radius} ${radius} 0px`;\r\n      \r\n      case 'right':\r\n          return `${radius} 0px 0px ${radius}`;\r\n\r\n      case 'none':\r\n      default:\r\n          return `${radius}`;\r\n  }\r\n};\r\n\r\nconst StyledIconButton = styled.button<HeaderItemProps>`\r\n  border-width: 0;\r\n  cursor: pointer;\r\n  height: 48px;\r\n  width: 48px;\r\n  background: transparent;\r\n\r\n  display: ${(props) => (props.hideOnLowWidth ? 'none' : 'block')};\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: block;\r\n  }\r\n\r\n  border-radius: ${(props) => (props.borderRadius ? `${props.borderRadius}px` : '4px')};\r\n  div {\r\n    height: 36px;\r\n    width: 36px;\r\n    border-radius: ${getBorderRadiusStyle};\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    svg {\r\n      height: ${(props) => (props.unsetIconSize ? 'unset' : '24px')};\r\n      width: ${(props) => (props.unsetIconSize ? 'unset' : '24px')};\r\n      padding: 0;\r\n    }\r\n  }\r\n  &:only-child {\r\n    margin: 0;\r\n  }\r\n  &:disabled {\r\n    cursor: not-allowed;\r\n  }\r\n  &:focus:not(:disabled) {\r\n    outline: none;\r\n    div {\r\n      outline: none;\r\n    }\r\n  }\r\n  &:active:not(:disabled) {\r\n    div {\r\n      box-shadow: none;\r\n    }\r\n  }\r\n`;\r\n\r\nconst StyledPrimaryIconButton = styled(StyledIconButton)`\r\n  div {\r\n    background-color: ${(props) => (props.useTransparentBackground ? 'transparent' : COLORS.primary_500)};\r\n\r\n    svg {\r\n      fill: ${(props) => props.iconColor || COLORS.white};\r\n      path {\r\n        fill: ${(props) => props.iconColor || COLORS.white};\r\n      }\r\n    }\r\n  }\r\n  &:hover:not(:disabled) {\r\n    div {\r\n      background-color: ${COLORS.primary_700};\r\n    }\r\n    div svg path,\r\n    div svg {\r\n      fill: ${COLORS.white};\r\n    }\r\n  }\r\n  &:active:not(:disabled) {\r\n    div {\r\n      background: ${COLORS.primary_800};\r\n    }\r\n    div svg path,\r\n    div svg {\r\n      fill: ${COLORS.white};\r\n    }\r\n  }\r\n  &:disabled {\r\n    div {\r\n      background-color: ${COLORS.neutral_200};\r\n    }\r\n    svg {\r\n      path {\r\n        fill: ${COLORS.white};\r\n      }\r\n      fill: ${COLORS.white};\r\n    }\r\n  }\r\n  ${(props) => (props.tabbedHere ? tabbedHereStyle('primary', props.tabbedHereBackgroundColor) : '')};\r\n`;\r\n\r\nconst StyledSecondaryIconButton = styled(StyledIconButton)`\r\n  div {\r\n    background-color: ${(props) => (props.useTransparentBackground ? 'transparent' : COLORS.white)};\r\n\r\n    svg {\r\n      fill: ${(props) => props.iconColor || COLORS.neutral_600};\r\n      path {\r\n        fill: ${(props) => props.iconColor || COLORS.neutral_600};\r\n      }\r\n    }\r\n  }\r\n  &:hover:not(:disabled) {\r\n    div {\r\n      background-color: ${COLORS.primary_20};\r\n    }\r\n    div svg path,\r\n    div svg {\r\n      fill: ${COLORS.primary_700};\r\n    }\r\n  }\r\n  &:active:not(:disabled) {\r\n    div {\r\n      background: ${COLORS.primary_100};\r\n    }\r\n    div svg path,\r\n    div svg {\r\n      fill: ${COLORS.primary_800};\r\n    }\r\n  }\r\n\r\n  &:disabled {\r\n    div {\r\n      background-color: ${(props) => (props.useTransparentBackground ? 'transparent' : COLORS.white)};\r\n    }\r\n    svg {\r\n      path {\r\n        fill: ${COLORS.neutral_300};\r\n      }\r\n      fill: ${COLORS.neutral_300};\r\n    }\r\n  }\r\n\r\n  ${(props) => (props.tabbedHere ? tabbedHereStyle('secondary', props.tabbedHereBackgroundColor) : '')};\r\n`;\r\n\r\ninterface Props {\r\n  id?: string;\r\n  variant?: 'primary' | 'secondary';\r\n  shape?: 'square' | 'circular';\r\n  action: (event?: React.MouseEvent<HTMLButtonElement>) => void;\r\n  hideOnLowWidth?: boolean;\r\n  flatEdge?: 'right' | 'left' | 'none' | undefined;\r\n  isInMobileMenu?: boolean;\r\n  disabled?: boolean;\r\n  useTransparentBackground?: boolean;\r\n  iconColor?: string;\r\n  unsetIconSize?: boolean;\r\n  tabIndex?: number;\r\n  borderRadius?: number;\r\n  onKeyPress?: React.KeyboardEventHandler<HTMLButtonElement>;\r\n  tabbedHereBackgroundColor?: string;\r\n  type?: 'submit' | 'reset' | 'button' | undefined;\r\n  children?: React.ReactNode;\r\n  hidden?: boolean;\r\n};\r\n\r\nconst IconButton = React.forwardRef<HTMLButtonElement, Props>(({\r\n  id,\r\n  variant,\r\n  shape,\r\n  action,\r\n  hideOnLowWidth,\r\n  isInMobileMenu,\r\n  children,\r\n  useTransparentBackground,\r\n  disabled,\r\n  iconColor,\r\n  unsetIconSize,\r\n  tabIndex,\r\n  flatEdge,\r\n  borderRadius,\r\n  onKeyPress,\r\n  tabbedHereBackgroundColor,\r\n  type,\r\n  hidden\r\n}: Props, ref) => {\r\n  const supressFocusRef = React.useRef<any>(null);\r\n  const [tabbedHere, setTabbedHere] = React.useState<boolean>(false);\r\n\r\n  const isPressingEnter = (e: any) => {\r\n    if (e.key === 'Enter') {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n      return true;\r\n    }\r\n    return false;\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    !!disabled && setTabbedHere(false)\r\n  }, [disabled]);\r\n\r\n  // Let's render button\r\n  switch (variant) {\r\n    case 'secondary':\r\n      return (\r\n        <StyledSecondaryIconButton\r\n          id={id}\r\n          type={type ?? 'button'}\r\n          data-testid={id}\r\n          ref={ref}\r\n          onClick={(event: React.MouseEvent<HTMLButtonElement>) => action(event)}\r\n          onKeyDown={(e: any) => (isPressingEnter(e) ? action() : null)}\r\n          disabled={disabled}\r\n          hideOnLowWidth={hideOnLowWidth || false}\r\n          inMobileMenu={isInMobileMenu}\r\n          useTransparentBackground={useTransparentBackground}\r\n          iconColor={iconColor}\r\n          unsetIconSize={unsetIconSize}\r\n          tabIndex={tabIndex || 0}\r\n          borderRadius={borderRadius || shape === 'circular' ? 18 : 0}\r\n          onMouseDown={(e: any) => {\r\n            if (!disabled && !tabbedHere) supressFocusRef.current = true;\r\n          }}\r\n          onFocus={(e: any) => {\r\n            if (!disabled) {\r\n              if (!supressFocusRef.current) setTabbedHere(true);\r\n              else supressFocusRef.current = false;\r\n            }\r\n          }}\r\n          onBlur={() => {\r\n            setTabbedHere(false);\r\n          }}\r\n          tabbedHere={tabbedHere}\r\n          onKeyPress={onKeyPress}\r\n          hidden={hidden}\r\n          tabbedHereBackgroundColor={tabbedHereBackgroundColor}>\r\n          <div>{children}</div>\r\n        </StyledSecondaryIconButton>\r\n      );\r\n    case 'primary':\r\n    default:\r\n      return (\r\n        <StyledPrimaryIconButton\r\n          id={id}\r\n          type={type ?? 'button'}\r\n          data-testid={id}\r\n          flatEdge={flatEdge}\r\n          ref={ref}\r\n          onClick={(event: React.MouseEvent<HTMLButtonElement>) => action(event)}\r\n          onKeyDown={(e: any) => (isPressingEnter(e) ? action() : null)}\r\n          disabled={disabled}\r\n          hideOnLowWidth={hideOnLowWidth || false}\r\n          inMobileMenu={isInMobileMenu}\r\n          useTransparentBackground={useTransparentBackground}\r\n          iconColor={iconColor}\r\n          unsetIconSize={unsetIconSize}\r\n          tabIndex={tabIndex || 0}\r\n          borderRadius={borderRadius || shape === 'circular' ? 18 : 0}\r\n          onMouseDown={(e: any) => {\r\n            if (!disabled && !tabbedHere) supressFocusRef.current = true;\r\n          }}\r\n          onFocus={(e: any) => {\r\n            if (!disabled) {\r\n              if (!supressFocusRef.current) setTabbedHere(true);\r\n              else supressFocusRef.current = false;\r\n            }\r\n          }}\r\n          onBlur={() => {\r\n            setTabbedHere(false);\r\n          }}\r\n          tabbedHere={tabbedHere}\r\n          onKeyPress={onKeyPress}\r\n          hidden={hidden}\r\n          tabbedHereBackgroundColor={tabbedHereBackgroundColor}>\r\n          <div>{children}</div>\r\n        </StyledPrimaryIconButton>\r\n      );\r\n  }\r\n});\r\n\r\nexport default IconButton;\r\n"],"file":"Iconbutton.js"}

package/dist/js/Button/UIIconButton.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-declare type Props = {
-    action: (event?: React.MouseEvent<HTMLButtonElement>) => void;
-    hideOnLowWidth?: boolean;
-    isInMobileMenu?: boolean;
-    disabled?: boolean;
-    useTransparentBackground?: boolean;
-    iconColor?: string;
-    unsetIconSize?: boolean;
-    tabIndex?: number;
-};
-declare const UIIconButton: React.FunctionComponent<Props>;
-export default UIIconButton;

package/dist/js/Button/UIIconButton.js

@@ -1,100 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _styles = require("../styles");
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  background-color: ", ";\n  border-width: 0;\n  cursor: pointer;\n\n  height: 48px;\n  width: 48px;\n  padding: 8px;\n\n  display: ", ";\n\n  div {\n    height: 32px;\n    width: 32px;\n    border-radius: 4px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    svg {\n      height: ", ";\n      width: ", ";\n      padding: 4px;\n      fill: ", ";\n\n      path {\n        fill: ", ";\n      }\n    }\n  }\n\n  &:only-child {\n    margin: 0;\n  }\n\n  &:disabled {\n    color: ", ";\n    background-color: transparent;\n    cursor: not-allowed;\n\n    svg {\n      path {\n        fill: ", ";\n      }\n\n      fill: ", ";\n    }\n  }\n\n  &:hover:not(:disabled) {\n    div {\n      background-color: ", ";\n    }\n    div svg path,\n    div svg {\n      fill: ", ";\n    }\n  }\n\n  &:focus:not(:disabled) {\n    outline: none;\n\n    div {\n      box-shadow: 0px 0px 8px ", ", 0px 4px 12px rgba(46, 127, 161, 0.25);\n      outline: none;\n    }\n    div svg path,\n    div svg {\n      fill: ", ";\n    }\n  }\n\n  &:active:not(:disabled) {\n    div {\n      background: ", ";\n      box-shadow: none;\n    }\n    div svg path,\n    div svg {\n      fill: ", ";\n    }\n  }\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var IconButton = _styledComponents.default.button(_templateObject(), function (props) {
-  return props.useTransparentBackground ? 'transparent' : _styles.COLORS.white;
-}, function (props) {
-  return props.hideOnLowWidth ? 'none' : 'block';
-}, function (props) {
-  return props.unsetIconSize ? 'unset' : '24px';
-}, function (props) {
-  return props.unsetIconSize ? 'unset' : '24px';
-}, function (props) {
-  return props.iconColor || _styles.COLORS.neutral_600;
-}, function (props) {
-  return props.iconColor || _styles.COLORS.neutral_600;
-}, _styles.COLORS.neutral_300, _styles.COLORS.neutral_300, _styles.COLORS.neutral_300, _styles.COLORS.primary_20, _styles.COLORS.primary_700, _styles.COLORS.primary_500, _styles.COLORS.neutral_600, _styles.COLORS.primary_100, _styles.COLORS.primary_800);
-
-var UIIconButton = function UIIconButton(_ref) {
-  var action = _ref.action,
-      hideOnLowWidth = _ref.hideOnLowWidth,
-      isInMobileMenu = _ref.isInMobileMenu,
-      children = _ref.children,
-      useTransparentBackground = _ref.useTransparentBackground,
-      disabled = _ref.disabled,
-      iconColor = _ref.iconColor,
-      unsetIconSize = _ref.unsetIconSize,
-      tabIndex = _ref.tabIndex;
-
-  var isPressingEnter = function isPressingEnter(e) {
-    if (e.key === 'Enter') {
-      e.preventDefault();
-      e.stopPropagation();
-      return true;
-    }
-
-    return false;
-  };
-
-  return /*#__PURE__*/React.createElement(IconButton, {
-    onClick: function onClick(event) {
-      return action(event);
-    },
-    onKeyDown: function onKeyDown(e) {
-      return isPressingEnter(e) ? action() : null;
-    },
-    disabled: disabled,
-    hideOnLowWidth: hideOnLowWidth || false,
-    inMobileMenu: isInMobileMenu,
-    useTransparentBackground: useTransparentBackground,
-    iconColor: iconColor,
-    unsetIconSize: unsetIconSize,
-    tabIndex: tabIndex || 0
-  }, /*#__PURE__*/React.createElement("div", null, children));
-};
-
-UIIconButton.propTypes = {
-  action: _propTypes.default.func.isRequired,
-  hideOnLowWidth: _propTypes.default.bool,
-  isInMobileMenu: _propTypes.default.bool,
-  disabled: _propTypes.default.bool,
-  useTransparentBackground: _propTypes.default.bool,
-  iconColor: _propTypes.default.string,
-  unsetIconSize: _propTypes.default.bool,
-  tabIndex: _propTypes.default.number
-};
-var _default = UIIconButton;
-exports.default = _default;
-//# sourceMappingURL=UIIconButton.js.map

package/dist/js/Button/UIIconButton.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Button/UIIconButton.tsx"],"names":["IconButton","styled","button","props","useTransparentBackground","COLORS","white","hideOnLowWidth","unsetIconSize","iconColor","neutral_600","neutral_300","primary_20","primary_700","primary_500","primary_100","primary_800","UIIconButton","action","isInMobileMenu","children","disabled","tabIndex","isPressingEnter","e","key","preventDefault","stopPropagation","event"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;;;;;;;;;;;;;;;;;;;AAUA,IAAMA,UAAU,GAAGC,0BAAOC,MAAV,oBACM,UAAAC,KAAK;AAAA,SAAKA,KAAK,CAACC,wBAAN,GAAiC,aAAjC,GAAiDC,eAAOC,KAA7D;AAAA,CADX,EASH,UAAAH,KAAK;AAAA,SAAKA,KAAK,CAACI,cAAN,GAAuB,MAAvB,GAAgC,OAArC;AAAA,CATF,EAoBA,UAAAJ,KAAK;AAAA,SAAKA,KAAK,CAACK,aAAN,GAAsB,OAAtB,GAAgC,MAArC;AAAA,CApBL,EAqBD,UAAAL,KAAK;AAAA,SAAKA,KAAK,CAACK,aAAN,GAAsB,OAAtB,GAAgC,MAArC;AAAA,CArBJ,EAuBF,UAAAL,KAAK;AAAA,SAAIA,KAAK,CAACM,SAAN,IAAmBJ,eAAOK,WAA9B;AAAA,CAvBH,EA0BA,UAAAP,KAAK;AAAA,SAAIA,KAAK,CAACM,SAAN,IAAmBJ,eAAOK,WAA9B;AAAA,CA1BL,EAoCHL,eAAOM,WApCJ,EA0CAN,eAAOM,WA1CP,EA6CFN,eAAOM,WA7CL,EAmDUN,eAAOO,UAnDjB,EAuDFP,eAAOQ,WAvDL,EA+DgBR,eAAOS,WA/DvB,EAoEFT,eAAOK,WApEL,EA0EIL,eAAOU,WA1EX,EA+EFV,eAAOW,WA/EL,CAAhB;;AA+FA,IAAMC,YAA4C,GAAG,SAA/CA,YAA+C,OAUpB;AAAA,MAT/BC,MAS+B,QAT/BA,MAS+B;AAAA,MAR/BX,cAQ+B,QAR/BA,cAQ+B;AAAA,MAP/BY,cAO+B,QAP/BA,cAO+B;AAAA,MAN/BC,QAM+B,QAN/BA,QAM+B;AAAA,MAL/BhB,wBAK+B,QAL/BA,wBAK+B;AAAA,MAJ/BiB,QAI+B,QAJ/BA,QAI+B;AAAA,MAH/BZ,SAG+B,QAH/BA,SAG+B;AAAA,MAF/BD,aAE+B,QAF/BA,aAE+B;AAAA,MAD/Bc,QAC+B,QAD/BA,QAC+B;;AAC/B,MAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACC,CAAD,EAAY;AAClC,QAAIA,CAAC,CAACC,GAAF,KAAU,OAAd,EAAuB;AACrBD,MAAAA,CAAC,CAACE,cAAF;AACAF,MAAAA,CAAC,CAACG,eAAF;AACA,aAAO,IAAP;AACD;;AACD,WAAO,KAAP;AACD,GAPD;;AASA,sBACE,oBAAC,UAAD;AACE,IAAA,OAAO,EAAE,iBAACC,KAAD;AAAA,aAAgDV,MAAM,CAACU,KAAD,CAAtD;AAAA,KADX;AAEE,IAAA,SAAS,EAAE,mBAACJ,CAAD;AAAA,aAAaD,eAAe,CAACC,CAAD,CAAf,GAAqBN,MAAM,EAA3B,GAAgC,IAA7C;AAAA,KAFb;AAGE,IAAA,QAAQ,EAAEG,QAHZ;AAIE,IAAA,cAAc,EAAEd,cAAc,IAAI,KAJpC;AAKE,IAAA,YAAY,EAAEY,cALhB;AAME,IAAA,wBAAwB,EAAEf,wBAN5B;AAOE,IAAA,SAAS,EAAEK,SAPb;AAQE,IAAA,aAAa,EAAED,aARjB;AASE,IAAA,QAAQ,EAAEc,QAAQ,IAAI;AATxB,kBAUE,iCAAMF,QAAN,CAVF,CADF;AAcD,CAlCD;;;AAVEF,EAAAA,M;AACAX,EAAAA,c;AACAY,EAAAA,c;AACAE,EAAAA,Q;AACAjB,EAAAA,wB;AACAK,EAAAA,S;AACAD,EAAAA,a;AACAc,EAAAA,Q;;eAuCaL,Y","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport { COLORS } from '../styles';\r\n\r\ninterface HeaderItemProps {\r\n  hideOnLowWidth: boolean;\r\n  inMobileMenu?: boolean;\r\n  useTransparentBackground?: boolean;\r\n  iconColor?: string;\r\n  unsetIconSize?: boolean;\r\n}\r\n\r\nconst IconButton = styled.button<HeaderItemProps>`\r\n  background-color: ${props => (props.useTransparentBackground ? 'transparent' : COLORS.white)};\r\n  border-width: 0;\r\n  cursor: pointer;\r\n\r\n  height: 48px;\r\n  width: 48px;\r\n  padding: 8px;\r\n\r\n  display: ${props => (props.hideOnLowWidth ? 'none' : 'block')};\r\n\r\n  div {\r\n    height: 32px;\r\n    width: 32px;\r\n    border-radius: 4px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n\r\n    svg {\r\n      height: ${props => (props.unsetIconSize ? 'unset' : '24px')};\r\n      width: ${props => (props.unsetIconSize ? 'unset' : '24px')};\r\n      padding: 4px;\r\n      fill: ${props => props.iconColor || COLORS.neutral_600};\r\n\r\n      path {\r\n        fill: ${props => props.iconColor || COLORS.neutral_600};\r\n      }\r\n    }\r\n  }\r\n\r\n  &:only-child {\r\n    margin: 0;\r\n  }\r\n\r\n  &:disabled {\r\n    color: ${COLORS.neutral_300};\r\n    background-color: transparent;\r\n    cursor: not-allowed;\r\n\r\n    svg {\r\n      path {\r\n        fill: ${COLORS.neutral_300};\r\n      }\r\n\r\n      fill: ${COLORS.neutral_300};\r\n    }\r\n  }\r\n\r\n  &:hover:not(:disabled) {\r\n    div {\r\n      background-color: ${COLORS.primary_20};\r\n    }\r\n    div svg path,\r\n    div svg {\r\n      fill: ${COLORS.primary_700};\r\n    }\r\n  }\r\n\r\n  &:focus:not(:disabled) {\r\n    outline: none;\r\n\r\n    div {\r\n      box-shadow: 0px 0px 8px ${COLORS.primary_500}, 0px 4px 12px rgba(46, 127, 161, 0.25);\r\n      outline: none;\r\n    }\r\n    div svg path,\r\n    div svg {\r\n      fill: ${COLORS.neutral_600};\r\n    }\r\n  }\r\n\r\n  &:active:not(:disabled) {\r\n    div {\r\n      background: ${COLORS.primary_100};\r\n      box-shadow: none;\r\n    }\r\n    div svg path,\r\n    div svg {\r\n      fill: ${COLORS.primary_800};\r\n    }\r\n  }\r\n`;\r\n\r\ntype Props = {\r\n  action: (event?: React.MouseEvent<HTMLButtonElement>) => void;\r\n  hideOnLowWidth?: boolean;\r\n  isInMobileMenu?: boolean;\r\n  disabled?: boolean;\r\n  useTransparentBackground?: boolean;\r\n  iconColor?: string;\r\n  unsetIconSize?: boolean;\r\n  tabIndex?: number;\r\n};\r\n\r\nconst UIIconButton: React.FunctionComponent<Props> = ({\r\n  action,\r\n  hideOnLowWidth,\r\n  isInMobileMenu,\r\n  children,\r\n  useTransparentBackground,\r\n  disabled,\r\n  iconColor,\r\n  unsetIconSize,\r\n  tabIndex,\r\n}): React.ReactElement<Props> => {\r\n  const isPressingEnter = (e: any) => {\r\n    if (e.key === 'Enter') {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n      return true;\r\n    }\r\n    return false;\r\n  };\r\n\r\n  return (\r\n    <IconButton\r\n      onClick={(event: React.MouseEvent<HTMLButtonElement>) => action(event)}\r\n      onKeyDown={(e: any) => (isPressingEnter(e) ? action() : null)}\r\n      disabled={disabled}\r\n      hideOnLowWidth={hideOnLowWidth || false}\r\n      inMobileMenu={isInMobileMenu}\r\n      useTransparentBackground={useTransparentBackground}\r\n      iconColor={iconColor}\r\n      unsetIconSize={unsetIconSize}\r\n      tabIndex={tabIndex || 0}>\r\n      <div>{children}</div>\r\n    </IconButton>\r\n  );\r\n};\r\n\r\nexport default UIIconButton;\r\n"],"file":"UIIconButton.js"}

package/dist/js/Button/__tests__/BackButton.test.js

@@ -1,48 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@testing-library/react");
-
-var _index = require("../index");
-
-var _types = require("../../types");
-
-require("jest-styled-components");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-describe('<BackButton />', function () {
-  it('should render back button', function () {
-    var _render = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.BackButton, {
-      size: _types.Size.Small
-    }, "Back Button")),
-        queryByText = _render.queryByText;
-
-    expect(queryByText('Back Button')).toBeDefined();
-  });
-  it('should call action on click', function () {
-    var clickMock = jest.fn(function () {});
-    var component = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.BackButton, {
-      size: _types.Size.Small,
-      onClick: clickMock
-    }, "Back Button"));
-    (0, _react2.act)(function () {
-      component.getByText('Back Button').click();
-    });
-    expect(clickMock).toBeCalled();
-  });
-  it('should not call action on click when disabled', function () {
-    var clickMock = jest.fn(function () {});
-    var component = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.BackButton, {
-      size: _types.Size.Small,
-      disabled: true,
-      onClick: clickMock
-    }, "Back Button"));
-    (0, _react2.act)(function () {
-      component.getByText('Back Button').click();
-    });
-    expect(clickMock).toBeCalledTimes(0);
-  });
-});
-//# sourceMappingURL=BackButton.test.js.map

package/dist/js/Button/__tests__/BackButton.test.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/Button/__tests__/BackButton.test.tsx"],"names":["describe","it","Size","Small","queryByText","expect","toBeDefined","clickMock","jest","fn","component","getByText","click","toBeCalled","toBeCalledTimes"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEAA,QAAQ,CAAC,gBAAD,EAAmB,YAAM;AAC/BC,EAAAA,EAAE,CAAC,2BAAD,EAA8B,YAAY;AAC1C,kBAAsB,kCAAO,6BAAC,iBAAD;AAAY,MAAA,IAAI,EAAEC,YAAKC;AAAvB,qBAAP,CAAtB;AAAA,QAAOC,WAAP,WAAOA,WAAP;;AACAC,IAAAA,MAAM,CAACD,WAAW,CAAC,aAAD,CAAZ,CAAN,CAAmCE,WAAnC;AACD,GAHC,CAAF;AAIAL,EAAAA,EAAE,CAAC,6BAAD,EAAgC,YAAY;AAC5C,QAAMM,SAAS,GAAGC,IAAI,CAACC,EAAL,CAAQ,YAAM,CAAE,CAAhB,CAAlB;AACA,QAAMC,SAAS,GAAG,kCAAO,6BAAC,iBAAD;AAAY,MAAA,IAAI,EAAER,YAAKC,KAAvB;AAA8B,MAAA,OAAO,EAAEI;AAAvC,qBAAP,CAAlB;AACA,qBAAI,YAAM;AACRG,MAAAA,SAAS,CAACC,SAAV,CAAoB,aAApB,EAAmCC,KAAnC;AACD,KAFD;AAGAP,IAAAA,MAAM,CAACE,SAAD,CAAN,CAAkBM,UAAlB;AACD,GAPC,CAAF;AAQAZ,EAAAA,EAAE,CAAC,+CAAD,EAAkD,YAAY;AAC9D,QAAMM,SAAS,GAAGC,IAAI,CAACC,EAAL,CAAQ,YAAM,CAAE,CAAhB,CAAlB;AACA,QAAMC,SAAS,GAAG,kCAAO,6BAAC,iBAAD;AAAY,MAAA,IAAI,EAAER,YAAKC,KAAvB;AAA8B,MAAA,QAAQ,EAAE,IAAxC;AAA8C,MAAA,OAAO,EAAEI;AAAvD,qBAAP,CAAlB;AACA,qBAAI,YAAM;AACRG,MAAAA,SAAS,CAACC,SAAV,CAAoB,aAApB,EAAmCC,KAAnC;AACD,KAFD;AAGAP,IAAAA,MAAM,CAACE,SAAD,CAAN,CAAkBO,eAAlB,CAAkC,CAAlC;AACD,GAPC,CAAF;AASD,CAtBO,CAAR","sourcesContent":["import React from 'react';\r\nimport {act, render} from '@testing-library/react';\r\nimport {BackButton} from '../index';\r\nimport {Size} from '../../types'\r\nimport 'jest-styled-components';\r\n\r\ndescribe('<BackButton />', () => {\r\n  it('should render back button', function () {\r\n    const {queryByText} = render(<BackButton size={Size.Small}>Back Button</BackButton>);\r\n    expect(queryByText('Back Button')).toBeDefined();\r\n  });\r\n  it('should call action on click', function () {\r\n    const clickMock = jest.fn(() => {});\r\n    const component = render(<BackButton size={Size.Small} onClick={clickMock}>Back Button</BackButton>);\r\n    act(() => {\r\n      component.getByText('Back Button').click();\r\n    });\r\n    expect(clickMock).toBeCalled();\r\n  });\r\n  it('should not call action on click when disabled', function () {\r\n    const clickMock = jest.fn(() => {});\r\n    const component = render(<BackButton size={Size.Small} disabled={true} onClick={clickMock}>Back Button</BackButton>);\r\n    act(() => {\r\n      component.getByText('Back Button').click();\r\n    });\r\n    expect(clickMock).toBeCalledTimes(0);\r\n  });\r\n\r\n});\r\n"],"file":"BackButton.test.js"}

package/dist/js/Button/__tests__/Button.test.js

@@ -1,91 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@testing-library/react");
-
-var _index = require("../index");
-
-require("jest-styled-components");
-
-var _ = require("../..");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
-describe('<Button />', function () {
-  it('Renders primary button', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-    var _render, queryByText, getByTestId;
-
-    return regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _render = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Button, {
-              variant: "primary",
-              testId: "TestButton",
-              size: _.Size.Large
-            }, "TestButton")), queryByText = _render.queryByText, getByTestId = _render.getByTestId;
-            expect(queryByText('TestButton')).toBeDefined();
-            /*expect(getByTestId('TestButton')).toHaveStyleRule('background-color', COLORS.primary);
-            expect(getByTestId('TestButton')).toHaveStyleRule('cursor', 'pointer');
-            expect(getByTestId('TestButton')).toHaveStyleRule('color', 'white');*/
-
-          case 2:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  })));
-  it('Renders secondary button', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
-    var _render2, queryByText, getByTestId;
-
-    return regeneratorRuntime.wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            _render2 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Button, {
-              variant: "secondary",
-              testId: "TestButton"
-            }, "TestButton")), queryByText = _render2.queryByText, getByTestId = _render2.getByTestId;
-            expect(queryByText('TestButton')).toBeDefined();
-            /*expect(getByTestId('TestButton')).toHaveStyleRule('color', COLORS.primary);
-            expect(getByTestId('TestButton')).toHaveStyleRule('border-color', COLORS.primary);
-            expect(getByTestId('TestButton')).toHaveStyleRule('background-color', 'white');*/
-
-          case 2:
-          case "end":
-            return _context2.stop();
-        }
-      }
-    }, _callee2);
-  })));
-  it('Renders tertiary button', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
-    var _render3, queryByText, getByTestId;
-
-    return regeneratorRuntime.wrap(function _callee3$(_context3) {
-      while (1) {
-        switch (_context3.prev = _context3.next) {
-          case 0:
-            _render3 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Button, {
-              variant: "tertiary",
-              testId: "TestButton"
-            }, "TestButton")), queryByText = _render3.queryByText, getByTestId = _render3.getByTestId;
-            expect(queryByText('TestButton')).toBeDefined();
-            /*expect(getByTestId('TestButton')).toHaveStyleRule('background-color', 'white');
-            expect(getByTestId('TestButton')).toHaveStyleRule('border-color', COLORS.neutral_100);
-            expect(getByTestId('TestButton')).toHaveStyleRule('color', COLORS.primary);*/
-
-          case 2:
-          case "end":
-            return _context3.stop();
-        }
-      }
-    }, _callee3);
-  })));
-});
-//# sourceMappingURL=Button.test.js.map

package/dist/js/Button/__tests__/Button.test.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/Button/__tests__/Button.test.tsx"],"names":["describe","it","Size","Large","queryByText","getByTestId","expect","toBeDefined"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;AAEAA,QAAQ,CAAC,YAAD,EAAe,YAAM;AAC3BC,EAAAA,EAAE,CAAC,wBAAD,uEAA2B;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA,sBACU,kCACnC,6BAAC,aAAD;AAAQ,cAAA,OAAO,EAAC,SAAhB;AAA0B,cAAA,MAAM,EAAC,YAAjC;AAA8C,cAAA,IAAI,EAAEC,OAAKC;AAAzD,4BADmC,CADV,EACnBC,WADmB,WACnBA,WADmB,EACNC,WADM,WACNA,WADM;AAM3BC,YAAAA,MAAM,CAACF,WAAW,CAAC,YAAD,CAAZ,CAAN,CAAkCG,WAAlC;AACA;AACJ;AACA;;AAT+B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAA3B,GAAF;AAWAN,EAAAA,EAAE,CAAC,0BAAD,uEAA6B;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA,uBACQ,kCACnC,6BAAC,aAAD;AAAQ,cAAA,OAAO,EAAC,WAAhB;AAA4B,cAAA,MAAM,EAAC;AAAnC,4BADmC,CADR,EACrBG,WADqB,YACrBA,WADqB,EACRC,WADQ,YACRA,WADQ;AAM7BC,YAAAA,MAAM,CAACF,WAAW,CAAC,YAAD,CAAZ,CAAN,CAAkCG,WAAlC;AACA;AACJ;AACA;;AATiC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAA7B,GAAF;AAWAN,EAAAA,EAAE,CAAC,yBAAD,uEAA4B;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA,uBACS,kCACnC,6BAAC,aAAD;AAAQ,cAAA,OAAO,EAAC,UAAhB;AAA2B,cAAA,MAAM,EAAC;AAAlC,4BADmC,CADT,EACpBG,WADoB,YACpBA,WADoB,EACPC,WADO,YACPA,WADO;AAM5BC,YAAAA,MAAM,CAACF,WAAW,CAAC,YAAD,CAAZ,CAAN,CAAkCG,WAAlC;AACA;AACJ;AACA;;AATgC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAA5B,GAAF;AAWD,CAlCO,CAAR","sourcesContent":["import React from 'react';\r\nimport { render } from '@testing-library/react';\r\nimport { Button } from '../index';\r\nimport 'jest-styled-components';\r\nimport { COLORS } from '../../styles';\r\nimport { Size } from '../..';\r\n\r\ndescribe('<Button />', () => {\r\n  it('Renders primary button', async () => {\r\n    const { queryByText, getByTestId } = render(\r\n      <Button variant=\"primary\" testId=\"TestButton\" size={Size.Large}>\r\n        TestButton\r\n      </Button>,\r\n    );\r\n    expect(queryByText('TestButton')).toBeDefined();\r\n    /*expect(getByTestId('TestButton')).toHaveStyleRule('background-color', COLORS.primary);\r\n    expect(getByTestId('TestButton')).toHaveStyleRule('cursor', 'pointer');\r\n    expect(getByTestId('TestButton')).toHaveStyleRule('color', 'white');*/\r\n  });\r\n  it('Renders secondary button', async () => {\r\n    const { queryByText, getByTestId } = render(\r\n      <Button variant=\"secondary\" testId=\"TestButton\">\r\n        TestButton\r\n      </Button>,\r\n    );\r\n    expect(queryByText('TestButton')).toBeDefined();\r\n    /*expect(getByTestId('TestButton')).toHaveStyleRule('color', COLORS.primary);\r\n    expect(getByTestId('TestButton')).toHaveStyleRule('border-color', COLORS.primary);\r\n    expect(getByTestId('TestButton')).toHaveStyleRule('background-color', 'white');*/\r\n  });\r\n  it('Renders tertiary button', async () => {\r\n    const { queryByText, getByTestId } = render(\r\n      <Button variant=\"tertiary\" testId=\"TestButton\">\r\n        TestButton\r\n      </Button>,\r\n    );\r\n    expect(queryByText('TestButton')).toBeDefined();\r\n    /*expect(getByTestId('TestButton')).toHaveStyleRule('background-color', 'white');\r\n    expect(getByTestId('TestButton')).toHaveStyleRule('border-color', COLORS.neutral_100);\r\n    expect(getByTestId('TestButton')).toHaveStyleRule('color', COLORS.primary);*/\r\n  });\r\n});\r\n"],"file":"Button.test.js"}

package/dist/js/Button/index.d.ts

@@ -1,3 +0,0 @@
-export { default as IconButton } from './Iconbutton';
-export { default as Button } from './Button';
-export { default as BackButton } from './BackButton';

package/dist/js/Button/index.js

@@ -1,32 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "IconButton", {
-  enumerable: true,
-  get: function get() {
-    return _Iconbutton.default;
-  }
-});
-Object.defineProperty(exports, "Button", {
-  enumerable: true,
-  get: function get() {
-    return _Button.default;
-  }
-});
-Object.defineProperty(exports, "BackButton", {
-  enumerable: true,
-  get: function get() {
-    return _BackButton.default;
-  }
-});
-
-var _Iconbutton = _interopRequireDefault(require("./Iconbutton"));
-
-var _Button = _interopRequireDefault(require("./Button"));
-
-var _BackButton = _interopRequireDefault(require("./BackButton"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-//# sourceMappingURL=index.js.map

package/dist/js/Button/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Button/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA","sourcesContent":["export { default as IconButton } from './Iconbutton';\r\nexport { default as Button } from './Button';\r\nexport { default as BackButton } from './BackButton';\r\n"],"file":"index.js"}

package/dist/js/Chips/ActionChip.d.ts

@@ -1,10 +0,0 @@
-/**
- * Import React libraries.
- */
-import * as React from 'react';
-/**
- * Import custom types.
- */
-import { ActionChipProps } from './ChipTypes';
-declare const ActionChip: React.FunctionComponent<ActionChipProps>;
-export default ActionChip;