@laerdal/life-react-components 1.3.2-dev.7 → 1.3.2-dev.8

package/dist/js/Tabs/Tabs.js

@@ -1,118 +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 _types = require("../types");
-
-var _templateObject;
-
-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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var getHeight = function getHeight(size) {
-  switch (size) {
-    case _types.Size.Small:
-      return '48px';
-
-    case _types.Size.Medium:
-      return '56px';
-
-    case _types.Size.Large:
-      return '64px';
-
-    default:
-      return '48px';
-  }
-};
-
-var getFontSize = function getFontSize(size) {
-  switch (size) {
-    case _types.Size.Small:
-      return '16px';
-
-    case _types.Size.Medium:
-      return '18px';
-
-    case _types.Size.Large:
-      return '20px';
-
-    default:
-      return '20px';
-  }
-};
-
-var getTopMargin = function getTopMargin(size) {
-  switch (size) {
-    case _types.Size.Small:
-      return '6px';
-
-    case _types.Size.Medium:
-      return '10px';
-
-    case _types.Size.Large:
-      return '12px';
-
-    default:
-      return '12px';
-  }
-};
-
-var getBottomMargin = function getBottomMargin(size) {
-  switch (size) {
-    case _types.Size.Small:
-      return '2px';
-
-    case _types.Size.Medium:
-      return '3px';
-
-    case _types.Size.Large:
-      return '4px';
-
-    default:
-      return '4px';
-  }
-};
-
-var Nav = _styledComponents.default.nav(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n\n  a {\n    height: ", ";\n  }\n\n  a > div:last-of-type {\n    font-size: 12px;\n    margin: 0 0 8px 16px;\n  }\n  a > div:first-child {\n    font-size: ", ";\n    margin: ", " 0 ", " 16px;\n  }\n  a > div:only-of-type {\n    font-size: ", ";\n    margin: auto 0 auto 16px;\n  }\n\n  @media print {\n    display: none;\n  }\n"])), function (props) {
-  return getHeight(props.size);
-}, function (props) {
-  return getFontSize(props.size);
-}, function (props) {
-  return getTopMargin(props.size);
-}, function (props) {
-  return getBottomMargin(props.size);
-}, function (props) {
-  return getFontSize(props.size);
-});
-
-var Tabs = function Tabs(_ref) {
-  var children = _ref.children,
-      size = _ref.size;
-  return /*#__PURE__*/React.createElement(Nav, {
-    role: "tablist",
-    size: size
-  }, children);
-};
-
-Tabs.propTypes = {
-  children: _propTypes.default.any
-};
-var _default = Tabs;
-exports.default = _default;
-//# sourceMappingURL=Tabs.js.map

