@ndla/ui 56.0.2-alpha.0 → 56.0.4-alpha.0

package/es/CopyParagraphButton/CopyParagraphButton.js

@@ -11,7 +11,7 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { colors, stackOrder } from "@ndla/core";
-import { Link } from "@ndla/icons/common";
+import { LinkMedium } from "@ndla/icons/editor";
 import { copyTextToClipboard } from "@ndla/util";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const ContainerDiv = /*#__PURE__*/_styled("div", {
@@ -23,13 +23,13 @@ const ContainerDiv = /*#__PURE__*/_styled("div", {
 } : {
   name: "w6zggb",
   styles: "position:relative;&:hover{[data-copy-button]{opacity:1;cursor:pointer;}}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvcHlQYXJhZ3JhcGhCdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWUrQiIsImZpbGUiOiJDb3B5UGFyYWdyYXBoQnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIxLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgUmVhY3ROb2RlLCB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjb2xvcnMsIHN0YWNrT3JkZXIgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgTGluayB9IGZyb20gXCJAbmRsYS9pY29ucy9jb21tb25cIjtcbmltcG9ydCB7IGNvcHlUZXh0VG9DbGlwYm9hcmQgfSBmcm9tIFwiQG5kbGEvdXRpbFwiO1xuXG5jb25zdCBDb250YWluZXJEaXYgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICY6aG92ZXIge1xuICAgIFtkYXRhLWNvcHktYnV0dG9uXSB7XG4gICAgICBvcGFjaXR5OiAxO1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIH1cbiAgfVxuYDtcbmNvbnN0IEljb25CdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IC0zZW07XG4gIHRvcDogMC4xZW07XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGJvcmRlcjogMDtcbiAgei1pbmRleDogJHtzdGFja09yZGVyLm9mZnNldFNpbmdsZX07XG4gIHRyYW5zaXRpb246IDAuMnM7XG4gIG9wYWNpdHk6IDA7XG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5ncmV5fTtcblxuICAmIHN2ZyB7XG4gICAgd2lkdGg6IDMwcHg7XG4gICAgaGVpZ2h0OiAzMHB4O1xuICB9XG5cbiAgJjpmb2N1cyxcbiAgJjpmb2N1cy12aXNpYmxlLFxuICAmOmFjdGl2ZSB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIC8vIFdoYXQgdG8gcmVuZGVyIHdpdGhpbiB0aGUgaDJcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgY29weVRleHQ6IHN0cmluZztcbiAgbGFuZz86IHN0cmluZztcbn1cbmNvbnN0IENvcHlQYXJhZ3JhcGhCdXR0b24gPSAoeyBjaGlsZHJlbiwgY29weVRleHQsIGxhbmcgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgW2hhc0NvcGllZCwgc2V0SGFzQ29waWVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBzYW5pdGl6ZWRUaXRsZSA9IHVzZU1lbW8oKCkgPT4gZW5jb2RlVVJJQ29tcG9uZW50KGNvcHlUZXh0LnJlcGxhY2UoLyAvZywgXCItXCIpKSwgW2NvcHlUZXh0XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaGFzQ29waWVkKSB7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHNldEhhc0NvcGllZChmYWxzZSksIDMwMDApO1xuICAgIH1cbiAgfSwgW2hhc0NvcGllZF0pO1xuXG4gIGNvbnN0IG9uQ29weUNsaWNrID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldEhhc0NvcGllZCh0cnVlKTtcbiAgICBjb25zdCB7IGxvY2F0aW9uIH0gPSB3aW5kb3c7XG4gICAgY29uc3QgbmV3SGFzaCA9IGAjJHtzYW5pdGl6ZWRUaXRsZX1gO1xuICAgIGNvbnN0IHBvcnQgPSBsb2NhdGlvbi5wb3J0ID8gYDoke2xvY2F0aW9uLnBvcnR9YCA6IFwiXCI7XG4gICAgY29uc3QgdXJsVG9Db3B5ID0gYCR7bG9jYXRpb24ucHJvdG9jb2x9Ly8ke2xvY2F0aW9uLmhvc3RuYW1lfSR7cG9ydH0ke2xvY2F0aW9uLnBhdGhuYW1lfSR7bG9jYXRpb24uc2VhcmNofSR7bmV3SGFzaH1gO1xuXG4gICAgY29weVRleHRUb0NsaXBib2FyZCh1cmxUb0NvcHkpO1xuICB9LCBbc2FuaXRpemVkVGl0bGVdKTtcblxuICBjb25zdCB0b29sdGlwID0gaGFzQ29waWVkID8gdChcImFydGljbGUuY29weVBhZ2VMaW5rQ29waWVkXCIpIDogdChcImFydGljbGUuY29weUhlYWRlckxpbmtcIik7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lckRpdiBkYXRhLWVtYmVkLXR5cGU9XCJjb3B5LWhlYWRpbmdcIj5cbiAgICAgIDxJY29uQnV0dG9uIGRhdGEtY29weS1idXR0b249XCJcIiBvbkNsaWNrPXtvbkNvcHlDbGlja30gdGl0bGU9e3Rvb2x0aXB9IGFyaWEtbGFiZWw9e2Ake3Rvb2x0aXB9OiAke2NvcHlUZXh0fWB9PlxuICAgICAgICA8TGluayAvPlxuICAgICAgPC9JY29uQnV0dG9uPlxuICAgICAgPGgyIGlkPXtzYW5pdGl6ZWRUaXRsZX0gdGFiSW5kZXg9ey0xfSBsYW5nPXtsYW5nfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9oMj5cbiAgICA8L0NvbnRhaW5lckRpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENvcHlQYXJhZ3JhcGhCdXR0b247XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvcHlQYXJhZ3JhcGhCdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWUrQiIsImZpbGUiOiJDb3B5UGFyYWdyYXBoQnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIxLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgUmVhY3ROb2RlLCB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjb2xvcnMsIHN0YWNrT3JkZXIgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgTGlua01lZGl1bSB9IGZyb20gXCJAbmRsYS9pY29ucy9lZGl0b3JcIjtcbmltcG9ydCB7IGNvcHlUZXh0VG9DbGlwYm9hcmQgfSBmcm9tIFwiQG5kbGEvdXRpbFwiO1xuXG5jb25zdCBDb250YWluZXJEaXYgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICY6aG92ZXIge1xuICAgIFtkYXRhLWNvcHktYnV0dG9uXSB7XG4gICAgICBvcGFjaXR5OiAxO1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIH1cbiAgfVxuYDtcbmNvbnN0IEljb25CdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IC0zZW07XG4gIHRvcDogMC4xZW07XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGJvcmRlcjogMDtcbiAgei1pbmRleDogJHtzdGFja09yZGVyLm9mZnNldFNpbmdsZX07XG4gIHRyYW5zaXRpb246IDAuMnM7XG4gIG9wYWNpdHk6IDA7XG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5ncmV5fTtcblxuICAmIHN2ZyB7XG4gICAgd2lkdGg6IDMwcHg7XG4gICAgaGVpZ2h0OiAzMHB4O1xuICB9XG5cbiAgJjpmb2N1cyxcbiAgJjpmb2N1cy12aXNpYmxlLFxuICAmOmFjdGl2ZSB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIC8vIFdoYXQgdG8gcmVuZGVyIHdpdGhpbiB0aGUgaDJcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgY29weVRleHQ6IHN0cmluZztcbiAgbGFuZz86IHN0cmluZztcbn1cbmNvbnN0IENvcHlQYXJhZ3JhcGhCdXR0b24gPSAoeyBjaGlsZHJlbiwgY29weVRleHQsIGxhbmcgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgW2hhc0NvcGllZCwgc2V0SGFzQ29waWVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBzYW5pdGl6ZWRUaXRsZSA9IHVzZU1lbW8oKCkgPT4gZW5jb2RlVVJJQ29tcG9uZW50KGNvcHlUZXh0LnJlcGxhY2UoLyAvZywgXCItXCIpKSwgW2NvcHlUZXh0XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaGFzQ29waWVkKSB7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHNldEhhc0NvcGllZChmYWxzZSksIDMwMDApO1xuICAgIH1cbiAgfSwgW2hhc0NvcGllZF0pO1xuXG4gIGNvbnN0IG9uQ29weUNsaWNrID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldEhhc0NvcGllZCh0cnVlKTtcbiAgICBjb25zdCB7IGxvY2F0aW9uIH0gPSB3aW5kb3c7XG4gICAgY29uc3QgbmV3SGFzaCA9IGAjJHtzYW5pdGl6ZWRUaXRsZX1gO1xuICAgIGNvbnN0IHBvcnQgPSBsb2NhdGlvbi5wb3J0ID8gYDoke2xvY2F0aW9uLnBvcnR9YCA6IFwiXCI7XG4gICAgY29uc3QgdXJsVG9Db3B5ID0gYCR7bG9jYXRpb24ucHJvdG9jb2x9Ly8ke2xvY2F0aW9uLmhvc3RuYW1lfSR7cG9ydH0ke2xvY2F0aW9uLnBhdGhuYW1lfSR7bG9jYXRpb24uc2VhcmNofSR7bmV3SGFzaH1gO1xuXG4gICAgY29weVRleHRUb0NsaXBib2FyZCh1cmxUb0NvcHkpO1xuICB9LCBbc2FuaXRpemVkVGl0bGVdKTtcblxuICBjb25zdCB0b29sdGlwID0gaGFzQ29waWVkID8gdChcImFydGljbGUuY29weVBhZ2VMaW5rQ29waWVkXCIpIDogdChcImFydGljbGUuY29weUhlYWRlckxpbmtcIik7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lckRpdiBkYXRhLWVtYmVkLXR5cGU9XCJjb3B5LWhlYWRpbmdcIj5cbiAgICAgIDxJY29uQnV0dG9uIGRhdGEtY29weS1idXR0b249XCJcIiBvbkNsaWNrPXtvbkNvcHlDbGlja30gdGl0bGU9e3Rvb2x0aXB9IGFyaWEtbGFiZWw9e2Ake3Rvb2x0aXB9OiAke2NvcHlUZXh0fWB9PlxuICAgICAgICA8TGlua01lZGl1bSAvPlxuICAgICAgPC9JY29uQnV0dG9uPlxuICAgICAgPGgyIGlkPXtzYW5pdGl6ZWRUaXRsZX0gdGFiSW5kZXg9ey0xfSBsYW5nPXtsYW5nfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9oMj5cbiAgICA8L0NvbnRhaW5lckRpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENvcHlQYXJhZ3JhcGhCdXR0b247XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const IconButton = /*#__PURE__*/_styled("button", {
   target: "e18czas70",
   label: "IconButton"
-})("position:absolute;left:-3em;top:0.1em;background:none;border:0;z-index:", stackOrder.offsetSingle, ";transition:0.2s;opacity:0;color:", colors.brand.grey, ";& svg{width:30px;height:30px;}&:focus,&:focus-visible,&:active{cursor:pointer;opacity:1;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvcHlQYXJhZ3JhcGhCdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCZ0MiLCJmaWxlIjoiQ29weVBhcmFncmFwaEJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMS1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IFJlYWN0Tm9kZSwgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgY29sb3JzLCBzdGFja09yZGVyIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IExpbmsgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQgeyBjb3B5VGV4dFRvQ2xpcGJvYXJkIH0gZnJvbSBcIkBuZGxhL3V0aWxcIjtcblxuY29uc3QgQ29udGFpbmVyRGl2ID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAmOmhvdmVyIHtcbiAgICBbZGF0YS1jb3B5LWJ1dHRvbl0ge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB9XG4gIH1cbmA7XG5jb25zdCBJY29uQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiAtM2VtO1xuICB0b3A6IDAuMWVtO1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICBib3JkZXI6IDA7XG4gIHotaW5kZXg6ICR7c3RhY2tPcmRlci5vZmZzZXRTaW5nbGV9O1xuICB0cmFuc2l0aW9uOiAwLjJzO1xuICBvcGFjaXR5OiAwO1xuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleX07XG5cbiAgJiBzdmcge1xuICAgIHdpZHRoOiAzMHB4O1xuICAgIGhlaWdodDogMzBweDtcbiAgfVxuXG4gICY6Zm9jdXMsXG4gICY6Zm9jdXMtdmlzaWJsZSxcbiAgJjphY3RpdmUge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICAvLyBXaGF0IHRvIHJlbmRlciB3aXRoaW4gdGhlIGgyXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIGNvcHlUZXh0OiBzdHJpbmc7XG4gIGxhbmc/OiBzdHJpbmc7XG59XG5jb25zdCBDb3B5UGFyYWdyYXBoQnV0dG9uID0gKHsgY2hpbGRyZW4sIGNvcHlUZXh0LCBsYW5nIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IFtoYXNDb3BpZWQsIHNldEhhc0NvcGllZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3Qgc2FuaXRpemVkVGl0bGUgPSB1c2VNZW1vKCgpID0+IGVuY29kZVVSSUNvbXBvbmVudChjb3B5VGV4dC5yZXBsYWNlKC8gL2csIFwiLVwiKSksIFtjb3B5VGV4dF0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGhhc0NvcGllZCkge1xuICAgICAgc2V0VGltZW91dCgoKSA9PiBzZXRIYXNDb3BpZWQoZmFsc2UpLCAzMDAwKTtcbiAgICB9XG4gIH0sIFtoYXNDb3BpZWRdKTtcblxuICBjb25zdCBvbkNvcHlDbGljayA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBzZXRIYXNDb3BpZWQodHJ1ZSk7XG4gICAgY29uc3QgeyBsb2NhdGlvbiB9ID0gd2luZG93O1xuICAgIGNvbnN0IG5ld0hhc2ggPSBgIyR7c2FuaXRpemVkVGl0bGV9YDtcbiAgICBjb25zdCBwb3J0ID0gbG9jYXRpb24ucG9ydCA/IGA6JHtsb2NhdGlvbi5wb3J0fWAgOiBcIlwiO1xuICAgIGNvbnN0IHVybFRvQ29weSA9IGAke2xvY2F0aW9uLnByb3RvY29sfS8vJHtsb2NhdGlvbi5ob3N0bmFtZX0ke3BvcnR9JHtsb2NhdGlvbi5wYXRobmFtZX0ke2xvY2F0aW9uLnNlYXJjaH0ke25ld0hhc2h9YDtcblxuICAgIGNvcHlUZXh0VG9DbGlwYm9hcmQodXJsVG9Db3B5KTtcbiAgfSwgW3Nhbml0aXplZFRpdGxlXSk7XG5cbiAgY29uc3QgdG9vbHRpcCA9IGhhc0NvcGllZCA/IHQoXCJhcnRpY2xlLmNvcHlQYWdlTGlua0NvcGllZFwiKSA6IHQoXCJhcnRpY2xlLmNvcHlIZWFkZXJMaW5rXCIpO1xuICByZXR1cm4gKFxuICAgIDxDb250YWluZXJEaXYgZGF0YS1lbWJlZC10eXBlPVwiY29weS1oZWFkaW5nXCI+XG4gICAgICA8SWNvbkJ1dHRvbiBkYXRhLWNvcHktYnV0dG9uPVwiXCIgb25DbGljaz17b25Db3B5Q2xpY2t9IHRpdGxlPXt0b29sdGlwfSBhcmlhLWxhYmVsPXtgJHt0b29sdGlwfTogJHtjb3B5VGV4dH1gfT5cbiAgICAgICAgPExpbmsgLz5cbiAgICAgIDwvSWNvbkJ1dHRvbj5cbiAgICAgIDxoMiBpZD17c2FuaXRpemVkVGl0bGV9IHRhYkluZGV4PXstMX0gbGFuZz17bGFuZ30+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvaDI+XG4gICAgPC9Db250YWluZXJEaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBDb3B5UGFyYWdyYXBoQnV0dG9uO1xuIl19 */"));
+})("position:absolute;left:-3em;top:0.1em;background:none;border:0;z-index:", stackOrder.offsetSingle, ";transition:0.2s;opacity:0;color:", colors.brand.grey, ";& svg{width:30px;height:30px;}&:focus,&:focus-visible,&:active{cursor:pointer;opacity:1;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvcHlQYXJhZ3JhcGhCdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCZ0MiLCJmaWxlIjoiQ29weVBhcmFncmFwaEJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMS1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IFJlYWN0Tm9kZSwgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgY29sb3JzLCBzdGFja09yZGVyIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IExpbmtNZWRpdW0gfSBmcm9tIFwiQG5kbGEvaWNvbnMvZWRpdG9yXCI7XG5pbXBvcnQgeyBjb3B5VGV4dFRvQ2xpcGJvYXJkIH0gZnJvbSBcIkBuZGxhL3V0aWxcIjtcblxuY29uc3QgQ29udGFpbmVyRGl2ID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAmOmhvdmVyIHtcbiAgICBbZGF0YS1jb3B5LWJ1dHRvbl0ge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB9XG4gIH1cbmA7XG5jb25zdCBJY29uQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiAtM2VtO1xuICB0b3A6IDAuMWVtO1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICBib3JkZXI6IDA7XG4gIHotaW5kZXg6ICR7c3RhY2tPcmRlci5vZmZzZXRTaW5nbGV9O1xuICB0cmFuc2l0aW9uOiAwLjJzO1xuICBvcGFjaXR5OiAwO1xuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleX07XG5cbiAgJiBzdmcge1xuICAgIHdpZHRoOiAzMHB4O1xuICAgIGhlaWdodDogMzBweDtcbiAgfVxuXG4gICY6Zm9jdXMsXG4gICY6Zm9jdXMtdmlzaWJsZSxcbiAgJjphY3RpdmUge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICAvLyBXaGF0IHRvIHJlbmRlciB3aXRoaW4gdGhlIGgyXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIGNvcHlUZXh0OiBzdHJpbmc7XG4gIGxhbmc/OiBzdHJpbmc7XG59XG5jb25zdCBDb3B5UGFyYWdyYXBoQnV0dG9uID0gKHsgY2hpbGRyZW4sIGNvcHlUZXh0LCBsYW5nIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IFtoYXNDb3BpZWQsIHNldEhhc0NvcGllZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3Qgc2FuaXRpemVkVGl0bGUgPSB1c2VNZW1vKCgpID0+IGVuY29kZVVSSUNvbXBvbmVudChjb3B5VGV4dC5yZXBsYWNlKC8gL2csIFwiLVwiKSksIFtjb3B5VGV4dF0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGhhc0NvcGllZCkge1xuICAgICAgc2V0VGltZW91dCgoKSA9PiBzZXRIYXNDb3BpZWQoZmFsc2UpLCAzMDAwKTtcbiAgICB9XG4gIH0sIFtoYXNDb3BpZWRdKTtcblxuICBjb25zdCBvbkNvcHlDbGljayA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBzZXRIYXNDb3BpZWQodHJ1ZSk7XG4gICAgY29uc3QgeyBsb2NhdGlvbiB9ID0gd2luZG93O1xuICAgIGNvbnN0IG5ld0hhc2ggPSBgIyR7c2FuaXRpemVkVGl0bGV9YDtcbiAgICBjb25zdCBwb3J0ID0gbG9jYXRpb24ucG9ydCA/IGA6JHtsb2NhdGlvbi5wb3J0fWAgOiBcIlwiO1xuICAgIGNvbnN0IHVybFRvQ29weSA9IGAke2xvY2F0aW9uLnByb3RvY29sfS8vJHtsb2NhdGlvbi5ob3N0bmFtZX0ke3BvcnR9JHtsb2NhdGlvbi5wYXRobmFtZX0ke2xvY2F0aW9uLnNlYXJjaH0ke25ld0hhc2h9YDtcblxuICAgIGNvcHlUZXh0VG9DbGlwYm9hcmQodXJsVG9Db3B5KTtcbiAgfSwgW3Nhbml0aXplZFRpdGxlXSk7XG5cbiAgY29uc3QgdG9vbHRpcCA9IGhhc0NvcGllZCA/IHQoXCJhcnRpY2xlLmNvcHlQYWdlTGlua0NvcGllZFwiKSA6IHQoXCJhcnRpY2xlLmNvcHlIZWFkZXJMaW5rXCIpO1xuICByZXR1cm4gKFxuICAgIDxDb250YWluZXJEaXYgZGF0YS1lbWJlZC10eXBlPVwiY29weS1oZWFkaW5nXCI+XG4gICAgICA8SWNvbkJ1dHRvbiBkYXRhLWNvcHktYnV0dG9uPVwiXCIgb25DbGljaz17b25Db3B5Q2xpY2t9IHRpdGxlPXt0b29sdGlwfSBhcmlhLWxhYmVsPXtgJHt0b29sdGlwfTogJHtjb3B5VGV4dH1gfT5cbiAgICAgICAgPExpbmtNZWRpdW0gLz5cbiAgICAgIDwvSWNvbkJ1dHRvbj5cbiAgICAgIDxoMiBpZD17c2FuaXRpemVkVGl0bGV9IHRhYkluZGV4PXstMX0gbGFuZz17bGFuZ30+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvaDI+XG4gICAgPC9Db250YWluZXJEaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBDb3B5UGFyYWdyYXBoQnV0dG9uO1xuIl19 */"));
 const CopyParagraphButton = _ref => {
   let {
     children,
@@ -64,7 +64,7 @@ const CopyParagraphButton = _ref => {
       onClick: onCopyClick,
       title: tooltip,
       "aria-label": `${tooltip}: ${copyText}`,
-      children: /*#__PURE__*/_jsx(Link, {})
+      children: /*#__PURE__*/_jsx(LinkMedium, {})
     }), /*#__PURE__*/_jsx("h2", {
       id: sanitizedTitle,
       tabIndex: -1,

package/es/Embed/CodeEmbed.js

@@ -8,8 +8,8 @@
 
 import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
-import { Copy } from "@ndla/icons/action";
-import { Done } from "@ndla/icons/editor";
+import { FileCopyLine } from "@ndla/icons/action";
+import { CheckLine } from "@ndla/icons/editor";
 import { Button, Figure } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
 import { copyTextToClipboard } from "@ndla/util";
@@ -68,7 +68,7 @@ const CodeEmbed = _ref => {
         copyTextToClipboard(embed.status === "success" ? embed.data.decodedContent : "");
         setIsCopied(true);
       },
-      children: [isCopied ? /*#__PURE__*/_jsx(Done, {}) : /*#__PURE__*/_jsx(Copy, {}), isCopied ? t("codeBlock.copiedCode") : t("codeBlock.copyCode")]
+      children: [isCopied ? /*#__PURE__*/_jsx(CheckLine, {}) : /*#__PURE__*/_jsx(FileCopyLine, {}), isCopied ? t("codeBlock.copiedCode") : t("codeBlock.copyCode")]
     })]
   });
 };

