@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.
Files changed (58) hide show
  1. package/dist/panda.buildinfo.json +1 -1
  2. package/dist/styles.css +4 -4
  3. package/es/Article/Article.js +4 -1
  4. package/es/ContentTypeBadge/ContentTypeBadge.js +2 -2
  5. package/es/ContentTypeBadge/ContentTypeBadgeNew.js +1 -1
  6. package/es/ContentTypeHero/ContentTypeHero.js +1 -1
  7. package/es/index.js +0 -1
  8. package/es/locale/messages-en.js +1 -1
  9. package/es/locale/messages-nb.js +1 -1
  10. package/es/locale/messages-nn.js +1 -1
  11. package/es/locale/messages-se.js +1 -1
  12. package/es/locale/messages-sma.js +1 -1
  13. package/es/model/ContentType.js +3 -3
  14. package/es/styles.css +4 -4
  15. package/lib/Article/Article.js +4 -1
  16. package/lib/ContentTypeBadge/ContentTypeBadge.js +2 -2
  17. package/lib/ContentTypeBadge/ContentTypeBadgeNew.d.ts +1 -1
  18. package/lib/ContentTypeBadge/ContentTypeBadgeNew.js +1 -1
  19. package/lib/ContentTypeHero/ContentTypeHero.js +1 -1
  20. package/lib/index.d.ts +0 -2
  21. package/lib/index.js +0 -7
  22. package/lib/locale/messages-en.d.ts +1 -1
  23. package/lib/locale/messages-en.js +1 -1
  24. package/lib/locale/messages-nb.d.ts +1 -1
  25. package/lib/locale/messages-nb.js +1 -1
  26. package/lib/locale/messages-nn.d.ts +1 -1
  27. package/lib/locale/messages-nn.js +1 -1
  28. package/lib/locale/messages-se.d.ts +1 -1
  29. package/lib/locale/messages-se.js +1 -1
  30. package/lib/locale/messages-sma.d.ts +1 -1
  31. package/lib/locale/messages-sma.js +1 -1
  32. package/lib/model/ContentType.d.ts +2 -3
  33. package/lib/model/ContentType.js +4 -4
  34. package/lib/model/index.d.ts +1 -1
  35. package/lib/styles.css +4 -4
  36. package/package.json +4 -4
  37. package/src/Article/Article.tsx +4 -1
  38. package/src/ContentTypeBadge/ContentTypeBadge.stories.tsx +1 -1
  39. package/src/ContentTypeBadge/ContentTypeBadge.tsx +2 -2
  40. package/src/ContentTypeBadge/ContentTypeBadgeNew.stories.tsx +1 -1
  41. package/src/ContentTypeBadge/ContentTypeBadgeNew.tsx +2 -2
  42. package/src/ContentTypeHero/ContentTypeHero.tsx +1 -1
  43. package/src/index.ts +0 -3
  44. package/src/locale/messages-en.ts +1 -1
  45. package/src/locale/messages-nb.ts +1 -1
  46. package/src/locale/messages-nn.ts +1 -1
  47. package/src/locale/messages-se.ts +1 -1
  48. package/src/locale/messages-sma.ts +1 -1
  49. package/src/model/ContentType.ts +3 -16
  50. package/es/ProgrammeCard/ProgrammeCard.js +0 -51
  51. package/es/ProgrammeCard/index.js +0 -9
  52. package/lib/ProgrammeCard/ProgrammeCard.d.ts +0 -23
  53. package/lib/ProgrammeCard/ProgrammeCard.js +0 -58
  54. package/lib/ProgrammeCard/index.d.ts +0 -9
  55. package/lib/ProgrammeCard/index.js +0 -13
  56. package/src/ProgrammeCard/ProgrammeCard.stories.tsx +0 -35
  57. package/src/ProgrammeCard/ProgrammeCard.tsx +0 -78
  58. 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
  }
@@ -36,7 +36,10 @@ const paddingBlockStart = {
36
36
  }
37
37
  };
