@ndla/ui 56.0.56-alpha.0 → 56.0.57-alpha.0

package/dist/panda.buildinfo.json

@@ -196,7 +196,7 @@
       "opacity]___[value:0",
       "cursor]___[value:pointer",
       "opacity]___[value:1]___[cond:&:focus, &:focus-visible, &:active",
-      "marginInlineStart]___[value:xsmall",
+      "marginBlockStart]___[value:3xsmall",
       "border]___[value:0",
       "height]___[value:auto",
       "textStyle]___[value:label.large",
@@ -315,7 +315,6 @@
       "backgroundColor]___[value:surface.infoSubtle.hover]___[cond:_hover",
       "gap]___[value:small",
       "paddingInline]___[value:0",
-      "marginBlockStart]___[value:3xsmall",
       "background]___[value:surface.brand.1.subtle]___[cond:_first",
       "borderColor]___[value:stroke.default]___[cond:_first",
       "fontWeight]___[value:bold]___[cond:_first<___>& p",

package/dist/styles.css

@@ -441,8 +441,8 @@
     cursor: pointer;
 }
 
-  .ms_xsmall {
-    margin-inline-start: var(--spacing-xsmall);
+  .mbs_3xsmall {
+    margin-block-start: var(--spacing-3xsmall);
 }
 
   .bd_0 {
@@ -565,10 +565,6 @@
     padding-inline: 0;
 }
 
-  .mbs_3xsmall {
-    margin-block-start: var(--spacing-3xsmall);
-}
-
   .w_surface\.3xsmall {
     width: var(--sizes-surface-3xsmall);
 }

package/es/Embed/BrightcoveEmbed.js

@@ -17,7 +17,7 @@ import { licenseAttributes } from "../utils/licenseAttributes";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const LinkedVideoButton = styled(Button, {
   base: {
-    marginInlineStart: "xsmall"
+    marginBlockStart: "3xsmall"
   }
 });
 const BrightcoveIframe = styled("iframe", {
@@ -118,11 +118,13 @@ const BrightcoveEmbed = _ref => {
       type: "video",
       copyright: data.copyright,
       description: parsedDescription,
-      children: !!linkedVideoId && /*#__PURE__*/_jsx(LinkedVideoButton, {
-        size: "small",
-        variant: "secondary",
-        onClick: () => setShowOriginalVideo(p => !p),
-        children: t(`figure.button.${!showOriginalVideo ? "original" : "alternative"}`)
+      children: /*#__PURE__*/_jsx("div", {
+        children: !!linkedVideoId && /*#__PURE__*/_jsx(LinkedVideoButton, {
+          size: "small",
+          variant: "secondary",
+          onClick: () => setShowOriginalVideo(p => !p),
+          children: t(`figure.button.${!showOriginalVideo ? "original" : "alternative"}`)
+        })
       })
     })]
   });

package/es/locale/messages-en.js

@@ -132,6 +132,7 @@ const messages = {
     label: {
       subjects: "Subjects"
     },
+    includes: "Includes:",
     searchField: {
       contentTypeResultShowMoreLabel: "Show more results",
       contentTypeResultShowLessLabel: "Show less results",
@@ -989,6 +990,9 @@ const messages = {
         previewInformation: "Preview of shared folder. The folder is not available to others until you update its status to shared."
       }
     },
+    learningpath: {
+      title: "My learning paths"
+    },
     arena: {
       title: "Arena",
       category: {
@@ -1175,7 +1179,8 @@ const messages = {
       tags: "Tags",
       subjects: "Subjects",
       profile: "Profile",
-      more: "More"
+      more: "More",
+      learningpath: "Learning paths"
     },
     tagList: "Tags",
     tags: "{{count}} tag",

package/es/locale/messages-nb.js

@@ -132,6 +132,7 @@ const messages = {
     label: {
       subjects: "Fag:"
     },
+    includes: "Inneholder:",
     searchField: {
       contentTypeResultShowMoreLabel: "Se flere resultater",
       contentTypeResultShowLessLabel: "Se færre resultater",
@@ -989,6 +990,9 @@ const messages = {
         previewInformation: "Forhåndsvisning av delt mappe. Mappa blir ikke tilgjengelig for andre før du setter den som delt."
       }
     },
+    learningpath: {
+      title: "Mine læringsstier"
+    },
     arena: {
       title: "Arena",
       category: {
@@ -1175,7 +1179,8 @@ const messages = {
       tags: "Emneknagger",
       subjects: "Favorittfag",
       profile: "Profil",
-      more: "Mer"
+      more: "Mer",
+      learningpath: "Læringsstier"
     },
     tagList: "Emneknagger",
     tags: "{{count}} emneknagg",

package/es/locale/messages-nn.js

@@ -132,6 +132,7 @@ const messages = {
     label: {
       subjects: "Fag:"
     },
+    includes: "Inneheld:",
     searchField: {
       contentTypeResultShowMoreLabel: "Sjå fleire resultat",
       contentTypeResultShowLessLabel: "Sjå færre resultat",
@@ -989,6 +990,9 @@ const messages = {
         previewInformation: "Førehandsvising av delt mappe. Mappa blir ikkje tilgjengeleg for andre før du set ho som delt."
       }
     },
+    learningpath: {
+      title: "Mine læringsstiar"
+    },
     arena: {
       title: "Arena",
       category: {
@@ -1175,7 +1179,8 @@ const messages = {
       tags: "Emneknaggar",
       subjects: "Favorittfag",
       profile: "Profil",
-      more: "Meir"
+      more: "Meir",
+      learningpath: "Læringsstiar"
     },
     tagList: "Emneknaggar",
     tags: "{{count}} emneknagg",

package/es/locale/messages-se.js

@@ -132,6 +132,7 @@ const messages = {
     label: {
       subjects: "Fága:"
     },
+    includes: "Inneholder:",
     searchField: {
       contentTypeResultShowMoreLabel: "Geahča eanet bohtosiid",
       contentTypeResultShowLessLabel: "Geahča unnit bohtosiid",
@@ -989,6 +990,9 @@ const messages = {
         previewInformation: "Forhåndsvisning av delt mappe. Mappa blir ikke tilgjengelig for andre før du setter den som delt."
       }
     },
+    learningpath: {
+      title: "Mine læringsstier"
+    },
     arena: {
       title: "Arena",
       category: {
@@ -1175,7 +1179,8 @@ const messages = {
       tags: "Emneknagger",
       subjects: "Favorittfag",
       profile: "Profil",
-      more: "Mer"
+      more: "Mer",
+      learningpath: "Læringsstier"
     },
     tagList: "Emneknagger",
     tags: "{{count}} emneknagg",

package/es/locale/messages-sma.js

@@ -132,6 +132,7 @@ const messages = {
     label: {
       subjects: "Faage:"
     },
+    includes: "Inneholder:",
     searchField: {
       contentTypeResultShowMoreLabel: "Gïehtjh jienebh illedahkh",
       contentTypeResultShowLessLabel: "Gïehtjh vaenebh illedahkh",
@@ -989,6 +990,9 @@ const messages = {
         previewInformation: "Forhåndsvisning av delt mappe. Mappa blir ikke tilgjengelig for andre før du setter den som delt."
       }
     },
+    learningpath: {
+      title: "Mine læringsstier"
+    },
     arena: {
       title: "Arena",
       category: {
@@ -1175,7 +1179,8 @@ const messages = {
       tags: "Emneknagger",
       subjects: "Favorittfag",
       profile: "Profil",
-      more: "Mer"
+      more: "Mer",
+      learningpath: "Læringsstier"
     },
     tagList: "Emneknagger",
     tags: "{{count}} emneknagg",

package/lib/Embed/BrightcoveEmbed.js

@@ -24,7 +24,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 
 const LinkedVideoButton = (0, _jsx2.styled)(_primitives.Button, {
   base: {
-    marginInlineStart: "xsmall"
+    marginBlockStart: "3xsmall"
   }
 });
 const BrightcoveIframe = (0, _jsx2.styled)("iframe", {
@@ -127,11 +127,13 @@ const BrightcoveEmbed = _ref => {
       type: "video",
       copyright: data.copyright,
       description: parsedDescription,
-      children: !!linkedVideoId && /*#__PURE__*/(0, _jsxRuntime.jsx)(LinkedVideoButton, {
-        size: "small",
-        variant: "secondary",
-        onClick: () => setShowOriginalVideo(p => !p),
-        children: t(`figure.button.${!showOriginalVideo ? "original" : "alternative"}`)
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: !!linkedVideoId && /*#__PURE__*/(0, _jsxRuntime.jsx)(LinkedVideoButton, {
+          size: "small",
+          variant: "secondary",
+          onClick: () => setShowOriginalVideo(p => !p),
+          children: t(`figure.button.${!showOriginalVideo ? "original" : "alternative"}`)
+        })
       })
     })]
   });

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

@@ -122,6 +122,7 @@ declare const messages: {
         label: {
             subjects: string;
         };
+        includes: string;
         searchField: {
             contentTypeResultShowMoreLabel: string;
             contentTypeResultShowLessLabel: string;
@@ -979,6 +980,9 @@ declare const messages: {
                 previewInformation: string;
             };
         };
+        learningpath: {
+            title: string;
+        };
         arena: {
             title: string;
             category: {
@@ -1166,6 +1170,7 @@ declare const messages: {
             subjects: string;
             profile: string;
             more: string;
+            learningpath: string;
         };
         tagList: string;
         tags: string;

package/lib/locale/messages-en.js

@@ -139,6 +139,7 @@ const messages = {
     label: {
       subjects: "Subjects"
     },
+    includes: "Includes:",
     searchField: {
       contentTypeResultShowMoreLabel: "Show more results",
       contentTypeResultShowLessLabel: "Show less results",
@@ -996,6 +997,9 @@ const messages = {
         previewInformation: "Preview of shared folder. The folder is not available to others until you update its status to shared."
       }
     },
+    learningpath: {
+      title: "My learning paths"
+    },
     arena: {
       title: "Arena",
       category: {
@@ -1182,7 +1186,8 @@ const messages = {
       tags: "Tags",
       subjects: "Subjects",
       profile: "Profile",
-      more: "More"
+      more: "More",
+      learningpath: "Learning paths"
     },
     tagList: "Tags",
     tags: "{{count}} tag",

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

@@ -122,6 +122,7 @@ declare const messages: {
         label: {
             subjects: string;
         };
+        includes: string;
         searchField: {
             contentTypeResultShowMoreLabel: string;
             contentTypeResultShowLessLabel: string;
@@ -979,6 +980,9 @@ declare const messages: {
                 previewInformation: string;
             };
         };
+        learningpath: {
+            title: string;
+        };
         arena: {
             title: string;
             category: {
@@ -1166,6 +1170,7 @@ declare const messages: {
             subjects: string;
             profile: string;
             more: string;
+            learningpath: string;
         };
         tagList: string;
         tags: string;

package/lib/locale/messages-nb.js

@@ -139,6 +139,7 @@ const messages = {
     label: {
       subjects: "Fag:"
     },
+    includes: "Inneholder:",
     searchField: {
       contentTypeResultShowMoreLabel: "Se flere resultater",
       contentTypeResultShowLessLabel: "Se færre resultater",
@@ -996,6 +997,9 @@ const messages = {
         previewInformation: "Forhåndsvisning av delt mappe. Mappa blir ikke tilgjengelig for andre før du setter den som delt."
       }
     },
+    learningpath: {
+      title: "Mine læringsstier"
+    },
     arena: {
       title: "Arena",
       category: {
@@ -1182,7 +1186,8 @@ const messages = {
       tags: "Emneknagger",
       subjects: "Favorittfag",
       profile: "Profil",
-      more: "Mer"
+      more: "Mer",
+      learningpath: "Læringsstier"
     },
     tagList: "Emneknagger",
     tags: "{{count}} emneknagg",

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

@@ -122,6 +122,7 @@ declare const messages: {
         label: {
             subjects: string;
         };
+        includes: string;
         searchField: {
             contentTypeResultShowMoreLabel: string;
             contentTypeResultShowLessLabel: string;
@@ -979,6 +980,9 @@ declare const messages: {
                 previewInformation: string;
             };
         };
+        learningpath: {
+            title: string;
+        };
         arena: {
             title: string;
             category: {
@@ -1166,6 +1170,7 @@ declare const messages: {
             subjects: string;
             profile: string;
             more: string;
+            learningpath: string;
         };
         tagList: string;
         tags: string;

package/lib/locale/messages-nn.js

@@ -139,6 +139,7 @@ const messages = {
     label: {
       subjects: "Fag:"
     },
+    includes: "Inneheld:",
     searchField: {
       contentTypeResultShowMoreLabel: "Sjå fleire resultat",
       contentTypeResultShowLessLabel: "Sjå færre resultat",
@@ -996,6 +997,9 @@ const messages = {
         previewInformation: "Førehandsvising av delt mappe. Mappa blir ikkje tilgjengeleg for andre før du set ho som delt."
       }
     },
+    learningpath: {
+      title: "Mine læringsstiar"
+    },
     arena: {
       title: "Arena",
       category: {
@@ -1182,7 +1186,8 @@ const messages = {
       tags: "Emneknaggar",
       subjects: "Favorittfag",
       profile: "Profil",
-      more: "Meir"
+      more: "Meir",
+      learningpath: "Læringsstiar"
     },
     tagList: "Emneknaggar",
     tags: "{{count}} emneknagg",

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

@@ -122,6 +122,7 @@ declare const messages: {
         label: {
             subjects: string;
         };
+        includes: string;
         searchField: {
             contentTypeResultShowMoreLabel: string;
             contentTypeResultShowLessLabel: string;
@@ -979,6 +980,9 @@ declare const messages: {
                 previewInformation: string;
             };
         };
+        learningpath: {
+            title: string;
+        };
         arena: {
             title: string;
             category: {
@@ -1166,6 +1170,7 @@ declare const messages: {
             subjects: string;
             profile: string;
             more: string;
+            learningpath: string;
         };
         tagList: string;
         tags: string;

package/lib/locale/messages-se.js

@@ -139,6 +139,7 @@ const messages = {
     label: {
       subjects: "Fága:"
     },
+    includes: "Inneholder:",
     searchField: {
       contentTypeResultShowMoreLabel: "Geahča eanet bohtosiid",
       contentTypeResultShowLessLabel: "Geahča unnit bohtosiid",
@@ -996,6 +997,9 @@ const messages = {
         previewInformation: "Forhåndsvisning av delt mappe. Mappa blir ikke tilgjengelig for andre før du setter den som delt."
       }
     },
+    learningpath: {
+      title: "Mine læringsstier"
+    },
     arena: {
       title: "Arena",
       category: {
@@ -1182,7 +1186,8 @@ const messages = {
       tags: "Emneknagger",
       subjects: "Favorittfag",
       profile: "Profil",
-      more: "Mer"
+      more: "Mer",
+      learningpath: "Læringsstier"
     },
     tagList: "Emneknagger",
     tags: "{{count}} emneknagg",

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

@@ -122,6 +122,7 @@ declare const messages: {
         label: {
             subjects: string;
         };
+        includes: string;
         searchField: {
             contentTypeResultShowMoreLabel: string;
             contentTypeResultShowLessLabel: string;
@@ -979,6 +980,9 @@ declare const messages: {
                 previewInformation: string;
             };
         };
+        learningpath: {
+            title: string;
+        };
         arena: {
             title: string;
             category: {
@@ -1166,6 +1170,7 @@ declare const messages: {
             subjects: string;
             profile: string;
             more: string;
+            learningpath: string;
         };
         tagList: string;
         tags: string;

package/lib/locale/messages-sma.js

@@ -139,6 +139,7 @@ const messages = {
     label: {
       subjects: "Faage:"
     },
+    includes: "Inneholder:",
     searchField: {
       contentTypeResultShowMoreLabel: "Gïehtjh jienebh illedahkh",
       contentTypeResultShowLessLabel: "Gïehtjh vaenebh illedahkh",
@@ -996,6 +997,9 @@ const messages = {
         previewInformation: "Forhåndsvisning av delt mappe. Mappa blir ikke tilgjengelig for andre før du setter den som delt."
       }
     },
+    learningpath: {
+      title: "Mine læringsstier"
+    },
     arena: {
       title: "Arena",
       category: {
@@ -1182,7 +1186,8 @@ const messages = {
       tags: "Emneknagger",
       subjects: "Favorittfag",
       profile: "Profil",
-      more: "Mer"
+      more: "Mer",
+      learningpath: "Læringsstier"
     },
     tagList: "Emneknagger",
     tags: "{{count}} emneknagg",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "56.0.56-alpha.0",
+  "version": "56.0.57-alpha.0",
   "description": "UI component library for NDLA",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -36,7 +36,7 @@
     "@ndla/icons": "^8.0.32-alpha.0",
     "@ndla/licenses": "^8.0.3-alpha.0",
     "@ndla/primitives": "^1.0.47-alpha.0",
-    "@ndla/safelink": "^7.0.47-alpha.0",
+    "@ndla/safelink": "^7.0.48-alpha.0",
     "@ndla/styled-system": "^0.0.24",
     "@ndla/util": "^5.0.0-alpha.0",
     "html-react-parser": "^5.1.8",
@@ -58,5 +58,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "49af42aa58dfaf274b6796f4822e09572d91dc9b"
+  "gitHead": "827fae5ecc4466c5e433a8335e232b150808cc73"
 }

package/src/Embed/BrightcoveEmbed.tsx

@@ -25,7 +25,7 @@ interface Props {
 
 const LinkedVideoButton = styled(Button, {
   base: {
-    marginInlineStart: "xsmall",
+    marginBlockStart: "3xsmall",
   },
 });
 
@@ -117,11 +117,13 @@ const BrightcoveEmbed = ({ embed, renderContext = "article", lang }: Props) => {
         />
       </div>
       <EmbedByline type="video" copyright={data.copyright!} description={parsedDescription}>
-        {!!linkedVideoId && (
-          <LinkedVideoButton size="small" variant="secondary" onClick={() => setShowOriginalVideo((p) => !p)}>
-            {t(`figure.button.${!showOriginalVideo ? "original" : "alternative"}`)}
-          </LinkedVideoButton>
-        )}
+        <div>
+          {!!linkedVideoId && (
+            <LinkedVideoButton size="small" variant="secondary" onClick={() => setShowOriginalVideo((p) => !p)}>
+              {t(`figure.button.${!showOriginalVideo ? "original" : "alternative"}`)}
+            </LinkedVideoButton>
+          )}
+        </div>
       </EmbedByline>
     </Figure>
   );

package/src/locale/messages-en.ts

@@ -133,6 +133,7 @@ const messages = {
     label: {
       subjects: "Subjects",
     },
+    includes: "Includes:",
     searchField: {
       contentTypeResultShowMoreLabel: "Show more results",
       contentTypeResultShowLessLabel: "Show less results",
@@ -1007,6 +1008,9 @@ const messages = {
           "Preview of shared folder. The folder is not available to others until you update its status to shared.",
       },
     },
+    learningpath: {
+      title: "My learning paths",
+    },
     arena: {
       title: "Arena",
       category: {
@@ -1201,6 +1205,7 @@ const messages = {
       subjects: "Subjects",
       profile: "Profile",
       more: "More",
+      learningpath: "Learning paths",
     },
     tagList: "Tags",
     tags: "{{count}} tag",

package/src/locale/messages-nb.ts

@@ -133,6 +133,7 @@ const messages = {
     label: {
       subjects: "Fag:",
     },
+    includes: "Inneholder:",
     searchField: {
       contentTypeResultShowMoreLabel: "Se flere resultater",
       contentTypeResultShowLessLabel: "Se færre resultater",
@@ -1008,6 +1009,9 @@ const messages = {
           "Forhåndsvisning av delt mappe. Mappa blir ikke tilgjengelig for andre før du setter den som delt.",
       },
     },
+    learningpath: {
+      title: "Mine læringsstier",
+    },
     arena: {
       title: "Arena",
       category: {
@@ -1203,6 +1207,7 @@ const messages = {
       subjects: "Favorittfag",
       profile: "Profil",
       more: "Mer",
+      learningpath: "Læringsstier",
     },
     tagList: "Emneknagger",
     tags: "{{count}} emneknagg",

package/src/locale/messages-nn.ts

@@ -133,6 +133,7 @@ const messages = {
     label: {
       subjects: "Fag:",
     },
+    includes: "Inneheld:",
     searchField: {
       contentTypeResultShowMoreLabel: "Sjå fleire resultat",
       contentTypeResultShowLessLabel: "Sjå færre resultat",
@@ -1008,6 +1009,9 @@ const messages = {
           "Førehandsvising av delt mappe. Mappa blir ikkje tilgjengeleg for andre før du set ho som delt.",
       },
     },
+    learningpath: {
+      title: "Mine læringsstiar",
+    },
     arena: {
       title: "Arena",
       category: {
@@ -1203,6 +1207,7 @@ const messages = {
       subjects: "Favorittfag",
       profile: "Profil",
       more: "Meir",
+      learningpath: "Læringsstiar",
     },
     tagList: "Emneknaggar",
     tags: "{{count}} emneknagg",

package/src/locale/messages-se.ts

@@ -133,6 +133,7 @@ const messages = {
     label: {
       subjects: "Fága:",
     },
+    includes: "Inneholder:",
     searchField: {
       contentTypeResultShowMoreLabel: "Geahča eanet bohtosiid",
       contentTypeResultShowLessLabel: "Geahča unnit bohtosiid",
@@ -1009,6 +1010,9 @@ const messages = {
           "Forhåndsvisning av delt mappe. Mappa blir ikke tilgjengelig for andre før du setter den som delt.",
       },
     },
+    learningpath: {
+      title: "Mine læringsstier",
+    },
     arena: {
       title: "Arena",
       category: {
@@ -1204,6 +1208,7 @@ const messages = {
       subjects: "Favorittfag",
       profile: "Profil",
       more: "Mer",
+      learningpath: "Læringsstier",
     },
     tagList: "Emneknagger",
     tags: "{{count}} emneknagg",

package/src/locale/messages-sma.ts

@@ -133,6 +133,7 @@ const messages = {
     label: {
       subjects: "Faage:",
     },
+    includes: "Inneholder:",
     searchField: {
       contentTypeResultShowMoreLabel: "Gïehtjh jienebh illedahkh",
       contentTypeResultShowLessLabel: "Gïehtjh vaenebh illedahkh",
@@ -1011,6 +1012,9 @@ const messages = {
           "Forhåndsvisning av delt mappe. Mappa blir ikke tilgjengelig for andre før du setter den som delt.",
       },
     },
+    learningpath: {
+      title: "Mine læringsstier",
+    },
     arena: {
       title: "Arena",
       category: {
@@ -1206,6 +1210,7 @@ const messages = {
       subjects: "Favorittfag",
       profile: "Profil",
       more: "Mer",
+      learningpath: "Læringsstier",
     },
     tagList: "Emneknagger",
     tags: "{{count}} emneknagg",