@ndla/ui 56.0.69-alpha.0 → 56.0.71-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 (8) hide show
  1. package/es/AudioPlayer/Controls.js +10 -12
  2. package/es/LinkBlock/LinkBlock.js +1 -1
  3. package/lib/AudioPlayer/Controls.js +9 -11
  4. package/lib/LinkBlock/LinkBlock.js +1 -1
  5. package/package.json +5 -5
  6. package/src/AudioPlayer/Controls.tsx +10 -13
  7. package/src/LinkBlock/LinkBlock.tsx +1 -1
  8. package/src/TagSelector/TagSelector.stories.tsx +10 -13
package/es/AudioPlayer/Controls.js CHANGED
@@ -12,7 +12,7 @@ import { createListCollection } from "@ark-ui/react";
12
12
  import { Replay15Line, Forward15Line } from "@ndla/icons/action";
13
13
  import { PlayFill, PauseLine, VolumeUpFill } from "@ndla/icons/common";
14
14
  import { CheckLine } from "@ndla/icons/editor";
15
- import { Button, IconButton, PopoverContent, PopoverRoot, PopoverTrigger, SelectContent, SelectControl, SelectItem, SelectItemIndicator, SelectItemText, SelectLabel, SelectPositioner, SelectRoot, SelectTrigger, SliderControl, SliderHiddenInput, SliderLabel, SliderRange, SliderRoot, SliderThumb, SliderTrack, Text } from "@ndla/primitives";
15
+ import { Button, IconButton, PopoverContent, PopoverRoot, PopoverTrigger, SelectContent, SelectControl, SelectItem, SelectItemIndicator, SelectItemText, SelectLabel, SelectRoot, SelectTrigger, SliderControl, SliderHiddenInput, SliderLabel, SliderRange, SliderRoot, SliderThumb, SliderTrack, Text } from "@ndla/primitives";
16
16
  import { styled } from "@ndla/styled-system/jsx";
17
17
  import { visuallyHidden } from "@ndla/styled-system/patterns";
18
18
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -278,17 +278,15 @@ const Controls = _ref => {
278
278
  })
279
279
  })
280
280
  })
281
- }), /*#__PURE__*/_jsx(SelectPositioner, {
282
- children: /*#__PURE__*/_jsx(SelectContent, {
283
- children: speedValues.items.map(speed => /*#__PURE__*/_jsxs(SelectItem, {
284
- item: speed,
285
- children: [/*#__PURE__*/_jsxs(SelectItemText, {
286
- children: [speed, "x"]
287
- }), /*#__PURE__*/_jsx(SelectItemIndicator, {
288
- children: /*#__PURE__*/_jsx(CheckLine, {})
289
- })]
290
- }, speed))
291
- })
281
+ }), /*#__PURE__*/_jsx(SelectContent, {
282
+ children: speedValues.items.map(speed => /*#__PURE__*/_jsxs(SelectItem, {
283
+ item: speed,
284
+ children: [/*#__PURE__*/_jsxs(SelectItemText, {
285
+ children: [speed, "x"]
286
+ }), /*#__PURE__*/_jsx(SelectItemIndicator, {
287
+ children: /*#__PURE__*/_jsx(CheckLine, {})
288
+ })]
289
+ }, speed))
292
290
  })]
293
291
  }), /*#__PURE__*/_jsxs(PopoverRoot, {
294
292
  positioning: {
package/es/LinkBlock/LinkBlock.js CHANGED
@@ -75,7 +75,7 @@ const LinkBlock = _ref => {
75
75
  const formattedDate = useMemo(() => {
76
76
  if (!date) return null;
77
77
  return new Intl.DateTimeFormat(articleLanguage, {
78
- timeZone: "UTC",
78
+ timeZone: "CET",
79
79
  day: "2-digit",
80
80
  month: "long",
81
81
  year: "numeric"
package/lib/AudioPlayer/Controls.js CHANGED
@@ -284,17 +284,15 @@ const Controls = _ref => {
284
284
  })
285
285
  })
286
286
  })
287
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SelectPositioner, {
288
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SelectContent, {
289
- children: speedValues.items.map(speed => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.SelectItem, {
290
- item: speed,
291
- children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.SelectItemText, {
292
- children: [speed, "x"]
293
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SelectItemIndicator, {
294
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_editor.CheckLine, {})
295
- })]
296
- }, speed))
297
- })
287
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SelectContent, {
288
+ children: speedValues.items.map(speed => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.SelectItem, {
289
+ item: speed,
290
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.SelectItemText, {
291
+ children: [speed, "x"]
292
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SelectItemIndicator, {
293
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_editor.CheckLine, {})
294
+ })]
295
+ }, speed))
298
296
  })]
