@laerdal/life-react-components 1.4.1-dev.6.full → 1.4.1-dev.8.full

package/dist/umd/Banners/index.js

@@ -1,34 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "./Banner", "./OverviewBanner"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("./Banner"), require("./OverviewBanner"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.Banner, global.OverviewBanner);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _Banner, _OverviewBanner) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-  exports.OverviewBanner = exports.Banner = undefined;
-
-  var _Banner2 = _interopRequireDefault(_Banner);
-
-  var _OverviewBanner2 = _interopRequireDefault(_OverviewBanner);
-
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      default: obj
-    };
-  }
-
-  exports.Banner = _Banner2.default;
-  exports.OverviewBanner = _OverviewBanner2.default;
-});
-//# sourceMappingURL=index.js.map

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

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

package/dist/umd/Banners/styles.js

@@ -1,141 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "styled-components", "../styles"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("styled-components"), require("../styles"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.styledComponents, global.styles);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _styledComponents, _styles) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-  exports.getButtonStyle = undefined;
-
-  const getButtonStyle = exports.getButtonStyle = type => {
-    switch (type) {
-      case 'warning':
-        return _styledComponents.css`
-        div {
-          background-color: transparent;
-        }
-        div svg path,
-        div svg {
-          fill: ${_styles.COLORS.warning_500};
-        }
-        &:hover:not(:disabled) {
-          div {
-            background-color: ${_styles.COLORS.warning_20};
-          }
-          div svg path,
-          div svg {
-            fill: ${_styles.COLORS.warning_700};
-          }
-        }
-        &:active:not(:disabled) {
-          div {
-            background: ${_styles.COLORS.warning_800};
-          }
-          div svg path,
-          div svg {
-            fill: ${_styles.COLORS.warning_100};
-          }
-        }
-      `;
-
-      case 'critical':
-        return _styledComponents.css`
-        div {
-          background-color: transparent;
-        }
-        div svg path,
-        div svg {
-          fill: ${_styles.COLORS.critical_600};
-        }
-        &:hover:not(:disabled) {
-          div {
-            background-color: ${_styles.COLORS.critical_20};
-          }
-          div svg path,
-          div svg {
-            fill: ${_styles.COLORS.critical_700};
-          }
-        }
-        &:active:not(:disabled) {
-          div {
-            background: ${_styles.COLORS.critical_800};
-          }
-          div svg path,
-          div svg {
-            fill: ${_styles.COLORS.critical_100};
-          }
-        }
-      `;
-
-      case 'positive':
-        return _styledComponents.css`
-        div {
-          background-color: transparent;
-        }
-        div svg path,
-        div svg {
-          fill: ${_styles.COLORS.correct_500};
-        }
-        &:hover:not(:disabled) {
-          div {
-            background-color: ${_styles.COLORS.correct_20};
-          }
-          div svg path,
-          div svg {
-            fill: ${_styles.COLORS.correct_700};
-          }
-        }
-        &:active:not(:disabled) {
-          div {
-            background: ${_styles.COLORS.correct_800};
-          }
-          div svg path,
-          div svg {
-            fill: ${_styles.COLORS.correct_100};
-          }
-        }
-      `;
-
-      default:
-        return _styledComponents.css`
-        div {
-          background-color: transparent;
-        }
-        div svg path,
-        div svg {
-          fill: ${_styles.COLORS.primary_500};
-        }
-        &:hover:not(:disabled) {
-          div {
-            background-color: ${_styles.COLORS.neutral_20};
-          }
-          div svg path,
-          div svg {
-            fill: ${_styles.COLORS.primary_700};
-          }
-        }
-        &:active:not(:disabled) {
-          div {
-            background: ${_styles.COLORS.primary_800};
-          }
-          div svg path,
-          div svg {
-            fill: ${_styles.COLORS.primary_100};
-          }
-        }
-      `;
-    }
-  };
-});
-//# sourceMappingURL=styles.js.map

