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

package/dist/umd/Button/UIIconButton.js

@@ -1,212 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "prop-types", "react", "styled-components", "../styles"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("prop-types"), require("react"), require("styled-components"), require("../styles"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.propTypes, global.react, global.styledComponents, global.styles);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _propTypes, _react, _styledComponents, _styles) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-
-  var _propTypes2 = _interopRequireDefault(_propTypes);
-
-  var React = _interopRequireWildcard(_react);
-
-  var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-  function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function (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
-    };
-  }
-
-  const IconButton = _styledComponents2.default.button`
-  background-color: ${props => props.useTransparentBackground ? 'transparent' : _styles.COLORS.white};
-  border-width: 0;
-  cursor: pointer;
-
-  height: 48px;
-  width: 48px;
-  padding: 8px;
-
-  display: ${props => props.hideOnLowWidth ? 'none' : 'block'};
-
-  div {
-    height: 32px;
-    width: 32px;
-    border-radius: 4px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-
-    svg {
-      height: ${props => props.unsetIconSize ? 'unset' : '24px'};
-      width: ${props => props.unsetIconSize ? 'unset' : '24px'};
-      padding: 4px;
-      fill: ${props => props.iconColor || _styles.COLORS.neutral_600};
-
-      path {
-        fill: ${props => props.iconColor || _styles.COLORS.neutral_600};
-      }
-    }
-  }
-
-  &:only-child {
-    margin: 0;
-  }
-
-  &:disabled {
-    color: ${_styles.COLORS.neutral_300};
-    background-color: transparent;
-    cursor: not-allowed;
-
-    svg {
-      path {
-        fill: ${_styles.COLORS.neutral_300};
-      }
-
-      fill: ${_styles.COLORS.neutral_300};
-    }
-  }
-
-  &:hover:not(:disabled) {
-    div {
-      background-color: ${_styles.COLORS.primary_20};
-    }
-    div svg path,
-    div svg {
-      fill: ${_styles.COLORS.primary_700};
-    }
-  }
-
-  &:focus:not(:disabled) {
-    outline: none;
-
-    div {
-      box-shadow: 0px 0px 8px ${_styles.COLORS.primary_500}, 0px 4px 12px rgba(46, 127, 161, 0.25);
-      outline: none;
-    }
-    div svg path,
-    div svg {
-      fill: ${_styles.COLORS.neutral_600};
-    }
-  }
-
-  &:active:not(:disabled) {
-    div {
-      background: ${_styles.COLORS.primary_100};
-      box-shadow: none;
-    }
-    div svg path,
-    div svg {
-      fill: ${_styles.COLORS.primary_800};
-    }
-  }
-`;
-
-  const UIIconButton = ({
-    action,
-    hideOnLowWidth,
-    isInMobileMenu,
-    children,
-    useTransparentBackground,
-    disabled,
-    iconColor,
-    unsetIconSize,
-    tabIndex
-  }) => {
-    const isPressingEnter = e => {
-      if (e.key === 'Enter') {
-        e.preventDefault();
-        e.stopPropagation();
-        return true;
-      }
-
-      return false;
-    };
-
-    return /*#__PURE__*/React.createElement(IconButton, {
-      onClick: event => action(event),
-      onKeyDown: e => 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: _propTypes2.default.func.isRequired,
-    hideOnLowWidth: _propTypes2.default.bool,
-    isInMobileMenu: _propTypes2.default.bool,
-    disabled: _propTypes2.default.bool,
-    useTransparentBackground: _propTypes2.default.bool,
-    iconColor: _propTypes2.default.string,
-    unsetIconSize: _propTypes2.default.bool,
-    tabIndex: _propTypes2.default.number
-  };
-  exports.default = UIIconButton;
-});
-//# sourceMappingURL=UIIconButton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Button/UIIconButton.tsx"],"names":["IconButton","styled","button","props","COLORS","white","neutral_600","neutral_300","primary_20","primary_700","primary_500","primary_100","primary_800","action","hideOnLowWidth","isInMobileMenu","disabled","useTransparentBackground","iconColor","unsetIconSize","tabIndex","UIIconButton","isPressingEnter","e","event"],"mappings":"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","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/umd/Button/__tests__/BackButton.test.js

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

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/Button/__tests__/BackButton.test.tsx"],"names":["describe","it","queryByText","render","Size","Small","expect","clickMock","jest","component","act"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAMAA,EAAAA,QAAQ,CAAA,gBAAA,EAAmB,MAAM;AAC/BC,IAAAA,EAAE,CAAA,2BAAA,EAA8B,YAAY;AAC1C,YAAM;AAACC,QAAAA;AAAD,UAAgBC,qBAAM,aAAC,gBAAA,aAAA,CAAA,iBAAA,EAAA;AAAY,QAAA,IAAI,EAAEC,YAAKC;AAAvB,OAAA,EAA7B,aAA6B,CAAPF,CAAtB;AACAG,MAAAA,MAAM,CAACJ,WAAW,CAAlBI,aAAkB,CAAZ,CAANA,CAAAA,WAAAA;AAFFL,KAAE,CAAFA;AAIAA,IAAAA,EAAE,CAAA,6BAAA,EAAgC,YAAY;AAC5C,YAAMM,SAAS,GAAGC,IAAI,CAAJA,EAAAA,CAAQ,MAAM,CAAhC,CAAkBA,CAAlB;AACA,YAAMC,SAAS,GAAGN,qBAAM,aAAC,gBAAA,aAAA,CAAA,iBAAA,EAAA;AAAY,QAAA,IAAI,EAAEC,YAAlB,KAAA;AAA8B,QAAA,OAAO,EAAEG;AAAvC,OAAA,EAAzB,aAAyB,CAAPJ,CAAlB;AACAO,uBAAI,MAAM;AACRD,QAAAA,SAAS,CAATA,SAAAA,CAAAA,aAAAA,EAAAA,KAAAA;AADFC,OAAAA;AAGAJ,MAAAA,MAAM,CAANA,SAAM,CAANA,CAAAA,UAAAA;AANFL,KAAE,CAAFA;AAQAA,IAAAA,EAAE,CAAA,+CAAA,EAAkD,YAAY;AAC9D,YAAMM,SAAS,GAAGC,IAAI,CAAJA,EAAAA,CAAQ,MAAM,CAAhC,CAAkBA,CAAlB;AACA,YAAMC,SAAS,GAAGN,qBAAM,aAAC,gBAAA,aAAA,CAAA,iBAAA,EAAA;AAAY,QAAA,IAAI,EAAEC,YAAlB,KAAA;AAA8B,QAAA,QAAQ,EAAtC,IAAA;AAA8C,QAAA,OAAO,EAAEG;AAAvD,OAAA,EAAzB,aAAyB,CAAPJ,CAAlB;AACAO,uBAAI,MAAM;AACRD,QAAAA,SAAS,CAATA,SAAAA,CAAAA,aAAAA,EAAAA,KAAAA;AADFC,OAAAA;AAGAJ,MAAAA,MAAM,CAANA,SAAM,CAANA,CAAAA,eAAAA,CAAAA,CAAAA;AANFL,KAAE,CAAFA;AAbFD,GAAQ,CAARA","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/umd/Button/__tests__/Button.test.js

