@ndla/ui 52.0.0 → 53.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (59) hide show
  1. package/es/Article/Article.js +110 -117
  2. package/es/Article/ArticleHeaderWrapper.js +14 -9
  3. package/es/all.css +1 -1
  4. package/es/index.js +0 -1
  5. package/es/locale/messages-en.js +3 -0
  6. package/es/locale/messages-nb.js +3 -0
  7. package/es/locale/messages-nn.js +3 -0
  8. package/es/locale/messages-se.js +3 -0
  9. package/es/locale/messages-sma.js +3 -0
  10. package/lib/Article/Article.d.ts +4 -5
  11. package/lib/Article/Article.js +108 -115
  12. package/lib/Article/ArticleHeaderWrapper.js +14 -9
  13. package/lib/Article/index.d.ts +1 -0
  14. package/lib/all.css +1 -1
  15. package/lib/index.d.ts +1 -1
  16. package/lib/index.js +0 -25
  17. package/lib/locale/messages-en.d.ts +3 -0
  18. package/lib/locale/messages-en.js +3 -0
  19. package/lib/locale/messages-nb.d.ts +3 -0
  20. package/lib/locale/messages-nb.js +3 -0
  21. package/lib/locale/messages-nn.d.ts +3 -0
  22. package/lib/locale/messages-nn.js +3 -0
  23. package/lib/locale/messages-se.d.ts +3 -0
  24. package/lib/locale/messages-se.js +3 -0
  25. package/lib/locale/messages-sma.d.ts +3 -0
  26. package/lib/locale/messages-sma.js +3 -0
  27. package/package.json +2 -3
  28. package/src/Article/Article.tsx +177 -113
  29. package/src/Article/ArticleHeaderWrapper.tsx +16 -9
  30. package/src/Article/index.ts +2 -0
  31. package/src/all.scss +2 -3
  32. package/src/index.ts +2 -2
  33. package/src/locale/messages-en.ts +3 -0
  34. package/src/locale/messages-nb.ts +3 -0
  35. package/src/locale/messages-nn.ts +3 -0
  36. package/src/locale/messages-se.ts +3 -0
  37. package/src/locale/messages-sma.ts +3 -0
  38. package/es/Article/ArticleNotions.js +0 -90
  39. package/es/Masthead/Masthead.js +0 -62
  40. package/es/Masthead/SkipToMainContent.js +0 -30
  41. package/es/Masthead/index.js +0 -13
  42. package/es/Masthead/utils.js +0 -38
  43. package/lib/Article/ArticleNotions.d.ts +0 -14
  44. package/lib/Article/ArticleNotions.js +0 -96
  45. package/lib/Masthead/Masthead.d.ts +0 -23
  46. package/lib/Masthead/Masthead.js +0 -68
  47. package/lib/Masthead/SkipToMainContent.d.ts +0 -12
  48. package/lib/Masthead/SkipToMainContent.js +0 -37
  49. package/lib/Masthead/index.d.ts +0 -12
  50. package/lib/Masthead/index.js +0 -36
  51. package/lib/Masthead/utils.d.ts +0 -11
  52. package/lib/Masthead/utils.js +0 -46
  53. package/src/Article/ArticleNotions.tsx +0 -139
  54. package/src/Article/component.article.scss +0 -149
  55. package/src/Masthead/Masthead.tsx +0 -100
  56. package/src/Masthead/SkipToMainContent.tsx +0 -54
  57. package/src/Masthead/index.ts +0 -16
  58. package/src/Masthead/utils.ts +0 -45
  59. package/src/main.scss +0 -4
@@ -7,24 +7,31 @@
7
7
  */
8
8
 
9
9
  import { ReactNode } from "react";
10
- import BEMHelper from "react-bem-helper";
11
-
12
- const classes = new BEMHelper({
13
- name: "article",
14
- prefix: "c-",
15
- });
10
+ import styled from "@emotion/styled";
11
+ import { breakpoints, mq, spacing } from "@ndla/core";
16
12
 
17
13
  type Props = {
18
14
  competenceGoals?: ReactNode;
19
15
  children: ReactNode;
20
16
  };
21
17
 
18
+ const StyledHeaderWrapper = styled.div`
19
+ margin-bottom: ${spacing.normal};
20
+ ${mq.range({ from: breakpoints.tablet })} {
21
+ margin-bottom: ${spacing.large};
22
+ }
23
+ `;
24
+
25
+ const CompetenceWrapper = styled.div`
26
+ margin-top: ${spacing.normal};
27
+ `;
28
+
22
29
  const ArticleHeaderWrapper = ({ children, competenceGoals }: Props) => {
23
30
  return (
24
- <div {...classes("header")}>
31
+ <StyledHeaderWrapper>
25
32
  {children}
26
- <div {...classes("competence")}>{competenceGoals}</div>
27
- </div>
33
+ <CompetenceWrapper>{competenceGoals}</CompetenceWrapper>
34
+ </StyledHeaderWrapper>
28
35
  );
29
36
  };
30
37
 
@@ -14,4 +14,6 @@ import ArticleHeaderWrapper from "./ArticleHeaderWrapper";
14
14
  export { ArticleByline, ArticleFootNotes, ArticleHeaderWrapper, ArticleTitle, ArticleIntroduction, ArticleWrapper };
15
15
  export { ArticleParagraph } from "./ArticleParagraph";
16
16
 
17
+ export type { ArticleModifier } from "./Article";
18
+
17
19
  export default Article;
package/src/all.scss CHANGED
@@ -1,3 +1,2 @@
1
- @import '~@ndla/core/scss/core';
2
- @import './main';
3
- @import '~@ndla/core/scss/utilities';
1
+ @import "~@ndla/core/scss/core";
2
+ @import "~@ndla/core/scss/utilities";
package/src/index.ts CHANGED
@@ -47,12 +47,12 @@ export {
47
47
  ArticleParagraph,
48
48
  } from "./Article";
49
49
 
50
+ export type { ArticleModifier } from "./Article";
51
+
50
52
  export { getPossiblyRelativeUrl } from "./utils/relativeUrl";
51
53
 
52
54
  export { default as Table, TableStyling } from "./Table";
53
55
 
54
- export { default as Masthead, getMastheadHeight, useMastheadHeight, SkipToMainContent } from "./Masthead";
55
-
56
56
  export { default as ContentLoader } from "./ContentLoader";
57
57
 
58
58
  export { default as RelatedArticleList, RelatedArticle } from "./RelatedArticleList";
@@ -544,8 +544,10 @@ const messages = {
544
544
  },