package/dist/umd/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":";;;;;;;;;;;;;;;;;;;;AAGO,QAAMA,cAAc,WAAdA,cAAc,GAAIC,IAAD,IAAkB;AAC9C,YAAA,IAAA;AACE,WAAA,SAAA;AACE,eAAOC,qBAAI;AACjB;AACA;AACA;AACA;AACA;AACA,kBAAkBC,eAAOC,WAAY;AACrC;AACA;AACA;AACA,gCAAgCD,eAAOE,UAAW;AAClD;AACA;AACA;AACA,oBAAoBF,eAAOG,WAAY;AACvC;AACA;AACA;AACA;AACA,0BAA0BH,eAAOI,WAAY;AAC7C;AACA;AACA;AACA,oBAAoBJ,eAAOK,WAAY;AACvC;AACA;AAzBM,OAAA;;AA2BF,WAAA,UAAA;AACE,eAAON,qBAAI;AACjB;AACA;AACA;AACA;AACA;AACA,kBAAkBC,eAAOM,YAAa;AACtC;AACA;AACA;AACA,gCAAgCN,eAAOO,WAAY;AACnD;AACA;AACA;AACA,oBAAoBP,eAAOQ,YAAa;AACxC;AACA;AACA;AACA;AACA,0BAA0BR,eAAOS,YAAa;AAC9C;AACA;AACA;AACA,oBAAoBT,eAAOU,YAAa;AACxC;AACA;AAzBM,OAAA;;AA2BF,WAAA,UAAA;AACE,eAAOX,qBAAI;AACjB;AACA;AACA;AACA;AACA;AACA,kBAAkBC,eAAOW,WAAY;AACrC;AACA;AACA;AACA,gCAAgCX,eAAOY,UAAW;AAClD;AACA;AACA;AACA,oBAAoBZ,eAAOa,WAAY;AACvC;AACA;AACA;AACA;AACA,0BAA0Bb,eAAOc,WAAY;AAC7C;AACA;AACA;AACA,oBAAoBd,eAAOe,WAAY;AACvC;AACA;AAzBM,OAAA;;AA2BF;AACE,eAAOhB,qBAAI;AACjB;AACA;AACA;AACA;AACA;AACA,kBAAkBC,eAAOgB,WAAY;AACrC;AACA;AACA;AACA,gCAAgChB,eAAOiB,UAAW;AAClD;AACA;AACA;AACA,oBAAoBjB,eAAOkB,WAAY;AACvC;AACA;AACA;AACA;AACA,0BAA0BlB,eAAOmB,WAAY;AAC7C;AACA;AACA;AACA,oBAAoBnB,eAAOoB,WAAY;AACvC;AACA;AAzBM,OAAA;AAtFJ;AADK,GAAA","sourcesContent":["import { css } from 'styled-components';\nimport { COLORS } from '../styles';\n\nexport const getButtonStyle = (type: string) => {\n  switch (type) {\n    case 'warning':\n      return css`\n        div {\n          background-color: transparent;\n        }\n        div svg path,\n        div svg {\n          fill: ${COLORS.warning_500};\n        }\n        &:hover:not(:disabled) {\n          div {\n            background-color: ${COLORS.warning_20};\n          }\n          div svg path,\n          div svg {\n            fill: ${COLORS.warning_700};\n          }\n        }\n        &:active:not(:disabled) {\n          div {\n            background: ${COLORS.warning_800};\n          }\n          div svg path,\n          div svg {\n            fill: ${COLORS.warning_100};\n          }\n        }\n      `;\n    case 'critical':\n      return css`\n        div {\n          background-color: transparent;\n        }\n        div svg path,\n        div svg {\n          fill: ${COLORS.critical_600};\n        }\n        &:hover:not(:disabled) {\n          div {\n            background-color: ${COLORS.critical_20};\n          }\n          div svg path,\n          div svg {\n            fill: ${COLORS.critical_700};\n          }\n        }\n        &:active:not(:disabled) {\n          div {\n            background: ${COLORS.critical_800};\n          }\n          div svg path,\n          div svg {\n            fill: ${COLORS.critical_100};\n          }\n        }\n      `;\n    case 'positive':\n      return css`\n        div {\n          background-color: transparent;\n        }\n        div svg path,\n        div svg {\n          fill: ${COLORS.correct_500};\n        }\n        &:hover:not(:disabled) {\n          div {\n            background-color: ${COLORS.correct_20};\n          }\n          div svg path,\n          div svg {\n            fill: ${COLORS.correct_700};\n          }\n        }\n        &:active:not(:disabled) {\n          div {\n            background: ${COLORS.correct_800};\n          }\n          div svg path,\n          div svg {\n            fill: ${COLORS.correct_100};\n          }\n        }\n      `;\n    default:\n      return css`\n        div {\n          background-color: transparent;\n        }\n        div svg path,\n        div svg {\n          fill: ${COLORS.primary_500};\n        }\n        &:hover:not(:disabled) {\n          div {\n            background-color: ${COLORS.neutral_20};\n          }\n          div svg path,\n          div svg {\n            fill: ${COLORS.primary_700};\n          }\n        }\n        &:active:not(:disabled) {\n          div {\n            background: ${COLORS.primary_800};\n          }\n          div svg path,\n          div svg {\n            fill: ${COLORS.primary_100};\n          }\n        }\n      `;\n  }\n};\n"],"file":"styles.js"}

