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

package/dist/Banners/styles.js

@@ -3,48 +3,48 @@ var _templateObject;
 import { css } from 'styled-components';
 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;
   }

package/dist/Banners/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["css","IconButtonStyledSecondary","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","_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) => {\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    ${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,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;EACJ;EAEA,OAAO9B,GAAG,CAAAiC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,ycACNjC,yBAAyB,EAMjBI,KAAK,CAACC,OAAO,EAICD,KAAK,CAACG,YAAY,EAI9BH,KAAK,CAACK,YAAY,EAKZL,KAAK,CAACO,aAAa,EAIzBP,KAAK,CAACS,aAAa;AAInC,CAAC","ignoreList":[]}
+{"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":[]}

package/dist/Breadcrumb/Breadcrumb.cjs

@@ -15,6 +15,7 @@ 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); }
@@ -35,6 +36,7 @@ var Breadcrumb = function Breadcrumb(_ref) {
     _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 {
@@ -51,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
       })
     });
@@ -101,7 +103,7 @@ var Breadcrumb = function Breadcrumb(_ref) {
         items: dropdownItems,
         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

package/dist/Breadcrumb/Breadcrumb.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.cjs","names":["React","_interopRequireWildcard","require","_styles","_","_reactRouter","_DropdownButton","_interopRequireDefault","_styles2","_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","navigateHook","useNavigate","dropdownItems","slice","map","x","value","url","displayLabel","label","navigate","links","chevronSize","Medium","renderChevron","jsx","children","SystemIcons","ForwardSlash","className","color","COLORS","neutral_500","renderBreadcrumbLinkItem","index","item","jsxs","Fragment","HyperLink","id","onClick","preventDefault","target","variant","href","BreadcrumbContainerStyles","IconButton","shape","action","Home","type","alignLeft","XSmall","icon","MoreHorizontal","neutral_600","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\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 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 == Size.XSmall ? Size.Small : 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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","ignoreList":[]}
+{"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":"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","ignoreList":[]}

package/dist/Breadcrumb/Breadcrumb.js

@@ -11,6 +11,7 @@ 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";
@@ -28,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 {
@@ -44,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
       })
     });
