@laerdal/life-react-components 3.5.1-dev.17 → 3.5.1-dev.18

package/dist/js/Banners/__tests__/Banner.test.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/Banners/__tests__/Banner.test.tsx"],"names":["describe","it","queryByText","getByTestId","expect","toBeDefined","toHaveStyleRule","COLORS","warning_100","critical_100","correct_100","primary_100"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEAA,QAAQ,CAAC,YAAD,EAAe,YAAM;AAC3BC,EAAAA,EAAE,CAAC,wBAAD,uEAA2B;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA,sBACU,kCACnC,6BAAC,aAAD;AAAQ,cAAA,IAAI,EAAC,SAAb;AAAuB,cAAA,MAAM,EAAC;AAA9B,4BACE,sDADF,CADmC,CADV,EACnBC,WADmB,WACnBA,WADmB,EACNC,WADM,WACNA,WADM;AAM3BC,YAAAA,MAAM,CAACF,WAAW,CAAC,YAAD,CAAZ,CAAN,CAAkCG,WAAlC;AACAD,YAAAA,MAAM,CAACD,WAAW,CAAC,YAAD,CAAZ,CAAN,CAAkCG,eAAlC,CAAkD,YAAlD,EAAgEC,eAAOC,WAAvE;;AAP2B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAA3B,GAAF;AASAP,EAAAA,EAAE,CAAC,wBAAD,uEAA2B;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA,uBACU,kCACnC,6BAAC,aAAD;AAAQ,cAAA,IAAI,EAAC,UAAb;AAAwB,cAAA,MAAM,EAAC;AAA/B,4BACE,sDADF,CADmC,CADV,EACnBC,WADmB,YACnBA,WADmB,EACNC,WADM,YACNA,WADM;AAM3BC,YAAAA,MAAM,CAACF,WAAW,CAAC,YAAD,CAAZ,CAAN,CAAkCG,WAAlC;AACAD,YAAAA,MAAM,CAACD,WAAW,CAAC,YAAD,CAAZ,CAAN,CAAkCG,eAAlC,CAAkD,YAAlD,EAAgEC,eAAOE,YAAvE;;AAP2B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAA3B,GAAF;AASAR,EAAAA,EAAE,CAAC,yBAAD,uEAA4B;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA,uBACS,kCACnC,6BAAC,aAAD;AAAQ,cAAA,IAAI,EAAC,UAAb;AAAwB,cAAA,MAAM,EAAC;AAA/B,4BACE,sDADF,CADmC,CADT,EACpBC,WADoB,YACpBA,WADoB,EACPC,WADO,YACPA,WADO;AAM5BC,YAAAA,MAAM,CAACF,WAAW,CAAC,YAAD,CAAZ,CAAN,CAAkCG,WAAlC;AACAD,YAAAA,MAAM,CAACD,WAAW,CAAC,YAAD,CAAZ,CAAN,CAAkCG,eAAlC,CAAkD,YAAlD,EAAgEC,eAAOG,WAAvE;;AAP4B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAA5B,GAAF;AASAT,EAAAA,EAAE,CAAC,wBAAD,uEAA2B;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA,uBACU,kCACnC,6BAAC,aAAD;AAAQ,cAAA,MAAM,EAAC;AAAf,4BACE,sDADF,CADmC,CADV,EACnBC,WADmB,YACnBA,WADmB,EACNC,WADM,YACNA,WADM;AAM3BC,YAAAA,MAAM,CAACF,WAAW,CAAC,YAAD,CAAZ,CAAN,CAAkCG,WAAlC;AACAD,YAAAA,MAAM,CAACD,WAAW,CAAC,YAAD,CAAZ,CAAN,CAAkCG,eAAlC,CAAkD,YAAlD,EAAgEC,eAAOI,WAAvE;;AAP2B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAA3B,GAAF;AASD,CArCO,CAAR","sourcesContent":["import React from 'react';\r\nimport { render } from '@testing-library/react';\r\nimport { Banner } from '../index';\r\nimport 'jest-styled-components';\r\nimport { COLORS } from '../../styles';\r\n\r\ndescribe('<Banner />', () => {\r\n  it('Renders warning banner', async () => {\r\n    const { queryByText, getByTestId } = render(\r\n      <Banner type=\"warning\" testId=\"TestBanner\">\r\n        <h2>TestBanner</h2>\r\n      </Banner>,\r\n    );\r\n    expect(queryByText('TestHeader')).toBeDefined();\r\n    expect(getByTestId('TestBanner')).toHaveStyleRule('background', COLORS.warning_100);\r\n  });\r\n  it('Renders critial banner', async () => {\r\n    const { queryByText, getByTestId } = render(\r\n      <Banner type=\"critical\" testId=\"TestBanner\">\r\n        <h2>TestBanner</h2>\r\n      </Banner>,\r\n    );\r\n    expect(queryByText('TestHeader')).toBeDefined();\r\n    expect(getByTestId('TestBanner')).toHaveStyleRule('background', COLORS.critical_100);\r\n  });\r\n  it('Renders positive banner', async () => {\r\n    const { queryByText, getByTestId } = render(\r\n      <Banner type=\"positive\" testId=\"TestBanner\">\r\n        <h2>TestBanner</h2>\r\n      </Banner>,\r\n    );\r\n    expect(queryByText('TestHeader')).toBeDefined();\r\n    expect(getByTestId('TestBanner')).toHaveStyleRule('background', COLORS.correct_100);\r\n  });\r\n  it('Renders default banner', async () => {\r\n    const { queryByText, getByTestId } = render(\r\n      <Banner testId=\"TestBanner\">\r\n        <h2>TestBanner</h2>\r\n      </Banner>,\r\n    );\r\n    expect(queryByText('TestHeader')).toBeDefined();\r\n    expect(getByTestId('TestBanner')).toHaveStyleRule('background', COLORS.primary_100);\r\n  });\r\n});\r\n"],"file":"Banner.test.js"}

