@ndla/ui 56.0.13-alpha.0 → 56.0.14-alpha.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/dist/panda.buildinfo.json +1 -1
- package/dist/styles.css +4 -4
- package/es/Article/Article.js +4 -1
- package/es/index.js +0 -1
- package/es/styles.css +4 -4
- package/lib/Article/Article.js +4 -1
- package/lib/index.d.ts +0 -2
- package/lib/index.js +0 -7
- package/lib/styles.css +4 -4
- package/package.json +4 -4
- package/src/Article/Article.tsx +4 -1
- package/src/index.ts +0 -3
- package/es/ProgrammeCard/ProgrammeCard.js +0 -51
- package/es/ProgrammeCard/index.js +0 -9
- package/lib/ProgrammeCard/ProgrammeCard.d.ts +0 -23
- package/lib/ProgrammeCard/ProgrammeCard.js +0 -58
- package/lib/ProgrammeCard/index.d.ts +0 -9
- package/lib/ProgrammeCard/index.js +0 -13
- package/src/ProgrammeCard/ProgrammeCard.stories.tsx +0 -35
- package/src/ProgrammeCard/ProgrammeCard.tsx +0 -78
- package/src/ProgrammeCard/index.tsx +0 -10
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
"styles": {
|
|
4
4
|
"atomic": [
|
|
5
5
|
"paddingInline]___[value:8%",
|
|
6
|
+
"width]___[value:100%",
|
|
6
7
|
"paddingBlockStart]___[value:xsmall",
|
|
7
8
|
"paddingBlockStart]___[value:medium]___[cond:tablet",
|
|
8
9
|
"paddingBlockStart]___[value:xxlarge]___[cond:desktop",
|
|
@@ -14,7 +15,6 @@
|
|
|
14
15
|
"flexDirection]___[value:column",
|
|
15
16
|
"color]___[value:text.default",
|
|
16
17
|
"alignItems]___[value:center",
|
|
17
|
-
"width]___[value:100%",
|
|
18
18
|
"overflowWrap]___[value:break-word",
|
|
19
19
|
"position]___[value:relative",
|
|
20
20
|
"transform]___[value:scaleY(100) translateY(0.075em)]___[cond:& mjx-stretchy-v > mjx-ext > mjx-c",
|
package/dist/styles.css
CHANGED
|
@@ -89,6 +89,10 @@
|
|
|
89
89
|
padding-inline: 8%;
|
|
90
90
|
}
|
|
91
91
|
|
|
92
|
+
.w_100\% {
|
|
93
|
+
width: 100%;
|
|
94
|
+
}
|
|
95
|
+
|
|
92
96
|
.pbs_xsmall {
|
|
93
97
|
padding-block-start: var(--spacing-xsmall);
|
|
94
98
|
}
|
|
@@ -109,10 +113,6 @@
|
|
|
109
113
|
color: var(--colors-text-default);
|
|
110
114
|
}
|
|
111
115
|
|
|
112
|
-
.w_100\% {
|
|
113
|
-
width: 100%;
|
|
114
|
-
}
|
|
115
|
-
|
|
116
116
|
.ov-wrap_break-word {
|
|
117
117
|
overflow-wrap: break-word;
|
|
118
118
|
}
|
package/es/Article/Article.js
CHANGED
package/es/index.js
CHANGED
|
@@ -36,7 +36,6 @@ export { default as CopyParagraphButton } from "./CopyParagraphButton";
|
|
|
36
36
|
export { TagSelectorRoot, TagSelectorLabel, TagSelectorItemInput, TagSelectorTrigger, TagSelectorControl, TagSelectorClearTrigger, TagSelectorInputBase, TagSelectorInput } from "./TagSelector/TagSelector";
|
|
37
37
|
export { TreeStructure } from "./TreeStructure";
|
|
38
38
|
export { BlogPostV2 } from "./BlogPost";
|
|
39
|
-
export { ProgrammeCard } from "./ProgrammeCard";
|
|
40
39
|
export { KeyFigure } from "./KeyFigure";
|
|
41
40
|
export { ContactBlock, contactBlockBackgrounds } from "./ContactBlock";
|
|
42
41
|
export { CampaignBlock } from "./CampaignBlock";
|
package/es/styles.css
CHANGED
|
@@ -89,6 +89,10 @@
|
|
|
89
89
|
padding-inline: 8%;
|
|
90
90
|
}
|
|
91
91
|
|
|
92
|
+
.w_100\% {
|
|
93
|
+
width: 100%;
|
|
94
|
+
}
|
|
95
|
+
|
|
92
96
|
.pbs_xsmall {
|
|
93
97
|
padding-block-start: var(--spacing-xsmall);
|
|
94
98
|
}
|
|
@@ -109,10 +113,6 @@
|
|
|
109
113
|
color: var(--colors-text-default);
|
|
110
114
|
}
|
|
111
115
|
|
|
112
|
-
.w_100\% {
|
|
113
|
-
width: 100%;
|
|
114
|
-
}
|
|
115
|
-
|
|
116
116
|
.ov-wrap_break-word {
|
|
117
117
|
overflow-wrap: break-word;
|
|
118
118
|
}
|
package/lib/Article/Article.js
CHANGED
|
@@ -42,7 +42,10 @@ const paddingBlockStart = {
|
|
|
42
42
|
}
|
|
43
43
|
};
|
|
44
44
|
const ArticlePadding = exports.ArticlePadding = (0, _jsx2.styled)(_react2.ark.div, {
|
|
45
|
-
base:
|
|
45
|
+
base: {
|
|
46
|
+
...articlePadding,
|
|
47
|
+
width: "100%"
|
|
48
|
+
},
|
|
46
49
|
variants: {
|
|
47
50
|
padStart: {
|
|
48
51
|
true: paddingBlockStart
|
package/lib/index.d.ts
CHANGED
|
@@ -36,7 +36,6 @@ export { TagSelectorRoot, TagSelectorLabel, TagSelectorItemInput, TagSelectorTri
|
|
|
36
36
|
export { TreeStructure } from "./TreeStructure";
|
|
37
37
|
export type { TreeStructureProps } from "./TreeStructure";
|
|
38
38
|
export { BlogPostV2 } from "./BlogPost";
|
|
39
|
-
export { ProgrammeCard } from "./ProgrammeCard";
|
|
40
39
|
export { KeyFigure } from "./KeyFigure";
|
|
41
40
|
export { ContactBlock, contactBlockBackgrounds } from "./ContactBlock";
|
|
42
41
|
export type { ContactBlockBackground } from "./ContactBlock";
|
|
@@ -44,7 +43,6 @@ export type { HeartButtonType, CanonicalUrlFuncs, RenderContext } from "./Embed"
|
|
|
44
43
|
export { CampaignBlock } from "./CampaignBlock";
|
|
45
44
|
export { Grid, GridParallaxItem } from "./Grid";
|
|
46
45
|
export type { GridType } from "./Grid";
|
|
47
|
-
export type { ProgrammeV2 } from "./ProgrammeCard";
|
|
48
46
|
export { Gloss, GlossExample } from "./Gloss";
|
|
49
47
|
export { LinkBlock, LinkBlockSection } from "./LinkBlock";
|
|
50
48
|
export type { Article as ArticleType } from "./types";
|
package/lib/index.js
CHANGED
|
@@ -375,12 +375,6 @@ Object.defineProperty(exports, "PdfFile", {
|
|
|
375
375
|
return _FileList.PdfFile;
|
|
376
376
|
}
|
|
377
377
|
});
|
|
378
|
-
Object.defineProperty(exports, "ProgrammeCard", {
|
|
379
|
-
enumerable: true,
|
|
380
|
-
get: function () {
|
|
381
|
-
return _ProgrammeCard.ProgrammeCard;
|
|
382
|
-
}
|
|
383
|
-
});
|
|
384
378
|
Object.defineProperty(exports, "RelatedArticle", {
|
|
385
379
|
enumerable: true,
|
|
386
380
|
get: function () {
|
|
@@ -636,7 +630,6 @@ var _CopyParagraphButton = _interopRequireDefault(require("./CopyParagraphButton
|
|
|
636
630
|
var _TagSelector = require("./TagSelector/TagSelector");
|
|
637
631
|
var _TreeStructure = require("./TreeStructure");
|
|
638
632
|
var _BlogPost = require("./BlogPost");
|
|
639
|
-
var _ProgrammeCard = require("./ProgrammeCard");
|
|
640
633
|
var _KeyFigure = require("./KeyFigure");
|
|
641
634
|
var _ContactBlock = require("./ContactBlock");
|
|
642
635
|
var _CampaignBlock = require("./CampaignBlock");
|
package/lib/styles.css
CHANGED
|
@@ -89,6 +89,10 @@
|
|
|
89
89
|
padding-inline: 8%;
|
|
90
90
|
}
|
|
91
91
|
|
|
92
|
+
.w_100\% {
|
|
93
|
+
width: 100%;
|
|
94
|
+
}
|
|
95
|
+
|
|
92
96
|
.pbs_xsmall {
|
|
93
97
|
padding-block-start: var(--spacing-xsmall);
|
|
94
98
|
}
|
|
@@ -109,10 +113,6 @@
|
|
|
109
113
|
color: var(--colors-text-default);
|
|
110
114
|
}
|
|
111
115
|
|
|
112
|
-
.w_100\% {
|
|
113
|
-
width: 100%;
|
|
114
|
-
}
|
|
115
|
-
|
|
116
116
|
.ov-wrap_break-word {
|
|
117
117
|
overflow-wrap: break-word;
|
|
118
118
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ndla/ui",
|
|
3
|
-
"version": "56.0.
|
|
3
|
+
"version": "56.0.14-alpha.0",
|
|
4
4
|
"description": "UI component library for NDLA",
|
|
5
5
|
"license": "GPL-3.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
@@ -37,8 +37,8 @@
|
|
|
37
37
|
"@ndla/core": "^5.0.2",
|
|
38
38
|
"@ndla/icons": "^8.0.9-alpha.0",
|
|
39
39
|
"@ndla/licenses": "^8.0.1-alpha.0",
|
|
40
|
-
"@ndla/primitives": "^1.0.
|
|
41
|
-
"@ndla/safelink": "^7.0.
|
|
40
|
+
"@ndla/primitives": "^1.0.13-alpha.0",
|
|
41
|
+
"@ndla/safelink": "^7.0.13-alpha.0",
|
|
42
42
|
"@ndla/styled-system": "^0.0.11",
|
|
43
43
|
"@ndla/util": "^4.1.0",
|
|
44
44
|
"html-react-parser": "^5.1.8",
|
|
@@ -67,5 +67,5 @@
|
|
|
67
67
|
"publishConfig": {
|
|
68
68
|
"access": "public"
|
|
69
69
|
},
|
|
70
|
-
"gitHead": "
|
|
70
|
+
"gitHead": "d75660d97b97c191869b6b8a4893bb2bbdf132e6"
|
|
71
71
|
}
|
package/src/Article/Article.tsx
CHANGED
package/src/index.ts
CHANGED
|
@@ -124,7 +124,6 @@ export { TreeStructure } from "./TreeStructure";
|
|
|
124
124
|
export type { TreeStructureProps } from "./TreeStructure";
|
|
125
125
|
|
|
126
126
|
export { BlogPostV2 } from "./BlogPost";
|
|
127
|
-
export { ProgrammeCard } from "./ProgrammeCard";
|
|
128
127
|
export { KeyFigure } from "./KeyFigure";
|
|
129
128
|
export { ContactBlock, contactBlockBackgrounds } from "./ContactBlock";
|
|
130
129
|
export type { ContactBlockBackground } from "./ContactBlock";
|
|
@@ -133,8 +132,6 @@ export { CampaignBlock } from "./CampaignBlock";
|
|
|
133
132
|
export { Grid, GridParallaxItem } from "./Grid";
|
|
134
133
|
export type { GridType } from "./Grid";
|
|
135
134
|
|
|
136
|
-
export type { ProgrammeV2 } from "./ProgrammeCard";
|
|
137
|
-
|
|
138
135
|
export { Gloss, GlossExample } from "./Gloss";
|
|
139
136
|
|
|
140
137
|
export { LinkBlock, LinkBlockSection } from "./LinkBlock";
|
|
@@ -1,51 +0,0 @@
|
|
|
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 { spacing, colors, misc, breakpoints, mq, fonts } from "@ndla/core";
|
|
11
|
-
import { SafeLink } from "@ndla/safelink";
|
|
12
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
-
const StyledCardContainer = /*#__PURE__*/_styled(SafeLink, {
|
|
14
|
-
target: "eo9d6lc2",
|
|
15
|
-
label: "StyledCardContainer"
|
|
16
|
-
})("display:flex;flex-direction:column;background-color:", colors.background.default, ";border-radius:", misc.borderRadius, ";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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyYW1tZUNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCNEMiLCJmaWxlIjoiUHJvZ3JhbW1lQ2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgc3BhY2luZywgY29sb3JzLCBtaXNjLCBicmVha3BvaW50cywgbXEsIGZvbnRzIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IFNhZmVMaW5rIH0gZnJvbSBcIkBuZGxhL3NhZmVsaW5rXCI7XG5cbmludGVyZmFjZSBJbWFnZSB7XG4gIHNyYzogc3RyaW5nO1xuICBhbHQ6IHN0cmluZztcbn1cbmV4cG9ydCBpbnRlcmZhY2UgUHJvZ3JhbW1lIHtcbiAgaWQ6IHN0cmluZztcbiAgdGl0bGU6IHtcbiAgICB0aXRsZTogc3RyaW5nO1xuICAgIGxhbmd1YWdlOiBzdHJpbmc7XG4gIH07XG4gIG5hcnJvd0ltYWdlPzogSW1hZ2U7XG4gIHdpZGVJbWFnZT86IEltYWdlO1xuICB1cmw6IHN0cmluZztcbn1cblxuY29uc3QgU3R5bGVkQ2FyZENvbnRhaW5lciA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJhY2tncm91bmQuZGVmYXVsdH07XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBib3gtc2hhZG93OiBub25lO1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmUgJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgICB0ZXh0LXVuZGVybGluZS1vZmZzZXQ6IDNweDtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZsZXg6IDE7XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9ICR7bWlzYy5ib3JkZXJSYWRpdXN9IDAgMDtcbiAgd2lkdGg6IDEwMCU7XG5gO1xuXG5jb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBmbGV4O1xuICBtaW4taGVpZ2h0OiA3MHB4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5uc21hbGx9O1xuICBtYXJnaW4tdG9wOiBhdXRvO1xuXG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICBib3JkZXItcmFkaXVzOiAwIDAgJHttaXNjLmJvcmRlclJhZGl1c30gJHttaXNjLmJvcmRlclJhZGl1c307XG5cbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gICR7Zm9udHMuc2l6ZXMoXCIxNnB4XCIsIFwiMjRweFwiKX07XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoXCIxNnB4XCIsIFwiMThweFwiKX07XG4gIH1cbmA7XG5cbmNvbnN0IFByb2dyYW1tZUNhcmQgPSAoeyB0aXRsZSwgbmFycm93SW1hZ2UsIHdpZGVJbWFnZSwgdXJsIH06IFByb2dyYW1tZSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDYXJkQ29udGFpbmVyIHRvPXt1cmx9PlxuICAgICAge25hcnJvd0ltYWdlICYmIDxTdHlsZWRJbWcgaGVpZ2h0PXsyODB9IHdpZHRoPXsyNTB9IHNyYz17bmFycm93SW1hZ2Uuc3JjfSBhbHQ9e25hcnJvd0ltYWdlLmFsdH0gLz59XG4gICAgICB7d2lkZUltYWdlICYmIDxTdHlsZWRJbWcgaGVpZ2h0PXszMzB9IHdpZHRoPXsxMjB9IHNyYz17d2lkZUltYWdlLnNyY30gYWx0PXt3aWRlSW1hZ2UuYWx0fSAvPn1cbiAgICAgIDxTdHlsZWRUaXRsZT57dGl0bGUudGl0bGV9PC9TdHlsZWRUaXRsZT5cbiAgICA8L1N0eWxlZENhcmRDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBQcm9ncmFtbWVDYXJkO1xuIl19 */"));
|
|
17
|
-
const StyledImg = /*#__PURE__*/_styled("img", {
|
|
18
|
-
target: "eo9d6lc1",
|
|
19
|
-
label: "StyledImg"
|
|
20
|
-
})("display:block;flex:1;border-radius:", misc.borderRadius, " ", misc.borderRadius, " 0 0;width:100%;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyYW1tZUNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDNEIiLCJmaWxlIjoiUHJvZ3JhbW1lQ2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgc3BhY2luZywgY29sb3JzLCBtaXNjLCBicmVha3BvaW50cywgbXEsIGZvbnRzIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IFNhZmVMaW5rIH0gZnJvbSBcIkBuZGxhL3NhZmVsaW5rXCI7XG5cbmludGVyZmFjZSBJbWFnZSB7XG4gIHNyYzogc3RyaW5nO1xuICBhbHQ6IHN0cmluZztcbn1cbmV4cG9ydCBpbnRlcmZhY2UgUHJvZ3JhbW1lIHtcbiAgaWQ6IHN0cmluZztcbiAgdGl0bGU6IHtcbiAgICB0aXRsZTogc3RyaW5nO1xuICAgIGxhbmd1YWdlOiBzdHJpbmc7XG4gIH07XG4gIG5hcnJvd0ltYWdlPzogSW1hZ2U7XG4gIHdpZGVJbWFnZT86IEltYWdlO1xuICB1cmw6IHN0cmluZztcbn1cblxuY29uc3QgU3R5bGVkQ2FyZENvbnRhaW5lciA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJhY2tncm91bmQuZGVmYXVsdH07XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBib3gtc2hhZG93OiBub25lO1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmUgJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgICB0ZXh0LXVuZGVybGluZS1vZmZzZXQ6IDNweDtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZsZXg6IDE7XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9ICR7bWlzYy5ib3JkZXJSYWRpdXN9IDAgMDtcbiAgd2lkdGg6IDEwMCU7XG5gO1xuXG5jb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBmbGV4O1xuICBtaW4taGVpZ2h0OiA3MHB4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5uc21hbGx9O1xuICBtYXJnaW4tdG9wOiBhdXRvO1xuXG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICBib3JkZXItcmFkaXVzOiAwIDAgJHttaXNjLmJvcmRlclJhZGl1c30gJHttaXNjLmJvcmRlclJhZGl1c307XG5cbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gICR7Zm9udHMuc2l6ZXMoXCIxNnB4XCIsIFwiMjRweFwiKX07XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoXCIxNnB4XCIsIFwiMThweFwiKX07XG4gIH1cbmA7XG5cbmNvbnN0IFByb2dyYW1tZUNhcmQgPSAoeyB0aXRsZSwgbmFycm93SW1hZ2UsIHdpZGVJbWFnZSwgdXJsIH06IFByb2dyYW1tZSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDYXJkQ29udGFpbmVyIHRvPXt1cmx9PlxuICAgICAge25hcnJvd0ltYWdlICYmIDxTdHlsZWRJbWcgaGVpZ2h0PXsyODB9IHdpZHRoPXsyNTB9IHNyYz17bmFycm93SW1hZ2Uuc3JjfSBhbHQ9e25hcnJvd0ltYWdlLmFsdH0gLz59XG4gICAgICB7d2lkZUltYWdlICYmIDxTdHlsZWRJbWcgaGVpZ2h0PXszMzB9IHdpZHRoPXsxMjB9IHNyYz17d2lkZUltYWdlLnNyY30gYWx0PXt3aWRlSW1hZ2UuYWx0fSAvPn1cbiAgICAgIDxTdHlsZWRUaXRsZT57dGl0bGUudGl0bGV9PC9TdHlsZWRUaXRsZT5cbiAgICA8L1N0eWxlZENhcmRDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBQcm9ncmFtbWVDYXJkO1xuIl19 */"));
|
|
21
|
-
const StyledTitle = /*#__PURE__*/_styled("span", {
|
|
22
|
-
target: "eo9d6lc0",
|
|
23
|
-
label: "StyledTitle"
|
|
24
|
-
})("display:flex;min-height:70px;align-items:center;padding-left:", spacing.nsmall, ";margin-top:auto;border:1px solid ", colors.brand.lighter, ";border-radius:0 0 ", misc.borderRadius, " ", misc.borderRadius, ";font-weight:", fonts.weight.semibold, ";color:", colors.text.primary, ";", fonts.sizes("16px", "24px"), ";", mq.range({
|
|
25
|
-
from: breakpoints.tablet
|
|
26
|
-
}), "{", fonts.sizes("16px", "18px"), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyYW1tZUNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdEK0IiLCJmaWxlIjoiUHJvZ3JhbW1lQ2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgc3BhY2luZywgY29sb3JzLCBtaXNjLCBicmVha3BvaW50cywgbXEsIGZvbnRzIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IFNhZmVMaW5rIH0gZnJvbSBcIkBuZGxhL3NhZmVsaW5rXCI7XG5cbmludGVyZmFjZSBJbWFnZSB7XG4gIHNyYzogc3RyaW5nO1xuICBhbHQ6IHN0cmluZztcbn1cbmV4cG9ydCBpbnRlcmZhY2UgUHJvZ3JhbW1lIHtcbiAgaWQ6IHN0cmluZztcbiAgdGl0bGU6IHtcbiAgICB0aXRsZTogc3RyaW5nO1xuICAgIGxhbmd1YWdlOiBzdHJpbmc7XG4gIH07XG4gIG5hcnJvd0ltYWdlPzogSW1hZ2U7XG4gIHdpZGVJbWFnZT86IEltYWdlO1xuICB1cmw6IHN0cmluZztcbn1cblxuY29uc3QgU3R5bGVkQ2FyZENvbnRhaW5lciA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJhY2tncm91bmQuZGVmYXVsdH07XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBib3gtc2hhZG93OiBub25lO1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmUgJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgICB0ZXh0LXVuZGVybGluZS1vZmZzZXQ6IDNweDtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZsZXg6IDE7XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9ICR7bWlzYy5ib3JkZXJSYWRpdXN9IDAgMDtcbiAgd2lkdGg6IDEwMCU7XG5gO1xuXG5jb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBmbGV4O1xuICBtaW4taGVpZ2h0OiA3MHB4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5uc21hbGx9O1xuICBtYXJnaW4tdG9wOiBhdXRvO1xuXG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICBib3JkZXItcmFkaXVzOiAwIDAgJHttaXNjLmJvcmRlclJhZGl1c30gJHttaXNjLmJvcmRlclJhZGl1c307XG5cbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gICR7Zm9udHMuc2l6ZXMoXCIxNnB4XCIsIFwiMjRweFwiKX07XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoXCIxNnB4XCIsIFwiMThweFwiKX07XG4gIH1cbmA7XG5cbmNvbnN0IFByb2dyYW1tZUNhcmQgPSAoeyB0aXRsZSwgbmFycm93SW1hZ2UsIHdpZGVJbWFnZSwgdXJsIH06IFByb2dyYW1tZSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDYXJkQ29udGFpbmVyIHRvPXt1cmx9PlxuICAgICAge25hcnJvd0ltYWdlICYmIDxTdHlsZWRJbWcgaGVpZ2h0PXsyODB9IHdpZHRoPXsyNTB9IHNyYz17bmFycm93SW1hZ2Uuc3JjfSBhbHQ9e25hcnJvd0ltYWdlLmFsdH0gLz59XG4gICAgICB7d2lkZUltYWdlICYmIDxTdHlsZWRJbWcgaGVpZ2h0PXszMzB9IHdpZHRoPXsxMjB9IHNyYz17d2lkZUltYWdlLnNyY30gYWx0PXt3aWRlSW1hZ2UuYWx0fSAvPn1cbiAgICAgIDxTdHlsZWRUaXRsZT57dGl0bGUudGl0bGV9PC9TdHlsZWRUaXRsZT5cbiAgICA8L1N0eWxlZENhcmRDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBQcm9ncmFtbWVDYXJkO1xuIl19 */"));
|
|
27
|
-
const ProgrammeCard = _ref => {
|
|
28
|
-
let {
|
|
29
|
-
title,
|
|
30
|
-
narrowImage,
|
|
31
|
-
wideImage,
|
|
32
|
-
url
|
|
33
|
-
} = _ref;
|
|
34
|
-
return /*#__PURE__*/_jsxs(StyledCardContainer, {
|
|
35
|
-
to: url,
|
|
36
|
-
children: [narrowImage && /*#__PURE__*/_jsx(StyledImg, {
|
|
37
|
-
height: 280,
|
|
38
|
-
width: 250,
|
|
39
|
-
src: narrowImage.src,
|
|
40
|
-
alt: narrowImage.alt
|
|
41
|
-
}), wideImage && /*#__PURE__*/_jsx(StyledImg, {
|
|
42
|
-
height: 330,
|
|
43
|
-
width: 120,
|
|
44
|
-
src: wideImage.src,
|
|
45
|
-
alt: wideImage.alt
|
|
46
|
-
}), /*#__PURE__*/_jsx(StyledTitle, {
|
|
47
|
-
children: title.title
|
|
48
|
-
})]
|
|
49
|
-
});
|
|
50
|
-
};
|
|
51
|
-
export default ProgrammeCard;
|
|
@@ -1,23 +0,0 @@
|
|
|
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
|
-
narrowImage?: Image;
|
|
19
|
-
wideImage?: Image;
|
|
20
|
-
url: string;
|
|
21
|
-
}
|
|
22
|
-
declare const ProgrammeCard: ({ title, narrowImage, wideImage, url }: Programme) => import("react/jsx-runtime").JSX.Element;
|
|
23
|
-
export default ProgrammeCard;
|
|
@@ -1,58 +0,0 @@
|
|
|
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 _core = require("@ndla/core");
|
|
9
|
-
var _safelink = require("@ndla/safelink");
|
|
10
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
-
/**
|
|
13
|
-
* Copyright (c) 2023-present, NDLA.
|
|
14
|
-
*
|
|
15
|
-
* This source code is licensed under the GPLv3 license found in the
|
|
16
|
-
* LICENSE file in the root directory of this source tree.
|
|
17
|
-
*
|
|
18
|
-
*/
|
|
19
|
-
|
|
20
|
-
const StyledCardContainer = /*#__PURE__*/(0, _base.default)(_safelink.SafeLink, {
|
|
21
|
-
target: "eo9d6lc2",
|
|
22
|
-
label: "StyledCardContainer"
|
|
23
|
-
})("display:flex;flex-direction:column;background-color:", _core.colors.background.default, ";border-radius:", _core.misc.borderRadius, ";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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyYW1tZUNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCNEMiLCJmaWxlIjoiUHJvZ3JhbW1lQ2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgc3BhY2luZywgY29sb3JzLCBtaXNjLCBicmVha3BvaW50cywgbXEsIGZvbnRzIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IFNhZmVMaW5rIH0gZnJvbSBcIkBuZGxhL3NhZmVsaW5rXCI7XG5cbmludGVyZmFjZSBJbWFnZSB7XG4gIHNyYzogc3RyaW5nO1xuICBhbHQ6IHN0cmluZztcbn1cbmV4cG9ydCBpbnRlcmZhY2UgUHJvZ3JhbW1lIHtcbiAgaWQ6IHN0cmluZztcbiAgdGl0bGU6IHtcbiAgICB0aXRsZTogc3RyaW5nO1xuICAgIGxhbmd1YWdlOiBzdHJpbmc7XG4gIH07XG4gIG5hcnJvd0ltYWdlPzogSW1hZ2U7XG4gIHdpZGVJbWFnZT86IEltYWdlO1xuICB1cmw6IHN0cmluZztcbn1cblxuY29uc3QgU3R5bGVkQ2FyZENvbnRhaW5lciA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJhY2tncm91bmQuZGVmYXVsdH07XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBib3gtc2hhZG93OiBub25lO1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmUgJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgICB0ZXh0LXVuZGVybGluZS1vZmZzZXQ6IDNweDtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZsZXg6IDE7XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9ICR7bWlzYy5ib3JkZXJSYWRpdXN9IDAgMDtcbiAgd2lkdGg6IDEwMCU7XG5gO1xuXG5jb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBmbGV4O1xuICBtaW4taGVpZ2h0OiA3MHB4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5uc21hbGx9O1xuICBtYXJnaW4tdG9wOiBhdXRvO1xuXG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICBib3JkZXItcmFkaXVzOiAwIDAgJHttaXNjLmJvcmRlclJhZGl1c30gJHttaXNjLmJvcmRlclJhZGl1c307XG5cbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gICR7Zm9udHMuc2l6ZXMoXCIxNnB4XCIsIFwiMjRweFwiKX07XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoXCIxNnB4XCIsIFwiMThweFwiKX07XG4gIH1cbmA7XG5cbmNvbnN0IFByb2dyYW1tZUNhcmQgPSAoeyB0aXRsZSwgbmFycm93SW1hZ2UsIHdpZGVJbWFnZSwgdXJsIH06IFByb2dyYW1tZSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDYXJkQ29udGFpbmVyIHRvPXt1cmx9PlxuICAgICAge25hcnJvd0ltYWdlICYmIDxTdHlsZWRJbWcgaGVpZ2h0PXsyODB9IHdpZHRoPXsyNTB9IHNyYz17bmFycm93SW1hZ2Uuc3JjfSBhbHQ9e25hcnJvd0ltYWdlLmFsdH0gLz59XG4gICAgICB7d2lkZUltYWdlICYmIDxTdHlsZWRJbWcgaGVpZ2h0PXszMzB9IHdpZHRoPXsxMjB9IHNyYz17d2lkZUltYWdlLnNyY30gYWx0PXt3aWRlSW1hZ2UuYWx0fSAvPn1cbiAgICAgIDxTdHlsZWRUaXRsZT57dGl0bGUudGl0bGV9PC9TdHlsZWRUaXRsZT5cbiAgICA8L1N0eWxlZENhcmRDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBQcm9ncmFtbWVDYXJkO1xuIl19 */"));
|
|
24
|
-
const StyledImg = /*#__PURE__*/(0, _base.default)("img", {
|
|
25
|
-
target: "eo9d6lc1",
|
|
26
|
-
label: "StyledImg"
|
|
27
|
-
})("display:block;flex:1;border-radius:", _core.misc.borderRadius, " ", _core.misc.borderRadius, " 0 0;width:100%;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyYW1tZUNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDNEIiLCJmaWxlIjoiUHJvZ3JhbW1lQ2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgc3BhY2luZywgY29sb3JzLCBtaXNjLCBicmVha3BvaW50cywgbXEsIGZvbnRzIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IFNhZmVMaW5rIH0gZnJvbSBcIkBuZGxhL3NhZmVsaW5rXCI7XG5cbmludGVyZmFjZSBJbWFnZSB7XG4gIHNyYzogc3RyaW5nO1xuICBhbHQ6IHN0cmluZztcbn1cbmV4cG9ydCBpbnRlcmZhY2UgUHJvZ3JhbW1lIHtcbiAgaWQ6IHN0cmluZztcbiAgdGl0bGU6IHtcbiAgICB0aXRsZTogc3RyaW5nO1xuICAgIGxhbmd1YWdlOiBzdHJpbmc7XG4gIH07XG4gIG5hcnJvd0ltYWdlPzogSW1hZ2U7XG4gIHdpZGVJbWFnZT86IEltYWdlO1xuICB1cmw6IHN0cmluZztcbn1cblxuY29uc3QgU3R5bGVkQ2FyZENvbnRhaW5lciA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJhY2tncm91bmQuZGVmYXVsdH07XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBib3gtc2hhZG93OiBub25lO1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmUgJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgICB0ZXh0LXVuZGVybGluZS1vZmZzZXQ6IDNweDtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZsZXg6IDE7XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9ICR7bWlzYy5ib3JkZXJSYWRpdXN9IDAgMDtcbiAgd2lkdGg6IDEwMCU7XG5gO1xuXG5jb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBmbGV4O1xuICBtaW4taGVpZ2h0OiA3MHB4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5uc21hbGx9O1xuICBtYXJnaW4tdG9wOiBhdXRvO1xuXG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICBib3JkZXItcmFkaXVzOiAwIDAgJHttaXNjLmJvcmRlclJhZGl1c30gJHttaXNjLmJvcmRlclJhZGl1c307XG5cbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gICR7Zm9udHMuc2l6ZXMoXCIxNnB4XCIsIFwiMjRweFwiKX07XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoXCIxNnB4XCIsIFwiMThweFwiKX07XG4gIH1cbmA7XG5cbmNvbnN0IFByb2dyYW1tZUNhcmQgPSAoeyB0aXRsZSwgbmFycm93SW1hZ2UsIHdpZGVJbWFnZSwgdXJsIH06IFByb2dyYW1tZSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDYXJkQ29udGFpbmVyIHRvPXt1cmx9PlxuICAgICAge25hcnJvd0ltYWdlICYmIDxTdHlsZWRJbWcgaGVpZ2h0PXsyODB9IHdpZHRoPXsyNTB9IHNyYz17bmFycm93SW1hZ2Uuc3JjfSBhbHQ9e25hcnJvd0ltYWdlLmFsdH0gLz59XG4gICAgICB7d2lkZUltYWdlICYmIDxTdHlsZWRJbWcgaGVpZ2h0PXszMzB9IHdpZHRoPXsxMjB9IHNyYz17d2lkZUltYWdlLnNyY30gYWx0PXt3aWRlSW1hZ2UuYWx0fSAvPn1cbiAgICAgIDxTdHlsZWRUaXRsZT57dGl0bGUudGl0bGV9PC9TdHlsZWRUaXRsZT5cbiAgICA8L1N0eWxlZENhcmRDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBQcm9ncmFtbWVDYXJkO1xuIl19 */"));
|
|
28
|
-
const StyledTitle = /*#__PURE__*/(0, _base.default)("span", {
|
|
29
|
-
target: "eo9d6lc0",
|
|
30
|
-
label: "StyledTitle"
|
|
31
|
-
})("display:flex;min-height:70px;align-items:center;padding-left:", _core.spacing.nsmall, ";margin-top:auto;border:1px solid ", _core.colors.brand.lighter, ";border-radius:0 0 ", _core.misc.borderRadius, " ", _core.misc.borderRadius, ";font-weight:", _core.fonts.weight.semibold, ";color:", _core.colors.text.primary, ";", _core.fonts.sizes("16px", "24px"), ";", _core.mq.range({
|
|
32
|
-
from: _core.breakpoints.tablet
|
|
33
|
-
}), "{", _core.fonts.sizes("16px", "18px"), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyYW1tZUNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdEK0IiLCJmaWxlIjoiUHJvZ3JhbW1lQ2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgc3BhY2luZywgY29sb3JzLCBtaXNjLCBicmVha3BvaW50cywgbXEsIGZvbnRzIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IFNhZmVMaW5rIH0gZnJvbSBcIkBuZGxhL3NhZmVsaW5rXCI7XG5cbmludGVyZmFjZSBJbWFnZSB7XG4gIHNyYzogc3RyaW5nO1xuICBhbHQ6IHN0cmluZztcbn1cbmV4cG9ydCBpbnRlcmZhY2UgUHJvZ3JhbW1lIHtcbiAgaWQ6IHN0cmluZztcbiAgdGl0bGU6IHtcbiAgICB0aXRsZTogc3RyaW5nO1xuICAgIGxhbmd1YWdlOiBzdHJpbmc7XG4gIH07XG4gIG5hcnJvd0ltYWdlPzogSW1hZ2U7XG4gIHdpZGVJbWFnZT86IEltYWdlO1xuICB1cmw6IHN0cmluZztcbn1cblxuY29uc3QgU3R5bGVkQ2FyZENvbnRhaW5lciA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJhY2tncm91bmQuZGVmYXVsdH07XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBib3gtc2hhZG93OiBub25lO1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmUgJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgICB0ZXh0LXVuZGVybGluZS1vZmZzZXQ6IDNweDtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZsZXg6IDE7XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9ICR7bWlzYy5ib3JkZXJSYWRpdXN9IDAgMDtcbiAgd2lkdGg6IDEwMCU7XG5gO1xuXG5jb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBmbGV4O1xuICBtaW4taGVpZ2h0OiA3MHB4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5uc21hbGx9O1xuICBtYXJnaW4tdG9wOiBhdXRvO1xuXG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICBib3JkZXItcmFkaXVzOiAwIDAgJHttaXNjLmJvcmRlclJhZGl1c30gJHttaXNjLmJvcmRlclJhZGl1c307XG5cbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gICR7Zm9udHMuc2l6ZXMoXCIxNnB4XCIsIFwiMjRweFwiKX07XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoXCIxNnB4XCIsIFwiMThweFwiKX07XG4gIH1cbmA7XG5cbmNvbnN0IFByb2dyYW1tZUNhcmQgPSAoeyB0aXRsZSwgbmFycm93SW1hZ2UsIHdpZGVJbWFnZSwgdXJsIH06IFByb2dyYW1tZSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDYXJkQ29udGFpbmVyIHRvPXt1cmx9PlxuICAgICAge25hcnJvd0ltYWdlICYmIDxTdHlsZWRJbWcgaGVpZ2h0PXsyODB9IHdpZHRoPXsyNTB9IHNyYz17bmFycm93SW1hZ2Uuc3JjfSBhbHQ9e25hcnJvd0ltYWdlLmFsdH0gLz59XG4gICAgICB7d2lkZUltYWdlICYmIDxTdHlsZWRJbWcgaGVpZ2h0PXszMzB9IHdpZHRoPXsxMjB9IHNyYz17d2lkZUltYWdlLnNyY30gYWx0PXt3aWRlSW1hZ2UuYWx0fSAvPn1cbiAgICAgIDxTdHlsZWRUaXRsZT57dGl0bGUudGl0bGV9PC9TdHlsZWRUaXRsZT5cbiAgICA8L1N0eWxlZENhcmRDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBQcm9ncmFtbWVDYXJkO1xuIl19 */"));
|
|
34
|
-
const ProgrammeCard = _ref => {
|
|
35
|
-
let {
|
|
36
|
-
title,
|
|
37
|
-
narrowImage,
|
|
38
|
-
wideImage,
|
|
39
|
-
url
|
|
40
|
-
} = _ref;
|
|
41
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledCardContainer, {
|
|
42
|
-
to: url,
|
|
43
|
-
children: [narrowImage && /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledImg, {
|
|
44
|
-
height: 280,
|
|
45
|
-
width: 250,
|
|
46
|
-
src: narrowImage.src,
|
|
47
|
-
alt: narrowImage.alt
|
|
48
|
-
}), wideImage && /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledImg, {
|
|
49
|
-
height: 330,
|
|
50
|
-
width: 120,
|
|
51
|
-
src: wideImage.src,
|
|
52
|
-
alt: wideImage.alt
|
|
53
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTitle, {
|
|
54
|
-
children: title.title
|
|
55
|
-
})]
|
|
56
|
-
});
|
|
57
|
-
};
|
|
58
|
-
var _default = exports.default = ProgrammeCard;
|
|
@@ -1,9 +0,0 @@
|
|
|
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
|
-
export { default as ProgrammeCard } from "./ProgrammeCard";
|
|
9
|
-
export type { Programme as ProgrammeV2 } from "./ProgrammeCard";
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "ProgrammeCard", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function () {
|
|
9
|
-
return _ProgrammeCard.default;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
var _ProgrammeCard = _interopRequireDefault(require("./ProgrammeCard"));
|
|
13
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -1,35 +0,0 @@
|
|
|
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 { Meta, StoryFn } from "@storybook/react";
|
|
10
|
-
import ProgrammeCard from "./ProgrammeCard";
|
|
11
|
-
|
|
12
|
-
export default {
|
|
13
|
-
title: "Components/ProgrammeCard",
|
|
14
|
-
component: ProgrammeCard,
|
|
15
|
-
tags: ["autodocs"],
|
|
16
|
-
args: {
|
|
17
|
-
id: "test ID",
|
|
18
|
-
title: { title: "Elektro og datateknologi", language: "nb" },
|
|
19
|
-
desktopImage: {
|
|
20
|
-
src: "https://api.test.ndla.no/image-api/raw/ajvkVKKR.svg?width=600&ts=1682591987993",
|
|
21
|
-
alt: "",
|
|
22
|
-
},
|
|
23
|
-
mobileImage: {
|
|
24
|
-
src: "https://api.test.ndla.no/image-api/raw/YIAprLg9.svg?width=600&ts=1682592022017",
|
|
25
|
-
alt: "",
|
|
26
|
-
},
|
|
27
|
-
url: "#",
|
|
28
|
-
},
|
|
29
|
-
} as Meta<typeof ProgrammeCard>;
|
|
30
|
-
|
|
31
|
-
export const ProgrammeCardStory: StoryFn<typeof ProgrammeCard> = ({ ...args }) => {
|
|
32
|
-
return <ProgrammeCard {...args} />;
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
ProgrammeCardStory.storyName = "ProgrammeCard";
|
|
@@ -1,78 +0,0 @@
|
|
|
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 styled from "@emotion/styled";
|
|
10
|
-
import { spacing, colors, misc, breakpoints, mq, fonts } from "@ndla/core";
|
|
11
|
-
import { SafeLink } from "@ndla/safelink";
|
|
12
|
-
|
|
13
|
-
interface Image {
|
|
14
|
-
src: string;
|
|
15
|
-
alt: string;
|
|
16
|
-
}
|
|
17
|
-
export interface Programme {
|
|
18
|
-
id: string;
|
|
19
|
-
title: {
|
|
20
|
-
title: string;
|
|
21
|
-
language: string;
|
|
22
|
-
};
|
|
23
|
-
narrowImage?: Image;
|
|
24
|
-
wideImage?: Image;
|
|
25
|
-
url: string;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
const StyledCardContainer = styled(SafeLink)`
|
|
29
|
-
display: flex;
|
|
30
|
-
flex-direction: column;
|
|
31
|
-
background-color: ${colors.background.default};
|
|
32
|
-
border-radius: ${misc.borderRadius};
|
|
33
|
-
box-shadow: none;
|
|
34
|
-
|
|
35
|
-
&:hover,
|
|
36
|
-
&:focus-visible {
|
|
37
|
-
text-decoration: underline ${colors.text.primary};
|
|
38
|
-
text-underline-offset: 3px;
|
|
39
|
-
}
|
|
40
|
-
`;
|
|
41
|
-
|
|
42
|
-
const StyledImg = styled.img`
|
|
43
|
-
display: block;
|
|
44
|
-
flex: 1;
|
|
45
|
-
border-radius: ${misc.borderRadius} ${misc.borderRadius} 0 0;
|
|
46
|
-
width: 100%;
|
|
47
|
-
`;
|
|
48
|
-
|
|
49
|
-
const StyledTitle = styled.span`
|
|
50
|
-
display: flex;
|
|
51
|
-
min-height: 70px;
|
|
52
|
-
align-items: center;
|
|
53
|
-
padding-left: ${spacing.nsmall};
|
|
54
|
-
margin-top: auto;
|
|
55
|
-
|
|
56
|
-
border: 1px solid ${colors.brand.lighter};
|
|
57
|
-
border-radius: 0 0 ${misc.borderRadius} ${misc.borderRadius};
|
|
58
|
-
|
|
59
|
-
font-weight: ${fonts.weight.semibold};
|
|
60
|
-
color: ${colors.text.primary};
|
|
61
|
-
${fonts.sizes("16px", "24px")};
|
|
62
|
-
|
|
63
|
-
${mq.range({ from: breakpoints.tablet })} {
|
|
64
|
-
${fonts.sizes("16px", "18px")};
|
|
65
|
-
}
|
|
66
|
-
`;
|
|
67
|
-
|
|
68
|
-
const ProgrammeCard = ({ title, narrowImage, wideImage, url }: Programme) => {
|
|
69
|
-
return (
|
|
70
|
-
<StyledCardContainer to={url}>
|
|
71
|
-
{narrowImage && <StyledImg height={280} width={250} src={narrowImage.src} alt={narrowImage.alt} />}
|
|
72
|
-
{wideImage && <StyledImg height={330} width={120} src={wideImage.src} alt={wideImage.alt} />}
|
|
73
|
-
<StyledTitle>{title.title}</StyledTitle>
|
|
74
|
-
</StyledCardContainer>
|
|
75
|
-
);
|
|
76
|
-
};
|
|
77
|
-
|
|
78
|
-
export default ProgrammeCard;
|
|
@@ -1,10 +0,0 @@
|
|
|
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
|
-
export { default as ProgrammeCard } from "./ProgrammeCard";
|
|
10
|
-
export type { Programme as ProgrammeV2 } from "./ProgrammeCard";
|