@@ -1,67 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["react", "@testing-library/react", "../index", "../..", "jest-styled-components"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(require("react"), require("@testing-library/react"), require("../index"), require("../.."), require("jest-styled-components"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(global.react, global.react, global.index, global._, global.jestStyledComponents);
-    global.undefined = mod.exports;
-  }
-})(this, function (_react, _react3, _index, _) {
-  "use strict";
-
-  var _react2 = _interopRequireDefault(_react);
-
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      default: obj
-    };
-  }
-
-  describe('<Button />', () => {
-    it('Renders primary button', async () => {
-      const {
-        queryByText,
-        getByTestId
-      } = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_index.Button, {
-        variant: "primary",
-        testId: "TestButton",
-        size: _.Size.Large
-      }, "TestButton"));
-      expect(queryByText('TestButton')).toBeDefined();
-      /*expect(getByTestId('TestButton')).toHaveStyleRule('background-color', COLORS.primary);
-      expect(getByTestId('TestButton')).toHaveStyleRule('cursor', 'pointer');
-      expect(getByTestId('TestButton')).toHaveStyleRule('color', 'white');*/
-    });
-    it('Renders secondary button', async () => {
-      const {
-        queryByText,
-        getByTestId
-      } = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_index.Button, {
-        variant: "secondary",
-        testId: "TestButton"
-      }, "TestButton"));
-      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');*/
-    });
-    it('Renders tertiary button', async () => {
-      const {
-        queryByText,
-        getByTestId
-      } = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_index.Button, {
-        variant: "tertiary",
-        testId: "TestButton"
-      }, "TestButton"));
-      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);*/
-    });
-  });
-});
-//# sourceMappingURL=Button.test.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/Button/__tests__/Button.test.tsx"],"names":["describe","it","getByTestId","render","Size","Large","expect","queryByText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAOAA,EAAAA,QAAQ,CAAA,YAAA,EAAe,MAAM;AAC3BC,IAAAA,EAAE,CAAA,wBAAA,EAA2B,YAAY;AACvC,YAAM;AAAA,QAAA,WAAA;AAAeC,QAAAA;AAAf,UAA+BC,qBAAM,aACzC,gBAAA,aAAA,CAAA,aAAA,EAAA;AAAQ,QAAA,OAAO,EAAf,SAAA;AAA0B,QAAA,MAAM,EAAhC,YAAA;AAA8C,QAAA,IAAI,EAAEC,OAAKC;AAAzD,OAAA,EADF,YACE,CADmCF,CAArC;AAKAG,MAAAA,MAAM,CAACC,WAAW,CAAlBD,YAAkB,CAAZ,CAANA,CAAAA,WAAAA;AACA;AACJ;AACA;AATEL,KAAE,CAAFA;AAWAA,IAAAA,EAAE,CAAA,0BAAA,EAA6B,YAAY;AACzC,YAAM;AAAA,QAAA,WAAA;AAAeC,QAAAA;AAAf,UAA+BC,qBAAM,aACzC,gBAAA,aAAA,CAAA,aAAA,EAAA;AAAQ,QAAA,OAAO,EAAf,WAAA;AAA4B,QAAA,MAAM,EAAC;AAAnC,OAAA,EADF,YACE,CADmCA,CAArC;AAKAG,MAAAA,MAAM,CAACC,WAAW,CAAlBD,YAAkB,CAAZ,CAANA,CAAAA,WAAAA;AACA;AACJ;AACA;AATEL,KAAE,CAAFA;AAWAA,IAAAA,EAAE,CAAA,yBAAA,EAA4B,YAAY;AACxC,YAAM;AAAA,QAAA,WAAA;AAAeC,QAAAA;AAAf,UAA+BC,qBAAM,aACzC,gBAAA,aAAA,CAAA,aAAA,EAAA;AAAQ,QAAA,OAAO,EAAf,UAAA;AAA2B,QAAA,MAAM,EAAC;AAAlC,OAAA,EADF,YACE,CADmCA,CAArC;AAKAG,MAAAA,MAAM,CAACC,WAAW,CAAlBD,YAAkB,CAAZ,CAANA,CAAAA,WAAAA;AACA;AACJ;AACA;AATEL,KAAE,CAAFA;AAvBFD,GAAQ,CAARA","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/umd/Button/index.js

