@ndla/ui 45.0.0 → 45.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ndla/ui",
3
- "version": "45.0.0",
3
+ "version": "45.0.2",
4
4
  "description": "UI component library for NDLA.",
5
5
  "license": "GPL-3.0",
6
6
  "main": "lib/index.js",
@@ -37,12 +37,12 @@
37
37
  "@ndla/carousel": "^4.0.0",
38
38
  "@ndla/core": "^4.1.7",
39
39
  "@ndla/dropdown-menu": "^1.0.5",
40
- "@ndla/forms": "^4.3.22",
40
+ "@ndla/forms": "^4.3.23",
41
41
  "@ndla/hooks": "^2.1.0",
42
42
  "@ndla/icons": "^4.0.6",
43
43
  "@ndla/licenses": "^7.1.3",
44
- "@ndla/modal": "^4.0.6",
45
- "@ndla/notion": "^5.0.22",
44
+ "@ndla/modal": "^4.0.7",
45
+ "@ndla/notion": "^5.0.23",
46
46
  "@ndla/safelink": "^4.1.21",
47
47
  "@ndla/select": "^2.4.12",
48
48
  "@ndla/switch": "^1.1.12",
@@ -83,5 +83,5 @@
83
83
  "publishConfig": {
84
84
  "access": "public"
85
85
  },
86
- "gitHead": "5acc97933b03a599d9ad83a4e3a6d305b573f83c"
86
+ "gitHead": "74280af88756812f323244c35633d0a198c7af7f"
87
87
  }
@@ -52,7 +52,7 @@ const PopoverWrapper = styled.div<PopoverPosition>`
52
52
  top: 0 !important;
53
53
  left: 0 !important;
54
54
  width: 100vw;
55
- z-index: 9999 !important;
55
+ z-index: 100 !important;
56
56
  height: 100vh;
57
57
  min-width: 100vw !important;
58
58
  }
@@ -75,7 +75,7 @@ const notionContentCss = css`
75
75
 
76
76
  ${mq.range({ until: breakpoints.tablet })} {
77
77
  padding: ${spacing.small};
78
- z-index: 9999;
78
+ z-index: 100;
79
79
  height: 100%;
80
80
  width: 100%;
81
81
  overflow: auto;
@@ -243,7 +243,6 @@ const Topic = ({
243
243
  }: TopicProps) => {
244
244
  const { t } = useTranslation();
245
245
  const contentId = `expanded-description-${id}`;
246
- const testId = 'nav-topic-about';
247
246
 
248
247
  const VisualElementIcon = useMemo(() => {
249
248
  if (!visualElementEmbedMeta || visualElementEmbedMeta.status === 'error') return null;
@@ -267,15 +266,11 @@ const Topic = ({
267
266
 
268
267
  const wrapperStyle = [frame ? frameStyle : undefined, invertedStyle ? _invertedStyle : undefined];
269
268
  if (isLoading) {
270
- return (
271
- <Wrapper css={wrapperStyle} data-testid={testId}>
272
- {isLoading ? <Loader /> : null}
273
- </Wrapper>
274
- );
269
+ return <Wrapper css={wrapperStyle}>{isLoading ? <Loader /> : null}</Wrapper>;
275
270
  }
276
271
 
277
272
  return (
278
- <Wrapper css={wrapperStyle} data-testid={testId}>
273
+ <Wrapper css={wrapperStyle}>
279
274
  <TopicIntroductionWrapper>
280
275
  <div>
281
276
  <HeadingWrapper>