package/dist/umd/Breadcrumb/Breadcrumb.js

@@ -1,208 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "prop-types", "react", "styled-components", "../styles", "..", "react-router", "../styles/typography", "../Dropdown/DropdownButton"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("prop-types"), require("react"), require("styled-components"), require("../styles"), require(".."), require("react-router"), require("../styles/typography"), require("../Dropdown/DropdownButton"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.propTypes, global.react, global.styledComponents, global.styles, global._, global.reactRouter, global.typography, global.DropdownButton);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _propTypes, _react, _styledComponents, _styles, _, _reactRouter, _typography, _DropdownButton) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-
-  var _propTypes2 = _interopRequireDefault(_propTypes);
-
-  var React = _interopRequireWildcard(_react);
-
-  var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-  var _DropdownButton2 = _interopRequireDefault(_DropdownButton);
-
-  function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function (nodeInterop) {
-      return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-  }
-
-  function _interopRequireWildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-      return obj;
-    }
-
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-      return {
-        default: obj
-      };
-    }
-
-    var cache = _getRequireWildcardCache(nodeInterop);
-
-    if (cache && cache.has(obj)) {
-      return cache.get(obj);
-    }
-
-    var newObj = {};
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-
-    for (var key in obj) {
-      if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-        var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-
-        if (desc && (desc.get || desc.set)) {
-          Object.defineProperty(newObj, key, desc);
-        } else {
-          newObj[key] = obj[key];
-        }
-      }
-    }
-
-    newObj.default = obj;
-
-    if (cache) {
-      cache.set(obj, newObj);
-    }
-
-    return newObj;
-  }
-
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      default: obj
-    };
-  }
-
-  const marginRight = size => {
-    return size == _.Size.Small || size == _.Size.Medium ? 'margin-right: 8px;' : 'margin-right: 4px;';
-  };
-
-  const BreadcrumbContainer = _styledComponents2.default.div`
-  display:flex;
-  align-items: center;
-  min-height: 48px;
-    
-  a {
-    text-decoration: none;
-    ${props => FontStyles(props.size, _.ComponentTextStyle.Regular, _styles.COLORS.neutral_600)}
-    ${props => marginRight(props.size)}
-  }
-
-  .chevronicon {
-    ${props => marginRight(props.size)}
-  }
-
-  a:hover {
-    color: ${_styles.COLORS.primary_700};
-  }
-  a:active {
-    color: ${_styles.COLORS.primary_800};
-  }
-`;
-
-  const 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);
-    }
-  };
-
-  const LastBreadcrumbItem = _styledComponents2.default.label`
-  ${props => FontStyles(props.size, _.ComponentTextStyle.Bold, _styles.COLORS.neutral_800)}
-  ${props => marginRight(props.size)}
-`;
-
-  const Breadcrumb = ({
-    items,
-    size = _.Size.Small,
-    homeIcon = true,
-    homeLabel = 'Home',
-    homeUrl = '/'
-  }) => {
-    const history = (0, _reactRouter.useHistory)();
-    const dropdownItems = items ? items.slice(0, items.length - 2).map(x => ({
-      value: x.url,
-      displayLabel: x.label
-    })) : [];
-
-    const navigate = links => {
-      history.push(links[0]);
-    };
-
-    const 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: () => 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(_DropdownButton2.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: _propTypes2.default.bool,
-    homeLabel: _propTypes2.default.string,
-    homeUrl: _propTypes2.default.string,
-    items: _propTypes2.default.array
-  };
-  exports.default = Breadcrumb;
-});
-//# sourceMappingURL=Breadcrumb.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Breadcrumb/Breadcrumb.tsx"],"names":["homeIcon","homeLabel","homeUrl","items","marginRight","size","Size","BreadcrumbContainer","styled","div","props","FontStyles","ComponentTextStyle","COLORS","primary_700","primary_800","ComponentXXSStyling","ComponentMStyling","ComponentSStyling","LastBreadcrumbItem","label","Breadcrumb","history","dropdownItems","x","value","displayLabel","navigate","links","chevronSize","url"],"mappings":";;;;;;;;;;;;;;;;;;;;;MAAA,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,QAAMI,WAAW,GAAIC,IAAD,IAA4B;AAC9C,WAAOA,IAAI,IAAIC,OAARD,KAAAA,IAAsBA,IAAI,IAAIC,OAA9BD,MAAAA,GAAAA,oBAAAA,GAAP,oBAAA;AADF,GAAA;;AAIA,QAAME,mBAAmB,GAAGC,2BAAOC,GAA8B;AACjE;AACA;AACA;AACA;AACA;AACA;AACA,MAAOC,KAAD,IAAWC,UAAU,CAACD,KAAK,CAAN,IAAA,EAAaE,qBAAb,OAAA,EAAyCC,eAAzC,WAAA,CAA6D;AACxF,MAAOH,KAAD,IAAWN,WAAW,CAACM,KAAK,CAAN,IAAA,CAAc;AAC1C;AACA;AACA;AACA,MAAOA,KAAD,IAAWN,WAAW,CAACM,KAAK,CAAN,IAAA,CAAc;AAC1C;AACA;AACA;AACA,aAAaG,eAAOC,WAAY;AAChC;AACA;AACA,aAAaD,eAAOE,WAAY;AAChC;AApBA,CAAA;;AAuBA,QAAMJ,UAAU,GAAG,CAAA,IAAA,EAAA,SAAA,EAAA,KAAA,KAA0E;AAC3F,YAAA,IAAA;AACE,WAAKL,OAAL,MAAA;AACE,eAAOU,qCAAmB,SAAnBA,EAAP,KAAOA,CAAP;;AACF,WAAKV,OAAL,MAAA;AACE,eAAOW,mCAAiB,SAAjBA,EAAP,KAAOA,CAAP;;AACF,WAAKX,OAAL,KAAA;AACA;AACE,eAAOY,mCAAiB,SAAjBA,EAAP,KAAOA,CAAP;AAPJ;AADF,GAAA;;AAYA,QAAMC,kBAAkB,GAAGX,2BAAOY,KAAoB;AACtD,IAAKV,KAAD,IAAWC,UAAU,CAACD,KAAK,CAAN,IAAA,EAAaE,qBAAb,IAAA,EAAsCC,eAAtC,WAAA,CAA0D;AACnF,IAAKH,KAAD,IAAWN,WAAW,CAACM,KAAK,CAAN,IAAA,CAAc;AAFxC,CAAA;;AAKA,QAAMW,UAAoD,GAAG,CAAC;AAAA,IAAA,KAAA;AAE1DhB,IAAAA,IAAI,GAAGC,OAFmD,KAAA;AAG1DN,IAAAA,QAAQ,GAHkD,IAAA;AAI1DC,IAAAA,SAAS,GAJiD,MAAA;AAK1DC,IAAAA,OAAO,GAAG;AALgD,GAAD,KAKrC;AAEtB,UAAMoB,OAAO,GAAb,8BAAA;AACA,UAAMC,aAA6B,GAAGpB,KAAK,GAAG,KAAK,CAAL,KAAA,CAAA,CAAA,EAAeA,KAAK,CAALA,MAAAA,GAAf,CAAA,EAAA,GAAA,CAAqCqB,CAAC,KAAK;AAAEC,MAAAA,KAAK,EAAED,CAAC,CAAV,GAAA;AAAgBE,MAAAA,YAAY,EAAEF,CAAC,CAACJ;AAAhC,KAAL,CAAtC,CAAH,GAA3C,EAAA;;AACA,UAAMO,QAAQ,GAAIC,KAAD,IAAqB;AACpCN,MAAAA,OAAO,CAAPA,IAAAA,CAAaM,KAAK,CAAlBN,CAAkB,CAAlBA;AADF,KAAA;;AAIA,UAAMO,WAAW,GAAGxB,IAAI,IAAIC,OAARD,MAAAA,GAAAA,MAAAA,GAA+BA,IAAI,IAAIC,OAARD,KAAAA,GAAAA,MAAAA,GAAnD,MAAA;AAEA,WAAA,aACE,KAAA,CAAA,aAAA,CAAA,mBAAA,EAAA;AAAqB,MAAA,IAAI,EAAEA;AAA3B,KAAA,EAEGL,QAAQ,GAAA,aACP,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA;AAAY,MAAA,OAAO,EAAnB,WAAA;AAAgC,MAAA,KAAK,EAArC,UAAA;AAAiD,MAAA,MAAM,EAAE,MAAMsB,OAAO,CAAPA,IAAAA,CAAAA,OAAAA;AAA/D,KAAA,EAAA,aACE,KAAA,CAAA,aAAA,CAAA,cAAA,IAAA,EAAA;AAAkB,MAAA,IAAI,EAAEO;AAAxB,KAAA,CADF,CADO,GAAA,aAIP,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA;AAAW,MAAA,EAAE,EAAb,UAAA;AAA2B,MAAA,OAAO,EAAlC,SAAA;AAA6C,MAAA,IAAI,EAAE3B;AAAnD,KAAA,EANJ,SAMI,CANJ,EAUI,CAAC,CAAD,KAAA,IAAWC,KAAK,CAALA,MAAAA,GAAX,CAAA,KACG,KAAK,CAAL,MAAA,GAAA,CAAA,GAAA,aACD,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAA,aACE,KAAA,CAAA,aAAA,CAAA,cAAA,YAAA,EAAA;AAA0B,MAAA,SAAS,EAAnC,aAAA;AAAkD,MAAA,KAAK,EAAEU,eAAzD,WAAA;AAA6E,MAAA,IAAI,EAAEgB;AAAnF,KAAA,CADF,EAAA,aAEE,KAAA,CAAA,aAAA,CAAA,wBAAA,EAAA;AACE,MAAA,SAAS,EADX,IAAA;AAEE,MAAA,KAAK,EAFP,aAAA;AAGE,MAAA,IAAI,EAHN,IAAA;AAIE,MAAA,IAAI,EAAA,aAAE,KAAA,CAAA,aAAA,CAAA,cAAA,cAAA,EAAA;AAA4B,QAAA,KAAK,EAAEhB,eAAnC,WAAA;AAAuD,QAAA,IAAI,EAAC;AAA5D,OAAA,CAJR;AAKE,MAAA,OAAO,EAAEc;AALX,KAAA,CAFF,CADC,GAAA,aAUD,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAA,aACE,KAAA,CAAA,aAAA,CAAA,cAAA,YAAA,EAAA;AAA0B,MAAA,SAAS,EAAnC,aAAA;AAAkD,MAAA,KAAK,EAAEd,eAAzD,WAAA;AAA6E,MAAA,IAAI,EAAEgB;AAAnF,KAAA,CADF,EAAA,aAEE,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA;AAAW,MAAA,EAAE,EAAE,gBAAgB1B,KAAK,CAALA,MAAAA,GAA/B,CAAe,CAAf;AAAkD,MAAA,MAAM,EAAxD,OAAA;AAAiE,MAAA,OAAO,EAAxE,SAAA;AAAmF,MAAA,IAAI,EAAEA,KAAK,CAACA,KAAK,CAALA,MAAAA,GAANA,CAAK,CAALA,CAAwB2B;AAAjH,KAAA,EACG3B,KAAK,CAACA,KAAK,CAALA,MAAAA,GAANA,CAAK,CAALA,CAxBX,KAuBQ,CAFF,CAXF,CAVJ,EA6BI,CAAC,CAAD,KAAA,IAAWA,KAAK,CAALA,MAAAA,GAAX,CAAA,IAAA,aACA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAA,aACE,KAAA,CAAA,aAAA,CAAA,cAAA,YAAA,EAAA;AAA0B,MAAA,SAAS,EAAnC,aAAA;AAAkD,MAAA,KAAK,EAAEU,eAAzD,WAAA;AAA6E,MAAA,IAAI,EAAEgB;AAAnF,KAAA,CADF,EAAA,aAEE,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA;AAAW,MAAA,EAAE,EAAE,gBAAgB1B,KAAK,CAALA,MAAAA,GAA/B,CAAe,CAAf;AAAkD,MAAA,MAAM,EAAxD,OAAA;AAAiE,MAAA,OAAO,EAAxE,SAAA;AAAmF,MAAA,IAAI,EAAEA,KAAK,CAACA,KAAK,CAALA,MAAAA,GAANA,CAAK,CAALA,CAAwB2B;AAAjH,KAAA,EACG3B,KAAK,CAACA,KAAK,CAALA,MAAAA,GAANA,CAAK,CAALA,CAjCT,KAgCM,CAFF,CA9BJ,EAsCI,CAAC,CAAD,KAAA,IAAWA,KAAK,CAALA,MAAAA,GAAX,CAAA,IAAA,aACA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAA,aACE,KAAA,CAAA,aAAA,CAAA,cAAA,YAAA,EAAA;AAA0B,MAAA,SAAS,EAAnC,aAAA;AAAkD,MAAA,KAAK,EAAEU,eAAzD,WAAA;AAA6E,MAAA,IAAI,EAAEgB;AAAnF,KAAA,CADF,EAAA,aAEE,KAAA,CAAA,aAAA,CAAA,kBAAA,EAAA;AAAoB,MAAA,IAAI,EAAExB;AAA1B,KAAA,EACGF,KAAK,CAACA,KAAK,CAALA,MAAAA,GAANA,CAAK,CAALA,CA3CX,KA0CQ,CAFF,CAvCJ,CADF;AAfF,GAAA;;;AAnDEH,IAAAA,Q;AACAC,IAAAA,S;AACAC,IAAAA,O;AACAC,IAAAA,K;;oBAkHF,U","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nimport {COLORS} from '../styles';\nimport {ComponentTextStyle, Size, SystemIcons} from '..';\nimport {useHistory} from 'react-router';\nimport { HyperLink, IconButton } from '..';\nimport {BreadcrumbItem} from '@laerdal/life-react-components/src/Breadcrumb/BreadcrumbItem';\nimport {ComponentMStyling, ComponentSStyling, ComponentXXSStyling} from '../styles/typography';\nimport DropdownButton from '../Dropdown/DropdownButton';\nimport { DropdownItem } from '../Dropdown/DropdownContent';\n\ntype BreadcrumbProps = {\n  homeIcon?: boolean;\n  homeLabel?: string;\n  homeUrl?: string;\n  items?: BreadcrumbItem[];\n  size?: Size;\n};\n\nconst marginRight = (size: Size | undefined) => {\n  return size == Size.Small || size == Size.Medium ? 'margin-right: 8px;' : 'margin-right: 4px;'\n}\n\nconst BreadcrumbContainer = styled.div<{size: Size | undefined}>`\n  display:flex;\n  align-items: center;\n  min-height: 48px;\n    \n  a {\n    text-decoration: none;\n    ${(props) => FontStyles(props.size, ComponentTextStyle.Regular, COLORS.neutral_600)}\n    ${(props) => marginRight(props.size) }\n  }\n\n  .chevronicon {\n    ${(props) => marginRight(props.size) }\n  }\n\n  a:hover {\n    color: ${COLORS.primary_700};\n  }\n  a:active {\n    color: ${COLORS.primary_800};\n  }\n`;\n\nconst FontStyles = (size: Size | undefined, textStyle: ComponentTextStyle, color: string) => {\n  switch (size) {\n    case Size.XSmall:\n      return ComponentXXSStyling(textStyle, color);\n    case Size.Medium:\n      return ComponentMStyling(textStyle, color);\n    case Size.Small:\n    default:\n      return ComponentSStyling(textStyle, color);\n  }\n}\n\nconst LastBreadcrumbItem = styled.label<{size: Size}>`\n  ${(props) => FontStyles(props.size, ComponentTextStyle.Bold, COLORS.neutral_800)}\n  ${(props) => marginRight(props.size) }\n`;\n\nconst Breadcrumb: React.FunctionComponent<BreadcrumbProps> = ({ \n    items, \n    size = Size.Small, \n    homeIcon = true, \n    homeLabel = 'Home', \n    homeUrl = '/' }) => {\n\n  const history = useHistory();\n  const dropdownItems: DropdownItem[] = items ? items.slice(0, items.length - 2).map(x => ({ value: x.url, displayLabel: x.label })) : [];\n  const navigate = (links: string[]) => {    \n    history.push(links[0]);\n  };\n\n  const chevronSize = size == Size.Medium ? \"24px\" : size == Size.Small ? \"20px\" : \"16px\";\n\n  return (\n    <BreadcrumbContainer size={size}>\n\n      {homeIcon ? \n        <IconButton variant=\"secondary\" shape=\"circular\" action={() => history.push(homeUrl)}>\n          <SystemIcons.Home size={chevronSize} />\n        </IconButton> : \n        <HyperLink id={\"homelink\"} variant=\"default\" href={homeUrl}>\n          {homeLabel}\n        </HyperLink>}\n\n      { !!items && items.length > 2 &&\n          (items.length > 3 ?\n          <>\n            <SystemIcons.ChevronRight className=\"chevronicon\" color={COLORS.neutral_500} size={chevronSize} />\n            <DropdownButton \n              alignLeft={true}\n              items={dropdownItems} \n              size={size}\n              icon={<SystemIcons.MoreHorizontal color={COLORS.neutral_600} size=\"20px\" />}\n              onClick={navigate} />\n          </> :\n          <>\n            <SystemIcons.ChevronRight className=\"chevronicon\" color={COLORS.neutral_500} size={chevronSize} />\n            <HyperLink id={\"link-item-\" + (items.length - 3)} target=\"_self\" variant=\"default\" href={items[items.length - 3].url}>\n              {items[items.length - 3].label}\n            </HyperLink>  \n          </>)\n      }\n\n      { !!items && items.length > 1 && \n        <>\n          <SystemIcons.ChevronRight className=\"chevronicon\" color={COLORS.neutral_500} size={chevronSize} />\n          <HyperLink id={\"link-item-\" + (items.length - 2)} target=\"_self\" variant=\"default\" href={items[items.length - 2].url}>\n            {items[items.length - 2].label}\n          </HyperLink>\n        </>\n      }\n\n      { !!items && items.length > 0 && \n        <>\n          <SystemIcons.ChevronRight className=\"chevronicon\" color={COLORS.neutral_500} size={chevronSize} />\n          <LastBreadcrumbItem size={size}>\n            {items[items.length - 1].label}\n          </LastBreadcrumbItem>\n        </>\n      }\n\n    </BreadcrumbContainer>);\n};\n\nexport default Breadcrumb;\n"],"file":"Breadcrumb.js"}

package/dist/umd/Breadcrumb/BreadcrumbItem.js

@@ -1,20 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports);
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-});
-//# sourceMappingURL=BreadcrumbItem.js.map

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

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

package/dist/umd/Breadcrumb/index.js

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

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

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