@ndla/ui 55.0.15-alpha.0 → 55.0.16-alpha.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 (36) hide show
  1. package/dist/panda.buildinfo.json +18 -13
  2. package/dist/styles.css +74 -54
  3. package/es/Article/ArticleByline.js +80 -47
  4. package/es/Article/ArticleFootNotes.js +31 -19
  5. package/es/ContentTypeBadge/ContentTypeBadgeNew.js +1 -0
  6. package/es/FrontpageArticle/FrontpageArticle.js +1 -2
  7. package/es/index.js +0 -1
  8. package/es/model/ContentType.js +3 -1
  9. package/es/styles.css +74 -54
  10. package/lib/Article/ArticleByline.d.ts +1 -3
  11. package/lib/Article/ArticleByline.js +82 -49
  12. package/lib/Article/ArticleFootNotes.js +31 -20
  13. package/lib/ContentTypeBadge/ContentTypeBadgeNew.d.ts +1 -2
  14. package/lib/ContentTypeBadge/ContentTypeBadgeNew.js +1 -0
  15. package/lib/FrontpageArticle/FrontpageArticle.js +1 -2
  16. package/lib/index.d.ts +0 -1
  17. package/lib/index.js +0 -7
  18. package/lib/model/ContentType.d.ts +1 -0
  19. package/lib/model/ContentType.js +4 -2
  20. package/lib/styles.css +74 -54
  21. package/package.json +2 -3
  22. package/src/Article/ArticleByline.tsx +82 -69
  23. package/src/Article/ArticleFootNotes.tsx +32 -36
  24. package/src/ContentTypeBadge/ContentTypeBadgeNew.tsx +3 -1
  25. package/src/FrontpageArticle/FrontpageArticle.tsx +1 -1
  26. package/src/index.ts +0 -2
  27. package/src/model/ContentType.ts +2 -0
  28. package/es/CreatedBy/CreatedBy.js +0 -73
  29. package/es/CreatedBy/index.js +0 -10
  30. package/lib/CreatedBy/CreatedBy.d.ts +0 -15
  31. package/lib/CreatedBy/CreatedBy.js +0 -78
  32. package/lib/CreatedBy/index.d.ts +0 -9
  33. package/lib/CreatedBy/index.js +0 -16
  34. package/src/CreatedBy/CreatedBy.stories.tsx +0 -36
  35. package/src/CreatedBy/CreatedBy.tsx +0 -63
  36. package/src/CreatedBy/index.ts +0 -11