package/dist/js/Tabs/Tabs.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Tabs/Tabs.tsx"],"names":["getHeight","size","Size","Small","Medium","Large","getFontSize","getTopMargin","getBottomMargin","Nav","styled","nav","props","Tabs","children"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;AAOA,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,IAAD,EAAgB;AAChC,UAAQA,IAAR;AACE,SAAKC,YAAKC,KAAV;AACE,aAAO,MAAP;;AACF,SAAKD,YAAKE,MAAV;AACE,aAAO,MAAP;;AACF,SAAKF,YAAKG,KAAV;AACE,aAAO,MAAP;;AACF;AACE,aAAO,MAAP;AARJ;AAUD,CAXD;;AAaA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACL,IAAD,EAAgB;AAClC,UAAQA,IAAR;AACE,SAAKC,YAAKC,KAAV;AACE,aAAO,MAAP;;AACF,SAAKD,YAAKE,MAAV;AACE,aAAO,MAAP;;AACF,SAAKF,YAAKG,KAAV;AACE,aAAO,MAAP;;AACF;AACE,aAAO,MAAP;AARJ;AAUD,CAXD;;AAaA,IAAME,YAAY,GAAG,SAAfA,YAAe,CAACN,IAAD,EAAgB;AACnC,UAAQA,IAAR;AACE,SAAKC,YAAKC,KAAV;AACE,aAAO,KAAP;;AACF,SAAKD,YAAKE,MAAV;AACE,aAAO,MAAP;;AACF,SAAKF,YAAKG,KAAV;AACE,aAAO,MAAP;;AACF;AACE,aAAO,MAAP;AARJ;AAUD,CAXD;;AAaA,IAAMG,eAAe,GAAG,SAAlBA,eAAkB,CAACP,IAAD,EAAgB;AACtC,UAAQA,IAAR;AACE,SAAKC,YAAKC,KAAV;AACE,aAAO,KAAP;;AACF,SAAKD,YAAKE,MAAV;AACE,aAAO,KAAP;;AACF,SAAKF,YAAKG,KAAV;AACE,aAAO,KAAP;;AACF;AACE,aAAO,KAAP;AARJ;AAUD,CAXD;;AAaA,IAAMI,GAAG,GAAGC,0BAAOC,GAAV,4bAKK,UAACC,KAAD;AAAA,SAAWZ,SAAS,CAACY,KAAK,CAACX,IAAP,CAApB;AAAA,CALL,EAaQ,UAACW,KAAD;AAAA,SAAWN,WAAW,CAACM,KAAK,CAACX,IAAP,CAAtB;AAAA,CAbR,EAcK,UAACW,KAAD;AAAA,SAAWL,YAAY,CAACK,KAAK,CAACX,IAAP,CAAvB;AAAA,CAdL,EAc8C,UAACW,KAAD;AAAA,SAAWJ,eAAe,CAACI,KAAK,CAACX,IAAP,CAA1B;AAAA,CAd9C,EAiBQ,UAACW,KAAD;AAAA,SAAWN,WAAW,CAACM,KAAK,CAACX,IAAP,CAAtB;AAAA,CAjBR,CAAT;;AA0BA,IAAMY,IAAwC,GAAG,SAA3CA,IAA2C;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,MAAab,IAAb,QAAaA,IAAb;AAAA,sBAC/C,oBAAC,GAAD;AAAK,IAAA,IAAI,EAAC,SAAV;AAAoB,IAAA,IAAI,EAAEA;AAA1B,KACGa,QADH,CAD+C;AAAA,CAAjD;;;AAlFEA,EAAAA,Q;;eAwFaD,I","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { Size } from '../types';\n\ntype TabsProps = {\n  children?: any;\n  size: Size;\n};\n\nconst getHeight = (size: Size) => {\n  switch (size) {\n    case Size.Small:\n      return '48px';\n    case Size.Medium:\n      return '56px';\n    case Size.Large:\n      return '64px';\n    default:\n      return '48px';\n  }\n};\n\nconst getFontSize = (size: Size) => {\n  switch (size) {\n    case Size.Small:\n      return '16px';\n    case Size.Medium:\n      return '18px';\n    case Size.Large:\n      return '20px';\n    default:\n      return '20px';\n  }\n};\n\nconst getTopMargin = (size: Size) => {\n  switch (size) {\n    case Size.Small:\n      return '6px';\n    case Size.Medium:\n      return '10px';\n    case Size.Large:\n      return '12px';\n    default:\n      return '12px';\n  }\n};\n\nconst getBottomMargin = (size: Size) => {\n  switch (size) {\n    case Size.Small:\n      return '2px';\n    case Size.Medium:\n      return '3px';\n    case Size.Large:\n      return '4px';\n    default:\n      return '4px';\n  }\n};\n\nconst Nav = styled.nav<TabsProps>`\n  display: flex;\n  flex-direction: column;\n\n  a {\n    height: ${(props) => getHeight(props.size)};\n  }\n\n  a > div:last-of-type {\n    font-size: 12px;\n    margin: 0 0 8px 16px;\n  }\n  a > div:first-child {\n    font-size: ${(props) => getFontSize(props.size)};\n    margin: ${(props) => getTopMargin(props.size)} 0 ${(props) => getBottomMargin(props.size)} 16px;\n  }\n  a > div:only-of-type {\n    font-size: ${(props) => getFontSize(props.size)};\n    margin: auto 0 auto 16px;\n  }\n\n  @media print {\n    display: none;\n  }\n`;\n\nconst Tabs: React.FunctionComponent<TabsProps> = ({ children, size }) => (\n  <Nav role=\"tablist\" size={size}>\n    {children}\n  </Nav>\n);\n\nexport default Tabs;\n"],"file":"Tabs.js"}

package/dist/js/Tabs/VerticalTabs.js

@@ -1,66 +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 _Tabs = _interopRequireDefault(require("./Tabs"));
-
-var _TabLink = _interopRequireDefault(require("./TabLink"));
-
-var _types = require("../types");
-
-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 }; }
-
-var VerticalTabs = function VerticalTabs(_ref) {
-  var size = _ref.size,
-      entries = _ref.entries;
-  return /*#__PURE__*/React.createElement(_Tabs.default, {
-    size: size !== null && size !== void 0 ? size : _types.Size.Large
-  }, entries === null || entries === void 0 ? void 0 : entries.map(function (entry) {
-    return /*#__PURE__*/React.createElement(_TabLink.default, {
-      key: entry.to,
-      to: entry.to,
-      exact: entry.exact,
-      requiredLine: entry.requiredLine,
-      optionalLine: entry.optionalLine,
-      OptionalLineIcon: entry.optionalLineIcon,
-      disabled: entry.disabled,
-      showNotificationDot: entry.showNotificationDot,
-      size: size,
-      variant: entry.variant,
-      onLinkClick: function onLinkClick() {
-        if (entry.onClick) {
-          entry.onClick();
-        }
-      }
-    });
-  }));
-};
-
-VerticalTabs.propTypes = {
-  entries: _propTypes.default.arrayOf(_propTypes.default.shape({
-    requiredLine: _propTypes.default.string.isRequired,
-    optionalLine: _propTypes.default.string,
-    to: _propTypes.default.string.isRequired,
-    disabled: _propTypes.default.bool,
-    onClick: _propTypes.default.func,
-    exact: _propTypes.default.bool,
-    showNotificationDot: _propTypes.default.bool,
-    variant: _propTypes.default.oneOf(['critical', 'positive'])
-  })).isRequired
-};
-var _default = VerticalTabs;
-exports.default = _default;
-//# sourceMappingURL=VerticalTabs.js.map

