@ndla/ui 17.0.0 → 19.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 (86) hide show
  1. package/es/Article/ArticleFavoritesButton.js +4 -3
  2. package/es/Masthead/MastheadAuthModal.js +8 -3
  3. package/es/MyNdla/Resource/Folder.js +11 -10
  4. package/es/MyNdla/index.js +1 -2
  5. package/es/Resource/BlockResource.js +14 -8
  6. package/es/Resource/ListResource.js +15 -9
  7. package/es/Resource/resourceComponents.js +12 -11
  8. package/es/TagSelector/SuggestionInput.js +111 -56
  9. package/es/TagSelector/Suggestions.js +19 -15
  10. package/es/TagSelector/TagSelector.js +8 -7
  11. package/es/TreeStructure/FolderItem.js +5 -5
  12. package/es/TreeStructure/FolderItems.js +8 -7
  13. package/es/TreeStructure/TreeStructure.js +65 -80
  14. package/es/TreeStructure/keyboardNavigation/keyboardNavigation.js +23 -11
  15. package/es/index.js +1 -1
  16. package/es/locale/messages-en.js +10 -1
  17. package/es/locale/messages-nb.js +11 -2
  18. package/es/locale/messages-nn.js +12 -3
  19. package/es/locale/messages-se.js +11 -2
  20. package/es/locale/messages-sma.js +11 -2
  21. package/lib/Article/ArticleFavoritesButton.js +4 -3
  22. package/lib/Masthead/MastheadAuthModal.js +14 -7
  23. package/lib/MyNdla/Resource/Folder.d.ts +4 -3
  24. package/lib/MyNdla/Resource/Folder.js +11 -10
  25. package/lib/MyNdla/index.d.ts +1 -2
  26. package/lib/MyNdla/index.js +0 -8
  27. package/lib/Resource/BlockResource.d.ts +4 -3
  28. package/lib/Resource/BlockResource.js +14 -7
  29. package/lib/Resource/ListResource.d.ts +4 -3
  30. package/lib/Resource/ListResource.js +15 -8
  31. package/lib/Resource/resourceComponents.d.ts +4 -1
  32. package/lib/Resource/resourceComponents.js +14 -13
  33. package/lib/TagSelector/SuggestionInput.js +111 -57
  34. package/lib/TagSelector/Suggestions.js +26 -23
  35. package/lib/TagSelector/TagSelector.js +8 -7
  36. package/lib/TreeStructure/FolderItem.js +5 -5
  37. package/lib/TreeStructure/FolderItems.d.ts +1 -1
  38. package/lib/TreeStructure/FolderItems.js +8 -8
  39. package/lib/TreeStructure/TreeStructure.d.ts +6 -1
  40. package/lib/TreeStructure/TreeStructure.js +66 -80
  41. package/lib/TreeStructure/TreeStructure.types.d.ts +5 -3
  42. package/lib/TreeStructure/keyboardNavigation/keyboardNavigation.js +23 -11
  43. package/lib/TreeStructure/keyboardNavigation/keyboardNavigation.types.d.ts +1 -1
  44. package/lib/index.d.ts +1 -1
  45. package/lib/index.js +0 -7
  46. package/lib/locale/messages-en.d.ts +9 -0
  47. package/lib/locale/messages-en.js +10 -1
  48. package/lib/locale/messages-nb.d.ts +9 -0
  49. package/lib/locale/messages-nb.js +11 -2
  50. package/lib/locale/messages-nn.d.ts +9 -0
  51. package/lib/locale/messages-nn.js +12 -3
  52. package/lib/locale/messages-se.d.ts +9 -0
  53. package/lib/locale/messages-se.js +11 -2
  54. package/lib/locale/messages-sma.d.ts +9 -0
  55. package/lib/locale/messages-sma.js +11 -2
  56. package/package.json +5 -5
  57. package/src/Article/ArticleFavoritesButton.tsx +4 -3
  58. package/src/Masthead/MastheadAuthModal.tsx +9 -0
  59. package/src/MyNdla/Resource/Folder.tsx +7 -7
  60. package/src/MyNdla/index.ts +1 -2
  61. package/src/Resource/BlockResource.tsx +7 -6
  62. package/src/Resource/ListResource.tsx +8 -7
  63. package/src/Resource/resourceComponents.tsx +8 -1
  64. package/src/TagSelector/SuggestionInput.tsx +90 -24
  65. package/src/TagSelector/Suggestions.tsx +14 -0
  66. package/src/TagSelector/TagSelector.tsx +6 -4
  67. package/src/TreeStructure/FolderItem.tsx +5 -2
  68. package/src/TreeStructure/FolderItems.tsx +4 -3
  69. package/src/TreeStructure/TreeStructure.tsx +54 -42
  70. package/src/TreeStructure/TreeStructure.types.ts +5 -3
  71. package/src/TreeStructure/keyboardNavigation/keyboardNavigation.ts +7 -7
  72. package/src/TreeStructure/keyboardNavigation/keyboardNavigation.types.ts +1 -1
  73. package/src/index.ts +1 -1
  74. package/src/locale/messages-en.ts +11 -1
  75. package/src/locale/messages-nb.ts +11 -2
  76. package/src/locale/messages-nn.ts +12 -3
  77. package/src/locale/messages-se.ts +11 -2
  78. package/src/locale/messages-sma.ts +11 -2
  79. package/es/MyNdla/Navigation/VerticalNavigation.js +0 -51
  80. package/es/MyNdla/Navigation/index.js +0 -2
  81. package/lib/MyNdla/Navigation/VerticalNavigation.d.ts +0 -10
  82. package/lib/MyNdla/Navigation/VerticalNavigation.js +0 -61
  83. package/lib/MyNdla/Navigation/index.d.ts +0 -2
  84. package/lib/MyNdla/Navigation/index.js +0 -15
  85. package/src/MyNdla/Navigation/VerticalNavigation.tsx +0 -93
  86. package/src/MyNdla/Navigation/index.ts +0 -2
@@ -15,15 +15,21 @@ const titleTemplate = ' - NDLA';
15
15
 