@@ -1,44 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "./Iconbutton", "./Button", "./BackButton"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("./Iconbutton"), require("./Button"), require("./BackButton"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.Iconbutton, global.Button, global.BackButton);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _Iconbutton, _Button, _BackButton) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-  Object.defineProperty(exports, "IconButton", {
-    enumerable: true,
-    get: function () {
-      return _interopRequireDefault(_Iconbutton).default;
-    }
-  });
-  Object.defineProperty(exports, "Button", {
-    enumerable: true,
-    get: function () {
-      return _interopRequireDefault(_Button).default;
-    }
-  });
-  Object.defineProperty(exports, "BackButton", {
-    enumerable: true,
-    get: function () {
-      return _interopRequireDefault(_BackButton).default;
-    }
-  });
-
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      default: obj
-    };
-  }
-});
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Button/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;iDAAA,O;;;;;;6CACA,O;;;;;;iDACA,O","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/umd/Chips/ActionChip.js

@@ -1,128 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "react", "../icons/index", "../types", "./ChipStyles"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("react"), require("../icons/index"), require("../types"), require("./ChipStyles"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.react, global.index, global.types, global.ChipStyles);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _react, _index, _types, _ChipStyles) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-
-  var React = _interopRequireWildcard(_react);
-
-  function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function (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;
-  }
-
-  /**
-   * Import React libraries.
-   */
-
-  /**
-   * Import custom components.
-   */
-
-  /**
-   * Import custom styles.
-   */
-
-  /**
-   * Import custom types.
-   */
-  const ActionChip = ({
-    icon,
-    text,
-    variant,
-    size,
-    disabled,
-    onClick
-  }) => {
-    /**
-     * Retrieves icon size based on the chip size.
-     * @returns A string indicating the icon size.
-     */
-    const getIconSize = () => {
-      let iconSize; // Calculate correct icon size
-
-      if (size === _types.Size.Small) {
-        iconSize = '16px';
-      } else if (size === _types.Size.Medium) {
-        iconSize = '20px';
-      } else {
-        iconSize = '24px';
-      }
-
-      return iconSize;
-    };
-    /**
-     * Return Action Chip component.
-     */
-
-
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_ChipStyles.ActionChipContainer, {
-      className: `${size} ${disabled ? 'disabled' : variant} ${icon && 'icon-chip'}`,
-      onClick: () => onClick()
-    }, icon && _index.SystemIcons[icon]({
-      size: getIconSize(),
-      className: 'icon'
-    }), text));
-  };
-
-  exports.default = ActionChip;
-});
-//# sourceMappingURL=ActionChip.js.map

