@ndla/ui 56.0.13-alpha.0 → 56.0.14-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -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
package/es/index.js CHANGED
@@ -36,7 +36,6 @@ export { default as CopyParagraphButton } from "./CopyParagraphButton";
36
36
  export { TagSelectorRoot, TagSelectorLabel, TagSelectorItemInput, TagSelectorTrigger, TagSelectorControl, TagSelectorClearTrigger, TagSelectorInputBase, TagSelectorInput } from "./TagSelector/TagSelector";
37
37
  export { TreeStructure } from "./TreeStructure";
38
38
  export { BlogPostV2 } from "./BlogPost";
39
- export { ProgrammeCard } from "./ProgrammeCard";
40
39
  export { KeyFigure } from "./KeyFigure";
41
40
  export { ContactBlock, contactBlockBackgrounds } from "./ContactBlock";
42
41
  export { CampaignBlock } from "./CampaignBlock";
package/es/styles.css CHANGED
@@ -89,6 +89,10 @@
89
89
  padding-inline: 8%;
90
90
  }
91
91
 
92
+ .w_100\% {
93
+ width: 100%;
94
+ }
95
+
92
96
  .pbs_xsmall {
93
97
  padding-block-start: var(--spacing-xsmall);
94
98
  }
@@ -109,10 +113,6 @@
109
113
  color: var(--colors-text-default);
110
114
  }
111
115
 
112
- .w_100\% {
113
- width: 100%;
114
- }
115
-
116
116
  .ov-wrap_break-word {
117
117
  overflow-wrap: break-word;
118
118
  }
@@ -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
package/lib/index.d.ts CHANGED
@@ -36,7 +36,6 @@ export { TagSelectorRoot, TagSelectorLabel, TagSelectorItemInput, TagSelectorTri
36
36
  export { TreeStructure } from "./TreeStructure";
37
37
  export type { TreeStructureProps } from "./TreeStructure";
38
38
  export { BlogPostV2 } from "./BlogPost";
39
- export { ProgrammeCard } from "./ProgrammeCard";
40
39
  export { KeyFigure } from "./KeyFigure";
41
40
  export { ContactBlock, contactBlockBackgrounds } from "./ContactBlock";
42
41
  export type { ContactBlockBackground } from "./ContactBlock";
@@ -44,7 +43,6 @@ export type { HeartButtonType, CanonicalUrlFuncs, RenderContext } from "./Embed"
44
43
  export { CampaignBlock } from "./CampaignBlock";
45
44
  export { Grid, GridParallaxItem } from "./Grid";
46
45
  export type { GridType } from "./Grid";
47
- export type { ProgrammeV2 } from "./ProgrammeCard";
48
46
  export { Gloss, GlossExample } from "./Gloss";
49
47
  export { LinkBlock, LinkBlockSection } from "./LinkBlock";
50
48
  export type { Article as ArticleType } from "./types";
package/lib/index.js CHANGED
@@ -375,12 +375,6 @@ Object.defineProperty(exports, "PdfFile", {
375
375
  return _FileList.PdfFile;
376
376
  }
377
377
  });
