@ndla/ui 56.0.56-alpha.0 → 56.0.56

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 (26) hide show
  1. package/dist/panda.buildinfo.json +1 -2
  2. package/dist/styles.css +2 -6
  3. package/es/Embed/BrightcoveEmbed.js +8 -6
  4. package/es/locale/messages-en.js +1 -0
  5. package/es/locale/messages-nb.js +1 -0
  6. package/es/locale/messages-nn.js +1 -0
  7. package/es/locale/messages-se.js +1 -0
  8. package/es/locale/messages-sma.js +1 -0
  9. package/lib/Embed/BrightcoveEmbed.js +8 -6
  10. package/lib/locale/messages-en.d.ts +1 -0
  11. package/lib/locale/messages-en.js +1 -0
  12. package/lib/locale/messages-nb.d.ts +1 -0
  13. package/lib/locale/messages-nb.js +1 -0
  14. package/lib/locale/messages-nn.d.ts +1 -0
  15. package/lib/locale/messages-nn.js +1 -0
  16. package/lib/locale/messages-se.d.ts +1 -0
  17. package/lib/locale/messages-se.js +1 -0
  18. package/lib/locale/messages-sma.d.ts +1 -0
  19. package/lib/locale/messages-sma.js +1 -0
  20. package/package.json +2 -2
  21. package/src/Embed/BrightcoveEmbed.tsx +8 -6
  22. package/src/locale/messages-en.ts +1 -0
  23. package/src/locale/messages-nb.ts +1 -0
  24. package/src/locale/messages-nn.ts +1 -0
  25. package/src/locale/messages-se.ts +1 -0
  26. package/src/locale/messages-sma.ts +1 -0
package/dist/panda.buildinfo.json CHANGED
@@ -196,7 +196,7 @@
196
196
  "opacity]___[value:0",
197
197
  "cursor]___[value:pointer",
198
198
  "opacity]___[value:1]___[cond:&:focus, &:focus-visible, &:active",
199
- "marginInlineStart]___[value:xsmall",
199
+ "marginBlockStart]___[value:3xsmall",
200
200
  "border]___[value:0",
201
201
  "height]___[value:auto",
202
202
  "textStyle]___[value:label.large",
@@ -315,7 +315,6 @@
315
315
  "backgroundColor]___[value:surface.infoSubtle.hover]___[cond:_hover",
316
316
  "gap]___[value:small",
317
317
  "paddingInline]___[value:0",
318
- "marginBlockStart]___[value:3xsmall",
319
318
  "background]___[value:surface.brand.1.subtle]___[cond:_first",
320
319
  "borderColor]___[value:stroke.default]___[cond:_first",
321
320
  "fontWeight]___[value:bold]___[cond:_first<___>& p",
package/dist/styles.css CHANGED
@@ -441,8 +441,8 @@
441
441
  cursor: pointer;
442
442
  }
443
443
 