545
545
  contentTypes: {
546
546
  all: "All",
547
+ article: "Article",
547
548
  subject: "Subject",
548
549
  "topic-article": "Topic article",
550
+ learningpath: "Learning path",
549
551
  "learning-path": "Learning path",
550
552
  "subject-material": "Subject material",
551
553
  "tasks-and-activities": "Task and activities",
@@ -933,6 +935,7 @@ const messages = {
933
935
  onDragEndMissingOver: "The folder {{name}} was dropped",
934
936
  onDragCancel: "Dragging was cancelled. The folder {{name}} was dropped",
935
937
  dragHandle: "Drag the folder {{name}}",
938
+ professional: "a professional",
936
939
  sharedWarning: "Name and description will be visible for everyone you share the folder with",
937
940
  sharing: {
938
941
  share: "Share folder",
@@ -544,8 +544,10 @@ const messages = {
544
544
  },
545
545
  contentTypes: {
546
546
  all: "Alle",
547
+ article: "Artikkel",
547
548
  subject: "Fag",
548
549
  "topic-article": "Emne",
550
+ learningpath: "Læringssti",
549
551
  "learning-path": "Læringssti",
550
552
  "subject-material": "Fagstoff",
551
553
  "tasks-and-activities": "Oppgaver og aktiviteter",
@@ -933,6 +935,7 @@ const messages = {
933
935
  onDragEndMissingOver: "Mappen {{name}} ble sluppet",
934
936
  onDragCancel: "Flytting avbrutt. Mappen {{name}} ble sluppet",
935
937
  dragHandle: "Sorter mappen {{name}}",
938
+ professional: "en fagperson",
936
939
  sharedWarning: "Navn og beskrivelse blir synlig for alle du deler mappen med.",
937
940
  sharing: {
938
941
  share: "Del mappe",
@@ -544,8 +544,10 @@ const messages = {
544
544
  },
545
545
  contentTypes: {
546
546
  all: "Alle",
547
+ article: "Artikkel",
547
548
  subject: "Fag",
548
549
  "topic-article": "Emne",
550
+ learningpath: "Læringssti",
549
551
  "learning-path": "Læringssti",
550
552
  "subject-material": "Fagstoff",
551
553
  "tasks-and-activities": "Oppgåver og aktivitetar",
@@ -933,6 +935,7 @@ const messages = {
933
935
  onDragEndMissingOver: "Mappa blei sleppt",
934
936
  onDragCancel: "Flytting avbrutt. Mappa {{name}} blei sleppt",
935
937
  dragHandle: "Sorter mappa {{name}}",
938
+ professional: "ein fagperson",
936
939
  sharedWarning: "Namn og beskriving blir synleg for alle du deler mappa med.",
937
940
  sharing: {
938
941
  share: "Del mappe",
@@ -546,8 +546,10 @@ const messages = {
546
546
  },
547
547
  contentTypes: {
548
548
  all: "Buot",
549
+ article: "Artikkel",
549
550
  subject: "Fága",
550
551
  "topic-article": "Fáddá",
552
+ learningpath: "Oahppanbálggis",
551
553
  "learning-path": "Oahppanbálggis",
552
554
  "subject-material": "Fágaávdnasat",
553
555
  "tasks-and-activities": "Bihtát ja doaimmat",
@@ -935,6 +937,7 @@ const messages = {
935
937
  onDragEndMissingOver: "Mappen {{name}} ble sluppet",
936
938
  onDragCancel: "Flytting avbrutt. Mappen {{name}} ble sluppet",
937
939
  dragHandle: "Sorter mappen {{name}}",
940
+ professional: "en fagperson",
938
941
  sharedWarning: "Navn og beskrivelse blir synlig for alle du deler mappen med.",
939
942
  sharing: {
940
943
  share: "Del mappe",
@@ -548,8 +548,10 @@ const messages = {
548
548
  },
549
549
  contentTypes: {
550
550
  all: "Alle",
551
+ article: "Artikkel",
551
552
  subject: "Faagem",
552
553
  "topic-article": "Teema",
554
+ learningpath: "Lïeremebaalka",
553
555
  "learning-path": "Lïeremebaalka",
554
556
  "subject-material": "Faage-aamhtese",
555
557
  "tasks-and-activities": "Laavenjassh jïh darjomh",
@@ -937,6 +939,7 @@ const messages = {
937
939
  onDragEndMissingOver: "Mappen {{name}} ble sluppet",
938
940
  onDragCancel: "Flytting avbrutt. Mappen {{name}} ble sluppet",
939
941
  dragHandle: "Sorter mappen {{name}}",
942
+ professional: "en fagperson",
940
943
  sharedWarning: "Navn og beskrivelse blir synlig for alle du deler mappen med.",
941
944
  sharing: {
942
945
  share: "Del mappe",
@@ -1,90 +0,0 @@
1
- import _styled from "@emotion/styled/base";
2
- 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)."; }
3
- /**
4
- * Copyright (c) 2016-present, NDLA.
5
- *
6
- * This source code is licensed under the GPLv3 license found in the
7
- * LICENSE file in the root directory of this source tree.
8
- *
9
- */
10
-
11
- import { useTranslation } from "react-i18next";
12
- import { breakpoints, colors, fonts, misc, mq, spacing, stackOrder } from "@ndla/core";
13
- import { Explanation, NotionFlip } from "@ndla/icons/common";
14
- import { ModalHeader, ModalCloseButton, ModalBody, Modal, ModalTitle, ModalTrigger, ModalContent } from "@ndla/modal";
15
- import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
16
- const ArticleNotionsContainer = /*#__PURE__*/_styled("div", {
17
- target: "e1h0r0qr3",
18
- label: "ArticleNotionsContainer"
19
- })("margin-bottom:26px;", mq.range({
20
- from: breakpoints.tablet
21
- }), "{margin-bottom:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFydGljbGVOb3Rpb25zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlMEMiLCJmaWxlIjoiQXJ0aWNsZU5vdGlvbnMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIG1pc2MsIG1xLCBzcGFjaW5nLCBzdGFja09yZGVyIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IEV4cGxhbmF0aW9uLCBOb3Rpb25GbGlwIH0gZnJvbSBcIkBuZGxhL2ljb25zL2NvbW1vblwiO1xuaW1wb3J0IHsgTW9kYWxIZWFkZXIsIE1vZGFsQ2xvc2VCdXR0b24sIE1vZGFsQm9keSwgTW9kYWwsIE1vZGFsVGl0bGUsIE1vZGFsVHJpZ2dlciwgTW9kYWxDb250ZW50IH0gZnJvbSBcIkBuZGxhL21vZGFsXCI7XG5cbmNvbnN0IEFydGljbGVOb3Rpb25zQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLWJvdHRvbTogMjZweDtcblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgfVxuYDtcblxuY29uc3QgTm90aW9uc1RyaWdnZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiAwICR7c3BhY2luZy5uc21hbGx9O1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXJ9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgaGVpZ2h0OiBhdXRvO1xuICAgIHRvcDogMTJyZW07XG4gICAgcmlnaHQ6IDE4cHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgei1pbmRleDogJHtzdGFja09yZGVyLnRyaWdnZXJ9O1xuICB9XG5cbiAgc3ZnIHtcbiAgICAmOmZpcnN0LW9mLXR5cGUge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgIHdpZHRoOiA0MHB4O1xuICAgICAgaGVpZ2h0OiA1NHB4O1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgY29sb3I6ICNkZWYxZWQ7XG5cbiAgICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB9XG4gICAgfVxuICAgICY6bnRoLW9mLXR5cGUoMikge1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgICBtYXJnaW4tcmlnaHQ6IDhweDtcblxuICAgICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIHNwYW4ge1xuICAgICR7Zm9udHMuc2l6ZXMoXCIxNnB4XCIsIFwiMzlweFwiKX07XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gICAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgcGFkZGluZy1ib3R0b206IDFweDtcblxuICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBNb2RhbEhlYWRpbmdDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gIHN2ZyB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgd2lkdGg6IDJyZW07XG4gICAgaGVpZ2h0OiAycmVtO1xuICAgIGNvbG9yOiAjNjM4Yjk4O1xuICAgIG1hcmdpbjogMCAxcmVtIDAgLTAuMjVyZW07XG5cbiAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgICB3aWR0aDogM3JlbTtcbiAgICAgIGhlaWdodDogM3JlbTtcbiAgICAgIG1hcmdpbjogMCAxLjVyZW0gMCAtMC41cmVtO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkTW9kYWxIZWFkZXIgPSBzdHlsZWQoTW9kYWxIZWFkZXIpYFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG50eXBlIEFydGljbGVOb3Rpb25zUHJvcHMgPSB7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xuICBidXR0b25PZmZzZXRSaWdodDogbnVtYmVyO1xufTtcblxuZXhwb3J0IGNvbnN0IEFydGljbGVOb3Rpb25zID0gKHsgYnV0dG9uT2Zmc2V0UmlnaHQsIGNoaWxkcmVuIH06IEFydGljbGVOb3Rpb25zUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBsZWZ0T2Zmc2V0ID0gYCR7YnV0dG9uT2Zmc2V0UmlnaHQgLSAzMn1weGA7XG5cbiAgcmV0dXJuIChcbiAgICA8QXJ0aWNsZU5vdGlvbnNDb250YWluZXI+XG4gICAgICA8TW9kYWw+XG4gICAgICAgIDxNb2RhbFRyaWdnZXI+XG4gICAgICAgICAgPE5vdGlvbnNUcmlnZ2VyIHJvbGU9XCJidXR0b25cIiBhcmlhLWxhYmVsPXt0KFwiYXJ0aWNsZS5ub3Rpb25zUHJvbXB0XCIpfSBzdHlsZT17eyBsZWZ0OiBsZWZ0T2Zmc2V0IH19PlxuICAgICAgICAgICAgPE5vdGlvbkZsaXAgLz5cbiAgICAgICAgICAgIDxFeHBsYW5hdGlvbiAvPlxuICAgICAgICAgICAgPHNwYW4+e3QoXCJhcnRpY2xlLm5vdGlvbnNQcm9tcHRcIil9PC9zcGFuPlxuICAgICAgICAgIDwvTm90aW9uc1RyaWdnZXI+XG4gICAgICAgIDwvTW9kYWxUcmlnZ2VyPlxuICAgICAgICA8TW9kYWxDb250ZW50IHNpemU9XCJsYXJnZVwiPlxuICAgICAgICAgIDxTdHlsZWRNb2RhbEhlYWRlcj5cbiAgICAgICAgICAgIDxNb2RhbEhlYWRpbmdDb250YWluZXI+XG4gICAgICAgICAgICAgIDxFeHBsYW5hdGlvbiAvPlxuICAgICAgICAgICAgICA8TW9kYWxUaXRsZT57dChcImFydGljbGUubm90aW9uc1Byb21wdFwiKX08L01vZGFsVGl0bGU+XG4gICAgICAgICAgICA8L01vZGFsSGVhZGluZ0NvbnRhaW5lcj5cbiAgICAgICAgICAgIDxNb2RhbENsb3NlQnV0dG9uIC8+XG4gICAgICAgICAgPC9TdHlsZWRNb2RhbEhlYWRlcj5cbiAgICAgICAgICA8TW9kYWxCb2R5IG1vZGlmaWVyPVwibm90aW9ucy1tb2RhbC1ib2R5IG5vLXBhZGRpbmdcIj57Y2hpbGRyZW59PC9Nb2RhbEJvZHk+XG4gICAgICAgIDwvTW9kYWxDb250ZW50PlxuICAgICAgPC9Nb2RhbD5cbiAgICA8L0FydGljbGVOb3Rpb25zQ29udGFpbmVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQXJ0aWNsZU5vdGlvbnM7XG4iXX0= */"));
22
- const NotionsTrigger = /*#__PURE__*/_styled("div", {
23
- target: "e1h0r0qr2",
24
- label: "NotionsTrigger"
25
- })("padding:0 ", spacing.nsmall, ";display:inline-flex;align-items:center;background-color:", colors.brand.greyLighter, ";border-radius:", misc.borderRadius, ";cursor:pointer;", mq.range({
26
- from: breakpoints.tablet
27
- }), "{position:fixed;border:none;padding:0;height:auto;top:12rem;right:18px;background-color:transparent;z-index:", stackOrder.trigger, ";}svg{&:first-of-type{display:none;width:40px;height:54px;cursor:pointer;color:#def1ed;", mq.range({
28
- from: breakpoints.tablet
29
- }), "{display:block;}}&:nth-of-type(2){display:block;color:", colors.brand.primary, ";margin-right:8px;", mq.range({
30
- from: breakpoints.tablet
31
- }), "{display:none;}}}span{", fonts.sizes("16px", "39px"), ";display:block;font-family:", fonts.sans, ";font-weight:", fonts.weight.semibold, ";color:", colors.brand.primary, ";padding-bottom:1px;", mq.range({
32
- from: breakpoints.tablet
33
- }), "{display:none;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFydGljbGVOb3Rpb25zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QmlDIiwiZmlsZSI6IkFydGljbGVOb3Rpb25zLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE2LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgUmVhY3ROb2RlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gXCJyZWFjdC1pMThuZXh0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIGZvbnRzLCBtaXNjLCBtcSwgc3BhY2luZywgc3RhY2tPcmRlciB9IGZyb20gXCJAbmRsYS9jb3JlXCI7XG5pbXBvcnQgeyBFeHBsYW5hdGlvbiwgTm90aW9uRmxpcCB9IGZyb20gXCJAbmRsYS9pY29ucy9jb21tb25cIjtcbmltcG9ydCB7IE1vZGFsSGVhZGVyLCBNb2RhbENsb3NlQnV0dG9uLCBNb2RhbEJvZHksIE1vZGFsLCBNb2RhbFRpdGxlLCBNb2RhbFRyaWdnZXIsIE1vZGFsQ29udGVudCB9IGZyb20gXCJAbmRsYS9tb2RhbFwiO1xuXG5jb25zdCBBcnRpY2xlTm90aW9uc0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1ib3R0b206IDI2cHg7XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIG1hcmdpbi1ib3R0b206IDA7XG4gIH1cbmA7XG5cbmNvbnN0IE5vdGlvbnNUcmlnZ2VyID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogMCAke3NwYWNpbmcubnNtYWxsfTtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVyfTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIGN1cnNvcjogcG9pbnRlcjtcblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgcG9zaXRpb246IGZpeGVkO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGhlaWdodDogYXV0bztcbiAgICB0b3A6IDEycmVtO1xuICAgIHJpZ2h0OiAxOHB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIHotaW5kZXg6ICR7c3RhY2tPcmRlci50cmlnZ2VyfTtcbiAgfVxuXG4gIHN2ZyB7XG4gICAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICB3aWR0aDogNDBweDtcbiAgICAgIGhlaWdodDogNTRweDtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgIGNvbG9yOiAjZGVmMWVkO1xuXG4gICAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgfVxuICAgIH1cbiAgICAmOm50aC1vZi10eXBlKDIpIHtcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgICAgbWFyZ2luLXJpZ2h0OiA4cHg7XG5cbiAgICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBzcGFuIHtcbiAgICAke2ZvbnRzLnNpemVzKFwiMTZweFwiLCBcIjM5cHhcIil9O1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICAgIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG4gICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIHBhZGRpbmctYm90dG9tOiAxcHg7XG5cbiAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgTW9kYWxIZWFkaW5nQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICBzdmcge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHdpZHRoOiAycmVtO1xuICAgIGhlaWdodDogMnJlbTtcbiAgICBjb2xvcjogIzYzOGI5ODtcbiAgICBtYXJnaW46IDAgMXJlbSAwIC0wLjI1cmVtO1xuXG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgd2lkdGg6IDNyZW07XG4gICAgICBoZWlnaHQ6IDNyZW07XG4gICAgICBtYXJnaW46IDAgMS41cmVtIDAgLTAuNXJlbTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZE1vZGFsSGVhZGVyID0gc3R5bGVkKE1vZGFsSGVhZGVyKWBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxudHlwZSBBcnRpY2xlTm90aW9uc1Byb3BzID0ge1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbiAgYnV0dG9uT2Zmc2V0UmlnaHQ6IG51bWJlcjtcbn07XG5cbmV4cG9ydCBjb25zdCBBcnRpY2xlTm90aW9ucyA9ICh7IGJ1dHRvbk9mZnNldFJpZ2h0LCBjaGlsZHJlbiB9OiBBcnRpY2xlTm90aW9uc1Byb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgbGVmdE9mZnNldCA9IGAke2J1dHRvbk9mZnNldFJpZ2h0IC0gMzJ9cHhgO1xuXG4gIHJldHVybiAoXG4gICAgPEFydGljbGVOb3Rpb25zQ29udGFpbmVyPlxuICAgICAgPE1vZGFsPlxuICAgICAgICA8TW9kYWxUcmlnZ2VyPlxuICAgICAgICAgIDxOb3Rpb25zVHJpZ2dlciByb2xlPVwiYnV0dG9uXCIgYXJpYS1sYWJlbD17dChcImFydGljbGUubm90aW9uc1Byb21wdFwiKX0gc3R5bGU9e3sgbGVmdDogbGVmdE9mZnNldCB9fT5cbiAgICAgICAgICAgIDxOb3Rpb25GbGlwIC8+XG4gICAgICAgICAgICA8RXhwbGFuYXRpb24gLz5cbiAgICAgICAgICAgIDxzcGFuPnt0KFwiYXJ0aWNsZS5ub3Rpb25zUHJvbXB0XCIpfTwvc3Bhbj5cbiAgICAgICAgICA8L05vdGlvbnNUcmlnZ2VyPlxuICAgICAgICA8L01vZGFsVHJpZ2dlcj5cbiAgICAgICAgPE1vZGFsQ29udGVudCBzaXplPVwibGFyZ2VcIj5cbiAgICAgICAgICA8U3R5bGVkTW9kYWxIZWFkZXI+XG4gICAgICAgICAgICA8TW9kYWxIZWFkaW5nQ29udGFpbmVyPlxuICAgICAgICAgICAgICA8RXhwbGFuYXRpb24gLz5cbiAgICAgICAgICAgICAgPE1vZGFsVGl0bGU+e3QoXCJhcnRpY2xlLm5vdGlvbnNQcm9tcHRcIil9PC9Nb2RhbFRpdGxlPlxuICAgICAgICAgICAgPC9Nb2RhbEhlYWRpbmdDb250YWluZXI+XG4gICAgICAgICAgICA8TW9kYWxDbG9zZUJ1dHRvbiAvPlxuICAgICAgICAgIDwvU3R5bGVkTW9kYWxIZWFkZXI+XG4gICAgICAgICAgPE1vZGFsQm9keSBtb2RpZmllcj1cIm5vdGlvbnMtbW9kYWwtYm9keSBuby1wYWRkaW5nXCI+e2NoaWxkcmVufTwvTW9kYWxCb2R5PlxuICAgICAgICA8L01vZGFsQ29udGVudD5cbiAgICAgIDwvTW9kYWw+XG4gICAgPC9BcnRpY2xlTm90aW9uc0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEFydGljbGVOb3Rpb25zO1xuIl19 */"));
34
- const ModalHeadingContainer = /*#__PURE__*/_styled("div", {
35
- target: "e1h0r0qr1",
36
- label: "ModalHeadingContainer"
37
- })("display:flex;align-items:center;svg{display:block;width:2rem;height:2rem;color:#638b98;margin:0 1rem 0 -0.25rem;", mq.range({
38
- from: breakpoints.tablet
39
- }), "{width:3rem;height:3rem;margin:0 1.5rem 0 -0.5rem;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFydGljbGVOb3Rpb25zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRXdDIiwiZmlsZSI6IkFydGljbGVOb3Rpb25zLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE2LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgUmVhY3ROb2RlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gXCJyZWFjdC1pMThuZXh0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIGZvbnRzLCBtaXNjLCBtcSwgc3BhY2luZywgc3RhY2tPcmRlciB9IGZyb20gXCJAbmRsYS9jb3JlXCI7XG5pbXBvcnQgeyBFeHBsYW5hdGlvbiwgTm90aW9uRmxpcCB9IGZyb20gXCJAbmRsYS9pY29ucy9jb21tb25cIjtcbmltcG9ydCB7IE1vZGFsSGVhZGVyLCBNb2RhbENsb3NlQnV0dG9uLCBNb2RhbEJvZHksIE1vZGFsLCBNb2RhbFRpdGxlLCBNb2RhbFRyaWdnZXIsIE1vZGFsQ29udGVudCB9IGZyb20gXCJAbmRsYS9tb2RhbFwiO1xuXG5jb25zdCBBcnRpY2xlTm90aW9uc0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1ib3R0b206IDI2cHg7XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIG1hcmdpbi1ib3R0b206IDA7XG4gIH1cbmA7XG5cbmNvbnN0IE5vdGlvbnNUcmlnZ2VyID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogMCAke3NwYWNpbmcubnNtYWxsfTtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVyfTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIGN1cnNvcjogcG9pbnRlcjtcblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgcG9zaXRpb246IGZpeGVkO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGhlaWdodDogYXV0bztcbiAgICB0b3A6IDEycmVtO1xuICAgIHJpZ2h0OiAxOHB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIHotaW5kZXg6ICR7c3RhY2tPcmRlci50cmlnZ2VyfTtcbiAgfVxuXG4gIHN2ZyB7XG4gICAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICB3aWR0aDogNDBweDtcbiAgICAgIGhlaWdodDogNTRweDtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgIGNvbG9yOiAjZGVmMWVkO1xuXG4gICAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgfVxuICAgIH1cbiAgICAmOm50aC1vZi10eXBlKDIpIHtcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgICAgbWFyZ2luLXJpZ2h0OiA4cHg7XG5cbiAgICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBzcGFuIHtcbiAgICAke2ZvbnRzLnNpemVzKFwiMTZweFwiLCBcIjM5cHhcIil9O1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICAgIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG4gICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIHBhZGRpbmctYm90dG9tOiAxcHg7XG5cbiAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgTW9kYWxIZWFkaW5nQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICBzdmcge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHdpZHRoOiAycmVtO1xuICAgIGhlaWdodDogMnJlbTtcbiAgICBjb2xvcjogIzYzOGI5ODtcbiAgICBtYXJnaW46IDAgMXJlbSAwIC0wLjI1cmVtO1xuXG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgd2lkdGg6IDNyZW07XG4gICAgICBoZWlnaHQ6IDNyZW07XG4gICAgICBtYXJnaW46IDAgMS41cmVtIDAgLTAuNXJlbTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZE1vZGFsSGVhZGVyID0gc3R5bGVkKE1vZGFsSGVhZGVyKWBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxudHlwZSBBcnRpY2xlTm90aW9uc1Byb3BzID0ge1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbiAgYnV0dG9uT2Zmc2V0UmlnaHQ6IG51bWJlcjtcbn07XG5cbmV4cG9ydCBjb25zdCBBcnRpY2xlTm90aW9ucyA9ICh7IGJ1dHRvbk9mZnNldFJpZ2h0LCBjaGlsZHJlbiB9OiBBcnRpY2xlTm90aW9uc1Byb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgbGVmdE9mZnNldCA9IGAke2J1dHRvbk9mZnNldFJpZ2h0IC0gMzJ9cHhgO1xuXG4gIHJldHVybiAoXG4gICAgPEFydGljbGVOb3Rpb25zQ29udGFpbmVyPlxuICAgICAgPE1vZGFsPlxuICAgICAgICA8TW9kYWxUcmlnZ2VyPlxuICAgICAgICAgIDxOb3Rpb25zVHJpZ2dlciByb2xlPVwiYnV0dG9uXCIgYXJpYS1sYWJlbD17dChcImFydGljbGUubm90aW9uc1Byb21wdFwiKX0gc3R5bGU9e3sgbGVmdDogbGVmdE9mZnNldCB9fT5cbiAgICAgICAgICAgIDxOb3Rpb25GbGlwIC8+XG4gICAgICAgICAgICA8RXhwbGFuYXRpb24gLz5cbiAgICAgICAgICAgIDxzcGFuPnt0KFwiYXJ0aWNsZS5ub3Rpb25zUHJvbXB0XCIpfTwvc3Bhbj5cbiAgICAgICAgICA8L05vdGlvbnNUcmlnZ2VyPlxuICAgICAgICA8L01vZGFsVHJpZ2dlcj5cbiAgICAgICAgPE1vZGFsQ29udGVudCBzaXplPVwibGFyZ2VcIj5cbiAgICAgICAgICA8U3R5bGVkTW9kYWxIZWFkZXI+XG4gICAgICAgICAgICA8TW9kYWxIZWFkaW5nQ29udGFpbmVyPlxuICAgICAgICAgICAgICA8RXhwbGFuYXRpb24gLz5cbiAgICAgICAgICAgICAgPE1vZGFsVGl0bGU+e3QoXCJhcnRpY2xlLm5vdGlvbnNQcm9tcHRcIil9PC9Nb2RhbFRpdGxlPlxuICAgICAgICAgICAgPC9Nb2RhbEhlYWRpbmdDb250YWluZXI+XG4gICAgICAgICAgICA8TW9kYWxDbG9zZUJ1dHRvbiAvPlxuICAgICAgICAgIDwvU3R5bGVkTW9kYWxIZWFkZXI+XG4gICAgICAgICAgPE1vZGFsQm9keSBtb2RpZmllcj1cIm5vdGlvbnMtbW9kYWwtYm9keSBuby1wYWRkaW5nXCI+e2NoaWxkcmVufTwvTW9kYWxCb2R5PlxuICAgICAgICA8L01vZGFsQ29udGVudD5cbiAgICAgIDwvTW9kYWw+XG4gICAgPC9BcnRpY2xlTm90aW9uc0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEFydGljbGVOb3Rpb25zO1xuIl19 */"));
40
- const StyledModalHeader = /*#__PURE__*/_styled(ModalHeader, {
41
- target: "e1h0r0qr0",
42
- label: "StyledModalHeader"
43
- })(process.env.NODE_ENV === "production" ? {
44
- name: "1066lcq",
45
- styles: "display:flex;justify-content:space-between;align-items:center"
46
- } : {
47
- name: "1066lcq",
48
- styles: "display:flex;justify-content:space-between;align-items:center",
49
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFydGljbGVOb3Rpb25zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRzZDIiwiZmlsZSI6IkFydGljbGVOb3Rpb25zLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE2LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgUmVhY3ROb2RlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gXCJyZWFjdC1pMThuZXh0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIGZvbnRzLCBtaXNjLCBtcSwgc3BhY2luZywgc3RhY2tPcmRlciB9IGZyb20gXCJAbmRsYS9jb3JlXCI7XG5pbXBvcnQgeyBFeHBsYW5hdGlvbiwgTm90aW9uRmxpcCB9IGZyb20gXCJAbmRsYS9pY29ucy9jb21tb25cIjtcbmltcG9ydCB7IE1vZGFsSGVhZGVyLCBNb2RhbENsb3NlQnV0dG9uLCBNb2RhbEJvZHksIE1vZGFsLCBNb2RhbFRpdGxlLCBNb2RhbFRyaWdnZXIsIE1vZGFsQ29udGVudCB9IGZyb20gXCJAbmRsYS9tb2RhbFwiO1xuXG5jb25zdCBBcnRpY2xlTm90aW9uc0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1ib3R0b206IDI2cHg7XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIG1hcmdpbi1ib3R0b206IDA7XG4gIH1cbmA7XG5cbmNvbnN0IE5vdGlvbnNUcmlnZ2VyID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogMCAke3NwYWNpbmcubnNtYWxsfTtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVyfTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIGN1cnNvcjogcG9pbnRlcjtcblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgcG9zaXRpb246IGZpeGVkO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGhlaWdodDogYXV0bztcbiAgICB0b3A6IDEycmVtO1xuICAgIHJpZ2h0OiAxOHB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIHotaW5kZXg6ICR7c3RhY2tPcmRlci50cmlnZ2VyfTtcbiAgfVxuXG4gIHN2ZyB7XG4gICAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICB3aWR0aDogNDBweDtcbiAgICAgIGhlaWdodDogNTRweDtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgIGNvbG9yOiAjZGVmMWVkO1xuXG4gICAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgfVxuICAgIH1cbiAgICAmOm50aC1vZi10eXBlKDIpIHtcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgICAgbWFyZ2luLXJpZ2h0OiA4cHg7XG5cbiAgICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBzcGFuIHtcbiAgICAke2ZvbnRzLnNpemVzKFwiMTZweFwiLCBcIjM5cHhcIil9O1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICAgIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG4gICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIHBhZGRpbmctYm90dG9tOiAxcHg7XG5cbiAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgTW9kYWxIZWFkaW5nQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICBzdmcge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHdpZHRoOiAycmVtO1xuICAgIGhlaWdodDogMnJlbTtcbiAgICBjb2xvcjogIzYzOGI5ODtcbiAgICBtYXJnaW46IDAgMXJlbSAwIC0wLjI1cmVtO1xuXG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgd2lkdGg6IDNyZW07XG4gICAgICBoZWlnaHQ6IDNyZW07XG4gICAgICBtYXJnaW46IDAgMS41cmVtIDAgLTAuNXJlbTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZE1vZGFsSGVhZGVyID0gc3R5bGVkKE1vZGFsSGVhZGVyKWBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxudHlwZSBBcnRpY2xlTm90aW9uc1Byb3BzID0ge1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbiAgYnV0dG9uT2Zmc2V0UmlnaHQ6IG51bWJlcjtcbn07XG5cbmV4cG9ydCBjb25zdCBBcnRpY2xlTm90aW9ucyA9ICh7IGJ1dHRvbk9mZnNldFJpZ2h0LCBjaGlsZHJlbiB9OiBBcnRpY2xlTm90aW9uc1Byb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgbGVmdE9mZnNldCA9IGAke2J1dHRvbk9mZnNldFJpZ2h0IC0gMzJ9cHhgO1xuXG4gIHJldHVybiAoXG4gICAgPEFydGljbGVOb3Rpb25zQ29udGFpbmVyPlxuICAgICAgPE1vZGFsPlxuICAgICAgICA8TW9kYWxUcmlnZ2VyPlxuICAgICAgICAgIDxOb3Rpb25zVHJpZ2dlciByb2xlPVwiYnV0dG9uXCIgYXJpYS1sYWJlbD17dChcImFydGljbGUubm90aW9uc1Byb21wdFwiKX0gc3R5bGU9e3sgbGVmdDogbGVmdE9mZnNldCB9fT5cbiAgICAgICAgICAgIDxOb3Rpb25GbGlwIC8+XG4gICAgICAgICAgICA8RXhwbGFuYXRpb24gLz5cbiAgICAgICAgICAgIDxzcGFuPnt0KFwiYXJ0aWNsZS5ub3Rpb25zUHJvbXB0XCIpfTwvc3Bhbj5cbiAgICAgICAgICA8L05vdGlvbnNUcmlnZ2VyPlxuICAgICAgICA8L01vZGFsVHJpZ2dlcj5cbiAgICAgICAgPE1vZGFsQ29udGVudCBzaXplPVwibGFyZ2VcIj5cbiAgICAgICAgICA8U3R5bGVkTW9kYWxIZWFkZXI+XG4gICAgICAgICAgICA8TW9kYWxIZWFkaW5nQ29udGFpbmVyPlxuICAgICAgICAgICAgICA8RXhwbGFuYXRpb24gLz5cbiAgICAgICAgICAgICAgPE1vZGFsVGl0bGU+e3QoXCJhcnRpY2xlLm5vdGlvbnNQcm9tcHRcIil9PC9Nb2RhbFRpdGxlPlxuICAgICAgICAgICAgPC9Nb2RhbEhlYWRpbmdDb250YWluZXI+XG4gICAgICAgICAgICA8TW9kYWxDbG9zZUJ1dHRvbiAvPlxuICAgICAgICAgIDwvU3R5bGVkTW9kYWxIZWFkZXI+XG4gICAgICAgICAgPE1vZGFsQm9keSBtb2RpZmllcj1cIm5vdGlvbnMtbW9kYWwtYm9keSBuby1wYWRkaW5nXCI+e2NoaWxkcmVufTwvTW9kYWxCb2R5PlxuICAgICAgICA8L01vZGFsQ29udGVudD5cbiAgICAgIDwvTW9kYWw+XG4gICAgPC9BcnRpY2xlTm90aW9uc0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEFydGljbGVOb3Rpb25zO1xuIl19 */",
50
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
51
- });
52
- export const ArticleNotions = _ref => {
53
- let {
54
- buttonOffsetRight,
55
- children
56
- } = _ref;
57
- const {
58
- t
59
- } = useTranslation();
60
- const leftOffset = "".concat(buttonOffsetRight - 32, "px");
61
- return _jsx(ArticleNotionsContainer, {
62
- children: _jsxs(Modal, {
63
- children: [_jsx(ModalTrigger, {
64
- children: _jsxs(NotionsTrigger, {
65
- role: "button",
66
- "aria-label": t("article.notionsPrompt"),
67
- style: {
68
- left: leftOffset
69
- },
70
- children: [_jsx(NotionFlip, {}), _jsx(Explanation, {}), _jsx("span", {
71
- children: t("article.notionsPrompt")
72
- })]
73
- })
74
- }), _jsxs(ModalContent, {
75
- size: "large",
76
- children: [_jsxs(StyledModalHeader, {
77
- children: [_jsxs(ModalHeadingContainer, {
78
- children: [_jsx(Explanation, {}), _jsx(ModalTitle, {
79
- children: t("article.notionsPrompt")
80
- })]
81
- }), _jsx(ModalCloseButton, {})]
82
- }), _jsx(ModalBody, {
83
- modifier: "notions-modal-body no-padding",
84
- children: children
85
- })]
86
- })]
87
- })
88
- });
89
- };
90
- export default ArticleNotions;
@@ -1,62 +0,0 @@
1
- import _styled from "@emotion/styled/base";
2
- 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)."; }
3
- /**
4
- * Copyright (c) 2016-present, NDLA.
5
- *
6
- * This source code is licensed under the GPLv3 license found in the
7
- * LICENSE file in the root directory of this source tree.
8
- *
9
- */
10
-
11
- import { css } from "@emotion/react";
12
- import { breakpoints, colors, fonts, mq, spacing, stackOrder } from "@ndla/core";
13
- import SkipToMainContent from "./SkipToMainContent";
14
- import { MessageBanner } from "../Messages";
15
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
16
- const MastheadContent = /*#__PURE__*/_styled("div", {
17
- target: "e18nenqf1",
18
- label: "MastheadContent"
19
- })("justify-content:center;align-items:center;text-align:center;padding:", spacing.small, " ", spacing.normal, ";font-weight:", fonts.weight.normal, ";display:flex;height:84px;justify-content:space-between;gap:", spacing.xsmall, ";", mq.range({
20
- until: breakpoints.tablet
21
- }), "{padding:", spacing.small, ";gap:", spacing.xsmall, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1hc3RoZWFkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFla0MiLCJmaWxlIjoiTWFzdGhlYWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcsIHN0YWNrT3JkZXIgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IFNraXBUb01haW5Db250ZW50IGZyb20gXCIuL1NraXBUb01haW5Db250ZW50XCI7XG5pbXBvcnQgeyBNZXNzYWdlQmFubmVyIH0gZnJvbSBcIi4uL01lc3NhZ2VzXCI7XG5cbmNvbnN0IE1hc3RoZWFkQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm5vcm1hbH07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ub3JtYWx9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBoZWlnaHQ6IDg0cHg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgZ2FwOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICAgIGdhcDogJHtzcGFjaW5nLnhzbWFsbH07XG4gIH1cbmA7XG5cbmludGVyZmFjZSBTdHlsZWRNYXN0aGVhZFByb3BzIHtcbiAgZml4ZWQ6IGJvb2xlYW47XG4gIG5kbGFGaWxtOiBib29sZWFuO1xufVxuXG5jb25zdCBTdHlsZWRNYXN0aGVhZCA9IHN0eWxlZC5kaXY8U3R5bGVkTWFzdGhlYWRQcm9wcz5gXG4gIHotaW5kZXg6ICR7c3RhY2tPcmRlci5iYW5uZXJ9O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXJ9O1xuICBtaW4taGVpZ2h0OiA4NHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWZsb3c6IGNvbHVtbjtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgJHsocCkgPT5cbiAgICBwLmZpeGVkICYmXG4gICAgY3NzYFxuICAgICAgdG9wOiAwO1xuICAgICAgcG9zaXRpb246IHN0aWNreTtcbiAgICAgIEBtZWRpYSBwcmludCB7XG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIH1cbiAgICBgfTtcbiAgJHsocCkgPT5cbiAgICBwLm5kbGFGaWxtICYmXG4gICAgY3NzYFxuICAgICAgYmFja2dyb3VuZDogJHtjb2xvcnMubmRsYUZpbG0uZmlsbUNvbG9yTGlnaHR9O1xuICAgICAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KDBkZWcsICR7Y29sb3JzLm5kbGFGaWxtLmZpbG1Db2xvckxpZ2h0fSwgJHtjb2xvcnMubmRsYUZpbG0uZmlsbUNvbG9yfSk7XG4gICAgICBib3JkZXI6IDA7XG4gICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgIzE4MzM0YztcbiAgICBgfTtcbmA7XG5cbmludGVyZmFjZSBBbGVydCB7XG4gIGNvbnRlbnQ6IHN0cmluZztcbiAgY2xvc2FibGU/OiBib29sZWFuO1xuICBudW1iZXI6IG51bWJlcjtcbn1cblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG4gIGZpeGVkPzogYm9vbGVhbjtcbiAgbmRsYUZpbG0/OiBib29sZWFuO1xuICBza2lwVG9NYWluQ29udGVudElkPzogc3RyaW5nO1xuICBtZXNzYWdlcz86IEFsZXJ0W107XG4gIG9uQ2xvc2VBbGVydD86IChpZDogbnVtYmVyKSA9PiB2b2lkO1xufVxuXG5leHBvcnQgY29uc3QgTWFzdGhlYWQgPSAoeyBjaGlsZHJlbiwgZml4ZWQsIG5kbGFGaWxtLCBza2lwVG9NYWluQ29udGVudElkLCBtZXNzYWdlcywgb25DbG9zZUFsZXJ0IH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIHtza2lwVG9NYWluQ29udGVudElkICYmIDxTa2lwVG9NYWluQ29udGVudCBza2lwVG9NYWluQ29udGVudElkPXtza2lwVG9NYWluQ29udGVudElkfSAvPn1cbiAgICAgIDxTdHlsZWRNYXN0aGVhZCBmaXhlZD17ISFmaXhlZH0gbmRsYUZpbG09eyEhbmRsYUZpbG19IGlkPVwibWFzdGhlYWRcIj5cbiAgICAgICAge21lc3NhZ2VzPy5tYXAoKG1lc3NhZ2UpID0+IChcbiAgICAgICAgICA8TWVzc2FnZUJhbm5lclxuICAgICAgICAgICAga2V5PXttZXNzYWdlLm51bWJlcn1cbiAgICAgICAgICAgIHNob3dDbG9zZUJ1dHRvbj17bWVzc2FnZS5jbG9zYWJsZX1cbiAgICAgICAgICAgIG9uQ2xvc2U9eygpID0+IG9uQ2xvc2VBbGVydD8uKG1lc3NhZ2UubnVtYmVyKX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7bWVzc2FnZS5jb250ZW50fVxuICAgICAgICAgIDwvTWVzc2FnZUJhbm5lcj5cbiAgICAgICAgKSl9XG4gICAgICAgIDxNYXN0aGVhZENvbnRlbnQgY2xhc3NOYW1lPVwidS0xLzFcIj57Y2hpbGRyZW59PC9NYXN0aGVhZENvbnRlbnQ+XG4gICAgICA8L1N0eWxlZE1hc3RoZWFkPlxuICAgIDwvPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTWFzdGhlYWQ7XG4iXX0= */"));
22
- var _ref = process.env.NODE_ENV === "production" ? {
23
- name: "sm6d1j-StyledMasthead",
24
- styles: "top:0;position:sticky;@media print{position:relative;};label:StyledMasthead;"
25
- } : {
26
- name: "sm6d1j-StyledMasthead",
27
- styles: "top:0;position:sticky;@media print{position:relative;};label:StyledMasthead;",
28
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1hc3RoZWFkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQ08iLCJmaWxlIjoiTWFzdGhlYWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcsIHN0YWNrT3JkZXIgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IFNraXBUb01haW5Db250ZW50IGZyb20gXCIuL1NraXBUb01haW5Db250ZW50XCI7XG5pbXBvcnQgeyBNZXNzYWdlQmFubmVyIH0gZnJvbSBcIi4uL01lc3NhZ2VzXCI7XG5cbmNvbnN0IE1hc3RoZWFkQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm5vcm1hbH07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ub3JtYWx9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBoZWlnaHQ6IDg0cHg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgZ2FwOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICAgIGdhcDogJHtzcGFjaW5nLnhzbWFsbH07XG4gIH1cbmA7XG5cbmludGVyZmFjZSBTdHlsZWRNYXN0aGVhZFByb3BzIHtcbiAgZml4ZWQ6IGJvb2xlYW47XG4gIG5kbGFGaWxtOiBib29sZWFuO1xufVxuXG5jb25zdCBTdHlsZWRNYXN0aGVhZCA9IHN0eWxlZC5kaXY8U3R5bGVkTWFzdGhlYWRQcm9wcz5gXG4gIHotaW5kZXg6ICR7c3RhY2tPcmRlci5iYW5uZXJ9O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXJ9O1xuICBtaW4taGVpZ2h0OiA4NHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWZsb3c6IGNvbHVtbjtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgJHsocCkgPT5cbiAgICBwLmZpeGVkICYmXG4gICAgY3NzYFxuICAgICAgdG9wOiAwO1xuICAgICAgcG9zaXRpb246IHN0aWNreTtcbiAgICAgIEBtZWRpYSBwcmludCB7XG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIH1cbiAgICBgfTtcbiAgJHsocCkgPT5cbiAgICBwLm5kbGFGaWxtICYmXG4gICAgY3NzYFxuICAgICAgYmFja2dyb3VuZDogJHtjb2xvcnMubmRsYUZpbG0uZmlsbUNvbG9yTGlnaHR9O1xuICAgICAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KDBkZWcsICR7Y29sb3JzLm5kbGFGaWxtLmZpbG1Db2xvckxpZ2h0fSwgJHtjb2xvcnMubmRsYUZpbG0uZmlsbUNvbG9yfSk7XG4gICAgICBib3JkZXI6IDA7XG4gICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgIzE4MzM0YztcbiAgICBgfTtcbmA7XG5cbmludGVyZmFjZSBBbGVydCB7XG4gIGNvbnRlbnQ6IHN0cmluZztcbiAgY2xvc2FibGU/OiBib29sZWFuO1xuICBudW1iZXI6IG51bWJlcjtcbn1cblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG4gIGZpeGVkPzogYm9vbGVhbjtcbiAgbmRsYUZpbG0/OiBib29sZWFuO1xuICBza2lwVG9NYWluQ29udGVudElkPzogc3RyaW5nO1xuICBtZXNzYWdlcz86IEFsZXJ0W107XG4gIG9uQ2xvc2VBbGVydD86IChpZDogbnVtYmVyKSA9PiB2b2lkO1xufVxuXG5leHBvcnQgY29uc3QgTWFzdGhlYWQgPSAoeyBjaGlsZHJlbiwgZml4ZWQsIG5kbGFGaWxtLCBza2lwVG9NYWluQ29udGVudElkLCBtZXNzYWdlcywgb25DbG9zZUFsZXJ0IH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIHtza2lwVG9NYWluQ29udGVudElkICYmIDxTa2lwVG9NYWluQ29udGVudCBza2lwVG9NYWluQ29udGVudElkPXtza2lwVG9NYWluQ29udGVudElkfSAvPn1cbiAgICAgIDxTdHlsZWRNYXN0aGVhZCBmaXhlZD17ISFmaXhlZH0gbmRsYUZpbG09eyEhbmRsYUZpbG19IGlkPVwibWFzdGhlYWRcIj5cbiAgICAgICAge21lc3NhZ2VzPy5tYXAoKG1lc3NhZ2UpID0+IChcbiAgICAgICAgICA8TWVzc2FnZUJhbm5lclxuICAgICAgICAgICAga2V5PXttZXNzYWdlLm51bWJlcn1cbiAgICAgICAgICAgIHNob3dDbG9zZUJ1dHRvbj17bWVzc2FnZS5jbG9zYWJsZX1cbiAgICAgICAgICAgIG9uQ2xvc2U9eygpID0+IG9uQ2xvc2VBbGVydD8uKG1lc3NhZ2UubnVtYmVyKX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7bWVzc2FnZS5jb250ZW50fVxuICAgICAgICAgIDwvTWVzc2FnZUJhbm5lcj5cbiAgICAgICAgKSl9XG4gICAgICAgIDxNYXN0aGVhZENvbnRlbnQgY2xhc3NOYW1lPVwidS0xLzFcIj57Y2hpbGRyZW59PC9NYXN0aGVhZENvbnRlbnQ+XG4gICAgICA8L1N0eWxlZE1hc3RoZWFkPlxuICAgIDwvPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTWFzdGhlYWQ7XG4iXX0= */",
29
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
30
- };
31
- const StyledMasthead = /*#__PURE__*/_styled("div", {
32
- target: "e18nenqf0",
33
- label: "StyledMasthead"
34
- })("z-index:", stackOrder.banner, ";position:relative;background:white;border-bottom:1px solid ", colors.brand.greyLighter, ";min-height:84px;display:flex;flex-flow:column;justify-content:flex-end;", p => p.fixed && _ref, ";", p => p.ndlaFilm && /*#__PURE__*/css("background:", colors.ndlaFilm.filmColorLight, ";background-image:linear-gradient(0deg, ", colors.ndlaFilm.filmColorLight, ", ", colors.ndlaFilm.filmColor, ");border:0;border-bottom:1px solid #18334c;;label:StyledMasthead;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1hc3RoZWFkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RE8iLCJmaWxlIjoiTWFzdGhlYWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcsIHN0YWNrT3JkZXIgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IFNraXBUb01haW5Db250ZW50IGZyb20gXCIuL1NraXBUb01haW5Db250ZW50XCI7XG5pbXBvcnQgeyBNZXNzYWdlQmFubmVyIH0gZnJvbSBcIi4uL01lc3NhZ2VzXCI7XG5cbmNvbnN0IE1hc3RoZWFkQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm5vcm1hbH07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ub3JtYWx9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBoZWlnaHQ6IDg0cHg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgZ2FwOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICAgIGdhcDogJHtzcGFjaW5nLnhzbWFsbH07XG4gIH1cbmA7XG5cbmludGVyZmFjZSBTdHlsZWRNYXN0aGVhZFByb3BzIHtcbiAgZml4ZWQ6IGJvb2xlYW47XG4gIG5kbGFGaWxtOiBib29sZWFuO1xufVxuXG5jb25zdCBTdHlsZWRNYXN0aGVhZCA9IHN0eWxlZC5kaXY8U3R5bGVkTWFzdGhlYWRQcm9wcz5gXG4gIHotaW5kZXg6ICR7c3RhY2tPcmRlci5iYW5uZXJ9O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXJ9O1xuICBtaW4taGVpZ2h0OiA4NHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWZsb3c6IGNvbHVtbjtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgJHsocCkgPT5cbiAgICBwLmZpeGVkICYmXG4gICAgY3NzYFxuICAgICAgdG9wOiAwO1xuICAgICAgcG9zaXRpb246IHN0aWNreTtcbiAgICAgIEBtZWRpYSBwcmludCB7XG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIH1cbiAgICBgfTtcbiAgJHsocCkgPT5cbiAgICBwLm5kbGFGaWxtICYmXG4gICAgY3NzYFxuICAgICAgYmFja2dyb3VuZDogJHtjb2xvcnMubmRsYUZpbG0uZmlsbUNvbG9yTGlnaHR9O1xuICAgICAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KDBkZWcsICR7Y29sb3JzLm5kbGFGaWxtLmZpbG1Db2xvckxpZ2h0fSwgJHtjb2xvcnMubmRsYUZpbG0uZmlsbUNvbG9yfSk7XG4gICAgICBib3JkZXI6IDA7XG4gICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgIzE4MzM0YztcbiAgICBgfTtcbmA7XG5cbmludGVyZmFjZSBBbGVydCB7XG4gIGNvbnRlbnQ6IHN0cmluZztcbiAgY2xvc2FibGU/OiBib29sZWFuO1xuICBudW1iZXI6IG51bWJlcjtcbn1cblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG4gIGZpeGVkPzogYm9vbGVhbjtcbiAgbmRsYUZpbG0/OiBib29sZWFuO1xuICBza2lwVG9NYWluQ29udGVudElkPzogc3RyaW5nO1xuICBtZXNzYWdlcz86IEFsZXJ0W107XG4gIG9uQ2xvc2VBbGVydD86IChpZDogbnVtYmVyKSA9PiB2b2lkO1xufVxuXG5leHBvcnQgY29uc3QgTWFzdGhlYWQgPSAoeyBjaGlsZHJlbiwgZml4ZWQsIG5kbGFGaWxtLCBza2lwVG9NYWluQ29udGVudElkLCBtZXNzYWdlcywgb25DbG9zZUFsZXJ0IH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIHtza2lwVG9NYWluQ29udGVudElkICYmIDxTa2lwVG9NYWluQ29udGVudCBza2lwVG9NYWluQ29udGVudElkPXtza2lwVG9NYWluQ29udGVudElkfSAvPn1cbiAgICAgIDxTdHlsZWRNYXN0aGVhZCBmaXhlZD17ISFmaXhlZH0gbmRsYUZpbG09eyEhbmRsYUZpbG19IGlkPVwibWFzdGhlYWRcIj5cbiAgICAgICAge21lc3NhZ2VzPy5tYXAoKG1lc3NhZ2UpID0+IChcbiAgICAgICAgICA8TWVzc2FnZUJhbm5lclxuICAgICAgICAgICAga2V5PXttZXNzYWdlLm51bWJlcn1cbiAgICAgICAgICAgIHNob3dDbG9zZUJ1dHRvbj17bWVzc2FnZS5jbG9zYWJsZX1cbiAgICAgICAgICAgIG9uQ2xvc2U9eygpID0+IG9uQ2xvc2VBbGVydD8uKG1lc3NhZ2UubnVtYmVyKX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7bWVzc2FnZS5jb250ZW50fVxuICAgICAgICAgIDwvTWVzc2FnZUJhbm5lcj5cbiAgICAgICAgKSl9XG4gICAgICAgIDxNYXN0aGVhZENvbnRlbnQgY2xhc3NOYW1lPVwidS0xLzFcIj57Y2hpbGRyZW59PC9NYXN0aGVhZENvbnRlbnQ+XG4gICAgICA8L1N0eWxlZE1hc3RoZWFkPlxuICAgIDwvPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTWFzdGhlYWQ7XG4iXX0= */")), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1hc3RoZWFkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQ3NEIiwiZmlsZSI6Ik1hc3RoZWFkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE2LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgUmVhY3ROb2RlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIG1xLCBzcGFjaW5nLCBzdGFja09yZGVyIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCBTa2lwVG9NYWluQ29udGVudCBmcm9tIFwiLi9Ta2lwVG9NYWluQ29udGVudFwiO1xuaW1wb3J0IHsgTWVzc2FnZUJhbm5lciB9IGZyb20gXCIuLi9NZXNzYWdlc1wiO1xuXG5jb25zdCBNYXN0aGVhZENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9ICR7c3BhY2luZy5ub3JtYWx9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQubm9ybWFsfTtcbiAgZGlzcGxheTogZmxleDtcbiAgaGVpZ2h0OiA4NHB4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGdhcDogJHtzcGFjaW5nLnhzbWFsbH07XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgU3R5bGVkTWFzdGhlYWRQcm9wcyB7XG4gIGZpeGVkOiBib29sZWFuO1xuICBuZGxhRmlsbTogYm9vbGVhbjtcbn1cblxuY29uc3QgU3R5bGVkTWFzdGhlYWQgPSBzdHlsZWQuZGl2PFN0eWxlZE1hc3RoZWFkUHJvcHM+YFxuICB6LWluZGV4OiAke3N0YWNrT3JkZXIuYmFubmVyfTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVyfTtcbiAgbWluLWhlaWdodDogODRweDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1mbG93OiBjb2x1bW47XG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICR7KHApID0+XG4gICAgcC5maXhlZCAmJlxuICAgIGNzc2BcbiAgICAgIHRvcDogMDtcbiAgICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgICBAbWVkaWEgcHJpbnQge1xuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICB9XG4gICAgYH07XG4gICR7KHApID0+XG4gICAgcC5uZGxhRmlsbSAmJlxuICAgIGNzc2BcbiAgICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLm5kbGFGaWxtLmZpbG1Db2xvckxpZ2h0fTtcbiAgICAgIGJhY2tncm91bmQtaW1hZ2U6IGxpbmVhci1ncmFkaWVudCgwZGVnLCAke2NvbG9ycy5uZGxhRmlsbS5maWxtQ29sb3JMaWdodH0sICR7Y29sb3JzLm5kbGFGaWxtLmZpbG1Db2xvcn0pO1xuICAgICAgYm9yZGVyOiAwO1xuICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICMxODMzNGM7XG4gICAgYH07XG5gO1xuXG5pbnRlcmZhY2UgQWxlcnQge1xuICBjb250ZW50OiBzdHJpbmc7XG4gIGNsb3NhYmxlPzogYm9vbGVhbjtcbiAgbnVtYmVyOiBudW1iZXI7XG59XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xuICBmaXhlZD86IGJvb2xlYW47XG4gIG5kbGFGaWxtPzogYm9vbGVhbjtcbiAgc2tpcFRvTWFpbkNvbnRlbnRJZD86IHN0cmluZztcbiAgbWVzc2FnZXM/OiBBbGVydFtdO1xuICBvbkNsb3NlQWxlcnQ/OiAoaWQ6IG51bWJlcikgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGNvbnN0IE1hc3RoZWFkID0gKHsgY2hpbGRyZW4sIGZpeGVkLCBuZGxhRmlsbSwgc2tpcFRvTWFpbkNvbnRlbnRJZCwgbWVzc2FnZXMsIG9uQ2xvc2VBbGVydCB9OiBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7c2tpcFRvTWFpbkNvbnRlbnRJZCAmJiA8U2tpcFRvTWFpbkNvbnRlbnQgc2tpcFRvTWFpbkNvbnRlbnRJZD17c2tpcFRvTWFpbkNvbnRlbnRJZH0gLz59XG4gICAgICA8U3R5bGVkTWFzdGhlYWQgZml4ZWQ9eyEhZml4ZWR9IG5kbGFGaWxtPXshIW5kbGFGaWxtfSBpZD1cIm1hc3RoZWFkXCI+XG4gICAgICAgIHttZXNzYWdlcz8ubWFwKChtZXNzYWdlKSA9PiAoXG4gICAgICAgICAgPE1lc3NhZ2VCYW5uZXJcbiAgICAgICAgICAgIGtleT17bWVzc2FnZS5udW1iZXJ9XG4gICAgICAgICAgICBzaG93Q2xvc2VCdXR0b249e21lc3NhZ2UuY2xvc2FibGV9XG4gICAgICAgICAgICBvbkNsb3NlPXsoKSA9PiBvbkNsb3NlQWxlcnQ/LihtZXNzYWdlLm51bWJlcil9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge21lc3NhZ2UuY29udGVudH1cbiAgICAgICAgICA8L01lc3NhZ2VCYW5uZXI+XG4gICAgICAgICkpfVxuICAgICAgICA8TWFzdGhlYWRDb250ZW50IGNsYXNzTmFtZT1cInUtMS8xXCI+e2NoaWxkcmVufTwvTWFzdGhlYWRDb250ZW50PlxuICAgICAgPC9TdHlsZWRNYXN0aGVhZD5cbiAgICA8Lz5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE1hc3RoZWFkO1xuIl19 */"));
35
- export const Masthead = _ref2 => {
36
- let {
37
- children,
38
- fixed,
39
- ndlaFilm,
40
- skipToMainContentId,
41
- messages,
42
- onCloseAlert
43
- } = _ref2;
44
- return _jsxs(_Fragment, {
45
- children: [skipToMainContentId && _jsx(SkipToMainContent, {
46
- skipToMainContentId: skipToMainContentId
47
- }), _jsxs(StyledMasthead, {
48
- fixed: !!fixed,
49
- ndlaFilm: !!ndlaFilm,
50
- id: "masthead",
51
- children: [messages === null || messages === void 0 ? void 0 : messages.map(message => _jsx(MessageBanner, {
52
- showCloseButton: message.closable,
53
- onClose: () => onCloseAlert === null || onCloseAlert === void 0 ? void 0 : onCloseAlert(message.number),
54
- children: message.content
55
- }, message.number)), _jsx(MastheadContent, {
56
- className: "u-1/1",
57
- children: children
58
- })]
59
- })]
60
- });
61
- };
62
- export default Masthead;
@@ -1,30 +0,0 @@
1
- import _styled from "@emotion/styled/base";
2
- /**
3
- * Copyright (c) 2022-present, NDLA.
4
- *
5
- * This source code is licensed under the GPLv3 license found in the
6
- * LICENSE file in the root directory of this source tree.
7
- *
8
- */
9
-
10
- import { useTranslation } from "react-i18next";
11
- import { colors, stackOrder } from "@ndla/core";
12
- import { jsx as _jsx } from "@emotion/react/jsx-runtime";
13
- const StyledSkipToMainContent = /*#__PURE__*/_styled("a", {
14
- target: "e13a8y7u0",
15
- label: "StyledSkipToMainContent"
16
- })("position:absolute;top:10px;left:0;right:0;margin:0 auto;color:", colors.white, ";background:", colors.brand.primary, ";left:auto;top:auto;width:30%;height:auto;overflow:auto;margin:10px 35%;padding:5px;border-radius:15px;border:4px solid ", colors.brand.tertiary, ";text-align:center;font-size:1.2em;z-index:", stackOrder.popover, ";animation-name:fadeIn;animation-duration:0.3s;transform:translateY(-150%);&:focus{transform:translateY(0);}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNraXBUb01haW5Db250ZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQndDIiwiZmlsZSI6IlNraXBUb01haW5Db250ZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjb2xvcnMsIHN0YWNrT3JkZXIgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBza2lwVG9NYWluQ29udGVudElkOiBzdHJpbmc7XG59XG5cbmNvbnN0IFN0eWxlZFNraXBUb01haW5Db250ZW50ID0gc3R5bGVkLmFgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAxMHB4O1xuICBsZWZ0OiAwO1xuICByaWdodDogMDtcbiAgbWFyZ2luOiAwIGF1dG87XG4gIGNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICBsZWZ0OiBhdXRvO1xuICB0b3A6IGF1dG87XG4gIHdpZHRoOiAzMCU7XG4gIGhlaWdodDogYXV0bztcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIG1hcmdpbjogMTBweCAzNSU7XG4gIHBhZGRpbmc6IDVweDtcbiAgYm9yZGVyLXJhZGl1czogMTVweDtcbiAgYm9yZGVyOiA0cHggc29saWQgJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGZvbnQtc2l6ZTogMS4yZW07XG4gIHotaW5kZXg6ICR7c3RhY2tPcmRlci5wb3BvdmVyfTtcbiAgYW5pbWF0aW9uLW5hbWU6IGZhZGVJbjtcbiAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjNzO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTE1MCUpO1xuICAmOmZvY3VzIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCk7XG4gIH1cbmA7XG5cbmNvbnN0IFNraXBUb01haW5Db250ZW50ID0gKHsgc2tpcFRvTWFpbkNvbnRlbnRJZCB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFNraXBUb01haW5Db250ZW50IHRhYkluZGV4PXswfSBocmVmPXtgIyR7c2tpcFRvTWFpbkNvbnRlbnRJZH1gfT5cbiAgICAgIHt0KFwibWFzdGhlYWQuc2tpcFRvQ29udGVudFwiKX1cbiAgICA8L1N0eWxlZFNraXBUb01haW5Db250ZW50PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgU2tpcFRvTWFpbkNvbnRlbnQ7XG4iXX0= */"));
17
- const SkipToMainContent = _ref => {
18
- let {
19
- skipToMainContentId
20
- } = _ref;
21
- const {
22
- t
23
- } = useTranslation();
24
- return _jsx(StyledSkipToMainContent, {
25
- tabIndex: 0,
26
- href: "#".concat(skipToMainContentId),
27
- children: t("masthead.skipToContent")
28
- });
29
- };
30
- export default SkipToMainContent;
@@ -1,13 +0,0 @@
1
- /**
2
- * Copyright (c) 2017-present, NDLA.
3
- *
4
- * This source code is licensed under the GPLv3 license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- *
7
- */
8
-
9
- import Masthead from "./Masthead";
10
- import { default as SkipToMainContent } from "./SkipToMainContent";
11
- import { getMastheadHeight, useMastheadHeight } from "./utils";
12
- export { getMastheadHeight, useMastheadHeight, SkipToMainContent };
13
- export default Masthead;
@@ -1,38 +0,0 @@
1
- /**
2
- * Copyright (c) 2022-present, NDLA.
3
- *
4
- * This source code is licensed under the GPLv3 license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- *
7
- */
8
-
9
- import { useEffect, useState } from "react";
10
- import { resizeObserver } from "@ndla/util";
11
- export const getMastheadHeight = () => {
12
- if (typeof window !== "undefined") {
13
- const masthead = document.getElementById("masthead");
14
- return masthead === null || masthead === void 0 ? void 0 : masthead.getBoundingClientRect().height;
15
- }
16
- };
17
- export const useMastheadHeight = () => {
18
- const [height, setHeight] = useState();
19
- const [mounted, setMounted] = useState(false);
20
- useEffect(() => {
21
- setMounted(true);
22
- }, []);
23
- useEffect(() => {
24
- if (mounted) {
25
- const masthead = document.getElementById("masthead");
26
- const handleHeightChange = el => {
27
- const newHeight = el.getBoundingClientRect().height;
28
- setHeight(newHeight);
29
- };
30
- if (masthead) {
31
- resizeObserver(masthead, handleHeightChange);
32
- }
33
- }
34
- }, [mounted]);
35
- return {
36
- height
37
- };
38
- };
@@ -1,14 +0,0 @@
1
- /**
2
- * Copyright (c) 2016-present, NDLA.
3
- *
4
- * This source code is licensed under the GPLv3 license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- *
7
- */
8
- import { ReactNode } from "react";
9
- type ArticleNotionsProps = {
10
- children?: ReactNode;
11
- buttonOffsetRight: number;
12
- };
13
- export declare const ArticleNotions: ({ buttonOffsetRight, children }: ArticleNotionsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
14
- export default ArticleNotions;