@laerdal/life-react-components 3.5.1-uss.hackathon → 4.0.0

package/dist/Banners/styles.js

@@ -1,53 +1,53 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _templateObject;
 import { css } from 'styled-components';
-import { StyledSecondaryIconButton } from '../Button/Iconbutton';
+import { IconButtonStyledSecondary } from '../Button/Iconbutton';
 import { COLORS } from '../styles';
-export var getButtonStyle = function getButtonStyle(type) {
+export var getButtonStyle = function getButtonStyle(type, theme) {
   var style = {
-    svgFill: COLORS.primary_500,
-    hoverBgColor: COLORS.primary_200,
-    hoverSvgFill: COLORS.primary_700,
-    activeBgColor: COLORS.primary_300,
-    activeSvgFill: COLORS.primary_800,
-    focusBgColor: COLORS.primary_200,
-    focusSvgFill: COLORS.primary_700
+    svgFill: COLORS.getColor('primary_500', theme),
+    hoverBgColor: COLORS.getColor('primary_200', theme),
+    hoverSvgFill: COLORS.getColor('primary_700', theme),
+    activeBgColor: COLORS.getColor('primary_300', theme),
+    activeSvgFill: COLORS.getColor('primary_800', theme),
+    focusBgColor: COLORS.getColor('primary_200', theme),
+    focusSvgFill: COLORS.getColor('primary_700', theme)
   };
   switch (type) {
     case 'warning':
       style = {
-        svgFill: COLORS.warning_500,
-        hoverBgColor: COLORS.warning_200,
-        hoverSvgFill: COLORS.warning_700,
-        activeBgColor: COLORS.warning_300,
-        activeSvgFill: COLORS.warning_800,
-        focusBgColor: COLORS.warning_200,
-        focusSvgFill: COLORS.warning_700
+        svgFill: COLORS.getColor('warning_500', theme),
+        hoverBgColor: COLORS.getColor('warning_200', theme),
+        hoverSvgFill: COLORS.getColor('warning_700', theme),
+        activeBgColor: COLORS.getColor('warning_300', theme),
+        activeSvgFill: COLORS.getColor('warning_800', theme),
+        focusBgColor: COLORS.getColor('warning_200', theme),
+        focusSvgFill: COLORS.getColor('warning_700', theme)
       };
       break;
     case 'critical':
       style = {
-        svgFill: COLORS.critical_600,
-        hoverBgColor: COLORS.critical_200,
-        hoverSvgFill: COLORS.critical_700,
-        activeBgColor: COLORS.critical_300,
-        activeSvgFill: COLORS.critical_800,
-        focusBgColor: COLORS.critical_200,
-        focusSvgFill: COLORS.critical_700
+        svgFill: COLORS.getColor('critical_600', theme),
+        hoverBgColor: COLORS.getColor('critical_200', theme),
+        hoverSvgFill: COLORS.getColor('critical_700', theme),
+        activeBgColor: COLORS.getColor('critical_300', theme),
+        activeSvgFill: COLORS.getColor('critical_800', theme),
+        focusBgColor: COLORS.getColor('critical_200', theme),
+        focusSvgFill: COLORS.getColor('critical_700', theme)
       };
       break;
     case 'positive':
       style = {
-        svgFill: COLORS.correct_500,
-        hoverBgColor: COLORS.correct_200,
-        hoverSvgFill: COLORS.correct_700,
-        activeBgColor: COLORS.correct_300,
-        activeSvgFill: COLORS.correct_800,
-        focusBgColor: COLORS.correct_200,
-        focusSvgFill: COLORS.correct_700
+        svgFill: COLORS.getColor('correct_500', theme),
+        hoverBgColor: COLORS.getColor('correct_200', theme),
+        hoverSvgFill: COLORS.getColor('correct_700', theme),
+        activeBgColor: COLORS.getColor('correct_300', theme),
+        activeSvgFill: COLORS.getColor('correct_800', theme),
+        focusBgColor: COLORS.getColor('correct_200', theme),
+        focusSvgFill: COLORS.getColor('correct_700', 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  }"])), StyledSecondaryIconButton, style.svgFill, style.hoverBgColor, style.hoverSvgFill, style.activeBgColor, style.activeSvgFill);
+  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);
 };
 //# sourceMappingURL=styles.js.map

package/dist/Banners/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["css","StyledSecondaryIconButton","COLORS","getButtonStyle","type","style","svgFill","primary_500","hoverBgColor","primary_200","hoverSvgFill","primary_700","activeBgColor","primary_300","activeSvgFill","primary_800","focusBgColor","focusSvgFill","warning_500","warning_200","warning_700","warning_300","warning_800","critical_600","critical_200","critical_700","critical_300","critical_800","correct_500","correct_200","correct_700","correct_300","correct_800"],"sources":["../../src/Banners/styles.tsx"],"sourcesContent":["import { css } from 'styled-components';\r\nimport { StyledSecondaryIconButton } from '../Button/Iconbutton';\r\nimport { COLORS } from '../styles';\r\n\r\nexport const getButtonStyle = (type: string) => {\r\n  let style = {\r\n    svgFill: COLORS.primary_500,\r\n    hoverBgColor: COLORS.primary_200,\r\n    hoverSvgFill: COLORS.primary_700,\r\n    activeBgColor: COLORS.primary_300,\r\n    activeSvgFill: COLORS.primary_800,\r\n    focusBgColor: COLORS.primary_200,\r\n    focusSvgFill: COLORS.primary_700\r\n  };\r\n\r\n  switch(type)\r\n  {\r\n    case 'warning':\r\n      style = {\r\n        svgFill: COLORS.warning_500,\r\n        hoverBgColor: COLORS.warning_200,\r\n        hoverSvgFill: COLORS.warning_700,\r\n        activeBgColor: COLORS.warning_300,\r\n        activeSvgFill: COLORS.warning_800,\r\n        focusBgColor: COLORS.warning_200,\r\n        focusSvgFill: COLORS.warning_700\r\n      };\r\n      break;\r\n    \r\n    case 'critical':\r\n      style = {\r\n        svgFill: COLORS.critical_600,\r\n        hoverBgColor: COLORS.critical_200,\r\n        hoverSvgFill: COLORS.critical_700,\r\n        activeBgColor: COLORS.critical_300,\r\n        activeSvgFill: COLORS.critical_800,\r\n        focusBgColor: COLORS.critical_200,\r\n        focusSvgFill: COLORS.critical_700\r\n      };\r\n      break;\r\n\r\n    case 'positive':\r\n      style = {\r\n        svgFill: COLORS.correct_500,\r\n        hoverBgColor: COLORS.correct_200,\r\n        hoverSvgFill: COLORS.correct_700,\r\n        activeBgColor: COLORS.correct_300,\r\n        activeSvgFill: COLORS.correct_800,\r\n        focusBgColor: COLORS.correct_200,\r\n        focusSvgFill: COLORS.correct_700\r\n      };\r\n      break;\r\n  }\r\n\r\n  return css`\r\n    ${StyledSecondaryIconButton} {\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":";;AAAA,SAASA,GAAG,QAAQ,mBAAmB;AACvC,SAASC,yBAAyB,QAAQ,sBAAsB;AAChE,SAASC,MAAM,QAAQ,WAAW;AAElC,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAc,CAAIC,IAAY,EAAK;EAC9C,IAAIC,KAAK,GAAG;IACVC,OAAO,EAAEJ,MAAM,CAACK,WAAW;IAC3BC,YAAY,EAAEN,MAAM,CAACO,WAAW;IAChCC,YAAY,EAAER,MAAM,CAACS,WAAW;IAChCC,aAAa,EAAEV,MAAM,CAACW,WAAW;IACjCC,aAAa,EAAEZ,MAAM,CAACa,WAAW;IACjCC,YAAY,EAAEd,MAAM,CAACO,WAAW;IAChCQ,YAAY,EAAEf,MAAM,CAACS;EACvB,CAAC;EAED,QAAOP,IAAI;IAET,KAAK,SAAS;MACZC,KAAK,GAAG;QACNC,OAAO,EAAEJ,MAAM,CAACgB,WAAW;QAC3BV,YAAY,EAAEN,MAAM,CAACiB,WAAW;QAChCT,YAAY,EAAER,MAAM,CAACkB,WAAW;QAChCR,aAAa,EAAEV,MAAM,CAACmB,WAAW;QACjCP,aAAa,EAAEZ,MAAM,CAACoB,WAAW;QACjCN,YAAY,EAAEd,MAAM,CAACiB,WAAW;QAChCF,YAAY,EAAEf,MAAM,CAACkB;MACvB,CAAC;MACD;IAEF,KAAK,UAAU;MACbf,KAAK,GAAG;QACNC,OAAO,EAAEJ,MAAM,CAACqB,YAAY;QAC5Bf,YAAY,EAAEN,MAAM,CAACsB,YAAY;QACjCd,YAAY,EAAER,MAAM,CAACuB,YAAY;QACjCb,aAAa,EAAEV,MAAM,CAACwB,YAAY;QAClCZ,aAAa,EAAEZ,MAAM,CAACyB,YAAY;QAClCX,YAAY,EAAEd,MAAM,CAACsB,YAAY;QACjCP,YAAY,EAAEf,MAAM,CAACuB;MACvB,CAAC;MACD;IAEF,KAAK,UAAU;MACbpB,KAAK,GAAG;QACNC,OAAO,EAAEJ,MAAM,CAAC0B,WAAW;QAC3BpB,YAAY,EAAEN,MAAM,CAAC2B,WAAW;QAChCnB,YAAY,EAAER,MAAM,CAAC4B,WAAW;QAChClB,aAAa,EAAEV,MAAM,CAAC6B,WAAW;QACjCjB,aAAa,EAAEZ,MAAM,CAAC8B,WAAW;QACjChB,YAAY,EAAEd,MAAM,CAAC2B,WAAW;QAChCZ,YAAY,EAAEf,MAAM,CAAC4B;MACvB,CAAC;MACD;EAAM;EAGV,OAAO9B,GAAG,sgBACNC,yBAAyB,EAMjBI,KAAK,CAACC,OAAO,EAICD,KAAK,CAACG,YAAY,EAI9BH,KAAK,CAACK,YAAY,EAKZL,KAAK,CAACO,aAAa,EAIzBP,KAAK,CAACS,aAAa;AAInC,CAAC"}
+{"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":";;AAAA,SAASA,GAAG,QAAQ,mBAAmB;AACvC,SAASC,yBAAyB,QAAQ,sBAAsB;AAChE,SAASC,MAAM,QAAQ,WAAW;AAElC,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,IAAY,EAAEC,KAAU,EAAK;EAC1D,IAAIC,KAAK,GAAG;IACVC,OAAO,EAAEL,MAAM,CAACM,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAAC;IAC9CI,YAAY,EAAEP,MAAM,CAACM,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAAC;IACnDK,YAAY,EAAER,MAAM,CAACM,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAAC;IACnDM,aAAa,EAAET,MAAM,CAACM,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAAC;IACpDO,aAAa,EAAEV,MAAM,CAACM,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAAC;IACpDQ,YAAY,EAAEX,MAAM,CAACM,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAAC;IACnDS,YAAY,EAAEZ,MAAM,CAACM,QAAQ,CAAC,aAAa,EAAEH,KAAK;EACpD,CAAC;EAED,QAAOD,IAAI;IAET,KAAK,SAAS;MACZE,KAAK,GAAG;QACNC,OAAO,EAAEL,MAAM,CAACM,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAAC;QAC9CI,YAAY,EAAEP,MAAM,CAACM,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAAC;QACnDK,YAAY,EAAER,MAAM,CAACM,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAAC;QACnDM,aAAa,EAAET,MAAM,CAACM,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAAC;QACpDO,aAAa,EAAEV,MAAM,CAACM,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAAC;QACpDQ,YAAY,EAAEX,MAAM,CAACM,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAAC;QACnDS,YAAY,EAAEZ,MAAM,CAACM,QAAQ,CAAC,aAAa,EAAEH,KAAK;MACpD,CAAC;MACD;IAEF,KAAK,UAAU;MACbC,KAAK,GAAG;QACNC,OAAO,EAAEL,MAAM,CAACM,QAAQ,CAAC,cAAc,EAAEH,KAAK,CAAC;QAC/CI,YAAY,EAAEP,MAAM,CAACM,QAAQ,CAAC,cAAc,EAAEH,KAAK,CAAC;QACpDK,YAAY,EAAER,MAAM,CAACM,QAAQ,CAAC,cAAc,EAAEH,KAAK,CAAC;QACpDM,aAAa,EAAET,MAAM,CAACM,QAAQ,CAAC,cAAc,EAAEH,KAAK,CAAC;QACrDO,aAAa,EAAEV,MAAM,CAACM,QAAQ,CAAC,cAAc,EAAEH,KAAK,CAAC;QACrDQ,YAAY,EAAEX,MAAM,CAACM,QAAQ,CAAC,cAAc,EAAEH,KAAK,CAAC;QACpDS,YAAY,EAAEZ,MAAM,CAACM,QAAQ,CAAC,cAAc,EAAEH,KAAK;MACrD,CAAC;MACD;IAEF,KAAK,UAAU;MACbC,KAAK,GAAG;QACNC,OAAO,EAAEL,MAAM,CAACM,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAAC;QAC9CI,YAAY,EAAEP,MAAM,CAACM,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAAC;QACnDK,YAAY,EAAER,MAAM,CAACM,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAAC;QACnDM,aAAa,EAAET,MAAM,CAACM,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAAC;QACpDO,aAAa,EAAEV,MAAM,CAACM,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAAC;QACpDQ,YAAY,EAAEX,MAAM,CAACM,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAAC;QACnDS,YAAY,EAAEZ,MAAM,CAACM,QAAQ,CAAC,aAAa,EAAEH,KAAK;MACpD,CAAC;MACD;EACJ;EAEA,OAAOL,GAAG,CAAAe,eAAA,KAAAA,eAAA,GAAAC,sBAAA,ycACNf,yBAAyB,EAMjBK,KAAK,CAACC,OAAO,EAICD,KAAK,CAACG,YAAY,EAI9BH,KAAK,CAACI,YAAY,EAKZJ,KAAK,CAACK,aAAa,EAIzBL,KAAK,CAACM,aAAa;AAInC,CAAC","ignoreList":[]}

package/dist/Breadcrumb/Breadcrumb.cjs

@@ -5,7 +5,7 @@ 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"));
@@ -15,12 +15,14 @@ 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(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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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 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; }
+/** 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,
@@ -33,7 +35,8 @@ var Breadcrumb = function Breadcrumb(_ref) {
     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);
+    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 {
@@ -50,7 +53,7 @@ var Breadcrumb = function Breadcrumb(_ref) {
       "aria-hidden": "true",
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.SystemIcons.ForwardSlash, {
         className: "chevronicon",
-        color: _styles.COLORS.neutral_500,
+        color: _styles.COLORS.getColor('neutral_500', theme),
         size: chevronSize
       })
     });
@@ -94,13 +97,13 @@ var Breadcrumb = function Breadcrumb(_ref) {
       },
       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,
-        size: size,
+        size: size == _.Size.XSmall ? _.Size.Small : size,
         icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.SystemIcons.MoreHorizontal, {
-          color: _styles.COLORS.neutral_600,
+          color: _styles.COLORS.getColor('neutral_600', theme),
           size: "20px"
         }),
         onClick: navigate
@@ -122,12 +125,12 @@ 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,
+  homeUrl: _propTypes["default"].string,
+  items: _propTypes["default"].array,
+  lastItemAsLabel: _propTypes["default"].bool
 };
 var _default = Breadcrumb;
-exports.default = _default;
+exports["default"] = _default;
 //# sourceMappingURL=Breadcrumb.cjs.map

package/dist/Breadcrumb/Breadcrumb.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.cjs","names":["Breadcrumb","items","size","Size","Small","homeIcon","homeLabel","lastItemAsLabel","homeUrl","rest","navigateHook","useNavigate","dropdownItems","slice","length","map","x","value","url","displayLabel","label","navigate","links","chevronSize","Medium","renderChevron","COLORS","neutral_500","renderBreadcrumbLinkItem","index","item","e","preventDefault","neutral_600"],"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 internal from 'stream';\r\n\r\nexport type BreadcrumbProps = React.HTMLAttributes<HTMLDivElement> & {\r\n  homeIcon?: boolean;\r\n  homeLabel?: string;\r\n  homeUrl?: string;\r\n  items?: BreadcrumbItem[];\r\n  size?: Size;\r\n  lastItemAsLabel?: boolean;\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  lastItemAsLabel = false,\r\n  homeUrl = '/',\r\n  ...rest\r\n}) => {\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.neutral_500} 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}\r\n              icon={<SystemIcons.MoreHorizontal color={COLORS.neutral_600} 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":";;;;;;;;;;;AAAA;AAEA;AACA;AACA;AAGA;AAEA;AAA+E;AAAA;AAAA;AAAA;AAAA;AAAA;AAY/E,IAAMA,UAAoD,GAAG,SAAvDA,UAAoD,OAQpD;EAAA,IAPJC,KAAK,QAALA,KAAK;IAAA,iBACLC,IAAI;IAAJA,IAAI,0BAAGC,MAAI,CAACC,KAAK;IAAA,qBACjBC,QAAQ;IAARA,QAAQ,8BAAG,IAAI;IAAA,sBACfC,SAAS;IAATA,SAAS,+BAAG,MAAM;IAAA,4BAClBC,eAAe;IAAfA,eAAe,qCAAG,KAAK;IAAA,oBACvBC,OAAO;IAAPA,OAAO,6BAAG,GAAG;IACVC,IAAI;EAEP,IAAMC,YAAY,GAAG,IAAAC,wBAAW,GAAE;EAClC,IAAMC,aAA6B,GAAGX,KAAK,GAAGA,KAAK,CAACY,KAAK,CAAC,CAAC,EAAEZ,KAAK,CAACa,MAAM,GAAG,CAAC,CAAC,CAACC,GAAG,CAAC,UAACC,CAAC;IAAA,OAAM;MAAEC,KAAK,EAAED,CAAC,CAACE,GAAG;MAAEC,YAAY,EAAEH,CAAC,CAACI;IAAM,CAAC;EAAA,CAAC,CAAC,GAAG,EAAE;EACzI,IAAMC,QAAQ,GAAG,SAAXA,QAAQ,CAAIC,KAAe,EAAK;IACpCZ,YAAY,CAACY,KAAK,CAAC,CAAC,CAAC,CAAC;EACxB,CAAC;EAED,IAAMC,WAAW,GAAGrB,IAAI,IAAIC,MAAI,CAACqB,MAAM,GAAG,MAAM,GAAGtB,IAAI,IAAIC,MAAI,CAACC,KAAK,GAAG,MAAM,GAAG,MAAM;EACvF,IAAMqB,aAAa,GAAG,SAAhBA,aAAa;IAAA,oBACjB;MAAK,eAAY,MAAM;MAAA,uBACrB,qBAAC,aAAW,CAAC,YAAY;QAAC,SAAS,EAAC,aAAa;QAAC,KAAK,EAAEC,cAAM,CAACC,WAAY;QAAC,IAAI,EAAEJ;MAAY;IAAG,EAC9F;EAAA,CACP;EACD,IAAMK,wBAAwB,GAAG,SAA3BA,wBAAwB,CAAIC,KAAa,EAAEC,IAAoB,EAAK;IACxE,oBACE;MAAA,WACGL,aAAa,EAAE,eAChB,qBAAC,WAAS;QACR,EAAE,EAAE,YAAY,GAAGI,KAAM;QACzB,OAAO,EAAE,iBAACE,CAAC,EAAK;UACdA,CAAC,CAACC,cAAc,EAAE;UAClBtB,YAAY,CAACoB,IAAI,CAACZ,GAAG,CAAC;QACxB,CAAE;QACF,MAAM,EAAC,OAAO;QACd,OAAO,EAAC,SAAS;QACjB,IAAI,EAAEY,IAAI,CAACZ,GAAI;QAAA,UACdY,IAAI,CAACV;MAAK,EACD;IAAA,EACX;EAEP,CAAC;EAED,oBACE,sBAAC,kCAAyB;IAAC,IAAI,EAAElB,IAAK;IAAC,eAAa;EAAqB,GAAKO,IAAI;IAAA,WAC/EJ,QAAQ,gBACP,qBAAC,YAAU;MAAC,EAAE,EAAC,UAAU;MAAC,OAAO,EAAC,WAAW;MAAC,KAAK,EAAC,UAAU;MAAC,MAAM,EAAE;QAAA,OAAMK,YAAY,CAACF,OAAO,CAAC;MAAA,CAAC;MAAA,uBACjG,qBAAC,aAAW,CAAC,IAAI;QAAC,IAAI,EAAEe;MAAY;IAAG,EAC5B,gBAEb,qBAAC,WAAS;MACR,EAAE,EAAE,UAAW;MACf,OAAO,EAAC,SAAS;MACjB,IAAI,EAAEf,OAAQ;MACd,OAAO,EAAE,iBAACuB,CAAC,EAAK;QACdA,CAAC,CAACC,cAAc,EAAE;QAClBtB,YAAY,CAACF,OAAO,CAAC;MACvB,CAAE;MAAA,UACDF;IAAS,EAEb,EAEA,CAAC,CAACL,KAAK,IACNA,KAAK,CAACa,MAAM,GAAG,CAAC,KACfb,KAAK,CAACa,MAAM,GAAG,CAAC,gBACf;MAAA,WACGW,aAAa,EAAE,eAChB,qBAAC,uBAAc;QACb,IAAI,EAAE,MAAO;QACb,SAAS,EAAE,IAAK;QAChB,KAAK,EAAEb,aAAc;QACrB,IAAI,EAAEV,IAAK;QACX,IAAI,eAAE,qBAAC,aAAW,CAAC,cAAc;UAAC,KAAK,EAAEwB,cAAM,CAACO,WAAY;UAAC,IAAI,EAAC;QAAM,EAAI;QAC5E,OAAO,EAAEZ;MAAS,EAClB;IAAA,EACD,gBAEH;MAAA,UAAGO,wBAAwB,CAAC3B,KAAK,CAACa,MAAM,GAAG,CAAC,EAAEb,KAAK,CAACA,KAAK,CAACa,MAAM,GAAG,CAAC,CAAC;IAAC,EACvE,CAAC,EAEH,CAAC,CAACb,KAAK,IAAIA,KAAK,CAACa,MAAM,GAAG,CAAC,iBAAI;MAAA,UAAGc,wBAAwB,CAAC3B,KAAK,CAACa,MAAM,GAAG,CAAC,EAAEb,KAAK,CAACA,KAAK,CAACa,MAAM,GAAG,CAAC,CAAC;IAAC,EAAI,EAEzG,CAAC,CAACb,KAAK,IAAIA,KAAK,CAACa,MAAM,GAAG,CAAC,iBAC1B;MAAA,UACGP,eAAe,gBACd;QAAA,WACGkB,aAAa,EAAE,eAChB,qBAAC,iCAAwB;UAAC,IAAI,EAAEvB,IAAK;UAAA,UAAED,KAAK,CAACA,KAAK,CAACa,MAAM,GAAG,CAAC,CAAC,CAACM;QAAK,EAA4B;MAAA,EAC/F,gBAEH;QAAA,WACGQ,wBAAwB,CAAC3B,KAAK,CAACa,MAAM,GAAG,CAAC,EAAEb,KAAK,CAACA,KAAK,CAACa,MAAM,GAAG,CAAC,CAAC,CAAC,EACnEW,aAAa,EAAE;MAAA;IAEnB,EAEJ;EAAA,GACyB;AAEhC,CAAC;AAAC;EAxGApB,QAAQ;EACRC,SAAS;EACTE,OAAO;EACPP,KAAK;EAELM,eAAe;AAAA;AAAA,eAqGFP,UAAU;AAAA"}
+{"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","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 internal from 'stream';\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":";;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,CAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAGA,IAAAI,eAAA,GAAAC,sBAAA,CAAAL,OAAA;AAEA,IAAAM,QAAA,GAAAN,OAAA;AAEA,IAAAO,iBAAA,GAAAP,OAAA;AAA6C,IAAAQ,WAAA,GAAAR,OAAA;AAAA,IAAAS,SAAA;AAAA,SAAAC,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,SAAAZ,wBAAAY,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,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,cAAAR,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAW,QAAAnB,CAAA,EAAAE,CAAA,QAAAC,CAAA,GAAAQ,MAAA,CAAAS,IAAA,CAAApB,CAAA,OAAAW,MAAA,CAAAU,qBAAA,QAAAC,CAAA,GAAAX,MAAA,CAAAU,qBAAA,CAAArB,CAAA,GAAAE,CAAA,KAAAoB,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAArB,CAAA,WAAAS,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAE,CAAA,EAAAsB,UAAA,OAAArB,CAAA,CAAAsB,IAAA,CAAAC,KAAA,CAAAvB,CAAA,EAAAmB,CAAA,YAAAnB,CAAA;AAAA,SAAAwB,cAAA3B,CAAA,aAAAE,CAAA,MAAAA,CAAA,GAAA0B,SAAA,CAAAC,MAAA,EAAA3B,CAAA,UAAAC,CAAA,WAAAyB,SAAA,CAAA1B,CAAA,IAAA0B,SAAA,CAAA1B,CAAA,QAAAA,CAAA,OAAAiB,OAAA,CAAAR,MAAA,CAAAR,CAAA,OAAA2B,OAAA,WAAA5B,CAAA,QAAA6B,gBAAA,aAAA/B,CAAA,EAAAE,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAS,MAAA,CAAAqB,yBAAA,GAAArB,MAAA,CAAAsB,gBAAA,CAAAjC,CAAA,EAAAW,MAAA,CAAAqB,yBAAA,CAAA7B,CAAA,KAAAgB,OAAA,CAAAR,MAAA,CAAAR,CAAA,GAAA2B,OAAA,WAAA5B,CAAA,IAAAS,MAAA,CAAAC,cAAA,CAAAZ,CAAA,EAAAE,CAAA,EAAAS,MAAA,CAAAE,wBAAA,CAAAV,CAAA,EAAAD,CAAA,iBAAAF,CAAA;AAiB7C;AACA,IAAMkC,UAAoD,GAAG,SAAvDA,UAAoDA,CAAAC,IAAA,EAQpD;EAAA,IAPJC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAAC,SAAA,GAAAF,IAAA,CACLG,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAGE,MAAI,CAACC,KAAK,GAAAH,SAAA;IAAAI,aAAA,GAAAN,IAAA,CACjBO,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,IAAI,GAAAA,aAAA;IAAAE,cAAA,GAAAR,IAAA,CACfS,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,MAAM,GAAAA,cAAA;IAAAE,oBAAA,GAAAV,IAAA,CAClBW,eAAe;IAAfA,eAAe,GAAAD,oBAAA,cAAG,KAAK,GAAAA,oBAAA;IAAAE,YAAA,GAAAZ,IAAA,CACvBa,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,GAAG,GAAAA,YAAA;IACVE,IAAI,OAAAC,yBAAA,aAAAf,IAAA,EAAArC,SAAA;EAEP,IAAMqD,KAAK,GAAG,IAAAC,0BAAQ,EAAC,CAAC;EACxB,IAAMC,YAAY,GAAG,IAAAC,wBAAW,EAAC,CAAC;EAClC,IAAMC,aAA6B,GAAGnB,KAAK,GAAGA,KAAK,CAACoB,KAAK,CAAC,CAAC,EAAEpB,KAAK,CAACP,MAAM,GAAG,CAAC,CAAC,CAAC4B,GAAG,CAAC,UAACC,CAAC;IAAA,OAAM;MAAEC,KAAK,EAAED,CAAC,CAACE,GAAG;MAAEC,YAAY,EAAEH,CAAC,CAACI;IAAM,CAAC;EAAA,CAAC,CAAC,GAAG,EAAE;EACzI,IAAMC,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,KAAe,EAAK;IACpCX,YAAY,CAACW,KAAK,CAAC,CAAC,CAAC,CAAC;EACxB,CAAC;EAED,IAAMC,WAAW,GAAG3B,IAAI,IAAIC,MAAI,CAAC2B,MAAM,GAAG,MAAM,GAAG5B,IAAI,IAAIC,MAAI,CAACC,KAAK,GAAG,MAAM,GAAG,MAAM;EACvF,IAAM2B,aAAa,GAAG,SAAhBA,aAAaA,CAAA;IAAA,oBACjB,IAAAtE,WAAA,CAAAuE,GAAA;MAAK,eAAY,MAAM;MAAAC,QAAA,eACrB,IAAAxE,WAAA,CAAAuE,GAAA,EAAC7E,CAAA,CAAA+E,WAAW,CAACC,YAAY;QAACC,SAAS,EAAC,aAAa;QAACC,KAAK,EAAEC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAExB,KAAK,CAAE;QAACb,IAAI,EAAE2B;MAAY,CAAE;IAAC,CAClH,CAAC;EAAA,CACP;EACD,IAAMW,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAAIC,KAAa,EAAEC,IAAoB,EAAK;IACxE,oBACE,IAAAjF,WAAA,CAAAkF,IAAA,EAAAlF,WAAA,CAAAmF,QAAA;MAAAX,QAAA,GACGF,aAAa,CAAC,CAAC,eAChB,IAAAtE,WAAA,CAAAuE,GAAA,EAAC7E,CAAA,CAAA0F,SAAS;QACRC,EAAE,EAAE,YAAY,GAAGL,KAAM;QACzBM,OAAO,EAAE,SAAAA,QAACnF,CAAC,EAAK;UACdA,CAAC,CAACoF,cAAc,CAAC,CAAC;UAClB/B,YAAY,CAACyB,IAAI,CAAClB,GAAG,CAAC;QACxB,CAAE;QACFyB,MAAM,EAAC,OAAO;QACdC,OAAO,EAAC,SAAS;QACjBC,IAAI,EAAET,IAAI,CAAClB,GAAI;QAAAS,QAAA,EACdS,IAAI,CAAChB;MAAK,CACF,CAAC;IAAA,CACZ,CAAC;EAEP,CAAC;EAED,oBACE,IAAAjE,WAAA,CAAAkF,IAAA,EAACpF,QAAA,CAAA6F,yBAAyB,EAAA7D,aAAA,CAAAA,aAAA;IAACW,IAAI,EAAEA,IAAK;IAAC,eAAa;EAAqB,GAAKW,IAAI;IAAAoB,QAAA,GAC/E3B,QAAQ,gBACP,IAAA7C,WAAA,CAAAuE,GAAA,EAAC7E,CAAA,CAAAkG,UAAU;MAACP,EAAE,EAAC,UAAU;MAACI,OAAO,EAAC,WAAW;MAACI,KAAK,EAAC,UAAU;MAACC,MAAM,EAAE,SAAAA,OAAA;QAAA,OAAMtC,YAAY,CAACL,OAAO,CAAC;MAAA,CAAC;MAAAqB,QAAA,eACjG,IAAAxE,WAAA,CAAAuE,GAAA,EAAC7E,CAAA,CAAA+E,WAAW,CAACsB,IAAI;QAACtD,IAAI,EAAE2B;MAAY,CAAE;IAAC,CAC7B,CAAC,gBAEb,IAAApE,WAAA,CAAAuE,GAAA,EAAC7E,CAAA,CAAA0F,SAAS;MACRC,EAAE,EAAE,UAAW;MACfI,OAAO,EAAC,SAAS;MACjBC,IAAI,EAAEvC,OAAQ;MACdmC,OAAO,EAAE,SAAAA,QAACnF,CAAC,EAAK;QACdA,CAAC,CAACoF,cAAc,CAAC,CAAC;QAClB/B,YAAY,CAACL,OAAO,CAAC;MACvB,CAAE;MAAAqB,QAAA,EACDzB;IAAS,CACD,CACZ,EAEA,CAAC,CAACR,KAAK,IACNA,KAAK,CAACP,MAAM,GAAG,CAAC,KACfO,KAAK,CAACP,MAAM,GAAG,CAAC,gBACf,IAAAhC,WAAA,CAAAkF,IAAA,EAAAlF,WAAA,CAAAmF,QAAA;MAAAX,QAAA,GACGF,aAAa,CAAC,CAAC,eAChB,IAAAtE,WAAA,CAAAuE,GAAA,EAAC3E,eAAA,WAAc;QACboG,IAAI,EAAE,MAAO;QACbC,SAAS,EAAE,IAAK;QAChB1D,KAAK,EAAEmB,aAAc;QACrBjB,IAAI,EAAEA,IAAI,IAAIC,MAAI,CAACwD,MAAM,GAAGxD,MAAI,CAACC,KAAK,GAAGF,IAAK;QAC9C0D,IAAI,eAAE,IAAAnG,WAAA,CAAAuE,GAAA,EAAC7E,CAAA,CAAA+E,WAAW,CAAC2B,cAAc;UAACxB,KAAK,EAAEC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAExB,KAAK,CAAE;UAACb,IAAI,EAAC;QAAM,CAAE,CAAE;QAC/F6C,OAAO,EAAEpB;MAAS,CACnB,CAAC;IAAA,CACF,CAAC,gBAEH,IAAAlE,WAAA,CAAAuE,GAAA,EAAAvE,WAAA,CAAAmF,QAAA;MAAAX,QAAA,EAAGO,wBAAwB,CAACxC,KAAK,CAACP,MAAM,GAAG,CAAC,EAAEO,KAAK,CAACA,KAAK,CAACP,MAAM,GAAG,CAAC,CAAC;IAAC,CAAG,CAC1E,CAAC,EAEH,CAAC,CAACO,KAAK,IAAIA,KAAK,CAACP,MAAM,GAAG,CAAC,iBAAI,IAAAhC,WAAA,CAAAuE,GAAA,EAAAvE,WAAA,CAAAmF,QAAA;MAAAX,QAAA,EAAGO,wBAAwB,CAACxC,KAAK,CAACP,MAAM,GAAG,CAAC,EAAEO,KAAK,CAACA,KAAK,CAACP,MAAM,GAAG,CAAC,CAAC;IAAC,CAAG,CAAC,EAEzG,CAAC,CAACO,KAAK,IAAIA,KAAK,CAACP,MAAM,GAAG,CAAC,iBAC1B,IAAAhC,WAAA,CAAAuE,GAAA,EAAAvE,WAAA,CAAAmF,QAAA;MAAAX,QAAA,EACGvB,eAAe,gBACd,IAAAjD,WAAA,CAAAkF,IAAA,EAAAlF,WAAA,CAAAmF,QAAA;QAAAX,QAAA,GACGF,aAAa,CAAC,CAAC,eAChB,IAAAtE,WAAA,CAAAuE,GAAA,EAACzE,QAAA,CAAAuG,wBAAwB;UAAC5D,IAAI,EAAEA,IAAK;UAAA+B,QAAA,EAAEjC,KAAK,CAACA,KAAK,CAACP,MAAM,GAAG,CAAC,CAAC,CAACiC;QAAK,CAA2B,CAAC;MAAA,CAChG,CAAC,gBAEH,IAAAjE,WAAA,CAAAkF,IAAA,EAAAlF,WAAA,CAAAmF,QAAA;QAAAX,QAAA,GACGO,wBAAwB,CAACxC,KAAK,CAACP,MAAM,GAAG,CAAC,EAAEO,KAAK,CAACA,KAAK,CAACP,MAAM,GAAG,CAAC,CAAC,CAAC,EACnEsC,aAAa,CAAC,CAAC;MAAA,CAChB;IACH,CACD,CACH;EAAA,EACwB,CAAC;AAEhC,CAAC;AAACjC,UAAA,CAAAiE,SAAA;EA/GAzD,QAAQ,EAAA0D,UAAA,YAAAC,IAAA;EAERzD,SAAS,EAAAwD,UAAA,YAAAE,MAAA;EAETtD,OAAO,EAAAoD,UAAA,YAAAE,MAAA;EAEPlE,KAAK,EAAAgE,UAAA,YAAAG,KAAA;EAILzD,eAAe,EAAAsD,UAAA,YAAAC;AAAA;AAAA,IAAAG,QAAA,GAuGFtE,UAAU;AAAAuE,OAAA,cAAAD,QAAA","ignoreList":[]}

package/dist/Breadcrumb/Breadcrumb.d.ts

@@ -2,12 +2,19 @@ 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?: Size;
+    /** 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;

package/dist/Breadcrumb/Breadcrumb.js

@@ -2,8 +2,8 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _pt from "prop-types";
 var _excluded = ["items", "size", "homeIcon", "homeLabel", "lastItemAsLabel", "homeUrl"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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) { _defineProperty(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; }
 import * as React from 'react';
 import { COLORS } from '../styles';
 import { Size, SystemIcons } from '..';
@@ -11,9 +11,11 @@ import { useNavigate } from 'react-router';
 import { HyperLink, IconButton } from '..';
 import DropdownButton from '../Dropdown/DropdownButton';
 import { BreadcrumbContainerStyles, BreadcrumbItemLastStyles } from './styles';
+import { useTheme } from 'styled-components';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
+/** 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,
@@ -27,6 +29,7 @@ var Breadcrumb = function Breadcrumb(_ref) {
     _ref$homeUrl = _ref.homeUrl,
     homeUrl = _ref$homeUrl === void 0 ? '/' : _ref$homeUrl,
     rest = _objectWithoutProperties(_ref, _excluded);
+  var theme = useTheme();
   var navigateHook = useNavigate();
   var dropdownItems = items ? items.slice(0, items.length - 2).map(function (x) {
     return {
@@ -43,7 +46,7 @@ var Breadcrumb = function Breadcrumb(_ref) {
       "aria-hidden": "true",
       children: /*#__PURE__*/_jsx(SystemIcons.ForwardSlash, {
         className: "chevronicon",
-        color: COLORS.neutral_500,
+        color: COLORS.getColor('neutral_500', theme),
         size: chevronSize
       })
     });
