@ndla/ui 56.0.53-alpha.0 → 56.0.55-alpha.0

package/dist/panda.buildinfo.json

@@ -324,6 +324,7 @@
       "gridColumnGap]___[value:medium",
       "backgroundColor]___[value:background.subtle",
       "gridTemplateColumns]___[value:repeat(2, minmax(0, 1fr))",
+      "marginTop]___[value:auto]___[cond:& > [data-embed-type='pitch']<___>& > :last-child",
       "gridTemplateColumns]___[value:repeat(1, minmax(0, 1fr))]___[cond:tabletDown",
       "gridTemplateColumns]___[value:repeat(2, minmax(0, 1fr))]___[cond:tabletToDesktop",
       "display]___[value:flex]___[cond:tabletToDesktop<___>& > div:nth-child(3):last-child",

package/dist/styles.css

@@ -1258,6 +1258,10 @@
     font-weight: var(--font-weights-bold);
 }
 
+  .\[\&_\>_\[data-embed-type\=\'pitch\'\]\]\:\[\&_\>_\:last-child\]\:mt_auto > [data-embed-type='pitch'] > :last-child {
+    margin-top: auto;
+}
+
   .focusVisible\:after\:pos_absolute:is(:focus-visible, [data-focus-visible])::after {
     position: absolute;
 }

package/es/Grid/Grid.js

@@ -19,6 +19,11 @@ const GridContainer = styled("div", {
     backgroundColor: "background.subtle",
     minWidth: "surface.xxsmall",
     gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
+    "& > [data-embed-type='pitch']": {
+      "& > :last-child": {
+        marginTop: "auto"
+      }
+    },
     tabletDown: {
       gridTemplateColumns: "repeat(1, minmax(0, 1fr))"
     },

package/es/locale/messages-en.js

@@ -229,7 +229,7 @@ const messages = {
     introduction: "What will it mean to work exploratory? How can you learn better? What is needed in order to make group work function? In the toolbox both students and teach find resources that are current for every subject, and that support learning work and development of knowledge, skills and understanding."
   },
   meta: {
-    description: "Norwegian Digital Learning Arena, Open Educational Resources",
+    description: "Norwegian Digital Learning Arena, Open Educational Resources for upper secondary education.",
     keywords: "open educational resources,teaching,learning"
   },
   masthead: {

package/es/locale/messages-nb.js

@@ -229,7 +229,7 @@ const messages = {
     introduction: "Hva vil det si å arbeide utforskende? Hvordan kan du lære bedre? Hva skal til for å få gruppearbeid til å fungere? I Verktøykassa finner både elever og lærere ressurser som er aktuelle for alle fag, og som støtter opp under læringsarbeid og utvikling av kunnskap, ferdigheter og forståelse."
   },
   meta: {
-    description: "Kvalitetssikrede og fritt tilgjengelige nettbaserte læremidler for videregående opplæring",
+    description: "Åpne og fritt tilgjengelige ressurser for videregående opplæring. Utviklet og oppdatert i samarbeid med dyktige lærere og elever.",
     keywords: "læremiddel,fag,skole,videregående,lærling,pensum,fagstoff"
   },
   masthead: {

package/es/locale/messages-nn.js

@@ -229,7 +229,7 @@ const messages = {
     introduction: "Kva vil det seie å arbeide utforskande? Korleis kan du lære betre? Kva skal til for å få gruppearbeid til å fungere? I Verktøykassa finn både elevar og lærerar ressursar som er aktuelle for alle fag, og som støtter opp under læringsarbeid og utvikling av kunnskap, ferdigheter og forståing."
   },
   meta: {
-    description: "Kvalitetssikra og fritt tilgjengelege nettbaserte læremiddel for vidaregåande opplæring",
+    description: "Opne og fritt tilgjengelege ressursar for vidaregåande opplæring. Utvikla og oppdaterte i samarbeid med dyktige lærarar og elevar.",
     keywords: "læremiddel,fag,skole,skule,vidaregåande,lærling,pensum,fagstoff, "
   },
   masthead: {

package/lib/Grid/Grid.js

@@ -25,6 +25,11 @@ const GridContainer = (0, _jsx2.styled)("div", {
     backgroundColor: "background.subtle",
     minWidth: "surface.xxsmall",
     gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
+    "& > [data-embed-type='pitch']": {
+      "& > :last-child": {
+        marginTop: "auto"
+      }
+    },
     tabletDown: {
       gridTemplateColumns: "repeat(1, minmax(0, 1fr))"
     },

package/lib/locale/messages-en.js

@@ -236,7 +236,7 @@ const messages = {
     introduction: "What will it mean to work exploratory? How can you learn better? What is needed in order to make group work function? In the toolbox both students and teach find resources that are current for every subject, and that support learning work and development of knowledge, skills and understanding."
   },
   meta: {
-    description: "Norwegian Digital Learning Arena, Open Educational Resources",
+    description: "Norwegian Digital Learning Arena, Open Educational Resources for upper secondary education.",
     keywords: "open educational resources,teaching,learning"
   },
   masthead: {

package/lib/locale/messages-nb.js

@@ -236,7 +236,7 @@ const messages = {
     introduction: "Hva vil det si å arbeide utforskende? Hvordan kan du lære bedre? Hva skal til for å få gruppearbeid til å fungere? I Verktøykassa finner både elever og lærere ressurser som er aktuelle for alle fag, og som støtter opp under læringsarbeid og utvikling av kunnskap, ferdigheter og forståelse."
   },
   meta: {
-    description: "Kvalitetssikrede og fritt tilgjengelige nettbaserte læremidler for videregående opplæring",
+    description: "Åpne og fritt tilgjengelige ressurser for videregående opplæring. Utviklet og oppdatert i samarbeid med dyktige lærere og elever.",
     keywords: "læremiddel,fag,skole,videregående,lærling,pensum,fagstoff"
   },
   masthead: {

package/lib/locale/messages-nn.js

@@ -236,7 +236,7 @@ const messages = {
     introduction: "Kva vil det seie å arbeide utforskande? Korleis kan du lære betre? Kva skal til for å få gruppearbeid til å fungere? I Verktøykassa finn både elevar og lærerar ressursar som er aktuelle for alle fag, og som støtter opp under læringsarbeid og utvikling av kunnskap, ferdigheter og forståing."
   },
   meta: {
-    description: "Kvalitetssikra og fritt tilgjengelege nettbaserte læremiddel for vidaregåande opplæring",
+    description: "Opne og fritt tilgjengelege ressursar for vidaregåande opplæring. Utvikla og oppdaterte i samarbeid med dyktige lærarar og elevar.",
     keywords: "læremiddel,fag,skole,skule,vidaregåande,lærling,pensum,fagstoff, "
   },
   masthead: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "56.0.53-alpha.0",
+  "version": "56.0.55-alpha.0",
   "description": "UI component library for NDLA",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -58,5 +58,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "1566b12dac651e40b3300afe8f41080649a9eed5"
+  "gitHead": "61d88c7c1bbad19fd1d94f13c0088b0684f95ff6"
 }

package/src/Grid/Grid.tsx

@@ -20,6 +20,11 @@ const GridContainer = styled("div", {
     backgroundColor: "background.subtle",
     minWidth: "surface.xxsmall",
     gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
+    "& > [data-embed-type='pitch']": {
+      "& > :last-child": {
+        marginTop: "auto",
+      },
+    },
     tabletDown: {
       gridTemplateColumns: "repeat(1, minmax(0, 1fr))",
     },

package/src/Pitch/Pitch.stories.tsx

@@ -8,24 +8,26 @@
 
 import { Meta, StoryFn } from "@storybook/react";
 import { PageContent } from "@ndla/primitives";
-import { Pitch } from "./Pitch";
+import { Pitch, Props } from "./Pitch";
 import { ArticleContent, ArticleWrapper } from "../Article";
 import { Grid } from "../Grid";
 
+const args: Props = {
+  title: "Min pitch",
+  description:
+    "Vil du øve på spansk? Kunne du tenke deg hjelp til naturfag? Drømmer du om en prat med Mandela? Lag din egen praterobot!",
+  url: "#",
+  metaImage: {
+    alt: "Yonghetempelet i Beijing. Foto.",
+    url: "https://api.test.ndla.no/image-api/raw/id//62870",
+  },
+};
+
 export default {
   title: "Components/Pitch",
   component: Pitch,
   tags: ["autodocs"],
-  args: {
-    title: "Min bloggpost",
-    description:
-      "Vil du øve på spansk? Kunne du tenke deg hjelp til naturfag? Drømmer du om en prat med Mandela? Lag din egen praterobot!",
-    url: "#",
-    metaImage: {
-      alt: "Yonghetempelet i Beijing. Foto.",
-      url: "https://api.test.ndla.no/image-api/raw/id//62870",
-    },
-  },
+  args: args,
   decorators: [
     (Story) => (
       <PageContent variant="page" asChild>
@@ -43,7 +45,9 @@ export const Default: StoryFn<typeof Pitch> = ({ ...args }) => {
   return (
     <Grid columns="2" background="transparent">
       <Pitch {...args} />
-      <Pitch {...args} />
+      <Pitch {...args} description="Kortere beskrivelse" />
     </Grid>
   );
 };
+
+Default.args = args;

package/src/locale/messages-en.ts

@@ -233,7 +233,7 @@ const messages = {
       "What will it mean to work exploratory? How can you learn better? What is needed in order to make group work function? In the toolbox both students and teach find resources that are current for every subject, and that support learning work and development of knowledge, skills and understanding.",
   },
   meta: {
-    description: "Norwegian Digital Learning Arena, Open Educational Resources",
+    description: "Norwegian Digital Learning Arena, Open Educational Resources for upper secondary education.",
     keywords: "open educational resources,teaching,learning",
   },
   masthead: {

package/src/locale/messages-nb.ts

@@ -233,7 +233,8 @@ const messages = {
       "Hva vil det si å arbeide utforskende? Hvordan kan du lære bedre? Hva skal til for å få gruppearbeid til å fungere? I Verktøykassa finner både elever og lærere ressurser som er aktuelle for alle fag, og som støtter opp under læringsarbeid og utvikling av kunnskap, ferdigheter og forståelse.",
   },
   meta: {
-    description: "Kvalitetssikrede og fritt tilgjengelige nettbaserte læremidler for videregående opplæring",
+    description:
+      "Åpne og fritt tilgjengelige ressurser for videregående opplæring. Utviklet og oppdatert i samarbeid med dyktige lærere og elever.",
     keywords: "læremiddel,fag,skole,videregående,lærling,pensum,fagstoff",
   },
   masthead: {

package/src/locale/messages-nn.ts

@@ -233,7 +233,8 @@ const messages = {
       "Kva vil det seie å arbeide utforskande? Korleis kan du lære betre? Kva skal til for å få gruppearbeid til å fungere? I Verktøykassa finn både elevar og lærerar ressursar som er aktuelle for alle fag, og som støtter opp under læringsarbeid og utvikling av kunnskap, ferdigheter og forståing.",
   },
   meta: {
-    description: "Kvalitetssikra og fritt tilgjengelege nettbaserte læremiddel for vidaregåande opplæring",
+    description:
+      "Opne og fritt tilgjengelege ressursar for vidaregåande opplæring. Utvikla og oppdaterte i samarbeid med dyktige lærarar og elevar.",
     keywords: "læremiddel,fag,skole,skule,vidaregåande,lærling,pensum,fagstoff, ",
   },
   masthead: {