@ndla/ui 37.0.5 → 37.1.0

package/README.md

@@ -18,7 +18,7 @@ The following dependencies are optional, but some components may depend on one o
 
 ```js
 react-router
-@ndla/article-scripts
+@ndla/article-converter
 @ndla/button
 @ndla/licenses
 @ndla/icons

package/es/List/OrderedList.js

@@ -29,7 +29,7 @@ export var generateListResets = function generateListResets() {
 var StyledOl = /*#__PURE__*/_styled("ol", {
   target: "e5qf6bq0",
   label: "StyledOl"
-})("margin-top:0;margin-left:", spacing.medium, ";", fonts.sizes('18px', '29px'), ";list-style-type:none;padding-left:", spacing.medium, "!important;ol{padding-left:", spacing.medium, ";margin-left:0;}li{margin-top:", spacing.normal, ";p{margin-bottom:", spacing.normal, "!important;}}&[data-type='letters']{counter-reset:item 0;>li{counter-increment:item;&:before{position:absolute;transform:translateX(-100%);content:counter(item, upper-alpha) '.';padding-right:", spacing.nsmall, ";}>ol[data-type='letters']{>li:before{content:counter(item, lower-alpha) '.';}ol[data-type='letters']{>li:before{content:counter(item, lower-roman) '.';}}}}}&:not([data-type='letters']){counter-reset:item 0;>li{counter-increment:item;&:before{position:absolute;transform:translateX(-100%);content:counters(item, '.') '.';padding-right:", spacing.nsmall, ";}>ol:not([data-type='letters']){>li{padding-left:", spacing.nsmall, ";>ol:not([data-type='letters']){>li{padding-left:", spacing.medium, ";>ol:not([data-type='letters']){>li{padding-left:", spacing.large, ";}}}}}}}}", generateListResets(), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk9yZGVyZWRMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QjBCIiwiZmlsZSI6Ik9yZGVyZWRMaXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IGZvcndhcmRSZWYsIEhUTUxBdHRyaWJ1dGVzIH0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgY29uc3QgZ2VuZXJhdGVMaXN0UmVzZXRzID0gKCkgPT4ge1xuICBsZXQgc3R5bGVzID0gJyc7XG4gIGZvciAobGV0ICRpID0gMDsgJGkgPCA1MDsgJGkrKykge1xuICAgIHN0eWxlcyArPSBgIFxuICAgICAgb2wub2wtcmVzZXQtJHskaX0geyBjb3VudGVyLXJlc2V0OiBpdGVtICR7JGkgLSAxfSB9ICBcbiAgICBgO1xuICB9XG5cbiAgcmV0dXJuIHN0eWxlcztcbn07XG5cbmNvbnN0IFN0eWxlZE9sID0gc3R5bGVkLm9sYFxuICBtYXJnaW4tdG9wOiAwO1xuICBtYXJnaW4tbGVmdDogJHtzcGFjaW5nLm1lZGl1bX07XG4gICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjlweCcpfTtcbiAgbGlzdC1zdHlsZS10eXBlOiBub25lO1xuICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5tZWRpdW19ICFpbXBvcnRhbnQ7XG5cbiAgLy8gQ2hpbGQgb3JkZXJlZCBsaXN0c1xuICBvbCB7XG4gICAgcGFkZGluZy1sZWZ0OiAke3NwYWNpbmcubWVkaXVtfTtcbiAgICBtYXJnaW4tbGVmdDogMDtcbiAgfVxuICAvLyBMaXN0IGl0ZW1cbiAgbGkge1xuICAgIG1hcmdpbi10b3A6ICR7c3BhY2luZy5ub3JtYWx9O1xuXG4gICAgcCB7XG4gICAgICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcubm9ybWFsfSAhaW1wb3J0YW50O1xuICAgIH1cbiAgfVxuXG4gICZbZGF0YS10eXBlPSdsZXR0ZXJzJ10ge1xuICAgIGNvdW50ZXItcmVzZXQ6IGl0ZW0gMDtcbiAgICA+IGxpIHtcbiAgICAgIGNvdW50ZXItaW5jcmVtZW50OiBpdGVtO1xuICAgICAgJjpiZWZvcmUge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMTAwJSk7XG4gICAgICAgIGNvbnRlbnQ6IGNvdW50ZXIoaXRlbSwgdXBwZXItYWxwaGEpICcuJztcbiAgICAgICAgcGFkZGluZy1yaWdodDogJHtzcGFjaW5nLm5zbWFsbH07XG4gICAgICB9XG5cbiAgICAgID4gb2xbZGF0YS10eXBlPSdsZXR0ZXJzJ10ge1xuICAgICAgICA+IGxpOmJlZm9yZSB7XG4gICAgICAgICAgY29udGVudDogY291bnRlcihpdGVtLCBsb3dlci1hbHBoYSkgJy4nO1xuICAgICAgICB9XG4gICAgICAgIG9sW2RhdGEtdHlwZT0nbGV0dGVycyddIHtcbiAgICAgICAgICA+IGxpOmJlZm9yZSB7XG4gICAgICAgICAgICBjb250ZW50OiBjb3VudGVyKGl0ZW0sIGxvd2VyLXJvbWFuKSAnLic7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgJjpub3QoW2RhdGEtdHlwZT0nbGV0dGVycyddKSB7XG4gICAgY291bnRlci1yZXNldDogaXRlbSAwO1xuICAgID4gbGkge1xuICAgICAgY291bnRlci1pbmNyZW1lbnQ6IGl0ZW07XG4gICAgICAmOmJlZm9yZSB7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0xMDAlKTtcbiAgICAgICAgY29udGVudDogY291bnRlcnMoaXRlbSwgJy4nKSAnLic7XG4gICAgICAgIHBhZGRpbmctcmlnaHQ6ICR7c3BhY2luZy5uc21hbGx9O1xuICAgICAgfVxuXG4gICAgICA+IG9sOm5vdChbZGF0YS10eXBlPSdsZXR0ZXJzJ10pIHtcbiAgICAgICAgPiBsaSB7XG4gICAgICAgICAgcGFkZGluZy1sZWZ0OiAke3NwYWNpbmcubnNtYWxsfTtcbiAgICAgICAgICA+IG9sOm5vdChbZGF0YS10eXBlPSdsZXR0ZXJzJ10pIHtcbiAgICAgICAgICAgID4gbGkge1xuICAgICAgICAgICAgICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5tZWRpdW19O1xuICAgICAgICAgICAgICA+IG9sOm5vdChbZGF0YS10eXBlPSdsZXR0ZXJzJ10pIHtcbiAgICAgICAgICAgICAgICA+IGxpIHtcbiAgICAgICAgICAgICAgICAgIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLmxhcmdlfTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gIH1cbiAgLy8gTGlzdCByZXNldCBjbGFzc2VzXG4gICR7Z2VuZXJhdGVMaXN0UmVzZXRzKCl9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMgZXh0ZW5kcyBIVE1MQXR0cmlidXRlczxIVE1MT0xpc3RFbGVtZW50PiB7XG4gIHR5cGU/OiAnbGV0dGVycyc7XG4gIHN0YXJ0PzogbnVtYmVyO1xufVxuXG5jb25zdCBPcmRlcmVkTGlzdCA9IGZvcndhcmRSZWY8SFRNTE9MaXN0RWxlbWVudCwgUHJvcHM+KCh7IHR5cGUsIGNoaWxkcmVuLCAuLi5yZXN0IH0sIHJlZikgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRPbCBkYXRhLXR5cGU9e3R5cGV9IHJlZj17cmVmfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TdHlsZWRPbD5cbiAgKTtcbn0pO1xuXG5leHBvcnQgZGVmYXVsdCBPcmRlcmVkTGlzdDtcbiJdfQ== */"));
+})("margin-top:0;margin-left:", spacing.normal, ";", fonts.sizes('18px', '29px'), ";list-style-type:none;padding-left:", spacing.normal, "!important;ol{padding-left:", spacing.normal, ";margin-left:0;}li{margin-top:", spacing.normal, ";p{margin-bottom:", spacing.normal, "!important;}}&[data-type='letters']{counter-reset:item 0;>li{counter-increment:item;&:before{position:absolute;transform:translateX(-100%);content:counter(item, upper-alpha) '.';padding-right:", spacing.nsmall, ";}>ol[data-type='letters']{>li:before{content:counter(item, lower-alpha) '.';}ol[data-type='letters']{>li:before{content:counter(item, lower-roman) '.';}}}}}&:not([data-type='letters']){counter-reset:item 0;>li{counter-increment:item;&:before{position:absolute;transform:translateX(-100%);content:counters(item, '.') '.';padding-right:", spacing.nsmall, ";}>ol:not([data-type='letters']){>li{padding-left:", spacing.nsmall, ";>ol:not([data-type='letters']){>li{padding-left:", spacing.medium, ";>ol:not([data-type='letters']){>li{padding-left:", spacing.large, ";}}}}}}}}", generateListResets(), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk9yZGVyZWRMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QjBCIiwiZmlsZSI6Ik9yZGVyZWRMaXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IGZvcndhcmRSZWYsIEhUTUxBdHRyaWJ1dGVzIH0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgY29uc3QgZ2VuZXJhdGVMaXN0UmVzZXRzID0gKCkgPT4ge1xuICBsZXQgc3R5bGVzID0gJyc7XG4gIGZvciAobGV0ICRpID0gMDsgJGkgPCA1MDsgJGkrKykge1xuICAgIHN0eWxlcyArPSBgIFxuICAgICAgb2wub2wtcmVzZXQtJHskaX0geyBjb3VudGVyLXJlc2V0OiBpdGVtICR7JGkgLSAxfSB9ICBcbiAgICBgO1xuICB9XG5cbiAgcmV0dXJuIHN0eWxlcztcbn07XG5cbmNvbnN0IFN0eWxlZE9sID0gc3R5bGVkLm9sYFxuICBtYXJnaW4tdG9wOiAwO1xuICBtYXJnaW4tbGVmdDogJHtzcGFjaW5nLm5vcm1hbH07XG4gICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjlweCcpfTtcbiAgbGlzdC1zdHlsZS10eXBlOiBub25lO1xuICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5ub3JtYWx9ICFpbXBvcnRhbnQ7XG5cbiAgLy8gQ2hpbGQgb3JkZXJlZCBsaXN0c1xuICBvbCB7XG4gICAgcGFkZGluZy1sZWZ0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgICBtYXJnaW4tbGVmdDogMDtcbiAgfVxuICAvLyBMaXN0IGl0ZW1cbiAgbGkge1xuICAgIG1hcmdpbi10b3A6ICR7c3BhY2luZy5ub3JtYWx9O1xuXG4gICAgcCB7XG4gICAgICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcubm9ybWFsfSAhaW1wb3J0YW50O1xuICAgIH1cbiAgfVxuXG4gICZbZGF0YS10eXBlPSdsZXR0ZXJzJ10ge1xuICAgIGNvdW50ZXItcmVzZXQ6IGl0ZW0gMDtcbiAgICA+IGxpIHtcbiAgICAgIGNvdW50ZXItaW5jcmVtZW50OiBpdGVtO1xuICAgICAgJjpiZWZvcmUge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMTAwJSk7XG4gICAgICAgIGNvbnRlbnQ6IGNvdW50ZXIoaXRlbSwgdXBwZXItYWxwaGEpICcuJztcbiAgICAgICAgcGFkZGluZy1yaWdodDogJHtzcGFjaW5nLm5zbWFsbH07XG4gICAgICB9XG5cbiAgICAgID4gb2xbZGF0YS10eXBlPSdsZXR0ZXJzJ10ge1xuICAgICAgICA+IGxpOmJlZm9yZSB7XG4gICAgICAgICAgY29udGVudDogY291bnRlcihpdGVtLCBsb3dlci1hbHBoYSkgJy4nO1xuICAgICAgICB9XG4gICAgICAgIG9sW2RhdGEtdHlwZT0nbGV0dGVycyddIHtcbiAgICAgICAgICA+IGxpOmJlZm9yZSB7XG4gICAgICAgICAgICBjb250ZW50OiBjb3VudGVyKGl0ZW0sIGxvd2VyLXJvbWFuKSAnLic7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgJjpub3QoW2RhdGEtdHlwZT0nbGV0dGVycyddKSB7XG4gICAgY291bnRlci1yZXNldDogaXRlbSAwO1xuICAgID4gbGkge1xuICAgICAgY291bnRlci1pbmNyZW1lbnQ6IGl0ZW07XG4gICAgICAmOmJlZm9yZSB7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0xMDAlKTtcbiAgICAgICAgY29udGVudDogY291bnRlcnMoaXRlbSwgJy4nKSAnLic7XG4gICAgICAgIHBhZGRpbmctcmlnaHQ6ICR7c3BhY2luZy5uc21hbGx9O1xuICAgICAgfVxuXG4gICAgICA+IG9sOm5vdChbZGF0YS10eXBlPSdsZXR0ZXJzJ10pIHtcbiAgICAgICAgPiBsaSB7XG4gICAgICAgICAgcGFkZGluZy1sZWZ0OiAke3NwYWNpbmcubnNtYWxsfTtcbiAgICAgICAgICA+IG9sOm5vdChbZGF0YS10eXBlPSdsZXR0ZXJzJ10pIHtcbiAgICAgICAgICAgID4gbGkge1xuICAgICAgICAgICAgICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5tZWRpdW19O1xuICAgICAgICAgICAgICA+IG9sOm5vdChbZGF0YS10eXBlPSdsZXR0ZXJzJ10pIHtcbiAgICAgICAgICAgICAgICA+IGxpIHtcbiAgICAgICAgICAgICAgICAgIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLmxhcmdlfTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gIH1cbiAgLy8gTGlzdCByZXNldCBjbGFzc2VzXG4gICR7Z2VuZXJhdGVMaXN0UmVzZXRzKCl9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMgZXh0ZW5kcyBIVE1MQXR0cmlidXRlczxIVE1MT0xpc3RFbGVtZW50PiB7XG4gIHR5cGU/OiAnbGV0dGVycyc7XG4gIHN0YXJ0PzogbnVtYmVyO1xufVxuXG5jb25zdCBPcmRlcmVkTGlzdCA9IGZvcndhcmRSZWY8SFRNTE9MaXN0RWxlbWVudCwgUHJvcHM+KCh7IHR5cGUsIGNoaWxkcmVuLCAuLi5yZXN0IH0sIHJlZikgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRPbCBkYXRhLXR5cGU9e3R5cGV9IHJlZj17cmVmfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TdHlsZWRPbD5cbiAgKTtcbn0pO1xuXG5leHBvcnQgZGVmYXVsdCBPcmRlcmVkTGlzdDtcbiJdfQ== */"));
 var OrderedList = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var type = _ref.type,
     children = _ref.children,

package/es/List/UnOrderedList.js

@@ -23,7 +23,7 @@ import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 var StyledUl = /*#__PURE__*/_styled("ul", {
   target: "engrneb0",
   label: "StyledUl"
-})("padding-left:", spacing.small, "!important;margin-left:", spacing.medium, "!important;>li{::marker{color:", colors.brand.secondary, ";}}ul{list-style-image:none;padding-left:", spacing.small, ";margin-left:0!important;}margin-top:0;", fonts.sizes('18px', '29px'), ";li{padding-left:", spacing.nsmall, ";margin-top:", spacing.normal, ";p{margin-bottom:", spacing.normal, "!important;}}ul{padding-left:", spacing.nsmall, ";}", generateListResets(), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlVuT3JkZXJlZExpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWEwQiIsImZpbGUiOiJVbk9yZGVyZWRMaXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY29sb3JzLCBmb250cywgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgZm9yd2FyZFJlZiwgSFRNTEF0dHJpYnV0ZXMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBnZW5lcmF0ZUxpc3RSZXNldHMgfSBmcm9tICcuL09yZGVyZWRMaXN0JztcblxuY29uc3QgU3R5bGVkVWwgPSBzdHlsZWQudWxgXG4gIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLnNtYWxsfSAhaW1wb3J0YW50O1xuICBtYXJnaW4tbGVmdDogJHtzcGFjaW5nLm1lZGl1bX0gIWltcG9ydGFudDtcbiAgPiBsaSB7XG4gICAgOjptYXJrZXIge1xuICAgICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnNlY29uZGFyeX07XG4gICAgfVxuICB9XG4gIHVsIHtcbiAgICBsaXN0LXN0eWxlLWltYWdlOiBub25lO1xuICAgIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLnNtYWxsfTtcblxuICAgIG1hcmdpbi1sZWZ0OiAwICFpbXBvcnRhbnQ7XG4gIH1cbiAgbWFyZ2luLXRvcDogMDtcbiAgJHtmb250cy5zaXplcygnMThweCcsICcyOXB4Jyl9O1xuXG4gIC8vIExpc3QgaXRlbVxuICBsaSB7XG4gICAgcGFkZGluZy1sZWZ0OiAke3NwYWNpbmcubnNtYWxsfTtcbiAgICBtYXJnaW4tdG9wOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgICBwIHtcbiAgICAgIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5ub3JtYWx9ICFpbXBvcnRhbnQ7XG4gICAgfVxuICB9XG5cbiAgLy8gQ2hpbGQgdW5vcmRlcmVkIGxpc3RzXG4gIHVsIHtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5uc21hbGx9O1xuICB9XG4gIC8vIExpc3QgcmVzZXQgY2xhc3Nlc1xuICAke2dlbmVyYXRlTGlzdFJlc2V0cygpfVxuYDtcblxuY29uc3QgVW5PcmRlcmVkTGlzdCA9IGZvcndhcmRSZWY8SFRNTFVMaXN0RWxlbWVudCwgSFRNTEF0dHJpYnV0ZXM8SFRNTFVMaXN0RWxlbWVudD4+KCh7IGNoaWxkcmVuLCAuLi5yZXN0IH0sIHJlZikgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRVbCByZWY9e3JlZn0gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkVWw+XG4gICk7XG59KTtcblxuZXhwb3J0IGRlZmF1bHQgVW5PcmRlcmVkTGlzdDtcbiJdfQ== */"));
+})("padding-left:", spacing.nsmall, "!important;margin-left:", spacing.normal, "!important;margin-top:0;", fonts.sizes('18px', '29px'), ";ul{list-style-image:none;padding-left:", spacing.nsmall, ";margin-left:0!important;}>li{::marker{color:", colors.brand.secondary, ";}}li{padding-left:", spacing.nsmall, ";margin-top:", spacing.normal, ";p{margin-bottom:", spacing.normal, "!important;}}", generateListResets(), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlVuT3JkZXJlZExpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWEwQiIsImZpbGUiOiJVbk9yZGVyZWRMaXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY29sb3JzLCBmb250cywgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgZm9yd2FyZFJlZiwgSFRNTEF0dHJpYnV0ZXMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBnZW5lcmF0ZUxpc3RSZXNldHMgfSBmcm9tICcuL09yZGVyZWRMaXN0JztcblxuY29uc3QgU3R5bGVkVWwgPSBzdHlsZWQudWxgXG4gIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLm5zbWFsbH0gIWltcG9ydGFudDtcbiAgbWFyZ2luLWxlZnQ6ICR7c3BhY2luZy5ub3JtYWx9ICFpbXBvcnRhbnQ7XG4gIG1hcmdpbi10b3A6IDA7XG4gICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjlweCcpfTtcblxuICB1bCB7XG4gICAgbGlzdC1zdHlsZS1pbWFnZTogbm9uZTtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5uc21hbGx9O1xuXG4gICAgbWFyZ2luLWxlZnQ6IDAgIWltcG9ydGFudDtcbiAgfVxuXG4gID4gbGkge1xuICAgIDo6bWFya2VyIHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5zZWNvbmRhcnl9O1xuICAgIH1cbiAgfVxuICAvLyBMaXN0IGl0ZW1cbiAgbGkge1xuICAgIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLm5zbWFsbH07XG4gICAgbWFyZ2luLXRvcDogJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgcCB7XG4gICAgICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcubm9ybWFsfSAhaW1wb3J0YW50O1xuICAgIH1cbiAgfVxuXG4gIC8vIExpc3QgcmVzZXQgY2xhc3Nlc1xuICAke2dlbmVyYXRlTGlzdFJlc2V0cygpfVxuYDtcblxuY29uc3QgVW5PcmRlcmVkTGlzdCA9IGZvcndhcmRSZWY8SFRNTFVMaXN0RWxlbWVudCwgSFRNTEF0dHJpYnV0ZXM8SFRNTFVMaXN0RWxlbWVudD4+KCh7IGNoaWxkcmVuLCAuLi5yZXN0IH0sIHJlZikgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRVbCByZWY9e3JlZn0gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkVWw+XG4gICk7XG59KTtcblxuZXhwb3J0IGRlZmF1bHQgVW5PcmRlcmVkTGlzdDtcbiJdfQ== */"));
 var UnOrderedList = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded);

package/es/ProgrammeCard/ProgrammeCard.js

@@ -0,0 +1,53 @@
+import _styled from "@emotion/styled/base";
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import React from 'react';
+import SafeLink from '@ndla/safelink';
+import { spacing, colors, misc, breakpoints, mq } from '@ndla/core';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+var StyledCardContainer = /*#__PURE__*/_styled(SafeLink, {
+  target: "eo9d6lc2",
+  label: "StyledCardContainer"
+})(mq.range({
+  from: breakpoints.tablet
+}), "{height:350px;width:250px;}max-width:350px;height:195px;display:flex;flex-direction:column;background-color:", colors.background["default"], ";border-radius:", misc.borderRadius, ";align-self:center;box-shadow:none;&:hover,&:focus-visible{text-decoration:underline ", colors.text.primary, ";text-underline-offset:3px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyYW1tZUNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCNEMiLCJmaWxlIjoiUHJvZ3JhbW1lQ2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHsgc3BhY2luZywgY29sb3JzLCBtaXNjLCBicmVha3BvaW50cywgbXEgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIEltYWdlIHtcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuZXhwb3J0IGludGVyZmFjZSBQcm9ncmFtbWUge1xuICBpZDogc3RyaW5nO1xuICB0aXRsZToge1xuICAgIHRpdGxlOiBzdHJpbmc7XG4gICAgbGFuZ3VhZ2U6IHN0cmluZztcbiAgfTtcbiAgZGVza3RvcEltYWdlOiBJbWFnZTtcbiAgbW9iaWxlSW1hZ2U6IEltYWdlO1xuICB1cmw6IHN0cmluZztcbn1cblxuY29uc3QgU3R5bGVkQ2FyZENvbnRhaW5lciA9IHN0eWxlZChTYWZlTGluaylgXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBoZWlnaHQ6IDM1MHB4O1xuICAgIHdpZHRoOiAyNTBweDtcbiAgfVxuICBtYXgtd2lkdGg6IDM1MHB4O1xuICBoZWlnaHQ6IDE5NXB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5iYWNrZ3JvdW5kLmRlZmF1bHR9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgYWxpZ24tc2VsZjogY2VudGVyO1xuICBib3gtc2hhZG93OiBub25lO1xuICAmOmhvdmVyLFxuICAmOmZvY3VzLXZpc2libGUge1xuICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gICAgdGV4dC11bmRlcmxpbmUtb2Zmc2V0OiAzcHg7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZC5pbWdgXG4gIGRpc3BsYXk6IG5vbmU7XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9ICR7bWlzYy5ib3JkZXJSYWRpdXN9IDAgMDtcbiAgJltkYXRhLWlzLW1vYmlsZT0ndHJ1ZSddIHtcbiAgICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB3aWR0aDogYXV0bztcbiAgICB9XG4gIH1cbiAgJltkYXRhLWlzLW1vYmlsZT0nZmFsc2UnXSB7XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB3aWR0aDogMzUwcHg7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZC5zcGFuYFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLm5vcm1hbH0gMCAke3NwYWNpbmcubm9ybWFsfSAke3NwYWNpbmcubnNtYWxsfTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gIGJvcmRlci1yYWRpdXM6IDAgMCAke21pc2MuYm9yZGVyUmFkaXVzfSAke21pc2MuYm9yZGVyUmFkaXVzfTtcbmA7XG5cbmNvbnN0IFByb2dyYW1tZUNhcmQgPSAoeyB0aXRsZSwgZGVza3RvcEltYWdlLCBtb2JpbGVJbWFnZSwgdXJsIH06IFByb2dyYW1tZSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDYXJkQ29udGFpbmVyIHRvPXt1cmx9PlxuICAgICAgPFN0eWxlZEltZyBkYXRhLWlzLW1vYmlsZT1cImZhbHNlXCIgc3JjPXtkZXNrdG9wSW1hZ2Uuc3JjfSBhbHQ9e2Rlc2t0b3BJbWFnZS5hbHR9IC8+XG4gICAgICA8U3R5bGVkSW1nIGRhdGEtaXMtbW9iaWxlPVwidHJ1ZVwiIHNyYz17bW9iaWxlSW1hZ2Uuc3JjfSBhbHQ9e21vYmlsZUltYWdlLmFsdH0gLz5cbiAgICAgIDxTdHlsZWRUaXRsZT57dGl0bGUudGl0bGV9PC9TdHlsZWRUaXRsZT5cbiAgICA8L1N0eWxlZENhcmRDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBQcm9ncmFtbWVDYXJkO1xuIl19 */"));
+var StyledImg = /*#__PURE__*/_styled("img", {
+  target: "eo9d6lc1",
+  label: "StyledImg"
+})("display:none;border-radius:", misc.borderRadius, " ", misc.borderRadius, " 0 0;&[data-is-mobile='true']{", mq.range({
+  until: breakpoints.tablet
+}), "{display:block;width:auto;}}&[data-is-mobile='false']{", mq.range({
+  from: breakpoints.tablet
+}), "{display:block;width:350px;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyYW1tZUNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdENEIiLCJmaWxlIjoiUHJvZ3JhbW1lQ2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHsgc3BhY2luZywgY29sb3JzLCBtaXNjLCBicmVha3BvaW50cywgbXEgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIEltYWdlIHtcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuZXhwb3J0IGludGVyZmFjZSBQcm9ncmFtbWUge1xuICBpZDogc3RyaW5nO1xuICB0aXRsZToge1xuICAgIHRpdGxlOiBzdHJpbmc7XG4gICAgbGFuZ3VhZ2U6IHN0cmluZztcbiAgfTtcbiAgZGVza3RvcEltYWdlOiBJbWFnZTtcbiAgbW9iaWxlSW1hZ2U6IEltYWdlO1xuICB1cmw6IHN0cmluZztcbn1cblxuY29uc3QgU3R5bGVkQ2FyZENvbnRhaW5lciA9IHN0eWxlZChTYWZlTGluaylgXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBoZWlnaHQ6IDM1MHB4O1xuICAgIHdpZHRoOiAyNTBweDtcbiAgfVxuICBtYXgtd2lkdGg6IDM1MHB4O1xuICBoZWlnaHQ6IDE5NXB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5iYWNrZ3JvdW5kLmRlZmF1bHR9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgYWxpZ24tc2VsZjogY2VudGVyO1xuICBib3gtc2hhZG93OiBub25lO1xuICAmOmhvdmVyLFxuICAmOmZvY3VzLXZpc2libGUge1xuICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gICAgdGV4dC11bmRlcmxpbmUtb2Zmc2V0OiAzcHg7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZC5pbWdgXG4gIGRpc3BsYXk6IG5vbmU7XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9ICR7bWlzYy5ib3JkZXJSYWRpdXN9IDAgMDtcbiAgJltkYXRhLWlzLW1vYmlsZT0ndHJ1ZSddIHtcbiAgICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB3aWR0aDogYXV0bztcbiAgICB9XG4gIH1cbiAgJltkYXRhLWlzLW1vYmlsZT0nZmFsc2UnXSB7XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB3aWR0aDogMzUwcHg7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZC5zcGFuYFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLm5vcm1hbH0gMCAke3NwYWNpbmcubm9ybWFsfSAke3NwYWNpbmcubnNtYWxsfTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gIGJvcmRlci1yYWRpdXM6IDAgMCAke21pc2MuYm9yZGVyUmFkaXVzfSAke21pc2MuYm9yZGVyUmFkaXVzfTtcbmA7XG5cbmNvbnN0IFByb2dyYW1tZUNhcmQgPSAoeyB0aXRsZSwgZGVza3RvcEltYWdlLCBtb2JpbGVJbWFnZSwgdXJsIH06IFByb2dyYW1tZSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDYXJkQ29udGFpbmVyIHRvPXt1cmx9PlxuICAgICAgPFN0eWxlZEltZyBkYXRhLWlzLW1vYmlsZT1cImZhbHNlXCIgc3JjPXtkZXNrdG9wSW1hZ2Uuc3JjfSBhbHQ9e2Rlc2t0b3BJbWFnZS5hbHR9IC8+XG4gICAgICA8U3R5bGVkSW1nIGRhdGEtaXMtbW9iaWxlPVwidHJ1ZVwiIHNyYz17bW9iaWxlSW1hZ2Uuc3JjfSBhbHQ9e21vYmlsZUltYWdlLmFsdH0gLz5cbiAgICAgIDxTdHlsZWRUaXRsZT57dGl0bGUudGl0bGV9PC9TdHlsZWRUaXRsZT5cbiAgICA8L1N0eWxlZENhcmRDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBQcm9ncmFtbWVDYXJkO1xuIl19 */"));
+var StyledTitle = /*#__PURE__*/_styled("span", {
+  target: "eo9d6lc0",
+  label: "StyledTitle"
+})("color:", colors.text.primary, ";padding:", spacing.normal, " 0 ", spacing.normal, " ", spacing.nsmall, ";border:1px solid ", colors.brand.lighter, ";border-radius:0 0 ", misc.borderRadius, " ", misc.borderRadius, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyYW1tZUNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlFK0IiLCJmaWxlIjoiUHJvZ3JhbW1lQ2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHsgc3BhY2luZywgY29sb3JzLCBtaXNjLCBicmVha3BvaW50cywgbXEgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIEltYWdlIHtcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuZXhwb3J0IGludGVyZmFjZSBQcm9ncmFtbWUge1xuICBpZDogc3RyaW5nO1xuICB0aXRsZToge1xuICAgIHRpdGxlOiBzdHJpbmc7XG4gICAgbGFuZ3VhZ2U6IHN0cmluZztcbiAgfTtcbiAgZGVza3RvcEltYWdlOiBJbWFnZTtcbiAgbW9iaWxlSW1hZ2U6IEltYWdlO1xuICB1cmw6IHN0cmluZztcbn1cblxuY29uc3QgU3R5bGVkQ2FyZENvbnRhaW5lciA9IHN0eWxlZChTYWZlTGluaylgXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBoZWlnaHQ6IDM1MHB4O1xuICAgIHdpZHRoOiAyNTBweDtcbiAgfVxuICBtYXgtd2lkdGg6IDM1MHB4O1xuICBoZWlnaHQ6IDE5NXB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5iYWNrZ3JvdW5kLmRlZmF1bHR9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgYWxpZ24tc2VsZjogY2VudGVyO1xuICBib3gtc2hhZG93OiBub25lO1xuICAmOmhvdmVyLFxuICAmOmZvY3VzLXZpc2libGUge1xuICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gICAgdGV4dC11bmRlcmxpbmUtb2Zmc2V0OiAzcHg7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZC5pbWdgXG4gIGRpc3BsYXk6IG5vbmU7XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9ICR7bWlzYy5ib3JkZXJSYWRpdXN9IDAgMDtcbiAgJltkYXRhLWlzLW1vYmlsZT0ndHJ1ZSddIHtcbiAgICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB3aWR0aDogYXV0bztcbiAgICB9XG4gIH1cbiAgJltkYXRhLWlzLW1vYmlsZT0nZmFsc2UnXSB7XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB3aWR0aDogMzUwcHg7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZC5zcGFuYFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLm5vcm1hbH0gMCAke3NwYWNpbmcubm9ybWFsfSAke3NwYWNpbmcubnNtYWxsfTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gIGJvcmRlci1yYWRpdXM6IDAgMCAke21pc2MuYm9yZGVyUmFkaXVzfSAke21pc2MuYm9yZGVyUmFkaXVzfTtcbmA7XG5cbmNvbnN0IFByb2dyYW1tZUNhcmQgPSAoeyB0aXRsZSwgZGVza3RvcEltYWdlLCBtb2JpbGVJbWFnZSwgdXJsIH06IFByb2dyYW1tZSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDYXJkQ29udGFpbmVyIHRvPXt1cmx9PlxuICAgICAgPFN0eWxlZEltZyBkYXRhLWlzLW1vYmlsZT1cImZhbHNlXCIgc3JjPXtkZXNrdG9wSW1hZ2Uuc3JjfSBhbHQ9e2Rlc2t0b3BJbWFnZS5hbHR9IC8+XG4gICAgICA8U3R5bGVkSW1nIGRhdGEtaXMtbW9iaWxlPVwidHJ1ZVwiIHNyYz17bW9iaWxlSW1hZ2Uuc3JjfSBhbHQ9e21vYmlsZUltYWdlLmFsdH0gLz5cbiAgICAgIDxTdHlsZWRUaXRsZT57dGl0bGUudGl0bGV9PC9TdHlsZWRUaXRsZT5cbiAgICA8L1N0eWxlZENhcmRDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBQcm9ncmFtbWVDYXJkO1xuIl19 */"));
+var ProgrammeCard = function ProgrammeCard(_ref) {
+  var title = _ref.title,
+    desktopImage = _ref.desktopImage,
+    mobileImage = _ref.mobileImage,
+    url = _ref.url;
+  return _jsxs(StyledCardContainer, {
+    to: url,
+    children: [_jsx(StyledImg, {
+      "data-is-mobile": "false",
+      src: desktopImage.src,
+      alt: desktopImage.alt
+    }), _jsx(StyledImg, {
+      "data-is-mobile": "true",
+      src: mobileImage.src,
+      alt: mobileImage.alt
+    }), _jsx(StyledTitle, {
+      children: title.title
+    })]
+  });
+};
+export default ProgrammeCard;

package/es/ProgrammeCard/index.js

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) 2023-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 { default as ProgrammeCard } from './ProgrammeCard';

package/es/index.js

@@ -90,6 +90,7 @@ export { SearchField, SearchResultList, SearchResultItem, ActiveFilters, ToggleS
 export { default as LetterFilter } from './LetterFilter';
 export { OrderedList, UnOrderedList } from './List';
 export { BlogPostV2 } from './BlogPost';
+export { ProgrammeCard } from './ProgrammeCard';
 export { KeyFigure } from './KeyFigure';
 export { default as ContactBlock } from './ContactBlock';
 export { CampaignBlock } from './CampaignBlock';

package/lib/List/OrderedList.js

@@ -36,7 +36,7 @@ exports.generateListResets = generateListResets;
 var StyledOl = /*#__PURE__*/(0, _base["default"])("ol", {
   target: "e5qf6bq0",
   label: "StyledOl"
-})("margin-top:0;margin-left:", _core.spacing.medium, ";", _core.fonts.sizes('18px', '29px'), ";list-style-type:none;padding-left:", _core.spacing.medium, "!important;ol{padding-left:", _core.spacing.medium, ";margin-left:0;}li{margin-top:", _core.spacing.normal, ";p{margin-bottom:", _core.spacing.normal, "!important;}}&[data-type='letters']{counter-reset:item 0;>li{counter-increment:item;&:before{position:absolute;transform:translateX(-100%);content:counter(item, upper-alpha) '.';padding-right:", _core.spacing.nsmall, ";}>ol[data-type='letters']{>li:before{content:counter(item, lower-alpha) '.';}ol[data-type='letters']{>li:before{content:counter(item, lower-roman) '.';}}}}}&:not([data-type='letters']){counter-reset:item 0;>li{counter-increment:item;&:before{position:absolute;transform:translateX(-100%);content:counters(item, '.') '.';padding-right:", _core.spacing.nsmall, ";}>ol:not([data-type='letters']){>li{padding-left:", _core.spacing.nsmall, ";>ol:not([data-type='letters']){>li{padding-left:", _core.spacing.medium, ";>ol:not([data-type='letters']){>li{padding-left:", _core.spacing.large, ";}}}}}}}}", generateListResets(), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk9yZGVyZWRMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QjBCIiwiZmlsZSI6Ik9yZGVyZWRMaXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IGZvcndhcmRSZWYsIEhUTUxBdHRyaWJ1dGVzIH0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgY29uc3QgZ2VuZXJhdGVMaXN0UmVzZXRzID0gKCkgPT4ge1xuICBsZXQgc3R5bGVzID0gJyc7XG4gIGZvciAobGV0ICRpID0gMDsgJGkgPCA1MDsgJGkrKykge1xuICAgIHN0eWxlcyArPSBgIFxuICAgICAgb2wub2wtcmVzZXQtJHskaX0geyBjb3VudGVyLXJlc2V0OiBpdGVtICR7JGkgLSAxfSB9ICBcbiAgICBgO1xuICB9XG5cbiAgcmV0dXJuIHN0eWxlcztcbn07XG5cbmNvbnN0IFN0eWxlZE9sID0gc3R5bGVkLm9sYFxuICBtYXJnaW4tdG9wOiAwO1xuICBtYXJnaW4tbGVmdDogJHtzcGFjaW5nLm1lZGl1bX07XG4gICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjlweCcpfTtcbiAgbGlzdC1zdHlsZS10eXBlOiBub25lO1xuICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5tZWRpdW19ICFpbXBvcnRhbnQ7XG5cbiAgLy8gQ2hpbGQgb3JkZXJlZCBsaXN0c1xuICBvbCB7XG4gICAgcGFkZGluZy1sZWZ0OiAke3NwYWNpbmcubWVkaXVtfTtcbiAgICBtYXJnaW4tbGVmdDogMDtcbiAgfVxuICAvLyBMaXN0IGl0ZW1cbiAgbGkge1xuICAgIG1hcmdpbi10b3A6ICR7c3BhY2luZy5ub3JtYWx9O1xuXG4gICAgcCB7XG4gICAgICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcubm9ybWFsfSAhaW1wb3J0YW50O1xuICAgIH1cbiAgfVxuXG4gICZbZGF0YS10eXBlPSdsZXR0ZXJzJ10ge1xuICAgIGNvdW50ZXItcmVzZXQ6IGl0ZW0gMDtcbiAgICA+IGxpIHtcbiAgICAgIGNvdW50ZXItaW5jcmVtZW50OiBpdGVtO1xuICAgICAgJjpiZWZvcmUge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMTAwJSk7XG4gICAgICAgIGNvbnRlbnQ6IGNvdW50ZXIoaXRlbSwgdXBwZXItYWxwaGEpICcuJztcbiAgICAgICAgcGFkZGluZy1yaWdodDogJHtzcGFjaW5nLm5zbWFsbH07XG4gICAgICB9XG5cbiAgICAgID4gb2xbZGF0YS10eXBlPSdsZXR0ZXJzJ10ge1xuICAgICAgICA+IGxpOmJlZm9yZSB7XG4gICAgICAgICAgY29udGVudDogY291bnRlcihpdGVtLCBsb3dlci1hbHBoYSkgJy4nO1xuICAgICAgICB9XG4gICAgICAgIG9sW2RhdGEtdHlwZT0nbGV0dGVycyddIHtcbiAgICAgICAgICA+IGxpOmJlZm9yZSB7XG4gICAgICAgICAgICBjb250ZW50OiBjb3VudGVyKGl0ZW0sIGxvd2VyLXJvbWFuKSAnLic7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgJjpub3QoW2RhdGEtdHlwZT0nbGV0dGVycyddKSB7XG4gICAgY291bnRlci1yZXNldDogaXRlbSAwO1xuICAgID4gbGkge1xuICAgICAgY291bnRlci1pbmNyZW1lbnQ6IGl0ZW07XG4gICAgICAmOmJlZm9yZSB7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0xMDAlKTtcbiAgICAgICAgY29udGVudDogY291bnRlcnMoaXRlbSwgJy4nKSAnLic7XG4gICAgICAgIHBhZGRpbmctcmlnaHQ6ICR7c3BhY2luZy5uc21hbGx9O1xuICAgICAgfVxuXG4gICAgICA+IG9sOm5vdChbZGF0YS10eXBlPSdsZXR0ZXJzJ10pIHtcbiAgICAgICAgPiBsaSB7XG4gICAgICAgICAgcGFkZGluZy1sZWZ0OiAke3NwYWNpbmcubnNtYWxsfTtcbiAgICAgICAgICA+IG9sOm5vdChbZGF0YS10eXBlPSdsZXR0ZXJzJ10pIHtcbiAgICAgICAgICAgID4gbGkge1xuICAgICAgICAgICAgICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5tZWRpdW19O1xuICAgICAgICAgICAgICA+IG9sOm5vdChbZGF0YS10eXBlPSdsZXR0ZXJzJ10pIHtcbiAgICAgICAgICAgICAgICA+IGxpIHtcbiAgICAgICAgICAgICAgICAgIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLmxhcmdlfTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gIH1cbiAgLy8gTGlzdCByZXNldCBjbGFzc2VzXG4gICR7Z2VuZXJhdGVMaXN0UmVzZXRzKCl9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMgZXh0ZW5kcyBIVE1MQXR0cmlidXRlczxIVE1MT0xpc3RFbGVtZW50PiB7XG4gIHR5cGU/OiAnbGV0dGVycyc7XG4gIHN0YXJ0PzogbnVtYmVyO1xufVxuXG5jb25zdCBPcmRlcmVkTGlzdCA9IGZvcndhcmRSZWY8SFRNTE9MaXN0RWxlbWVudCwgUHJvcHM+KCh7IHR5cGUsIGNoaWxkcmVuLCAuLi5yZXN0IH0sIHJlZikgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRPbCBkYXRhLXR5cGU9e3R5cGV9IHJlZj17cmVmfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TdHlsZWRPbD5cbiAgKTtcbn0pO1xuXG5leHBvcnQgZGVmYXVsdCBPcmRlcmVkTGlzdDtcbiJdfQ== */"));
+})("margin-top:0;margin-left:", _core.spacing.normal, ";", _core.fonts.sizes('18px', '29px'), ";list-style-type:none;padding-left:", _core.spacing.normal, "!important;ol{padding-left:", _core.spacing.normal, ";margin-left:0;}li{margin-top:", _core.spacing.normal, ";p{margin-bottom:", _core.spacing.normal, "!important;}}&[data-type='letters']{counter-reset:item 0;>li{counter-increment:item;&:before{position:absolute;transform:translateX(-100%);content:counter(item, upper-alpha) '.';padding-right:", _core.spacing.nsmall, ";}>ol[data-type='letters']{>li:before{content:counter(item, lower-alpha) '.';}ol[data-type='letters']{>li:before{content:counter(item, lower-roman) '.';}}}}}&:not([data-type='letters']){counter-reset:item 0;>li{counter-increment:item;&:before{position:absolute;transform:translateX(-100%);content:counters(item, '.') '.';padding-right:", _core.spacing.nsmall, ";}>ol:not([data-type='letters']){>li{padding-left:", _core.spacing.nsmall, ";>ol:not([data-type='letters']){>li{padding-left:", _core.spacing.medium, ";>ol:not([data-type='letters']){>li{padding-left:", _core.spacing.large, ";}}}}}}}}", generateListResets(), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk9yZGVyZWRMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QjBCIiwiZmlsZSI6Ik9yZGVyZWRMaXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IGZvcndhcmRSZWYsIEhUTUxBdHRyaWJ1dGVzIH0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgY29uc3QgZ2VuZXJhdGVMaXN0UmVzZXRzID0gKCkgPT4ge1xuICBsZXQgc3R5bGVzID0gJyc7XG4gIGZvciAobGV0ICRpID0gMDsgJGkgPCA1MDsgJGkrKykge1xuICAgIHN0eWxlcyArPSBgIFxuICAgICAgb2wub2wtcmVzZXQtJHskaX0geyBjb3VudGVyLXJlc2V0OiBpdGVtICR7JGkgLSAxfSB9ICBcbiAgICBgO1xuICB9XG5cbiAgcmV0dXJuIHN0eWxlcztcbn07XG5cbmNvbnN0IFN0eWxlZE9sID0gc3R5bGVkLm9sYFxuICBtYXJnaW4tdG9wOiAwO1xuICBtYXJnaW4tbGVmdDogJHtzcGFjaW5nLm5vcm1hbH07XG4gICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjlweCcpfTtcbiAgbGlzdC1zdHlsZS10eXBlOiBub25lO1xuICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5ub3JtYWx9ICFpbXBvcnRhbnQ7XG5cbiAgLy8gQ2hpbGQgb3JkZXJlZCBsaXN0c1xuICBvbCB7XG4gICAgcGFkZGluZy1sZWZ0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgICBtYXJnaW4tbGVmdDogMDtcbiAgfVxuICAvLyBMaXN0IGl0ZW1cbiAgbGkge1xuICAgIG1hcmdpbi10b3A6ICR7c3BhY2luZy5ub3JtYWx9O1xuXG4gICAgcCB7XG4gICAgICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcubm9ybWFsfSAhaW1wb3J0YW50O1xuICAgIH1cbiAgfVxuXG4gICZbZGF0YS10eXBlPSdsZXR0ZXJzJ10ge1xuICAgIGNvdW50ZXItcmVzZXQ6IGl0ZW0gMDtcbiAgICA+IGxpIHtcbiAgICAgIGNvdW50ZXItaW5jcmVtZW50OiBpdGVtO1xuICAgICAgJjpiZWZvcmUge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMTAwJSk7XG4gICAgICAgIGNvbnRlbnQ6IGNvdW50ZXIoaXRlbSwgdXBwZXItYWxwaGEpICcuJztcbiAgICAgICAgcGFkZGluZy1yaWdodDogJHtzcGFjaW5nLm5zbWFsbH07XG4gICAgICB9XG5cbiAgICAgID4gb2xbZGF0YS10eXBlPSdsZXR0ZXJzJ10ge1xuICAgICAgICA+IGxpOmJlZm9yZSB7XG4gICAgICAgICAgY29udGVudDogY291bnRlcihpdGVtLCBsb3dlci1hbHBoYSkgJy4nO1xuICAgICAgICB9XG4gICAgICAgIG9sW2RhdGEtdHlwZT0nbGV0dGVycyddIHtcbiAgICAgICAgICA+IGxpOmJlZm9yZSB7XG4gICAgICAgICAgICBjb250ZW50OiBjb3VudGVyKGl0ZW0sIGxvd2VyLXJvbWFuKSAnLic7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgJjpub3QoW2RhdGEtdHlwZT0nbGV0dGVycyddKSB7XG4gICAgY291bnRlci1yZXNldDogaXRlbSAwO1xuICAgID4gbGkge1xuICAgICAgY291bnRlci1pbmNyZW1lbnQ6IGl0ZW07XG4gICAgICAmOmJlZm9yZSB7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0xMDAlKTtcbiAgICAgICAgY29udGVudDogY291bnRlcnMoaXRlbSwgJy4nKSAnLic7XG4gICAgICAgIHBhZGRpbmctcmlnaHQ6ICR7c3BhY2luZy5uc21hbGx9O1xuICAgICAgfVxuXG4gICAgICA+IG9sOm5vdChbZGF0YS10eXBlPSdsZXR0ZXJzJ10pIHtcbiAgICAgICAgPiBsaSB7XG4gICAgICAgICAgcGFkZGluZy1sZWZ0OiAke3NwYWNpbmcubnNtYWxsfTtcbiAgICAgICAgICA+IG9sOm5vdChbZGF0YS10eXBlPSdsZXR0ZXJzJ10pIHtcbiAgICAgICAgICAgID4gbGkge1xuICAgICAgICAgICAgICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5tZWRpdW19O1xuICAgICAgICAgICAgICA+IG9sOm5vdChbZGF0YS10eXBlPSdsZXR0ZXJzJ10pIHtcbiAgICAgICAgICAgICAgICA+IGxpIHtcbiAgICAgICAgICAgICAgICAgIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLmxhcmdlfTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gIH1cbiAgLy8gTGlzdCByZXNldCBjbGFzc2VzXG4gICR7Z2VuZXJhdGVMaXN0UmVzZXRzKCl9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMgZXh0ZW5kcyBIVE1MQXR0cmlidXRlczxIVE1MT0xpc3RFbGVtZW50PiB7XG4gIHR5cGU/OiAnbGV0dGVycyc7XG4gIHN0YXJ0PzogbnVtYmVyO1xufVxuXG5jb25zdCBPcmRlcmVkTGlzdCA9IGZvcndhcmRSZWY8SFRNTE9MaXN0RWxlbWVudCwgUHJvcHM+KCh7IHR5cGUsIGNoaWxkcmVuLCAuLi5yZXN0IH0sIHJlZikgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRPbCBkYXRhLXR5cGU9e3R5cGV9IHJlZj17cmVmfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TdHlsZWRPbD5cbiAgKTtcbn0pO1xuXG5leHBvcnQgZGVmYXVsdCBPcmRlcmVkTGlzdDtcbiJdfQ== */"));
 var OrderedList = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var type = _ref.type,
     children = _ref.children,

package/lib/List/UnOrderedList.js

@@ -29,7 +29,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 var StyledUl = /*#__PURE__*/(0, _base["default"])("ul", {
   target: "engrneb0",
   label: "StyledUl"
-})("padding-left:", _core.spacing.small, "!important;margin-left:", _core.spacing.medium, "!important;>li{::marker{color:", _core.colors.brand.secondary, ";}}ul{list-style-image:none;padding-left:", _core.spacing.small, ";margin-left:0!important;}margin-top:0;", _core.fonts.sizes('18px', '29px'), ";li{padding-left:", _core.spacing.nsmall, ";margin-top:", _core.spacing.normal, ";p{margin-bottom:", _core.spacing.normal, "!important;}}ul{padding-left:", _core.spacing.nsmall, ";}", (0, _OrderedList.generateListResets)(), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlVuT3JkZXJlZExpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWEwQiIsImZpbGUiOiJVbk9yZGVyZWRMaXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY29sb3JzLCBmb250cywgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgZm9yd2FyZFJlZiwgSFRNTEF0dHJpYnV0ZXMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBnZW5lcmF0ZUxpc3RSZXNldHMgfSBmcm9tICcuL09yZGVyZWRMaXN0JztcblxuY29uc3QgU3R5bGVkVWwgPSBzdHlsZWQudWxgXG4gIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLnNtYWxsfSAhaW1wb3J0YW50O1xuICBtYXJnaW4tbGVmdDogJHtzcGFjaW5nLm1lZGl1bX0gIWltcG9ydGFudDtcbiAgPiBsaSB7XG4gICAgOjptYXJrZXIge1xuICAgICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnNlY29uZGFyeX07XG4gICAgfVxuICB9XG4gIHVsIHtcbiAgICBsaXN0LXN0eWxlLWltYWdlOiBub25lO1xuICAgIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLnNtYWxsfTtcblxuICAgIG1hcmdpbi1sZWZ0OiAwICFpbXBvcnRhbnQ7XG4gIH1cbiAgbWFyZ2luLXRvcDogMDtcbiAgJHtmb250cy5zaXplcygnMThweCcsICcyOXB4Jyl9O1xuXG4gIC8vIExpc3QgaXRlbVxuICBsaSB7XG4gICAgcGFkZGluZy1sZWZ0OiAke3NwYWNpbmcubnNtYWxsfTtcbiAgICBtYXJnaW4tdG9wOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgICBwIHtcbiAgICAgIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5ub3JtYWx9ICFpbXBvcnRhbnQ7XG4gICAgfVxuICB9XG5cbiAgLy8gQ2hpbGQgdW5vcmRlcmVkIGxpc3RzXG4gIHVsIHtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5uc21hbGx9O1xuICB9XG4gIC8vIExpc3QgcmVzZXQgY2xhc3Nlc1xuICAke2dlbmVyYXRlTGlzdFJlc2V0cygpfVxuYDtcblxuY29uc3QgVW5PcmRlcmVkTGlzdCA9IGZvcndhcmRSZWY8SFRNTFVMaXN0RWxlbWVudCwgSFRNTEF0dHJpYnV0ZXM8SFRNTFVMaXN0RWxlbWVudD4+KCh7IGNoaWxkcmVuLCAuLi5yZXN0IH0sIHJlZikgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRVbCByZWY9e3JlZn0gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkVWw+XG4gICk7XG59KTtcblxuZXhwb3J0IGRlZmF1bHQgVW5PcmRlcmVkTGlzdDtcbiJdfQ== */"));
+})("padding-left:", _core.spacing.nsmall, "!important;margin-left:", _core.spacing.normal, "!important;margin-top:0;", _core.fonts.sizes('18px', '29px'), ";ul{list-style-image:none;padding-left:", _core.spacing.nsmall, ";margin-left:0!important;}>li{::marker{color:", _core.colors.brand.secondary, ";}}li{padding-left:", _core.spacing.nsmall, ";margin-top:", _core.spacing.normal, ";p{margin-bottom:", _core.spacing.normal, "!important;}}", (0, _OrderedList.generateListResets)(), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlVuT3JkZXJlZExpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWEwQiIsImZpbGUiOiJVbk9yZGVyZWRMaXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY29sb3JzLCBmb250cywgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgZm9yd2FyZFJlZiwgSFRNTEF0dHJpYnV0ZXMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBnZW5lcmF0ZUxpc3RSZXNldHMgfSBmcm9tICcuL09yZGVyZWRMaXN0JztcblxuY29uc3QgU3R5bGVkVWwgPSBzdHlsZWQudWxgXG4gIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLm5zbWFsbH0gIWltcG9ydGFudDtcbiAgbWFyZ2luLWxlZnQ6ICR7c3BhY2luZy5ub3JtYWx9ICFpbXBvcnRhbnQ7XG4gIG1hcmdpbi10b3A6IDA7XG4gICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjlweCcpfTtcblxuICB1bCB7XG4gICAgbGlzdC1zdHlsZS1pbWFnZTogbm9uZTtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5uc21hbGx9O1xuXG4gICAgbWFyZ2luLWxlZnQ6IDAgIWltcG9ydGFudDtcbiAgfVxuXG4gID4gbGkge1xuICAgIDo6bWFya2VyIHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5zZWNvbmRhcnl9O1xuICAgIH1cbiAgfVxuICAvLyBMaXN0IGl0ZW1cbiAgbGkge1xuICAgIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLm5zbWFsbH07XG4gICAgbWFyZ2luLXRvcDogJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgcCB7XG4gICAgICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcubm9ybWFsfSAhaW1wb3J0YW50O1xuICAgIH1cbiAgfVxuXG4gIC8vIExpc3QgcmVzZXQgY2xhc3Nlc1xuICAke2dlbmVyYXRlTGlzdFJlc2V0cygpfVxuYDtcblxuY29uc3QgVW5PcmRlcmVkTGlzdCA9IGZvcndhcmRSZWY8SFRNTFVMaXN0RWxlbWVudCwgSFRNTEF0dHJpYnV0ZXM8SFRNTFVMaXN0RWxlbWVudD4+KCh7IGNoaWxkcmVuLCAuLi5yZXN0IH0sIHJlZikgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRVbCByZWY9e3JlZn0gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkVWw+XG4gICk7XG59KTtcblxuZXhwb3J0IGRlZmF1bHQgVW5PcmRlcmVkTGlzdDtcbiJdfQ== */"));
 var UnOrderedList = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded);

package/lib/ProgrammeCard/ProgrammeCard.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+interface Image {
+    src: string;
+    alt: string;
+}
+export interface Programme {
+    id: string;
+    title: {
+        title: string;
+        language: string;
+    };
+    desktopImage: Image;
+    mobileImage: Image;
+    url: string;
+}
+declare const ProgrammeCard: ({ title, desktopImage, mobileImage, url }: Programme) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default ProgrammeCard;

package/lib/ProgrammeCard/ProgrammeCard.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _react = _interopRequireDefault(require("react"));
+var _safelink = _interopRequireDefault(require("@ndla/safelink"));
+var _core = require("@ndla/core");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+var StyledCardContainer = /*#__PURE__*/(0, _base["default"])(_safelink["default"], {
+  target: "eo9d6lc2",
+  label: "StyledCardContainer"
+})(_core.mq.range({
+  from: _core.breakpoints.tablet
+}), "{height:350px;width:250px;}max-width:350px;height:195px;display:flex;flex-direction:column;background-color:", _core.colors.background["default"], ";border-radius:", _core.misc.borderRadius, ";align-self:center;box-shadow:none;&:hover,&:focus-visible{text-decoration:underline ", _core.colors.text.primary, ";text-underline-offset:3px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyYW1tZUNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCNEMiLCJmaWxlIjoiUHJvZ3JhbW1lQ2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHsgc3BhY2luZywgY29sb3JzLCBtaXNjLCBicmVha3BvaW50cywgbXEgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIEltYWdlIHtcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuZXhwb3J0IGludGVyZmFjZSBQcm9ncmFtbWUge1xuICBpZDogc3RyaW5nO1xuICB0aXRsZToge1xuICAgIHRpdGxlOiBzdHJpbmc7XG4gICAgbGFuZ3VhZ2U6IHN0cmluZztcbiAgfTtcbiAgZGVza3RvcEltYWdlOiBJbWFnZTtcbiAgbW9iaWxlSW1hZ2U6IEltYWdlO1xuICB1cmw6IHN0cmluZztcbn1cblxuY29uc3QgU3R5bGVkQ2FyZENvbnRhaW5lciA9IHN0eWxlZChTYWZlTGluaylgXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBoZWlnaHQ6IDM1MHB4O1xuICAgIHdpZHRoOiAyNTBweDtcbiAgfVxuICBtYXgtd2lkdGg6IDM1MHB4O1xuICBoZWlnaHQ6IDE5NXB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5iYWNrZ3JvdW5kLmRlZmF1bHR9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgYWxpZ24tc2VsZjogY2VudGVyO1xuICBib3gtc2hhZG93OiBub25lO1xuICAmOmhvdmVyLFxuICAmOmZvY3VzLXZpc2libGUge1xuICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gICAgdGV4dC11bmRlcmxpbmUtb2Zmc2V0OiAzcHg7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZC5pbWdgXG4gIGRpc3BsYXk6IG5vbmU7XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9ICR7bWlzYy5ib3JkZXJSYWRpdXN9IDAgMDtcbiAgJltkYXRhLWlzLW1vYmlsZT0ndHJ1ZSddIHtcbiAgICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB3aWR0aDogYXV0bztcbiAgICB9XG4gIH1cbiAgJltkYXRhLWlzLW1vYmlsZT0nZmFsc2UnXSB7XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB3aWR0aDogMzUwcHg7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZC5zcGFuYFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLm5vcm1hbH0gMCAke3NwYWNpbmcubm9ybWFsfSAke3NwYWNpbmcubnNtYWxsfTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gIGJvcmRlci1yYWRpdXM6IDAgMCAke21pc2MuYm9yZGVyUmFkaXVzfSAke21pc2MuYm9yZGVyUmFkaXVzfTtcbmA7XG5cbmNvbnN0IFByb2dyYW1tZUNhcmQgPSAoeyB0aXRsZSwgZGVza3RvcEltYWdlLCBtb2JpbGVJbWFnZSwgdXJsIH06IFByb2dyYW1tZSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDYXJkQ29udGFpbmVyIHRvPXt1cmx9PlxuICAgICAgPFN0eWxlZEltZyBkYXRhLWlzLW1vYmlsZT1cImZhbHNlXCIgc3JjPXtkZXNrdG9wSW1hZ2Uuc3JjfSBhbHQ9e2Rlc2t0b3BJbWFnZS5hbHR9IC8+XG4gICAgICA8U3R5bGVkSW1nIGRhdGEtaXMtbW9iaWxlPVwidHJ1ZVwiIHNyYz17bW9iaWxlSW1hZ2Uuc3JjfSBhbHQ9e21vYmlsZUltYWdlLmFsdH0gLz5cbiAgICAgIDxTdHlsZWRUaXRsZT57dGl0bGUudGl0bGV9PC9TdHlsZWRUaXRsZT5cbiAgICA8L1N0eWxlZENhcmRDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBQcm9ncmFtbWVDYXJkO1xuIl19 */"));
+var StyledImg = /*#__PURE__*/(0, _base["default"])("img", {
+  target: "eo9d6lc1",
+  label: "StyledImg"
+})("display:none;border-radius:", _core.misc.borderRadius, " ", _core.misc.borderRadius, " 0 0;&[data-is-mobile='true']{", _core.mq.range({
+  until: _core.breakpoints.tablet
+}), "{display:block;width:auto;}}&[data-is-mobile='false']{", _core.mq.range({
+  from: _core.breakpoints.tablet
+}), "{display:block;width:350px;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyYW1tZUNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdENEIiLCJmaWxlIjoiUHJvZ3JhbW1lQ2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHsgc3BhY2luZywgY29sb3JzLCBtaXNjLCBicmVha3BvaW50cywgbXEgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIEltYWdlIHtcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuZXhwb3J0IGludGVyZmFjZSBQcm9ncmFtbWUge1xuICBpZDogc3RyaW5nO1xuICB0aXRsZToge1xuICAgIHRpdGxlOiBzdHJpbmc7XG4gICAgbGFuZ3VhZ2U6IHN0cmluZztcbiAgfTtcbiAgZGVza3RvcEltYWdlOiBJbWFnZTtcbiAgbW9iaWxlSW1hZ2U6IEltYWdlO1xuICB1cmw6IHN0cmluZztcbn1cblxuY29uc3QgU3R5bGVkQ2FyZENvbnRhaW5lciA9IHN0eWxlZChTYWZlTGluaylgXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBoZWlnaHQ6IDM1MHB4O1xuICAgIHdpZHRoOiAyNTBweDtcbiAgfVxuICBtYXgtd2lkdGg6IDM1MHB4O1xuICBoZWlnaHQ6IDE5NXB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5iYWNrZ3JvdW5kLmRlZmF1bHR9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgYWxpZ24tc2VsZjogY2VudGVyO1xuICBib3gtc2hhZG93OiBub25lO1xuICAmOmhvdmVyLFxuICAmOmZvY3VzLXZpc2libGUge1xuICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gICAgdGV4dC11bmRlcmxpbmUtb2Zmc2V0OiAzcHg7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZC5pbWdgXG4gIGRpc3BsYXk6IG5vbmU7XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9ICR7bWlzYy5ib3JkZXJSYWRpdXN9IDAgMDtcbiAgJltkYXRhLWlzLW1vYmlsZT0ndHJ1ZSddIHtcbiAgICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB3aWR0aDogYXV0bztcbiAgICB9XG4gIH1cbiAgJltkYXRhLWlzLW1vYmlsZT0nZmFsc2UnXSB7XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB3aWR0aDogMzUwcHg7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZC5zcGFuYFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLm5vcm1hbH0gMCAke3NwYWNpbmcubm9ybWFsfSAke3NwYWNpbmcubnNtYWxsfTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gIGJvcmRlci1yYWRpdXM6IDAgMCAke21pc2MuYm9yZGVyUmFkaXVzfSAke21pc2MuYm9yZGVyUmFkaXVzfTtcbmA7XG5cbmNvbnN0IFByb2dyYW1tZUNhcmQgPSAoeyB0aXRsZSwgZGVza3RvcEltYWdlLCBtb2JpbGVJbWFnZSwgdXJsIH06IFByb2dyYW1tZSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDYXJkQ29udGFpbmVyIHRvPXt1cmx9PlxuICAgICAgPFN0eWxlZEltZyBkYXRhLWlzLW1vYmlsZT1cImZhbHNlXCIgc3JjPXtkZXNrdG9wSW1hZ2Uuc3JjfSBhbHQ9e2Rlc2t0b3BJbWFnZS5hbHR9IC8+XG4gICAgICA8U3R5bGVkSW1nIGRhdGEtaXMtbW9iaWxlPVwidHJ1ZVwiIHNyYz17bW9iaWxlSW1hZ2Uuc3JjfSBhbHQ9e21vYmlsZUltYWdlLmFsdH0gLz5cbiAgICAgIDxTdHlsZWRUaXRsZT57dGl0bGUudGl0bGV9PC9TdHlsZWRUaXRsZT5cbiAgICA8L1N0eWxlZENhcmRDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBQcm9ncmFtbWVDYXJkO1xuIl19 */"));
+var StyledTitle = /*#__PURE__*/(0, _base["default"])("span", {
+  target: "eo9d6lc0",
+  label: "StyledTitle"
+})("color:", _core.colors.text.primary, ";padding:", _core.spacing.normal, " 0 ", _core.spacing.normal, " ", _core.spacing.nsmall, ";border:1px solid ", _core.colors.brand.lighter, ";border-radius:0 0 ", _core.misc.borderRadius, " ", _core.misc.borderRadius, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyYW1tZUNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlFK0IiLCJmaWxlIjoiUHJvZ3JhbW1lQ2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHsgc3BhY2luZywgY29sb3JzLCBtaXNjLCBicmVha3BvaW50cywgbXEgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIEltYWdlIHtcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuZXhwb3J0IGludGVyZmFjZSBQcm9ncmFtbWUge1xuICBpZDogc3RyaW5nO1xuICB0aXRsZToge1xuICAgIHRpdGxlOiBzdHJpbmc7XG4gICAgbGFuZ3VhZ2U6IHN0cmluZztcbiAgfTtcbiAgZGVza3RvcEltYWdlOiBJbWFnZTtcbiAgbW9iaWxlSW1hZ2U6IEltYWdlO1xuICB1cmw6IHN0cmluZztcbn1cblxuY29uc3QgU3R5bGVkQ2FyZENvbnRhaW5lciA9IHN0eWxlZChTYWZlTGluaylgXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBoZWlnaHQ6IDM1MHB4O1xuICAgIHdpZHRoOiAyNTBweDtcbiAgfVxuICBtYXgtd2lkdGg6IDM1MHB4O1xuICBoZWlnaHQ6IDE5NXB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5iYWNrZ3JvdW5kLmRlZmF1bHR9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgYWxpZ24tc2VsZjogY2VudGVyO1xuICBib3gtc2hhZG93OiBub25lO1xuICAmOmhvdmVyLFxuICAmOmZvY3VzLXZpc2libGUge1xuICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gICAgdGV4dC11bmRlcmxpbmUtb2Zmc2V0OiAzcHg7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZC5pbWdgXG4gIGRpc3BsYXk6IG5vbmU7XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9ICR7bWlzYy5ib3JkZXJSYWRpdXN9IDAgMDtcbiAgJltkYXRhLWlzLW1vYmlsZT0ndHJ1ZSddIHtcbiAgICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB3aWR0aDogYXV0bztcbiAgICB9XG4gIH1cbiAgJltkYXRhLWlzLW1vYmlsZT0nZmFsc2UnXSB7XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB3aWR0aDogMzUwcHg7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZC5zcGFuYFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLm5vcm1hbH0gMCAke3NwYWNpbmcubm9ybWFsfSAke3NwYWNpbmcubnNtYWxsfTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gIGJvcmRlci1yYWRpdXM6IDAgMCAke21pc2MuYm9yZGVyUmFkaXVzfSAke21pc2MuYm9yZGVyUmFkaXVzfTtcbmA7XG5cbmNvbnN0IFByb2dyYW1tZUNhcmQgPSAoeyB0aXRsZSwgZGVza3RvcEltYWdlLCBtb2JpbGVJbWFnZSwgdXJsIH06IFByb2dyYW1tZSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDYXJkQ29udGFpbmVyIHRvPXt1cmx9PlxuICAgICAgPFN0eWxlZEltZyBkYXRhLWlzLW1vYmlsZT1cImZhbHNlXCIgc3JjPXtkZXNrdG9wSW1hZ2Uuc3JjfSBhbHQ9e2Rlc2t0b3BJbWFnZS5hbHR9IC8+XG4gICAgICA8U3R5bGVkSW1nIGRhdGEtaXMtbW9iaWxlPVwidHJ1ZVwiIHNyYz17bW9iaWxlSW1hZ2Uuc3JjfSBhbHQ9e21vYmlsZUltYWdlLmFsdH0gLz5cbiAgICAgIDxTdHlsZWRUaXRsZT57dGl0bGUudGl0bGV9PC9TdHlsZWRUaXRsZT5cbiAgICA8L1N0eWxlZENhcmRDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBQcm9ncmFtbWVDYXJkO1xuIl19 */"));
+var ProgrammeCard = function ProgrammeCard(_ref) {
+  var title = _ref.title,
+    desktopImage = _ref.desktopImage,
+    mobileImage = _ref.mobileImage,
+    url = _ref.url;
+  return (0, _jsxRuntime.jsxs)(StyledCardContainer, {
+    to: url,
+    children: [(0, _jsxRuntime.jsx)(StyledImg, {
+      "data-is-mobile": "false",
+      src: desktopImage.src,
+      alt: desktopImage.alt
+    }), (0, _jsxRuntime.jsx)(StyledImg, {
+      "data-is-mobile": "true",
+      src: mobileImage.src,
+      alt: mobileImage.alt
+    }), (0, _jsxRuntime.jsx)(StyledTitle, {
+      children: title.title
+    })]
+  });
+};
+var _default = ProgrammeCard;
+exports["default"] = _default;

package/lib/ProgrammeCard/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) 2023-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 { default as ProgrammeCard } from './ProgrammeCard';

package/lib/ProgrammeCard/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ProgrammeCard", {
+  enumerable: true,
+  get: function get() {
+    return _ProgrammeCard["default"];
+  }
+});
+var _ProgrammeCard = _interopRequireDefault(require("./ProgrammeCard"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/index.d.ts

@@ -98,6 +98,7 @@ export { SearchField, SearchResultList, SearchResultItem, ActiveFilters, ToggleS
 export { default as LetterFilter } from './LetterFilter';
 export { OrderedList, UnOrderedList } from './List';
 export { BlogPostV2 } from './BlogPost';
+export { ProgrammeCard } from './ProgrammeCard';
 export { KeyFigure } from './KeyFigure';
 export { default as ContactBlock } from './ContactBlock';
 export type { HeartButtonType } from './Embed';

package/lib/index.js

@@ -874,6 +874,12 @@ Object.defineProperty(exports, "Programme", {
     return _Programme["default"];
   }
 });
+Object.defineProperty(exports, "ProgrammeCard", {
+  enumerable: true,
+  get: function get() {
+    return _ProgrammeCard.ProgrammeCard;
+  }
+});
 Object.defineProperty(exports, "RadioButtonGroup", {
   enumerable: true,
   get: function get() {
@@ -1380,6 +1386,7 @@ var _Search = require("./Search");
 var _LetterFilter = _interopRequireDefault(require("./LetterFilter"));
 var _List = require("./List");
 var _BlogPost = require("./BlogPost");
+var _ProgrammeCard = require("./ProgrammeCard");
 var _KeyFigure = require("./KeyFigure");
 var _ContactBlock = _interopRequireDefault(require("./ContactBlock"));
 var _CampaignBlock = require("./CampaignBlock");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "37.0.5",
+  "version": "37.1.0",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -75,7 +75,7 @@
   "devDependencies": {
     "@babel/plugin-proposal-optional-chaining": "^7.11.0",
     "@ndla/types-backend": "^0.2.5",
-    "@ndla/types-embed": "^2.0.1",
+    "@ndla/types-embed": "^2.0.2",
     "@types/reach__dialog": "^0.1.0",
     "css-loader": "^6.7.3",
     "mini-css-extract-plugin": "^2.7.5",
@@ -86,5 +86,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "94f267adcdca7d083503c85cb5721377f5082b21"
+  "gitHead": "4fccc644365b6690e92fb4e6466e0b35f1ffa91c"
 }

package/src/List/OrderedList.tsx

@@ -23,14 +23,14 @@ export const generateListResets = () => {
 
 const StyledOl = styled.ol`
   margin-top: 0;
