@ndla/ui 33.4.5 → 34.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 (56) hide show
  1. package/es/Article/Article.js +7 -7
  2. package/es/Article/ArticleByline.js +14 -14
  3. package/es/Article/ArticleHeaderWrapper.js +4 -2
  4. package/es/BannerCard/BannerCard.js +13 -10
  5. package/es/CompetenceGoalTab/CompetenceGoalItem.js +69 -51
  6. package/es/CompetenceGoalTab/CompetenceGoalTab.js +25 -47
  7. package/es/CompetenceGoalTab/CompetenceItem.js +38 -90
  8. package/es/CompetenceGoals/CompetenceGoalsDialog.js +4 -4
  9. package/es/locale/messages-en.js +6 -3
  10. package/es/locale/messages-nb.js +6 -3
  11. package/es/locale/messages-nn.js +6 -3
  12. package/es/locale/messages-se.js +6 -3
  13. package/es/locale/messages-sma.js +6 -3
  14. package/lib/Article/Article.d.ts +3 -3
  15. package/lib/Article/Article.js +7 -7
  16. package/lib/Article/ArticleByline.js +14 -14
  17. package/lib/Article/ArticleHeaderWrapper.d.ts +2 -2
  18. package/lib/Article/ArticleHeaderWrapper.js +4 -2
  19. package/lib/BannerCard/BannerCard.d.ts +12 -3
  20. package/lib/BannerCard/BannerCard.js +13 -10
  21. package/lib/CompetenceGoalTab/CompetenceGoalItem.js +69 -51
  22. package/lib/CompetenceGoalTab/CompetenceGoalTab.d.ts +1 -2
  23. package/lib/CompetenceGoalTab/CompetenceGoalTab.js +23 -46
  24. package/lib/CompetenceGoalTab/CompetenceItem.d.ts +6 -2
  25. package/lib/CompetenceGoalTab/CompetenceItem.js +37 -89
  26. package/lib/CompetenceGoals/CompetenceGoalsDialog.js +4 -4
  27. package/lib/locale/messages-en.d.ts +4 -1
  28. package/lib/locale/messages-en.js +6 -3
  29. package/lib/locale/messages-nb.d.ts +4 -1
  30. package/lib/locale/messages-nb.js +6 -3
  31. package/lib/locale/messages-nn.d.ts +4 -1
  32. package/lib/locale/messages-nn.js +6 -3
  33. package/lib/locale/messages-se.d.ts +4 -1
  34. package/lib/locale/messages-se.js +6 -3
  35. package/lib/locale/messages-sma.d.ts +4 -1
  36. package/lib/locale/messages-sma.js +6 -3
  37. package/lib/types.d.ts +1 -1
  38. package/package.json +2 -2
  39. package/src/Article/Article.tsx +6 -6
  40. package/src/Article/ArticleByline.tsx +12 -12
  41. package/src/Article/ArticleHeaderWrapper.tsx +9 -3
  42. package/src/BannerCard/BannerCard.tsx +7 -7
  43. package/src/CompetenceGoalTab/CompetenceGoalItem.tsx +36 -39
  44. package/src/CompetenceGoalTab/CompetenceGoalTab.tsx +32 -76
  45. package/src/CompetenceGoalTab/CompetenceItem.tsx +55 -74
  46. package/src/CompetenceGoals/CompetenceGoalsDialog.tsx +1 -1
  47. package/src/locale/messages-en.ts +7 -3
  48. package/src/locale/messages-nb.ts +7 -3
  49. package/src/locale/messages-nn.ts +7 -3
  50. package/src/locale/messages-se.ts +7 -3
  51. package/src/locale/messages-sma.ts +7 -3
  52. package/src/types.ts +1 -1
  53. package/es/CompetenceGoalTab/SearchButton.js +0 -46
  54. package/lib/CompetenceGoalTab/SearchButton.d.ts +0 -14
  55. package/lib/CompetenceGoalTab/SearchButton.js +0 -53
  56. package/src/CompetenceGoalTab/SearchButton.tsx +0 -54
