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

package/es/LicenseByline/EmbedByline.js

@@ -1,4 +1,3 @@
-import _styled from "@emotion/styled/base";
 /**
  * Copyright (c) 2023-present, NDLA.
  *
@@ -7,26 +6,55 @@ import _styled from "@emotion/styled/base";
  *
  */
 
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
-import { colors, fonts, misc, spacing } from "@ndla/core";
 import { WarningOutline } from "@ndla/icons/common";
 import { getLicenseByAbbreviation, getLicenseCredits } from "@ndla/licenses";
-import LicenseDescription from "./LicenseDescription";
-import LicenseLink from "./LicenseLink";
+import { Button, Text } from "@ndla/primitives";
+import { styled } from "@ndla/styled-system/jsx";
+import { LicenseLink } from "./LicenseLink";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
-const BylineWrapper = /*#__PURE__*/_styled("figcaption", {
-  target: "e1087usc1",
-  label: "BylineWrapper"
-})("display:flex;flex-direction:column;font-family:", fonts.sans, ";", fonts.sizes("16px", "26px"), ";padding:", spacing.small, " 0;background-color:", colors.white, ";&[data-top-rounded=\"true\"]{border-top-right-radius:", misc.borderRadius, ";border-top-left-radius:", misc.borderRadius, ";}&[data-bottom-rounded=\"true\"]{border-bottom-right-radius:", misc.borderRadius, ";border-bottom-left-radius:", misc.borderRadius, ";}&[data-error=\"true\"]{border:none;background-color:", colors.support.redLightest, ";padding:", spacing.nsmall, " ", spacing.normal, ";", fonts.sizes("18px", "24px"), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVtYmVkQnlsaW5lLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RXVDIiwiZmlsZSI6IkVtYmVkQnlsaW5lLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgUmVhY3ROb2RlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gXCJyZWFjdC1pMThuZXh0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIG1pc2MsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgV2FybmluZ091dGxpbmUgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQgeyBnZXRMaWNlbnNlQnlBYmJyZXZpYXRpb24sIGdldExpY2Vuc2VDcmVkaXRzIH0gZnJvbSBcIkBuZGxhL2xpY2Vuc2VzXCI7XG5pbXBvcnQgeyBJQ29weXJpZ2h0IGFzIEFydGljbGVDb3B5cmlnaHQgfSBmcm9tIFwiQG5kbGEvdHlwZXMtYmFja2VuZC9hcnRpY2xlLWFwaVwiO1xuaW1wb3J0IHsgSUNvcHlyaWdodCBhcyBBdWRpb0NvcHlyaWdodCB9IGZyb20gXCJAbmRsYS90eXBlcy1iYWNrZW5kL2F1ZGlvLWFwaVwiO1xuaW1wb3J0IHsgSURyYWZ0Q29weXJpZ2h0IGFzIENvbmNlcHRDb3B5cmlnaHQgfSBmcm9tIFwiQG5kbGEvdHlwZXMtYmFja2VuZC9jb25jZXB0LWFwaVwiO1xuaW1wb3J0IHsgSUNvcHlyaWdodCBhcyBJbWFnZUNvcHlyaWdodCB9IGZyb20gXCJAbmRsYS90eXBlcy1iYWNrZW5kL2ltYWdlLWFwaVwiO1xuaW1wb3J0IHsgQnJpZ2h0Y292ZUNvcHlyaWdodCB9IGZyb20gXCJAbmRsYS90eXBlcy1lbWJlZFwiO1xuaW1wb3J0IExpY2Vuc2VEZXNjcmlwdGlvbiBmcm9tIFwiLi9MaWNlbnNlRGVzY3JpcHRpb25cIjtcbmltcG9ydCBMaWNlbnNlTGluayBmcm9tIFwiLi9MaWNlbnNlTGlua1wiO1xuXG5pbnRlcmZhY2UgQmFzZVByb3BzIHtcbiAgdG9wUm91bmRlZD86IGJvb2xlYW47XG4gIGJvdHRvbVJvdW5kZWQ/OiBib29sZWFuO1xuICBkZXNjcmlwdGlvbj86IFJlYWN0Tm9kZTtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG4gIHZpc2libGVBbHQ/OiBzdHJpbmc7XG4gIGVycm9yPzogdHJ1ZSB8IGZhbHNlO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEVtYmVkQnlsaW5lRXJyb3JQcm9wcyBleHRlbmRzIEJhc2VQcm9wcyB7XG4gIHR5cGU6IEVtYmVkQnlsaW5lVHlwZVByb3BzW1widHlwZVwiXSB8IFwiaDVwXCIgfCBcImV4dGVybmFsXCI7XG4gIGVycm9yOiB0cnVlO1xufVxuXG5pbnRlcmZhY2UgSW1hZ2VQcm9wcyBleHRlbmRzIEJhc2VQcm9wcyB7XG4gIHR5cGU6IFwiaW1hZ2VcIjtcbiAgY29weXJpZ2h0OiBJbWFnZUNvcHlyaWdodCB8IHVuZGVmaW5lZDtcbn1cblxuaW50ZXJmYWNlIEJyaWdodGNvdmVQcm9wcyBleHRlbmRzIEJhc2VQcm9wcyB7XG4gIHR5cGU6IFwidmlkZW9cIjtcbiAgY29weXJpZ2h0OiBCcmlnaHRjb3ZlQ29weXJpZ2h0IHwgdW5kZWZpbmVkO1xufVxuXG5pbnRlcmZhY2UgQXVkaW9Qcm9wcyBleHRlbmRzIEJhc2VQcm9wcyB7XG4gIHR5cGU6IFwiYXVkaW9cIjtcbiAgY29weXJpZ2h0OiBBdWRpb0NvcHlyaWdodCB8IHVuZGVmaW5lZDtcbn1cblxuaW50ZXJmYWNlIFBvZGNhc3RQcm9wcyBleHRlbmRzIEJhc2VQcm9wcyB7XG4gIHR5cGU6IFwicG9kY2FzdFwiO1xuICBjb3B5cmlnaHQ6IEF1ZGlvQ29weXJpZ2h0IHwgdW5kZWZpbmVkO1xufVxuXG5pbnRlcmZhY2UgQ29uY2VwdFByb3BzIGV4dGVuZHMgQmFzZVByb3BzIHtcbiAgdHlwZTogXCJjb25jZXB0XCIgfCBcImdsb3NzXCI7XG4gIGNvcHlyaWdodDogQ29uY2VwdENvcHlyaWdodCB8IHVuZGVmaW5lZDtcbn1cblxuaW50ZXJmYWNlIENvcHlyaWdodFByb3BzIGV4dGVuZHMgQmFzZVByb3BzIHtcbiAgdHlwZTogXCJjb3B5cmlnaHRcIjtcbiAgY29weXJpZ2h0OiBBcnRpY2xlQ29weXJpZ2h0IHwgdW5kZWZpbmVkO1xufVxuXG5leHBvcnQgdHlwZSBFbWJlZEJ5bGluZVR5cGVQcm9wcyA9XG4gIHwgSW1hZ2VQcm9wc1xuICB8IEJyaWdodGNvdmVQcm9wc1xuICB8IEF1ZGlvUHJvcHNcbiAgfCBQb2RjYXN0UHJvcHNcbiAgfCBDb25jZXB0UHJvcHNcbiAgfCBDb3B5cmlnaHRQcm9wcztcblxudHlwZSBQcm9wcyA9IEVtYmVkQnlsaW5lVHlwZVByb3BzIHwgRW1iZWRCeWxpbmVFcnJvclByb3BzO1xuXG5jb25zdCBCeWxpbmVXcmFwcGVyID0gc3R5bGVkLmZpZ2NhcHRpb25gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICAke2ZvbnRzLnNpemVzKFwiMTZweFwiLCBcIjI2cHhcIil9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9IDA7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgJltkYXRhLXRvcC1yb3VuZGVkPVwidHJ1ZVwiXSB7XG4gICAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICB9XG5cbiAgJltkYXRhLWJvdHRvbS1yb3VuZGVkPVwidHJ1ZVwiXSB7XG4gICAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICAgIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICB9XG5cbiAgJltkYXRhLWVycm9yPVwidHJ1ZVwiXSB7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLnN1cHBvcnQucmVkTGlnaHRlc3R9O1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5uc21hbGx9ICR7c3BhY2luZy5ub3JtYWx9O1xuICAgICR7Zm9udHMuc2l6ZXMoXCIxOHB4XCIsIFwiMjRweFwiKX07XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZFNwYW4gPSBzdHlsZWQuc3BhbmBcbiAgZm9udC1zdHlsZTogaXRhbGljO1xuICBjb2xvcjogZ3JleTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gICR7Zm9udHMuc2l6ZXMoXCIxNnB4XCIsIFwiMjZweFwiKX07XG5gO1xuXG5jb25zdCBFbWJlZEJ5bGluZSA9ICh7IHR5cGUsIHRvcFJvdW5kZWQsIGJvdHRvbVJvdW5kZWQsIGRlc2NyaXB0aW9uLCBjaGlsZHJlbiwgdmlzaWJsZUFsdCwgLi4ucHJvcHMgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuXG4gIGlmIChwcm9wcy5lcnJvcikge1xuICAgIGNvbnN0IHR5cGVTdHJpbmcgPSB0eXBlID09PSBcImg1cFwiID8gXCJINVBcIiA6IHQoYGVtYmVkLnR5cGUuJHt0eXBlfWApLnRvTG93ZXJDYXNlKCk7XG4gICAgcmV0dXJuIChcbiAgICAgIDxCeWxpbmVXcmFwcGVyIGRhdGEtdG9wLXJvdW5kZWQ9e3RvcFJvdW5kZWR9IGRhdGEtYm90dG9tLXJvdW5kZWQ9e2JvdHRvbVJvdW5kZWR9IGRhdGEtZXJyb3I9e3RydWV9PlxuICAgICAgICA8TGljZW5zZURlc2NyaXB0aW9uIHdhcm5pbmdCeWxpbmU9e3Byb3BzLmVycm9yfSBpY29uPXs8V2FybmluZ091dGxpbmUgLz59PlxuICAgICAgICAgIHt0KFwiZW1iZWQuZW1iZWRFcnJvclwiLCB7IHR5cGU6IHR5cGVTdHJpbmcgfSl9XG4gICAgICAgIDwvTGljZW5zZURlc2NyaXB0aW9uPlxuICAgICAgPC9CeWxpbmVXcmFwcGVyPlxuICAgICk7XG4gIH1cblxuICBjb25zdCB7IGNvcHlyaWdodCB9ID0gcHJvcHM7XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPEJ5bGluZVdyYXBwZXI+XG4gICAgICAgIDxkaXY+XG4gICAgICAgICAgPExpY2Vuc2VDb250YWluZXJDb250ZW50IHR5cGU9e3R5cGV9IGNvcHlyaWdodD17Y29weXJpZ2h0fT5cbiAgICAgICAgICAgIHtkZXNjcmlwdGlvbn1cbiAgICAgICAgICA8L0xpY2Vuc2VDb250YWluZXJDb250ZW50PlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L0J5bGluZVdyYXBwZXI+XG4gICAgICB7dmlzaWJsZUFsdCA/IDxTdHlsZWRTcGFuPntgQWx0OiAke3Zpc2libGVBbHR9YH08L1N0eWxlZFNwYW4+IDogbnVsbH1cbiAgICA8Lz5cbiAgKTtcbn07XG5cbmludGVyZmFjZSBMaWNlbnNlQ29udGFpbmVyUHJvcHMge1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbiAgY29weXJpZ2h0OiBFbWJlZEJ5bGluZVR5cGVQcm9wc1tcImNvcHlyaWdodFwiXTtcbiAgdHlwZTogUHJvcHNbXCJ0eXBlXCJdO1xufVxuXG5leHBvcnQgY29uc3QgTGljZW5zZUNvbnRhaW5lckNvbnRlbnQgPSAoeyBjaGlsZHJlbiwgY29weXJpZ2h0LCB0eXBlIH06IExpY2Vuc2VDb250YWluZXJQcm9wcykgPT4ge1xuICBjb25zdCB7IHQsIGkxOG4gfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IGxpY2Vuc2UgPSBjb3B5cmlnaHQgPyBnZXRMaWNlbnNlQnlBYmJyZXZpYXRpb24oY29weXJpZ2h0LmxpY2Vuc2U/LmxpY2Vuc2UgPz8gXCJcIiwgaTE4bi5sYW5ndWFnZSkgOiB1bmRlZmluZWQ7XG4gIGNvbnN0IGF1dGhvcnMgPSBnZXRMaWNlbnNlQ3JlZGl0cyhjb3B5cmlnaHQpO1xuICBjb25zdCBjYXB0aW9uQXV0aG9ycyA9IE9iamVjdC52YWx1ZXMoYXV0aG9ycykuZmluZCgoaSkgPT4gaS5sZW5ndGggPiAwKSA/PyBbXTtcblxuICBjb25zdCBDb21wb25lbnQgPSBjaGlsZHJlbiA/IExpY2Vuc2VEZXNjcmlwdGlvbiA6IFwic3BhblwiO1xuXG4gIHJldHVybiAoXG4gICAgPENvbXBvbmVudD5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIHtgICR7dChgZW1iZWQudHlwZS4ke3R5cGV9YCl9JHtjYXB0aW9uQXV0aG9ycy5sZW5ndGggPyBcIjogXCIgOiBcIlwifWB9XG4gICAgICB7Y2FwdGlvbkF1dGhvcnMubWFwKChhdXRob3IpID0+IGF1dGhvci5uYW1lKS5qb2luKFwiLCBcIil9XG4gICAgICB7bGljZW5zZSA/IChcbiAgICAgICAgPD5cbiAgICAgICAgICB7XCIgLyBcIn1cbiAgICAgICAgICA8TGljZW5zZUxpbmsgbGljZW5zZT17bGljZW5zZX0gLz5cbiAgICAgICAgPC8+XG4gICAgICApIDogbnVsbH1cbiAgICA8L0NvbXBvbmVudD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEVtYmVkQnlsaW5lO1xuIl19 */"));
-const StyledSpan = /*#__PURE__*/_styled("span", {
-  target: "e1087usc0",
-  label: "StyledSpan"
-})("font-style:italic;color:grey;font-family:", fonts.sans, ";", fonts.sizes("16px", "26px"), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVtYmVkQnlsaW5lLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRzhCIiwiZmlsZSI6IkVtYmVkQnlsaW5lLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgUmVhY3ROb2RlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gXCJyZWFjdC1pMThuZXh0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIG1pc2MsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgV2FybmluZ091dGxpbmUgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQgeyBnZXRMaWNlbnNlQnlBYmJyZXZpYXRpb24sIGdldExpY2Vuc2VDcmVkaXRzIH0gZnJvbSBcIkBuZGxhL2xpY2Vuc2VzXCI7XG5pbXBvcnQgeyBJQ29weXJpZ2h0IGFzIEFydGljbGVDb3B5cmlnaHQgfSBmcm9tIFwiQG5kbGEvdHlwZXMtYmFja2VuZC9hcnRpY2xlLWFwaVwiO1xuaW1wb3J0IHsgSUNvcHlyaWdodCBhcyBBdWRpb0NvcHlyaWdodCB9IGZyb20gXCJAbmRsYS90eXBlcy1iYWNrZW5kL2F1ZGlvLWFwaVwiO1xuaW1wb3J0IHsgSURyYWZ0Q29weXJpZ2h0IGFzIENvbmNlcHRDb3B5cmlnaHQgfSBmcm9tIFwiQG5kbGEvdHlwZXMtYmFja2VuZC9jb25jZXB0LWFwaVwiO1xuaW1wb3J0IHsgSUNvcHlyaWdodCBhcyBJbWFnZUNvcHlyaWdodCB9IGZyb20gXCJAbmRsYS90eXBlcy1iYWNrZW5kL2ltYWdlLWFwaVwiO1xuaW1wb3J0IHsgQnJpZ2h0Y292ZUNvcHlyaWdodCB9IGZyb20gXCJAbmRsYS90eXBlcy1lbWJlZFwiO1xuaW1wb3J0IExpY2Vuc2VEZXNjcmlwdGlvbiBmcm9tIFwiLi9MaWNlbnNlRGVzY3JpcHRpb25cIjtcbmltcG9ydCBMaWNlbnNlTGluayBmcm9tIFwiLi9MaWNlbnNlTGlua1wiO1xuXG5pbnRlcmZhY2UgQmFzZVByb3BzIHtcbiAgdG9wUm91bmRlZD86IGJvb2xlYW47XG4gIGJvdHRvbVJvdW5kZWQ/OiBib29sZWFuO1xuICBkZXNjcmlwdGlvbj86IFJlYWN0Tm9kZTtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG4gIHZpc2libGVBbHQ/OiBzdHJpbmc7XG4gIGVycm9yPzogdHJ1ZSB8IGZhbHNlO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEVtYmVkQnlsaW5lRXJyb3JQcm9wcyBleHRlbmRzIEJhc2VQcm9wcyB7XG4gIHR5cGU6IEVtYmVkQnlsaW5lVHlwZVByb3BzW1widHlwZVwiXSB8IFwiaDVwXCIgfCBcImV4dGVybmFsXCI7XG4gIGVycm9yOiB0cnVlO1xufVxuXG5pbnRlcmZhY2UgSW1hZ2VQcm9wcyBleHRlbmRzIEJhc2VQcm9wcyB7XG4gIHR5cGU6IFwiaW1hZ2VcIjtcbiAgY29weXJpZ2h0OiBJbWFnZUNvcHlyaWdodCB8IHVuZGVmaW5lZDtcbn1cblxuaW50ZXJmYWNlIEJyaWdodGNvdmVQcm9wcyBleHRlbmRzIEJhc2VQcm9wcyB7XG4gIHR5cGU6IFwidmlkZW9cIjtcbiAgY29weXJpZ2h0OiBCcmlnaHRjb3ZlQ29weXJpZ2h0IHwgdW5kZWZpbmVkO1xufVxuXG5pbnRlcmZhY2UgQXVkaW9Qcm9wcyBleHRlbmRzIEJhc2VQcm9wcyB7XG4gIHR5cGU6IFwiYXVkaW9cIjtcbiAgY29weXJpZ2h0OiBBdWRpb0NvcHlyaWdodCB8IHVuZGVmaW5lZDtcbn1cblxuaW50ZXJmYWNlIFBvZGNhc3RQcm9wcyBleHRlbmRzIEJhc2VQcm9wcyB7XG4gIHR5cGU6IFwicG9kY2FzdFwiO1xuICBjb3B5cmlnaHQ6IEF1ZGlvQ29weXJpZ2h0IHwgdW5kZWZpbmVkO1xufVxuXG5pbnRlcmZhY2UgQ29uY2VwdFByb3BzIGV4dGVuZHMgQmFzZVByb3BzIHtcbiAgdHlwZTogXCJjb25jZXB0XCIgfCBcImdsb3NzXCI7XG4gIGNvcHlyaWdodDogQ29uY2VwdENvcHlyaWdodCB8IHVuZGVmaW5lZDtcbn1cblxuaW50ZXJmYWNlIENvcHlyaWdodFByb3BzIGV4dGVuZHMgQmFzZVByb3BzIHtcbiAgdHlwZTogXCJjb3B5cmlnaHRcIjtcbiAgY29weXJpZ2h0OiBBcnRpY2xlQ29weXJpZ2h0IHwgdW5kZWZpbmVkO1xufVxuXG5leHBvcnQgdHlwZSBFbWJlZEJ5bGluZVR5cGVQcm9wcyA9XG4gIHwgSW1hZ2VQcm9wc1xuICB8IEJyaWdodGNvdmVQcm9wc1xuICB8IEF1ZGlvUHJvcHNcbiAgfCBQb2RjYXN0UHJvcHNcbiAgfCBDb25jZXB0UHJvcHNcbiAgfCBDb3B5cmlnaHRQcm9wcztcblxudHlwZSBQcm9wcyA9IEVtYmVkQnlsaW5lVHlwZVByb3BzIHwgRW1iZWRCeWxpbmVFcnJvclByb3BzO1xuXG5jb25zdCBCeWxpbmVXcmFwcGVyID0gc3R5bGVkLmZpZ2NhcHRpb25gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICAke2ZvbnRzLnNpemVzKFwiMTZweFwiLCBcIjI2cHhcIil9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9IDA7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgJltkYXRhLXRvcC1yb3VuZGVkPVwidHJ1ZVwiXSB7XG4gICAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICB9XG5cbiAgJltkYXRhLWJvdHRvbS1yb3VuZGVkPVwidHJ1ZVwiXSB7XG4gICAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICAgIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICB9XG5cbiAgJltkYXRhLWVycm9yPVwidHJ1ZVwiXSB7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLnN1cHBvcnQucmVkTGlnaHRlc3R9O1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5uc21hbGx9ICR7c3BhY2luZy5ub3JtYWx9O1xuICAgICR7Zm9udHMuc2l6ZXMoXCIxOHB4XCIsIFwiMjRweFwiKX07XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZFNwYW4gPSBzdHlsZWQuc3BhbmBcbiAgZm9udC1zdHlsZTogaXRhbGljO1xuICBjb2xvcjogZ3JleTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gICR7Zm9udHMuc2l6ZXMoXCIxNnB4XCIsIFwiMjZweFwiKX07XG5gO1xuXG5jb25zdCBFbWJlZEJ5bGluZSA9ICh7IHR5cGUsIHRvcFJvdW5kZWQsIGJvdHRvbVJvdW5kZWQsIGRlc2NyaXB0aW9uLCBjaGlsZHJlbiwgdmlzaWJsZUFsdCwgLi4ucHJvcHMgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuXG4gIGlmIChwcm9wcy5lcnJvcikge1xuICAgIGNvbnN0IHR5cGVTdHJpbmcgPSB0eXBlID09PSBcImg1cFwiID8gXCJINVBcIiA6IHQoYGVtYmVkLnR5cGUuJHt0eXBlfWApLnRvTG93ZXJDYXNlKCk7XG4gICAgcmV0dXJuIChcbiAgICAgIDxCeWxpbmVXcmFwcGVyIGRhdGEtdG9wLXJvdW5kZWQ9e3RvcFJvdW5kZWR9IGRhdGEtYm90dG9tLXJvdW5kZWQ9e2JvdHRvbVJvdW5kZWR9IGRhdGEtZXJyb3I9e3RydWV9PlxuICAgICAgICA8TGljZW5zZURlc2NyaXB0aW9uIHdhcm5pbmdCeWxpbmU9e3Byb3BzLmVycm9yfSBpY29uPXs8V2FybmluZ091dGxpbmUgLz59PlxuICAgICAgICAgIHt0KFwiZW1iZWQuZW1iZWRFcnJvclwiLCB7IHR5cGU6IHR5cGVTdHJpbmcgfSl9XG4gICAgICAgIDwvTGljZW5zZURlc2NyaXB0aW9uPlxuICAgICAgPC9CeWxpbmVXcmFwcGVyPlxuICAgICk7XG4gIH1cblxuICBjb25zdCB7IGNvcHlyaWdodCB9ID0gcHJvcHM7XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPEJ5bGluZVdyYXBwZXI+XG4gICAgICAgIDxkaXY+XG4gICAgICAgICAgPExpY2Vuc2VDb250YWluZXJDb250ZW50IHR5cGU9e3R5cGV9IGNvcHlyaWdodD17Y29weXJpZ2h0fT5cbiAgICAgICAgICAgIHtkZXNjcmlwdGlvbn1cbiAgICAgICAgICA8L0xpY2Vuc2VDb250YWluZXJDb250ZW50PlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L0J5bGluZVdyYXBwZXI+XG4gICAgICB7dmlzaWJsZUFsdCA/IDxTdHlsZWRTcGFuPntgQWx0OiAke3Zpc2libGVBbHR9YH08L1N0eWxlZFNwYW4+IDogbnVsbH1cbiAgICA8Lz5cbiAgKTtcbn07XG5cbmludGVyZmFjZSBMaWNlbnNlQ29udGFpbmVyUHJvcHMge1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbiAgY29weXJpZ2h0OiBFbWJlZEJ5bGluZVR5cGVQcm9wc1tcImNvcHlyaWdodFwiXTtcbiAgdHlwZTogUHJvcHNbXCJ0eXBlXCJdO1xufVxuXG5leHBvcnQgY29uc3QgTGljZW5zZUNvbnRhaW5lckNvbnRlbnQgPSAoeyBjaGlsZHJlbiwgY29weXJpZ2h0LCB0eXBlIH06IExpY2Vuc2VDb250YWluZXJQcm9wcykgPT4ge1xuICBjb25zdCB7IHQsIGkxOG4gfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IGxpY2Vuc2UgPSBjb3B5cmlnaHQgPyBnZXRMaWNlbnNlQnlBYmJyZXZpYXRpb24oY29weXJpZ2h0LmxpY2Vuc2U/LmxpY2Vuc2UgPz8gXCJcIiwgaTE4bi5sYW5ndWFnZSkgOiB1bmRlZmluZWQ7XG4gIGNvbnN0IGF1dGhvcnMgPSBnZXRMaWNlbnNlQ3JlZGl0cyhjb3B5cmlnaHQpO1xuICBjb25zdCBjYXB0aW9uQXV0aG9ycyA9IE9iamVjdC52YWx1ZXMoYXV0aG9ycykuZmluZCgoaSkgPT4gaS5sZW5ndGggPiAwKSA/PyBbXTtcblxuICBjb25zdCBDb21wb25lbnQgPSBjaGlsZHJlbiA/IExpY2Vuc2VEZXNjcmlwdGlvbiA6IFwic3BhblwiO1xuXG4gIHJldHVybiAoXG4gICAgPENvbXBvbmVudD5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIHtgICR7dChgZW1iZWQudHlwZS4ke3R5cGV9YCl9JHtjYXB0aW9uQXV0aG9ycy5sZW5ndGggPyBcIjogXCIgOiBcIlwifWB9XG4gICAgICB7Y2FwdGlvbkF1dGhvcnMubWFwKChhdXRob3IpID0+IGF1dGhvci5uYW1lKS5qb2luKFwiLCBcIil9XG4gICAgICB7bGljZW5zZSA/IChcbiAgICAgICAgPD5cbiAgICAgICAgICB7XCIgLyBcIn1cbiAgICAgICAgICA8TGljZW5zZUxpbmsgbGljZW5zZT17bGljZW5zZX0gLz5cbiAgICAgICAgPC8+XG4gICAgICApIDogbnVsbH1cbiAgICA8L0NvbXBvbmVudD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEVtYmVkQnlsaW5lO1xuIl19 */"));
-const EmbedByline = _ref => {
+const BylineWrapper = styled("figcaption", {
+  base: {
+    display: "flex",
+    flexDirection: "column",
+    paddingBlock: "xsmall",
+    background: "surface.default",
+    textStyle: "label.medium"
+  }
+});
+const ErrorBylineWrapper = styled(BylineWrapper, {
+  base: {
+    border: "1px solid",
+    borderColor: "stroke.error",
+    borderRadius: "xsmall",
+    background: "surface.dangerSubtle",
+    paddingInline: "medium",
+    paddingBlock: "medium"
+  }
+});
+const StyledText = styled(Text, {
+  base: {
+    fontStyle: "italic"
+  }
+});
+const ContentWrapper = styled("div", {
+  base: {
+    display: "flex",
+    gap: "xsmall",
+    alignItems: "center",
+    textStyle: "label.medium"
+  }
+});
+const BaseDescription = styled("div", {
+  base: {
+    display: "inline-flex",
+    whiteSpace: "pre-wrap"
+  }
+});
+export const EmbedByline = _ref => {
   let {
     type,
-    topRounded,
-    bottomRounded,
     description,
     children,
     visibleAlt,
@@ -37,16 +65,15 @@ const EmbedByline = _ref => {
   } = useTranslation();
   if (props.error) {
     const typeString = type === "h5p" ? "H5P" : t(`embed.type.${type}`).toLowerCase();
-    return _jsx(BylineWrapper, {
-      "data-top-rounded": topRounded,
-      "data-bottom-rounded": bottomRounded,
-      "data-error": true,
-      children: _jsx(LicenseDescription, {
-        warningByline: props.error,
-        icon: _jsx(WarningOutline, {}),
-        children: t("embed.embedError", {
-          type: typeString
-        })
+    return _jsx(ErrorBylineWrapper, {
+      children: _jsxs(ContentWrapper, {
+        children: [_jsx(WarningOutline, {}), _jsx(BaseDescription, {
+          children: _jsx("span", {
+            children: t("embed.embedError", {
+              type: typeString
+            })
+          })
+        })]
       })
     });
   }
@@ -62,17 +89,89 @@ const EmbedByline = _ref => {
           children: description
         }), children]
       })
-    }), visibleAlt ? _jsx(StyledSpan, {
-      children: `Alt: ${visibleAlt}`
+    }), visibleAlt ? _jsx(StyledText, {
+      color: "text.subtle",
+      textStyle: "label.medium",
+      asChild: true,
+      consumeCss: true,
+      children: _jsx("span", {
+        children: `Alt: ${visibleAlt}`
+      })
     }) : null]
   });
 };
