@ndla/ui 55.0.12-alpha.0 → 55.0.14-alpha.0

package/lib/AudioPlayer/SpeechControl.js

@@ -6,9 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("react");
 var _reactI18next = require("react-i18next");
-var _button = require("@ndla/button");
 var _common = require("@ndla/icons/common");
-var _tooltip = require("@ndla/tooltip");
+var _primitives = require("@ndla/primitives");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 /**
  * Copyright (c) 2021-present, NDLA.
@@ -44,15 +43,18 @@ const SpeechControl = _ref => {
       src: src,
       title: title,
       preload: "metadata"
-    }), (0, _jsxRuntime.jsx)(_tooltip.Tooltip, {
-      tooltip: t("".concat(type, ".play")),
-      children: (0, _jsxRuntime.jsx)(_button.IconButtonV2, {
-        type: "button",
-        onClick: togglePlay,
-        "aria-label": t("".concat(type, ".play")),
-        variant: "ghost",
-        children: (0, _jsxRuntime.jsx)(_common.VolumeUp, {})
-      })
+    }), (0, _jsxRuntime.jsxs)(_primitives.TooltipRoot, {
+      children: [(0, _jsxRuntime.jsx)(_primitives.TooltipTrigger, {
+        asChild: true,
+        children: (0, _jsxRuntime.jsx)(_primitives.IconButton, {
+          variant: "tertiary",
+          "aria-label": t(`${type}.play`),
+          onClick: togglePlay,
+          children: (0, _jsxRuntime.jsx)(_common.VolumeUp, {})
+        })
+      }), (0, _jsxRuntime.jsx)(_primitives.TooltipContent, {
+        children: t(`${type}.play`)
+      })]
     })]
   });
 };

package/lib/BlogPost/BlogPost.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { HeadingLevel } from "@ndla/typography";
+import { HeadingLevel } from "../types";
 export interface Props {
     title: string;
     author?: string;
@@ -18,5 +18,5 @@ export interface Props {
     };
     path?: string;
 }
-declare const BlogPost: ({ title, author, url, metaImage, headingLevel: Heading, size, path }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const BlogPost: ({ title, author, url, metaImage, headingLevel: Heading, size, path }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BlogPost;

package/lib/BlogPost/BlogPost.js

@@ -4,12 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _htmlReactParser = _interopRequireDefault(require("html-react-parser"));
 var _reactI18next = require("react-i18next");
-var _react = require("@emotion/react");
-var _core = require("@ndla/core");
+var _primitives = require("@ndla/primitives");
 var _safelink = require("@ndla/safelink");
+var _jsx2 = require("@ndla/styled-system/jsx");
 var _relativeUrl = require("../utils/relativeUrl");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -21,23 +20,80 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  *
  */
 