@@ -91,9 +94,9 @@ var Breadcrumb = function Breadcrumb(_ref) {
         type: 'icon',
         alignLeft: true,
         items: dropdownItems,
-        size: size,
+        size: size == Size.XSmall ? Size.Small : size,
         icon: /*#__PURE__*/_jsx(SystemIcons.MoreHorizontal, {
-          color: COLORS.neutral_600,
+          color: COLORS.getColor('neutral_600', theme),
           size: "20px"
         }),
         onClick: navigate

package/dist/Breadcrumb/Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","names":["React","COLORS","Size","SystemIcons","useNavigate","HyperLink","IconButton","DropdownButton","BreadcrumbContainerStyles","BreadcrumbItemLastStyles","Breadcrumb","items","size","Small","homeIcon","homeLabel","lastItemAsLabel","homeUrl","rest","navigateHook","dropdownItems","slice","length","map","x","value","url","displayLabel","label","navigate","links","chevronSize","Medium","renderChevron","neutral_500","renderBreadcrumbLinkItem","index","item","e","preventDefault","neutral_600"],"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 internal from 'stream';\r\n\r\nexport type BreadcrumbProps = React.HTMLAttributes<HTMLDivElement> & {\r\n  homeIcon?: boolean;\r\n  homeLabel?: string;\r\n  homeUrl?: string;\r\n  items?: BreadcrumbItem[];\r\n  size?: Size;\r\n  lastItemAsLabel?: boolean;\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  lastItemAsLabel = false,\r\n  homeUrl = '/',\r\n  ...rest\r\n}) => {\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.neutral_500} 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}\r\n              icon={<SystemIcons.MoreHorizontal color={COLORS.neutral_600} 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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"}
+{"version":3,"file":"Breadcrumb.js","names":["React","COLORS","Size","SystemIcons","useNavigate","HyperLink","IconButton","DropdownButton","BreadcrumbContainerStyles","BreadcrumbItemLastStyles","useTheme","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Breadcrumb","_ref","items","_ref$size","size","Small","_ref$homeIcon","homeIcon","_ref$homeLabel","homeLabel","_ref$lastItemAsLabel","lastItemAsLabel","_ref$homeUrl","homeUrl","rest","_objectWithoutProperties","_excluded","theme","navigateHook","dropdownItems","slice","length","map","x","value","url","displayLabel","label","navigate","links","chevronSize","Medium","renderChevron","children","ForwardSlash","className","color","getColor","renderBreadcrumbLinkItem","index","item","id","onClick","e","preventDefault","target","variant","href","_objectSpread","shape","action","Home","type","alignLeft","XSmall","icon","MoreHorizontal","propTypes","_pt","bool","string","array"],"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 internal from 'stream';\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":[]}

package/dist/Breadcrumb/BreadcrumbItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbItem.cjs","names":[],"sources":["../../src/Breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["export interface BreadcrumbItem {\r\n    label: string;\r\n    url: string;\r\n}\r\n  "],"mappings":""}
+{"version":3,"file":"BreadcrumbItem.cjs","names":[],"sources":["../../src/Breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["export interface BreadcrumbItem {\r\n    /** Label of the item */\r\n    label: string;\r\n    /** URL of the item link */\r\n    url: string;\r\n}\r\n  "],"mappings":"","ignoreList":[]}

package/dist/Breadcrumb/BreadcrumbItem.d.ts

@@ -1,4 +1,6 @@
 export interface BreadcrumbItem {
+    /** Label of the item */
     label: string;
+    /** URL of the item link */
     url: string;
 }

package/dist/Breadcrumb/BreadcrumbItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbItem.js","names":[],"sources":["../../src/Breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["export interface BreadcrumbItem {\r\n    label: string;\r\n    url: string;\r\n}\r\n  "],"mappings":""}
+{"version":3,"file":"BreadcrumbItem.js","names":[],"sources":["../../src/Breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["export interface BreadcrumbItem {\r\n    /** Label of the item */\r\n    label: string;\r\n    /** URL of the item link */\r\n    url: string;\r\n}\r\n  "],"mappings":"","ignoreList":[]}

package/dist/Breadcrumb/index.cjs

@@ -10,7 +10,7 @@ var _exportNames = {
 Object.defineProperty(exports, "Breadcrumb", {
   enumerable: true,
   get: function get() {
-    return _Breadcrumb.default;
+    return _Breadcrumb["default"];
   }
 });
 var _Breadcrumb = _interopRequireWildcard(require("./Breadcrumb"));
@@ -49,6 +49,6 @@ Object.keys(_styles).forEach(function (key) {
     }
   });
 });
-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 _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; }
 //# sourceMappingURL=index.cjs.map