package/dist/js/Banners/__tests__/OverviewBanner.test.js

@@ -1,41 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@testing-library/react");
-
-var _index = require("../index");
-
-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); }); }; }
-
-describe('<OverviewBanner />', function () {
-  it('Renders', /*#__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.OverviewBanner, {
-              testId: "TestBanner"
-            }, /*#__PURE__*/_react.default.createElement("h2", null, "TestHeader"))), queryByText = _render.queryByText, getByTestId = _render.getByTestId;
-            expect(queryByText('TestHeader')).toBeDefined();
-            expect(getByTestId('TestBanner')).toHaveStyleRule('background-color', _styles.COLORS.primary_20);
-
-          case 3:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  })));
-});
-//# sourceMappingURL=OverviewBanner.test.js.map

package/dist/js/Banners/__tests__/OverviewBanner.test.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/Banners/__tests__/OverviewBanner.test.tsx"],"names":["describe","it","queryByText","getByTestId","expect","toBeDefined","toHaveStyleRule","COLORS","primary_20"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEAA,QAAQ,CAAC,oBAAD,EAAuB,YAAM;AACnCC,EAAAA,EAAE,CAAC,SAAD,uEAAY;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA,sBACyB,kCACnC,6BAAC,qBAAD;AAAgB,cAAA,MAAM,EAAC;AAAvB,4BACE,sDADF,CADmC,CADzB,EACJC,WADI,WACJA,WADI,EACSC,WADT,WACSA,WADT;AAMZC,YAAAA,MAAM,CAACF,WAAW,CAAC,YAAD,CAAZ,CAAN,CAAkCG,WAAlC;AACAD,YAAAA,MAAM,CAACD,WAAW,CAAC,YAAD,CAAZ,CAAN,CAAkCG,eAAlC,CAAkD,kBAAlD,EAAsEC,eAAOC,UAA7E;;AAPY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAAZ,GAAF;AASD,CAVO,CAAR","sourcesContent":["import React from 'react';\r\nimport { render } from '@testing-library/react';\r\nimport { OverviewBanner } from '../index';\r\nimport 'jest-styled-components';\r\nimport { COLORS } from '../../styles';\r\n\r\ndescribe('<OverviewBanner />', () => {\r\n  it('Renders', async () => {\r\n    const { queryByText, getByTestId } = render(\r\n      <OverviewBanner testId=\"TestBanner\">\r\n        <h2>TestHeader</h2>\r\n      </OverviewBanner>,\r\n    );\r\n    expect(queryByText('TestHeader')).toBeDefined();\r\n    expect(getByTestId('TestBanner')).toHaveStyleRule('background-color', COLORS.primary_20);\r\n  });\r\n});\r\n"],"file":"OverviewBanner.test.js"}

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

@@ -1,3 +0,0 @@
-import Banner from './Banner';
-import OverviewBanner from './OverviewBanner';
-export { Banner, OverviewBanner };

package/dist/js/Banners/index.js

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

package/dist/js/Banners/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Banners/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AACA","sourcesContent":["import Banner from './Banner';\r\nimport OverviewBanner from './OverviewBanner';\r\n\r\n// eslint-disable-next-line import/prefer-default-export\r\nexport { Banner, OverviewBanner };\r\n"],"file":"index.js"}

package/dist/js/Banners/styles.d.ts

@@ -1 +0,0 @@
-export declare const getButtonStyle: (type: string) => import("styled-components").FlattenSimpleInterpolation;

