@ndla/ui 55.0.15-alpha.0 → 55.0.17-alpha.0

package/lib/AudioPlayer/AudioPlayer.js

@@ -11,7 +11,7 @@ var _safelink = require("@ndla/safelink");
 var _jsx2 = require("@ndla/styled-system/jsx");
 var _Controls = _interopRequireDefault(require("./Controls"));
 var _SpeechControl = _interopRequireDefault(require("./SpeechControl"));
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * Copyright (c) 2017-present, NDLA.
@@ -139,7 +139,7 @@ const AudioPlayer = _ref => {
   const truncatedDescription = (0, _react.useMemo)(() => description?.slice(0, DESCRIPTION_MAX_LENGTH), [description]);
   const textDescriptionId = (0, _react.useId)();
   if (speech) {
-    return (0, _jsxRuntime.jsx)(_SpeechControl.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeechControl.default, {
       src: src,
       title: title
     });
@@ -147,7 +147,7 @@ const AudioPlayer = _ref => {
   const toggleTextVersion = () => {
     setShowTextVersion(curr => !curr);
   };
-  const textVersionButton = (0, _jsxRuntime.jsx)(TextVersionButton, {
+  const textVersionButton = /*#__PURE__*/(0, _jsxRuntime.jsx)(TextVersionButton, {
     variant: "secondary",
     "aria-expanded": showTextVersion,
     "aria-controls": textDescriptionId,
@@ -155,52 +155,52 @@ const AudioPlayer = _ref => {
     onClick: toggleTextVersion,
     children: t(showTextVersion ? "audio.textVersion.close" : "audio.textVersion.heading")
   });
-  return (0, _jsxRuntime.jsxs)(AudioPlayerWrapper, {
-    children: [(0, _jsxRuntime.jsxs)(InfoWrapper, {
-      children: [img && (0, _jsxRuntime.jsx)(ImageWrapper, {
-        children: (0, _jsxRuntime.jsx)("img", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(AudioPlayerWrapper, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(InfoWrapper, {
+      children: [img && /*#__PURE__*/(0, _jsxRuntime.jsx)(ImageWrapper, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
           src: img.url,
           alt: img.alt
         })
-      }), (0, _jsxRuntime.jsxs)(TextWrapper, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(TextWrapper, {
         "data-has-image": !!img,
-        children: [(0, _jsxRuntime.jsxs)(TitleWrapper, {
-          children: [(0, _jsxRuntime.jsxs)("div", {
-            children: [subtitle?.url ? (0, _jsxRuntime.jsx)(_safelink.SafeLink, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(TitleWrapper, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            children: [subtitle?.url ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_safelink.SafeLink, {
               to: subtitle.url,
               children: subtitle.title
-            }) : subtitle?.title, (0, _jsxRuntime.jsx)(_primitives.Heading, {
+            }) : subtitle?.title, /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Heading, {
               asChild: true,
               consumeCss: true,
               textStyle: "title.large",
-              children: (0, _jsxRuntime.jsx)("h3", {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
                 children: title
               })
             })]
           }), !!textVersion && !img && textVersionButton]
-        }), description && (0, _jsxRuntime.jsxs)(_primitives.Text, {
+        }), description && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.Text, {
           textStyle: "body.medium",
-          children: [showFullDescription || description.length < DESCRIPTION_MAX_LENGTH ? description : `${truncatedDescription}...`, (0, _jsxRuntime.jsx)(_primitives.Button, {
+          children: [showFullDescription || description.length < DESCRIPTION_MAX_LENGTH ? description : `${truncatedDescription}...`, /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Button, {
             variant: "link",
             onClick: () => setShowFullDescription(p => !p),
             children: t(`audio.${showFullDescription ? "readLessDescriptionLabel" : "readMoreDescriptionLabel"}`)
           })]
         }), !!textVersion && !!img && textVersionButton]
       })]
-    }), (0, _jsxRuntime.jsx)(_Controls.default, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Controls.default, {
       src: src,
       title: title
-    }), !!textVersion && (0, _jsxRuntime.jsxs)(TextVersionWrapper, {
+    }), !!textVersion && /*#__PURE__*/(0, _jsxRuntime.jsxs)(TextVersionWrapper, {
       id: textDescriptionId,
       hidden: !showTextVersion,
-      children: [(0, _jsxRuntime.jsx)(_primitives.Heading, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Heading, {
         asChild: true,
         textStyle: "title.medium",
         consumeCss: true,
-        children: (0, _jsxRuntime.jsx)("h3", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
           children: t("audio.textVersion.heading")
         })
-      }), (0, _jsxRuntime.jsx)(TextVersionText, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(TextVersionText, {
         children: textVersion
       })]
     })]

package/lib/AudioPlayer/Controls.js

@@ -12,7 +12,7 @@ var _editor = require("@ndla/icons/editor");
 var _primitives = require("@ndla/primitives");
 var _jsx2 = require("@ndla/styled-system/jsx");
 var _patterns = require("@ndla/styled-system/patterns");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Copyright (c) 2021-present, NDLA.
  *
@@ -189,39 +189,39 @@ const Controls = _ref => {
       setVolumeValue(details.value[0]);
     }
   };
-  return (0, _jsxRuntime.jsxs)("div", {
-    children: [(0, _jsxRuntime.jsx)("audio", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("audio", {
       ref: audioRef,
       src: src,
       title: title,
       preload: "metadata"
-    }), (0, _jsxRuntime.jsxs)(ControlsWrapper, {
-      children: [(0, _jsxRuntime.jsx)(Back15SecButton, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(ControlsWrapper, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Back15SecButton, {
         variant: "tertiary",
         title: t("audio.controls.rewind15sec"),
         "aria-label": t("audio.controls.rewind15sec"),
         onClick: () => onSeekSeconds(-15),
-        children: (0, _jsxRuntime.jsx)(_action.Back15, {})
-      }), (0, _jsxRuntime.jsx)(PlayButton, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_action.Back15, {})
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(PlayButton, {
         "aria-label": t(playing ? t("audio.pause") : t("audio.play")),
         variant: "primary",
         onClick: togglePlay,
-        children: playing ? (0, _jsxRuntime.jsx)(_common.Pause, {}) : (0, _jsxRuntime.jsx)(_common.Play, {})
-      }), (0, _jsxRuntime.jsx)(Forward15SecButton, {
+        children: playing ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.Pause, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.Play, {})
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Forward15SecButton, {
         variant: "tertiary",
         title: t("audio.controls.forward15sec"),
         "aria-label": t("audio.controls.forward15sec"),
         onClick: () => onSeekSeconds(15),
-        children: (0, _jsxRuntime.jsx)(_action.Forward15, {})
-      }), (0, _jsxRuntime.jsxs)(ProgressWrapper, {
-        children: [(0, _jsxRuntime.jsx)(_primitives.Text, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_action.Forward15, {})
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(ProgressWrapper, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Text, {
           textStyle: "label.medium",
           asChild: true,
           consumeCss: true,
-          children: (0, _jsxRuntime.jsx)("div", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             children: formatTime(currentTime)
           })
-        }), (0, _jsxRuntime.jsx)(_primitives.SliderRoot, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SliderRoot, {
           value: [audioRef.current?.currentTime ?? 0],
           defaultValue: [0],
           step: 1,
@@ -231,69 +231,69 @@ const Controls = _ref => {
             start: formatTime(Math.round(value.value)),
             end: formatTime(Math.round(audioRef.current?.duration ?? 0))
           }),
-          children: (0, _jsxRuntime.jsxs)(_primitives.SliderControl, {
-            children: [(0, _jsxRuntime.jsx)(_primitives.SliderTrack, {
-              children: (0, _jsxRuntime.jsx)(_primitives.SliderRange, {})
-            }), (0, _jsxRuntime.jsx)(_primitives.SliderThumb, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.SliderControl, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SliderTrack, {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SliderRange, {})
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SliderThumb, {
               index: 0,
-              children: (0, _jsxRuntime.jsx)(_primitives.SliderHiddenInput, {})
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SliderHiddenInput, {})
             })]
           })
-        }), (0, _jsxRuntime.jsx)(_primitives.Text, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Text, {
           textStyle: "label.medium",
           asChild: true,
           consumeCss: true,
-          children: (0, _jsxRuntime.jsxs)("div", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             children: ["-", formatTime(remainingTime)]
           })
         })]
-      }), (0, _jsxRuntime.jsxs)(StyledSelectRoot, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledSelectRoot, {
         items: speedValues,
         value: [speedValue.toString()],
         onValueChange: details => setSpeedValue(parseFloat(details.value[0])),
         positioning: {
           placement: "top"
         },
-        children: [(0, _jsxRuntime.jsx)(_primitives.SelectLabel, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SelectLabel, {
           css: _patterns.visuallyHidden.raw(),
           children: t("audio.controls.selectSpeed")
-        }), (0, _jsxRuntime.jsx)(_primitives.SelectControl, {
-          children: (0, _jsxRuntime.jsx)(_primitives.SelectTrigger, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SelectControl, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SelectTrigger, {
             asChild: true,
-            children: (0, _jsxRuntime.jsx)(SpeedButton, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SpeedButton, {
               variant: "tertiary",
               title: t("audio.controls.selectSpeed"),
               "aria-label": t("audio.controls.selectSpeed"),
-              children: (0, _jsxRuntime.jsx)("span", {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
                 children: `${speedValue}x`
               })
             })
           })
-        }), (0, _jsxRuntime.jsx)(_primitives.SelectPositioner, {
-          children: (0, _jsxRuntime.jsx)(_primitives.SelectContent, {
-            children: speedValues.map(speed => (0, _jsxRuntime.jsxs)(_primitives.SelectItem, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SelectPositioner, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SelectContent, {
+            children: speedValues.map(speed => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.SelectItem, {
               item: speed,
-              children: [(0, _jsxRuntime.jsxs)(_primitives.SelectItemText, {
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.SelectItemText, {
                 children: [speed, "x"]
-              }), (0, _jsxRuntime.jsx)(_primitives.SelectItemIndicator, {
-                children: (0, _jsxRuntime.jsx)(_editor.Done, {})
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SelectItemIndicator, {
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_editor.Done, {})
               })]
             }, speed))
           })
         })]
-      }), (0, _jsxRuntime.jsxs)(_primitives.PopoverRoot, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.PopoverRoot, {
         positioning: {
           placement: "top"
         },
-        children: [(0, _jsxRuntime.jsx)(_primitives.PopoverTrigger, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.PopoverTrigger, {
           asChild: true,
-          children: (0, _jsxRuntime.jsx)(VolumeButton, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(VolumeButton, {
             variant: "tertiary",
             "aria-label": t("audio.controls.adjustVolume"),
-            children: (0, _jsxRuntime.jsx)(_common.VolumeUp, {})
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.VolumeUp, {})
           })
-        }), (0, _jsxRuntime.jsx)(_primitives.PopoverContent, {
-          children: (0, _jsxRuntime.jsxs)(_primitives.SliderRoot, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.PopoverContent, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.SliderRoot, {
             orientation: "vertical",
             value: [volumeValue],
             min: 0,
@@ -301,15 +301,15 @@ const Controls = _ref => {
             defaultValue: [100],
             step: 1,
             onValueChange: handleVolumeSliderChange,
-            children: [(0, _jsxRuntime.jsx)(_primitives.SliderLabel, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SliderLabel, {
               css: _patterns.visuallyHidden.raw(),
               children: t("audio.controls.adjustVolume")
-            }), (0, _jsxRuntime.jsxs)(StyledSliderControl, {
-              children: [(0, _jsxRuntime.jsx)(_primitives.SliderTrack, {
-                children: (0, _jsxRuntime.jsx)(_primitives.SliderRange, {})
-              }), (0, _jsxRuntime.jsx)(_primitives.SliderThumb, {
+            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledSliderControl, {
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SliderTrack, {
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SliderRange, {})
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SliderThumb, {
                 index: 0,
-                children: (0, _jsxRuntime.jsx)(_primitives.SliderHiddenInput, {})
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SliderHiddenInput, {})
               })]
             })]
           })

package/lib/AudioPlayer/SpeechControl.js

@@ -8,7 +8,7 @@ var _react = require("react");
 var _reactI18next = require("react-i18next");
 var _common = require("@ndla/icons/common");
 var _primitives = require("@ndla/primitives");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Copyright (c) 2021-present, NDLA.
  *
@@ -37,22 +37,22 @@ const SpeechControl = _ref => {
       }
     }
   };
-  return (0, _jsxRuntime.jsxs)("div", {
-    children: [(0, _jsxRuntime.jsx)("audio", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("audio", {
       ref: audioRef,
       src: src,
       title: title,
       preload: "metadata"
-    }), (0, _jsxRuntime.jsxs)(_primitives.TooltipRoot, {
-      children: [(0, _jsxRuntime.jsx)(_primitives.TooltipTrigger, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.TooltipRoot, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.TooltipTrigger, {
         asChild: true,
-        children: (0, _jsxRuntime.jsx)(_primitives.IconButton, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.IconButton, {
           variant: "tertiary",
           "aria-label": t(`${type}.play`),
           onClick: togglePlay,
-          children: (0, _jsxRuntime.jsx)(_common.VolumeUp, {})
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.VolumeUp, {})
         })
-      }), (0, _jsxRuntime.jsx)(_primitives.TooltipContent, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.TooltipContent, {
         children: t(`${type}.play`)
       })]
     })]

package/lib/BlogPost/BlogPost.js

@@ -10,7 +10,7 @@ var _primitives = require("@ndla/primitives");
 var _safelink = require("@ndla/safelink");
 var _jsx2 = require("@ndla/styled-system/jsx");
 var _relativeUrl = require("../utils/relativeUrl");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * Copyright (c) 2023-present, NDLA.
@@ -109,22 +109,22 @@ const BlogPost = _ref => {
   } = (0, _reactI18next.useTranslation)();
   const href = (0, _relativeUrl.getPossiblyRelativeUrl)(url, path);
   const imageWidth = size === "large" ? 532 : 350;
-  return (0, _jsxRuntime.jsxs)(Container, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, {
     "data-size": size,
     to: href,
     size: size,
-    children: [(0, _jsxRuntime.jsx)(StyledHeading, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledHeading, {
       className: "blog-title",
       asChild: true,
       consumeCss: true,
       textStyle: "title.large",
-      children: (0, _jsxRuntime.jsx)(Heading, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Heading, {
         children: (0, _htmlReactParser.default)(title)
       })
-    }), (0, _jsxRuntime.jsx)(StyledImg, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledImg, {
       src: `${metaImage.url}?width=${imageWidth}`,
       alt: metaImage.alt
-    }), !!author && (0, _jsxRuntime.jsx)(AuthorContainer, {
+    }), !!author && /*#__PURE__*/(0, _jsxRuntime.jsx)(AuthorContainer, {
       "aria-label": t("article.writtenBy", {
         authors: author
       }),

package/lib/Breadcrumb/Breadcrumb.js

@@ -4,34 +4,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = require("react");
 var _reactI18next = require("react-i18next");
+var _jsx2 = require("@ndla/styled-system/jsx");
 var _BreadcrumbItem = _interopRequireDefault(require("./BreadcrumbItem"));
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; } /**
+/**
  * Copyright (c) 2016-present, NDLA.
  *
  * This source code is licensed under the GPLv3 license found in the
  * LICENSE file in the root directory of this source tree.
  *
  */
-const BreadcrumbNav = /*#__PURE__*/(0, _base.default)("nav", {
-  target: "e1oxrjfx1",
-  label: "BreadcrumbNav"
-})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJyZWFkY3J1bWIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCZ0MiLCJmaWxlIjoiQnJlYWRjcnVtYi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxNi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IFJlYWN0Tm9kZSwgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gXCJyZWFjdC1pMThuZXh0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBCcmVhZGNydW1iSXRlbSwgeyBJbmRleGVkQnJlYWRjcnVtYkl0ZW0sIFNpbXBsZUJyZWFkY3J1bWJJdGVtIH0gZnJvbSBcIi4vQnJlYWRjcnVtYkl0ZW1cIjtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgaXRlbXM6IFNpbXBsZUJyZWFkY3J1bWJJdGVtW107XG4gIGNvbGxhcHNlRmlyc3Q/OiBib29sZWFuO1xuICBjb2xsYXBzZUxhc3Q/OiBib29sZWFuO1xuICByZW5kZXJJdGVtPzogKGl0ZW06IEluZGV4ZWRCcmVhZGNydW1iSXRlbSwgdG90YWxDb3VudDogbnVtYmVyKSA9PiBSZWFjdE5vZGU7XG4gIHJlbmRlclNlcGFyYXRvcj86IChpdGVtOiBJbmRleGVkQnJlYWRjcnVtYkl0ZW0sIHRvdGFsQ291bnQ6IG51bWJlcikgPT4gUmVhY3ROb2RlO1xufVxuXG5jb25zdCBCcmVhZGNydW1iTmF2ID0gc3R5bGVkLm5hdmBgO1xuXG5jb25zdCBTdHlsZWRMaXN0ID0gc3R5bGVkLm9sYFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHBhZGRpbmctbGVmdDogMDtcbiAgbWFyZ2luLWJvdHRvbTogMDtcbiAgbWFyZ2luLXRvcDogMDtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbmA7XG5cbmNvbnN0IEJyZWFkY3J1bWIgPSAoeyBpdGVtcywgcmVuZGVySXRlbSwgcmVuZGVyU2VwYXJhdG9yLCBjb2xsYXBzZUZpcnN0LCBjb2xsYXBzZUxhc3QgPSB0cnVlIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3Qgb2xSZWYgPSB1c2VSZWY8YW55PigpO1xuICBjb25zdCBjb250YWluZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICAvLyBObyBpZGlvbWF0aWMgd2F5IG9mIGRlYWxpbmcgd2l0aCBzZXRzIG9mIHJlZnMgeWV0XG4gIC8vIFNlZTogaHR0cHM6Ly9naXRodWIuY29tL2ZhY2Vib29rL3JlYWN0L2lzc3Vlcy8xNDA3MiNpc3N1ZWNvbW1lbnQtNDQ2Nzc3NDA2XG5cbiAgcmV0dXJuIChcbiAgICA8QnJlYWRjcnVtYk5hdiByZWY9e2NvbnRhaW5lclJlZn0gYXJpYS1sYWJlbD17dChcImJyZWFkY3J1bWIuYnJlYWRjcnVtYlwiKX0+XG4gICAgICA8U3R5bGVkTGlzdCByZWY9e29sUmVmfT5cbiAgICAgICAge2l0ZW1zLm1hcCgoaXRlbSwgaW5kZXgpID0+IChcbiAgICAgICAgICA8QnJlYWRjcnVtYkl0ZW1cbiAgICAgICAgICAgIHJlbmRlckl0ZW09e3JlbmRlckl0ZW19XG4gICAgICAgICAgICByZW5kZXJTZXBhcmF0b3I9e3JlbmRlclNlcGFyYXRvcn1cbiAgICAgICAgICAgIHJlZj17KGVsZW1lbnQpID0+IHtcbiAgICAgICAgICAgICAgaWYgKFxuICAgICAgICAgICAgICAgIGVsZW1lbnQgPT09IG51bGwgfHxcbiAgICAgICAgICAgICAgICAoIWNvbGxhcHNlRmlyc3QgJiYgaW5kZXggPT09IDApIHx8XG4gICAgICAgICAgICAgICAgKCFjb2xsYXBzZUxhc3QgJiYgaW5kZXggPT09IGl0ZW1zLmxlbmd0aCAtIDEpXG4gICAgICAgICAgICAgICkge1xuICAgICAgICAgICAgICAgIGlmIChlbGVtZW50KSB7XG4gICAgICAgICAgICAgICAgICBlbGVtZW50LnNldE1heFdpZHRoKFwibm9uZVwiKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH19XG4gICAgICAgICAgICBrZXk9e3R5cGVvZiBpdGVtLnRvID09PSBcInN0cmluZ1wiID8gaXRlbS50byA6IGl0ZW0udG8ucGF0aG5hbWV9XG4gICAgICAgICAgICB0b3RhbENvdW50PXtpdGVtcy5sZW5ndGh9XG4gICAgICAgICAgICBpdGVtPXt7IC4uLml0ZW0sIGluZGV4IH19XG4gICAgICAgICAgLz5cbiAgICAgICAgKSl9XG4gICAgICA8L1N0eWxlZExpc3Q+XG4gICAgPC9CcmVhZGNydW1iTmF2PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQnJlYWRjcnVtYjtcbiJdfQ== */");
-const StyledList = /*#__PURE__*/(0, _base.default)("ol", {
-  target: "e1oxrjfx0",
-  label: "StyledList"
-})(process.env.NODE_ENV === "production" ? {
-  name: "42by16",
-  styles: "display:inline-block;padding-left:0;margin-bottom:0;margin-top:0;list-style:none"
-} : {
-  name: "42by16",
-  styles: "display:inline-block;padding-left:0;margin-bottom:0;margin-top:0;list-style:none",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJyZWFkY3J1bWIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCNEIiLCJmaWxlIjoiQnJlYWRjcnVtYi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxNi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IFJlYWN0Tm9kZSwgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gXCJyZWFjdC1pMThuZXh0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBCcmVhZGNydW1iSXRlbSwgeyBJbmRleGVkQnJlYWRjcnVtYkl0ZW0sIFNpbXBsZUJyZWFkY3J1bWJJdGVtIH0gZnJvbSBcIi4vQnJlYWRjcnVtYkl0ZW1cIjtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgaXRlbXM6IFNpbXBsZUJyZWFkY3J1bWJJdGVtW107XG4gIGNvbGxhcHNlRmlyc3Q/OiBib29sZWFuO1xuICBjb2xsYXBzZUxhc3Q/OiBib29sZWFuO1xuICByZW5kZXJJdGVtPzogKGl0ZW06IEluZGV4ZWRCcmVhZGNydW1iSXRlbSwgdG90YWxDb3VudDogbnVtYmVyKSA9PiBSZWFjdE5vZGU7XG4gIHJlbmRlclNlcGFyYXRvcj86IChpdGVtOiBJbmRleGVkQnJlYWRjcnVtYkl0ZW0sIHRvdGFsQ291bnQ6IG51bWJlcikgPT4gUmVhY3ROb2RlO1xufVxuXG5jb25zdCBCcmVhZGNydW1iTmF2ID0gc3R5bGVkLm5hdmBgO1xuXG5jb25zdCBTdHlsZWRMaXN0ID0gc3R5bGVkLm9sYFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHBhZGRpbmctbGVmdDogMDtcbiAgbWFyZ2luLWJvdHRvbTogMDtcbiAgbWFyZ2luLXRvcDogMDtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbmA7XG5cbmNvbnN0IEJyZWFkY3J1bWIgPSAoeyBpdGVtcywgcmVuZGVySXRlbSwgcmVuZGVyU2VwYXJhdG9yLCBjb2xsYXBzZUZpcnN0LCBjb2xsYXBzZUxhc3QgPSB0cnVlIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3Qgb2xSZWYgPSB1c2VSZWY8YW55PigpO1xuICBjb25zdCBjb250YWluZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICAvLyBObyBpZGlvbWF0aWMgd2F5IG9mIGRlYWxpbmcgd2l0aCBzZXRzIG9mIHJlZnMgeWV0XG4gIC8vIFNlZTogaHR0cHM6Ly9naXRodWIuY29tL2ZhY2Vib29rL3JlYWN0L2lzc3Vlcy8xNDA3MiNpc3N1ZWNvbW1lbnQtNDQ2Nzc3NDA2XG5cbiAgcmV0dXJuIChcbiAgICA8QnJlYWRjcnVtYk5hdiByZWY9e2NvbnRhaW5lclJlZn0gYXJpYS1sYWJlbD17dChcImJyZWFkY3J1bWIuYnJlYWRjcnVtYlwiKX0+XG4gICAgICA8U3R5bGVkTGlzdCByZWY9e29sUmVmfT5cbiAgICAgICAge2l0ZW1zLm1hcCgoaXRlbSwgaW5kZXgpID0+IChcbiAgICAgICAgICA8QnJlYWRjcnVtYkl0ZW1cbiAgICAgICAgICAgIHJlbmRlckl0ZW09e3JlbmRlckl0ZW19XG4gICAgICAgICAgICByZW5kZXJTZXBhcmF0b3I9e3JlbmRlclNlcGFyYXRvcn1cbiAgICAgICAgICAgIHJlZj17KGVsZW1lbnQpID0+IHtcbiAgICAgICAgICAgICAgaWYgKFxuICAgICAgICAgICAgICAgIGVsZW1lbnQgPT09IG51bGwgfHxcbiAgICAgICAgICAgICAgICAoIWNvbGxhcHNlRmlyc3QgJiYgaW5kZXggPT09IDApIHx8XG4gICAgICAgICAgICAgICAgKCFjb2xsYXBzZUxhc3QgJiYgaW5kZXggPT09IGl0ZW1zLmxlbmd0aCAtIDEpXG4gICAgICAgICAgICAgICkge1xuICAgICAgICAgICAgICAgIGlmIChlbGVtZW50KSB7XG4gICAgICAgICAgICAgICAgICBlbGVtZW50LnNldE1heFdpZHRoKFwibm9uZVwiKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH19XG4gICAgICAgICAgICBrZXk9e3R5cGVvZiBpdGVtLnRvID09PSBcInN0cmluZ1wiID8gaXRlbS50byA6IGl0ZW0udG8ucGF0aG5hbWV9XG4gICAgICAgICAgICB0b3RhbENvdW50PXtpdGVtcy5sZW5ndGh9XG4gICAgICAgICAgICBpdGVtPXt7IC4uLml0ZW0sIGluZGV4IH19XG4gICAgICAgICAgLz5cbiAgICAgICAgKSl9XG4gICAgICA8L1N0eWxlZExpc3Q+XG4gICAgPC9CcmVhZGNydW1iTmF2PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQnJlYWRjcnVtYjtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+
+const StyledList = (0, _jsx2.styled)("ol", {
+  base: {
+    display: "flex",
+    flexWrap: "wrap",
+    alignItems: "center",
+    listStyle: "none",
+    gap: "xsmall",
+    mobileDown: {
+      alignItems: "flex-start",
+      justifyContent: "center",
+      flexDirection: "column",
+      gap: "xxsmall"
+    }
+  }
 });
 const Breadcrumb = _ref => {
   let {
@@ -44,17 +43,10 @@ const Breadcrumb = _ref => {
   const {
     t
   } = (0, _reactI18next.useTranslation)();
-  const olRef = (0, _react.useRef)();
-  const containerRef = (0, _react.useRef)(null);
-  // No idiomatic way of dealing with sets of refs yet
-  // See: https://github.com/facebook/react/issues/14072#issuecomment-446777406
-
-  return (0, _jsxRuntime.jsx)(BreadcrumbNav, {
-    ref: containerRef,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("nav", {
     "aria-label": t("breadcrumb.breadcrumb"),
-    children: (0, _jsxRuntime.jsx)(StyledList, {
-      ref: olRef,
-      children: items.map((item, index) => (0, _jsxRuntime.jsx)(_BreadcrumbItem.default, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledList, {
+      children: items.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_BreadcrumbItem.default, {
         renderItem: renderItem,
         renderSeparator: renderSeparator,
         ref: element => {

package/lib/Breadcrumb/BreadcrumbItem.js

@@ -4,61 +4,36 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = require("react");
-var _core = require("@ndla/core");
 var _common = require("@ndla/icons/common");
 var _safelink = require("@ndla/safelink");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; } /**
+var _jsx2 = require("@ndla/styled-system/jsx");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
  * Copyright (c) 2016-present, NDLA.
  *
  * This source code is licensed under the GPLv3 license found in the
  * LICENSE file in the root directory of this source tree.
  *
  */
-const StyledListItem = /*#__PURE__*/(0, _base.default)("li", {
-  target: "ehxjdfm3",
-  label: "StyledListItem"
-})("padding:0;display:inline-flex;align-items:center;:before{display:none;}", _core.mq.range({
-  until: _core.breakpoints.tablet
-}), "{display:block;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJyZWFkY3J1bWJJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ21EIiwiZmlsZSI6IkJyZWFkY3J1bWJJdGVtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE2LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgdXNlUmVmLCB1c2VJbXBlcmF0aXZlSGFuZGxlLCBSZWFjdE5vZGUsIGZvcndhcmRSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgbXEsIHNwYWNpbmcsIGJyZWFrcG9pbnRzIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IENoZXZyb25SaWdodCB9IGZyb20gXCJAbmRsYS9pY29ucy9jb21tb25cIjtcbmltcG9ydCB7IFNhZmVMaW5rIH0gZnJvbSBcIkBuZGxhL3NhZmVsaW5rXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU2ltcGxlQnJlYWRjcnVtYkl0ZW0ge1xuICB0bzogc3RyaW5nIHwgUGFydGlhbDxMb2NhdGlvbj47XG4gIG5hbWU6IFJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBJbmRleGVkQnJlYWRjcnVtYkl0ZW0gZXh0ZW5kcyBTaW1wbGVCcmVhZGNydW1iSXRlbSB7XG4gIGluZGV4OiBudW1iZXI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgQnJlYWRjcnVtYlJlbmRlclByb3BzIHtcbiAgaXRlbTogSW5kZXhlZEJyZWFkY3J1bWJJdGVtO1xuICB0b3RhbENvdW50OiBudW1iZXI7XG59XG5cbmludGVyZmFjZSBBdXRvQ29sbGFwc2VQcm9wcyB7XG4gIGF1dG9Db2xsYXBzZT86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmxpPEF1dG9Db2xsYXBzZVByb3BzPmBcbiAgcGFkZGluZzogMDtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIDpiZWZvcmUge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxuYDtcblxuY29uc3QgQ29sbGFwc2VDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIGNvbG9yOiBpbmhlcml0O1xuYDtcblxuY29uc3QgU3R5bGVkQ2hldnJvbiA9IHN0eWxlZChDaGV2cm9uUmlnaHQpYFxuICBtYXJnaW46ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgY29sb3I6IGluaGVyaXQ7XG5gO1xuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGNvbG9yOiBpbmhlcml0O1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgaXRlbTogSW5kZXhlZEJyZWFkY3J1bWJJdGVtO1xuICBhdXRvQ29sbGFwc2U/OiBib29sZWFuO1xuICB0b3RhbENvdW50OiBudW1iZXI7XG4gIHJlbmRlckl0ZW0/OiAoaXRlbTogSW5kZXhlZEJyZWFkY3J1bWJJdGVtLCB0b3RhbENvdW50OiBudW1iZXIpID0+IFJlYWN0Tm9kZTtcbiAgcmVuZGVyU2VwYXJhdG9yPzogKGl0ZW06IEluZGV4ZWRCcmVhZGNydW1iSXRlbSwgdG90YWxDb3VudDogbnVtYmVyKSA9PiBSZWFjdE5vZGU7XG59XG5cbmNvbnN0IEJyZWFkY3J1bWJJdGVtID0gZm9yd2FyZFJlZjxhbnksIFByb3BzPihcbiAgKHsgcmVuZGVySXRlbSwgcmVuZGVyU2VwYXJhdG9yLCBpdGVtLCB0b3RhbENvdW50LCBhdXRvQ29sbGFwc2UgfSwgcmVmKSA9PiB7XG4gICAgY29uc3QgbGlSZWYgPSB1c2VSZWY8YW55PigpO1xuXG4gICAgdXNlSW1wZXJhdGl2ZUhhbmRsZShyZWYsICgpID0+ICh7XG4gICAgICBzZXRNYXhXaWR0aDogKG1heFdpZHRoOiBudW1iZXIpID0+IHtcbiAgICAgICAgbGlSZWYuY3VycmVudC5jaGlsZHJlblswXS5zdHlsZS5tYXhXaWR0aCA9IG1heFdpZHRoO1xuICAgICAgfSxcbiAgICB9KSk7XG5cbiAgICBjb25zdCB7IHRvLCBuYW1lLCBpbmRleCB9ID0gaXRlbTtcbiAgICBjb25zdCBpc0xhc3QgPSBpbmRleCA9PT0gdG90YWxDb3VudCAtIDE7XG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRMaXN0SXRlbSByZWY9e2xpUmVmfSBhdXRvQ29sbGFwc2U9e2F1dG9Db2xsYXBzZX0gYXJpYS1jdXJyZW50PXtpc0xhc3QgPyBcInBhZ2VcIiA6IHVuZGVmaW5lZH0+XG4gICAgICAgIDxDb2xsYXBzZUNvbnRhaW5lcj5cbiAgICAgICAgICB7cmVuZGVySXRlbSA/IChcbiAgICAgICAgICAgIHJlbmRlckl0ZW0oaXRlbSwgdG90YWxDb3VudClcbiAgICAgICAgICApIDogaXNMYXN0ID8gKFxuICAgICAgICAgICAgPHNwYW4+e25hbWV9PC9zcGFuPlxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICA8U3R5bGVkU2FmZUxpbmsgdG89e3RvfT5cbiAgICAgICAgICAgICAgPHNwYW4+e25hbWV9PC9zcGFuPlxuICAgICAgICAgICAgPC9TdHlsZWRTYWZlTGluaz5cbiAgICAgICAgICApfVxuICAgICAgICA8L0NvbGxhcHNlQ29udGFpbmVyPlxuICAgICAgICB7cmVuZGVyU2VwYXJhdG9yID8gcmVuZGVyU2VwYXJhdG9yKGl0ZW0sIHRvdGFsQ291bnQpIDogIWlzTGFzdCAmJiA8U3R5bGVkQ2hldnJvbiAvPn1cbiAgICAgIDwvU3R5bGVkTGlzdEl0ZW0+XG4gICAgKTtcbiAgfSxcbik7XG5cbmV4cG9ydCBkZWZhdWx0IEJyZWFkY3J1bWJJdGVtO1xuIl19 */"));
-const CollapseContainer = /*#__PURE__*/(0, _base.default)("div", {
-  target: "ehxjdfm2",
-  label: "CollapseContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1bbq5g9",
-  styles: "display:inline-block;color:inherit"
-} : {
-  name: "1bbq5g9",
-  styles: "display:inline-block;color:inherit",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJyZWFkY3J1bWJJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0Q29DIiwiZmlsZSI6IkJyZWFkY3J1bWJJdGVtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE2LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgdXNlUmVmLCB1c2VJbXBlcmF0aXZlSGFuZGxlLCBSZWFjdE5vZGUsIGZvcndhcmRSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgbXEsIHNwYWNpbmcsIGJyZWFrcG9pbnRzIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IENoZXZyb25SaWdodCB9IGZyb20gXCJAbmRsYS9pY29ucy9jb21tb25cIjtcbmltcG9ydCB7IFNhZmVMaW5rIH0gZnJvbSBcIkBuZGxhL3NhZmVsaW5rXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU2ltcGxlQnJlYWRjcnVtYkl0ZW0ge1xuICB0bzogc3RyaW5nIHwgUGFydGlhbDxMb2NhdGlvbj47XG4gIG5hbWU6IFJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBJbmRleGVkQnJlYWRjcnVtYkl0ZW0gZXh0ZW5kcyBTaW1wbGVCcmVhZGNydW1iSXRlbSB7XG4gIGluZGV4OiBudW1iZXI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgQnJlYWRjcnVtYlJlbmRlclByb3BzIHtcbiAgaXRlbTogSW5kZXhlZEJyZWFkY3J1bWJJdGVtO1xuICB0b3RhbENvdW50OiBudW1iZXI7XG59XG5cbmludGVyZmFjZSBBdXRvQ29sbGFwc2VQcm9wcyB7XG4gIGF1dG9Db2xsYXBzZT86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmxpPEF1dG9Db2xsYXBzZVByb3BzPmBcbiAgcGFkZGluZzogMDtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIDpiZWZvcmUge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxuYDtcblxuY29uc3QgQ29sbGFwc2VDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIGNvbG9yOiBpbmhlcml0O1xuYDtcblxuY29uc3QgU3R5bGVkQ2hldnJvbiA9IHN0eWxlZChDaGV2cm9uUmlnaHQpYFxuICBtYXJnaW46ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgY29sb3I6IGluaGVyaXQ7XG5gO1xuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGNvbG9yOiBpbmhlcml0O1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgaXRlbTogSW5kZXhlZEJyZWFkY3J1bWJJdGVtO1xuICBhdXRvQ29sbGFwc2U/OiBib29sZWFuO1xuICB0b3RhbENvdW50OiBudW1iZXI7XG4gIHJlbmRlckl0ZW0/OiAoaXRlbTogSW5kZXhlZEJyZWFkY3J1bWJJdGVtLCB0b3RhbENvdW50OiBudW1iZXIpID0+IFJlYWN0Tm9kZTtcbiAgcmVuZGVyU2VwYXJhdG9yPzogKGl0ZW06IEluZGV4ZWRCcmVhZGNydW1iSXRlbSwgdG90YWxDb3VudDogbnVtYmVyKSA9PiBSZWFjdE5vZGU7XG59XG5cbmNvbnN0IEJyZWFkY3J1bWJJdGVtID0gZm9yd2FyZFJlZjxhbnksIFByb3BzPihcbiAgKHsgcmVuZGVySXRlbSwgcmVuZGVyU2VwYXJhdG9yLCBpdGVtLCB0b3RhbENvdW50LCBhdXRvQ29sbGFwc2UgfSwgcmVmKSA9PiB7XG4gICAgY29uc3QgbGlSZWYgPSB1c2VSZWY8YW55PigpO1xuXG4gICAgdXNlSW1wZXJhdGl2ZUhhbmRsZShyZWYsICgpID0+ICh7XG4gICAgICBzZXRNYXhXaWR0aDogKG1heFdpZHRoOiBudW1iZXIpID0+IHtcbiAgICAgICAgbGlSZWYuY3VycmVudC5jaGlsZHJlblswXS5zdHlsZS5tYXhXaWR0aCA9IG1heFdpZHRoO1xuICAgICAgfSxcbiAgICB9KSk7XG5cbiAgICBjb25zdCB7IHRvLCBuYW1lLCBpbmRleCB9ID0gaXRlbTtcbiAgICBjb25zdCBpc0xhc3QgPSBpbmRleCA9PT0gdG90YWxDb3VudCAtIDE7XG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRMaXN0SXRlbSByZWY9e2xpUmVmfSBhdXRvQ29sbGFwc2U9e2F1dG9Db2xsYXBzZX0gYXJpYS1jdXJyZW50PXtpc0xhc3QgPyBcInBhZ2VcIiA6IHVuZGVmaW5lZH0+XG4gICAgICAgIDxDb2xsYXBzZUNvbnRhaW5lcj5cbiAgICAgICAgICB7cmVuZGVySXRlbSA/IChcbiAgICAgICAgICAgIHJlbmRlckl0ZW0oaXRlbSwgdG90YWxDb3VudClcbiAgICAgICAgICApIDogaXNMYXN0ID8gKFxuICAgICAgICAgICAgPHNwYW4+e25hbWV9PC9zcGFuPlxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICA8U3R5bGVkU2FmZUxpbmsgdG89e3RvfT5cbiAgICAgICAgICAgICAgPHNwYW4+e25hbWV9PC9zcGFuPlxuICAgICAgICAgICAgPC9TdHlsZWRTYWZlTGluaz5cbiAgICAgICAgICApfVxuICAgICAgICA8L0NvbGxhcHNlQ29udGFpbmVyPlxuICAgICAgICB7cmVuZGVyU2VwYXJhdG9yID8gcmVuZGVyU2VwYXJhdG9yKGl0ZW0sIHRvdGFsQ291bnQpIDogIWlzTGFzdCAmJiA8U3R5bGVkQ2hldnJvbiAvPn1cbiAgICAgIDwvU3R5bGVkTGlzdEl0ZW0+XG4gICAgKTtcbiAgfSxcbik7XG5cbmV4cG9ydCBkZWZhdWx0IEJyZWFkY3J1bWJJdGVtO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledChevron = /*#__PURE__*/(0, _base.default)(_common.ChevronRight, {
-  target: "ehxjdfm1",
-  label: "StyledChevron"
-})("margin:", _core.spacing.xxsmall, ";color:inherit;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJyZWFkY3J1bWJJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRDBDIiwiZmlsZSI6IkJyZWFkY3J1bWJJdGVtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE2LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgdXNlUmVmLCB1c2VJbXBlcmF0aXZlSGFuZGxlLCBSZWFjdE5vZGUsIGZvcndhcmRSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgbXEsIHNwYWNpbmcsIGJyZWFrcG9pbnRzIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IENoZXZyb25SaWdodCB9IGZyb20gXCJAbmRsYS9pY29ucy9jb21tb25cIjtcbmltcG9ydCB7IFNhZmVMaW5rIH0gZnJvbSBcIkBuZGxhL3NhZmVsaW5rXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU2ltcGxlQnJlYWRjcnVtYkl0ZW0ge1xuICB0bzogc3RyaW5nIHwgUGFydGlhbDxMb2NhdGlvbj47XG4gIG5hbWU6IFJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBJbmRleGVkQnJlYWRjcnVtYkl0ZW0gZXh0ZW5kcyBTaW1wbGVCcmVhZGNydW1iSXRlbSB7XG4gIGluZGV4OiBudW1iZXI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgQnJlYWRjcnVtYlJlbmRlclByb3BzIHtcbiAgaXRlbTogSW5kZXhlZEJyZWFkY3J1bWJJdGVtO1xuICB0b3RhbENvdW50OiBudW1iZXI7XG59XG5cbmludGVyZmFjZSBBdXRvQ29sbGFwc2VQcm9wcyB7XG4gIGF1dG9Db2xsYXBzZT86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmxpPEF1dG9Db2xsYXBzZVByb3BzPmBcbiAgcGFkZGluZzogMDtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIDpiZWZvcmUge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxuYDtcblxuY29uc3QgQ29sbGFwc2VDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIGNvbG9yOiBpbmhlcml0O1xuYDtcblxuY29uc3QgU3R5bGVkQ2hldnJvbiA9IHN0eWxlZChDaGV2cm9uUmlnaHQpYFxuICBtYXJnaW46ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgY29sb3I6IGluaGVyaXQ7XG5gO1xuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGNvbG9yOiBpbmhlcml0O1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgaXRlbTogSW5kZXhlZEJyZWFkY3J1bWJJdGVtO1xuICBhdXRvQ29sbGFwc2U/OiBib29sZWFuO1xuICB0b3RhbENvdW50OiBudW1iZXI7XG4gIHJlbmRlckl0ZW0/OiAoaXRlbTogSW5kZXhlZEJyZWFkY3J1bWJJdGVtLCB0b3RhbENvdW50OiBudW1iZXIpID0+IFJlYWN0Tm9kZTtcbiAgcmVuZGVyU2VwYXJhdG9yPzogKGl0ZW06IEluZGV4ZWRCcmVhZGNydW1iSXRlbSwgdG90YWxDb3VudDogbnVtYmVyKSA9PiBSZWFjdE5vZGU7XG59XG5cbmNvbnN0IEJyZWFkY3J1bWJJdGVtID0gZm9yd2FyZFJlZjxhbnksIFByb3BzPihcbiAgKHsgcmVuZGVySXRlbSwgcmVuZGVyU2VwYXJhdG9yLCBpdGVtLCB0b3RhbENvdW50LCBhdXRvQ29sbGFwc2UgfSwgcmVmKSA9PiB7XG4gICAgY29uc3QgbGlSZWYgPSB1c2VSZWY8YW55PigpO1xuXG4gICAgdXNlSW1wZXJhdGl2ZUhhbmRsZShyZWYsICgpID0+ICh7XG4gICAgICBzZXRNYXhXaWR0aDogKG1heFdpZHRoOiBudW1iZXIpID0+IHtcbiAgICAgICAgbGlSZWYuY3VycmVudC5jaGlsZHJlblswXS5zdHlsZS5tYXhXaWR0aCA9IG1heFdpZHRoO1xuICAgICAgfSxcbiAgICB9KSk7XG5cbiAgICBjb25zdCB7IHRvLCBuYW1lLCBpbmRleCB9ID0gaXRlbTtcbiAgICBjb25zdCBpc0xhc3QgPSBpbmRleCA9PT0gdG90YWxDb3VudCAtIDE7XG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRMaXN0SXRlbSByZWY9e2xpUmVmfSBhdXRvQ29sbGFwc2U9e2F1dG9Db2xsYXBzZX0gYXJpYS1jdXJyZW50PXtpc0xhc3QgPyBcInBhZ2VcIiA6IHVuZGVmaW5lZH0+XG4gICAgICAgIDxDb2xsYXBzZUNvbnRhaW5lcj5cbiAgICAgICAgICB7cmVuZGVySXRlbSA/IChcbiAgICAgICAgICAgIHJlbmRlckl0ZW0oaXRlbSwgdG90YWxDb3VudClcbiAgICAgICAgICApIDogaXNMYXN0ID8gKFxuICAgICAgICAgICAgPHNwYW4+e25hbWV9PC9zcGFuPlxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICA8U3R5bGVkU2FmZUxpbmsgdG89e3RvfT5cbiAgICAgICAgICAgICAgPHNwYW4+e25hbWV9PC9zcGFuPlxuICAgICAgICAgICAgPC9TdHlsZWRTYWZlTGluaz5cbiAgICAgICAgICApfVxuICAgICAgICA8L0NvbGxhcHNlQ29udGFpbmVyPlxuICAgICAgICB7cmVuZGVyU2VwYXJhdG9yID8gcmVuZGVyU2VwYXJhdG9yKGl0ZW0sIHRvdGFsQ291bnQpIDogIWlzTGFzdCAmJiA8U3R5bGVkQ2hldnJvbiAvPn1cbiAgICAgIDwvU3R5bGVkTGlzdEl0ZW0+XG4gICAgKTtcbiAgfSxcbik7XG5cbmV4cG9ydCBkZWZhdWx0IEJyZWFkY3J1bWJJdGVtO1xuIl19 */"));
-const StyledSafeLink = /*#__PURE__*/(0, _base.default)(_safelink.SafeLink, {
-  target: "ehxjdfm0",
-  label: "StyledSafeLink"
-})(process.env.NODE_ENV === "production" ? {
-  name: "opde7s",
-  styles: "color:inherit"
-} : {
-  name: "opde7s",
-  styles: "color:inherit",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJyZWFkY3J1bWJJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRHVDIiwiZmlsZSI6IkJyZWFkY3J1bWJJdGVtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE2LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgdXNlUmVmLCB1c2VJbXBlcmF0aXZlSGFuZGxlLCBSZWFjdE5vZGUsIGZvcndhcmRSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgbXEsIHNwYWNpbmcsIGJyZWFrcG9pbnRzIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IENoZXZyb25SaWdodCB9IGZyb20gXCJAbmRsYS9pY29ucy9jb21tb25cIjtcbmltcG9ydCB7IFNhZmVMaW5rIH0gZnJvbSBcIkBuZGxhL3NhZmVsaW5rXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU2ltcGxlQnJlYWRjcnVtYkl0ZW0ge1xuICB0bzogc3RyaW5nIHwgUGFydGlhbDxMb2NhdGlvbj47XG4gIG5hbWU6IFJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBJbmRleGVkQnJlYWRjcnVtYkl0ZW0gZXh0ZW5kcyBTaW1wbGVCcmVhZGNydW1iSXRlbSB7XG4gIGluZGV4OiBudW1iZXI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgQnJlYWRjcnVtYlJlbmRlclByb3BzIHtcbiAgaXRlbTogSW5kZXhlZEJyZWFkY3J1bWJJdGVtO1xuICB0b3RhbENvdW50OiBudW1iZXI7XG59XG5cbmludGVyZmFjZSBBdXRvQ29sbGFwc2VQcm9wcyB7XG4gIGF1dG9Db2xsYXBzZT86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmxpPEF1dG9Db2xsYXBzZVByb3BzPmBcbiAgcGFkZGluZzogMDtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIDpiZWZvcmUge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxuYDtcblxuY29uc3QgQ29sbGFwc2VDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIGNvbG9yOiBpbmhlcml0O1xuYDtcblxuY29uc3QgU3R5bGVkQ2hldnJvbiA9IHN0eWxlZChDaGV2cm9uUmlnaHQpYFxuICBtYXJnaW46ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgY29sb3I6IGluaGVyaXQ7XG5gO1xuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGNvbG9yOiBpbmhlcml0O1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgaXRlbTogSW5kZXhlZEJyZWFkY3J1bWJJdGVtO1xuICBhdXRvQ29sbGFwc2U/OiBib29sZWFuO1xuICB0b3RhbENvdW50OiBudW1iZXI7XG4gIHJlbmRlckl0ZW0/OiAoaXRlbTogSW5kZXhlZEJyZWFkY3J1bWJJdGVtLCB0b3RhbENvdW50OiBudW1iZXIpID0+IFJlYWN0Tm9kZTtcbiAgcmVuZGVyU2VwYXJhdG9yPzogKGl0ZW06IEluZGV4ZWRCcmVhZGNydW1iSXRlbSwgdG90YWxDb3VudDogbnVtYmVyKSA9PiBSZWFjdE5vZGU7XG59XG5cbmNvbnN0IEJyZWFkY3J1bWJJdGVtID0gZm9yd2FyZFJlZjxhbnksIFByb3BzPihcbiAgKHsgcmVuZGVySXRlbSwgcmVuZGVyU2VwYXJhdG9yLCBpdGVtLCB0b3RhbENvdW50LCBhdXRvQ29sbGFwc2UgfSwgcmVmKSA9PiB7XG4gICAgY29uc3QgbGlSZWYgPSB1c2VSZWY8YW55PigpO1xuXG4gICAgdXNlSW1wZXJhdGl2ZUhhbmRsZShyZWYsICgpID0+ICh7XG4gICAgICBzZXRNYXhXaWR0aDogKG1heFdpZHRoOiBudW1iZXIpID0+IHtcbiAgICAgICAgbGlSZWYuY3VycmVudC5jaGlsZHJlblswXS5zdHlsZS5tYXhXaWR0aCA9IG1heFdpZHRoO1xuICAgICAgfSxcbiAgICB9KSk7XG5cbiAgICBjb25zdCB7IHRvLCBuYW1lLCBpbmRleCB9ID0gaXRlbTtcbiAgICBjb25zdCBpc0xhc3QgPSBpbmRleCA9PT0gdG90YWxDb3VudCAtIDE7XG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRMaXN0SXRlbSByZWY9e2xpUmVmfSBhdXRvQ29sbGFwc2U9e2F1dG9Db2xsYXBzZX0gYXJpYS1jdXJyZW50PXtpc0xhc3QgPyBcInBhZ2VcIiA6IHVuZGVmaW5lZH0+XG4gICAgICAgIDxDb2xsYXBzZUNvbnRhaW5lcj5cbiAgICAgICAgICB7cmVuZGVySXRlbSA/IChcbiAgICAgICAgICAgIHJlbmRlckl0ZW0oaXRlbSwgdG90YWxDb3VudClcbiAgICAgICAgICApIDogaXNMYXN0ID8gKFxuICAgICAgICAgICAgPHNwYW4+e25hbWV9PC9zcGFuPlxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICA8U3R5bGVkU2FmZUxpbmsgdG89e3RvfT5cbiAgICAgICAgICAgICAgPHNwYW4+e25hbWV9PC9zcGFuPlxuICAgICAgICAgICAgPC9TdHlsZWRTYWZlTGluaz5cbiAgICAgICAgICApfVxuICAgICAgICA8L0NvbGxhcHNlQ29udGFpbmVyPlxuICAgICAgICB7cmVuZGVyU2VwYXJhdG9yID8gcmVuZGVyU2VwYXJhdG9yKGl0ZW0sIHRvdGFsQ291bnQpIDogIWlzTGFzdCAmJiA8U3R5bGVkQ2hldnJvbiAvPn1cbiAgICAgIDwvU3R5bGVkTGlzdEl0ZW0+XG4gICAgKTtcbiAgfSxcbik7XG5cbmV4cG9ydCBkZWZhdWx0IEJyZWFkY3J1bWJJdGVtO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+
+const StyledListItem = (0, _jsx2.styled)("li", {
+  base: {
+    display: "flex",
+    color: "inherit",
+    gap: "4xsmall",
+    alignItems: "flex-end",
+    tabletDown: {
+      display: "block"
+    }
+  }
 });
 const BreadcrumbItem = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     renderItem,
     renderSeparator,
     item,
-    totalCount,
-    autoCollapse
+    totalCount
   } = _ref;
   const liRef = (0, _react.useRef)();
   (0, _react.useImperativeHandle)(ref, () => ({
@@ -72,20 +47,17 @@ const BreadcrumbItem = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     index
   } = item;
   const isLast = index === totalCount - 1;
-  return (0, _jsxRuntime.jsxs)(StyledListItem, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledListItem, {
     ref: liRef,
-    autoCollapse: autoCollapse,
     "aria-current": isLast ? "page" : undefined,
-    children: [(0, _jsxRuntime.jsx)(CollapseContainer, {
-      children: renderItem ? renderItem(item, totalCount) : isLast ? (0, _jsxRuntime.jsx)("span", {
+    children: [renderItem ? renderItem(item, totalCount) : isLast ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: name
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_safelink.SafeLink, {
+      to: to,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         children: name
-      }) : (0, _jsxRuntime.jsx)(StyledSafeLink, {
-        to: to,
-        children: (0, _jsxRuntime.jsx)("span", {
-          children: name
-        })
       })
-    }), renderSeparator ? renderSeparator(item, totalCount) : !isLast && (0, _jsxRuntime.jsx)(StyledChevron, {})]
+    }), renderSeparator ? renderSeparator(item, totalCount) : !isLast && /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.ChevronRight, {})]
   });
 });
 var _default = exports.default = BreadcrumbItem;

package/lib/Breadcrumb/HomeBreadcrumb.d.ts

@@ -8,7 +8,6 @@
 import { SimpleBreadcrumbItem } from "./BreadcrumbItem";
 interface Props {
     items: SimpleBreadcrumbItem[];
-    light?: boolean;
 }
-declare const HomeBreadcrumb: ({ items, light }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const HomeBreadcrumb: ({ items }: Props) => import("react/jsx-runtime").JSX.Element;
 export default HomeBreadcrumb;