@@ -94,7 +96,7 @@ var Breadcrumb = function Breadcrumb(_ref) {
         items: dropdownItems,
         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","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","navigateHook","dropdownItems","slice","length","map","x","value","url","displayLabel","label","navigate","links","chevronSize","Medium","renderChevron","children","ForwardSlash","className","color","neutral_500","renderBreadcrumbLinkItem","index","item","id","onClick","e","preventDefault","target","variant","href","_objectSpread","shape","action","Home","type","alignLeft","XSmall","icon","MoreHorizontal","neutral_600","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\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 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 == Size.XSmall ? Size.Small : 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,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,IAAI,EAAEC,WAAW,QAAQ,IAAI;AACtC,SAASC,WAAW,QAAQ,cAAc;AAC1C,SAASC,SAAS,EAAEC,UAAU,QAAQ,IAAI;AAE1C,OAAOC,cAAc,MAAM,4BAA4B;AAEvD,SAASC,yBAAyB,EAAEC,wBAAwB,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAkB/E;AACA,IAAMC,UAAoD,GAAG,SAAvDA,UAAoDA,CAAAC,IAAA,EAQpD;EAAA,IAPJC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAAC,SAAA,GAAAF,IAAA,CACLG,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAGjB,IAAI,CAACmB,KAAK,GAAAF,SAAA;IAAAG,aAAA,GAAAL,IAAA,CACjBM,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,IAAI,GAAAA,aAAA;IAAAE,cAAA,GAAAP,IAAA,CACfQ,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,MAAM,GAAAA,cAAA;IAAAE,oBAAA,GAAAT,IAAA,CAClBU,eAAe;IAAfA,eAAe,GAAAD,oBAAA,cAAG,KAAK,GAAAA,oBAAA;IAAAE,YAAA,GAAAX,IAAA,CACvBY,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,GAAG,GAAAA,YAAA;IACVE,IAAI,GAAAC,wBAAA,CAAAd,IAAA,EAAAe,SAAA;EAEP,IAAMC,YAAY,GAAG7B,WAAW,CAAC,CAAC;EAClC,IAAM8B,aAA6B,GAAGhB,KAAK,GAAGA,KAAK,CAACiB,KAAK,CAAC,CAAC,EAAEjB,KAAK,CAACkB,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,QAAQA,CAAIC,KAAe,EAAK;IACpCX,YAAY,CAACW,KAAK,CAAC,CAAC,CAAC,CAAC;EACxB,CAAC;EAED,IAAMC,WAAW,GAAGzB,IAAI,IAAIlB,IAAI,CAAC4C,MAAM,GAAG,MAAM,GAAG1B,IAAI,IAAIlB,IAAI,CAACmB,KAAK,GAAG,MAAM,GAAG,MAAM;EACvF,IAAM0B,aAAa,GAAG,SAAhBA,aAAaA,CAAA;IAAA,oBACjBpC,IAAA;MAAK,eAAY,MAAM;MAAAqC,QAAA,eACrBrC,IAAA,CAACR,WAAW,CAAC8C,YAAY;QAACC,SAAS,EAAC,aAAa;QAACC,KAAK,EAAElD,MAAM,CAACmD,WAAY;QAAChC,IAAI,EAAEyB;MAAY,CAAE;IAAC,CAC/F,CAAC;EAAA,CACP;EACD,IAAMQ,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAAIC,KAAa,EAAEC,IAAoB,EAAK;IACxE,oBACExC,KAAA,CAAAF,SAAA;MAAAmC,QAAA,GACGD,aAAa,CAAC,CAAC,eAChBpC,IAAA,CAACN,SAAS;QACRmD,EAAE,EAAE,YAAY,GAAGF,KAAM;QACzBG,OAAO,EAAE,SAAAA,QAACC,CAAC,EAAK;UACdA,CAAC,CAACC,cAAc,CAAC,CAAC;UAClB1B,YAAY,CAACsB,IAAI,CAACf,GAAG,CAAC;QACxB,CAAE;QACFoB,MAAM,EAAC,OAAO;QACdC,OAAO,EAAC,SAAS;QACjBC,IAAI,EAAEP,IAAI,CAACf,GAAI;QAAAQ,QAAA,EACdO,IAAI,CAACb;MAAK,CACF,CAAC;IAAA,CACZ,CAAC;EAEP,CAAC;EAED,oBACE3B,KAAA,CAACP,yBAAyB,EAAAuD,aAAA,CAAAA,aAAA;IAAC3C,IAAI,EAAEA,IAAK;IAAC,eAAa;EAAqB,GAAKU,IAAI;IAAAkB,QAAA,GAC/EzB,QAAQ,gBACPZ,IAAA,CAACL,UAAU;MAACkD,EAAE,EAAC,UAAU;MAACK,OAAO,EAAC,WAAW;MAACG,KAAK,EAAC,UAAU;MAACC,MAAM,EAAE,SAAAA,OAAA;QAAA,OAAMhC,YAAY,CAACJ,OAAO,CAAC;MAAA,CAAC;MAAAmB,QAAA,eACjGrC,IAAA,CAACR,WAAW,CAAC+D,IAAI;QAAC9C,IAAI,EAAEyB;MAAY,CAAE;IAAC,CAC7B,CAAC,gBAEblC,IAAA,CAACN,SAAS;MACRmD,EAAE,EAAE,UAAW;MACfK,OAAO,EAAC,SAAS;MACjBC,IAAI,EAAEjC,OAAQ;MACd4B,OAAO,EAAE,SAAAA,QAACC,CAAC,EAAK;QACdA,CAAC,CAACC,cAAc,CAAC,CAAC;QAClB1B,YAAY,CAACJ,OAAO,CAAC;MACvB,CAAE;MAAAmB,QAAA,EACDvB;IAAS,CACD,CACZ,EAEA,CAAC,CAACP,KAAK,IACNA,KAAK,CAACkB,MAAM,GAAG,CAAC,KACflB,KAAK,CAACkB,MAAM,GAAG,CAAC,gBACfrB,KAAA,CAAAF,SAAA;MAAAmC,QAAA,GACGD,aAAa,CAAC,CAAC,eAChBpC,IAAA,CAACJ,cAAc;QACb4D,IAAI,EAAE,MAAO;QACbC,SAAS,EAAE,IAAK;QAChBlD,KAAK,EAAEgB,aAAc;QACrBd,IAAI,EAAEA,IAAI,IAAIlB,IAAI,CAACmE,MAAM,GAAGnE,IAAI,CAACmB,KAAK,GAAGD,IAAK;QAC9CkD,IAAI,eAAE3D,IAAA,CAACR,WAAW,CAACoE,cAAc;UAACpB,KAAK,EAAElD,MAAM,CAACuE,WAAY;UAACpD,IAAI,EAAC;QAAM,CAAE,CAAE;QAC5EqC,OAAO,EAAEd;MAAS,CACnB,CAAC;IAAA,CACF,CAAC,gBAEHhC,IAAA,CAAAE,SAAA;MAAAmC,QAAA,EAAGK,wBAAwB,CAACnC,KAAK,CAACkB,MAAM,GAAG,CAAC,EAAElB,KAAK,CAACA,KAAK,CAACkB,MAAM,GAAG,CAAC,CAAC;IAAC,CAAG,CAC1E,CAAC,EAEH,CAAC,CAAClB,KAAK,IAAIA,KAAK,CAACkB,MAAM,GAAG,CAAC,iBAAIzB,IAAA,CAAAE,SAAA;MAAAmC,QAAA,EAAGK,wBAAwB,CAACnC,KAAK,CAACkB,MAAM,GAAG,CAAC,EAAElB,KAAK,CAACA,KAAK,CAACkB,MAAM,GAAG,CAAC,CAAC;IAAC,CAAG,CAAC,EAEzG,CAAC,CAAClB,KAAK,IAAIA,KAAK,CAACkB,MAAM,GAAG,CAAC,iBAC1BzB,IAAA,CAAAE,SAAA;MAAAmC,QAAA,EACGrB,eAAe,gBACdZ,KAAA,CAAAF,SAAA;QAAAmC,QAAA,GACGD,aAAa,CAAC,CAAC,eAChBpC,IAAA,CAACF,wBAAwB;UAACW,IAAI,EAAEA,IAAK;UAAA4B,QAAA,EAAE9B,KAAK,CAACA,KAAK,CAACkB,MAAM,GAAG,CAAC,CAAC,CAACM;QAAK,CAA2B,CAAC;MAAA,CAChG,CAAC,gBAEH3B,KAAA,CAAAF,SAAA;QAAAmC,QAAA,GACGK,wBAAwB,CAACnC,KAAK,CAACkB,MAAM,GAAG,CAAC,EAAElB,KAAK,CAACA,KAAK,CAACkB,MAAM,GAAG,CAAC,CAAC,CAAC,EACnEW,aAAa,CAAC,CAAC;MAAA,CAChB;IACH,CACD,CACH;EAAA,EACwB,CAAC;AAEhC,CAAC;AAAC/B,UAAA,CAAAyD,SAAA;EA9GAlD,QAAQ,EAAAmD,GAAA,CAAAC,IAAA;EAERlD,SAAS,EAAAiD,GAAA,CAAAE,MAAA;EAET/C,OAAO,EAAA6C,GAAA,CAAAE,MAAA;EAEP1D,KAAK,EAAAwD,GAAA,CAAAG,KAAA;EAILlD,eAAe,EAAA+C,GAAA,CAAAC;AAAA;AAsGjB,eAAe3D,UAAU","ignoreList":[]}
+{"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/styles.cjs

@@ -25,17 +25,21 @@ var FontStyles = function FontStyles(size, 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);
+  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);
+  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":["_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","neutral_800","exports","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,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,WAAW,CAAC;AAAA,GAC9E,UAACJ,KAAK;EAAA,OAAKhB,WAAW,CAACgB,KAAK,CAACf,IAAI,CAAC;AAAA,EACrC;AAACoB,OAAA,CAAAT,wBAAA,GAAAA,wBAAA;AAEK,IAAMU,yBAAyB,GAAGT,4BAAM,CAACU,GAAG,CAAAxB,gBAAA,KAAAA,gBAAA,OAAAgB,uBAAA,kQAO7C,UAACC,KAAK;EAAA,OAAKX,UAAU,CAACW,KAAK,CAACf,IAAI,EAAEgB,0BAAkB,CAACO,OAAO,EAAEL,cAAM,CAACM,WAAW,CAAC;AAAA,GACjF,UAACT,KAAK;EAAA,OAAKhB,WAAW,CAACgB,KAAK,CAACf,IAAI,CAAC;AAAA,GAIlC,UAACe,KAAK;EAAA,OAAKhB,WAAW,CAACgB,KAAK,CAACf,IAAI,CAAC;AAAA,GAI3BkB,cAAM,CAACO,WAAW,EAGlBP,cAAM,CAACQ,WAAW,CAE9B;AAACN,OAAA,CAAAC,yBAAA,GAAAA,yBAAA","ignoreList":[]}
+{"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","_templateObject","_taggedTemplateLiteral","props","Bold","neutral_800","BreadcrumbContainerStyles","div","_templateObject2","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,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,WAAW,CAAC;AAAA,GAC9E,UAACF,KAAK;EAAA,OAAKZ,WAAW,CAACY,KAAK,CAACX,IAAI,CAAC;AAAA,EACrC;AAED,OAAO,IAAMc,yBAAyB,GAAGtB,MAAM,CAACuB,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAN,sBAAA,sPAO7C,UAACC,KAAK;EAAA,OAAKR,UAAU,CAACQ,KAAK,CAACX,IAAI,EAAEJ,kBAAkB,CAACqB,OAAO,EAAExB,MAAM,CAACyB,WAAW,CAAC;AAAA,GACjF,UAACP,KAAK;EAAA,OAAKZ,WAAW,CAACY,KAAK,CAACX,IAAI,CAAC;AAAA,GAIlC,UAACW,KAAK;EAAA,OAAKZ,WAAW,CAACY,KAAK,CAACX,IAAI,CAAC;AAAA,GAI3BP,MAAM,CAAC0B,WAAW,EAGlB1B,MAAM,CAAC2B,WAAW,CAE9B","ignoreList":[]}
+{"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":[]}

package/dist/Button/BackButton.cjs

@@ -26,8 +26,18 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var BackButtonContentContainer = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])([""])));
 exports.BackButtonContentContainer = BackButtonContentContainer;
 var BackButtonContainerStyles = _styledComponents["default"].button(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  box-sizing: border-box;\n  min-height: 48px;\n  padding: 0;\n  margin: 0;\n  outline:none;\n  max-width: max-content;\n  display: flex;\n  align-items: center;\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n\n  ", ";\n  font-feature-settings: 'liga' off;\n\n  & > ", " {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-start;\n    max-width: max-content;\n    padding: 4px 4px 4px 0;\n    border-radius: 4px;\n    cursor: inherit;\n    min-width: 64px;\n\n  }\n\n  & > ", " > span {\n    display: flex;\n    cursor: inherit;\n  }\n  & > ", " > label {\n    display: flex;\n    cursor: inherit;\n    flex-grow: 1;\n    justify-content: center;\n  }\n\n  &:hover > ", ",\n  &.hover-state > ", " {\n    background-color: ", ";\n    color: ", ";\n  }\n  &:focus > ", ",\n  &.focus-state > ", " {\n    ", "\n  }\n  &:active > ", ",\n  &.active-state > ", " {\n    background-color: ", ";\n    color: ", ";\n  }\n  &:disabled {\n    cursor: not-allowed;\n  }\n  &:disabled > ", " {\n    color: ", " !important;\n    background-color: transparent !important;\n  }\n"])), function (props) {
-  return props.size === _types.Size.XSmall ? (0, _styles.ComponentXSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.neutral_600) : (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.neutral_600);
-}, BackButtonContentContainer, BackButtonContentContainer, BackButtonContentContainer, BackButtonContentContainer, BackButtonContentContainer, _styles.COLORS.primary_20, _styles.COLORS.primary_700, BackButtonContentContainer, BackButtonContentContainer, _styles.focusStyles, BackButtonContentContainer, BackButtonContentContainer, _styles.COLORS.primary_100, _styles.COLORS.primary_800, BackButtonContentContainer, _styles.COLORS.neutral_300);
+  return props.size === _types.Size.XSmall ? (0, _styles.ComponentXSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_600', props.theme)) : (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_600', props.theme));
+}, BackButtonContentContainer, BackButtonContentContainer, BackButtonContentContainer, BackButtonContentContainer, BackButtonContentContainer, function (props) {
+  return _styles.COLORS.getColor('primary_20', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('primary_700', props.theme);
+}, BackButtonContentContainer, BackButtonContentContainer, _styles.focusStyles, BackButtonContentContainer, BackButtonContentContainer, function (props) {
+  return _styles.COLORS.getColor('primary_100', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('primary_800', props.theme);
+}, BackButtonContentContainer, function (props) {
+  return _styles.COLORS.getColor('neutral_300', props.theme);
+});
 var BackButton = function BackButton(_ref) {
   var children = _ref.children,
     _ref$size = _ref.size,

package/dist/Button/BackButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BackButton.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styles","_types","_icons","_common","_jsxRuntime","_excluded","_templateObject","_templateObject2","_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","BackButtonContentContainer","styled","div","_taggedTemplateLiteral2","exports","BackButtonContainerStyles","button","props","size","Size","XSmall","ComponentXSStyling","ComponentTextStyle","Bold","COLORS","neutral_600","ComponentSStyling","primary_20","primary_700","focusStyles","primary_100","primary_800","neutral_300","BackButton","_ref","children","_ref$size","Small","dataTestId","_objectWithoutProperties2","jsx","onMouseDown","defaultOnMouseDownHandler","jsxs","SystemIcons","ArrowLineLeft","propTypes","disabled","_propTypes","bool","_default"],"sources":["../../src/Button/BackButton.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {COLORS, focusStyles} from '../styles';\r\nimport { Size, Testable } from '../types';\r\nimport { SystemIcons } from '../icons';\r\nimport { ComponentTextStyle, ComponentSStyling, ComponentXSStyling } from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nexport const BackButtonContentContainer = styled.div``;\r\n\r\nconst BackButtonContainerStyles = styled.button<BackButtonProps>`\r\n  box-sizing: border-box;\r\n  min-height: 48px;\r\n  padding: 0;\r\n  margin: 0;\r\n  outline:none;\r\n  max-width: max-content;\r\n  display: flex;\r\n  align-items: center;\r\n  border: none;\r\n  background-color: transparent;\r\n  cursor: pointer;\r\n\r\n  ${(props) => (props.size === Size.XSmall ? ComponentXSStyling(ComponentTextStyle.Bold, COLORS.neutral_600) : ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600))};\r\n  font-feature-settings: 'liga' off;\r\n\r\n  & > ${BackButtonContentContainer} {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    max-width: max-content;\r\n    padding: 4px 4px 4px 0;\r\n    border-radius: 4px;\r\n    cursor: inherit;\r\n    min-width: 64px;\r\n\r\n  }\r\n\r\n  & > ${BackButtonContentContainer} > span {\r\n    display: flex;\r\n    cursor: inherit;\r\n  }\r\n  & > ${BackButtonContentContainer} > label {\r\n    display: flex;\r\n    cursor: inherit;\r\n    flex-grow: 1;\r\n    justify-content: center;\r\n  }\r\n\r\n  &:hover > ${BackButtonContentContainer},\r\n  &.hover-state > ${BackButtonContentContainer} {\r\n    background-color: ${COLORS.primary_20};\r\n    color: ${COLORS.primary_700};\r\n  }\r\n  &:focus > ${BackButtonContentContainer},\r\n  &.focus-state > ${BackButtonContentContainer} {\r\n    ${focusStyles}\r\n  }\r\n  &:active > ${BackButtonContentContainer},\r\n  &.active-state > ${BackButtonContentContainer} {\r\n    background-color: ${COLORS.primary_100};\r\n    color: ${COLORS.primary_800};\r\n  }\r\n  &:disabled {\r\n    cursor: not-allowed;\r\n  }\r\n  &:disabled > ${BackButtonContentContainer} {\r\n    color: ${COLORS.neutral_300} !important;\r\n    background-color: transparent !important;\r\n  }\r\n`;\r\n\r\nexport interface BackButtonProps extends Testable, React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n    /**\r\n   * Required. The size of the back button. Can be 'Small' or 'XSmall'.\r\n   */\r\n  size: Size.Small | Size.XSmall;\r\n    /**\r\n   * Optional. A boolean indicating whether the back button is disabled.\r\n   */\r\n  disabled?: boolean;\r\n}\r\nconst BackButton: React.FunctionComponent<BackButtonProps> = ({ children, size = Size.Small, dataTestId, ...props }) => {\r\n  return (\r\n    <BackButtonContainerStyles {...props} size={size} onMouseDown={defaultOnMouseDownHandler} dataTestId={dataTestId}>\r\n      <BackButtonContentContainer>\r\n        <span aria-hidden=\"true\">\r\n          <SystemIcons.ArrowLineLeft size={size === Size.XSmall ? '20' : '24'} />\r\n        </span>\r\n        <label>{children}</label>\r\n      </BackButtonContentContainer>\r\n    </BackButtonContainerStyles>\r\n  );\r\n};\r\n\r\nexport default BackButton;\r\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAEA,IAAAM,OAAA,GAAAN,OAAA;AAAoD,IAAAO,WAAA,GAAAP,OAAA;AAAA,IAAAQ,SAAA;AAAA,IAAAC,eAAA,EAAAC,gBAAA;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,SAAAb,wBAAAa,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;AAE7C,IAAMkC,0BAA0B,GAAGC,4BAAM,CAACC,GAAG,CAAAvC,eAAA,KAAAA,eAAA,OAAAwC,uBAAA,oBAAE;AAACC,OAAA,CAAAJ,0BAAA,GAAAA,0BAAA;AAEvD,IAAMK,yBAAyB,GAAGJ,4BAAM,CAACK,MAAM,CAAA1C,gBAAA,KAAAA,gBAAA,OAAAuC,uBAAA,uoCAa3C,UAACI,KAAK;EAAA,OAAMA,KAAK,CAACC,IAAI,KAAKC,WAAI,CAACC,MAAM,GAAG,IAAAC,0BAAkB,EAACC,0BAAkB,CAACC,IAAI,EAAEC,cAAM,CAACC,WAAW,CAAC,GAAG,IAAAC,yBAAiB,EAACJ,0BAAkB,CAACC,IAAI,EAAEC,cAAM,CAACC,WAAW,CAAC;AAAA,CAAC,EAGtKf,0BAA0B,EAa1BA,0BAA0B,EAI1BA,0BAA0B,EAOpBA,0BAA0B,EACpBA,0BAA0B,EACtBc,cAAM,CAACG,UAAU,EAC5BH,cAAM,CAACI,WAAW,EAEjBlB,0BAA0B,EACpBA,0BAA0B,EACxCmB,mBAAW,EAEFnB,0BAA0B,EACpBA,0BAA0B,EACvBc,cAAM,CAACM,WAAW,EAC7BN,cAAM,CAACO,WAAW,EAKdrB,0BAA0B,EAC9Bc,cAAM,CAACQ,WAAW,CAG9B;AAYD,IAAMC,UAAoD,GAAG,SAAvDA,UAAoDA,CAAAC,IAAA,EAA8D;EAAA,IAAxDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,SAAA,GAAAF,IAAA,CAAEhB,IAAI;IAAJA,IAAI,GAAAkB,SAAA,cAAGjB,WAAI,CAACkB,KAAK,GAAAD,SAAA;IAAEE,UAAU,GAAAJ,IAAA,CAAVI,UAAU;IAAKrB,KAAK,OAAAsB,yBAAA,aAAAL,IAAA,EAAA9D,SAAA;EAC/G,oBACE,IAAAD,WAAA,CAAAqE,GAAA,EAACzB,yBAAyB,EAAAZ,aAAA,CAAAA,aAAA,KAAKc,KAAK;IAAEC,IAAI,EAAEA,IAAK;IAACuB,WAAW,EAAEC,iCAA0B;IAACJ,UAAU,EAAEA,UAAW;IAAAH,QAAA,eAC/G,IAAAhE,WAAA,CAAAwE,IAAA,EAACjC,0BAA0B;MAAAyB,QAAA,gBACzB,IAAAhE,WAAA,CAAAqE,GAAA;QAAM,eAAY,MAAM;QAAAL,QAAA,eACtB,IAAAhE,WAAA,CAAAqE,GAAA,EAACvE,MAAA,CAAA2E,WAAW,CAACC,aAAa;UAAC3B,IAAI,EAAEA,IAAI,KAAKC,WAAI,CAACC,MAAM,GAAG,IAAI,GAAG;QAAK,CAAE;MAAC,CACnE,CAAC,eACP,IAAAjD,WAAA,CAAAqE,GAAA;QAAAL,QAAA,EAAQA;MAAQ,CAAQ,CAAC;IAAA,CACC;EAAC,EACJ,CAAC;AAEhC,CAAC;AAACF,UAAA,CAAAa,SAAA;EAbAC,QAAQ,EAAAC,UAAA,YAAAC;AAAA;AAAA,IAAAC,QAAA,GAeKjB,UAAU;AAAAnB,OAAA,cAAAoC,QAAA","ignoreList":[]}
+{"version":3,"file":"BackButton.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styles","_types","_icons","_common","_jsxRuntime","_excluded","_templateObject","_templateObject2","_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","BackButtonContentContainer","styled","div","_taggedTemplateLiteral2","exports","BackButtonContainerStyles","button","props","size","Size","XSmall","ComponentXSStyling","ComponentTextStyle","Bold","COLORS","getColor","theme","ComponentSStyling","focusStyles","BackButton","_ref","children","_ref$size","Small","dataTestId","_objectWithoutProperties2","jsx","onMouseDown","defaultOnMouseDownHandler","jsxs","SystemIcons","ArrowLineLeft","propTypes","disabled","_propTypes","bool","_default"],"sources":["../../src/Button/BackButton.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {COLORS, focusStyles} from '../styles';\r\nimport { Size, Testable } from '../types';\r\nimport { SystemIcons } from '../icons';\r\nimport { ComponentTextStyle, ComponentSStyling, ComponentXSStyling } from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nexport const BackButtonContentContainer = styled.div``;\r\n\r\nconst BackButtonContainerStyles = styled.button<BackButtonProps>`\r\n  box-sizing: border-box;\r\n  min-height: 48px;\r\n  padding: 0;\r\n  margin: 0;\r\n  outline:none;\r\n  max-width: max-content;\r\n  display: flex;\r\n  align-items: center;\r\n  border: none;\r\n  background-color: transparent;\r\n  cursor: pointer;\r\n\r\n  ${(props) => (props.size === Size.XSmall ? ComponentXSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme)) : ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme)))};\r\n  font-feature-settings: 'liga' off;\r\n\r\n  & > ${BackButtonContentContainer} {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    max-width: max-content;\r\n    padding: 4px 4px 4px 0;\r\n    border-radius: 4px;\r\n    cursor: inherit;\r\n    min-width: 64px;\r\n\r\n  }\r\n\r\n  & > ${BackButtonContentContainer} > span {\r\n    display: flex;\r\n    cursor: inherit;\r\n  }\r\n  & > ${BackButtonContentContainer} > label {\r\n    display: flex;\r\n    cursor: inherit;\r\n    flex-grow: 1;\r\n    justify-content: center;\r\n  }\r\n\r\n  &:hover > ${BackButtonContentContainer},\r\n  &.hover-state > ${BackButtonContentContainer} {\r\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n  &:focus > ${BackButtonContentContainer},\r\n  &.focus-state > ${BackButtonContentContainer} {\r\n    ${focusStyles}\r\n  }\r\n  &:active > ${BackButtonContentContainer},\r\n  &.active-state > ${BackButtonContentContainer} {\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n  &:disabled {\r\n    cursor: not-allowed;\r\n  }\r\n  &:disabled > ${BackButtonContentContainer} {\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n    background-color: transparent !important;\r\n  }\r\n`;\r\n\r\nexport interface BackButtonProps extends Testable, React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n    /**\r\n   * Required. The size of the back button. Can be 'Small' or 'XSmall'.\r\n   */\r\n  size: Size.Small | Size.XSmall;\r\n    /**\r\n   * Optional. A boolean indicating whether the back button is disabled.\r\n   */\r\n  disabled?: boolean;\r\n}\r\nconst BackButton: React.FunctionComponent<BackButtonProps> = ({ children, size = Size.Small, dataTestId, ...props }) => {\r\n  return (\r\n    <BackButtonContainerStyles {...props} size={size} onMouseDown={defaultOnMouseDownHandler} dataTestId={dataTestId}>\r\n      <BackButtonContentContainer>\r\n        <span aria-hidden=\"true\">\r\n          <SystemIcons.ArrowLineLeft size={size === Size.XSmall ? '20' : '24'} />\r\n        </span>\r\n        <label>{children}</label>\r\n      </BackButtonContentContainer>\r\n    </BackButtonContainerStyles>\r\n  );\r\n};\r\n\r\nexport default BackButton;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Button/BackButton.js

@@ -17,8 +17,18 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var BackButtonContentContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral([""])));
 var BackButtonContainerStyles = styled.button(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  box-sizing: border-box;\n  min-height: 48px;\n  padding: 0;\n  margin: 0;\n  outline:none;\n  max-width: max-content;\n  display: flex;\n  align-items: center;\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n\n  ", ";\n  font-feature-settings: 'liga' off;\n\n  & > ", " {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-start;\n    max-width: max-content;\n    padding: 4px 4px 4px 0;\n    border-radius: 4px;\n    cursor: inherit;\n    min-width: 64px;\n\n  }\n\n  & > ", " > span {\n    display: flex;\n    cursor: inherit;\n  }\n  & > ", " > label {\n    display: flex;\n    cursor: inherit;\n    flex-grow: 1;\n    justify-content: center;\n  }\n\n  &:hover > ", ",\n  &.hover-state > ", " {\n    background-color: ", ";\n    color: ", ";\n  }\n  &:focus > ", ",\n  &.focus-state > ", " {\n    ", "\n  }\n  &:active > ", ",\n  &.active-state > ", " {\n    background-color: ", ";\n    color: ", ";\n  }\n  &:disabled {\n    cursor: not-allowed;\n  }\n  &:disabled > ", " {\n    color: ", " !important;\n    background-color: transparent !important;\n  }\n"])), function (props) {
-  return props.size === Size.XSmall ? ComponentXSStyling(ComponentTextStyle.Bold, COLORS.neutral_600) : ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600);
-}, BackButtonContentContainer, BackButtonContentContainer, BackButtonContentContainer, BackButtonContentContainer, BackButtonContentContainer, COLORS.primary_20, COLORS.primary_700, BackButtonContentContainer, BackButtonContentContainer, focusStyles, BackButtonContentContainer, BackButtonContentContainer, COLORS.primary_100, COLORS.primary_800, BackButtonContentContainer, COLORS.neutral_300);
+  return props.size === Size.XSmall ? ComponentXSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme)) : ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme));
+}, BackButtonContentContainer, BackButtonContentContainer, BackButtonContentContainer, BackButtonContentContainer, BackButtonContentContainer, function (props) {
+  return COLORS.getColor('primary_20', props.theme);
+}, function (props) {
+  return COLORS.getColor('primary_700', props.theme);
+}, BackButtonContentContainer, BackButtonContentContainer, focusStyles, BackButtonContentContainer, BackButtonContentContainer, function (props) {
+  return COLORS.getColor('primary_100', props.theme);
+}, function (props) {
+  return COLORS.getColor('primary_800', props.theme);
+}, BackButtonContentContainer, function (props) {
+  return COLORS.getColor('neutral_300', props.theme);
+});
 var BackButton = function BackButton(_ref) {
   var children = _ref.children,
     _ref$size = _ref.size,

package/dist/Button/BackButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackButton.js","names":["React","styled","COLORS","focusStyles","Size","SystemIcons","ComponentTextStyle","ComponentSStyling","ComponentXSStyling","defaultOnMouseDownHandler","jsx","_jsx","jsxs","_jsxs","BackButtonContentContainer","div","_templateObject","_taggedTemplateLiteral","BackButtonContainerStyles","button","_templateObject2","props","size","XSmall","Bold","neutral_600","primary_20","primary_700","primary_100","primary_800","neutral_300","BackButton","_ref","children","_ref$size","Small","dataTestId","_objectWithoutProperties","_excluded","_objectSpread","onMouseDown","ArrowLineLeft","propTypes","disabled","_pt","bool"],"sources":["../../src/Button/BackButton.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {COLORS, focusStyles} from '../styles';\r\nimport { Size, Testable } from '../types';\r\nimport { SystemIcons } from '../icons';\r\nimport { ComponentTextStyle, ComponentSStyling, ComponentXSStyling } from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nexport const BackButtonContentContainer = styled.div``;\r\n\r\nconst BackButtonContainerStyles = styled.button<BackButtonProps>`\r\n  box-sizing: border-box;\r\n  min-height: 48px;\r\n  padding: 0;\r\n  margin: 0;\r\n  outline:none;\r\n  max-width: max-content;\r\n  display: flex;\r\n  align-items: center;\r\n  border: none;\r\n  background-color: transparent;\r\n  cursor: pointer;\r\n\r\n  ${(props) => (props.size === Size.XSmall ? ComponentXSStyling(ComponentTextStyle.Bold, COLORS.neutral_600) : ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600))};\r\n  font-feature-settings: 'liga' off;\r\n\r\n  & > ${BackButtonContentContainer} {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    max-width: max-content;\r\n    padding: 4px 4px 4px 0;\r\n    border-radius: 4px;\r\n    cursor: inherit;\r\n    min-width: 64px;\r\n\r\n  }\r\n\r\n  & > ${BackButtonContentContainer} > span {\r\n    display: flex;\r\n    cursor: inherit;\r\n  }\r\n  & > ${BackButtonContentContainer} > label {\r\n    display: flex;\r\n    cursor: inherit;\r\n    flex-grow: 1;\r\n    justify-content: center;\r\n  }\r\n\r\n  &:hover > ${BackButtonContentContainer},\r\n  &.hover-state > ${BackButtonContentContainer} {\r\n    background-color: ${COLORS.primary_20};\r\n    color: ${COLORS.primary_700};\r\n  }\r\n  &:focus > ${BackButtonContentContainer},\r\n  &.focus-state > ${BackButtonContentContainer} {\r\n    ${focusStyles}\r\n  }\r\n  &:active > ${BackButtonContentContainer},\r\n  &.active-state > ${BackButtonContentContainer} {\r\n    background-color: ${COLORS.primary_100};\r\n    color: ${COLORS.primary_800};\r\n  }\r\n  &:disabled {\r\n    cursor: not-allowed;\r\n  }\r\n  &:disabled > ${BackButtonContentContainer} {\r\n    color: ${COLORS.neutral_300} !important;\r\n    background-color: transparent !important;\r\n  }\r\n`;\r\n\r\nexport interface BackButtonProps extends Testable, React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n    /**\r\n   * Required. The size of the back button. Can be 'Small' or 'XSmall'.\r\n   */\r\n  size: Size.Small | Size.XSmall;\r\n    /**\r\n   * Optional. A boolean indicating whether the back button is disabled.\r\n   */\r\n  disabled?: boolean;\r\n}\r\nconst BackButton: React.FunctionComponent<BackButtonProps> = ({ children, size = Size.Small, dataTestId, ...props }) => {\r\n  return (\r\n    <BackButtonContainerStyles {...props} size={size} onMouseDown={defaultOnMouseDownHandler} dataTestId={dataTestId}>\r\n      <BackButtonContentContainer>\r\n        <span aria-hidden=\"true\">\r\n          <SystemIcons.ArrowLineLeft size={size === Size.XSmall ? '20' : '24'} />\r\n        </span>\r\n        <label>{children}</label>\r\n      </BackButtonContentContainer>\r\n    </BackButtonContainerStyles>\r\n  );\r\n};\r\n\r\nexport default BackButton;\r\n"],"mappings":";;;;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,MAAM,EAAEC,WAAW,QAAO,WAAW;AAC7C,SAASC,IAAI,QAAkB,UAAU;AACzC,SAASC,WAAW,QAAQ,UAAU;AACtC,SAASC,kBAAkB,EAAEC,iBAAiB,EAAEC,kBAAkB,QAAQ,WAAW;AACrF,SAAQC,yBAAyB,QAAO,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEpD,OAAO,IAAMC,0BAA0B,GAAGb,MAAM,CAACc,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,QAAE;AAEtD,IAAMC,yBAAyB,GAAGjB,MAAM,CAACkB,MAAM,CAAAC,gBAAA,KAAAA,gBAAA,GAAAH,sBAAA,2nCAa3C,UAACI,KAAK;EAAA,OAAMA,KAAK,CAACC,IAAI,KAAKlB,IAAI,CAACmB,MAAM,GAAGf,kBAAkB,CAACF,kBAAkB,CAACkB,IAAI,EAAEtB,MAAM,CAACuB,WAAW,CAAC,GAAGlB,iBAAiB,CAACD,kBAAkB,CAACkB,IAAI,EAAEtB,MAAM,CAACuB,WAAW,CAAC;AAAA,CAAC,EAGtKX,0BAA0B,EAa1BA,0BAA0B,EAI1BA,0BAA0B,EAOpBA,0BAA0B,EACpBA,0BAA0B,EACtBZ,MAAM,CAACwB,UAAU,EAC5BxB,MAAM,CAACyB,WAAW,EAEjBb,0BAA0B,EACpBA,0BAA0B,EACxCX,WAAW,EAEFW,0BAA0B,EACpBA,0BAA0B,EACvBZ,MAAM,CAAC0B,WAAW,EAC7B1B,MAAM,CAAC2B,WAAW,EAKdf,0BAA0B,EAC9BZ,MAAM,CAAC4B,WAAW,CAG9B;AAYD,IAAMC,UAAoD,GAAG,SAAvDA,UAAoDA,CAAAC,IAAA,EAA8D;EAAA,IAAxDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,SAAA,GAAAF,IAAA,CAAEV,IAAI;IAAJA,IAAI,GAAAY,SAAA,cAAG9B,IAAI,CAAC+B,KAAK,GAAAD,SAAA;IAAEE,UAAU,GAAAJ,IAAA,CAAVI,UAAU;IAAKf,KAAK,GAAAgB,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAC/G,oBACE3B,IAAA,CAACO,yBAAyB,EAAAqB,aAAA,CAAAA,aAAA,KAAKlB,KAAK;IAAEC,IAAI,EAAEA,IAAK;IAACkB,WAAW,EAAE/B,yBAA0B;IAAC2B,UAAU,EAAEA,UAAW;IAAAH,QAAA,eAC/GpB,KAAA,CAACC,0BAA0B;MAAAmB,QAAA,gBACzBtB,IAAA;QAAM,eAAY,MAAM;QAAAsB,QAAA,eACtBtB,IAAA,CAACN,WAAW,CAACoC,aAAa;UAACnB,IAAI,EAAEA,IAAI,KAAKlB,IAAI,CAACmB,MAAM,GAAG,IAAI,GAAG;QAAK,CAAE;MAAC,CACnE,CAAC,eACPZ,IAAA;QAAAsB,QAAA,EAAQA;MAAQ,CAAQ,CAAC;IAAA,CACC;EAAC,EACJ,CAAC;AAEhC,CAAC;AAACF,UAAA,CAAAW,SAAA;EAbAC,QAAQ,EAAAC,GAAA,CAAAC;AAAA;AAeV,eAAed,UAAU","ignoreList":[]}
+{"version":3,"file":"BackButton.js","names":["React","styled","COLORS","focusStyles","Size","SystemIcons","ComponentTextStyle","ComponentSStyling","ComponentXSStyling","defaultOnMouseDownHandler","jsx","_jsx","jsxs","_jsxs","BackButtonContentContainer","div","_templateObject","_taggedTemplateLiteral","BackButtonContainerStyles","button","_templateObject2","props","size","XSmall","Bold","getColor","theme","BackButton","_ref","children","_ref$size","Small","dataTestId","_objectWithoutProperties","_excluded","_objectSpread","onMouseDown","ArrowLineLeft","propTypes","disabled","_pt","bool"],"sources":["../../src/Button/BackButton.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {COLORS, focusStyles} from '../styles';\r\nimport { Size, Testable } from '../types';\r\nimport { SystemIcons } from '../icons';\r\nimport { ComponentTextStyle, ComponentSStyling, ComponentXSStyling } from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nexport const BackButtonContentContainer = styled.div``;\r\n\r\nconst BackButtonContainerStyles = styled.button<BackButtonProps>`\r\n  box-sizing: border-box;\r\n  min-height: 48px;\r\n  padding: 0;\r\n  margin: 0;\r\n  outline:none;\r\n  max-width: max-content;\r\n  display: flex;\r\n  align-items: center;\r\n  border: none;\r\n  background-color: transparent;\r\n  cursor: pointer;\r\n\r\n  ${(props) => (props.size === Size.XSmall ? ComponentXSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme)) : ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme)))};\r\n  font-feature-settings: 'liga' off;\r\n\r\n  & > ${BackButtonContentContainer} {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    max-width: max-content;\r\n    padding: 4px 4px 4px 0;\r\n    border-radius: 4px;\r\n    cursor: inherit;\r\n    min-width: 64px;\r\n\r\n  }\r\n\r\n  & > ${BackButtonContentContainer} > span {\r\n    display: flex;\r\n    cursor: inherit;\r\n  }\r\n  & > ${BackButtonContentContainer} > label {\r\n    display: flex;\r\n    cursor: inherit;\r\n    flex-grow: 1;\r\n    justify-content: center;\r\n  }\r\n\r\n  &:hover > ${BackButtonContentContainer},\r\n  &.hover-state > ${BackButtonContentContainer} {\r\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n  &:focus > ${BackButtonContentContainer},\r\n  &.focus-state > ${BackButtonContentContainer} {\r\n    ${focusStyles}\r\n  }\r\n  &:active > ${BackButtonContentContainer},\r\n  &.active-state > ${BackButtonContentContainer} {\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n  &:disabled {\r\n    cursor: not-allowed;\r\n  }\r\n  &:disabled > ${BackButtonContentContainer} {\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n    background-color: transparent !important;\r\n  }\r\n`;\r\n\r\nexport interface BackButtonProps extends Testable, React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n    /**\r\n   * Required. The size of the back button. Can be 'Small' or 'XSmall'.\r\n   */\r\n  size: Size.Small | Size.XSmall;\r\n    /**\r\n   * Optional. A boolean indicating whether the back button is disabled.\r\n   */\r\n  disabled?: boolean;\r\n}\r\nconst BackButton: React.FunctionComponent<BackButtonProps> = ({ children, size = Size.Small, dataTestId, ...props }) => {\r\n  return (\r\n    <BackButtonContainerStyles {...props} size={size} onMouseDown={defaultOnMouseDownHandler} dataTestId={dataTestId}>\r\n      <BackButtonContentContainer>\r\n        <span aria-hidden=\"true\">\r\n          <SystemIcons.ArrowLineLeft size={size === Size.XSmall ? '20' : '24'} />\r\n        </span>\r\n        <label>{children}</label>\r\n      </BackButtonContentContainer>\r\n    </BackButtonContainerStyles>\r\n  );\r\n};\r\n\r\nexport default BackButton;\r\n"],"mappings":"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","ignoreList":[]}