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

package/lib/Embed/IframeEmbed.d.ts

@@ -8,7 +8,6 @@
 import { IframeMetaData } from "@ndla/types-embed";
 interface Props {
     embed: IframeMetaData;
-    isConcept?: boolean;
 }
-declare const IframeEmbed: ({ embed, isConcept }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const IframeEmbed: ({ embed }: Props) => import("react/jsx-runtime").JSX.Element;
 export default IframeEmbed;

package/lib/Embed/IframeEmbed.js

@@ -6,8 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("react");
 var _reactI18next = require("react-i18next");
+var _primitives = require("@ndla/primitives");
+var _jsx2 = require("@ndla/styled-system/jsx");
 var _EmbedErrorPlaceholder = _interopRequireDefault(require("./EmbedErrorPlaceholder"));
-var _Figure = require("../Figure");
 var _ResourceBox = require("../ResourceBox");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -19,10 +20,14 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  *
  */
 
+const StyledIframe = (0, _jsx2.styled)("iframe", {
+  base: {
+    width: "100%"
+  }
+});
 const IframeEmbed = _ref => {
   let {
-    embed,
-    isConcept
+    embed
   } = _ref;
   const {
     t
@@ -32,7 +37,7 @@ const IframeEmbed = _ref => {
     const iframe = iframeRef.current;
     if (iframe) {
       const [width, height] = [Number.parseInt(iframe.width), Number.parseInt(iframe.height)];
-      iframe.style.aspectRatio = "".concat(width ? width : 16, "/").concat(height ? height : 9);
+      iframe.style.aspectRatio = `${width ? width : 16}/${height ? height : 9}`;
       iframe.width = "";
       iframe.height = "";
     }
@@ -47,20 +52,18 @@ const IframeEmbed = _ref => {
     data
   } = embed;
   if (embedData.type === "fullscreen") {
-    var _iframeImage$image$im, _embedData$title, _embedData$caption;
     const iframeImage = embed.status === "success" ? data.iframeImage : undefined;
-    const alt = embedData.alt !== undefined ? embedData.alt : iframeImage === null || iframeImage === void 0 ? void 0 : iframeImage.alttext.alttext;
+    const alt = embedData.alt !== undefined ? embedData.alt : iframeImage?.alttext.alttext;
     const image = {
-      src: (_iframeImage$image$im = iframeImage === null || iframeImage === void 0 ? void 0 : iframeImage.image.imageUrl) !== null && _iframeImage$image$im !== void 0 ? _iframeImage$image$im : "",
-      alt: alt !== null && alt !== void 0 ? alt : ""
+      src: iframeImage?.image.imageUrl ?? "",
+      alt: alt ?? ""
     };
-    return (0, _jsxRuntime.jsx)(_Figure.Figure, {
-      type: "full",
+    return (0, _jsxRuntime.jsx)(_primitives.Figure, {
       children: (0, _jsxRuntime.jsx)(_ResourceBox.ResourceBox, {
         image: image,
-        title: (_embedData$title = embedData.title) !== null && _embedData$title !== void 0 ? _embedData$title : "",
+        title: embedData.title ?? "",
         url: embedData.url,
-        caption: (_embedData$caption = embedData.caption) !== null && _embedData$caption !== void 0 ? _embedData$caption : "",
+        caption: embedData.caption ?? "",
         buttonText: t("license.other.itemImage.ariaLabel")
       })
     });
@@ -71,12 +74,11 @@ const IframeEmbed = _ref => {
     title,
     url
   } = embedData;
-  const strippedWidth = typeof width === "number" ? width : width === null || width === void 0 ? void 0 : width.replace(/\s*px/, "");
-  const strippedHeight = typeof height === "number" ? height : height === null || height === void 0 ? void 0 : height.replace(/\s*px/, "");
+  const strippedWidth = typeof width === "number" ? width : width?.replace(/\s*px/, "");
+  const strippedHeight = typeof height === "number" ? height : height?.replace(/\s*px/, "");
   const urlOrTitle = title || url;
-  return (0, _jsxRuntime.jsx)(_Figure.Figure, {
-    type: isConcept ? "full-column" : undefined,
-    children: (0, _jsxRuntime.jsx)("iframe", {
+  return (0, _jsxRuntime.jsx)(_primitives.Figure, {
+    children: (0, _jsxRuntime.jsx)(StyledIframe, {
       ref: iframeRef,
       title: urlOrTitle,
       "aria-label": urlOrTitle,

package/lib/Embed/ImageEmbed.d.ts

@@ -11,7 +11,6 @@ import { RenderContext } from "./types";
 interface Props {
     embed: ImageMetaData;
     previewAlt?: boolean;
-    inGrid?: boolean;
     lang?: string;
     renderContext?: RenderContext;
     children?: ReactNode;
@@ -40,5 +39,5 @@ export declare const getCrop: (data: ImageEmbedData) => {
     endX: number;
     endY: number;
 } | undefined;
-declare const ImageEmbed: ({ embed, previewAlt, inGrid, lang, renderContext, children }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const ImageEmbed: ({ embed, previewAlt, lang, renderContext, children }: Props) => import("react/jsx-runtime").JSX.Element;
 export default ImageEmbed;

package/lib/Embed/ImageEmbed.js

@@ -4,17 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getLicenseCredits = exports.getFocalPoint = exports.getCrop = exports.errorSvgSrc = exports.default = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _htmlReactParser = _interopRequireDefault(require("html-react-parser"));
 var _react = require("react");
 var _reactI18next = require("react-i18next");
-var _core = require("@ndla/core");
 var _action = require("@ndla/icons/action");
 var _common = require("@ndla/icons/common");
-var _licenses = require("@ndla/licenses");
+var _primitives = require("@ndla/primitives");
+var _jsx2 = require("@ndla/styled-system/jsx");
 var _EmbedErrorPlaceholder = _interopRequireDefault(require("./EmbedErrorPlaceholder"));
-var _Figure = require("../Figure");
-var _Image = _interopRequireDefault(require("../Image"));
 var _LicenseByline = require("../LicenseByline");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -26,31 +23,23 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  *
  */
 
-/** @jsxImportSource @emotion/react */
-
 const getLicenseCredits = copyright => {
-  var _copyright$creators, _copyright$rightshold, _copyright$processors;
   return {
-    creators: (_copyright$creators = copyright === null || copyright === void 0 ? void 0 : copyright.creators) !== null && _copyright$creators !== void 0 ? _copyright$creators : [],
-    rightsholders: (_copyright$rightshold = copyright === null || copyright === void 0 ? void 0 : copyright.rightsholders) !== null && _copyright$rightshold !== void 0 ? _copyright$rightshold : [],
-    processors: (_copyright$processors = copyright === null || copyright === void 0 ? void 0 : copyright.processors) !== null && _copyright$processors !== void 0 ? _copyright$processors : []
+    creators: copyright?.creators ?? [],
+    rightsholders: copyright?.rightsholders ?? [],
+    processors: copyright?.processors ?? []
   };
 };
 exports.getLicenseCredits = getLicenseCredits;
-const errorSvgSrc = exports.errorSvgSrc = "data:image/svg+xml;charset=UTF-8,%3Csvg fill='%238A8888' height='400' viewBox='0 0 24 12' width='100%25' xmlns='http://www.w3.org/2000/svg' style='background-color: %23EFF0F2'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath transform='scale(0.3) translate(28, 8.5)' d='M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z'/%3E%3C/svg%3E";
-const isSmall = size => size === "xsmall" || size === "small";
-const isAlign = align => align === "left" || align === "right";
-const getFigureType = (size, align) => {
-  if (size && isSmall(size) && align && isAlign(align)) {
-    return "".concat(size, "-").concat(align);
-  }
-  if (size && isSmall(size) && !align) {
-    return size;
-  }
-  if (align && isAlign(align)) {
-    return align;
-  }
-  return "full";
+const errorSvgSrc = exports.errorSvgSrc = `data:image/svg+xml;charset=UTF-8,%3Csvg fill='%238A8888' height='400' viewBox='0 0 24 12' width='100%25' xmlns='http://www.w3.org/2000/svg' style='background-color: %23EFF0F2'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath transform='scale(0.3) translate(28, 8.5)' d='M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z'/%3E%3C/svg%3E`;
+const getFigureProps = (size, float) => {
+  const actualFloat = float === "left" ? "left" : float === "right" ? "right" : undefined;
+  const replacedSize = size?.replace("-hide-byline", "") ?? "full";
+  return {
+    float: actualFloat,
+    // Figure expects you to set a size when floating. If you don't, the figure will simply take up the available width. Fallback to medium in those cases.
+    size: replacedSize === "full" && float ? "medium" : replacedSize
+  };
 };
 const getSizes = (size, align) => {
   if (align && size === "full") {
@@ -65,9 +54,8 @@ const getSizes = (size, align) => {
   return "(min-width: 1024px) 1024px, 100vw";
 };
 const getFocalPoint = data => {
-  var _data$focalX, _data$focalY;
-  const focalX = Number.parseFloat((_data$focalX = data.focalX) !== null && _data$focalX !== void 0 ? _data$focalX : "");
-  const focalY = Number.parseFloat((_data$focalY = data.focalY) !== null && _data$focalY !== void 0 ? _data$focalY : "");
+  const focalX = Number.parseFloat(data.focalX ?? "");
+  const focalY = Number.parseFloat(data.focalY ?? "");
   if (!Number.isNaN(focalX) && !Number.isNaN(focalY)) {
     return {
       x: focalX,
@@ -78,11 +66,10 @@ const getFocalPoint = data => {
 };
 exports.getFocalPoint = getFocalPoint;
 const getCrop = data => {
-  var _data$lowerRightX, _data$lowerRightY, _data$upperLeftX, _data$upperLeftY;
-  const lowerRightX = Number.parseFloat((_data$lowerRightX = data.lowerRightX) !== null && _data$lowerRightX !== void 0 ? _data$lowerRightX : "");
-  const lowerRightY = Number.parseFloat((_data$lowerRightY = data.lowerRightY) !== null && _data$lowerRightY !== void 0 ? _data$lowerRightY : "");
-  const upperLeftX = Number.parseFloat((_data$upperLeftX = data.upperLeftX) !== null && _data$upperLeftX !== void 0 ? _data$upperLeftX : "");
-  const upperLeftY = Number.parseFloat((_data$upperLeftY = data.upperLeftY) !== null && _data$upperLeftY !== void 0 ? _data$upperLeftY : "");
+  const lowerRightX = Number.parseFloat(data.lowerRightX ?? "");
+  const lowerRightY = Number.parseFloat(data.lowerRightY ?? "");
+  const upperLeftX = Number.parseFloat(data.upperLeftX ?? "");
+  const upperLeftY = Number.parseFloat(data.upperLeftY ?? "");
   if (!Number.isNaN(lowerRightX) && !Number.isNaN(lowerRightY) && !Number.isNaN(upperLeftX) && !Number.isNaN(upperLeftY)) {
     return {
       startX: lowerRightX,
@@ -95,26 +82,133 @@ const getCrop = data => {
 };
 exports.getCrop = getCrop;
 const expandedSizes = "(min-width: 1024px) 1024px, 100vw";
-const StyledFigure = /*#__PURE__*/(0, _base.default)(_Figure.Figure, {
-  target: "ened8ka2",
-  label: "StyledFigure"
-})("&:hover{[data-byline-button]{background:", _core.colors.white, ";}button[data-expanded]{transform:scale(1.2);}}button[data-expanded=\"true\"]{svg{transform:rotate(-45deg);}}&[data-float=\"right\"]{float:right;}&[data-float=\"left\"]{float:left;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkltYWdlRW1iZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlIbUMiLCJmaWxlIjoiSW1hZ2VFbWJlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbi8qKiBAanN4SW1wb3J0U291cmNlIEBlbW90aW9uL3JlYWN0ICovXG5pbXBvcnQgcGFyc2UgZnJvbSBcImh0bWwtcmVhY3QtcGFyc2VyXCI7XG5pbXBvcnQgeyBNb3VzZUV2ZW50SGFuZGxlciwgUmVhY3ROb2RlLCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjb2xvcnMsIG1pc2MsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgUGx1cyB9IGZyb20gXCJAbmRsYS9pY29ucy9hY3Rpb25cIjtcbmltcG9ydCB7IENoZXZyb25Eb3duLCBDaGV2cm9uVXAgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQgeyBDT1BZUklHSFRFRCB9IGZyb20gXCJAbmRsYS9saWNlbnNlc1wiO1xuaW1wb3J0IHsgSW1hZ2VFbWJlZERhdGEsIEltYWdlTWV0YURhdGEgfSBmcm9tIFwiQG5kbGEvdHlwZXMtZW1iZWRcIjtcbmltcG9ydCBFbWJlZEVycm9yUGxhY2Vob2xkZXIgZnJvbSBcIi4vRW1iZWRFcnJvclBsYWNlaG9sZGVyXCI7XG5pbXBvcnQgeyBSZW5kZXJDb250ZXh0IH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCB7IEZpZ3VyZSwgRmlndXJlVHlwZSB9IGZyb20gXCIuLi9GaWd1cmVcIjtcbmltcG9ydCBJbWFnZSBmcm9tIFwiLi4vSW1hZ2VcIjtcbmltcG9ydCB7IEVtYmVkQnlsaW5lIH0gZnJvbSBcIi4uL0xpY2Vuc2VCeWxpbmVcIjtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgZW1iZWQ6IEltYWdlTWV0YURhdGE7XG4gIHByZXZpZXdBbHQ/OiBib29sZWFuO1xuICBpbkdyaWQ/OiBib29sZWFuO1xuICBsYW5nPzogc3RyaW5nO1xuICByZW5kZXJDb250ZXh0PzogUmVuZGVyQ29udGV4dDtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgQXV0aG9yIHtcbiAgbmFtZTogc3RyaW5nO1xuICB0eXBlOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBnZXRMaWNlbnNlQ3JlZGl0cyA9IChjb3B5cmlnaHQ/OiB7XG4gIGNyZWF0b3JzPzogQXV0aG9yW107XG4gIHJpZ2h0c2hvbGRlcnM/OiBBdXRob3JbXTtcbiAgcHJvY2Vzc29ycz86IEF1dGhvcltdO1xufSkgPT4ge1xuICByZXR1cm4ge1xuICAgIGNyZWF0b3JzOiBjb3B5cmlnaHQ/LmNyZWF0b3JzID8/IFtdLFxuICAgIHJpZ2h0c2hvbGRlcnM6IGNvcHlyaWdodD8ucmlnaHRzaG9sZGVycyA/PyBbXSxcbiAgICBwcm9jZXNzb3JzOiBjb3B5cmlnaHQ/LnByb2Nlc3NvcnMgPz8gW10sXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgZXJyb3JTdmdTcmMgPSBgZGF0YTppbWFnZS9zdmcreG1sO2NoYXJzZXQ9VVRGLTgsJTNDc3ZnIGZpbGw9JyUyMzhBODg4OCcgaGVpZ2h0PSc0MDAnIHZpZXdCb3g9JzAgMCAyNCAxMicgd2lkdGg9JzEwMCUyNScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyBzdHlsZT0nYmFja2dyb3VuZC1jb2xvcjogJTIzRUZGMEYyJyUzRSUzQ3BhdGggZD0nTTAgMGgyNHYyNEgwVjB6JyBmaWxsPSdub25lJy8lM0UlM0NwYXRoIHRyYW5zZm9ybT0nc2NhbGUoMC4zKSB0cmFuc2xhdGUoMjgsIDguNSknIGQ9J00xMSAxNWgydjJoLTJ6bTAtOGgydjZoLTJ6bS45OS01QzYuNDcgMiAyIDYuNDggMiAxMnM0LjQ3IDEwIDkuOTkgMTBDMTcuNTIgMjIgMjIgMTcuNTIgMjIgMTJTMTcuNTIgMiAxMS45OSAyek0xMiAyMGMtNC40MiAwLTgtMy41OC04LThzMy41OC04IDgtOCA4IDMuNTggOCA4LTMuNTggOC04IDh6Jy8lM0UlM0Mvc3ZnJTNFYDtcbmNvbnN0IGlzU21hbGwgPSAoc2l6ZT86IHN0cmluZyk6IHNpemUgaXMgXCJ4c21hbGxcIiB8IFwic21hbGxcIiA9PiBzaXplID09PSBcInhzbWFsbFwiIHx8IHNpemUgPT09IFwic21hbGxcIjtcblxuY29uc3QgaXNBbGlnbiA9IChhbGlnbj86IHN0cmluZyk6IGFsaWduIGlzIFwibGVmdFwiIHwgXCJyaWdodFwiID0+IGFsaWduID09PSBcImxlZnRcIiB8fCBhbGlnbiA9PT0gXCJyaWdodFwiO1xuXG5jb25zdCBnZXRGaWd1cmVUeXBlID0gKHNpemU/OiBzdHJpbmcsIGFsaWduPzogc3RyaW5nKTogRmlndXJlVHlwZSA9PiB7XG4gIGlmIChzaXplICYmIGlzU21hbGwoc2l6ZSkgJiYgYWxpZ24gJiYgaXNBbGlnbihhbGlnbikpIHtcbiAgICByZXR1cm4gYCR7c2l6ZX0tJHthbGlnbn1gO1xuICB9XG4gIGlmIChzaXplICYmIGlzU21hbGwoc2l6ZSkgJiYgIWFsaWduKSB7XG4gICAgcmV0dXJuIHNpemUgYXMgRmlndXJlVHlwZTtcbiAgfVxuICBpZiAoYWxpZ24gJiYgaXNBbGlnbihhbGlnbikpIHtcbiAgICByZXR1cm4gYWxpZ247XG4gIH1cbiAgcmV0dXJuIFwiZnVsbFwiO1xufTtcblxuY29uc3QgZ2V0U2l6ZXMgPSAoc2l6ZT86IHN0cmluZywgYWxpZ24/OiBzdHJpbmcpID0+IHtcbiAgaWYgKGFsaWduICYmIHNpemUgPT09IFwiZnVsbFwiKSB7XG4gICAgcmV0dXJuIFwiKG1pbi13aWR0aDogMTAyNHB4KSA1MTJweCwgKG1pbi13aWR0aDogNzY4cHgpIDM1MHB4LCAxMDB2d1wiO1xuICB9XG4gIGlmIChhbGlnbiAmJiBzaXplID09PSBcInNtYWxsXCIpIHtcbiAgICByZXR1cm4gXCIobWluLXdpZHRoOiAxMDI0cHgpIDM1MHB4LCAobWluLXdpZHRoOiA3NjhweCkgMTgwcHgsIDEwMHZ3XCI7XG4gIH1cbiAgaWYgKGFsaWduICYmIHNpemUgPT09IFwieHNtYWxsXCIpIHtcbiAgICByZXR1cm4gXCIobWluLXdpZHRoOiAxMDI0cHgpIDE4MHB4LCAobWluLXdpZHRoOiA3NjhweCkgMTgwcHgsIDEwMHZ3XCI7XG4gIH1cbiAgcmV0dXJuIFwiKG1pbi13aWR0aDogMTAyNHB4KSAxMDI0cHgsIDEwMHZ3XCI7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0Rm9jYWxQb2ludCA9IChkYXRhOiBJbWFnZUVtYmVkRGF0YSkgPT4ge1xuICBjb25zdCBmb2NhbFggPSBOdW1iZXIucGFyc2VGbG9hdChkYXRhLmZvY2FsWCA/PyBcIlwiKTtcbiAgY29uc3QgZm9jYWxZID0gTnVtYmVyLnBhcnNlRmxvYXQoZGF0YS5mb2NhbFkgPz8gXCJcIik7XG4gIGlmICghTnVtYmVyLmlzTmFOKGZvY2FsWCkgJiYgIU51bWJlci5pc05hTihmb2NhbFkpKSB7XG4gICAgcmV0dXJuIHsgeDogZm9jYWxYLCB5OiBmb2NhbFkgfTtcbiAgfVxuICByZXR1cm4gdW5kZWZpbmVkO1xufTtcblxuZXhwb3J0IGNvbnN0IGdldENyb3AgPSAoZGF0YTogSW1hZ2VFbWJlZERhdGEpID0+IHtcbiAgY29uc3QgbG93ZXJSaWdodFggPSBOdW1iZXIucGFyc2VGbG9hdChkYXRhLmxvd2VyUmlnaHRYID8/IFwiXCIpO1xuICBjb25zdCBsb3dlclJpZ2h0WSA9IE51bWJlci5wYXJzZUZsb2F0KGRhdGEubG93ZXJSaWdodFkgPz8gXCJcIik7XG4gIGNvbnN0IHVwcGVyTGVmdFggPSBOdW1iZXIucGFyc2VGbG9hdChkYXRhLnVwcGVyTGVmdFggPz8gXCJcIik7XG4gIGNvbnN0IHVwcGVyTGVmdFkgPSBOdW1iZXIucGFyc2VGbG9hdChkYXRhLnVwcGVyTGVmdFkgPz8gXCJcIik7XG4gIGlmIChcbiAgICAhTnVtYmVyLmlzTmFOKGxvd2VyUmlnaHRYKSAmJlxuICAgICFOdW1iZXIuaXNOYU4obG93ZXJSaWdodFkpICYmXG4gICAgIU51bWJlci5pc05hTih1cHBlckxlZnRYKSAmJlxuICAgICFOdW1iZXIuaXNOYU4odXBwZXJMZWZ0WSlcbiAgKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIHN0YXJ0WDogbG93ZXJSaWdodFgsXG4gICAgICBzdGFydFk6IGxvd2VyUmlnaHRZLFxuICAgICAgZW5kWDogdXBwZXJMZWZ0WCxcbiAgICAgIGVuZFk6IHVwcGVyTGVmdFksXG4gICAgfTtcbiAgfVxuICByZXR1cm4gdW5kZWZpbmVkO1xufTtcblxuY29uc3QgZXhwYW5kZWRTaXplcyA9IFwiKG1pbi13aWR0aDogMTAyNHB4KSAxMDI0cHgsIDEwMHZ3XCI7XG5cbmNvbnN0IFN0eWxlZEZpZ3VyZSA9IHN0eWxlZChGaWd1cmUpYFxuICAmOmhvdmVyIHtcbiAgICBbZGF0YS1ieWxpbmUtYnV0dG9uXSB7XG4gICAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy53aGl0ZX07XG4gICAgfVxuICAgIGJ1dHRvbltkYXRhLWV4cGFuZGVkXSB7XG4gICAgICB0cmFuc2Zvcm06IHNjYWxlKDEuMik7XG4gICAgfVxuICB9XG4gIGJ1dHRvbltkYXRhLWV4cGFuZGVkPVwidHJ1ZVwiXSB7XG4gICAgc3ZnIHtcbiAgICAgIHRyYW5zZm9ybTogcm90YXRlKC00NWRlZyk7XG4gICAgfVxuICB9XG4gICZbZGF0YS1mbG9hdD1cInJpZ2h0XCJdIHtcbiAgICBmbG9hdDogcmlnaHQ7XG4gIH1cbiAgJltkYXRhLWZsb2F0PVwibGVmdFwiXSB7XG4gICAgZmxvYXQ6IGxlZnQ7XG4gIH1cbmA7XG5cbmNvbnN0IEltYWdlRW1iZWQgPSAoeyBlbWJlZCwgcHJldmlld0FsdCwgaW5HcmlkLCBsYW5nLCByZW5kZXJDb250ZXh0ID0gXCJhcnRpY2xlXCIsIGNoaWxkcmVuIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IFtpc0J5bGluZUhpZGRlbiwgc2V0SXNCeWxpbmVIaWRkZW5dID0gdXNlU3RhdGUoaGlkZUJ5bGluZShlbWJlZC5lbWJlZERhdGEpKTtcbiAgY29uc3QgW2ltYWdlU2l6ZXMsIHNldEltYWdlU2l6ZXNdID0gdXNlU3RhdGU8c3RyaW5nIHwgdW5kZWZpbmVkPih1bmRlZmluZWQpO1xuICAvLyBGdWxsLXNpemUgZmlndXJlcyBhdXRvbWF0aWNhbGx5IGdldCBhIG1hcmdpbiBvZiB7c3BhY2luZy5ub3JtYWx9IG9uIGl0cyB5LWF4aXMgaWYgYSBmbG9hdCBpcyBub3Qgc2V0IChvciBpZiBmbG9hdCBpcyBhbiBlbXB0eSBzdHJpbmcpLlxuICAvLyBUaGlzIGFkZHMgc29tZSBtYXJnaW4gdG8gbm9ybWFsIGZpZ3VyZXMgd2l0aGluIGFuIGFydGljbGUsIGJ1dCBzaG91bGQgbm90IGhhcHBlbiBmb3IgZmlndXJlcyBpbiBhIGdyaWQuXG4gIGNvbnN0IFtmbG9hdEF0dHIsIHNldEZsb2F0QXR0cl0gPSB1c2VTdGF0ZTx7IFwiZGF0YS1mbG9hdFwiPzogc3RyaW5nIH0+KCgpID0+XG4gICAgaW5HcmlkICYmICFlbWJlZC5lbWJlZERhdGEuYWxpZ24gPyB7fSA6IHsgXCJkYXRhLWZsb2F0XCI6IGVtYmVkLmVtYmVkRGF0YS5hbGlnbiB9LFxuICApO1xuXG4gIGNvbnN0IHBhcnNlZERlc2NyaXB0aW9uID0gdXNlTWVtbygoKSA9PiB7XG4gICAgaWYgKGVtYmVkLmVtYmVkRGF0YS5jYXB0aW9uIHx8IHJlbmRlckNvbnRleHQgPT09IFwiYXJ0aWNsZVwiKSB7XG4gICAgICByZXR1cm4gZW1iZWQuZW1iZWREYXRhLmNhcHRpb24gPyBwYXJzZShlbWJlZC5lbWJlZERhdGEuY2FwdGlvbikgOiB1bmRlZmluZWQ7XG4gICAgfVxuICAgIGlmIChlbWJlZC5zdGF0dXMgPT09IFwic3VjY2Vzc1wiICYmIGVtYmVkLmRhdGEuY2FwdGlvbi5jYXB0aW9uKSB7XG4gICAgICByZXR1cm4gcGFyc2UoZW1iZWQuZGF0YS5jYXB0aW9uLmNhcHRpb24pO1xuICAgIH1cbiAgfSwgW2VtYmVkLCByZW5kZXJDb250ZXh0XSk7XG5cbiAgaWYgKGVtYmVkLnN0YXR1cyA9PT0gXCJlcnJvclwiKSB7XG4gICAgY29uc3QgeyBhbGlnbiwgc2l6ZSB9ID0gZW1iZWQuZW1iZWREYXRhO1xuICAgIGNvbnN0IGZpZ3VyZVR5cGUgPSBnZXRGaWd1cmVUeXBlKHNpemUsIGFsaWduKTtcbiAgICByZXR1cm4gPEVtYmVkRXJyb3JQbGFjZWhvbGRlciB0eXBlPXtcImltYWdlXCJ9IGZpZ3VyZVR5cGU9e2ZpZ3VyZVR5cGV9IC8+O1xuICB9XG5cbiAgY29uc3QgeyBkYXRhLCBlbWJlZERhdGEgfSA9IGVtYmVkO1xuXG4gIGNvbnN0IGFsdFRleHQgPSBlbWJlZERhdGEuYWx0IHx8IFwiXCI7XG5cbiAgY29uc3QgZmlndXJlVHlwZSA9IGdldEZpZ3VyZVR5cGUoZW1iZWREYXRhLnNpemUsIGVtYmVkRGF0YS5hbGlnbik7XG4gIGNvbnN0IHNpemVzID0gZ2V0U2l6ZXMoZW1iZWREYXRhLnNpemUsIGVtYmVkRGF0YS5hbGlnbik7XG5cbiAgY29uc3QgZm9jYWxQb2ludCA9IGdldEZvY2FsUG9pbnQoZW1iZWREYXRhKTtcbiAgY29uc3QgY3JvcCA9IGdldENyb3AoZW1iZWREYXRhKTtcblxuICBjb25zdCBpc0NvcHlyaWdodGVkID0gZGF0YS5jb3B5cmlnaHQubGljZW5zZS5saWNlbnNlLnRvTG93ZXJDYXNlKCkgPT09IENPUFlSSUdIVEVEO1xuXG4gIGNvbnN0IHRvZ2dsZUltYWdlU2l6ZSA9ICgpID0+IHtcbiAgICBpZiAoIWltYWdlU2l6ZXMpIHtcbiAgICAgIHNldEltYWdlU2l6ZXMoZXhwYW5kZWRTaXplcyk7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgc2V0RmxvYXRBdHRyKHt9KTtcbiAgICAgIH0sIDQwMCk7IC8vUmVtb3ZpbmcgdGhlIGZsb2F0IHBhcmFtZXRlciB0b28gcXVpY2tseSBjYXVzZXMgdGhlIGltYWdlIHRvIGJlIHJlc2l6ZWQgZnJvbSBsZWZ0IHJlZ2FyZGxlc3NcbiAgICB9IGVsc2Uge1xuICAgICAgc2V0SW1hZ2VTaXplcyh1bmRlZmluZWQpO1xuICAgICAgc2V0RmxvYXRBdHRyKHsgXCJkYXRhLWZsb2F0XCI6IGVtYmVkRGF0YS5hbGlnbiB9KTtcbiAgICB9XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkRmlndXJlIHR5cGU9e2ltYWdlU2l6ZXMgPyB1bmRlZmluZWQgOiBmaWd1cmVUeXBlfSB7Li4uZmxvYXRBdHRyfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDxJbWFnZVxuICAgICAgICBmb2NhbFBvaW50PXtmb2NhbFBvaW50fVxuICAgICAgICBjb250ZW50VHlwZT17ZGF0YS5pbWFnZS5jb250ZW50VHlwZX1cbiAgICAgICAgY3JvcD17Y3JvcH1cbiAgICAgICAgc2l6ZXM9e2ltYWdlU2l6ZXMgPz8gc2l6ZXN9XG4gICAgICAgIGFsdD17YWx0VGV4dH1cbiAgICAgICAgc3JjPXtkYXRhLmltYWdlLmltYWdlVXJsfVxuICAgICAgICBib3JkZXI9e2VtYmVkRGF0YS5ib3JkZXJ9XG4gICAgICAgIG9uRXhwYW5kPXtpc0FsaWduKGVtYmVkRGF0YS5hbGlnbikgPyB0b2dnbGVJbWFnZVNpemUgOiB1bmRlZmluZWR9XG4gICAgICAgIGV4cGFuZGVkPXshIWltYWdlU2l6ZXN9XG4gICAgICAgIGV4cGFuZEJ1dHRvbj17XG4gICAgICAgICAgPEV4cGFuZEJ1dHRvblxuICAgICAgICAgICAgZW1iZWREYXRhPXtlbWJlZERhdGF9XG4gICAgICAgICAgICBleHBhbmRlZD17ISFpbWFnZVNpemVzfVxuICAgICAgICAgICAgYWxpZ249e2VtYmVkRGF0YS5hbGlnbn1cbiAgICAgICAgICAgIGJ5bGluZUhpZGRlbj17aXNCeWxpbmVIaWRkZW59XG4gICAgICAgICAgICBvbkV4cGFuZD17dG9nZ2xlSW1hZ2VTaXplfVxuICAgICAgICAgICAgb25IaWRlQnlsaW5lPXsoKSA9PiBzZXRJc0J5bGluZUhpZGRlbigocCkgPT4gIXApfVxuICAgICAgICAgIC8+XG4gICAgICAgIH1cbiAgICAgICAgbGFuZz17bGFuZ31cbiAgICAgIC8+XG4gICAgICB7aXNCeWxpbmVIaWRkZW4gPyBudWxsIDogKFxuICAgICAgICA8RW1iZWRCeWxpbmVcbiAgICAgICAgICB0eXBlPVwiaW1hZ2VcIlxuICAgICAgICAgIGNvcHlyaWdodD17ZGF0YS5jb3B5cmlnaHR9XG4gICAgICAgICAgZGVzY3JpcHRpb249e3BhcnNlZERlc2NyaXB0aW9ufVxuICAgICAgICAgIHZpc2libGVBbHQ9e3ByZXZpZXdBbHQgPyBlbWJlZC5lbWJlZERhdGEuYWx0IDogXCJcIn1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgPC9TdHlsZWRGaWd1cmU+XG4gICk7XG59O1xuXG5jb25zdCBoaWRlQnlsaW5lID0gKGVtYmVkOiBJbWFnZUVtYmVkRGF0YSk6IGJvb2xlYW4gPT4ge1xuICByZXR1cm4gKCEhZW1iZWQuc2l6ZSAmJiBlbWJlZC5zaXplLmVuZHNXaXRoKFwiLWhpZGUtYnlsaW5lXCIpKSB8fCBlbWJlZC5oaWRlQnlsaW5lID09PSBcInRydWVcIjtcbn07XG5cbmludGVyZmFjZSBFeHBhbmRCdXR0b25Qcm9wcyB7XG4gIGVtYmVkRGF0YTogSW1hZ2VFbWJlZERhdGE7XG4gIGFsaWduPzogc3RyaW5nO1xuICBleHBhbmRlZDogYm9vbGVhbjtcbiAgYnlsaW5lSGlkZGVuOiBib29sZWFuO1xuICBvbkV4cGFuZDogTW91c2VFdmVudEhhbmRsZXI8SFRNTEJ1dHRvbkVsZW1lbnQ+O1xuICBvbkhpZGVCeWxpbmU6IE1vdXNlRXZlbnRIYW5kbGVyPEhUTUxCdXR0b25FbGVtZW50Pjtcbn1cblxuY29uc3QgQnlsaW5lQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHotaW5kZXg6IDE7XG4gIGJvdHRvbTogMDtcbiAgcmlnaHQ6IDA7XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gIHRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2Utb3V0O1xuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5iYWNrZ3JvdW5kLmRlZmF1bHR9MjA7XG4gIGJvcmRlcjogMDtcblxuICBzdmcge1xuICAgIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjRzIGVhc2Utb3V0O1xuICAgIHdpZHRoOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgICBoZWlnaHQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAgIGZpbGw6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHBhZGRpbmc6IDA7XG4gIHRvcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgcmlnaHQ6ICR7c3BhY2luZy5zbWFsbH07XG4gIHdpZHRoOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgaGVpZ2h0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgYm9yZGVyOiAycHggc29saWQgJHtjb2xvcnMud2hpdGV9O1xuICB0cmFuc2l0aW9uOiBhbGwgMC4zcyBlYXNlLW91dDtcbiAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXNMYXJnZX07XG4gIHN2ZyB7XG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuNHMgZWFzZS1vdXQ7XG4gICAgaGVpZ2h0OiAke3NwYWNpbmcubnNtYWxsfTtcbiAgICB3aWR0aDogJHtzcGFjaW5nLm5zbWFsbH07XG4gIH1cbmA7XG5cbmNvbnN0IEV4cGFuZEJ1dHRvbiA9ICh7IGFsaWduLCBlbWJlZERhdGEsIGV4cGFuZGVkLCBieWxpbmVIaWRkZW4sIG9uRXhwYW5kLCBvbkhpZGVCeWxpbmUgfTogRXhwYW5kQnV0dG9uUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBpZiAoaXNBbGlnbihhbGlnbikpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZEJ1dHRvblxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgYXJpYS1sYWJlbD17dChgbGljZW5zZS5pbWFnZXMuaXRlbUltYWdlLnpvb20ke2V4cGFuZGVkID8gXCJPdXRcIiA6IFwiXCJ9SW1hZ2VCdXR0b25MYWJlbGApfVxuICAgICAgICBvbkNsaWNrPXtvbkV4cGFuZH1cbiAgICAgICAgZGF0YS1leHBhbmRlZD17ZXhwYW5kZWR9XG4gICAgICA+XG4gICAgICAgIDxQbHVzIC8+XG4gICAgICA8L1N0eWxlZEJ1dHRvbj5cbiAgICApO1xuICB9XG4gIGlmIChoaWRlQnlsaW5lKGVtYmVkRGF0YSkpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPEJ5bGluZUJ1dHRvblxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgZGF0YS1ieWxpbmUtYnV0dG9uPVwiXCJcbiAgICAgICAgYXJpYS1sYWJlbD17dChgbGljZW5zZS5pbWFnZXMuaXRlbUltYWdlLiR7YnlsaW5lSGlkZGVuID8gXCJleHBhbmRCeWxpbmVcIiA6IFwibWluaW1pemVCeWxpbmVcIn1gKX1cbiAgICAgICAgb25DbGljaz17b25IaWRlQnlsaW5lfVxuICAgICAgPlxuICAgICAgICB7YnlsaW5lSGlkZGVuID8gPENoZXZyb25Eb3duIC8+IDogPENoZXZyb25VcCAvPn1cbiAgICAgIDwvQnlsaW5lQnV0dG9uPlxuICAgICk7XG4gIH1cbiAgcmV0dXJuIG51bGw7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBJbWFnZUVtYmVkO1xuIl19 */"));
+const ImageWrapper = (0, _jsx2.styled)("div", {
+  base: {
+    overflow: "hidden",
+    position: "relative",
+    width: "100%",
+    "& img": {
+      width: "100%"
+    }
+  },
+  variants: {
+    svg: {
+      true: {
+        display: "flex",
+        justifyContent: "center"
+      },
+      false: {}
+    },
+    border: {
+      true: {
+        border: "1px solid",
+        // TODO: Not sure if we want this color.
+        borderColor: "surface.brand.1.strong",
+        borderBottom: "0",
+        borderRadius: "xsmall",
+        borderBottomLeftRadius: "0",
+        borderBottomRightRadius: "0"
+      },
+      false: {}
+    },
+    expandable: {
+      true: {
+        cursor: "pointer"
+      },
+      false: {}
+    }
+  }
+});
+const StyledFigure = (0, _jsx2.styled)(_primitives.Figure, {
+  base: {
+    _hover: {
+      "& [data-byline-button]": {
+        background: "background.default"
+      },
+      "& button[data-expanded]": {
+        transform: "scale(1.2)"
+      }
+    },
+    "& button[data-expanded='true']": {
+      "& svg": {
+        transform: "rotate(-45deg)"
+      }
+    }
+  }
+});
+
+// TODO: Ask about BylineButton styling. Not included in design
+const BylineButton = (0, _jsx2.styled)("button", {
+  base: {
+    cursor: "pointer",
+    position: "absolute",
+    zIndex: "base",
+    bottom: "0",
+    right: "0",
+    paddingBlock: "xsmall",
+    paddingInline: "xsmall",
+    transitionProperty: "transform, background-color, color",
+    transitionDuration: "normal",
+    transitionTimingFunction: "ease-out",
+    background: "background.default/20",
+    border: "0",
+    "& svg": {
+      transitionProperty: "transform",
+      transitionDuration: "normal",
+      transitionTimingFunction: "ease-out",
+      fill: "primary"
+    }
+  }
+}, {
+  defaultProps: {
+    type: "button"
+  }
+});
+const ExpandButton = (0, _jsx2.styled)("button", {
+  base: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    cursor: "pointer",
+    position: "absolute",
+    padding: "0",
+    top: "xsmall",
+    right: "xsmall",
+    width: "medium",
+    height: "medium",
+    border: "2px solid",
+    borderColor: "background.default",
+    transitionProperty: "transform, background-color, color",
+    transitionDuration: "normal",
+    transitionTimingFunction: "ease-out",
+    color: "background.default",
+    backgroundColor: "surface.action",
+    borderRadius: "large",
+    "& svg": {
+      transitionProperty: "transform",
+      transitionDuration: "normal",
+      transitionTimingFunction: "ease-out"
+    }
+  }
+}, {
+  defaultProps: {
+    type: "button"
+  }
+});
 const ImageEmbed = _ref => {
   let {
     embed,
     previewAlt,
-    inGrid,
     lang,
     renderContext = "article",
     children
   } = _ref;
   const [isBylineHidden, setIsBylineHidden] = (0, _react.useState)(hideByline(embed.embedData));
   const [imageSizes, setImageSizes] = (0, _react.useState)(undefined);
-  // Full-size figures automatically get a margin of {spacing.normal} on its y-axis if a float is not set (or if float is an empty string).
-  // This adds some margin to normal figures within an article, but should not happen for figures in a grid.
-  const [floatAttr, setFloatAttr] = (0, _react.useState)(() => inGrid && !embed.embedData.align ? {} : {
-    "data-float": embed.embedData.align
-  });
+  const figureProps = getFigureProps(embed.embedData.size, embed.embedData.align);
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
   const parsedDescription = (0, _react.useMemo)(() => {
     if (embed.embedData.caption || renderContext === "article") {
       return embed.embedData.caption ? (0, _htmlReactParser.default)(embed.embedData.caption) : undefined;
@@ -124,14 +218,10 @@ const ImageEmbed = _ref => {
     }
   }, [embed, renderContext]);
   if (embed.status === "error") {
-    const {
-      align,
-      size
-    } = embed.embedData;
-    const figureType = getFigureType(size, align);
     return (0, _jsxRuntime.jsx)(_EmbedErrorPlaceholder.default, {
       type: "image",
-      figureType: figureType
+      figureType: figureProps?.size,
+      float: figureProps?.float
     });
   }
   const {
@@ -139,46 +229,40 @@ const ImageEmbed = _ref => {
     embedData
   } = embed;
   const altText = embedData.alt || "";
-  const figureType = getFigureType(embedData.size, embedData.align);
   const sizes = getSizes(embedData.size, embedData.align);
   const focalPoint = getFocalPoint(embedData);
   const crop = getCrop(embedData);
-  const isCopyrighted = data.copyright.license.license.toLowerCase() === _licenses.COPYRIGHTED;
   const toggleImageSize = () => {
-    if (!imageSizes) {
-      setImageSizes(expandedSizes);
-      setTimeout(() => {
-        setFloatAttr({});
-      }, 400); //Removing the float parameter too quickly causes the image to be resized from left regardless
-    } else {
-      setImageSizes(undefined);
-      setFloatAttr({
-        "data-float": embedData.align
-      });
-    }
+    setImageSizes(sizes => !sizes ? expandedSizes : undefined);
   };
+
+  // TODO: Check how this works with `children`. Will only be important for ED
   return (0, _jsxRuntime.jsxs)(StyledFigure, {
-    type: imageSizes ? undefined : figureType,
-    ...floatAttr,
-    children: [children, (0, _jsxRuntime.jsx)(_Image.default, {
-      focalPoint: focalPoint,
-      contentType: data.image.contentType,
-      crop: crop,
-      sizes: imageSizes !== null && imageSizes !== void 0 ? imageSizes : sizes,
-      alt: altText,
-      src: data.image.imageUrl,
-      border: embedData.border,
-      onExpand: isAlign(embedData.align) ? toggleImageSize : undefined,
-      expanded: !!imageSizes,
-      expandButton: (0, _jsxRuntime.jsx)(ExpandButton, {
-        embedData: embedData,
-        expanded: !!imageSizes,
-        align: embedData.align,
-        bylineHidden: isBylineHidden,
-        onExpand: toggleImageSize,
-        onHideByline: () => setIsBylineHidden(p => !p)
-      }),
-      lang: lang
+    float: figureProps?.float,
+    size: imageSizes ? "full" : figureProps?.size ?? "medium",
+    children: [children, (0, _jsxRuntime.jsxs)(ImageWrapper, {
+      border: embedData.border === "true",
+      expandable: !!figureProps?.float,
+      children: [(0, _jsxRuntime.jsx)(_primitives.Image, {
+        focalPoint: focalPoint,
+        contentType: data.image.contentType,
+        crop: crop,
+        sizes: imageSizes ?? sizes,
+        alt: altText,
+        src: data.image.imageUrl,
+        lang: lang,
+        onClick: figureProps?.float ? toggleImageSize : undefined
+      }), !!embedData.align && (0, _jsxRuntime.jsx)(ExpandButton, {
+        "aria-label": t(`license.images.itemImage.zoom${imageSizes ? "Out" : ""}ImageButtonLabel`),
+        onClick: toggleImageSize,
+        "data-expanded": !!imageSizes,
+        children: (0, _jsxRuntime.jsx)(_action.Plus, {})
+      }), (embedData.size?.endsWith("-hide-byline") || embedData.hideByline === "true") && (0, _jsxRuntime.jsx)(BylineButton, {
+        "data-byline-button": "",
+        "aria-label": t(`license.images.itemImage.${isBylineHidden ? "expandByline" : "minimizeByline"}`),
+        onClick: () => setIsBylineHidden(p => !p),
+        children: isBylineHidden ? (0, _jsxRuntime.jsx)(_common.ChevronDown, {}) : (0, _jsxRuntime.jsx)(_common.ChevronUp, {})
+      })]
     }), isBylineHidden ? null : (0, _jsxRuntime.jsx)(_LicenseByline.EmbedByline, {
       type: "image",
       copyright: data.copyright,
@@ -190,44 +274,4 @@ const ImageEmbed = _ref => {
 const hideByline = embed => {
   return !!embed.size && embed.size.endsWith("-hide-byline") || embed.hideByline === "true";
 };
-const BylineButton = /*#__PURE__*/(0, _base.default)("button", {
-  target: "ened8ka1",
-  label: "BylineButton"
-})("cursor:pointer;position:absolute;z-index:1;bottom:0;right:0;padding:", _core.spacing.small, ";transition:all 0.3s ease-out;background:", _core.colors.background.default, "20;border:0;svg{transition:transform 0.4s ease-out;width:", _core.spacing.normal, ";height:", _core.spacing.normal, ";fill:", _core.colors.brand.primary, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkltYWdlRW1iZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlPa0MiLCJmaWxlIjoiSW1hZ2VFbWJlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbi8qKiBAanN4SW1wb3J0U291cmNlIEBlbW90aW9uL3JlYWN0ICovXG5pbXBvcnQgcGFyc2UgZnJvbSBcImh0bWwtcmVhY3QtcGFyc2VyXCI7XG5pbXBvcnQgeyBNb3VzZUV2ZW50SGFuZGxlciwgUmVhY3ROb2RlLCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjb2xvcnMsIG1pc2MsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgUGx1cyB9IGZyb20gXCJAbmRsYS9pY29ucy9hY3Rpb25cIjtcbmltcG9ydCB7IENoZXZyb25Eb3duLCBDaGV2cm9uVXAgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQgeyBDT1BZUklHSFRFRCB9IGZyb20gXCJAbmRsYS9saWNlbnNlc1wiO1xuaW1wb3J0IHsgSW1hZ2VFbWJlZERhdGEsIEltYWdlTWV0YURhdGEgfSBmcm9tIFwiQG5kbGEvdHlwZXMtZW1iZWRcIjtcbmltcG9ydCBFbWJlZEVycm9yUGxhY2Vob2xkZXIgZnJvbSBcIi4vRW1iZWRFcnJvclBsYWNlaG9sZGVyXCI7XG5pbXBvcnQgeyBSZW5kZXJDb250ZXh0IH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCB7IEZpZ3VyZSwgRmlndXJlVHlwZSB9IGZyb20gXCIuLi9GaWd1cmVcIjtcbmltcG9ydCBJbWFnZSBmcm9tIFwiLi4vSW1hZ2VcIjtcbmltcG9ydCB7IEVtYmVkQnlsaW5lIH0gZnJvbSBcIi4uL0xpY2Vuc2VCeWxpbmVcIjtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgZW1iZWQ6IEltYWdlTWV0YURhdGE7XG4gIHByZXZpZXdBbHQ/OiBib29sZWFuO1xuICBpbkdyaWQ/OiBib29sZWFuO1xuICBsYW5nPzogc3RyaW5nO1xuICByZW5kZXJDb250ZXh0PzogUmVuZGVyQ29udGV4dDtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgQXV0aG9yIHtcbiAgbmFtZTogc3RyaW5nO1xuICB0eXBlOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBnZXRMaWNlbnNlQ3JlZGl0cyA9IChjb3B5cmlnaHQ/OiB7XG4gIGNyZWF0b3JzPzogQXV0aG9yW107XG4gIHJpZ2h0c2hvbGRlcnM/OiBBdXRob3JbXTtcbiAgcHJvY2Vzc29ycz86IEF1dGhvcltdO1xufSkgPT4ge1xuICByZXR1cm4ge1xuICAgIGNyZWF0b3JzOiBjb3B5cmlnaHQ/LmNyZWF0b3JzID8/IFtdLFxuICAgIHJpZ2h0c2hvbGRlcnM6IGNvcHlyaWdodD8ucmlnaHRzaG9sZGVycyA/PyBbXSxcbiAgICBwcm9jZXNzb3JzOiBjb3B5cmlnaHQ/LnByb2Nlc3NvcnMgPz8gW10sXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgZXJyb3JTdmdTcmMgPSBgZGF0YTppbWFnZS9zdmcreG1sO2NoYXJzZXQ9VVRGLTgsJTNDc3ZnIGZpbGw9JyUyMzhBODg4OCcgaGVpZ2h0PSc0MDAnIHZpZXdCb3g9JzAgMCAyNCAxMicgd2lkdGg9JzEwMCUyNScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyBzdHlsZT0nYmFja2dyb3VuZC1jb2xvcjogJTIzRUZGMEYyJyUzRSUzQ3BhdGggZD0nTTAgMGgyNHYyNEgwVjB6JyBmaWxsPSdub25lJy8lM0UlM0NwYXRoIHRyYW5zZm9ybT0nc2NhbGUoMC4zKSB0cmFuc2xhdGUoMjgsIDguNSknIGQ9J00xMSAxNWgydjJoLTJ6bTAtOGgydjZoLTJ6bS45OS01QzYuNDcgMiAyIDYuNDggMiAxMnM0LjQ3IDEwIDkuOTkgMTBDMTcuNTIgMjIgMjIgMTcuNTIgMjIgMTJTMTcuNTIgMiAxMS45OSAyek0xMiAyMGMtNC40MiAwLTgtMy41OC04LThzMy41OC04IDgtOCA4IDMuNTggOCA4LTMuNTggOC04IDh6Jy8lM0UlM0Mvc3ZnJTNFYDtcbmNvbnN0IGlzU21hbGwgPSAoc2l6ZT86IHN0cmluZyk6IHNpemUgaXMgXCJ4c21hbGxcIiB8IFwic21hbGxcIiA9PiBzaXplID09PSBcInhzbWFsbFwiIHx8IHNpemUgPT09IFwic21hbGxcIjtcblxuY29uc3QgaXNBbGlnbiA9IChhbGlnbj86IHN0cmluZyk6IGFsaWduIGlzIFwibGVmdFwiIHwgXCJyaWdodFwiID0+IGFsaWduID09PSBcImxlZnRcIiB8fCBhbGlnbiA9PT0gXCJyaWdodFwiO1xuXG5jb25zdCBnZXRGaWd1cmVUeXBlID0gKHNpemU/OiBzdHJpbmcsIGFsaWduPzogc3RyaW5nKTogRmlndXJlVHlwZSA9PiB7XG4gIGlmIChzaXplICYmIGlzU21hbGwoc2l6ZSkgJiYgYWxpZ24gJiYgaXNBbGlnbihhbGlnbikpIHtcbiAgICByZXR1cm4gYCR7c2l6ZX0tJHthbGlnbn1gO1xuICB9XG4gIGlmIChzaXplICYmIGlzU21hbGwoc2l6ZSkgJiYgIWFsaWduKSB7XG4gICAgcmV0dXJuIHNpemUgYXMgRmlndXJlVHlwZTtcbiAgfVxuICBpZiAoYWxpZ24gJiYgaXNBbGlnbihhbGlnbikpIHtcbiAgICByZXR1cm4gYWxpZ247XG4gIH1cbiAgcmV0dXJuIFwiZnVsbFwiO1xufTtcblxuY29uc3QgZ2V0U2l6ZXMgPSAoc2l6ZT86IHN0cmluZywgYWxpZ24/OiBzdHJpbmcpID0+IHtcbiAgaWYgKGFsaWduICYmIHNpemUgPT09IFwiZnVsbFwiKSB7XG4gICAgcmV0dXJuIFwiKG1pbi13aWR0aDogMTAyNHB4KSA1MTJweCwgKG1pbi13aWR0aDogNzY4cHgpIDM1MHB4LCAxMDB2d1wiO1xuICB9XG4gIGlmIChhbGlnbiAmJiBzaXplID09PSBcInNtYWxsXCIpIHtcbiAgICByZXR1cm4gXCIobWluLXdpZHRoOiAxMDI0cHgpIDM1MHB4LCAobWluLXdpZHRoOiA3NjhweCkgMTgwcHgsIDEwMHZ3XCI7XG4gIH1cbiAgaWYgKGFsaWduICYmIHNpemUgPT09IFwieHNtYWxsXCIpIHtcbiAgICByZXR1cm4gXCIobWluLXdpZHRoOiAxMDI0cHgpIDE4MHB4LCAobWluLXdpZHRoOiA3NjhweCkgMTgwcHgsIDEwMHZ3XCI7XG4gIH1cbiAgcmV0dXJuIFwiKG1pbi13aWR0aDogMTAyNHB4KSAxMDI0cHgsIDEwMHZ3XCI7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0Rm9jYWxQb2ludCA9IChkYXRhOiBJbWFnZUVtYmVkRGF0YSkgPT4ge1xuICBjb25zdCBmb2NhbFggPSBOdW1iZXIucGFyc2VGbG9hdChkYXRhLmZvY2FsWCA/PyBcIlwiKTtcbiAgY29uc3QgZm9jYWxZID0gTnVtYmVyLnBhcnNlRmxvYXQoZGF0YS5mb2NhbFkgPz8gXCJcIik7XG4gIGlmICghTnVtYmVyLmlzTmFOKGZvY2FsWCkgJiYgIU51bWJlci5pc05hTihmb2NhbFkpKSB7XG4gICAgcmV0dXJuIHsgeDogZm9jYWxYLCB5OiBmb2NhbFkgfTtcbiAgfVxuICByZXR1cm4gdW5kZWZpbmVkO1xufTtcblxuZXhwb3J0IGNvbnN0IGdldENyb3AgPSAoZGF0YTogSW1hZ2VFbWJlZERhdGEpID0+IHtcbiAgY29uc3QgbG93ZXJSaWdodFggPSBOdW1iZXIucGFyc2VGbG9hdChkYXRhLmxvd2VyUmlnaHRYID8/IFwiXCIpO1xuICBjb25zdCBsb3dlclJpZ2h0WSA9IE51bWJlci5wYXJzZUZsb2F0KGRhdGEubG93ZXJSaWdodFkgPz8gXCJcIik7XG4gIGNvbnN0IHVwcGVyTGVmdFggPSBOdW1iZXIucGFyc2VGbG9hdChkYXRhLnVwcGVyTGVmdFggPz8gXCJcIik7XG4gIGNvbnN0IHVwcGVyTGVmdFkgPSBOdW1iZXIucGFyc2VGbG9hdChkYXRhLnVwcGVyTGVmdFkgPz8gXCJcIik7XG4gIGlmIChcbiAgICAhTnVtYmVyLmlzTmFOKGxvd2VyUmlnaHRYKSAmJlxuICAgICFOdW1iZXIuaXNOYU4obG93ZXJSaWdodFkpICYmXG4gICAgIU51bWJlci5pc05hTih1cHBlckxlZnRYKSAmJlxuICAgICFOdW1iZXIuaXNOYU4odXBwZXJMZWZ0WSlcbiAgKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIHN0YXJ0WDogbG93ZXJSaWdodFgsXG4gICAgICBzdGFydFk6IGxvd2VyUmlnaHRZLFxuICAgICAgZW5kWDogdXBwZXJMZWZ0WCxcbiAgICAgIGVuZFk6IHVwcGVyTGVmdFksXG4gICAgfTtcbiAgfVxuICByZXR1cm4gdW5kZWZpbmVkO1xufTtcblxuY29uc3QgZXhwYW5kZWRTaXplcyA9IFwiKG1pbi13aWR0aDogMTAyNHB4KSAxMDI0cHgsIDEwMHZ3XCI7XG5cbmNvbnN0IFN0eWxlZEZpZ3VyZSA9IHN0eWxlZChGaWd1cmUpYFxuICAmOmhvdmVyIHtcbiAgICBbZGF0YS1ieWxpbmUtYnV0dG9uXSB7XG4gICAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy53aGl0ZX07XG4gICAgfVxuICAgIGJ1dHRvbltkYXRhLWV4cGFuZGVkXSB7XG4gICAgICB0cmFuc2Zvcm06IHNjYWxlKDEuMik7XG4gICAgfVxuICB9XG4gIGJ1dHRvbltkYXRhLWV4cGFuZGVkPVwidHJ1ZVwiXSB7XG4gICAgc3ZnIHtcbiAgICAgIHRyYW5zZm9ybTogcm90YXRlKC00NWRlZyk7XG4gICAgfVxuICB9XG4gICZbZGF0YS1mbG9hdD1cInJpZ2h0XCJdIHtcbiAgICBmbG9hdDogcmlnaHQ7XG4gIH1cbiAgJltkYXRhLWZsb2F0PVwibGVmdFwiXSB7XG4gICAgZmxvYXQ6IGxlZnQ7XG4gIH1cbmA7XG5cbmNvbnN0IEltYWdlRW1iZWQgPSAoeyBlbWJlZCwgcHJldmlld0FsdCwgaW5HcmlkLCBsYW5nLCByZW5kZXJDb250ZXh0ID0gXCJhcnRpY2xlXCIsIGNoaWxkcmVuIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IFtpc0J5bGluZUhpZGRlbiwgc2V0SXNCeWxpbmVIaWRkZW5dID0gdXNlU3RhdGUoaGlkZUJ5bGluZShlbWJlZC5lbWJlZERhdGEpKTtcbiAgY29uc3QgW2ltYWdlU2l6ZXMsIHNldEltYWdlU2l6ZXNdID0gdXNlU3RhdGU8c3RyaW5nIHwgdW5kZWZpbmVkPih1bmRlZmluZWQpO1xuICAvLyBGdWxsLXNpemUgZmlndXJlcyBhdXRvbWF0aWNhbGx5IGdldCBhIG1hcmdpbiBvZiB7c3BhY2luZy5ub3JtYWx9IG9uIGl0cyB5LWF4aXMgaWYgYSBmbG9hdCBpcyBub3Qgc2V0IChvciBpZiBmbG9hdCBpcyBhbiBlbXB0eSBzdHJpbmcpLlxuICAvLyBUaGlzIGFkZHMgc29tZSBtYXJnaW4gdG8gbm9ybWFsIGZpZ3VyZXMgd2l0aGluIGFuIGFydGljbGUsIGJ1dCBzaG91bGQgbm90IGhhcHBlbiBmb3IgZmlndXJlcyBpbiBhIGdyaWQuXG4gIGNvbnN0IFtmbG9hdEF0dHIsIHNldEZsb2F0QXR0cl0gPSB1c2VTdGF0ZTx7IFwiZGF0YS1mbG9hdFwiPzogc3RyaW5nIH0+KCgpID0+XG4gICAgaW5HcmlkICYmICFlbWJlZC5lbWJlZERhdGEuYWxpZ24gPyB7fSA6IHsgXCJkYXRhLWZsb2F0XCI6IGVtYmVkLmVtYmVkRGF0YS5hbGlnbiB9LFxuICApO1xuXG4gIGNvbnN0IHBhcnNlZERlc2NyaXB0aW9uID0gdXNlTWVtbygoKSA9PiB7XG4gICAgaWYgKGVtYmVkLmVtYmVkRGF0YS5jYXB0aW9uIHx8IHJlbmRlckNvbnRleHQgPT09IFwiYXJ0aWNsZVwiKSB7XG4gICAgICByZXR1cm4gZW1iZWQuZW1iZWREYXRhLmNhcHRpb24gPyBwYXJzZShlbWJlZC5lbWJlZERhdGEuY2FwdGlvbikgOiB1bmRlZmluZWQ7XG4gICAgfVxuICAgIGlmIChlbWJlZC5zdGF0dXMgPT09IFwic3VjY2Vzc1wiICYmIGVtYmVkLmRhdGEuY2FwdGlvbi5jYXB0aW9uKSB7XG4gICAgICByZXR1cm4gcGFyc2UoZW1iZWQuZGF0YS5jYXB0aW9uLmNhcHRpb24pO1xuICAgIH1cbiAgfSwgW2VtYmVkLCByZW5kZXJDb250ZXh0XSk7XG5cbiAgaWYgKGVtYmVkLnN0YXR1cyA9PT0gXCJlcnJvclwiKSB7XG4gICAgY29uc3QgeyBhbGlnbiwgc2l6ZSB9ID0gZW1iZWQuZW1iZWREYXRhO1xuICAgIGNvbnN0IGZpZ3VyZVR5cGUgPSBnZXRGaWd1cmVUeXBlKHNpemUsIGFsaWduKTtcbiAgICByZXR1cm4gPEVtYmVkRXJyb3JQbGFjZWhvbGRlciB0eXBlPXtcImltYWdlXCJ9IGZpZ3VyZVR5cGU9e2ZpZ3VyZVR5cGV9IC8+O1xuICB9XG5cbiAgY29uc3QgeyBkYXRhLCBlbWJlZERhdGEgfSA9IGVtYmVkO1xuXG4gIGNvbnN0IGFsdFRleHQgPSBlbWJlZERhdGEuYWx0IHx8IFwiXCI7XG5cbiAgY29uc3QgZmlndXJlVHlwZSA9IGdldEZpZ3VyZVR5cGUoZW1iZWREYXRhLnNpemUsIGVtYmVkRGF0YS5hbGlnbik7XG4gIGNvbnN0IHNpemVzID0gZ2V0U2l6ZXMoZW1iZWREYXRhLnNpemUsIGVtYmVkRGF0YS5hbGlnbik7XG5cbiAgY29uc3QgZm9jYWxQb2ludCA9IGdldEZvY2FsUG9pbnQoZW1iZWREYXRhKTtcbiAgY29uc3QgY3JvcCA9IGdldENyb3AoZW1iZWREYXRhKTtcblxuICBjb25zdCBpc0NvcHlyaWdodGVkID0gZGF0YS5jb3B5cmlnaHQubGljZW5zZS5saWNlbnNlLnRvTG93ZXJDYXNlKCkgPT09IENPUFlSSUdIVEVEO1xuXG4gIGNvbnN0IHRvZ2dsZUltYWdlU2l6ZSA9ICgpID0+IHtcbiAgICBpZiAoIWltYWdlU2l6ZXMpIHtcbiAgICAgIHNldEltYWdlU2l6ZXMoZXhwYW5kZWRTaXplcyk7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgc2V0RmxvYXRBdHRyKHt9KTtcbiAgICAgIH0sIDQwMCk7IC8vUmVtb3ZpbmcgdGhlIGZsb2F0IHBhcmFtZXRlciB0b28gcXVpY2tseSBjYXVzZXMgdGhlIGltYWdlIHRvIGJlIHJlc2l6ZWQgZnJvbSBsZWZ0IHJlZ2FyZGxlc3NcbiAgICB9IGVsc2Uge1xuICAgICAgc2V0SW1hZ2VTaXplcyh1bmRlZmluZWQpO1xuICAgICAgc2V0RmxvYXRBdHRyKHsgXCJkYXRhLWZsb2F0XCI6IGVtYmVkRGF0YS5hbGlnbiB9KTtcbiAgICB9XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkRmlndXJlIHR5cGU9e2ltYWdlU2l6ZXMgPyB1bmRlZmluZWQgOiBmaWd1cmVUeXBlfSB7Li4uZmxvYXRBdHRyfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDxJbWFnZVxuICAgICAgICBmb2NhbFBvaW50PXtmb2NhbFBvaW50fVxuICAgICAgICBjb250ZW50VHlwZT17ZGF0YS5pbWFnZS5jb250ZW50VHlwZX1cbiAgICAgICAgY3JvcD17Y3JvcH1cbiAgICAgICAgc2l6ZXM9e2ltYWdlU2l6ZXMgPz8gc2l6ZXN9XG4gICAgICAgIGFsdD17YWx0VGV4dH1cbiAgICAgICAgc3JjPXtkYXRhLmltYWdlLmltYWdlVXJsfVxuICAgICAgICBib3JkZXI9e2VtYmVkRGF0YS5ib3JkZXJ9XG4gICAgICAgIG9uRXhwYW5kPXtpc0FsaWduKGVtYmVkRGF0YS5hbGlnbikgPyB0b2dnbGVJbWFnZVNpemUgOiB1bmRlZmluZWR9XG4gICAgICAgIGV4cGFuZGVkPXshIWltYWdlU2l6ZXN9XG4gICAgICAgIGV4cGFuZEJ1dHRvbj17XG4gICAgICAgICAgPEV4cGFuZEJ1dHRvblxuICAgICAgICAgICAgZW1iZWREYXRhPXtlbWJlZERhdGF9XG4gICAgICAgICAgICBleHBhbmRlZD17ISFpbWFnZVNpemVzfVxuICAgICAgICAgICAgYWxpZ249e2VtYmVkRGF0YS5hbGlnbn1cbiAgICAgICAgICAgIGJ5bGluZUhpZGRlbj17aXNCeWxpbmVIaWRkZW59XG4gICAgICAgICAgICBvbkV4cGFuZD17dG9nZ2xlSW1hZ2VTaXplfVxuICAgICAgICAgICAgb25IaWRlQnlsaW5lPXsoKSA9PiBzZXRJc0J5bGluZUhpZGRlbigocCkgPT4gIXApfVxuICAgICAgICAgIC8+XG4gICAgICAgIH1cbiAgICAgICAgbGFuZz17bGFuZ31cbiAgICAgIC8+XG4gICAgICB7aXNCeWxpbmVIaWRkZW4gPyBudWxsIDogKFxuICAgICAgICA8RW1iZWRCeWxpbmVcbiAgICAgICAgICB0eXBlPVwiaW1hZ2VcIlxuICAgICAgICAgIGNvcHlyaWdodD17ZGF0YS5jb3B5cmlnaHR9XG4gICAgICAgICAgZGVzY3JpcHRpb249e3BhcnNlZERlc2NyaXB0aW9ufVxuICAgICAgICAgIHZpc2libGVBbHQ9e3ByZXZpZXdBbHQgPyBlbWJlZC5lbWJlZERhdGEuYWx0IDogXCJcIn1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgPC9TdHlsZWRGaWd1cmU+XG4gICk7XG59O1xuXG5jb25zdCBoaWRlQnlsaW5lID0gKGVtYmVkOiBJbWFnZUVtYmVkRGF0YSk6IGJvb2xlYW4gPT4ge1xuICByZXR1cm4gKCEhZW1iZWQuc2l6ZSAmJiBlbWJlZC5zaXplLmVuZHNXaXRoKFwiLWhpZGUtYnlsaW5lXCIpKSB8fCBlbWJlZC5oaWRlQnlsaW5lID09PSBcInRydWVcIjtcbn07XG5cbmludGVyZmFjZSBFeHBhbmRCdXR0b25Qcm9wcyB7XG4gIGVtYmVkRGF0YTogSW1hZ2VFbWJlZERhdGE7XG4gIGFsaWduPzogc3RyaW5nO1xuICBleHBhbmRlZDogYm9vbGVhbjtcbiAgYnlsaW5lSGlkZGVuOiBib29sZWFuO1xuICBvbkV4cGFuZDogTW91c2VFdmVudEhhbmRsZXI8SFRNTEJ1dHRvbkVsZW1lbnQ+O1xuICBvbkhpZGVCeWxpbmU6IE1vdXNlRXZlbnRIYW5kbGVyPEhUTUxCdXR0b25FbGVtZW50Pjtcbn1cblxuY29uc3QgQnlsaW5lQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHotaW5kZXg6IDE7XG4gIGJvdHRvbTogMDtcbiAgcmlnaHQ6IDA7XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gIHRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2Utb3V0O1xuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5iYWNrZ3JvdW5kLmRlZmF1bHR9MjA7XG4gIGJvcmRlcjogMDtcblxuICBzdmcge1xuICAgIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjRzIGVhc2Utb3V0O1xuICAgIHdpZHRoOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgICBoZWlnaHQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAgIGZpbGw6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHBhZGRpbmc6IDA7XG4gIHRvcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgcmlnaHQ6ICR7c3BhY2luZy5zbWFsbH07XG4gIHdpZHRoOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgaGVpZ2h0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgYm9yZGVyOiAycHggc29saWQgJHtjb2xvcnMud2hpdGV9O1xuICB0cmFuc2l0aW9uOiBhbGwgMC4zcyBlYXNlLW91dDtcbiAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXNMYXJnZX07XG4gIHN2ZyB7XG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuNHMgZWFzZS1vdXQ7XG4gICAgaGVpZ2h0OiAke3NwYWNpbmcubnNtYWxsfTtcbiAgICB3aWR0aDogJHtzcGFjaW5nLm5zbWFsbH07XG4gIH1cbmA7XG5cbmNvbnN0IEV4cGFuZEJ1dHRvbiA9ICh7IGFsaWduLCBlbWJlZERhdGEsIGV4cGFuZGVkLCBieWxpbmVIaWRkZW4sIG9uRXhwYW5kLCBvbkhpZGVCeWxpbmUgfTogRXhwYW5kQnV0dG9uUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBpZiAoaXNBbGlnbihhbGlnbikpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZEJ1dHRvblxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgYXJpYS1sYWJlbD17dChgbGljZW5zZS5pbWFnZXMuaXRlbUltYWdlLnpvb20ke2V4cGFuZGVkID8gXCJPdXRcIiA6IFwiXCJ9SW1hZ2VCdXR0b25MYWJlbGApfVxuICAgICAgICBvbkNsaWNrPXtvbkV4cGFuZH1cbiAgICAgICAgZGF0YS1leHBhbmRlZD17ZXhwYW5kZWR9XG4gICAgICA+XG4gICAgICAgIDxQbHVzIC8+XG4gICAgICA8L1N0eWxlZEJ1dHRvbj5cbiAgICApO1xuICB9XG4gIGlmIChoaWRlQnlsaW5lKGVtYmVkRGF0YSkpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPEJ5bGluZUJ1dHRvblxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgZGF0YS1ieWxpbmUtYnV0dG9uPVwiXCJcbiAgICAgICAgYXJpYS1sYWJlbD17dChgbGljZW5zZS5pbWFnZXMuaXRlbUltYWdlLiR7YnlsaW5lSGlkZGVuID8gXCJleHBhbmRCeWxpbmVcIiA6IFwibWluaW1pemVCeWxpbmVcIn1gKX1cbiAgICAgICAgb25DbGljaz17b25IaWRlQnlsaW5lfVxuICAgICAgPlxuICAgICAgICB7YnlsaW5lSGlkZGVuID8gPENoZXZyb25Eb3duIC8+IDogPENoZXZyb25VcCAvPn1cbiAgICAgIDwvQnlsaW5lQnV0dG9uPlxuICAgICk7XG4gIH1cbiAgcmV0dXJuIG51bGw7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBJbWFnZUVtYmVkO1xuIl19 */"));
-const StyledButton = /*#__PURE__*/(0, _base.default)("button", {
-  target: "ened8ka0",
-  label: "StyledButton"
-})("display:flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;padding:0;top:", _core.spacing.small, ";right:", _core.spacing.small, ";width:", _core.spacing.normal, ";height:", _core.spacing.normal, ";border:2px solid ", _core.colors.white, ";transition:all 0.3s ease-out;color:", _core.colors.white, ";background-color:", _core.colors.brand.primary, ";border-radius:", _core.misc.borderRadiusLarge, ";svg{transition:transform 0.4s ease-out;height:", _core.spacing.nsmall, ";width:", _core.spacing.nsmall, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkltYWdlRW1iZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRQa0MiLCJmaWxlIjoiSW1hZ2VFbWJlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbi8qKiBAanN4SW1wb3J0U291cmNlIEBlbW90aW9uL3JlYWN0ICovXG5pbXBvcnQgcGFyc2UgZnJvbSBcImh0bWwtcmVhY3QtcGFyc2VyXCI7XG5pbXBvcnQgeyBNb3VzZUV2ZW50SGFuZGxlciwgUmVhY3ROb2RlLCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjb2xvcnMsIG1pc2MsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgUGx1cyB9IGZyb20gXCJAbmRsYS9pY29ucy9hY3Rpb25cIjtcbmltcG9ydCB7IENoZXZyb25Eb3duLCBDaGV2cm9uVXAgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQgeyBDT1BZUklHSFRFRCB9IGZyb20gXCJAbmRsYS9saWNlbnNlc1wiO1xuaW1wb3J0IHsgSW1hZ2VFbWJlZERhdGEsIEltYWdlTWV0YURhdGEgfSBmcm9tIFwiQG5kbGEvdHlwZXMtZW1iZWRcIjtcbmltcG9ydCBFbWJlZEVycm9yUGxhY2Vob2xkZXIgZnJvbSBcIi4vRW1iZWRFcnJvclBsYWNlaG9sZGVyXCI7XG5pbXBvcnQgeyBSZW5kZXJDb250ZXh0IH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCB7IEZpZ3VyZSwgRmlndXJlVHlwZSB9IGZyb20gXCIuLi9GaWd1cmVcIjtcbmltcG9ydCBJbWFnZSBmcm9tIFwiLi4vSW1hZ2VcIjtcbmltcG9ydCB7IEVtYmVkQnlsaW5lIH0gZnJvbSBcIi4uL0xpY2Vuc2VCeWxpbmVcIjtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgZW1iZWQ6IEltYWdlTWV0YURhdGE7XG4gIHByZXZpZXdBbHQ/OiBib29sZWFuO1xuICBpbkdyaWQ/OiBib29sZWFuO1xuICBsYW5nPzogc3RyaW5nO1xuICByZW5kZXJDb250ZXh0PzogUmVuZGVyQ29udGV4dDtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgQXV0aG9yIHtcbiAgbmFtZTogc3RyaW5nO1xuICB0eXBlOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBnZXRMaWNlbnNlQ3JlZGl0cyA9IChjb3B5cmlnaHQ/OiB7XG4gIGNyZWF0b3JzPzogQXV0aG9yW107XG4gIHJpZ2h0c2hvbGRlcnM/OiBBdXRob3JbXTtcbiAgcHJvY2Vzc29ycz86IEF1dGhvcltdO1xufSkgPT4ge1xuICByZXR1cm4ge1xuICAgIGNyZWF0b3JzOiBjb3B5cmlnaHQ/LmNyZWF0b3JzID8/IFtdLFxuICAgIHJpZ2h0c2hvbGRlcnM6IGNvcHlyaWdodD8ucmlnaHRzaG9sZGVycyA/PyBbXSxcbiAgICBwcm9jZXNzb3JzOiBjb3B5cmlnaHQ/LnByb2Nlc3NvcnMgPz8gW10sXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgZXJyb3JTdmdTcmMgPSBgZGF0YTppbWFnZS9zdmcreG1sO2NoYXJzZXQ9VVRGLTgsJTNDc3ZnIGZpbGw9JyUyMzhBODg4OCcgaGVpZ2h0PSc0MDAnIHZpZXdCb3g9JzAgMCAyNCAxMicgd2lkdGg9JzEwMCUyNScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyBzdHlsZT0nYmFja2dyb3VuZC1jb2xvcjogJTIzRUZGMEYyJyUzRSUzQ3BhdGggZD0nTTAgMGgyNHYyNEgwVjB6JyBmaWxsPSdub25lJy8lM0UlM0NwYXRoIHRyYW5zZm9ybT0nc2NhbGUoMC4zKSB0cmFuc2xhdGUoMjgsIDguNSknIGQ9J00xMSAxNWgydjJoLTJ6bTAtOGgydjZoLTJ6bS45OS01QzYuNDcgMiAyIDYuNDggMiAxMnM0LjQ3IDEwIDkuOTkgMTBDMTcuNTIgMjIgMjIgMTcuNTIgMjIgMTJTMTcuNTIgMiAxMS45OSAyek0xMiAyMGMtNC40MiAwLTgtMy41OC04LThzMy41OC04IDgtOCA4IDMuNTggOCA4LTMuNTggOC04IDh6Jy8lM0UlM0Mvc3ZnJTNFYDtcbmNvbnN0IGlzU21hbGwgPSAoc2l6ZT86IHN0cmluZyk6IHNpemUgaXMgXCJ4c21hbGxcIiB8IFwic21hbGxcIiA9PiBzaXplID09PSBcInhzbWFsbFwiIHx8IHNpemUgPT09IFwic21hbGxcIjtcblxuY29uc3QgaXNBbGlnbiA9IChhbGlnbj86IHN0cmluZyk6IGFsaWduIGlzIFwibGVmdFwiIHwgXCJyaWdodFwiID0+IGFsaWduID09PSBcImxlZnRcIiB8fCBhbGlnbiA9PT0gXCJyaWdodFwiO1xuXG5jb25zdCBnZXRGaWd1cmVUeXBlID0gKHNpemU/OiBzdHJpbmcsIGFsaWduPzogc3RyaW5nKTogRmlndXJlVHlwZSA9PiB7XG4gIGlmIChzaXplICYmIGlzU21hbGwoc2l6ZSkgJiYgYWxpZ24gJiYgaXNBbGlnbihhbGlnbikpIHtcbiAgICByZXR1cm4gYCR7c2l6ZX0tJHthbGlnbn1gO1xuICB9XG4gIGlmIChzaXplICYmIGlzU21hbGwoc2l6ZSkgJiYgIWFsaWduKSB7XG4gICAgcmV0dXJuIHNpemUgYXMgRmlndXJlVHlwZTtcbiAgfVxuICBpZiAoYWxpZ24gJiYgaXNBbGlnbihhbGlnbikpIHtcbiAgICByZXR1cm4gYWxpZ247XG4gIH1cbiAgcmV0dXJuIFwiZnVsbFwiO1xufTtcblxuY29uc3QgZ2V0U2l6ZXMgPSAoc2l6ZT86IHN0cmluZywgYWxpZ24/OiBzdHJpbmcpID0+IHtcbiAgaWYgKGFsaWduICYmIHNpemUgPT09IFwiZnVsbFwiKSB7XG4gICAgcmV0dXJuIFwiKG1pbi13aWR0aDogMTAyNHB4KSA1MTJweCwgKG1pbi13aWR0aDogNzY4cHgpIDM1MHB4LCAxMDB2d1wiO1xuICB9XG4gIGlmIChhbGlnbiAmJiBzaXplID09PSBcInNtYWxsXCIpIHtcbiAgICByZXR1cm4gXCIobWluLXdpZHRoOiAxMDI0cHgpIDM1MHB4LCAobWluLXdpZHRoOiA3NjhweCkgMTgwcHgsIDEwMHZ3XCI7XG4gIH1cbiAgaWYgKGFsaWduICYmIHNpemUgPT09IFwieHNtYWxsXCIpIHtcbiAgICByZXR1cm4gXCIobWluLXdpZHRoOiAxMDI0cHgpIDE4MHB4LCAobWluLXdpZHRoOiA3NjhweCkgMTgwcHgsIDEwMHZ3XCI7XG4gIH1cbiAgcmV0dXJuIFwiKG1pbi13aWR0aDogMTAyNHB4KSAxMDI0cHgsIDEwMHZ3XCI7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0Rm9jYWxQb2ludCA9IChkYXRhOiBJbWFnZUVtYmVkRGF0YSkgPT4ge1xuICBjb25zdCBmb2NhbFggPSBOdW1iZXIucGFyc2VGbG9hdChkYXRhLmZvY2FsWCA/PyBcIlwiKTtcbiAgY29uc3QgZm9jYWxZID0gTnVtYmVyLnBhcnNlRmxvYXQoZGF0YS5mb2NhbFkgPz8gXCJcIik7XG4gIGlmICghTnVtYmVyLmlzTmFOKGZvY2FsWCkgJiYgIU51bWJlci5pc05hTihmb2NhbFkpKSB7XG4gICAgcmV0dXJuIHsgeDogZm9jYWxYLCB5OiBmb2NhbFkgfTtcbiAgfVxuICByZXR1cm4gdW5kZWZpbmVkO1xufTtcblxuZXhwb3J0IGNvbnN0IGdldENyb3AgPSAoZGF0YTogSW1hZ2VFbWJlZERhdGEpID0+IHtcbiAgY29uc3QgbG93ZXJSaWdodFggPSBOdW1iZXIucGFyc2VGbG9hdChkYXRhLmxvd2VyUmlnaHRYID8/IFwiXCIpO1xuICBjb25zdCBsb3dlclJpZ2h0WSA9IE51bWJlci5wYXJzZUZsb2F0KGRhdGEubG93ZXJSaWdodFkgPz8gXCJcIik7XG4gIGNvbnN0IHVwcGVyTGVmdFggPSBOdW1iZXIucGFyc2VGbG9hdChkYXRhLnVwcGVyTGVmdFggPz8gXCJcIik7XG4gIGNvbnN0IHVwcGVyTGVmdFkgPSBOdW1iZXIucGFyc2VGbG9hdChkYXRhLnVwcGVyTGVmdFkgPz8gXCJcIik7XG4gIGlmIChcbiAgICAhTnVtYmVyLmlzTmFOKGxvd2VyUmlnaHRYKSAmJlxuICAgICFOdW1iZXIuaXNOYU4obG93ZXJSaWdodFkpICYmXG4gICAgIU51bWJlci5pc05hTih1cHBlckxlZnRYKSAmJlxuICAgICFOdW1iZXIuaXNOYU4odXBwZXJMZWZ0WSlcbiAgKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIHN0YXJ0WDogbG93ZXJSaWdodFgsXG4gICAgICBzdGFydFk6IGxvd2VyUmlnaHRZLFxuICAgICAgZW5kWDogdXBwZXJMZWZ0WCxcbiAgICAgIGVuZFk6IHVwcGVyTGVmdFksXG4gICAgfTtcbiAgfVxuICByZXR1cm4gdW5kZWZpbmVkO1xufTtcblxuY29uc3QgZXhwYW5kZWRTaXplcyA9IFwiKG1pbi13aWR0aDogMTAyNHB4KSAxMDI0cHgsIDEwMHZ3XCI7XG5cbmNvbnN0IFN0eWxlZEZpZ3VyZSA9IHN0eWxlZChGaWd1cmUpYFxuICAmOmhvdmVyIHtcbiAgICBbZGF0YS1ieWxpbmUtYnV0dG9uXSB7XG4gICAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy53aGl0ZX07XG4gICAgfVxuICAgIGJ1dHRvbltkYXRhLWV4cGFuZGVkXSB7XG4gICAgICB0cmFuc2Zvcm06IHNjYWxlKDEuMik7XG4gICAgfVxuICB9XG4gIGJ1dHRvbltkYXRhLWV4cGFuZGVkPVwidHJ1ZVwiXSB7XG4gICAgc3ZnIHtcbiAgICAgIHRyYW5zZm9ybTogcm90YXRlKC00NWRlZyk7XG4gICAgfVxuICB9XG4gICZbZGF0YS1mbG9hdD1cInJpZ2h0XCJdIHtcbiAgICBmbG9hdDogcmlnaHQ7XG4gIH1cbiAgJltkYXRhLWZsb2F0PVwibGVmdFwiXSB7XG4gICAgZmxvYXQ6IGxlZnQ7XG4gIH1cbmA7XG5cbmNvbnN0IEltYWdlRW1iZWQgPSAoeyBlbWJlZCwgcHJldmlld0FsdCwgaW5HcmlkLCBsYW5nLCByZW5kZXJDb250ZXh0ID0gXCJhcnRpY2xlXCIsIGNoaWxkcmVuIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IFtpc0J5bGluZUhpZGRlbiwgc2V0SXNCeWxpbmVIaWRkZW5dID0gdXNlU3RhdGUoaGlkZUJ5bGluZShlbWJlZC5lbWJlZERhdGEpKTtcbiAgY29uc3QgW2ltYWdlU2l6ZXMsIHNldEltYWdlU2l6ZXNdID0gdXNlU3RhdGU8c3RyaW5nIHwgdW5kZWZpbmVkPih1bmRlZmluZWQpO1xuICAvLyBGdWxsLXNpemUgZmlndXJlcyBhdXRvbWF0aWNhbGx5IGdldCBhIG1hcmdpbiBvZiB7c3BhY2luZy5ub3JtYWx9IG9uIGl0cyB5LWF4aXMgaWYgYSBmbG9hdCBpcyBub3Qgc2V0IChvciBpZiBmbG9hdCBpcyBhbiBlbXB0eSBzdHJpbmcpLlxuICAvLyBUaGlzIGFkZHMgc29tZSBtYXJnaW4gdG8gbm9ybWFsIGZpZ3VyZXMgd2l0aGluIGFuIGFydGljbGUsIGJ1dCBzaG91bGQgbm90IGhhcHBlbiBmb3IgZmlndXJlcyBpbiBhIGdyaWQuXG4gIGNvbnN0IFtmbG9hdEF0dHIsIHNldEZsb2F0QXR0cl0gPSB1c2VTdGF0ZTx7IFwiZGF0YS1mbG9hdFwiPzogc3RyaW5nIH0+KCgpID0+XG4gICAgaW5HcmlkICYmICFlbWJlZC5lbWJlZERhdGEuYWxpZ24gPyB7fSA6IHsgXCJkYXRhLWZsb2F0XCI6IGVtYmVkLmVtYmVkRGF0YS5hbGlnbiB9LFxuICApO1xuXG4gIGNvbnN0IHBhcnNlZERlc2NyaXB0aW9uID0gdXNlTWVtbygoKSA9PiB7XG4gICAgaWYgKGVtYmVkLmVtYmVkRGF0YS5jYXB0aW9uIHx8IHJlbmRlckNvbnRleHQgPT09IFwiYXJ0aWNsZVwiKSB7XG4gICAgICByZXR1cm4gZW1iZWQuZW1iZWREYXRhLmNhcHRpb24gPyBwYXJzZShlbWJlZC5lbWJlZERhdGEuY2FwdGlvbikgOiB1bmRlZmluZWQ7XG4gICAgfVxuICAgIGlmIChlbWJlZC5zdGF0dXMgPT09IFwic3VjY2Vzc1wiICYmIGVtYmVkLmRhdGEuY2FwdGlvbi5jYXB0aW9uKSB7XG4gICAgICByZXR1cm4gcGFyc2UoZW1iZWQuZGF0YS5jYXB0aW9uLmNhcHRpb24pO1xuICAgIH1cbiAgfSwgW2VtYmVkLCByZW5kZXJDb250ZXh0XSk7XG5cbiAgaWYgKGVtYmVkLnN0YXR1cyA9PT0gXCJlcnJvclwiKSB7XG4gICAgY29uc3QgeyBhbGlnbiwgc2l6ZSB9ID0gZW1iZWQuZW1iZWREYXRhO1xuICAgIGNvbnN0IGZpZ3VyZVR5cGUgPSBnZXRGaWd1cmVUeXBlKHNpemUsIGFsaWduKTtcbiAgICByZXR1cm4gPEVtYmVkRXJyb3JQbGFjZWhvbGRlciB0eXBlPXtcImltYWdlXCJ9IGZpZ3VyZVR5cGU9e2ZpZ3VyZVR5cGV9IC8+O1xuICB9XG5cbiAgY29uc3QgeyBkYXRhLCBlbWJlZERhdGEgfSA9IGVtYmVkO1xuXG4gIGNvbnN0IGFsdFRleHQgPSBlbWJlZERhdGEuYWx0IHx8IFwiXCI7XG5cbiAgY29uc3QgZmlndXJlVHlwZSA9IGdldEZpZ3VyZVR5cGUoZW1iZWREYXRhLnNpemUsIGVtYmVkRGF0YS5hbGlnbik7XG4gIGNvbnN0IHNpemVzID0gZ2V0U2l6ZXMoZW1iZWREYXRhLnNpemUsIGVtYmVkRGF0YS5hbGlnbik7XG5cbiAgY29uc3QgZm9jYWxQb2ludCA9IGdldEZvY2FsUG9pbnQoZW1iZWREYXRhKTtcbiAgY29uc3QgY3JvcCA9IGdldENyb3AoZW1iZWREYXRhKTtcblxuICBjb25zdCBpc0NvcHlyaWdodGVkID0gZGF0YS5jb3B5cmlnaHQubGljZW5zZS5saWNlbnNlLnRvTG93ZXJDYXNlKCkgPT09IENPUFlSSUdIVEVEO1xuXG4gIGNvbnN0IHRvZ2dsZUltYWdlU2l6ZSA9ICgpID0+IHtcbiAgICBpZiAoIWltYWdlU2l6ZXMpIHtcbiAgICAgIHNldEltYWdlU2l6ZXMoZXhwYW5kZWRTaXplcyk7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgc2V0RmxvYXRBdHRyKHt9KTtcbiAgICAgIH0sIDQwMCk7IC8vUmVtb3ZpbmcgdGhlIGZsb2F0IHBhcmFtZXRlciB0b28gcXVpY2tseSBjYXVzZXMgdGhlIGltYWdlIHRvIGJlIHJlc2l6ZWQgZnJvbSBsZWZ0IHJlZ2FyZGxlc3NcbiAgICB9IGVsc2Uge1xuICAgICAgc2V0SW1hZ2VTaXplcyh1bmRlZmluZWQpO1xuICAgICAgc2V0RmxvYXRBdHRyKHsgXCJkYXRhLWZsb2F0XCI6IGVtYmVkRGF0YS5hbGlnbiB9KTtcbiAgICB9XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkRmlndXJlIHR5cGU9e2ltYWdlU2l6ZXMgPyB1bmRlZmluZWQgOiBmaWd1cmVUeXBlfSB7Li4uZmxvYXRBdHRyfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDxJbWFnZVxuICAgICAgICBmb2NhbFBvaW50PXtmb2NhbFBvaW50fVxuICAgICAgICBjb250ZW50VHlwZT17ZGF0YS5pbWFnZS5jb250ZW50VHlwZX1cbiAgICAgICAgY3JvcD17Y3JvcH1cbiAgICAgICAgc2l6ZXM9e2ltYWdlU2l6ZXMgPz8gc2l6ZXN9XG4gICAgICAgIGFsdD17YWx0VGV4dH1cbiAgICAgICAgc3JjPXtkYXRhLmltYWdlLmltYWdlVXJsfVxuICAgICAgICBib3JkZXI9e2VtYmVkRGF0YS5ib3JkZXJ9XG4gICAgICAgIG9uRXhwYW5kPXtpc0FsaWduKGVtYmVkRGF0YS5hbGlnbikgPyB0b2dnbGVJbWFnZVNpemUgOiB1bmRlZmluZWR9XG4gICAgICAgIGV4cGFuZGVkPXshIWltYWdlU2l6ZXN9XG4gICAgICAgIGV4cGFuZEJ1dHRvbj17XG4gICAgICAgICAgPEV4cGFuZEJ1dHRvblxuICAgICAgICAgICAgZW1iZWREYXRhPXtlbWJlZERhdGF9XG4gICAgICAgICAgICBleHBhbmRlZD17ISFpbWFnZVNpemVzfVxuICAgICAgICAgICAgYWxpZ249e2VtYmVkRGF0YS5hbGlnbn1cbiAgICAgICAgICAgIGJ5bGluZUhpZGRlbj17aXNCeWxpbmVIaWRkZW59XG4gICAgICAgICAgICBvbkV4cGFuZD17dG9nZ2xlSW1hZ2VTaXplfVxuICAgICAgICAgICAgb25IaWRlQnlsaW5lPXsoKSA9PiBzZXRJc0J5bGluZUhpZGRlbigocCkgPT4gIXApfVxuICAgICAgICAgIC8+XG4gICAgICAgIH1cbiAgICAgICAgbGFuZz17bGFuZ31cbiAgICAgIC8+XG4gICAgICB7aXNCeWxpbmVIaWRkZW4gPyBudWxsIDogKFxuICAgICAgICA8RW1iZWRCeWxpbmVcbiAgICAgICAgICB0eXBlPVwiaW1hZ2VcIlxuICAgICAgICAgIGNvcHlyaWdodD17ZGF0YS5jb3B5cmlnaHR9XG4gICAgICAgICAgZGVzY3JpcHRpb249e3BhcnNlZERlc2NyaXB0aW9ufVxuICAgICAgICAgIHZpc2libGVBbHQ9e3ByZXZpZXdBbHQgPyBlbWJlZC5lbWJlZERhdGEuYWx0IDogXCJcIn1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgPC9TdHlsZWRGaWd1cmU+XG4gICk7XG59O1xuXG5jb25zdCBoaWRlQnlsaW5lID0gKGVtYmVkOiBJbWFnZUVtYmVkRGF0YSk6IGJvb2xlYW4gPT4ge1xuICByZXR1cm4gKCEhZW1iZWQuc2l6ZSAmJiBlbWJlZC5zaXplLmVuZHNXaXRoKFwiLWhpZGUtYnlsaW5lXCIpKSB8fCBlbWJlZC5oaWRlQnlsaW5lID09PSBcInRydWVcIjtcbn07XG5cbmludGVyZmFjZSBFeHBhbmRCdXR0b25Qcm9wcyB7XG4gIGVtYmVkRGF0YTogSW1hZ2VFbWJlZERhdGE7XG4gIGFsaWduPzogc3RyaW5nO1xuICBleHBhbmRlZDogYm9vbGVhbjtcbiAgYnlsaW5lSGlkZGVuOiBib29sZWFuO1xuICBvbkV4cGFuZDogTW91c2VFdmVudEhhbmRsZXI8SFRNTEJ1dHRvbkVsZW1lbnQ+O1xuICBvbkhpZGVCeWxpbmU6IE1vdXNlRXZlbnRIYW5kbGVyPEhUTUxCdXR0b25FbGVtZW50Pjtcbn1cblxuY29uc3QgQnlsaW5lQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHotaW5kZXg6IDE7XG4gIGJvdHRvbTogMDtcbiAgcmlnaHQ6IDA7XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gIHRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2Utb3V0O1xuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5iYWNrZ3JvdW5kLmRlZmF1bHR9MjA7XG4gIGJvcmRlcjogMDtcblxuICBzdmcge1xuICAgIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjRzIGVhc2Utb3V0O1xuICAgIHdpZHRoOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgICBoZWlnaHQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAgIGZpbGw6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHBhZGRpbmc6IDA7XG4gIHRvcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgcmlnaHQ6ICR7c3BhY2luZy5zbWFsbH07XG4gIHdpZHRoOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgaGVpZ2h0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgYm9yZGVyOiAycHggc29saWQgJHtjb2xvcnMud2hpdGV9O1xuICB0cmFuc2l0aW9uOiBhbGwgMC4zcyBlYXNlLW91dDtcbiAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXNMYXJnZX07XG4gIHN2ZyB7XG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuNHMgZWFzZS1vdXQ7XG4gICAgaGVpZ2h0OiAke3NwYWNpbmcubnNtYWxsfTtcbiAgICB3aWR0aDogJHtzcGFjaW5nLm5zbWFsbH07XG4gIH1cbmA7XG5cbmNvbnN0IEV4cGFuZEJ1dHRvbiA9ICh7IGFsaWduLCBlbWJlZERhdGEsIGV4cGFuZGVkLCBieWxpbmVIaWRkZW4sIG9uRXhwYW5kLCBvbkhpZGVCeWxpbmUgfTogRXhwYW5kQnV0dG9uUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBpZiAoaXNBbGlnbihhbGlnbikpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZEJ1dHRvblxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgYXJpYS1sYWJlbD17dChgbGljZW5zZS5pbWFnZXMuaXRlbUltYWdlLnpvb20ke2V4cGFuZGVkID8gXCJPdXRcIiA6IFwiXCJ9SW1hZ2VCdXR0b25MYWJlbGApfVxuICAgICAgICBvbkNsaWNrPXtvbkV4cGFuZH1cbiAgICAgICAgZGF0YS1leHBhbmRlZD17ZXhwYW5kZWR9XG4gICAgICA+XG4gICAgICAgIDxQbHVzIC8+XG4gICAgICA8L1N0eWxlZEJ1dHRvbj5cbiAgICApO1xuICB9XG4gIGlmIChoaWRlQnlsaW5lKGVtYmVkRGF0YSkpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPEJ5bGluZUJ1dHRvblxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgZGF0YS1ieWxpbmUtYnV0dG9uPVwiXCJcbiAgICAgICAgYXJpYS1sYWJlbD17dChgbGljZW5zZS5pbWFnZXMuaXRlbUltYWdlLiR7YnlsaW5lSGlkZGVuID8gXCJleHBhbmRCeWxpbmVcIiA6IFwibWluaW1pemVCeWxpbmVcIn1gKX1cbiAgICAgICAgb25DbGljaz17b25IaWRlQnlsaW5lfVxuICAgICAgPlxuICAgICAgICB7YnlsaW5lSGlkZGVuID8gPENoZXZyb25Eb3duIC8+IDogPENoZXZyb25VcCAvPn1cbiAgICAgIDwvQnlsaW5lQnV0dG9uPlxuICAgICk7XG4gIH1cbiAgcmV0dXJuIG51bGw7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBJbWFnZUVtYmVkO1xuIl19 */"));
-const ExpandButton = _ref2 => {
-  let {
-    align,
-    embedData,
-    expanded,
-    bylineHidden,
-    onExpand,
-    onHideByline
-  } = _ref2;
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)();
-  if (isAlign(align)) {
-    return (0, _jsxRuntime.jsx)(StyledButton, {
-      type: "button",
-      "aria-label": t("license.images.itemImage.zoom".concat(expanded ? "Out" : "", "ImageButtonLabel")),
-      onClick: onExpand,
-      "data-expanded": expanded,
-      children: (0, _jsxRuntime.jsx)(_action.Plus, {})
-    });
-  }
-  if (hideByline(embedData)) {
-    return (0, _jsxRuntime.jsx)(BylineButton, {
-      type: "button",
-      "data-byline-button": "",
-      "aria-label": t("license.images.itemImage.".concat(bylineHidden ? "expandByline" : "minimizeByline")),
-      onClick: onHideByline,
-      children: bylineHidden ? (0, _jsxRuntime.jsx)(_common.ChevronDown, {}) : (0, _jsxRuntime.jsx)(_common.ChevronUp, {})
-    });
-  }
-  return null;
-};
 var _default = exports.default = ImageEmbed;

package/lib/Embed/InlineTriggerButton.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Copyright (c) 2024-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+/// <reference types="react" />
+export declare const InlineTriggerButton: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;