@ndla/ui 56.0.12-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/ContentTypeBadge/ContentTypeBadge.js +2 -2
- package/es/ContentTypeBadge/ContentTypeBadgeNew.js +1 -1
- package/es/ContentTypeHero/ContentTypeHero.js +1 -1
- package/es/index.js +0 -1
- package/es/locale/messages-en.js +1 -1
- package/es/locale/messages-nb.js +1 -1
- package/es/locale/messages-nn.js +1 -1
- package/es/locale/messages-se.js +1 -1
- package/es/locale/messages-sma.js +1 -1
- package/es/model/ContentType.js +3 -3
- package/es/styles.css +4 -4
- package/lib/Article/Article.js +4 -1
- package/lib/ContentTypeBadge/ContentTypeBadge.js +2 -2
- package/lib/ContentTypeBadge/ContentTypeBadgeNew.d.ts +1 -1
- package/lib/ContentTypeBadge/ContentTypeBadgeNew.js +1 -1
- package/lib/ContentTypeHero/ContentTypeHero.js +1 -1
- package/lib/index.d.ts +0 -2
- package/lib/index.js +0 -7
- package/lib/locale/messages-en.d.ts +1 -1
- package/lib/locale/messages-en.js +1 -1
- package/lib/locale/messages-nb.d.ts +1 -1
- package/lib/locale/messages-nb.js +1 -1
- package/lib/locale/messages-nn.d.ts +1 -1
- package/lib/locale/messages-nn.js +1 -1
- package/lib/locale/messages-se.d.ts +1 -1
- package/lib/locale/messages-se.js +1 -1
- package/lib/locale/messages-sma.d.ts +1 -1
- package/lib/locale/messages-sma.js +1 -1
- package/lib/model/ContentType.d.ts +2 -3
- package/lib/model/ContentType.js +4 -4
- package/lib/model/index.d.ts +1 -1
- package/lib/styles.css +4 -4
- package/package.json +4 -4
- package/src/Article/Article.tsx +4 -1
- package/src/ContentTypeBadge/ContentTypeBadge.stories.tsx +1 -1
- package/src/ContentTypeBadge/ContentTypeBadge.tsx +2 -2
- package/src/ContentTypeBadge/ContentTypeBadgeNew.stories.tsx +1 -1
- package/src/ContentTypeBadge/ContentTypeBadgeNew.tsx +2 -2
- package/src/ContentTypeHero/ContentTypeHero.tsx +1 -1
- package/src/index.ts +0 -3
- package/src/locale/messages-en.ts +1 -1
- package/src/locale/messages-nb.ts +1 -1
- package/src/locale/messages-nn.ts +1 -1
- package/src/locale/messages-se.ts +1 -1
- package/src/locale/messages-sma.ts +1 -1
- package/src/model/ContentType.ts +3 -16
- 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
|
@@ -119,7 +119,7 @@ const iconMap = {
|
|
|
119
119
|
iconColor: colors.subject.dark,
|
|
120
120
|
backgroundColor: colors.subject.light
|
|
121
121
|
},
|
|
122
|
-
[contentTypes.
|
|
122
|
+
[contentTypes.MULTIDISCIPLINARY]: {
|
|
123
123
|
icon: ShareFill,
|
|
124
124
|
backgroundColor: "#b9b37b"
|
|
125
125
|
},
|
|
@@ -218,7 +218,7 @@ export const LearningPathBadge = props => /*#__PURE__*/_jsx(ContentTypeBadge, {
|
|
|
218
218
|
});
|
|
219
219
|
export const MultidisciplinaryTopicBadge = props => /*#__PURE__*/_jsx(ContentTypeBadge, {
|
|
220
220
|
...props,
|
|
221
|
-
type: contentTypes.
|
|
221
|
+
type: contentTypes.MULTIDISCIPLINARY
|
|
222
222
|
});
|
|
223
223
|
export const ConceptBadge = props => /*#__PURE__*/_jsx(ContentTypeBadge, {
|
|
224
224
|
...props,
|
|
@@ -20,7 +20,7 @@ export const contentTypeToBadgeVariantMap = {
|
|
|
20
20
|
[contentTypes.LEARNING_PATH]: "brand3",
|
|
21
21
|
[contentTypes.TOPIC]: "neutral",
|
|
22
22
|
// TODO: Verify this color
|
|
23
|
-
[contentTypes.
|
|
23
|
+
[contentTypes.MULTIDISCIPLINARY]: "neutral",
|
|
24
24
|
[contentTypes.CONCEPT]: "brand1",
|
|
25
25
|
// TODO: Verify this color
|
|
26
26
|
[contentTypes.EXTERNAL]: "brand2",
|
|
@@ -25,7 +25,7 @@ export const contentTypeToHeroMap = {
|
|
|
25
25
|
// TODO: This needs a color
|
|
26
26
|
[contentTypes.TOPIC]: "neutral",
|
|
27
27
|
// TODO: This is just taken from thin air.
|
|
28
|
-
[contentTypes.
|
|
28
|
+
[contentTypes.MULTIDISCIPLINARY]: "brand4",
|
|
29
29
|
[contentTypes.CONCEPT]: "brand1Subtle",
|
|
30
30
|
// TODO: No clue what this'll be. Maybe unused?
|
|
31
31
|
[contentTypes.EXTERNAL]: "primary",
|
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/locale/messages-en.js
CHANGED
|
@@ -560,7 +560,7 @@ const messages = {
|
|
|
560
560
|
"source-material": "Source material",
|
|
561
561
|
"assessment-resources": "Assessment resource",
|
|
562
562
|
topic: "Topic",
|
|
563
|
-
|
|
563
|
+
multidisciplinary: "Multidisciplinary case",
|
|
564
564
|
image: "Image",
|
|
565
565
|
concept: "Concept",
|
|
566
566
|
audio: "Audio",
|
package/es/locale/messages-nb.js
CHANGED
|
@@ -560,7 +560,7 @@ const messages = {
|
|
|
560
560
|
"source-material": "Kildemateriale",
|
|
561
561
|
"assessment-resources": "Vurderingsressurs",
|
|
562
562
|
topic: "Emne",
|
|
563
|
-
|
|
563
|
+
multidisciplinary: "Tverrfaglig case",
|
|
564
564
|
image: "Bilde",
|
|
565
565
|
concept: "Forklaring",
|
|
566
566
|
audio: "Lyd",
|
package/es/locale/messages-nn.js
CHANGED
|
@@ -560,7 +560,7 @@ const messages = {
|
|
|
560
560
|
"source-material": "Kjeldemateriale",
|
|
561
561
|
"assessment-resources": "Vurderingsressurs",
|
|
562
562
|
topic: "Emne",
|
|
563
|
-
|
|
563
|
+
multidisciplinary: "Tverrfagleg case",
|
|
564
564
|
image: "Bilete",
|
|
565
565
|
concept: "Forklaring",
|
|
566
566
|
audio: "Lyd",
|
package/es/locale/messages-se.js
CHANGED
|
@@ -560,7 +560,7 @@ const messages = {
|
|
|
560
560
|
"source-material": "Gáldomateriála",
|
|
561
561
|
"assessment-resources": "Árvoštallanresursa",
|
|
562
562
|
topic: "Fáddá",
|
|
563
|
-
|
|
563
|
+
multidisciplinary: "Fágaidrasttideaddji fáddá",
|
|
564
564
|
image: "Govva",
|
|
565
565
|
concept: "Čilgehus",
|
|
566
566
|
audio: "Jietna",
|
|
@@ -560,7 +560,7 @@ const messages = {
|
|
|
560
560
|
"source-material": "Gaaltijevierhtieh",
|
|
561
561
|
"assessment-resources": "Vuarjasjimmievierhtie",
|
|
562
562
|
topic: "Teema",
|
|
563
|
-
|
|
563
|
+
multidisciplinary: "Tverrfaglig case",
|
|
564
564
|
image: "Bilde",
|
|
565
565
|
concept: "Forklaring",
|
|
566
566
|
audio: "Lyd",
|
package/es/model/ContentType.js
CHANGED
|
@@ -13,7 +13,7 @@ export const SUBJECT = "subject";
|
|
|
13
13
|
export const SOURCE_MATERIAL = "source-material";
|
|
14
14
|
export const LEARNING_PATH = "learning-path";
|
|
15
15
|
export const TOPIC = "topic";
|
|
16
|
-
export const
|
|
16
|
+
export const MULTIDISCIPLINARY = "multidisciplinary";
|
|
17
17
|
export const CONCEPT = "concept";
|
|
18
18
|
export const EXTERNAL = "external";
|
|
19
19
|
export const MISSING = "missing";
|
|
@@ -29,7 +29,7 @@ export const contentTypes = {
|
|
|
29
29
|
SOURCE_MATERIAL,
|
|
30
30
|
LEARNING_PATH,
|
|
31
31
|
TOPIC,
|
|
32
|
-
|
|
32
|
+
MULTIDISCIPLINARY,
|
|
33
33
|
CONCEPT,
|
|
34
34
|
EXTERNAL,
|
|
35
35
|
MISSING
|
|
@@ -40,7 +40,6 @@ export const RESOURCE_TYPE_TASKS_AND_ACTIVITIES = "urn:resourcetype:tasksAndActi
|
|
|
40
40
|
export const RESOURCE_TYPE_ASSESSMENT_RESOURCES = "urn:resourcetype:reviewResource";
|
|
41
41
|
export const RESOURCE_TYPE_SOURCE_MATERIAL = "urn:resourcetype:SourceMaterial";
|
|
42
42
|
export const RESOURCE_TYPE_CONCEPT = "urn:resourcetype:concept";
|
|
43
|
-
export const ListOfContentTypes = ["SUBJECT_MATERIAL", "TASKS_AND_ACTIVITIES", "ASSESSMENT_RESOURCES", "SUBJECT", "SOURCE_MATERIAL", "LEARNING_PATH", "TOPIC", "MULTIDISIPLINARY_TOPIC", "CONCEPT", "EXTERNAL", "MISSING"];
|
|
44
43
|
export const contentTypeMapping = {
|
|
45
44
|
[RESOURCE_TYPE_LEARNING_PATH]: LEARNING_PATH,
|
|
46
45
|
[RESOURCE_TYPE_SUBJECT_MATERIAL]: SUBJECT_MATERIAL,
|
|
@@ -48,6 +47,7 @@ export const contentTypeMapping = {
|
|
|
48
47
|
[RESOURCE_TYPE_ASSESSMENT_RESOURCES]: ASSESSMENT_RESOURCES,
|
|
49
48
|
[RESOURCE_TYPE_SOURCE_MATERIAL]: SOURCE_MATERIAL,
|
|
50
49
|
[RESOURCE_TYPE_CONCEPT]: CONCEPT,
|
|
50
|
+
[MULTIDISCIPLINARY]: MULTIDISCIPLINARY,
|
|
51
51
|
default: SUBJECT_MATERIAL
|
|
52
52
|
};
|
|
53
53
|
export const resourceEmbedTypeMapping = {
|
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
|
|
@@ -127,7 +127,7 @@ const iconMap = {
|
|
|
127
127
|
iconColor: _core.colors.subject.dark,
|
|
128
128
|
backgroundColor: _core.colors.subject.light
|
|
129
129
|
},
|
|
130
|
-
[contentTypes.
|
|
130
|
+
[contentTypes.MULTIDISCIPLINARY]: {
|
|
131
131
|
icon: _common.ShareFill,
|
|
132
132
|
backgroundColor: "#b9b37b"
|
|
133
133
|
},
|
|
@@ -233,7 +233,7 @@ const LearningPathBadge = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(ContentType
|
|
|
233
233
|
exports.LearningPathBadge = LearningPathBadge;
|
|
234
234
|
const MultidisciplinaryTopicBadge = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(ContentTypeBadge, {
|
|
235
235
|
...props,
|
|
236
|
-
type: contentTypes.
|
|
236
|
+
type: contentTypes.MULTIDISCIPLINARY
|
|
237
237
|
});
|
|
238
238
|
exports.MultidisciplinaryTopicBadge = MultidisciplinaryTopicBadge;
|
|
239
239
|
const ConceptBadge = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(ContentTypeBadge, {
|
|
@@ -11,6 +11,6 @@ import * as contentTypes from "../model/ContentType";
|
|
|
11
11
|
export interface ContentTypeBadgeProps extends Omit<BadgeProps, "colorTheme"> {
|
|
12
12
|
contentType: ContentType | undefined;
|
|
13
13
|
}
|
|
14
|
-
export type ContentType = typeof contentTypes.SUBJECT_MATERIAL | typeof contentTypes.TASKS_AND_ACTIVITIES | typeof contentTypes.ASSESSMENT_RESOURCES | typeof contentTypes.SUBJECT | typeof contentTypes.SOURCE_MATERIAL | typeof contentTypes.LEARNING_PATH | typeof contentTypes.TOPIC | typeof contentTypes.
|
|
14
|
+
export type ContentType = typeof contentTypes.SUBJECT_MATERIAL | typeof contentTypes.TASKS_AND_ACTIVITIES | typeof contentTypes.ASSESSMENT_RESOURCES | typeof contentTypes.SUBJECT | typeof contentTypes.SOURCE_MATERIAL | typeof contentTypes.LEARNING_PATH | typeof contentTypes.TOPIC | typeof contentTypes.MULTIDISCIPLINARY | typeof contentTypes.CONCEPT | typeof contentTypes.EXTERNAL | typeof contentTypes.IMAGE | typeof contentTypes.AUDIO | typeof contentTypes.VIDEO | typeof contentTypes.MISSING | typeof contentTypes.PODCAST | (string & {});
|
|
15
15
|
export declare const contentTypeToBadgeVariantMap: Record<ContentType, BadgeVariant>;
|
|
16
16
|
export declare const ContentTypeBadge: import("react").ForwardRefExoticComponent<ContentTypeBadgeProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -28,7 +28,7 @@ const contentTypeToBadgeVariantMap = exports.contentTypeToBadgeVariantMap = {
|
|
|
28
28
|
[contentTypes.LEARNING_PATH]: "brand3",
|
|
29
29
|
[contentTypes.TOPIC]: "neutral",
|
|
30
30
|
// TODO: Verify this color
|
|
31
|
-
[contentTypes.
|
|
31
|
+
[contentTypes.MULTIDISCIPLINARY]: "neutral",
|
|
32
32
|
[contentTypes.CONCEPT]: "brand1",
|
|
33
33
|
// TODO: Verify this color
|
|
34
34
|
[contentTypes.EXTERNAL]: "brand2",
|
|
@@ -32,7 +32,7 @@ const contentTypeToHeroMap = exports.contentTypeToHeroMap = {
|
|
|
32
32
|
// TODO: This needs a color
|
|
33
33
|
[contentTypes.TOPIC]: "neutral",
|
|
34
34
|
// TODO: This is just taken from thin air.
|
|
35
|
-
[contentTypes.
|
|
35
|
+
[contentTypes.MULTIDISCIPLINARY]: "brand4",
|
|
36
36
|
[contentTypes.CONCEPT]: "brand1Subtle",
|
|
37
37
|
// TODO: No clue what this'll be. Maybe unused?
|
|
38
38
|
[contentTypes.EXTERNAL]: "primary",
|
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");
|
|
@@ -567,7 +567,7 @@ const messages = {
|
|
|
567
567
|
"source-material": "Source material",
|
|
568
568
|
"assessment-resources": "Assessment resource",
|
|
569
569
|
topic: "Topic",
|
|
570
|
-
|
|
570
|
+
multidisciplinary: "Multidisciplinary case",
|
|
571
571
|
image: "Image",
|
|
572
572
|
concept: "Concept",
|
|
573
573
|
audio: "Audio",
|
|
@@ -567,7 +567,7 @@ const messages = {
|
|
|
567
567
|
"source-material": "Kildemateriale",
|
|
568
568
|
"assessment-resources": "Vurderingsressurs",
|
|
569
569
|
topic: "Emne",
|
|
570
|
-
|
|
570
|
+
multidisciplinary: "Tverrfaglig case",
|
|
571
571
|
image: "Bilde",
|
|
572
572
|
concept: "Forklaring",
|
|
573
573
|
audio: "Lyd",
|
|
@@ -567,7 +567,7 @@ const messages = {
|
|
|
567
567
|
"source-material": "Kjeldemateriale",
|
|
568
568
|
"assessment-resources": "Vurderingsressurs",
|
|
569
569
|
topic: "Emne",
|
|
570
|
-
|
|
570
|
+
multidisciplinary: "Tverrfagleg case",
|
|
571
571
|
image: "Bilete",
|
|
572
572
|
concept: "Forklaring",
|
|
573
573
|
audio: "Lyd",
|
|
@@ -567,7 +567,7 @@ const messages = {
|
|
|
567
567
|
"source-material": "Gáldomateriála",
|
|
568
568
|
"assessment-resources": "Árvoštallanresursa",
|
|
569
569
|
topic: "Fáddá",
|
|
570
|
-
|
|
570
|
+
multidisciplinary: "Fágaidrasttideaddji fáddá",
|
|
571
571
|
image: "Govva",
|
|
572
572
|
concept: "Čilgehus",
|
|
573
573
|
audio: "Jietna",
|
|
@@ -567,7 +567,7 @@ const messages = {
|
|
|
567
567
|
"source-material": "Gaaltijevierhtieh",
|
|
568
568
|
"assessment-resources": "Vuarjasjimmievierhtie",
|
|
569
569
|
topic: "Teema",
|
|
570
|
-
|
|
570
|
+
multidisciplinary: "Tverrfaglig case",
|
|
571
571
|
image: "Bilde",
|
|
572
572
|
concept: "Forklaring",
|
|
573
573
|
audio: "Lyd",
|
|
@@ -12,7 +12,7 @@ export declare const SUBJECT = "subject";
|
|
|
12
12
|
export declare const SOURCE_MATERIAL = "source-material";
|
|
13
13
|
export declare const LEARNING_PATH = "learning-path";
|
|
14
14
|
export declare const TOPIC = "topic";
|
|
15
|
-
export declare const
|
|
15
|
+
export declare const MULTIDISCIPLINARY = "multidisciplinary";
|
|
16
16
|
export declare const CONCEPT = "concept";
|
|
17
17
|
export declare const EXTERNAL = "external";
|
|
18
18
|
export declare const MISSING = "missing";
|
|
@@ -28,7 +28,7 @@ export declare const contentTypes: {
|
|
|
28
28
|
SOURCE_MATERIAL: string;
|
|
29
29
|
LEARNING_PATH: string;
|
|
30
30
|
TOPIC: string;
|
|
31
|
-
|
|
31
|
+
MULTIDISCIPLINARY: string;
|
|
32
32
|
CONCEPT: string;
|
|
33
33
|
EXTERNAL: string;
|
|
34
34
|
MISSING: string;
|
|
@@ -39,6 +39,5 @@ export declare const RESOURCE_TYPE_TASKS_AND_ACTIVITIES = "urn:resourcetype:task
|
|
|
39
39
|
export declare const RESOURCE_TYPE_ASSESSMENT_RESOURCES = "urn:resourcetype:reviewResource";
|
|
40
40
|
export declare const RESOURCE_TYPE_SOURCE_MATERIAL = "urn:resourcetype:SourceMaterial";
|
|
41
41
|
export declare const RESOURCE_TYPE_CONCEPT = "urn:resourcetype:concept";
|
|
42
|
-
export declare const ListOfContentTypes: string[];
|
|
43
42
|
export declare const contentTypeMapping: Record<string, string>;
|
|
44
43
|
export declare const resourceEmbedTypeMapping: Record<string, string>;
|
package/lib/model/ContentType.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.resourceEmbedTypeMapping = exports.contentTypes = exports.contentTypeMapping = exports.VIDEO = exports.TOPIC = exports.TASKS_AND_ACTIVITIES = exports.SUBJECT_MATERIAL = exports.SUBJECT = exports.SOURCE_MATERIAL = exports.RESOURCE_TYPE_TASKS_AND_ACTIVITIES = exports.RESOURCE_TYPE_SUBJECT_MATERIAL = exports.RESOURCE_TYPE_SOURCE_MATERIAL = exports.RESOURCE_TYPE_LEARNING_PATH = exports.RESOURCE_TYPE_CONCEPT = exports.RESOURCE_TYPE_ASSESSMENT_RESOURCES = exports.PODCAST = exports.
|
|
6
|
+
exports.resourceEmbedTypeMapping = exports.contentTypes = exports.contentTypeMapping = exports.VIDEO = exports.TOPIC = exports.TASKS_AND_ACTIVITIES = exports.SUBJECT_MATERIAL = exports.SUBJECT = exports.SOURCE_MATERIAL = exports.RESOURCE_TYPE_TASKS_AND_ACTIVITIES = exports.RESOURCE_TYPE_SUBJECT_MATERIAL = exports.RESOURCE_TYPE_SOURCE_MATERIAL = exports.RESOURCE_TYPE_LEARNING_PATH = exports.RESOURCE_TYPE_CONCEPT = exports.RESOURCE_TYPE_ASSESSMENT_RESOURCES = exports.PODCAST = exports.MULTIDISCIPLINARY = exports.MISSING = exports.LEARNING_PATH = exports.IMAGE = exports.EXTERNAL = exports.CONCEPT = exports.AUDIO = exports.ASSESSMENT_RESOURCES = void 0;
|
|
7
7
|
/**
|
|
8
8
|
* Copyright (c) 2017-present, NDLA.
|
|
9
9
|
*
|
|
@@ -19,7 +19,7 @@ const SUBJECT = exports.SUBJECT = "subject";
|
|
|
19
19
|
const SOURCE_MATERIAL = exports.SOURCE_MATERIAL = "source-material";
|
|
20
20
|
const LEARNING_PATH = exports.LEARNING_PATH = "learning-path";
|
|
21
21
|
const TOPIC = exports.TOPIC = "topic";
|
|
22
|
-
const
|
|
22
|
+
const MULTIDISCIPLINARY = exports.MULTIDISCIPLINARY = "multidisciplinary";
|
|
23
23
|
const CONCEPT = exports.CONCEPT = "concept";
|
|
24
24
|
const EXTERNAL = exports.EXTERNAL = "external";
|
|
25
25
|
const MISSING = exports.MISSING = "missing";
|
|
@@ -35,7 +35,7 @@ const contentTypes = exports.contentTypes = {
|
|
|
35
35
|
SOURCE_MATERIAL,
|
|
36
36
|
LEARNING_PATH,
|
|
37
37
|
TOPIC,
|
|
38
|
-
|
|
38
|
+
MULTIDISCIPLINARY,
|
|
39
39
|
CONCEPT,
|
|
40
40
|
EXTERNAL,
|
|
41
41
|
MISSING
|
|
@@ -46,7 +46,6 @@ const RESOURCE_TYPE_TASKS_AND_ACTIVITIES = exports.RESOURCE_TYPE_TASKS_AND_ACTIV
|
|
|
46
46
|
const RESOURCE_TYPE_ASSESSMENT_RESOURCES = exports.RESOURCE_TYPE_ASSESSMENT_RESOURCES = "urn:resourcetype:reviewResource";
|
|
47
47
|
const RESOURCE_TYPE_SOURCE_MATERIAL = exports.RESOURCE_TYPE_SOURCE_MATERIAL = "urn:resourcetype:SourceMaterial";
|
|
48
48
|
const RESOURCE_TYPE_CONCEPT = exports.RESOURCE_TYPE_CONCEPT = "urn:resourcetype:concept";
|
|
49
|
-
const ListOfContentTypes = exports.ListOfContentTypes = ["SUBJECT_MATERIAL", "TASKS_AND_ACTIVITIES", "ASSESSMENT_RESOURCES", "SUBJECT", "SOURCE_MATERIAL", "LEARNING_PATH", "TOPIC", "MULTIDISIPLINARY_TOPIC", "CONCEPT", "EXTERNAL", "MISSING"];
|
|
50
49
|
const contentTypeMapping = exports.contentTypeMapping = {
|
|
51
50
|
[RESOURCE_TYPE_LEARNING_PATH]: LEARNING_PATH,
|
|
52
51
|
[RESOURCE_TYPE_SUBJECT_MATERIAL]: SUBJECT_MATERIAL,
|
|
@@ -54,6 +53,7 @@ const contentTypeMapping = exports.contentTypeMapping = {
|
|
|
54
53
|
[RESOURCE_TYPE_ASSESSMENT_RESOURCES]: ASSESSMENT_RESOURCES,
|
|
55
54
|
[RESOURCE_TYPE_SOURCE_MATERIAL]: SOURCE_MATERIAL,
|
|
56
55
|
[RESOURCE_TYPE_CONCEPT]: CONCEPT,
|
|
56
|
+
[MULTIDISCIPLINARY]: MULTIDISCIPLINARY,
|
|
57
57
|
default: SUBJECT_MATERIAL
|
|
58
58
|
};
|
|
59
59
|
const resourceEmbedTypeMapping = exports.resourceEmbedTypeMapping = {
|
package/lib/model/index.d.ts
CHANGED
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
|
@@ -70,7 +70,7 @@ export const AllBadges: StoryFn<typeof ContentTypeBadge> = ({ ...args }) => (
|
|
|
70
70
|
<ContentTypeBadge {...args} type={contentTypes.SOURCE_MATERIAL} />
|
|
71
71
|
<ContentTypeBadge {...args} type={contentTypes.LEARNING_PATH} />
|
|
72
72
|
<ContentTypeBadge {...args} type={contentTypes.TOPIC} />
|
|
73
|
-
<ContentTypeBadge {...args} type={contentTypes.
|
|
73
|
+
<ContentTypeBadge {...args} type={contentTypes.MULTIDISCIPLINARY} />
|
|
74
74
|
<ContentTypeBadge {...args} type={contentTypes.CONCEPT} />
|
|
75
75
|
<ContentTypeBadge {...args} type={contentTypes.EXTERNAL} />
|
|
76
76
|
<ContentTypeBadge {...args} type={contentTypes.resourceEmbedTypeMapping.image} />
|
|
@@ -131,7 +131,7 @@ const iconMap = {
|
|
|
131
131
|
iconColor: colors.subject.dark,
|
|
132
132
|
backgroundColor: colors.subject.light,
|
|
133
133
|
},
|
|
134
|
-
[contentTypes.
|
|
134
|
+
[contentTypes.MULTIDISCIPLINARY]: {
|
|
135
135
|
icon: ShareFill,
|
|
136
136
|
backgroundColor: "#b9b37b",
|
|
137
137
|
},
|
|
@@ -220,6 +220,6 @@ export const LearningPathBadge = (props: Omit<Props, "type">) => (
|
|
|
220
220
|
<ContentTypeBadge {...props} type={contentTypes.LEARNING_PATH} />
|
|
221
221
|
);
|
|
222
222
|
export const MultidisciplinaryTopicBadge = (props: Omit<Props, "type">) => (
|
|
223
|
-
<ContentTypeBadge {...props} type={contentTypes.
|
|
223
|
+
<ContentTypeBadge {...props} type={contentTypes.MULTIDISCIPLINARY} />
|
|
224
224
|
);
|
|
225
225
|
export const ConceptBadge = (props: Omit<Props, "type">) => <ContentTypeBadge {...props} type={contentTypes.CONCEPT} />;
|
|
@@ -41,7 +41,7 @@ export const AllBadges: StoryFn<typeof ContentTypeBadge> = () => (
|
|
|
41
41
|
<ContentTypeBadge contentType="source-material" />
|
|
42
42
|
<ContentTypeBadge contentType="learning-path" />
|
|
43
43
|
<ContentTypeBadge contentType="topic" />
|
|
44
|
-
<ContentTypeBadge contentType="multidisciplinary
|
|
44
|
+
<ContentTypeBadge contentType="multidisciplinary" />
|
|
45
45
|
<ContentTypeBadge contentType="concept" />
|
|
46
46
|
<ContentTypeBadge contentType="external" />
|
|
47
47
|
<ContentTypeBadge contentType="image" />
|
|
@@ -23,7 +23,7 @@ export type ContentType =
|
|
|
23
23
|
| typeof contentTypes.SOURCE_MATERIAL
|
|
24
24
|
| typeof contentTypes.LEARNING_PATH
|
|
25
25
|
| typeof contentTypes.TOPIC
|
|
26
|
-
| typeof contentTypes.
|
|
26
|
+
| typeof contentTypes.MULTIDISCIPLINARY
|
|
27
27
|
| typeof contentTypes.CONCEPT
|
|
28
28
|
| typeof contentTypes.EXTERNAL
|
|
29
29
|
| typeof contentTypes.IMAGE
|
|
@@ -43,7 +43,7 @@ export const contentTypeToBadgeVariantMap: Record<ContentType, BadgeVariant> = {
|
|
|
43
43
|
[contentTypes.LEARNING_PATH]: "brand3",
|
|
44
44
|
[contentTypes.TOPIC]: "neutral",
|
|
45
45
|
// TODO: Verify this color
|
|
46
|
-
[contentTypes.
|
|
46
|
+
[contentTypes.MULTIDISCIPLINARY]: "neutral",
|
|
47
47
|
[contentTypes.CONCEPT]: "brand1",
|
|
48
48
|
// TODO: Verify this color
|
|
49
49
|
[contentTypes.EXTERNAL]: "brand2",
|
|
@@ -25,7 +25,7 @@ export const contentTypeToHeroMap: Record<ContentType, HeroVariant> = {
|
|
|
25
25
|
// TODO: This needs a color
|
|
26
26
|
[contentTypes.TOPIC]: "neutral",
|
|
27
27
|
// TODO: This is just taken from thin air.
|
|
28
|
-
[contentTypes.
|
|
28
|
+
[contentTypes.MULTIDISCIPLINARY]: "brand4",
|
|
29
29
|
[contentTypes.CONCEPT]: "brand1Subtle",
|
|
30
30
|
// TODO: No clue what this'll be. Maybe unused?
|
|
31
31
|
[contentTypes.EXTERNAL]: "primary",
|
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";
|
|
@@ -570,7 +570,7 @@ const messages = {
|
|
|
570
570
|
"source-material": "Source material",
|
|
571
571
|
"assessment-resources": "Assessment resource",
|
|
572
572
|
topic: "Topic",
|
|
573
|
-
|
|
573
|
+
multidisciplinary: "Multidisciplinary case",
|
|
574
574
|
image: "Image",
|
|
575
575
|
concept: "Concept",
|
|
576
576
|
audio: "Audio",
|
|
@@ -570,7 +570,7 @@ const messages = {
|
|
|
570
570
|
"source-material": "Kildemateriale",
|
|
571
571
|
"assessment-resources": "Vurderingsressurs",
|
|
572
572
|
topic: "Emne",
|
|
573
|
-
|
|
573
|
+
multidisciplinary: "Tverrfaglig case",
|
|
574
574
|
image: "Bilde",
|
|
575
575
|
concept: "Forklaring",
|
|
576
576
|
audio: "Lyd",
|
|
@@ -570,7 +570,7 @@ const messages = {
|
|
|
570
570
|
"source-material": "Kjeldemateriale",
|
|
571
571
|
"assessment-resources": "Vurderingsressurs",
|
|
572
572
|
topic: "Emne",
|
|
573
|
-
|
|
573
|
+
multidisciplinary: "Tverrfagleg case",
|
|
574
574
|
image: "Bilete",
|
|
575
575
|
concept: "Forklaring",
|
|
576
576
|
audio: "Lyd",
|
|
@@ -572,7 +572,7 @@ const messages = {
|
|
|
572
572
|
"source-material": "Gáldomateriála",
|
|
573
573
|
"assessment-resources": "Árvoštallanresursa",
|
|
574
574
|
topic: "Fáddá",
|
|
575
|
-
|
|
575
|
+
multidisciplinary: "Fágaidrasttideaddji fáddá",
|
|
576
576
|
image: "Govva",
|
|
577
577
|
concept: "Čilgehus",
|
|
578
578
|
audio: "Jietna",
|
|
@@ -574,7 +574,7 @@ const messages = {
|
|
|
574
574
|
"source-material": "Gaaltijevierhtieh",
|
|
575
575
|
"assessment-resources": "Vuarjasjimmievierhtie",
|
|
576
576
|
topic: "Teema",
|
|
577
|
-
|
|
577
|
+
multidisciplinary: "Tverrfaglig case",
|
|
578
578
|
image: "Bilde",
|
|
579
579
|
concept: "Forklaring",
|
|
580
580
|
audio: "Lyd",
|
package/src/model/ContentType.ts
CHANGED
|
@@ -13,7 +13,7 @@ export const SUBJECT = "subject";
|
|
|
13
13
|
export const SOURCE_MATERIAL = "source-material";
|
|
14
14
|
export const LEARNING_PATH = "learning-path";
|
|
15
15
|
export const TOPIC = "topic";
|
|
16
|
-
export const
|
|
16
|
+
export const MULTIDISCIPLINARY = "multidisciplinary";
|
|
17
17
|
export const CONCEPT = "concept";
|
|
18
18
|
export const EXTERNAL = "external";
|
|
19
19
|
export const MISSING = "missing";
|
|
@@ -30,7 +30,7 @@ export const contentTypes = {
|
|
|
30
30
|
SOURCE_MATERIAL,
|
|
31
31
|
LEARNING_PATH,
|
|
32
32
|
TOPIC,
|
|
33
|
-
|
|
33
|
+
MULTIDISCIPLINARY,
|
|
34
34
|
CONCEPT,
|
|
35
35
|
EXTERNAL,
|
|
36
36
|
MISSING,
|
|
@@ -43,20 +43,6 @@ export const RESOURCE_TYPE_ASSESSMENT_RESOURCES = "urn:resourcetype:reviewResour
|
|
|
43
43
|
export const RESOURCE_TYPE_SOURCE_MATERIAL = "urn:resourcetype:SourceMaterial";
|
|
44
44
|
export const RESOURCE_TYPE_CONCEPT = "urn:resourcetype:concept";
|
|
45
45
|
|
|
46
|
-
export const ListOfContentTypes = [
|
|
47
|
-
"SUBJECT_MATERIAL",
|
|
48
|
-
"TASKS_AND_ACTIVITIES",
|
|
49
|
-
"ASSESSMENT_RESOURCES",
|
|
50
|
-
"SUBJECT",
|
|
51
|
-
"SOURCE_MATERIAL",
|
|
52
|
-
"LEARNING_PATH",
|
|
53
|
-
"TOPIC",
|
|
54
|
-
"MULTIDISIPLINARY_TOPIC",
|
|
55
|
-
"CONCEPT",
|
|
56
|
-
"EXTERNAL",
|
|
57
|
-
"MISSING",
|
|
58
|
-
];
|
|
59
|
-
|
|
60
46
|
export const contentTypeMapping: Record<string, string> = {
|
|
61
47
|
[RESOURCE_TYPE_LEARNING_PATH]: LEARNING_PATH,
|
|
62
48
|
[RESOURCE_TYPE_SUBJECT_MATERIAL]: SUBJECT_MATERIAL,
|
|
@@ -64,6 +50,7 @@ export const contentTypeMapping: Record<string, string> = {
|
|
|
64
50
|
[RESOURCE_TYPE_ASSESSMENT_RESOURCES]: ASSESSMENT_RESOURCES,
|
|
65
51
|
[RESOURCE_TYPE_SOURCE_MATERIAL]: SOURCE_MATERIAL,
|
|
66
52
|
[RESOURCE_TYPE_CONCEPT]: CONCEPT,
|
|
53
|
+
[MULTIDISCIPLINARY]: MULTIDISCIPLINARY,
|
|
67
54
|
default: SUBJECT_MATERIAL,
|
|
68
55
|
};
|
|
69
56
|
|
|
@@ -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";
|