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

package/lib/FactBox/FactBox.js

@@ -4,48 +4,107 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = require("react");
 var _reactI18next = require("react-i18next");
-var _react2 = require("@emotion/react");
-var _button = require("@ndla/button");
-var _core = require("@ndla/core");
 var _common = require("@ndla/icons/common");
+var _primitives = require("@ndla/primitives");
+var _jsx2 = require("@ndla/styled-system/jsx");
 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) 2016-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 StyledAside = /*#__PURE__*/(0, _base.default)("aside", {
-  target: "el037bs2",
-  label: "StyledAside"
-})("display:flex;flex-direction:column;align-items:center;position:relative;z-index:", _core.stackOrder.offsetSingle, ";margin:", _core.spacing.large, " 0 calc(", _core.spacing.large, " - ", _core.spacing.nsmall, ") 0;overflow:hidden;padding-bottom:", _core.spacing.nsmall, ";@media print{overflow:visible;}h2:first-of-type{border-bottom:2px solid ", _core.colors.brand.primary, ";margin-top:0;margin-bottom:", _core.spacing.normal, ";}h2,h3,h4,h5{display:block;margin-top:", _core.spacing.normal, ";margin-bottom:", _core.spacing.small, ";border-bottom:1px solid ", _core.colors.brand.light, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZhY3RCb3gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCZ0MiLCJmaWxlIjoiRmFjdEJveC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxNi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbi8qKiBAanN4SW1wb3J0U291cmNlIEBlbW90aW9uL3JlYWN0ICovXG5pbXBvcnQgeyBDb21wb25lbnRQcm9wcywgUmVhY3ROb2RlLCBmb3J3YXJkUmVmLCB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEljb25CdXR0b25WMiB9IGZyb20gXCJAbmRsYS9idXR0b25cIjtcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1xLCBzcGFjaW5nLCBzdGFja09yZGVyIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IENoZXZyb25Eb3duLCBDaGV2cm9uVXAgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5cbmludGVyZmFjZSBQcm9wcyBleHRlbmRzIENvbXBvbmVudFByb3BzPFwiYXNpZGVcIj4ge1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbiAgZGVmYXVsdE9wZW4/OiBib29sZWFuO1xuICBvcGVuPzogYm9vbGVhbjtcbiAgb25PcGVuQ2hhbmdlPzogKG9wZW46IGJvb2xlYW4pID0+IHZvaWQ7XG59XG5cbmNvbnN0IFN0eWxlZEFzaWRlID0gc3R5bGVkLmFzaWRlYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHotaW5kZXg6ICR7c3RhY2tPcmRlci5vZmZzZXRTaW5nbGV9O1xuICBtYXJnaW46ICR7c3BhY2luZy5sYXJnZX0gMCBjYWxjKCR7c3BhY2luZy5sYXJnZX0gLSAke3NwYWNpbmcubnNtYWxsfSkgMDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgcGFkZGluZy1ib3R0b206ICR7c3BhY2luZy5uc21hbGx9O1xuXG4gIEBtZWRpYSBwcmludCB7XG4gICAgb3ZlcmZsb3c6IHZpc2libGU7XG4gIH1cblxuICBoMjpmaXJzdC1vZi10eXBlIHtcbiAgICBib3JkZXItYm90dG9tOiAycHggc29saWQgJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgbWFyZ2luLXRvcDogMDtcbiAgICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgfVxuXG4gIGgyLFxuICBoMyxcbiAgaDQsXG4gIGg1IHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBtYXJnaW4tdG9wOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcuc21hbGx9O1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5saWdodH07XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZERpdiA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMDAlO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5ncmV5RGFya307XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5sYXJnZX07XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodH07XG4gIG1heC1oZWlnaHQ6IDE5MHB4O1xuICB0cmFuc2l0aW9uOiBtYXgtaGVpZ2h0IDAuNnMgZWFzZS1pbi1vdXQ7XG4gIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgJjphZnRlciB7XG4gICAgY29udGVudDogXCJcIjtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBib3R0b206IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgd2lkdGg6IDk5JTtcbiAgICBtYXJnaW46IDAuNSUgMC41JSAwIDAuNSU7XG4gICAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjVzIGN1YmljLWJlemllcigwLjc0LCAtMC4wNCwgMC45NiwgMC45Nyk7XG4gICAgLyogVGhlIDAwIGFmdGVyIG91ciBjb2xvciBpcyB0byBzZXQgaXRzIG9wYWNpdHkgdG8gMCAqL1xuICAgIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCgke2NvbG9ycy5icmFuZC5saWdodH0wMCwgJHtjb2xvcnMud2hpdGV9KTtcbiAgICBvcGFjaXR5OiAxO1xuICAgIHotaW5kZXg6ICR7c3RhY2tPcmRlci5iYXNlfTtcbiAgfVxuXG4gIEBtZWRpYSBwcmludCB7XG4gICAgbWF4LWhlaWdodDogcmV2ZXJ0O1xuICAgICY6YWZ0ZXIge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG4gIH1cblxuICAmID4gdWw6bm90KFtjbGFzc10pLFxuICA6bm90KGxpKSA+IHVsOm5vdChbY2xhc3NdKSB7XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgICB9XG4gIH1cblxuICAmID4gb2w6bm90KFtjbGFzc10pLFxuICA6bm90KGxpKSA+IG9sOm5vdChbY2xhc3NdKSB7XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAke3NwYWNpbmcubGFyZ2V9O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSWNvbkJ1dHRvbiA9IHN0eWxlZChJY29uQnV0dG9uVjIpYFxuICBtYXJnaW4tdG9wOiAtMjBweDtcbiAgei1pbmRleDogJHtzdGFja09yZGVyLm9mZnNldFNpbmdsZX07XG5cbiAgQG1lZGlhIHByaW50IHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBleHBhbmRlZFN0eWxlID0gY3NzYFxuICBtYXgtaGVpZ2h0OiA1MDB2aDtcbmA7XG5cbmNvbnN0IGV4cGFuZGVkQ29udGVudFN0eWxlID0gY3NzYFxuICBtYXgtaGVpZ2h0OiA1MDB2aDtcbiAgJjphZnRlciB7XG4gICAgb3BhY2l0eTogMDtcbiAgICB6LWluZGV4OiAke3N0YWNrT3JkZXIuaGlkZX07XG4gIH1cbmA7XG5cbmNvbnN0IEZhY3RCb3ggPSBmb3J3YXJkUmVmPEhUTUxFbGVtZW50LCBQcm9wcz4oXG4gICh7IGNoaWxkcmVuLCBvcGVuLCBvbk9wZW5DaGFuZ2UsIGRlZmF1bHRPcGVuID0gZmFsc2UsIC4uLnJlc3QgfSwgcmVmKSA9PiB7XG4gICAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICAgIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShkZWZhdWx0T3Blbik7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgaWYgKG9wZW4gIT09IHVuZGVmaW5lZCkge1xuICAgICAgICBzZXRJc09wZW4ob3Blbik7XG4gICAgICB9XG4gICAgfSwgW29wZW5dKTtcblxuICAgIGNvbnN0IG9uQ2xpY2sgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICBjb25zdCBuZXdPcGVuID0gIWlzT3BlbjtcbiAgICAgIHNldElzT3BlbihuZXdPcGVuKTtcbiAgICAgIG9uT3BlbkNoYW5nZT8uKG5ld09wZW4pO1xuICAgIH0sIFtpc09wZW4sIG9uT3BlbkNoYW5nZV0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRBc2lkZSB7Li4ucmVzdH0gY3NzPXtbaXNPcGVuID8gZXhwYW5kZWRTdHlsZSA6IHVuZGVmaW5lZF19IHJlZj17cmVmfT5cbiAgICAgICAgPFN0eWxlZERpdiBjc3M9e2lzT3BlbiA/IGV4cGFuZGVkQ29udGVudFN0eWxlIDogdW5kZWZpbmVkfT57Y2hpbGRyZW59PC9TdHlsZWREaXY+XG4gICAgICAgIDxTdHlsZWRJY29uQnV0dG9uIG9uQ2xpY2s9e29uQ2xpY2t9IGFyaWEtbGFiZWw9e3QoYGZhY3Rib3guJHtpc09wZW4gPyBcImNsb3NlXCIgOiBcIm9wZW5cIn1gKX0+XG4gICAgICAgICAge2lzT3BlbiA/IDxDaGV2cm9uVXAgLz4gOiA8Q2hldnJvbkRvd24gLz59XG4gICAgICAgIDwvU3R5bGVkSWNvbkJ1dHRvbj5cbiAgICAgIDwvU3R5bGVkQXNpZGU+XG4gICAgKTtcbiAgfSxcbik7XG5cbmV4cG9ydCBkZWZhdWx0IEZhY3RCb3g7XG4iXX0= */"));
-const StyledDiv = /*#__PURE__*/(0, _base.default)("div", {
-  target: "el037bs1",
-  label: "StyledDiv"
-})("width:100%;position:relative;color:", _core.colors.brand.greyDark, ";padding:", _core.spacing.normal, " ", _core.spacing.normal, " ", _core.spacing.large, ";border:1px solid ", _core.colors.brand.greyLight, ";max-height:190px;transition:max-height 0.6s ease-in-out;overflow:hidden;&:after{content:\"\";text-align:center;position:absolute;top:0;bottom:0;right:0;width:99%;margin:0.5% 0.5% 0 0.5%;transition:opacity 0.5s cubic-bezier(0.74, -0.04, 0.96, 0.97);background:linear-gradient(", _core.colors.brand.light, "00, ", _core.colors.white, ");opacity:1;z-index:", _core.stackOrder.base, ";}@media print{max-height:revert;&:after{display:none;}}&>ul:not([class]),:not(li)>ul:not([class]){", _core.mq.range({
-  from: _core.breakpoints.desktop
-}), "{margin-left:", _core.spacing.normal, ";}}&>ol:not([class]),:not(li)>ol:not([class]){", _core.mq.range({
-  from: _core.breakpoints.desktop
-}), "{margin-left:", _core.spacing.large, ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZhY3RCb3gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVENEIiLCJmaWxlIjoiRmFjdEJveC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxNi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbi8qKiBAanN4SW1wb3J0U291cmNlIEBlbW90aW9uL3JlYWN0ICovXG5pbXBvcnQgeyBDb21wb25lbnRQcm9wcywgUmVhY3ROb2RlLCBmb3J3YXJkUmVmLCB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEljb25CdXR0b25WMiB9IGZyb20gXCJAbmRsYS9idXR0b25cIjtcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1xLCBzcGFjaW5nLCBzdGFja09yZGVyIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IENoZXZyb25Eb3duLCBDaGV2cm9uVXAgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5cbmludGVyZmFjZSBQcm9wcyBleHRlbmRzIENvbXBvbmVudFByb3BzPFwiYXNpZGVcIj4ge1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbiAgZGVmYXVsdE9wZW4/OiBib29sZWFuO1xuICBvcGVuPzogYm9vbGVhbjtcbiAgb25PcGVuQ2hhbmdlPzogKG9wZW46IGJvb2xlYW4pID0+IHZvaWQ7XG59XG5cbmNvbnN0IFN0eWxlZEFzaWRlID0gc3R5bGVkLmFzaWRlYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHotaW5kZXg6ICR7c3RhY2tPcmRlci5vZmZzZXRTaW5nbGV9O1xuICBtYXJnaW46ICR7c3BhY2luZy5sYXJnZX0gMCBjYWxjKCR7c3BhY2luZy5sYXJnZX0gLSAke3NwYWNpbmcubnNtYWxsfSkgMDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgcGFkZGluZy1ib3R0b206ICR7c3BhY2luZy5uc21hbGx9O1xuXG4gIEBtZWRpYSBwcmludCB7XG4gICAgb3ZlcmZsb3c6IHZpc2libGU7XG4gIH1cblxuICBoMjpmaXJzdC1vZi10eXBlIHtcbiAgICBib3JkZXItYm90dG9tOiAycHggc29saWQgJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgbWFyZ2luLXRvcDogMDtcbiAgICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgfVxuXG4gIGgyLFxuICBoMyxcbiAgaDQsXG4gIGg1IHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBtYXJnaW4tdG9wOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcuc21hbGx9O1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5saWdodH07XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZERpdiA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMDAlO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5ncmV5RGFya307XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5sYXJnZX07XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodH07XG4gIG1heC1oZWlnaHQ6IDE5MHB4O1xuICB0cmFuc2l0aW9uOiBtYXgtaGVpZ2h0IDAuNnMgZWFzZS1pbi1vdXQ7XG4gIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgJjphZnRlciB7XG4gICAgY29udGVudDogXCJcIjtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBib3R0b206IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgd2lkdGg6IDk5JTtcbiAgICBtYXJnaW46IDAuNSUgMC41JSAwIDAuNSU7XG4gICAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjVzIGN1YmljLWJlemllcigwLjc0LCAtMC4wNCwgMC45NiwgMC45Nyk7XG4gICAgLyogVGhlIDAwIGFmdGVyIG91ciBjb2xvciBpcyB0byBzZXQgaXRzIG9wYWNpdHkgdG8gMCAqL1xuICAgIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCgke2NvbG9ycy5icmFuZC5saWdodH0wMCwgJHtjb2xvcnMud2hpdGV9KTtcbiAgICBvcGFjaXR5OiAxO1xuICAgIHotaW5kZXg6ICR7c3RhY2tPcmRlci5iYXNlfTtcbiAgfVxuXG4gIEBtZWRpYSBwcmludCB7XG4gICAgbWF4LWhlaWdodDogcmV2ZXJ0O1xuICAgICY6YWZ0ZXIge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG4gIH1cblxuICAmID4gdWw6bm90KFtjbGFzc10pLFxuICA6bm90KGxpKSA+IHVsOm5vdChbY2xhc3NdKSB7XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgICB9XG4gIH1cblxuICAmID4gb2w6bm90KFtjbGFzc10pLFxuICA6bm90KGxpKSA+IG9sOm5vdChbY2xhc3NdKSB7XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAke3NwYWNpbmcubGFyZ2V9O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSWNvbkJ1dHRvbiA9IHN0eWxlZChJY29uQnV0dG9uVjIpYFxuICBtYXJnaW4tdG9wOiAtMjBweDtcbiAgei1pbmRleDogJHtzdGFja09yZGVyLm9mZnNldFNpbmdsZX07XG5cbiAgQG1lZGlhIHByaW50IHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBleHBhbmRlZFN0eWxlID0gY3NzYFxuICBtYXgtaGVpZ2h0OiA1MDB2aDtcbmA7XG5cbmNvbnN0IGV4cGFuZGVkQ29udGVudFN0eWxlID0gY3NzYFxuICBtYXgtaGVpZ2h0OiA1MDB2aDtcbiAgJjphZnRlciB7XG4gICAgb3BhY2l0eTogMDtcbiAgICB6LWluZGV4OiAke3N0YWNrT3JkZXIuaGlkZX07XG4gIH1cbmA7XG5cbmNvbnN0IEZhY3RCb3ggPSBmb3J3YXJkUmVmPEhUTUxFbGVtZW50LCBQcm9wcz4oXG4gICh7IGNoaWxkcmVuLCBvcGVuLCBvbk9wZW5DaGFuZ2UsIGRlZmF1bHRPcGVuID0gZmFsc2UsIC4uLnJlc3QgfSwgcmVmKSA9PiB7XG4gICAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICAgIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShkZWZhdWx0T3Blbik7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgaWYgKG9wZW4gIT09IHVuZGVmaW5lZCkge1xuICAgICAgICBzZXRJc09wZW4ob3Blbik7XG4gICAgICB9XG4gICAgfSwgW29wZW5dKTtcblxuICAgIGNvbnN0IG9uQ2xpY2sgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICBjb25zdCBuZXdPcGVuID0gIWlzT3BlbjtcbiAgICAgIHNldElzT3BlbihuZXdPcGVuKTtcbiAgICAgIG9uT3BlbkNoYW5nZT8uKG5ld09wZW4pO1xuICAgIH0sIFtpc09wZW4sIG9uT3BlbkNoYW5nZV0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRBc2lkZSB7Li4ucmVzdH0gY3NzPXtbaXNPcGVuID8gZXhwYW5kZWRTdHlsZSA6IHVuZGVmaW5lZF19IHJlZj17cmVmfT5cbiAgICAgICAgPFN0eWxlZERpdiBjc3M9e2lzT3BlbiA/IGV4cGFuZGVkQ29udGVudFN0eWxlIDogdW5kZWZpbmVkfT57Y2hpbGRyZW59PC9TdHlsZWREaXY+XG4gICAgICAgIDxTdHlsZWRJY29uQnV0dG9uIG9uQ2xpY2s9e29uQ2xpY2t9IGFyaWEtbGFiZWw9e3QoYGZhY3Rib3guJHtpc09wZW4gPyBcImNsb3NlXCIgOiBcIm9wZW5cIn1gKX0+XG4gICAgICAgICAge2lzT3BlbiA/IDxDaGV2cm9uVXAgLz4gOiA8Q2hldnJvbkRvd24gLz59XG4gICAgICAgIDwvU3R5bGVkSWNvbkJ1dHRvbj5cbiAgICAgIDwvU3R5bGVkQXNpZGU+XG4gICAgKTtcbiAgfSxcbik7XG5cbmV4cG9ydCBkZWZhdWx0IEZhY3RCb3g7XG4iXX0= */"));
-const StyledIconButton = /*#__PURE__*/(0, _base.default)(_button.IconButtonV2, {
-  target: "el037bs0",
-  label: "StyledIconButton"
-})("margin-top:-20px;z-index:", _core.stackOrder.offsetSingle, ";@media print{display:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZhY3RCb3gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVHNkMiLCJmaWxlIjoiRmFjdEJveC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxNi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbi8qKiBAanN4SW1wb3J0U291cmNlIEBlbW90aW9uL3JlYWN0ICovXG5pbXBvcnQgeyBDb21wb25lbnRQcm9wcywgUmVhY3ROb2RlLCBmb3J3YXJkUmVmLCB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEljb25CdXR0b25WMiB9IGZyb20gXCJAbmRsYS9idXR0b25cIjtcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1xLCBzcGFjaW5nLCBzdGFja09yZGVyIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IENoZXZyb25Eb3duLCBDaGV2cm9uVXAgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5cbmludGVyZmFjZSBQcm9wcyBleHRlbmRzIENvbXBvbmVudFByb3BzPFwiYXNpZGVcIj4ge1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbiAgZGVmYXVsdE9wZW4/OiBib29sZWFuO1xuICBvcGVuPzogYm9vbGVhbjtcbiAgb25PcGVuQ2hhbmdlPzogKG9wZW46IGJvb2xlYW4pID0+IHZvaWQ7XG59XG5cbmNvbnN0IFN0eWxlZEFzaWRlID0gc3R5bGVkLmFzaWRlYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHotaW5kZXg6ICR7c3RhY2tPcmRlci5vZmZzZXRTaW5nbGV9O1xuICBtYXJnaW46ICR7c3BhY2luZy5sYXJnZX0gMCBjYWxjKCR7c3BhY2luZy5sYXJnZX0gLSAke3NwYWNpbmcubnNtYWxsfSkgMDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgcGFkZGluZy1ib3R0b206ICR7c3BhY2luZy5uc21hbGx9O1xuXG4gIEBtZWRpYSBwcmludCB7XG4gICAgb3ZlcmZsb3c6IHZpc2libGU7XG4gIH1cblxuICBoMjpmaXJzdC1vZi10eXBlIHtcbiAgICBib3JkZXItYm90dG9tOiAycHggc29saWQgJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgbWFyZ2luLXRvcDogMDtcbiAgICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgfVxuXG4gIGgyLFxuICBoMyxcbiAgaDQsXG4gIGg1IHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBtYXJnaW4tdG9wOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcuc21hbGx9O1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5saWdodH07XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZERpdiA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMDAlO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5ncmV5RGFya307XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5sYXJnZX07XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodH07XG4gIG1heC1oZWlnaHQ6IDE5MHB4O1xuICB0cmFuc2l0aW9uOiBtYXgtaGVpZ2h0IDAuNnMgZWFzZS1pbi1vdXQ7XG4gIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgJjphZnRlciB7XG4gICAgY29udGVudDogXCJcIjtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBib3R0b206IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgd2lkdGg6IDk5JTtcbiAgICBtYXJnaW46IDAuNSUgMC41JSAwIDAuNSU7XG4gICAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjVzIGN1YmljLWJlemllcigwLjc0LCAtMC4wNCwgMC45NiwgMC45Nyk7XG4gICAgLyogVGhlIDAwIGFmdGVyIG91ciBjb2xvciBpcyB0byBzZXQgaXRzIG9wYWNpdHkgdG8gMCAqL1xuICAgIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCgke2NvbG9ycy5icmFuZC5saWdodH0wMCwgJHtjb2xvcnMud2hpdGV9KTtcbiAgICBvcGFjaXR5OiAxO1xuICAgIHotaW5kZXg6ICR7c3RhY2tPcmRlci5iYXNlfTtcbiAgfVxuXG4gIEBtZWRpYSBwcmludCB7XG4gICAgbWF4LWhlaWdodDogcmV2ZXJ0O1xuICAgICY6YWZ0ZXIge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG4gIH1cblxuICAmID4gdWw6bm90KFtjbGFzc10pLFxuICA6bm90KGxpKSA+IHVsOm5vdChbY2xhc3NdKSB7XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgICB9XG4gIH1cblxuICAmID4gb2w6bm90KFtjbGFzc10pLFxuICA6bm90KGxpKSA+IG9sOm5vdChbY2xhc3NdKSB7XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAke3NwYWNpbmcubGFyZ2V9O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSWNvbkJ1dHRvbiA9IHN0eWxlZChJY29uQnV0dG9uVjIpYFxuICBtYXJnaW4tdG9wOiAtMjBweDtcbiAgei1pbmRleDogJHtzdGFja09yZGVyLm9mZnNldFNpbmdsZX07XG5cbiAgQG1lZGlhIHByaW50IHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBleHBhbmRlZFN0eWxlID0gY3NzYFxuICBtYXgtaGVpZ2h0OiA1MDB2aDtcbmA7XG5cbmNvbnN0IGV4cGFuZGVkQ29udGVudFN0eWxlID0gY3NzYFxuICBtYXgtaGVpZ2h0OiA1MDB2aDtcbiAgJjphZnRlciB7XG4gICAgb3BhY2l0eTogMDtcbiAgICB6LWluZGV4OiAke3N0YWNrT3JkZXIuaGlkZX07XG4gIH1cbmA7XG5cbmNvbnN0IEZhY3RCb3ggPSBmb3J3YXJkUmVmPEhUTUxFbGVtZW50LCBQcm9wcz4oXG4gICh7IGNoaWxkcmVuLCBvcGVuLCBvbk9wZW5DaGFuZ2UsIGRlZmF1bHRPcGVuID0gZmFsc2UsIC4uLnJlc3QgfSwgcmVmKSA9PiB7XG4gICAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICAgIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShkZWZhdWx0T3Blbik7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgaWYgKG9wZW4gIT09IHVuZGVmaW5lZCkge1xuICAgICAgICBzZXRJc09wZW4ob3Blbik7XG4gICAgICB9XG4gICAgfSwgW29wZW5dKTtcblxuICAgIGNvbnN0IG9uQ2xpY2sgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICBjb25zdCBuZXdPcGVuID0gIWlzT3BlbjtcbiAgICAgIHNldElzT3BlbihuZXdPcGVuKTtcbiAgICAgIG9uT3BlbkNoYW5nZT8uKG5ld09wZW4pO1xuICAgIH0sIFtpc09wZW4sIG9uT3BlbkNoYW5nZV0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRBc2lkZSB7Li4ucmVzdH0gY3NzPXtbaXNPcGVuID8gZXhwYW5kZWRTdHlsZSA6IHVuZGVmaW5lZF19IHJlZj17cmVmfT5cbiAgICAgICAgPFN0eWxlZERpdiBjc3M9e2lzT3BlbiA/IGV4cGFuZGVkQ29udGVudFN0eWxlIDogdW5kZWZpbmVkfT57Y2hpbGRyZW59PC9TdHlsZWREaXY+XG4gICAgICAgIDxTdHlsZWRJY29uQnV0dG9uIG9uQ2xpY2s9e29uQ2xpY2t9IGFyaWEtbGFiZWw9e3QoYGZhY3Rib3guJHtpc09wZW4gPyBcImNsb3NlXCIgOiBcIm9wZW5cIn1gKX0+XG4gICAgICAgICAge2lzT3BlbiA/IDxDaGV2cm9uVXAgLz4gOiA8Q2hldnJvbkRvd24gLz59XG4gICAgICAgIDwvU3R5bGVkSWNvbkJ1dHRvbj5cbiAgICAgIDwvU3R5bGVkQXNpZGU+XG4gICAgKTtcbiAgfSxcbik7XG5cbmV4cG9ydCBkZWZhdWx0IEZhY3RCb3g7XG4iXX0= */"));
-const expandedStyle = process.env.NODE_ENV === "production" ? {
-  name: "14om3zt-expandedStyle",
-  styles: "max-height:500vh;label:expandedStyle;"
-} : {
-  name: "14om3zt-expandedStyle",
-  styles: "max-height:500vh;label:expandedStyle;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZhY3RCb3gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdIeUIiLCJmaWxlIjoiRmFjdEJveC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxNi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbi8qKiBAanN4SW1wb3J0U291cmNlIEBlbW90aW9uL3JlYWN0ICovXG5pbXBvcnQgeyBDb21wb25lbnRQcm9wcywgUmVhY3ROb2RlLCBmb3J3YXJkUmVmLCB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEljb25CdXR0b25WMiB9IGZyb20gXCJAbmRsYS9idXR0b25cIjtcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1xLCBzcGFjaW5nLCBzdGFja09yZGVyIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IENoZXZyb25Eb3duLCBDaGV2cm9uVXAgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5cbmludGVyZmFjZSBQcm9wcyBleHRlbmRzIENvbXBvbmVudFByb3BzPFwiYXNpZGVcIj4ge1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbiAgZGVmYXVsdE9wZW4/OiBib29sZWFuO1xuICBvcGVuPzogYm9vbGVhbjtcbiAgb25PcGVuQ2hhbmdlPzogKG9wZW46IGJvb2xlYW4pID0+IHZvaWQ7XG59XG5cbmNvbnN0IFN0eWxlZEFzaWRlID0gc3R5bGVkLmFzaWRlYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHotaW5kZXg6ICR7c3RhY2tPcmRlci5vZmZzZXRTaW5nbGV9O1xuICBtYXJnaW46ICR7c3BhY2luZy5sYXJnZX0gMCBjYWxjKCR7c3BhY2luZy5sYXJnZX0gLSAke3NwYWNpbmcubnNtYWxsfSkgMDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgcGFkZGluZy1ib3R0b206ICR7c3BhY2luZy5uc21hbGx9O1xuXG4gIEBtZWRpYSBwcmludCB7XG4gICAgb3ZlcmZsb3c6IHZpc2libGU7XG4gIH1cblxuICBoMjpmaXJzdC1vZi10eXBlIHtcbiAgICBib3JkZXItYm90dG9tOiAycHggc29saWQgJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgbWFyZ2luLXRvcDogMDtcbiAgICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgfVxuXG4gIGgyLFxuICBoMyxcbiAgaDQsXG4gIGg1IHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBtYXJnaW4tdG9wOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcuc21hbGx9O1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5saWdodH07XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZERpdiA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMDAlO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5ncmV5RGFya307XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5sYXJnZX07XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodH07XG4gIG1heC1oZWlnaHQ6IDE5MHB4O1xuICB0cmFuc2l0aW9uOiBtYXgtaGVpZ2h0IDAuNnMgZWFzZS1pbi1vdXQ7XG4gIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgJjphZnRlciB7XG4gICAgY29udGVudDogXCJcIjtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBib3R0b206IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgd2lkdGg6IDk5JTtcbiAgICBtYXJnaW46IDAuNSUgMC41JSAwIDAuNSU7XG4gICAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjVzIGN1YmljLWJlemllcigwLjc0LCAtMC4wNCwgMC45NiwgMC45Nyk7XG4gICAgLyogVGhlIDAwIGFmdGVyIG91ciBjb2xvciBpcyB0byBzZXQgaXRzIG9wYWNpdHkgdG8gMCAqL1xuICAgIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCgke2NvbG9ycy5icmFuZC5saWdodH0wMCwgJHtjb2xvcnMud2hpdGV9KTtcbiAgICBvcGFjaXR5OiAxO1xuICAgIHotaW5kZXg6ICR7c3RhY2tPcmRlci5iYXNlfTtcbiAgfVxuXG4gIEBtZWRpYSBwcmludCB7XG4gICAgbWF4LWhlaWdodDogcmV2ZXJ0O1xuICAgICY6YWZ0ZXIge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG4gIH1cblxuICAmID4gdWw6bm90KFtjbGFzc10pLFxuICA6bm90KGxpKSA+IHVsOm5vdChbY2xhc3NdKSB7XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgICB9XG4gIH1cblxuICAmID4gb2w6bm90KFtjbGFzc10pLFxuICA6bm90KGxpKSA+IG9sOm5vdChbY2xhc3NdKSB7XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAke3NwYWNpbmcubGFyZ2V9O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSWNvbkJ1dHRvbiA9IHN0eWxlZChJY29uQnV0dG9uVjIpYFxuICBtYXJnaW4tdG9wOiAtMjBweDtcbiAgei1pbmRleDogJHtzdGFja09yZGVyLm9mZnNldFNpbmdsZX07XG5cbiAgQG1lZGlhIHByaW50IHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBleHBhbmRlZFN0eWxlID0gY3NzYFxuICBtYXgtaGVpZ2h0OiA1MDB2aDtcbmA7XG5cbmNvbnN0IGV4cGFuZGVkQ29udGVudFN0eWxlID0gY3NzYFxuICBtYXgtaGVpZ2h0OiA1MDB2aDtcbiAgJjphZnRlciB7XG4gICAgb3BhY2l0eTogMDtcbiAgICB6LWluZGV4OiAke3N0YWNrT3JkZXIuaGlkZX07XG4gIH1cbmA7XG5cbmNvbnN0IEZhY3RCb3ggPSBmb3J3YXJkUmVmPEhUTUxFbGVtZW50LCBQcm9wcz4oXG4gICh7IGNoaWxkcmVuLCBvcGVuLCBvbk9wZW5DaGFuZ2UsIGRlZmF1bHRPcGVuID0gZmFsc2UsIC4uLnJlc3QgfSwgcmVmKSA9PiB7XG4gICAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICAgIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShkZWZhdWx0T3Blbik7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgaWYgKG9wZW4gIT09IHVuZGVmaW5lZCkge1xuICAgICAgICBzZXRJc09wZW4ob3Blbik7XG4gICAgICB9XG4gICAgfSwgW29wZW5dKTtcblxuICAgIGNvbnN0IG9uQ2xpY2sgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICBjb25zdCBuZXdPcGVuID0gIWlzT3BlbjtcbiAgICAgIHNldElzT3BlbihuZXdPcGVuKTtcbiAgICAgIG9uT3BlbkNoYW5nZT8uKG5ld09wZW4pO1xuICAgIH0sIFtpc09wZW4sIG9uT3BlbkNoYW5nZV0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRBc2lkZSB7Li4ucmVzdH0gY3NzPXtbaXNPcGVuID8gZXhwYW5kZWRTdHlsZSA6IHVuZGVmaW5lZF19IHJlZj17cmVmfT5cbiAgICAgICAgPFN0eWxlZERpdiBjc3M9e2lzT3BlbiA/IGV4cGFuZGVkQ29udGVudFN0eWxlIDogdW5kZWZpbmVkfT57Y2hpbGRyZW59PC9TdHlsZWREaXY+XG4gICAgICAgIDxTdHlsZWRJY29uQnV0dG9uIG9uQ2xpY2s9e29uQ2xpY2t9IGFyaWEtbGFiZWw9e3QoYGZhY3Rib3guJHtpc09wZW4gPyBcImNsb3NlXCIgOiBcIm9wZW5cIn1gKX0+XG4gICAgICAgICAge2lzT3BlbiA/IDxDaGV2cm9uVXAgLz4gOiA8Q2hldnJvbkRvd24gLz59XG4gICAgICAgIDwvU3R5bGVkSWNvbkJ1dHRvbj5cbiAgICAgIDwvU3R5bGVkQXNpZGU+XG4gICAgKTtcbiAgfSxcbik7XG5cbmV4cG9ydCBkZWZhdWx0IEZhY3RCb3g7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-const expandedContentStyle = /*#__PURE__*/(0, _react2.css)("max-height:500vh;&:after{opacity:0;z-index:", _core.stackOrder.hide, ";};label:expandedContentStyle;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZhY3RCb3gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9IZ0MiLCJmaWxlIjoiRmFjdEJveC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxNi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbi8qKiBAanN4SW1wb3J0U291cmNlIEBlbW90aW9uL3JlYWN0ICovXG5pbXBvcnQgeyBDb21wb25lbnRQcm9wcywgUmVhY3ROb2RlLCBmb3J3YXJkUmVmLCB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEljb25CdXR0b25WMiB9IGZyb20gXCJAbmRsYS9idXR0b25cIjtcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1xLCBzcGFjaW5nLCBzdGFja09yZGVyIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IENoZXZyb25Eb3duLCBDaGV2cm9uVXAgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5cbmludGVyZmFjZSBQcm9wcyBleHRlbmRzIENvbXBvbmVudFByb3BzPFwiYXNpZGVcIj4ge1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbiAgZGVmYXVsdE9wZW4/OiBib29sZWFuO1xuICBvcGVuPzogYm9vbGVhbjtcbiAgb25PcGVuQ2hhbmdlPzogKG9wZW46IGJvb2xlYW4pID0+IHZvaWQ7XG59XG5cbmNvbnN0IFN0eWxlZEFzaWRlID0gc3R5bGVkLmFzaWRlYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHotaW5kZXg6ICR7c3RhY2tPcmRlci5vZmZzZXRTaW5nbGV9O1xuICBtYXJnaW46ICR7c3BhY2luZy5sYXJnZX0gMCBjYWxjKCR7c3BhY2luZy5sYXJnZX0gLSAke3NwYWNpbmcubnNtYWxsfSkgMDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgcGFkZGluZy1ib3R0b206ICR7c3BhY2luZy5uc21hbGx9O1xuXG4gIEBtZWRpYSBwcmludCB7XG4gICAgb3ZlcmZsb3c6IHZpc2libGU7XG4gIH1cblxuICBoMjpmaXJzdC1vZi10eXBlIHtcbiAgICBib3JkZXItYm90dG9tOiAycHggc29saWQgJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgbWFyZ2luLXRvcDogMDtcbiAgICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgfVxuXG4gIGgyLFxuICBoMyxcbiAgaDQsXG4gIGg1IHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBtYXJnaW4tdG9wOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcuc21hbGx9O1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5saWdodH07XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZERpdiA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMDAlO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5ncmV5RGFya307XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5sYXJnZX07XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodH07XG4gIG1heC1oZWlnaHQ6IDE5MHB4O1xuICB0cmFuc2l0aW9uOiBtYXgtaGVpZ2h0IDAuNnMgZWFzZS1pbi1vdXQ7XG4gIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgJjphZnRlciB7XG4gICAgY29udGVudDogXCJcIjtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBib3R0b206IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgd2lkdGg6IDk5JTtcbiAgICBtYXJnaW46IDAuNSUgMC41JSAwIDAuNSU7XG4gICAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjVzIGN1YmljLWJlemllcigwLjc0LCAtMC4wNCwgMC45NiwgMC45Nyk7XG4gICAgLyogVGhlIDAwIGFmdGVyIG91ciBjb2xvciBpcyB0byBzZXQgaXRzIG9wYWNpdHkgdG8gMCAqL1xuICAgIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCgke2NvbG9ycy5icmFuZC5saWdodH0wMCwgJHtjb2xvcnMud2hpdGV9KTtcbiAgICBvcGFjaXR5OiAxO1xuICAgIHotaW5kZXg6ICR7c3RhY2tPcmRlci5iYXNlfTtcbiAgfVxuXG4gIEBtZWRpYSBwcmludCB7XG4gICAgbWF4LWhlaWdodDogcmV2ZXJ0O1xuICAgICY6YWZ0ZXIge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG4gIH1cblxuICAmID4gdWw6bm90KFtjbGFzc10pLFxuICA6bm90KGxpKSA+IHVsOm5vdChbY2xhc3NdKSB7XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgICB9XG4gIH1cblxuICAmID4gb2w6bm90KFtjbGFzc10pLFxuICA6bm90KGxpKSA+IG9sOm5vdChbY2xhc3NdKSB7XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAke3NwYWNpbmcubGFyZ2V9O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSWNvbkJ1dHRvbiA9IHN0eWxlZChJY29uQnV0dG9uVjIpYFxuICBtYXJnaW4tdG9wOiAtMjBweDtcbiAgei1pbmRleDogJHtzdGFja09yZGVyLm9mZnNldFNpbmdsZX07XG5cbiAgQG1lZGlhIHByaW50IHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBleHBhbmRlZFN0eWxlID0gY3NzYFxuICBtYXgtaGVpZ2h0OiA1MDB2aDtcbmA7XG5cbmNvbnN0IGV4cGFuZGVkQ29udGVudFN0eWxlID0gY3NzYFxuICBtYXgtaGVpZ2h0OiA1MDB2aDtcbiAgJjphZnRlciB7XG4gICAgb3BhY2l0eTogMDtcbiAgICB6LWluZGV4OiAke3N0YWNrT3JkZXIuaGlkZX07XG4gIH1cbmA7XG5cbmNvbnN0IEZhY3RCb3ggPSBmb3J3YXJkUmVmPEhUTUxFbGVtZW50LCBQcm9wcz4oXG4gICh7IGNoaWxkcmVuLCBvcGVuLCBvbk9wZW5DaGFuZ2UsIGRlZmF1bHRPcGVuID0gZmFsc2UsIC4uLnJlc3QgfSwgcmVmKSA9PiB7XG4gICAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICAgIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShkZWZhdWx0T3Blbik7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgaWYgKG9wZW4gIT09IHVuZGVmaW5lZCkge1xuICAgICAgICBzZXRJc09wZW4ob3Blbik7XG4gICAgICB9XG4gICAgfSwgW29wZW5dKTtcblxuICAgIGNvbnN0IG9uQ2xpY2sgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICBjb25zdCBuZXdPcGVuID0gIWlzT3BlbjtcbiAgICAgIHNldElzT3BlbihuZXdPcGVuKTtcbiAgICAgIG9uT3BlbkNoYW5nZT8uKG5ld09wZW4pO1xuICAgIH0sIFtpc09wZW4sIG9uT3BlbkNoYW5nZV0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRBc2lkZSB7Li4ucmVzdH0gY3NzPXtbaXNPcGVuID8gZXhwYW5kZWRTdHlsZSA6IHVuZGVmaW5lZF19IHJlZj17cmVmfT5cbiAgICAgICAgPFN0eWxlZERpdiBjc3M9e2lzT3BlbiA/IGV4cGFuZGVkQ29udGVudFN0eWxlIDogdW5kZWZpbmVkfT57Y2hpbGRyZW59PC9TdHlsZWREaXY+XG4gICAgICAgIDxTdHlsZWRJY29uQnV0dG9uIG9uQ2xpY2s9e29uQ2xpY2t9IGFyaWEtbGFiZWw9e3QoYGZhY3Rib3guJHtpc09wZW4gPyBcImNsb3NlXCIgOiBcIm9wZW5cIn1gKX0+XG4gICAgICAgICAge2lzT3BlbiA/IDxDaGV2cm9uVXAgLz4gOiA8Q2hldnJvbkRvd24gLz59XG4gICAgICAgIDwvU3R5bGVkSWNvbkJ1dHRvbj5cbiAgICAgIDwvU3R5bGVkQXNpZGU+XG4gICAgKTtcbiAgfSxcbik7XG5cbmV4cG9ydCBkZWZhdWx0IEZhY3RCb3g7XG4iXX0= */"));
+ */
+
+const StyledAside = (0, _jsx2.styled)("aside", {
+  base: {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    position: "relative",
+    padding: "medium",
+    transitionProperty: "max-height",
+    transitionDuration: "slow",
+    transitionTimingFunction: "ease-in-out",
+    border: "1px solid",
+    borderColor: "stroke.default",
+    borderRadius: "xsmall",
+    maxHeight: "surface.xxsmall",
+    _closed: {
+      _print: {
+        overflow: "visible",
+        maxHeight: "500vh"
+      }
+    },
+    _open: {
+      maxHeight: "500vh"
+    }
+  }
+});
+const StyledContent = (0, _jsx2.styled)("div", {
+  base: {
+    position: "relative",
+    width: "100%",
+    overflow: "hidden",
+    // Reset the top margin of the very first child.
+    "& :first-child": {
+      marginBlockStart: "0"
+    },
+    _after: {
+      content: '""',
+      textAlign: "center",
+      position: "absolute",
+      inset: "0",
+      transitionProperty: "opacity",
+      transitionDuration: "slow",
+      transitionTimingFunction: "ease-out",
+      // TODO: Consider improving this gradient. It's a little light up top.
+      gradientFrom: "surface.default/00",
+      gradientTo: "surface.default",
+      backgroundGradient: "to-b",
+      opacity: "1",
+      zIndex: "base"
+    },
+    _print: {
+      overflow: "visible",
+      _after: {
+        display: "none"
+      }
+    },
+    _open: {
+      paddingBlockEnd: "xsmall",
+      _after: {
+        opacity: "0",
+        zIndex: "hide"
+      }
+    }
+  }
+});
+const StyledIconButton = (0, _jsx2.styled)(_primitives.IconButton, {
+  base: {
+    position: "absolute",
+    bottom: "-medium",
+    zIndex: "base",
+    "& svg": {
+      transitionProperty: "transform",
+      transitionTimingFunction: "ease-in-out",
+      transitionDuration: "fast"
+    },
+    _open: {
+      "& svg": {
+        transform: "rotate(180deg)"
+      }
+    },
+    _print: {
+      display: "none"
+    }
+  }
+});
+
+// TODO: Consider moving the open trigger depending on whether the content is open or closed.
+
 const FactBox = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     children,
@@ -57,28 +116,42 @@ const FactBox = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   const {
     t
   } = (0, _reactI18next.useTranslation)();
-  const [isOpen, setIsOpen] = (0, _react.useState)(defaultOpen);
+  const [state, setState] = (0, _react.useState)(defaultOpen ? "open" : "closed");
+  const contentId = (0, _react.useId)();
+  // Inert has existed since early 2023. It allows us to disable tabindex inside the content if it is closed, allowing us to be accessible for users with newish browsers. React 18 removes this because it doesn't recognize the attribute. This is a workaround for that.
+  // TODO: Remove this hack when we upgrade to React 19.
+  const inertAttribute = (0, _react.useMemo)(() => {
+    return state === "closed" ? {
+      inert: ""
+    } : {};
+  }, [state]);
   (0, _react.useEffect)(() => {
     if (open !== undefined) {
-      setIsOpen(open);
+      setState(open ? "open" : "closed");
     }
   }, [open]);
   const onClick = (0, _react.useCallback)(() => {
-    const newOpen = !isOpen;
-    setIsOpen(newOpen);
-    onOpenChange === null || onOpenChange === void 0 || onOpenChange(newOpen);
-  }, [isOpen, onOpenChange]);
+    const newState = state === "open" ? "closed" : "open";
+    setState(newState);
+    onOpenChange?.(newState === "open");
+  }, [state, onOpenChange]);
   return (0, _jsxRuntime.jsxs)(StyledAside, {
+    "data-state": state,
     ...rest,
-    css: [isOpen ? expandedStyle : undefined, ";label:FactBox;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZhY3RCb3gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThJNkIiLCJmaWxlIjoiRmFjdEJveC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxNi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbi8qKiBAanN4SW1wb3J0U291cmNlIEBlbW90aW9uL3JlYWN0ICovXG5pbXBvcnQgeyBDb21wb25lbnRQcm9wcywgUmVhY3ROb2RlLCBmb3J3YXJkUmVmLCB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEljb25CdXR0b25WMiB9IGZyb20gXCJAbmRsYS9idXR0b25cIjtcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1xLCBzcGFjaW5nLCBzdGFja09yZGVyIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IENoZXZyb25Eb3duLCBDaGV2cm9uVXAgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5cbmludGVyZmFjZSBQcm9wcyBleHRlbmRzIENvbXBvbmVudFByb3BzPFwiYXNpZGVcIj4ge1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbiAgZGVmYXVsdE9wZW4/OiBib29sZWFuO1xuICBvcGVuPzogYm9vbGVhbjtcbiAgb25PcGVuQ2hhbmdlPzogKG9wZW46IGJvb2xlYW4pID0+IHZvaWQ7XG59XG5cbmNvbnN0IFN0eWxlZEFzaWRlID0gc3R5bGVkLmFzaWRlYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHotaW5kZXg6ICR7c3RhY2tPcmRlci5vZmZzZXRTaW5nbGV9O1xuICBtYXJnaW46ICR7c3BhY2luZy5sYXJnZX0gMCBjYWxjKCR7c3BhY2luZy5sYXJnZX0gLSAke3NwYWNpbmcubnNtYWxsfSkgMDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgcGFkZGluZy1ib3R0b206ICR7c3BhY2luZy5uc21hbGx9O1xuXG4gIEBtZWRpYSBwcmludCB7XG4gICAgb3ZlcmZsb3c6IHZpc2libGU7XG4gIH1cblxuICBoMjpmaXJzdC1vZi10eXBlIHtcbiAgICBib3JkZXItYm90dG9tOiAycHggc29saWQgJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgbWFyZ2luLXRvcDogMDtcbiAgICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgfVxuXG4gIGgyLFxuICBoMyxcbiAgaDQsXG4gIGg1IHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBtYXJnaW4tdG9wOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcuc21hbGx9O1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5saWdodH07XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZERpdiA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMDAlO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5ncmV5RGFya307XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5sYXJnZX07XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodH07XG4gIG1heC1oZWlnaHQ6IDE5MHB4O1xuICB0cmFuc2l0aW9uOiBtYXgtaGVpZ2h0IDAuNnMgZWFzZS1pbi1vdXQ7XG4gIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgJjphZnRlciB7XG4gICAgY29udGVudDogXCJcIjtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBib3R0b206IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgd2lkdGg6IDk5JTtcbiAgICBtYXJnaW46IDAuNSUgMC41JSAwIDAuNSU7XG4gICAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjVzIGN1YmljLWJlemllcigwLjc0LCAtMC4wNCwgMC45NiwgMC45Nyk7XG4gICAgLyogVGhlIDAwIGFmdGVyIG91ciBjb2xvciBpcyB0byBzZXQgaXRzIG9wYWNpdHkgdG8gMCAqL1xuICAgIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCgke2NvbG9ycy5icmFuZC5saWdodH0wMCwgJHtjb2xvcnMud2hpdGV9KTtcbiAgICBvcGFjaXR5OiAxO1xuICAgIHotaW5kZXg6ICR7c3RhY2tPcmRlci5iYXNlfTtcbiAgfVxuXG4gIEBtZWRpYSBwcmludCB7XG4gICAgbWF4LWhlaWdodDogcmV2ZXJ0O1xuICAgICY6YWZ0ZXIge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG4gIH1cblxuICAmID4gdWw6bm90KFtjbGFzc10pLFxuICA6bm90KGxpKSA+IHVsOm5vdChbY2xhc3NdKSB7XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgICB9XG4gIH1cblxuICAmID4gb2w6bm90KFtjbGFzc10pLFxuICA6bm90KGxpKSA+IG9sOm5vdChbY2xhc3NdKSB7XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAke3NwYWNpbmcubGFyZ2V9O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSWNvbkJ1dHRvbiA9IHN0eWxlZChJY29uQnV0dG9uVjIpYFxuICBtYXJnaW4tdG9wOiAtMjBweDtcbiAgei1pbmRleDogJHtzdGFja09yZGVyLm9mZnNldFNpbmdsZX07XG5cbiAgQG1lZGlhIHByaW50IHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBleHBhbmRlZFN0eWxlID0gY3NzYFxuICBtYXgtaGVpZ2h0OiA1MDB2aDtcbmA7XG5cbmNvbnN0IGV4cGFuZGVkQ29udGVudFN0eWxlID0gY3NzYFxuICBtYXgtaGVpZ2h0OiA1MDB2aDtcbiAgJjphZnRlciB7XG4gICAgb3BhY2l0eTogMDtcbiAgICB6LWluZGV4OiAke3N0YWNrT3JkZXIuaGlkZX07XG4gIH1cbmA7XG5cbmNvbnN0IEZhY3RCb3ggPSBmb3J3YXJkUmVmPEhUTUxFbGVtZW50LCBQcm9wcz4oXG4gICh7IGNoaWxkcmVuLCBvcGVuLCBvbk9wZW5DaGFuZ2UsIGRlZmF1bHRPcGVuID0gZmFsc2UsIC4uLnJlc3QgfSwgcmVmKSA9PiB7XG4gICAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICAgIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShkZWZhdWx0T3Blbik7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgaWYgKG9wZW4gIT09IHVuZGVmaW5lZCkge1xuICAgICAgICBzZXRJc09wZW4ob3Blbik7XG4gICAgICB9XG4gICAgfSwgW29wZW5dKTtcblxuICAgIGNvbnN0IG9uQ2xpY2sgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICBjb25zdCBuZXdPcGVuID0gIWlzT3BlbjtcbiAgICAgIHNldElzT3BlbihuZXdPcGVuKTtcbiAgICAgIG9uT3BlbkNoYW5nZT8uKG5ld09wZW4pO1xuICAgIH0sIFtpc09wZW4sIG9uT3BlbkNoYW5nZV0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRBc2lkZSB7Li4ucmVzdH0gY3NzPXtbaXNPcGVuID8gZXhwYW5kZWRTdHlsZSA6IHVuZGVmaW5lZF19IHJlZj17cmVmfT5cbiAgICAgICAgPFN0eWxlZERpdiBjc3M9e2lzT3BlbiA/IGV4cGFuZGVkQ29udGVudFN0eWxlIDogdW5kZWZpbmVkfT57Y2hpbGRyZW59PC9TdHlsZWREaXY+XG4gICAgICAgIDxTdHlsZWRJY29uQnV0dG9uIG9uQ2xpY2s9e29uQ2xpY2t9IGFyaWEtbGFiZWw9e3QoYGZhY3Rib3guJHtpc09wZW4gPyBcImNsb3NlXCIgOiBcIm9wZW5cIn1gKX0+XG4gICAgICAgICAge2lzT3BlbiA/IDxDaGV2cm9uVXAgLz4gOiA8Q2hldnJvbkRvd24gLz59XG4gICAgICAgIDwvU3R5bGVkSWNvbkJ1dHRvbj5cbiAgICAgIDwvU3R5bGVkQXNpZGU+XG4gICAgKTtcbiAgfSxcbik7XG5cbmV4cG9ydCBkZWZhdWx0IEZhY3RCb3g7XG4iXX0= */")],
     ref: ref,
-    children: [(0, _jsxRuntime.jsx)(StyledDiv, {
-      css: isOpen ? expandedContentStyle : undefined,
-      children: children
-    }), (0, _jsxRuntime.jsx)(StyledIconButton, {
+    children: [(0, _jsxRuntime.jsx)(StyledIconButton, {
+      "data-state": state,
       onClick: onClick,
-      "aria-label": t("factbox.".concat(isOpen ? "close" : "open")),
-      children: isOpen ? (0, _jsxRuntime.jsx)(_common.ChevronUp, {}) : (0, _jsxRuntime.jsx)(_common.ChevronDown, {})
+      "aria-expanded": state === "open",
+      "aria-controls": contentId,
+      "aria-label": t(`factbox.${state === "open" ? "close" : "open"}`),
+      children: (0, _jsxRuntime.jsx)(_common.ChevronDown, {})
+    }), (0, _jsxRuntime.jsx)(StyledContent, {
+      id: contentId,
+      "data-state": state,
+      "aria-hidden": state === "closed",
+      ...inertAttribute,
+      children: children
     })]
   });
 });