package/dist/Breadcrumb/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../src/Breadcrumb/index.ts"],"sourcesContent":["export { default as Breadcrumb } from './Breadcrumb';\r\nexport * from './Breadcrumb';\r\nexport * from './BreadcrumbItem';\r\nexport * from './styles';"],"mappings":";;;;;;;;;;;;;;;AAAA;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAAyB;AAAA"}
+{"version":3,"file":"index.cjs","names":["_Breadcrumb","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_BreadcrumbItem","_styles","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","n","__proto__","a","getOwnPropertyDescriptor","u","i","set"],"sources":["../../src/Breadcrumb/index.ts"],"sourcesContent":["export { default as Breadcrumb } from './Breadcrumb';\r\nexport * from './Breadcrumb';\r\nexport * from './BreadcrumbItem';\r\nexport * from './styles';"],"mappings":"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","ignoreList":[]}

package/dist/Breadcrumb/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","Breadcrumb"],"sources":["../../src/Breadcrumb/index.ts"],"sourcesContent":["export { default as Breadcrumb } from './Breadcrumb';\r\nexport * from './Breadcrumb';\r\nexport * from './BreadcrumbItem';\r\nexport * from './styles';"],"mappings":"AAAA,SAASA,OAAO,IAAIC,UAAU,QAAQ,cAAc;AACpD,cAAc,cAAc;AAC5B,cAAc,kBAAkB;AAChC,cAAc,UAAU"}
+{"version":3,"file":"index.js","names":["default","Breadcrumb"],"sources":["../../src/Breadcrumb/index.ts"],"sourcesContent":["export { default as Breadcrumb } from './Breadcrumb';\r\nexport * from './Breadcrumb';\r\nexport * from './BreadcrumbItem';\r\nexport * from './styles';"],"mappings":"AAAA,SAASA,OAAO,IAAIC,UAAU,QAAQ,cAAc;AACpD,cAAc,cAAc;AAC5B,cAAc,kBAAkB;AAChC,cAAc,UAAU","ignoreList":[]}