@@ -28,19 +28,19 @@ var HeaderWrapper = /*#__PURE__*/(0, _base["default"])("div", {
28
28
  } : {
29
29
  name: "1nqlp1d",
30
30
  styles: "padding:14px 20px 14px 0;display:flex;align-items:center;justify-content:space-between;width:100%",
31
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbXBldGVuY2VHb2Fsc0RpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWdDIiwiZmlsZSI6IkNvbXBldGVuY2VHb2Fsc0RpYWxvZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChjKSAyMDE4LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IENvbXBvbmVudFByb3BzLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGZvbnRzLCBtcSB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IE1vZGFsLCB7IE1vZGFsSGVhZGVyLCBNb2RhbEJvZHksIE1vZGFsQ2xvc2VCdXR0b24gfSBmcm9tICdAbmRsYS9tb2RhbCc7XG5pbXBvcnQgeyBGb290ZXJIZWFkZXJJY29uIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuY29uc3QgSGVhZGVyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6IDE0cHggMjBweCAxNHB4IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgd2lkdGg6IDEwMCU7XG5gO1xuXG5jb25zdCBIZWFkaW5nV3JhcHBlciA9IHN0eWxlZC5oMmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgJHtmb250cy5zaXplcygnMThweCcsICczMnB4Jyl9O1xuICBtYXJnaW46IDA7XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbiAgbW9kYWxQcm9wcz86IENvbXBvbmVudFByb3BzPHR5cGVvZiBNb2RhbD47XG4gIGlzT3Blbj86IGJvb2xlYW47XG4gIG9uQ2xvc2U/OiAoKSA9PiB2b2lkO1xuICBzdWJqZWN0TmFtZT86IHN0cmluZztcbiAgY3VycmljdWx1bXM/OiB7XG4gICAgaWQ6IHN0cmluZztcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgZ29hbHM/OiB7XG4gICAgICBpZDogc3RyaW5nO1xuICAgICAgbmFtZTogc3RyaW5nO1xuICAgIH1bXTtcbiAgfVtdO1xufVxuXG5jb25zdCBDb21wZXRlbmNlR29hbHNXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgaGVpZ2h0OiAxMDAlO1xuICBtYXgtd2lkdGg6IDk2MHB4O1xuICB3aWR0aDogMTAwJTtcbiAgbWFyZ2luOiAwIGF1dG87XG4gIHBhZGRpbmc6IDMycHg7XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLm1vYmlsZSB9KX0ge1xuICAgIHBhZGRpbmc6IDA7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDb21wZXRlbmNlR29hbHNEaWFsb2cgPSAoeyBjaGlsZHJlbiwgaXNPcGVuLCBvbkNsb3NlLCBzdWJqZWN0TmFtZSwgbW9kYWxQcm9wcyB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IGljb25JZCA9ICdwb3B1cENvbXBldGVuY2VHb2Fscyc7XG5cbiAgcmV0dXJuIChcbiAgICA8TW9kYWxcbiAgICAgIGxhYmVsbGVkQnk9e2ljb25JZH1cbiAgICAgIHsuLi5tb2RhbFByb3BzfVxuICAgICAgY29udHJvbGxhYmxlXG4gICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgIG9uQ2xvc2U9e29uQ2xvc2V9XG4gICAgICBzaXplPVwiZnVsbHNjcmVlblwiXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I9XCJsaWdodC1ncmFkaWVudFwiXG4gICAgICBuYXJyb3c+XG4gICAgICB7KGNsb3NlKSA9PiAoXG4gICAgICAgIDw+XG4gICAgICAgICAgPE1vZGFsSGVhZGVyIG1vZGlmaWVyPVwibWVudVwiPlxuICAgICAgICAgICAgPEhlYWRlcldyYXBwZXI+XG4gICAgICAgICAgICAgIDxIZWFkaW5nV3JhcHBlcj5cbiAgICAgICAgICAgICAgICA8Rm9vdGVySGVhZGVySWNvbiBpZD17aWNvbklkfSBzaXplPVwiMjRweFwiIHN0eWxlPXt7IG1hcmdpblJpZ2h0OiAnMjBweCcgfX0gLz5cbiAgICAgICAgICAgICAgICB7dCgnY29tcGV0ZW5jZUdvYWxzLm1vZGFsVGV4dCcpfSB7c3ViamVjdE5hbWUgJiYgYCBcXHUyMDIyICR7c3ViamVjdE5hbWV9YH1cbiAgICAgICAgICAgICAgPC9IZWFkaW5nV3JhcHBlcj5cbiAgICAgICAgICAgICAgPE1vZGFsQ2xvc2VCdXR0b24gb25DbGljaz17Y2xvc2V9IHRpdGxlPXt0KCdjb21wZXRlbmNlR29hbHMuY29tcGV0ZW5jZUdvYWxDbG9zZScpfSAvPlxuICAgICAgICAgICAgPC9IZWFkZXJXcmFwcGVyPlxuICAgICAgICAgIDwvTW9kYWxIZWFkZXI+XG4gICAgICAgICAgPE1vZGFsQm9keT5cbiAgICAgICAgICAgIDxDb21wZXRlbmNlR29hbHNXcmFwcGVyPntjaGlsZHJlbn08L0NvbXBldGVuY2VHb2Fsc1dyYXBwZXI+XG4gICAgICAgICAgPC9Nb2RhbEJvZHk+XG4gICAgICAgIDwvPlxuICAgICAgKX1cbiAgICA8L01vZGFsPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQ29tcGV0ZW5jZUdvYWxzRGlhbG9nO1xuIl19 */",
31
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbXBldGVuY2VHb2Fsc0RpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWdDIiwiZmlsZSI6IkNvbXBldGVuY2VHb2Fsc0RpYWxvZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChjKSAyMDE4LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IENvbXBvbmVudFByb3BzLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGZvbnRzLCBtcSB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IE1vZGFsLCB7IE1vZGFsSGVhZGVyLCBNb2RhbEJvZHksIE1vZGFsQ2xvc2VCdXR0b24gfSBmcm9tICdAbmRsYS9tb2RhbCc7XG5pbXBvcnQgeyBGb290ZXJIZWFkZXJJY29uIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuY29uc3QgSGVhZGVyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6IDE0cHggMjBweCAxNHB4IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgd2lkdGg6IDEwMCU7XG5gO1xuXG5jb25zdCBIZWFkaW5nV3JhcHBlciA9IHN0eWxlZC5oMWBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgJHtmb250cy5zaXplcygnMThweCcsICczMnB4Jyl9O1xuICBtYXJnaW46IDA7XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbiAgbW9kYWxQcm9wcz86IENvbXBvbmVudFByb3BzPHR5cGVvZiBNb2RhbD47XG4gIGlzT3Blbj86IGJvb2xlYW47XG4gIG9uQ2xvc2U/OiAoKSA9PiB2b2lkO1xuICBzdWJqZWN0TmFtZT86IHN0cmluZztcbiAgY3VycmljdWx1bXM/OiB7XG4gICAgaWQ6IHN0cmluZztcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgZ29hbHM/OiB7XG4gICAgICBpZDogc3RyaW5nO1xuICAgICAgbmFtZTogc3RyaW5nO1xuICAgIH1bXTtcbiAgfVtdO1xufVxuXG5jb25zdCBDb21wZXRlbmNlR29hbHNXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgaGVpZ2h0OiAxMDAlO1xuICBtYXgtd2lkdGg6IDk2MHB4O1xuICB3aWR0aDogMTAwJTtcbiAgbWFyZ2luOiAwIGF1dG87XG4gIHBhZGRpbmc6IDMycHg7XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLm1vYmlsZSB9KX0ge1xuICAgIHBhZGRpbmc6IDA7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDb21wZXRlbmNlR29hbHNEaWFsb2cgPSAoeyBjaGlsZHJlbiwgaXNPcGVuLCBvbkNsb3NlLCBzdWJqZWN0TmFtZSwgbW9kYWxQcm9wcyB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IGljb25JZCA9ICdwb3B1cENvbXBldGVuY2VHb2Fscyc7XG5cbiAgcmV0dXJuIChcbiAgICA8TW9kYWxcbiAgICAgIGxhYmVsbGVkQnk9e2ljb25JZH1cbiAgICAgIHsuLi5tb2RhbFByb3BzfVxuICAgICAgY29udHJvbGxhYmxlXG4gICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgIG9uQ2xvc2U9e29uQ2xvc2V9XG4gICAgICBzaXplPVwiZnVsbHNjcmVlblwiXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I9XCJsaWdodC1ncmFkaWVudFwiXG4gICAgICBuYXJyb3c+XG4gICAgICB7KGNsb3NlKSA9PiAoXG4gICAgICAgIDw+XG4gICAgICAgICAgPE1vZGFsSGVhZGVyIG1vZGlmaWVyPVwibWVudVwiPlxuICAgICAgICAgICAgPEhlYWRlcldyYXBwZXI+XG4gICAgICAgICAgICAgIDxIZWFkaW5nV3JhcHBlcj5cbiAgICAgICAgICAgICAgICA8Rm9vdGVySGVhZGVySWNvbiBpZD17aWNvbklkfSBzaXplPVwiMjRweFwiIHN0eWxlPXt7IG1hcmdpblJpZ2h0OiAnMjBweCcgfX0gLz5cbiAgICAgICAgICAgICAgICB7dCgnY29tcGV0ZW5jZUdvYWxzLm1vZGFsVGV4dCcpfSB7c3ViamVjdE5hbWUgJiYgYCBcXHUyMDIyICR7c3ViamVjdE5hbWV9YH1cbiAgICAgICAgICAgICAgPC9IZWFkaW5nV3JhcHBlcj5cbiAgICAgICAgICAgICAgPE1vZGFsQ2xvc2VCdXR0b24gb25DbGljaz17Y2xvc2V9IHRpdGxlPXt0KCdjb21wZXRlbmNlR29hbHMuY29tcGV0ZW5jZUdvYWxDbG9zZScpfSAvPlxuICAgICAgICAgICAgPC9IZWFkZXJXcmFwcGVyPlxuICAgICAgICAgIDwvTW9kYWxIZWFkZXI+XG4gICAgICAgICAgPE1vZGFsQm9keT5cbiAgICAgICAgICAgIDxDb21wZXRlbmNlR29hbHNXcmFwcGVyPntjaGlsZHJlbn08L0NvbXBldGVuY2VHb2Fsc1dyYXBwZXI+XG4gICAgICAgICAgPC9Nb2RhbEJvZHk+XG4gICAgICAgIDwvPlxuICAgICAgKX1cbiAgICA8L01vZGFsPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQ29tcGV0ZW5jZUdvYWxzRGlhbG9nO1xuIl19 */",
32
32
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
33
33
  });