package/dist/js/Tabs/VerticalTabs.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Tabs/VerticalTabs.tsx"],"names":["VerticalTabs","size","entries","Size","Large","map","entry","to","exact","requiredLine","optionalLine","optionalLineIcon","disabled","showNotificationDot","variant","onClick"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;;;;;AAkBA,IAAMA,YAAY,GAAG,SAAfA,YAAe,OAA0C;AAAA,MAAvCC,IAAuC,QAAvCA,IAAuC;AAAA,MAAjCC,OAAiC,QAAjCA,OAAiC;AAC7D,sBACE,oBAAC,aAAD;AAAM,IAAA,IAAI,EAAED,IAAF,aAAEA,IAAF,cAAEA,IAAF,GAAUE,YAAKC;AAAzB,KACGF,OADH,aACGA,OADH,uBACGA,OAAO,CAAEG,GAAT,CAAa,UAACC,KAAD;AAAA,wBACZ,oBAAC,gBAAD;AACE,MAAA,GAAG,EAAEA,KAAK,CAACC,EADb;AAEE,MAAA,EAAE,EAAED,KAAK,CAACC,EAFZ;AAGE,MAAA,KAAK,EAAED,KAAK,CAACE,KAHf;AAIE,MAAA,YAAY,EAAEF,KAAK,CAACG,YAJtB;AAKE,MAAA,YAAY,EAAEH,KAAK,CAACI,YALtB;AAME,MAAA,gBAAgB,EAAEJ,KAAK,CAACK,gBAN1B;AAOE,MAAA,QAAQ,EAAEL,KAAK,CAACM,QAPlB;AAQE,MAAA,mBAAmB,EAAEN,KAAK,CAACO,mBAR7B;AASE,MAAA,IAAI,EAAEZ,IATR;AAUE,MAAA,OAAO,EAAEK,KAAK,CAACQ,OAVjB;AAWE,MAAA,WAAW,EAAE,uBAAM;AACjB,YAAIR,KAAK,CAACS,OAAV,EAAmB;AACjBT,UAAAA,KAAK,CAACS,OAAN;AACD;AACF;AAfH,MADY;AAAA,GAAb,CADH,CADF;AAsBD,CAvBD;;;AAHEb,EAAAA,O;AAZAO,IAAAA,Y;AACAC,IAAAA,Y;AAEAH,IAAAA,E;AACAK,IAAAA,Q;AACAG,IAAAA,O;AACAP,IAAAA,K;AACAK,IAAAA,mB;AACAC,IAAAA,O,4BAAU,U,EAAa,U;;;eAgCVd,Y","sourcesContent":["import * as React from 'react';\nimport Tabs from './Tabs';\nimport TabLink from './TabLink';\nimport { BaseProps } from '../icons';\nimport { Size } from '../types';\n\nexport interface VerticalTabEntry {\n  requiredLine: string;\n  optionalLine?: string;\n  optionalLineIcon?: React.FunctionComponent<BaseProps>;\n  to: string;\n  disabled?: boolean;\n  onClick?: () => void;\n  exact?: boolean;\n  showNotificationDot?: boolean;\n  variant?: 'critical' | 'positive';\n}\ninterface VerticalTabsProps {\n  size?: Size.Small | Size.Medium | Size.Large;\n  entries: VerticalTabEntry[];\n}\n\nconst VerticalTabs = ({ size, entries }: VerticalTabsProps) => {\n  return (\n    <Tabs size={size ?? Size.Large}>\n      {entries?.map((entry: VerticalTabEntry) => (\n        <TabLink\n          key={entry.to}\n          to={entry.to}\n          exact={entry.exact}\n          requiredLine={entry.requiredLine}\n          optionalLine={entry.optionalLine}\n          OptionalLineIcon={entry.optionalLineIcon}\n          disabled={entry.disabled}\n          showNotificationDot={entry.showNotificationDot}\n          size={size}\n          variant={entry.variant}\n          onLinkClick={() => {\n            if (entry.onClick) {\n              entry.onClick();\n            }\n          }}></TabLink>\n      ))}\n    </Tabs>\n  );\n};\n\nexport default VerticalTabs;\n"],"file":"VerticalTabs.js"}

package/dist/js/Tabs/__tests__/TabLink.tests.js