package/dist/js/Banners/styles.js

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getButtonStyle = void 0;
-
-var _styledComponents = require("styled-components");
-
-var _styles = require("../styles");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var getButtonStyle = function getButtonStyle(type) {
-  switch (type) {
-    case 'warning':
-      return (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        div {\n          background-color: transparent;\n        }\n        div svg path,\n        div svg {\n          fill: ", ";\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      "])), _styles.COLORS.warning_500, _styles.COLORS.warning_20, _styles.COLORS.warning_700, _styles.COLORS.warning_800, _styles.COLORS.warning_100);
-
-    case 'critical':
-      return (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        div {\n          background-color: transparent;\n        }\n        div svg path,\n        div svg {\n          fill: ", ";\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      "])), _styles.COLORS.critical_600, _styles.COLORS.critical_20, _styles.COLORS.critical_700, _styles.COLORS.critical_800, _styles.COLORS.critical_100);
-
-    case 'positive':
-      return (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        div {\n          background-color: transparent;\n        }\n        div svg path,\n        div svg {\n          fill: ", ";\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      "])), _styles.COLORS.correct_500, _styles.COLORS.correct_20, _styles.COLORS.correct_700, _styles.COLORS.correct_800, _styles.COLORS.correct_100);
-
-    default:
-      return (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        div {\n          background-color: transparent;\n        }\n        div svg path,\n        div svg {\n          fill: ", ";\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      "])), _styles.COLORS.primary_500, _styles.COLORS.neutral_20, _styles.COLORS.primary_700, _styles.COLORS.primary_800, _styles.COLORS.primary_100);
-  }
-};
-
-exports.getButtonStyle = getButtonStyle;
-//# sourceMappingURL=styles.js.map

package/dist/js/Banners/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Banners/styles.tsx"],"names":["getButtonStyle","type","css","COLORS","warning_500","warning_20","warning_700","warning_800","warning_100","critical_600","critical_20","critical_700","critical_800","critical_100","correct_500","correct_20","correct_700","correct_800","correct_100","primary_500","neutral_20","primary_700","primary_800","primary_100"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAEO,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,IAAD,EAAkB;AAC9C,UAAQA,IAAR;AACE,SAAK,SAAL;AACE,iBAAOC,qBAAP,kmBAMYC,eAAOC,WANnB,EAU0BD,eAAOE,UAVjC,EAccF,eAAOG,WAdrB,EAmBoBH,eAAOI,WAnB3B,EAuBcJ,eAAOK,WAvBrB;;AA2BF,SAAK,UAAL;AACE,iBAAON,qBAAP,omBAMYC,eAAOM,YANnB,EAU0BN,eAAOO,WAVjC,EAccP,eAAOQ,YAdrB,EAmBoBR,eAAOS,YAnB3B,EAuBcT,eAAOU,YAvBrB;;AA2BF,SAAK,UAAL;AACE,iBAAOX,qBAAP,omBAMYC,eAAOW,WANnB,EAU0BX,eAAOY,UAVjC,EAccZ,eAAOa,WAdrB,EAmBoBb,eAAOc,WAnB3B,EAuBcd,eAAOe,WAvBrB;;AA2BF;AACE,iBAAOhB,qBAAP,omBAMYC,eAAOgB,WANnB,EAU0BhB,eAAOiB,UAVjC,EAccjB,eAAOkB,WAdrB,EAmBoBlB,eAAOmB,WAnB3B,EAuBcnB,eAAOoB,WAvBrB;AAtFJ;AAkHD,CAnHM","sourcesContent":["import { css } from 'styled-components';\r\nimport { COLORS } from '../styles';\r\n\r\nexport const getButtonStyle = (type: string) => {\r\n  switch (type) {\r\n    case 'warning':\r\n      return css`\r\n        div {\r\n          background-color: transparent;\r\n        }\r\n        div svg path,\r\n        div svg {\r\n          fill: ${COLORS.warning_500};\r\n        }\r\n        &:hover:not(:disabled) {\r\n          div {\r\n            background-color: ${COLORS.warning_20};\r\n          }\r\n          div svg path,\r\n          div svg {\r\n            fill: ${COLORS.warning_700};\r\n          }\r\n        }\r\n        &:active:not(:disabled) {\r\n          div {\r\n            background: ${COLORS.warning_800};\r\n          }\r\n          div svg path,\r\n          div svg {\r\n            fill: ${COLORS.warning_100};\r\n          }\r\n        }\r\n      `;\r\n    case 'critical':\r\n      return css`\r\n        div {\r\n          background-color: transparent;\r\n        }\r\n        div svg path,\r\n        div svg {\r\n          fill: ${COLORS.critical_600};\r\n        }\r\n        &:hover:not(:disabled) {\r\n          div {\r\n            background-color: ${COLORS.critical_20};\r\n          }\r\n          div svg path,\r\n          div svg {\r\n            fill: ${COLORS.critical_700};\r\n          }\r\n        }\r\n        &:active:not(:disabled) {\r\n          div {\r\n            background: ${COLORS.critical_800};\r\n          }\r\n          div svg path,\r\n          div svg {\r\n            fill: ${COLORS.critical_100};\r\n          }\r\n        }\r\n      `;\r\n    case 'positive':\r\n      return css`\r\n        div {\r\n          background-color: transparent;\r\n        }\r\n        div svg path,\r\n        div svg {\r\n          fill: ${COLORS.correct_500};\r\n        }\r\n        &:hover:not(:disabled) {\r\n          div {\r\n            background-color: ${COLORS.correct_20};\r\n          }\r\n          div svg path,\r\n          div svg {\r\n            fill: ${COLORS.correct_700};\r\n          }\r\n        }\r\n        &:active:not(:disabled) {\r\n          div {\r\n            background: ${COLORS.correct_800};\r\n          }\r\n          div svg path,\r\n          div svg {\r\n            fill: ${COLORS.correct_100};\r\n          }\r\n        }\r\n      `;\r\n    default:\r\n      return css`\r\n        div {\r\n          background-color: transparent;\r\n        }\r\n        div svg path,\r\n        div svg {\r\n          fill: ${COLORS.primary_500};\r\n        }\r\n        &:hover:not(:disabled) {\r\n          div {\r\n            background-color: ${COLORS.neutral_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_800};\r\n          }\r\n          div svg path,\r\n          div svg {\r\n            fill: ${COLORS.primary_100};\r\n          }\r\n        }\r\n      `;\r\n  }\r\n};\r\n"],"file":"styles.js"}

package/dist/js/Breadcrumb/Breadcrumb.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { Size } from '..';
-import { BreadcrumbItem } from '@laerdal/life-react-components/src/Breadcrumb/BreadcrumbItem';
-declare type BreadcrumbProps = {
-    homeIcon?: boolean;
-    homeLabel?: string;
-    homeUrl?: string;
-    items?: BreadcrumbItem[];
-    size?: Size;
-};
-declare const Breadcrumb: React.FunctionComponent<BreadcrumbProps>;
-export default Breadcrumb;

package/dist/js/Breadcrumb/Breadcrumb.js

@@ -1,153 +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");
-
-var _ = require("..");
-
-var _reactRouter = require("react-router");
-
-var _typography = require("../styles/typography");
-
-var _DropdownButton = _interopRequireDefault(require("../Dropdown/DropdownButton"));
-
-var _templateObject, _templateObject2;
-
-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 marginRight = function marginRight(size) {
-  return size == _.Size.Small || size == _.Size.Medium ? 'margin-right: 8px;' : 'margin-right: 4px;';
-};
-
-var BreadcrumbContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display:flex;\n  align-items: center;\n  min-height: 48px;\n    \n  a {\n    text-decoration: none;\n    ", "\n    ", "\n  }\n\n  .chevronicon {\n    ", "\n  }\n\n  a:hover {\n    color: ", ";\n  }\n  a:active {\n    color: ", ";\n  }\n"])), function (props) {
-  return FontStyles(props.size, _.ComponentTextStyle.Regular, _styles.COLORS.neutral_600);
-}, function (props) {
-  return marginRight(props.size);
-}, function (props) {
-  return marginRight(props.size);
-}, _styles.COLORS.primary_700, _styles.COLORS.primary_800);
-
-var FontStyles = function FontStyles(size, textStyle, color) {
-  switch (size) {
-    case _.Size.XSmall:
-      return (0, _typography.ComponentXXSStyling)(textStyle, color);
-
-    case _.Size.Medium:
-      return (0, _typography.ComponentMStyling)(textStyle, color);
-
-    case _.Size.Small:
-    default:
-      return (0, _typography.ComponentSStyling)(textStyle, color);
-  }
-};
-
-var LastBreadcrumbItem = _styledComponents.default.label(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n  ", "\n"])), function (props) {
-  return FontStyles(props.size, _.ComponentTextStyle.Bold, _styles.COLORS.neutral_800);
-}, function (props) {
-  return marginRight(props.size);
-});
-
-var Breadcrumb = function Breadcrumb(_ref) {
-  var items = _ref.items,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? _.Size.Small : _ref$size,
-      _ref$homeIcon = _ref.homeIcon,
-      homeIcon = _ref$homeIcon === void 0 ? true : _ref$homeIcon,
-      _ref$homeLabel = _ref.homeLabel,
-      homeLabel = _ref$homeLabel === void 0 ? 'Home' : _ref$homeLabel,
-      _ref$homeUrl = _ref.homeUrl,
-      homeUrl = _ref$homeUrl === void 0 ? '/' : _ref$homeUrl;
-  var history = (0, _reactRouter.useHistory)();
-  var dropdownItems = items ? items.slice(0, items.length - 2).map(function (x) {
-    return {
-      value: x.url,
-      displayLabel: x.label
-    };
-  }) : [];
-
-  var navigate = function navigate(links) {
-    history.push(links[0]);
-  };
-
-  var chevronSize = size == _.Size.Medium ? "24px" : size == _.Size.Small ? "20px" : "16px";
-  return /*#__PURE__*/React.createElement(BreadcrumbContainer, {
-    size: size
-  }, homeIcon ? /*#__PURE__*/React.createElement(_.IconButton, {
-    variant: "secondary",
-    shape: "circular",
-    action: function action() {
-      return history.push(homeUrl);
-    }
-  }, /*#__PURE__*/React.createElement(_.SystemIcons.Home, {
-    size: chevronSize
-  })) : /*#__PURE__*/React.createElement(_.HyperLink, {
-    id: "homelink",
-    variant: "default",
-    href: homeUrl
-  }, homeLabel), !!items && items.length > 2 && (items.length > 3 ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_.SystemIcons.ChevronRight, {
-    className: "chevronicon",
-    color: _styles.COLORS.neutral_500,
-    size: chevronSize
-  }), /*#__PURE__*/React.createElement(_DropdownButton.default, {
-    alignLeft: true,
-    items: dropdownItems,
-    size: size,
-    icon: /*#__PURE__*/React.createElement(_.SystemIcons.MoreHorizontal, {
-      color: _styles.COLORS.neutral_600,
-      size: "20px"
-    }),
-    onClick: navigate
-  })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_.SystemIcons.ChevronRight, {
-    className: "chevronicon",
-    color: _styles.COLORS.neutral_500,
-    size: chevronSize
-  }), /*#__PURE__*/React.createElement(_.HyperLink, {
-    id: "link-item-" + (items.length - 3),
-    target: "_self",
-    variant: "default",
-    href: items[items.length - 3].url
-  }, items[items.length - 3].label))), !!items && items.length > 1 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_.SystemIcons.ChevronRight, {
-    className: "chevronicon",
-    color: _styles.COLORS.neutral_500,
-    size: chevronSize
-  }), /*#__PURE__*/React.createElement(_.HyperLink, {
-    id: "link-item-" + (items.length - 2),
-    target: "_self",
-    variant: "default",
-    href: items[items.length - 2].url
-  }, items[items.length - 2].label)), !!items && items.length > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_.SystemIcons.ChevronRight, {
-    className: "chevronicon",
-    color: _styles.COLORS.neutral_500,
-    size: chevronSize
-  }), /*#__PURE__*/React.createElement(LastBreadcrumbItem, {
-    size: size
-  }, items[items.length - 1].label)));
-};
-
-Breadcrumb.propTypes = {
-  homeIcon: _propTypes.default.bool,
-  homeLabel: _propTypes.default.string,
-  homeUrl: _propTypes.default.string,
-  items: _propTypes.default.array
-};
-var _default = Breadcrumb;
-exports.default = _default;
-//# sourceMappingURL=Breadcrumb.js.map

