@ndla/ui 41.2.3 → 41.2.5

package/src/Grid/Grid.tsx

@@ -11,39 +11,63 @@ import { breakpoints, colors, misc, mq, spacing } from '@ndla/core';
 import { ReactNode } from 'react';
 
 export interface GridProps {
-  columns: 2 | 4;
+  columns: '2' | '4' | '2x2';
   border?: 'none' | 'lightBlue';
   background?: 'transparent' | 'white';
+  size?: boolean;
   children?: ReactNode[];
 }
 
 const GridContainer = styled.div`
   display: grid;
-  grid-template-columns: auto;
   justify-content: center;
-  grid-gap: ${spacing.large};
-
-  padding: ${spacing.xsmall};
   border-radius: ${misc.borderRadius};
+  grid-template-columns: 1fr;
+  grid-gap: ${spacing.normal};
 
-  &[data-border='lightBlue'] {
-    border: 1px solid ${colors.brand.light};
-  }
-
-  &[data-background='white'] {
-    background-color: ${colors.white};
+  ${mq.range({ until: breakpoints.tabletWide })} {
+    &[data-columns='2x2'],
+    &[data-columns='3'],
+    &[data-columns='4'] {
+      padding: ${spacing.normal};
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
   }
 
-  ${mq.range({ from: breakpoints.mobileWide })} {
-    grid-template-columns: repeat(2, 1fr);
+  ${mq.range({ until: breakpoints.desktop })} {
+    > div:nth-child(3):last-child {
+      display: flex;
+      flex-flow: column;
+      justify-content: center;
+      align-items: center;
+      grid-column: span 2;
+    }
   }
 
   ${mq.range({ from: breakpoints.tabletWide })} {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    padding: ${spacing.medium};
+
+    &[data-columns='3'] {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+
     &[data-columns='4'] {
-      grid-template-columns: repeat(4, 1fr);
+      grid-template-columns: repeat(4, minmax(0, 1fr));
     }
   }
 
+  &[data-frontpage='true'] {
+    grid-gap: ${spacing.large};
+  }
+
+  &[data-border='lightBlue'] {
+    border: 1px solid ${colors.brand.light};
+  }
+  &[data-background='white'] {
+    background-color: ${colors.white};
+  }
+
   p {
     word-break: break-word;
   }
@@ -60,14 +84,25 @@ const GridContainer = styled.div`
 const OuterContainer = styled.div`
   display: flex;
   width: 100%;
-  justify-content: center;
   align-items: center;
+
+  &[data-columns='2x2'] {
+    justify-content: center;
+  }
 `;
 