package/lib/FileList/File.js

@@ -34,7 +34,7 @@ const File = _ref => {
   const {
     t
   } = (0, _reactI18next.useTranslation)();
-  const tooltip = "".concat(t("download"), " ").concat(url.split("/").pop());
+  const tooltip = `${t("download")} ${url.split("/").pop()}`;
   return (0, _jsxRuntime.jsx)(StyledFileItem, {
     children: (0, _jsxRuntime.jsx)(_Format.default, {
       format: {

package/lib/FileList/Format.js

@@ -69,14 +69,14 @@ const Format = _ref => {
     isPrimary,
     isDeadLink
   } = _ref;
-  const titleWithFormat = "".concat(title, " (").concat(format.fileType.toUpperCase(), ")");
+  const titleWithFormat = `${title} (${format.fileType.toUpperCase()})`;
   if (isDeadLink) {
     return (0, _jsxRuntime.jsxs)(StyledDeadLinkWrapper, {
       children: [(0, _jsxRuntime.jsx)(StyledDownload, {}), (0, _jsxRuntime.jsx)(StyledDeadLinkText, {
         element: "span",
         textStyle: "label-small",
         margin: "none",
-        children: isPrimary ? titleWithFormat : "(".concat(format.fileType.toUpperCase(), ")")
+        children: isPrimary ? titleWithFormat : `(${format.fileType.toUpperCase()})`
       })]
     }, format.url);
   }
@@ -90,7 +90,7 @@ const Format = _ref => {
         element: "span",
         textStyle: "label-small",
         margin: "none",
-        children: isPrimary ? titleWithFormat : "(".concat(format.fileType.toUpperCase(), ")")
+        children: isPrimary ? titleWithFormat : `(${format.fileType.toUpperCase()})`
       })
     })]
   }, format.url);