package/dist/js/Breadcrumb/Breadcrumb.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Breadcrumb/Breadcrumb.tsx"],"names":["marginRight","size","Size","Small","Medium","BreadcrumbContainer","styled","div","props","FontStyles","ComponentTextStyle","Regular","COLORS","neutral_600","primary_700","primary_800","textStyle","color","XSmall","LastBreadcrumbItem","label","Bold","neutral_800","Breadcrumb","items","homeIcon","homeLabel","homeUrl","history","dropdownItems","slice","length","map","x","value","url","displayLabel","navigate","links","push","chevronSize","neutral_500"],"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\nimport {ComponentTextStyle, Size, SystemIcons} from '..';\r\nimport {useHistory} from 'react-router';\r\nimport { HyperLink, IconButton } from '..';\r\nimport {BreadcrumbItem} from '@laerdal/life-react-components/src/Breadcrumb/BreadcrumbItem';\r\nimport {ComponentMStyling, ComponentSStyling, ComponentXXSStyling} from '../styles/typography';\r\nimport DropdownButton from '../Dropdown/DropdownButton';\r\nimport { DropdownItem } from '../Dropdown/DropdownContent';\r\n\r\ntype BreadcrumbProps = {\r\n  homeIcon?: boolean;\r\n  homeLabel?: string;\r\n  homeUrl?: string;\r\n  items?: BreadcrumbItem[];\r\n  size?: Size;\r\n};\r\n\r\nconst marginRight = (size: Size | undefined) => {\r\n  return size == Size.Small || size == Size.Medium ? 'margin-right: 8px;' : 'margin-right: 4px;'\r\n}\r\n\r\nconst BreadcrumbContainer = styled.div<{size: Size | undefined}>`\r\n  display:flex;\r\n  align-items: center;\r\n  min-height: 48px;\r\n    \r\n  a {\r\n    text-decoration: none;\r\n    ${(props) => FontStyles(props.size, ComponentTextStyle.Regular, COLORS.neutral_600)}\r\n    ${(props) => marginRight(props.size) }\r\n  }\r\n\r\n  .chevronicon {\r\n    ${(props) => marginRight(props.size) }\r\n  }\r\n\r\n  a:hover {\r\n    color: ${COLORS.primary_700};\r\n  }\r\n  a:active {\r\n    color: ${COLORS.primary_800};\r\n  }\r\n`;\r\n\r\nconst FontStyles = (size: Size | undefined, textStyle: ComponentTextStyle, color: string) => {\r\n  switch (size) {\r\n    case Size.XSmall:\r\n      return ComponentXXSStyling(textStyle, color);\r\n    case Size.Medium:\r\n      return ComponentMStyling(textStyle, color);\r\n    case Size.Small:\r\n    default:\r\n      return ComponentSStyling(textStyle, color);\r\n  }\r\n}\r\n\r\nconst LastBreadcrumbItem = styled.label<{size: Size}>`\r\n  ${(props) => FontStyles(props.size, ComponentTextStyle.Bold, COLORS.neutral_800)}\r\n  ${(props) => marginRight(props.size) }\r\n`;\r\n\r\nconst Breadcrumb: React.FunctionComponent<BreadcrumbProps> = ({ \r\n    items, \r\n    size = Size.Small, \r\n    homeIcon = true, \r\n    homeLabel = 'Home', \r\n    homeUrl = '/' }) => {\r\n\r\n  const history = useHistory();\r\n  const dropdownItems: DropdownItem[] = items ? items.slice(0, items.length - 2).map(x => ({ value: x.url, displayLabel: x.label })) : [];\r\n  const navigate = (links: string[]) => {    \r\n    history.push(links[0]);\r\n  };\r\n\r\n  const chevronSize = size == Size.Medium ? \"24px\" : size == Size.Small ? \"20px\" : \"16px\";\r\n\r\n  return (\r\n    <BreadcrumbContainer size={size}>\r\n\r\n      {homeIcon ? \r\n        <IconButton variant=\"secondary\" shape=\"circular\" action={() => history.push(homeUrl)}>\r\n          <SystemIcons.Home size={chevronSize} />\r\n        </IconButton> : \r\n        <HyperLink id={\"homelink\"} variant=\"default\" href={homeUrl}>\r\n          {homeLabel}\r\n        </HyperLink>}\r\n\r\n      { !!items && items.length > 2 &&\r\n          (items.length > 3 ?\r\n          <>\r\n            <SystemIcons.ChevronRight className=\"chevronicon\" color={COLORS.neutral_500} size={chevronSize} />\r\n            <DropdownButton \r\n              alignLeft={true}\r\n              items={dropdownItems} \r\n              size={size}\r\n              icon={<SystemIcons.MoreHorizontal color={COLORS.neutral_600} size=\"20px\" />}\r\n              onClick={navigate} />\r\n          </> :\r\n          <>\r\n            <SystemIcons.ChevronRight className=\"chevronicon\" color={COLORS.neutral_500} size={chevronSize} />\r\n            <HyperLink id={\"link-item-\" + (items.length - 3)} target=\"_self\" variant=\"default\" href={items[items.length - 3].url}>\r\n              {items[items.length - 3].label}\r\n            </HyperLink>  \r\n          </>)\r\n      }\r\n\r\n      { !!items && items.length > 1 && \r\n        <>\r\n          <SystemIcons.ChevronRight className=\"chevronicon\" color={COLORS.neutral_500} size={chevronSize} />\r\n          <HyperLink id={\"link-item-\" + (items.length - 2)} target=\"_self\" variant=\"default\" href={items[items.length - 2].url}>\r\n            {items[items.length - 2].label}\r\n          </HyperLink>\r\n        </>\r\n      }\r\n\r\n      { !!items && items.length > 0 && \r\n        <>\r\n          <SystemIcons.ChevronRight className=\"chevronicon\" color={COLORS.neutral_500} size={chevronSize} />\r\n          <LastBreadcrumbItem size={size}>\r\n            {items[items.length - 1].label}\r\n          </LastBreadcrumbItem>\r\n        </>\r\n      }\r\n\r\n    </BreadcrumbContainer>);\r\n};\r\n\r\nexport default Breadcrumb;\r\n"],"file":"Breadcrumb.js"}

