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

package/dist/Breadcrumb/Breadcrumb.js

@@ -1,67 +1,56 @@
 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"];
+const _excluded = ["items", "size", "homeIcon", "homeLabel", "lastItemAsLabel", "homeCallback"];
 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 '..';
-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";
+import { jsx as _jsx, Fragment as _Fragment, 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,
-    size = _ref$size === void 0 ? Size.Small : _ref$size,
-    _ref$homeIcon = _ref.homeIcon,
-    homeIcon = _ref$homeIcon === void 0 ? true : _ref$homeIcon,
-    _ref$homeLabel = _ref.homeLabel,
-    homeLabel = _ref$homeLabel === void 0 ? 'Home' : _ref$homeLabel,
-    _ref$lastItemAsLabel = _ref.lastItemAsLabel,
-    lastItemAsLabel = _ref$lastItemAsLabel === void 0 ? false : _ref$lastItemAsLabel,
-    _ref$homeUrl = _ref.homeUrl,
-    homeUrl = _ref$homeUrl === void 0 ? '/' : _ref$homeUrl,
+const Breadcrumb = _ref => {
+  let {
+      items,
+      size = Size.Small,
+      homeIcon = true,
+      homeLabel = 'Home',
+      lastItemAsLabel = false,
+      homeCallback = () => {}
+    } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var theme = useTheme();
-  var navigateHook = useNavigate();
-  var dropdownItems = items ? items.slice(0, items.length - 2).map(function (x) {
-    return {
-      value: x.url,
-      displayLabel: x.label
-    };
-  }) : [];
-  var navigate = function navigate(links) {
-    navigateHook(links[0]);
+  const theme = useTheme();
+  const dropdownItems = items ? items.slice(0, items.length - 2).map(x => ({
+    value: x.id ?? '',
+    displayLabel: x.label
+  })) : [];
+  const navigate = links => {
+    items?.find(x => x.id == links[0])?.callback(links[0]);
   };
-  var chevronSize = size == Size.Medium ? '24px' : size == Size.Small ? '20px' : '16px';
-  var renderChevron = function renderChevron() {
-    return /*#__PURE__*/_jsx("div", {
-      "aria-hidden": "true",
-      children: /*#__PURE__*/_jsx(SystemIcons.ForwardSlash, {
-        className: "chevronicon",
-        color: COLORS.getColor('neutral_500', theme),
-        size: chevronSize
-      })
-    });
-  };
-  var renderBreadcrumbLinkItem = function renderBreadcrumbLinkItem(index, item) {
+  const chevronSize = size == Size.Medium ? '24px' : size == Size.Small ? '20px' : '16px';
+  const renderChevron = () => /*#__PURE__*/_jsx("div", {
+    "aria-hidden": "true",
+    children: /*#__PURE__*/_jsx(SystemIcons.ForwardSlash, {
+      className: "chevronicon",
+      color: COLORS.getColor('neutral_500', theme),
+      size: chevronSize
+    })
+  });
+  const renderBreadcrumbLinkItem = (index, item) => {
     return /*#__PURE__*/_jsxs(_Fragment, {
       children: [renderChevron(), /*#__PURE__*/_jsx(HyperLink, {
+        href: "",
         id: 'link-item-' + index,
-        onClick: function onClick(e) {
+        onClick: e => {
           e.preventDefault();
-          navigateHook(item.url);
+          item.callback && item.callback(item.id);
         },
         target: "_self",
         variant: "default",
-        href: item.url,
         children: item.label
       })]
     });
@@ -74,19 +63,17 @@ var Breadcrumb = function Breadcrumb(_ref) {
       id: "homeIcon",
       variant: "secondary",
       shape: "circular",
-      action: function action() {
-        return navigateHook(homeUrl);
-      },
+      action: () => homeCallback(),
       children: /*#__PURE__*/_jsx(SystemIcons.Home, {
         size: chevronSize
       })
     }) : /*#__PURE__*/_jsx(HyperLink, {
       id: 'homelink',
       variant: "default",
-      href: homeUrl,
-      onClick: function onClick(e) {
+      href: '',
+      onClick: e => {
         e.preventDefault();
-        navigateHook(homeUrl);
+        homeCallback && homeCallback();
       },
       children: homeLabel
     }), !!items && items.length > 2 && (items.length > 3 ? /*#__PURE__*/_jsxs(_Fragment, {
@@ -120,7 +107,7 @@ var Breadcrumb = function Breadcrumb(_ref) {
 Breadcrumb.propTypes = {
   homeIcon: _pt.bool,
   homeLabel: _pt.string,
-  homeUrl: _pt.string,
+  homeCallback: _pt.func,
   items: _pt.array,
   lastItemAsLabel: _pt.bool
 };

package/dist/Breadcrumb/Breadcrumb.js.map

@@ -1 +1 @@
-{"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","$size","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 { useTheme } from 'styled-components';\r\n\r\nexport type BreadcrumbProps = React.HTMLAttributes<HTMLDivElement> & {\r\n  /** If set to false, then instead of 'Home' icon, link will be shown. Defaults to 'true' */\r\n  homeIcon?: boolean;\r\n  /** Label of the home link. Will be shown only if homeIcon is set to false. Defaults to 'Home' */\r\n  homeLabel?: string;\r\n  /** URL of the home link. Defaults to '/' */\r\n  homeUrl?: string;\r\n  /** Array of items to show. */\r\n  items?: BreadcrumbItem[];\r\n  /** Size of Breadcrumb component and items. Can be Small, Medium or XSmall. Defaults to 'Small' */\r\n  size?: Size.Small | Size.Medium | Size.XSmall;\r\n  /** Displays last item as label, and not as a link by default. */\r\n  lastItemAsLabel?: boolean;\r\n};\r\n\r\n/** Breadcrumbs is a list of links that help visualize a page's location within a site's hierarchical structure, it allows navigation up to any of the ancestors. */\r\nconst Breadcrumb: React.FunctionComponent<BreadcrumbProps> = ({\r\n  items,\r\n  size = Size.Small,\r\n  homeIcon = true,\r\n  homeLabel = 'Home',\r\n  lastItemAsLabel = false,\r\n  homeUrl = '/',\r\n  ...rest\r\n}) => {\r\n  const theme = useTheme();\r\n  const navigateHook = useNavigate();\r\n  const dropdownItems: DropdownItem[] = items ? items.slice(0, items.length - 2).map((x) => ({ value: x.url, displayLabel: x.label })) : [];\r\n  const navigate = (links: string[]) => {\r\n    navigateHook(links[0]);\r\n  };\r\n\r\n  const chevronSize = size == Size.Medium ? '24px' : size == Size.Small ? '20px' : '16px';\r\n  const renderChevron = () => (\r\n    <div aria-hidden=\"true\">\r\n      <SystemIcons.ForwardSlash className=\"chevronicon\" color={COLORS.getColor('neutral_500', theme)} size={chevronSize} />\r\n    </div>\r\n  );\r\n  const renderBreadcrumbLinkItem = (index: number, item: BreadcrumbItem) => {\r\n    return (\r\n      <>\r\n        {renderChevron()}\r\n        <HyperLink\r\n          id={'link-item-' + index}\r\n          onClick={(e) => {\r\n            e.preventDefault();\r\n            navigateHook(item.url);\r\n          }}\r\n          target=\"_self\"\r\n          variant=\"default\"\r\n          href={item.url}>\r\n          {item.label}\r\n        </HyperLink>\r\n      </>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <BreadcrumbContainerStyles $size={size} data-testid={'breacrumbContainer'} {...rest}>\r\n      {homeIcon ? (\r\n        <IconButton id=\"homeIcon\" variant=\"secondary\" shape=\"circular\" action={() => navigateHook(homeUrl)}>\r\n          <SystemIcons.Home size={chevronSize} />\r\n        </IconButton>\r\n      ) : (\r\n        <HyperLink\r\n          id={'homelink'}\r\n          variant=\"default\"\r\n          href={homeUrl}\r\n          onClick={(e) => {\r\n            e.preventDefault();\r\n            navigateHook(homeUrl);\r\n          }}>\r\n          {homeLabel}\r\n        </HyperLink>\r\n      )}\r\n\r\n      {!!items &&\r\n        items.length > 2 &&\r\n        (items.length > 3 ? (\r\n          <>\r\n            {renderChevron()}\r\n            <DropdownButton\r\n              type={'icon'}\r\n              alignLeft={true}\r\n              items={dropdownItems}\r\n              size={size == Size.XSmall ? Size.Small : size}\r\n              icon={<SystemIcons.MoreHorizontal color={COLORS.getColor('neutral_600', theme)} size=\"20px\" />}\r\n              onClick={navigate}\r\n            />\r\n          </>\r\n        ) : (\r\n          <>{renderBreadcrumbLinkItem(items.length - 3, items[items.length - 3])}</>\r\n        ))}\r\n\r\n      {!!items && items.length > 1 && <>{renderBreadcrumbLinkItem(items.length - 2, items[items.length - 2])}</>}\r\n\r\n      {!!items && items.length > 0 && (\r\n        <>\r\n          {lastItemAsLabel ? (\r\n            <>\r\n              {renderChevron()}\r\n              <BreadcrumbItemLastStyles $size={size}>{items[items.length - 1].label}</BreadcrumbItemLastStyles>\r\n            </>\r\n          ) : (\r\n            <>\r\n              {renderBreadcrumbLinkItem(items.length - 1, items[items.length - 1])}\r\n              {renderChevron()}\r\n            </>\r\n          )}\r\n        </>\r\n      )}\r\n    </BreadcrumbContainerStyles>\r\n  );\r\n};\r\n\r\nexport default Breadcrumb;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Breadcrumb.js","names":["React","COLORS","Size","SystemIcons","HyperLink","IconButton","DropdownButton","BreadcrumbContainerStyles","BreadcrumbItemLastStyles","useTheme","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Breadcrumb","_ref","items","size","Small","homeIcon","homeLabel","lastItemAsLabel","homeCallback","rest","_objectWithoutProperties","_excluded","theme","dropdownItems","slice","length","map","x","value","id","displayLabel","label","navigate","links","find","callback","chevronSize","Medium","renderChevron","children","ForwardSlash","className","color","getColor","renderBreadcrumbLinkItem","index","item","href","onClick","e","preventDefault","target","variant","_objectSpread","$size","shape","action","Home","type","alignLeft","XSmall","icon","MoreHorizontal","propTypes","_pt","bool","string","func","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 { HyperLink, IconButton } from '..';\r\nimport { BreadcrumbItem } from './BreadcrumbItem';\r\nimport DropdownButton from '../Dropdown/DropdownButton';\r\nimport { DropdownItem } from '../Dropdown/DropdownContent';\r\nimport { BreadcrumbContainerStyles, BreadcrumbItemLastStyles } from './styles';\r\nimport { useTheme } from 'styled-components';\r\n\r\nexport type BreadcrumbProps = React.HTMLAttributes<HTMLDivElement> & {\r\n  /** If set to false, then instead of 'Home' icon, link will be shown. Defaults to 'true' */\r\n  homeIcon?: boolean;\r\n  /** Label of the home link. Will be shown only if homeIcon is set to false. Defaults to 'Home' */\r\n  homeLabel?: string;\r\n  /** Callback that will be called when 'Home' is clicked. */\r\n  homeCallback?: () => void;\r\n  /** Array of items to show. */\r\n  items?: BreadcrumbItem[];\r\n  /** Size of Breadcrumb component and items. Can be Small, Medium or XSmall. Defaults to 'Small' */\r\n  size?: Size.Small | Size.Medium | Size.XSmall;\r\n  /** Displays last item as label, and not as a link by default. */\r\n  lastItemAsLabel?: boolean;\r\n};\r\n\r\n/** Breadcrumbs is a list of links that help visualize a page's location within a site's hierarchical structure, it allows navigation up to any of the ancestors. */\r\nconst Breadcrumb: React.FunctionComponent<BreadcrumbProps> = ({\r\n  items,\r\n  size = Size.Small,\r\n  homeIcon = true,\r\n  homeLabel = 'Home',\r\n  lastItemAsLabel = false,\r\n  homeCallback = () => {},\r\n  ...rest\r\n}) => {\r\n  const theme = useTheme();\r\n  const dropdownItems: DropdownItem[] = items ? items.slice(0, items.length - 2).map((x) => ({ value: x.id ?? '', displayLabel: x.label })) : [];\r\n  const navigate = (links: string[]) => {\r\n    items?.find(x => x.id == links[0])?.callback(links[0]);\r\n  };\r\n\r\n  const chevronSize = size == Size.Medium ? '24px' : size == Size.Small ? '20px' : '16px';\r\n  const renderChevron = () => (\r\n    <div aria-hidden=\"true\">\r\n      <SystemIcons.ForwardSlash className=\"chevronicon\" color={COLORS.getColor('neutral_500', theme)} size={chevronSize} />\r\n    </div>\r\n  );\r\n  const renderBreadcrumbLinkItem = (index: number, item: BreadcrumbItem) => {\r\n    return (\r\n      <>\r\n        {renderChevron()}\r\n        <HyperLink\r\n          href=''\r\n          id={'link-item-' + index}\r\n          onClick={(e) => {\r\n            e.preventDefault();\r\n            item.callback && item.callback(item.id);\r\n          }}\r\n          target=\"_self\"\r\n          variant=\"default\">\r\n          {item.label}\r\n        </HyperLink>\r\n      </>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <BreadcrumbContainerStyles $size={size} data-testid={'breacrumbContainer'} {...rest}>\r\n      {homeIcon ? (\r\n        <IconButton id=\"homeIcon\" variant=\"secondary\" shape=\"circular\" action={() => homeCallback()}>\r\n          <SystemIcons.Home size={chevronSize} />\r\n        </IconButton>\r\n      ) : (\r\n        <HyperLink\r\n          id={'homelink'}\r\n          variant=\"default\"\r\n          href={''}\r\n          onClick={(e) => {\r\n            e.preventDefault();\r\n            homeCallback && homeCallback();\r\n          }}>\r\n          {homeLabel}\r\n        </HyperLink>\r\n      )}\r\n\r\n      {!!items &&\r\n        items.length > 2 &&\r\n        (items.length > 3 ? (\r\n          <>\r\n            {renderChevron()}\r\n            <DropdownButton\r\n              type={'icon'}\r\n              alignLeft={true}\r\n              items={dropdownItems}\r\n              size={size == Size.XSmall ? Size.Small : size}\r\n              icon={<SystemIcons.MoreHorizontal color={COLORS.getColor('neutral_600', theme)} size=\"20px\" />}\r\n              onClick={navigate}\r\n            />\r\n          </>\r\n        ) : (\r\n          <>{renderBreadcrumbLinkItem(items.length - 3, items[items.length - 3])}</>\r\n        ))}\r\n\r\n      {!!items && items.length > 1 && <>{renderBreadcrumbLinkItem(items.length - 2, items[items.length - 2])}</>}\r\n\r\n      {!!items && items.length > 0 && (\r\n        <>\r\n          {lastItemAsLabel ? (\r\n            <>\r\n              {renderChevron()}\r\n              <BreadcrumbItemLastStyles $size={size}>{items[items.length - 1].label}</BreadcrumbItemLastStyles>\r\n            </>\r\n          ) : (\r\n            <>\r\n              {renderBreadcrumbLinkItem(items.length - 1, items[items.length - 1])}\r\n              {renderChevron()}\r\n            </>\r\n          )}\r\n        </>\r\n      )}\r\n    </BreadcrumbContainerStyles>\r\n  );\r\n};\r\n\r\nexport default Breadcrumb;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Breadcrumb/BreadcrumbItem.cjs.map

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"BreadcrumbItem.cjs","names":[],"sources":["../../src/Breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["export interface BreadcrumbItem {\r\n    /** Unique ID of the item */\r\n    id?: string;\r\n    /** Label of the item */\r\n    label: string;\r\n    /** Callback to be called when item clicked */\r\n    callback: (id?: string) => void;\r\n}\r\n  "],"mappings":"","ignoreList":[]}

package/dist/Breadcrumb/BreadcrumbItem.d.ts

@@ -1,6 +1,8 @@
-export interface BreadcrumbItem {
-    /** Label of the item */
-    label: string;
-    /** URL of the item link */
-    url: string;
-}
+export interface BreadcrumbItem {
+    /** Unique ID of the item */
+    id?: string;
+    /** Label of the item */
+    label: string;
+    /** Callback to be called when item clicked */
+    callback: (id?: string) => void;
+}

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 of the item */\r\n    label: string;\r\n    /** URL of the item link */\r\n    url: string;\r\n}\r\n  "],"mappings":"","ignoreList":[]}
+{"version":3,"file":"BreadcrumbItem.js","names":[],"sources":["../../src/Breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["export interface BreadcrumbItem {\r\n    /** Unique ID of the item */\r\n    id?: string;\r\n    /** Label of the item */\r\n    label: string;\r\n    /** Callback to be called when item clicked */\r\n    callback: (id?: string) => void;\r\n}\r\n  "],"mappings":"","ignoreList":[]}

package/dist/Breadcrumb/index.cjs

@@ -1,6 +1,5 @@
 "use strict";
 
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,8 +8,8 @@ var _exportNames = {
 };
 Object.defineProperty(exports, "Breadcrumb", {
   enumerable: true,
-  get: function get() {
-    return _Breadcrumb["default"];
+  get: function () {
+    return _Breadcrumb.default;
   }
 });
 var _Breadcrumb = _interopRequireWildcard(require("./Breadcrumb"));
@@ -20,7 +19,7 @@ Object.keys(_Breadcrumb).forEach(function (key) {
   if (key in exports && exports[key] === _Breadcrumb[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _Breadcrumb[key];
     }
   });
@@ -32,7 +31,7 @@ Object.keys(_BreadcrumbItem).forEach(function (key) {
   if (key in exports && exports[key] === _BreadcrumbItem[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _BreadcrumbItem[key];
     }
   });
@@ -44,11 +43,11 @@ Object.keys(_styles).forEach(function (key) {
   if (key in exports && exports[key] === _styles[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _styles[key];
     }
   });
 });
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 //# sourceMappingURL=index.cjs.map

package/dist/Breadcrumb/index.cjs.map

@@ -1 +1 @@
-{"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":[]}
+{"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","default","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.d.ts

@@ -1,4 +1,4 @@
-export { default as Breadcrumb } from './Breadcrumb';
-export * from './Breadcrumb';
-export * from './BreadcrumbItem';
-export * from './styles';
+export { default as Breadcrumb } from './Breadcrumb';
+export * from './Breadcrumb';
+export * from './BreadcrumbItem';
+export * from './styles';

package/dist/Breadcrumb/styles.cjs

@@ -5,15 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BreadcrumbItemLastStyles = exports.BreadcrumbContainerStyles = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _styles = require("../styles");
 var _types = require("../types");
-var _templateObject, _templateObject2;
-var marginRight = function marginRight(size) {
+const marginRight = size => {
   return size == _types.Size.Small || size == _types.Size.Medium ? 'margin-right: 8px;' : 'margin-right: 4px;';
 };
-var FontStyles = function FontStyles(size, textStyle, color) {
+const FontStyles = (size, textStyle, color) => {
   switch (size) {
     case _types.Size.XSmall:
       return (0, _styles.ComponentXXSStyling)(textStyle, color);
@@ -24,22 +22,30 @@ 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.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.getColor('neutral_600', props.theme));
-}, function (props) {
-  return marginRight(props.$size);
-}, function (props) {
-  return marginRight(props.$size);
-}, function (props) {
-  return _styles.COLORS.getColor('primary_700', props.theme);
-}, function (props) {
-  return _styles.COLORS.getColor('primary_800', props.theme);
-});
-exports.BreadcrumbContainerStyles = BreadcrumbContainerStyles;
+const BreadcrumbItemLastStyles = exports.BreadcrumbItemLastStyles = _styledComponents.default.label`
+  ${props => FontStyles(props.$size, _styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_800', props.theme))}
+  ${props => marginRight(props.$size)}
+`;
+const BreadcrumbContainerStyles = exports.BreadcrumbContainerStyles = _styledComponents.default.div`
+  display: flex;
+  align-items: center;
+  min-height: 48px;
+
+  a {
+    text-decoration: none;
+    ${props => FontStyles(props.$size, _styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('neutral_600', props.theme))}
+    ${props => marginRight(props.$size)}
+  }
+
+  .chevronicon {
+    ${props => marginRight(props.$size)}
+  }
+
+  a:hover {
+    color: ${props => _styles.COLORS.getColor('primary_700', props.theme)};
+  }
+  a:active {
+    color: ${props => _styles.COLORS.getColor('primary_800', props.theme)};
+  }
+`;
 //# 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","$size","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,CAACC,KAAK,EAAEC,0BAAkB,CAACC,IAAI,EAAEC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC,CAAC;AAAA,GACxG,UAACN,KAAK;EAAA,OAAKhB,WAAW,CAACgB,KAAK,CAACC,KAAK,CAAC;AAAA,EACtC;AAACM,OAAA,CAAAX,wBAAA,GAAAA,wBAAA;AAEK,IAAMY,yBAAyB,GAAGX,4BAAM,CAACY,GAAG,CAAA1B,gBAAA,KAAAA,gBAAA,OAAAgB,uBAAA,kQAO7C,UAACC,KAAK;EAAA,OAAKX,UAAU,CAACW,KAAK,CAACC,KAAK,EAAEC,0BAAkB,CAACQ,OAAO,EAAEN,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC,CAAC;AAAA,GAC3G,UAACN,KAAK;EAAA,OAAKhB,WAAW,CAACgB,KAAK,CAACC,KAAK,CAAC;AAAA,GAInC,UAACD,KAAK;EAAA,OAAKhB,WAAW,CAACgB,KAAK,CAACC,KAAK,CAAC;AAAA,GAI5B,UAAAD,KAAK;EAAA,OAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC;AAAA,GAGpD,UAAAN,KAAK;EAAA,OAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC;AAAA,EAEhE;AAACC,OAAA,CAAAC,yBAAA,GAAAA,yBAAA","ignoreList":[]}
+{"version":3,"file":"styles.cjs","names":["_styledComponents","_interopRequireDefault","require","_styles","_types","marginRight","size","Size","Small","Medium","FontStyles","textStyle","color","XSmall","ComponentXXSStyling","ComponentMStyling","ComponentSStyling","BreadcrumbItemLastStyles","exports","styled","label","props","$size","ComponentTextStyle","Bold","COLORS","getColor","theme","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;AAEA,MAAMG,WAAW,GAAIC,IAAsB,IAAK;EAC9C,OAAOA,IAAI,IAAIC,WAAI,CAACC,KAAK,IAAIF,IAAI,IAAIC,WAAI,CAACE,MAAM,GAAG,oBAAoB,GAAG,oBAAoB;AAChG,CAAC;AAED,MAAMC,UAAU,GAAGA,CAACJ,IAAsB,EAAEK,SAA6B,EAAEC,KAAa,KAAK;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,MAAMK,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAGE,yBAAM,CAACC,KAAsB;AACrE,IAAKC,KAAK,IAAKX,UAAU,CAACW,KAAK,CAACC,KAAK,EAAEC,0BAAkB,CAACC,IAAI,EAAEC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC,CAAC;AAC5G,IAAKN,KAAK,IAAKhB,WAAW,CAACgB,KAAK,CAACC,KAAK,CAAC;AACvC,CAAC;AAEM,MAAMM,yBAAyB,GAAAV,OAAA,CAAAU,yBAAA,GAAGT,yBAAM,CAACU,GAAgC;AAChF;AACA;AACA;AACA;AACA;AACA;AACA,MAAOR,KAAK,IAAKX,UAAU,CAACW,KAAK,CAACC,KAAK,EAAEC,0BAAkB,CAACO,OAAO,EAAEL,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC,CAAC;AACjH,MAAON,KAAK,IAAKhB,WAAW,CAACgB,KAAK,CAACC,KAAK,CAAC;AACzC;AACA;AACA;AACA,MAAOD,KAAK,IAAKhB,WAAW,CAACgB,KAAK,CAACC,KAAK,CAAC;AACzC;AACA;AACA;AACA,aAAaD,KAAK,IAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC;AACjE;AACA;AACA,aAAaN,KAAK,IAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC;AACjE;AACA,CAAC","ignoreList":[]}

package/dist/Breadcrumb/styles.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-import { Size } from '../types';
-export declare const BreadcrumbItemLastStyles: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
-    $size: Size;
-}>> & string;
-export declare const BreadcrumbContainerStyles: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $size: Size | undefined;
-}>> & string;
+import { Size } from '../types';
+export declare const BreadcrumbItemLastStyles: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
+    $size: Size;
+}>> & string;
+export declare const BreadcrumbContainerStyles: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $size: Size | undefined;
+}>> & string;

package/dist/Breadcrumb/styles.js

@@ -1,12 +1,10 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _templateObject, _templateObject2;
 import styled from 'styled-components';
 import { COLORS, ComponentMStyling, ComponentSStyling, ComponentTextStyle, ComponentXXSStyling } from '../styles';
 import { Size } from '../types';
-var marginRight = function marginRight(size) {
+const marginRight = size => {
   return size == Size.Small || size == Size.Medium ? 'margin-right: 8px;' : 'margin-right: 4px;';
 };
-var FontStyles = function FontStyles(size, textStyle, color) {
+const FontStyles = (size, textStyle, color) => {
   switch (size) {
     case Size.XSmall:
       return ComponentXXSStyling(textStyle, color);
@@ -17,20 +15,30 @@ var FontStyles = function FontStyles(size, textStyle, color) {
       return ComponentSStyling(textStyle, color);
   }
 };
-export var BreadcrumbItemLastStyles = styled.label(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  ", "\n"])), function (props) {
-  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.getColor('neutral_600', props.theme));
-}, function (props) {
-  return marginRight(props.$size);
-}, function (props) {
-  return marginRight(props.$size);
-}, function (props) {
-  return COLORS.getColor('primary_700', props.theme);
-}, function (props) {
-  return COLORS.getColor('primary_800', props.theme);
-});
+export const BreadcrumbItemLastStyles = styled.label`
+  ${props => FontStyles(props.$size, ComponentTextStyle.Bold, COLORS.getColor('neutral_800', props.theme))}
+  ${props => marginRight(props.$size)}
+`;
+export const BreadcrumbContainerStyles = styled.div`
+  display: flex;
+  align-items: center;
+  min-height: 48px;
+
+  a {
+    text-decoration: none;
+    ${props => FontStyles(props.$size, ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}
+    ${props => marginRight(props.$size)}
+  }
+
+  .chevronicon {
+    ${props => marginRight(props.$size)}
+  }
+
+  a:hover {
+    color: ${props => COLORS.getColor('primary_700', props.theme)};
+  }
+  a:active {
+    color: ${props => 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","$size","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,CAACC,KAAK,EAAEhB,kBAAkB,CAACiB,IAAI,EAAEpB,MAAM,CAACqB,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAACI,KAAK,CAAC,CAAC;AAAA,GACxG,UAACJ,KAAK;EAAA,OAAKZ,WAAW,CAACY,KAAK,CAACC,KAAK,CAAC;AAAA,EACtC;AAED,OAAO,IAAMI,yBAAyB,GAAGxB,MAAM,CAACyB,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAR,sBAAA,sPAO7C,UAACC,KAAK;EAAA,OAAKR,UAAU,CAACQ,KAAK,CAACC,KAAK,EAAEhB,kBAAkB,CAACuB,OAAO,EAAE1B,MAAM,CAACqB,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAACI,KAAK,CAAC,CAAC;AAAA,GAC3G,UAACJ,KAAK;EAAA,OAAKZ,WAAW,CAACY,KAAK,CAACC,KAAK,CAAC;AAAA,GAInC,UAACD,KAAK;EAAA,OAAKZ,WAAW,CAACY,KAAK,CAACC,KAAK,CAAC;AAAA,GAI5B,UAAAD,KAAK;EAAA,OAAIlB,MAAM,CAACqB,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAACI,KAAK,CAAC;AAAA,GAGpD,UAAAJ,KAAK;EAAA,OAAIlB,MAAM,CAACqB,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAACI,KAAK,CAAC;AAAA,EAEhE","ignoreList":[]}
+{"version":3,"file":"styles.js","names":["styled","COLORS","ComponentMStyling","ComponentSStyling","ComponentTextStyle","ComponentXXSStyling","Size","marginRight","size","Small","Medium","FontStyles","textStyle","color","XSmall","BreadcrumbItemLastStyles","label","props","$size","Bold","getColor","theme","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,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,MAAM,EAAEC,iBAAiB,EAAEC,iBAAiB,EAAEC,kBAAkB,EAAEC,mBAAmB,QAAQ,WAAW;AACjH,SAASC,IAAI,QAAQ,UAAU;AAE/B,MAAMC,WAAW,GAAIC,IAAsB,IAAK;EAC9C,OAAOA,IAAI,IAAIF,IAAI,CAACG,KAAK,IAAID,IAAI,IAAIF,IAAI,CAACI,MAAM,GAAG,oBAAoB,GAAG,oBAAoB;AAChG,CAAC;AAED,MAAMC,UAAU,GAAGA,CAACH,IAAsB,EAAEI,SAA6B,EAAEC,KAAa,KAAK;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,MAAME,wBAAwB,GAAGf,MAAM,CAACgB,KAAsB;AACrE,IAAKC,KAAK,IAAKN,UAAU,CAACM,KAAK,CAACC,KAAK,EAAEd,kBAAkB,CAACe,IAAI,EAAElB,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAACI,KAAK,CAAC,CAAC;AAC5G,IAAKJ,KAAK,IAAKV,WAAW,CAACU,KAAK,CAACC,KAAK,CAAC;AACvC,CAAC;AAED,OAAO,MAAMI,yBAAyB,GAAGtB,MAAM,CAACuB,GAAgC;AAChF;AACA;AACA;AACA;AACA;AACA;AACA,MAAON,KAAK,IAAKN,UAAU,CAACM,KAAK,CAACC,KAAK,EAAEd,kBAAkB,CAACoB,OAAO,EAAEvB,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAACI,KAAK,CAAC,CAAC;AACjH,MAAOJ,KAAK,IAAKV,WAAW,CAACU,KAAK,CAACC,KAAK,CAAC;AACzC;AACA;AACA;AACA,MAAOD,KAAK,IAAKV,WAAW,CAACU,KAAK,CAACC,KAAK,CAAC;AACzC;AACA;AACA;AACA,aAAaD,KAAK,IAAIhB,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAACI,KAAK,CAAC;AACjE;AACA;AACA,aAAaJ,KAAK,IAAIhB,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAACI,KAAK,CAAC;AACjE;AACA,CAAC","ignoreList":[]}