@@ -1,103 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@testing-library/react");
-
-var _reactRouter = require("react-router");
-
-var _history = require("history");
-
-var _TabLink = _interopRequireDefault(require("../TabLink"));
-
-require("jest-styled-components");
-
-var _styles = require("../../styles");
-
-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); }); }; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-jest.mock('react-router-dom', function () {
-  return _objectSpread(_objectSpread({}, jest.requireActual('react-router-dom')), {}, {
-    useLocation: function useLocation() {
-      return {
-        pathname: 'localhost:3000/test'
-      };
-    }
-  });
-});
-describe('<TabLink />', function () {
-  it('Renders primary button', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-    var history, route, _render, queryByText, getByTestId;
-
-    return regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            history = (0, _history.createMemoryHistory)();
-            route = '/some-route';
-            history.push(route);
-            _render = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_reactRouter.Router, {
-              history: history
-            }, /*#__PURE__*/_react.default.createElement(_TabLink.default, {
-              requiredLine: "This is a required line",
-              onLinkClick: function onLinkClick() {},
-              to: "/test",
-              testId: "TestTabLink"
-            }))), queryByText = _render.queryByText, getByTestId = _render.getByTestId;
-            expect(queryByText('This is a required line')).toBeDefined();
-            expect(getByTestId('TestTabLink')).toHaveStyleRule('background-color', 'transparent');
-            expect(getByTestId('TestTabLink')).toHaveStyleRule('color', _styles.COLORS.neutral_600);
-            expect(getByTestId('TestTabLink')).toHaveStyleRule('font-size', '16px'); // Check that click takes you to correct route
-
-            getByTestId('TestTabLink').click();
-            expect(history.location.pathname).toBe('/test');
-
-          case 10:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  })));
-  it('Renders notification dot if defined', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
-    var history, route, _render2, queryByText, getByTestId;
-
-    return regeneratorRuntime.wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            history = (0, _history.createMemoryHistory)();
-            route = '/some-route';
-            history.push(route);
-            _render2 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_reactRouter.Router, {
-              history: history
-            }, /*#__PURE__*/_react.default.createElement(_TabLink.default, {
-              requiredLine: "This is a required line",
-              onLinkClick: function onLinkClick() {},
-              to: "/test",
-              testId: "TestTabLinkWithNotifcationDot",
-              showNotificationDot: true
-            }))), queryByText = _render2.queryByText, getByTestId = _render2.getByTestId;
-            expect(queryByText('This is a required line')).toBeDefined();
-            expect(getByTestId('NotificationDot')).toBeDefined();
-            expect(getByTestId('NotificationDot')).toHaveStyleRule('background-color', _styles.COLORS.critical_500);
-
-          case 7:
-          case "end":
-            return _context2.stop();
-        }
-      }
-    }, _callee2);
-  })));
-});
-//# sourceMappingURL=TabLink.tests.js.map