package/dist/js/Breadcrumb/BreadcrumbItem.d.ts

@@ -1,4 +0,0 @@
-export interface BreadcrumbItem {
-    label: string;
-    url: string;
-}

package/dist/js/Breadcrumb/BreadcrumbItem.js

@@ -1,6 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-//# sourceMappingURL=BreadcrumbItem.js.map

package/dist/js/Breadcrumb/BreadcrumbItem.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"BreadcrumbItem.js"}

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

@@ -1 +0,0 @@
-export { default as Breadcrumb } from './Breadcrumb';

package/dist/js/Breadcrumb/index.js

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

package/dist/js/Breadcrumb/index.js.map

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

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

@@ -1,7 +0,0 @@
-import * as React from 'react';
-interface AnchorProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
-    size: 'small' | 'medium' | 'large' | 'xsmall' | 'xlarge';
-    href?: string;
-}
-declare const Anchor: React.FunctionComponent<AnchorProps>;
-export default Anchor;

package/dist/js/Button/Anchor.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 _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _styles = require("../styles");
-
-var _templateObject;
-
-var _excluded = ["children", "size", "href", "target"];
-
-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) } })); }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-var Anchor = function Anchor(_ref) {
-  var children = _ref.children,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'small' : _ref$size,
-      _ref$href = _ref.href,
-      href = _ref$href === void 0 ? '#' : _ref$href,
-      _ref$target = _ref.target,
-      target = _ref$target === void 0 ? '_blank' : _ref$target,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/React.createElement(AnchorTag, _extends({
-    size: size,
-    href: href,
-    target: target
-  }, props), children);
-};
-
-Anchor.propTypes = {
-  size: _propTypes.default.oneOf(['small', 'medium', 'large', 'xsmall', 'xlarge']).isRequired,
-  href: _propTypes.default.string
-};
-
-var AnchorTag = _styledComponents.default.a(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  color: ", ";\n  background-color: transparent;\n  padding: 0;\n  border: none;\n  max-width:max-content; \n  text-decoration: none;\n  font-size: ", ";\n  line-height: ", ";\n  font-weight: bold;\n  font-family: inherit;\n  cursor: pointer;\n  outline:none;\n  &:visited,\n  &.vistied-state {\n    color: ", ";\n    background: transparent;\n    text-decoration: none;\n  }\n  &:hover, \n  &.hover-state {\n    color: ", ";\n    text-decoration: underline;\n  }\n  &:focus,\n  &.focus-state {\n    background-color: ", ";\n    text-decoration: underline;\n    box-shadow: 0px 4px 12px ", ", 0px 0px 8px ", " !important;\n    outline:none;\n    color: ", ";\n  }\n  &:active,\n  &.active-state {\n    color: ", ";\n    background: transparent;\n    text-decoration: underline;\n    background-color:unset !important;\n    box-shadow: unset !important;\n  } \n"])), _styles.COLORS.primary_500, function (props) {
-  return props.size === 'large' ? '20px' : props.size === 'small' ? '16px' : props.size === 'xsmall' ? '14px' : props.size === 'xlarge' ? '24px' : '18px';
-}, function (props) {
-  return props.size === 'large' ? '32px' : props.size === 'small' ? '24px' : props.size === 'xsmall' ? '20px' : props.size === 'xlarge' ? '36px' : '28px';
-}, _styles.COLORS.accent1_500, _styles.COLORS.primary_600, _styles.COLORS.white, _styles.COLORS.focus_25, _styles.COLORS.focus, _styles.COLORS.primary_500, _styles.COLORS.primary_700);
-
-var _default = Anchor;
-exports.default = _default;
-//# sourceMappingURL=Anchor.js.map

