@ndla/ui 50.9.4 → 50.9.6

package/lib/locale/messages-en.d.ts

@@ -1044,6 +1044,24 @@ declare const messages: {
                 title: string;
                 description: string;
                 administrate: string;
+                category: {
+                    deleteSnack: string;
+                    notVisible: string;
+                    edit: string;
+                    startEditing: string;
+                    stopEditing: string;
+                    form: {
+                        formTitle: string;
+                        newCategory: string;
+                        editCategory: string;
+                        title: string;
+                        description: string;
+                        visible: string;
+                        deleteText: string;
+                        modalTitle: string;
+                        modalDescription: string;
+                    };
+                };
                 users: {
                     title: string;
                     description: string;
@@ -1055,6 +1073,7 @@ declare const messages: {
                     isAdmin: string;
                     selectAdministrator: string;
                     enableArena: string;
+                    noUsers: string;
                 };
                 flags: {
                     title: string;
@@ -1069,6 +1088,8 @@ declare const messages: {
                     numFlags: string;
                     latestFlag: string;
                     noflags: string;
+                    solvedFor: string;
+                    goToTopic: string;
                     status: {
                         title: string;
                         resolved: string;
@@ -1227,6 +1248,15 @@ declare const messages: {
             onDragCancel: string;
             dragHandle: string;
         };
+        category: {
+            onDragStart: string;
+            onDragOver: string;
+            onDragOverMissingOver: string;
+            onDragEnd: string;
+            onDragEndMissingOver: string;
+            onDragCancel: string;
+            dragHandle: string;
+        };
         favoriteSubjects: {
             title: string;
             subjects: string;

package/lib/locale/messages-en.js

@@ -1063,6 +1063,24 @@ const messages = {
         title: "Arena administrator",
         description: "Tools to moderate and administer the arena.",
         administrate: "Administrate",
+        category: {
+          deleteSnack: "The category has been deleted.",
+          notVisible: "The category is not visible",
+          edit: "Edit category",
+          startEditing: "Edit categories",
+          stopEditing: "Stop editing",
+          form: {
+            formTitle: "Category",
+            newCategory: "New category",
+            editCategory: "Edit category",
+            title: "Title",
+            description: "Description",
+            visible: "Visibility",
+            deleteText: "Delete category",
+            modalTitle: "Delete category",
+            modalDescription: "Are you sure you would like to delete the category, including all content? This is irreversible and cannot be undone."
+          }
+        },
         users: {
           title: "Users",
           description: "List of all users of the arena. Select a user to moderate them.",
@@ -1073,7 +1091,8 @@ const messages = {
           location: "Location",
           isAdmin: "Administrator",
           selectAdministrator: "Make {{user}} a administrator.",
-          enableArena: "Give {{user}} access to the arena."
+          enableArena: "Give {{user}} access to the arena.",
+          noUsers: "No users found."
         },
         flags: {
           title: "Flag",
@@ -1088,6 +1107,8 @@ const messages = {
           numFlags: "Number of flags",
           latestFlag: "Last flag",
           noflags: "No flagged posts found",
+          solvedFor: "Solved",
+          goToTopic: "Go to topic",
           status: {
             title: "Status",
             resolved: "Resolved",
@@ -1246,6 +1267,15 @@ const messages = {
       onDragCancel: "Dragging was cancelled. The resource {{name}} was dropped",
       dragHandle: "Drag the resource {{name}}"
     },
+    category: {
+      onDragStart: "Picked up the category {{name}}. The category is in position {{index}} of {{length}}",
+      onDragOver: "The category {{name}} was moved into position {{index}} of {{length}}",
+      onDragOverMissingOver: "The category {{name}} is no longer over a droppable area",
+      onDragEnd: "The category {{name}} was dropped at position {{index}} og {{length}}",
+      onDragEndMissingOver: "The category {{name}} was dropped",
+      onDragCancel: "Dragging was cancelled. The category {{name}} was dropped",
+      dragHandle: "Drag the category {{name}}"
+    },
     favoriteSubjects: {
       title: "My favorite subjects",
       subjects: "{{count}} subject",

package/lib/locale/messages-nb.d.ts

@@ -1044,6 +1044,24 @@ declare const messages: {
                 title: string;
                 description: string;
                 administrate: string;
+                category: {
+                    deleteSnack: string;
+                    notVisible: string;
+                    edit: string;
+                    startEditing: string;
+                    stopEditing: string;
+                    form: {
+                        formTitle: string;
+                        newCategory: string;
+                        editCategory: string;
+                        title: string;
+                        description: string;
+                        visible: string;
+                        deleteText: string;
+                        modalTitle: string;
+                        modalDescription: string;
+                    };
+                };
                 users: {
                     title: string;
                     description: string;
@@ -1055,6 +1073,7 @@ declare const messages: {
                     isAdmin: string;
                     selectAdministrator: string;
                     enableArena: string;
+                    noUsers: string;
                 };
                 flags: {
                     title: string;
@@ -1069,6 +1088,8 @@ declare const messages: {
                     numFlags: string;
                     latestFlag: string;
                     noflags: string;
+                    solvedFor: string;
+                    goToTopic: string;
                     status: {
                         title: string;
                         resolved: string;
@@ -1227,6 +1248,15 @@ declare const messages: {
             onDragCancel: string;
             dragHandle: string;
         };
+        category: {
+            onDragStart: string;
+            onDragOver: string;
+            onDragOverMissingOver: string;
+            onDragEnd: string;
+            onDragEndMissingOver: string;
+            onDragCancel: string;
+            dragHandle: string;
+        };
         favoriteSubjects: {
             title: string;
             subjects: string;

package/lib/locale/messages-nb.js

@@ -1063,6 +1063,24 @@ const messages = {
         title: "Arena administrator",
         description: "Verktøy for å moderere og administrere arenaen.",
         administrate: "Administrer",
+        category: {
+          deleteSnack: "Kategorien har blitt slettet.",
+          notVisible: "Kategorien er ikke synlig",
+          edit: "Rediger kategori",
+          startEditing: "Rediger kategorier",
+          stopEditing: "Avslutt redigering",
+          form: {
+            formTitle: "Kategori",
+            newCategory: "Ny kategori",
+            editCategory: "Rediger kategori",
+            title: "Tittel",
+            description: "Beskrivelse",
+            visible: "Synlighet",
+            deleteText: "Slett kategori",
+            modalTitle: "Slett kategori",
+            modalDescription: "Er du sikker på at du vil slette kategorien, med alt innhold? Dette er irreversibelt og kan ikke angres."
+          }
+        },
         users: {
           title: "Brukere",
           description: "Liste over alle brukere av arena. Trykk på brukere for å moderere de.",
@@ -1073,7 +1091,8 @@ const messages = {
           location: "Lokasjon",
           isAdmin: "Administrator",
           selectAdministrator: 'Gjør "{{user}}" til administrator.',
-          enableArena: 'Gi "{{user}}" tilgang til arena.'
+          enableArena: 'Gi "{{user}}" tilgang til arena.',
+          noUsers: "Ingen brukere funnet."
         },
         flags: {
           title: "Flagg",
@@ -1088,6 +1107,8 @@ const messages = {
           numFlags: "Antall flagg",
           latestFlag: "Siste flagging",
           noflags: "Ingen flaggede poster funnet",
+          solvedFor: "Løst for",
+          goToTopic: "Gå til tråd",
           status: {
             title: "Status",
             resolved: "Løst",
@@ -1246,6 +1267,15 @@ const messages = {
       onDragCancel: "Flytting avbrutt. Ressursen {{name}} ble sluppet",
       dragHandle: "Sorter ressursen {{name}}"
     },
+    category: {
+      onDragStart: "Plukket opp kategorien {{name}}. Kategorien er på posisjon {{index}} av {{length}}",
+      onDragOver: "Kategorien {{name}} ble flyttet til posisjon {{index}} av {{length}}",
+      onDragOverMissingOver: "Kategorien {{name}} er ikke lenger over et slippbart område",
+      onDragEnd: "Kategorien {{name}} ble sluppet på posisjon {{index}} av {{length}}",
+      onDragEndMissingOver: "Kategorien {{name}} ble sluppet",
+      onDragCancel: "Flytting avbrutt. Kategorien {{name}} ble sluppet",
+      dragHandle: "Sorter kategorien {{name}}"
+    },
     favoriteSubjects: {
       title: "Mine favorittfag",
       subjects: "{{count}} fag",

package/lib/locale/messages-nn.d.ts

@@ -1044,6 +1044,24 @@ declare const messages: {
                 title: string;
                 description: string;
                 administrate: string;
+                category: {
+                    deleteSnack: string;
+                    notVisible: string;
+                    edit: string;
+                    startEditing: string;
+                    stopEditing: string;
+                    form: {
+                        formTitle: string;
+                        newCategory: string;
+                        editCategory: string;
+                        title: string;
+                        description: string;
+                        visible: string;
+                        deleteText: string;
+                        modalTitle: string;
+                        modalDescription: string;
+                    };
+                };
                 users: {
                     title: string;
                     description: string;
@@ -1055,6 +1073,7 @@ declare const messages: {
                     isAdmin: string;
                     selectAdministrator: string;
                     enableArena: string;
+                    noUsers: string;
                 };
                 flags: {
                     title: string;
@@ -1069,6 +1088,8 @@ declare const messages: {
                     numFlags: string;
                     latestFlag: string;
                     noflags: string;
+                    solvedFor: string;
+                    goToTopic: string;
                     status: {
                         title: string;
                         resolved: string;
@@ -1227,6 +1248,15 @@ declare const messages: {
             onDragCancel: string;
             dragHandle: string;
         };
+        category: {
+            onDragStart: string;
+            onDragOver: string;
+            onDragOverMissingOver: string;
+            onDragEnd: string;
+            onDragEndMissingOver: string;
+            onDragCancel: string;
+            dragHandle: string;
+        };
         favoriteSubjects: {
             title: string;
             subjects: string;

package/lib/locale/messages-nn.js

@@ -1063,6 +1063,24 @@ const messages = {
         title: "Arena administrator",
         description: "Verktøy for å moderere og administrere arenaen.",
         administrate: "Administrer",
+        category: {
+          deleteSnack: "Kategorien har vorte sletta.",
+          notVisible: "Kategorien er ikkje synleg",
+          edit: "Rediger kategori",
+          startEditing: "Rediger kategoriar",
+          stopEditing: "Avslutt redigering",
+          form: {
+            formTitle: "Kategori",
+            newCategory: "Ny kategori",
+            editCategory: "Rediger kategori",
+            title: "Tittel",
+            description: "Beskriving",
+            visible: "Synlighet",
+            deleteText: "Slett kategori",
+            modalTitle: "Slett kategori",
+            modalDescription: "Er du sikker på at du vil sletta kategorien, med alt innhald? Dette er irreversibelt og kan ikkje angrast."
+          }
+        },
         users: {
           title: "Brukarar",
           description: "Liste over alle brukarar av arena. Trykk på brukarar for å moderere dei.",
@@ -1073,7 +1091,8 @@ const messages = {
           location: "Lokasjon",
           isAdmin: "Administrator",
           selectAdministrator: 'Gjør "{{user}}" til administrator.',
-          enableArena: 'Gi "{{user}}" tilgang til arena.'
+          enableArena: 'Gi "{{user}}" tilgang til arena.',
+          noUsers: "Ingen brukarar funne."
         },
         flags: {
           title: "Flagg",
@@ -1088,6 +1107,8 @@ const messages = {
           numFlags: "Antal flagg",
           latestFlag: "Siste flagging",
           noflags: "Ingen flagga postar funne",
+          solvedFor: "Løyst for",
+          goToTopic: "Gå til tråd",
           status: {
             title: "Status",
             resolved: "Løyst",
@@ -1246,6 +1267,15 @@ const messages = {
       onDragCancel: "Flytting avbrutt. Ressursen {{name}} blei sleppt",
       dragHandle: "Sorter ressursen {{name}}"
     },
+    category: {
+      onDragStart: "Plukka opp kategorien {{name}}. Kategorien er på posisjon {{index}} av {{length}}",
+      onDragOver: "Kategorien {{name}} vart flytta til posisjon {{index}} av {{length}}",
+      onDragOverMissingOver: "Kategorien {{name}} er ikkje lenger over eit slippbart område",
+      onDragEnd: "Kategorien {{name}} vart sleppt på posisjon {{index}} av {{length}}",
+      onDragEndMissingOver: "Kategorien {{name}} vart sleppt",
+      onDragCancel: "Flytting avbrote. Kategorien {{name}} vart sleppt",
+      dragHandle: "Sorter kategorien {{name}}"
+    },
     favoriteSubjects: {
       title: "Mine favorittfag",
       subjects: "{{count}} fag",

package/lib/locale/messages-se.d.ts

@@ -1044,6 +1044,24 @@ declare const messages: {
                 title: string;
                 description: string;
                 administrate: string;
+                category: {
+                    deleteSnack: string;
+                    notVisible: string;
+                    edit: string;
+                    startEditing: string;
+                    stopEditing: string;
+                    form: {
+                        formTitle: string;
+                        newCategory: string;
+                        editCategory: string;
+                        title: string;
+                        description: string;
+                        visible: string;
+                        deleteText: string;
+                        modalTitle: string;
+                        modalDescription: string;
+                    };
+                };
                 users: {
                     title: string;
                     description: string;
@@ -1055,6 +1073,7 @@ declare const messages: {
                     isAdmin: string;
                     selectAdministrator: string;
                     enableArena: string;
+                    noUsers: string;
                 };
                 flags: {
                     title: string;
@@ -1069,6 +1088,8 @@ declare const messages: {
                     numFlags: string;
                     latestFlag: string;
                     noflags: string;
+                    solvedFor: string;
+                    goToTopic: string;
                     status: {
                         title: string;
                         resolved: string;
@@ -1227,6 +1248,15 @@ declare const messages: {
             onDragCancel: string;
             dragHandle: string;
         };
+        category: {
+            onDragStart: string;
+            onDragOver: string;
+            onDragOverMissingOver: string;
+            onDragEnd: string;
+            onDragEndMissingOver: string;
+            onDragCancel: string;
+            dragHandle: string;
+        };
         favoriteSubjects: {
             title: string;
             subjects: string;

package/lib/locale/messages-se.js

@@ -1063,6 +1063,24 @@ const messages = {
         title: "Arena administrator",
         description: "Verktøy for å moderere og administrere arenaen.",
         administrate: "Administrer",
+        category: {
+          deleteSnack: "Kategorien har blitt slettet.",
+          notVisible: "Kategorien er ikke synlig",
+          edit: "Rediger kategori",
+          startEditing: "Rediger kategorier",
+          stopEditing: "Avslutt redigering",
+          form: {
+            formTitle: "Kategori",
+            newCategory: "Ny kategori",
+            editCategory: "Rediger kategori",
+            title: "Tittel",
+            description: "Beskrivelse",
+            visible: "Synlighet",
+            deleteText: "Slett kategori",
+            modalTitle: "Slett kategori",
+            modalDescription: "Er du sikker på at du vil slette kategorien, med alt innhold? Dette er irreversibelt og kan ikke angres."
+          }
+        },
         users: {
           title: "Brukere",
           description: "Liste over alle brukere av arena. Trykk på brukere for å moderere de.",
@@ -1073,7 +1091,8 @@ const messages = {
           location: "Lokasjon",
           isAdmin: "Administrator",
           selectAdministrator: 'Gjør "{{user}}" til administrator.',
-          enableArena: 'Gi "{{user}}" tilgang til arena.'
+          enableArena: 'Gi "{{user}}" tilgang til arena.',
+          noUsers: "Ingen brukere funnet."
         },
         flags: {
           title: "Flagg",
@@ -1088,6 +1107,8 @@ const messages = {
           numFlags: "Antall flagg",
           latestFlag: "Siste flagging",
           noflags: "Ingen flaggede poster funnet",
+          solvedFor: "Løst for",
+          goToTopic: "Gå til tråd",
           status: {
             title: "Status",
             resolved: "Løst",
@@ -1246,6 +1267,15 @@ const messages = {
       onDragCancel: "Flytting avbrutt. Ressursen {{name}} ble sluppet",
       dragHandle: "Sorter ressursen {{name}}"
     },
+    category: {
+      onDragStart: "Plukket opp kategorien {{name}}. Kategorien er på posisjon {{index}} av {{length}}",
+      onDragOver: "Kategorien {{name}} ble flyttet til posisjon {{index}} av {{length}}",
+      onDragOverMissingOver: "Kategorien {{name}} er ikke lenger over et slippbart område",
+      onDragEnd: "Kategorien {{name}} ble sluppet på posisjon {{index}} av {{length}}",
+      onDragEndMissingOver: "Kategorien {{name}} ble sluppet",
+      onDragCancel: "Flytting avbrutt. Kategorien {{name}} ble sluppet",
+      dragHandle: "Sorter kategorien {{name}}"
+    },
     favoriteSubjects: {
       title: "Mine favorittfag",
       subjects: "{{count}} fag",

package/lib/locale/messages-sma.d.ts

@@ -1044,6 +1044,24 @@ declare const messages: {
                 title: string;
                 description: string;
                 administrate: string;
+                category: {
+                    deleteSnack: string;
+                    notVisible: string;
+                    edit: string;
+                    startEditing: string;
+                    stopEditing: string;
+                    form: {
+                        formTitle: string;
+                        newCategory: string;
+                        editCategory: string;
+                        title: string;
+                        description: string;
+                        visible: string;
+                        deleteText: string;
+                        modalTitle: string;
+                        modalDescription: string;
+                    };
+                };
                 users: {
                     title: string;
                     description: string;
@@ -1055,6 +1073,7 @@ declare const messages: {
                     isAdmin: string;
                     selectAdministrator: string;
                     enableArena: string;
+                    noUsers: string;
                 };
                 flags: {
                     title: string;
@@ -1069,6 +1088,8 @@ declare const messages: {
                     numFlags: string;
                     latestFlag: string;
                     noflags: string;
+                    solvedFor: string;
+                    goToTopic: string;
                     status: {
                         title: string;
                         resolved: string;
@@ -1227,6 +1248,15 @@ declare const messages: {
             onDragCancel: string;
             dragHandle: string;
         };
+        category: {
+            onDragStart: string;
+            onDragOver: string;
+            onDragOverMissingOver: string;
+            onDragEnd: string;
+            onDragEndMissingOver: string;
+            onDragCancel: string;
+            dragHandle: string;
+        };
         favoriteSubjects: {
             title: string;
             subjects: string;

package/lib/locale/messages-sma.js

@@ -1063,6 +1063,24 @@ const messages = {
         title: "Arena administrator",
         description: "Verktøy for å moderere og administrere arenaen.",
         administrate: "Administrer",
+        category: {
+          deleteSnack: "Kategorien har blitt slettet.",
+          notVisible: "Kategorien er ikke synlig",
+          edit: "Rediger kategori",
+          startEditing: "Rediger kategorier",
+          stopEditing: "Avslutt redigering",
+          form: {
+            formTitle: "Kategori",
+            newCategory: "Ny kategori",
+            editCategory: "Rediger kategori",
+            title: "Tittel",
+            description: "Beskrivelse",
+            visible: "Synlighet",
+            deleteText: "Slett kategori",
+            modalTitle: "Slett kategori",
+            modalDescription: "Er du sikker på at du vil slette kategorien, med alt innhold? Dette er irreversibelt og kan ikke angres."
+          }
+        },
         users: {
           title: "Brukere",
           description: "Liste over alle brukere av arena. Trykk på brukere for å moderere de.",
@@ -1073,7 +1091,8 @@ const messages = {
           location: "Lokasjon",
           isAdmin: "Administrator",
           selectAdministrator: 'Gjør "{{user}}" til administrator.',
-          enableArena: 'Gi "{{user}}" tilgang til arena.'
+          enableArena: 'Gi "{{user}}" tilgang til arena.',
+          noUsers: "Ingen brukere funnet."
         },
         flags: {
           title: "Flagg",
@@ -1088,6 +1107,8 @@ const messages = {
           numFlags: "Antall flagg",
           latestFlag: "Siste flagging",
           noflags: "Ingen flaggede poster funnet",
+          solvedFor: "Løst for",
+          goToTopic: "Gå til tråd",
           status: {
             title: "Status",
             resolved: "Løst",
@@ -1246,6 +1267,15 @@ const messages = {
       onDragCancel: "Flytting avbrutt. Ressursen {{name}} ble sluppet",
       dragHandle: "Sorter ressursen {{name}}"
     },
+    category: {
+      onDragStart: "Plukket opp kategorien {{name}}. Kategorien er på posisjon {{index}} av {{length}}",
+      onDragOver: "Kategorien {{name}} ble flyttet til posisjon {{index}} av {{length}}",
+      onDragOverMissingOver: "Kategorien {{name}} er ikke lenger over et slippbart område",
+      onDragEnd: "Kategorien {{name}} ble sluppet på posisjon {{index}} av {{length}}",
+      onDragEndMissingOver: "Kategorien {{name}} ble sluppet",
+      onDragCancel: "Flytting avbrutt. Kategorien {{name}} ble sluppet",
+      dragHandle: "Sorter kategorien {{name}}"
+    },
     favoriteSubjects: {
       title: "Mine favorittfag",
       subjects: "{{count}} fag",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "50.9.4",
+  "version": "50.9.6",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -31,23 +31,23 @@
     "types"
   ],
   "dependencies": {
-    "@ndla/accordion": "^3.0.23",
-    "@ndla/button": "^12.0.28",
-    "@ndla/carousel": "^4.0.28",
-    "@ndla/core": "^4.3.6",
-    "@ndla/dropdown-menu": "^1.0.26",
-    "@ndla/forms": "^5.2.19",
+    "@ndla/accordion": "^3.0.25",
+    "@ndla/button": "^12.0.30",
+    "@ndla/carousel": "^4.0.30",
+    "@ndla/core": "^4.4.0",
+    "@ndla/dropdown-menu": "^1.0.28",
+    "@ndla/forms": "^5.2.21",
     "@ndla/hooks": "^2.1.5",
-    "@ndla/icons": "^5.0.7",
+    "@ndla/icons": "^5.0.9",
     "@ndla/licenses": "^7.2.5",
-    "@ndla/modal": "^5.0.27",
-    "@ndla/notion": "^6.0.28",
-    "@ndla/safelink": "^4.1.53",
-    "@ndla/select": "^3.3.2",
-    "@ndla/switch": "^1.1.32",
-    "@ndla/tabs": "^3.2.12",
-    "@ndla/tooltip": "^6.0.14",
-    "@ndla/typography": "^0.4.9",
+    "@ndla/modal": "^5.0.29",
+    "@ndla/notion": "^6.0.30",
+    "@ndla/safelink": "^4.1.55",
+    "@ndla/select": "^3.3.4",
+    "@ndla/switch": "^1.1.34",
+    "@ndla/tabs": "^3.2.14",
+    "@ndla/tooltip": "^6.0.16",
+    "@ndla/typography": "^0.4.11",
     "@ndla/util": "^4.0.4",
     "@radix-ui/react-popover": "^1.0.7",
     "@radix-ui/react-slider": "^1.1.2",
@@ -81,5 +81,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "089eac94e9afb356f79f35d7a74bde3a3963b2dc"
+  "gitHead": "e6a213817f92cd3ece389c9a6d18d01e151db04a"
 }

package/src/Article/ArticleNotions.tsx

@@ -9,7 +9,7 @@
 import { ReactNode } from "react";
 import { useTranslation } from "react-i18next";
 import styled from "@emotion/styled";
-import { mq, breakpoints, fonts, colors } from "@ndla/core";
+import { breakpoints, colors, fonts, mq, stackOrder } from "@ndla/core";
 import { Explanation, NotionFlip } from "@ndla/icons/common";
 import { ModalHeader, ModalCloseButton, ModalBody, Modal, ModalTitle, ModalTrigger, ModalContent } from "@ndla/modal";
 
@@ -37,7 +37,7 @@ const NotionsTrigger = styled.div`
     top: 12rem;
     right: 18px;
     background-color: transparent;
-    z-index: 10;
+    z-index: ${stackOrder.trigger};
   }
 
   svg {

package/src/Article/component.article.scss

@@ -154,12 +154,12 @@
     left: 0;
 
     @include mq(tablet) {
-      top: $spacing--small / 2;
+      top: $spacing--xsmall;
     }
 
     @include mq(desktop) {
       left: -80px;
-      top: $spacing--small / 2;
+      top: $spacing--xsmall;
     }
   }
 }