299
297
  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.PopoverRoot, {
300
298
  positioning: {
package/lib/LinkBlock/LinkBlock.js CHANGED
@@ -82,7 +82,7 @@ const LinkBlock = _ref => {
82
82
  const formattedDate = (0, _react.useMemo)(() => {
83
83
  if (!date) return null;
84
84
  return new Intl.DateTimeFormat(articleLanguage, {
85
- timeZone: "UTC",
85
+ timeZone: "CET",
86
86
  day: "2-digit",
87
87
  month: "long",
88
88
  year: "numeric"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ndla/ui",
3
- "version": "56.0.69-alpha.0",
3
+ "version": "56.0.71-alpha.0",
4
4
  "description": "UI component library for NDLA",
5
5
  "license": "GPL-3.0",
6
6
  "main": "lib/index.js",
@@ -33,10 +33,10 @@
33
33
  ],
34
34
  "dependencies": {
35
35
  "@ndla/core": "^5.0.2",
36
- "@ndla/icons": "^8.0.42-alpha.0",
36
+ "@ndla/icons": "^8.0.43-alpha.0",
37
37
  "@ndla/licenses": "^8.0.3-alpha.0",
38
- "@ndla/primitives": "^1.0.53-alpha.0",
39
- "@ndla/safelink": "^7.0.54-alpha.0",
38
+ "@ndla/primitives": "^1.0.55-alpha.0",
39
+ "@ndla/safelink": "^7.0.56-alpha.0",
40
40
  "@ndla/styled-system": "^0.0.27",
41
41
  "@ndla/util": "^5.0.0-alpha.0",
42
42
  "html-react-parser": "^5.1.8",
@@ -58,5 +58,5 @@
58
58
  "publishConfig": {
59
59
  "access": "public"
60
60
  },
61
- "gitHead": "2efa77f5b96c8c53d39d536d4f428bae6412c862"
61
+ "gitHead": "428dc6978a13bfff19a02020ecdbb69ce5e3fb5e"
62
62
  }
package/src/AudioPlayer/Controls.tsx CHANGED
@@ -24,7 +24,6 @@ import {
24
24
  SelectItemIndicator,
25
25
  SelectItemText,
26
26
  SelectLabel,
27
- SelectPositioner,
28
27
  SelectRoot,
29
28
  SelectTrigger,
30
29
  SliderControl,
@@ -309,18 +308,16 @@ const Controls = ({ src, title }: Props) => {
309
308
  </SpeedButton>
310
309
  </SelectTrigger>
311
310
  </SelectControl>
312
- <SelectPositioner>
313
- <SelectContent>
314
- {speedValues.items.map((speed) => (
315
- <SelectItem key={speed} item={speed}>
316
- <SelectItemText>{speed}x</SelectItemText>
317
- <SelectItemIndicator>
318
- <CheckLine />
319
- </SelectItemIndicator>
320
- </SelectItem>
321
- ))}
322
- </SelectContent>
323
- </SelectPositioner>
311
+ <SelectContent>
312
+ {speedValues.items.map((speed) => (
313
+ <SelectItem key={speed} item={speed}>
314
+ <SelectItemText>{speed}x</SelectItemText>
315
+ <SelectItemIndicator>
316
+ <CheckLine />
317
+ </SelectItemIndicator>
318
+ </SelectItem>
319
+ ))}
320
+ </SelectContent>
324
321
  </StyledSelectRoot>
325
322
  <PopoverRoot positioning={{ placement: "top" }}>
326
323
  <PopoverTrigger asChild>
package/src/LinkBlock/LinkBlock.tsx CHANGED
@@ -78,7 +78,7 @@ const LinkBlock = ({ title, articleLanguage, date, url, path }: Props) => {
78
78
  const formattedDate = useMemo(() => {
79
79
  if (!date) return null;
80
80
  return new Intl.DateTimeFormat(articleLanguage, {
81
- timeZone: "UTC",
81
+ timeZone: "CET",
82
82
  day: "2-digit",
83
83
  month: "long",
84
84
  year: "numeric",
package/src/TagSelector/TagSelector.stories.tsx CHANGED
@@ -18,7 +18,6 @@ import {
18
18
  ComboboxItem,
19
19
  ComboboxItemIndicator,
20
20
  ComboboxItemText,
21
- ComboboxPositioner,
22
21
  IconButton,
23
22
  Input,
24
23
  InputContainer,
@@ -95,18 +94,16 @@ export const Default: StoryFn<typeof TagSelectorRoot> = ({ translations, ...args
95
94
  </IconButton>
96
95
  </TagSelectorTrigger>
97
96
  </HStack>
98
- <ComboboxPositioner>
99
- <ComboboxContent>
100
- {options.map((item) => (
101
- <ComboboxItem key={item} item={item}>
102
- <ComboboxItemText>{item}</ComboboxItemText>
103
- <ComboboxItemIndicator>
104
- <CheckLine />
105
- </ComboboxItemIndicator>
106
- </ComboboxItem>
107
- ))}
108
- </ComboboxContent>
109
- </ComboboxPositioner>
97
+ <ComboboxContent>
98
+ {options.map((item) => (
99
+ <ComboboxItem key={item} item={item}>
100
+ <ComboboxItemText>{item}</ComboboxItemText>
101
+ <ComboboxItemIndicator>
102
+ <CheckLine />
103
+ </ComboboxItemIndicator>
104
+ </ComboboxItem>
105
+ ))}
106
+ </ComboboxContent>
110
107
  </TagSelectorRoot>
111
108
  );
112
109
  };