@ndla/ui 11.1.4 → 11.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "11.1.4",
+  "version": "11.2.0",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -37,8 +37,8 @@
     "@ndla/hooks": "^1.1.4",
     "@ndla/icons": "^1.7.0",
     "@ndla/licenses": "^4.1.0",
-    "@ndla/modal": "^1.2.6",
-    "@ndla/notion": "^3.1.3",
+    "@ndla/modal": "^1.2.7",
+    "@ndla/notion": "^3.1.4",
     "@ndla/safelink": "^1.1.7",
     "@ndla/switch": "^0.1.5",
     "@ndla/tabs": "^1.1.5",
@@ -81,5 +81,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "6ff43b8f5457a7d072831a7d68c45e18f701a3f7"
+  "gitHead": "4f4f1e2e973a94db7d3c2ea08d66bacbcde29d3e"
 }

package/src/Article/component.article.scss

@@ -25,7 +25,7 @@
   position: relative;
 
   mjx-stretchy-v > mjx-ext > mjx-c {
-    transform: scaleY(200) translateY(0.075em);
+    transform: scaleY(100) translateY(0.075em);
   }
 
   > section > p {

package/src/BlogPosts/BlogPost.tsx

@@ -8,7 +8,6 @@
 
 import React from 'react';
 import styled from '@emotion/styled';
-import { LinkProps } from 'react-router-dom';
 import { spacing, colors, fonts, breakpoints, mq, misc, spacingUnit } from '@ndla/core';
 import { getLicenseByAbbreviation, LicenseByline } from '@ndla/licenses';
 import { Launch as LaunchIcon } from '@ndla/icons/common';
@@ -116,7 +115,7 @@ const StyledTag = styled.div`
   }
 `;
 
-const StyledSafeLink = styled(SafeLink)<LinkProps>`
+const StyledSafeLink = styled(SafeLink)`
   padding: ${spacing.xsmall} 0 ${spacing.small};
   ${fonts.sizes(22, 1.1)};
   font-weight: ${fonts.weight.bold};

package/src/CreatedBy/CreatedBy.tsx

@@ -7,7 +7,6 @@
  */
 
 import React from 'react';
-import { LinkProps } from 'react-router-dom';
 import styled from '@emotion/styled';
 import { colors, fonts } from '@ndla/core';
 import SafeLink from '@ndla/safelink';
@@ -30,7 +29,7 @@ const Text = styled.div`
   ${fonts.sizes('20px', '20px')};
 `;
 
-const StyledSafeLink = styled(SafeLink)<LinkProps>`
+const StyledSafeLink = styled(SafeLink)`
   color: ${colors.text.light};
 `;
 

package/src/Footer/FooterLinks.tsx

@@ -1,6 +1,5 @@
 import React, { ReactNode } from 'react';
 import styled from '@emotion/styled';
-import { LinkProps } from 'react-router-dom';
 import { spacing, fonts, colors, mq, breakpoints, spacingUnit } from '@ndla/core';
 import SafeLink from '@ndla/safelink';
 import { Forward, Launch } from '@ndla/icons/common';
@@ -57,7 +56,7 @@ const StyledNav = styled.nav`
   }
 `;
 
-const StyledSafeLink = styled(SafeLink)<LinkProps>`
+const StyledSafeLink = styled(SafeLink)`
   color: #fff;
   ${fonts.sizes(16, 1.5)};
   svg {

package/src/SearchTypeResult/SearchItem.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import React from 'react';
+import React, { ReactNode } from 'react';
 import styled from '@emotion/styled';
 import parse from 'html-react-parser';
 
@@ -173,13 +173,14 @@ export type SearchItemProps = {
   img?: { url: string; alt: string };
   labels?: string[];
   type?: ContentType;
+  children?: ReactNode;
 };
 export type SearchItemType = {
   item: SearchItemProps;
   type?: ContentType;
 };
 const SearchItem = ({ item, type }: SearchItemType) => {
-  const { title, url, ingress, contexts, img = null, labels = [] } = item;
+  const { title, url, ingress, contexts, img = null, labels = [], children } = item;
 
   const isTopic = type === contentTypes.TOPIC || type === contentTypes.MULTIDISCIPLINARY_TOPIC;
 
@@ -209,6 +210,7 @@ const SearchItem = ({ item, type }: SearchItemType) => {
             {contexts && contexts.length > 0 && <ItemContexts contexts={contexts} id={item.id} title={item.title} />}
           </ContextWrapper>
         </ItemLink>
+        {children}
       </ItemWrapper>
     </Container>
   );