@@ -1,73 +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) 2020-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 { colors, fonts } from "@ndla/core";
12
- import { SafeLink } from "@ndla/safelink";
13
- import Logo from "../Logo";
14
- import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
15
- const Container = /*#__PURE__*/_styled("div", {
16
- target: "e13kkrmq3",
17
- label: "Container"
18
- })(process.env.NODE_ENV === "production" ? {
19
- name: "skgbeu",
20
- styles: "display:flex;justify-content:flex-end"
21
- } : {
22
- name: "skgbeu",
23
- styles: "display:flex;justify-content:flex-end",
24
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNyZWF0ZWRCeS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYTRCIiwiZmlsZSI6IkNyZWF0ZWRCeS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgY29sb3JzLCBmb250cyB9IGZyb20gXCJAbmRsYS9jb3JlXCI7XG5pbXBvcnQgeyBTYWZlTGluayB9IGZyb20gXCJAbmRsYS9zYWZlbGlua1wiO1xuaW1wb3J0IExvZ28gZnJvbSBcIi4uL0xvZ29cIjtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbmA7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuY29uc3QgVGV4dCA9IHN0eWxlZC5kaXZgXG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LmxpZ2h0fTtcbiAgbWFyZ2luLXJpZ2h0OiAzOHB4O1xuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcbiAgJHtmb250cy5zaXplcyhcIjIwcHhcIiwgXCIyMHB4XCIpfTtcbmA7XG5cbmNvbnN0IFN0eWxlZFNhZmVMaW5rID0gc3R5bGVkKFNhZmVMaW5rKWBcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQubGlnaHR9O1xuYDtcblxudHlwZSBQcm9wcyA9IHtcbiAgbmFtZTogc3RyaW5nO1xuICBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICB1cmw/OiBzdHJpbmc7XG4gIHRhcmdldD86IHN0cmluZztcbn07XG5cbmNvbnN0IENyZWF0ZWRCeSA9ICh7IG5hbWUsIGRlc2NyaXB0aW9uLCB1cmwsIHRhcmdldCA9IFwiX2JsYW5rXCIgfTogUHJvcHMpID0+IChcbiAgPENvbnRhaW5lcj5cbiAgICA8V3JhcHBlcj5cbiAgICAgIDxUZXh0PlxuICAgICAgICB7dXJsID8gKFxuICAgICAgICAgIDxTdHlsZWRTYWZlTGluayB0bz17dXJsfSB0YXJnZXQ9e3RhcmdldH0+XG4gICAgICAgICAgICB7bmFtZX1cbiAgICAgICAgICA8L1N0eWxlZFNhZmVMaW5rPlxuICAgICAgICApIDogKFxuICAgICAgICAgIG5hbWVcbiAgICAgICAgKX1cbiAgICAgICAgJm5ic3A7e2Rlc2NyaXB0aW9ufSZuYnNwO1xuICAgICAgICA8U3R5bGVkU2FmZUxpbmsgdG89e1wiaHR0cHM6Ly9uZGxhLm5vXCJ9IHRhcmdldD17dGFyZ2V0fT5cbiAgICAgICAgICBORExBXG4gICAgICAgIDwvU3R5bGVkU2FmZUxpbms+XG4gICAgICA8L1RleHQ+XG4gICAgICA8TG9nbyBsYWJlbD17XCJORExBXCJ9IHRvPXtcImh0dHBzOi8vbmRsYS5ub1wifSAvPlxuICAgIDwvV3JhcHBlcj5cbiAgPC9Db250YWluZXI+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBDcmVhdGVkQnk7XG4iXX0= */",
25
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
26
- });
27
- const Wrapper = /*#__PURE__*/_styled("div", {
28
- target: "e13kkrmq2",
29
- label: "Wrapper"
30
- })(process.env.NODE_ENV === "production" ? {
31
- name: "s5xdrg",
32
- styles: "display:flex;align-items:center"
33
- } : {
34
- name: "s5xdrg",
35
- styles: "display:flex;align-items:center",
36
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNyZWF0ZWRCeS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0IwQiIsImZpbGUiOiJDcmVhdGVkQnkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjAtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGNvbG9ycywgZm9udHMgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgU2FmZUxpbmsgfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcbmltcG9ydCBMb2dvIGZyb20gXCIuLi9Mb2dvXCI7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG5gO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IFRleHQgPSBzdHlsZWQuZGl2YFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5saWdodH07XG4gIG1hcmdpbi1yaWdodDogMzhweDtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gICR7Zm9udHMuc2l6ZXMoXCIyMHB4XCIsIFwiMjBweFwiKX07XG5gO1xuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LmxpZ2h0fTtcbmA7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIG5hbWU6IHN0cmluZztcbiAgZGVzY3JpcHRpb246IHN0cmluZztcbiAgdXJsPzogc3RyaW5nO1xuICB0YXJnZXQ/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBDcmVhdGVkQnkgPSAoeyBuYW1lLCBkZXNjcmlwdGlvbiwgdXJsLCB0YXJnZXQgPSBcIl9ibGFua1wiIH06IFByb3BzKSA9PiAoXG4gIDxDb250YWluZXI+XG4gICAgPFdyYXBwZXI+XG4gICAgICA8VGV4dD5cbiAgICAgICAge3VybCA/IChcbiAgICAgICAgICA8U3R5bGVkU2FmZUxpbmsgdG89e3VybH0gdGFyZ2V0PXt0YXJnZXR9PlxuICAgICAgICAgICAge25hbWV9XG4gICAgICAgICAgPC9TdHlsZWRTYWZlTGluaz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBuYW1lXG4gICAgICAgICl9XG4gICAgICAgICZuYnNwO3tkZXNjcmlwdGlvbn0mbmJzcDtcbiAgICAgICAgPFN0eWxlZFNhZmVMaW5rIHRvPXtcImh0dHBzOi8vbmRsYS5ub1wifSB0YXJnZXQ9e3RhcmdldH0+XG4gICAgICAgICAgTkRMQVxuICAgICAgICA8L1N0eWxlZFNhZmVMaW5rPlxuICAgICAgPC9UZXh0PlxuICAgICAgPExvZ28gbGFiZWw9e1wiTkRMQVwifSB0bz17XCJodHRwczovL25kbGEubm9cIn0gLz5cbiAgICA8L1dyYXBwZXI+XG4gIDwvQ29udGFpbmVyPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgQ3JlYXRlZEJ5O1xuIl19 */",
37
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
38
- });
39
- const Text = /*#__PURE__*/_styled("div", {
40
- target: "e13kkrmq1",
41
- label: "Text"
42
- })("color:", colors.text.light, ";margin-right:38px;font-family:", fonts.sans, ";", fonts.sizes("20px", "20px"), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNyZWF0ZWRCeS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJ1QiIsImZpbGUiOiJDcmVhdGVkQnkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjAtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGNvbG9ycywgZm9udHMgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgU2FmZUxpbmsgfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcbmltcG9ydCBMb2dvIGZyb20gXCIuLi9Mb2dvXCI7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG5gO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IFRleHQgPSBzdHlsZWQuZGl2YFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5saWdodH07XG4gIG1hcmdpbi1yaWdodDogMzhweDtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gICR7Zm9udHMuc2l6ZXMoXCIyMHB4XCIsIFwiMjBweFwiKX07XG5gO1xuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LmxpZ2h0fTtcbmA7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIG5hbWU6IHN0cmluZztcbiAgZGVzY3JpcHRpb246IHN0cmluZztcbiAgdXJsPzogc3RyaW5nO1xuICB0YXJnZXQ/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBDcmVhdGVkQnkgPSAoeyBuYW1lLCBkZXNjcmlwdGlvbiwgdXJsLCB0YXJnZXQgPSBcIl9ibGFua1wiIH06IFByb3BzKSA9PiAoXG4gIDxDb250YWluZXI+XG4gICAgPFdyYXBwZXI+XG4gICAgICA8VGV4dD5cbiAgICAgICAge3VybCA/IChcbiAgICAgICAgICA8U3R5bGVkU2FmZUxpbmsgdG89e3VybH0gdGFyZ2V0PXt0YXJnZXR9PlxuICAgICAgICAgICAge25hbWV9XG4gICAgICAgICAgPC9TdHlsZWRTYWZlTGluaz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBuYW1lXG4gICAgICAgICl9XG4gICAgICAgICZuYnNwO3tkZXNjcmlwdGlvbn0mbmJzcDtcbiAgICAgICAgPFN0eWxlZFNhZmVMaW5rIHRvPXtcImh0dHBzOi8vbmRsYS5ub1wifSB0YXJnZXQ9e3RhcmdldH0+XG4gICAgICAgICAgTkRMQVxuICAgICAgICA8L1N0eWxlZFNhZmVMaW5rPlxuICAgICAgPC9UZXh0PlxuICAgICAgPExvZ28gbGFiZWw9e1wiTkRMQVwifSB0bz17XCJodHRwczovL25kbGEubm9cIn0gLz5cbiAgICA8L1dyYXBwZXI+XG4gIDwvQ29udGFpbmVyPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgQ3JlYXRlZEJ5O1xuIl19 */"));
43
- const StyledSafeLink = /*#__PURE__*/_styled(SafeLink, {
44
- target: "e13kkrmq0",
45
- label: "StyledSafeLink"
46
- })("color:", colors.text.light, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNyZWF0ZWRCeS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJ1QyIsImZpbGUiOiJDcmVhdGVkQnkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjAtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGNvbG9ycywgZm9udHMgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgU2FmZUxpbmsgfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcbmltcG9ydCBMb2dvIGZyb20gXCIuLi9Mb2dvXCI7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG5gO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IFRleHQgPSBzdHlsZWQuZGl2YFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5saWdodH07XG4gIG1hcmdpbi1yaWdodDogMzhweDtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gICR7Zm9udHMuc2l6ZXMoXCIyMHB4XCIsIFwiMjBweFwiKX07XG5gO1xuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LmxpZ2h0fTtcbmA7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIG5hbWU6IHN0cmluZztcbiAgZGVzY3JpcHRpb246IHN0cmluZztcbiAgdXJsPzogc3RyaW5nO1xuICB0YXJnZXQ/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBDcmVhdGVkQnkgPSAoeyBuYW1lLCBkZXNjcmlwdGlvbiwgdXJsLCB0YXJnZXQgPSBcIl9ibGFua1wiIH06IFByb3BzKSA9PiAoXG4gIDxDb250YWluZXI+XG4gICAgPFdyYXBwZXI+XG4gICAgICA8VGV4dD5cbiAgICAgICAge3VybCA/IChcbiAgICAgICAgICA8U3R5bGVkU2FmZUxpbmsgdG89e3VybH0gdGFyZ2V0PXt0YXJnZXR9PlxuICAgICAgICAgICAge25hbWV9XG4gICAgICAgICAgPC9TdHlsZWRTYWZlTGluaz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBuYW1lXG4gICAgICAgICl9XG4gICAgICAgICZuYnNwO3tkZXNjcmlwdGlvbn0mbmJzcDtcbiAgICAgICAgPFN0eWxlZFNhZmVMaW5rIHRvPXtcImh0dHBzOi8vbmRsYS5ub1wifSB0YXJnZXQ9e3RhcmdldH0+XG4gICAgICAgICAgTkRMQVxuICAgICAgICA8L1N0eWxlZFNhZmVMaW5rPlxuICAgICAgPC9UZXh0PlxuICAgICAgPExvZ28gbGFiZWw9e1wiTkRMQVwifSB0bz17XCJodHRwczovL25kbGEubm9cIn0gLz5cbiAgICA8L1dyYXBwZXI+XG4gIDwvQ29udGFpbmVyPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgQ3JlYXRlZEJ5O1xuIl19 */"));
47
- const CreatedBy = _ref => {
48
- let {
49
- name,
50
- description,
51
- url,
52
- target = "_blank"
53
- } = _ref;
54
- return _jsx(Container, {
55
- children: _jsxs(Wrapper, {
56
- children: [_jsxs(Text, {
57
- children: [url ? _jsx(StyledSafeLink, {
58
- to: url,
59
- target: target,
60
- children: name
61
- }) : name, "\xA0", description, "\xA0", _jsx(StyledSafeLink, {
62
- to: "https://ndla.no",
63
- target: target,
64
- children: "NDLA"
65
- })]
66
- }), _jsx(Logo, {
67
- label: "NDLA",
68
- to: "https://ndla.no"
69
- })]
70
- })
71
- });
72
- };
73
- export default CreatedBy;
@@ -1,10 +0,0 @@
1
- /**
2
- * Copyright (c) 2020-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 CreatedBy from "./CreatedBy";
10
- export default CreatedBy;
@@ -1,15 +0,0 @@
1
- /**
2
- * Copyright (c) 2020-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
- type Props = {
9
- name: string;
10
- description: string;
11
- url?: string;
12
- target?: string;
13
- };
14
- declare const CreatedBy: ({ name, description, url, target }: Props) => import("react/jsx-runtime").JSX.Element;
15
- export default CreatedBy;
@@ -1,78 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _base = _interopRequireDefault(require("@emotion/styled/base"));
8
- var _core = require("@ndla/core");
9
- var _safelink = require("@ndla/safelink");
10
- var _Logo = _interopRequireDefault(require("../Logo"));
11
- var _jsxRuntime = require("@emotion/react/jsx-runtime");
12
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
13
- 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)."; } /**
14
- * Copyright (c) 2020-present, NDLA.
15
- *
16
- * This source code is licensed under the GPLv3 license found in the
17
- * LICENSE file in the root directory of this source tree.
18
- *
19
- */
20
- const Container = /*#__PURE__*/(0, _base.default)("div", {
21
- target: "e13kkrmq3",
22
- label: "Container"
23
- })(process.env.NODE_ENV === "production" ? {
24
- name: "skgbeu",
25
- styles: "display:flex;justify-content:flex-end"
26
- } : {
27
- name: "skgbeu",
28
- styles: "display:flex;justify-content:flex-end",
29
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNyZWF0ZWRCeS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYTRCIiwiZmlsZSI6IkNyZWF0ZWRCeS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgY29sb3JzLCBmb250cyB9IGZyb20gXCJAbmRsYS9jb3JlXCI7XG5pbXBvcnQgeyBTYWZlTGluayB9IGZyb20gXCJAbmRsYS9zYWZlbGlua1wiO1xuaW1wb3J0IExvZ28gZnJvbSBcIi4uL0xvZ29cIjtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbmA7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuY29uc3QgVGV4dCA9IHN0eWxlZC5kaXZgXG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LmxpZ2h0fTtcbiAgbWFyZ2luLXJpZ2h0OiAzOHB4O1xuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcbiAgJHtmb250cy5zaXplcyhcIjIwcHhcIiwgXCIyMHB4XCIpfTtcbmA7XG5cbmNvbnN0IFN0eWxlZFNhZmVMaW5rID0gc3R5bGVkKFNhZmVMaW5rKWBcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQubGlnaHR9O1xuYDtcblxudHlwZSBQcm9wcyA9IHtcbiAgbmFtZTogc3RyaW5nO1xuICBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICB1cmw/OiBzdHJpbmc7XG4gIHRhcmdldD86IHN0cmluZztcbn07XG5cbmNvbnN0IENyZWF0ZWRCeSA9ICh7IG5hbWUsIGRlc2NyaXB0aW9uLCB1cmwsIHRhcmdldCA9IFwiX2JsYW5rXCIgfTogUHJvcHMpID0+IChcbiAgPENvbnRhaW5lcj5cbiAgICA8V3JhcHBlcj5cbiAgICAgIDxUZXh0PlxuICAgICAgICB7dXJsID8gKFxuICAgICAgICAgIDxTdHlsZWRTYWZlTGluayB0bz17dXJsfSB0YXJnZXQ9e3RhcmdldH0+XG4gICAgICAgICAgICB7bmFtZX1cbiAgICAgICAgICA8L1N0eWxlZFNhZmVMaW5rPlxuICAgICAgICApIDogKFxuICAgICAgICAgIG5hbWVcbiAgICAgICAgKX1cbiAgICAgICAgJm5ic3A7e2Rlc2NyaXB0aW9ufSZuYnNwO1xuICAgICAgICA8U3R5bGVkU2FmZUxpbmsgdG89e1wiaHR0cHM6Ly9uZGxhLm5vXCJ9IHRhcmdldD17dGFyZ2V0fT5cbiAgICAgICAgICBORExBXG4gICAgICAgIDwvU3R5bGVkU2FmZUxpbms+XG4gICAgICA8L1RleHQ+XG4gICAgICA8TG9nbyBsYWJlbD17XCJORExBXCJ9IHRvPXtcImh0dHBzOi8vbmRsYS5ub1wifSAvPlxuICAgIDwvV3JhcHBlcj5cbiAgPC9Db250YWluZXI+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBDcmVhdGVkQnk7XG4iXX0= */",
30
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
31
- });
32
- const Wrapper = /*#__PURE__*/(0, _base.default)("div", {
33
- target: "e13kkrmq2",
34
- label: "Wrapper"
35
- })(process.env.NODE_ENV === "production" ? {
36
- name: "s5xdrg",
37
- styles: "display:flex;align-items:center"
38
- } : {
39
- name: "s5xdrg",
40
- styles: "display:flex;align-items:center",
41
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNyZWF0ZWRCeS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0IwQiIsImZpbGUiOiJDcmVhdGVkQnkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjAtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGNvbG9ycywgZm9udHMgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgU2FmZUxpbmsgfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcbmltcG9ydCBMb2dvIGZyb20gXCIuLi9Mb2dvXCI7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG5gO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IFRleHQgPSBzdHlsZWQuZGl2YFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5saWdodH07XG4gIG1hcmdpbi1yaWdodDogMzhweDtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gICR7Zm9udHMuc2l6ZXMoXCIyMHB4XCIsIFwiMjBweFwiKX07XG5gO1xuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LmxpZ2h0fTtcbmA7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIG5hbWU6IHN0cmluZztcbiAgZGVzY3JpcHRpb246IHN0cmluZztcbiAgdXJsPzogc3RyaW5nO1xuICB0YXJnZXQ/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBDcmVhdGVkQnkgPSAoeyBuYW1lLCBkZXNjcmlwdGlvbiwgdXJsLCB0YXJnZXQgPSBcIl9ibGFua1wiIH06IFByb3BzKSA9PiAoXG4gIDxDb250YWluZXI+XG4gICAgPFdyYXBwZXI+XG4gICAgICA8VGV4dD5cbiAgICAgICAge3VybCA/IChcbiAgICAgICAgICA8U3R5bGVkU2FmZUxpbmsgdG89e3VybH0gdGFyZ2V0PXt0YXJnZXR9PlxuICAgICAgICAgICAge25hbWV9XG4gICAgICAgICAgPC9TdHlsZWRTYWZlTGluaz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBuYW1lXG4gICAgICAgICl9XG4gICAgICAgICZuYnNwO3tkZXNjcmlwdGlvbn0mbmJzcDtcbiAgICAgICAgPFN0eWxlZFNhZmVMaW5rIHRvPXtcImh0dHBzOi8vbmRsYS5ub1wifSB0YXJnZXQ9e3RhcmdldH0+XG4gICAgICAgICAgTkRMQVxuICAgICAgICA8L1N0eWxlZFNhZmVMaW5rPlxuICAgICAgPC9UZXh0PlxuICAgICAgPExvZ28gbGFiZWw9e1wiTkRMQVwifSB0bz17XCJodHRwczovL25kbGEubm9cIn0gLz5cbiAgICA8L1dyYXBwZXI+XG4gIDwvQ29udGFpbmVyPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgQ3JlYXRlZEJ5O1xuIl19 */",
42
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
43
- });
44
- const Text = /*#__PURE__*/(0, _base.default)("div", {
45
- target: "e13kkrmq1",
46
- label: "Text"
47
- })("color:", _core.colors.text.light, ";margin-right:38px;font-family:", _core.fonts.sans, ";", _core.fonts.sizes("20px", "20px"), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNyZWF0ZWRCeS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJ1QiIsImZpbGUiOiJDcmVhdGVkQnkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjAtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGNvbG9ycywgZm9udHMgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgU2FmZUxpbmsgfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcbmltcG9ydCBMb2dvIGZyb20gXCIuLi9Mb2dvXCI7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG5gO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IFRleHQgPSBzdHlsZWQuZGl2YFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5saWdodH07XG4gIG1hcmdpbi1yaWdodDogMzhweDtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gICR7Zm9udHMuc2l6ZXMoXCIyMHB4XCIsIFwiMjBweFwiKX07XG5gO1xuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LmxpZ2h0fTtcbmA7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIG5hbWU6IHN0cmluZztcbiAgZGVzY3JpcHRpb246IHN0cmluZztcbiAgdXJsPzogc3RyaW5nO1xuICB0YXJnZXQ/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBDcmVhdGVkQnkgPSAoeyBuYW1lLCBkZXNjcmlwdGlvbiwgdXJsLCB0YXJnZXQgPSBcIl9ibGFua1wiIH06IFByb3BzKSA9PiAoXG4gIDxDb250YWluZXI+XG4gICAgPFdyYXBwZXI+XG4gICAgICA8VGV4dD5cbiAgICAgICAge3VybCA/IChcbiAgICAgICAgICA8U3R5bGVkU2FmZUxpbmsgdG89e3VybH0gdGFyZ2V0PXt0YXJnZXR9PlxuICAgICAgICAgICAge25hbWV9XG4gICAgICAgICAgPC9TdHlsZWRTYWZlTGluaz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBuYW1lXG4gICAgICAgICl9XG4gICAgICAgICZuYnNwO3tkZXNjcmlwdGlvbn0mbmJzcDtcbiAgICAgICAgPFN0eWxlZFNhZmVMaW5rIHRvPXtcImh0dHBzOi8vbmRsYS5ub1wifSB0YXJnZXQ9e3RhcmdldH0+XG4gICAgICAgICAgTkRMQVxuICAgICAgICA8L1N0eWxlZFNhZmVMaW5rPlxuICAgICAgPC9UZXh0PlxuICAgICAgPExvZ28gbGFiZWw9e1wiTkRMQVwifSB0bz17XCJodHRwczovL25kbGEubm9cIn0gLz5cbiAgICA8L1dyYXBwZXI+XG4gIDwvQ29udGFpbmVyPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgQ3JlYXRlZEJ5O1xuIl19 */"));
48
- const StyledSafeLink = /*#__PURE__*/(0, _base.default)(_safelink.SafeLink, {
49
- target: "e13kkrmq0",
50
- label: "StyledSafeLink"
51
- })("color:", _core.colors.text.light, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNyZWF0ZWRCeS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJ1QyIsImZpbGUiOiJDcmVhdGVkQnkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjAtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGNvbG9ycywgZm9udHMgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgU2FmZUxpbmsgfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcbmltcG9ydCBMb2dvIGZyb20gXCIuLi9Mb2dvXCI7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG5gO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IFRleHQgPSBzdHlsZWQuZGl2YFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5saWdodH07XG4gIG1hcmdpbi1yaWdodDogMzhweDtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gICR7Zm9udHMuc2l6ZXMoXCIyMHB4XCIsIFwiMjBweFwiKX07XG5gO1xuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LmxpZ2h0fTtcbmA7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIG5hbWU6IHN0cmluZztcbiAgZGVzY3JpcHRpb246IHN0cmluZztcbiAgdXJsPzogc3RyaW5nO1xuICB0YXJnZXQ/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBDcmVhdGVkQnkgPSAoeyBuYW1lLCBkZXNjcmlwdGlvbiwgdXJsLCB0YXJnZXQgPSBcIl9ibGFua1wiIH06IFByb3BzKSA9PiAoXG4gIDxDb250YWluZXI+XG4gICAgPFdyYXBwZXI+XG4gICAgICA8VGV4dD5cbiAgICAgICAge3VybCA/IChcbiAgICAgICAgICA8U3R5bGVkU2FmZUxpbmsgdG89e3VybH0gdGFyZ2V0PXt0YXJnZXR9PlxuICAgICAgICAgICAge25hbWV9XG4gICAgICAgICAgPC9TdHlsZWRTYWZlTGluaz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBuYW1lXG4gICAgICAgICl9XG4gICAgICAgICZuYnNwO3tkZXNjcmlwdGlvbn0mbmJzcDtcbiAgICAgICAgPFN0eWxlZFNhZmVMaW5rIHRvPXtcImh0dHBzOi8vbmRsYS5ub1wifSB0YXJnZXQ9e3RhcmdldH0+XG4gICAgICAgICAgTkRMQVxuICAgICAgICA8L1N0eWxlZFNhZmVMaW5rPlxuICAgICAgPC9UZXh0PlxuICAgICAgPExvZ28gbGFiZWw9e1wiTkRMQVwifSB0bz17XCJodHRwczovL25kbGEubm9cIn0gLz5cbiAgICA8L1dyYXBwZXI+XG4gIDwvQ29udGFpbmVyPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgQ3JlYXRlZEJ5O1xuIl19 */"));
52
- const CreatedBy = _ref => {
53
- let {
54
- name,
55
- description,
56
- url,
57
- target = "_blank"
58
- } = _ref;
59
- return (0, _jsxRuntime.jsx)(Container, {
60
- children: (0, _jsxRuntime.jsxs)(Wrapper, {
61
- children: [(0, _jsxRuntime.jsxs)(Text, {
62
- children: [url ? (0, _jsxRuntime.jsx)(StyledSafeLink, {
63
- to: url,
64
- target: target,
65
- children: name
66
- }) : name, "\xA0", description, "\xA0", (0, _jsxRuntime.jsx)(StyledSafeLink, {
67
- to: "https://ndla.no",
68
- target: target,
69
- children: "NDLA"
70
- })]
71
- }), (0, _jsxRuntime.jsx)(_Logo.default, {
72
- label: "NDLA",
73
- to: "https://ndla.no"
74
- })]
75
- })
76
- });
77
- };
78
- var _default = exports.default = CreatedBy;
@@ -1,9 +0,0 @@
1
- /**
2
- * Copyright (c) 2020-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 CreatedBy from "./CreatedBy";
9
- export default CreatedBy;
@@ -1,16 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _CreatedBy = _interopRequireDefault(require("./CreatedBy"));
8
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
9
- /**
10
- * Copyright (c) 2020-present, NDLA.
11
- *
12
- * This source code is licensed under the GPLv3 license found in the
13
- * LICENSE file in the root directory of this source tree.
14
- *
15
- */
16
- var _default = exports.default = _CreatedBy.default;
@@ -1,36 +0,0 @@
1
- /**
2
- * Copyright (c) 2023-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 { Meta, StoryObj } from "@storybook/react";
10
- import CreatedBy from "./CreatedBy";
11
-
12
- /***
13
- * LTI-versjoner av innhold fra NDLA skal vise denne teksten og logo i bunnen. "NDLA" og logoen lenker til ndla.no. "Artikkel" kan være en lenke til artikkelen på ndla.no om den fins. Begge lenker åpner som standard i ny fane men det kan overstyres med target-parameter.
14
- */
15
- export default {
16
- title: "Components/CreatedBy",
17
- component: CreatedBy,
18
- tags: ["autodocs"],
19
- parameters: {
20
- inlineStories: true,
21
- },
22
- args: {
23
- name: "Artikkelen",
24
- description: "er utarbeidet av",
25
- },
26
- } as Meta<typeof CreatedBy>;
27
-
28
- export const WithoutLink: StoryObj<typeof CreatedBy> = {
29
- args: {},
30
- };
31
-
32
- export const WithLink: StoryObj<typeof CreatedBy> = {
33
- args: {
34
- url: "https://ndla.no/subject:26/topic:1:191103/topic:1:4352/resource:1:2052",
35
- },
36
- };
@@ -1,63 +0,0 @@
1
- /**
2
- * Copyright (c) 2020-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 styled from "@emotion/styled";
10
- import { colors, fonts } from "@ndla/core";
11
- import { SafeLink } from "@ndla/safelink";
12
- import Logo from "../Logo";
13
-
14
- const Container = styled.div`
15
- display: flex;
16
- justify-content: flex-end;
17
- `;
18
-
19
- const Wrapper = styled.div`
20
- display: flex;
21
- align-items: center;
22
- `;
23
-
24
- const Text = styled.div`
25
- color: ${colors.text.light};
26
- margin-right: 38px;
27
- font-family: ${fonts.sans};
28
- ${fonts.sizes("20px", "20px")};
29
- `;
30
-
31
- const StyledSafeLink = styled(SafeLink)`
32
- color: ${colors.text.light};
33
- `;
34
-
35
- type Props = {
36
- name: string;
37
- description: string;
38
- url?: string;
39
- target?: string;
40
- };
41
-
42
- const CreatedBy = ({ name, description, url, target = "_blank" }: Props) => (
43
- <Container>
44
- <Wrapper>
45
- <Text>
46
- {url ? (
47
- <StyledSafeLink to={url} target={target}>
48
- {name}
49
- </StyledSafeLink>
50
- ) : (
51
- name
52
- )}
53
- &nbsp;{description}&nbsp;
54
- <StyledSafeLink to={"https://ndla.no"} target={target}>
55
- NDLA
56
- </StyledSafeLink>
57
- </Text>
58
- <Logo label={"NDLA"} to={"https://ndla.no"} />
59
- </Wrapper>
60
- </Container>
61
- );
62
-
63
- export default CreatedBy;
@@ -1,11 +0,0 @@
1
- /**
2
- * Copyright (c) 2020-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 CreatedBy from "./CreatedBy";
10
-
11
- export default CreatedBy;