-  margin-left: ${spacing.medium};
+  margin-left: ${spacing.normal};
   ${fonts.sizes('18px', '29px')};
   list-style-type: none;
-  padding-left: ${spacing.medium} !important;
+  padding-left: ${spacing.normal} !important;
 
   // Child ordered lists
   ol {
-    padding-left: ${spacing.medium};
+    padding-left: ${spacing.normal};
     margin-left: 0;
   }
   // List item

package/src/List/UnOrderedList.tsx

@@ -12,22 +12,23 @@ import { forwardRef, HTMLAttributes } from 'react';
 import { generateListResets } from './OrderedList';
 
 const StyledUl = styled.ul`
-  padding-left: ${spacing.small} !important;
-  margin-left: ${spacing.medium} !important;
-  > li {
-    ::marker {
-      color: ${colors.brand.secondary};
-    }
-  }
+  padding-left: ${spacing.nsmall} !important;
+  margin-left: ${spacing.normal} !important;
+  margin-top: 0;
+  ${fonts.sizes('18px', '29px')};
+
   ul {
     list-style-image: none;
-    padding-left: ${spacing.small};
+    padding-left: ${spacing.nsmall};
 
     margin-left: 0 !important;
   }
-  margin-top: 0;
-  ${fonts.sizes('18px', '29px')};
 
+  > li {
+    ::marker {
+      color: ${colors.brand.secondary};
+    }
+  }
   // List item
   li {
     padding-left: ${spacing.nsmall};
@@ -37,10 +38,6 @@ const StyledUl = styled.ul`
     }
   }
 
