@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.
- package/es/Article/ArticleFavoritesButton.js +4 -3
- package/es/Masthead/MastheadAuthModal.js +8 -3
- package/es/MyNdla/Resource/Folder.js +11 -10
- package/es/MyNdla/index.js +1 -2
- package/es/Resource/BlockResource.js +14 -8
- package/es/Resource/ListResource.js +15 -9
- package/es/Resource/resourceComponents.js +12 -11
- package/es/TagSelector/SuggestionInput.js +111 -56
- package/es/TagSelector/Suggestions.js +19 -15
- package/es/TagSelector/TagSelector.js +8 -7
- package/es/TreeStructure/FolderItem.js +5 -5
- package/es/TreeStructure/FolderItems.js +8 -7
- package/es/TreeStructure/TreeStructure.js +65 -80
- package/es/TreeStructure/keyboardNavigation/keyboardNavigation.js +23 -11
- package/es/index.js +1 -1
- package/es/locale/messages-en.js +10 -1
- package/es/locale/messages-nb.js +11 -2
- package/es/locale/messages-nn.js +12 -3
- package/es/locale/messages-se.js +11 -2
- package/es/locale/messages-sma.js +11 -2
- package/lib/Article/ArticleFavoritesButton.js +4 -3
- package/lib/Masthead/MastheadAuthModal.js +14 -7
- package/lib/MyNdla/Resource/Folder.d.ts +4 -3
- package/lib/MyNdla/Resource/Folder.js +11 -10
- package/lib/MyNdla/index.d.ts +1 -2
- package/lib/MyNdla/index.js +0 -8
- package/lib/Resource/BlockResource.d.ts +4 -3
- package/lib/Resource/BlockResource.js +14 -7
- package/lib/Resource/ListResource.d.ts +4 -3
- package/lib/Resource/ListResource.js +15 -8
- package/lib/Resource/resourceComponents.d.ts +4 -1
- package/lib/Resource/resourceComponents.js +14 -13
- package/lib/TagSelector/SuggestionInput.js +111 -57
- package/lib/TagSelector/Suggestions.js +26 -23
- package/lib/TagSelector/TagSelector.js +8 -7
- package/lib/TreeStructure/FolderItem.js +5 -5
- package/lib/TreeStructure/FolderItems.d.ts +1 -1
- package/lib/TreeStructure/FolderItems.js +8 -8
- package/lib/TreeStructure/TreeStructure.d.ts +6 -1
- package/lib/TreeStructure/TreeStructure.js +66 -80
- package/lib/TreeStructure/TreeStructure.types.d.ts +5 -3
- package/lib/TreeStructure/keyboardNavigation/keyboardNavigation.js +23 -11
- package/lib/TreeStructure/keyboardNavigation/keyboardNavigation.types.d.ts +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +0 -7
- package/lib/locale/messages-en.d.ts +9 -0
- package/lib/locale/messages-en.js +10 -1
- package/lib/locale/messages-nb.d.ts +9 -0
- package/lib/locale/messages-nb.js +11 -2
- package/lib/locale/messages-nn.d.ts +9 -0
- package/lib/locale/messages-nn.js +12 -3
- package/lib/locale/messages-se.d.ts +9 -0
- package/lib/locale/messages-se.js +11 -2
- package/lib/locale/messages-sma.d.ts +9 -0
- package/lib/locale/messages-sma.js +11 -2
- package/package.json +5 -5
- package/src/Article/ArticleFavoritesButton.tsx +4 -3
- package/src/Masthead/MastheadAuthModal.tsx +9 -0
- package/src/MyNdla/Resource/Folder.tsx +7 -7
- package/src/MyNdla/index.ts +1 -2
- package/src/Resource/BlockResource.tsx +7 -6
- package/src/Resource/ListResource.tsx +8 -7
- package/src/Resource/resourceComponents.tsx +8 -1
- package/src/TagSelector/SuggestionInput.tsx +90 -24
- package/src/TagSelector/Suggestions.tsx +14 -0
- package/src/TagSelector/TagSelector.tsx +6 -4
- package/src/TreeStructure/FolderItem.tsx +5 -2
- package/src/TreeStructure/FolderItems.tsx +4 -3
- package/src/TreeStructure/TreeStructure.tsx +54 -42
- package/src/TreeStructure/TreeStructure.types.ts +5 -3
- package/src/TreeStructure/keyboardNavigation/keyboardNavigation.ts +7 -7
- package/src/TreeStructure/keyboardNavigation/keyboardNavigation.types.ts +1 -1
- package/src/index.ts +1 -1
- package/src/locale/messages-en.ts +11 -1
- package/src/locale/messages-nb.ts +11 -2
- package/src/locale/messages-nn.ts +12 -3
- package/src/locale/messages-se.ts +11 -2
- package/src/locale/messages-sma.ts +11 -2
- package/es/MyNdla/Navigation/VerticalNavigation.js +0 -51
- package/es/MyNdla/Navigation/index.js +0 -2
- package/lib/MyNdla/Navigation/VerticalNavigation.d.ts +0 -10
- package/lib/MyNdla/Navigation/VerticalNavigation.js +0 -61
- package/lib/MyNdla/Navigation/index.d.ts +0 -2
- package/lib/MyNdla/Navigation/index.js +0 -15
- package/src/MyNdla/Navigation/VerticalNavigation.tsx +0 -93
- 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
|
|
25
|
+
placeholder: 'Skriv namn på mappe',
|
|
21
26
|
defaultName: 'Ny mappe',
|
|
22
27
|
},
|
|
23
28
|
},
|
|
24
29
|
tagSelector: {
|
|
25
|
-
|
|
26
|
-
|
|
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
|
-
|
|
26
|
-
|
|
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
|
-
|
|
26
|
-
|
|
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,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,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;
|