@ndla/ui 37.0.6 → 37.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/List/OrderedList.js +1 -1
- package/es/List/UnOrderedList.js +1 -1
- package/es/ProgrammeCard/ProgrammeCard.js +53 -0
- package/es/ProgrammeCard/index.js +9 -0
- package/es/index.js +1 -0
- package/lib/List/OrderedList.js +1 -1
- package/lib/List/UnOrderedList.js +1 -1
- package/lib/ProgrammeCard/ProgrammeCard.d.ts +23 -0
- package/lib/ProgrammeCard/ProgrammeCard.js +60 -0
- package/lib/ProgrammeCard/index.d.ts +8 -0
- package/lib/ProgrammeCard/index.js +13 -0
- package/lib/index.d.ts +1 -0
- package/lib/index.js +7 -0
- package/package.json +3 -3
- package/src/List/OrderedList.tsx +3 -3
- package/src/List/UnOrderedList.tsx +11 -14
- package/src/ProgrammeCard/ProgrammeCard.stories.tsx +40 -0
- package/src/ProgrammeCard/ProgrammeCard.tsx +83 -0
- package/src/ProgrammeCard/index.tsx +9 -0
- package/src/index.ts +1 -0
package/es/List/OrderedList.js
CHANGED
|
@@ -29,7 +29,7 @@ export var generateListResets = function generateListResets() {
|
|
|
29
29
|
var StyledOl = /*#__PURE__*/_styled("ol", {
|
|
30
30
|
target: "e5qf6bq0",
|
|
31
31
|
label: "StyledOl"
|
|
32
|
-
})("margin-top:0;margin-left:", spacing.
|
|
32
|
+
})("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== */"));
|
|
33
33
|
var OrderedList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
34
34
|
var type = _ref.type,
|
|
35
35
|
children = _ref.children,
|
package/es/List/UnOrderedList.js
CHANGED
|
@@ -23,7 +23,7 @@ import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
|
23
23
|
var StyledUl = /*#__PURE__*/_styled("ul", {
|
|
24
24
|
target: "engrneb0",
|
|
25
25
|
label: "StyledUl"
|
|
26
|
-
})("padding-left:", spacing.
|
|
26
|
+
})("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== */"));
|
|
27
27
|
var UnOrderedList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
28
28
|
var children = _ref.children,
|
|
29
29
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import _styled from "@emotion/styled/base";
|
|
2
|
+
/**
|
|
3
|
+
* Copyright (c) 2023-present, NDLA.
|
|
4
|
+
*
|
|
5
|
+
* This source code is licensed under the GPLv3 license found in the
|
|
6
|
+
* LICENSE file in the root directory of this source tree.
|
|
7
|
+
*
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
import React from 'react';
|
|
11
|
+
import SafeLink from '@ndla/safelink';
|
|
12
|
+
import { spacing, colors, misc, breakpoints, mq } from '@ndla/core';
|
|
13
|
+
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
14
|
+
import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
15
|
+
var StyledCardContainer = /*#__PURE__*/_styled(SafeLink, {
|
|
16
|
+
target: "eo9d6lc2",
|
|
17
|
+
label: "StyledCardContainer"
|
|
18
|
+
})(mq.range({
|
|
19
|
+
from: breakpoints.tablet
|
|
20
|
+
}), "{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 */"));
|
|
21
|
+
var StyledImg = /*#__PURE__*/_styled("img", {
|
|
22
|
+
target: "eo9d6lc1",
|
|
23
|
+
label: "StyledImg"
|
|
24
|
+
})("display:none;border-radius:", misc.borderRadius, " ", misc.borderRadius, " 0 0;&[data-is-mobile='true']{", mq.range({
|
|
25
|
+
until: breakpoints.tablet
|
|
26
|
+
}), "{display:block;width:auto;}}&[data-is-mobile='false']{", mq.range({
|
|
27
|
+
from: breakpoints.tablet
|
|
28
|
+
}), "{display:block;width:350px;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyYW1tZUNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdENEIiLCJmaWxlIjoiUHJvZ3JhbW1lQ2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHsgc3BhY2luZywgY29sb3JzLCBtaXNjLCBicmVha3BvaW50cywgbXEgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIEltYWdlIHtcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuZXhwb3J0IGludGVyZmFjZSBQcm9ncmFtbWUge1xuICBpZDogc3RyaW5nO1xuICB0aXRsZToge1xuICAgIHRpdGxlOiBzdHJpbmc7XG4gICAgbGFuZ3VhZ2U6IHN0cmluZztcbiAgfTtcbiAgZGVza3RvcEltYWdlOiBJbWFnZTtcbiAgbW9iaWxlSW1hZ2U6IEltYWdlO1xuICB1cmw6IHN0cmluZztcbn1cblxuY29uc3QgU3R5bGVkQ2FyZENvbnRhaW5lciA9IHN0eWxlZChTYWZlTGluaylgXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBoZWlnaHQ6IDM1MHB4O1xuICAgIHdpZHRoOiAyNTBweDtcbiAgfVxuICBtYXgtd2lkdGg6IDM1MHB4O1xuICBoZWlnaHQ6IDE5NXB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5iYWNrZ3JvdW5kLmRlZmF1bHR9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgYWxpZ24tc2VsZjogY2VudGVyO1xuICBib3gtc2hhZG93OiBub25lO1xuICAmOmhvdmVyLFxuICAmOmZvY3VzLXZpc2libGUge1xuICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gICAgdGV4dC11bmRlcmxpbmUtb2Zmc2V0OiAzcHg7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZC5pbWdgXG4gIGRpc3BsYXk6IG5vbmU7XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9ICR7bWlzYy5ib3JkZXJSYWRpdXN9IDAgMDtcbiAgJltkYXRhLWlzLW1vYmlsZT0ndHJ1ZSddIHtcbiAgICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB3aWR0aDogYXV0bztcbiAgICB9XG4gIH1cbiAgJltkYXRhLWlzLW1vYmlsZT0nZmFsc2UnXSB7XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB3aWR0aDogMzUwcHg7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZC5zcGFuYFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLm5vcm1hbH0gMCAke3NwYWNpbmcubm9ybWFsfSAke3NwYWNpbmcubnNtYWxsfTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gIGJvcmRlci1yYWRpdXM6IDAgMCAke21pc2MuYm9yZGVyUmFkaXVzfSAke21pc2MuYm9yZGVyUmFkaXVzfTtcbmA7XG5cbmNvbnN0IFByb2dyYW1tZUNhcmQgPSAoeyB0aXRsZSwgZGVza3RvcEltYWdlLCBtb2JpbGVJbWFnZSwgdXJsIH06IFByb2dyYW1tZSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDYXJkQ29udGFpbmVyIHRvPXt1cmx9PlxuICAgICAgPFN0eWxlZEltZyBkYXRhLWlzLW1vYmlsZT1cImZhbHNlXCIgc3JjPXtkZXNrdG9wSW1hZ2Uuc3JjfSBhbHQ9e2Rlc2t0b3BJbWFnZS5hbHR9IC8+XG4gICAgICA8U3R5bGVkSW1nIGRhdGEtaXMtbW9iaWxlPVwidHJ1ZVwiIHNyYz17bW9iaWxlSW1hZ2Uuc3JjfSBhbHQ9e21vYmlsZUltYWdlLmFsdH0gLz5cbiAgICAgIDxTdHlsZWRUaXRsZT57dGl0bGUudGl0bGV9PC9TdHlsZWRUaXRsZT5cbiAgICA8L1N0eWxlZENhcmRDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBQcm9ncmFtbWVDYXJkO1xuIl19 */"));
|
|
29
|
+
var StyledTitle = /*#__PURE__*/_styled("span", {
|
|
30
|
+
target: "eo9d6lc0",
|
|
31
|
+
label: "StyledTitle"
|
|
32
|
+
})("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 */"));
|
|
33
|
+
var ProgrammeCard = function ProgrammeCard(_ref) {
|
|
34
|
+
var title = _ref.title,
|
|
35
|
+
desktopImage = _ref.desktopImage,
|
|
36
|
+
mobileImage = _ref.mobileImage,
|
|
37
|
+
url = _ref.url;
|
|
38
|
+
return _jsxs(StyledCardContainer, {
|
|
39
|
+
to: url,
|
|
40
|
+
children: [_jsx(StyledImg, {
|
|
41
|
+
"data-is-mobile": "false",
|
|
42
|
+
src: desktopImage.src,
|
|
43
|
+
alt: desktopImage.alt
|
|
44
|
+
}), _jsx(StyledImg, {
|
|
45
|
+
"data-is-mobile": "true",
|
|
46
|
+
src: mobileImage.src,
|
|
47
|
+
alt: mobileImage.alt
|
|
48
|
+
}), _jsx(StyledTitle, {
|
|
49
|
+
children: title.title
|
|
50
|
+
})]
|
|
51
|
+
});
|
|
52
|
+
};
|
|
53
|
+
export default ProgrammeCard;
|
package/es/index.js
CHANGED
|
@@ -90,6 +90,7 @@ export { SearchField, SearchResultList, SearchResultItem, ActiveFilters, ToggleS
|
|
|
90
90
|
export { default as LetterFilter } from './LetterFilter';
|
|
91
91
|
export { OrderedList, UnOrderedList } from './List';
|
|
92
92
|
export { BlogPostV2 } from './BlogPost';
|
|
93
|
+
export { ProgrammeCard } from './ProgrammeCard';
|
|
93
94
|
export { KeyFigure } from './KeyFigure';
|
|
94
95
|
export { default as ContactBlock } from './ContactBlock';
|
|
95
96
|
export { CampaignBlock } from './CampaignBlock';
|
package/lib/List/OrderedList.js
CHANGED
|
@@ -36,7 +36,7 @@ exports.generateListResets = generateListResets;
|
|
|
36
36
|
var StyledOl = /*#__PURE__*/(0, _base["default"])("ol", {
|
|
37
37
|
target: "e5qf6bq0",
|
|
38
38
|
label: "StyledOl"
|
|
39
|
-
})("margin-top:0;margin-left:", _core.spacing.
|
|
39
|
+
})("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== */"));
|
|
40
40
|
var OrderedList = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
41
41
|
var type = _ref.type,
|
|
42
42
|
children = _ref.children,
|
|
@@ -29,7 +29,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
29
29
|
var StyledUl = /*#__PURE__*/(0, _base["default"])("ul", {
|
|
30
30
|
target: "engrneb0",
|
|
31
31
|
label: "StyledUl"
|
|
32
|
-
})("padding-left:", _core.spacing.
|
|
32
|
+
})("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== */"));
|
|
33
33
|
var UnOrderedList = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
34
34
|
var children = _ref.children,
|
|
35
35
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) 2023-present, NDLA.
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the GPLv3 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*
|
|
7
|
+
*/
|
|
8
|
+
interface Image {
|
|
9
|
+
src: string;
|
|
10
|
+
alt: string;
|
|
11
|
+
}
|
|
12
|
+
export interface Programme {
|
|
13
|
+
id: string;
|
|
14
|
+
title: {
|
|
15
|
+
title: string;
|
|
16
|
+
language: string;
|
|
17
|
+
};
|
|
18
|
+
desktopImage: Image;
|
|
19
|
+
mobileImage: Image;
|
|
20
|
+
url: string;
|
|
21
|
+
}
|
|
22
|
+
declare const ProgrammeCard: ({ title, desktopImage, mobileImage, url }: Programme) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
23
|
+
export default ProgrammeCard;
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _safelink = _interopRequireDefault(require("@ndla/safelink"));
|
|
10
|
+
var _core = require("@ndla/core");
|
|
11
|
+
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
|
+
/**
|
|
14
|
+
* Copyright (c) 2023-present, NDLA.
|
|
15
|
+
*
|
|
16
|
+
* This source code is licensed under the GPLv3 license found in the
|
|
17
|
+
* LICENSE file in the root directory of this source tree.
|
|
18
|
+
*
|
|
19
|
+
*/
|
|
20
|
+
|
|
21
|
+
var StyledCardContainer = /*#__PURE__*/(0, _base["default"])(_safelink["default"], {
|
|
22
|
+
target: "eo9d6lc2",
|
|
23
|
+
label: "StyledCardContainer"
|
|
24
|
+
})(_core.mq.range({
|
|
25
|
+
from: _core.breakpoints.tablet
|
|
26
|
+
}), "{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 */"));
|
|
27
|
+
var StyledImg = /*#__PURE__*/(0, _base["default"])("img", {
|
|
28
|
+
target: "eo9d6lc1",
|
|
29
|
+
label: "StyledImg"
|
|
30
|
+
})("display:none;border-radius:", _core.misc.borderRadius, " ", _core.misc.borderRadius, " 0 0;&[data-is-mobile='true']{", _core.mq.range({
|
|
31
|
+
until: _core.breakpoints.tablet
|
|
32
|
+
}), "{display:block;width:auto;}}&[data-is-mobile='false']{", _core.mq.range({
|
|
33
|
+
from: _core.breakpoints.tablet
|
|
34
|
+
}), "{display:block;width:350px;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyYW1tZUNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdENEIiLCJmaWxlIjoiUHJvZ3JhbW1lQ2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHsgc3BhY2luZywgY29sb3JzLCBtaXNjLCBicmVha3BvaW50cywgbXEgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIEltYWdlIHtcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuZXhwb3J0IGludGVyZmFjZSBQcm9ncmFtbWUge1xuICBpZDogc3RyaW5nO1xuICB0aXRsZToge1xuICAgIHRpdGxlOiBzdHJpbmc7XG4gICAgbGFuZ3VhZ2U6IHN0cmluZztcbiAgfTtcbiAgZGVza3RvcEltYWdlOiBJbWFnZTtcbiAgbW9iaWxlSW1hZ2U6IEltYWdlO1xuICB1cmw6IHN0cmluZztcbn1cblxuY29uc3QgU3R5bGVkQ2FyZENvbnRhaW5lciA9IHN0eWxlZChTYWZlTGluaylgXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBoZWlnaHQ6IDM1MHB4O1xuICAgIHdpZHRoOiAyNTBweDtcbiAgfVxuICBtYXgtd2lkdGg6IDM1MHB4O1xuICBoZWlnaHQ6IDE5NXB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5iYWNrZ3JvdW5kLmRlZmF1bHR9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgYWxpZ24tc2VsZjogY2VudGVyO1xuICBib3gtc2hhZG93OiBub25lO1xuICAmOmhvdmVyLFxuICAmOmZvY3VzLXZpc2libGUge1xuICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gICAgdGV4dC11bmRlcmxpbmUtb2Zmc2V0OiAzcHg7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZC5pbWdgXG4gIGRpc3BsYXk6IG5vbmU7XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9ICR7bWlzYy5ib3JkZXJSYWRpdXN9IDAgMDtcbiAgJltkYXRhLWlzLW1vYmlsZT0ndHJ1ZSddIHtcbiAgICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB3aWR0aDogYXV0bztcbiAgICB9XG4gIH1cbiAgJltkYXRhLWlzLW1vYmlsZT0nZmFsc2UnXSB7XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB3aWR0aDogMzUwcHg7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZC5zcGFuYFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLm5vcm1hbH0gMCAke3NwYWNpbmcubm9ybWFsfSAke3NwYWNpbmcubnNtYWxsfTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gIGJvcmRlci1yYWRpdXM6IDAgMCAke21pc2MuYm9yZGVyUmFkaXVzfSAke21pc2MuYm9yZGVyUmFkaXVzfTtcbmA7XG5cbmNvbnN0IFByb2dyYW1tZUNhcmQgPSAoeyB0aXRsZSwgZGVza3RvcEltYWdlLCBtb2JpbGVJbWFnZSwgdXJsIH06IFByb2dyYW1tZSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDYXJkQ29udGFpbmVyIHRvPXt1cmx9PlxuICAgICAgPFN0eWxlZEltZyBkYXRhLWlzLW1vYmlsZT1cImZhbHNlXCIgc3JjPXtkZXNrdG9wSW1hZ2Uuc3JjfSBhbHQ9e2Rlc2t0b3BJbWFnZS5hbHR9IC8+XG4gICAgICA8U3R5bGVkSW1nIGRhdGEtaXMtbW9iaWxlPVwidHJ1ZVwiIHNyYz17bW9iaWxlSW1hZ2Uuc3JjfSBhbHQ9e21vYmlsZUltYWdlLmFsdH0gLz5cbiAgICAgIDxTdHlsZWRUaXRsZT57dGl0bGUudGl0bGV9PC9TdHlsZWRUaXRsZT5cbiAgICA8L1N0eWxlZENhcmRDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBQcm9ncmFtbWVDYXJkO1xuIl19 */"));
|
|
35
|
+
var StyledTitle = /*#__PURE__*/(0, _base["default"])("span", {
|
|
36
|
+
target: "eo9d6lc0",
|
|
37
|
+
label: "StyledTitle"
|
|
38
|
+
})("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 */"));
|
|
39
|
+
var ProgrammeCard = function ProgrammeCard(_ref) {
|
|
40
|
+
var title = _ref.title,
|
|
41
|
+
desktopImage = _ref.desktopImage,
|
|
42
|
+
mobileImage = _ref.mobileImage,
|
|
43
|
+
url = _ref.url;
|
|
44
|
+
return (0, _jsxRuntime.jsxs)(StyledCardContainer, {
|
|
45
|
+
to: url,
|
|
46
|
+
children: [(0, _jsxRuntime.jsx)(StyledImg, {
|
|
47
|
+
"data-is-mobile": "false",
|
|
48
|
+
src: desktopImage.src,
|
|
49
|
+
alt: desktopImage.alt
|
|
50
|
+
}), (0, _jsxRuntime.jsx)(StyledImg, {
|
|
51
|
+
"data-is-mobile": "true",
|
|
52
|
+
src: mobileImage.src,
|
|
53
|
+
alt: mobileImage.alt
|
|
54
|
+
}), (0, _jsxRuntime.jsx)(StyledTitle, {
|
|
55
|
+
children: title.title
|
|
56
|
+
})]
|
|
57
|
+
});
|
|
58
|
+
};
|
|
59
|
+
var _default = ProgrammeCard;
|
|
60
|
+
exports["default"] = _default;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "ProgrammeCard", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _ProgrammeCard["default"];
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _ProgrammeCard = _interopRequireDefault(require("./ProgrammeCard"));
|
|
13
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
package/lib/index.d.ts
CHANGED
|
@@ -98,6 +98,7 @@ export { SearchField, SearchResultList, SearchResultItem, ActiveFilters, ToggleS
|
|
|
98
98
|
export { default as LetterFilter } from './LetterFilter';
|
|
99
99
|
export { OrderedList, UnOrderedList } from './List';
|
|
100
100
|
export { BlogPostV2 } from './BlogPost';
|
|
101
|
+
export { ProgrammeCard } from './ProgrammeCard';
|
|
101
102
|
export { KeyFigure } from './KeyFigure';
|
|
102
103
|
export { default as ContactBlock } from './ContactBlock';
|
|
103
104
|
export type { HeartButtonType } from './Embed';
|
package/lib/index.js
CHANGED
|
@@ -874,6 +874,12 @@ Object.defineProperty(exports, "Programme", {
|
|
|
874
874
|
return _Programme["default"];
|
|
875
875
|
}
|
|
876
876
|
});
|
|
877
|
+
Object.defineProperty(exports, "ProgrammeCard", {
|
|
878
|
+
enumerable: true,
|
|
879
|
+
get: function get() {
|
|
880
|
+
return _ProgrammeCard.ProgrammeCard;
|
|
881
|
+
}
|
|
882
|
+
});
|
|
877
883
|
Object.defineProperty(exports, "RadioButtonGroup", {
|
|
878
884
|
enumerable: true,
|
|
879
885
|
get: function get() {
|
|
@@ -1380,6 +1386,7 @@ var _Search = require("./Search");
|
|
|
1380
1386
|
var _LetterFilter = _interopRequireDefault(require("./LetterFilter"));
|
|
1381
1387
|
var _List = require("./List");
|
|
1382
1388
|
var _BlogPost = require("./BlogPost");
|
|
1389
|
+
var _ProgrammeCard = require("./ProgrammeCard");
|
|
1383
1390
|
var _KeyFigure = require("./KeyFigure");
|
|
1384
1391
|
var _ContactBlock = _interopRequireDefault(require("./ContactBlock"));
|
|
1385
1392
|
var _CampaignBlock = require("./CampaignBlock");
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ndla/ui",
|
|
3
|
-
"version": "37.0
|
|
3
|
+
"version": "37.1.0",
|
|
4
4
|
"description": "UI component library for NDLA.",
|
|
5
5
|
"license": "GPL-3.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
"devDependencies": {
|
|
76
76
|
"@babel/plugin-proposal-optional-chaining": "^7.11.0",
|
|
77
77
|
"@ndla/types-backend": "^0.2.5",
|
|
78
|
-
"@ndla/types-embed": "^2.0.
|
|
78
|
+
"@ndla/types-embed": "^2.0.2",
|
|
79
79
|
"@types/reach__dialog": "^0.1.0",
|
|
80
80
|
"css-loader": "^6.7.3",
|
|
81
81
|
"mini-css-extract-plugin": "^2.7.5",
|
|
@@ -86,5 +86,5 @@
|
|
|
86
86
|
"publishConfig": {
|
|
87
87
|
"access": "public"
|
|
88
88
|
},
|
|
89
|
-
"gitHead": "
|
|
89
|
+
"gitHead": "4fccc644365b6690e92fb4e6466e0b35f1ffa91c"
|
|
90
90
|
}
|
package/src/List/OrderedList.tsx
CHANGED
|
@@ -23,14 +23,14 @@ export const generateListResets = () => {
|
|
|
23
23
|
|
|
24
24
|
const StyledOl = styled.ol`
|
|
25
25
|
margin-top: 0;
|
|
26
|
-
margin-left: ${spacing.
|
|
26
|
+
margin-left: ${spacing.normal};
|
|
27
27
|
${fonts.sizes('18px', '29px')};
|
|
28
28
|
list-style-type: none;
|
|
29
|
-
padding-left: ${spacing.
|
|
29
|
+
padding-left: ${spacing.normal} !important;
|
|
30
30
|
|
|
31
31
|
// Child ordered lists
|
|
32
32
|
ol {
|
|
33
|
-
padding-left: ${spacing.
|
|
33
|
+
padding-left: ${spacing.normal};
|
|
34
34
|
margin-left: 0;
|
|
35
35
|
}
|
|
36
36
|
// List item
|
|
@@ -12,22 +12,23 @@ import { forwardRef, HTMLAttributes } from 'react';
|
|
|
12
12
|
import { generateListResets } from './OrderedList';
|
|
13
13
|
|
|
14
14
|
const StyledUl = styled.ul`
|
|
15
|
-
padding-left: ${spacing.
|
|
16
|
-
margin-left: ${spacing.
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
}
|
|
21
|
-
}
|
|
15
|
+
padding-left: ${spacing.nsmall} !important;
|
|
16
|
+
margin-left: ${spacing.normal} !important;
|
|
17
|
+
margin-top: 0;
|
|
18
|
+
${fonts.sizes('18px', '29px')};
|
|
19
|
+
|
|
22
20
|
ul {
|
|
23
21
|
list-style-image: none;
|
|
24
|
-
padding-left: ${spacing.
|
|
22
|
+
padding-left: ${spacing.nsmall};
|
|
25
23
|
|
|
26
24
|
margin-left: 0 !important;
|
|
27
25
|
}
|
|
28
|
-
margin-top: 0;
|
|
29
|
-
${fonts.sizes('18px', '29px')};
|
|
30
26
|
|
|
27
|
+
> li {
|
|
28
|
+
::marker {
|
|
29
|
+
color: ${colors.brand.secondary};
|
|
30
|
+
}
|
|
31
|
+
}
|
|
31
32
|
// List item
|
|
32
33
|
li {
|
|
33
34
|
padding-left: ${spacing.nsmall};
|
|
@@ -37,10 +38,6 @@ const StyledUl = styled.ul`
|
|
|
37
38
|
}
|
|
38
39
|
}
|
|
39
40
|
|
|
40
|
-
// Child unordered lists
|
|
41
|
-
ul {
|
|
42
|
-
padding-left: ${spacing.nsmall};
|
|
43
|
-
}
|
|
44
41
|
// List reset classes
|
|
45
42
|
${generateListResets()}
|
|
46
43
|
`;
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) 2023-present, NDLA.
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the GPLv3 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*
|
|
7
|
+
*/
|
|
8
|
+
|
|
9
|
+
import React from 'react';
|
|
10
|
+
import { Meta, StoryFn } from '@storybook/react';
|
|
11
|
+
import ProgrammeCard from './ProgrammeCard';
|
|
12
|
+
import { defaultParameters } from '../../../../stories/defaults';
|
|
13
|
+
|
|
14
|
+
export default {
|
|
15
|
+
title: 'Enkle komponenter/ProgrammeCard',
|
|
16
|
+
component: ProgrammeCard,
|
|
17
|
+
tags: ['autodocs'],
|
|
18
|
+
parameters: {
|
|
19
|
+
...defaultParameters,
|
|
20
|
+
},
|
|
21
|
+
args: {
|
|
22
|
+
id: 'test ID',
|
|
23
|
+
title: { title: 'Elektro og datateknologi', language: 'nb' },
|
|
24
|
+
desktopImage: {
|
|
25
|
+
src: 'https://api.test.ndla.no/image-api/raw/ajvkVKKR.svg?width=600&ts=1682591987993',
|
|
26
|
+
alt: '',
|
|
27
|
+
},
|
|
28
|
+
mobileImage: {
|
|
29
|
+
src: 'https://api.test.ndla.no/image-api/raw/YIAprLg9.svg?width=600&ts=1682592022017',
|
|
30
|
+
alt: '',
|
|
31
|
+
},
|
|
32
|
+
url: '#',
|
|
33
|
+
},
|
|
34
|
+
} as Meta<typeof ProgrammeCard>;
|
|
35
|
+
|
|
36
|
+
export const ProgrammeCardStory: StoryFn<typeof ProgrammeCard> = ({ ...args }) => {
|
|
37
|
+
return <ProgrammeCard {...args} />;
|
|
38
|
+
};
|
|
39
|
+
|
|
40
|
+
ProgrammeCardStory.storyName = 'ProgrammeCard';
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) 2023-present, NDLA.
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the GPLv3 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*
|
|
7
|
+
*/
|
|
8
|
+
|
|
9
|
+
import React from 'react';
|
|
10
|
+
import styled from '@emotion/styled';
|
|
11
|
+
import SafeLink from '@ndla/safelink';
|
|
12
|
+
import { spacing, colors, misc, breakpoints, mq } from '@ndla/core';
|
|
13
|
+
|
|
14
|
+
interface Image {
|
|
15
|
+
src: string;
|
|
16
|
+
alt: string;
|
|
17
|
+
}
|
|
18
|
+
export interface Programme {
|
|
19
|
+
id: string;
|
|
20
|
+
title: {
|
|
21
|
+
title: string;
|
|
22
|
+
language: string;
|
|
23
|
+
};
|
|
24
|
+
desktopImage: Image;
|
|
25
|
+
mobileImage: Image;
|
|
26
|
+
url: string;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
const StyledCardContainer = styled(SafeLink)`
|
|
30
|
+
${mq.range({ from: breakpoints.tablet })} {
|
|
31
|
+
height: 350px;
|
|
32
|
+
width: 250px;
|
|
33
|
+
}
|
|
34
|
+
max-width: 350px;
|
|
35
|
+
height: 195px;
|
|
36
|
+
display: flex;
|
|
37
|
+
flex-direction: column;
|
|
38
|
+
background-color: ${colors.background.default};
|
|
39
|
+
border-radius: ${misc.borderRadius};
|
|
40
|
+
align-self: center;
|
|
41
|
+
box-shadow: none;
|
|
42
|
+
&:hover,
|
|
43
|
+
&:focus-visible {
|
|
44
|
+
text-decoration: underline ${colors.text.primary};
|
|
45
|
+
text-underline-offset: 3px;
|
|
46
|
+
}
|
|
47
|
+
`;
|
|
48
|
+
|
|
49
|
+
const StyledImg = styled.img`
|
|
50
|
+
display: none;
|
|
51
|
+
border-radius: ${misc.borderRadius} ${misc.borderRadius} 0 0;
|
|
52
|
+
&[data-is-mobile='true'] {
|
|
53
|
+
${mq.range({ until: breakpoints.tablet })} {
|
|
54
|
+
display: block;
|
|
55
|
+
width: auto;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
&[data-is-mobile='false'] {
|
|
59
|
+
${mq.range({ from: breakpoints.tablet })} {
|
|
60
|
+
display: block;
|
|
61
|
+
width: 350px;
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
`;
|
|
65
|
+
|
|
66
|
+
const StyledTitle = styled.span`
|
|
67
|
+
color: ${colors.text.primary};
|
|
68
|
+
padding: ${spacing.normal} 0 ${spacing.normal} ${spacing.nsmall};
|
|
69
|
+
border: 1px solid ${colors.brand.lighter};
|
|
70
|
+
border-radius: 0 0 ${misc.borderRadius} ${misc.borderRadius};
|
|
71
|
+
`;
|
|
72
|
+
|
|
73
|
+
const ProgrammeCard = ({ title, desktopImage, mobileImage, url }: Programme) => {
|
|
74
|
+
return (
|
|
75
|
+
<StyledCardContainer to={url}>
|
|
76
|
+
<StyledImg data-is-mobile="false" src={desktopImage.src} alt={desktopImage.alt} />
|
|
77
|
+
<StyledImg data-is-mobile="true" src={mobileImage.src} alt={mobileImage.alt} />
|
|
78
|
+
<StyledTitle>{title.title}</StyledTitle>
|
|
79
|
+
</StyledCardContainer>
|
|
80
|
+
);
|
|
81
|
+
};
|
|
82
|
+
|
|
83
|
+
export default ProgrammeCard;
|
package/src/index.ts
CHANGED
|
@@ -273,6 +273,7 @@ export { default as LetterFilter } from './LetterFilter';
|
|
|
273
273
|
|
|
274
274
|
export { OrderedList, UnOrderedList } from './List';
|
|
275
275
|
export { BlogPostV2 } from './BlogPost';
|
|
276
|
+
export { ProgrammeCard } from './ProgrammeCard';
|
|
276
277
|
export { KeyFigure } from './KeyFigure';
|
|
277
278
|
export { default as ContactBlock } from './ContactBlock';
|
|
278
279
|
export type { HeartButtonType } from './Embed';
|