-export const LicenseContainerContent = _ref2 => {
+const StyledDescription = styled(BaseDescription, {
+  base: {
+    mobileWideDown: {
+      display: "grid",
+      gridTemplateColumns: "1fr auto",
+      alignItems: "center",
+      overflow: "hidden",
+      _open: {
+        display: "inline"
+      }
+    }
+  }
+});
+const TextContent = styled("span", {
+  base: {
+    mobileWideDown: {
+      whiteSpace: "nowrap",
+      maxHeight: "large",
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      transitionProperty: "max-height",
+      transitionDuration: "slow",
+      transitionTimingFunction: "ease-in",
+      _open: {
+        whiteSpace: "pre-wrap",
+        maxHeight: "none"
+      }
+    }
+  }
+});
+const StyledButton = styled(Button, {
+  base: {
+    mobileWide: {
+      display: "none"
+    }
+  }
+});
+const LicenseDescription = _ref2 => {
+  let {
+    children
+  } = _ref2;
+  const [isOpen, setIsOpen] = useState(false);
+  const open = isOpen ? {
+    "data-open": ""
+  } : {};
+  const {
+    t
+  } = useTranslation();
+  const handleToggle = () => {
+    setIsOpen(!isOpen);
+  };
+  return _jsx(ContentWrapper, {
+    children: _jsxs(StyledDescription, {
+      ...open,
+      children: [_jsx(TextContent, {
+        ...open,
+        children: children
+      }), _jsx(StyledButton, {
+        variant: "link",
+        size: "small",
+        onClick: handleToggle,
+        children: isOpen ? `${t("audio.readLessDescriptionLabel")}` : `${t("audio.readMoreDescriptionLabel")}`
+      })]
+    })
+  });
+};
+export const LicenseContainerContent = _ref3 => {
   let {
     children,
     copyright,
     type
-  } = _ref2;
+  } = _ref3;
   const {
     t,
     i18n
@@ -80,13 +179,24 @@ export const LicenseContainerContent = _ref2 => {
   const license = copyright ? getLicenseByAbbreviation(copyright.license?.license ?? "", i18n.language) : undefined;
   const authors = getLicenseCredits(copyright);
   const captionAuthors = Object.values(authors).find(i => i.length > 0) ?? [];
-  const Component = children ? LicenseDescription : "span";
-  return _jsxs(Component, {
+  const content = _jsxs(_Fragment, {
     children: [children, ` ${t(`embed.type.${type}`)}${captionAuthors.length ? ": " : ""}`, captionAuthors.map(author => author.name).join(", "), license ? _jsxs(_Fragment, {
       children: [" / ", _jsx(LicenseLink, {
         license: license
       })]
     }) : null]
   });
-};
-export default EmbedByline;
+  if (children) {
+    return _jsx(LicenseDescription, {
+      children: content
+    });
+  }
+  return _jsx(Text, {
+    textStyle: "label.medium",
+    asChild: true,
+    consumeCss: true,
+    children: _jsx("span", {
+      children: content
+    })
+  });
+};

package/es/LicenseByline/LicenseLink.js

@@ -1,4 +1,3 @@
-import _styled from "@emotion/styled/base";
 /**
  * Copyright (c) 2023-present, NDLA.
  *
@@ -7,14 +6,23 @@ import _styled from "@emotion/styled/base";
  *
  */
 
-import { colors } from "@ndla/core";
 import { SafeLink } from "@ndla/safelink";
+import { styled } from "@ndla/styled-system/jsx";
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-const StyledSafeLink = /*#__PURE__*/_styled(SafeLink, {
-  target: "ejyopb00",
-  label: "StyledSafeLink"
-})("color:", colors.brand.primary, ";text-decoration:underline;white-space:nowrap;box-shadow:none;&:hover,&:focus-within{text-decoration:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpY2Vuc2VMaW5rLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQnVDIiwiZmlsZSI6IkxpY2Vuc2VMaW5rLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjb2xvcnMgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgTGljZW5zZUxvY2FsZVR5cGUgfSBmcm9tIFwiQG5kbGEvbGljZW5zZXNcIjtcbmltcG9ydCB7IFNhZmVMaW5rIH0gZnJvbSBcIkBuZGxhL3NhZmVsaW5rXCI7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGxpY2Vuc2U6IExpY2Vuc2VMb2NhbGVUeXBlO1xufVxuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMtd2l0aGluIHtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IExpY2Vuc2VMaW5rID0gKHsgbGljZW5zZSB9OiBQcm9wcykgPT4ge1xuICBpZiAobGljZW5zZS5hYmJyZXZpYXRpb24gPT09IFwidW5rbm93blwiKSB7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cbiAgaWYgKGxpY2Vuc2UudXJsPy5sZW5ndGgpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFNhZmVMaW5rIHRvPXtsaWNlbnNlLnVybH0gcmVsPVwibGljZW5zZVwiPlxuICAgICAgICB7bGljZW5zZS5hYmJyZXZpYXRpb259XG4gICAgICA8L1N0eWxlZFNhZmVMaW5rPlxuICAgICk7XG4gIH1cbiAgcmV0dXJuIDxzcGFuPntsaWNlbnNlLmFiYnJldmlhdGlvbn08L3NwYW4+O1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTGljZW5zZUxpbms7XG4iXX0= */"));
-const LicenseLink = _ref => {
+const StyledSafeLink = styled(SafeLink, {
+  base: {
+    color: "primary",
+    textDecoration: "underline",
+    whiteSpace: "nowrap",
+    _hover: {
+      textDecoration: "none"
+    },
+    _focusWithin: {
+      textDecoration: "none"
+    }
+  }
+});
+export const LicenseLink = _ref => {
   let {
     license
   } = _ref;
@@ -31,5 +39,4 @@ const LicenseLink = _ref => {
   return _jsx("span", {
     children: license.abbreviation
   });
-};
-export default LicenseLink;
+};

package/es/LicenseByline/index.js

@@ -6,5 +6,5 @@
  *
  */
 
-export { default as EmbedByline } from "./EmbedByline";
-export { default as LicenseLink } from "./LicenseLink";
+export { EmbedByline } from "./EmbedByline";
+export { LicenseLink } from "./LicenseLink";

package/es/LinkBlock/LinkBlock.js

@@ -1,4 +1,3 @@
-import _styled from "@emotion/styled/base";
 /**
  * Copyright (c) 2023-present, NDLA.
  *
@@ -11,36 +10,60 @@ import { format } from "date-fns";
 import { enGB, nb, nn } from "date-fns/locale";
 import parse from "html-react-parser";
 import { useMemo } from "react";
-import { breakpoints, colors, spacing, mq } from "@ndla/core";
 import { Forward, CalendarEd } from "@ndla/icons/common";
+import { Heading } from "@ndla/primitives";
 import { SafeLink } from "@ndla/safelink";
-import { Heading } from "@ndla/typography";
+import { styled } from "@ndla/styled-system/jsx";
 import { getPossiblyRelativeUrl } from "../utils/relativeUrl";
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-const StyledForward = /*#__PURE__*/_styled(Forward, {
-  target: "e1wf6l0z4",
-  label: "StyledForward"
-})("margin:0 ", spacing.nsmall, ";min-width:", spacing.normal, ";min-height:", spacing.normal, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmtCbG9jay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JxQyIsImZpbGUiOiJMaW5rQmxvY2sudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBmb3JtYXQgfSBmcm9tIFwiZGF0ZS1mbnNcIjtcbmltcG9ydCB7IGVuR0IsIG5iLCBubiB9IGZyb20gXCJkYXRlLWZucy9sb2NhbGVcIjtcbmltcG9ydCBwYXJzZSBmcm9tIFwiaHRtbC1yZWFjdC1wYXJzZXJcIjtcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgc3BhY2luZywgbXEgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgRm9yd2FyZCwgQ2FsZW5kYXJFZCB9IGZyb20gXCJAbmRsYS9pY29ucy9jb21tb25cIjtcbmltcG9ydCB7IFNhZmVMaW5rIH0gZnJvbSBcIkBuZGxhL3NhZmVsaW5rXCI7XG5pbXBvcnQgeyBMaW5rQmxvY2tFbWJlZERhdGEgfSBmcm9tIFwiQG5kbGEvdHlwZXMtZW1iZWRcIjtcbmltcG9ydCB7IEhlYWRpbmcgfSBmcm9tIFwiQG5kbGEvdHlwb2dyYXBoeVwiO1xuaW1wb3J0IHsgZ2V0UG9zc2libHlSZWxhdGl2ZVVybCB9IGZyb20gXCIuLi91dGlscy9yZWxhdGl2ZVVybFwiO1xuXG5jb25zdCBTdHlsZWRGb3J3YXJkID0gc3R5bGVkKEZvcndhcmQpYFxuICBtYXJnaW46IDAgJHtzcGFjaW5nLm5zbWFsbH07XG4gIG1pbi13aWR0aDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIG1pbi1oZWlnaHQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuY29uc3QgSW5mb1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICY6aG92ZXIge1xuICAgICAgJiAke0luZm9XcmFwcGVyfSA6Zmlyc3QtY2hpbGQge1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgICAgIH1cbiAgICAgICYgJHtTdHlsZWRGb3J3YXJkfSB7XG4gICAgICAgIHdpZHRoOiAzMnB4O1xuICAgICAgICBoZWlnaHQ6IDMycHg7XG4gICAgICB9XG4gICAgfVxuICAgICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgICBib3JkZXI6IDJweCBzb2xpZCAke2NvbG9ycy5icmFuZC5kYXJrfTtcbiAgICB9XG4gIH1cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgJiAke0luZm9XcmFwcGVyfSA6Zmlyc3QtY2hpbGQge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICAgIDphY3RpdmUgOmZpcnN0LWNoaWxkIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZERhdGVDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLnhzbWFsbH07XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbmA7XG5cbmNvbnN0IFN0eWxlZENhbGVuZGVyRWQgPSBzdHlsZWQoQ2FsZW5kYXJFZClgXG4gIGNvbG9yOiAke2NvbG9ycy5pY29uLmljb25CbHVlfTtcbmA7XG5cbmludGVyZmFjZSBQcm9wcyBleHRlbmRzIE9taXQ8TGlua0Jsb2NrRW1iZWREYXRhLCBcInJlc291cmNlXCI+IHtcbiAgcGF0aD86IHN0cmluZztcbiAgYXJ0aWNsZUxhbmd1YWdlPzogc3RyaW5nO1xufVxuXG5jb25zdCBMaW5rQmxvY2sgPSAoeyB0aXRsZSwgYXJ0aWNsZUxhbmd1YWdlLCBkYXRlLCB1cmwsIHBhdGggfTogUHJvcHMpID0+IHtcbiAgY29uc3QgaHJlZiA9IGdldFBvc3NpYmx5UmVsYXRpdmVVcmwodXJsLCBwYXRoKTtcbiAgY29uc3QgZm9ybWF0dGVkRGF0ZSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGlmICghZGF0ZSkgcmV0dXJuIG51bGw7XG4gICAgY29uc3QgbG9jYWxlID0gYXJ0aWNsZUxhbmd1YWdlID09PSBcIm5iXCIgPyBuYiA6IGFydGljbGVMYW5ndWFnZSA9PT0gXCJublwiID8gbm4gOiBlbkdCO1xuICAgIHJldHVybiBmb3JtYXQobmV3IERhdGUoZGF0ZSksIFwiZGQuIExMTEwgeXl5eVwiLCB7IGxvY2FsZSB9KTtcbiAgfSwgW2RhdGUsIGFydGljbGVMYW5ndWFnZV0pO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRTYWZlTGluayB0bz17aHJlZn0+XG4gICAgICA8SW5mb1dyYXBwZXI+XG4gICAgICAgIDxIZWFkaW5nIGVsZW1lbnQ9XCJoM1wiIG1hcmdpbj1cIm5vbmVcIiBoZWFkaW5nU3R5bGU9XCJoM1wiPlxuICAgICAgICAgIHtwYXJzZSh0aXRsZSl9XG4gICAgICAgIDwvSGVhZGluZz5cbiAgICAgICAge2RhdGUgJiYgKFxuICAgICAgICAgIDxTdHlsZWREYXRlQ29udGFpbmVyPlxuICAgICAgICAgICAgPFN0eWxlZENhbGVuZGVyRWQgLz5cbiAgICAgICAgICAgIHtmb3JtYXR0ZWREYXRlfVxuICAgICAgICAgIDwvU3R5bGVkRGF0ZUNvbnRhaW5lcj5cbiAgICAgICAgKX1cbiAgICAgIDwvSW5mb1dyYXBwZXI+XG4gICAgICA8U3R5bGVkRm9yd2FyZCAvPlxuICAgIDwvU3R5bGVkU2FmZUxpbms+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBMaW5rQmxvY2s7XG4iXX0= */"));
-const InfoWrapper = /*#__PURE__*/_styled("div", {
-  target: "e1wf6l0z3",
-  label: "InfoWrapper"
-})("display:flex;flex-direction:column;gap:", spacing.small, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmtCbG9jay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEI4QiIsImZpbGUiOiJMaW5rQmxvY2sudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBmb3JtYXQgfSBmcm9tIFwiZGF0ZS1mbnNcIjtcbmltcG9ydCB7IGVuR0IsIG5iLCBubiB9IGZyb20gXCJkYXRlLWZucy9sb2NhbGVcIjtcbmltcG9ydCBwYXJzZSBmcm9tIFwiaHRtbC1yZWFjdC1wYXJzZXJcIjtcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgc3BhY2luZywgbXEgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgRm9yd2FyZCwgQ2FsZW5kYXJFZCB9IGZyb20gXCJAbmRsYS9pY29ucy9jb21tb25cIjtcbmltcG9ydCB7IFNhZmVMaW5rIH0gZnJvbSBcIkBuZGxhL3NhZmVsaW5rXCI7XG5pbXBvcnQgeyBMaW5rQmxvY2tFbWJlZERhdGEgfSBmcm9tIFwiQG5kbGEvdHlwZXMtZW1iZWRcIjtcbmltcG9ydCB7IEhlYWRpbmcgfSBmcm9tIFwiQG5kbGEvdHlwb2dyYXBoeVwiO1xuaW1wb3J0IHsgZ2V0UG9zc2libHlSZWxhdGl2ZVVybCB9IGZyb20gXCIuLi91dGlscy9yZWxhdGl2ZVVybFwiO1xuXG5jb25zdCBTdHlsZWRGb3J3YXJkID0gc3R5bGVkKEZvcndhcmQpYFxuICBtYXJnaW46IDAgJHtzcGFjaW5nLm5zbWFsbH07XG4gIG1pbi13aWR0aDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIG1pbi1oZWlnaHQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuY29uc3QgSW5mb1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICY6aG92ZXIge1xuICAgICAgJiAke0luZm9XcmFwcGVyfSA6Zmlyc3QtY2hpbGQge1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgICAgIH1cbiAgICAgICYgJHtTdHlsZWRGb3J3YXJkfSB7XG4gICAgICAgIHdpZHRoOiAzMnB4O1xuICAgICAgICBoZWlnaHQ6IDMycHg7XG4gICAgICB9XG4gICAgfVxuICAgICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgICBib3JkZXI6IDJweCBzb2xpZCAke2NvbG9ycy5icmFuZC5kYXJrfTtcbiAgICB9XG4gIH1cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgJiAke0luZm9XcmFwcGVyfSA6Zmlyc3QtY2hpbGQge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICAgIDphY3RpdmUgOmZpcnN0LWNoaWxkIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZERhdGVDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLnhzbWFsbH07XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbmA7XG5cbmNvbnN0IFN0eWxlZENhbGVuZGVyRWQgPSBzdHlsZWQoQ2FsZW5kYXJFZClgXG4gIGNvbG9yOiAke2NvbG9ycy5pY29uLmljb25CbHVlfTtcbmA7XG5cbmludGVyZmFjZSBQcm9wcyBleHRlbmRzIE9taXQ8TGlua0Jsb2NrRW1iZWREYXRhLCBcInJlc291cmNlXCI+IHtcbiAgcGF0aD86IHN0cmluZztcbiAgYXJ0aWNsZUxhbmd1YWdlPzogc3RyaW5nO1xufVxuXG5jb25zdCBMaW5rQmxvY2sgPSAoeyB0aXRsZSwgYXJ0aWNsZUxhbmd1YWdlLCBkYXRlLCB1cmwsIHBhdGggfTogUHJvcHMpID0+IHtcbiAgY29uc3QgaHJlZiA9IGdldFBvc3NpYmx5UmVsYXRpdmVVcmwodXJsLCBwYXRoKTtcbiAgY29uc3QgZm9ybWF0dGVkRGF0ZSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGlmICghZGF0ZSkgcmV0dXJuIG51bGw7XG4gICAgY29uc3QgbG9jYWxlID0gYXJ0aWNsZUxhbmd1YWdlID09PSBcIm5iXCIgPyBuYiA6IGFydGljbGVMYW5ndWFnZSA9PT0gXCJublwiID8gbm4gOiBlbkdCO1xuICAgIHJldHVybiBmb3JtYXQobmV3IERhdGUoZGF0ZSksIFwiZGQuIExMTEwgeXl5eVwiLCB7IGxvY2FsZSB9KTtcbiAgfSwgW2RhdGUsIGFydGljbGVMYW5ndWFnZV0pO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRTYWZlTGluayB0bz17aHJlZn0+XG4gICAgICA8SW5mb1dyYXBwZXI+XG4gICAgICAgIDxIZWFkaW5nIGVsZW1lbnQ9XCJoM1wiIG1hcmdpbj1cIm5vbmVcIiBoZWFkaW5nU3R5bGU9XCJoM1wiPlxuICAgICAgICAgIHtwYXJzZSh0aXRsZSl9XG4gICAgICAgIDwvSGVhZGluZz5cbiAgICAgICAge2RhdGUgJiYgKFxuICAgICAgICAgIDxTdHlsZWREYXRlQ29udGFpbmVyPlxuICAgICAgICAgICAgPFN0eWxlZENhbGVuZGVyRWQgLz5cbiAgICAgICAgICAgIHtmb3JtYXR0ZWREYXRlfVxuICAgICAgICAgIDwvU3R5bGVkRGF0ZUNvbnRhaW5lcj5cbiAgICAgICAgKX1cbiAgICAgIDwvSW5mb1dyYXBwZXI+XG4gICAgICA8U3R5bGVkRm9yd2FyZCAvPlxuICAgIDwvU3R5bGVkU2FmZUxpbms+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBMaW5rQmxvY2s7XG4iXX0= */"));
-const StyledSafeLink = /*#__PURE__*/_styled(SafeLink, {
-  target: "e1wf6l0z2",
-  label: "StyledSafeLink"
-})("display:flex;justify-content:space-between;align-items:center;box-shadow:none;color:inherit;background-color:", colors.white, ";border:1px solid ", colors.brand.lighter, ";padding:", spacing.normal, ";", mq.range({
-  from: breakpoints.tabletWide
-}), "{&:hover{& ", InfoWrapper, " :first-child{text-decoration:underline;}& ", StyledForward, "{width:32px;height:32px;}}&:focus-visible{border:2px solid ", colors.brand.dark, ";}}", mq.range({
-  until: breakpoints.tabletWide
-}), "{& ", InfoWrapper, " :first-child{text-decoration:underline;}:active :first-child{text-decoration:none;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmtCbG9jay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0N1QyIsImZpbGUiOiJMaW5rQmxvY2sudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBmb3JtYXQgfSBmcm9tIFwiZGF0ZS1mbnNcIjtcbmltcG9ydCB7IGVuR0IsIG5iLCBubiB9IGZyb20gXCJkYXRlLWZucy9sb2NhbGVcIjtcbmltcG9ydCBwYXJzZSBmcm9tIFwiaHRtbC1yZWFjdC1wYXJzZXJcIjtcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgc3BhY2luZywgbXEgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgRm9yd2FyZCwgQ2FsZW5kYXJFZCB9IGZyb20gXCJAbmRsYS9pY29ucy9jb21tb25cIjtcbmltcG9ydCB7IFNhZmVMaW5rIH0gZnJvbSBcIkBuZGxhL3NhZmVsaW5rXCI7XG5pbXBvcnQgeyBMaW5rQmxvY2tFbWJlZERhdGEgfSBmcm9tIFwiQG5kbGEvdHlwZXMtZW1iZWRcIjtcbmltcG9ydCB7IEhlYWRpbmcgfSBmcm9tIFwiQG5kbGEvdHlwb2dyYXBoeVwiO1xuaW1wb3J0IHsgZ2V0UG9zc2libHlSZWxhdGl2ZVVybCB9IGZyb20gXCIuLi91dGlscy9yZWxhdGl2ZVVybFwiO1xuXG5jb25zdCBTdHlsZWRGb3J3YXJkID0gc3R5bGVkKEZvcndhcmQpYFxuICBtYXJnaW46IDAgJHtzcGFjaW5nLm5zbWFsbH07XG4gIG1pbi13aWR0aDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIG1pbi1oZWlnaHQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuY29uc3QgSW5mb1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICY6aG92ZXIge1xuICAgICAgJiAke0luZm9XcmFwcGVyfSA6Zmlyc3QtY2hpbGQge1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgICAgIH1cbiAgICAgICYgJHtTdHlsZWRGb3J3YXJkfSB7XG4gICAgICAgIHdpZHRoOiAzMnB4O1xuICAgICAgICBoZWlnaHQ6IDMycHg7XG4gICAgICB9XG4gICAgfVxuICAgICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgICBib3JkZXI6IDJweCBzb2xpZCAke2NvbG9ycy5icmFuZC5kYXJrfTtcbiAgICB9XG4gIH1cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgJiAke0luZm9XcmFwcGVyfSA6Zmlyc3QtY2hpbGQge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICAgIDphY3RpdmUgOmZpcnN0LWNoaWxkIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZERhdGVDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLnhzbWFsbH07XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbmA7XG5cbmNvbnN0IFN0eWxlZENhbGVuZGVyRWQgPSBzdHlsZWQoQ2FsZW5kYXJFZClgXG4gIGNvbG9yOiAke2NvbG9ycy5pY29uLmljb25CbHVlfTtcbmA7XG5cbmludGVyZmFjZSBQcm9wcyBleHRlbmRzIE9taXQ8TGlua0Jsb2NrRW1iZWREYXRhLCBcInJlc291cmNlXCI+IHtcbiAgcGF0aD86IHN0cmluZztcbiAgYXJ0aWNsZUxhbmd1YWdlPzogc3RyaW5nO1xufVxuXG5jb25zdCBMaW5rQmxvY2sgPSAoeyB0aXRsZSwgYXJ0aWNsZUxhbmd1YWdlLCBkYXRlLCB1cmwsIHBhdGggfTogUHJvcHMpID0+IHtcbiAgY29uc3QgaHJlZiA9IGdldFBvc3NpYmx5UmVsYXRpdmVVcmwodXJsLCBwYXRoKTtcbiAgY29uc3QgZm9ybWF0dGVkRGF0ZSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGlmICghZGF0ZSkgcmV0dXJuIG51bGw7XG4gICAgY29uc3QgbG9jYWxlID0gYXJ0aWNsZUxhbmd1YWdlID09PSBcIm5iXCIgPyBuYiA6IGFydGljbGVMYW5ndWFnZSA9PT0gXCJublwiID8gbm4gOiBlbkdCO1xuICAgIHJldHVybiBmb3JtYXQobmV3IERhdGUoZGF0ZSksIFwiZGQuIExMTEwgeXl5eVwiLCB7IGxvY2FsZSB9KTtcbiAgfSwgW2RhdGUsIGFydGljbGVMYW5ndWFnZV0pO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRTYWZlTGluayB0bz17aHJlZn0+XG4gICAgICA8SW5mb1dyYXBwZXI+XG4gICAgICAgIDxIZWFkaW5nIGVsZW1lbnQ9XCJoM1wiIG1hcmdpbj1cIm5vbmVcIiBoZWFkaW5nU3R5bGU9XCJoM1wiPlxuICAgICAgICAgIHtwYXJzZSh0aXRsZSl9XG4gICAgICAgIDwvSGVhZGluZz5cbiAgICAgICAge2RhdGUgJiYgKFxuICAgICAgICAgIDxTdHlsZWREYXRlQ29udGFpbmVyPlxuICAgICAgICAgICAgPFN0eWxlZENhbGVuZGVyRWQgLz5cbiAgICAgICAgICAgIHtmb3JtYXR0ZWREYXRlfVxuICAgICAgICAgIDwvU3R5bGVkRGF0ZUNvbnRhaW5lcj5cbiAgICAgICAgKX1cbiAgICAgIDwvSW5mb1dyYXBwZXI+XG4gICAgICA8U3R5bGVkRm9yd2FyZCAvPlxuICAgIDwvU3R5bGVkU2FmZUxpbms+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBMaW5rQmxvY2s7XG4iXX0= */"));
-const StyledDateContainer = /*#__PURE__*/_styled("div", {
-  target: "e1wf6l0z1",
-  label: "StyledDateContainer"
-})("display:flex;align-items:center;padding-top:", spacing.xsmall, ";gap:", spacing.small, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmtCbG9jay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUVzQyIsImZpbGUiOiJMaW5rQmxvY2sudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBmb3JtYXQgfSBmcm9tIFwiZGF0ZS1mbnNcIjtcbmltcG9ydCB7IGVuR0IsIG5iLCBubiB9IGZyb20gXCJkYXRlLWZucy9sb2NhbGVcIjtcbmltcG9ydCBwYXJzZSBmcm9tIFwiaHRtbC1yZWFjdC1wYXJzZXJcIjtcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgc3BhY2luZywgbXEgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgRm9yd2FyZCwgQ2FsZW5kYXJFZCB9IGZyb20gXCJAbmRsYS9pY29ucy9jb21tb25cIjtcbmltcG9ydCB7IFNhZmVMaW5rIH0gZnJvbSBcIkBuZGxhL3NhZmVsaW5rXCI7XG5pbXBvcnQgeyBMaW5rQmxvY2tFbWJlZERhdGEgfSBmcm9tIFwiQG5kbGEvdHlwZXMtZW1iZWRcIjtcbmltcG9ydCB7IEhlYWRpbmcgfSBmcm9tIFwiQG5kbGEvdHlwb2dyYXBoeVwiO1xuaW1wb3J0IHsgZ2V0UG9zc2libHlSZWxhdGl2ZVVybCB9IGZyb20gXCIuLi91dGlscy9yZWxhdGl2ZVVybFwiO1xuXG5jb25zdCBTdHlsZWRGb3J3YXJkID0gc3R5bGVkKEZvcndhcmQpYFxuICBtYXJnaW46IDAgJHtzcGFjaW5nLm5zbWFsbH07XG4gIG1pbi13aWR0aDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIG1pbi1oZWlnaHQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuY29uc3QgSW5mb1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICY6aG92ZXIge1xuICAgICAgJiAke0luZm9XcmFwcGVyfSA6Zmlyc3QtY2hpbGQge1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgICAgIH1cbiAgICAgICYgJHtTdHlsZWRGb3J3YXJkfSB7XG4gICAgICAgIHdpZHRoOiAzMnB4O1xuICAgICAgICBoZWlnaHQ6IDMycHg7XG4gICAgICB9XG4gICAgfVxuICAgICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgICBib3JkZXI6IDJweCBzb2xpZCAke2NvbG9ycy5icmFuZC5kYXJrfTtcbiAgICB9XG4gIH1cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgJiAke0luZm9XcmFwcGVyfSA6Zmlyc3QtY2hpbGQge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICAgIDphY3RpdmUgOmZpcnN0LWNoaWxkIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZERhdGVDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLnhzbWFsbH07XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbmA7XG5cbmNvbnN0IFN0eWxlZENhbGVuZGVyRWQgPSBzdHlsZWQoQ2FsZW5kYXJFZClgXG4gIGNvbG9yOiAke2NvbG9ycy5pY29uLmljb25CbHVlfTtcbmA7XG5cbmludGVyZmFjZSBQcm9wcyBleHRlbmRzIE9taXQ8TGlua0Jsb2NrRW1iZWREYXRhLCBcInJlc291cmNlXCI+IHtcbiAgcGF0aD86IHN0cmluZztcbiAgYXJ0aWNsZUxhbmd1YWdlPzogc3RyaW5nO1xufVxuXG5jb25zdCBMaW5rQmxvY2sgPSAoeyB0aXRsZSwgYXJ0aWNsZUxhbmd1YWdlLCBkYXRlLCB1cmwsIHBhdGggfTogUHJvcHMpID0+IHtcbiAgY29uc3QgaHJlZiA9IGdldFBvc3NpYmx5UmVsYXRpdmVVcmwodXJsLCBwYXRoKTtcbiAgY29uc3QgZm9ybWF0dGVkRGF0ZSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGlmICghZGF0ZSkgcmV0dXJuIG51bGw7XG4gICAgY29uc3QgbG9jYWxlID0gYXJ0aWNsZUxhbmd1YWdlID09PSBcIm5iXCIgPyBuYiA6IGFydGljbGVMYW5ndWFnZSA9PT0gXCJublwiID8gbm4gOiBlbkdCO1xuICAgIHJldHVybiBmb3JtYXQobmV3IERhdGUoZGF0ZSksIFwiZGQuIExMTEwgeXl5eVwiLCB7IGxvY2FsZSB9KTtcbiAgfSwgW2RhdGUsIGFydGljbGVMYW5ndWFnZV0pO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRTYWZlTGluayB0bz17aHJlZn0+XG4gICAgICA8SW5mb1dyYXBwZXI+XG4gICAgICAgIDxIZWFkaW5nIGVsZW1lbnQ9XCJoM1wiIG1hcmdpbj1cIm5vbmVcIiBoZWFkaW5nU3R5bGU9XCJoM1wiPlxuICAgICAgICAgIHtwYXJzZSh0aXRsZSl9XG4gICAgICAgIDwvSGVhZGluZz5cbiAgICAgICAge2RhdGUgJiYgKFxuICAgICAgICAgIDxTdHlsZWREYXRlQ29udGFpbmVyPlxuICAgICAgICAgICAgPFN0eWxlZENhbGVuZGVyRWQgLz5cbiAgICAgICAgICAgIHtmb3JtYXR0ZWREYXRlfVxuICAgICAgICAgIDwvU3R5bGVkRGF0ZUNvbnRhaW5lcj5cbiAgICAgICAgKX1cbiAgICAgIDwvSW5mb1dyYXBwZXI+XG4gICAgICA8U3R5bGVkRm9yd2FyZCAvPlxuICAgIDwvU3R5bGVkU2FmZUxpbms+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBMaW5rQmxvY2s7XG4iXX0= */"));
-const StyledCalenderEd = /*#__PURE__*/_styled(CalendarEd, {
-  target: "e1wf6l0z0",
-  label: "StyledCalenderEd"
-})("color:", colors.icon.iconBlue, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmtCbG9jay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0UyQyIsImZpbGUiOiJMaW5rQmxvY2sudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBmb3JtYXQgfSBmcm9tIFwiZGF0ZS1mbnNcIjtcbmltcG9ydCB7IGVuR0IsIG5iLCBubiB9IGZyb20gXCJkYXRlLWZucy9sb2NhbGVcIjtcbmltcG9ydCBwYXJzZSBmcm9tIFwiaHRtbC1yZWFjdC1wYXJzZXJcIjtcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgc3BhY2luZywgbXEgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgRm9yd2FyZCwgQ2FsZW5kYXJFZCB9IGZyb20gXCJAbmRsYS9pY29ucy9jb21tb25cIjtcbmltcG9ydCB7IFNhZmVMaW5rIH0gZnJvbSBcIkBuZGxhL3NhZmVsaW5rXCI7XG5pbXBvcnQgeyBMaW5rQmxvY2tFbWJlZERhdGEgfSBmcm9tIFwiQG5kbGEvdHlwZXMtZW1iZWRcIjtcbmltcG9ydCB7IEhlYWRpbmcgfSBmcm9tIFwiQG5kbGEvdHlwb2dyYXBoeVwiO1xuaW1wb3J0IHsgZ2V0UG9zc2libHlSZWxhdGl2ZVVybCB9IGZyb20gXCIuLi91dGlscy9yZWxhdGl2ZVVybFwiO1xuXG5jb25zdCBTdHlsZWRGb3J3YXJkID0gc3R5bGVkKEZvcndhcmQpYFxuICBtYXJnaW46IDAgJHtzcGFjaW5nLm5zbWFsbH07XG4gIG1pbi13aWR0aDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIG1pbi1oZWlnaHQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuY29uc3QgSW5mb1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICY6aG92ZXIge1xuICAgICAgJiAke0luZm9XcmFwcGVyfSA6Zmlyc3QtY2hpbGQge1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgICAgIH1cbiAgICAgICYgJHtTdHlsZWRGb3J3YXJkfSB7XG4gICAgICAgIHdpZHRoOiAzMnB4O1xuICAgICAgICBoZWlnaHQ6IDMycHg7XG4gICAgICB9XG4gICAgfVxuICAgICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgICBib3JkZXI6IDJweCBzb2xpZCAke2NvbG9ycy5icmFuZC5kYXJrfTtcbiAgICB9XG4gIH1cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgJiAke0luZm9XcmFwcGVyfSA6Zmlyc3QtY2hpbGQge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICAgIDphY3RpdmUgOmZpcnN0LWNoaWxkIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZERhdGVDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLnhzbWFsbH07XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbmA7XG5cbmNvbnN0IFN0eWxlZENhbGVuZGVyRWQgPSBzdHlsZWQoQ2FsZW5kYXJFZClgXG4gIGNvbG9yOiAke2NvbG9ycy5pY29uLmljb25CbHVlfTtcbmA7XG5cbmludGVyZmFjZSBQcm9wcyBleHRlbmRzIE9taXQ8TGlua0Jsb2NrRW1iZWREYXRhLCBcInJlc291cmNlXCI+IHtcbiAgcGF0aD86IHN0cmluZztcbiAgYXJ0aWNsZUxhbmd1YWdlPzogc3RyaW5nO1xufVxuXG5jb25zdCBMaW5rQmxvY2sgPSAoeyB0aXRsZSwgYXJ0aWNsZUxhbmd1YWdlLCBkYXRlLCB1cmwsIHBhdGggfTogUHJvcHMpID0+IHtcbiAgY29uc3QgaHJlZiA9IGdldFBvc3NpYmx5UmVsYXRpdmVVcmwodXJsLCBwYXRoKTtcbiAgY29uc3QgZm9ybWF0dGVkRGF0ZSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGlmICghZGF0ZSkgcmV0dXJuIG51bGw7XG4gICAgY29uc3QgbG9jYWxlID0gYXJ0aWNsZUxhbmd1YWdlID09PSBcIm5iXCIgPyBuYiA6IGFydGljbGVMYW5ndWFnZSA9PT0gXCJublwiID8gbm4gOiBlbkdCO1xuICAgIHJldHVybiBmb3JtYXQobmV3IERhdGUoZGF0ZSksIFwiZGQuIExMTEwgeXl5eVwiLCB7IGxvY2FsZSB9KTtcbiAgfSwgW2RhdGUsIGFydGljbGVMYW5ndWFnZV0pO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRTYWZlTGluayB0bz17aHJlZn0+XG4gICAgICA8SW5mb1dyYXBwZXI+XG4gICAgICAgIDxIZWFkaW5nIGVsZW1lbnQ9XCJoM1wiIG1hcmdpbj1cIm5vbmVcIiBoZWFkaW5nU3R5bGU9XCJoM1wiPlxuICAgICAgICAgIHtwYXJzZSh0aXRsZSl9XG4gICAgICAgIDwvSGVhZGluZz5cbiAgICAgICAge2RhdGUgJiYgKFxuICAgICAgICAgIDxTdHlsZWREYXRlQ29udGFpbmVyPlxuICAgICAgICAgICAgPFN0eWxlZENhbGVuZGVyRWQgLz5cbiAgICAgICAgICAgIHtmb3JtYXR0ZWREYXRlfVxuICAgICAgICAgIDwvU3R5bGVkRGF0ZUNvbnRhaW5lcj5cbiAgICAgICAgKX1cbiAgICAgIDwvSW5mb1dyYXBwZXI+XG4gICAgICA8U3R5bGVkRm9yd2FyZCAvPlxuICAgIDwvU3R5bGVkU2FmZUxpbms+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBMaW5rQmxvY2s7XG4iXX0= */"));
+const InfoWrapper = styled("div", {
+  base: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "xsmall"
+  }
+});
+const StyledSafeLink = styled(SafeLink, {
+  base: {
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+    background: "surface.default",
+    padding: "medium",
+    border: "1px solid",
+    // TODO: Check if this is correct. Not part of design. Also check if this should have border-radius.
+    borderColor: "stroke.default",
+    "& h3": {
+      textDecoration: "underline"
+    },
+    "& [data-forward]": {
+      transitionProperty: "width, height",
+      transitionTimingFunction: "ease-in-out",
+      transitionDuration: "fast"
+    },
+    _hover: {
+      "& h3": {
+        textDecoration: "none"
+      },
+      "& [data-forward]": {
+        width: "large",
+        height: "large"
+      }
+    }
+  }
+});
+const StyledDateContainer = styled("div", {
+  base: {
+    display: "flex",
+    alignItems: "center",
+    gap: "xxsmall"
+  }
+});
+const StyledCalendarEd = styled(CalendarEd, {
+  base: {
+    color: "icon.strong"
+  }
+});
 const LinkBlock = _ref => {
   let {
     title,
@@ -61,14 +84,19 @@ const LinkBlock = _ref => {
     to: href,
     children: [_jsxs(InfoWrapper, {
       children: [_jsx(Heading, {
-        element: "h3",
-        margin: "none",
-        headingStyle: "h3",
-        children: parse(title)
+        asChild: true,
+        consumeCss: true,
+        textStyle: "title.medium",
+        children: _jsx("h3", {
+          "data-heading": true,
+          children: parse(title)
+        })
       }), date && _jsxs(StyledDateContainer, {
-        children: [_jsx(StyledCalenderEd, {}), formattedDate]
+        children: [_jsx(StyledCalendarEd, {}), formattedDate]
       })]
-    }), _jsx(StyledForward, {})]
+    }), _jsx(Forward, {
+      "data-forward": true
+    })]
   });
 };
 export default LinkBlock;

package/es/LinkBlock/LinkBlockSection.js

@@ -1,4 +1,3 @@
-import _styled from "@emotion/styled/base";
 /**
  * Copyright (c) 2023-present, NDLA.
  *
@@ -8,12 +7,16 @@ import _styled from "@emotion/styled/base";
  */
 
 import { Children } from "react";
-import { spacing } from "@ndla/core";
+import { styled } from "@ndla/styled-system/jsx";
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-const StyledList = /*#__PURE__*/_styled("ul", {
-  target: "e1tgoa620",
-  label: "StyledList"
-})("display:flex;flex-direction:column;gap:", spacing.small, ";list-style:none;padding:0px;li{padding:0px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmtCbG9ja1NlY3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCNEIiLCJmaWxlIjoiTGlua0Jsb2NrU2VjdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IENoaWxkcmVuLCBIVE1MQXR0cmlidXRlcywgUmVhY3ROb2RlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuXG5pbnRlcmZhY2UgUHJvcHMgZXh0ZW5kcyBIVE1MQXR0cmlidXRlczxIVE1MRWxlbWVudD4ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xufVxuXG5jb25zdCBTdHlsZWRMaXN0ID0gc3R5bGVkLnVsYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIHBhZGRpbmc6IDBweDtcbiAgbGkge1xuICAgIHBhZGRpbmc6IDBweDtcbiAgfVxuYDtcblxuY29uc3QgTGlua0Jsb2NrU2VjdGlvbiA9ICh7IGNoaWxkcmVuLCAuLi5yZXN0IH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPG5hdiB7Li4ucmVzdH0+XG4gICAgICA8U3R5bGVkTGlzdD5cbiAgICAgICAge0NoaWxkcmVuLm1hcChjaGlsZHJlbiwgKGNoaWxkKSA9PiAoXG4gICAgICAgICAgPGxpPntjaGlsZH08L2xpPlxuICAgICAgICApKX1cbiAgICAgIDwvU3R5bGVkTGlzdD5cbiAgICA8L25hdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IExpbmtCbG9ja1NlY3Rpb247XG4iXX0= */"));
+const StyledList = styled("ul", {
+  base: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "xsmall",
+    listStyle: "none"
+  }
+});
 const LinkBlockSection = _ref => {
   let {
     children,

package/es/Logo/Logo.js

@@ -8,10 +8,6 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
  *
  */
 
-/** @jsxImportSource @emotion/react */
-import { useMemo } from "react";
-import { css } from "@emotion/react";
-import { colors } from "@ndla/core";
 import { SafeLink } from "@ndla/safelink";
 import SvgLogo from "./SvgLogo";
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
@@ -24,41 +20,17 @@ const StyledLogoWrapper = /*#__PURE__*/_styled("div", {
 } : {
   name: "b5wghc",
   styles: "a{box-shadow:none;}width:120px;margin:0;position:relative",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxvZ28udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDb0MiLCJmaWxlIjoiTG9nby50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxNi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbi8qKiBAanN4SW1wb3J0U291cmNlIEBlbW90aW9uL3JlYWN0ICovXG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBTZXJpYWxpemVkU3R5bGVzLCBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgY29sb3JzIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IFNhZmVMaW5rIH0gZnJvbSBcIkBuZGxhL3NhZmVsaW5rXCI7XG5pbXBvcnQgU3ZnTG9nbyBmcm9tIFwiLi9TdmdMb2dvXCI7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHRvPzpcbiAgICB8IHN0cmluZ1xuICAgIHwge1xuICAgICAgICBwYXRobmFtZTogc3RyaW5nO1xuICAgICAgICBzZWFyY2g/OiBzdHJpbmc7XG4gICAgICAgIGhhc2g/OiBzdHJpbmc7XG4gICAgICB9O1xuICBsYWJlbDogc3RyaW5nO1xuICBsb2NhbGU/OiBzdHJpbmc7XG4gIGNzc01vZGlmaWVyPzogc3RyaW5nO1xuICBsYXJnZT86IGJvb2xlYW47XG4gIG5hbWU/OiBib29sZWFuO1xuICBjb2xvcj86IHN0cmluZztcbn1cblxuY29uc3QgU3R5bGVkTG9nb1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBhIHtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICB9XG4gIHdpZHRoOiAxMjBweDtcbiAgbWFyZ2luOiAwO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5jb25zdCBtb2RpZmllclN0eWxlczogUmVjb3JkPHN0cmluZywgU2VyaWFsaXplZFN0eWxlcz4gPSB7XG4gIGxhcmdlOiBjc3NgXG4gICAgd2lkdGg6IDI4N3B4O1xuICBgLFxuICB3aGl0ZTogY3NzYFxuICAgIHN2ZyB7XG4gICAgICBmaWxsOiAke2NvbG9ycy53aGl0ZX07XG4gICAgfVxuICBgLFxufTtcblxuZXhwb3J0IGNvbnN0IExvZ28gPSAoeyBuYW1lID0gdHJ1ZSwgdG8sIGNzc01vZGlmaWVyLCBjb2xvciwgbGFyZ2UgPSBmYWxzZSwgbG9jYWxlLCBsYWJlbCB9OiBQcm9wcykgPT4ge1xuICBjb25zdCBtb2RpZmllcnMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBjb25zdCBtb2RzID0gW107XG4gICAgaWYgKGxhcmdlKSB7XG4gICAgICBtb2RzLnB1c2gobW9kaWZpZXJTdHlsZXMubGFyZ2UpO1xuICAgIH1cbiAgICBpZiAoY3NzTW9kaWZpZXIgJiYgbW9kaWZpZXJTdHlsZXNbY3NzTW9kaWZpZXJdKSB7XG4gICAgICBtb2RzLnB1c2gobW9kaWZpZXJTdHlsZXNbY3NzTW9kaWZpZXJdKTtcbiAgICB9XG4gICAgcmV0dXJuIG1vZHM7XG4gIH0sIFtsYXJnZSwgY3NzTW9kaWZpZXJdKTtcblxuICBjb25zdCBsb2dvID0gdG8gPyAoXG4gICAgPFNhZmVMaW5rIHRvPXt0b30gYXJpYS1sYWJlbD17bGFiZWx9IHRpdGxlPXtsYWJlbH0+XG4gICAgICA8U3ZnTG9nbyBuYW1lPXtuYW1lfSBjb2xvcj17Y29sb3J9IGxvY2FsZT17bG9jYWxlfSAvPlxuICAgIDwvU2FmZUxpbms+XG4gICkgOiAoXG4gICAgPFN2Z0xvZ28gbmFtZT17bmFtZX0gY29sb3I9e2NvbG9yfSBsb2NhbGU9e2xvY2FsZX0gLz5cbiAgKTtcbiAgcmV0dXJuIDxTdHlsZWRMb2dvV3JhcHBlciBjc3M9e21vZGlmaWVyc30+e2xvZ299PC9TdHlsZWRMb2dvV3JhcHBlcj47XG59O1xuXG5leHBvcnQgZGVmYXVsdCBMb2dvO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxvZ28udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCb0MiLCJmaWxlIjoiTG9nby50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxNi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgU2FmZUxpbmsgfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcbmltcG9ydCBTdmdMb2dvIGZyb20gXCIuL1N2Z0xvZ29cIjtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdG8/OlxuICAgIHwgc3RyaW5nXG4gICAgfCB7XG4gICAgICAgIHBhdGhuYW1lOiBzdHJpbmc7XG4gICAgICAgIHNlYXJjaD86IHN0cmluZztcbiAgICAgICAgaGFzaD86IHN0cmluZztcbiAgICAgIH07XG4gIGxhYmVsOiBzdHJpbmc7XG4gIGxvY2FsZT86IHN0cmluZztcbiAgbmFtZT86IGJvb2xlYW47XG4gIGNvbG9yPzogc3RyaW5nO1xufVxuXG5jb25zdCBTdHlsZWRMb2dvV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGEge1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gIH1cbiAgd2lkdGg6IDEyMHB4O1xuICBtYXJnaW46IDA7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBMb2dvID0gKHsgbmFtZSA9IHRydWUsIHRvLCBjb2xvciwgbG9jYWxlLCBsYWJlbCB9OiBQcm9wcykgPT4ge1xuICBjb25zdCBsb2dvID0gdG8gPyAoXG4gICAgPFNhZmVMaW5rIHRvPXt0b30gYXJpYS1sYWJlbD17bGFiZWx9IHRpdGxlPXtsYWJlbH0+XG4gICAgICA8U3ZnTG9nbyBuYW1lPXtuYW1lfSBjb2xvcj17Y29sb3J9IGxvY2FsZT17bG9jYWxlfSAvPlxuICAgIDwvU2FmZUxpbms+XG4gICkgOiAoXG4gICAgPFN2Z0xvZ28gbmFtZT17bmFtZX0gY29sb3I9e2NvbG9yfSBsb2NhbGU9e2xvY2FsZX0gLz5cbiAgKTtcbiAgcmV0dXJuIDxTdHlsZWRMb2dvV3JhcHBlcj57bG9nb308L1N0eWxlZExvZ29XcmFwcGVyPjtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IExvZ287XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-const modifierStyles = {
-  large: process.env.NODE_ENV === "production" ? {
-    name: "1df1r91-large",
-    styles: "width:287px;label:large;"
-  } : {
-    name: "1df1r91-large",
-    styles: "width:287px;label:large;",
-    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxvZ28udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBDWSIsImZpbGUiOiJMb2dvLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE2LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuLyoqIEBqc3hJbXBvcnRTb3VyY2UgQGVtb3Rpb24vcmVhY3QgKi9cbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IFNlcmlhbGl6ZWRTdHlsZXMsIGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjb2xvcnMgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgU2FmZUxpbmsgfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcbmltcG9ydCBTdmdMb2dvIGZyb20gXCIuL1N2Z0xvZ29cIjtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdG8/OlxuICAgIHwgc3RyaW5nXG4gICAgfCB7XG4gICAgICAgIHBhdGhuYW1lOiBzdHJpbmc7XG4gICAgICAgIHNlYXJjaD86IHN0cmluZztcbiAgICAgICAgaGFzaD86IHN0cmluZztcbiAgICAgIH07XG4gIGxhYmVsOiBzdHJpbmc7XG4gIGxvY2FsZT86IHN0cmluZztcbiAgY3NzTW9kaWZpZXI/OiBzdHJpbmc7XG4gIGxhcmdlPzogYm9vbGVhbjtcbiAgbmFtZT86IGJvb2xlYW47XG4gIGNvbG9yPzogc3RyaW5nO1xufVxuXG5jb25zdCBTdHlsZWRMb2dvV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGEge1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gIH1cbiAgd2lkdGg6IDEyMHB4O1xuICBtYXJnaW46IDA7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmNvbnN0IG1vZGlmaWVyU3R5bGVzOiBSZWNvcmQ8c3RyaW5nLCBTZXJpYWxpemVkU3R5bGVzPiA9IHtcbiAgbGFyZ2U6IGNzc2BcbiAgICB3aWR0aDogMjg3cHg7XG4gIGAsXG4gIHdoaXRlOiBjc3NgXG4gICAgc3ZnIHtcbiAgICAgIGZpbGw6ICR7Y29sb3JzLndoaXRlfTtcbiAgICB9XG4gIGAsXG59O1xuXG5leHBvcnQgY29uc3QgTG9nbyA9ICh7IG5hbWUgPSB0cnVlLCB0bywgY3NzTW9kaWZpZXIsIGNvbG9yLCBsYXJnZSA9IGZhbHNlLCBsb2NhbGUsIGxhYmVsIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IG1vZGlmaWVycyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGNvbnN0IG1vZHMgPSBbXTtcbiAgICBpZiAobGFyZ2UpIHtcbiAgICAgIG1vZHMucHVzaChtb2RpZmllclN0eWxlcy5sYXJnZSk7XG4gICAgfVxuICAgIGlmIChjc3NNb2RpZmllciAmJiBtb2RpZmllclN0eWxlc1tjc3NNb2RpZmllcl0pIHtcbiAgICAgIG1vZHMucHVzaChtb2RpZmllclN0eWxlc1tjc3NNb2RpZmllcl0pO1xuICAgIH1cbiAgICByZXR1cm4gbW9kcztcbiAgfSwgW2xhcmdlLCBjc3NNb2RpZmllcl0pO1xuXG4gIGNvbnN0IGxvZ28gPSB0byA/IChcbiAgICA8U2FmZUxpbmsgdG89e3RvfSBhcmlhLWxhYmVsPXtsYWJlbH0gdGl0bGU9e2xhYmVsfT5cbiAgICAgIDxTdmdMb2dvIG5hbWU9e25hbWV9IGNvbG9yPXtjb2xvcn0gbG9jYWxlPXtsb2NhbGV9IC8+XG4gICAgPC9TYWZlTGluaz5cbiAgKSA6IChcbiAgICA8U3ZnTG9nbyBuYW1lPXtuYW1lfSBjb2xvcj17Y29sb3J9IGxvY2FsZT17bG9jYWxlfSAvPlxuICApO1xuICByZXR1cm4gPFN0eWxlZExvZ29XcmFwcGVyIGNzcz17bW9kaWZpZXJzfT57bG9nb308L1N0eWxlZExvZ29XcmFwcGVyPjtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IExvZ287XG4iXX0= */",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  },
-  white: /*#__PURE__*/css("svg{fill:", colors.white, ";};label:white;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxvZ28udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZDWSIsImZpbGUiOiJMb2dvLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE2LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuLyoqIEBqc3hJbXBvcnRTb3VyY2UgQGVtb3Rpb24vcmVhY3QgKi9cbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IFNlcmlhbGl6ZWRTdHlsZXMsIGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjb2xvcnMgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgU2FmZUxpbmsgfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcbmltcG9ydCBTdmdMb2dvIGZyb20gXCIuL1N2Z0xvZ29cIjtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdG8/OlxuICAgIHwgc3RyaW5nXG4gICAgfCB7XG4gICAgICAgIHBhdGhuYW1lOiBzdHJpbmc7XG4gICAgICAgIHNlYXJjaD86IHN0cmluZztcbiAgICAgICAgaGFzaD86IHN0cmluZztcbiAgICAgIH07XG4gIGxhYmVsOiBzdHJpbmc7XG4gIGxvY2FsZT86IHN0cmluZztcbiAgY3NzTW9kaWZpZXI/OiBzdHJpbmc7XG4gIGxhcmdlPzogYm9vbGVhbjtcbiAgbmFtZT86IGJvb2xlYW47XG4gIGNvbG9yPzogc3RyaW5nO1xufVxuXG5jb25zdCBTdHlsZWRMb2dvV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGEge1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gIH1cbiAgd2lkdGg6IDEyMHB4O1xuICBtYXJnaW46IDA7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmNvbnN0IG1vZGlmaWVyU3R5bGVzOiBSZWNvcmQ8c3RyaW5nLCBTZXJpYWxpemVkU3R5bGVzPiA9IHtcbiAgbGFyZ2U6IGNzc2BcbiAgICB3aWR0aDogMjg3cHg7XG4gIGAsXG4gIHdoaXRlOiBjc3NgXG4gICAgc3ZnIHtcbiAgICAgIGZpbGw6ICR7Y29sb3JzLndoaXRlfTtcbiAgICB9XG4gIGAsXG59O1xuXG5leHBvcnQgY29uc3QgTG9nbyA9ICh7IG5hbWUgPSB0cnVlLCB0bywgY3NzTW9kaWZpZXIsIGNvbG9yLCBsYXJnZSA9IGZhbHNlLCBsb2NhbGUsIGxhYmVsIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IG1vZGlmaWVycyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGNvbnN0IG1vZHMgPSBbXTtcbiAgICBpZiAobGFyZ2UpIHtcbiAgICAgIG1vZHMucHVzaChtb2RpZmllclN0eWxlcy5sYXJnZSk7XG4gICAgfVxuICAgIGlmIChjc3NNb2RpZmllciAmJiBtb2RpZmllclN0eWxlc1tjc3NNb2RpZmllcl0pIHtcbiAgICAgIG1vZHMucHVzaChtb2RpZmllclN0eWxlc1tjc3NNb2RpZmllcl0pO1xuICAgIH1cbiAgICByZXR1cm4gbW9kcztcbiAgfSwgW2xhcmdlLCBjc3NNb2RpZmllcl0pO1xuXG4gIGNvbnN0IGxvZ28gPSB0byA/IChcbiAgICA8U2FmZUxpbmsgdG89e3RvfSBhcmlhLWxhYmVsPXtsYWJlbH0gdGl0bGU9e2xhYmVsfT5cbiAgICAgIDxTdmdMb2dvIG5hbWU9e25hbWV9IGNvbG9yPXtjb2xvcn0gbG9jYWxlPXtsb2NhbGV9IC8+XG4gICAgPC9TYWZlTGluaz5cbiAgKSA6IChcbiAgICA8U3ZnTG9nbyBuYW1lPXtuYW1lfSBjb2xvcj17Y29sb3J9IGxvY2FsZT17bG9jYWxlfSAvPlxuICApO1xuICByZXR1cm4gPFN0eWxlZExvZ29XcmFwcGVyIGNzcz17bW9kaWZpZXJzfT57bG9nb308L1N0eWxlZExvZ29XcmFwcGVyPjtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IExvZ287XG4iXX0= */"))
-};
 export const Logo = _ref => {
   let {
     name = true,
     to,
-    cssModifier,
     color,
-    large = false,
     locale,
     label
   } = _ref;
-  const modifiers = useMemo(() => {
-    const mods = [];
-    if (large) {
-      mods.push(modifierStyles.large);
-    }
-    if (cssModifier && modifierStyles[cssModifier]) {
-      mods.push(modifierStyles[cssModifier]);
-    }
-    return mods;
-  }, [large, cssModifier]);
   const logo = to ? _jsx(SafeLink, {
     to: to,
     "aria-label": label,
@@ -74,7 +46,6 @@ export const Logo = _ref => {
     locale: locale
   });
   return _jsx(StyledLogoWrapper, {
-    css: modifiers,
     children: logo
   });
 };