@laerdal/life-react-components 5.0.9 → 6.0.0-dev.1

package/dist/Banners/OverviewBanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverviewBanner.js","names":["React","styled","BREAKPOINTS","COLORS","PageWidth","jsx","_jsx","OverviewBannerWrapperStyles","div","_templateObject","_taggedTemplateLiteral","props","getColor","theme","OverviewBannerContentStyles","_templateObject2","MEDIUM","OverviewBanner","_ref","children","testId","rest","_objectWithoutProperties","_excluded","_objectSpread","propTypes","_pt","any","isRequired","string"],"sources":["../../src/Banners/OverviewBanner.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {BREAKPOINTS, COLORS} from '../styles';\r\nimport {PageWidth} from '../Layouts';\r\n\r\nexport const OverviewBannerWrapperStyles = styled.div`\r\n  background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n`;\r\n\r\nexport const OverviewBannerContentStyles = styled(PageWidth)`\r\n  background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-direction: column;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    flex-direction: row;\r\n    padding: 48px 12px;\r\n  }\r\n\r\n  & > *:first-child {\r\n    padding-top: 12px;\r\n    width: 320px;\r\n    height: 180px;\r\n\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      padding-top: 0;\r\n      margin-right: 20px;\r\n      width: 384px;\r\n      height: 216px;\r\n    }\r\n  }\r\n\r\n  & h2, h3, h4, h5, h6 {\r\n    margin: 16px 0 24px 0;\r\n  }\r\n\r\n  & p {\r\n    margin: 0;\r\n    padding: 0 0 28px 0;\r\n    max-width: 310px;\r\n  }\r\n\r\n  & div {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-direction: column;\r\n    margin-bottom: 18px;\r\n\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      margin-left: 20px;\r\n      align-items: start;\r\n      justify-content: start;\r\n      width: 384px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport type OverviewBannerProps = { children: any; testId?: string } & React.HTMLAttributes<HTMLDivElement>;\r\n\r\nconst OverviewBanner = ({ children, testId, ...rest }: OverviewBannerProps) => {\r\n  return (\r\n    <OverviewBannerWrapperStyles {...rest}>\r\n      <OverviewBannerContentStyles data-testid={testId}>{children}</OverviewBannerContentStyles>\r\n    </OverviewBannerWrapperStyles>\r\n  );\r\n};\r\n\r\nexport default OverviewBanner;\r\n"],"mappings":";;;;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,WAAW,EAAEC,MAAM,QAAO,WAAW;AAC7C,SAAQC,SAAS,QAAO,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAErC,OAAO,IAAMC,2BAA2B,GAAGN,MAAM,CAACO,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,sCAC/B,UAAAC,KAAK;EAAA,OAAIR,MAAM,CAACS,QAAQ,CAAC,YAAY,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,EACxE;AAED,OAAO,IAAMC,2BAA2B,GAAGb,MAAM,CAACG,SAAS,CAAC,CAAAW,gBAAA,KAAAA,gBAAA,GAAAL,sBAAA,2zBACtC,UAAAC,KAAK;EAAA,OAAIR,MAAM,CAACS,QAAQ,CAAC,YAAY,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAMrEX,WAAW,CAACc,MAAM,EAUhBd,WAAW,CAACc,MAAM,EAyBlBd,WAAW,CAACc,MAAM,CAOvB;AAID,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAA2D;EAAA,IAArDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAKC,IAAI,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACjD,oBACEjB,IAAA,CAACC,2BAA2B,EAAAiB,aAAA,CAAAA,aAAA,KAAKH,IAAI;IAAAF,QAAA,eACnCb,IAAA,CAACQ,2BAA2B;MAAC,eAAaM,MAAO;MAAAD,QAAA,EAAEA;IAAQ,CAA8B;EAAC,EAC/D,CAAC;AAElC,CAAC;AAACF,cAAA,CAAAQ,SAAA;EARkCN,QAAQ,EAAAO,GAAA,CAAAC,GAAA,CAAAC,UAAA;EAAOR,MAAM,EAAAM,GAAA,CAAAG;AAAA;AAUzD,eAAeZ,cAAc","ignoreList":[]}
+{"version":3,"file":"OverviewBanner.js","names":["React","styled","BREAKPOINTS","COLORS","PageWidth","jsx","_jsx","OverviewBannerWrapperStyles","div","props","getColor","theme","OverviewBannerContentStyles","MEDIUM","OverviewBanner","_ref","children","testId","rest","_objectWithoutProperties","_excluded","_objectSpread","propTypes","_pt","any","isRequired","string"],"sources":["../../src/Banners/OverviewBanner.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {BREAKPOINTS, COLORS} from '../styles';\r\nimport {PageWidth} from '../Layouts';\r\n\r\nexport const OverviewBannerWrapperStyles = styled.div`\r\n  background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n`;\r\n\r\nexport const OverviewBannerContentStyles = styled(PageWidth)`\r\n  background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-direction: column;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    flex-direction: row;\r\n    padding: 48px 12px;\r\n  }\r\n\r\n  & > *:first-child {\r\n    padding-top: 12px;\r\n    width: 320px;\r\n    height: 180px;\r\n\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      padding-top: 0;\r\n      margin-right: 20px;\r\n      width: 384px;\r\n      height: 216px;\r\n    }\r\n  }\r\n\r\n  & h2, h3, h4, h5, h6 {\r\n    margin: 16px 0 24px 0;\r\n  }\r\n\r\n  & p {\r\n    margin: 0;\r\n    padding: 0 0 28px 0;\r\n    max-width: 310px;\r\n  }\r\n\r\n  & div {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-direction: column;\r\n    margin-bottom: 18px;\r\n\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      margin-left: 20px;\r\n      align-items: start;\r\n      justify-content: start;\r\n      width: 384px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport type OverviewBannerProps = { children: any; testId?: string } & React.HTMLAttributes<HTMLDivElement>;\r\n\r\nconst OverviewBanner = ({ children, testId, ...rest }: OverviewBannerProps) => {\r\n  return (\r\n    <OverviewBannerWrapperStyles {...rest}>\r\n      <OverviewBannerContentStyles data-testid={testId}>{children}</OverviewBannerContentStyles>\r\n    </OverviewBannerWrapperStyles>\r\n  );\r\n};\r\n\r\nexport default OverviewBanner;\r\n"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,WAAW,EAAEC,MAAM,QAAO,WAAW;AAC7C,SAAQC,SAAS,QAAO,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAErC,OAAO,MAAMC,2BAA2B,GAAGN,MAAM,CAACO,GAAG;AACrD,sBAAsBC,KAAK,IAAIN,MAAM,CAACO,QAAQ,CAAC,YAAY,EAAED,KAAK,CAACE,KAAK,CAAC;AACzE,CAAC;AAED,OAAO,MAAMC,2BAA2B,GAAGX,MAAM,CAACG,SAAS,CAAC;AAC5D,sBAAsBK,KAAK,IAAIN,MAAM,CAACO,QAAQ,CAAC,YAAY,EAAED,KAAK,CAACE,KAAK,CAAC;AACzE;AACA;AACA;AACA;AACA;AACA,IAAIT,WAAW,CAACW,MAAM;AACtB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMX,WAAW,CAACW,MAAM;AACxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMX,WAAW,CAACW,MAAM;AACxB;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAID,MAAMC,cAAc,GAAGC,IAAA,IAAwD;EAAA,IAAvD;MAAEC,QAAQ;MAAEC;IAAqC,CAAC,GAAAF,IAAA;IAA3BG,IAAI,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACjD,oBACEd,IAAA,CAACC,2BAA2B,EAAAc,aAAA,CAAAA,aAAA,KAAKH,IAAI;IAAAF,QAAA,eACnCV,IAAA,CAACM,2BAA2B;MAAC,eAAaK,MAAO;MAAAD,QAAA,EAAEA;IAAQ,CAA8B;EAAC,EAC/D,CAAC;AAElC,CAAC;AAACF,cAAA,CAAAQ,SAAA;EARkCN,QAAQ,EAAAO,GAAA,CAAAC,GAAA,CAAAC,UAAA;EAAOR,MAAM,EAAAM,GAAA,CAAAG;AAAA;AAUzD,eAAeZ,cAAc","ignoreList":[]}