-const Grid = ({ columns, border, children, background, ...rest }: GridProps) => {
+const Grid = ({ columns, border, children, background, size, ...rest }: GridProps) => {
+  const amountOfColumns = children?.length === 3 ? '3' : columns;
+
   return (
     <OuterContainer>
-      <GridContainer data-border={border} data-columns={columns} data-background={background} {...rest}>
+      <GridContainer
+        data-frontpage={size}
+        data-border={border}
+        data-columns={amountOfColumns}
+        data-background={background}
+        {...rest}
+      >
         {children}
       </GridContainer>
     </OuterContainer>

package/src/KeyFigure/KeyFigure.stories.tsx

@@ -20,7 +20,7 @@ const args = {
 };
 
 export default {
-  title: 'Enkle komponenter/Nøkkeltall',
+  title: 'Components/Nøkkeltall',
   component: KeyFigure,
   tags: ['autodocs'],
   parameters: {

package/src/KeyFigure/KeyFigure.tsx

@@ -16,10 +16,11 @@ const ContentWrapper = styled.div`
   align-items: center;
   padding: ${spacing.small};
   align-items: center;
+  max-width: 215px;
 `;
 
 const StyledImage = styled.img`
-  max-width: 150px;
+  width: 100%;
 `;
 
 const TitleWrapper = styled.div`
@@ -29,7 +30,6 @@ const TitleWrapper = styled.div`
   overflow-wrap: break-word;
   ${fonts.sizes('38px', '48px')};
   text-align: center;
-  max-width: 240px;
 
   ${mq.range({ until: breakpoints.tabletWide })} {
     ${fonts.sizes('30px', '36px')};
@@ -43,7 +43,6 @@ const SubTitleWrapper = styled.div`
   color: ${colors.text.primary};
   font-weight: ${fonts.weight.normal};
   font-family: ${fonts.sans};
-  max-width: 240px;
 
   ${mq.range({ until: breakpoints.tabletWide })} {
     padding-top: ${spacing.xxsmall};

package/src/LanguageSelector/LanguageSelector.stories.tsx

@@ -13,7 +13,7 @@ import styled from '@emotion/styled';
 import { colors, spacing } from '@ndla/core';
 import { defaultParameters } from '../../../../stories/defaults';
 export default {
-  title: 'Enkle komponenter/LanguageSelector',
+  title: 'Components/LanguageSelector',
   tags: ['autodocs'],
   component: LanguageSelector,
   parameters: {

package/src/LearningPaths/LearningPathMenu.stories.tsx

@@ -50,7 +50,7 @@ const args = {
 };
 
 export default {
-  title: 'Sammensatte moduler/Læringssti-meny',
+  title: 'Patterns/Læringssti-meny',
   component: LearningPathMenu,
   tags: ['autodocs'],
   parameters: {

package/src/LetterFilter/LetterFilter.stories.tsx

@@ -13,7 +13,7 @@ import { defaultParameters } from '../../../../stories/defaults';
 import LetterFilter from './LetterFilter';
 
 export default {
-  title: 'Enkle komponenter/LetterFilter',
+  title: 'Components/LetterFilter',
   component: LetterFilter,
   tags: ['autodocs'],
   parameters: {

package/src/LicenseByline/EmbedByline.stories.tsx

@@ -28,7 +28,7 @@ const ButtonWrapper = styled.div`
 `;
 
 export default {
-  title: 'Enkle komponenter/EmbedByline',
+  title: 'Components/EmbedByline',
   component: EmbedByline,
   tags: ['autodocs'],
   parameters: {

package/src/LicenseByline/EmbedByline.tsx

@@ -114,6 +114,7 @@ const StyledSpan = styled.span`
 
 const LicenseInformationWrapper = styled.div`
   flex: 1;
+  padding-right: ${spacing.xsmall}}
 `;
 
 const EmbedByline = ({

package/src/LicenseByline/LicenseLink.tsx

@@ -20,6 +20,7 @@ const StyledSafeLink = styled(SafeLink)`
   color: ${colors.brand.primary};
   font-weight: ${fonts.weight.bold};
   text-decoration: underline;
+  white-space: nowrap;
   box-shadow: none;
   &:hover,
   &:focus-within {

package/src/MultidisciplinarySubject/index.ts

@@ -7,7 +7,5 @@
  */
 
 import MultidisciplinarySubject from './MultidisciplinarySubject';
-import MultidisciplinarySubjectHeader from './MultidisciplinarySubjectHeader';
 
-export { MultidisciplinarySubjectHeader };
 export default MultidisciplinarySubject;

package/src/MyNdla/Resource/Folder.stories.tsx

@@ -7,7 +7,7 @@ import { defaultParameters } from '../../../../../stories/defaults';
 import Folder from './Folder';
 
 export default {
-  title: 'Enkle komponenter/Mappe',
+  title: 'Components/Mappe',
   component: Folder,
   tags: ['autodocs'],
   parameters: {

package/src/ProgrammeCard/ProgrammeCard.stories.tsx

@@ -12,7 +12,7 @@ import ProgrammeCard from './ProgrammeCard';
 import { defaultParameters } from '../../../../stories/defaults';
 
 export default {
-  title: 'Enkle komponenter/ProgrammeCard',
+  title: 'Components/ProgrammeCard',
   component: ProgrammeCard,
   tags: ['autodocs'],
   parameters: {

package/src/Resource/BlockResource.stories.tsx

@@ -12,7 +12,7 @@ import { defaultParameters } from '../../../../stories/defaults';
 import BlockResource from './BlockResource';
 
 export default {
-  title: 'Enkle komponenter/Ressurser/BlockResource',
+  title: 'Components/Ressurser/BlockResource',
   component: BlockResource,
   tags: ['autodocs'],
   parameters: {

package/src/Resource/Resource.stories.tsx

@@ -12,7 +12,7 @@ import { defaultParameters } from '../../../../stories/defaults';
 import ListResource from './ListResource';
 
 export default {
-  title: 'Enkle komponenter/Ressurser/ListResource',
+  title: 'Components/Ressurser/ListResource',
   component: ListResource,
   tags: ['autodocs'],
   parameters: {

package/src/Search/component.search-field.scss

@@ -103,20 +103,6 @@
       position: relative;
       padding: 0;
     }
-
-    &--with-icon {
-      &:after {
-        content: '';
-        display: block;
-        position: absolute;
-        @include svg_icon(search, $brand-grey);
-        background-size: 24px 24px;
-        background-position: center center;
-        background-repeat: no-repeat;
-        width: $spacing--large;
-        height: 24px;
-      }
-    }
   }
 
   /** Header adjustments... */

package/src/index.ts

@@ -48,8 +48,6 @@ export { default as NoContentBox } from './NoContentBox';
 
 export { default as Masthead, MastheadItem, getMastheadHeight, useMastheadHeight, SkipToMainContent } from './Masthead';
 
-export { default as Portrait } from './Portrait';
-
 export { default as ContentLoader } from './ContentLoader';
 
 export { default as RelatedArticleList, RelatedArticle, RelatedArticleListV2 } from './RelatedArticleList';
@@ -146,8 +144,6 @@ export { default as resourceTypeColor } from './utils/resourceTypeColor';
 
 export { default as CreatedBy } from './CreatedBy';
 
-export { default as Breadcrumblist } from './Breadcrumblist';
-
 export { MessageBox, MessageBoxTag, MessageBanner } from './Messages';
 
 export { ResourceBox } from './ResourceBox';
@@ -160,7 +156,7 @@ export { default as Programme } from './Programme';
 
 export { default as CompetenceGoalTab } from './CompetenceGoalTab';
 
-export { default as MultidisciplinarySubject, MultidisciplinarySubjectHeader } from './MultidisciplinarySubject';
+export { default as MultidisciplinarySubject } from './MultidisciplinarySubject';
 
 export {
   SearchTypeResult,
@@ -185,12 +181,10 @@ export { ToolboxInfo } from './ToolboxPage';
 export { default as Topic } from './Topic';
 export type { TopicProps } from './Topic';
 export { default as Aside } from './Aside';
-export { default as AuthorInfo } from './AuthorInfo';
 
 export { default as Breadcrumb, HeaderBreadcrumb, HomeBreadcrumb, ActionBreadcrumb } from './Breadcrumb';
 export type { SimpleBreadcrumbItem, IndexedBreadcrumbItem } from './Breadcrumb';
 
-export type { BreadcrumbItemProps } from './Breadcrumblist';
 export { i18nInstance, formatNestedMessages } from './i18n';
 export { default as ResourceGroup } from './ResourceGroup';
 
@@ -205,8 +199,6 @@ export {
   AllMoviesAlphabetically,
 } from './NDLAFilm';
 
-export { DisplayOnPageYOffset } from './Animation';
-
 export {
   MediaList,
   MediaListItem,
@@ -242,8 +234,6 @@ export {
   SubjectBanner,
 } from './Subject';
 
-export { default as ContentCard } from './ContentCard';
-
 export { default as CopyParagraphButton, CopyParagraphButtonV2 } from './CopyParagraphButton';
 
 export { default as ContentPlaceholder } from './ContentPlaceholder';

package/src/locale/messages-en.ts

@@ -1199,8 +1199,7 @@ const messages = {
         info1:
           'In this folder you find articles and tasks from NDLA. The articles have been collected and placed in order by a teacher.',
         info2: 'You can use the menu to navigate through the articles.',
-        info3:
-          'If you want to come back to the folder later, you can use the link, or you can bookmark the page.',
+        info3: 'If you want to come back to the folder later, you can use the link, or you can bookmark the page.',
       },
       willOpenInNewTab: 'Opens in a new tab.',
     },

package/src/locale/messages-nb.ts

@@ -1196,8 +1196,7 @@ const messages = {
         info1:
           'I denne delte mappa finner du fagstoff og oppgaver fra NDLA. Artiklene er samlet inn og satt i rekkefølge av en lærer.',
         info2: 'Du kan bla i artiklene ved å bruke menyen.',
-        info3:
-          'Hvis du vil finne igjen mappa seinere, kan du bruke lenka du fikk, eller du kan bokmerke sida.',
+        info3: 'Hvis du vil finne igjen mappa seinere, kan du bruke lenka du fikk, eller du kan bokmerke sida.',
       },
       willOpenInNewTab: 'Åpnes i ny fane.',
     },

package/src/locale/messages-nn.ts

@@ -1196,8 +1196,7 @@ const messages = {
         info1:
           'I denne delte mappa finn du fagstoff og oppgåver frå NDLA. Artiklane er samla inn og sette i rekkefølge av ein lærar.',
         info2: 'Du kan bla i artiklane ved å bruke menyen.',
-        info3:
-          'Dersom du vil finne igjen mappa seinare, kan du bruke lenka du fekk, eller du kan bokmerke sida.',
+        info3: 'Dersom du vil finne igjen mappa seinare, kan du bruke lenka du fekk, eller du kan bokmerke sida.',
       },
       willOpenInNewTab: 'Opnast i ny fane.',
     },

package/src/locale/messages-sma.ts

@@ -1201,8 +1201,7 @@ const messages = {
         info1:
           'I denne delte mappa finn du fagstoff og oppgåver frå NDLA. Artiklane er samla inn og sette i rekkefølge av ein lærar.',
         info2: 'Du kan bla i artiklane ved å bruke menyen.',
-        info3:
-          'Dersom du vil finne igjen mappa seinare, kan du bruke lenka du fekk, eller du kan bokmerke sida.',
+        info3: 'Dersom du vil finne igjen mappa seinare, kan du bruke lenka du fekk, eller du kan bokmerke sida.',
       },
       willOpenInNewTab: 'Åpnes i ny fane.',
     },

package/es/Animation/DisplayOnPageYOffset.js

@@ -1,86 +0,0 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-/**
- * Copyright (c) 2016-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-import React, { Component } from 'react';
-import throttle from 'lodash/throttle';
-import Fade from './Fade';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-var DisplayOnPageYOffset = /*#__PURE__*/function (_Component) {
-  _inherits(DisplayOnPageYOffset, _Component);
-  var _super = _createSuper(DisplayOnPageYOffset);
-  function DisplayOnPageYOffset(props) {
-    var _this;
-    _classCallCheck(this, DisplayOnPageYOffset);
-    _this = _super.call(this, props);
-    _this.state = {
-      show: props.yOffsetMin === 0
-    };
-    _this.handleScroll = throttle(_this.handleScroll.bind(_assertThisInitialized(_this)), 50);
-    return _this;
-  }
-  _createClass(DisplayOnPageYOffset, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      if (window) {
-        window.addEventListener('scroll', this.handleScroll);
-        this.handleScroll();
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      if (window) {
-        window.removeEventListener('scroll', this.handleScroll);
-      }
-    }
-  }, {
-    key: "handleScroll",
-    value: function handleScroll() {
-      var _this$props$yOffsetMa;
-      if (window.pageYOffset >= this.props.yOffsetMin && (this.props.yOffsetMax === null || window.pageYOffset <= ((_this$props$yOffsetMa = this.props.yOffsetMax) !== null && _this$props$yOffsetMa !== void 0 ? _this$props$yOffsetMa : 0))) {
-        if (!this.state.show) {
-          this.setState({
-            show: true
-          });
-        }
-      } else if (this.state.show) {
-        this.setState({
-          show: false
-        });
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var children = this.props.children;
-      return _jsx(Fade, {
-        show: this.state.show,
-        children: children
-      });
-    }
-  }]);
-  return DisplayOnPageYOffset;
-}(Component);
-_defineProperty(DisplayOnPageYOffset, "defaultProps", {
-  yOffsetMax: null
-});
-export { DisplayOnPageYOffset as default };

package/es/AuthorInfo/AuthorInfo.js

@@ -1,63 +0,0 @@
-import _styled from "@emotion/styled/base";
-/**
- * Copyright (c) 2018-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-import React from 'react';
-import SafeLink from '@ndla/safelink';
-import { breakpoints, fonts, mq, spacing } from '@ndla/core';
-import Portrait from '../Portrait';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-var AuthorInfoSection = /*#__PURE__*/_styled("section", {
-  target: "e1gqd7zh2",
-  label: "AuthorInfoSection"
-})("display:flex;align-items:flex-start;padding-bottom:", spacing.large, ";font-family:", fonts.sans, ";p,a{margin:0;", mq.range({
-  until: breakpoints.tablet
-}), "{", fonts.sizes('14px', '22px'), ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkF1dGhvckluZm8udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCd0MiLCJmaWxlIjoiQXV0aG9ySW5mby50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGZvbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IFBvcnRyYWl0IGZyb20gJy4uL1BvcnRyYWl0JztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgYXV0aG9yTmFtZTogc3RyaW5nO1xuICBhdXRob3JSb2xlOiBzdHJpbmc7XG4gIHBob25lPzogc3RyaW5nO1xuICBlbWFpbD86IHN0cmluZztcbiAgaW1hZ2U/OiBzdHJpbmc7XG59XG5cbmNvbnN0IEF1dGhvckluZm9TZWN0aW9uID0gc3R5bGVkLnNlY3Rpb25gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBwYWRkaW5nLWJvdHRvbTogJHtzcGFjaW5nLmxhcmdlfTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gIHAsXG4gIGEge1xuICAgIG1hcmdpbjogMDtcbiAgICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgJHtmb250cy5zaXplcygnMTRweCcsICcyMnB4Jyl9O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkUG9ydHJhaXQgPSBzdHlsZWQoUG9ydHJhaXQpYFxuICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy5sYXJnZX07XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLm1lZGl1bX07XG4gICAgd2lkdGg6IDdyZW07XG4gICAgaGVpZ2h0OiA3cmVtO1xuICAgIHNwYW4ge1xuICAgICAgd2lkdGg6IDdyZW07XG4gICAgICBoZWlnaHQ6IDdyZW07XG4gICAgfVxuICB9XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICB3aWR0aDogNHJlbTtcbiAgICBoZWlnaHQ6IDRyZW07XG4gICAgc3BhbiB7XG4gICAgICB3aWR0aDogNHJlbTtcbiAgICAgIGhlaWdodDogNHJlbTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEhlYWRpbmcgPSBzdHlsZWQuaDFgXG4gIG1hcmdpbjogMCAwICR7c3BhY2luZy5zbWFsbH07XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzIycHgnLCAnMjJweCcpfTtcbiAgfVxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMThweCcpfTtcbiAgICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgfVxuYDtcblxuY29uc3QgQXV0aG9ySW5mbyA9ICh7IGF1dGhvck5hbWUsIGF1dGhvclJvbGUsIGVtYWlsLCBpbWFnZSwgcGhvbmUgfTogUHJvcHMpID0+IChcbiAgPEF1dGhvckluZm9TZWN0aW9uPlxuICAgIHtpbWFnZSAmJiA8U3R5bGVkUG9ydHJhaXQgc3JjPXtpbWFnZX0gYWx0PXthdXRob3JOYW1lfSBtb2RpZmllcj1cImxhcmdlXCIgLz59XG4gICAgPGRpdj5cbiAgICAgIDxTdHlsZWRIZWFkaW5nPnthdXRob3JOYW1lfTwvU3R5bGVkSGVhZGluZz5cbiAgICAgIDxwPnthdXRob3JSb2xlfTwvcD5cbiAgICAgIHtwaG9uZSAmJiA8cD57cGhvbmV9PC9wPn1cbiAgICAgIHtlbWFpbCAmJiA8U2FmZUxpbmsgdG89e2BtYWlsdG86JHtlbWFpbH1gfT57ZW1haWx9PC9TYWZlTGluaz59XG4gICAgPC9kaXY+XG4gIDwvQXV0aG9ySW5mb1NlY3Rpb24+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBBdXRob3JJbmZvO1xuIl19 */"));
-var StyledPortrait = /*#__PURE__*/_styled(Portrait, {
-  target: "e1gqd7zh1",
-  label: "StyledPortrait"
-})("margin-right:", spacing.large, ";", mq.range({
-  until: breakpoints.desktop
-}), "{margin-right:", spacing.medium, ";width:7rem;height:7rem;span{width:7rem;height:7rem;}}", mq.range({
-  until: breakpoints.desktop
-}), "{margin-right:", spacing.small, ";width:4rem;height:4rem;span{width:4rem;height:4rem;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkF1dGhvckluZm8udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9DdUMiLCJmaWxlIjoiQXV0aG9ySW5mby50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGZvbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IFBvcnRyYWl0IGZyb20gJy4uL1BvcnRyYWl0JztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgYXV0aG9yTmFtZTogc3RyaW5nO1xuICBhdXRob3JSb2xlOiBzdHJpbmc7XG4gIHBob25lPzogc3RyaW5nO1xuICBlbWFpbD86IHN0cmluZztcbiAgaW1hZ2U/OiBzdHJpbmc7XG59XG5cbmNvbnN0IEF1dGhvckluZm9TZWN0aW9uID0gc3R5bGVkLnNlY3Rpb25gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBwYWRkaW5nLWJvdHRvbTogJHtzcGFjaW5nLmxhcmdlfTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gIHAsXG4gIGEge1xuICAgIG1hcmdpbjogMDtcbiAgICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgJHtmb250cy5zaXplcygnMTRweCcsICcyMnB4Jyl9O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkUG9ydHJhaXQgPSBzdHlsZWQoUG9ydHJhaXQpYFxuICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy5sYXJnZX07XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLm1lZGl1bX07XG4gICAgd2lkdGg6IDdyZW07XG4gICAgaGVpZ2h0OiA3cmVtO1xuICAgIHNwYW4ge1xuICAgICAgd2lkdGg6IDdyZW07XG4gICAgICBoZWlnaHQ6IDdyZW07XG4gICAgfVxuICB9XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICB3aWR0aDogNHJlbTtcbiAgICBoZWlnaHQ6IDRyZW07XG4gICAgc3BhbiB7XG4gICAgICB3aWR0aDogNHJlbTtcbiAgICAgIGhlaWdodDogNHJlbTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEhlYWRpbmcgPSBzdHlsZWQuaDFgXG4gIG1hcmdpbjogMCAwICR7c3BhY2luZy5zbWFsbH07XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzIycHgnLCAnMjJweCcpfTtcbiAgfVxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMThweCcpfTtcbiAgICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgfVxuYDtcblxuY29uc3QgQXV0aG9ySW5mbyA9ICh7IGF1dGhvck5hbWUsIGF1dGhvclJvbGUsIGVtYWlsLCBpbWFnZSwgcGhvbmUgfTogUHJvcHMpID0+IChcbiAgPEF1dGhvckluZm9TZWN0aW9uPlxuICAgIHtpbWFnZSAmJiA8U3R5bGVkUG9ydHJhaXQgc3JjPXtpbWFnZX0gYWx0PXthdXRob3JOYW1lfSBtb2RpZmllcj1cImxhcmdlXCIgLz59XG4gICAgPGRpdj5cbiAgICAgIDxTdHlsZWRIZWFkaW5nPnthdXRob3JOYW1lfTwvU3R5bGVkSGVhZGluZz5cbiAgICAgIDxwPnthdXRob3JSb2xlfTwvcD5cbiAgICAgIHtwaG9uZSAmJiA8cD57cGhvbmV9PC9wPn1cbiAgICAgIHtlbWFpbCAmJiA8U2FmZUxpbmsgdG89e2BtYWlsdG86JHtlbWFpbH1gfT57ZW1haWx9PC9TYWZlTGluaz59XG4gICAgPC9kaXY+XG4gIDwvQXV0aG9ySW5mb1NlY3Rpb24+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBBdXRob3JJbmZvO1xuIl19 */"));
-var StyledHeading = /*#__PURE__*/_styled("h1", {
-  target: "e1gqd7zh0",
-  label: "StyledHeading"
-})("margin:0 0 ", spacing.small, ";", mq.range({
-  until: breakpoints.desktop
-}), "{", fonts.sizes('22px', '22px'), ";}", mq.range({
-  until: breakpoints.tablet
-}), "{", fonts.sizes('18px', '18px'), ";margin-bottom:", spacing.xsmall, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkF1dGhvckluZm8udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBEK0IiLCJmaWxlIjoiQXV0aG9ySW5mby50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGZvbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IFBvcnRyYWl0IGZyb20gJy4uL1BvcnRyYWl0JztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgYXV0aG9yTmFtZTogc3RyaW5nO1xuICBhdXRob3JSb2xlOiBzdHJpbmc7XG4gIHBob25lPzogc3RyaW5nO1xuICBlbWFpbD86IHN0cmluZztcbiAgaW1hZ2U/OiBzdHJpbmc7XG59XG5cbmNvbnN0IEF1dGhvckluZm9TZWN0aW9uID0gc3R5bGVkLnNlY3Rpb25gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBwYWRkaW5nLWJvdHRvbTogJHtzcGFjaW5nLmxhcmdlfTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gIHAsXG4gIGEge1xuICAgIG1hcmdpbjogMDtcbiAgICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgJHtmb250cy5zaXplcygnMTRweCcsICcyMnB4Jyl9O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkUG9ydHJhaXQgPSBzdHlsZWQoUG9ydHJhaXQpYFxuICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy5sYXJnZX07XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLm1lZGl1bX07XG4gICAgd2lkdGg6IDdyZW07XG4gICAgaGVpZ2h0OiA3cmVtO1xuICAgIHNwYW4ge1xuICAgICAgd2lkdGg6IDdyZW07XG4gICAgICBoZWlnaHQ6IDdyZW07XG4gICAgfVxuICB9XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICB3aWR0aDogNHJlbTtcbiAgICBoZWlnaHQ6IDRyZW07XG4gICAgc3BhbiB7XG4gICAgICB3aWR0aDogNHJlbTtcbiAgICAgIGhlaWdodDogNHJlbTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEhlYWRpbmcgPSBzdHlsZWQuaDFgXG4gIG1hcmdpbjogMCAwICR7c3BhY2luZy5zbWFsbH07XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzIycHgnLCAnMjJweCcpfTtcbiAgfVxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMThweCcpfTtcbiAgICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgfVxuYDtcblxuY29uc3QgQXV0aG9ySW5mbyA9ICh7IGF1dGhvck5hbWUsIGF1dGhvclJvbGUsIGVtYWlsLCBpbWFnZSwgcGhvbmUgfTogUHJvcHMpID0+IChcbiAgPEF1dGhvckluZm9TZWN0aW9uPlxuICAgIHtpbWFnZSAmJiA8U3R5bGVkUG9ydHJhaXQgc3JjPXtpbWFnZX0gYWx0PXthdXRob3JOYW1lfSBtb2RpZmllcj1cImxhcmdlXCIgLz59XG4gICAgPGRpdj5cbiAgICAgIDxTdHlsZWRIZWFkaW5nPnthdXRob3JOYW1lfTwvU3R5bGVkSGVhZGluZz5cbiAgICAgIDxwPnthdXRob3JSb2xlfTwvcD5cbiAgICAgIHtwaG9uZSAmJiA8cD57cGhvbmV9PC9wPn1cbiAgICAgIHtlbWFpbCAmJiA8U2FmZUxpbmsgdG89e2BtYWlsdG86JHtlbWFpbH1gfT57ZW1haWx9PC9TYWZlTGluaz59XG4gICAgPC9kaXY+XG4gIDwvQXV0aG9ySW5mb1NlY3Rpb24+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBBdXRob3JJbmZvO1xuIl19 */"));
-var AuthorInfo = function AuthorInfo(_ref) {
-  var authorName = _ref.authorName,
-    authorRole = _ref.authorRole,
-    email = _ref.email,
-    image = _ref.image,
-    phone = _ref.phone;
-  return _jsxs(AuthorInfoSection, {
-    children: [image && _jsx(StyledPortrait, {
-      src: image,
-      alt: authorName,
-      modifier: "large"
-    }), _jsxs("div", {
-      children: [_jsx(StyledHeading, {
-        children: authorName
-      }), _jsx("p", {
-        children: authorRole
-      }), phone && _jsx("p", {
-        children: phone
-      }), email && _jsx(SafeLink, {
-        to: "mailto:".concat(email),
-        children: email
-      })]
-    })]
-  });
-};
-export default AuthorInfo;

package/es/AuthorInfo/index.js

@@ -1,2 +0,0 @@
-import AuthorInfo from './AuthorInfo';
-export default AuthorInfo;