package/dist/umd/Chips/ActionChip.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Chips/ActionChip.tsx"],"names":["ActionChip","onClick","getIconSize","size","Size","iconSize","disabled","variant","icon","className"],"mappings":";;;;;;;;;;;;;;;;;;;MAGC,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAHD;AACA;AACA;;AAGC;AACD;AACA;;AAGC;AACD;AACA;;AAGC;AACD;AACA;AAGC,QAAMA,UAAoD,GAAG,CAAC;AAAA,IAAA,IAAA;AAAA,IAAA,IAAA;AAAA,IAAA,OAAA;AAAA,IAAA,IAAA;AAAA,IAAA,QAAA;AAAuCC,IAAAA;AAAvC,GAAD,KAAuE;AAClI;AACH;AACA;AACA;AACG,UAAMC,WAAW,GAAG,MAAc;AAChC,UADgC,QAChC,CADgC,CAGhC;;AACA,UAAIC,IAAI,KAAKC,YAAb,KAAA,EAAyB;AACvBC,QAAAA,QAAQ,GAARA,MAAAA;AADF,OAAA,MAEO,IAAIF,IAAI,KAAKC,YAAb,MAAA,EAA0B;AAC/BC,QAAAA,QAAQ,GAARA,MAAAA;AADK,OAAA,MAEA;AACLA,QAAAA,QAAQ,GAARA,MAAAA;AACD;;AAED,aAAA,QAAA;AAZF,KAAA;AAeA;AACH;AACA;;;AACG,WAAA,aACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAA,aACE,KAAA,CAAA,aAAA,CAAA,+BAAA,EAAA;AAAqB,MAAA,SAAS,EAAG,GAAEF,IAAK,IAAGG,QAAQ,GAAA,UAAA,GAAgBC,OAAQ,IAAGC,IAAI,IAAI,WAAtF,EAAA;AAAqG,MAAA,OAAO,EAAE,MAAMP,OAAO;AAA3H,KAAA,EAEGO,IAAI,IAAI,mBAAA,IAAA,EAAY;AAAEL,MAAAA,IAAI,EAAED,WAAR,EAAA;AAAuBO,MAAAA,SAAS,EAAE;AAAlC,KAAZ,CAFX,EAFJ,IAEI,CADF,CADF;AAvBF,GAAA;;oBAoCA,U","sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\n import * as React from 'react';\r\n\r\n /**\r\n  * Import custom components.\r\n  */\r\n import {SystemIcons as icons} from '../icons/index';\r\n import {Size} from '../types'; \r\n /**\r\n  * Import custom styles.\r\n  */\r\n import { ActionChipContainer } from './ChipStyles';\r\n \r\n /**\r\n  * Import custom types.\r\n  */\r\n import { ActionChipProps } from './ChipTypes';\r\n \r\n const ActionChip: React.FunctionComponent<ActionChipProps> = ({ icon, text, variant, size, disabled, onClick }: ActionChipProps) => {\r\n   /**\r\n    * Retrieves icon size based on the chip size.\r\n    * @returns A string indicating the icon size.\r\n    */\r\n   const getIconSize = (): string => {\r\n     let iconSize: string;\r\n \r\n     // Calculate correct icon size\r\n     if (size === Size.Small) {\r\n       iconSize = '16px';\r\n     } else if (size === Size.Medium) {\r\n       iconSize = '20px';\r\n     } else {\r\n       iconSize = '24px';\r\n     }\r\n \r\n     return iconSize;\r\n   }\r\n \r\n   /**\r\n    * Return Action Chip component.\r\n    */\r\n   return (\r\n     <>\r\n       <ActionChipContainer className={`${size} ${disabled ? 'disabled' : variant} ${icon && 'icon-chip'}`} onClick={() => onClick()}>\r\n         { /* Let's render icon if it is passed */ }\r\n         {icon && icons[icon]({ size: getIconSize(), className: 'icon' })}\r\n         \r\n         { /* Let's render text */ }\r\n         {text}\r\n       </ActionChipContainer>\r\n     </>\r\n   );\r\n };\r\n \r\n export default ActionChip;\r\n "],"file":"ActionChip.js"}