package/dist/js/Button/Anchor.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Button/Anchor.tsx"],"names":["Anchor","children","size","href","target","props","AnchorTag","styled","a","COLORS","primary_500","accent1_500","primary_600","white","focus_25","focus","primary_700"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,MAA4C,GAAG,SAA/CA,MAA+C,OAAuE;AAAA,MAApEC,QAAoE,QAApEA,QAAoE;AAAA,uBAA1DC,IAA0D;AAAA,MAA1DA,IAA0D,0BAAnD,OAAmD;AAAA,uBAA1CC,IAA0C;AAAA,MAA1CA,IAA0C,0BAArC,GAAqC;AAAA,yBAAhCC,MAAgC;AAAA,MAAhCA,MAAgC,4BAAzB,QAAyB;AAAA,MAAXC,KAAW;;AAC1H,sBACI,oBAAC,SAAD;AAAW,IAAA,IAAI,EAAEH,IAAjB;AAAuB,IAAA,IAAI,EAAEC,IAA7B;AAAmC,IAAA,MAAM,EAAEC;AAA3C,KAAuDC,KAAvD,GACKJ,QADL,CADJ;AAKD,CAND;;;AAJIC,EAAAA,I,4BAAO,O,EAAU,Q,EAAW,O,EAAU,Q,EAAW,Q;AACjDC,EAAAA,I;;;AAWJ,IAAMG,SAAS,GAAGC,0BAAOC,CAAV,o6BACJC,eAAOC,WADH,EAOA,UAAAL,KAAK;AAAA,SAAKA,KAAK,CAACH,IAAN,KAAe,OAAf,GAAyB,MAAzB,GAAkCG,KAAK,CAACH,IAAN,KAAe,OAAf,GAAyB,MAAzB,GAAkCG,KAAK,CAACH,IAAN,KAAe,QAAf,GAA0B,MAA1B,GAAmCG,KAAK,CAACH,IAAN,KAAe,QAAf,GAA0B,MAA1B,GAAmC,MAA/I;AAAA,CAPL,EAQE,UAAAG,KAAK;AAAA,SAAKA,KAAK,CAACH,IAAN,KAAe,OAAf,GAAyB,MAAzB,GAAkCG,KAAK,CAACH,IAAN,KAAe,OAAf,GAAyB,MAAzB,GAAkCG,KAAK,CAACH,IAAN,KAAe,QAAf,GAA0B,MAA1B,GAAmCG,KAAK,CAACH,IAAN,KAAe,QAAf,GAA0B,MAA1B,GAAmC,MAA/I;AAAA,CARP,EAeDO,eAAOE,WAfN,EAqBFF,eAAOG,WArBL,EA0BSH,eAAOI,KA1BhB,EA4BgBJ,eAAOK,QA5BvB,EA4BgDL,eAAOM,KA5BvD,EA8BFN,eAAOC,WA9BL,EAkCDD,eAAOO,WAlCN,CAAf;;eA0CehB,M","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {COLORS} from '../styles';\r\n\r\ninterface AnchorProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>{\r\n    size : 'small' | 'medium' | 'large' | 'xsmall' | 'xlarge';\r\n    href?: string;\r\n}\r\n\r\nconst Anchor: React.FunctionComponent<AnchorProps> = ({ children, size = 'small', href='#', target='_blank' , ...props}) => {\r\n  return (\r\n      <AnchorTag size={size} href={href} target={target} {...props}>\r\n          {children}\r\n      </AnchorTag>\r\n  )\r\n}\r\n\r\nconst AnchorTag = styled.a<AnchorProps>`\r\n  color: ${COLORS.primary_500};\r\n  background-color: transparent;\r\n  padding: 0;\r\n  border: none;\r\n  max-width:max-content; \r\n  text-decoration: none;\r\n  font-size: ${props => (props.size === 'large' ? '20px' : props.size === 'small' ? '16px' : props.size === 'xsmall' ? '14px' : props.size === 'xlarge' ? '24px' : '18px')};\r\n  line-height: ${props => (props.size === 'large' ? '32px' : props.size === 'small' ? '24px' : props.size === 'xsmall' ? '20px' : props.size === 'xlarge' ? '36px' : '28px')};\r\n  font-weight: bold;\r\n  font-family: inherit;\r\n  cursor: pointer;\r\n  outline:none;\r\n  &:visited,\r\n  &.vistied-state {\r\n    color: ${ COLORS.accent1_500 };\r\n    background: transparent;\r\n    text-decoration: none;\r\n  }\r\n  &:hover, \r\n  &.hover-state {\r\n    color: ${COLORS.primary_600};\r\n    text-decoration: underline;\r\n  }\r\n  &:focus,\r\n  &.focus-state {\r\n    background-color: ${COLORS.white};\r\n    text-decoration: underline;\r\n    box-shadow: 0px 4px 12px ${COLORS.focus_25}, 0px 0px 8px ${COLORS.focus} !important;\r\n    outline:none;\r\n    color: ${COLORS.primary_500};\r\n  }\r\n  &:active,\r\n  &.active-state {\r\n    color: ${ COLORS.primary_700 };\r\n    background: transparent;\r\n    text-decoration: underline;\r\n    background-color:unset !important;\r\n    box-shadow: unset !important;\r\n  } \r\n`;\r\n\r\nexport default Anchor;"],"file":"Anchor.js"}

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

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { Size } from '../types';
-interface BackButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    size: Size.Small | Size.XSmall;
-    disabled?: boolean;
-}
-declare const BackButton: React.FunctionComponent<BackButtonProps>;
-export default BackButton;