38
38
  export const ArticlePadding = styled(ark.div, {
39
- base: articlePadding,
39
+ base: {
40
+ ...articlePadding,
41
+ width: "100%"
42
+ },
40
43
  variants: {
41
44
  padStart: {
42
45
  true: paddingBlockStart
@@ -119,7 +119,7 @@ const iconMap = {
119
119
  iconColor: colors.subject.dark,
120
120
  backgroundColor: colors.subject.light
121
121
  },
122
- [contentTypes.MULTIDISCIPLINARY_TOPIC]: {
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.MULTIDISCIPLINARY_TOPIC
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.MULTIDISCIPLINARY_TOPIC]: "neutral",
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.MULTIDISCIPLINARY_TOPIC]: "brand4",
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";
@@ -560,7 +560,7 @@ const messages = {
560
560
  "source-material": "Source material",
561
561
  "assessment-resources": "Assessment resource",
562
562
  topic: "Topic",
563
- "multidisciplinary-topic": "Multidisciplinary case",
563
+ multidisciplinary: "Multidisciplinary case",
564
564
  image: "Image",
565
565
  concept: "Concept",
566
566
  audio: "Audio",
@@ -560,7 +560,7 @@ const messages = {
560
560
  "source-material": "Kildemateriale",
561
561
  "assessment-resources": "Vurderingsressurs",
562
562
  topic: "Emne",
563
- "multidisciplinary-topic": "Tverrfaglig case",
563
+ multidisciplinary: "Tverrfaglig case",
564
564
  image: "Bilde",
565
565
  concept: "Forklaring",
566
566
  audio: "Lyd",
@@ -560,7 +560,7 @@ const messages = {
560
560
  "source-material": "Kjeldemateriale",
561
561
  "assessment-resources": "Vurderingsressurs",
562
562
  topic: "Emne",
563
- "multidisciplinary-topic": "Tverrfagleg case",
563
+ multidisciplinary: "Tverrfagleg case",
564
564
  image: "Bilete",
565
565
  concept: "Forklaring",
566
566
  audio: "Lyd",
@@ -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
- "multidisciplinary-topic": "Fágaidrasttideaddji fáddá",
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
- "multidisciplinary-topic": "Tverrfaglig case",
563
+ multidisciplinary: "Tverrfaglig case",
564
564
  image: "Bilde",
565
565
  concept: "Forklaring",
566
566
  audio: "Lyd",
@@ -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 MULTIDISCIPLINARY_TOPIC = "multidisciplinary-topic";
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
- MULTIDISCIPLINARY_TOPIC,
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
  }
@@ -42,7 +42,10 @@ const paddingBlockStart = {
42
42
  }
43
43
  };
44
44
  const ArticlePadding = exports.ArticlePadding = (0, _jsx2.styled)(_react2.ark.div, {
45
- base: articlePadding,
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.MULTIDISCIPLINARY_TOPIC]: {
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.MULTIDISCIPLINARY_TOPIC
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.MULTIDISCIPLINARY_TOPIC | typeof contentTypes.CONCEPT | typeof contentTypes.EXTERNAL | typeof contentTypes.IMAGE | typeof contentTypes.AUDIO | typeof contentTypes.VIDEO | typeof contentTypes.MISSING | typeof contentTypes.PODCAST | (string & {});
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.MULTIDISCIPLINARY_TOPIC]: "neutral",
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.MULTIDISCIPLINARY_TOPIC]: "brand4",
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");
@@ -550,7 +550,7 @@ declare const messages: {
550
550
  "source-material": string;
551
551
  "assessment-resources": string;
552
552
  topic: string;
553
- "multidisciplinary-topic": string;
553
+ multidisciplinary: string;
554
554
  image: string;
555
555
  concept: string;
556
556
  audio: string;
@@ -567,7 +567,7 @@ const messages = {
567
567
  "source-material": "Source material",
568
568
  "assessment-resources": "Assessment resource",
569
569
  topic: "Topic",
570
- "multidisciplinary-topic": "Multidisciplinary case",
570
+ multidisciplinary: "Multidisciplinary case",
571
571
  image: "Image",
572
572
  concept: "Concept",
573
573
  audio: "Audio",
@@ -550,7 +550,7 @@ declare const messages: {
550
550
  "source-material": string;
551
551
  "assessment-resources": string;
552
552
  topic: string;
553
- "multidisciplinary-topic": string;
553
+ multidisciplinary: string;
554
554
  image: string;
555
555
  concept: string;
556
556
  audio: string;
@@ -567,7 +567,7 @@ const messages = {
567
567
  "source-material": "Kildemateriale",
568
568
  "assessment-resources": "Vurderingsressurs",
569
569
  topic: "Emne",
570
- "multidisciplinary-topic": "Tverrfaglig case",
570
+ multidisciplinary: "Tverrfaglig case",
571
571
  image: "Bilde",
572
572
  concept: "Forklaring",
573
573
  audio: "Lyd",
@@ -550,7 +550,7 @@ declare const messages: {
550
550
  "source-material": string;
551
551
  "assessment-resources": string;
552
552
  topic: string;
553
- "multidisciplinary-topic": string;
553
+ multidisciplinary: string;
554
554
  image: string;
555
555
  concept: string;
556
556
  audio: string;
@@ -567,7 +567,7 @@ const messages = {
567
567
  "source-material": "Kjeldemateriale",
568
568
  "assessment-resources": "Vurderingsressurs",
569
569
  topic: "Emne",
570
- "multidisciplinary-topic": "Tverrfagleg case",
570
+ multidisciplinary: "Tverrfagleg case",
571
571
  image: "Bilete",
572
572
  concept: "Forklaring",
573
573
  audio: "Lyd",
@@ -550,7 +550,7 @@ declare const messages: {
550
550
  "source-material": string;
551
551
  "assessment-resources": string;
552
552
  topic: string;
553
- "multidisciplinary-topic": string;
553
+ multidisciplinary: string;
554
554
  image: string;
555
555
  concept: string;
556
556
  audio: string;
@@ -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
- "multidisciplinary-topic": "Fágaidrasttideaddji fáddá",
570
+ multidisciplinary: "Fágaidrasttideaddji fáddá",
571
571
  image: "Govva",
572
572
  concept: "Čilgehus",
573
573
  audio: "Jietna",
@@ -550,7 +550,7 @@ declare const messages: {
550
550
  "source-material": string;
551
551
  "assessment-resources": string;
552
552
  topic: string;
553
- "multidisciplinary-topic": string;
553
+ multidisciplinary: string;
554
554
  image: string;
555
555
  concept: string;
556
556
  audio: string;
@@ -567,7 +567,7 @@ const messages = {
567
567
  "source-material": "Gaaltijevierhtieh",
568
568
  "assessment-resources": "Vuarjasjimmievierhtie",
569
569
  topic: "Teema",
570
- "multidisciplinary-topic": "Tverrfaglig case",
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 MULTIDISCIPLINARY_TOPIC = "multidisciplinary-topic";
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
- MULTIDISCIPLINARY_TOPIC: string;
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>;
@@ -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.MULTIDISCIPLINARY_TOPIC = exports.MISSING = exports.ListOfContentTypes = exports.LEARNING_PATH = exports.IMAGE = exports.EXTERNAL = exports.CONCEPT = exports.AUDIO = exports.ASSESSMENT_RESOURCES = void 0;
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 MULTIDISCIPLINARY_TOPIC = exports.MULTIDISCIPLINARY_TOPIC = "multidisciplinary-topic";
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
- MULTIDISCIPLINARY_TOPIC,
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 = {
@@ -17,7 +17,7 @@ declare const model: {
17
17
  SOURCE_MATERIAL: string;
18
18
  LEARNING_PATH: string;
19
19
  TOPIC: string;
20
- MULTIDISCIPLINARY_TOPIC: string;
20
+ MULTIDISCIPLINARY: string;
21
21
  CONCEPT: string;
22
22
  EXTERNAL: string;
23
23
  MISSING: string;
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.12-alpha.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.11-alpha.0",
41
- "@ndla/safelink": "^7.0.11-alpha.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": "cd24ae3579ab025bf18f7d0da583b64d2173d000"
70
+ "gitHead": "d75660d97b97c191869b6b8a4893bb2bbdf132e6"
71
71
  }
@@ -44,7 +44,10 @@ const paddingBlockStart: SystemStyleObject = {
44
44
  export const ArticlePadding = styled(
45
45
  ark.div,
46
46
  {
47
- base: articlePadding,
47
+ base: {
48
+ ...articlePadding,
49
+ width: "100%",
50
+ },
48
51
  variants: {
49
52
  padStart: {
50
53
  true: paddingBlockStart,
@@ -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.MULTIDISCIPLINARY_TOPIC} />
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.MULTIDISCIPLINARY_TOPIC]: {
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.MULTIDISCIPLINARY_TOPIC} />
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-topic" />
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.MULTIDISCIPLINARY_TOPIC
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.MULTIDISCIPLINARY_TOPIC]: "neutral",
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.MULTIDISCIPLINARY_TOPIC]: "brand4",
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
- "multidisciplinary-topic": "Multidisciplinary case",
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
- "multidisciplinary-topic": "Tverrfaglig case",
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
- "multidisciplinary-topic": "Tverrfagleg case",
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
- "multidisciplinary-topic": "Fágaidrasttideaddji fáddá",
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
- "multidisciplinary-topic": "Tverrfaglig case",
577
+ multidisciplinary: "Tverrfaglig case",
578
578
  image: "Bilde",
579
579
  concept: "Forklaring",
580
580
  audio: "Lyd",
@@ -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 MULTIDISCIPLINARY_TOPIC = "multidisciplinary-topic";
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
- MULTIDISCIPLINARY_TOPIC,
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,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
-
9
- export { default as ProgrammeCard } from "./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";