378
- Object.defineProperty(exports, "ProgrammeCard", {
379
- enumerable: true,
380
- get: function () {
381
- return _ProgrammeCard.ProgrammeCard;
382
- }
383
- });
384
378
  Object.defineProperty(exports, "RelatedArticle", {
385
379
  enumerable: true,
386
380
  get: function () {
@@ -636,7 +630,6 @@ var _CopyParagraphButton = _interopRequireDefault(require("./CopyParagraphButton
636
630
  var _TagSelector = require("./TagSelector/TagSelector");
637
631
  var _TreeStructure = require("./TreeStructure");
638
632
  var _BlogPost = require("./BlogPost");
639
- var _ProgrammeCard = require("./ProgrammeCard");
640
633
  var _KeyFigure = require("./KeyFigure");
641
634
  var _ContactBlock = require("./ContactBlock");
642
635
  var _CampaignBlock = require("./CampaignBlock");
package/lib/styles.css CHANGED
@@ -89,6 +89,10 @@
89
89
  padding-inline: 8%;
90
90
  }
91
91
 
92
+ .w_100\% {
93
+ width: 100%;
94
+ }
95
+
92
96
  .pbs_xsmall {
93
97
  padding-block-start: var(--spacing-xsmall);
94
98
  }
@@ -109,10 +113,6 @@
109
113
  color: var(--colors-text-default);
110
114
  }
111
115
 
112
- .w_100\% {
113
- width: 100%;
114
- }
115
-
116
116
  .ov-wrap_break-word {
117
117
  overflow-wrap: break-word;
118
118
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ndla/ui",
3
- "version": "56.0.13-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.12-alpha.0",
41
- "@ndla/safelink": "^7.0.12-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": "fd50e914af42f70fda68083094768e248c4171a2"
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,
package/src/index.ts CHANGED
@@ -124,7 +124,6 @@ export { TreeStructure } from "./TreeStructure";
124
124
  export type { TreeStructureProps } from "./TreeStructure";
125
125
 
126
126
  export { BlogPostV2 } from "./BlogPost";
127
- export { ProgrammeCard } from "./ProgrammeCard";
128
127
  export { KeyFigure } from "./KeyFigure";
129
128
  export { ContactBlock, contactBlockBackgrounds } from "./ContactBlock";
130
129
  export type { ContactBlockBackground } from "./ContactBlock";
@@ -133,8 +132,6 @@ export { CampaignBlock } from "./CampaignBlock";
133
132
  export { Grid, GridParallaxItem } from "./Grid";
134
133
  export type { GridType } from "./Grid";
135
134
 
136
- export type { ProgrammeV2 } from "./ProgrammeCard";
137
-
138
135
  export { Gloss, GlossExample } from "./Gloss";
139
136
 
140
137
  export { LinkBlock, LinkBlockSection } from "./LinkBlock";
@@ -1,51 +0,0 @@
1
- import _styled from "@emotion/styled/base";
2
- /**
3
- * Copyright (c) 2023-present, NDLA.
4
- *
5
- * This source code is licensed under the GPLv3 license found in the
6
- * LICENSE file in the root directory of this source tree.
7
- *
8
- */
9
-
10
- import { spacing, colors, misc, breakpoints, mq, fonts } from "@ndla/core";
11
- import { SafeLink } from "@ndla/safelink";
12
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
- const StyledCardContainer = /*#__PURE__*/_styled(SafeLink, {
14
- target: "eo9d6lc2",
15
- label: "StyledCardContainer"
16
- })("display:flex;flex-direction:column;background-color:", colors.background.default, ";border-radius:", misc.borderRadius, ";box-shadow:none;&:hover,&:focus-visible{text-decoration:underline ", colors.text.primary, ";text-underline-offset:3px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyYW1tZUNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCNEMiLCJmaWxlIjoiUHJvZ3JhbW1lQ2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgc3BhY2luZywgY29sb3JzLCBtaXNjLCBicmVha3BvaW50cywgbXEsIGZvbnRzIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IFNhZmVMaW5rIH0gZnJvbSBcIkBuZGxhL3NhZmVsaW5rXCI7XG5cbmludGVyZmFjZSBJbWFnZSB7XG4gIHNyYzogc3RyaW5nO1xuICBhbHQ6IHN0cmluZztcbn1cbmV4cG9ydCBpbnRlcmZhY2UgUHJvZ3JhbW1lIHtcbiAgaWQ6IHN0cmluZztcbiAgdGl0bGU6IHtcbiAgICB0aXRsZTogc3RyaW5nO1xuICAgIGxhbmd1YWdlOiBzdHJpbmc7XG4gIH07XG4gIG5hcnJvd0ltYWdlPzogSW1hZ2U7XG4gIHdpZGVJbWFnZT86IEltYWdlO1xuICB1cmw6IHN0cmluZztcbn1cblxuY29uc3QgU3R5bGVkQ2FyZENvbnRhaW5lciA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJhY2tncm91bmQuZGVmYXVsdH07XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBib3gtc2hhZG93OiBub25lO1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmUgJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgICB0ZXh0LXVuZGVybGluZS1vZmZzZXQ6IDNweDtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZsZXg6IDE7XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9ICR7bWlzYy5ib3JkZXJSYWRpdXN9IDAgMDtcbiAgd2lkdGg6IDEwMCU7XG5gO1xuXG5jb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBmbGV4O1xuICBtaW4taGVpZ2h0OiA3MHB4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5uc21hbGx9O1xuICBtYXJnaW4tdG9wOiBhdXRvO1xuXG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICBib3JkZXItcmFkaXVzOiAwIDAgJHttaXNjLmJvcmRlclJhZGl1c30gJHttaXNjLmJvcmRlclJhZGl1c307XG5cbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gICR7Zm9udHMuc2l6ZXMoXCIxNnB4XCIsIFwiMjRweFwiKX07XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoXCIxNnB4XCIsIFwiMThweFwiKX07XG4gIH1cbmA7XG5cbmNvbnN0IFByb2dyYW1tZUNhcmQgPSAoeyB0aXRsZSwgbmFycm93SW1hZ2UsIHdpZGVJbWFnZSwgdXJsIH06IFByb2dyYW1tZSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDYXJkQ29udGFpbmVyIHRvPXt1cmx9PlxuICAgICAge25hcnJvd0ltYWdlICYmIDxTdHlsZWRJbWcgaGVpZ2h0PXsyODB9IHdpZHRoPXsyNTB9IHNyYz17bmFycm93SW1hZ2Uuc3JjfSBhbHQ9e25hcnJvd0ltYWdlLmFsdH0gLz59XG4gICAgICB7d2lkZUltYWdlICYmIDxTdHlsZWRJbWcgaGVpZ2h0PXszMzB9IHdpZHRoPXsxMjB9IHNyYz17d2lkZUltYWdlLnNyY30gYWx0PXt3aWRlSW1hZ2UuYWx0fSAvPn1cbiAgICAgIDxTdHlsZWRUaXRsZT57dGl0bGUudGl0bGV9PC9TdHlsZWRUaXRsZT5cbiAgICA8L1N0eWxlZENhcmRDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBQcm9ncmFtbWVDYXJkO1xuIl19 */"));
17
- const StyledImg = /*#__PURE__*/_styled("img", {
18
- target: "eo9d6lc1",
19
- label: "StyledImg"
20
- })("display:block;flex:1;border-radius:", misc.borderRadius, " ", misc.borderRadius, " 0 0;width:100%;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyYW1tZUNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDNEIiLCJmaWxlIjoiUHJvZ3JhbW1lQ2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgc3BhY2luZywgY29sb3JzLCBtaXNjLCBicmVha3BvaW50cywgbXEsIGZvbnRzIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IFNhZmVMaW5rIH0gZnJvbSBcIkBuZGxhL3NhZmVsaW5rXCI7XG5cbmludGVyZmFjZSBJbWFnZSB7XG4gIHNyYzogc3RyaW5nO1xuICBhbHQ6IHN0cmluZztcbn1cbmV4cG9ydCBpbnRlcmZhY2UgUHJvZ3JhbW1lIHtcbiAgaWQ6IHN0cmluZztcbiAgdGl0bGU6IHtcbiAgICB0aXRsZTogc3RyaW5nO1xuICAgIGxhbmd1YWdlOiBzdHJpbmc7XG4gIH07XG4gIG5hcnJvd0ltYWdlPzogSW1hZ2U7XG4gIHdpZGVJbWFnZT86IEltYWdlO1xuICB1cmw6IHN0cmluZztcbn1cblxuY29uc3QgU3R5bGVkQ2FyZENvbnRhaW5lciA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJhY2tncm91bmQuZGVmYXVsdH07XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBib3gtc2hhZG93OiBub25lO1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmUgJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgICB0ZXh0LXVuZGVybGluZS1vZmZzZXQ6IDNweDtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZsZXg6IDE7XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9ICR7bWlzYy5ib3JkZXJSYWRpdXN9IDAgMDtcbiAgd2lkdGg6IDEwMCU7XG5gO1xuXG5jb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBmbGV4O1xuICBtaW4taGVpZ2h0OiA3MHB4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5uc21hbGx9O1xuICBtYXJnaW4tdG9wOiBhdXRvO1xuXG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICBib3JkZXItcmFkaXVzOiAwIDAgJHttaXNjLmJvcmRlclJhZGl1c30gJHttaXNjLmJvcmRlclJhZGl1c307XG5cbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gICR7Zm9udHMuc2l6ZXMoXCIxNnB4XCIsIFwiMjRweFwiKX07XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoXCIxNnB4XCIsIFwiMThweFwiKX07XG4gIH1cbmA7XG5cbmNvbnN0IFByb2dyYW1tZUNhcmQgPSAoeyB0aXRsZSwgbmFycm93SW1hZ2UsIHdpZGVJbWFnZSwgdXJsIH06IFByb2dyYW1tZSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDYXJkQ29udGFpbmVyIHRvPXt1cmx9PlxuICAgICAge25hcnJvd0ltYWdlICYmIDxTdHlsZWRJbWcgaGVpZ2h0PXsyODB9IHdpZHRoPXsyNTB9IHNyYz17bmFycm93SW1hZ2Uuc3JjfSBhbHQ9e25hcnJvd0ltYWdlLmFsdH0gLz59XG4gICAgICB7d2lkZUltYWdlICYmIDxTdHlsZWRJbWcgaGVpZ2h0PXszMzB9IHdpZHRoPXsxMjB9IHNyYz17d2lkZUltYWdlLnNyY30gYWx0PXt3aWRlSW1hZ2UuYWx0fSAvPn1cbiAgICAgIDxTdHlsZWRUaXRsZT57dGl0bGUudGl0bGV9PC9TdHlsZWRUaXRsZT5cbiAgICA8L1N0eWxlZENhcmRDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBQcm9ncmFtbWVDYXJkO1xuIl19 */"));
21
- const StyledTitle = /*#__PURE__*/_styled("span", {
22
- target: "eo9d6lc0",
23
- label: "StyledTitle"
24
- })("display:flex;min-height:70px;align-items:center;padding-left:", spacing.nsmall, ";margin-top:auto;border:1px solid ", colors.brand.lighter, ";border-radius:0 0 ", misc.borderRadius, " ", misc.borderRadius, ";font-weight:", fonts.weight.semibold, ";color:", colors.text.primary, ";", fonts.sizes("16px", "24px"), ";", mq.range({
25
- from: breakpoints.tablet
26
- }), "{", fonts.sizes("16px", "18px"), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyYW1tZUNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdEK0IiLCJmaWxlIjoiUHJvZ3JhbW1lQ2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgc3BhY2luZywgY29sb3JzLCBtaXNjLCBicmVha3BvaW50cywgbXEsIGZvbnRzIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IFNhZmVMaW5rIH0gZnJvbSBcIkBuZGxhL3NhZmVsaW5rXCI7XG5cbmludGVyZmFjZSBJbWFnZSB7XG4gIHNyYzogc3RyaW5nO1xuICBhbHQ6IHN0cmluZztcbn1cbmV4cG9ydCBpbnRlcmZhY2UgUHJvZ3JhbW1lIHtcbiAgaWQ6IHN0cmluZztcbiAgdGl0bGU6IHtcbiAgICB0aXRsZTogc3RyaW5nO1xuICAgIGxhbmd1YWdlOiBzdHJpbmc7XG4gIH07XG4gIG5hcnJvd0ltYWdlPzogSW1hZ2U7XG4gIHdpZGVJbWFnZT86IEltYWdlO1xuICB1cmw6IHN0cmluZztcbn1cblxuY29uc3QgU3R5bGVkQ2FyZENvbnRhaW5lciA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJhY2tncm91bmQuZGVmYXVsdH07XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBib3gtc2hhZG93OiBub25lO1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmUgJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgICB0ZXh0LXVuZGVybGluZS1vZmZzZXQ6IDNweDtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZsZXg6IDE7XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9ICR7bWlzYy5ib3JkZXJSYWRpdXN9IDAgMDtcbiAgd2lkdGg6IDEwMCU7XG5gO1xuXG5jb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBmbGV4O1xuICBtaW4taGVpZ2h0OiA3MHB4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5uc21hbGx9O1xuICBtYXJnaW4tdG9wOiBhdXRvO1xuXG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICBib3JkZXItcmFkaXVzOiAwIDAgJHttaXNjLmJvcmRlclJhZGl1c30gJHttaXNjLmJvcmRlclJhZGl1c307XG5cbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gICR7Zm9udHMuc2l6ZXMoXCIxNnB4XCIsIFwiMjRweFwiKX07XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoXCIxNnB4XCIsIFwiMThweFwiKX07XG4gIH1cbmA7XG5cbmNvbnN0IFByb2dyYW1tZUNhcmQgPSAoeyB0aXRsZSwgbmFycm93SW1hZ2UsIHdpZGVJbWFnZSwgdXJsIH06IFByb2dyYW1tZSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDYXJkQ29udGFpbmVyIHRvPXt1cmx9PlxuICAgICAge25hcnJvd0ltYWdlICYmIDxTdHlsZWRJbWcgaGVpZ2h0PXsyODB9IHdpZHRoPXsyNTB9IHNyYz17bmFycm93SW1hZ2Uuc3JjfSBhbHQ9e25hcnJvd0ltYWdlLmFsdH0gLz59XG4gICAgICB7d2lkZUltYWdlICYmIDxTdHlsZWRJbWcgaGVpZ2h0PXszMzB9IHdpZHRoPXsxMjB9IHNyYz17d2lkZUltYWdlLnNyY30gYWx0PXt3aWRlSW1hZ2UuYWx0fSAvPn1cbiAgICAgIDxTdHlsZWRUaXRsZT57dGl0bGUudGl0bGV9PC9TdHlsZWRUaXRsZT5cbiAgICA8L1N0eWxlZENhcmRDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBQcm9ncmFtbWVDYXJkO1xuIl19 */"));
27
- const ProgrammeCard = _ref => {
28
- let {
29
- title,
30
- narrowImage,
31
- wideImage,
32
- url
33
- } = _ref;
34
- return /*#__PURE__*/_jsxs(StyledCardContainer, {
35
- to: url,
36
- children: [narrowImage && /*#__PURE__*/_jsx(StyledImg, {
37
- height: 280,
38
- width: 250,
39
- src: narrowImage.src,
40
- alt: narrowImage.alt
41
- }), wideImage && /*#__PURE__*/_jsx(StyledImg, {
42
- height: 330,
43
- width: 120,
44
- src: wideImage.src,
45
- alt: wideImage.alt
46
- }), /*#__PURE__*/_jsx(StyledTitle, {
47
- children: title.title
48
- })]
49
- });
50
- };
51
- export default ProgrammeCard;
@@ -1,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";