package/dist/Banners/index.cjs

@@ -1,6 +1,5 @@
 "use strict";
 
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -10,14 +9,14 @@ var _exportNames = {
 };
 Object.defineProperty(exports, "Banner", {
   enumerable: true,
-  get: function get() {
-    return _Banner["default"];
+  get: function () {
+    return _Banner.default;
   }
 });
 Object.defineProperty(exports, "OverviewBanner", {
   enumerable: true,
-  get: function get() {
-    return _OverviewBanner["default"];
+  get: function () {
+    return _OverviewBanner.default;
   }
 });
 var _Banner = _interopRequireWildcard(require("./Banner"));
@@ -27,7 +26,7 @@ Object.keys(_Banner).forEach(function (key) {
   if (key in exports && exports[key] === _Banner[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _Banner[key];
     }
   });
@@ -39,11 +38,11 @@ Object.keys(_OverviewBanner).forEach(function (key) {
   if (key in exports && exports[key] === _OverviewBanner[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _OverviewBanner[key];
     }
   });
 });
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 //# sourceMappingURL=index.cjs.map

package/dist/Banners/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["_Banner","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_OverviewBanner","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","n","__proto__","a","getOwnPropertyDescriptor","u","i","set"],"sources":["../../src/Banners/index.ts"],"sourcesContent":["export { default as Banner } from './Banner';\r\nexport { default as OverviewBanner } from './OverviewBanner';\r\nexport * from './Banner';\r\nexport * from './OverviewBanner';"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEAC,MAAA,CAAAC,IAAA,CAAAJ,OAAA,EAAAK,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAN,OAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAd,OAAA,CAAAM,GAAA;IAAA;EAAA;AAAA;AADA,IAAAS,eAAA,GAAAd,uBAAA,CAAAC,OAAA;AAEAC,MAAA,CAAAC,IAAA,CAAAW,eAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,eAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,eAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AAAiC,SAAAU,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAhB,wBAAAgB,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAN,GAAA,CAAAG,CAAA,OAAAO,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAvB,MAAA,CAAAS,cAAA,IAAAT,MAAA,CAAAwB,wBAAA,WAAAC,CAAA,IAAAX,CAAA,oBAAAW,CAAA,OAAApB,cAAA,CAAAC,IAAA,CAAAQ,CAAA,EAAAW,CAAA,SAAAC,CAAA,GAAAH,CAAA,GAAAvB,MAAA,CAAAwB,wBAAA,CAAAV,CAAA,EAAAW,CAAA,UAAAC,CAAA,KAAAA,CAAA,CAAAf,GAAA,IAAAe,CAAA,CAAAC,GAAA,IAAA3B,MAAA,CAAAS,cAAA,CAAAY,CAAA,EAAAI,CAAA,EAAAC,CAAA,IAAAL,CAAA,CAAAI,CAAA,IAAAX,CAAA,CAAAW,CAAA,YAAAJ,CAAA,cAAAP,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAU,GAAA,CAAAb,CAAA,EAAAO,CAAA,GAAAA,CAAA","ignoreList":[]}
+{"version":3,"file":"index.cjs","names":["_Banner","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_OverviewBanner","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","n","__proto__","a","getOwnPropertyDescriptor","u","i","set"],"sources":["../../src/Banners/index.ts"],"sourcesContent":["export { default as Banner } from './Banner';\r\nexport { default as OverviewBanner } from './OverviewBanner';\r\nexport * from './Banner';\r\nexport * from './OverviewBanner';"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEAC,MAAA,CAAAC,IAAA,CAAAJ,OAAA,EAAAK,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAN,OAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAd,OAAA,CAAAM,GAAA;IAAA;EAAA;AAAA;AADA,IAAAS,eAAA,GAAAd,uBAAA,CAAAC,OAAA;AAEAC,MAAA,CAAAC,IAAA,CAAAW,eAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,eAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,eAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AAAiC,SAAAU,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAhB,wBAAAgB,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAN,GAAA,CAAAG,CAAA,OAAAO,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAvB,MAAA,CAAAS,cAAA,IAAAT,MAAA,CAAAwB,wBAAA,WAAAC,CAAA,IAAAX,CAAA,oBAAAW,CAAA,OAAApB,cAAA,CAAAC,IAAA,CAAAQ,CAAA,EAAAW,CAAA,SAAAC,CAAA,GAAAH,CAAA,GAAAvB,MAAA,CAAAwB,wBAAA,CAAAV,CAAA,EAAAW,CAAA,UAAAC,CAAA,KAAAA,CAAA,CAAAf,GAAA,IAAAe,CAAA,CAAAC,GAAA,IAAA3B,MAAA,CAAAS,cAAA,CAAAY,CAAA,EAAAI,CAAA,EAAAC,CAAA,IAAAL,CAAA,CAAAI,CAAA,IAAAX,CAAA,CAAAW,CAAA,YAAAJ,CAAA,CAAAF,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAU,GAAA,CAAAb,CAAA,EAAAO,CAAA,GAAAA,CAAA","ignoreList":[]}

package/dist/Banners/index.d.ts

@@ -1,4 +1,4 @@
-export { default as Banner } from './Banner';
-export { default as OverviewBanner } from './OverviewBanner';
-export * from './Banner';
-export * from './OverviewBanner';
+export { default as Banner } from './Banner';
+export { default as OverviewBanner } from './OverviewBanner';
+export * from './Banner';
+export * from './OverviewBanner';

package/dist/Banners/styles.cjs

@@ -1,17 +1,14 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getButtonStyle = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _styledComponents = require("styled-components");
 var _Iconbutton = require("../Button/Iconbutton");
 var _styles = require("../styles");
-var _templateObject;
-var getButtonStyle = function getButtonStyle(type, theme) {
-  var style = {
+const getButtonStyle = (type, theme) => {
+  let style = {
     svgFill: _styles.COLORS.getColor('primary_500', theme),
     hoverBgColor: _styles.COLORS.getColor('primary_200', theme),
     hoverSvgFill: _styles.COLORS.getColor('primary_700', theme),
@@ -55,7 +52,34 @@ var getButtonStyle = function getButtonStyle(type, theme) {
       };
       break;
   }
-  return (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    ", " {\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  }"])), _Iconbutton.IconButtonStyledSecondary, style.svgFill, style.hoverBgColor, style.hoverSvgFill, style.activeBgColor, style.activeSvgFill);
+  return (0, _styledComponents.css)`
+    ${_Iconbutton.IconButtonStyledSecondary} {
+    div {
+      background-color: transparent;
+    }
+    div svg path,
+    div svg {
+      fill: ${style.svgFill};
+    }
+    &:hover:not(:disabled) {
+      div {
+        background-color: ${style.hoverBgColor};
+      }
+      div svg path,
+      div svg {
+        fill: ${style.hoverSvgFill};
+      }
+    }
+    &:active:not(:disabled) {
+      div {
+        background: ${style.activeBgColor};
+      }
+      div svg path,
+      div svg {
+        fill: ${style.activeSvgFill};
+      }
+    }
+  }`;
 };
 exports.getButtonStyle = getButtonStyle;
 //# sourceMappingURL=styles.cjs.map

package/dist/Banners/styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styles.cjs","names":["_styledComponents","require","_Iconbutton","_styles","_templateObject","getButtonStyle","type","theme","style","svgFill","COLORS","getColor","hoverBgColor","hoverSvgFill","activeBgColor","activeSvgFill","focusBgColor","focusSvgFill","css","_taggedTemplateLiteral2","IconButtonStyledSecondary","exports"],"sources":["../../src/Banners/styles.tsx"],"sourcesContent":["import { css } from 'styled-components';\r\nimport { IconButtonStyledSecondary } from '../Button/Iconbutton';\r\nimport { COLORS } from '../styles';\r\n\r\nexport const getButtonStyle = (type: string, theme: any) => {\r\n  let style = {\r\n    svgFill: COLORS.getColor('primary_500', theme),\r\n    hoverBgColor: COLORS.getColor('primary_200', theme),\r\n    hoverSvgFill: COLORS.getColor('primary_700', theme),\r\n    activeBgColor: COLORS.getColor('primary_300', theme),\r\n    activeSvgFill: COLORS.getColor('primary_800', theme),\r\n    focusBgColor: COLORS.getColor('primary_200', theme),\r\n    focusSvgFill: COLORS.getColor('primary_700', theme)\r\n  };\r\n\r\n  switch(type)\r\n  {\r\n    case 'warning':\r\n      style = {\r\n        svgFill: COLORS.getColor('warning_500', theme),\r\n        hoverBgColor: COLORS.getColor('warning_200', theme),\r\n        hoverSvgFill: COLORS.getColor('warning_700', theme),\r\n        activeBgColor: COLORS.getColor('warning_300', theme),\r\n        activeSvgFill: COLORS.getColor('warning_800', theme),\r\n        focusBgColor: COLORS.getColor('warning_200', theme),\r\n        focusSvgFill: COLORS.getColor('warning_700', theme)\r\n      };\r\n      break;\r\n    \r\n    case 'critical':\r\n      style = {\r\n        svgFill: COLORS.getColor('critical_600', theme),\r\n        hoverBgColor: COLORS.getColor('critical_200', theme),\r\n        hoverSvgFill: COLORS.getColor('critical_700', theme),\r\n        activeBgColor: COLORS.getColor('critical_300', theme),\r\n        activeSvgFill: COLORS.getColor('critical_800', theme),\r\n        focusBgColor: COLORS.getColor('critical_200', theme),\r\n        focusSvgFill: COLORS.getColor('critical_700', theme)\r\n      };\r\n      break;\r\n\r\n    case 'positive':\r\n      style = {\r\n        svgFill: COLORS.getColor('correct_500', theme),\r\n        hoverBgColor: COLORS.getColor('correct_200', theme),\r\n        hoverSvgFill: COLORS.getColor('correct_700', theme),\r\n        activeBgColor: COLORS.getColor('correct_300', theme),\r\n        activeSvgFill: COLORS.getColor('correct_800', theme),\r\n        focusBgColor: COLORS.getColor('correct_200', theme),\r\n        focusSvgFill: COLORS.getColor('correct_700', theme)\r\n      };\r\n      break;\r\n  }\r\n\r\n  return css`\r\n    ${IconButtonStyledSecondary} {\r\n    div {\r\n      background-color: transparent;\r\n    }\r\n    div svg path,\r\n    div svg {\r\n      fill: ${style.svgFill};\r\n    }\r\n    &:hover:not(:disabled) {\r\n      div {\r\n        background-color: ${style.hoverBgColor};\r\n      }\r\n      div svg path,\r\n      div svg {\r\n        fill: ${style.hoverSvgFill};\r\n      }\r\n    }\r\n    &:active:not(:disabled) {\r\n      div {\r\n        background: ${style.activeBgColor};\r\n      }\r\n      div svg path,\r\n      div svg {\r\n        fill: ${style.activeSvgFill};\r\n      }\r\n    }\r\n  }`;\r\n};\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"styles.cjs","names":["_styledComponents","require","_Iconbutton","_styles","getButtonStyle","type","theme","style","svgFill","COLORS","getColor","hoverBgColor","hoverSvgFill","activeBgColor","activeSvgFill","focusBgColor","focusSvgFill","css","IconButtonStyledSecondary","exports"],"sources":["../../src/Banners/styles.tsx"],"sourcesContent":["import { css } from 'styled-components';\r\nimport { IconButtonStyledSecondary } from '../Button/Iconbutton';\r\nimport { COLORS } from '../styles';\r\n\r\nexport const getButtonStyle = (type: string, theme: any) => {\r\n  let style = {\r\n    svgFill: COLORS.getColor('primary_500', theme),\r\n    hoverBgColor: COLORS.getColor('primary_200', theme),\r\n    hoverSvgFill: COLORS.getColor('primary_700', theme),\r\n    activeBgColor: COLORS.getColor('primary_300', theme),\r\n    activeSvgFill: COLORS.getColor('primary_800', theme),\r\n    focusBgColor: COLORS.getColor('primary_200', theme),\r\n    focusSvgFill: COLORS.getColor('primary_700', theme)\r\n  };\r\n\r\n  switch(type)\r\n  {\r\n    case 'warning':\r\n      style = {\r\n        svgFill: COLORS.getColor('warning_500', theme),\r\n        hoverBgColor: COLORS.getColor('warning_200', theme),\r\n        hoverSvgFill: COLORS.getColor('warning_700', theme),\r\n        activeBgColor: COLORS.getColor('warning_300', theme),\r\n        activeSvgFill: COLORS.getColor('warning_800', theme),\r\n        focusBgColor: COLORS.getColor('warning_200', theme),\r\n        focusSvgFill: COLORS.getColor('warning_700', theme)\r\n      };\r\n      break;\r\n    \r\n    case 'critical':\r\n      style = {\r\n        svgFill: COLORS.getColor('critical_600', theme),\r\n        hoverBgColor: COLORS.getColor('critical_200', theme),\r\n        hoverSvgFill: COLORS.getColor('critical_700', theme),\r\n        activeBgColor: COLORS.getColor('critical_300', theme),\r\n        activeSvgFill: COLORS.getColor('critical_800', theme),\r\n        focusBgColor: COLORS.getColor('critical_200', theme),\r\n        focusSvgFill: COLORS.getColor('critical_700', theme)\r\n      };\r\n      break;\r\n\r\n    case 'positive':\r\n      style = {\r\n        svgFill: COLORS.getColor('correct_500', theme),\r\n        hoverBgColor: COLORS.getColor('correct_200', theme),\r\n        hoverSvgFill: COLORS.getColor('correct_700', theme),\r\n        activeBgColor: COLORS.getColor('correct_300', theme),\r\n        activeSvgFill: COLORS.getColor('correct_800', theme),\r\n        focusBgColor: COLORS.getColor('correct_200', theme),\r\n        focusSvgFill: COLORS.getColor('correct_700', theme)\r\n      };\r\n      break;\r\n  }\r\n\r\n  return css`\r\n    ${IconButtonStyledSecondary} {\r\n    div {\r\n      background-color: transparent;\r\n    }\r\n    div svg path,\r\n    div svg {\r\n      fill: ${style.svgFill};\r\n    }\r\n    &:hover:not(:disabled) {\r\n      div {\r\n        background-color: ${style.hoverBgColor};\r\n      }\r\n      div svg path,\r\n      div svg {\r\n        fill: ${style.hoverSvgFill};\r\n      }\r\n    }\r\n    &:active:not(:disabled) {\r\n      div {\r\n        background: ${style.activeBgColor};\r\n      }\r\n      div svg path,\r\n      div svg {\r\n        fill: ${style.activeSvgFill};\r\n      }\r\n    }\r\n  }`;\r\n};\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Banners/styles.d.ts

@@ -1 +1 @@
-export declare const getButtonStyle: (type: string, theme: any) => import("styled-components").RuleSet<object>;
+export declare const getButtonStyle: (type: string, theme: any) => import("styled-components").RuleSet<object>;

package/dist/Banners/styles.js

@@ -1,10 +1,8 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _templateObject;
 import { css } from 'styled-components';
 import { IconButtonStyledSecondary } from '../Button/Iconbutton';
 import { COLORS } from '../styles';
-export var getButtonStyle = function getButtonStyle(type, theme) {
-  var style = {
+export const getButtonStyle = (type, theme) => {
+  let style = {
     svgFill: COLORS.getColor('primary_500', theme),
     hoverBgColor: COLORS.getColor('primary_200', theme),
     hoverSvgFill: COLORS.getColor('primary_700', theme),
@@ -48,6 +46,33 @@ export var getButtonStyle = function getButtonStyle(type, theme) {
       };
       break;
   }
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    ", " {\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  }"])), IconButtonStyledSecondary, style.svgFill, style.hoverBgColor, style.hoverSvgFill, style.activeBgColor, style.activeSvgFill);
+  return css`
+    ${IconButtonStyledSecondary} {
+    div {
+      background-color: transparent;
+    }
+    div svg path,
+    div svg {
+      fill: ${style.svgFill};
+    }
+    &:hover:not(:disabled) {
+      div {
+        background-color: ${style.hoverBgColor};
+      }
+      div svg path,
+      div svg {
+        fill: ${style.hoverSvgFill};
+      }
+    }
+    &:active:not(:disabled) {
+      div {
+        background: ${style.activeBgColor};
+      }
+      div svg path,
+      div svg {
+        fill: ${style.activeSvgFill};
+      }
+    }
+  }`;
 };
 //# sourceMappingURL=styles.js.map

package/dist/Banners/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["css","IconButtonStyledSecondary","COLORS","getButtonStyle","type","theme","style","svgFill","getColor","hoverBgColor","hoverSvgFill","activeBgColor","activeSvgFill","focusBgColor","focusSvgFill","_templateObject","_taggedTemplateLiteral"],"sources":["../../src/Banners/styles.tsx"],"sourcesContent":["import { css } from 'styled-components';\r\nimport { IconButtonStyledSecondary } from '../Button/Iconbutton';\r\nimport { COLORS } from '../styles';\r\n\r\nexport const getButtonStyle = (type: string, theme: any) => {\r\n  let style = {\r\n    svgFill: COLORS.getColor('primary_500', theme),\r\n    hoverBgColor: COLORS.getColor('primary_200', theme),\r\n    hoverSvgFill: COLORS.getColor('primary_700', theme),\r\n    activeBgColor: COLORS.getColor('primary_300', theme),\r\n    activeSvgFill: COLORS.getColor('primary_800', theme),\r\n    focusBgColor: COLORS.getColor('primary_200', theme),\r\n    focusSvgFill: COLORS.getColor('primary_700', theme)\r\n  };\r\n\r\n  switch(type)\r\n  {\r\n    case 'warning':\r\n      style = {\r\n        svgFill: COLORS.getColor('warning_500', theme),\r\n        hoverBgColor: COLORS.getColor('warning_200', theme),\r\n        hoverSvgFill: COLORS.getColor('warning_700', theme),\r\n        activeBgColor: COLORS.getColor('warning_300', theme),\r\n        activeSvgFill: COLORS.getColor('warning_800', theme),\r\n        focusBgColor: COLORS.getColor('warning_200', theme),\r\n        focusSvgFill: COLORS.getColor('warning_700', theme)\r\n      };\r\n      break;\r\n    \r\n    case 'critical':\r\n      style = {\r\n        svgFill: COLORS.getColor('critical_600', theme),\r\n        hoverBgColor: COLORS.getColor('critical_200', theme),\r\n        hoverSvgFill: COLORS.getColor('critical_700', theme),\r\n        activeBgColor: COLORS.getColor('critical_300', theme),\r\n        activeSvgFill: COLORS.getColor('critical_800', theme),\r\n        focusBgColor: COLORS.getColor('critical_200', theme),\r\n        focusSvgFill: COLORS.getColor('critical_700', theme)\r\n      };\r\n      break;\r\n\r\n    case 'positive':\r\n      style = {\r\n        svgFill: COLORS.getColor('correct_500', theme),\r\n        hoverBgColor: COLORS.getColor('correct_200', theme),\r\n        hoverSvgFill: COLORS.getColor('correct_700', theme),\r\n        activeBgColor: COLORS.getColor('correct_300', theme),\r\n        activeSvgFill: COLORS.getColor('correct_800', theme),\r\n        focusBgColor: COLORS.getColor('correct_200', theme),\r\n        focusSvgFill: COLORS.getColor('correct_700', theme)\r\n      };\r\n      break;\r\n  }\r\n\r\n  return css`\r\n    ${IconButtonStyledSecondary} {\r\n    div {\r\n      background-color: transparent;\r\n    }\r\n    div svg path,\r\n    div svg {\r\n      fill: ${style.svgFill};\r\n    }\r\n    &:hover:not(:disabled) {\r\n      div {\r\n        background-color: ${style.hoverBgColor};\r\n      }\r\n      div svg path,\r\n      div svg {\r\n        fill: ${style.hoverSvgFill};\r\n      }\r\n    }\r\n    &:active:not(:disabled) {\r\n      div {\r\n        background: ${style.activeBgColor};\r\n      }\r\n      div svg path,\r\n      div svg {\r\n        fill: ${style.activeSvgFill};\r\n      }\r\n    }\r\n  }`;\r\n};\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"styles.js","names":["css","IconButtonStyledSecondary","COLORS","getButtonStyle","type","theme","style","svgFill","getColor","hoverBgColor","hoverSvgFill","activeBgColor","activeSvgFill","focusBgColor","focusSvgFill"],"sources":["../../src/Banners/styles.tsx"],"sourcesContent":["import { css } from 'styled-components';\r\nimport { IconButtonStyledSecondary } from '../Button/Iconbutton';\r\nimport { COLORS } from '../styles';\r\n\r\nexport const getButtonStyle = (type: string, theme: any) => {\r\n  let style = {\r\n    svgFill: COLORS.getColor('primary_500', theme),\r\n    hoverBgColor: COLORS.getColor('primary_200', theme),\r\n    hoverSvgFill: COLORS.getColor('primary_700', theme),\r\n    activeBgColor: COLORS.getColor('primary_300', theme),\r\n    activeSvgFill: COLORS.getColor('primary_800', theme),\r\n    focusBgColor: COLORS.getColor('primary_200', theme),\r\n    focusSvgFill: COLORS.getColor('primary_700', theme)\r\n  };\r\n\r\n  switch(type)\r\n  {\r\n    case 'warning':\r\n      style = {\r\n        svgFill: COLORS.getColor('warning_500', theme),\r\n        hoverBgColor: COLORS.getColor('warning_200', theme),\r\n        hoverSvgFill: COLORS.getColor('warning_700', theme),\r\n        activeBgColor: COLORS.getColor('warning_300', theme),\r\n        activeSvgFill: COLORS.getColor('warning_800', theme),\r\n        focusBgColor: COLORS.getColor('warning_200', theme),\r\n        focusSvgFill: COLORS.getColor('warning_700', theme)\r\n      };\r\n      break;\r\n    \r\n    case 'critical':\r\n      style = {\r\n        svgFill: COLORS.getColor('critical_600', theme),\r\n        hoverBgColor: COLORS.getColor('critical_200', theme),\r\n        hoverSvgFill: COLORS.getColor('critical_700', theme),\r\n        activeBgColor: COLORS.getColor('critical_300', theme),\r\n        activeSvgFill: COLORS.getColor('critical_800', theme),\r\n        focusBgColor: COLORS.getColor('critical_200', theme),\r\n        focusSvgFill: COLORS.getColor('critical_700', theme)\r\n      };\r\n      break;\r\n\r\n    case 'positive':\r\n      style = {\r\n        svgFill: COLORS.getColor('correct_500', theme),\r\n        hoverBgColor: COLORS.getColor('correct_200', theme),\r\n        hoverSvgFill: COLORS.getColor('correct_700', theme),\r\n        activeBgColor: COLORS.getColor('correct_300', theme),\r\n        activeSvgFill: COLORS.getColor('correct_800', theme),\r\n        focusBgColor: COLORS.getColor('correct_200', theme),\r\n        focusSvgFill: COLORS.getColor('correct_700', theme)\r\n      };\r\n      break;\r\n  }\r\n\r\n  return css`\r\n    ${IconButtonStyledSecondary} {\r\n    div {\r\n      background-color: transparent;\r\n    }\r\n    div svg path,\r\n    div svg {\r\n      fill: ${style.svgFill};\r\n    }\r\n    &:hover:not(:disabled) {\r\n      div {\r\n        background-color: ${style.hoverBgColor};\r\n      }\r\n      div svg path,\r\n      div svg {\r\n        fill: ${style.hoverSvgFill};\r\n      }\r\n    }\r\n    &:active:not(:disabled) {\r\n      div {\r\n        background: ${style.activeBgColor};\r\n      }\r\n      div svg path,\r\n      div svg {\r\n        fill: ${style.activeSvgFill};\r\n      }\r\n    }\r\n  }`;\r\n};\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Breadcrumb/Breadcrumb.cjs

@@ -1,74 +1,64 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var React = _interopRequireWildcard(require("react"));
 var _styles = require("../styles");
 var _ = require("..");
-var _reactRouter = require("react-router");
 var _DropdownButton = _interopRequireDefault(require("../Dropdown/DropdownButton"));
 var _styles2 = require("./styles");
 var _styledComponents = require("styled-components");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["items", "size", "homeIcon", "homeLabel", "lastItemAsLabel", "homeUrl"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+const _excluded = ["items", "size", "homeIcon", "homeLabel", "lastItemAsLabel", "homeCallback"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /** Breadcrumbs is a list of links that help visualize a page's location within a site's hierarchical structure, it allows navigation up to any of the ancestors. */
-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$lastItemAsLabel = _ref.lastItemAsLabel,
-    lastItemAsLabel = _ref$lastItemAsLabel === void 0 ? false : _ref$lastItemAsLabel,
-    _ref$homeUrl = _ref.homeUrl,
-    homeUrl = _ref$homeUrl === void 0 ? '/' : _ref$homeUrl,
-    rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var theme = (0, _styledComponents.useTheme)();
-  var navigateHook = (0, _reactRouter.useNavigate)();
-  var dropdownItems = items ? items.slice(0, items.length - 2).map(function (x) {
-    return {
-      value: x.url,
-      displayLabel: x.label
-    };
-  }) : [];
-  var navigate = function navigate(links) {
-    navigateHook(links[0]);
+const Breadcrumb = _ref => {
+  let {
+      items,
+      size = _.Size.Small,
+      homeIcon = true,
+      homeLabel = 'Home',
+      lastItemAsLabel = false,
+      homeCallback = () => {}
+    } = _ref,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  const theme = (0, _styledComponents.useTheme)();
+  const dropdownItems = items ? items.slice(0, items.length - 2).map(x => ({
+    value: x.id ?? '',
+    displayLabel: x.label
+  })) : [];
+  const navigate = links => {
+    items?.find(x => x.id == links[0])?.callback(links[0]);
   };
-  var chevronSize = size == _.Size.Medium ? '24px' : size == _.Size.Small ? '20px' : '16px';
-  var renderChevron = function renderChevron() {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      "aria-hidden": "true",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.SystemIcons.ForwardSlash, {
-        className: "chevronicon",
-        color: _styles.COLORS.getColor('neutral_500', theme),
-        size: chevronSize
-      })
-    });
-  };
-  var renderBreadcrumbLinkItem = function renderBreadcrumbLinkItem(index, item) {
+  const chevronSize = size == _.Size.Medium ? '24px' : size == _.Size.Small ? '20px' : '16px';
+  const renderChevron = () => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    "aria-hidden": "true",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.SystemIcons.ForwardSlash, {
+      className: "chevronicon",
+      color: _styles.COLORS.getColor('neutral_500', theme),
+      size: chevronSize
+    })
+  });
+  const renderBreadcrumbLinkItem = (index, item) => {
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [renderChevron(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HyperLink, {
+        href: "",
         id: 'link-item-' + index,
-        onClick: function onClick(e) {
+        onClick: e => {
           e.preventDefault();
-          navigateHook(item.url);
+          item.callback && item.callback(item.id);
         },
         target: "_self",
         variant: "default",
-        href: item.url,
         children: item.label
       })]
     });
@@ -81,23 +71,21 @@ var Breadcrumb = function Breadcrumb(_ref) {
       id: "homeIcon",
       variant: "secondary",
       shape: "circular",
-      action: function action() {
-        return navigateHook(homeUrl);
-      },
+      action: () => homeCallback(),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.SystemIcons.Home, {
         size: chevronSize
       })
     }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HyperLink, {
       id: 'homelink',
       variant: "default",
-      href: homeUrl,
-      onClick: function onClick(e) {
+      href: '',
+      onClick: e => {
         e.preventDefault();
-        navigateHook(homeUrl);
+        homeCallback && homeCallback();
       },
       children: homeLabel
     }), !!items && items.length > 2 && (items.length > 3 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [renderChevron(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownButton["default"], {
+      children: [renderChevron(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownButton.default, {
         type: 'icon',
         alignLeft: true,
         items: dropdownItems,
@@ -125,12 +113,11 @@ var Breadcrumb = function Breadcrumb(_ref) {
   }));
 };
 Breadcrumb.propTypes = {
-  homeIcon: _propTypes["default"].bool,
-  homeLabel: _propTypes["default"].string,
-  homeUrl: _propTypes["default"].string,
-  items: _propTypes["default"].array,
-  lastItemAsLabel: _propTypes["default"].bool
+  homeIcon: _propTypes.default.bool,
+  homeLabel: _propTypes.default.string,
+  homeCallback: _propTypes.default.func,
+  items: _propTypes.default.array,
+  lastItemAsLabel: _propTypes.default.bool
 };
-var _default = Breadcrumb;
-exports["default"] = _default;
+var _default = exports.default = Breadcrumb;
 //# sourceMappingURL=Breadcrumb.cjs.map

package/dist/Breadcrumb/Breadcrumb.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.cjs","names":["React","_interopRequireWildcard","require","_styles","_","_reactRouter","_DropdownButton","_interopRequireDefault","_styles2","_styledComponents","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","Breadcrumb","_ref","items","_ref$size","size","Size","Small","_ref$homeIcon","homeIcon","_ref$homeLabel","homeLabel","_ref$lastItemAsLabel","lastItemAsLabel","_ref$homeUrl","homeUrl","rest","_objectWithoutProperties2","theme","useTheme","navigateHook","useNavigate","dropdownItems","slice","map","x","value","url","displayLabel","label","navigate","links","chevronSize","Medium","renderChevron","jsx","children","SystemIcons","ForwardSlash","className","color","COLORS","getColor","renderBreadcrumbLinkItem","index","item","jsxs","Fragment","HyperLink","id","onClick","preventDefault","target","variant","href","BreadcrumbContainerStyles","$size","IconButton","shape","action","Home","type","alignLeft","XSmall","icon","MoreHorizontal","BreadcrumbItemLastStyles","propTypes","_propTypes","bool","string","array","_default","exports"],"sources":["../../src/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { COLORS } from '../styles';\r\nimport { Size, SystemIcons } from '..';\r\nimport { useNavigate } from 'react-router';\r\nimport { HyperLink, IconButton } from '..';\r\nimport { BreadcrumbItem } from './BreadcrumbItem';\r\nimport DropdownButton from '../Dropdown/DropdownButton';\r\nimport { DropdownItem } from '../Dropdown/DropdownContent';\r\nimport { BreadcrumbContainerStyles, BreadcrumbItemLastStyles } from './styles';\r\nimport { useTheme } from 'styled-components';\r\n\r\nexport type BreadcrumbProps = React.HTMLAttributes<HTMLDivElement> & {\r\n  /** If set to false, then instead of 'Home' icon, link will be shown. Defaults to 'true' */\r\n  homeIcon?: boolean;\r\n  /** Label of the home link. Will be shown only if homeIcon is set to false. Defaults to 'Home' */\r\n  homeLabel?: string;\r\n  /** URL of the home link. Defaults to '/' */\r\n  homeUrl?: string;\r\n  /** Array of items to show. */\r\n  items?: BreadcrumbItem[];\r\n  /** Size of Breadcrumb component and items. Can be Small, Medium or XSmall. Defaults to 'Small' */\r\n  size?: Size.Small | Size.Medium | Size.XSmall;\r\n  /** Displays last item as label, and not as a link by default. */\r\n  lastItemAsLabel?: boolean;\r\n};\r\n\r\n/** Breadcrumbs is a list of links that help visualize a page's location within a site's hierarchical structure, it allows navigation up to any of the ancestors. */\r\nconst Breadcrumb: React.FunctionComponent<BreadcrumbProps> = ({\r\n  items,\r\n  size = Size.Small,\r\n  homeIcon = true,\r\n  homeLabel = 'Home',\r\n  lastItemAsLabel = false,\r\n  homeUrl = '/',\r\n  ...rest\r\n}) => {\r\n  const theme = useTheme();\r\n  const navigateHook = useNavigate();\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    navigateHook(links[0]);\r\n  };\r\n\r\n  const chevronSize = size == Size.Medium ? '24px' : size == Size.Small ? '20px' : '16px';\r\n  const renderChevron = () => (\r\n    <div aria-hidden=\"true\">\r\n      <SystemIcons.ForwardSlash className=\"chevronicon\" color={COLORS.getColor('neutral_500', theme)} size={chevronSize} />\r\n    </div>\r\n  );\r\n  const renderBreadcrumbLinkItem = (index: number, item: BreadcrumbItem) => {\r\n    return (\r\n      <>\r\n        {renderChevron()}\r\n        <HyperLink\r\n          id={'link-item-' + index}\r\n          onClick={(e) => {\r\n            e.preventDefault();\r\n            navigateHook(item.url);\r\n          }}\r\n          target=\"_self\"\r\n          variant=\"default\"\r\n          href={item.url}>\r\n          {item.label}\r\n        </HyperLink>\r\n      </>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <BreadcrumbContainerStyles $size={size} data-testid={'breacrumbContainer'} {...rest}>\r\n      {homeIcon ? (\r\n        <IconButton id=\"homeIcon\" variant=\"secondary\" shape=\"circular\" action={() => navigateHook(homeUrl)}>\r\n          <SystemIcons.Home size={chevronSize} />\r\n        </IconButton>\r\n      ) : (\r\n        <HyperLink\r\n          id={'homelink'}\r\n          variant=\"default\"\r\n          href={homeUrl}\r\n          onClick={(e) => {\r\n            e.preventDefault();\r\n            navigateHook(homeUrl);\r\n          }}>\r\n          {homeLabel}\r\n        </HyperLink>\r\n      )}\r\n\r\n      {!!items &&\r\n        items.length > 2 &&\r\n        (items.length > 3 ? (\r\n          <>\r\n            {renderChevron()}\r\n            <DropdownButton\r\n              type={'icon'}\r\n              alignLeft={true}\r\n              items={dropdownItems}\r\n              size={size == Size.XSmall ? Size.Small : size}\r\n              icon={<SystemIcons.MoreHorizontal color={COLORS.getColor('neutral_600', theme)} size=\"20px\" />}\r\n              onClick={navigate}\r\n            />\r\n          </>\r\n        ) : (\r\n          <>{renderBreadcrumbLinkItem(items.length - 3, items[items.length - 3])}</>\r\n        ))}\r\n\r\n      {!!items && items.length > 1 && <>{renderBreadcrumbLinkItem(items.length - 2, items[items.length - 2])}</>}\r\n\r\n      {!!items && items.length > 0 && (\r\n        <>\r\n          {lastItemAsLabel ? (\r\n            <>\r\n              {renderChevron()}\r\n              <BreadcrumbItemLastStyles $size={size}>{items[items.length - 1].label}</BreadcrumbItemLastStyles>\r\n            </>\r\n          ) : (\r\n            <>\r\n              {renderBreadcrumbLinkItem(items.length - 1, items[items.length - 1])}\r\n              {renderChevron()}\r\n            </>\r\n          )}\r\n        </>\r\n      )}\r\n    </BreadcrumbContainerStyles>\r\n  );\r\n};\r\n\r\nexport default Breadcrumb;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Breadcrumb.cjs","names":["React","_interopRequireWildcard","require","_styles","_","_DropdownButton","_interopRequireDefault","_styles2","_styledComponents","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","Breadcrumb","_ref","items","size","Size","Small","homeIcon","homeLabel","lastItemAsLabel","homeCallback","rest","_objectWithoutProperties2","theme","useTheme","dropdownItems","slice","map","x","value","id","displayLabel","label","navigate","links","find","callback","chevronSize","Medium","renderChevron","jsx","children","SystemIcons","ForwardSlash","className","color","COLORS","getColor","renderBreadcrumbLinkItem","index","item","jsxs","Fragment","HyperLink","href","onClick","preventDefault","target","variant","BreadcrumbContainerStyles","$size","IconButton","shape","action","Home","type","alignLeft","XSmall","icon","MoreHorizontal","BreadcrumbItemLastStyles","propTypes","_propTypes","bool","string","func","array","_default","exports"],"sources":["../../src/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { COLORS } from '../styles';\r\nimport { Size, SystemIcons } from '..';\r\nimport { HyperLink, IconButton } from '..';\r\nimport { BreadcrumbItem } from './BreadcrumbItem';\r\nimport DropdownButton from '../Dropdown/DropdownButton';\r\nimport { DropdownItem } from '../Dropdown/DropdownContent';\r\nimport { BreadcrumbContainerStyles, BreadcrumbItemLastStyles } from './styles';\r\nimport { useTheme } from 'styled-components';\r\n\r\nexport type BreadcrumbProps = React.HTMLAttributes<HTMLDivElement> & {\r\n  /** If set to false, then instead of 'Home' icon, link will be shown. Defaults to 'true' */\r\n  homeIcon?: boolean;\r\n  /** Label of the home link. Will be shown only if homeIcon is set to false. Defaults to 'Home' */\r\n  homeLabel?: string;\r\n  /** Callback that will be called when 'Home' is clicked. */\r\n  homeCallback?: () => void;\r\n  /** Array of items to show. */\r\n  items?: BreadcrumbItem[];\r\n  /** Size of Breadcrumb component and items. Can be Small, Medium or XSmall. Defaults to 'Small' */\r\n  size?: Size.Small | Size.Medium | Size.XSmall;\r\n  /** Displays last item as label, and not as a link by default. */\r\n  lastItemAsLabel?: boolean;\r\n};\r\n\r\n/** Breadcrumbs is a list of links that help visualize a page's location within a site's hierarchical structure, it allows navigation up to any of the ancestors. */\r\nconst Breadcrumb: React.FunctionComponent<BreadcrumbProps> = ({\r\n  items,\r\n  size = Size.Small,\r\n  homeIcon = true,\r\n  homeLabel = 'Home',\r\n  lastItemAsLabel = false,\r\n  homeCallback = () => {},\r\n  ...rest\r\n}) => {\r\n  const theme = useTheme();\r\n  const dropdownItems: DropdownItem[] = items ? items.slice(0, items.length - 2).map((x) => ({ value: x.id ?? '', displayLabel: x.label })) : [];\r\n  const navigate = (links: string[]) => {\r\n    items?.find(x => x.id == links[0])?.callback(links[0]);\r\n  };\r\n\r\n  const chevronSize = size == Size.Medium ? '24px' : size == Size.Small ? '20px' : '16px';\r\n  const renderChevron = () => (\r\n    <div aria-hidden=\"true\">\r\n      <SystemIcons.ForwardSlash className=\"chevronicon\" color={COLORS.getColor('neutral_500', theme)} size={chevronSize} />\r\n    </div>\r\n  );\r\n  const renderBreadcrumbLinkItem = (index: number, item: BreadcrumbItem) => {\r\n    return (\r\n      <>\r\n        {renderChevron()}\r\n        <HyperLink\r\n          href=''\r\n          id={'link-item-' + index}\r\n          onClick={(e) => {\r\n            e.preventDefault();\r\n            item.callback && item.callback(item.id);\r\n          }}\r\n          target=\"_self\"\r\n          variant=\"default\">\r\n          {item.label}\r\n        </HyperLink>\r\n      </>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <BreadcrumbContainerStyles $size={size} data-testid={'breacrumbContainer'} {...rest}>\r\n      {homeIcon ? (\r\n        <IconButton id=\"homeIcon\" variant=\"secondary\" shape=\"circular\" action={() => homeCallback()}>\r\n          <SystemIcons.Home size={chevronSize} />\r\n        </IconButton>\r\n      ) : (\r\n        <HyperLink\r\n          id={'homelink'}\r\n          variant=\"default\"\r\n          href={''}\r\n          onClick={(e) => {\r\n            e.preventDefault();\r\n            homeCallback && homeCallback();\r\n          }}>\r\n          {homeLabel}\r\n        </HyperLink>\r\n      )}\r\n\r\n      {!!items &&\r\n        items.length > 2 &&\r\n        (items.length > 3 ? (\r\n          <>\r\n            {renderChevron()}\r\n            <DropdownButton\r\n              type={'icon'}\r\n              alignLeft={true}\r\n              items={dropdownItems}\r\n              size={size == Size.XSmall ? Size.Small : size}\r\n              icon={<SystemIcons.MoreHorizontal color={COLORS.getColor('neutral_600', theme)} size=\"20px\" />}\r\n              onClick={navigate}\r\n            />\r\n          </>\r\n        ) : (\r\n          <>{renderBreadcrumbLinkItem(items.length - 3, items[items.length - 3])}</>\r\n        ))}\r\n\r\n      {!!items && items.length > 1 && <>{renderBreadcrumbLinkItem(items.length - 2, items[items.length - 2])}</>}\r\n\r\n      {!!items && items.length > 0 && (\r\n        <>\r\n          {lastItemAsLabel ? (\r\n            <>\r\n              {renderChevron()}\r\n              <BreadcrumbItemLastStyles $size={size}>{items[items.length - 1].label}</BreadcrumbItemLastStyles>\r\n            </>\r\n          ) : (\r\n            <>\r\n              {renderBreadcrumbLinkItem(items.length - 1, items[items.length - 1])}\r\n              {renderChevron()}\r\n            </>\r\n          )}\r\n        </>\r\n      )}\r\n    </BreadcrumbContainerStyles>\r\n  );\r\n};\r\n\r\nexport default Breadcrumb;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Breadcrumb/Breadcrumb.d.ts

@@ -1,20 +1,20 @@
-import * as React from 'react';
-import { Size } from '..';
-import { BreadcrumbItem } from './BreadcrumbItem';
-export type BreadcrumbProps = React.HTMLAttributes<HTMLDivElement> & {
-    /** If set to false, then instead of 'Home' icon, link will be shown. Defaults to 'true' */
-    homeIcon?: boolean;
-    /** Label of the home link. Will be shown only if homeIcon is set to false. Defaults to 'Home' */
-    homeLabel?: string;
-    /** URL of the home link. Defaults to '/' */
-    homeUrl?: string;
-    /** Array of items to show. */
-    items?: BreadcrumbItem[];
-    /** Size of Breadcrumb component and items. Can be Small, Medium or XSmall. Defaults to 'Small' */
-    size?: Size.Small | Size.Medium | Size.XSmall;
-    /** Displays last item as label, and not as a link by default. */
-    lastItemAsLabel?: boolean;
-};
-/** Breadcrumbs is a list of links that help visualize a page's location within a site's hierarchical structure, it allows navigation up to any of the ancestors. */
-declare const Breadcrumb: React.FunctionComponent<BreadcrumbProps>;
-export default Breadcrumb;
+import * as React from 'react';
+import { Size } from '..';
+import { BreadcrumbItem } from './BreadcrumbItem';
+export type BreadcrumbProps = React.HTMLAttributes<HTMLDivElement> & {
+    /** If set to false, then instead of 'Home' icon, link will be shown. Defaults to 'true' */
+    homeIcon?: boolean;
+    /** Label of the home link. Will be shown only if homeIcon is set to false. Defaults to 'Home' */
+    homeLabel?: string;
+    /** Callback that will be called when 'Home' is clicked. */
+    homeCallback?: () => void;
+    /** Array of items to show. */
+    items?: BreadcrumbItem[];
+    /** Size of Breadcrumb component and items. Can be Small, Medium or XSmall. Defaults to 'Small' */
+    size?: Size.Small | Size.Medium | Size.XSmall;
+    /** Displays last item as label, and not as a link by default. */
+    lastItemAsLabel?: boolean;
+};
+/** Breadcrumbs is a list of links that help visualize a page's location within a site's hierarchical structure, it allows navigation up to any of the ancestors. */
+declare const Breadcrumb: React.FunctionComponent<BreadcrumbProps>;
+export default Breadcrumb;