16
16
  const messages = {
17
17
  treeStructure: {
18
+ folderChildOptions: {
19
+ edit: 'Endre mappenamn',
20
+ delete: 'Slett',
21
+ },
18
22
  createFolder: 'Lag mappe',
23
+ maxFoldersAlreadyAdded: 'Maks nivå av undermapper nådd',
19
24
  newFolder: {
20
- placeholder: 'Skriv navn på mappe',
25
+ placeholder: 'Skriv namn på mappe',
21
26
  defaultName: 'Ny mappe',
22
27
  },
23
28
  },
24
29
  tagSelector: {
25
- placeholder: 'Tilknytt tag',
26
- removeTag: 'Ta vekk tilknytninga til {{name}}',
30
+ label: 'Legg til tag',
31
+ placeholder: 'Skriv tag namn',
32
+ removeTag: 'Ta vekk {{name}}',
27
33
  hideAllTags: 'Skjul alle tagger',
28
34
  showAllTags: 'Vis alle tagger',
29
35
  },
@@ -977,6 +983,7 @@ const messages = {
977
983
  close: 'Lukk faktaboks',
978
984
  },
979
985
  myNdla: {
986
+ myNDLA: 'Min NDLA',
980
987
  resources: '{{count}} ressurs',
981
988
  resources_plural: '{{count}} ressursar',
982
989
  folders: '{{count}} mappe',
@@ -988,6 +995,8 @@ const messages = {
988
995
  newFolderUnder: 'Lag ny mappe under {{folderName}}',
989
996
  myAccount: 'Min konto',
990
997
  favourites: 'Favorittar',
998
+ addToFavourites: 'Legg til i mine favorittar',
999
+ alreadyFavourited: 'Allereie lagt til i mine favorittar',
991
1000
  help: 'Hjelp',
992
1001
  more: 'Fleire val',
993
1002
  listView: 'Listevisning',
@@ -15,15 +15,21 @@ const titleTemplate = ' - NDLA';
15
15
 
16
16
  const messages = {
17
17
  treeStructure: {
18
+ folderChildOptions: {
19
+ edit: 'Endre mappenavn',
20
+ delete: 'Slett',
21
+ },
18
22
  createFolder: 'Lag mappe',
23
+ maxFoldersAlreadyAdded: 'Maks nivå av undermapper nådd',
19
24
  newFolder: {
20
25
  placeholder: 'Skriv navn på mappe',
21
26
  defaultName: 'Ny mappe',
22
27
  },
23
28
  },
24
29
  tagSelector: {
25
- placeholder: 'Legg til tag',
26
- removeTag: 'Ta vekk tilknytninga til {{name}}',
30
+ label: 'Legg til tag',
31
+ placeholder: 'Skriv tag navn',
32
+ removeTag: 'Ta vekk {{name}}',
27
33
  hideAllTags: 'Skjul alla tags',
28
34
  showAllTags: 'Vis alla tags',
29
35
  },
@@ -976,6 +982,7 @@ const messages = {
976
982
  close: 'Lukk faktaboks',
977
983
  },
978
984
  myNdla: {
985
+ myNDLA: 'Min NDLA',
979
986
  resources: '{{count}} ressurs',
980
987
  resources_plural: '{{count}} ressurser',
981
988
  folders: '{{count}} mappe',
@@ -987,6 +994,8 @@ const messages = {
987
994
  newFolderUnder: 'Lag ny mappe under {{folderName}}',
988
995
  myAccount: 'Min konto',
989
996
  favourites: 'Favoritter',
997
+ addToFavourites: 'Legg til i mine favoritter',
998
+ alreadyFavourited: 'Allerede lagt til i mine favoritter',
990
999
  help: 'Hjelp',
991
1000
  more: 'Flere valg',
992
1001
  listView: 'Listevisning',
@@ -15,15 +15,21 @@ const titleTemplate = ' - NDLA';
15
15
 
16
16
  const messages = {
17
17
  treeStructure: {
18
+ folderChildOptions: {
19
+ edit: 'Endre mappenavn',
20
+ delete: 'Slett',
21
+ },
18
22
  createFolder: 'Lag mappe',
23
+ maxFoldersAlreadyAdded: 'Maks nivå av undermapper nådd',
19
24
  newFolder: {
20
25
  placeholder: 'Skriv navn på mappe',
21
26
  defaultName: 'Ny mappe',
22
27
  },
23
28
  },
24
29
  tagSelector: {
25
- placeholder: 'Tilknytt tag',
26
- removeTag: 'Ta vekk tilknytning til {{name}}',
30
+ label: 'Legg til tag',
31
+ placeholder: 'Skriv tag navn',
32
+ removeTag: 'Ta vekk {{name}}',
27
33
  hideAllTags: 'Skjul alle tagger',
28
34
  showAllTags: 'Vis alle tagger',
29
35
  },
@@ -976,6 +982,7 @@ const messages = {
976
982
  close: 'Lukk faktaboks',
977
983
  },
978
984
  myNdla: {
985
+ myNDLA: 'Min NDLA',
979
986
  resources: '{{count}} ressurs',
980
987
  resources_plural: '{{count}} ressurser',
981
988
  folders: '{{count}} mappe',
@@ -987,6 +994,8 @@ const messages = {
987
994
  newFolderUnder: 'Lag ny mappe under {{folderName}}',
988
995
  myAccount: 'Min konto',
989
996
  favourites: 'Favoritter',
997
+ addToFavourites: 'Legg til i mine favoritter',
998
+ alreadyFavourited: 'Allerede lagt til i mine favoritter',
990
999
  help: 'Hjelp',
991
1000
  more: 'Flere valg',
992
1001
  listView: 'Listevisning',
@@ -1,51 +0,0 @@
1
- import _styled from "@emotion/styled-base";
2
-
3
- /*
4
- * Copyright (c) 2022-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
- import React from 'react';
11
- import { colors, spacing } from '@ndla/core';
12
- import SafeLinkButton from '@ndla/safelink';
13
- import { mq, breakpoints } from '@ndla/core';
14
- import { jsx as ___EmotionJSX } from "@emotion/core";
15
-
16
- var NavigationWrapper = _styled("div", {
17
- target: "egnqy3z0",
18
- label: "NavigationWrapper"
19
- })("display:flex;justify-content:flex-start;margin:0;max-width:20vw;border-right:1px solid ", colors.brand.greyLighter, ";height:100%;", mq.range({
20
- until: breakpoints.tabletWide
21
- }), "{display:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZlcnRpY2FsTmF2aWdhdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY29DIiwiZmlsZSI6IlZlcnRpY2FsTmF2aWdhdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IFNhZmVMaW5rQnV0dG9uIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IG1xLCBicmVha3BvaW50cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5jb25zdCBOYXZpZ2F0aW9uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgbWFyZ2luOiAwO1xuICBtYXgtd2lkdGg6IDIwdnc7XG4gIGJvcmRlci1yaWdodDogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVyfTtcbiAgaGVpZ2h0OiAxMDAlO1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBOYXZpZ2F0aW9uID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogJHtzcGFjaW5nLmxhcmdlfTtcbmA7XG5cbmNvbnN0IE5hdmlnYXRpb25FbGVtZW50VGV4dCA9IHN0eWxlZC5kaXZgXG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuYDtcblxuY29uc3QgTmF2aWdhdGlvbkVsZW1lbnQgPSBzdHlsZWQoU2FmZUxpbmtCdXR0b24pYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6IDExcHg7XG4gIGhlaWdodDogMzBweDtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gICAgYm9yZGVyLXJhZGl1czogNSU7XG4gICAgc3ZnIHtcbiAgICAgIGZpbGw6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIH1cbiAgICAke05hdmlnYXRpb25FbGVtZW50VGV4dH0ge1xuICAgICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIH1cbiAgfVxuICAmOmZvY3VzIHtcbiAgICBzdmcge1xuICAgICAgZmlsbDogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgfVxuICAgICR7TmF2aWdhdGlvbkVsZW1lbnRUZXh0fSB7XG4gICAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBJY29uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHN2ZyB7XG4gICAgZmlsbDogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgICBoZWlnaHQ6IDIwcHg7XG4gICAgd2lkdGg6IDIwcHg7XG4gIH1cbmA7XG5cbmludGVyZmFjZSBOYXZQcm9wcyB7XG4gIG5hdkVsZW1lbnRzPzoge1xuICAgIGljb246IFJlYWN0Tm9kZTtcbiAgICB1cmw6IHN0cmluZztcbiAgICBuYW1lOiBzdHJpbmc7XG4gIH1bXTtcbn1cbmV4cG9ydCBjb25zdCBWZXJ0aWNhbE5hdmlnYXRpb24gPSAoeyBuYXZFbGVtZW50cyB9OiBOYXZQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxOYXZpZ2F0aW9uV3JhcHBlcj5cbiAgICAgIDxOYXZpZ2F0aW9uPlxuICAgICAgICB7bmF2RWxlbWVudHM/Lm1hcCgoZWxlbWVudCkgPT4ge1xuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8TmF2aWdhdGlvbkVsZW1lbnQgdG89e2VsZW1lbnQudXJsfT5cbiAgICAgICAgICAgICAgPEljb25XcmFwcGVyPntlbGVtZW50Lmljb259PC9JY29uV3JhcHBlcj5cbiAgICAgICAgICAgICAgPE5hdmlnYXRpb25FbGVtZW50VGV4dD57ZWxlbWVudC5uYW1lfTwvTmF2aWdhdGlvbkVsZW1lbnRUZXh0PlxuICAgICAgICAgICAgPC9OYXZpZ2F0aW9uRWxlbWVudD5cbiAgICAgICAgICApO1xuICAgICAgICB9KX1cbiAgICAgIDwvTmF2aWdhdGlvbj5cbiAgICA8L05hdmlnYXRpb25XcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgVmVydGljYWxOYXZpZ2F0aW9uO1xuIl19 */"));
22
-
23
- var Navigation = _styled("div", {
24
- target: "egnqy3z1",
25
- label: "Navigation"
26
- })("padding:", spacing.large, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZlcnRpY2FsTmF2aWdhdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEI2QiIsImZpbGUiOiJWZXJ0aWNhbE5hdmlnYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBTYWZlTGlua0J1dHRvbiBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgeyBtcSwgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuY29uc3QgTmF2aWdhdGlvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIG1hcmdpbjogMDtcbiAgbWF4LXdpZHRoOiAyMHZ3O1xuICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlcn07XG4gIGhlaWdodDogMTAwJTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgTmF2aWdhdGlvbiA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7c3BhY2luZy5sYXJnZX07XG5gO1xuXG5jb25zdCBOYXZpZ2F0aW9uRWxlbWVudFRleHQgPSBzdHlsZWQuZGl2YFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbmA7XG5cbmNvbnN0IE5hdmlnYXRpb25FbGVtZW50ID0gc3R5bGVkKFNhZmVMaW5rQnV0dG9uKWBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAxMXB4O1xuICBoZWlnaHQ6IDMwcHg7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICAgIGJvcmRlci1yYWRpdXM6IDUlO1xuICAgIHN2ZyB7XG4gICAgICBmaWxsOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICB9XG4gICAgJHtOYXZpZ2F0aW9uRWxlbWVudFRleHR9IHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICB9XG4gIH1cbiAgJjpmb2N1cyB7XG4gICAgc3ZnIHtcbiAgICAgIGZpbGw6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIH1cbiAgICAke05hdmlnYXRpb25FbGVtZW50VGV4dH0ge1xuICAgICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgSWNvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBzdmcge1xuICAgIGZpbGw6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIHdpZHRoOiAyMHB4O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgTmF2UHJvcHMge1xuICBuYXZFbGVtZW50cz86IHtcbiAgICBpY29uOiBSZWFjdE5vZGU7XG4gICAgdXJsOiBzdHJpbmc7XG4gICAgbmFtZTogc3RyaW5nO1xuICB9W107XG59XG5leHBvcnQgY29uc3QgVmVydGljYWxOYXZpZ2F0aW9uID0gKHsgbmF2RWxlbWVudHMgfTogTmF2UHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TmF2aWdhdGlvbldyYXBwZXI+XG4gICAgICA8TmF2aWdhdGlvbj5cbiAgICAgICAge25hdkVsZW1lbnRzPy5tYXAoKGVsZW1lbnQpID0+IHtcbiAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPE5hdmlnYXRpb25FbGVtZW50IHRvPXtlbGVtZW50LnVybH0+XG4gICAgICAgICAgICAgIDxJY29uV3JhcHBlcj57ZWxlbWVudC5pY29ufTwvSWNvbldyYXBwZXI+XG4gICAgICAgICAgICAgIDxOYXZpZ2F0aW9uRWxlbWVudFRleHQ+e2VsZW1lbnQubmFtZX08L05hdmlnYXRpb25FbGVtZW50VGV4dD5cbiAgICAgICAgICAgIDwvTmF2aWdhdGlvbkVsZW1lbnQ+XG4gICAgICAgICAgKTtcbiAgICAgICAgfSl9XG4gICAgICA8L05hdmlnYXRpb24+XG4gICAgPC9OYXZpZ2F0aW9uV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFZlcnRpY2FsTmF2aWdhdGlvbjtcbiJdfQ== */"));
27
-
28
- var NavigationElementText = _styled("div", {
29
- target: "egnqy3z2",
30
- label: "NavigationElementText"
31
- })("color:", colors.text.primary, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZlcnRpY2FsTmF2aWdhdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJ3QyIsImZpbGUiOiJWZXJ0aWNhbE5hdmlnYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBTYWZlTGlua0J1dHRvbiBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgeyBtcSwgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuY29uc3QgTmF2aWdhdGlvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIG1hcmdpbjogMDtcbiAgbWF4LXdpZHRoOiAyMHZ3O1xuICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlcn07XG4gIGhlaWdodDogMTAwJTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgTmF2aWdhdGlvbiA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7c3BhY2luZy5sYXJnZX07XG5gO1xuXG5jb25zdCBOYXZpZ2F0aW9uRWxlbWVudFRleHQgPSBzdHlsZWQuZGl2YFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbmA7XG5cbmNvbnN0IE5hdmlnYXRpb25FbGVtZW50ID0gc3R5bGVkKFNhZmVMaW5rQnV0dG9uKWBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAxMXB4O1xuICBoZWlnaHQ6IDMwcHg7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICAgIGJvcmRlci1yYWRpdXM6IDUlO1xuICAgIHN2ZyB7XG4gICAgICBmaWxsOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICB9XG4gICAgJHtOYXZpZ2F0aW9uRWxlbWVudFRleHR9IHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICB9XG4gIH1cbiAgJjpmb2N1cyB7XG4gICAgc3ZnIHtcbiAgICAgIGZpbGw6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIH1cbiAgICAke05hdmlnYXRpb25FbGVtZW50VGV4dH0ge1xuICAgICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgSWNvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBzdmcge1xuICAgIGZpbGw6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIHdpZHRoOiAyMHB4O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgTmF2UHJvcHMge1xuICBuYXZFbGVtZW50cz86IHtcbiAgICBpY29uOiBSZWFjdE5vZGU7XG4gICAgdXJsOiBzdHJpbmc7XG4gICAgbmFtZTogc3RyaW5nO1xuICB9W107XG59XG5leHBvcnQgY29uc3QgVmVydGljYWxOYXZpZ2F0aW9uID0gKHsgbmF2RWxlbWVudHMgfTogTmF2UHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TmF2aWdhdGlvbldyYXBwZXI+XG4gICAgICA8TmF2aWdhdGlvbj5cbiAgICAgICAge25hdkVsZW1lbnRzPy5tYXAoKGVsZW1lbnQpID0+IHtcbiAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPE5hdmlnYXRpb25FbGVtZW50IHRvPXtlbGVtZW50LnVybH0+XG4gICAgICAgICAgICAgIDxJY29uV3JhcHBlcj57ZWxlbWVudC5pY29ufTwvSWNvbldyYXBwZXI+XG4gICAgICAgICAgICAgIDxOYXZpZ2F0aW9uRWxlbWVudFRleHQ+e2VsZW1lbnQubmFtZX08L05hdmlnYXRpb25FbGVtZW50VGV4dD5cbiAgICAgICAgICAgIDwvTmF2aWdhdGlvbkVsZW1lbnQ+XG4gICAgICAgICAgKTtcbiAgICAgICAgfSl9XG4gICAgICA8L05hdmlnYXRpb24+XG4gICAgPC9OYXZpZ2F0aW9uV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFZlcnRpY2FsTmF2aWdhdGlvbjtcbiJdfQ== */"));
32
-
33
- var NavigationElement = /*#__PURE__*/_styled(SafeLinkButton, {
34
- target: "egnqy3z3",
35
- label: "NavigationElement"
36
- })("display:flex;align-items:center;gap:11px;height:30px;box-shadow:none;&:hover{background-color:", colors.brand.lighter, ";border-radius:5%;svg{fill:", colors.brand.primary, ";}", NavigationElementText, "{color:", colors.brand.primary, ";}}&:focus{svg{fill:", colors.brand.primary, ";}", NavigationElementText, "{color:", colors.brand.primary, ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZlcnRpY2FsTmF2aWdhdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0NnRCIsImZpbGUiOiJWZXJ0aWNhbE5hdmlnYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBTYWZlTGlua0J1dHRvbiBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgeyBtcSwgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuY29uc3QgTmF2aWdhdGlvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIG1hcmdpbjogMDtcbiAgbWF4LXdpZHRoOiAyMHZ3O1xuICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlcn07XG4gIGhlaWdodDogMTAwJTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgTmF2aWdhdGlvbiA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7c3BhY2luZy5sYXJnZX07XG5gO1xuXG5jb25zdCBOYXZpZ2F0aW9uRWxlbWVudFRleHQgPSBzdHlsZWQuZGl2YFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbmA7XG5cbmNvbnN0IE5hdmlnYXRpb25FbGVtZW50ID0gc3R5bGVkKFNhZmVMaW5rQnV0dG9uKWBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAxMXB4O1xuICBoZWlnaHQ6IDMwcHg7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICAgIGJvcmRlci1yYWRpdXM6IDUlO1xuICAgIHN2ZyB7XG4gICAgICBmaWxsOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICB9XG4gICAgJHtOYXZpZ2F0aW9uRWxlbWVudFRleHR9IHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICB9XG4gIH1cbiAgJjpmb2N1cyB7XG4gICAgc3ZnIHtcbiAgICAgIGZpbGw6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIH1cbiAgICAke05hdmlnYXRpb25FbGVtZW50VGV4dH0ge1xuICAgICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgSWNvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBzdmcge1xuICAgIGZpbGw6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIHdpZHRoOiAyMHB4O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgTmF2UHJvcHMge1xuICBuYXZFbGVtZW50cz86IHtcbiAgICBpY29uOiBSZWFjdE5vZGU7XG4gICAgdXJsOiBzdHJpbmc7XG4gICAgbmFtZTogc3RyaW5nO1xuICB9W107XG59XG5leHBvcnQgY29uc3QgVmVydGljYWxOYXZpZ2F0aW9uID0gKHsgbmF2RWxlbWVudHMgfTogTmF2UHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TmF2aWdhdGlvbldyYXBwZXI+XG4gICAgICA8TmF2aWdhdGlvbj5cbiAgICAgICAge25hdkVsZW1lbnRzPy5tYXAoKGVsZW1lbnQpID0+IHtcbiAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPE5hdmlnYXRpb25FbGVtZW50IHRvPXtlbGVtZW50LnVybH0+XG4gICAgICAgICAgICAgIDxJY29uV3JhcHBlcj57ZWxlbWVudC5pY29ufTwvSWNvbldyYXBwZXI+XG4gICAgICAgICAgICAgIDxOYXZpZ2F0aW9uRWxlbWVudFRleHQ+e2VsZW1lbnQubmFtZX08L05hdmlnYXRpb25FbGVtZW50VGV4dD5cbiAgICAgICAgICAgIDwvTmF2aWdhdGlvbkVsZW1lbnQ+XG4gICAgICAgICAgKTtcbiAgICAgICAgfSl9XG4gICAgICA8L05hdmlnYXRpb24+XG4gICAgPC9OYXZpZ2F0aW9uV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFZlcnRpY2FsTmF2aWdhdGlvbjtcbiJdfQ== */"));
37
-
38
- var IconWrapper = _styled("div", {
39
- target: "egnqy3z4",
40
- label: "IconWrapper"
41
- })("svg{fill:", colors.text.primary, ";height:20px;width:20px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZlcnRpY2FsTmF2aWdhdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEQ4QiIsImZpbGUiOiJWZXJ0aWNhbE5hdmlnYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBTYWZlTGlua0J1dHRvbiBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgeyBtcSwgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuY29uc3QgTmF2aWdhdGlvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIG1hcmdpbjogMDtcbiAgbWF4LXdpZHRoOiAyMHZ3O1xuICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlcn07XG4gIGhlaWdodDogMTAwJTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgTmF2aWdhdGlvbiA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7c3BhY2luZy5sYXJnZX07XG5gO1xuXG5jb25zdCBOYXZpZ2F0aW9uRWxlbWVudFRleHQgPSBzdHlsZWQuZGl2YFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbmA7XG5cbmNvbnN0IE5hdmlnYXRpb25FbGVtZW50ID0gc3R5bGVkKFNhZmVMaW5rQnV0dG9uKWBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAxMXB4O1xuICBoZWlnaHQ6IDMwcHg7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICAgIGJvcmRlci1yYWRpdXM6IDUlO1xuICAgIHN2ZyB7XG4gICAgICBmaWxsOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICB9XG4gICAgJHtOYXZpZ2F0aW9uRWxlbWVudFRleHR9IHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICB9XG4gIH1cbiAgJjpmb2N1cyB7XG4gICAgc3ZnIHtcbiAgICAgIGZpbGw6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIH1cbiAgICAke05hdmlnYXRpb25FbGVtZW50VGV4dH0ge1xuICAgICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgSWNvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBzdmcge1xuICAgIGZpbGw6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIHdpZHRoOiAyMHB4O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgTmF2UHJvcHMge1xuICBuYXZFbGVtZW50cz86IHtcbiAgICBpY29uOiBSZWFjdE5vZGU7XG4gICAgdXJsOiBzdHJpbmc7XG4gICAgbmFtZTogc3RyaW5nO1xuICB9W107XG59XG5leHBvcnQgY29uc3QgVmVydGljYWxOYXZpZ2F0aW9uID0gKHsgbmF2RWxlbWVudHMgfTogTmF2UHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TmF2aWdhdGlvbldyYXBwZXI+XG4gICAgICA8TmF2aWdhdGlvbj5cbiAgICAgICAge25hdkVsZW1lbnRzPy5tYXAoKGVsZW1lbnQpID0+IHtcbiAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPE5hdmlnYXRpb25FbGVtZW50IHRvPXtlbGVtZW50LnVybH0+XG4gICAgICAgICAgICAgIDxJY29uV3JhcHBlcj57ZWxlbWVudC5pY29ufTwvSWNvbldyYXBwZXI+XG4gICAgICAgICAgICAgIDxOYXZpZ2F0aW9uRWxlbWVudFRleHQ+e2VsZW1lbnQubmFtZX08L05hdmlnYXRpb25FbGVtZW50VGV4dD5cbiAgICAgICAgICAgIDwvTmF2aWdhdGlvbkVsZW1lbnQ+XG4gICAgICAgICAgKTtcbiAgICAgICAgfSl9XG4gICAgICA8L05hdmlnYXRpb24+XG4gICAgPC9OYXZpZ2F0aW9uV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFZlcnRpY2FsTmF2aWdhdGlvbjtcbiJdfQ== */"));
42
-
43
- export var VerticalNavigation = function VerticalNavigation(_ref) {
44
- var navElements = _ref.navElements;
45
- return ___EmotionJSX(NavigationWrapper, null, ___EmotionJSX(Navigation, null, navElements === null || navElements === void 0 ? void 0 : navElements.map(function (element) {
46
- return ___EmotionJSX(NavigationElement, {
47
- to: element.url
48
- }, ___EmotionJSX(IconWrapper, null, element.icon), ___EmotionJSX(NavigationElementText, null, element.name));
49
- })));
50
- };
51
- export default VerticalNavigation;
@@ -1,2 +0,0 @@
1
- import VerticalNavigation from './VerticalNavigation';
2
- export { VerticalNavigation };
@@ -1,10 +0,0 @@
1
- import { ReactNode } from 'react';
2
- interface NavProps {
3
- navElements?: {
4
- icon: ReactNode;
5
- url: string;
6
- name: string;
7
- }[];
8
- }
9
- export declare const VerticalNavigation: ({ navElements }: NavProps) => JSX.Element;
10
- export default VerticalNavigation;
@@ -1,61 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = exports.VerticalNavigation = void 0;
7
-
8
- var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
9
-
10
- var _react = _interopRequireDefault(require("react"));
11
-
12
- var _core = require("@ndla/core");
13
-
14
- var _safelink = _interopRequireDefault(require("@ndla/safelink"));
15
-
16
- var _core2 = require("@emotion/core");
17
-
18
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
19
-
20
- /*
21
- * Copyright (c) 2022-present, NDLA.
22
- *
23
- * This source code is licensed under the GPLv3 license found in the
24
- * LICENSE file in the root directory of this source tree.
25
- *
26
- */
27
- var NavigationWrapper = (0, _styledBase["default"])("div", {
28
- target: "egnqy3z0",
29
- label: "NavigationWrapper"
30
- })("display:flex;justify-content:flex-start;margin:0;max-width:20vw;border-right:1px solid ", _core.colors.brand.greyLighter, ";height:100%;", _core.mq.range({
31
- until: _core.breakpoints.tabletWide
32
- }), "{display:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZlcnRpY2FsTmF2aWdhdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY29DIiwiZmlsZSI6IlZlcnRpY2FsTmF2aWdhdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IFNhZmVMaW5rQnV0dG9uIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IG1xLCBicmVha3BvaW50cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5jb25zdCBOYXZpZ2F0aW9uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgbWFyZ2luOiAwO1xuICBtYXgtd2lkdGg6IDIwdnc7XG4gIGJvcmRlci1yaWdodDogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVyfTtcbiAgaGVpZ2h0OiAxMDAlO1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBOYXZpZ2F0aW9uID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogJHtzcGFjaW5nLmxhcmdlfTtcbmA7XG5cbmNvbnN0IE5hdmlnYXRpb25FbGVtZW50VGV4dCA9IHN0eWxlZC5kaXZgXG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuYDtcblxuY29uc3QgTmF2aWdhdGlvbkVsZW1lbnQgPSBzdHlsZWQoU2FmZUxpbmtCdXR0b24pYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6IDExcHg7XG4gIGhlaWdodDogMzBweDtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gICAgYm9yZGVyLXJhZGl1czogNSU7XG4gICAgc3ZnIHtcbiAgICAgIGZpbGw6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIH1cbiAgICAke05hdmlnYXRpb25FbGVtZW50VGV4dH0ge1xuICAgICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIH1cbiAgfVxuICAmOmZvY3VzIHtcbiAgICBzdmcge1xuICAgICAgZmlsbDogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgfVxuICAgICR7TmF2aWdhdGlvbkVsZW1lbnRUZXh0fSB7XG4gICAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBJY29uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHN2ZyB7XG4gICAgZmlsbDogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgICBoZWlnaHQ6IDIwcHg7XG4gICAgd2lkdGg6IDIwcHg7XG4gIH1cbmA7XG5cbmludGVyZmFjZSBOYXZQcm9wcyB7XG4gIG5hdkVsZW1lbnRzPzoge1xuICAgIGljb246IFJlYWN0Tm9kZTtcbiAgICB1cmw6IHN0cmluZztcbiAgICBuYW1lOiBzdHJpbmc7XG4gIH1bXTtcbn1cbmV4cG9ydCBjb25zdCBWZXJ0aWNhbE5hdmlnYXRpb24gPSAoeyBuYXZFbGVtZW50cyB9OiBOYXZQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxOYXZpZ2F0aW9uV3JhcHBlcj5cbiAgICAgIDxOYXZpZ2F0aW9uPlxuICAgICAgICB7bmF2RWxlbWVudHM/Lm1hcCgoZWxlbWVudCkgPT4ge1xuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8TmF2aWdhdGlvbkVsZW1lbnQgdG89e2VsZW1lbnQudXJsfT5cbiAgICAgICAgICAgICAgPEljb25XcmFwcGVyPntlbGVtZW50Lmljb259PC9JY29uV3JhcHBlcj5cbiAgICAgICAgICAgICAgPE5hdmlnYXRpb25FbGVtZW50VGV4dD57ZWxlbWVudC5uYW1lfTwvTmF2aWdhdGlvbkVsZW1lbnRUZXh0PlxuICAgICAgICAgICAgPC9OYXZpZ2F0aW9uRWxlbWVudD5cbiAgICAgICAgICApO1xuICAgICAgICB9KX1cbiAgICAgIDwvTmF2aWdhdGlvbj5cbiAgICA8L05hdmlnYXRpb25XcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgVmVydGljYWxOYXZpZ2F0aW9uO1xuIl19 */"));
33
- var Navigation = (0, _styledBase["default"])("div", {
34
- target: "egnqy3z1",
35
- label: "Navigation"
36
- })("padding:", _core.spacing.large, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZlcnRpY2FsTmF2aWdhdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEI2QiIsImZpbGUiOiJWZXJ0aWNhbE5hdmlnYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBTYWZlTGlua0J1dHRvbiBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgeyBtcSwgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuY29uc3QgTmF2aWdhdGlvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIG1hcmdpbjogMDtcbiAgbWF4LXdpZHRoOiAyMHZ3O1xuICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlcn07XG4gIGhlaWdodDogMTAwJTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgTmF2aWdhdGlvbiA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7c3BhY2luZy5sYXJnZX07XG5gO1xuXG5jb25zdCBOYXZpZ2F0aW9uRWxlbWVudFRleHQgPSBzdHlsZWQuZGl2YFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbmA7XG5cbmNvbnN0IE5hdmlnYXRpb25FbGVtZW50ID0gc3R5bGVkKFNhZmVMaW5rQnV0dG9uKWBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAxMXB4O1xuICBoZWlnaHQ6IDMwcHg7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICAgIGJvcmRlci1yYWRpdXM6IDUlO1xuICAgIHN2ZyB7XG4gICAgICBmaWxsOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICB9XG4gICAgJHtOYXZpZ2F0aW9uRWxlbWVudFRleHR9IHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICB9XG4gIH1cbiAgJjpmb2N1cyB7XG4gICAgc3ZnIHtcbiAgICAgIGZpbGw6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIH1cbiAgICAke05hdmlnYXRpb25FbGVtZW50VGV4dH0ge1xuICAgICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgSWNvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBzdmcge1xuICAgIGZpbGw6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIHdpZHRoOiAyMHB4O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgTmF2UHJvcHMge1xuICBuYXZFbGVtZW50cz86IHtcbiAgICBpY29uOiBSZWFjdE5vZGU7XG4gICAgdXJsOiBzdHJpbmc7XG4gICAgbmFtZTogc3RyaW5nO1xuICB9W107XG59XG5leHBvcnQgY29uc3QgVmVydGljYWxOYXZpZ2F0aW9uID0gKHsgbmF2RWxlbWVudHMgfTogTmF2UHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TmF2aWdhdGlvbldyYXBwZXI+XG4gICAgICA8TmF2aWdhdGlvbj5cbiAgICAgICAge25hdkVsZW1lbnRzPy5tYXAoKGVsZW1lbnQpID0+IHtcbiAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPE5hdmlnYXRpb25FbGVtZW50IHRvPXtlbGVtZW50LnVybH0+XG4gICAgICAgICAgICAgIDxJY29uV3JhcHBlcj57ZWxlbWVudC5pY29ufTwvSWNvbldyYXBwZXI+XG4gICAgICAgICAgICAgIDxOYXZpZ2F0aW9uRWxlbWVudFRleHQ+e2VsZW1lbnQubmFtZX08L05hdmlnYXRpb25FbGVtZW50VGV4dD5cbiAgICAgICAgICAgIDwvTmF2aWdhdGlvbkVsZW1lbnQ+XG4gICAgICAgICAgKTtcbiAgICAgICAgfSl9XG4gICAgICA8L05hdmlnYXRpb24+XG4gICAgPC9OYXZpZ2F0aW9uV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFZlcnRpY2FsTmF2aWdhdGlvbjtcbiJdfQ== */"));
37
- var NavigationElementText = (0, _styledBase["default"])("div", {
38
- target: "egnqy3z2",
39
- label: "NavigationElementText"
40
- })("color:", _core.colors.text.primary, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZlcnRpY2FsTmF2aWdhdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJ3QyIsImZpbGUiOiJWZXJ0aWNhbE5hdmlnYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBTYWZlTGlua0J1dHRvbiBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgeyBtcSwgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuY29uc3QgTmF2aWdhdGlvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIG1hcmdpbjogMDtcbiAgbWF4LXdpZHRoOiAyMHZ3O1xuICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlcn07XG4gIGhlaWdodDogMTAwJTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgTmF2aWdhdGlvbiA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7c3BhY2luZy5sYXJnZX07XG5gO1xuXG5jb25zdCBOYXZpZ2F0aW9uRWxlbWVudFRleHQgPSBzdHlsZWQuZGl2YFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbmA7XG5cbmNvbnN0IE5hdmlnYXRpb25FbGVtZW50ID0gc3R5bGVkKFNhZmVMaW5rQnV0dG9uKWBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAxMXB4O1xuICBoZWlnaHQ6IDMwcHg7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICAgIGJvcmRlci1yYWRpdXM6IDUlO1xuICAgIHN2ZyB7XG4gICAgICBmaWxsOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICB9XG4gICAgJHtOYXZpZ2F0aW9uRWxlbWVudFRleHR9IHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICB9XG4gIH1cbiAgJjpmb2N1cyB7XG4gICAgc3ZnIHtcbiAgICAgIGZpbGw6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIH1cbiAgICAke05hdmlnYXRpb25FbGVtZW50VGV4dH0ge1xuICAgICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgSWNvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBzdmcge1xuICAgIGZpbGw6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIHdpZHRoOiAyMHB4O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgTmF2UHJvcHMge1xuICBuYXZFbGVtZW50cz86IHtcbiAgICBpY29uOiBSZWFjdE5vZGU7XG4gICAgdXJsOiBzdHJpbmc7XG4gICAgbmFtZTogc3RyaW5nO1xuICB9W107XG59XG5leHBvcnQgY29uc3QgVmVydGljYWxOYXZpZ2F0aW9uID0gKHsgbmF2RWxlbWVudHMgfTogTmF2UHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TmF2aWdhdGlvbldyYXBwZXI+XG4gICAgICA8TmF2aWdhdGlvbj5cbiAgICAgICAge25hdkVsZW1lbnRzPy5tYXAoKGVsZW1lbnQpID0+IHtcbiAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPE5hdmlnYXRpb25FbGVtZW50IHRvPXtlbGVtZW50LnVybH0+XG4gICAgICAgICAgICAgIDxJY29uV3JhcHBlcj57ZWxlbWVudC5pY29ufTwvSWNvbldyYXBwZXI+XG4gICAgICAgICAgICAgIDxOYXZpZ2F0aW9uRWxlbWVudFRleHQ+e2VsZW1lbnQubmFtZX08L05hdmlnYXRpb25FbGVtZW50VGV4dD5cbiAgICAgICAgICAgIDwvTmF2aWdhdGlvbkVsZW1lbnQ+XG4gICAgICAgICAgKTtcbiAgICAgICAgfSl9XG4gICAgICA8L05hdmlnYXRpb24+XG4gICAgPC9OYXZpZ2F0aW9uV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFZlcnRpY2FsTmF2aWdhdGlvbjtcbiJdfQ== */"));
41
- var NavigationElement = ( /*#__PURE__*/0, _styledBase["default"])(_safelink["default"], {
42
- target: "egnqy3z3",
43
- label: "NavigationElement"
44
- })("display:flex;align-items:center;gap:11px;height:30px;box-shadow:none;&:hover{background-color:", _core.colors.brand.lighter, ";border-radius:5%;svg{fill:", _core.colors.brand.primary, ";}", NavigationElementText, "{color:", _core.colors.brand.primary, ";}}&:focus{svg{fill:", _core.colors.brand.primary, ";}", NavigationElementText, "{color:", _core.colors.brand.primary, ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZlcnRpY2FsTmF2aWdhdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0NnRCIsImZpbGUiOiJWZXJ0aWNhbE5hdmlnYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBTYWZlTGlua0J1dHRvbiBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgeyBtcSwgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuY29uc3QgTmF2aWdhdGlvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIG1hcmdpbjogMDtcbiAgbWF4LXdpZHRoOiAyMHZ3O1xuICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlcn07XG4gIGhlaWdodDogMTAwJTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgTmF2aWdhdGlvbiA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7c3BhY2luZy5sYXJnZX07XG5gO1xuXG5jb25zdCBOYXZpZ2F0aW9uRWxlbWVudFRleHQgPSBzdHlsZWQuZGl2YFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbmA7XG5cbmNvbnN0IE5hdmlnYXRpb25FbGVtZW50ID0gc3R5bGVkKFNhZmVMaW5rQnV0dG9uKWBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAxMXB4O1xuICBoZWlnaHQ6IDMwcHg7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICAgIGJvcmRlci1yYWRpdXM6IDUlO1xuICAgIHN2ZyB7XG4gICAgICBmaWxsOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICB9XG4gICAgJHtOYXZpZ2F0aW9uRWxlbWVudFRleHR9IHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICB9XG4gIH1cbiAgJjpmb2N1cyB7XG4gICAgc3ZnIHtcbiAgICAgIGZpbGw6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIH1cbiAgICAke05hdmlnYXRpb25FbGVtZW50VGV4dH0ge1xuICAgICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgSWNvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBzdmcge1xuICAgIGZpbGw6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIHdpZHRoOiAyMHB4O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgTmF2UHJvcHMge1xuICBuYXZFbGVtZW50cz86IHtcbiAgICBpY29uOiBSZWFjdE5vZGU7XG4gICAgdXJsOiBzdHJpbmc7XG4gICAgbmFtZTogc3RyaW5nO1xuICB9W107XG59XG5leHBvcnQgY29uc3QgVmVydGljYWxOYXZpZ2F0aW9uID0gKHsgbmF2RWxlbWVudHMgfTogTmF2UHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TmF2aWdhdGlvbldyYXBwZXI+XG4gICAgICA8TmF2aWdhdGlvbj5cbiAgICAgICAge25hdkVsZW1lbnRzPy5tYXAoKGVsZW1lbnQpID0+IHtcbiAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPE5hdmlnYXRpb25FbGVtZW50IHRvPXtlbGVtZW50LnVybH0+XG4gICAgICAgICAgICAgIDxJY29uV3JhcHBlcj57ZWxlbWVudC5pY29ufTwvSWNvbldyYXBwZXI+XG4gICAgICAgICAgICAgIDxOYXZpZ2F0aW9uRWxlbWVudFRleHQ+e2VsZW1lbnQubmFtZX08L05hdmlnYXRpb25FbGVtZW50VGV4dD5cbiAgICAgICAgICAgIDwvTmF2aWdhdGlvbkVsZW1lbnQ+XG4gICAgICAgICAgKTtcbiAgICAgICAgfSl9XG4gICAgICA8L05hdmlnYXRpb24+XG4gICAgPC9OYXZpZ2F0aW9uV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFZlcnRpY2FsTmF2aWdhdGlvbjtcbiJdfQ== */"));
45
- var IconWrapper = (0, _styledBase["default"])("div", {
46
- target: "egnqy3z4",
47
- label: "IconWrapper"
48
- })("svg{fill:", _core.colors.text.primary, ";height:20px;width:20px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZlcnRpY2FsTmF2aWdhdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEQ4QiIsImZpbGUiOiJWZXJ0aWNhbE5hdmlnYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBTYWZlTGlua0J1dHRvbiBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgeyBtcSwgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuY29uc3QgTmF2aWdhdGlvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIG1hcmdpbjogMDtcbiAgbWF4LXdpZHRoOiAyMHZ3O1xuICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlcn07XG4gIGhlaWdodDogMTAwJTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgTmF2aWdhdGlvbiA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7c3BhY2luZy5sYXJnZX07XG5gO1xuXG5jb25zdCBOYXZpZ2F0aW9uRWxlbWVudFRleHQgPSBzdHlsZWQuZGl2YFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbmA7XG5cbmNvbnN0IE5hdmlnYXRpb25FbGVtZW50ID0gc3R5bGVkKFNhZmVMaW5rQnV0dG9uKWBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAxMXB4O1xuICBoZWlnaHQ6IDMwcHg7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICAgIGJvcmRlci1yYWRpdXM6IDUlO1xuICAgIHN2ZyB7XG4gICAgICBmaWxsOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICB9XG4gICAgJHtOYXZpZ2F0aW9uRWxlbWVudFRleHR9IHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICB9XG4gIH1cbiAgJjpmb2N1cyB7XG4gICAgc3ZnIHtcbiAgICAgIGZpbGw6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIH1cbiAgICAke05hdmlnYXRpb25FbGVtZW50VGV4dH0ge1xuICAgICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgSWNvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBzdmcge1xuICAgIGZpbGw6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIHdpZHRoOiAyMHB4O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgTmF2UHJvcHMge1xuICBuYXZFbGVtZW50cz86IHtcbiAgICBpY29uOiBSZWFjdE5vZGU7XG4gICAgdXJsOiBzdHJpbmc7XG4gICAgbmFtZTogc3RyaW5nO1xuICB9W107XG59XG5leHBvcnQgY29uc3QgVmVydGljYWxOYXZpZ2F0aW9uID0gKHsgbmF2RWxlbWVudHMgfTogTmF2UHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TmF2aWdhdGlvbldyYXBwZXI+XG4gICAgICA8TmF2aWdhdGlvbj5cbiAgICAgICAge25hdkVsZW1lbnRzPy5tYXAoKGVsZW1lbnQpID0+IHtcbiAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPE5hdmlnYXRpb25FbGVtZW50IHRvPXtlbGVtZW50LnVybH0+XG4gICAgICAgICAgICAgIDxJY29uV3JhcHBlcj57ZWxlbWVudC5pY29ufTwvSWNvbldyYXBwZXI+XG4gICAgICAgICAgICAgIDxOYXZpZ2F0aW9uRWxlbWVudFRleHQ+e2VsZW1lbnQubmFtZX08L05hdmlnYXRpb25FbGVtZW50VGV4dD5cbiAgICAgICAgICAgIDwvTmF2aWdhdGlvbkVsZW1lbnQ+XG4gICAgICAgICAgKTtcbiAgICAgICAgfSl9XG4gICAgICA8L05hdmlnYXRpb24+XG4gICAgPC9OYXZpZ2F0aW9uV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFZlcnRpY2FsTmF2aWdhdGlvbjtcbiJdfQ== */"));
49
-
50
- var VerticalNavigation = function VerticalNavigation(_ref) {
51
- var navElements = _ref.navElements;
52
- return (0, _core2.jsx)(NavigationWrapper, null, (0, _core2.jsx)(Navigation, null, navElements === null || navElements === void 0 ? void 0 : navElements.map(function (element) {
53
- return (0, _core2.jsx)(NavigationElement, {
54
- to: element.url
55
- }, (0, _core2.jsx)(IconWrapper, null, element.icon), (0, _core2.jsx)(NavigationElementText, null, element.name));
56
- })));
57
- };
58
-
59
- exports.VerticalNavigation = VerticalNavigation;
60
- var _default = VerticalNavigation;
61
- exports["default"] = _default;
@@ -1,2 +0,0 @@
1
- import VerticalNavigation from './VerticalNavigation';
2
- export { VerticalNavigation };
@@ -1,15 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "VerticalNavigation", {
7
- enumerable: true,
8
- get: function get() {
9
- return _VerticalNavigation["default"];
10
- }
11
- });
12
-
13
- var _VerticalNavigation = _interopRequireDefault(require("./VerticalNavigation"));
14
-
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -1,93 +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 React, { ReactNode } from 'react';
10
- import styled from '@emotion/styled';
11
- import { colors, spacing } from '@ndla/core';
12
- import SafeLinkButton from '@ndla/safelink';
13
- import { mq, breakpoints } from '@ndla/core';
14
-
15
- const NavigationWrapper = styled.div`
16
- display: flex;
17
- justify-content: flex-start;
18
- margin: 0;
19
- max-width: 20vw;
20
- border-right: 1px solid ${colors.brand.greyLighter};
21
- height: 100%;
22
- ${mq.range({ until: breakpoints.tabletWide })} {
23
- display: none;
24
- }
25
- `;
26
-
27
- const Navigation = styled.div`
28
- padding: ${spacing.large};
29
- `;
30
-
31
- const NavigationElementText = styled.div`
32
- color: ${colors.text.primary};
33
- `;
34
-
35
- const NavigationElement = styled(SafeLinkButton)`
36
- display: flex;
37
- align-items: center;
38
- gap: 11px;
39
- height: 30px;
40
- box-shadow: none;
41
- &:hover {
42
- background-color: ${colors.brand.lighter};
43
- border-radius: 5%;
44
- svg {
45
- fill: ${colors.brand.primary};
46
- }
47
- ${NavigationElementText} {
48
- color: ${colors.brand.primary};
49
- }
50
- }
51
- &:focus {
52
- svg {
53
- fill: ${colors.brand.primary};
54
- }
55
- ${NavigationElementText} {
56
- color: ${colors.brand.primary};
57
- }
58
- }
59
- `;
60
-
61
- const IconWrapper = styled.div`
62
- svg {
63
- fill: ${colors.text.primary};
64
- height: 20px;
65
- width: 20px;
66
- }
67
- `;
68
-
69
- interface NavProps {
70
- navElements?: {
71
- icon: ReactNode;
72
- url: string;
73
- name: string;
74
- }[];
75
- }
76
- export const VerticalNavigation = ({ navElements }: NavProps) => {
77
- return (
78
- <NavigationWrapper>
79
- <Navigation>
80
- {navElements?.map((element) => {
81
- return (
82
- <NavigationElement to={element.url}>
83
- <IconWrapper>{element.icon}</IconWrapper>
84
- <NavigationElementText>{element.name}</NavigationElementText>
85
- </NavigationElement>
86
- );
87
- })}
88
- </Navigation>
89
- </NavigationWrapper>
90
- );
91
- };
92
-
93
- export default VerticalNavigation;
@@ -1,2 +0,0 @@
1
- import VerticalNavigation from './VerticalNavigation';
2
- export { VerticalNavigation };