package/dist/js/Button/BackButton.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 _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _styles = require("../styles");
-
-var _types = require("../types");
-
-var _SystemIcons = require("../icons/systemicons/SystemIcons");
-
-var _typography = require("../styles/typography");
-
-var _excluded = ["children", "size"];
-
-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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var Button = _styledComponents.default.button(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  box-sizing: border-box;\n  min-height: 48px;\n  padding: 0;\n  margin: 0;\n  outline:none;\n  max-width: max-content;\n  display: flex;\n  align-items: center;\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n\n  ", ";\n  font-feature-settings: 'liga' off;\n\n  & > .button-content {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-start;\n    max-width: max-content;\n    padding: 4px 4px 4px 0;\n    border-radius: 4px;\n    cursor: inherit;\n    min-width: 64px;\n\n  }\n\n  & > .button-content > span {\n    display: flex;\n    cursor: inherit;\n  }\n  & > .button-content > label {\n    display: flex;\n    cursor: inherit;\n    flex-grow: 1;\n    justify-content: center;\n  }\n\n  &:hover > .button-content,\n  &.hover-state > .button-content {\n    background-color: ", ";\n    color: ", ";\n  }\n  &:focus > .button-content,\n  &.focus-state > .button-content {\n    box-shadow: 0 4px 12px rgba(46, 127, 161, 0.25), 0 0 8px #2e7fa1;\n  }\n  &:active > .button-content,\n  &.active-state > .button-content {\n    background-color: ", ";\n    color: ", ";\n    box-shadow: unset;\n  }\n  &:disabled {\n    cursor: not-allowed;\n  }\n  &:disabled > .button-content {\n    color: ", " !important;\n    background-color: transparent !important;\n  }\n"])), function (props) {
-  return props.size === _types.Size.XSmall ? (0, _typography.ComponentXSStyling)(_typography.ComponentTextStyle.Bold, _styles.COLORS.neutral_600) : (0, _typography.ComponentSStyling)(_typography.ComponentTextStyle.Bold, _styles.COLORS.neutral_600);
-}, _styles.COLORS.primary_20, _styles.COLORS.primary_700, _styles.COLORS.primary_100, _styles.COLORS.primary_800, _styles.COLORS.neutral_300);
-
-var BackButton = function BackButton(_ref) {
-  var children = _ref.children,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? _types.Size.Small : _ref$size,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/React.createElement(Button, _extends({}, props, {
-    size: size
-  }), /*#__PURE__*/React.createElement("div", {
-    className: 'button-content'
-  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(_SystemIcons.ArrowLineLeft, {
-    size: size === _types.Size.XSmall ? '20' : '24'
-  })), /*#__PURE__*/React.createElement("label", null, children)));
-};
-
-BackButton.propTypes = {
-  disabled: _propTypes.default.bool
-};
-var _default = BackButton;
-exports.default = _default;
-//# sourceMappingURL=BackButton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Button/BackButton.tsx"],"names":["Button","styled","button","props","size","Size","XSmall","ComponentTextStyle","Bold","COLORS","neutral_600","primary_20","primary_700","primary_100","primary_800","neutral_300","BackButton","children","Small","disabled"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,MAAM,GAAGC,0BAAOC,MAAV,23CAaR,UAACC,KAAD;AAAA,SAAYA,KAAK,CAACC,IAAN,KAAeC,YAAKC,MAApB,GAA6B,oCAAmBC,+BAAmBC,IAAtC,EAA4CC,eAAOC,WAAnD,CAA7B,GAA+F,mCAAkBH,+BAAmBC,IAArC,EAA2CC,eAAOC,WAAlD,CAA3G;AAAA,CAbQ,EA0CYD,eAAOE,UA1CnB,EA2CCF,eAAOG,WA3CR,EAmDYH,eAAOI,WAnDnB,EAoDCJ,eAAOK,WApDR,EA2DCL,eAAOM,WA3DR,CAAZ;;AAoEA,IAAMC,UAAoD,GAAG,SAAvDA,UAAuD,OAA+C;AAAA,MAA5CC,QAA4C,QAA5CA,QAA4C;AAAA,uBAAlCb,IAAkC;AAAA,MAAlCA,IAAkC,0BAA3BC,YAAKa,KAAsB;AAAA,MAAZf,KAAY;;AAC1G,sBACE,oBAAC,MAAD,eAAYA,KAAZ;AAAmB,IAAA,IAAI,EAAEC;AAAzB,mBACE;AAAK,IAAA,SAAS,EAAE;AAAhB,kBACE,+CACE,oBAAC,0BAAD;AAAe,IAAA,IAAI,EAAEA,IAAI,KAAKC,YAAKC,MAAd,GAAuB,IAAvB,GAA8B;AAAnD,IADF,CADF,eAIE,mCAAQW,QAAR,CAJF,CADF,CADF;AAUD,CAXD;;;AAFEE,EAAAA,Q;;eAeaH,U","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { COLORS } from '../styles';\r\nimport { Size } from '../types';\r\nimport { ArrowLineLeft } from '../icons/systemicons/SystemIcons';\r\nimport { ComponentTextStyle, ComponentSStyling, ComponentXSStyling } from '../styles/typography';\r\n\r\nconst Button = styled.button<BackButtonProps>`\r\n  box-sizing: border-box;\r\n  min-height: 48px;\r\n  padding: 0;\r\n  margin: 0;\r\n  outline:none;\r\n  max-width: max-content;\r\n  display: flex;\r\n  align-items: center;\r\n  border: none;\r\n  background-color: transparent;\r\n  cursor: pointer;\r\n\r\n  ${(props) => (props.size === Size.XSmall ? ComponentXSStyling(ComponentTextStyle.Bold, COLORS.neutral_600) : ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600))};\r\n  font-feature-settings: 'liga' off;\r\n\r\n  & > .button-content {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    max-width: max-content;\r\n    padding: 4px 4px 4px 0;\r\n    border-radius: 4px;\r\n    cursor: inherit;\r\n    min-width: 64px;\r\n\r\n  }\r\n\r\n  & > .button-content > span {\r\n    display: flex;\r\n    cursor: inherit;\r\n  }\r\n  & > .button-content > label {\r\n    display: flex;\r\n    cursor: inherit;\r\n    flex-grow: 1;\r\n    justify-content: center;\r\n  }\r\n\r\n  &:hover > .button-content,\r\n  &.hover-state > .button-content {\r\n    background-color: ${COLORS.primary_20};\r\n    color: ${COLORS.primary_700};\r\n  }\r\n  &:focus > .button-content,\r\n  &.focus-state > .button-content {\r\n    box-shadow: 0 4px 12px rgba(46, 127, 161, 0.25), 0 0 8px #2e7fa1;\r\n  }\r\n  &:active > .button-content,\r\n  &.active-state > .button-content {\r\n    background-color: ${COLORS.primary_100};\r\n    color: ${COLORS.primary_800};\r\n    box-shadow: unset;\r\n  }\r\n  &:disabled {\r\n    cursor: not-allowed;\r\n  }\r\n  &:disabled > .button-content {\r\n    color: ${COLORS.neutral_300} !important;\r\n    background-color: transparent !important;\r\n  }\r\n`;\r\n\r\ninterface BackButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n  size: Size.Small | Size.XSmall;\r\n  disabled?: boolean;\r\n}\r\nconst BackButton: React.FunctionComponent<BackButtonProps> = ({ children, size = Size.Small, ...props }) => {\r\n  return (\r\n    <Button {...props} size={size}>\r\n      <div className={'button-content'}>\r\n        <span>\r\n          <ArrowLineLeft size={size === Size.XSmall ? '20' : '24'} />\r\n        </span>\r\n        <label>{children}</label>\r\n      </div>\r\n    </Button>\r\n  );\r\n};\r\n\r\nexport default BackButton;\r\n"],"file":"BackButton.js"}

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

@@ -1,19 +0,0 @@
-import * as React from 'react';
-import { Size } from '../types';
-export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    variant?: 'primary' | 'secondary' | 'tertiary' | 'correct' | 'critical';
-    flatEdge?: 'right' | 'left' | 'none' | undefined;
-    role?: 'button' | string;
-    title?: string;
-    size?: Size;
-    colorTheme?: 'teal' | 'dark';
-    width?: 'auto' | string;
-    loading?: boolean;
-    testId?: string;
-    tabbedHere?: boolean;
-    icon?: React.ReactNode;
-    minWidth?: string;
-    iconOnly?: boolean;
-}
-declare const Button: React.FunctionComponent<ButtonProps>;
-export default Button;