@ndla/ui 56.0.18-alpha.0 → 56.0.19-alpha.0

package/lib/locale/messages-nn.js

@@ -46,7 +46,7 @@ const messages = {
     aria: {
       screenReaderStatus: "{{count}} resultat tilgjengeleg",
       disabled: "utilgjengeleg",
-      selected: "valgt",
+      selected: "valt",
       focused: "fokusert",
       guidance: {
         menu: {
@@ -60,17 +60,17 @@ const messages = {
           focused: "er fokusert",
           refine: "skriv for å filtrere lista med emneknaggar",
           down: "trykk pil ned for å åpne menyen",
-          left: "trykk venstre pil for å fokusere valgte emneknaggar",
+          left: "trykk venstre pil for å fokusere valte emneknaggar",
           space: "trykk mellomrom for å opprette ny emneknagg"
         },
-        value: "Bruk høgre og venstre pil for å navigere mellom valgte emneknaggar, trykk backspace for å fjerne den valgte emneknaggen. Dersom ingen emneknagg er valgt fjernes den siste."
+        value: "Bruk høgre og venstre pil for å navigere mellom valte emneknaggar, trykk backspace for å fjerne den valte emneknaggen. Dersom ingen emneknagg er valt fjernes den siste."
       },
       onChange: {
         deselect: "emneknagg {{label}}, fjerna.",
-        clear: "Alle valgte emneknaggar fjerna.",
-        initialFocus: `Emneknaggar {{labels}}, valgt.`,
+        clear: "Alle valte emneknaggar fjerna.",
+        initialFocus: `Emneknaggar {{labels}}, valt.`,
         selectedDisabled: "Emneknagg {{label}} kan ikkje velgast. Velg eit anna alternativ.",
-        selected: "Emneknagg {{label}},  valgt."
+        selected: "Emneknagg {{label}},  valt."
       },
       onFocus: {
         value: "emneknagg {{label}} fokusert, {{position}}.",
@@ -79,7 +79,7 @@ const messages = {
       },
       onFilter: " for søkeord "
     },
-    noOptions: "Ingen mulige val",
+    noOptions: "Ingen moglege val",
     label: "Legg til emneknagg",
     createLabel: "Legg til emneknagg {{tag}}",
     placeholder: "Skriv inn emneknagg",
@@ -149,7 +149,7 @@ const messages = {
     searchResultListMessages: {
       subjectsLabel: "Opne i fag:",
       noResultHeading: "Hmm, ikkje noko innhald ...",
-      noResultDescription: "Vi har dessverre ikkje noko å tilby her. Om du vil føreslå noko innhald til dette området, kan du bruke Spør NDLA som du finn nede til høgre på skjermen."
+      noResultDescription: "Vi har dessverre ikkje noko å tilby her. Om du vil foreslå innhald til dette området, kan du bruke Spør NDLA-knappen som du finn nede til høgre på skjermen."
     },
     searchFilterMessages: {
       backButton: "Tilbake til filter",
@@ -318,7 +318,7 @@ const messages = {
     access: {
       onlyTeacher: "Denne ressursen er berre tilgjengeleg for lærarar som er pålogga med Feide."
     },
-    possiblyOutdated: "Artikkelen er foreldet.",
+    possiblyOutdated: "Artikkelen er forelda.",
     footnotes: "Fotnotar"
   },
   competenceGoals: {
@@ -340,13 +340,13 @@ const messages = {
     competenceSubjectLabel: "Fag",
     competenceCoreSearchText: "Søk ressursar for kjerneelementet",
     competenceTopicSearchText: "Søk ressursar for tema",
-    competenceSubjectSearchText: "Gå til fagsiden",
+    competenceSubjectSearchText: "Gå til fagsida",
     competenceGoalClose: "Lukk",
     competenceGoalTitle: "Målet er at eleven skal kunne:",
     competenceTabLK20label: "Kompetansemål",
     competenceTabLK20Tooltip: "Vis kompetansemål",
     competenceTabCorelabel: "Kjerneelement",
-    competenceTabCoreTooltip: "Vis kjerneelementar",
+    competenceTabCoreTooltip: "Vis kjerneelement",
     competenceGoalItem: {
       title: "Kompetansemål og vurdering"
     },
@@ -460,8 +460,8 @@ const messages = {
       heading: "Slik gjenbruker du H5P-innhald",
       description: "Du finn retningslinjene for bruk av innhaldet i H5P-elementet.",
       rules: "Reglar for bruk av H5P",
-      licenseText: "Denne interaktive oppgåva (H5p) har lisensen",
-      restrictedUseText: "Denne interaktive oppgåva (H5p) har"
+      licenseText: "Denne interaktive oppgåva (H5P) har lisensen",
+      restrictedUseText: "Denne interaktive oppgåva (H5P) har"
     },
     concept: {
       embedlink: {
@@ -478,8 +478,8 @@ const messages = {
     },
     gloss: {
       embedlink: {
-        heading: "Slik viser du glosen i anna innhald",
-        description: "Denne lenka viser glosen utan kontekst (meny og botntekst)",
+        heading: "Slik viser du glosa i anna innhald",
+        description: "Denne lenka viser glosa utan kontekst (meny og botntekst)",
         copyTitle: "Kopier innbyggingslenke",
         hasCopiedTitle: "Innbyggingslenke kopiert"
       },
@@ -492,8 +492,8 @@ const messages = {
     },
     files: {
       heading: "Slik gjenbruker du filer",
-      description: "Hugs å kopiere teksten som skal leggjast ved fila der du bruker ho.",
-      rules: "Regler for bruk av fila",
+      description: "Hugs å kopiere teksten som skal leggast ved fila der du bruker ho.",
+      rules: "Reglar for bruk av fila",
       itemImage: {
         ariaLabel: "Opne i nytt vindauge"
       }
@@ -737,7 +737,7 @@ const messages = {
     searching: "Søkjer...",
     create: "Opprett ny",
     isSelectedItem: "Lagt til",
-    selected: "{{count}} valgte"
+    selected: "{{count}} valte"
   },
   editor: {
     versionHistory: {
@@ -783,7 +783,7 @@ const messages = {
   },
   cancel: "Avbryt",
   close: "Lukk",
-  loading: "Laster",
+  loading: "Lastar",
   title: "Tittel",
   save: "Lagre",
   photo: "Bilete",
@@ -801,7 +801,7 @@ const messages = {
       yes: "Ja",
       no: "Nei",
       "not-applicable": "Ikkje relevant",
-      "not-set": "Ikkje valgt",
+      "not-set": "Ikkje valt",
       description: "Om biletet er modellklarert eller ikkje:"
     },
     download: "Last ned biletet",
@@ -918,6 +918,7 @@ const messages = {
     close: "Lukk faktaboks"
   },
   myNdla: {
+    description: "Min NDLA: Organiser fagstoffet på din måte! Bruk NDLAs praterobot (AI/KI). Lagre og del med kollegaer og elevar.",
     mainMenu: "Hovedmeny",
     myNDLA: "Min NDLA",
     myNDLAMenu: "Min NDLA meny",
@@ -943,15 +944,15 @@ const messages = {
       missingName: "Skriv namn på mappe",
       folderDeleted: '"{{folderName}}" er sletta',
       folderCreated: '"{{folderName}}" er oppretta',
-      onDragStart: "Plukket opp mappa {{name}}. Mappa er på posisjon {{index}} av {{length}}",
-      onDragOver: "Mappa {{name}} blei flytta til posisjon {{index}} av {{length}}",
-      onDragOverMissingOver: "Mappa {{name}} er ikkje lenger over eit sleppbart område",
-      onDragEnd: "Mappa {{name}} blei sleppt på posisjon {{index}} av {{length}}",
-      onDragEndMissingOver: "Mappa blei sleppt",
-      onDragCancel: "Flytting avbrutt. Mappa {{name}} blei sleppt",
+      onDragStart: "Plukka opp mappa {{name}}. Mappa er på posisjon {{index}} av {{length}}",
+      onDragOver: "Mappa {{name}} vart flytta til posisjon {{index}} av {{length}}",
+      onDragOverMissingOver: "Mappa {{name}} er ikkje lenger over eit område der ho kan sleppast",
+      onDragEnd: "Mappa {{name}} vart sleppt på posisjon {{index}} av {{length}}",
+      onDragEndMissingOver: "Mappa vart sleppt",
+      onDragCancel: "Flytting avbroten. Mappa {{name}} vart sleppt",
       dragHandle: "Sorter mappa {{name}}",
       professional: "ein fagperson",
-      sharedWarning: "Namn og beskriving blir synleg for alle du deler mappa med.",
+      sharedWarning: "Namn og skildring blir synleg for alle du deler mappa med.",
       sharing: {
         share: "Del mappe",
         shared: "Delt",
@@ -985,7 +986,7 @@ const messages = {
           unShare: "Avslutt deling",
           shareLink: "Kopier lenke",
           saveLink: "Lagre lenka",
-          unSaveLink: "Fjern lenken"
+          unSaveLink: "Fjern lenka"
         },
         save: {
           warning: "Dette lagar ei lenke til mappa i Mine mapper. Du kan enkelt finne ho att ved å gå til Mine mapper i menyen i Min NDLA.",
@@ -1031,8 +1032,8 @@ const messages = {
         topic: "Nytt innlegg"
       },
       warning: {
-        post: "Svaret ditt er synleg for alle lærerar og tilsette som er logga på Min NDLA.",
-        topic: "Innlegget ditt er synleg for alle lærerar og tilsette som er logga på Min NDLA."
+        post: "Svaret ditt er synleg for alle lærarar og tilsette som er logga på Min NDLA.",
+        topic: "Innlegget ditt er synleg for alle lærarar og tilsette som er logga på Min NDLA."
       },
       removeText: {
         post: "Slett kommentar",
@@ -1224,10 +1225,10 @@ const messages = {
         all: "I denne delte mappa finn du fagstoff og oppgåver frå NDLA. Artiklane er samla inn og sette i rekkefølge av ein lærar.\n\nDu kan bla i artiklane ved å bruke menyen.",
         info1: "I denne delte mappa finn du fagstoff og oppgåver frå NDLA. Artiklane er samla inn og sette i rekkefølge av ein lærar."
       },
-      willOpenInNewTab: "Opnast i ny fane."
+      willOpenInNewTab: "Blir opna i ny fane."
     },
     myPage: {
-      noRecents: "Du har ikkje lagt til nokon ressursar enno. Slik kjem du i gang:",
+      noRecents: "Du har ikkje lagt til ressursar enno. Slik kjem du i gang:",
       imageAlt: "Halvnært bilete av jente som held eit nettbrett i hendene. Oppå nettbrettet ligg det ei samling fargeprøver i ulike former og fargar. Grafikk.",
       confirmDeleteAccount: "Er du sikker på at du vil slette kontoen?",
       confirmDeleteAccountButton: "Slett konto",
@@ -1238,9 +1239,9 @@ const messages = {
       logout: "Logg ut av Min NDLA",
       loginIngress: "Her kan du organisere fagstoffet på <b>din</b> måte! Bruk hjarteknappen for å markere favorittfaga eller favorittressursane dine og enkelt finne dei igjen.",
       loginText: "For å kunne bruke tjenesten Min NDLA må du vere elev eller jobbe på ein skule i eit fylke som er med i NDLA-samarbeidet.",
-      loginTextLink: "Les vår personvernerklæring her",
-      loginTerms: "Logg på med Feide for å få tilgang. Ved å logge på godkjennar du våre vilkår for bruk",
-      loginResourcePitch: "Ønsker du å favorittmerke denne resursen?",
+      loginTextLink: "Les personvernerklæringa vår her",
+      loginTerms: "Logg på med Feide for å få tilgang. Ved å logge på godkjenner du vilkåra våre for bruk",
+      loginResourcePitch: "Ønsker du å favorittmerke denne ressursen?",
       loginWelcome: "Velkommen til Min NDLA!",
       welcome: "Velkommen til Min NDLA! No kan du lagre favorittressursane dine frå NDLA og organisere dei i mapper og med emneknaggar.",
       read: {
@@ -1323,28 +1324,28 @@ const messages = {
       addedToFolder: "Ressurs er lagt i ",
       removedFromFolder: 'Fjerna fra "{{folderName}}"',
       titleUpdated: "Tittel oppdatert",
-      tagsUpdated: "Emneknaggar oppdatert",
+      tagsUpdated: "Emneknaggar oppdaterte",
       show: "Vis",
       save: "Lagre ressurs",
-      onDragStart: "Plukket opp ressursen {{name}}. Ressursen er på posisjon {{index}} av {{length}}",
-      onDragOver: "Ressursen {{name}} blei flytta til posisjon {{index}} av {{length}}",
-      onDragOverMissingOver: "Ressursen {{name}} er ikkje lenger over eit sleppbart område",
-      onDragEnd: "Ressursen {{name}} blei sleppt på posisjon {{index}} av {{length}}",
-      onDragEndMissingOver: "Ressursen blei sleppt",
-      onDragCancel: "Flytting avbrutt. Ressursen {{name}} blei sleppt",
+      onDragStart: "Plukka opp ressursen {{name}}. Ressursen er på posisjon {{index}} av {{length}}",
+      onDragOver: "Ressursen {{name}} vart flytta til posisjon {{index}} av {{length}}",
+      onDragOverMissingOver: "Ressursen {{name}} er ikkje lenger over eit område der han kan sleppast",
+      onDragEnd: "Ressursen {{name}} vart sleppt på posisjon {{index}} av {{length}}",
+      onDragEndMissingOver: "Ressursen vart sleppt",
+      onDragCancel: "Flytting avbroten. Ressursen {{name}} vart 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",
+      onDragOverMissingOver: "Kategorien {{name}} er ikkje lenger over eit område der han kan sleppast",
       onDragEnd: "Kategorien {{name}} vart sleppt på posisjon {{index}} av {{length}}",
       onDragEndMissingOver: "Kategorien {{name}} vart sleppt",
-      onDragCancel: "Flytting avbrote. Kategorien {{name}} vart sleppt",
+      onDragCancel: "Flytting avbroten. Kategorien {{name}} vart sleppt",
       dragHandle: "Sorter kategorien {{name}}"
     },
     favoriteSubjects: {
-      title: "Mine favorittfag",
+      title: "Mine fag",
       subjects: "{{count}} fag",
       subjects_0: "{{count}} fag",
       subjects_plural: "{{count}} fag",
@@ -1414,7 +1415,7 @@ const messages = {
   wordClass: {
     [wordClass.wordClass.adjective]: "Adjektiv",
     [wordClass.wordClass.adverb]: "Adverb",
-    [wordClass.wordClass.properNoun]: "Egennavn",
+    [wordClass.wordClass.properNoun]: "Eigennamn",
     [wordClass.wordClass.auxiliary]: "Hjelpeord",
     [wordClass.wordClass.complement]: "Komplement",
     [wordClass.wordClass.conjunction]: "Konjunksjon",
@@ -1458,10 +1459,10 @@ const messages = {
       deleteTagTriggerLabel: "Fjern emneknagg {{tag}}",
       tagAdded: "Emneknagg {{tag}} lagt til",
       tagsPasted: "Limte inn {{length}} emneknaggar",
-      tagEdited: "Redigerer emneknagg {{tag}}. Trykk enter for å lagre, eller esc for å avbryte.",
+      tagEdited: "Redigerer emneknagg {{tag}}. Trykk enter for å lagre eller esc for å avbryte.",
       tagUpdated: "Emneknagg oppdatret til {{tag}}",
-      tagDeleted: "Emneknagg {{tag}} slettet",
-      tagSelected: "Emneknagg {{tag}} valgt. Trykk enter for å redigere. Trykk backspace eller delete for å slette"
+      tagDeleted: "Emneknagg {{tag}} sletta",
+      tagSelected: "Emneknagg {{tag}} valt. Trykk enter for å redigere. Trykk backspace eller delete for å slette"
     },
     combobox: {
       triggerLabel: "Vis resultater",
@@ -1473,6 +1474,27 @@ const messages = {
       nextTriggerLabel: "Neste side",
       lastPage: "Siste side, side {{page}}",
       page: "Side {{page}}"
+    },
+    imageSearch: {
+      close: "Lukk",
+      searchPlaceholder: "Søk i bilete",
+      searchButtonTitle: "Søk",
+      useImageTitle: "Bruk biletet",
+      checkboxLabel: "Sett som metabilete",
+      imageMetadata: {
+        creatorsLabel: "Bilete",
+        license: "Lisens",
+        caption: "Bildetekst",
+        altText: "Alt-tekst",
+        modelRelease: "Modellklarert",
+        tags: "Emneknaggar"
+      }
+    },
+    audioSearch: {
+      searchPlaceholder: "Søk i lydfiler",
+      searchButtonTitle: "Søk",
+      useAudio: "Velg lyd",
+      noResults: "Ingen resultat funnet"
     }
   }
 };

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

@@ -901,6 +901,7 @@ declare const messages: {
         close: string;
     };
     myNdla: {
+        description: string;
         mainMenu: string;
         myNDLA: string;
         myNDLAMenu: string;
@@ -1423,6 +1424,27 @@ declare const messages: {
             lastPage: string;
             page: string;
         };
+        imageSearch: {
+            close: string;
+            searchPlaceholder: string;
+            searchButtonTitle: string;
+            useImageTitle: string;
+            checkboxLabel: string;
+            imageMetadata: {
+                creatorsLabel: string;
+                license: string;
+                caption: string;
+                altText: string;
+                modelRelease: string;
+                tags: string;
+            };
+        };
+        audioSearch: {
+            searchPlaceholder: string;
+            searchButtonTitle: string;
+            useAudio: string;
+            noResults: string;
+        };
     };
 };
 export default messages;

package/lib/locale/messages-se.js

@@ -918,6 +918,7 @@ const messages = {
     close: "Govčča fáktádoasa"
   },
   myNdla: {
+    description: "Min NDLA: Organiser fagstoffet på din måte! Bruk NDLAs praterobot (AI/KI). Lagre og del med kolleger og elever.",
     mainMenu: "Hovedmeny",
     myNDLA: "Min NDLA",
     myNDLAMenu: "Min NDLA meny",
@@ -1344,7 +1345,7 @@ const messages = {
       dragHandle: "Sorter kategorien {{name}}"
     },
     favoriteSubjects: {
-      title: "Mine favorittfag",
+      title: "Mine fag",
       subjects: "{{count}} fag",
       subjects_0: "{{count}} fag",
       subjects_plural: "{{count}} fag",
@@ -1473,6 +1474,27 @@ const messages = {
       nextTriggerLabel: "Neste side",
       lastPage: "Siste side, side {{page}}",
       page: "Side {{page}}"
+    },
+    imageSearch: {
+      close: "Lukk",
+      searchPlaceholder: "Søk i bilder",
+      searchButtonTitle: "Søk",
+      useImageTitle: "Bruk bildet",
+      checkboxLabel: "Sett som metabilde",
+      imageMetadata: {
+        creatorsLabel: "Bilde",
+        license: "Lisens",
+        caption: "Bildetekst",
+        altText: "Alt-tekst",
+        modelRelease: "Modellklarert",
+        tags: "Emneknagger"
+      }
+    },
+    audioSearch: {
+      searchPlaceholder: "Søk i lydfiler",
+      searchButtonTitle: "Søk",
+      useAudio: "Velg lyd",
+      noResults: "Ingen resultater funnet"
     }
   }
 };

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

@@ -901,6 +901,7 @@ declare const messages: {
         close: string;
     };
     myNdla: {
+        description: string;
         mainMenu: string;
         myNDLA: string;
         myNDLAMenu: string;
@@ -1423,6 +1424,27 @@ declare const messages: {
             lastPage: string;
             page: string;
         };
+        imageSearch: {
+            close: string;
+            searchPlaceholder: string;
+            searchButtonTitle: string;
+            useImageTitle: string;
+            checkboxLabel: string;
+            imageMetadata: {
+                creatorsLabel: string;
+                license: string;
+                caption: string;
+                altText: string;
+                modelRelease: string;
+                tags: string;
+            };
+        };
+        audioSearch: {
+            searchPlaceholder: string;
+            searchButtonTitle: string;
+            useAudio: string;
+            noResults: string;
+        };
     };
 };
 export default messages;

package/lib/locale/messages-sma.js

@@ -918,6 +918,7 @@ const messages = {
     close: "Lukk faktaboks"
   },
   myNdla: {
+    description: "Min NDLA: Organiser fagstoffet på din måte! Bruk NDLAs praterobot (AI/KI). Lagre og del med kolleger og elever.",
     mainMenu: "Hovedmeny",
     myNDLA: "Min NDLA",
     myNDLAMenu: "Min NDLA meny",
@@ -1344,7 +1345,7 @@ const messages = {
       dragHandle: "Sorter kategorien {{name}}"
     },
     favoriteSubjects: {
-      title: "Mine favorittfag",
+      title: "Mine fag",
       subjects: "{{count}} fag",
       subjects_0: "{{count}} fag",
       subjects_plural: "{{count}} fag",
@@ -1473,6 +1474,27 @@ const messages = {
       nextTriggerLabel: "Neste side",
       lastPage: "Siste side, side {{page}}",
       page: "Side {{page}}"
+    },
+    imageSearch: {
+      close: "Lukk",
+      searchPlaceholder: "Søk i bilder",
+      searchButtonTitle: "Søk",
+      useImageTitle: "Bruk bildet",
+      checkboxLabel: "Sett som metabilde",
+      imageMetadata: {
+        creatorsLabel: "Bilde",
+        license: "Lisens",
+        caption: "Bildetekst",
+        altText: "Alt-tekst",
+        modelRelease: "Modellklarert",
+        tags: "Emneknagger"
+      }
+    },
+    audioSearch: {
+      searchPlaceholder: "Søk i lydfiler",
+      searchButtonTitle: "Søk",
+      useAudio: "Velg lyd",
+      noResults: "Ingen resultater funnet"
     }
   }
 };

package/lib/styles.css

@@ -93,10 +93,6 @@
     display: flex;
 }
 
-  .gap_xxlarge {
-    gap: var(--spacing-xxlarge);
-}
-
   .c_text\.default {
     color: var(--colors-text-default);
 }
@@ -121,6 +117,10 @@
     padding-block-start: var(--spacing-xxlarge);
 }
 
+  .gap_xxlarge {
+    gap: var(--spacing-xxlarge);
+}
+
   .min-h_xxlarge {
     min-height: var(--sizes-xxlarge);
 }
@@ -326,10 +326,18 @@
     text-decoration: underline;
 }
 
+  .d_grid {
+    display: grid;
+}
+
   .h_215px {
     height: 215px;
 }
 
+  .min-w_270px {
+    min-width: 270px;
+}
+
   .bd-l_4px_solid {
     border-left: 4px solid;
 }
@@ -438,6 +446,10 @@
     width: var(--sizes-surface-xlarge);
 }
 
+  .max-h_50vh {
+    max-height: 50vh;
+}
+
   .c_text\.error {
     color: var(--colors-text-error);
 }
@@ -539,14 +551,6 @@
     margin-block-start: var(--spacing-3xsmall);
 }
 
-  .d_grid {
-    display: grid;
-}
-
-  .max-w_surface\.4xlarge {
-    max-width: var(--sizes-surface-4xlarge);
-}
-
   .w_surface\.3xsmall {
     width: var(--sizes-surface-3xsmall);
 }
@@ -678,12 +682,12 @@
     align-items: flex-end;
 }
 
-  .fw_bold {
-    font-weight: var(--font-weights-bold);
+  .grid-tc_1fr {
+    grid-template-columns: 1fr;
 }
 
-  .as_center {
-    align-self: center;
+  .fw_bold {
+    font-weight: var(--font-weights-bold);
 }
 
   .bd-l-c_stroke\.default {
@@ -722,6 +726,10 @@
     top: calc(var(--spacing-4xsmall) * -1);
 }
 
+  .ov-y_auto {
+    overflow-y: auto;
+}
+
   .bg-c_surface\.disabled {
     background-color: var(--colors-surface-disabled);
 }
@@ -900,14 +908,6 @@
     padding-block-end: var(--spacing-5xlarge);
 }
 
-  .\[\&\[data-align\=\"center\"\]\]\:ta_center[data-align="center"] {
-    text-align: center;
-}
-
-  .\[\&\:has\(span\[dir\=\"rtl\"\]\)\]\:direction_rtl:has(span[dir="rtl"]) {
-    direction: rtl;
-}
-
   .\[\&_img\]\:w_100\% img {
     width: 100%;
 }
@@ -1448,9 +1448,6 @@
 }
 
   @media screen and (min-width: 29.75rem) {
-    .mobileWide\:h_340px {
-      height: 340px;
-}
     .mobileWide\:d_none {
       display: none;
 }
@@ -1465,6 +1462,9 @@
   @media screen and (min-width: 37.5625rem) {
     .tablet\:px_medium {
       padding-inline: var(--spacing-medium);
+}
+    .tablet\:h_265px {
+      height: 265px;
 }
     .tablet\:h_26px {
       height: 26px;
@@ -1544,8 +1544,8 @@
     .tabletWide\:max-w_532px {
       max-width: 532px;
 }
-    .tabletWide\:w_auto {
-      width: auto;
+    .tabletWide\:h_340px {
+      height: 340px;
 }
     .tabletWide\:d_block {
       display: block;
@@ -1570,6 +1570,12 @@
 }
     .tabletWide\:jc_space-between {
       justify-content: space-between;
+}
+    .tabletWide\:grid-tc_minmax\(230px\,_455px\)_auto {
+      grid-template-columns: minmax(230px, 455px) auto;
+}
+    .tabletWide\:grid-tc_auto_minmax\(230px\,_455px\) {
+      grid-template-columns: auto minmax(230px, 455px);
 }
 }
 

package/lib/utils/licenseAttributes.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) 2024-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+export declare const licenseAttributes: (license: string | undefined, lang: string | undefined, url: string | undefined) => {
+    "xmlns:cc": string;
+    "xmlns:dct": string;
+    about: string | undefined;
+} | {
+    "xmlns:cc"?: undefined;
+    "xmlns:dct"?: undefined;
+    about?: undefined;
+};

package/lib/utils/licenseAttributes.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.licenseAttributes = void 0;
+var _licenses = require("@ndla/licenses");
+/**
+ * Copyright (c) 2024-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+const licenseAttributes = (license, lang, url) => {
+  const licenseAbbr = (0, _licenses.getLicenseByAbbreviation)(license ? license : "", lang);
+  const licenseProps = (0, _licenses.isCreativeCommonsLicense)(licenseAbbr.rights) ? {
+    "xmlns:cc": "https://creativecommons.org/ns#",
+    "xmlns:dct": "http://purl.org/dc/terms/",
+    about: url ?? undefined
+  } : {};
+  return licenseProps;
+};
+exports.licenseAttributes = licenseAttributes;