@laerdal/life-react-components 2.0.0 → 2.0.1-dev.10.full

package/dist/Breadcrumb/Breadcrumb.cjs

@@ -1,55 +1,37 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _styles = require("../styles");
-
 var _ = require("..");
-
 var _reactRouter = require("react-router");
-
 var _DropdownButton = _interopRequireDefault(require("../Dropdown/DropdownButton"));
-
 var _styles2 = require("./styles");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["items", "size", "homeIcon", "homeLabel", "homeUrl"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 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$homeUrl = _ref.homeUrl,
-      homeUrl = _ref$homeUrl === void 0 ? '/' : _ref$homeUrl,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    _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$homeUrl = _ref.homeUrl,
+    homeUrl = _ref$homeUrl === void 0 ? '/' : _ref$homeUrl,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var navigateHook = (0, _reactRouter.useNavigate)();
   var dropdownItems = items ? items.slice(0, items.length - 2).map(function (x) {
     return {
@@ -57,12 +39,20 @@ var Breadcrumb = function Breadcrumb(_ref) {
       displayLabel: x.label
     };
   }) : [];
-
   var navigate = function navigate(links) {
     navigateHook(links[0]);
   };
-
   var chevronSize = size == _.Size.Medium ? '24px' : size == _.Size.Small ? '20px' : '16px';
+  var renderChevron = function renderChevron() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      "aria-hidden": "true",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.SystemIcons.ChevronRight, {
+        className: "chevronicon",
+        color: _styles.COLORS.neutral_500,
+        size: chevronSize
+      })
+    });
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles2.BreadcrumbContainer, _objectSpread(_objectSpread({
     size: size,
     "data-testid": 'breacrumbContainer'
@@ -87,11 +77,7 @@ var Breadcrumb = function Breadcrumb(_ref) {
       },
       children: homeLabel
     }), !!items && items.length > 2 && (items.length > 3 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.SystemIcons.ChevronRight, {
-        className: "chevronicon",
-        color: _styles.COLORS.neutral_500,
-        size: chevronSize
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownButton.default, {
+      children: [renderChevron(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownButton.default, {
         type: 'icon',
         alignLeft: true,
         items: dropdownItems,
@@ -103,11 +89,7 @@ var Breadcrumb = function Breadcrumb(_ref) {
         onClick: navigate
       })]
     }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.SystemIcons.ChevronRight, {
-        className: "chevronicon",
-        color: _styles.COLORS.neutral_500,
-        size: chevronSize
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HyperLink, {
+      children: [renderChevron(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HyperLink, {
         id: 'link-item-' + (items.length - 3),
         onClick: function onClick(e) {
           e.preventDefault();
@@ -119,11 +101,7 @@ var Breadcrumb = function Breadcrumb(_ref) {
         children: items[items.length - 3].label
       })]
     })), !!items && items.length > 1 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.SystemIcons.ChevronRight, {
-        className: "chevronicon",
-        color: _styles.COLORS.neutral_500,
-        size: chevronSize
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HyperLink, {
+      children: [renderChevron(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HyperLink, {
         id: 'link-item-' + (items.length - 2),
         onClick: function onClick(e) {
           e.preventDefault();
@@ -135,18 +113,13 @@ var Breadcrumb = function Breadcrumb(_ref) {
         children: items[items.length - 2].label
       })]
     }), !!items && items.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.SystemIcons.ChevronRight, {
-        className: "chevronicon",
-        color: _styles.COLORS.neutral_500,
-        size: chevronSize
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles2.LastBreadcrumbItem, {
+      children: [renderChevron(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles2.LastBreadcrumbItem, {
         size: size,
         children: items[items.length - 1].label
       })]
     })]
   }));
 };
-
 Breadcrumb.propTypes = {
   homeIcon: _propTypes.default.bool,
   homeLabel: _propTypes.default.string,

package/dist/Breadcrumb/Breadcrumb.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.cjs","names":["Breadcrumb","items","size","Size","Small","homeIcon","homeLabel","homeUrl","rest","navigateHook","useNavigate","dropdownItems","slice","length","map","x","value","url","displayLabel","label","navigate","links","chevronSize","Medium","e","preventDefault","COLORS","neutral_500","neutral_600"],"sources":["../../src/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { COLORS } from '../styles';\nimport { Size, SystemIcons } from '..';\nimport { useNavigate } from 'react-router';\nimport { HyperLink, IconButton } from '..';\nimport { BreadcrumbItem } from './BreadcrumbItem';\nimport DropdownButton from '../Dropdown/DropdownButton';\nimport { DropdownItem } from '../Dropdown/DropdownContent';\nimport { BreadcrumbContainer, LastBreadcrumbItem } from './styles';\n\ntype BreadcrumbProps = React.HTMLAttributes<HTMLDivElement> & {\n  homeIcon?: boolean;\n  homeLabel?: string;\n  homeUrl?: string;\n  items?: BreadcrumbItem[];\n  size?: Size;\n};\n\nconst Breadcrumb: React.FunctionComponent<BreadcrumbProps> = ({ items, size = Size.Small, homeIcon = true, homeLabel = 'Home', homeUrl = '/', ...rest }) => {\n  const navigateHook = useNavigate();\n  const dropdownItems: DropdownItem[] = items ? items.slice(0, items.length - 2).map((x) => ({ value: x.url, displayLabel: x.label })) : [];\n  const navigate = (links: string[]) => {\n    navigateHook(links[0]);\n  };\n\n  const chevronSize = size == Size.Medium ? '24px' : size == Size.Small ? '20px' : '16px';\n\n  return (\n    <BreadcrumbContainer size={size} data-testid={'breacrumbContainer'} {...rest}>\n      {homeIcon ? (\n        <IconButton id=\"homeIcon\" variant=\"secondary\" shape=\"circular\" action={() => navigateHook(homeUrl)}>\n          <SystemIcons.Home size={chevronSize} />\n        </IconButton>\n      ) : (\n        <HyperLink id={'homelink'} variant=\"default\" href={homeUrl} onClick={(e) => { e.preventDefault(); navigateHook(homeUrl);}} >\n          {homeLabel}\n        </HyperLink>\n      )}\n\n      {!!items &&\n        items.length > 2 &&\n        (items.length > 3 ? (\n          <>\n            <SystemIcons.ChevronRight className=\"chevronicon\" color={COLORS.neutral_500} size={chevronSize} />\n            <DropdownButton\n              type={'icon'}\n              alignLeft={true}\n              items={dropdownItems}\n              size={size}\n              icon={<SystemIcons.MoreHorizontal color={COLORS.neutral_600} size=\"20px\" />}\n              onClick={navigate}\n            />\n          </>\n        ) : (\n          <>\n            <SystemIcons.ChevronRight className=\"chevronicon\" color={COLORS.neutral_500} size={chevronSize} />\n            <HyperLink id={'link-item-' + (items.length - 3)} onClick={(e) => { e.preventDefault(); navigateHook(items[items.length - 3].url);}} target=\"_self\" variant=\"default\" href={items[items.length - 3].url}>\n              {items[items.length - 3].label}\n            </HyperLink>\n          </>\n        ))}\n\n      {!!items && items.length > 1 && (\n        <>\n          <SystemIcons.ChevronRight className=\"chevronicon\" color={COLORS.neutral_500} size={chevronSize} />\n          <HyperLink id={'link-item-' + (items.length - 2)} onClick={(e) => { e.preventDefault(); navigateHook(items[items.length - 2].url);}} target=\"_self\" variant=\"default\" href={items[items.length - 2].url}>\n            {items[items.length - 2].label}\n          </HyperLink>\n        </>\n      )}\n\n      {!!items && items.length > 0 && (\n        <>\n          <SystemIcons.ChevronRight className=\"chevronicon\" color={COLORS.neutral_500} size={chevronSize} />\n          <LastBreadcrumbItem size={size}>{items[items.length - 1].label}</LastBreadcrumbItem>\n        </>\n      )}\n    </BreadcrumbContainer>\n  );\n};\n\nexport default Breadcrumb;\n"],"mappings":"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"}
+{"version":3,"file":"Breadcrumb.cjs","names":["Breadcrumb","items","size","Size","Small","homeIcon","homeLabel","homeUrl","rest","navigateHook","useNavigate","dropdownItems","slice","length","map","x","value","url","displayLabel","label","navigate","links","chevronSize","Medium","renderChevron","COLORS","neutral_500","e","preventDefault","neutral_600"],"sources":["../../src/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { COLORS } from '../styles';\nimport { Size, SystemIcons } from '..';\nimport { useNavigate } from 'react-router';\nimport { HyperLink, IconButton } from '..';\nimport { BreadcrumbItem } from './BreadcrumbItem';\nimport DropdownButton from '../Dropdown/DropdownButton';\nimport { DropdownItem } from '../Dropdown/DropdownContent';\nimport { BreadcrumbContainer, LastBreadcrumbItem } from './styles';\n\ntype BreadcrumbProps = React.HTMLAttributes<HTMLDivElement> & {\n  homeIcon?: boolean;\n  homeLabel?: string;\n  homeUrl?: string;\n  items?: BreadcrumbItem[];\n  size?: Size;\n};\n\nconst Breadcrumb: React.FunctionComponent<BreadcrumbProps> = ({ items, size = Size.Small, homeIcon = true, homeLabel = 'Home', homeUrl = '/', ...rest }) => {\n  const navigateHook = useNavigate();\n  const dropdownItems: DropdownItem[] = items ? items.slice(0, items.length - 2).map((x) => ({ value: x.url, displayLabel: x.label })) : [];\n  const navigate = (links: string[]) => {\n    navigateHook(links[0]);\n  };\n\n  const chevronSize = size == Size.Medium ? '24px' : size == Size.Small ? '20px' : '16px';\n  const renderChevron = () => (\n    <div aria-hidden=\"true\">\n      <SystemIcons.ChevronRight className=\"chevronicon\" color={COLORS.neutral_500} size={chevronSize} />\n    </div>\n  );\n\n  return (\n    <BreadcrumbContainer size={size} data-testid={'breacrumbContainer'} {...rest}>\n      {homeIcon ? (\n        <IconButton id=\"homeIcon\" variant=\"secondary\" shape=\"circular\" action={() => navigateHook(homeUrl)}>\n          <SystemIcons.Home size={chevronSize} />\n        </IconButton>\n      ) : (\n        <HyperLink\n          id={'homelink'}\n          variant=\"default\"\n          href={homeUrl}\n          onClick={(e) => {\n            e.preventDefault();\n            navigateHook(homeUrl);\n          }}>\n          {homeLabel}\n        </HyperLink>\n      )}\n\n      {!!items &&\n        items.length > 2 &&\n        (items.length > 3 ? (\n          <>\n            {renderChevron()}\n            <DropdownButton\n              type={'icon'}\n              alignLeft={true}\n              items={dropdownItems}\n              size={size}\n              icon={<SystemIcons.MoreHorizontal color={COLORS.neutral_600} size=\"20px\" />}\n              onClick={navigate}\n            />\n          </>\n        ) : (\n          <>\n            {renderChevron()}\n            <HyperLink\n              id={'link-item-' + (items.length - 3)}\n              onClick={(e) => {\n                e.preventDefault();\n                navigateHook(items[items.length - 3].url);\n              }}\n              target=\"_self\"\n              variant=\"default\"\n              href={items[items.length - 3].url}>\n              {items[items.length - 3].label}\n            </HyperLink>\n          </>\n        ))}\n\n      {!!items && items.length > 1 && (\n        <>\n          {renderChevron()}\n          <HyperLink\n            id={'link-item-' + (items.length - 2)}\n            onClick={(e) => {\n              e.preventDefault();\n              navigateHook(items[items.length - 2].url);\n            }}\n            target=\"_self\"\n            variant=\"default\"\n            href={items[items.length - 2].url}>\n            {items[items.length - 2].label}\n          </HyperLink>\n        </>\n      )}\n\n      {!!items && items.length > 0 && (\n        <>\n          {renderChevron()}\n          <LastBreadcrumbItem size={size}>{items[items.length - 1].label}</LastBreadcrumbItem>\n        </>\n      )}\n    </BreadcrumbContainer>\n  );\n};\n\nexport default Breadcrumb;\n"],"mappings":"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"}

package/dist/Breadcrumb/Breadcrumb.js

@@ -2,11 +2,8 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _pt from "prop-types";
 var _excluded = ["items", "size", "homeIcon", "homeLabel", "homeUrl"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import * as React from 'react';
 import { COLORS } from '../styles';
 import { Size, SystemIcons } from '..';
@@ -17,19 +14,17 @@ import { BreadcrumbContainer, LastBreadcrumbItem } from './styles';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 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$homeUrl = _ref.homeUrl,
-      homeUrl = _ref$homeUrl === void 0 ? '/' : _ref$homeUrl,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    _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$homeUrl = _ref.homeUrl,
+    homeUrl = _ref$homeUrl === void 0 ? '/' : _ref$homeUrl,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var navigateHook = useNavigate();
   var dropdownItems = items ? items.slice(0, items.length - 2).map(function (x) {
     return {
@@ -37,12 +32,20 @@ var Breadcrumb = function Breadcrumb(_ref) {
       displayLabel: x.label
     };
   }) : [];
-
   var navigate = function navigate(links) {
     navigateHook(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.ChevronRight, {
+        className: "chevronicon",
+        color: COLORS.neutral_500,
+        size: chevronSize
+      })
+    });
+  };
   return /*#__PURE__*/_jsxs(BreadcrumbContainer, _objectSpread(_objectSpread({
     size: size,
     "data-testid": 'breacrumbContainer'
@@ -67,11 +70,7 @@ var Breadcrumb = function Breadcrumb(_ref) {
       },
       children: homeLabel
     }), !!items && items.length > 2 && (items.length > 3 ? /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(SystemIcons.ChevronRight, {
-        className: "chevronicon",
-        color: COLORS.neutral_500,
-        size: chevronSize
-      }), /*#__PURE__*/_jsx(DropdownButton, {
+      children: [renderChevron(), /*#__PURE__*/_jsx(DropdownButton, {
         type: 'icon',
         alignLeft: true,
         items: dropdownItems,
@@ -83,11 +82,7 @@ var Breadcrumb = function Breadcrumb(_ref) {
         onClick: navigate
       })]
     }) : /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(SystemIcons.ChevronRight, {
-        className: "chevronicon",
-        color: COLORS.neutral_500,
-        size: chevronSize
-      }), /*#__PURE__*/_jsx(HyperLink, {
+      children: [renderChevron(), /*#__PURE__*/_jsx(HyperLink, {
         id: 'link-item-' + (items.length - 3),
         onClick: function onClick(e) {
           e.preventDefault();
@@ -99,11 +94,7 @@ var Breadcrumb = function Breadcrumb(_ref) {
         children: items[items.length - 3].label
       })]
     })), !!items && items.length > 1 && /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(SystemIcons.ChevronRight, {
-        className: "chevronicon",
-        color: COLORS.neutral_500,
-        size: chevronSize
-      }), /*#__PURE__*/_jsx(HyperLink, {
+      children: [renderChevron(), /*#__PURE__*/_jsx(HyperLink, {
         id: 'link-item-' + (items.length - 2),
         onClick: function onClick(e) {
           e.preventDefault();
@@ -115,18 +106,13 @@ var Breadcrumb = function Breadcrumb(_ref) {
         children: items[items.length - 2].label
       })]
     }), !!items && items.length > 0 && /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(SystemIcons.ChevronRight, {
-        className: "chevronicon",
-        color: COLORS.neutral_500,
-        size: chevronSize
-      }), /*#__PURE__*/_jsx(LastBreadcrumbItem, {
+      children: [renderChevron(), /*#__PURE__*/_jsx(LastBreadcrumbItem, {
         size: size,
         children: items[items.length - 1].label
       })]
     })]
   }));
 };
-
 Breadcrumb.propTypes = {
   homeIcon: _pt.bool,
   homeLabel: _pt.string,

package/dist/Breadcrumb/Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","names":["React","COLORS","Size","SystemIcons","useNavigate","HyperLink","IconButton","DropdownButton","BreadcrumbContainer","LastBreadcrumbItem","Breadcrumb","items","size","Small","homeIcon","homeLabel","homeUrl","rest","navigateHook","dropdownItems","slice","length","map","x","value","url","displayLabel","label","navigate","links","chevronSize","Medium","e","preventDefault","neutral_500","neutral_600"],"sources":["../../src/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { COLORS } from '../styles';\nimport { Size, SystemIcons } from '..';\nimport { useNavigate } from 'react-router';\nimport { HyperLink, IconButton } from '..';\nimport { BreadcrumbItem } from './BreadcrumbItem';\nimport DropdownButton from '../Dropdown/DropdownButton';\nimport { DropdownItem } from '../Dropdown/DropdownContent';\nimport { BreadcrumbContainer, LastBreadcrumbItem } from './styles';\n\ntype BreadcrumbProps = React.HTMLAttributes<HTMLDivElement> & {\n  homeIcon?: boolean;\n  homeLabel?: string;\n  homeUrl?: string;\n  items?: BreadcrumbItem[];\n  size?: Size;\n};\n\nconst Breadcrumb: React.FunctionComponent<BreadcrumbProps> = ({ items, size = Size.Small, homeIcon = true, homeLabel = 'Home', homeUrl = '/', ...rest }) => {\n  const navigateHook = useNavigate();\n  const dropdownItems: DropdownItem[] = items ? items.slice(0, items.length - 2).map((x) => ({ value: x.url, displayLabel: x.label })) : [];\n  const navigate = (links: string[]) => {\n    navigateHook(links[0]);\n  };\n\n  const chevronSize = size == Size.Medium ? '24px' : size == Size.Small ? '20px' : '16px';\n\n  return (\n    <BreadcrumbContainer size={size} data-testid={'breacrumbContainer'} {...rest}>\n      {homeIcon ? (\n        <IconButton id=\"homeIcon\" variant=\"secondary\" shape=\"circular\" action={() => navigateHook(homeUrl)}>\n          <SystemIcons.Home size={chevronSize} />\n        </IconButton>\n      ) : (\n        <HyperLink id={'homelink'} variant=\"default\" href={homeUrl} onClick={(e) => { e.preventDefault(); navigateHook(homeUrl);}} >\n          {homeLabel}\n        </HyperLink>\n      )}\n\n      {!!items &&\n        items.length > 2 &&\n        (items.length > 3 ? (\n          <>\n            <SystemIcons.ChevronRight className=\"chevronicon\" color={COLORS.neutral_500} size={chevronSize} />\n            <DropdownButton\n              type={'icon'}\n              alignLeft={true}\n              items={dropdownItems}\n              size={size}\n              icon={<SystemIcons.MoreHorizontal color={COLORS.neutral_600} size=\"20px\" />}\n              onClick={navigate}\n            />\n          </>\n        ) : (\n          <>\n            <SystemIcons.ChevronRight className=\"chevronicon\" color={COLORS.neutral_500} size={chevronSize} />\n            <HyperLink id={'link-item-' + (items.length - 3)} onClick={(e) => { e.preventDefault(); navigateHook(items[items.length - 3].url);}} target=\"_self\" variant=\"default\" href={items[items.length - 3].url}>\n              {items[items.length - 3].label}\n            </HyperLink>\n          </>\n        ))}\n\n      {!!items && items.length > 1 && (\n        <>\n          <SystemIcons.ChevronRight className=\"chevronicon\" color={COLORS.neutral_500} size={chevronSize} />\n          <HyperLink id={'link-item-' + (items.length - 2)} onClick={(e) => { e.preventDefault(); navigateHook(items[items.length - 2].url);}} target=\"_self\" variant=\"default\" href={items[items.length - 2].url}>\n            {items[items.length - 2].label}\n          </HyperLink>\n        </>\n      )}\n\n      {!!items && items.length > 0 && (\n        <>\n          <SystemIcons.ChevronRight className=\"chevronicon\" color={COLORS.neutral_500} size={chevronSize} />\n          <LastBreadcrumbItem size={size}>{items[items.length - 1].label}</LastBreadcrumbItem>\n        </>\n      )}\n    </BreadcrumbContainer>\n  );\n};\n\nexport default Breadcrumb;\n"],"mappings":"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"}
+{"version":3,"file":"Breadcrumb.js","names":["React","COLORS","Size","SystemIcons","useNavigate","HyperLink","IconButton","DropdownButton","BreadcrumbContainer","LastBreadcrumbItem","Breadcrumb","items","size","Small","homeIcon","homeLabel","homeUrl","rest","navigateHook","dropdownItems","slice","length","map","x","value","url","displayLabel","label","navigate","links","chevronSize","Medium","renderChevron","neutral_500","e","preventDefault","neutral_600"],"sources":["../../src/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { COLORS } from '../styles';\nimport { Size, SystemIcons } from '..';\nimport { useNavigate } from 'react-router';\nimport { HyperLink, IconButton } from '..';\nimport { BreadcrumbItem } from './BreadcrumbItem';\nimport DropdownButton from '../Dropdown/DropdownButton';\nimport { DropdownItem } from '../Dropdown/DropdownContent';\nimport { BreadcrumbContainer, LastBreadcrumbItem } from './styles';\n\ntype BreadcrumbProps = React.HTMLAttributes<HTMLDivElement> & {\n  homeIcon?: boolean;\n  homeLabel?: string;\n  homeUrl?: string;\n  items?: BreadcrumbItem[];\n  size?: Size;\n};\n\nconst Breadcrumb: React.FunctionComponent<BreadcrumbProps> = ({ items, size = Size.Small, homeIcon = true, homeLabel = 'Home', homeUrl = '/', ...rest }) => {\n  const navigateHook = useNavigate();\n  const dropdownItems: DropdownItem[] = items ? items.slice(0, items.length - 2).map((x) => ({ value: x.url, displayLabel: x.label })) : [];\n  const navigate = (links: string[]) => {\n    navigateHook(links[0]);\n  };\n\n  const chevronSize = size == Size.Medium ? '24px' : size == Size.Small ? '20px' : '16px';\n  const renderChevron = () => (\n    <div aria-hidden=\"true\">\n      <SystemIcons.ChevronRight className=\"chevronicon\" color={COLORS.neutral_500} size={chevronSize} />\n    </div>\n  );\n\n  return (\n    <BreadcrumbContainer size={size} data-testid={'breacrumbContainer'} {...rest}>\n      {homeIcon ? (\n        <IconButton id=\"homeIcon\" variant=\"secondary\" shape=\"circular\" action={() => navigateHook(homeUrl)}>\n          <SystemIcons.Home size={chevronSize} />\n        </IconButton>\n      ) : (\n        <HyperLink\n          id={'homelink'}\n          variant=\"default\"\n          href={homeUrl}\n          onClick={(e) => {\n            e.preventDefault();\n            navigateHook(homeUrl);\n          }}>\n          {homeLabel}\n        </HyperLink>\n      )}\n\n      {!!items &&\n        items.length > 2 &&\n        (items.length > 3 ? (\n          <>\n            {renderChevron()}\n            <DropdownButton\n              type={'icon'}\n              alignLeft={true}\n              items={dropdownItems}\n              size={size}\n              icon={<SystemIcons.MoreHorizontal color={COLORS.neutral_600} size=\"20px\" />}\n              onClick={navigate}\n            />\n          </>\n        ) : (\n          <>\n            {renderChevron()}\n            <HyperLink\n              id={'link-item-' + (items.length - 3)}\n              onClick={(e) => {\n                e.preventDefault();\n                navigateHook(items[items.length - 3].url);\n              }}\n              target=\"_self\"\n              variant=\"default\"\n              href={items[items.length - 3].url}>\n              {items[items.length - 3].label}\n            </HyperLink>\n          </>\n        ))}\n\n      {!!items && items.length > 1 && (\n        <>\n          {renderChevron()}\n          <HyperLink\n            id={'link-item-' + (items.length - 2)}\n            onClick={(e) => {\n              e.preventDefault();\n              navigateHook(items[items.length - 2].url);\n            }}\n            target=\"_self\"\n            variant=\"default\"\n            href={items[items.length - 2].url}>\n            {items[items.length - 2].label}\n          </HyperLink>\n        </>\n      )}\n\n      {!!items && items.length > 0 && (\n        <>\n          {renderChevron()}\n          <LastBreadcrumbItem size={size}>{items[items.length - 1].label}</LastBreadcrumbItem>\n        </>\n      )}\n    </BreadcrumbContainer>\n  );\n};\n\nexport default Breadcrumb;\n"],"mappings":"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"}

package/dist/Breadcrumb/index.cjs

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "Breadcrumb", {
     return _Breadcrumb.default;
   }
 });
-
 var _Breadcrumb = _interopRequireDefault(require("./Breadcrumb"));
 //# sourceMappingURL=index.cjs.map

package/dist/Breadcrumb/index.cjs.map

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

package/dist/Breadcrumb/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","Breadcrumb"],"sources":["../../src/Breadcrumb/index.ts"],"sourcesContent":["export { default as Breadcrumb } from './Breadcrumb';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,UAApB,QAAsC,cAAtC"}
+{"version":3,"file":"index.js","names":["default","Breadcrumb"],"sources":["../../src/Breadcrumb/index.ts"],"sourcesContent":["export { default as Breadcrumb } from './Breadcrumb';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,UAAU,QAAQ,cAAc"}

package/dist/Breadcrumb/styles.cjs

@@ -1,48 +1,35 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LastBreadcrumbItem = exports.BreadcrumbContainer = 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) {
   return size == _types.Size.Small || size == _types.Size.Medium ? 'margin-right: 8px;' : 'margin-right: 4px;';
 };
-
 var FontStyles = function FontStyles(size, textStyle, color) {
   switch (size) {
     case _types.Size.XSmall:
       return (0, _styles.ComponentXXSStyling)(textStyle, color);
-
     case _types.Size.Medium:
       return (0, _styles.ComponentMStyling)(textStyle, color);
-
     case _types.Size.Small:
     default:
       return (0, _styles.ComponentSStyling)(textStyle, color);
   }
 };
-
 var LastBreadcrumbItem = _styledComponents.default.label(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  ", "\n"])), function (props) {
   return FontStyles(props.size, _styles.ComponentTextStyle.Bold, _styles.COLORS.neutral_800);
 }, function (props) {
   return marginRight(props.size);
 });
-
 exports.LastBreadcrumbItem = LastBreadcrumbItem;
-
 var BreadcrumbContainer = _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);
 }, function (props) {
@@ -50,6 +37,5 @@ var BreadcrumbContainer = _styledComponents.default.div(_templateObject2 || (_te
 }, function (props) {
   return marginRight(props.size);
 }, _styles.COLORS.primary_700, _styles.COLORS.primary_800);
-
 exports.BreadcrumbContainer = BreadcrumbContainer;
 //# sourceMappingURL=styles.cjs.map

package/dist/Breadcrumb/styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styles.cjs","names":["marginRight","size","Size","Small","Medium","FontStyles","textStyle","color","XSmall","ComponentXXSStyling","ComponentMStyling","ComponentSStyling","LastBreadcrumbItem","styled","label","props","ComponentTextStyle","Bold","COLORS","neutral_800","BreadcrumbContainer","div","Regular","neutral_600","primary_700","primary_800"],"sources":["../../src/Breadcrumb/styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS, ComponentMStyling, ComponentSStyling, ComponentTextStyle, ComponentXXSStyling } from '../styles';\nimport { Size } from '../types';\n\nconst marginRight = (size: Size | undefined) => {\n  return size == Size.Small || size == Size.Medium ? 'margin-right: 8px;' : 'margin-right: 4px;';\n};\n\nconst FontStyles = (size: Size | undefined, textStyle: ComponentTextStyle, color: string) => {\n  switch (size) {\n    case Size.XSmall:\n      return ComponentXXSStyling(textStyle, color);\n    case Size.Medium:\n      return ComponentMStyling(textStyle, color);\n    case Size.Small:\n    default:\n      return ComponentSStyling(textStyle, color);\n  }\n};\n\nexport const LastBreadcrumbItem = styled.label<{ size: Size }>`\n  ${(props) => FontStyles(props.size, ComponentTextStyle.Bold, COLORS.neutral_800)}\n  ${(props) => marginRight(props.size)}\n`;\n\nexport const BreadcrumbContainer = styled.div<{ size: Size | undefined }>`\n  display: flex;\n  align-items: center;\n  min-height: 48px;\n\n  a {\n    text-decoration: none;\n    ${(props) => FontStyles(props.size, ComponentTextStyle.Regular, COLORS.neutral_600)}\n    ${(props) => marginRight(props.size)}\n  }\n\n  .chevronicon {\n    ${(props) => marginRight(props.size)}\n  }\n\n  a:hover {\n    color: ${COLORS.primary_700};\n  }\n  a:active {\n    color: ${COLORS.primary_800};\n  }\n`;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;;;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,IAAD,EAA4B;EAC9C,OAAOA,IAAI,IAAIC,WAAA,CAAKC,KAAb,IAAsBF,IAAI,IAAIC,WAAA,CAAKE,MAAnC,GAA4C,oBAA5C,GAAmE,oBAA1E;AACD,CAFD;;AAIA,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACJ,IAAD,EAAyBK,SAAzB,EAAwDC,KAAxD,EAA0E;EAC3F,QAAQN,IAAR;IACE,KAAKC,WAAA,CAAKM,MAAV;MACE,OAAO,IAAAC,2BAAA,EAAoBH,SAApB,EAA+BC,KAA/B,CAAP;;IACF,KAAKL,WAAA,CAAKE,MAAV;MACE,OAAO,IAAAM,yBAAA,EAAkBJ,SAAlB,EAA6BC,KAA7B,CAAP;;IACF,KAAKL,WAAA,CAAKC,KAAV;IACA;MACE,OAAO,IAAAQ,yBAAA,EAAkBL,SAAlB,EAA6BC,KAA7B,CAAP;EAPJ;AASD,CAVD;;AAYO,IAAMK,kBAAkB,GAAGC,yBAAA,CAAOC,KAAV,sGAC3B,UAACC,KAAD;EAAA,OAAWV,UAAU,CAACU,KAAK,CAACd,IAAP,EAAae,0BAAA,CAAmBC,IAAhC,EAAsCC,cAAA,CAAOC,WAA7C,CAArB;AAAA,CAD2B,EAE3B,UAACJ,KAAD;EAAA,OAAWf,WAAW,CAACe,KAAK,CAACd,IAAP,CAAtB;AAAA,CAF2B,CAAxB;;;;AAKA,IAAMmB,mBAAmB,GAAGP,yBAAA,CAAOQ,GAAV,mUAO1B,UAACN,KAAD;EAAA,OAAWV,UAAU,CAACU,KAAK,CAACd,IAAP,EAAae,0BAAA,CAAmBM,OAAhC,EAAyCJ,cAAA,CAAOK,WAAhD,CAArB;AAAA,CAP0B,EAQ1B,UAACR,KAAD;EAAA,OAAWf,WAAW,CAACe,KAAK,CAACd,IAAP,CAAtB;AAAA,CAR0B,EAY1B,UAACc,KAAD;EAAA,OAAWf,WAAW,CAACe,KAAK,CAACd,IAAP,CAAtB;AAAA,CAZ0B,EAgBnBiB,cAAA,CAAOM,WAhBY,EAmBnBN,cAAA,CAAOO,WAnBY,CAAzB"}
+{"version":3,"file":"styles.cjs","names":["marginRight","size","Size","Small","Medium","FontStyles","textStyle","color","XSmall","ComponentXXSStyling","ComponentMStyling","ComponentSStyling","LastBreadcrumbItem","styled","label","props","ComponentTextStyle","Bold","COLORS","neutral_800","BreadcrumbContainer","div","Regular","neutral_600","primary_700","primary_800"],"sources":["../../src/Breadcrumb/styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS, ComponentMStyling, ComponentSStyling, ComponentTextStyle, ComponentXXSStyling } from '../styles';\nimport { Size } from '../types';\n\nconst marginRight = (size: Size | undefined) => {\n  return size == Size.Small || size == Size.Medium ? 'margin-right: 8px;' : 'margin-right: 4px;';\n};\n\nconst FontStyles = (size: Size | undefined, textStyle: ComponentTextStyle, color: string) => {\n  switch (size) {\n    case Size.XSmall:\n      return ComponentXXSStyling(textStyle, color);\n    case Size.Medium:\n      return ComponentMStyling(textStyle, color);\n    case Size.Small:\n    default:\n      return ComponentSStyling(textStyle, color);\n  }\n};\n\nexport const LastBreadcrumbItem = styled.label<{ size: Size }>`\n  ${(props) => FontStyles(props.size, ComponentTextStyle.Bold, COLORS.neutral_800)}\n  ${(props) => marginRight(props.size)}\n`;\n\nexport const BreadcrumbContainer = styled.div<{ size: Size | undefined }>`\n  display: flex;\n  align-items: center;\n  min-height: 48px;\n\n  a {\n    text-decoration: none;\n    ${(props) => FontStyles(props.size, ComponentTextStyle.Regular, COLORS.neutral_600)}\n    ${(props) => marginRight(props.size)}\n  }\n\n  .chevronicon {\n    ${(props) => marginRight(props.size)}\n  }\n\n  a:hover {\n    color: ${COLORS.primary_700};\n  }\n  a:active {\n    color: ${COLORS.primary_800};\n  }\n`;\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AAAgC;AAEhC,IAAMA,WAAW,GAAG,SAAdA,WAAW,CAAIC,IAAsB,EAAK;EAC9C,OAAOA,IAAI,IAAIC,WAAI,CAACC,KAAK,IAAIF,IAAI,IAAIC,WAAI,CAACE,MAAM,GAAG,oBAAoB,GAAG,oBAAoB;AAChG,CAAC;AAED,IAAMC,UAAU,GAAG,SAAbA,UAAU,CAAIJ,IAAsB,EAAEK,SAA6B,EAAEC,KAAa,EAAK;EAC3F,QAAQN,IAAI;IACV,KAAKC,WAAI,CAACM,MAAM;MACd,OAAO,IAAAC,2BAAmB,EAACH,SAAS,EAAEC,KAAK,CAAC;IAC9C,KAAKL,WAAI,CAACE,MAAM;MACd,OAAO,IAAAM,yBAAiB,EAACJ,SAAS,EAAEC,KAAK,CAAC;IAC5C,KAAKL,WAAI,CAACC,KAAK;IACf;MACE,OAAO,IAAAQ,yBAAiB,EAACL,SAAS,EAAEC,KAAK,CAAC;EAAC;AAEjD,CAAC;AAEM,IAAMK,kBAAkB,GAAGC,yBAAM,CAACC,KAAK,sGAC1C,UAACC,KAAK;EAAA,OAAKV,UAAU,CAACU,KAAK,CAACd,IAAI,EAAEe,0BAAkB,CAACC,IAAI,EAAEC,cAAM,CAACC,WAAW,CAAC;AAAA,GAC9E,UAACJ,KAAK;EAAA,OAAKf,WAAW,CAACe,KAAK,CAACd,IAAI,CAAC;AAAA,EACrC;AAAC;AAEK,IAAMmB,mBAAmB,GAAGP,yBAAM,CAACQ,GAAG,mUAOvC,UAACN,KAAK;EAAA,OAAKV,UAAU,CAACU,KAAK,CAACd,IAAI,EAAEe,0BAAkB,CAACM,OAAO,EAAEJ,cAAM,CAACK,WAAW,CAAC;AAAA,GACjF,UAACR,KAAK;EAAA,OAAKf,WAAW,CAACe,KAAK,CAACd,IAAI,CAAC;AAAA,GAIlC,UAACc,KAAK;EAAA,OAAKf,WAAW,CAACe,KAAK,CAACd,IAAI,CAAC;AAAA,GAI3BiB,cAAM,CAACM,WAAW,EAGlBN,cAAM,CAACO,WAAW,CAE9B;AAAC"}

package/dist/Breadcrumb/styles.js

@@ -1,29 +1,22 @@
 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) {
   return size == Size.Small || size == Size.Medium ? 'margin-right: 8px;' : 'margin-right: 4px;';
 };
-
 var FontStyles = function FontStyles(size, textStyle, color) {
   switch (size) {
     case Size.XSmall:
       return ComponentXXSStyling(textStyle, color);
-
     case Size.Medium:
       return ComponentMStyling(textStyle, color);
-
     case Size.Small:
     default:
       return ComponentSStyling(textStyle, color);
   }
 };
-
 export var LastBreadcrumbItem = styled.label(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  ", "\n"])), function (props) {
   return FontStyles(props.size, ComponentTextStyle.Bold, COLORS.neutral_800);
 }, function (props) {

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","LastBreadcrumbItem","label","props","Bold","neutral_800","BreadcrumbContainer","div","Regular","neutral_600","primary_700","primary_800"],"sources":["../../src/Breadcrumb/styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS, ComponentMStyling, ComponentSStyling, ComponentTextStyle, ComponentXXSStyling } from '../styles';\nimport { Size } from '../types';\n\nconst marginRight = (size: Size | undefined) => {\n  return size == Size.Small || size == Size.Medium ? 'margin-right: 8px;' : 'margin-right: 4px;';\n};\n\nconst FontStyles = (size: Size | undefined, textStyle: ComponentTextStyle, color: string) => {\n  switch (size) {\n    case Size.XSmall:\n      return ComponentXXSStyling(textStyle, color);\n    case Size.Medium:\n      return ComponentMStyling(textStyle, color);\n    case Size.Small:\n    default:\n      return ComponentSStyling(textStyle, color);\n  }\n};\n\nexport const LastBreadcrumbItem = styled.label<{ size: Size }>`\n  ${(props) => FontStyles(props.size, ComponentTextStyle.Bold, COLORS.neutral_800)}\n  ${(props) => marginRight(props.size)}\n`;\n\nexport const BreadcrumbContainer = styled.div<{ size: Size | undefined }>`\n  display: flex;\n  align-items: center;\n  min-height: 48px;\n\n  a {\n    text-decoration: none;\n    ${(props) => FontStyles(props.size, ComponentTextStyle.Regular, COLORS.neutral_600)}\n    ${(props) => marginRight(props.size)}\n  }\n\n  .chevronicon {\n    ${(props) => marginRight(props.size)}\n  }\n\n  a:hover {\n    color: ${COLORS.primary_700};\n  }\n  a:active {\n    color: ${COLORS.primary_800};\n  }\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,mBAAnB;AACA,SAASC,MAAT,EAAiBC,iBAAjB,EAAoCC,iBAApC,EAAuDC,kBAAvD,EAA2EC,mBAA3E,QAAsG,WAAtG;AACA,SAASC,IAAT,QAAqB,UAArB;;AAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,IAAD,EAA4B;EAC9C,OAAOA,IAAI,IAAIF,IAAI,CAACG,KAAb,IAAsBD,IAAI,IAAIF,IAAI,CAACI,MAAnC,GAA4C,oBAA5C,GAAmE,oBAA1E;AACD,CAFD;;AAIA,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACH,IAAD,EAAyBI,SAAzB,EAAwDC,KAAxD,EAA0E;EAC3F,QAAQL,IAAR;IACE,KAAKF,IAAI,CAACQ,MAAV;MACE,OAAOT,mBAAmB,CAACO,SAAD,EAAYC,KAAZ,CAA1B;;IACF,KAAKP,IAAI,CAACI,MAAV;MACE,OAAOR,iBAAiB,CAACU,SAAD,EAAYC,KAAZ,CAAxB;;IACF,KAAKP,IAAI,CAACG,KAAV;IACA;MACE,OAAON,iBAAiB,CAACS,SAAD,EAAYC,KAAZ,CAAxB;EAPJ;AASD,CAVD;;AAYA,OAAO,IAAME,kBAAkB,GAAGf,MAAM,CAACgB,KAAV,wFAC3B,UAACC,KAAD;EAAA,OAAWN,UAAU,CAACM,KAAK,CAACT,IAAP,EAAaJ,kBAAkB,CAACc,IAAhC,EAAsCjB,MAAM,CAACkB,WAA7C,CAArB;AAAA,CAD2B,EAE3B,UAACF,KAAD;EAAA,OAAWV,WAAW,CAACU,KAAK,CAACT,IAAP,CAAtB;AAAA,CAF2B,CAAxB;AAKP,OAAO,IAAMY,mBAAmB,GAAGpB,MAAM,CAACqB,GAAV,qTAO1B,UAACJ,KAAD;EAAA,OAAWN,UAAU,CAACM,KAAK,CAACT,IAAP,EAAaJ,kBAAkB,CAACkB,OAAhC,EAAyCrB,MAAM,CAACsB,WAAhD,CAArB;AAAA,CAP0B,EAQ1B,UAACN,KAAD;EAAA,OAAWV,WAAW,CAACU,KAAK,CAACT,IAAP,CAAtB;AAAA,CAR0B,EAY1B,UAACS,KAAD;EAAA,OAAWV,WAAW,CAACU,KAAK,CAACT,IAAP,CAAtB;AAAA,CAZ0B,EAgBnBP,MAAM,CAACuB,WAhBY,EAmBnBvB,MAAM,CAACwB,WAnBY,CAAzB"}
+{"version":3,"file":"styles.js","names":["styled","COLORS","ComponentMStyling","ComponentSStyling","ComponentTextStyle","ComponentXXSStyling","Size","marginRight","size","Small","Medium","FontStyles","textStyle","color","XSmall","LastBreadcrumbItem","label","props","Bold","neutral_800","BreadcrumbContainer","div","Regular","neutral_600","primary_700","primary_800"],"sources":["../../src/Breadcrumb/styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS, ComponentMStyling, ComponentSStyling, ComponentTextStyle, ComponentXXSStyling } from '../styles';\nimport { Size } from '../types';\n\nconst marginRight = (size: Size | undefined) => {\n  return size == Size.Small || size == Size.Medium ? 'margin-right: 8px;' : 'margin-right: 4px;';\n};\n\nconst FontStyles = (size: Size | undefined, textStyle: ComponentTextStyle, color: string) => {\n  switch (size) {\n    case Size.XSmall:\n      return ComponentXXSStyling(textStyle, color);\n    case Size.Medium:\n      return ComponentMStyling(textStyle, color);\n    case Size.Small:\n    default:\n      return ComponentSStyling(textStyle, color);\n  }\n};\n\nexport const LastBreadcrumbItem = styled.label<{ size: Size }>`\n  ${(props) => FontStyles(props.size, ComponentTextStyle.Bold, COLORS.neutral_800)}\n  ${(props) => marginRight(props.size)}\n`;\n\nexport const BreadcrumbContainer = styled.div<{ size: Size | undefined }>`\n  display: flex;\n  align-items: center;\n  min-height: 48px;\n\n  a {\n    text-decoration: none;\n    ${(props) => FontStyles(props.size, ComponentTextStyle.Regular, COLORS.neutral_600)}\n    ${(props) => marginRight(props.size)}\n  }\n\n  .chevronicon {\n    ${(props) => marginRight(props.size)}\n  }\n\n  a:hover {\n    color: ${COLORS.primary_700};\n  }\n  a:active {\n    color: ${COLORS.primary_800};\n  }\n`;\n"],"mappings":";;AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,MAAM,EAAEC,iBAAiB,EAAEC,iBAAiB,EAAEC,kBAAkB,EAAEC,mBAAmB,QAAQ,WAAW;AACjH,SAASC,IAAI,QAAQ,UAAU;AAE/B,IAAMC,WAAW,GAAG,SAAdA,WAAW,CAAIC,IAAsB,EAAK;EAC9C,OAAOA,IAAI,IAAIF,IAAI,CAACG,KAAK,IAAID,IAAI,IAAIF,IAAI,CAACI,MAAM,GAAG,oBAAoB,GAAG,oBAAoB;AAChG,CAAC;AAED,IAAMC,UAAU,GAAG,SAAbA,UAAU,CAAIH,IAAsB,EAAEI,SAA6B,EAAEC,KAAa,EAAK;EAC3F,QAAQL,IAAI;IACV,KAAKF,IAAI,CAACQ,MAAM;MACd,OAAOT,mBAAmB,CAACO,SAAS,EAAEC,KAAK,CAAC;IAC9C,KAAKP,IAAI,CAACI,MAAM;MACd,OAAOR,iBAAiB,CAACU,SAAS,EAAEC,KAAK,CAAC;IAC5C,KAAKP,IAAI,CAACG,KAAK;IACf;MACE,OAAON,iBAAiB,CAACS,SAAS,EAAEC,KAAK,CAAC;EAAC;AAEjD,CAAC;AAED,OAAO,IAAME,kBAAkB,GAAGf,MAAM,CAACgB,KAAK,wFAC1C,UAACC,KAAK;EAAA,OAAKN,UAAU,CAACM,KAAK,CAACT,IAAI,EAAEJ,kBAAkB,CAACc,IAAI,EAAEjB,MAAM,CAACkB,WAAW,CAAC;AAAA,GAC9E,UAACF,KAAK;EAAA,OAAKV,WAAW,CAACU,KAAK,CAACT,IAAI,CAAC;AAAA,EACrC;AAED,OAAO,IAAMY,mBAAmB,GAAGpB,MAAM,CAACqB,GAAG,qTAOvC,UAACJ,KAAK;EAAA,OAAKN,UAAU,CAACM,KAAK,CAACT,IAAI,EAAEJ,kBAAkB,CAACkB,OAAO,EAAErB,MAAM,CAACsB,WAAW,CAAC;AAAA,GACjF,UAACN,KAAK;EAAA,OAAKV,WAAW,CAACU,KAAK,CAACT,IAAI,CAAC;AAAA,GAIlC,UAACS,KAAK;EAAA,OAAKV,WAAW,CAACU,KAAK,CAACT,IAAI,CAAC;AAAA,GAI3BP,MAAM,CAACuB,WAAW,EAGlBvB,MAAM,CAACwB,WAAW,CAE9B"}

package/dist/Button/BackButton.cjs

@@ -1,59 +1,37 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _styles = require("../styles");
-
 var _types = require("../types");
-
 var _SystemIcons = require("../icons/systemicons/SystemIcons");
-
 var _typography = require("../styles/typography");
-
 var _common = require("../common");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["children", "size"];
-
 var _templateObject;
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var Button = _styledComponents.default.button(_templateObject || (_templateObject = (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  & > .button-content {\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  & > .button-content > span {\n    display: flex;\n    cursor: inherit;\n  }\n  & > .button-content > label {\n    display: flex;\n    cursor: inherit;\n    flex-grow: 1;\n    justify-content: center;\n  }\n\n  &:hover > .button-content,\n  &.hover-state > .button-content {\n    background-color: ", ";\n    color: ", ";\n  }\n  &:focus > .button-content,\n  &.focus-state > .button-content {\n    ", "\n  }\n  &:active > .button-content,\n  &.active-state > .button-content {\n    background-color: ", ";\n    color: ", ";\n  }\n  &:disabled {\n    cursor: not-allowed;\n  }\n  &:disabled > .button-content {\n    color: ", " !important;\n    background-color: transparent !important;\n  }\n"])), function (props) {
   return props.size === _types.Size.XSmall ? (0, _typography.ComponentXSStyling)(_typography.ComponentTextStyle.Bold, _styles.COLORS.neutral_600) : (0, _typography.ComponentSStyling)(_typography.ComponentTextStyle.Bold, _styles.COLORS.neutral_600);
 }, _styles.COLORS.primary_20, _styles.COLORS.primary_700, _styles.focusStyles, _styles.COLORS.primary_100, _styles.COLORS.primary_800, _styles.COLORS.neutral_300);
-
 var BackButton = function BackButton(_ref) {
   var children = _ref.children,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? _types.Size.Small : _ref$size,
-      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? _types.Size.Small : _ref$size,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Button, _objectSpread(_objectSpread({}, props), {}, {
     size: size,
     onMouseDown: _common.defaultOnMouseDownHandler,
@@ -69,7 +47,6 @@ var BackButton = function BackButton(_ref) {
     })
   }));
 };
-
 BackButton.propTypes = {
   disabled: _propTypes.default.bool
 };