@ndla/ui 36.0.2 → 37.0.0

package/es/Article/ArticleFootNotes.js

@@ -1,3 +1,4 @@
+import _styled from "@emotion/styled/base";
 /*
  * Copyright (c) 2017-present, NDLA.
  *
@@ -7,24 +8,25 @@
  */
 
 import React from 'react';
+import { colors, spacing } from '@ndla/core';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 var citeDetailString = function citeDetailString(description) {
   return description ? "".concat(description, ". ") : '';
 };
+var Cite = /*#__PURE__*/_styled("cite", {
+  target: "eds1c3s1",
+  label: "Cite"
+})("display:flex;gap:", spacing.small, ";a{box-shadow:none;text-decoration:underline;text-underline-offset:", spacing.xxsmall, ";&:hover,&:focus-visible{text-decoration:none;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFydGljbGVGb290Tm90ZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Cd0IiLCJmaWxlIjoiQXJ0aWNsZUZvb3ROb3Rlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChjKSAyMDE3LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgRm9vdE5vdGUgYXMgRm9vdE5vdGVUeXBlIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCBjaXRlRGV0YWlsU3RyaW5nID0gKGRlc2NyaXB0aW9uOiBzdHJpbmcgfCB1bmRlZmluZWQpID0+IChkZXNjcmlwdGlvbiA/IGAke2Rlc2NyaXB0aW9ufS4gYCA6ICcnKTtcblxudHlwZSBGb290Tm90ZVByb3BzID0ge1xuICBmb290Tm90ZTogRm9vdE5vdGVUeXBlO1xufTtcblxuY29uc3QgQ2l0ZSA9IHN0eWxlZC5jaXRlYFxuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG4gIGEge1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgdGV4dC11bmRlcmxpbmUtb2Zmc2V0OiAke3NwYWNpbmcueHhzbWFsbH07XG4gICAgJjpob3ZlcixcbiAgICAmOmZvY3VzLXZpc2libGUge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgRm9vdE5vdGUgPSAoeyBmb290Tm90ZSB9OiBGb290Tm90ZVByb3BzKSA9PiAoXG4gIDxsaT5cbiAgICA8Q2l0ZSBpZD17YG5vdGUke2Zvb3ROb3RlLnJlZn1gfT5cbiAgICAgIDxhIGhyZWY9e2AjcmVmJHtmb290Tm90ZS5yZWZ9YH0gdGFyZ2V0PVwiX3NlbGZcIj5cbiAgICAgICAge2Zvb3ROb3RlLnJlZn1cbiAgICAgIDwvYT5cbiAgICAgIHtgwqske2Zvb3ROb3RlLnRpdGxlfcK7LiAke2Zvb3ROb3RlLmF1dGhvcnMuam9pbignICcpfS4gJHtjaXRlRGV0YWlsU3RyaW5nKGZvb3ROb3RlLmVkaXRpb24pfSR7Y2l0ZURldGFpbFN0cmluZyhcbiAgICAgICAgZm9vdE5vdGUucHVibGlzaGVyLFxuICAgICAgKX0ke2Zvb3ROb3RlLnllYXJ9LiBgfVxuICAgICAge2Zvb3ROb3RlLnVybCA/IChcbiAgICAgICAgPGEgaHJlZj17Zm9vdE5vdGUudXJsfT5cbiAgICAgICAgICB7Zm9vdE5vdGUudXJsfVxuICAgICAgICAgIHsnLid9XG4gICAgICAgIDwvYT5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvQ2l0ZT5cbiAgPC9saT5cbik7XG5cbnR5cGUgQXJ0aWNsZUZvb3ROb3Rlc1Byb3BzID0ge1xuICBmb290Tm90ZXM6IEFycmF5PEZvb3ROb3RlVHlwZT47XG59O1xuXG5jb25zdCBGb290bm90ZUxpc3QgPSBzdHlsZWQub2xgXG4gIG1hcmdpbjogMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQubGlnaHR9O1xuYDtcblxuY29uc3QgQXJ0aWNsZUZvb3ROb3RlcyA9ICh7IGZvb3ROb3RlcyB9OiBBcnRpY2xlRm9vdE5vdGVzUHJvcHMpID0+IChcbiAgPEZvb3Rub3RlTGlzdD5cbiAgICB7Zm9vdE5vdGVzLm1hcCgoZm9vdE5vdGUpID0+IChcbiAgICAgIDxGb290Tm90ZSBrZXk9e2Zvb3ROb3RlLnJlZn0gZm9vdE5vdGU9e2Zvb3ROb3RlfSAvPlxuICAgICkpfVxuICA8L0Zvb3Rub3RlTGlzdD5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IEFydGljbGVGb290Tm90ZXM7XG4iXX0= */"));
 var FootNote = function FootNote(_ref) {
   var footNote = _ref.footNote;
   return _jsx("li", {
-    className: "c-footnotes__item",
-    children: _jsxs("cite", {
-      className: "c-footnotes__cite",
+    children: _jsxs(Cite, {
       id: "note".concat(footNote.ref),
-      children: [_jsx("sup", {
-        children: _jsx("a", {
-          href: "#ref".concat(footNote.ref),
-          target: "_self",
-          children: footNote.ref
-        })
+      children: [_jsx("a", {
+        href: "#ref".concat(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", {
         href: footNote.url,
         children: [footNote.url, '.']
@@ -32,10 +34,13 @@ var FootNote = function FootNote(_ref) {
     })
   });
 };
+var FootnoteList = /*#__PURE__*/_styled("ol", {
+  target: "eds1c3s0",
+  label: "FootnoteList"
+})("margin:0;display:flex;flex-direction:column;list-style:none;padding:", spacing.small, ";color:", colors.text.light, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFydGljbGVGb290Tm90ZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdEOEIiLCJmaWxlIjoiQXJ0aWNsZUZvb3ROb3Rlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChjKSAyMDE3LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgRm9vdE5vdGUgYXMgRm9vdE5vdGVUeXBlIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCBjaXRlRGV0YWlsU3RyaW5nID0gKGRlc2NyaXB0aW9uOiBzdHJpbmcgfCB1bmRlZmluZWQpID0+IChkZXNjcmlwdGlvbiA/IGAke2Rlc2NyaXB0aW9ufS4gYCA6ICcnKTtcblxudHlwZSBGb290Tm90ZVByb3BzID0ge1xuICBmb290Tm90ZTogRm9vdE5vdGVUeXBlO1xufTtcblxuY29uc3QgQ2l0ZSA9IHN0eWxlZC5jaXRlYFxuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG4gIGEge1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgdGV4dC11bmRlcmxpbmUtb2Zmc2V0OiAke3NwYWNpbmcueHhzbWFsbH07XG4gICAgJjpob3ZlcixcbiAgICAmOmZvY3VzLXZpc2libGUge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgRm9vdE5vdGUgPSAoeyBmb290Tm90ZSB9OiBGb290Tm90ZVByb3BzKSA9PiAoXG4gIDxsaT5cbiAgICA8Q2l0ZSBpZD17YG5vdGUke2Zvb3ROb3RlLnJlZn1gfT5cbiAgICAgIDxhIGhyZWY9e2AjcmVmJHtmb290Tm90ZS5yZWZ9YH0gdGFyZ2V0PVwiX3NlbGZcIj5cbiAgICAgICAge2Zvb3ROb3RlLnJlZn1cbiAgICAgIDwvYT5cbiAgICAgIHtgwqske2Zvb3ROb3RlLnRpdGxlfcK7LiAke2Zvb3ROb3RlLmF1dGhvcnMuam9pbignICcpfS4gJHtjaXRlRGV0YWlsU3RyaW5nKGZvb3ROb3RlLmVkaXRpb24pfSR7Y2l0ZURldGFpbFN0cmluZyhcbiAgICAgICAgZm9vdE5vdGUucHVibGlzaGVyLFxuICAgICAgKX0ke2Zvb3ROb3RlLnllYXJ9LiBgfVxuICAgICAge2Zvb3ROb3RlLnVybCA/IChcbiAgICAgICAgPGEgaHJlZj17Zm9vdE5vdGUudXJsfT5cbiAgICAgICAgICB7Zm9vdE5vdGUudXJsfVxuICAgICAgICAgIHsnLid9XG4gICAgICAgIDwvYT5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvQ2l0ZT5cbiAgPC9saT5cbik7XG5cbnR5cGUgQXJ0aWNsZUZvb3ROb3Rlc1Byb3BzID0ge1xuICBmb290Tm90ZXM6IEFycmF5PEZvb3ROb3RlVHlwZT47XG59O1xuXG5jb25zdCBGb290bm90ZUxpc3QgPSBzdHlsZWQub2xgXG4gIG1hcmdpbjogMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQubGlnaHR9O1xuYDtcblxuY29uc3QgQXJ0aWNsZUZvb3ROb3RlcyA9ICh7IGZvb3ROb3RlcyB9OiBBcnRpY2xlRm9vdE5vdGVzUHJvcHMpID0+IChcbiAgPEZvb3Rub3RlTGlzdD5cbiAgICB7Zm9vdE5vdGVzLm1hcCgoZm9vdE5vdGUpID0+IChcbiAgICAgIDxGb290Tm90ZSBrZXk9e2Zvb3ROb3RlLnJlZn0gZm9vdE5vdGU9e2Zvb3ROb3RlfSAvPlxuICAgICkpfVxuICA8L0Zvb3Rub3RlTGlzdD5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IEFydGljbGVGb290Tm90ZXM7XG4iXX0= */"));
 var ArticleFootNotes = function ArticleFootNotes(_ref2) {
   var footNotes = _ref2.footNotes;
-  return _jsx("ol", {
-    className: "c-footnotes",
+  return _jsx(FootnoteList, {
     children: footNotes.map(function (footNote) {
       return _jsx(FootNote, {
         footNote: footNote