package/es/Embed/EmbedErrorPlaceholder.js

@@ -6,7 +6,7 @@
  *
  */
 
-import { WarningOutline } from "@ndla/icons/common";
+import { AlertLine } from "@ndla/icons/common";
 import { Figure } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
 import { EmbedByline } from "../LicenseByline";
@@ -48,7 +48,7 @@ const EmbedErrorPlaceholder = _ref => {
     "data-embed-type": type,
     children: [children ?? /*#__PURE__*/_jsx(ErrorPlaceholder, {
       "data-embed-type": type,
-      children: /*#__PURE__*/_jsx(WarningOutline, {})
+      children: /*#__PURE__*/_jsx(AlertLine, {})
     }), /*#__PURE__*/_jsx(EmbedByline, {
       error: true,
       type: type

package/es/Embed/ImageEmbed.js

@@ -9,8 +9,8 @@
 import parse from "html-react-parser";
 import { useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
-import { Plus } from "@ndla/icons/action";
-import { ChevronDown, ChevronUp } from "@ndla/icons/common";
+import { AddLine } from "@ndla/icons/action";
+import { ArrowDownShortLine, ArrowUpShortLine } from "@ndla/icons/common";
 import { Figure, Image } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
 import EmbedErrorPlaceholder from "./EmbedErrorPlaceholder";
@@ -27,10 +27,11 @@ export const errorSvgSrc = `data:image/svg+xml;charset=UTF-8,%3Csvg fill='%238A8
 const getFigureProps = (size, float) => {
   const actualFloat = float === "left" ? "left" : float === "right" ? "right" : undefined;
   const replacedSize = size?.replace("-hide-byline", "") ?? "full";
+  const actualSize = replacedSize === "fullwidth" ? "full" : replacedSize;
   return {
     float: actualFloat,
     // Figure expects you to set a size when floating. If you don't, the figure will simply take up the available width. Fallback to medium in those cases.
-    size: replacedSize === "full" && float ? "medium" : replacedSize
+    size: actualSize === "full" && float ? "medium" : actualSize
   };
 };
 const getSizes = (size, align) => {
@@ -247,12 +248,12 @@ const ImageEmbed = _ref => {
         "aria-label": t(`license.images.itemImage.zoom${imageSizes ? "Out" : ""}ImageButtonLabel`),
         onClick: toggleImageSize,
         "data-expanded": !!imageSizes,
-        children: /*#__PURE__*/_jsx(Plus, {})
+        children: /*#__PURE__*/_jsx(AddLine, {})
       }), (embedData.size?.endsWith("-hide-byline") || embedData.hideByline === "true") && /*#__PURE__*/_jsx(BylineButton, {
         "data-byline-button": "",
         "aria-label": t(`license.images.itemImage.${isBylineHidden ? "expandByline" : "minimizeByline"}`),
         onClick: () => setIsBylineHidden(p => !p),
-        children: isBylineHidden ? /*#__PURE__*/_jsx(ChevronDown, {}) : /*#__PURE__*/_jsx(ChevronUp, {})
+        children: isBylineHidden ? /*#__PURE__*/_jsx(ArrowDownShortLine, {}) : /*#__PURE__*/_jsx(ArrowUpShortLine, {})
       })]
     }), isBylineHidden ? null : /*#__PURE__*/_jsx(EmbedByline, {
       type: "image",

package/es/Embed/UuDisclaimerEmbed.js

@@ -7,7 +7,7 @@
  */
 
 import { useTranslation } from "react-i18next";
-import { InformationOutline } from "@ndla/icons/common";
+import { InformationLine } from "@ndla/icons/common";
 import { MessageBox } from "@ndla/primitives";
 import { SafeLink } from "@ndla/safelink";
 import { styled } from "@ndla/styled-system/jsx";
@@ -52,7 +52,7 @@ const UuDisclaimerEmbed = _ref => {
     children: [/*#__PURE__*/_jsxs(StyledMessageBox, {
       variant: "warning",
       contentEditable: false,
-      children: [/*#__PURE__*/_jsx(InformationOutline, {}), /*#__PURE__*/_jsxs(Disclaimer, {
+      children: [/*#__PURE__*/_jsx(InformationLine, {}), /*#__PURE__*/_jsxs(Disclaimer, {
         children: [embedData.disclaimer, disclaimerLink]
       })]
     }), children]

package/es/ErrorMessage/ErrorMessage.js

@@ -25,6 +25,8 @@ const StyledErrorMessage = styled("article", {
 });
 const IllustrationWrapper = styled("div", {
   base: {
+    display: "flex",
+    justifyContent: "center",
     marginBottom: "medium",
     tablet: {
       marginTop: "xxlarge"

package/es/ErrorMessage/ErrorResourceAccessDenied.js

@@ -7,7 +7,7 @@
  */
 
 import { useTranslation } from "react-i18next";
-import { HumanMaleBoard, LogIn } from "@ndla/icons/common";
+import { PresentationLine, LoginBoxLine } from "@ndla/icons/common";
 import { Button } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
 import ErrorMessage from "./ErrorMessage";
@@ -32,14 +32,14 @@ const ErrorResourceAccessDenied = _ref => {
       back: t("errorMessage.back"),
       goToFrontPage: t("errorMessage.goToFrontPage")
     },
-    illustrationElement: /*#__PURE__*/_jsx(HumanMaleBoard, {
+    illustrationElement: /*#__PURE__*/_jsx(PresentationLine, {
       size: "medium"
     }),
     customElement: /*#__PURE__*/_jsxs(Button, {
       onClick: onAuthenticateClick,
       children: [t("user.buttonLogIn"), /*#__PURE__*/_jsx(StyledLogInIconWrapper, {
         "aria-hidden": true,
-        children: /*#__PURE__*/_jsx(LogIn, {
+        children: /*#__PURE__*/_jsx(LoginBoxLine, {
           size: "medium"
         })
       })]

package/es/FactBox/FactBox.js

@@ -8,7 +8,7 @@
 
 import { forwardRef, useCallback, useEffect, useId, useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
-import { ChevronDown } from "@ndla/icons/common";
+import { ArrowDownShortLine } from "@ndla/icons/common";
 import { IconButton } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -141,7 +141,7 @@ const FactBox = /*#__PURE__*/forwardRef((_ref, ref) => {
       "aria-expanded": state === "open",
       "aria-controls": contentId,
       "aria-label": t(`factbox.${state === "open" ? "close" : "open"}`),
-      children: /*#__PURE__*/_jsx(ChevronDown, {})
+      children: /*#__PURE__*/_jsx(ArrowDownShortLine, {})
     }), /*#__PURE__*/_jsx(StyledContent, {
       id: contentId,
       "data-state": state,

package/es/FileList/File.js

@@ -1,4 +1,3 @@
-import _styled from "@emotion/styled/base";
 /**
  * Copyright (c) 2023-present, NDLA.
  *
@@ -7,38 +6,94 @@ import _styled from "@emotion/styled/base";
  *
  */
 
+import { forwardRef } from "react";
 import { useTranslation } from "react-i18next";
-import { breakpoints, colors, mq, spacing } from "@ndla/core";
-import Format from "./Format";
-import { jsx as _jsx } from "react/jsx-runtime";
-const StyledFileItem = /*#__PURE__*/_styled("li", {
-  target: "ei1p2nz0",
-  label: "StyledFileItem"
-})("background:", colors.brand.greyLighter, ";display:flex;align-items:center;flex-wrap:wrap;margin-bottom:", spacing.xsmall, ";padding:", spacing.small, ";", mq.range({
-  from: breakpoints.tablet
-}), "{padding:", spacing.small, " ", spacing.normal, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCZ0MiLCJmaWxlIjoiRmlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IEZvcm1hdCBmcm9tIFwiLi9Gb3JtYXRcIjtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgdXJsOiBzdHJpbmc7XG4gIGZpbGVFeGlzdHM6IGJvb2xlYW47XG4gIGZpbGVUeXBlOiBzdHJpbmc7XG59XG5leHBvcnQgaW50ZXJmYWNlIEZpbGVUeXBlIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgZm9ybWF0czogRmlsZUZvcm1hdFtdO1xuICBmaWxlRXhpc3RzPzogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBGaWxlRm9ybWF0IHtcbiAgdXJsOiBzdHJpbmc7XG4gIGZpbGVUeXBlOiBzdHJpbmc7XG4gIHRvb2x0aXA6IHN0cmluZztcbn1cblxuY29uc3QgU3R5bGVkRmlsZUl0ZW0gPSBzdHlsZWQubGlgXG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVyfTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm5vcm1hbH07XG4gIH1cbmA7XG5cbmNvbnN0IEZpbGUgPSAoeyB0aXRsZSwgdXJsLCBmaWxlRXhpc3RzLCBmaWxlVHlwZSB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IHRvb2x0aXAgPSBgJHt0KFwiZG93bmxvYWRcIil9ICR7dXJsLnNwbGl0KFwiL1wiKS5wb3AoKX1gO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEZpbGVJdGVtPlxuICAgICAgPEZvcm1hdCBmb3JtYXQ9e3sgdXJsLCBmaWxlVHlwZSwgdG9vbHRpcCB9fSBpc1ByaW1hcnkgdGl0bGU9e3RpdGxlfSBpc0RlYWRMaW5rPXshZmlsZUV4aXN0c30gLz5cbiAgICA8L1N0eWxlZEZpbGVJdGVtPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRmlsZTtcbiJdfQ== */"));
-const File = _ref => {
+import { DownloadLine } from "@ndla/icons/common";
+import { Text } from "@ndla/primitives";
+import { SafeLink } from "@ndla/safelink";
+import { HStack, styled } from "@ndla/styled-system/jsx";
+import { linkOverlay } from "@ndla/styled-system/patterns";
+import { FileListItem } from ".";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const StyledSafeLink = styled(SafeLink, {
+  base: {
+    textUnderlineOffset: "2px",
+    textDecoration: "underline",
+    _hover: {
+      textDecoration: "none"
+    }
+  }
+});
+const StyledHStack = styled(HStack, {
+  base: {
+    position: "relative",
+    paddingBlock: "small",
+    paddingInlineEnd: "medium",
+    paddingInlineStart: "small",
+    width: "100%"
+  }
+});
+export const File = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     title,
     url,
     fileExists,
-    fileType
+    fileType,
+    fileSize,
+    ...rest
   } = _ref;
   const {
     t
   } = useTranslation();
   const tooltip = `${t("download")} ${url.split("/").pop()}`;
-  return /*#__PURE__*/_jsx(StyledFileItem, {
-    children: /*#__PURE__*/_jsx(Format, {
-      format: {
-        url,
-        fileType,
-        tooltip
-      },
-      isPrimary: true,
+  return /*#__PURE__*/_jsxs(StyledHStack, {
+    justify: "space-between",
+    ref: ref,
+    ...rest,
+    children: [/*#__PURE__*/_jsxs(HStack, {
+      gap: "xxsmall",
+      children: [/*#__PURE__*/_jsx(DownloadLine, {}), fileExists ? /*#__PURE__*/_jsx(StyledSafeLink, {
+        unstyled: true,
+        css: linkOverlay.raw(),
+        to: url,
+        title: tooltip,
+        children: title
+      }) : /*#__PURE__*/_jsx(Text, {
+        textStyle: "label.medium",
+        children: title
+      }), /*#__PURE__*/_jsx(Text, {
+        textStyle: "label.large",
+        asChild: true,
+        consumeCss: true,
+        children: /*#__PURE__*/_jsxs("span", {
+          children: ["(", fileType?.toUpperCase(), ")"]
+        })
+      })]
+    }), /*#__PURE__*/_jsx(Text, {
+      textStyle: "label.large",
+      asChild: true,
+      consumeCss: true,
+      children: /*#__PURE__*/_jsx("span", {
+        children: fileSize
+      })
+    })]
+  });
+});
+export const FileListElement = _ref2 => {
+  let {
+    title,
+    url,
+    fileExists,
+    fileType,
+    fileSize
+  } = _ref2;
+  return /*#__PURE__*/_jsx(FileListItem, {
+    children: /*#__PURE__*/_jsx(File, {
       title: title,
-      isDeadLink: !fileExists
+      url: url,
+      fileExists: fileExists,
+      fileType: fileType,
+      fileSize: fileSize
     })
   });
-};
-export default File;
+};

package/es/FileList/FileList.js

@@ -1,5 +1,3 @@
-import _styled from "@emotion/styled/base";
-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) 2023-present, NDLA.
  *
@@ -9,52 +7,49 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
  */
 
 import { useTranslation } from "react-i18next";
-import { colors, fonts, spacing } from "@ndla/core";
-import { Heading } from "@ndla/typography";
+import { Heading } from "@ndla/primitives";
+import { styled } from "@ndla/styled-system/jsx";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const FileListSection = /*#__PURE__*/_styled("section", {
-  target: "e1o67ylf2",
-  label: "FileListSection"
-})("margin:", spacing.large, " 0;padding:0 0 ", spacing.normal, " ", spacing.normal, ";border-left:2px solid ", colors.brand.greyLightest, ";font-family:", fonts.sans, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQnNDIiwiZmlsZSI6IkZpbGVMaXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgQ29tcG9uZW50UHJvcHMsIFJlYWN0Tm9kZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBzcGFjaW5nIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IEhlYWRpbmcgfSBmcm9tIFwiQG5kbGEvdHlwb2dyYXBoeVwiO1xuaW50ZXJmYWNlIFByb3BzIGV4dGVuZHMgQ29tcG9uZW50UHJvcHM8XCJzZWN0aW9uXCI+IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgaGVhZGluZ0J1dHRvbnM/OiBSZWFjdE5vZGU7XG59XG5cbmNvbnN0IEZpbGVMaXN0U2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICBtYXJnaW46ICR7c3BhY2luZy5sYXJnZX0gMDtcbiAgcGFkZGluZzogMCAwICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5ub3JtYWx9O1xuICBib3JkZXItbGVmdDogMnB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVzdH07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuYDtcblxuY29uc3QgRmlsZUxpc3RIZWFkZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBtYXJnaW46IDAgMCAke3NwYWNpbmcueHNtYWxsfSAwO1xuICBwYWRkaW5nLWJvdHRvbTogJHtzcGFjaW5nLnhzbWFsbH07XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHR9O1xuYDtcblxuY29uc3QgRmlsZXNMaXN0ID0gc3R5bGVkLnVsYFxuICBwYWRkaW5nOiAwO1xuYDtcblxuY29uc3QgRmlsZUxpc3QgPSAoeyBjaGlsZHJlbiwgaGVhZGluZ0J1dHRvbnMsIC4uLnJlc3QgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxGaWxlTGlzdFNlY3Rpb24gey4uLnJlc3R9PlxuICAgICAgPEZpbGVMaXN0SGVhZGVyV3JhcHBlcj5cbiAgICAgICAgPEhlYWRpbmcgZWxlbWVudD1cImgzXCIgaGVhZGluZ1N0eWxlPVwibGlzdC10aXRsZVwiIG1hcmdpbj1cIm5vbmVcIj5cbiAgICAgICAgICB7dChcImZpbGVzXCIpfVxuICAgICAgICA8L0hlYWRpbmc+XG4gICAgICAgIDxkaXY+e2hlYWRpbmdCdXR0b25zfTwvZGl2PlxuICAgICAgPC9GaWxlTGlzdEhlYWRlcldyYXBwZXI+XG4gICAgICA8RmlsZXNMaXN0PntjaGlsZHJlbn08L0ZpbGVzTGlzdD5cbiAgICA8L0ZpbGVMaXN0U2VjdGlvbj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZpbGVMaXN0O1xuIl19 */"));
-const FileListHeaderWrapper = /*#__PURE__*/_styled("div", {
-  target: "e1o67ylf1",
-  label: "FileListHeaderWrapper"
-})("display:flex;justify-content:space-between;align-items:center;margin:0 0 ", spacing.xsmall, " 0;padding-bottom:", spacing.xsmall, ";border-bottom:2px solid ", colors.brand.greyLight, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QndDIiwiZmlsZSI6IkZpbGVMaXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgQ29tcG9uZW50UHJvcHMsIFJlYWN0Tm9kZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBzcGFjaW5nIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IEhlYWRpbmcgfSBmcm9tIFwiQG5kbGEvdHlwb2dyYXBoeVwiO1xuaW50ZXJmYWNlIFByb3BzIGV4dGVuZHMgQ29tcG9uZW50UHJvcHM8XCJzZWN0aW9uXCI+IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgaGVhZGluZ0J1dHRvbnM/OiBSZWFjdE5vZGU7XG59XG5cbmNvbnN0IEZpbGVMaXN0U2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICBtYXJnaW46ICR7c3BhY2luZy5sYXJnZX0gMDtcbiAgcGFkZGluZzogMCAwICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5ub3JtYWx9O1xuICBib3JkZXItbGVmdDogMnB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVzdH07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuYDtcblxuY29uc3QgRmlsZUxpc3RIZWFkZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBtYXJnaW46IDAgMCAke3NwYWNpbmcueHNtYWxsfSAwO1xuICBwYWRkaW5nLWJvdHRvbTogJHtzcGFjaW5nLnhzbWFsbH07XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHR9O1xuYDtcblxuY29uc3QgRmlsZXNMaXN0ID0gc3R5bGVkLnVsYFxuICBwYWRkaW5nOiAwO1xuYDtcblxuY29uc3QgRmlsZUxpc3QgPSAoeyBjaGlsZHJlbiwgaGVhZGluZ0J1dHRvbnMsIC4uLnJlc3QgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxGaWxlTGlzdFNlY3Rpb24gey4uLnJlc3R9PlxuICAgICAgPEZpbGVMaXN0SGVhZGVyV3JhcHBlcj5cbiAgICAgICAgPEhlYWRpbmcgZWxlbWVudD1cImgzXCIgaGVhZGluZ1N0eWxlPVwibGlzdC10aXRsZVwiIG1hcmdpbj1cIm5vbmVcIj5cbiAgICAgICAgICB7dChcImZpbGVzXCIpfVxuICAgICAgICA8L0hlYWRpbmc+XG4gICAgICAgIDxkaXY+e2hlYWRpbmdCdXR0b25zfTwvZGl2PlxuICAgICAgPC9GaWxlTGlzdEhlYWRlcldyYXBwZXI+XG4gICAgICA8RmlsZXNMaXN0PntjaGlsZHJlbn08L0ZpbGVzTGlzdD5cbiAgICA8L0ZpbGVMaXN0U2VjdGlvbj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZpbGVMaXN0O1xuIl19 */"));
-const FilesList = /*#__PURE__*/_styled("ul", {
-  target: "e1o67ylf0",
-  label: "FilesList"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1hcx8jb",
-  styles: "padding:0"
-} : {
-  name: "1hcx8jb",
-  styles: "padding:0",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQzJCIiwiZmlsZSI6IkZpbGVMaXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgQ29tcG9uZW50UHJvcHMsIFJlYWN0Tm9kZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBzcGFjaW5nIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IEhlYWRpbmcgfSBmcm9tIFwiQG5kbGEvdHlwb2dyYXBoeVwiO1xuaW50ZXJmYWNlIFByb3BzIGV4dGVuZHMgQ29tcG9uZW50UHJvcHM8XCJzZWN0aW9uXCI+IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgaGVhZGluZ0J1dHRvbnM/OiBSZWFjdE5vZGU7XG59XG5cbmNvbnN0IEZpbGVMaXN0U2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICBtYXJnaW46ICR7c3BhY2luZy5sYXJnZX0gMDtcbiAgcGFkZGluZzogMCAwICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5ub3JtYWx9O1xuICBib3JkZXItbGVmdDogMnB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVzdH07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuYDtcblxuY29uc3QgRmlsZUxpc3RIZWFkZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBtYXJnaW46IDAgMCAke3NwYWNpbmcueHNtYWxsfSAwO1xuICBwYWRkaW5nLWJvdHRvbTogJHtzcGFjaW5nLnhzbWFsbH07XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHR9O1xuYDtcblxuY29uc3QgRmlsZXNMaXN0ID0gc3R5bGVkLnVsYFxuICBwYWRkaW5nOiAwO1xuYDtcblxuY29uc3QgRmlsZUxpc3QgPSAoeyBjaGlsZHJlbiwgaGVhZGluZ0J1dHRvbnMsIC4uLnJlc3QgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxGaWxlTGlzdFNlY3Rpb24gey4uLnJlc3R9PlxuICAgICAgPEZpbGVMaXN0SGVhZGVyV3JhcHBlcj5cbiAgICAgICAgPEhlYWRpbmcgZWxlbWVudD1cImgzXCIgaGVhZGluZ1N0eWxlPVwibGlzdC10aXRsZVwiIG1hcmdpbj1cIm5vbmVcIj5cbiAgICAgICAgICB7dChcImZpbGVzXCIpfVxuICAgICAgICA8L0hlYWRpbmc+XG4gICAgICAgIDxkaXY+e2hlYWRpbmdCdXR0b25zfTwvZGl2PlxuICAgICAgPC9GaWxlTGlzdEhlYWRlcldyYXBwZXI+XG4gICAgICA8RmlsZXNMaXN0PntjaGlsZHJlbn08L0ZpbGVzTGlzdD5cbiAgICA8L0ZpbGVMaXN0U2VjdGlvbj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZpbGVMaXN0O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+export const FileListWrapper = styled("div", {
+  base: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "xsmall"
+  }
 });
-const FileList = _ref => {
+export const FileListItem = styled("li", {
+  base: {
+    background: "surface.infoSubtle",
+    borderBlockEnd: "1px solid",
+    borderColor: "stroke.default",
+    display: "flex",
+    justifyContent: "space-between",
+    _hover: {
+      backgroundColor: "surface.infoSubtle.hover"
+    }
+  }
+});
+export const FileListEmbed = _ref => {
   let {
     children,
-    headingButtons,
     ...rest
   } = _ref;
   const {
     t
   } = useTranslation();
-  return /*#__PURE__*/_jsxs(FileListSection, {
+  return /*#__PURE__*/_jsxs(FileListWrapper, {
     ...rest,
-    children: [/*#__PURE__*/_jsxs(FileListHeaderWrapper, {
-      children: [/*#__PURE__*/_jsx(Heading, {
-        element: "h3",
-        headingStyle: "list-title",
-        margin: "none",
+    "data-embed-type": "file-list",
+    children: [/*#__PURE__*/_jsx(Heading, {
+      fontWeight: "bold",
+      textStyle: "heading.small",
+      asChild: true,
+      consumeCss: true,
+      children: /*#__PURE__*/_jsx("h3", {
         children: t("files")
-      }), /*#__PURE__*/_jsx("div", {
-        children: headingButtons
-      })]
-    }), /*#__PURE__*/_jsx(FilesList, {
+      })
+    }), /*#__PURE__*/_jsx("ul", {
       children: children
     })]
   });
-};
-export default FileList;
+};

package/es/FileList/PdfFile.js

@@ -21,24 +21,25 @@ const StyledFigure = styled(Figure, {
     gap: "xsmall"
   }
 });
-const PdfFile = _ref => {
+export const PdfFile = _ref => {
   let {
     title,
     url
   } = _ref;
-  return /*#__PURE__*/_jsxs(StyledFigure, {
-    children: [/*#__PURE__*/_jsx(Heading, {
-      asChild: true,
-      consumeCss: true,
-      textStyle: "title.medium",
-      children: /*#__PURE__*/_jsx("h4", {
-        children: title
-      })
-    }), /*#__PURE__*/_jsx(StyledIframe, {
-      title: title,
-      height: "1050",
-      src: url
-    })]
+  return /*#__PURE__*/_jsx("li", {
+    children: /*#__PURE__*/_jsxs(StyledFigure, {
+      children: [/*#__PURE__*/_jsx(Heading, {
+        asChild: true,
+        consumeCss: true,
+        textStyle: "title.medium",
+        children: /*#__PURE__*/_jsx("h4", {
+          children: title
+        })
+      }), /*#__PURE__*/_jsx(StyledIframe, {
+        title: title,
+        height: "1050",
+        src: url
+      })]
+    })
   });
-};
-export default PdfFile;
+};

package/es/FileList/index.js

@@ -6,8 +6,6 @@
  *
  */
 
-import FileList from "./FileList";
-export { default as File } from "./File";
-export { default as PdfFile } from "./PdfFile";
-export { default as Format } from "./Format";
-export default FileList;
+export { FileListEmbed, FileListItem } from "./FileList";
+export { File, FileListElement } from "./File";
+export { PdfFile } from "./PdfFile";

package/es/Gloss/Gloss.js

@@ -9,7 +9,7 @@
 import { useMemo } from "react";
 import { useTranslation } from "react-i18next";
 import { AccordionItemTrigger } from "@ark-ui/react";
-import { ChevronDown } from "@ndla/icons/common";
+import { ArrowDownShortLine } from "@ndla/icons/common";
 import { AccordionItem, AccordionItemContent, AccordionItemIndicator, AccordionRoot, IconButton, Text } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
 import GlossExample from "./GlossExample";
@@ -157,7 +157,7 @@ const Gloss = _ref => {
             title: t("gloss.showExamples"),
             children: /*#__PURE__*/_jsx(AccordionItemIndicator, {
               asChild: true,
-              children: /*#__PURE__*/_jsx(ChevronDown, {
+              children: /*#__PURE__*/_jsx(ArrowDownShortLine, {
                 size: "medium"
               })
             })