package/lib/FileList/PdfFile.js

@@ -4,7 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _Figure = require("../Figure");
+var _primitives = require("@ndla/primitives");
+var _jsx2 = require("@ndla/styled-system/jsx");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 /**
  * Copyright (c) 2023-present, NDLA.
@@ -14,15 +15,32 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
  *
  */
 
+const StyledIframe = (0, _jsx2.styled)("iframe", {
+  base: {
+    width: "100%"
+  }
+});
+const StyledFigure = (0, _jsx2.styled)(_primitives.Figure, {
+  base: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "xsmall"
+  }
+});
 const PdfFile = _ref => {
   let {
     title,
     url
   } = _ref;
-  return (0, _jsxRuntime.jsxs)(_Figure.Figure, {
-    children: [(0, _jsxRuntime.jsx)("h2", {
-      children: title
-    }), (0, _jsxRuntime.jsx)("iframe", {
+  return (0, _jsxRuntime.jsxs)(StyledFigure, {
+    children: [(0, _jsxRuntime.jsx)(_primitives.Heading, {
+      asChild: true,
+      consumeCss: true,
+      textStyle: "title.medium",
+      children: (0, _jsxRuntime.jsx)("h4", {
+        children: title
+      })
+    }), (0, _jsxRuntime.jsx)(StyledIframe, {
       title: title,
       height: "1050",
       src: url

package/lib/FrontpageArticle/FrontpageArticle.js

@@ -38,7 +38,7 @@ const FrontpageArticle = _ref => {
     height = 0
   } = (0, _hooks.useComponentSize)("masthead");
   const cssVars = (0, _react.useMemo)(() => ({
-    "--masthead-height": "".concat(height, "px")
+    "--masthead-height": `${height}px`
   }), [height]);
   const {
     title,

package/lib/Gloss/Gloss.d.ts

@@ -5,7 +5,15 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { IGlossData } from "@ndla/types-backend/concept-api";
+/// <reference types="react" />
+import { type StyledVariantProps } from "@ndla/styled-system/types";
+import type { IGlossData } from "@ndla/types-backend/concept-api";
+declare const StyledAccordionItem: import("@ndla/styled-system/types").StyledComponent<import("react").ForwardRefExoticComponent<{
+    consumeCss?: boolean | undefined;
+} & import("@ndla/styled-system/types").WithCss & import("@ark-ui/react").AccordionItemProps & import("react").RefAttributes<HTMLDivElement>>, {
+    variant?: "simple" | "bordered" | undefined;
+}>;
+type GlossVariantProps = StyledVariantProps<typeof StyledAccordionItem>;
 export interface Props {
     title: {
         title: string;
@@ -19,5 +27,5 @@ export interface Props {
     exampleIds?: string;
     exampleLangs?: string;
 }
-declare const Gloss: ({ title, glossData, audio, exampleIds, exampleLangs }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Gloss: ({ title, glossData, audio, exampleIds, exampleLangs, variant }: Props & GlossVariantProps) => import("react/jsx-runtime").JSX.Element | null;
 export default Gloss;