package/dist/Breadcrumb/styles.cjs

@@ -24,18 +24,22 @@ var FontStyles = function FontStyles(size, textStyle, color) {
       return (0, _styles.ComponentSStyling)(textStyle, color);
   }
 };
-var BreadcrumbItemLastStyles = _styledComponents.default.label(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  ", "\n"])), function (props) {
-  return FontStyles(props.size, _styles.ComponentTextStyle.Bold, _styles.COLORS.neutral_800);
+var BreadcrumbItemLastStyles = _styledComponents["default"].label(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n  ", "\n"])), function (props) {
+  return FontStyles(props.size, _styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_800', props.theme));
 }, function (props) {
   return marginRight(props.size);
 });
 exports.BreadcrumbItemLastStyles = BreadcrumbItemLastStyles;
-var BreadcrumbContainerStyles = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\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, _styles.ComponentTextStyle.Regular, _styles.COLORS.neutral_600);
+var BreadcrumbContainerStyles = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\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, _styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('neutral_600', props.theme));
 }, function (props) {
   return marginRight(props.size);
 }, function (props) {
   return marginRight(props.size);
-}, _styles.COLORS.primary_700, _styles.COLORS.primary_800);
+}, function (props) {
+  return _styles.COLORS.getColor('primary_700', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('primary_800', props.theme);
+});
 exports.BreadcrumbContainerStyles = BreadcrumbContainerStyles;
 //# sourceMappingURL=styles.cjs.map