package/dist/js/Tabs/__tests__/TabLink.tests.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/Tabs/__tests__/TabLink.tests.tsx"],"names":["jest","mock","requireActual","useLocation","pathname","describe","it","history","route","push","queryByText","getByTestId","expect","toBeDefined","toHaveStyleRule","COLORS","neutral_600","click","location","toBe","critical_500"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;AAEAA,IAAI,CAACC,IAAL,CAAU,kBAAV,EAA8B;AAAA,yCACxBD,IAAI,CAACE,aAAL,CAAmB,kBAAnB,CADwB;AAE5BC,IAAAA,WAAW,EAAE;AAAA,aAAO;AAClBC,QAAAA,QAAQ,EAAE;AADQ,OAAP;AAAA;AAFe;AAAA,CAA9B;AAMAC,QAAQ,CAAC,aAAD,EAAgB,YAAM;AAC5BC,EAAAA,EAAE,CAAC,wBAAD,uEAA2B;AAAA;;AAAA;AAAA;AAAA;AAAA;AACrBC,YAAAA,OADqB,GACX,mCADW;AAErBC,YAAAA,KAFqB,GAEb,aAFa;AAG3BD,YAAAA,OAAO,CAACE,IAAR,CAAaD,KAAb;AAH2B,sBAIU,kCACnC,6BAAC,mBAAD;AAAQ,cAAA,OAAO,EAAED;AAAjB,4BACE,6BAAC,gBAAD;AAAS,cAAA,YAAY,EAAC,yBAAtB;AAAgD,cAAA,WAAW,EAAE,uBAAM,CAAE,CAArE;AAAuE,cAAA,EAAE,EAAC,OAA1E;AAAkF,cAAA,MAAM,EAAC;AAAzF,cADF,CADmC,CAJV,EAInBG,WAJmB,WAInBA,WAJmB,EAINC,WAJM,WAINA,WAJM;AAS3BC,YAAAA,MAAM,CAACF,WAAW,CAAC,yBAAD,CAAZ,CAAN,CAA+CG,WAA/C;AACAD,YAAAA,MAAM,CAACD,WAAW,CAAC,aAAD,CAAZ,CAAN,CAAmCG,eAAnC,CAAmD,kBAAnD,EAAuE,aAAvE;AACAF,YAAAA,MAAM,CAACD,WAAW,CAAC,aAAD,CAAZ,CAAN,CAAmCG,eAAnC,CAAmD,OAAnD,EAA4DC,eAAOC,WAAnE;AACAJ,YAAAA,MAAM,CAACD,WAAW,CAAC,aAAD,CAAZ,CAAN,CAAmCG,eAAnC,CAAmD,WAAnD,EAAgE,MAAhE,EAZ2B,CAc3B;;AACAH,YAAAA,WAAW,CAAC,aAAD,CAAX,CAA2BM,KAA3B;AACAL,YAAAA,MAAM,CAACL,OAAO,CAACW,QAAR,CAAiBd,QAAlB,CAAN,CAAkCe,IAAlC,CAAuC,OAAvC;;AAhB2B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAA3B,GAAF;AAkBAb,EAAAA,EAAE,CAAC,qCAAD,uEAAwC;AAAA;;AAAA;AAAA;AAAA;AAAA;AAClCC,YAAAA,OADkC,GACxB,mCADwB;AAElCC,YAAAA,KAFkC,GAE1B,aAF0B;AAGxCD,YAAAA,OAAO,CAACE,IAAR,CAAaD,KAAb;AAHwC,uBAIH,kCACnC,6BAAC,mBAAD;AAAQ,cAAA,OAAO,EAAED;AAAjB,4BACE,6BAAC,gBAAD;AAAS,cAAA,YAAY,EAAC,yBAAtB;AAAgD,cAAA,WAAW,EAAE,uBAAM,CAAE,CAArE;AAAuE,cAAA,EAAE,EAAC,OAA1E;AAAkF,cAAA,MAAM,EAAC,+BAAzF;AAAyH,cAAA,mBAAmB,EAAE;AAA9I,cADF,CADmC,CAJG,EAIhCG,WAJgC,YAIhCA,WAJgC,EAInBC,WAJmB,YAInBA,WAJmB;AASxCC,YAAAA,MAAM,CAACF,WAAW,CAAC,yBAAD,CAAZ,CAAN,CAA+CG,WAA/C;AACAD,YAAAA,MAAM,CAACD,WAAW,CAAC,iBAAD,CAAZ,CAAN,CAAuCE,WAAvC;AACAD,YAAAA,MAAM,CAACD,WAAW,CAAC,iBAAD,CAAZ,CAAN,CAAuCG,eAAvC,CAAuD,kBAAvD,EAA2EC,eAAOK,YAAlF;;AAXwC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAAxC,GAAF;AAaD,CAhCO,CAAR","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport { Router } from 'react-router';\nimport { createMemoryHistory } from 'history';\nimport TabLink from '../TabLink';\nimport 'jest-styled-components';\nimport { COLORS } from '../../styles';\n\njest.mock('react-router-dom', () => ({\n  ...(jest.requireActual('react-router-dom') as any),\n  useLocation: () => ({\n    pathname: 'localhost:3000/test',\n  }),\n}));\ndescribe('<TabLink />', () => {\n  it('Renders primary button', async () => {\n    const history = createMemoryHistory();\n    const route = '/some-route';\n    history.push(route);\n    const { queryByText, getByTestId } = render(\n      <Router history={history}>\n        <TabLink requiredLine=\"This is a required line\" onLinkClick={() => {}} to=\"/test\" testId=\"TestTabLink\" />\n      </Router>,\n    );\n    expect(queryByText('This is a required line')).toBeDefined();\n    expect(getByTestId('TestTabLink')).toHaveStyleRule('background-color', 'transparent');\n    expect(getByTestId('TestTabLink')).toHaveStyleRule('color', COLORS.neutral_600);\n    expect(getByTestId('TestTabLink')).toHaveStyleRule('font-size', '16px');\n\n    // Check that click takes you to correct route\n    getByTestId('TestTabLink').click();\n    expect(history.location.pathname).toBe('/test');\n  });\n  it('Renders notification dot if defined', async () => {\n    const history = createMemoryHistory();\n    const route = '/some-route';\n    history.push(route);\n    const { queryByText, getByTestId } = render(\n      <Router history={history}>\n        <TabLink requiredLine=\"This is a required line\" onLinkClick={() => {}} to=\"/test\" testId=\"TestTabLinkWithNotifcationDot\" showNotificationDot={true} />\n      </Router>,\n    );\n    expect(queryByText('This is a required line')).toBeDefined();\n    expect(getByTestId('NotificationDot')).toBeDefined();\n    expect(getByTestId('NotificationDot')).toHaveStyleRule('background-color', COLORS.critical_500);\n  });\n});\n"],"file":"TabLink.tests.js"}