-/** @jsxImportSource @emotion/react */
-
-const Container = /*#__PURE__*/(0, _base.default)(_safelink.SafeLink, {
-  target: "e19zpy302",
-  label: "Container"
-})("margin:0 0 ", _core.spacing.normal, " 0;display:flex;flex-direction:column;color:", _core.colors.text.primary, ";background-color:", _core.colors.white, ";gap:", _core.spacing.nsmall, ";box-shadow:none;border:1px solid ", _core.colors.brand.lighter, ";border-radius:", _core.misc.borderRadius, ";padding:", _core.spacing.normal, " ", _core.spacing.medium, ";height:100%;", _core.mq.range({
-  from: _core.breakpoints.tabletWide
-}), "{max-width:350px;&[data-size=\"large\"]{max-width:532px;}}&:hover,&:focus-within{.blog-title{text-decoration:underline;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJsb2dQb3N0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQmtDIiwiZmlsZSI6IkJsb2dQb3N0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuLyoqIEBqc3hJbXBvcnRTb3VyY2UgQGVtb3Rpb24vcmVhY3QgKi9cbmltcG9ydCBwYXJzZSBmcm9tIFwiaHRtbC1yZWFjdC1wYXJzZXJcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbWlzYywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgU2FmZUxpbmsgfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcbmltcG9ydCB7IEhlYWRpbmdMZXZlbCB9IGZyb20gXCJAbmRsYS90eXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBnZXRQb3NzaWJseVJlbGF0aXZlVXJsIH0gZnJvbSBcIi4uL3V0aWxzL3JlbGF0aXZlVXJsXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICBhdXRob3I/OiBzdHJpbmc7XG4gIHVybDogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHNpemU/OiBcIm5vcm1hbFwiIHwgXCJsYXJnZVwiO1xuICBtZXRhSW1hZ2U6IHtcbiAgICB1cmw6IHN0cmluZztcbiAgICBhbHQ6IHN0cmluZztcbiAgfTtcbiAgcGF0aD86IHN0cmluZztcbn1cblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFNhZmVMaW5rKWBcbiAgbWFyZ2luOiAwIDAgJHtzcGFjaW5nLm5vcm1hbH0gMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgZ2FwOiAke3NwYWNpbmcubnNtYWxsfTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcubm9ybWFsfSAke3NwYWNpbmcubWVkaXVtfTtcbiAgaGVpZ2h0OiAxMDAlO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIG1heC13aWR0aDogMzUwcHg7XG4gICAgJltkYXRhLXNpemU9XCJsYXJnZVwiXSB7XG4gICAgICBtYXgtd2lkdGg6IDUzMnB4O1xuICAgIH1cbiAgfVxuICAmOmhvdmVyLFxuICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgLmJsb2ctdGl0bGUge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nQ3NzID0gY3NzYFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgbWFyZ2luOiAwO1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICAke2ZvbnRzLnNpemVzKFwiMjZweFwiLCBcIjM2cHhcIil9O1xuYDtcblxuY29uc3QgQXV0aG9yQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgc3ZnIHtcbiAgICBjb2xvcjogcmdiYSg3OCwgODEsIDI0MiwgMSk7XG4gIH1cbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbmA7XG5cbmNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZC5pbWdgXG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBmbGV4OiAxO1xuICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgYm9yZGVyOiAwO1xuYDtcblxuY29uc3QgQmxvZ1Bvc3QgPSAoeyB0aXRsZSwgYXV0aG9yLCB1cmwsIG1ldGFJbWFnZSwgaGVhZGluZ0xldmVsOiBIZWFkaW5nID0gXCJoM1wiLCBzaXplID0gXCJub3JtYWxcIiwgcGF0aCB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IGhyZWYgPSBnZXRQb3NzaWJseVJlbGF0aXZlVXJsKHVybCwgcGF0aCk7XG4gIGNvbnN0IGltYWdlV2lkdGggPSBzaXplID09PSBcImxhcmdlXCIgPyA1MzIgOiAzNTA7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lciBkYXRhLXNpemU9e3NpemV9IHRvPXtocmVmfT5cbiAgICAgIDxIZWFkaW5nIGNsYXNzTmFtZT1cImJsb2ctdGl0bGVcIiBjc3M9e2hlYWRpbmdDc3N9PlxuICAgICAgICB7cGFyc2UodGl0bGUpfVxuICAgICAgPC9IZWFkaW5nPlxuICAgICAgPFN0eWxlZEltZyBzcmM9e2Ake21ldGFJbWFnZS51cmx9P3dpZHRoPSR7aW1hZ2VXaWR0aH1gfSBhbHQ9e21ldGFJbWFnZS5hbHR9IC8+XG4gICAgICB7ISFhdXRob3IgJiYgPEF1dGhvckNvbnRhaW5lciBhcmlhLWxhYmVsPXt0KFwiYXJ0aWNsZS53cml0dGVuQnlcIiwgeyBhdXRob3JzOiBhdXRob3IgfSl9PnthdXRob3J9PC9BdXRob3JDb250YWluZXI+fVxuICAgIDwvQ29udGFpbmVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQmxvZ1Bvc3Q7XG4iXX0= */"));
-const headingCss = /*#__PURE__*/(0, _react.css)("display:inline-block;width:fit-content;margin:0;font-weight:", _core.fonts.weight.semibold, ";", _core.fonts.sizes("26px", "36px"), ";;label:headingCss;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJsb2dQb3N0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5RHNCIiwiZmlsZSI6IkJsb2dQb3N0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuLyoqIEBqc3hJbXBvcnRTb3VyY2UgQGVtb3Rpb24vcmVhY3QgKi9cbmltcG9ydCBwYXJzZSBmcm9tIFwiaHRtbC1yZWFjdC1wYXJzZXJcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbWlzYywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgU2FmZUxpbmsgfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcbmltcG9ydCB7IEhlYWRpbmdMZXZlbCB9IGZyb20gXCJAbmRsYS90eXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBnZXRQb3NzaWJseVJlbGF0aXZlVXJsIH0gZnJvbSBcIi4uL3V0aWxzL3JlbGF0aXZlVXJsXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICBhdXRob3I/OiBzdHJpbmc7XG4gIHVybDogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHNpemU/OiBcIm5vcm1hbFwiIHwgXCJsYXJnZVwiO1xuICBtZXRhSW1hZ2U6IHtcbiAgICB1cmw6IHN0cmluZztcbiAgICBhbHQ6IHN0cmluZztcbiAgfTtcbiAgcGF0aD86IHN0cmluZztcbn1cblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFNhZmVMaW5rKWBcbiAgbWFyZ2luOiAwIDAgJHtzcGFjaW5nLm5vcm1hbH0gMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgZ2FwOiAke3NwYWNpbmcubnNtYWxsfTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcubm9ybWFsfSAke3NwYWNpbmcubWVkaXVtfTtcbiAgaGVpZ2h0OiAxMDAlO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIG1heC13aWR0aDogMzUwcHg7XG4gICAgJltkYXRhLXNpemU9XCJsYXJnZVwiXSB7XG4gICAgICBtYXgtd2lkdGg6IDUzMnB4O1xuICAgIH1cbiAgfVxuICAmOmhvdmVyLFxuICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgLmJsb2ctdGl0bGUge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nQ3NzID0gY3NzYFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgbWFyZ2luOiAwO1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICAke2ZvbnRzLnNpemVzKFwiMjZweFwiLCBcIjM2cHhcIil9O1xuYDtcblxuY29uc3QgQXV0aG9yQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgc3ZnIHtcbiAgICBjb2xvcjogcmdiYSg3OCwgODEsIDI0MiwgMSk7XG4gIH1cbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbmA7XG5cbmNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZC5pbWdgXG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBmbGV4OiAxO1xuICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgYm9yZGVyOiAwO1xuYDtcblxuY29uc3QgQmxvZ1Bvc3QgPSAoeyB0aXRsZSwgYXV0aG9yLCB1cmwsIG1ldGFJbWFnZSwgaGVhZGluZ0xldmVsOiBIZWFkaW5nID0gXCJoM1wiLCBzaXplID0gXCJub3JtYWxcIiwgcGF0aCB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IGhyZWYgPSBnZXRQb3NzaWJseVJlbGF0aXZlVXJsKHVybCwgcGF0aCk7XG4gIGNvbnN0IGltYWdlV2lkdGggPSBzaXplID09PSBcImxhcmdlXCIgPyA1MzIgOiAzNTA7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lciBkYXRhLXNpemU9e3NpemV9IHRvPXtocmVmfT5cbiAgICAgIDxIZWFkaW5nIGNsYXNzTmFtZT1cImJsb2ctdGl0bGVcIiBjc3M9e2hlYWRpbmdDc3N9PlxuICAgICAgICB7cGFyc2UodGl0bGUpfVxuICAgICAgPC9IZWFkaW5nPlxuICAgICAgPFN0eWxlZEltZyBzcmM9e2Ake21ldGFJbWFnZS51cmx9P3dpZHRoPSR7aW1hZ2VXaWR0aH1gfSBhbHQ9e21ldGFJbWFnZS5hbHR9IC8+XG4gICAgICB7ISFhdXRob3IgJiYgPEF1dGhvckNvbnRhaW5lciBhcmlhLWxhYmVsPXt0KFwiYXJ0aWNsZS53cml0dGVuQnlcIiwgeyBhdXRob3JzOiBhdXRob3IgfSl9PnthdXRob3J9PC9BdXRob3JDb250YWluZXI+fVxuICAgIDwvQ29udGFpbmVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQmxvZ1Bvc3Q7XG4iXX0= */"));
-const AuthorContainer = /*#__PURE__*/(0, _base.default)("div", {
-  target: "e19zpy301",
-  label: "AuthorContainer"
-})("display:flex;align-items:center;gap:", _core.spacing.xsmall, ";svg{color:rgba(78, 81, 242, 1);}text-transform:uppercase;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJsb2dQb3N0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRWtDIiwiZmlsZSI6IkJsb2dQb3N0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuLyoqIEBqc3hJbXBvcnRTb3VyY2UgQGVtb3Rpb24vcmVhY3QgKi9cbmltcG9ydCBwYXJzZSBmcm9tIFwiaHRtbC1yZWFjdC1wYXJzZXJcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbWlzYywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgU2FmZUxpbmsgfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcbmltcG9ydCB7IEhlYWRpbmdMZXZlbCB9IGZyb20gXCJAbmRsYS90eXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBnZXRQb3NzaWJseVJlbGF0aXZlVXJsIH0gZnJvbSBcIi4uL3V0aWxzL3JlbGF0aXZlVXJsXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICBhdXRob3I/OiBzdHJpbmc7XG4gIHVybDogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHNpemU/OiBcIm5vcm1hbFwiIHwgXCJsYXJnZVwiO1xuICBtZXRhSW1hZ2U6IHtcbiAgICB1cmw6IHN0cmluZztcbiAgICBhbHQ6IHN0cmluZztcbiAgfTtcbiAgcGF0aD86IHN0cmluZztcbn1cblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFNhZmVMaW5rKWBcbiAgbWFyZ2luOiAwIDAgJHtzcGFjaW5nLm5vcm1hbH0gMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgZ2FwOiAke3NwYWNpbmcubnNtYWxsfTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcubm9ybWFsfSAke3NwYWNpbmcubWVkaXVtfTtcbiAgaGVpZ2h0OiAxMDAlO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIG1heC13aWR0aDogMzUwcHg7XG4gICAgJltkYXRhLXNpemU9XCJsYXJnZVwiXSB7XG4gICAgICBtYXgtd2lkdGg6IDUzMnB4O1xuICAgIH1cbiAgfVxuICAmOmhvdmVyLFxuICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgLmJsb2ctdGl0bGUge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nQ3NzID0gY3NzYFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgbWFyZ2luOiAwO1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICAke2ZvbnRzLnNpemVzKFwiMjZweFwiLCBcIjM2cHhcIil9O1xuYDtcblxuY29uc3QgQXV0aG9yQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgc3ZnIHtcbiAgICBjb2xvcjogcmdiYSg3OCwgODEsIDI0MiwgMSk7XG4gIH1cbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbmA7XG5cbmNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZC5pbWdgXG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBmbGV4OiAxO1xuICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgYm9yZGVyOiAwO1xuYDtcblxuY29uc3QgQmxvZ1Bvc3QgPSAoeyB0aXRsZSwgYXV0aG9yLCB1cmwsIG1ldGFJbWFnZSwgaGVhZGluZ0xldmVsOiBIZWFkaW5nID0gXCJoM1wiLCBzaXplID0gXCJub3JtYWxcIiwgcGF0aCB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IGhyZWYgPSBnZXRQb3NzaWJseVJlbGF0aXZlVXJsKHVybCwgcGF0aCk7XG4gIGNvbnN0IGltYWdlV2lkdGggPSBzaXplID09PSBcImxhcmdlXCIgPyA1MzIgOiAzNTA7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lciBkYXRhLXNpemU9e3NpemV9IHRvPXtocmVmfT5cbiAgICAgIDxIZWFkaW5nIGNsYXNzTmFtZT1cImJsb2ctdGl0bGVcIiBjc3M9e2hlYWRpbmdDc3N9PlxuICAgICAgICB7cGFyc2UodGl0bGUpfVxuICAgICAgPC9IZWFkaW5nPlxuICAgICAgPFN0eWxlZEltZyBzcmM9e2Ake21ldGFJbWFnZS51cmx9P3dpZHRoPSR7aW1hZ2VXaWR0aH1gfSBhbHQ9e21ldGFJbWFnZS5hbHR9IC8+XG4gICAgICB7ISFhdXRob3IgJiYgPEF1dGhvckNvbnRhaW5lciBhcmlhLWxhYmVsPXt0KFwiYXJ0aWNsZS53cml0dGVuQnlcIiwgeyBhdXRob3JzOiBhdXRob3IgfSl9PnthdXRob3J9PC9BdXRob3JDb250YWluZXI+fVxuICAgIDwvQ29udGFpbmVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQmxvZ1Bvc3Q7XG4iXX0= */"));
-const StyledImg = /*#__PURE__*/(0, _base.default)("img", {
-  target: "e19zpy300",
-  label: "StyledImg"
-})("border-radius:", _core.misc.borderRadius, ";flex:1;object-fit:cover;width:100%;height:100%;border:0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJsb2dQb3N0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyRTRCIiwiZmlsZSI6IkJsb2dQb3N0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuLyoqIEBqc3hJbXBvcnRTb3VyY2UgQGVtb3Rpb24vcmVhY3QgKi9cbmltcG9ydCBwYXJzZSBmcm9tIFwiaHRtbC1yZWFjdC1wYXJzZXJcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbWlzYywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgU2FmZUxpbmsgfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcbmltcG9ydCB7IEhlYWRpbmdMZXZlbCB9IGZyb20gXCJAbmRsYS90eXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBnZXRQb3NzaWJseVJlbGF0aXZlVXJsIH0gZnJvbSBcIi4uL3V0aWxzL3JlbGF0aXZlVXJsXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICBhdXRob3I/OiBzdHJpbmc7XG4gIHVybDogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHNpemU/OiBcIm5vcm1hbFwiIHwgXCJsYXJnZVwiO1xuICBtZXRhSW1hZ2U6IHtcbiAgICB1cmw6IHN0cmluZztcbiAgICBhbHQ6IHN0cmluZztcbiAgfTtcbiAgcGF0aD86IHN0cmluZztcbn1cblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFNhZmVMaW5rKWBcbiAgbWFyZ2luOiAwIDAgJHtzcGFjaW5nLm5vcm1hbH0gMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgZ2FwOiAke3NwYWNpbmcubnNtYWxsfTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcubm9ybWFsfSAke3NwYWNpbmcubWVkaXVtfTtcbiAgaGVpZ2h0OiAxMDAlO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIG1heC13aWR0aDogMzUwcHg7XG4gICAgJltkYXRhLXNpemU9XCJsYXJnZVwiXSB7XG4gICAgICBtYXgtd2lkdGg6IDUzMnB4O1xuICAgIH1cbiAgfVxuICAmOmhvdmVyLFxuICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgLmJsb2ctdGl0bGUge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nQ3NzID0gY3NzYFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgbWFyZ2luOiAwO1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICAke2ZvbnRzLnNpemVzKFwiMjZweFwiLCBcIjM2cHhcIil9O1xuYDtcblxuY29uc3QgQXV0aG9yQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgc3ZnIHtcbiAgICBjb2xvcjogcmdiYSg3OCwgODEsIDI0MiwgMSk7XG4gIH1cbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbmA7XG5cbmNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZC5pbWdgXG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBmbGV4OiAxO1xuICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgYm9yZGVyOiAwO1xuYDtcblxuY29uc3QgQmxvZ1Bvc3QgPSAoeyB0aXRsZSwgYXV0aG9yLCB1cmwsIG1ldGFJbWFnZSwgaGVhZGluZ0xldmVsOiBIZWFkaW5nID0gXCJoM1wiLCBzaXplID0gXCJub3JtYWxcIiwgcGF0aCB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IGhyZWYgPSBnZXRQb3NzaWJseVJlbGF0aXZlVXJsKHVybCwgcGF0aCk7XG4gIGNvbnN0IGltYWdlV2lkdGggPSBzaXplID09PSBcImxhcmdlXCIgPyA1MzIgOiAzNTA7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lciBkYXRhLXNpemU9e3NpemV9IHRvPXtocmVmfT5cbiAgICAgIDxIZWFkaW5nIGNsYXNzTmFtZT1cImJsb2ctdGl0bGVcIiBjc3M9e2hlYWRpbmdDc3N9PlxuICAgICAgICB7cGFyc2UodGl0bGUpfVxuICAgICAgPC9IZWFkaW5nPlxuICAgICAgPFN0eWxlZEltZyBzcmM9e2Ake21ldGFJbWFnZS51cmx9P3dpZHRoPSR7aW1hZ2VXaWR0aH1gfSBhbHQ9e21ldGFJbWFnZS5hbHR9IC8+XG4gICAgICB7ISFhdXRob3IgJiYgPEF1dGhvckNvbnRhaW5lciBhcmlhLWxhYmVsPXt0KFwiYXJ0aWNsZS53cml0dGVuQnlcIiwgeyBhdXRob3JzOiBhdXRob3IgfSl9PnthdXRob3J9PC9BdXRob3JDb250YWluZXI+fVxuICAgIDwvQ29udGFpbmVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQmxvZ1Bvc3Q7XG4iXX0= */"));
+const Container = (0, _jsx2.styled)(_safelink.SafeLink, {
+  base: {
+    display: "flex",
+    flexDirection: "column",
+    color: "text.default",
+    backgroundColor: "background.default",
+    gap: "medium",
+    border: "1px solid",
+    borderColor: "stroke.subtle",
+    borderRadius: "xsmall",
+    transitionDuration: "fast",
+    transitionProperty: "background-color, border-color, max-width",
+    transitionTimingFunction: "default",
+    height: "100%",
+    "&:hover, &:focus-visible": {
+      borderColor: "stroke.hover",
+      backgroundColor: "surface.actionSubtle.hover",
+      "& h1, h2, h3, h4, h5, h6": {
+        textDecoration: "underline"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "normal"
+  },
+  variants: {
+    // TODO: Reconsider these sizes. Maybe they should match up with surface?
+    size: {
+      normal: {
+        paddingBlock: "medium",
+        paddingInline: "medium",
+        tabletWide: {
+          maxWidth: "350px"
+        }
+      },
+      large: {
+        paddingBlock: "xlarge",
+        paddingInline: "xxlarge",
+        tabletWide: {
+          maxWidth: "532px"
+        }
+      }
+    }
+  }
+},
+// TODO: Reconsider this once we handle SafeLink
+{
+  baseComponent: true
+});
+const AuthorContainer = (0, _jsx2.styled)("div", {
+  base: {
+    display: "flex",
+    alignItems: "center",
+    gap: "xsmall",
+    textTransform: "uppercase",
+    textStyle: "body.large"
+  }
+});
+const StyledImg = (0, _jsx2.styled)("img", {
+  base: {
+    borderRadius: "xsmall",
+    flex: "1",
+    objectFit: "cover",
+    width: "100%",
+    height: "100%",
+    border: "0"
+  }
+});
+const StyledHeading = (0, _jsx2.styled)(_primitives.Heading, {
+  base: {
+    display: "inline-block",
+    width: "fit-content"
+  }
+});
 const BlogPost = _ref => {
   let {
     title,
@@ -56,12 +112,17 @@ const BlogPost = _ref => {
   return (0, _jsxRuntime.jsxs)(Container, {
     "data-size": size,
     to: href,
-    children: [(0, _jsxRuntime.jsx)(Heading, {
+    size: size,
+    children: [(0, _jsxRuntime.jsx)(StyledHeading, {
       className: "blog-title",
-      css: headingCss,
-      children: (0, _htmlReactParser.default)(title)
+      asChild: true,
+      consumeCss: true,
+      textStyle: "title.large",
+      children: (0, _jsxRuntime.jsx)(Heading, {
+        children: (0, _htmlReactParser.default)(title)
+      })
     }), (0, _jsxRuntime.jsx)(StyledImg, {
-      src: "".concat(metaImage.url, "?width=").concat(imageWidth),
+      src: `${metaImage.url}?width=${imageWidth}`,
       alt: metaImage.alt
     }), !!author && (0, _jsxRuntime.jsx)(AuthorContainer, {
       "aria-label": t("article.writtenBy", {

package/lib/CampaignBlock/CampaignBlock.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { HeadingLevel } from "@ndla/typography";
+import { HeadingLevel } from "../types";
 interface Image {
     src: string;
     alt: string;
@@ -23,5 +23,5 @@ interface Props {
     className?: string;
     path?: string;
 }
-declare const CampaignBlock: ({ title, image, imageSide, description, headingLevel: Heading, url, path, className, }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const CampaignBlock: ({ title, image, imageSide, description, headingLevel: InternalHeading, url, path, className, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default CampaignBlock;

package/lib/CampaignBlock/CampaignBlock.js

@@ -4,101 +4,138 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _htmlReactParser = _interopRequireDefault(require("html-react-parser"));
-var _react = require("@emotion/react");
-var _core = require("@ndla/core");
 var _common = require("@ndla/icons/common");
+var _primitives = require("@ndla/primitives");
 var _safelink = require("@ndla/safelink");
+var _jsx2 = require("@ndla/styled-system/jsx");
 var _relativeUrl = require("../utils/relativeUrl");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; } /**
+/**
  * Copyright (c) 2023-present, NDLA.
  *
  * This source code is licensed under the GPLv3 license found in the
  * LICENSE file in the root directory of this source tree.
  *
- */ /** @jsxImportSource @emotion/react */
-const Container = /*#__PURE__*/(0, _base.default)("div", {
-  target: "eaovcyh4",
-  label: "Container"
-})("display:flex;flex-direction:column;gap:", _core.spacing.normal, ";border:1px ", _core.colors.brand.lighter, " solid;border-radius:", _core.misc.borderRadius, ";padding:", _core.spacing.normal, ";background-color:", _core.colors.white, ";&[data-image-side=\"right\"]{flex-direction:column-reverse;}", _core.mq.range({
-  from: _core.breakpoints.tabletWide
-}), "{max-width:1100px;flex-direction:row;&[data-image-side=\"right\"]{flex-direction:row-reverse;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhbXBhaWduQmxvY2sudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDNEIiLCJmaWxlIjoiQ2FtcGFpZ25CbG9jay50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbi8qKiBAanN4SW1wb3J0U291cmNlIEBlbW90aW9uL3JlYWN0ICovXG5pbXBvcnQgcGFyc2UgZnJvbSBcImh0bWwtcmVhY3QtcGFyc2VyXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIHNwYWNpbmcsIG1xLCBtaXNjIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IEZvcndhcmQgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQgeyBTYWZlTGluayB9IGZyb20gXCJAbmRsYS9zYWZlbGlua1wiO1xuaW1wb3J0IHsgSGVhZGluZ0xldmVsIH0gZnJvbSBcIkBuZGxhL3R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IGdldFBvc3NpYmx5UmVsYXRpdmVVcmwgfSBmcm9tIFwiLi4vdXRpbHMvcmVsYXRpdmVVcmxcIjtcblxuaW50ZXJmYWNlIEltYWdlIHtcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHVybDoge1xuICAgIHVybD86IHN0cmluZztcbiAgICB0ZXh0Pzogc3RyaW5nO1xuICB9O1xuICBpbWFnZT86IEltYWdlO1xuICBpbWFnZVNpZGU/OiBcImxlZnRcIiB8IFwicmlnaHRcIjtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBwYXRoPzogc3RyaW5nO1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBib3JkZXI6IDFweCAke2NvbG9ycy5icmFuZC5saWdodGVyfSBzb2xpZDtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gICZbZGF0YS1pbWFnZS1zaWRlPVwicmlnaHRcIl0ge1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW4tcmV2ZXJzZTtcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIG1heC13aWR0aDogMTEwMHB4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgJltkYXRhLWltYWdlLXNpZGU9XCJyaWdodFwiXSB7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogcm93LXJldmVyc2U7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nU3R5bGUgPSBjc3NgXG4gIG1hcmdpbjogMDtcbmA7XG5cbmNvbnN0IFN0eWxlZERlc2NyaXB0aW9uID0gc3R5bGVkLnBgXG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNlcmlmfTtcbiAgbWFyZ2luOiAke3NwYWNpbmcubm9ybWFsfSAwICR7c3BhY2luZy5tZWRpdW19O1xuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgYWxpZ24tc2VsZjogY2VudGVyO1xuICBvYmplY3QtZml0OiBjb250YWluO1xuYDtcblxuY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuYDtcblxuY29uc3QgVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBmbGV4LWdyb3c6IDE7XG5gO1xuXG5jb25zdCBDYW1wYWlnbkJsb2NrID0gKHtcbiAgdGl0bGUsXG4gIGltYWdlLFxuICBpbWFnZVNpZGUgPSBcImxlZnRcIixcbiAgZGVzY3JpcHRpb24sXG4gIGhlYWRpbmdMZXZlbDogSGVhZGluZyA9IFwiaDJcIixcbiAgdXJsLFxuICBwYXRoLFxuICBjbGFzc05hbWUsXG59OiBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGRhdGEtdHlwZT1cImNhbXBhaWduLWJsb2NrXCIgZGF0YS1pbWFnZS1zaWRlPXtpbWFnZVNpZGV9PlxuICAgICAge2ltYWdlICYmIDxTdHlsZWRJbWcgc3JjPXtgJHtpbWFnZS5zcmN9P3dpZHRoPTI0MGB9IGhlaWdodD17MjAwfSB3aWR0aD17MjQwfSBhbHQ9e2ltYWdlLmFsdH0gLz59XG4gICAgICA8VGV4dFdyYXBwZXI+XG4gICAgICAgIDxIZWFkaW5nIGNzcz17aGVhZGluZ1N0eWxlfT57cGFyc2UodGl0bGUpfTwvSGVhZGluZz5cbiAgICAgICAgPFN0eWxlZERlc2NyaXB0aW9uPntwYXJzZShkZXNjcmlwdGlvbil9PC9TdHlsZWREZXNjcmlwdGlvbj5cbiAgICAgICAgeyEhdXJsPy51cmwgJiYgKFxuICAgICAgICAgIDxTdHlsZWRMaW5rIHRvPXtnZXRQb3NzaWJseVJlbGF0aXZlVXJsKHVybC51cmwsIHBhdGgpfT5cbiAgICAgICAgICAgIHtwYXJzZSh1cmwudGV4dCA/PyBcIlwiKX1cbiAgICAgICAgICAgIDxGb3J3YXJkIC8+XG4gICAgICAgICAgPC9TdHlsZWRMaW5rPlxuICAgICAgICApfVxuICAgICAgPC9UZXh0V3JhcHBlcj5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENhbXBhaWduQmxvY2s7XG4iXX0= */"));
-const headingStyle = process.env.NODE_ENV === "production" ? {
-  name: "iu0jdc-headingStyle",
-  styles: "margin:0;label:headingStyle;"
-} : {
-  name: "iu0jdc-headingStyle",
-  styles: "margin:0;label:headingStyle;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhbXBhaWduQmxvY2sudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlEd0IiLCJmaWxlIjoiQ2FtcGFpZ25CbG9jay50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbi8qKiBAanN4SW1wb3J0U291cmNlIEBlbW90aW9uL3JlYWN0ICovXG5pbXBvcnQgcGFyc2UgZnJvbSBcImh0bWwtcmVhY3QtcGFyc2VyXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIHNwYWNpbmcsIG1xLCBtaXNjIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IEZvcndhcmQgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQgeyBTYWZlTGluayB9IGZyb20gXCJAbmRsYS9zYWZlbGlua1wiO1xuaW1wb3J0IHsgSGVhZGluZ0xldmVsIH0gZnJvbSBcIkBuZGxhL3R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IGdldFBvc3NpYmx5UmVsYXRpdmVVcmwgfSBmcm9tIFwiLi4vdXRpbHMvcmVsYXRpdmVVcmxcIjtcblxuaW50ZXJmYWNlIEltYWdlIHtcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHVybDoge1xuICAgIHVybD86IHN0cmluZztcbiAgICB0ZXh0Pzogc3RyaW5nO1xuICB9O1xuICBpbWFnZT86IEltYWdlO1xuICBpbWFnZVNpZGU/OiBcImxlZnRcIiB8IFwicmlnaHRcIjtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBwYXRoPzogc3RyaW5nO1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBib3JkZXI6IDFweCAke2NvbG9ycy5icmFuZC5saWdodGVyfSBzb2xpZDtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gICZbZGF0YS1pbWFnZS1zaWRlPVwicmlnaHRcIl0ge1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW4tcmV2ZXJzZTtcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIG1heC13aWR0aDogMTEwMHB4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgJltkYXRhLWltYWdlLXNpZGU9XCJyaWdodFwiXSB7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogcm93LXJldmVyc2U7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nU3R5bGUgPSBjc3NgXG4gIG1hcmdpbjogMDtcbmA7XG5cbmNvbnN0IFN0eWxlZERlc2NyaXB0aW9uID0gc3R5bGVkLnBgXG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNlcmlmfTtcbiAgbWFyZ2luOiAke3NwYWNpbmcubm9ybWFsfSAwICR7c3BhY2luZy5tZWRpdW19O1xuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgYWxpZ24tc2VsZjogY2VudGVyO1xuICBvYmplY3QtZml0OiBjb250YWluO1xuYDtcblxuY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuYDtcblxuY29uc3QgVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBmbGV4LWdyb3c6IDE7XG5gO1xuXG5jb25zdCBDYW1wYWlnbkJsb2NrID0gKHtcbiAgdGl0bGUsXG4gIGltYWdlLFxuICBpbWFnZVNpZGUgPSBcImxlZnRcIixcbiAgZGVzY3JpcHRpb24sXG4gIGhlYWRpbmdMZXZlbDogSGVhZGluZyA9IFwiaDJcIixcbiAgdXJsLFxuICBwYXRoLFxuICBjbGFzc05hbWUsXG59OiBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGRhdGEtdHlwZT1cImNhbXBhaWduLWJsb2NrXCIgZGF0YS1pbWFnZS1zaWRlPXtpbWFnZVNpZGV9PlxuICAgICAge2ltYWdlICYmIDxTdHlsZWRJbWcgc3JjPXtgJHtpbWFnZS5zcmN9P3dpZHRoPTI0MGB9IGhlaWdodD17MjAwfSB3aWR0aD17MjQwfSBhbHQ9e2ltYWdlLmFsdH0gLz59XG4gICAgICA8VGV4dFdyYXBwZXI+XG4gICAgICAgIDxIZWFkaW5nIGNzcz17aGVhZGluZ1N0eWxlfT57cGFyc2UodGl0bGUpfTwvSGVhZGluZz5cbiAgICAgICAgPFN0eWxlZERlc2NyaXB0aW9uPntwYXJzZShkZXNjcmlwdGlvbil9PC9TdHlsZWREZXNjcmlwdGlvbj5cbiAgICAgICAgeyEhdXJsPy51cmwgJiYgKFxuICAgICAgICAgIDxTdHlsZWRMaW5rIHRvPXtnZXRQb3NzaWJseVJlbGF0aXZlVXJsKHVybC51cmwsIHBhdGgpfT5cbiAgICAgICAgICAgIHtwYXJzZSh1cmwudGV4dCA/PyBcIlwiKX1cbiAgICAgICAgICAgIDxGb3J3YXJkIC8+XG4gICAgICAgICAgPC9TdHlsZWRMaW5rPlxuICAgICAgICApfVxuICAgICAgPC9UZXh0V3JhcHBlcj5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENhbXBhaWduQmxvY2s7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-const StyledDescription = /*#__PURE__*/(0, _base.default)("p", {
-  target: "eaovcyh3",
-  label: "StyledDescription"
-})("font-family:", _core.fonts.serif, ";margin:", _core.spacing.normal, " 0 ", _core.spacing.medium, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhbXBhaWduQmxvY2sudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZEa0MiLCJmaWxlIjoiQ2FtcGFpZ25CbG9jay50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbi8qKiBAanN4SW1wb3J0U291cmNlIEBlbW90aW9uL3JlYWN0ICovXG5pbXBvcnQgcGFyc2UgZnJvbSBcImh0bWwtcmVhY3QtcGFyc2VyXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIHNwYWNpbmcsIG1xLCBtaXNjIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IEZvcndhcmQgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQgeyBTYWZlTGluayB9IGZyb20gXCJAbmRsYS9zYWZlbGlua1wiO1xuaW1wb3J0IHsgSGVhZGluZ0xldmVsIH0gZnJvbSBcIkBuZGxhL3R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IGdldFBvc3NpYmx5UmVsYXRpdmVVcmwgfSBmcm9tIFwiLi4vdXRpbHMvcmVsYXRpdmVVcmxcIjtcblxuaW50ZXJmYWNlIEltYWdlIHtcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHVybDoge1xuICAgIHVybD86IHN0cmluZztcbiAgICB0ZXh0Pzogc3RyaW5nO1xuICB9O1xuICBpbWFnZT86IEltYWdlO1xuICBpbWFnZVNpZGU/OiBcImxlZnRcIiB8IFwicmlnaHRcIjtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBwYXRoPzogc3RyaW5nO1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBib3JkZXI6IDFweCAke2NvbG9ycy5icmFuZC5saWdodGVyfSBzb2xpZDtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gICZbZGF0YS1pbWFnZS1zaWRlPVwicmlnaHRcIl0ge1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW4tcmV2ZXJzZTtcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIG1heC13aWR0aDogMTEwMHB4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgJltkYXRhLWltYWdlLXNpZGU9XCJyaWdodFwiXSB7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogcm93LXJldmVyc2U7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nU3R5bGUgPSBjc3NgXG4gIG1hcmdpbjogMDtcbmA7XG5cbmNvbnN0IFN0eWxlZERlc2NyaXB0aW9uID0gc3R5bGVkLnBgXG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNlcmlmfTtcbiAgbWFyZ2luOiAke3NwYWNpbmcubm9ybWFsfSAwICR7c3BhY2luZy5tZWRpdW19O1xuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgYWxpZ24tc2VsZjogY2VudGVyO1xuICBvYmplY3QtZml0OiBjb250YWluO1xuYDtcblxuY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuYDtcblxuY29uc3QgVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBmbGV4LWdyb3c6IDE7XG5gO1xuXG5jb25zdCBDYW1wYWlnbkJsb2NrID0gKHtcbiAgdGl0bGUsXG4gIGltYWdlLFxuICBpbWFnZVNpZGUgPSBcImxlZnRcIixcbiAgZGVzY3JpcHRpb24sXG4gIGhlYWRpbmdMZXZlbDogSGVhZGluZyA9IFwiaDJcIixcbiAgdXJsLFxuICBwYXRoLFxuICBjbGFzc05hbWUsXG59OiBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGRhdGEtdHlwZT1cImNhbXBhaWduLWJsb2NrXCIgZGF0YS1pbWFnZS1zaWRlPXtpbWFnZVNpZGV9PlxuICAgICAge2ltYWdlICYmIDxTdHlsZWRJbWcgc3JjPXtgJHtpbWFnZS5zcmN9P3dpZHRoPTI0MGB9IGhlaWdodD17MjAwfSB3aWR0aD17MjQwfSBhbHQ9e2ltYWdlLmFsdH0gLz59XG4gICAgICA8VGV4dFdyYXBwZXI+XG4gICAgICAgIDxIZWFkaW5nIGNzcz17aGVhZGluZ1N0eWxlfT57cGFyc2UodGl0bGUpfTwvSGVhZGluZz5cbiAgICAgICAgPFN0eWxlZERlc2NyaXB0aW9uPntwYXJzZShkZXNjcmlwdGlvbil9PC9TdHlsZWREZXNjcmlwdGlvbj5cbiAgICAgICAgeyEhdXJsPy51cmwgJiYgKFxuICAgICAgICAgIDxTdHlsZWRMaW5rIHRvPXtnZXRQb3NzaWJseVJlbGF0aXZlVXJsKHVybC51cmwsIHBhdGgpfT5cbiAgICAgICAgICAgIHtwYXJzZSh1cmwudGV4dCA/PyBcIlwiKX1cbiAgICAgICAgICAgIDxGb3J3YXJkIC8+XG4gICAgICAgICAgPC9TdHlsZWRMaW5rPlxuICAgICAgICApfVxuICAgICAgPC9UZXh0V3JhcHBlcj5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENhbXBhaWduQmxvY2s7XG4iXX0= */"));
-const StyledImg = /*#__PURE__*/(0, _base.default)("img", {
-  target: "eaovcyh2",
-  label: "StyledImg"
-})(process.env.NODE_ENV === "production" ? {
-  name: "vf9pfp",
-  styles: "align-self:center;object-fit:contain"
-} : {
-  name: "vf9pfp",
-  styles: "align-self:center;object-fit:contain",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhbXBhaWduQmxvY2sudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtFNEIiLCJmaWxlIjoiQ2FtcGFpZ25CbG9jay50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbi8qKiBAanN4SW1wb3J0U291cmNlIEBlbW90aW9uL3JlYWN0ICovXG5pbXBvcnQgcGFyc2UgZnJvbSBcImh0bWwtcmVhY3QtcGFyc2VyXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIHNwYWNpbmcsIG1xLCBtaXNjIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IEZvcndhcmQgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQgeyBTYWZlTGluayB9IGZyb20gXCJAbmRsYS9zYWZlbGlua1wiO1xuaW1wb3J0IHsgSGVhZGluZ0xldmVsIH0gZnJvbSBcIkBuZGxhL3R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IGdldFBvc3NpYmx5UmVsYXRpdmVVcmwgfSBmcm9tIFwiLi4vdXRpbHMvcmVsYXRpdmVVcmxcIjtcblxuaW50ZXJmYWNlIEltYWdlIHtcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHVybDoge1xuICAgIHVybD86IHN0cmluZztcbiAgICB0ZXh0Pzogc3RyaW5nO1xuICB9O1xuICBpbWFnZT86IEltYWdlO1xuICBpbWFnZVNpZGU/OiBcImxlZnRcIiB8IFwicmlnaHRcIjtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBwYXRoPzogc3RyaW5nO1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBib3JkZXI6IDFweCAke2NvbG9ycy5icmFuZC5saWdodGVyfSBzb2xpZDtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gICZbZGF0YS1pbWFnZS1zaWRlPVwicmlnaHRcIl0ge1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW4tcmV2ZXJzZTtcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIG1heC13aWR0aDogMTEwMHB4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgJltkYXRhLWltYWdlLXNpZGU9XCJyaWdodFwiXSB7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogcm93LXJldmVyc2U7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nU3R5bGUgPSBjc3NgXG4gIG1hcmdpbjogMDtcbmA7XG5cbmNvbnN0IFN0eWxlZERlc2NyaXB0aW9uID0gc3R5bGVkLnBgXG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNlcmlmfTtcbiAgbWFyZ2luOiAke3NwYWNpbmcubm9ybWFsfSAwICR7c3BhY2luZy5tZWRpdW19O1xuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgYWxpZ24tc2VsZjogY2VudGVyO1xuICBvYmplY3QtZml0OiBjb250YWluO1xuYDtcblxuY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuYDtcblxuY29uc3QgVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBmbGV4LWdyb3c6IDE7XG5gO1xuXG5jb25zdCBDYW1wYWlnbkJsb2NrID0gKHtcbiAgdGl0bGUsXG4gIGltYWdlLFxuICBpbWFnZVNpZGUgPSBcImxlZnRcIixcbiAgZGVzY3JpcHRpb24sXG4gIGhlYWRpbmdMZXZlbDogSGVhZGluZyA9IFwiaDJcIixcbiAgdXJsLFxuICBwYXRoLFxuICBjbGFzc05hbWUsXG59OiBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGRhdGEtdHlwZT1cImNhbXBhaWduLWJsb2NrXCIgZGF0YS1pbWFnZS1zaWRlPXtpbWFnZVNpZGV9PlxuICAgICAge2ltYWdlICYmIDxTdHlsZWRJbWcgc3JjPXtgJHtpbWFnZS5zcmN9P3dpZHRoPTI0MGB9IGhlaWdodD17MjAwfSB3aWR0aD17MjQwfSBhbHQ9e2ltYWdlLmFsdH0gLz59XG4gICAgICA8VGV4dFdyYXBwZXI+XG4gICAgICAgIDxIZWFkaW5nIGNzcz17aGVhZGluZ1N0eWxlfT57cGFyc2UodGl0bGUpfTwvSGVhZGluZz5cbiAgICAgICAgPFN0eWxlZERlc2NyaXB0aW9uPntwYXJzZShkZXNjcmlwdGlvbil9PC9TdHlsZWREZXNjcmlwdGlvbj5cbiAgICAgICAgeyEhdXJsPy51cmwgJiYgKFxuICAgICAgICAgIDxTdHlsZWRMaW5rIHRvPXtnZXRQb3NzaWJseVJlbGF0aXZlVXJsKHVybC51cmwsIHBhdGgpfT5cbiAgICAgICAgICAgIHtwYXJzZSh1cmwudGV4dCA/PyBcIlwiKX1cbiAgICAgICAgICAgIDxGb3J3YXJkIC8+XG4gICAgICAgICAgPC9TdHlsZWRMaW5rPlxuICAgICAgICApfVxuICAgICAgPC9UZXh0V3JhcHBlcj5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENhbXBhaWduQmxvY2s7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+ */
+
+const Container = (0, _jsx2.styled)("div", {
+  base: {
+    display: "flex",
+    flexDirection: "column",
+    border: "1px solid",
+    borderColor: "stroke.default",
+    backgroundColor: "background.default",
+    borderRadius: "xsmall",
+    boxShadow: "full",
+    maxWidth: "surface.xsmall",
+    overflow: "hidden",
+    mobileWide: {
+      maxWidth: "surface.medium"
+    },
+    tabletWide: {
+      // TODO: This is probably not the correct max-width. And it should be a token
+      maxWidth: "1100px",
+      flexDirection: "row"
+    }
+  }
+});
+const LinkText = (0, _jsx2.styled)(_primitives.Text, {
+  base: {
+    display: "flex",
+    gap: "xxsmall",
+    textDecoration: "underline",
+    _hover: {
+      textDecoration: "none"
+    }
+  }
 });
-const StyledLink = /*#__PURE__*/(0, _base.default)(_safelink.SafeLink, {
-  target: "eaovcyh1",
-  label: "StyledLink"
-})("display:inline-flex;align-items:center;gap:", _core.spacing.xxsmall, ";color:", _core.colors.brand.primary, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhbXBhaWduQmxvY2sudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVFbUMiLCJmaWxlIjoiQ2FtcGFpZ25CbG9jay50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbi8qKiBAanN4SW1wb3J0U291cmNlIEBlbW90aW9uL3JlYWN0ICovXG5pbXBvcnQgcGFyc2UgZnJvbSBcImh0bWwtcmVhY3QtcGFyc2VyXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIHNwYWNpbmcsIG1xLCBtaXNjIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IEZvcndhcmQgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQgeyBTYWZlTGluayB9IGZyb20gXCJAbmRsYS9zYWZlbGlua1wiO1xuaW1wb3J0IHsgSGVhZGluZ0xldmVsIH0gZnJvbSBcIkBuZGxhL3R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IGdldFBvc3NpYmx5UmVsYXRpdmVVcmwgfSBmcm9tIFwiLi4vdXRpbHMvcmVsYXRpdmVVcmxcIjtcblxuaW50ZXJmYWNlIEltYWdlIHtcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHVybDoge1xuICAgIHVybD86IHN0cmluZztcbiAgICB0ZXh0Pzogc3RyaW5nO1xuICB9O1xuICBpbWFnZT86IEltYWdlO1xuICBpbWFnZVNpZGU/OiBcImxlZnRcIiB8IFwicmlnaHRcIjtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBwYXRoPzogc3RyaW5nO1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBib3JkZXI6IDFweCAke2NvbG9ycy5icmFuZC5saWdodGVyfSBzb2xpZDtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gICZbZGF0YS1pbWFnZS1zaWRlPVwicmlnaHRcIl0ge1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW4tcmV2ZXJzZTtcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIG1heC13aWR0aDogMTEwMHB4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgJltkYXRhLWltYWdlLXNpZGU9XCJyaWdodFwiXSB7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogcm93LXJldmVyc2U7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nU3R5bGUgPSBjc3NgXG4gIG1hcmdpbjogMDtcbmA7XG5cbmNvbnN0IFN0eWxlZERlc2NyaXB0aW9uID0gc3R5bGVkLnBgXG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNlcmlmfTtcbiAgbWFyZ2luOiAke3NwYWNpbmcubm9ybWFsfSAwICR7c3BhY2luZy5tZWRpdW19O1xuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgYWxpZ24tc2VsZjogY2VudGVyO1xuICBvYmplY3QtZml0OiBjb250YWluO1xuYDtcblxuY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuYDtcblxuY29uc3QgVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBmbGV4LWdyb3c6IDE7XG5gO1xuXG5jb25zdCBDYW1wYWlnbkJsb2NrID0gKHtcbiAgdGl0bGUsXG4gIGltYWdlLFxuICBpbWFnZVNpZGUgPSBcImxlZnRcIixcbiAgZGVzY3JpcHRpb24sXG4gIGhlYWRpbmdMZXZlbDogSGVhZGluZyA9IFwiaDJcIixcbiAgdXJsLFxuICBwYXRoLFxuICBjbGFzc05hbWUsXG59OiBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGRhdGEtdHlwZT1cImNhbXBhaWduLWJsb2NrXCIgZGF0YS1pbWFnZS1zaWRlPXtpbWFnZVNpZGV9PlxuICAgICAge2ltYWdlICYmIDxTdHlsZWRJbWcgc3JjPXtgJHtpbWFnZS5zcmN9P3dpZHRoPTI0MGB9IGhlaWdodD17MjAwfSB3aWR0aD17MjQwfSBhbHQ9e2ltYWdlLmFsdH0gLz59XG4gICAgICA8VGV4dFdyYXBwZXI+XG4gICAgICAgIDxIZWFkaW5nIGNzcz17aGVhZGluZ1N0eWxlfT57cGFyc2UodGl0bGUpfTwvSGVhZGluZz5cbiAgICAgICAgPFN0eWxlZERlc2NyaXB0aW9uPntwYXJzZShkZXNjcmlwdGlvbil9PC9TdHlsZWREZXNjcmlwdGlvbj5cbiAgICAgICAgeyEhdXJsPy51cmwgJiYgKFxuICAgICAgICAgIDxTdHlsZWRMaW5rIHRvPXtnZXRQb3NzaWJseVJlbGF0aXZlVXJsKHVybC51cmwsIHBhdGgpfT5cbiAgICAgICAgICAgIHtwYXJzZSh1cmwudGV4dCA/PyBcIlwiKX1cbiAgICAgICAgICAgIDxGb3J3YXJkIC8+XG4gICAgICAgICAgPC9TdHlsZWRMaW5rPlxuICAgICAgICApfVxuICAgICAgPC9UZXh0V3JhcHBlcj5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENhbXBhaWduQmxvY2s7XG4iXX0= */"));
-const TextWrapper = /*#__PURE__*/(0, _base.default)("div", {
-  target: "eaovcyh0",
-  label: "TextWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1ff36h2",
-  styles: "flex-grow:1"
-} : {
-  name: "1ff36h2",
-  styles: "flex-grow:1",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhbXBhaWduQmxvY2sudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThFOEIiLCJmaWxlIjoiQ2FtcGFpZ25CbG9jay50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbi8qKiBAanN4SW1wb3J0U291cmNlIEBlbW90aW9uL3JlYWN0ICovXG5pbXBvcnQgcGFyc2UgZnJvbSBcImh0bWwtcmVhY3QtcGFyc2VyXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIHNwYWNpbmcsIG1xLCBtaXNjIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IEZvcndhcmQgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQgeyBTYWZlTGluayB9IGZyb20gXCJAbmRsYS9zYWZlbGlua1wiO1xuaW1wb3J0IHsgSGVhZGluZ0xldmVsIH0gZnJvbSBcIkBuZGxhL3R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IGdldFBvc3NpYmx5UmVsYXRpdmVVcmwgfSBmcm9tIFwiLi4vdXRpbHMvcmVsYXRpdmVVcmxcIjtcblxuaW50ZXJmYWNlIEltYWdlIHtcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHVybDoge1xuICAgIHVybD86IHN0cmluZztcbiAgICB0ZXh0Pzogc3RyaW5nO1xuICB9O1xuICBpbWFnZT86IEltYWdlO1xuICBpbWFnZVNpZGU/OiBcImxlZnRcIiB8IFwicmlnaHRcIjtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBwYXRoPzogc3RyaW5nO1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBib3JkZXI6IDFweCAke2NvbG9ycy5icmFuZC5saWdodGVyfSBzb2xpZDtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gICZbZGF0YS1pbWFnZS1zaWRlPVwicmlnaHRcIl0ge1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW4tcmV2ZXJzZTtcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIG1heC13aWR0aDogMTEwMHB4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgJltkYXRhLWltYWdlLXNpZGU9XCJyaWdodFwiXSB7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogcm93LXJldmVyc2U7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nU3R5bGUgPSBjc3NgXG4gIG1hcmdpbjogMDtcbmA7XG5cbmNvbnN0IFN0eWxlZERlc2NyaXB0aW9uID0gc3R5bGVkLnBgXG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNlcmlmfTtcbiAgbWFyZ2luOiAke3NwYWNpbmcubm9ybWFsfSAwICR7c3BhY2luZy5tZWRpdW19O1xuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgYWxpZ24tc2VsZjogY2VudGVyO1xuICBvYmplY3QtZml0OiBjb250YWluO1xuYDtcblxuY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuYDtcblxuY29uc3QgVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBmbGV4LWdyb3c6IDE7XG5gO1xuXG5jb25zdCBDYW1wYWlnbkJsb2NrID0gKHtcbiAgdGl0bGUsXG4gIGltYWdlLFxuICBpbWFnZVNpZGUgPSBcImxlZnRcIixcbiAgZGVzY3JpcHRpb24sXG4gIGhlYWRpbmdMZXZlbDogSGVhZGluZyA9IFwiaDJcIixcbiAgdXJsLFxuICBwYXRoLFxuICBjbGFzc05hbWUsXG59OiBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGRhdGEtdHlwZT1cImNhbXBhaWduLWJsb2NrXCIgZGF0YS1pbWFnZS1zaWRlPXtpbWFnZVNpZGV9PlxuICAgICAge2ltYWdlICYmIDxTdHlsZWRJbWcgc3JjPXtgJHtpbWFnZS5zcmN9P3dpZHRoPTI0MGB9IGhlaWdodD17MjAwfSB3aWR0aD17MjQwfSBhbHQ9e2ltYWdlLmFsdH0gLz59XG4gICAgICA8VGV4dFdyYXBwZXI+XG4gICAgICAgIDxIZWFkaW5nIGNzcz17aGVhZGluZ1N0eWxlfT57cGFyc2UodGl0bGUpfTwvSGVhZGluZz5cbiAgICAgICAgPFN0eWxlZERlc2NyaXB0aW9uPntwYXJzZShkZXNjcmlwdGlvbil9PC9TdHlsZWREZXNjcmlwdGlvbj5cbiAgICAgICAgeyEhdXJsPy51cmwgJiYgKFxuICAgICAgICAgIDxTdHlsZWRMaW5rIHRvPXtnZXRQb3NzaWJseVJlbGF0aXZlVXJsKHVybC51cmwsIHBhdGgpfT5cbiAgICAgICAgICAgIHtwYXJzZSh1cmwudGV4dCA/PyBcIlwiKX1cbiAgICAgICAgICAgIDxGb3J3YXJkIC8+XG4gICAgICAgICAgPC9TdHlsZWRMaW5rPlxuICAgICAgICApfVxuICAgICAgPC9UZXh0V3JhcHBlcj5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENhbXBhaWduQmxvY2s7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+const StyledImg = (0, _jsx2.styled)("img", {
+  base: {
+    alignSelf: "center",
+    objectFit: "cover",
+    width: "100%",
+    height: "215px",
+    desktop: {
+      height: "340px"
+    }
+  }
 });
-const CampaignBlock = _ref => {
-  var _url$text;
+const ContentWrapper = (0, _jsx2.styled)("div", {
+  base: {
+    width: "100%",
+    position: "relative",
+    display: "flex",
+    flexDirection: "column",
+    gap: "xsmall",
+    alignItems: "flex-start",
+    paddingBlock: "medium",
+    paddingInline: "medium"
+  }
+});
+const StyledSafeLink = (0, _jsx2.styled)(_safelink.SafeLink, {
+  base: {
+    color: "inherit"
+  }
+});
+const MaybeLinkText = _ref => {
+  let {
+    url,
+    children,
+    path
+  } = _ref;
+  if (url) return (0, _jsxRuntime.jsx)(StyledSafeLink, {
+    to: (0, _relativeUrl.getPossiblyRelativeUrl)(url, path),
+    children: children
+  });
+  return children;
+};
+const CampaignBlock = _ref2 => {
   let {
     title,
     image,
     imageSide = "left",
     description,
-    headingLevel: Heading = "h2",
+    headingLevel: InternalHeading = "h2",
     url,
     path,
     className
-  } = _ref;
+  } = _ref2;
+  const imageComponent = image && (0, _jsxRuntime.jsx)(StyledImg, {
+    src: `${image.src}?width=455`,
+    height: 340,
+    width: 455,
+    alt: image.alt
+  });
+  const HeaderComponent = url?.url ? LinkText : _primitives.Text;
   return (0, _jsxRuntime.jsxs)(Container, {
     className: className,
     "data-type": "campaign-block",
-    "data-image-side": imageSide,
-    children: [image && (0, _jsxRuntime.jsx)(StyledImg, {
-      src: "".concat(image.src, "?width=240"),
-      height: 200,
-      width: 240,
-      alt: image.alt
-    }), (0, _jsxRuntime.jsxs)(TextWrapper, {
-      children: [(0, _jsxRuntime.jsx)(Heading, {
-        css: headingStyle,
-        children: (0, _htmlReactParser.default)(title)
-      }), (0, _jsxRuntime.jsx)(StyledDescription, {
+    children: [imageSide === "left" && imageComponent, (0, _jsxRuntime.jsxs)(ContentWrapper, {
+      children: [(0, _jsxRuntime.jsx)(MaybeLinkText, {
+        url: url?.url,
+        path: path,
+        children: (0, _jsxRuntime.jsx)(HeaderComponent, {
+          asChild: true,
+          consumeCss: true,
+          textStyle: "heading.small",
+          children: (0, _jsxRuntime.jsx)(InternalHeading, {
+            children: (0, _htmlReactParser.default)(title)
+          })
+        })
+      }), (0, _jsxRuntime.jsx)(_primitives.Text, {
+        textStyle: "body.large",
         children: (0, _htmlReactParser.default)(description)
-      }), !!(url !== null && url !== void 0 && url.url) && (0, _jsxRuntime.jsxs)(StyledLink, {
-        to: (0, _relativeUrl.getPossiblyRelativeUrl)(url.url, path),
-        children: [(0, _htmlReactParser.default)((_url$text = url.text) !== null && _url$text !== void 0 ? _url$text : ""), (0, _jsxRuntime.jsx)(_common.Forward, {})]
+      }), !!url?.url && (0, _jsxRuntime.jsx)(MaybeLinkText, {
+        url: url.url,
+        path: path,
+        children: (0, _jsxRuntime.jsxs)(LinkText, {
+          textStyle: "body.medium",
+          children: [(0, _htmlReactParser.default)(url.text ?? ""), (0, _jsxRuntime.jsx)(_common.Forward, {})]
+        })
       })]
-    })]
+    }), imageSide !== "left" && imageComponent]
   });
 };
 var _default = exports.default = CampaignBlock;

package/lib/CodeBlock/CodeBlock.d.ts

@@ -5,14 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { ReactNode } from "react";
-type Props = {
-    code: string;
+import { type ComponentPropsWithRef } from "react";
+import { type JsxStyleProps } from "@ndla/styled-system/types";
+interface Props extends JsxStyleProps, ComponentPropsWithRef<"pre"> {
     highlightedCode: string;
     format: string;
-    title?: string | null;
-    actionButton?: ReactNode;
-    showCopy?: boolean;
-};
-export declare const Codeblock: ({ actionButton, code, highlightedCode, format, showCopy, title }: Props) => import("react/jsx-runtime").JSX.Element;
+}
+export declare const Codeblock: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLPreElement>>;
 export default Codeblock;