package/dist/Breadcrumb/styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styles.cjs","names":["marginRight","size","Size","Small","Medium","FontStyles","textStyle","color","XSmall","ComponentXXSStyling","ComponentMStyling","ComponentSStyling","BreadcrumbItemLastStyles","styled","label","props","ComponentTextStyle","Bold","COLORS","neutral_800","BreadcrumbContainerStyles","div","Regular","neutral_600","primary_700","primary_800"],"sources":["../../src/Breadcrumb/styles.ts"],"sourcesContent":["import styled from 'styled-components';\r\nimport { COLORS, ComponentMStyling, ComponentSStyling, ComponentTextStyle, ComponentXXSStyling } from '../styles';\r\nimport { Size } from '../types';\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 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\nexport const BreadcrumbItemLastStyles = 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\nexport const BreadcrumbContainerStyles = 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"],"mappings":";;;;;;;;AAAA;AACA;AACA;AAAgC;AAEhC,IAAMA,WAAW,GAAG,SAAdA,WAAW,CAAIC,IAAsB,EAAK;EAC9C,OAAOA,IAAI,IAAIC,WAAI,CAACC,KAAK,IAAIF,IAAI,IAAIC,WAAI,CAACE,MAAM,GAAG,oBAAoB,GAAG,oBAAoB;AAChG,CAAC;AAED,IAAMC,UAAU,GAAG,SAAbA,UAAU,CAAIJ,IAAsB,EAAEK,SAA6B,EAAEC,KAAa,EAAK;EAC3F,QAAQN,IAAI;IACV,KAAKC,WAAI,CAACM,MAAM;MACd,OAAO,IAAAC,2BAAmB,EAACH,SAAS,EAAEC,KAAK,CAAC;IAC9C,KAAKL,WAAI,CAACE,MAAM;MACd,OAAO,IAAAM,yBAAiB,EAACJ,SAAS,EAAEC,KAAK,CAAC;IAC5C,KAAKL,WAAI,CAACC,KAAK;IACf;MACE,OAAO,IAAAQ,yBAAiB,EAACL,SAAS,EAAEC,KAAK,CAAC;EAAC;AAEjD,CAAC;AAEM,IAAMK,wBAAwB,GAAGC,yBAAM,CAACC,KAAK,sGAChD,UAACC,KAAK;EAAA,OAAKV,UAAU,CAACU,KAAK,CAACd,IAAI,EAAEe,0BAAkB,CAACC,IAAI,EAAEC,cAAM,CAACC,WAAW,CAAC;AAAA,GAC9E,UAACJ,KAAK;EAAA,OAAKf,WAAW,CAACe,KAAK,CAACd,IAAI,CAAC;AAAA,EACrC;AAAC;AAEK,IAAMmB,yBAAyB,GAAGP,yBAAM,CAACQ,GAAG,mUAO7C,UAACN,KAAK;EAAA,OAAKV,UAAU,CAACU,KAAK,CAACd,IAAI,EAAEe,0BAAkB,CAACM,OAAO,EAAEJ,cAAM,CAACK,WAAW,CAAC;AAAA,GACjF,UAACR,KAAK;EAAA,OAAKf,WAAW,CAACe,KAAK,CAACd,IAAI,CAAC;AAAA,GAIlC,UAACc,KAAK;EAAA,OAAKf,WAAW,CAACe,KAAK,CAACd,IAAI,CAAC;AAAA,GAI3BiB,cAAM,CAACM,WAAW,EAGlBN,cAAM,CAACO,WAAW,CAE9B;AAAC"}
+{"version":3,"file":"styles.cjs","names":["_styledComponents","_interopRequireDefault","require","_styles","_types","_templateObject","_templateObject2","marginRight","size","Size","Small","Medium","FontStyles","textStyle","color","XSmall","ComponentXXSStyling","ComponentMStyling","ComponentSStyling","BreadcrumbItemLastStyles","styled","label","_taggedTemplateLiteral2","props","ComponentTextStyle","Bold","COLORS","getColor","theme","exports","BreadcrumbContainerStyles","div","Regular"],"sources":["../../src/Breadcrumb/styles.ts"],"sourcesContent":["import styled from 'styled-components';\r\nimport { COLORS, ComponentMStyling, ComponentSStyling, ComponentTextStyle, ComponentXXSStyling } from '../styles';\r\nimport { Size } from '../types';\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 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\nexport const BreadcrumbItemLastStyles = styled.label<{ size: Size }>`\r\n  ${(props) => FontStyles(props.size, ComponentTextStyle.Bold, COLORS.getColor('neutral_800', props.theme))}\r\n  ${(props) => marginRight(props.size)}\r\n`;\r\n\r\nexport const BreadcrumbContainerStyles = 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.getColor('neutral_600', props.theme))}\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: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n  a:active {\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n`;\r\n"],"mappings":";;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAAgC,IAAAG,eAAA,EAAAC,gBAAA;AAEhC,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIC,IAAsB,EAAK;EAC9C,OAAOA,IAAI,IAAIC,WAAI,CAACC,KAAK,IAAIF,IAAI,IAAIC,WAAI,CAACE,MAAM,GAAG,oBAAoB,GAAG,oBAAoB;AAChG,CAAC;AAED,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAIJ,IAAsB,EAAEK,SAA6B,EAAEC,KAAa,EAAK;EAC3F,QAAQN,IAAI;IACV,KAAKC,WAAI,CAACM,MAAM;MACd,OAAO,IAAAC,2BAAmB,EAACH,SAAS,EAAEC,KAAK,CAAC;IAC9C,KAAKL,WAAI,CAACE,MAAM;MACd,OAAO,IAAAM,yBAAiB,EAACJ,SAAS,EAAEC,KAAK,CAAC;IAC5C,KAAKL,WAAI,CAACC,KAAK;IACf;MACE,OAAO,IAAAQ,yBAAiB,EAACL,SAAS,EAAEC,KAAK,CAAC;EAC9C;AACF,CAAC;AAEM,IAAMK,wBAAwB,GAAGC,4BAAM,CAACC,KAAK,CAAAhB,eAAA,KAAAA,eAAA,OAAAiB,uBAAA,uCAChD,UAACC,KAAK;EAAA,OAAKX,UAAU,CAACW,KAAK,CAACf,IAAI,EAAEgB,0BAAkB,CAACC,IAAI,EAAEC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAACK,KAAK,CAAC,CAAC;AAAA,GACvG,UAACL,KAAK;EAAA,OAAKhB,WAAW,CAACgB,KAAK,CAACf,IAAI,CAAC;AAAA,EACrC;AAACqB,OAAA,CAAAV,wBAAA,GAAAA,wBAAA;AAEK,IAAMW,yBAAyB,GAAGV,4BAAM,CAACW,GAAG,CAAAzB,gBAAA,KAAAA,gBAAA,OAAAgB,uBAAA,kQAO7C,UAACC,KAAK;EAAA,OAAKX,UAAU,CAACW,KAAK,CAACf,IAAI,EAAEgB,0BAAkB,CAACQ,OAAO,EAAEN,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAACK,KAAK,CAAC,CAAC;AAAA,GAC1G,UAACL,KAAK;EAAA,OAAKhB,WAAW,CAACgB,KAAK,CAACf,IAAI,CAAC;AAAA,GAIlC,UAACe,KAAK;EAAA,OAAKhB,WAAW,CAACgB,KAAK,CAACf,IAAI,CAAC;AAAA,GAI3B,UAAAe,KAAK;EAAA,OAAIG,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAACK,KAAK,CAAC;AAAA,GAGpD,UAAAL,KAAK;EAAA,OAAIG,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAACK,KAAK,CAAC;AAAA,EAEhE;AAACC,OAAA,CAAAC,yBAAA,GAAAA,yBAAA","ignoreList":[]}