package/dist/js/Tabs/index.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "VerticalTabs", {
-  enumerable: true,
-  get: function get() {
-    return _VerticalTabs.default;
-  }
-});
-Object.defineProperty(exports, "HorizontalTabs", {
-  enumerable: true,
-  get: function get() {
-    return _HorizontalTabs.default;
-  }
-});
-
-var _VerticalTabs = _interopRequireDefault(require("./VerticalTabs"));
-
-var _HorizontalTabs = _interopRequireDefault(require("./HorizontalTabs"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-//# sourceMappingURL=index.js.map

package/dist/js/Tabs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Tabs/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AACA","sourcesContent":["import VerticalTabs from './VerticalTabs';\nimport HorizontalTabs from './HorizontalTabs';\n\nexport { VerticalTabs, HorizontalTabs };\n"],"file":"index.js"}

package/dist/js/Toasters/Toast.js

@@ -1,289 +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 = _interopRequireWildcard(require("styled-components"));
-
-var _types = require("../types");
-
-var _styles = require("../styles");
-
-var _SystemIcons = require("../icons/systemicons/SystemIcons");
-
-var _Button = require("../Button");
-
-var _typography = require("../styles/typography");
-
-var _HyperLink = require("../HyperLink");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _enter, _leave;
-
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return 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 LoaderAnimationKeyframes = (0, _styledComponents.keyframes)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0% {\n    background-position: right;\n  }\n  100% {\n    background-position: left;\n  }\n"])));
-
-var Loader = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 4px;\n  border-bottom-left-radius: 8px;\n  border-bottom-right-radius: 8px;\n\n  animation: ", " ", "ms cubic-bezier(0.18, 0.39, 0.35, 1);\n\n  &.", " {\n    background: linear-gradient(to right, ", " 50%, ", " 50%) left;\n    background-size: 200% 100%;\n  }\n\n  &.", " {\n    background: linear-gradient(to right, ", " 50%, ", " 50%) left;\n    background-size: 200% 100%;\n  }\n\n  &.", " {\n    background: linear-gradient(to right, ", " 50%, ", " 50%) left;\n    background-size: 200% 100%;\n  }\n\n  &.", " {\n    background: linear-gradient(to right, ", " 50%, ", " 50%) left;\n    background-size: 200% 100%;\n  }\n\n  &.", " {\n    background: linear-gradient(to right, ", " 50%, ", " 50%) left;\n    background-size: 200% 100%;\n  }\n\n  &.", " {\n    background: linear-gradient(to right, ", " 50%, ", " 50%) left;\n    background-size: 200% 100%;\n  }\n"])), LoaderAnimationKeyframes, function (props) {
-  return props.duration;
-}, _types.ToastColor[_types.ToastColor.BLACK], _styles.COLORS.neutral_200, _styles.COLORS.neutral_800, _types.ToastColor[_types.ToastColor.WHITE], _styles.COLORS.neutral_400, _styles.COLORS.white, _types.ToastColor[_types.ToastColor.BLUE], _styles.COLORS.accent1_200, _styles.COLORS.accent1_600, _types.ToastColor[_types.ToastColor.GREEN], _styles.COLORS.correct_200, _styles.COLORS.correct_500, _types.ToastColor[_types.ToastColor.ORANGE], _styles.COLORS.warning_200, _styles.COLORS.warning_500, _types.ToastColor[_types.ToastColor.RED], _styles.COLORS.critical_200, _styles.COLORS.critical_500);
-
-var Container = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  box-shadow: ", ";\n  border-radius: 4px;\n\n  animation: ", " ", " ", ";\n  transform: ", ";\n\n  transition: all 300ms cubic-bezier(0.64, 0.04, 0.35, 1);\n\n  padding: 0 ", " ", " 16px;\n\n  margin-bottom: 8px;\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  justify-content: left;\n\n  position: relative;\n\n  width: max-content;\n  min-height: 48px;\n  box-sizing: border-box;\n\n  ", "\n\n  & a {\n    display: inline;\n    ", "\n  }\n\n  &.", " {\n    background-color: ", ";\n  }\n\n  &.", " {\n    background-color: ", ";\n    color: ", ";\n\n    & a {\n      ", "\n    }\n  }\n\n  &.", " {\n    background-color: ", ";\n  }\n\n  &.", " {\n    background-color: ", ";\n  }\n\n  &.", " {\n    background-color: ", ";\n  }\n\n  &.", " {\n    background-color: ", ";\n  }\n"])), _styles.BOXSHADOWS.BOXSHADOW_L2, function (props) {
-  return props.animation.keyframes;
-}, function (props) {
-  return props.animation.duration;
-}, function (props) {
-  return props.animation.bezier;
-}, function (props) {
-  return props.animation.transform;
-}, function (props) {
-  return props.withClose ? '0' : '16px';
-}, function (props) {
-  return props.withLoader ? '4px' : '0';
-}, (0, _typography.ComponentSStyling)(_typography.ComponentTextStyle.Regular, _styles.COLORS.white), _HyperLink.HyperLinkInvertedStyling, _types.ToastColor[_types.ToastColor.BLACK], _styles.COLORS.neutral_800, _types.ToastColor[_types.ToastColor.WHITE], _styles.COLORS.white, _styles.COLORS.black, _HyperLink.HyperLinkDefaultStyling, _types.ToastColor[_types.ToastColor.BLUE], _styles.COLORS.accent1_600, _types.ToastColor[_types.ToastColor.GREEN], _styles.COLORS.correct_500, _types.ToastColor[_types.ToastColor.ORANGE], _styles.COLORS.warning_500, _types.ToastColor[_types.ToastColor.RED], _styles.COLORS.critical_500);
-
-var ActionButtons = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  align-items: center;\n\n  & .action {\n    height: unset;\n  }\n"])));
-
-var CloseButton = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  & > button {\n    background-color: transparent;\n    border: none;\n    margin-left: 16px;\n\n    & svg {\n      padding: 0;\n    }\n  }\n\n  & > button:focus:not(:disabled):not(:active):not(:hover) div svg path {\n    fill: ", ";\n  }\n\n  & div svg path {\n    fill: ", ";\n  }\n\n  &.", " {\n    & div svg path {\n      fill: ", ";\n    }\n  }\n"])), _styles.COLORS.white, _styles.COLORS.white, _types.ToastColor[_types.ToastColor.WHITE], _styles.COLORS.neutral_600);
-
-var TextContainer = _styledComponents.default.span(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  font-feature-settings: 'liga' off;\n  width: 240px;\n  display: flex;\n  padding: 16px 0;\n"])));
-
-var IconContainer = _styledComponents.default.span(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  margin-right: -8px;\n"])));
-
-var DEFAULT_OPTIONS = {
-  color: _types.ToastColor.BLACK,
-  autoClose: true,
-  delay: 5000,
-  showCloseButton: false,
-  position: _types.ToastPosition.TOPLEFT,
-  enterFrom: _types.ToastEntryDirection.TOP
-};
-
-var Toast = function Toast(_ref) {
-  var _opts$enterFrom, _opts$color, _opts$delay;
-
-  var content = _ref.content,
-      remove = _ref.remove,
-      _ref$options = _ref.options,
-      options = _ref$options === void 0 ? DEFAULT_OPTIONS : _ref$options,
-      testId = _ref.testId;
-  var removeRef = React.useRef();
-  removeRef.current = remove;
-  var elementRef = React.useRef(null);
-
-  var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      shouldRemove = _React$useState2[0],
-      setShouldRemove = _React$useState2[1];
-
-  var _React$useState3 = React.useState({
-    width: 0,
-    height: 0
-  }),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      dimensions = _React$useState4[0],
-      setDimensions = _React$useState4[1];
-
-  var opts = _objectSpread(_objectSpread({}, DEFAULT_OPTIONS), options);
-
-  React.useEffect(function () {
-    if (opts !== null && opts !== void 0 && opts.autoClose) {
-      // @ts-ignore
-      var id = setTimeout(function () {
-        return setShouldRemove(true);
-      }, opts.delay);
-      return function () {
-        return clearTimeout(id);
-      };
-    }
-
-    return undefined;
-  }, []);
-  React.useEffect(function () {
-    if (shouldRemove) {
-      // @ts-ignore
-      var id = setTimeout(function () {
-        return removeRef.current();
-      }, 200);
-      return function () {
-        return clearTimeout(id);
-      };
-    }
-  }, [shouldRemove]);
-  React.useEffect(function () {
-    var _elementRef$current, _elementRef$current2;
-
-    setDimensions({
-      height: (_elementRef$current = elementRef.current) === null || _elementRef$current === void 0 ? void 0 : _elementRef$current.clientHeight,
-      width: (_elementRef$current2 = elementRef.current) === null || _elementRef$current2 === void 0 ? void 0 : _elementRef$current2.clientWidth
-    });
-  }, []);
-  var animation = animations[shouldRemove ? 'leave' : 'enter'];
-  var direction = animation[(_opts$enterFrom = opts.enterFrom) !== null && _opts$enterFrom !== void 0 ? _opts$enterFrom : _types.ToastEntryDirection.TOP];
-  var fromY = dimensions.height * direction.fromHeight;
-  var toY = dimensions.height * direction.toHeight;
-  var fromX = dimensions.width * direction.fromWidth;
-  var toX = dimensions.width * direction.toWidth;
-  var prop = {
-    duration: animation.duration,
-    bezier: animation.bezier,
-    transform: "translateY(".concat(toY, ") translateX(").concat(toX, ")"),
-    keyframes: (0, _styledComponents.keyframes)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n        0% {\n          transform: translateY(", "px) translateX(", "px);\n        }\n        100% {\n          transform: translateY(", "px) translateX(", "px);\n        }"])), fromY, fromX, toY, toX)
-  };
-
-  if (!dimensions.height) {
-    prop = _objectSpread(_objectSpread({}, prop), {
-      transform: 'translateY(-1000vh) translateX(-1000vw)',
-      keyframes: (0, _styledComponents.keyframes)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral([""])))
-    });
-  }
-
-  var theme = _types.ToastColor[(_opts$color = opts.color) !== null && _opts$color !== void 0 ? _opts$color : _types.ToastColor.BLACK];
-
-  if (!shouldRemove) {
-    setTimeout(function () {
-      var _elementRef$current3;
-
-      return elementRef === null || elementRef === void 0 ? void 0 : (_elementRef$current3 = elementRef.current) === null || _elementRef$current3 === void 0 ? void 0 : _elementRef$current3.focus();
-    });
-  }
-
-  return /*#__PURE__*/React.createElement(Container, {
-    "data-testid": testId,
-    animation: prop,
-    ref: elementRef,
-    withLoader: !!opts.autoClose,
-    className: theme,
-    withClose: !!opts.showCloseButton,
-    tabIndex: -1
-  }, opts.icon && /*#__PURE__*/React.createElement(IconContainer, null, opts.icon), /*#__PURE__*/React.createElement(TextContainer, {
-    className: 'description'
-  }, content), opts.action && /*#__PURE__*/React.createElement(ActionButtons, null, opts.action.map(function (action, i) {
-    return /*#__PURE__*/React.createElement(_Button.Button, {
-      size: _types.Size.Small,
-      variant: action.type === _types.ToastActionType.SECONDARY ? 'secondary' : 'primary',
-      colorTheme: opts.color !== _types.ToastColor.WHITE ? 'dark' : 'teal',
-      key: i,
-      onClick: function onClick() {
-        setShouldRemove(true);
-        action.handler();
-      },
-      className: 'action'
-    }, action.label);
-  })), opts.showCloseButton && /*#__PURE__*/React.createElement(CloseButton, {
-    className: "close-button ".concat(theme)
-  }, /*#__PURE__*/React.createElement(_Button.IconButton, {
-    variant: "secondary",
-    shape: "circular",
-    useTransparentBackground: true,
-    action: function action(event) {
-      return setShouldRemove(true);
-    }
-  }, /*#__PURE__*/React.createElement(_SystemIcons.Close, {
-    size: "24px",
-    color: _styles.COLORS.neutral_600
-  }))), !!opts.autoClose && /*#__PURE__*/React.createElement(Loader, {
-    className: "loader ".concat(theme),
-    duration: (_opts$delay = opts.delay) !== null && _opts$delay !== void 0 ? _opts$delay : 0
-  }));
-};
-
-Toast.propTypes = {
-  remove: _propTypes.default.any,
-  content: _propTypes.default.any.isRequired,
-  options: _propTypes.default.shape({
-    autoClose: _propTypes.default.bool,
-    delay: _propTypes.default.number,
-    showCloseButton: _propTypes.default.bool,
-    action: _propTypes.default.arrayOf(_propTypes.default.shape({
-      label: _propTypes.default.string.isRequired,
-      handler: _propTypes.default.func.isRequired
-    })),
-    icon: _propTypes.default.node
-  }),
-  testId: _propTypes.default.string
-};
-var _default = Toast;
-exports.default = _default;
-var animations = {
-  enter: (_enter = {
-    bezier: 'cubic-bezier(0.22, 0.61, 0.35, 1)',
-    duration: '300ms'
-  }, _defineProperty(_enter, _types.ToastEntryDirection.TOP, {
-    fromHeight: -1,
-    toHeight: 0,
-    fromWidth: 0,
-    toWidth: 0
-  }), _defineProperty(_enter, _types.ToastEntryDirection.BOTTOM, {
-    fromHeight: 1,
-    toHeight: 0,
-    fromWidth: 0,
-    toWidth: 0
-  }), _defineProperty(_enter, _types.ToastEntryDirection.LEFT, {
-    fromHeight: 0,
-    toHeight: 0,
-    fromWidth: -1,
-    toWidth: 0
-  }), _defineProperty(_enter, _types.ToastEntryDirection.RIGHT, {
-    fromHeight: 0,
-    toHeight: 0,
-    fromWidth: 1,
-    toWidth: 0
-  }), _enter),
-  leave: (_leave = {
-    bezier: 'cubic-bezier(0.5, 0.05, 0.67, 0.19)',
-    duration: '205ms'
-  }, _defineProperty(_leave, _types.ToastEntryDirection.TOP, {
-    fromHeight: 0,
-    toHeight: -1,
-    fromWidth: 0,
-    toWidth: 0
-  }), _defineProperty(_leave, _types.ToastEntryDirection.BOTTOM, {
-    fromHeight: 0,
-    toHeight: 1,
-    fromWidth: 0,
-    toWidth: 0
-  }), _defineProperty(_leave, _types.ToastEntryDirection.LEFT, {
-    fromHeight: 0,
-    toHeight: 0,
-    fromWidth: 0,
-    toWidth: -1
-  }), _defineProperty(_leave, _types.ToastEntryDirection.RIGHT, {
-    fromHeight: 0,
-    toHeight: 0,
-    fromWidth: 0,
-    toWidth: 1
-  }), _leave)
-};
-//# sourceMappingURL=Toast.js.map