444
- .ms_xsmall {
445
- margin-inline-start: var(--spacing-xsmall);
444
+ .mbs_3xsmall {
445
+ margin-block-start: var(--spacing-3xsmall);
446
446
  }
447
447
 
448
448
  .bd_0 {
@@ -565,10 +565,6 @@
565
565
  padding-inline: 0;
566
566
  }
567
567
 
568
- .mbs_3xsmall {
569
- margin-block-start: var(--spacing-3xsmall);
570
- }
571
-
572
568
  .w_surface\.3xsmall {
573
569
  width: var(--sizes-surface-3xsmall);
574
570
  }
package/es/Embed/BrightcoveEmbed.js CHANGED
@@ -17,7 +17,7 @@ import { licenseAttributes } from "../utils/licenseAttributes";
17
17
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
18
18
  const LinkedVideoButton = styled(Button, {
19
19
  base: {
20
- marginInlineStart: "xsmall"
20
+ marginBlockStart: "3xsmall"
21
21
  }
22
22
  });
23
23
  const BrightcoveIframe = styled("iframe", {
@@ -118,11 +118,13 @@ const BrightcoveEmbed = _ref => {
118
118
  type: "video",
119
119
  copyright: data.copyright,
120
120
  description: parsedDescription,
121
- children: !!linkedVideoId && /*#__PURE__*/_jsx(LinkedVideoButton, {
122
- size: "small",
123
- variant: "secondary",
124
- onClick: () => setShowOriginalVideo(p => !p),
125
- children: t(`figure.button.${!showOriginalVideo ? "original" : "alternative"}`)
121
+ children: /*#__PURE__*/_jsx("div", {
122
+ children: !!linkedVideoId && /*#__PURE__*/_jsx(LinkedVideoButton, {
123
+ size: "small",
124
+ variant: "secondary",
125
+ onClick: () => setShowOriginalVideo(p => !p),
126
+ children: t(`figure.button.${!showOriginalVideo ? "original" : "alternative"}`)
127
+ })
126
128
  })
127
129
  })]
128
130
  });
package/es/locale/messages-en.js CHANGED
@@ -132,6 +132,7 @@ const messages = {
132
132
  label: {
133
133
  subjects: "Subjects"
134
134
  },
135
+ includes: "Includes:",
135
136
  searchField: {
136
137
  contentTypeResultShowMoreLabel: "Show more results",
137
138
  contentTypeResultShowLessLabel: "Show less results",
package/es/locale/messages-nb.js CHANGED
@@ -132,6 +132,7 @@ const messages = {
132
132
  label: {
133
133
  subjects: "Fag:"
134
134
  },
135
+ includes: "Inneholder:",
135
136
  searchField: {
136
137
  contentTypeResultShowMoreLabel: "Se flere resultater",
137
138
  contentTypeResultShowLessLabel: "Se færre resultater",
package/es/locale/messages-nn.js CHANGED
@@ -132,6 +132,7 @@ const messages = {
132
132
  label: {
133
133
  subjects: "Fag:"
134
134
  },
135
+ includes: "Inneheld:",
135
136
  searchField: {
136
137
  contentTypeResultShowMoreLabel: "Sjå fleire resultat",
137
138
  contentTypeResultShowLessLabel: "Sjå færre resultat",
package/es/locale/messages-se.js CHANGED
@@ -132,6 +132,7 @@ const messages = {
132
132
  label: {
133
133
  subjects: "Fága:"
134
134
  },
135
+ includes: "Inneholder:",
135
136
  searchField: {
136
137
  contentTypeResultShowMoreLabel: "Geahča eanet bohtosiid",
137
138
  contentTypeResultShowLessLabel: "Geahča unnit bohtosiid",
package/es/locale/messages-sma.js CHANGED
@@ -132,6 +132,7 @@ const messages = {
132
132
  label: {
133
133
  subjects: "Faage:"
134
134
  },
135
+ includes: "Inneholder:",
135
136
  searchField: {
136
137
  contentTypeResultShowMoreLabel: "Gïehtjh jienebh illedahkh",
137
138
  contentTypeResultShowLessLabel: "Gïehtjh vaenebh illedahkh",
package/lib/Embed/BrightcoveEmbed.js CHANGED
@@ -24,7 +24,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
24
24
 
25
25
  const LinkedVideoButton = (0, _jsx2.styled)(_primitives.Button, {
26
26
  base: {
27
- marginInlineStart: "xsmall"
27
+ marginBlockStart: "3xsmall"
28
28
  }
29
29
  });
30
30
  const BrightcoveIframe = (0, _jsx2.styled)("iframe", {
@@ -127,11 +127,13 @@ const BrightcoveEmbed = _ref => {
127
127
  type: "video",
128
128
  copyright: data.copyright,
129
129
  description: parsedDescription,
130
- children: !!linkedVideoId && /*#__PURE__*/(0, _jsxRuntime.jsx)(LinkedVideoButton, {
131
- size: "small",
132
- variant: "secondary",
133
- onClick: () => setShowOriginalVideo(p => !p),
134
- children: t(`figure.button.${!showOriginalVideo ? "original" : "alternative"}`)
130
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
131
+ children: !!linkedVideoId && /*#__PURE__*/(0, _jsxRuntime.jsx)(LinkedVideoButton, {
132
+ size: "small",
133
+ variant: "secondary",
134
+ onClick: () => setShowOriginalVideo(p => !p),
135
+ children: t(`figure.button.${!showOriginalVideo ? "original" : "alternative"}`)
136
+ })
135
137
  })
136
138
  })]
137
139
  });
package/lib/locale/messages-en.d.ts CHANGED
@@ -122,6 +122,7 @@ declare const messages: {
122
122
  label: {
123
123
  subjects: string;
124
124
  };
125
+ includes: string;
125
126
  searchField: {
126
127
  contentTypeResultShowMoreLabel: string;
127
128
  contentTypeResultShowLessLabel: string;
package/lib/locale/messages-en.js CHANGED
@@ -139,6 +139,7 @@ const messages = {
139
139
  label: {
140
140
  subjects: "Subjects"
141
141
  },
142
+ includes: "Includes:",
142
143
  searchField: {
143
144
  contentTypeResultShowMoreLabel: "Show more results",
144
145
  contentTypeResultShowLessLabel: "Show less results",
package/lib/locale/messages-nb.d.ts CHANGED
@@ -122,6 +122,7 @@ declare const messages: {
122
122
  label: {
123
123
  subjects: string;
124
124
  };
125
+ includes: string;
125
126
  searchField: {
126
127
  contentTypeResultShowMoreLabel: string;
127
128
  contentTypeResultShowLessLabel: string;
package/lib/locale/messages-nb.js CHANGED
@@ -139,6 +139,7 @@ const messages = {
139
139
  label: {
140
140
  subjects: "Fag:"
141
141
  },
142
+ includes: "Inneholder:",
142
143
  searchField: {
143
144
  contentTypeResultShowMoreLabel: "Se flere resultater",
144
145
  contentTypeResultShowLessLabel: "Se færre resultater",
package/lib/locale/messages-nn.d.ts CHANGED
@@ -122,6 +122,7 @@ declare const messages: {
122
122
  label: {
123
123
  subjects: string;
124
124
  };
125
+ includes: string;
125
126
  searchField: {
126
127
  contentTypeResultShowMoreLabel: string;
127
128
  contentTypeResultShowLessLabel: string;
package/lib/locale/messages-nn.js CHANGED
@@ -139,6 +139,7 @@ const messages = {
139
139
  label: {
140
140
  subjects: "Fag:"
141
141
  },
142
+ includes: "Inneheld:",
142
143
  searchField: {
143
144
  contentTypeResultShowMoreLabel: "Sjå fleire resultat",
144
145
  contentTypeResultShowLessLabel: "Sjå færre resultat",
package/lib/locale/messages-se.d.ts CHANGED
@@ -122,6 +122,7 @@ declare const messages: {
122
122
  label: {
123
123
  subjects: string;
124
124
  };
125
+ includes: string;
125
126
  searchField: {
126
127
  contentTypeResultShowMoreLabel: string;
127
128
  contentTypeResultShowLessLabel: string;
package/lib/locale/messages-se.js CHANGED
@@ -139,6 +139,7 @@ const messages = {
139
139
  label: {
140
140
  subjects: "Fága:"
141
141
  },
142
+ includes: "Inneholder:",
142
143
  searchField: {
143
144
  contentTypeResultShowMoreLabel: "Geahča eanet bohtosiid",
144
145
  contentTypeResultShowLessLabel: "Geahča unnit bohtosiid",
package/lib/locale/messages-sma.d.ts CHANGED
@@ -122,6 +122,7 @@ declare const messages: {
122
122
  label: {
123
123
  subjects: string;
124
124
  };
125
+ includes: string;
125
126
  searchField: {
126
127
  contentTypeResultShowMoreLabel: string;
127
128
  contentTypeResultShowLessLabel: string;
package/lib/locale/messages-sma.js CHANGED
@@ -139,6 +139,7 @@ const messages = {
139
139
  label: {
140
140
  subjects: "Faage:"
141
141
  },
142
+ includes: "Inneholder:",
142
143
  searchField: {
143
144
  contentTypeResultShowMoreLabel: "Gïehtjh jienebh illedahkh",
144
145
  contentTypeResultShowLessLabel: "Gïehtjh vaenebh illedahkh",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ndla/ui",
3
- "version": "56.0.56-alpha.0",
3
+ "version": "56.0.56",
4
4
  "description": "UI component library for NDLA",
5
5
  "license": "GPL-3.0",
6
6
  "main": "lib/index.js",
@@ -58,5 +58,5 @@
58
58
  "publishConfig": {
59
59
  "access": "public"
60
60
  },
61
- "gitHead": "49af42aa58dfaf274b6796f4822e09572d91dc9b"
61
+ "gitHead": "fd1693bd3ff76f41141c5057a1954d1dff9dc190"
62
62
  }
package/src/Embed/BrightcoveEmbed.tsx CHANGED
@@ -25,7 +25,7 @@ interface Props {
25
25
 
26
26
  const LinkedVideoButton = styled(Button, {
27
27
  base: {
28
- marginInlineStart: "xsmall",
28
+ marginBlockStart: "3xsmall",
29
29
  },
30
30
  });
31
31
 
@@ -117,11 +117,13 @@ const BrightcoveEmbed = ({ embed, renderContext = "article", lang }: Props) => {
117
117
  />
118
118
  </div>
119
119
  <EmbedByline type="video" copyright={data.copyright!} description={parsedDescription}>
120
- {!!linkedVideoId && (
121
- <LinkedVideoButton size="small" variant="secondary" onClick={() => setShowOriginalVideo((p) => !p)}>
122
- {t(`figure.button.${!showOriginalVideo ? "original" : "alternative"}`)}
123
- </LinkedVideoButton>
124
- )}
120
+ <div>
121
+ {!!linkedVideoId && (
122
+ <LinkedVideoButton size="small" variant="secondary" onClick={() => setShowOriginalVideo((p) => !p)}>
123
+ {t(`figure.button.${!showOriginalVideo ? "original" : "alternative"}`)}
124
+ </LinkedVideoButton>
125
+ )}
126
+ </div>
125
127
  </EmbedByline>
126
128
  </Figure>
127
129
  );
package/src/locale/messages-en.ts CHANGED
@@ -133,6 +133,7 @@ const messages = {
133
133
  label: {
134
134
  subjects: "Subjects",
135
135
  },
136
+ includes: "Includes:",
136
137
  searchField: {
137
138
  contentTypeResultShowMoreLabel: "Show more results",
138
139
  contentTypeResultShowLessLabel: "Show less results",
package/src/locale/messages-nb.ts CHANGED
@@ -133,6 +133,7 @@ const messages = {
133
133
  label: {
134
134
  subjects: "Fag:",
135
135
  },
136
+ includes: "Inneholder:",
136
137
  searchField: {
137
138
  contentTypeResultShowMoreLabel: "Se flere resultater",
138
139
  contentTypeResultShowLessLabel: "Se færre resultater",
package/src/locale/messages-nn.ts CHANGED
@@ -133,6 +133,7 @@ const messages = {
133
133
  label: {
134
134
  subjects: "Fag:",
135
135
  },
136
+ includes: "Inneheld:",
136
137
  searchField: {
137
138
  contentTypeResultShowMoreLabel: "Sjå fleire resultat",
138
139
  contentTypeResultShowLessLabel: "Sjå færre resultat",
package/src/locale/messages-se.ts CHANGED
@@ -133,6 +133,7 @@ const messages = {
133
133
  label: {
134
134
  subjects: "Fága:",
135
135
  },
136
+ includes: "Inneholder:",
136
137
  searchField: {
137
138
  contentTypeResultShowMoreLabel: "Geahča eanet bohtosiid",
138
139
  contentTypeResultShowLessLabel: "Geahča unnit bohtosiid",
package/src/locale/messages-sma.ts CHANGED
@@ -133,6 +133,7 @@ const messages = {
133
133
  label: {
134
134
  subjects: "Faage:",
135
135
  },
136
+ includes: "Inneholder:",
136
137
  searchField: {
137
138
  contentTypeResultShowMoreLabel: "Gïehtjh jienebh illedahkh",
138
139
  contentTypeResultShowLessLabel: "Gïehtjh vaenebh illedahkh",