package/dist/Breadcrumb/styles.js

@@ -18,15 +18,19 @@ var FontStyles = function FontStyles(size, textStyle, color) {
   }
 };
 export var BreadcrumbItemLastStyles = styled.label(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  ", "\n"])), function (props) {
-  return FontStyles(props.size, ComponentTextStyle.Bold, COLORS.neutral_800);
+  return FontStyles(props.size, ComponentTextStyle.Bold, COLORS.getColor('neutral_800', props.theme));
 }, function (props) {
   return marginRight(props.size);
 });
 export var BreadcrumbContainerStyles = styled.div(_templateObject2 || (_templateObject2 = _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, COLORS.neutral_600);
+  return FontStyles(props.size, ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme));
 }, function (props) {
   return marginRight(props.size);
 }, function (props) {
   return marginRight(props.size);
-}, COLORS.primary_700, COLORS.primary_800);
+}, function (props) {
+  return COLORS.getColor('primary_700', props.theme);
+}, function (props) {
+  return COLORS.getColor('primary_800', props.theme);
+});
 //# sourceMappingURL=styles.js.map

package/dist/Breadcrumb/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styled","COLORS","ComponentMStyling","ComponentSStyling","ComponentTextStyle","ComponentXXSStyling","Size","marginRight","size","Small","Medium","FontStyles","textStyle","color","XSmall","BreadcrumbItemLastStyles","label","props","Bold","neutral_800","BreadcrumbContainerStyles","div","Regular","neutral_600","primary_700","primary_800"],"sources":["../../src/Breadcrumb/styles.ts"],"sourcesContent":["import styled from 'styled-components';\r\nimport { COLORS, ComponentMStyling, ComponentSStyling, ComponentTextStyle, ComponentXXSStyling } from '../styles';\r\nimport { Size } from '../types';\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 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\nexport const BreadcrumbItemLastStyles = 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\nexport const BreadcrumbContainerStyles = 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"],"mappings":";;AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,MAAM,EAAEC,iBAAiB,EAAEC,iBAAiB,EAAEC,kBAAkB,EAAEC,mBAAmB,QAAQ,WAAW;AACjH,SAASC,IAAI,QAAQ,UAAU;AAE/B,IAAMC,WAAW,GAAG,SAAdA,WAAW,CAAIC,IAAsB,EAAK;EAC9C,OAAOA,IAAI,IAAIF,IAAI,CAACG,KAAK,IAAID,IAAI,IAAIF,IAAI,CAACI,MAAM,GAAG,oBAAoB,GAAG,oBAAoB;AAChG,CAAC;AAED,IAAMC,UAAU,GAAG,SAAbA,UAAU,CAAIH,IAAsB,EAAEI,SAA6B,EAAEC,KAAa,EAAK;EAC3F,QAAQL,IAAI;IACV,KAAKF,IAAI,CAACQ,MAAM;MACd,OAAOT,mBAAmB,CAACO,SAAS,EAAEC,KAAK,CAAC;IAC9C,KAAKP,IAAI,CAACI,MAAM;MACd,OAAOR,iBAAiB,CAACU,SAAS,EAAEC,KAAK,CAAC;IAC5C,KAAKP,IAAI,CAACG,KAAK;IACf;MACE,OAAON,iBAAiB,CAACS,SAAS,EAAEC,KAAK,CAAC;EAAC;AAEjD,CAAC;AAED,OAAO,IAAME,wBAAwB,GAAGf,MAAM,CAACgB,KAAK,wFAChD,UAACC,KAAK;EAAA,OAAKN,UAAU,CAACM,KAAK,CAACT,IAAI,EAAEJ,kBAAkB,CAACc,IAAI,EAAEjB,MAAM,CAACkB,WAAW,CAAC;AAAA,GAC9E,UAACF,KAAK;EAAA,OAAKV,WAAW,CAACU,KAAK,CAACT,IAAI,CAAC;AAAA,EACrC;AAED,OAAO,IAAMY,yBAAyB,GAAGpB,MAAM,CAACqB,GAAG,qTAO7C,UAACJ,KAAK;EAAA,OAAKN,UAAU,CAACM,KAAK,CAACT,IAAI,EAAEJ,kBAAkB,CAACkB,OAAO,EAAErB,MAAM,CAACsB,WAAW,CAAC;AAAA,GACjF,UAACN,KAAK;EAAA,OAAKV,WAAW,CAACU,KAAK,CAACT,IAAI,CAAC;AAAA,GAIlC,UAACS,KAAK;EAAA,OAAKV,WAAW,CAACU,KAAK,CAACT,IAAI,CAAC;AAAA,GAI3BP,MAAM,CAACuB,WAAW,EAGlBvB,MAAM,CAACwB,WAAW,CAE9B"}
+{"version":3,"file":"styles.js","names":["styled","COLORS","ComponentMStyling","ComponentSStyling","ComponentTextStyle","ComponentXXSStyling","Size","marginRight","size","Small","Medium","FontStyles","textStyle","color","XSmall","BreadcrumbItemLastStyles","label","_templateObject","_taggedTemplateLiteral","props","Bold","getColor","theme","BreadcrumbContainerStyles","div","_templateObject2","Regular"],"sources":["../../src/Breadcrumb/styles.ts"],"sourcesContent":["import styled from 'styled-components';\r\nimport { COLORS, ComponentMStyling, ComponentSStyling, ComponentTextStyle, ComponentXXSStyling } from '../styles';\r\nimport { Size } from '../types';\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 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\nexport const BreadcrumbItemLastStyles = styled.label<{ size: Size }>`\r\n  ${(props) => FontStyles(props.size, ComponentTextStyle.Bold, COLORS.getColor('neutral_800', props.theme))}\r\n  ${(props) => marginRight(props.size)}\r\n`;\r\n\r\nexport const BreadcrumbContainerStyles = 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.getColor('neutral_600', props.theme))}\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: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n  a:active {\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n`;\r\n"],"mappings":";;AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,MAAM,EAAEC,iBAAiB,EAAEC,iBAAiB,EAAEC,kBAAkB,EAAEC,mBAAmB,QAAQ,WAAW;AACjH,SAASC,IAAI,QAAQ,UAAU;AAE/B,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIC,IAAsB,EAAK;EAC9C,OAAOA,IAAI,IAAIF,IAAI,CAACG,KAAK,IAAID,IAAI,IAAIF,IAAI,CAACI,MAAM,GAAG,oBAAoB,GAAG,oBAAoB;AAChG,CAAC;AAED,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAIH,IAAsB,EAAEI,SAA6B,EAAEC,KAAa,EAAK;EAC3F,QAAQL,IAAI;IACV,KAAKF,IAAI,CAACQ,MAAM;MACd,OAAOT,mBAAmB,CAACO,SAAS,EAAEC,KAAK,CAAC;IAC9C,KAAKP,IAAI,CAACI,MAAM;MACd,OAAOR,iBAAiB,CAACU,SAAS,EAAEC,KAAK,CAAC;IAC5C,KAAKP,IAAI,CAACG,KAAK;IACf;MACE,OAAON,iBAAiB,CAACS,SAAS,EAAEC,KAAK,CAAC;EAC9C;AACF,CAAC;AAED,OAAO,IAAME,wBAAwB,GAAGf,MAAM,CAACgB,KAAK,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,2BAChD,UAACC,KAAK;EAAA,OAAKR,UAAU,CAACQ,KAAK,CAACX,IAAI,EAAEJ,kBAAkB,CAACgB,IAAI,EAAEnB,MAAM,CAACoB,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,GACvG,UAACH,KAAK;EAAA,OAAKZ,WAAW,CAACY,KAAK,CAACX,IAAI,CAAC;AAAA,EACrC;AAED,OAAO,IAAMe,yBAAyB,GAAGvB,MAAM,CAACwB,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAP,sBAAA,sPAO7C,UAACC,KAAK;EAAA,OAAKR,UAAU,CAACQ,KAAK,CAACX,IAAI,EAAEJ,kBAAkB,CAACsB,OAAO,EAAEzB,MAAM,CAACoB,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,GAC1G,UAACH,KAAK;EAAA,OAAKZ,WAAW,CAACY,KAAK,CAACX,IAAI,CAAC;AAAA,GAIlC,UAACW,KAAK;EAAA,OAAKZ,WAAW,CAACY,KAAK,CAACX,IAAI,CAAC;AAAA,GAI3B,UAAAW,KAAK;EAAA,OAAIlB,MAAM,CAACoB,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAGpD,UAAAH,KAAK;EAAA,OAAIlB,MAAM,CAACoB,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,EAEhE","ignoreList":[]}