34
- var HeadingWrapper = /*#__PURE__*/(0, _base["default"])("h2", {
34
+ var HeadingWrapper = /*#__PURE__*/(0, _base["default"])("h1", {
35
35
  target: "e1gm3dqo1",
36
36
  label: "HeadingWrapper"
37
- })("display:flex;align-items:center;", _core.fonts.sizes('18px', '32px'), ";margin:0;font-weight:", _core.fonts.weight.semibold, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbXBldGVuY2VHb2Fsc0RpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJnQyIsImZpbGUiOiJDb21wZXRlbmNlR29hbHNEaWFsb2cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAxOC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBDb21wb25lbnRQcm9wcywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBmb250cywgbXEgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBNb2RhbCwgeyBNb2RhbEhlYWRlciwgTW9kYWxCb2R5LCBNb2RhbENsb3NlQnV0dG9uIH0gZnJvbSAnQG5kbGEvbW9kYWwnO1xuaW1wb3J0IHsgRm9vdGVySGVhZGVySWNvbiB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmNvbnN0IEhlYWRlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiAxNHB4IDIwcHggMTRweCAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIHdpZHRoOiAxMDAlO1xuYDtcblxuY29uc3QgSGVhZGluZ1dyYXBwZXIgPSBzdHlsZWQuaDJgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMzJweCcpfTtcbiAgbWFyZ2luOiAwO1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG4gIG1vZGFsUHJvcHM/OiBDb21wb25lbnRQcm9wczx0eXBlb2YgTW9kYWw+O1xuICBpc09wZW4/OiBib29sZWFuO1xuICBvbkNsb3NlPzogKCkgPT4gdm9pZDtcbiAgc3ViamVjdE5hbWU/OiBzdHJpbmc7XG4gIGN1cnJpY3VsdW1zPzoge1xuICAgIGlkOiBzdHJpbmc7XG4gICAgbmFtZTogc3RyaW5nO1xuICAgIGdvYWxzPzoge1xuICAgICAgaWQ6IHN0cmluZztcbiAgICAgIG5hbWU6IHN0cmluZztcbiAgICB9W107XG4gIH1bXTtcbn1cblxuY29uc3QgQ29tcGV0ZW5jZUdvYWxzV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGhlaWdodDogMTAwJTtcbiAgbWF4LXdpZHRoOiA5NjBweDtcbiAgd2lkdGg6IDEwMCU7XG4gIG1hcmdpbjogMCBhdXRvO1xuICBwYWRkaW5nOiAzMnB4O1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5tb2JpbGUgfSl9IHtcbiAgICBwYWRkaW5nOiAwO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29tcGV0ZW5jZUdvYWxzRGlhbG9nID0gKHsgY2hpbGRyZW4sIGlzT3Blbiwgb25DbG9zZSwgc3ViamVjdE5hbWUsIG1vZGFsUHJvcHMgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBpY29uSWQgPSAncG9wdXBDb21wZXRlbmNlR29hbHMnO1xuXG4gIHJldHVybiAoXG4gICAgPE1vZGFsXG4gICAgICBsYWJlbGxlZEJ5PXtpY29uSWR9XG4gICAgICB7Li4ubW9kYWxQcm9wc31cbiAgICAgIGNvbnRyb2xsYWJsZVxuICAgICAgaXNPcGVuPXtpc09wZW59XG4gICAgICBvbkNsb3NlPXtvbkNsb3NlfVxuICAgICAgc2l6ZT1cImZ1bGxzY3JlZW5cIlxuICAgICAgYmFja2dyb3VuZENvbG9yPVwibGlnaHQtZ3JhZGllbnRcIlxuICAgICAgbmFycm93PlxuICAgICAgeyhjbG9zZSkgPT4gKFxuICAgICAgICA8PlxuICAgICAgICAgIDxNb2RhbEhlYWRlciBtb2RpZmllcj1cIm1lbnVcIj5cbiAgICAgICAgICAgIDxIZWFkZXJXcmFwcGVyPlxuICAgICAgICAgICAgICA8SGVhZGluZ1dyYXBwZXI+XG4gICAgICAgICAgICAgICAgPEZvb3RlckhlYWRlckljb24gaWQ9e2ljb25JZH0gc2l6ZT1cIjI0cHhcIiBzdHlsZT17eyBtYXJnaW5SaWdodDogJzIwcHgnIH19IC8+XG4gICAgICAgICAgICAgICAge3QoJ2NvbXBldGVuY2VHb2Fscy5tb2RhbFRleHQnKX0ge3N1YmplY3ROYW1lICYmIGAgXFx1MjAyMiAke3N1YmplY3ROYW1lfWB9XG4gICAgICAgICAgICAgIDwvSGVhZGluZ1dyYXBwZXI+XG4gICAgICAgICAgICAgIDxNb2RhbENsb3NlQnV0dG9uIG9uQ2xpY2s9e2Nsb3NlfSB0aXRsZT17dCgnY29tcGV0ZW5jZUdvYWxzLmNvbXBldGVuY2VHb2FsQ2xvc2UnKX0gLz5cbiAgICAgICAgICAgIDwvSGVhZGVyV3JhcHBlcj5cbiAgICAgICAgICA8L01vZGFsSGVhZGVyPlxuICAgICAgICAgIDxNb2RhbEJvZHk+XG4gICAgICAgICAgICA8Q29tcGV0ZW5jZUdvYWxzV3JhcHBlcj57Y2hpbGRyZW59PC9Db21wZXRlbmNlR29hbHNXcmFwcGVyPlxuICAgICAgICAgIDwvTW9kYWxCb2R5PlxuICAgICAgICA8Lz5cbiAgICAgICl9XG4gICAgPC9Nb2RhbD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENvbXBldGVuY2VHb2Fsc0RpYWxvZztcbiJdfQ== */"));
37
+ })("display:flex;align-items:center;", _core.fonts.sizes('18px', '32px'), ";margin:0;font-weight:", _core.fonts.weight.semibold, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbXBldGVuY2VHb2Fsc0RpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJnQyIsImZpbGUiOiJDb21wZXRlbmNlR29hbHNEaWFsb2cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAxOC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBDb21wb25lbnRQcm9wcywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBmb250cywgbXEgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBNb2RhbCwgeyBNb2RhbEhlYWRlciwgTW9kYWxCb2R5LCBNb2RhbENsb3NlQnV0dG9uIH0gZnJvbSAnQG5kbGEvbW9kYWwnO1xuaW1wb3J0IHsgRm9vdGVySGVhZGVySWNvbiB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmNvbnN0IEhlYWRlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiAxNHB4IDIwcHggMTRweCAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIHdpZHRoOiAxMDAlO1xuYDtcblxuY29uc3QgSGVhZGluZ1dyYXBwZXIgPSBzdHlsZWQuaDFgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMzJweCcpfTtcbiAgbWFyZ2luOiAwO1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG4gIG1vZGFsUHJvcHM/OiBDb21wb25lbnRQcm9wczx0eXBlb2YgTW9kYWw+O1xuICBpc09wZW4/OiBib29sZWFuO1xuICBvbkNsb3NlPzogKCkgPT4gdm9pZDtcbiAgc3ViamVjdE5hbWU/OiBzdHJpbmc7XG4gIGN1cnJpY3VsdW1zPzoge1xuICAgIGlkOiBzdHJpbmc7XG4gICAgbmFtZTogc3RyaW5nO1xuICAgIGdvYWxzPzoge1xuICAgICAgaWQ6IHN0cmluZztcbiAgICAgIG5hbWU6IHN0cmluZztcbiAgICB9W107XG4gIH1bXTtcbn1cblxuY29uc3QgQ29tcGV0ZW5jZUdvYWxzV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGhlaWdodDogMTAwJTtcbiAgbWF4LXdpZHRoOiA5NjBweDtcbiAgd2lkdGg6IDEwMCU7XG4gIG1hcmdpbjogMCBhdXRvO1xuICBwYWRkaW5nOiAzMnB4O1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5tb2JpbGUgfSl9IHtcbiAgICBwYWRkaW5nOiAwO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29tcGV0ZW5jZUdvYWxzRGlhbG9nID0gKHsgY2hpbGRyZW4sIGlzT3Blbiwgb25DbG9zZSwgc3ViamVjdE5hbWUsIG1vZGFsUHJvcHMgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBpY29uSWQgPSAncG9wdXBDb21wZXRlbmNlR29hbHMnO1xuXG4gIHJldHVybiAoXG4gICAgPE1vZGFsXG4gICAgICBsYWJlbGxlZEJ5PXtpY29uSWR9XG4gICAgICB7Li4ubW9kYWxQcm9wc31cbiAgICAgIGNvbnRyb2xsYWJsZVxuICAgICAgaXNPcGVuPXtpc09wZW59XG4gICAgICBvbkNsb3NlPXtvbkNsb3NlfVxuICAgICAgc2l6ZT1cImZ1bGxzY3JlZW5cIlxuICAgICAgYmFja2dyb3VuZENvbG9yPVwibGlnaHQtZ3JhZGllbnRcIlxuICAgICAgbmFycm93PlxuICAgICAgeyhjbG9zZSkgPT4gKFxuICAgICAgICA8PlxuICAgICAgICAgIDxNb2RhbEhlYWRlciBtb2RpZmllcj1cIm1lbnVcIj5cbiAgICAgICAgICAgIDxIZWFkZXJXcmFwcGVyPlxuICAgICAgICAgICAgICA8SGVhZGluZ1dyYXBwZXI+XG4gICAgICAgICAgICAgICAgPEZvb3RlckhlYWRlckljb24gaWQ9e2ljb25JZH0gc2l6ZT1cIjI0cHhcIiBzdHlsZT17eyBtYXJnaW5SaWdodDogJzIwcHgnIH19IC8+XG4gICAgICAgICAgICAgICAge3QoJ2NvbXBldGVuY2VHb2Fscy5tb2RhbFRleHQnKX0ge3N1YmplY3ROYW1lICYmIGAgXFx1MjAyMiAke3N1YmplY3ROYW1lfWB9XG4gICAgICAgICAgICAgIDwvSGVhZGluZ1dyYXBwZXI+XG4gICAgICAgICAgICAgIDxNb2RhbENsb3NlQnV0dG9uIG9uQ2xpY2s9e2Nsb3NlfSB0aXRsZT17dCgnY29tcGV0ZW5jZUdvYWxzLmNvbXBldGVuY2VHb2FsQ2xvc2UnKX0gLz5cbiAgICAgICAgICAgIDwvSGVhZGVyV3JhcHBlcj5cbiAgICAgICAgICA8L01vZGFsSGVhZGVyPlxuICAgICAgICAgIDxNb2RhbEJvZHk+XG4gICAgICAgICAgICA8Q29tcGV0ZW5jZUdvYWxzV3JhcHBlcj57Y2hpbGRyZW59PC9Db21wZXRlbmNlR29hbHNXcmFwcGVyPlxuICAgICAgICAgIDwvTW9kYWxCb2R5PlxuICAgICAgICA8Lz5cbiAgICAgICl9XG4gICAgPC9Nb2RhbD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENvbXBldGVuY2VHb2Fsc0RpYWxvZztcbiJdfQ== */"));
38
38
  var CompetenceGoalsWrapper = /*#__PURE__*/(0, _base["default"])("div", {
39
39
  target: "e1gm3dqo0",
40
40
  label: "CompetenceGoalsWrapper"
41
41
  })("height:100%;max-width:960px;width:100%;margin:0 auto;padding:32px;", _core.mq.range({
42
42
  from: _core.breakpoints.mobile
43
- }), "{padding:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbXBldGVuY2VHb2Fsc0RpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0N5QyIsImZpbGUiOiJDb21wZXRlbmNlR29hbHNEaWFsb2cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAxOC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBDb21wb25lbnRQcm9wcywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBmb250cywgbXEgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBNb2RhbCwgeyBNb2RhbEhlYWRlciwgTW9kYWxCb2R5LCBNb2RhbENsb3NlQnV0dG9uIH0gZnJvbSAnQG5kbGEvbW9kYWwnO1xuaW1wb3J0IHsgRm9vdGVySGVhZGVySWNvbiB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmNvbnN0IEhlYWRlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiAxNHB4IDIwcHggMTRweCAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIHdpZHRoOiAxMDAlO1xuYDtcblxuY29uc3QgSGVhZGluZ1dyYXBwZXIgPSBzdHlsZWQuaDJgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMzJweCcpfTtcbiAgbWFyZ2luOiAwO1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG4gIG1vZGFsUHJvcHM/OiBDb21wb25lbnRQcm9wczx0eXBlb2YgTW9kYWw+O1xuICBpc09wZW4/OiBib29sZWFuO1xuICBvbkNsb3NlPzogKCkgPT4gdm9pZDtcbiAgc3ViamVjdE5hbWU/OiBzdHJpbmc7XG4gIGN1cnJpY3VsdW1zPzoge1xuICAgIGlkOiBzdHJpbmc7XG4gICAgbmFtZTogc3RyaW5nO1xuICAgIGdvYWxzPzoge1xuICAgICAgaWQ6IHN0cmluZztcbiAgICAgIG5hbWU6IHN0cmluZztcbiAgICB9W107XG4gIH1bXTtcbn1cblxuY29uc3QgQ29tcGV0ZW5jZUdvYWxzV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGhlaWdodDogMTAwJTtcbiAgbWF4LXdpZHRoOiA5NjBweDtcbiAgd2lkdGg6IDEwMCU7XG4gIG1hcmdpbjogMCBhdXRvO1xuICBwYWRkaW5nOiAzMnB4O1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5tb2JpbGUgfSl9IHtcbiAgICBwYWRkaW5nOiAwO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29tcGV0ZW5jZUdvYWxzRGlhbG9nID0gKHsgY2hpbGRyZW4sIGlzT3Blbiwgb25DbG9zZSwgc3ViamVjdE5hbWUsIG1vZGFsUHJvcHMgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBpY29uSWQgPSAncG9wdXBDb21wZXRlbmNlR29hbHMnO1xuXG4gIHJldHVybiAoXG4gICAgPE1vZGFsXG4gICAgICBsYWJlbGxlZEJ5PXtpY29uSWR9XG4gICAgICB7Li4ubW9kYWxQcm9wc31cbiAgICAgIGNvbnRyb2xsYWJsZVxuICAgICAgaXNPcGVuPXtpc09wZW59XG4gICAgICBvbkNsb3NlPXtvbkNsb3NlfVxuICAgICAgc2l6ZT1cImZ1bGxzY3JlZW5cIlxuICAgICAgYmFja2dyb3VuZENvbG9yPVwibGlnaHQtZ3JhZGllbnRcIlxuICAgICAgbmFycm93PlxuICAgICAgeyhjbG9zZSkgPT4gKFxuICAgICAgICA8PlxuICAgICAgICAgIDxNb2RhbEhlYWRlciBtb2RpZmllcj1cIm1lbnVcIj5cbiAgICAgICAgICAgIDxIZWFkZXJXcmFwcGVyPlxuICAgICAgICAgICAgICA8SGVhZGluZ1dyYXBwZXI+XG4gICAgICAgICAgICAgICAgPEZvb3RlckhlYWRlckljb24gaWQ9e2ljb25JZH0gc2l6ZT1cIjI0cHhcIiBzdHlsZT17eyBtYXJnaW5SaWdodDogJzIwcHgnIH19IC8+XG4gICAgICAgICAgICAgICAge3QoJ2NvbXBldGVuY2VHb2Fscy5tb2RhbFRleHQnKX0ge3N1YmplY3ROYW1lICYmIGAgXFx1MjAyMiAke3N1YmplY3ROYW1lfWB9XG4gICAgICAgICAgICAgIDwvSGVhZGluZ1dyYXBwZXI+XG4gICAgICAgICAgICAgIDxNb2RhbENsb3NlQnV0dG9uIG9uQ2xpY2s9e2Nsb3NlfSB0aXRsZT17dCgnY29tcGV0ZW5jZUdvYWxzLmNvbXBldGVuY2VHb2FsQ2xvc2UnKX0gLz5cbiAgICAgICAgICAgIDwvSGVhZGVyV3JhcHBlcj5cbiAgICAgICAgICA8L01vZGFsSGVhZGVyPlxuICAgICAgICAgIDxNb2RhbEJvZHk+XG4gICAgICAgICAgICA8Q29tcGV0ZW5jZUdvYWxzV3JhcHBlcj57Y2hpbGRyZW59PC9Db21wZXRlbmNlR29hbHNXcmFwcGVyPlxuICAgICAgICAgIDwvTW9kYWxCb2R5PlxuICAgICAgICA8Lz5cbiAgICAgICl9XG4gICAgPC9Nb2RhbD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENvbXBldGVuY2VHb2Fsc0RpYWxvZztcbiJdfQ== */"));
43
+ }), "{padding:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbXBldGVuY2VHb2Fsc0RpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0N5QyIsImZpbGUiOiJDb21wZXRlbmNlR29hbHNEaWFsb2cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAxOC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBDb21wb25lbnRQcm9wcywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBmb250cywgbXEgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBNb2RhbCwgeyBNb2RhbEhlYWRlciwgTW9kYWxCb2R5LCBNb2RhbENsb3NlQnV0dG9uIH0gZnJvbSAnQG5kbGEvbW9kYWwnO1xuaW1wb3J0IHsgRm9vdGVySGVhZGVySWNvbiB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmNvbnN0IEhlYWRlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiAxNHB4IDIwcHggMTRweCAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIHdpZHRoOiAxMDAlO1xuYDtcblxuY29uc3QgSGVhZGluZ1dyYXBwZXIgPSBzdHlsZWQuaDFgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMzJweCcpfTtcbiAgbWFyZ2luOiAwO1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG4gIG1vZGFsUHJvcHM/OiBDb21wb25lbnRQcm9wczx0eXBlb2YgTW9kYWw+O1xuICBpc09wZW4/OiBib29sZWFuO1xuICBvbkNsb3NlPzogKCkgPT4gdm9pZDtcbiAgc3ViamVjdE5hbWU/OiBzdHJpbmc7XG4gIGN1cnJpY3VsdW1zPzoge1xuICAgIGlkOiBzdHJpbmc7XG4gICAgbmFtZTogc3RyaW5nO1xuICAgIGdvYWxzPzoge1xuICAgICAgaWQ6IHN0cmluZztcbiAgICAgIG5hbWU6IHN0cmluZztcbiAgICB9W107XG4gIH1bXTtcbn1cblxuY29uc3QgQ29tcGV0ZW5jZUdvYWxzV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGhlaWdodDogMTAwJTtcbiAgbWF4LXdpZHRoOiA5NjBweDtcbiAgd2lkdGg6IDEwMCU7XG4gIG1hcmdpbjogMCBhdXRvO1xuICBwYWRkaW5nOiAzMnB4O1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5tb2JpbGUgfSl9IHtcbiAgICBwYWRkaW5nOiAwO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29tcGV0ZW5jZUdvYWxzRGlhbG9nID0gKHsgY2hpbGRyZW4sIGlzT3Blbiwgb25DbG9zZSwgc3ViamVjdE5hbWUsIG1vZGFsUHJvcHMgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBpY29uSWQgPSAncG9wdXBDb21wZXRlbmNlR29hbHMnO1xuXG4gIHJldHVybiAoXG4gICAgPE1vZGFsXG4gICAgICBsYWJlbGxlZEJ5PXtpY29uSWR9XG4gICAgICB7Li4ubW9kYWxQcm9wc31cbiAgICAgIGNvbnRyb2xsYWJsZVxuICAgICAgaXNPcGVuPXtpc09wZW59XG4gICAgICBvbkNsb3NlPXtvbkNsb3NlfVxuICAgICAgc2l6ZT1cImZ1bGxzY3JlZW5cIlxuICAgICAgYmFja2dyb3VuZENvbG9yPVwibGlnaHQtZ3JhZGllbnRcIlxuICAgICAgbmFycm93PlxuICAgICAgeyhjbG9zZSkgPT4gKFxuICAgICAgICA8PlxuICAgICAgICAgIDxNb2RhbEhlYWRlciBtb2RpZmllcj1cIm1lbnVcIj5cbiAgICAgICAgICAgIDxIZWFkZXJXcmFwcGVyPlxuICAgICAgICAgICAgICA8SGVhZGluZ1dyYXBwZXI+XG4gICAgICAgICAgICAgICAgPEZvb3RlckhlYWRlckljb24gaWQ9e2ljb25JZH0gc2l6ZT1cIjI0cHhcIiBzdHlsZT17eyBtYXJnaW5SaWdodDogJzIwcHgnIH19IC8+XG4gICAgICAgICAgICAgICAge3QoJ2NvbXBldGVuY2VHb2Fscy5tb2RhbFRleHQnKX0ge3N1YmplY3ROYW1lICYmIGAgXFx1MjAyMiAke3N1YmplY3ROYW1lfWB9XG4gICAgICAgICAgICAgIDwvSGVhZGluZ1dyYXBwZXI+XG4gICAgICAgICAgICAgIDxNb2RhbENsb3NlQnV0dG9uIG9uQ2xpY2s9e2Nsb3NlfSB0aXRsZT17dCgnY29tcGV0ZW5jZUdvYWxzLmNvbXBldGVuY2VHb2FsQ2xvc2UnKX0gLz5cbiAgICAgICAgICAgIDwvSGVhZGVyV3JhcHBlcj5cbiAgICAgICAgICA8L01vZGFsSGVhZGVyPlxuICAgICAgICAgIDxNb2RhbEJvZHk+XG4gICAgICAgICAgICA8Q29tcGV0ZW5jZUdvYWxzV3JhcHBlcj57Y2hpbGRyZW59PC9Db21wZXRlbmNlR29hbHNXcmFwcGVyPlxuICAgICAgICAgIDwvTW9kYWxCb2R5PlxuICAgICAgICA8Lz5cbiAgICAgICl9XG4gICAgPC9Nb2RhbD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENvbXBldGVuY2VHb2Fsc0RpYWxvZztcbiJdfQ== */"));
44
44
  var CompetenceGoalsDialog = function CompetenceGoalsDialog(_ref) {
45
45
  var _children = _ref.children,
46
46
  isOpen = _ref.isOpen,
@@ -454,6 +454,8 @@ declare const messages: {
454
454
  removeFavorite: string;
455
455
  removeConfirmed: string;
456
456
  addConfirmed: string;
457
+ subjectFavoritePitch: string;
458
+ subjectFavoriteGuide: string;
457
459
  shows: string;
458
460
  };
459
461
  topicPage: {
@@ -648,9 +650,10 @@ declare const messages: {
648
650
  competenceSubjectSearchText: string;
649
651
  competenceGoalClose: string;
650
652
  competenceGoalTitle: string;
651
- competenceTabLK06label: string;
652
653
  competenceTabLK20label: string;
654
+ competenceTabLK20Tooltip: string;
653
655
  competenceTabCorelabel: string;
656
+ competenceTabCoreTooltip: string;
654
657
  competenceGoalItem: {
655
658
  title: string;
656
659
  };
@@ -258,6 +258,8 @@ var messages = _objectSpread(_objectSpread({
258
258
  removeFavorite: 'Remove favorite subject',
259
259
  removeConfirmed: '{{subject}} is removed from your favorite subjects',
260
260
  addConfirmed: '{{subject}} is added to your favorite subjects',
261
+ subjectFavoritePitch: 'Do you want to favorite this subject?',
262
+ subjectFavoriteGuide: 'To favorite a subject you must log in to My NDLA. You will find the subject on the top of this page after logging in.',
261
263
  shows: 'Shows'
262
264
  },
263
265
  topicPage: {
@@ -432,7 +434,7 @@ var messages = _objectSpread(_objectSpread({
432
434
  useCompentenceGoalsFilter: 'Use filter',
433
435
  closeCompentenceGoalsFilter: 'Close filter',
434
436
  competenceGoalsNarrowBackButton: 'Go back',
435
- competenceGoalResourceSearchText: 'Search all resources appropriate to this goal',
437
+ competenceGoalResourceSearchText: 'View resources to competence goal {{goal}}',
436
438
  competenceGoalShowExtra: 'Show',
437
439
  competenceGoalCloseExtra: 'Hide',
438
440
  competenceCoreLabel: 'Core element',
@@ -443,9 +445,10 @@ var messages = _objectSpread(_objectSpread({
443
445
  competenceSubjectSearchText: 'Go to topic page',
444
446
  competenceGoalClose: 'Close',
445
447
  competenceGoalTitle: 'The pupil is expected to be able to:',
446
- competenceTabLK06label: 'Competence goal (LK06)',
447
- competenceTabLK20label: 'Competence goal (LK20)',
448
+ competenceTabLK20label: 'Competence goal',
449
+ competenceTabLK20Tooltip: 'Show competence goals',
448
450
  competenceTabCorelabel: 'Core element',
451
+ competenceTabCoreTooltip: 'Show core elements',
449
452
  competenceGoalItem: {
450
453
  title: 'Competence goals and assessment'
451
454
  },
@@ -454,6 +454,8 @@ declare const messages: {
454
454
  removeFavorite: string;
455
455
  removeConfirmed: string;
456
456
  addConfirmed: string;
457
+ subjectFavoritePitch: string;
458
+ subjectFavoriteGuide: string;
457
459
  shows: string;
458
460
  };
459
461
  topicPage: {
@@ -648,9 +650,10 @@ declare const messages: {
648
650
  competenceSubjectSearchText: string;
649
651
  competenceGoalClose: string;
650
652
  competenceGoalTitle: string;
651
- competenceTabLK06label: string;
652
653
  competenceTabLK20label: string;
654
+ competenceTabLK20Tooltip: string;
653
655
  competenceTabCorelabel: string;
656
+ competenceTabCoreTooltip: string;
654
657
  competenceGoalItem: {
655
658
  title: string;
656
659
  };
@@ -258,6 +258,8 @@ var messages = _objectSpread(_objectSpread({
258
258
  removeFavorite: 'Fjern favorittfag',
259
259
  removeConfirmed: '{{subject}} er fjernet fra favorittfag',
260
260
  addConfirmed: '{{subject}} er lagt til som favorittfag',
261
+ subjectFavoritePitch: 'Ønsker du å favorittmerke dette faget?',
262
+ subjectFavoriteGuide: 'For å favorittmerke et fag må du logge inn på Min NDLA. Du finner faget øverst på denne siden etter at du har logget inn.',
261
263
  shows: 'Viser'
262
264
  },
263
265
  topicPage: {
@@ -432,7 +434,7 @@ var messages = _objectSpread(_objectSpread({
432
434
  useCompentenceGoalsFilter: 'Bruk filter',
433
435
  closeCompentenceGoalsFilter: 'Lukk filter',
434
436
  competenceGoalsNarrowBackButton: 'Tilbake',
435
- competenceGoalResourceSearchText: 'Søk på alle ressurser som passer til dette kompetansemålet',
437
+ competenceGoalResourceSearchText: 'Vis ressurser til kompetansemål {{goal}}',
436
438
  competenceGoalShowExtra: 'Vis støtte til læreplanen',
437
439
  competenceGoalCloseExtra: 'Skjul støtte til læreplanen',
438
440
  competenceCoreLabel: 'Kjerneelement',
@@ -443,9 +445,10 @@ var messages = _objectSpread(_objectSpread({
443
445
  competenceSubjectSearchText: 'Gå til fagsiden',
444
446
  competenceGoalClose: 'Lukk',
445
447
  competenceGoalTitle: 'Målet er at eleven skal kunne:',
446
- competenceTabLK06label: 'Kompetansemål (LK06)',
447
- competenceTabLK20label: 'Kompetansemål (LK20)',
448
+ competenceTabLK20label: 'Kompetansemål',
449
+ competenceTabLK20Tooltip: 'Vis kompetansemål',
448
450
  competenceTabCorelabel: 'Kjerneelement',
451
+ competenceTabCoreTooltip: 'Vis kjerneelementer',
449
452
  competenceGoalItem: {
450
453
  title: 'Kompetansemål og vurdering'
451
454
  },
@@ -454,6 +454,8 @@ declare const messages: {
454
454
  removeFavorite: string;
455
455
  removeConfirmed: string;
456
456
  addConfirmed: string;
457
+ subjectFavoritePitch: string;
458
+ subjectFavoriteGuide: string;
457
459
  shows: string;
458
460
  };
459
461
  topicPage: {
@@ -648,9 +650,10 @@ declare const messages: {
648
650
  competenceSubjectSearchText: string;
649
651
  competenceGoalClose: string;
650
652
  competenceGoalTitle: string;
651
- competenceTabLK06label: string;
652
653
  competenceTabLK20label: string;
654
+ competenceTabLK20Tooltip: string;
653
655
  competenceTabCorelabel: string;
656
+ competenceTabCoreTooltip: string;
654
657
  competenceGoalItem: {
655
658
  title: string;
656
659
  };
@@ -258,6 +258,8 @@ var messages = _objectSpread(_objectSpread({
258
258
  removeFavorite: 'Fjern favorittfag',
259
259
  removeConfirmed: '{{subject}} er fjerna frå favorittfag',
260
260
  addConfirmed: '{{subject}} er lagt til som favorittfag',
261
+ subjectFavoritePitch: 'Ønsker du å favorittmerke dette faget?',
262
+ subjectFavoriteGuide: 'For å favorittmerke eit fag må du logge inn på Min NDLA. Du finn faget øverst på denne sida etter at du har logga inn.',
261
263
  shows: 'Viser'
262
264
  },
263
265
  topicPage: {
@@ -432,7 +434,7 @@ var messages = _objectSpread(_objectSpread({
432
434
  useCompentenceGoalsFilter: 'Bruk filter',
433
435
  closeCompentenceGoalsFilter: 'Lukk filter',
434
436
  competenceGoalsNarrowBackButton: 'Tilbake',
435
- competenceGoalResourceSearchText: 'Søk på alle ressursar som passar til dette kompetansemålet',
437
+ competenceGoalResourceSearchText: 'Vis ressursar til kompetansemål {{goal}}',
436
438
  competenceGoalShowExtra: 'Vis støtte til læreplanen',
437
439
  competenceGoalCloseExtra: 'Skjul støtte til læreplanen',
438
440
  competenceCoreLabel: 'Kjerneelement',
@@ -443,9 +445,10 @@ var messages = _objectSpread(_objectSpread({
443
445
  competenceSubjectSearchText: 'Gå til fagsiden',
444
446
  competenceGoalClose: 'Lukk',
445
447
  competenceGoalTitle: 'Målet er at eleven skal kunne:',
446
- competenceTabLK06label: 'Kompetansemål (LK06)',
447
- competenceTabLK20label: 'Kompetansemål (LK20)',
448
+ competenceTabLK20label: 'Kompetansemål',
449
+ competenceTabLK20Tooltip: 'Vis kompetansemål',
448
450
  competenceTabCorelabel: 'Kjerneelement',
451
+ competenceTabCoreTooltip: 'Vis kjerneelementar',
449
452
  competenceGoalItem: {
450
453
  title: 'Kompetansemål og vurdering'
451
454
  },
@@ -454,6 +454,8 @@ declare const messages: {
454
454
  removeFavorite: string;
455
455
  removeConfirmed: string;
456
456
  addConfirmed: string;
457
+ subjectFavoritePitch: string;
458
+ subjectFavoriteGuide: string;
457
459
  shows: string;
458
460
  };
459
461
  topicPage: {
@@ -648,9 +650,10 @@ declare const messages: {
648
650
  competenceSubjectSearchText: string;
649
651
  competenceGoalClose: string;
650
652
  competenceGoalTitle: string;
651
- competenceTabLK06label: string;
652
653
  competenceTabLK20label: string;
654
+ competenceTabLK20Tooltip: string;
653
655
  competenceTabCorelabel: string;
656
+ competenceTabCoreTooltip: string;
654
657
  competenceGoalItem: {
655
658
  title: string;
656
659
  };
@@ -258,6 +258,8 @@ var messages = _objectSpread(_objectSpread({
258
258
  removeFavorite: 'Fjern favorittfag',
259
259
  removeConfirmed: '{{subject}} er fjernet fra favorittfag',
260
260
  addConfirmed: '{{subject}} er lagt til som favorittfag',
261
+ subjectFavoritePitch: 'Ønsker du å favorittmerke dette faget?',
262
+ subjectFavoriteGuide: 'For å favorittmerke et fag må du logge inn på Min NDLA. Du finner faget øverst på denne siden etter at du har logget inn.',
261
263
  shows: 'Viser'
262
264
  },
263
265
  topicPage: {
@@ -432,7 +434,7 @@ var messages = _objectSpread(_objectSpread({
432
434
  useCompentenceGoalsFilter: 'Geavat filtara',
433
435
  closeCompentenceGoalsFilter: 'Govčča filtara',
434
436
  competenceGoalsNarrowBackButton: 'Ruovttoluotta',
435
- competenceGoalResourceSearchText: 'Oza buot resurssaid mat heivejit dán gealbomihttomearrái',
437
+ competenceGoalResourceSearchText: 'Vis ressursar til kompetansemål {{goal}}',
436
438
  competenceGoalShowExtra: 'Čájet oahppoplána doarjaga',
437
439
  competenceGoalCloseExtra: 'Čiega oahppoplána doarjaga',
438
440
  competenceCoreLabel: 'Guovddášelemeanta',
@@ -443,9 +445,10 @@ var messages = _objectSpread(_objectSpread({
443
445
  competenceSubjectSearchText: 'Mana fágasiidui',
444
446
  competenceGoalClose: 'Govčča',
445
447
  competenceGoalTitle: 'Mihttun lea ahte oahppi galgá máhttit:',
446
- competenceTabLK06label: 'Gealbomihttomearri (ML06)',
447
- competenceTabLK20label: 'Gealbomihttomearri (ML20)',
448
+ competenceTabLK20label: 'Gealbomihttomearri',
449
+ competenceTabLK20Tooltip: 'Vis kompetansemål',
448
450
  competenceTabCorelabel: 'Guovddášelemeanta',
451
+ competenceTabCoreTooltip: 'Vis kjerneelementer',
449
452
  competenceGoalItem: {
450
453
  title: 'Gealbomihttomearit ja árvvoštallan'
451
454
  },
@@ -454,6 +454,8 @@ declare const messages: {
454
454
  removeFavorite: string;
455
455
  removeConfirmed: string;
456
456
  addConfirmed: string;
457
+ subjectFavoritePitch: string;
458
+ subjectFavoriteGuide: string;
457
459
  shows: string;
458
460
  };
459
461
  topicPage: {
@@ -648,9 +650,10 @@ declare const messages: {
648
650
  competenceSubjectSearchText: string;
649
651
  competenceGoalClose: string;
650
652
  competenceGoalTitle: string;
651
- competenceTabLK06label: string;
652
653
  competenceTabLK20label: string;
654
+ competenceTabLK20Tooltip: string;
653
655
  competenceTabCorelabel: string;
656
+ competenceTabCoreTooltip: string;
654
657
  competenceGoalItem: {
655
658
  title: string;
656
659
  };
@@ -258,6 +258,8 @@ var messages = _objectSpread(_objectSpread({
258
258
  removeFavorite: 'Fjern favorittfag',
259
259
  removeConfirmed: '{{subject}} er fjernet fra favorittfag',
260
260
  addConfirmed: '{{subject}} er lagt til som favorittfag',
261
+ subjectFavoritePitch: 'Ønsker du å favorittmerke dette faget?',
262
+ subjectFavoriteGuide: 'For å favorittmerke et fag må du logge inn på Min NDLA. Du finner faget øverst på denne siden etter at du har logget inn.',
261
263
  shows: 'Viser'
262
264
  },
263
265
  topicPage: {
@@ -432,7 +434,7 @@ var messages = _objectSpread(_objectSpread({
432
434
  useCompentenceGoalsFilter: 'Bruk filter',
433
435
  closeCompentenceGoalsFilter: 'Lukk filter',
434
436
  competenceGoalsNarrowBackButton: 'Tilbake',
435
- competenceGoalResourceSearchText: 'Søk alle ressurser som passer til dette kompetansemålet',
437
+ competenceGoalResourceSearchText: 'Vis ressursar til kompetansemål {{goal}}',
436
438
  competenceGoalShowExtra: 'Vis støtte til læreplanen',
437
439
  competenceGoalCloseExtra: 'Skjul støtte til læreplanen',
438
440
  competenceCoreLabel: 'Kjerneelement',
@@ -443,9 +445,10 @@ var messages = _objectSpread(_objectSpread({
443
445
  competenceSubjectSearchText: 'Gå til fagsiden',
444
446
  competenceGoalClose: 'Lukk',
445
447
  competenceGoalTitle: 'Målet er at eleven skal kunne:',
446
- competenceTabLK06label: 'Kompetansemål (LK06)',
447
- competenceTabLK20label: 'Kompetansemål (LK20)',
448
+ competenceTabLK20label: 'Kompetansemål',
449
+ competenceTabLK20Tooltip: 'Vis kompetansemål',
448
450
  competenceTabCorelabel: 'Kjerneelement',
451
+ competenceTabCoreTooltip: 'Vis kjerneelementer',
449
452
  competenceGoalItem: {
450
453
  title: 'Kompetansemål og vurdering'
451
454
  },
package/lib/types.d.ts CHANGED
@@ -91,9 +91,9 @@ export type CompetenceGoalsItemType = {
91
91
  id: string;
92
92
  title: string;
93
93
  goals: {
94
+ id: string;
94
95
  text: string;
95
96
  url?: string;
96
- type: 'LK06' | 'LK20';
97
97
  }[];
98
98
  selected?: boolean;
99
99
  isOembed?: boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ndla/ui",
3
- "version": "33.4.5",
3
+ "version": "34.0.0",
4
4
  "description": "UI component library for NDLA.",
5
5
  "license": "GPL-3.0",
6
6
  "main": "lib/index.js",
@@ -82,5 +82,5 @@
82
82
  "publishConfig": {
83
83
  "access": "public"
84
84
  },
85
- "gitHead": "004d28705729afeda9fb1a5e10b5d08342adc672"
85
+ "gitHead": "db3f35560206bd927b474e4809cfe2d5eff1b7e7"
86
86
  }
@@ -119,19 +119,19 @@ type Props = {
119
119
  article: ArticleType;
120
120
  icon?: ReactNode;
121
121
  licenseBox?: ReactNode;
122
+ competenceGoalsLoading?: boolean;
122
123
  modifier?: string;
123
124
  children?: ReactNode;
124
125
  messages: Messages;
125
126
  locale: Locale;
126
127
  messageBoxLinks?: [];
128
+ copyText?: string;
127
129
  competenceGoals?:
128
130
  | ((inp: { Dialog: ComponentType; dialogProps: { isOpen: boolean; onClose: () => void } }) => ReactNode)
129
131
  | ReactNode
130
132
  | null;
131
- competenceGoalTypes?: string[];
132
133
  id: string;
133
134
  renderMarkdown: (text: string) => string;
134
- copyPageUrlLink?: string;
135
135
  printUrl?: string;
136
136
  notions?: { list: ConceptNotionType[]; related: NotionRelatedContent[] };
137
137
  accessMessage?: string;
@@ -157,8 +157,7 @@ export const Article = ({
157
157
  messageBoxLinks,
158
158
  children,
159
159
  competenceGoals,
160
- competenceGoalTypes,
161
- copyPageUrlLink,
160
+ competenceGoalsLoading,
162
161
  id,
163
162
  locale,
164
163
  notions,
@@ -166,6 +165,7 @@ export const Article = ({
166
165
  renderMarkdown,
167
166
  accessMessage,
168
167
  heartButton,
168
+ copyText,
169
169
  }: Props) => {
170
170
  const [articleRef, { entry }] = useIntersectionObserver({
171
171
  root: null,
@@ -214,7 +214,7 @@ export const Article = ({
214
214
  <MessageBox links={messageBoxLinks}>{messages.messageBox}</MessageBox>
215
215
  </MSGboxWrapper>
216
216
  )}
217
- <ArticleHeaderWrapper competenceGoals={competenceGoals} competenceGoalTypes={competenceGoalTypes}>
217
+ <ArticleHeaderWrapper competenceGoals={competenceGoals} competenceGoalsLoading={competenceGoalsLoading}>
218
218
  {heartButton ? <ArticleFavoritesButtonWrapper>{heartButton}</ArticleFavoritesButtonWrapper> : null}
219
219
 
220
220
  <ArticleTitle icon={icon} label={messages.label}>
@@ -237,7 +237,7 @@ export const Article = ({
237
237
  <LayoutItem layout="center">
238
238
  {footNotes && footNotes.length > 0 && <ArticleFootNotes footNotes={footNotes} />}
239
239
  <ArticleByline
240
- copyPageUrlLink={copyPageUrlLink}
240
+ copySourceReference={copyText}
241
241
  authors={authors}
242
242
  suppliers={rightsholders}
243
243
  published={published}
@@ -144,18 +144,6 @@ const ArticleByline = ({
144
144
  )}
145
145
  {showSecondaryContributors && <TextWrapper>{getSuppliersText(suppliers, t)}</TextWrapper>}
146
146
  <ButtonWrapper>
147
- {copySourceReference && (
148
- <CopyButton
149
- size="small"
150
- variant="outline"
151
- shape="pill"
152
- aria-live="assertive"
153
- copyNode={t('license.hasCopiedTitle')}
154
- data-copy-string={copySourceReference}
155
- onClick={copyLicense}>
156
- {`${t('license.copy')} ${t('license.copyTitle').toLowerCase()}`}
157
- </CopyButton>
158
- )}
159
147
  {licenseBox && (
160
148
  <Modal
161
149
  labelledBy={buttonId}
@@ -177,6 +165,18 @@ const ArticleByline = ({
177
165
  )}
178
166
  </Modal>
179
167
  )}
168
+ {copySourceReference && (
169
+ <CopyButton
170
+ size="small"
171
+ shape="pill"
172
+ variant="outline"
173
+ aria-live="assertive"
174
+ copyNode={t('license.hasCopiedTitle')}
175
+ data-copy-string={copySourceReference}
176
+ onClick={copyLicense}>
177
+ {`${t('license.copy')} ${t('license.copyTitle').toLowerCase()}`}
178
+ </CopyButton>
179
+ )}
180
180
  {copyPageUrlLink && (
181
181
  <CopyButton
182
182
  onClick={copyLinkHandler}
@@ -30,11 +30,11 @@ type Props = {
30
30
  | ((inp: { Dialog: ComponentType; dialogProps: { isOpen: boolean; onClose: () => void } }) => ReactNode)
31
31
  | ReactNode
32
32
  | null;
33
- competenceGoalTypes?: string[];
33
+ competenceGoalsLoading?: boolean;
34
34
  children: ReactNode;
35
35
  };
36
36
 
37
- const ArticleHeaderWrapper = ({ children, competenceGoals, competenceGoalTypes }: Props) => {
37
+ const ArticleHeaderWrapper = ({ children, competenceGoals, competenceGoalsLoading }: Props) => {
38
38
  const [isOpen, setIsOpen] = useState(false);
39
39
  const { t } = useTranslation();
40
40
 
@@ -77,7 +77,13 @@ const ArticleHeaderWrapper = ({ children, competenceGoals, competenceGoalTypes }
77
77
  return (
78
78
  <div {...classes('header')}>
79
79
  {children}
80
- <ButtonV2 size="xsmall" colorTheme="light" shape="pill" onClick={openDialog}>
80
+ <ButtonV2
81
+ aria-busy={competenceGoalsLoading}
82
+ size="xsmall"
83
+ colorTheme="light"
84
+ shape="pill"
85
+ onClick={openDialog}
86
+ disabled={competenceGoalsLoading}>
81
87
  <FooterHeaderIcon />
82
88
  <CompetenceBadgeText>{t('competenceGoals.showCompetenceGoals')}</CompetenceBadgeText>
83
89
  </ButtonV2>
@@ -75,9 +75,9 @@ type ImageProps = {
75
75
  type BannerProps = {
76
76
  link: string;
77
77
  image: ImageProps;
78
- title: string;
79
- content: string;
80
- linkText: string;
78
+ title: { title: string; lang?: string };
79
+ content: { content: string; lang?: string };
80
+ linkText: { text: string; lang?: string };
81
81
  };
82
82
  export const BannerCard = ({ link, title, content, linkText, image }: BannerProps) => {
83
83
  return (
@@ -86,10 +86,10 @@ export const BannerCard = ({ link, title, content, linkText, image }: BannerProp
86
86
  <StyledImage alt={image.altText} src={image.imageSrc} />
87
87
  </ImageWrapper>
88
88
  <TextWrapper>
89
- <TitleText>{title}</TitleText>
90
- <ContentText>{content}</ContentText>
91
- <LinkText target="_self" to={link}>
92
- {linkText}
89
+ <TitleText lang={title.lang}>{title.title}</TitleText>
90
+ <ContentText lang={content.lang}>{content.content}</ContentText>
91
+ <LinkText target="_self" to={link} lang={linkText.lang}>
92
+ {linkText.text}
93
93
  </LinkText>
94
94
  </TextWrapper>
95
95
  </BannerWrapper>
@@ -9,49 +9,49 @@
9
9
  import React from 'react';
10
10
  import styled from '@emotion/styled';
11
11
  import { fonts, spacing, mq, breakpoints } from '@ndla/core';
12
+ import { Search } from '@ndla/icons/common';
13
+ import { SafeLinkButton } from '@ndla/safelink';
12
14
  import { useTranslation } from 'react-i18next';
13
15
  import { CompetenceGoalsItemType } from '../types';
14
- import SearchButton from './SearchButton';
15
16
 
16
17
  const GoalItem = styled.li`
17
18
  margin: ${spacing.medium} 0;
18
- list-style-type: none;
19
- display: flex;
20
- font-size: 18px;
21
- line-height: 24px;
22
19
  border-bottom: 1px solid #d1d6db;
23
20
  `;
24
21
 
25
- const GoalWrapper = styled.div`
26
- width: 100%;
27
- padding-bottom: ${spacing.small};
28
- `;
29
-
30
22
  const GoalsHeading = styled.h3`
31
23
  margin-top: 0;
32
- font-weight: ${fonts.weight.semibold};
33
24
  `;
25
+
26
+ const StyledSearch = styled(Search)`
27
+ height: 24px;
28
+ width: 24px;
29
+ min-width: 24px;
30
+ `;
31
+
34
32
  const GoalList = styled.ul`
35
33
  padding: 0;
36
34
  `;
37
- const GoalListElement = styled.li`
38
- ${fonts.sizes('22px', '32px')};
35
+
36
+ const GoalText = styled.p`
37
+ margin: 0;
39
38
  `;
40
- const GoalListElementInnerWrapper = styled.div`
39
+
40
+ const ListItemContent = styled.div`
41
41
  display: flex;
42
42
  justify-content: space-between;
43
+ ${fonts.sizes('22px', '32px')};
43
44
  ${mq.range({ until: breakpoints.tabletWide })} {
44
45
  flex-direction: column;
45
46
  }
46
47
  `;
47
48
 
48
- const GoalListInnerTextWrapper = styled.div`
49
- flex: 1;
50
- `;
51
-
52
49
  const GoalSearchWrapper = styled.div`
53
50
  margin-left: ${spacing.normal};
54
51
  flex: 0 0 289px;
52
+ span {
53
+ text-align: left;
54
+ }
55
55
 
56
56
  ${mq.range({ until: breakpoints.tabletWide })} {
57
57
  margin-left: 0;
@@ -64,27 +64,24 @@ const CompetenceGoalItem = ({ title, goals, isOembed }: CompetenceGoalsItemType)
64
64
  const { t } = useTranslation();
65
65
  return (
66
66
  <GoalItem>
67
- <GoalWrapper>
68
- <GoalsHeading>{title}</GoalsHeading>
69
- <GoalList>
70
- {goals.map((goal, index: number) => (
71
- <GoalListElement key={`${goal.text}${index}`}>
72
- <GoalListElementInnerWrapper>
73
- <GoalListInnerTextWrapper>{goal.text}</GoalListInnerTextWrapper>
74
- {goal.url && goal.type !== 'LK06' && (
75
- <GoalSearchWrapper>
76
- <SearchButton
77
- to={goal.url}
78
- text={t('competenceGoals.competenceGoalResourceSearchText')}
79
- target={isOembed ? '_blank' : '_self'}
80
- />
81
- </GoalSearchWrapper>
82
- )}
83
- </GoalListElementInnerWrapper>
84
- </GoalListElement>
85
- ))}
86
- </GoalList>
87
- </GoalWrapper>
67
+ <GoalsHeading>{title}</GoalsHeading>
68
+ <GoalList>
69
+ {goals.map((goal, index) => (
70
+ <li key={`${goal.text}${index}`}>
71
+ <ListItemContent>
72
+ <GoalText>{goal.text}</GoalText>
73
+ {goal.url && (
74
+ <GoalSearchWrapper>
75
+ <SafeLinkButton variant="outline" to={goal.url} target={isOembed ? '_blank' : '_self'}>
76
+ <StyledSearch size="large" />
77
+ <span>{t('competenceGoals.competenceGoalResourceSearchText', { goal: goal.id })}</span>
78
+ </SafeLinkButton>
79
+ </GoalSearchWrapper>
80
+ )}
81
+ </ListItemContent>
82
+ </li>
83
+ ))}
84
+ </GoalList>
88
85
  </GoalItem>
89
86
  );
90
87
  };