-  // Child unordered lists
-  ul {
-    padding-left: ${spacing.nsmall};
-  }
   // List reset classes
   ${generateListResets()}
 `;

package/src/ProgrammeCard/ProgrammeCard.stories.tsx

@@ -0,0 +1,40 @@
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import React from 'react';
+import { Meta, StoryFn } from '@storybook/react';
+import ProgrammeCard from './ProgrammeCard';
+import { defaultParameters } from '../../../../stories/defaults';
+
+export default {
+  title: 'Enkle komponenter/ProgrammeCard',
+  component: ProgrammeCard,
+  tags: ['autodocs'],
+  parameters: {
+    ...defaultParameters,
+  },
+  args: {
+    id: 'test ID',
+    title: { title: 'Elektro og datateknologi', language: 'nb' },
+    desktopImage: {
+      src: 'https://api.test.ndla.no/image-api/raw/ajvkVKKR.svg?width=600&ts=1682591987993',
+      alt: '',
+    },
+    mobileImage: {
+      src: 'https://api.test.ndla.no/image-api/raw/YIAprLg9.svg?width=600&ts=1682592022017',
+      alt: '',
+    },
+    url: '#',
+  },
+} as Meta<typeof ProgrammeCard>;
+
+export const ProgrammeCardStory: StoryFn<typeof ProgrammeCard> = ({ ...args }) => {
+  return <ProgrammeCard {...args} />;
+};
+
+ProgrammeCardStory.storyName = 'ProgrammeCard';

package/src/ProgrammeCard/ProgrammeCard.tsx

@@ -0,0 +1,83 @@
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import React from 'react';
+import styled from '@emotion/styled';
+import SafeLink from '@ndla/safelink';
+import { spacing, colors, misc, breakpoints, mq } from '@ndla/core';
+
+interface Image {
+  src: string;
+  alt: string;
+}
+export interface Programme {
+  id: string;
+  title: {
+    title: string;
+    language: string;
+  };
+  desktopImage: Image;
+  mobileImage: Image;
+  url: string;
+}
+
+const StyledCardContainer = styled(SafeLink)`
+  ${mq.range({ from: breakpoints.tablet })} {
+    height: 350px;
+    width: 250px;
+  }
+  max-width: 350px;
+  height: 195px;
+  display: flex;
+  flex-direction: column;
+  background-color: ${colors.background.default};
+  border-radius: ${misc.borderRadius};
+  align-self: center;
+  box-shadow: none;
+  &:hover,
+  &:focus-visible {
+    text-decoration: underline ${colors.text.primary};
+    text-underline-offset: 3px;
+  }
+`;
+
+const StyledImg = styled.img`
+  display: none;
+  border-radius: ${misc.borderRadius} ${misc.borderRadius} 0 0;
+  &[data-is-mobile='true'] {
+    ${mq.range({ until: breakpoints.tablet })} {
+      display: block;
+      width: auto;
+    }
+  }
+  &[data-is-mobile='false'] {
+    ${mq.range({ from: breakpoints.tablet })} {
+      display: block;
+      width: 350px;
+    }
+  }
+`;
+
+const StyledTitle = styled.span`
+  color: ${colors.text.primary};
+  padding: ${spacing.normal} 0 ${spacing.normal} ${spacing.nsmall};
+  border: 1px solid ${colors.brand.lighter};
+  border-radius: 0 0 ${misc.borderRadius} ${misc.borderRadius};
+`;
+
+const ProgrammeCard = ({ title, desktopImage, mobileImage, url }: Programme) => {
+  return (
+    <StyledCardContainer to={url}>
+      <StyledImg data-is-mobile="false" src={desktopImage.src} alt={desktopImage.alt} />
+      <StyledImg data-is-mobile="true" src={mobileImage.src} alt={mobileImage.alt} />
+      <StyledTitle>{title.title}</StyledTitle>
+    </StyledCardContainer>
+  );
+};
+
+export default ProgrammeCard;

package/src/ProgrammeCard/index.tsx

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) 2023-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 { default as ProgrammeCard } from './ProgrammeCard';

package/src/index.ts

@@ -273,6 +273,7 @@ export { default as LetterFilter } from './LetterFilter';
 
 export { OrderedList, UnOrderedList } from './List';
 export { BlogPostV2 } from './BlogPost';
+export { ProgrammeCard } from './ProgrammeCard';
 export { KeyFigure } from './KeyFigure';
 export { default as ContactBlock } from './ContactBlock';
 export type { HeartButtonType } from './Embed';