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

package/es/Article/Article.js

@@ -139,7 +139,6 @@ const ArticleFavoritesButtonWrapper = /*#__PURE__*/_styled("div", {
   from: breakpoints.tablet
 }), "{transform:translate(", spacing.normal, ", -", spacing.medium, ");}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFydGljbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtOZ0QiLCJmaWxlIjoiQXJ0aWNsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxNi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbi8qKiBAanN4SW1wb3J0U291cmNlIEBlbW90aW9uL3JlYWN0ICovXG5pbXBvcnQgeyBSZWFjdE5vZGUsIGZvcndhcmRSZWYsIENvbXBvbmVudFByb3BzV2l0aFJlZiwgdXNlTWVtbywgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgU2VyaWFsaXplZFN0eWxlcywgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgc3BhY2luZywgbXEsIGJyZWFrcG9pbnRzLCBmb250cywgY29sb3JzLCBzcGFjaW5nVW5pdCB9IGZyb20gXCJAbmRsYS9jb3JlXCI7XG5pbXBvcnQgeyBIZWFkaW5nLCBUZXh0IH0gZnJvbSBcIkBuZGxhL3R5cG9ncmFwaHlcIjtcbmltcG9ydCBBcnRpY2xlQnlsaW5lIGZyb20gXCIuL0FydGljbGVCeWxpbmVcIjtcbmltcG9ydCBBcnRpY2xlSGVhZGVyV3JhcHBlciBmcm9tIFwiLi9BcnRpY2xlSGVhZGVyV3JhcHBlclwiO1xuaW1wb3J0IExheW91dEl0ZW0gZnJvbSBcIi4uL0xheW91dFwiO1xuaW1wb3J0IE1lc3NhZ2VCb3ggZnJvbSBcIi4uL01lc3NhZ2VzL01lc3NhZ2VCb3hcIjtcbmltcG9ydCB7IEFydGljbGUgYXMgQXJ0aWNsZVR5cGUgfSBmcm9tIFwiLi4vdHlwZXNcIjtcblxuZXhwb3J0IHR5cGUgQXJ0aWNsZU1vZGlmaWVyID1cbiAgfCBcImNsZWFuXCJcbiAgfCBcImluLXRvcGljXCJcbiAgfCBcInN1YmplY3QtbWF0ZXJpYWxcIlxuICB8IFwiYXNzZXNzbWVudC1yZXNvdXJjZXNcIlxuICB8IFwidGFza3MtYW5kLWFjdGl2aXRpZXNcIlxuICB8IFwiY29uY2VwdFwiXG4gIHwgXCJzb3VyY2UtbWF0ZXJpYWxcIjtcblxuaW50ZXJmYWNlIEFydGljbGVXcmFwcGVyUHJvcHMgZXh0ZW5kcyBDb21wb25lbnRQcm9wc1dpdGhSZWY8XCJhcnRpY2xlXCI+IHtcbiAgbW9kaWZpZXI/OiBBcnRpY2xlTW9kaWZpZXI7XG59XG5cbmNvbnN0IFN0eWxlZEFydGljbGUgPSBzdHlsZWQuYXJ0aWNsZWBcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2VyaWZ9O1xuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy53aGl0ZX07XG4gIG1hcmdpbi10b3A6ICR7c3BhY2luZy5sYXJnZX07XG4gIG1hcmdpbi1yaWdodDogYXV0bztcbiAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLm5vcm1hbH07XG4gIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICBvdmVyZmxvdy13cmFwOiBicmVhay13b3JkO1xuICAke2ZvbnRzLnNpemVzKFwiMThweFwiLCBcIjI5cHhcIil9O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgbWp4LXN0cmV0Y2h5LXYgPiBtangtZXh0ID4gbWp4LWMge1xuICAgIHRyYW5zZm9ybTogc2NhbGVZKDEwMCkgdHJhbnNsYXRlWSgwLjA3NWVtKTtcbiAgfVxuXG4gID4gc2VjdGlvbiA+IHAge1xuICAgICY6bm90KFtjbGFzc10pIHtcbiAgICAgIG1hcmdpbi1ib3R0b206IDI5cHg7XG4gICAgfVxuICB9XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoXCIxOHB4XCIsIFwiMjlweFwiKX07IC8vVGhpcyBpcyBwcm9iYWJseSBub3QgbmVlZGVkLCBidXQgaXQncyBoZXJlIHRvIGJlIHN1cmUuXG5cbiAgICA+IHNlY3Rpb24gPiBwIHtcbiAgICAgICY6bm90KFtjbGFzc10pIHtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogMzVweDtcbiAgICAgIH1cbiAgICB9XG4gICAgcGFkZGluZzogMCAke3NwYWNpbmcubm9ybWFsfSAke3NwYWNpbmcubm9ybWFsfTtcbiAgICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcubGFyZ2V9O1xuICAgIG1hcmdpbi10b3A6IC0ke3NwYWNpbmdVbml0ICogNn1weDtcbiAgICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLnhsYXJnZX07XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICBwYWRkaW5nLWJvdHRvbTogJHtzcGFjaW5nLmxhcmdlfTtcbiAgICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcubGFyZ2V9O1xuICB9XG5cbiAgJjo6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgZGlzcGxheTogdGFibGU7XG4gICAgY2xlYXI6IGJvdGg7XG4gIH1cblxuICBwIHtcbiAgICBtYXJnaW4tdG9wOiAwO1xuICB9XG5gO1xuXG4vLyBNYWtlIHN1cmUgdG8gd3JhcCBtb2RpZmllcnMgaW4gJiB7fSB0byBhdm9pZCBzcGVjaWZpY2l0eSBpc3N1ZXNcbmNvbnN0IGFydGljbGVNb2RpZmllcnM6IFBhcnRpYWw8UmVjb3JkPEFydGljbGVNb2RpZmllciwgU2VyaWFsaXplZFN0eWxlcz4+ID0ge1xuICBjbGVhbjogY3NzYFxuICAgICYge1xuICAgICAgbWFyZ2luLXRvcDogJHtzcGFjaW5nLm5vcm1hbH0gIWltcG9ydGFudDtcbiAgICAgIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gIWltcG9ydGFudDtcbiAgICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgICAgcGFkZGluZzogMCAhaW1wb3J0YW50O1xuICAgICAgfVxuICAgICAgYm9yZGVyOiBub25lO1xuICAgIH1cbiAgYCxcbiAgXCJpbi10b3BpY1wiOiBjc3NgXG4gICAgJiB7XG4gICAgICBtYXJnaW4tdG9wOiAwICFpbXBvcnRhbnQ7XG4gICAgICBwYWRkaW5nOiAwICFpbXBvcnRhbnQ7XG4gICAgICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5tZWRpdW19ICFpbXBvcnRhbnQ7XG4gICAgfVxuICBgLFxufTtcblxuY29uc3QgYm9yZGVyQ3NzID0gY3NzYFxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgYm9yZGVyOiAycHggc29saWQgdmFyKC0tY29sb3IpO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQXJ0aWNsZVdyYXBwZXIgPSBmb3J3YXJkUmVmPEhUTUxFbGVtZW50LCBBcnRpY2xlV3JhcHBlclByb3BzPigoeyBjaGlsZHJlbiwgbW9kaWZpZXIsIC4uLnJlc3QgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IGJvcmRlckNvbG9yID0gdXNlTWVtbygoKSA9PiB7XG4gICAgbGV0IGNvbG9yID0gdW5kZWZpbmVkO1xuICAgIGlmIChtb2RpZmllciA9PT0gXCJzdWJqZWN0LW1hdGVyaWFsXCIpIHtcbiAgICAgIGNvbG9yID0gY29sb3JzLnN1YmplY3RNYXRlcmlhbC5saWdodDtcbiAgICB9IGVsc2UgaWYgKG1vZGlmaWVyID09PSBcImFzc2Vzc21lbnQtcmVzb3VyY2VzXCIpIHtcbiAgICAgIGNvbG9yID0gY29sb3JzLmFzc2Vzc21lbnRSZXNvdXJjZS5iYWNrZ3JvdW5kO1xuICAgIH0gZWxzZSBpZiAobW9kaWZpZXIgPT09IFwidGFza3MtYW5kLWFjdGl2aXRpZXNcIikge1xuICAgICAgY29sb3IgPSBjb2xvcnMudGFza3NBbmRBY3Rpdml0aWVzLmJhY2tncm91bmQ7XG4gICAgfSBlbHNlIGlmIChtb2RpZmllciA9PT0gXCJjb25jZXB0XCIpIHtcbiAgICAgIGNvbG9yID0gY29sb3JzLmNvbmNlcHQubGlnaHQ7XG4gICAgfSBlbHNlIGlmIChtb2RpZmllciA9PT0gXCJzb3VyY2UtbWF0ZXJpYWxcIikge1xuICAgICAgY29sb3IgPSBjb2xvcnMuc291cmNlTWF0ZXJpYWwubGlnaHQ7XG4gICAgfVxuICAgIGlmIChjb2xvcikge1xuICAgICAgcmV0dXJuIHsgXCItLWNvbG9yXCI6IGNvbG9yIH0gYXMgQ1NTUHJvcGVydGllcztcbiAgICB9XG4gICAgcmV0dXJuIHVuZGVmaW5lZDtcbiAgfSwgW21vZGlmaWVyXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQXJ0aWNsZVxuICAgICAgY3NzPXtbYm9yZGVyQ29sb3IgPyBib3JkZXJDc3MgOiB1bmRlZmluZWQsIG1vZGlmaWVyID8gYXJ0aWNsZU1vZGlmaWVyc1ttb2RpZmllcl0gOiB1bmRlZmluZWRdfVxuICAgICAgc3R5bGU9e2JvcmRlckNvbG9yfVxuICAgICAgey4uLnJlc3R9XG4gICAgICByZWY9e3JlZn1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TdHlsZWRBcnRpY2xlPlxuICApO1xufSk7XG5cbnR5cGUgQXJ0aWNsZVRpdGxlUHJvcHMgPSB7XG4gIGljb24/OiBSZWFjdE5vZGU7XG4gIGxhYmVsPzogc3RyaW5nO1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBpZDogc3RyaW5nO1xuICBsYW5nPzogc3RyaW5nO1xufTtcblxuY29uc3QgVGl0bGVMYWJlbFRleHQgPSBzdHlsZWQoVGV4dClgXG4gIGNvbG9yOiAjNzU3NTc1O1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcbmA7XG5cbmNvbnN0IEFydGljbGVUaXRsZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgaDEge1xuICAgIG92ZXJmbG93LXdyYXA6IGFueXdoZXJlO1xuICB9XG4gIHBhZGRpbmctYm90dG9tOiAke3NwYWNpbmcubWVkaXVtfTtcbiAgW2RhdGEtYmFkZ2VdIHtcbiAgICBmbGV4LXNocmluazogMDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEFydGljbGVUaXRsZSA9ICh7IGNoaWxkcmVuLCBpY29uLCBsYWJlbCwgaWQsIGxhbmcgfTogQXJ0aWNsZVRpdGxlUHJvcHMpID0+IChcbiAgPEFydGljbGVUaXRsZVdyYXBwZXI+XG4gICAge2ljb259XG4gICAgPGhncm91cD5cbiAgICAgIHshIWxhYmVsICYmIChcbiAgICAgICAgPFRpdGxlTGFiZWxUZXh0IHRleHRTdHlsZT1cIm1ldGEtdGV4dC1tZWRpdW1cIiBtYXJnaW49XCJub25lXCI+XG4gICAgICAgICAge2xhYmVsfVxuICAgICAgICA8L1RpdGxlTGFiZWxUZXh0PlxuICAgICAgKX1cbiAgICAgIDxIZWFkaW5nIGVsZW1lbnQ9XCJoMVwiIG1hcmdpbj1cIm5vbmVcIiBoZWFkaW5nU3R5bGU9XCJoMS1yZXNvdXJjZVwiIGlkPXtpZH0gdGFiSW5kZXg9ey0xfSBsYW5nPXtsYW5nfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9IZWFkaW5nPlxuICAgIDwvaGdyb3VwPlxuICA8L0FydGljbGVUaXRsZVdyYXBwZXI+XG4pO1xuXG50eXBlIEFydGljbGVJbnRyb2R1Y3Rpb25Qcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgbGFuZz86IHN0cmluZztcbn07XG5cbmV4cG9ydCBjb25zdCBBcnRpY2xlSW50cm9kdWN0aW9uID0gKHsgY2hpbGRyZW4sIGxhbmcgfTogQXJ0aWNsZUludHJvZHVjdGlvblByb3BzKSA9PiB7XG4gIGlmIChjaGlsZHJlbikge1xuICAgIHJldHVybiAoXG4gICAgICA8VGV4dCB0ZXh0U3R5bGU9XCJpbmdyZXNzXCIgZWxlbWVudD1cImRpdlwiIGxhbmc9e2xhbmd9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1RleHQ+XG4gICAgKTtcbiAgfVxuICByZXR1cm4gbnVsbDtcbn07XG5cbnR5cGUgTWVzc2FnZXMgPSB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIG1lc3NhZ2VCb3g/OiBzdHJpbmc7XG59O1xuY29uc3QgTVNHYm94V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1ib3R0b206IDUwcHg7XG5gO1xuXG5jb25zdCBBcnRpY2xlRmF2b3JpdGVzQnV0dG9uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlKCR7c3BhY2luZy54c21hbGx9LCAtJHtzcGFjaW5nLm5vcm1hbH0pO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoJHtzcGFjaW5nLm5vcm1hbH0sIC0ke3NwYWNpbmcubWVkaXVtfSk7XG4gIH1cbmA7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIGhlYXJ0QnV0dG9uPzogUmVhY3ROb2RlO1xuICBhcnRpY2xlOiBBcnRpY2xlVHlwZTtcbiAgaWNvbj86IFJlYWN0Tm9kZTtcbiAgbGljZW5zZUJveD86IFJlYWN0Tm9kZTtcbiAgbW9kaWZpZXI/OiBBcnRpY2xlTW9kaWZpZXI7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xuICBtZXNzYWdlczogTWVzc2FnZXM7XG4gIG1lc3NhZ2VCb3hMaW5rcz86IFtdO1xuICBjb21wZXRlbmNlR29hbHM/OiBSZWFjdE5vZGU7XG4gIGlkOiBzdHJpbmc7XG4gIGxhbmc/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgY29uc3QgQXJ0aWNsZSA9ICh7XG4gIGFydGljbGUsXG4gIGljb24sXG4gIGxpY2Vuc2VCb3gsXG4gIG1vZGlmaWVyLFxuICBtZXNzYWdlcyxcbiAgbWVzc2FnZUJveExpbmtzLFxuICBjaGlsZHJlbixcbiAgY29tcGV0ZW5jZUdvYWxzLFxuICBpZCxcbiAgaGVhcnRCdXR0b24sXG4gIGxhbmcsXG59OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHRpdGxlLCBpbnRyb2R1Y3Rpb24sIHB1Ymxpc2hlZCwgY29udGVudCwgZm9vdE5vdGVzLCBjb3B5cmlnaHQgfSA9IGFydGljbGU7XG5cbiAgY29uc3QgYXV0aG9ycyA9XG4gICAgY29weXJpZ2h0Py5jcmVhdG9ycy5sZW5ndGggfHwgY29weXJpZ2h0Py5yaWdodHNob2xkZXJzLmxlbmd0aCA/IGNvcHlyaWdodC5jcmVhdG9ycyA6IGNvcHlyaWdodD8ucHJvY2Vzc29ycztcblxuICByZXR1cm4gKFxuICAgIDxBcnRpY2xlV3JhcHBlciBtb2RpZmllcj17bW9kaWZpZXJ9IGRhdGEtbmRsYS1hcnRpY2xlPVwiXCI+XG4gICAgICA8TGF5b3V0SXRlbSBsYXlvdXQ9XCJjZW50ZXJcIj5cbiAgICAgICAge21lc3NhZ2VzLm1lc3NhZ2VCb3ggJiYgKFxuICAgICAgICAgIDxNU0dib3hXcmFwcGVyPlxuICAgICAgICAgICAgPE1lc3NhZ2VCb3ggbGlua3M9e21lc3NhZ2VCb3hMaW5rc30+e21lc3NhZ2VzLm1lc3NhZ2VCb3h9PC9NZXNzYWdlQm94PlxuICAgICAgICAgIDwvTVNHYm94V3JhcHBlcj5cbiAgICAgICAgKX1cbiAgICAgICAgPEFydGljbGVIZWFkZXJXcmFwcGVyIGNvbXBldGVuY2VHb2Fscz17Y29tcGV0ZW5jZUdvYWxzfT5cbiAgICAgICAgICB7aGVhcnRCdXR0b24gPyA8QXJ0aWNsZUZhdm9yaXRlc0J1dHRvbldyYXBwZXI+e2hlYXJ0QnV0dG9ufTwvQXJ0aWNsZUZhdm9yaXRlc0J1dHRvbldyYXBwZXI+IDogbnVsbH1cbiAgICAgICAgICA8QXJ0aWNsZVRpdGxlIGlkPXtpZH0gaWNvbj17aWNvbn0gbGFiZWw9e21lc3NhZ2VzLmxhYmVsfSBsYW5nPXtsYW5nfT5cbiAgICAgICAgICAgIHt0aXRsZX1cbiAgICAgICAgICA8L0FydGljbGVUaXRsZT5cbiAgICAgICAgICA8QXJ0aWNsZUludHJvZHVjdGlvbiBsYW5nPXtsYW5nfT57aW50cm9kdWN0aW9ufTwvQXJ0aWNsZUludHJvZHVjdGlvbj5cbiAgICAgICAgPC9BcnRpY2xlSGVhZGVyV3JhcHBlcj5cbiAgICAgIDwvTGF5b3V0SXRlbT5cbiAgICAgIDxMYXlvdXRJdGVtIGxheW91dD1cImNlbnRlclwiPntjb250ZW50fTwvTGF5b3V0SXRlbT5cbiAgICAgIDxMYXlvdXRJdGVtIGxheW91dD1cImNlbnRlclwiPlxuICAgICAgICA8QXJ0aWNsZUJ5bGluZVxuICAgICAgICAgIGZvb3Rub3Rlcz17Zm9vdE5vdGVzfVxuICAgICAgICAgIGF1dGhvcnM9e2F1dGhvcnN9XG4gICAgICAgICAgc3VwcGxpZXJzPXtjb3B5cmlnaHQ/LnJpZ2h0c2hvbGRlcnN9XG4gICAgICAgICAgcHVibGlzaGVkPXtwdWJsaXNoZWR9XG4gICAgICAgICAgbGljZW5zZT17Y29weXJpZ2h0Py5saWNlbnNlPy5saWNlbnNlID8/IFwiXCJ9XG4gICAgICAgICAgbGljZW5zZUJveD17bGljZW5zZUJveH1cbiAgICAgICAgLz5cbiAgICAgIDwvTGF5b3V0SXRlbT5cbiAgICAgIDxMYXlvdXRJdGVtIGxheW91dD1cImV4dGVuZFwiPntjaGlsZHJlbn08L0xheW91dEl0ZW0+XG4gICAgPC9BcnRpY2xlV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEFydGljbGU7XG4iXX0= */"));
 export const Article = _ref4 => {
-  var _copyright$license$li, _copyright$license;
   let {
     article,
     icon,
@@ -161,7 +160,7 @@ export const Article = _ref4 => {
     footNotes,
     copyright
   } = article;
-  const authors = copyright !== null && copyright !== void 0 && copyright.creators.length || copyright !== null && copyright !== void 0 && copyright.rightsholders.length ? copyright.creators : copyright === null || copyright === void 0 ? void 0 : copyright.processors;
+  const authors = copyright?.creators.length || copyright?.rightsholders.length ? copyright.creators : copyright?.processors;
   return _jsxs(ArticleWrapper, {
     modifier: modifier,
     "data-ndla-article": "",
@@ -195,9 +194,9 @@ export const Article = _ref4 => {
       children: _jsx(ArticleByline, {
         footnotes: footNotes,
         authors: authors,
-        suppliers: copyright === null || copyright === void 0 ? void 0 : copyright.rightsholders,
+        suppliers: copyright?.rightsholders,
         published: published,
-        license: (_copyright$license$li = copyright === null || copyright === void 0 || (_copyright$license = copyright.license) === null || _copyright$license === void 0 ? void 0 : _copyright$license.license) !== null && _copyright$license$li !== void 0 ? _copyright$license$li : "",
+        license: copyright?.license?.license ?? "",
         licenseBox: licenseBox
       })
     }), _jsx(LayoutItem, {

package/es/Article/ArticleByline.js

@@ -33,8 +33,8 @@ const PrimaryContributorsWrapper = /*#__PURE__*/_styled("span", {
 const renderContributors = (contributors, t) => {
   const contributorsArray = contributors.map((contributor, index) => {
     if (index < 1) return contributor.name;
-    const sep = index === contributors.length - 1 ? " ".concat(t("article.conjunction"), " ") : ", ";
-    return "".concat(sep).concat(contributor.name);
+    const sep = index === contributors.length - 1 ? ` ${t("article.conjunction")} ` : ", ";
+    return `${sep}${contributor.name}`;
   });
   return contributorsArray.join("");
 };
@@ -93,9 +93,9 @@ const ArticleByline = _ref => {
     const hash = e.newURL.split("#")[1];
     if (hash.match(refRegexp) && !openAccordions.includes(footnotesAccordionId)) {
       setOpenAccordions([...openAccordions, footnotesAccordionId]);
-      const el = document.getElementById("#".concat(hash));
-      el === null || el === void 0 || el.click();
-      el === null || el === void 0 || el.focus();
+      const el = document.getElementById(`#${hash}`);
+      el?.click();
+      el?.focus();
     }
   }, [openAccordions]);
   useEffect(() => {
@@ -114,15 +114,15 @@ const ArticleByline = _ref => {
         children: [license && _jsx(LicenseLink, {
           license: license
         }), showPrimaryContributors && _jsxs(PrimaryContributorsWrapper, {
-          children: [authors.length > 0 && "".concat(t("article.authorsLabel", {
+          children: [authors.length > 0 && `${t("article.authorsLabel", {
             names: renderContributors(authors, t),
             interpolation: {
               escapeValue: false
             }
-          }), ". "), getSuppliersText(suppliers, t)]
+          })}. `, getSuppliersText(suppliers, t)]
         })]
       }), _jsxs("div", {
-        children: [t("".concat(bylineType, ".lastUpdated")), " ", published]
+        children: [t(`${bylineType}.lastUpdated`), " ", published]
       })]
     }), _jsxs(AccordionRoot, {
       type: "multiple",
@@ -138,7 +138,7 @@ const ArticleByline = _ref => {
           "data-background-color": accordionHeaderVariant,
           children: licenseBox
         })]
-      }), !!(footnotes !== null && footnotes !== void 0 && footnotes.length) && _jsxs(AccordionItem, {
+      }), !!footnotes?.length && _jsxs(AccordionItem, {
         value: footnotesAccordionId,
         children: [_jsx(StyledAccordionHeader, {
           headingLevel: "h2",

package/es/Article/ArticleFootNotes.js

@@ -9,7 +9,7 @@ import _styled from "@emotion/styled/base";
 
 import { colors, spacing } from "@ndla/core";
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-const citeDetailString = description => description ? "".concat(description, ". ") : "";
+const citeDetailString = description => description ? `${description}. ` : "";
 const Cite = /*#__PURE__*/_styled("cite", {
   target: "eds1c3s1",
   label: "Cite"
@@ -20,12 +20,12 @@ const FootNote = _ref => {
   } = _ref;
   return _jsx("li", {
     children: _jsxs(Cite, {
-      id: "note".concat(footNote.ref),
+      id: `note${footNote.ref}`,
       children: [_jsx("a", {
-        href: "#ref".concat(footNote.ref),
+        href: `#ref${footNote.ref}`,
         target: "_self",
         children: footNote.ref
-      }), "\xAB".concat(footNote.title, "\xBB. ").concat(footNote.authors.join(" "), ". ").concat(citeDetailString(footNote.edition)).concat(citeDetailString(footNote.publisher)).concat(footNote.year, ". "), footNote.url ? _jsxs("a", {
+      }), `«${footNote.title}». ${footNote.authors.join(" ")}. ${citeDetailString(footNote.edition)}${citeDetailString(footNote.publisher)}${footNote.year}. `, footNote.url ? _jsxs("a", {
         href: footNote.url,
         children: [footNote.url, "."]
       }) : null]

package/es/Article/ArticleParagraph.js

@@ -1,4 +1,3 @@
-import _styled from "@emotion/styled/base";
 /**
  * Copyright (c) 2024-present, NDLA.
  *
@@ -6,19 +5,18 @@ import _styled from "@emotion/styled/base";
  * LICENSE file in the root directory of this source tree.
  *
  */
-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)."; }
+
+import { styled } from "@ndla/styled-system/jsx";
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-const StyledParagraph = /*#__PURE__*/_styled("p", {
-  target: "eeuozz20",
-  label: "StyledParagraph"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1s1houn",
-  styles: "&[data-align=\"center\"]{text-align:center;}&:has(span[dir=\"rtl\"]){direction:rtl;}"
-} : {
-  name: "1s1houn",
-  styles: "&[data-align=\"center\"]{text-align:center;}&:has(span[dir=\"rtl\"]){direction:rtl;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFydGljbGVQYXJhZ3JhcGgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVnQyIsImZpbGUiOiJBcnRpY2xlUGFyYWdyYXBoLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDI0LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmLCBSZWFjdE5vZGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbnRlcmZhY2UgUHJvcHMgZXh0ZW5kcyBDb21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJwXCI+IHtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59XG5cbmNvbnN0IFN0eWxlZFBhcmFncmFwaCA9IHN0eWxlZC5wYFxuICAmW2RhdGEtYWxpZ249XCJjZW50ZXJcIl0ge1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgfVxuICAmOmhhcyhzcGFuW2Rpcj1cInJ0bFwiXSkge1xuICAgIGRpcmVjdGlvbjogcnRsO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQXJ0aWNsZVBhcmFncmFwaCA9IChwcm9wczogUHJvcHMpID0+IDxTdHlsZWRQYXJhZ3JhcGggey4uLnByb3BzfSAvPjtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+const StyledParagraph = styled("p", {
+  base: {
+    '&[data-align="center"]': {
+      textAlign: "center"
+    },
+    '&:has(span[dir="rtl"])': {
+      direction: "rtl"
+    }
+  }
 });
 export const ArticleParagraph = props => _jsx(StyledParagraph, {
   ...props