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

package/es/Embed/BrightcoveEmbed.js

@@ -114,7 +114,6 @@ const BrightcoveEmbed = _ref => {
       type: "video",
       copyright: data.copyright,
       description: parsedDescription,
-      bottomRounded: true,
       children: !!linkedVideoId && _jsx(LinkedVideoButton, {
         size: "small",
         variant: "secondary",

package/es/Embed/CopyrightEmbed.js

@@ -16,8 +16,7 @@ const CopyrightEmbed = _ref => {
   return _jsxs("figure", {
     children: [children, _jsx(EmbedByline, {
       type: "copyright",
-      copyright: embed.embedData.copyright,
-      bottomRounded: true
+      copyright: embed.embedData.copyright
     })]
   });
 };

package/es/LicenseByline/EmbedByline.js

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

package/es/LicenseByline/LicenseLink.js

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

package/es/LicenseByline/index.js

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

package/es/index.js

@@ -47,7 +47,6 @@ export { TagSelectorRoot, TagSelectorLabel, TagSelectorItemInput, TagSelectorTri
 export { SnackbarProvider, useSnack, BaseSnack, DefaultSnackbar } from "./SnackBar";
 export { TreeStructure } from "./TreeStructure";
 export { SearchField, SearchResultList, SearchResultItem, ActiveFilters } from "./Search";
-export { OrderedList, UnOrderedList } from "./List";
 export { BlogPostV2 } from "./BlogPost";
 export { ProgrammeCard } from "./ProgrammeCard";
 export { KeyFigure } from "./KeyFigure";

package/es/styles.css

@@ -73,6 +73,10 @@
     box-shadow: var(--shadows-full);
 }
 
+  .mbe_4xsmall {
+    margin-block-end: var(--spacing-4xsmall);
+}
+
   .ov_hidden {
     overflow: hidden;
 }
@@ -415,6 +419,26 @@
     background: var(--colors-surface-default);
 }
 
+  .bg_surface\.dangerSubtle {
+    background: var(--colors-surface-danger-subtle);
+}
+
+  .d_inline-flex {
+    display: inline-flex;
+}
+
+  .white-space_pre-wrap {
+    white-space: pre-wrap;
+}
+
+  .c_primary {
+    color: var(--colors-primary);
+}
+
+  .white-space_nowrap {
+    white-space: nowrap;
+}
+
   .c_icon\.strong {
     color: var(--colors-icon-strong);
 }
@@ -604,6 +628,10 @@
     font-style: italic;
 }
 
+  .bd-c_stroke\.error {
+    border-color: var(--colors-stroke-error);
+}
+
   .grid-tc_repeat\(2\,_1fr\) {
     grid-template-columns: repeat(2, 1fr);
 }
@@ -926,6 +954,10 @@
     content: "";
 }
 
+  .focusWithin\:td_none:focus-within {
+    text-decoration: none;
+}
+
   .focusVisible\:ring_none:is(:focus-visible, [data-focus-visible]) {
     outline: 2px solid transparent;
     outline-offset: 2px;
@@ -1042,6 +1074,9 @@
   @media screen and (min-width: 29.75rem) {
     .mobileWide\:max-w_surface\.medium {
       max-width: var(--sizes-surface-medium);
+}
+    .mobileWide\:d_none {
+      display: none;
 }
 }
 
@@ -1157,8 +1192,59 @@
 }
 
   @media screen and (max-width: 29.7475rem) {
+    .mobileWideDown\:d_grid {
+      display: grid;
+}
+    .mobileWideDown\:ov_hidden {
+      overflow: hidden;
+}
+    .mobileWideDown\:white-space_nowrap {
+      white-space: nowrap;
+}
+    .mobileWideDown\:max-h_large {
+      max-height: var(--sizes-large);
+}
+    .mobileWideDown\:tov_ellipsis {
+      text-overflow: ellipsis;
+}
     .mobileWideDown\:cg_3xsmall {
       column-gap: var(--spacing-3xsmall);
+}
+    .mobileWideDown\:grid-tc_1fr_auto {
+      grid-template-columns: 1fr auto;
+}
+    .mobileWideDown\:ai_center {
+      align-items: center;
+}
+    .mobileWideDown\:trs-prop_max-height {
+      --transition-prop: max-height;
+      transition-property: max-height;
+}
+    .mobileWideDown\:trs-dur_slow {
+      --transition-duration: var(--durations-slow);
+      transition-duration: var(--durations-slow);
+}
+    .mobileWideDown\:trs-tmf_ease-in {
+      --transition-easing: ease-in;
+      transition-timing-function: ease-in;
+}
+}
+
+  @media screen and (max-width: 29.7475rem) {
+    .mobileWideDown\:open\:d_inline:is([open], [data-open], [data-state="open"]) {
+      display: inline;
+}
+}
+
+  @media screen and (max-width: 29.7475rem) {
+    .mobileWideDown\:open\:white-space_pre-wrap:is([open], [data-open], [data-state="open"]) {
+      white-space: pre-wrap;
+}
+}
+
+  @media screen and (max-width: 29.7475rem) {
+    .mobileWideDown\:open\:max-h_none:is([open], [data-open], [data-state="open"]) {
+      max-height: none;
 }
 }