@ndla/ui 45.0.14 → 45.0.16

package/lib/index.d.ts

@@ -6,7 +6,7 @@
  *
  */
 export { default as SectionHeading } from './SectionHeading';
-export { ConceptNotionV2, ImageEmbed, AudioEmbed, H5pEmbed, ExternalEmbed, IframeEmbed, FootnoteEmbed, BrightcoveEmbed, ContentLinkEmbed, RelatedContentEmbed, ConceptEmbed, ConceptListEmbed, UnknownEmbed, InlineConcept, } from './Embed';
+export { ConceptNotionV2, ImageEmbed, AudioEmbed, H5pEmbed, ExternalEmbed, IframeEmbed, FootnoteEmbed, BrightcoveEmbed, ContentLinkEmbed, RelatedContentEmbed, ConceptEmbed, ConceptListEmbed, UnknownEmbed, InlineConcept, BlockConcept, } from './Embed';
 export { ArticleByline, ArticleFootNotes, ArticleIntroduction, ArticleTitle, ArticleWrapper, ArticleHeaderWrapper, default as Article, } from './Article';
 export { default as Table, TableStyling } from './Table';
 export { default as ResourcesWrapper, ResourcesTopicTitle } from './ResourcesWrapper';
@@ -97,8 +97,6 @@ export type { HeartButtonType } from './Embed';
 export { CampaignBlock } from './CampaignBlock';
 export { Grid, GridParallaxItem } from './Grid';
 export type { GridType } from './Grid';
-export { Heading } from './Typography';
-export type { HeadingLevel } from './types';
 export { default as FrontpageArticle, FRONTPAGE_ARTICLE_MAX_WIDTH, WIDE_FRONTPAGE_ARTICLE_MAX_WIDTH, } from './FrontpageArticle';
 export { DefinitionTerm, DefinitionDescription } from './DefinitionList';
 export type { ProgrammeV2 } from './ProgrammeCard';

package/lib/index.js

@@ -106,6 +106,12 @@ Object.defineProperty(exports, "BaseSnack", {
     return _SnackBar.BaseSnack;
   }
 });
+Object.defineProperty(exports, "BlockConcept", {
+  enumerable: true,
+  get: function get() {
+    return _Embed.BlockConcept;
+  }
+});
 Object.defineProperty(exports, "BlockResource", {
   enumerable: true,
   get: function get() {
@@ -520,12 +526,6 @@ Object.defineProperty(exports, "HeaderBreadcrumb", {
     return _Breadcrumb.HeaderBreadcrumb;
   }
 });
-Object.defineProperty(exports, "Heading", {
-  enumerable: true,
-  get: function get() {
-    return _Typography.Heading;
-  }
-});
 Object.defineProperty(exports, "Hero", {
   enumerable: true,
   get: function get() {
@@ -1360,7 +1360,6 @@ var _KeyFigure = require("./KeyFigure");
 var _ContactBlock = _interopRequireDefault(require("./ContactBlock"));
 var _CampaignBlock = require("./CampaignBlock");
 var _Grid = require("./Grid");
-var _Typography = require("./Typography");
 var _FrontpageArticle = _interopRequireWildcard(require("./FrontpageArticle"));
 var _DefinitionList = require("./DefinitionList");
 var _Gloss = require("./Gloss");

package/lib/types.d.ts

@@ -110,5 +110,4 @@ export type NotionMedia = {
     type: 'video' | 'other';
     element: ReactNode;
 };
-export type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5';
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "45.0.14",
+  "version": "45.0.16",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -31,23 +31,24 @@
     "types"
   ],
   "dependencies": {
-    "@ndla/accordion": "^2.2.22",
+    "@ndla/accordion": "^2.2.23",
     "@ndla/article-scripts": "^3.0.21",
-    "@ndla/button": "^11.0.7",
-    "@ndla/carousel": "^4.0.0",
-    "@ndla/core": "^4.1.7",
-    "@ndla/dropdown-menu": "^1.0.5",
-    "@ndla/forms": "^4.3.23",
+    "@ndla/button": "^11.0.8",
+    "@ndla/carousel": "^4.0.1",
+    "@ndla/core": "^4.1.8",
+    "@ndla/dropdown-menu": "^1.0.6",
+    "@ndla/forms": "^4.3.24",
     "@ndla/hooks": "^2.1.0",
-    "@ndla/icons": "^4.0.6",
+    "@ndla/icons": "^4.0.7",
     "@ndla/licenses": "^7.1.4",
-    "@ndla/modal": "^4.0.7",
-    "@ndla/notion": "^5.0.25",
-    "@ndla/safelink": "^4.1.21",
-    "@ndla/select": "^2.4.13",
-    "@ndla/switch": "^1.1.12",
-    "@ndla/tabs": "^3.0.8",
-    "@ndla/tooltip": "^4.1.18",
+    "@ndla/modal": "^4.0.8",
+    "@ndla/notion": "^5.0.26",
+    "@ndla/safelink": "^4.1.22",
+    "@ndla/select": "^2.4.14",
+    "@ndla/switch": "^1.1.13",
+    "@ndla/tabs": "^3.0.9",
+    "@ndla/tooltip": "^4.1.19",
+    "@ndla/typography": "^0.2.0",
     "@ndla/util": "^3.2.0",
     "@radix-ui/react-popover": "^1.0.6",
     "@radix-ui/react-slider": "^1.1.2",
@@ -83,5 +84,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "166cdf1e4618eb65b31fc38e8a67685138adfa36"
+  "gitHead": "7f859ccc955408674bce9b7a8422b076034811b4"
 }

package/src/Article/Article.tsx

@@ -14,6 +14,7 @@ import styled from '@emotion/styled';
 import { useIntersectionObserver } from '@ndla/hooks';
 import { resizeObserver } from '@ndla/util';
 import { spacing, spacingUnit, mq, breakpoints } from '@ndla/core';
+import { Heading } from '@ndla/typography';
 import { Article as ArticleType } from '../types';
 import ArticleByline from './ArticleByline';
 import LayoutItem from '../Layout';
@@ -21,7 +22,6 @@ import ArticleHeaderWrapper from './ArticleHeaderWrapper';
 import ArticleNotions from './ArticleNotions';
 import ArticleAccessMessage from './ArticleAccessMessage';
 import MessageBox from '../Messages/MessageBox';
-import { Heading } from '../Typography';
 
 const classes = new BEMHelper({
   name: 'article',

package/src/BlogPost/BlogPost.tsx

@@ -11,8 +11,8 @@ import { css } from '@emotion/react';
 import SafeLink from '@ndla/safelink';
 import { breakpoints, colors, fonts, misc, mq, spacing } from '@ndla/core';
 import { Quote } from '@ndla/icons/editor';
+import { HeadingLevel } from '@ndla/typography';
 import { useTranslation } from 'react-i18next';
-import { HeadingLevel } from '../types';
 import { usePossiblyRelativeUrl } from '../utils/relativeUrl';
 
 export interface Props {

package/src/CampaignBlock/CampaignBlock.tsx

@@ -11,7 +11,7 @@ import { css } from '@emotion/react';
 import SafeLink from '@ndla/safelink';
 import { Forward } from '@ndla/icons/common';
 import { breakpoints, colors, fonts, spacing, mq, misc } from '@ndla/core';
-import { HeadingLevel } from '../types';
+import { HeadingLevel } from '@ndla/typography';
 import { usePossiblyRelativeUrl } from '../utils/relativeUrl';
 
 interface Image {

package/src/Embed/index.ts

@@ -19,5 +19,5 @@ export { default as ConceptEmbed } from './ConceptEmbed';
 export { ConceptNotionV2 } from './conceptComponents';
 export { default as ConceptListEmbed } from './ConceptListEmbed';
 export { default as UnknownEmbed } from './UnknownEmbed';
-export { InlineConcept } from './ConceptEmbed';
+export { InlineConcept, BlockConcept } from './ConceptEmbed';
 export type { HeartButtonType } from './types';

package/src/Frontpage/FrontpageMultidisciplinarySubject.tsx

@@ -2,9 +2,9 @@ import SafeLink, { SafeLinkButton } from '@ndla/safelink';
 import styled from '@emotion/styled';
 import { spacing, breakpoints, mq } from '@ndla/core';
 import { useTranslation } from 'react-i18next';
+import { HeadingLevel } from '@ndla/typography';
 import SectionHeading from '../SectionHeading';
 import { MultidisciplinarySubjectIllustration as Illustration } from './illustrations/FrontpageIllustrations';
-import { HeadingLevel } from '../types';
 
 export const StyledSection = styled.section`
   position: relative;

package/src/Frontpage/FrontpageToolbox.tsx

@@ -2,9 +2,9 @@ import styled from '@emotion/styled';
 import { useTranslation } from 'react-i18next';
 import { spacing, breakpoints, mq } from '@ndla/core';
 import { SafeLinkButton } from '@ndla/safelink';
+import { HeadingLevel } from '@ndla/typography';
 import SectionHeading from '../SectionHeading';
 import { ToolboxIllustration as Illustration } from './illustrations/FrontpageIllustrations';
-import { HeadingLevel } from '../types';
 
 const StyledSection = styled.section`
   margin-top: ${spacing.large};

package/src/FrontpageArticle/FrontpageArticle.tsx

@@ -9,8 +9,8 @@
 import { CSSProperties, ReactNode, useMemo } from 'react';
 import { breakpoints, fonts, mq, spacing, spacingUnit } from '@ndla/core';
 import styled from '@emotion/styled';
+import { Heading } from '@ndla/typography';
 import { Article } from '../types';
-import { Heading } from '../Typography';
 import { ArticleByline } from '../Article';
 import { useMastheadHeight } from '../Masthead';
 

package/src/InfoWidget/InfoWidget.tsx

@@ -5,8 +5,8 @@ import { Forward } from '@ndla/icons/common';
 import SafeLink from '@ndla/safelink';
 import { colors, fonts, spacing } from '@ndla/core';
 
+import { HeadingLevel } from '@ndla/typography';
 import SectionHeading from '../SectionHeading';
-import { HeadingLevel } from '../types';
 
 interface InfoWidgetSectionProps {
   center?: boolean;

package/src/LearningPaths/LearningPathInformation.tsx

@@ -10,7 +10,7 @@ import styled from '@emotion/styled';
 import { spacing, spacingUnit, breakpoints, mq, colors } from '@ndla/core';
 import { getLicenseByAbbreviation } from '@ndla/licenses';
 import { LicenseByline } from '@ndla/notion';
-import { Heading } from '../Typography';
+import { Heading } from '@ndla/typography';
 
 type StyledWrapperProps = {
   invertedStyle?: boolean;

package/src/LinkBlock/LinkBlock.tsx

@@ -14,7 +14,7 @@ import { Forward, CalendarEd } from '@ndla/icons/common';
 import { breakpoints, colors, spacing, mq } from '@ndla/core';
 import { LinkBlockEmbedData } from '@ndla/types-embed';
 import { useMemo } from 'react';
-import Heading from '../Typography/Heading';
+import { Heading } from '@ndla/typography';
 import { usePossiblyRelativeUrl } from '../utils/relativeUrl';
 
 const StyledForward = styled(Forward)`

package/src/MultidisciplinarySubject/MultidisciplinarySubject.tsx

@@ -2,11 +2,11 @@ import { ReactNode } from 'react';
 import { useTranslation } from 'react-i18next';
 import styled from '@emotion/styled';
 import { breakpoints, mq } from '@ndla/core';
+import { Heading } from '@ndla/typography';
 import LayoutItem, { OneColumn } from '../Layout';
 import List from './List';
 import { ListItemProps } from './ListItem';
 import { HomeBreadcrumb, SimpleBreadcrumbItem } from '../Breadcrumb';
-import { Heading } from '../Typography';
 
 const StyledWrapper = styled.div`
   display: flex;

package/src/Navigation/NavigationBox.tsx

@@ -8,7 +8,7 @@ import { Switch } from '@ndla/switch';
 import { uuid } from '@ndla/util';
 import { useTranslation } from 'react-i18next';
 import { HumanMaleBoard } from '@ndla/icons/common';
-import { Heading } from '../Typography';
+import { Heading } from '@ndla/typography';
 
 const StyledWrapper = styled.nav`
   margin: 20px 0 34px;

package/src/Programme/Programme.tsx

@@ -1,10 +1,10 @@
 import styled from '@emotion/styled';
 import { breakpoints, mq, spacing } from '@ndla/core';
 import { useTranslation } from 'react-i18next';
+import { Heading } from '@ndla/typography';
 import LayoutItem, { OneColumn } from '../Layout';
 import ProgrammeSubjects, { GradesProps } from './ProgrammeSubjects';
 import MessageBox from '../Messages/MessageBox';
-import { Heading } from '..';
 const StyledWrapper = styled.div`
   display: flex;
   flex-direction: column;

package/src/RelatedArticleList/RelatedArticleList.tsx

@@ -2,8 +2,8 @@ import { Children, cloneElement, ReactElement } from 'react';
 import BEMHelper from 'react-bem-helper';
 import { ButtonV2 } from '@ndla/button';
 import SafeLink from '@ndla/safelink';
+import { HeadingLevel } from '@ndla/typography';
 import SectionHeading from '../SectionHeading';
-import { HeadingLevel } from '../types';
 
 const classes = new BEMHelper({
   name: 'related-articles',

package/src/RelatedArticleList/RelatedArticleV2.tsx

@@ -12,8 +12,8 @@ import { useTranslation } from 'react-i18next';
 import styled from '@emotion/styled';
 import { ButtonV2 } from '@ndla/button';
 import SafeLink from '@ndla/safelink';
+import { HeadingLevel } from '@ndla/typography';
 import SectionHeading from '../SectionHeading';
-import { HeadingLevel } from '../types';
 import ContentTypeBadge from '../ContentTypeBadge';
 import { contentTypes } from '../model/ContentType';
 

package/src/ResourceGroup/ResourceGroup.tsx

@@ -11,8 +11,8 @@ import styled from '@emotion/styled';
 import { css } from '@emotion/react';
 import { colors, fonts, spacing } from '@ndla/core';
 
+import { HeadingLevel } from '@ndla/typography';
 import ResourceList, { ResourceListProps } from './ResourceList';
-import { HeadingLevel } from '../types';
 
 const Wrapper = styled.section`
   margin-bottom: ${spacing.large};

package/src/SectionHeading/SectionHeading.tsx

@@ -1,7 +1,7 @@
 import { ElementType, ReactNode } from 'react';
 import { css } from '@emotion/react';
 import { breakpoints, fonts, mq, spacing } from '@ndla/core';
-import { HeadingLevel } from '../types';
+import { HeadingLevel } from '@ndla/typography';
 
 const headingStyle = css`
   font-weight: ${fonts.weight.bold};

package/src/Subject/Subject.tsx

@@ -2,8 +2,8 @@ import { ReactNode } from 'react';
 import styled from '@emotion/styled';
 import { css } from '@emotion/react';
 import { breakpoints, colors, mq, spacing, spacingUnit } from '@ndla/core';
+import { HeadingLevel } from '@ndla/typography';
 import SectionHeading from '../SectionHeading';
-import { HeadingLevel } from '../types';
 
 const SubjectContentWrapper = styled.div`
   ${mq.range({ from: breakpoints.tablet })} {

package/src/Subject/SubjectNewContent.tsx

@@ -1,9 +1,9 @@
 import styled from '@emotion/styled';
 import SafeLink from '@ndla/safelink';
 import { breakpoints, colors, fonts, mq, spacing } from '@ndla/core';
+import { HeadingLevel } from '@ndla/typography';
 import ContentTypeBadge from '../ContentTypeBadge';
 import { SubjectSectionTitle } from './Subject';
-import { HeadingLevel } from '../types';
 
 interface Props {
   headingLevel: HeadingLevel;

package/src/Subject/SubjectSocial.tsx

@@ -1,7 +1,7 @@
 import styled from '@emotion/styled';
 import { breakpoints, mq, spacing } from '@ndla/core';
 import { ReactNode } from 'react';
-import { HeadingLevel } from '../types';
+import { HeadingLevel } from '@ndla/typography';
 import { SubjectSectionTitle } from './Subject';
 
 const StyledSubjectSocialContent = styled.div`

package/src/ToolboxPage/ToolboxInfo.tsx

@@ -10,9 +10,9 @@ import { MouseEvent } from 'react';
 import styled from '@emotion/styled';
 import { breakpoints, fonts, mq } from '@ndla/core';
 import { useTranslation } from 'react-i18next';
+import { Heading } from '@ndla/typography';
 import { ItemProps } from '../Navigation/NavigationBox';
 import { NavigationBox } from '../Navigation';
-import { Heading } from '../Typography';
 
 const Introduction = styled.p`
   max-width: 800px;

package/src/Topic/Topic.tsx

@@ -18,12 +18,12 @@ import { CursorClick, ExpandTwoArrows } from '@ndla/icons/action';
 import { css } from '@emotion/react';
 import { useTranslation } from 'react-i18next';
 import { EmbedMetaData } from '@ndla/types-embed';
+import { Heading } from '@ndla/typography';
 import Loader from './Loader';
 import { ItemProps } from '../Navigation/NavigationBox';
 import { NavigationBox } from '../Navigation';
 import { makeSrcQueryString, ImageCrop, ImageFocalPoint } from '../Image';
 import { MessageBox } from '../Messages';
-import { Heading } from '../Typography';
 import { getCrop, getFocalPoint } from '../Embed/ImageEmbed';
 
 type InvertItProps = {

package/src/index.ts

@@ -25,6 +25,7 @@ export {
   ConceptListEmbed,
   UnknownEmbed,
   InlineConcept,
+  BlockConcept,
 } from './Embed';
 
 export {
@@ -268,8 +269,6 @@ export type { HeartButtonType } from './Embed';
 export { CampaignBlock } from './CampaignBlock';
 export { Grid, GridParallaxItem } from './Grid';
 export type { GridType } from './Grid';
-export { Heading } from './Typography';
-export type { HeadingLevel } from './types';
 
 export {
   default as FrontpageArticle,

package/src/types.ts

@@ -130,5 +130,3 @@ export type NotionMedia = {
   type: 'video' | 'other';
   element: ReactNode;
 };
-
-export type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5';

package/es/Typography/Heading.js

@@ -1,48 +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); }
-var _excluded = ["element", "children", "headingStyle", "margin", "serif"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-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); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-/**
- * Copyright (c) 2023-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 { css } from '@emotion/react';
-import { breakpoints, fonts, mq, spacing } from '@ndla/core';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-var style = /*#__PURE__*/css("font-weight:", fonts.weight.bold, ";font-family:", fonts.sans, ";", fonts.sizes('22px', '30px'), ";margin:", spacing.normal, " 0 ", spacing.normal, " 0;&[data-margin='none']{margin:0px;}&[data-margin='xlarge']{margin:", spacing.normal, " 0 ", spacing.small, " 0;", mq.range({
-  from: breakpoints.tablet
-}), "{margin-bottom:", spacing.normal, ";}}&[data-margin='large']{margin-top:", spacing.large, ";margin-bottom:", spacing.small, ";}&[data-margin='small']{margin-top:", spacing.normal, ";margin-bottom:", spacing.small, ";}&[data-style='h1']{", fonts.sizes('30px', '36px'), ";", mq.range({
-  from: breakpoints.tablet
-}), "{", fonts.sizes('48px', '60px'), ";margin-bottom:", spacing.normal, ";}}&[data-style='h2']{", fonts.sizes('28px', '36px'), ";", mq.range({
-  from: breakpoints.tablet
-}), "{", fonts.sizes('30px', '38px'), ";}}&[data-style='h3']{", fonts.sizes('26px', '35px'), ";", mq.range({
-  from: breakpoints.tablet
-}), "{", fonts.sizes('26px', '36px'), ";}}&[data-style='list-title']{", fonts.sizes('18px', '24px'), ";text-transform:uppercase;};label:style;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRpbmcudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFpQiIsImZpbGUiOiJIZWFkaW5nLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGZvbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgQ29tcG9uZW50UHJvcHMsIEVsZW1lbnRUeXBlLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBIZWFkaW5nTGV2ZWwgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IHN0eWxlID0gY3NzYFxuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICAke2ZvbnRzLnNpemVzKCcyMnB4JywgJzMwcHgnKX07XG4gIG1hcmdpbjogJHtzcGFjaW5nLm5vcm1hbH0gMCAke3NwYWNpbmcubm9ybWFsfSAwO1xuXG4gICZbZGF0YS1tYXJnaW49J25vbmUnXSB7XG4gICAgbWFyZ2luOiAwcHg7XG4gIH1cbiAgJltkYXRhLW1hcmdpbj0neGxhcmdlJ10ge1xuICAgIG1hcmdpbjogJHtzcGFjaW5nLm5vcm1hbH0gMCAke3NwYWNpbmcuc21hbGx9IDA7XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgfVxuICB9XG4gICZbZGF0YS1tYXJnaW49J2xhcmdlJ10ge1xuICAgIG1hcmdpbi10b3A6ICR7c3BhY2luZy5sYXJnZX07XG4gICAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLnNtYWxsfTtcbiAgfVxuICAmW2RhdGEtbWFyZ2luPSdzbWFsbCddIHtcbiAgICBtYXJnaW4tdG9wOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcuc21hbGx9O1xuICB9XG4gICZbZGF0YS1zdHlsZT0naDEnXSB7XG4gICAgJHtmb250cy5zaXplcygnMzBweCcsICczNnB4Jyl9O1xuICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgICR7Zm9udHMuc2l6ZXMoJzQ4cHgnLCAnNjBweCcpfTtcbiAgICAgIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5ub3JtYWx9O1xuICAgIH1cbiAgfVxuXG4gICZbZGF0YS1zdHlsZT0naDInXSB7XG4gICAgJHtmb250cy5zaXplcygnMjhweCcsICczNnB4Jyl9O1xuICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgICR7Zm9udHMuc2l6ZXMoJzMwcHgnLCAnMzhweCcpfTtcbiAgICB9XG4gIH1cblxuICAmW2RhdGEtc3R5bGU9J2gzJ10ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzI2cHgnLCAnMzVweCcpfTtcbiAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgICAke2ZvbnRzLnNpemVzKCcyNnB4JywgJzM2cHgnKX07XG4gICAgfVxuICB9XG4gICZbZGF0YS1zdHlsZT0nbGlzdC10aXRsZSddIHtcbiAgICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzI0cHgnKX07XG4gICAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgfVxuYDtcblxudHlwZSBBbGxvd2VkRWxlbWVudHMgPSBIZWFkaW5nTGV2ZWwgfCAncCcgfCAnc3Bhbic7XG5cbmludGVyZmFjZSBQcm9wczxUIGV4dGVuZHMgQWxsb3dlZEVsZW1lbnRzPiB7XG4gIGVsZW1lbnQ6IFQ7XG4gIGhlYWRpbmdTdHlsZTogJ2gxJyB8ICdoMicgfCAnaDMnIHwgJ2xpc3QtdGl0bGUnIHwgJ2RlZmF1bHQnO1xuICBzZXJpZj86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBHZW5lcmFsIHVzYWdlXG4gICAqIHhsYXJnZSAtPiBoMVxuICAgKiBsYXJnZSAtPiBoMlxuICAgKiBub3JtYWwgLT4gYW55dGhpbmcgZWxzZVxuICAgKi9cbiAgbWFyZ2luPzogJ3hsYXJnZScgfCAnbGFyZ2UnIHwgJ25vcm1hbCcgfCAnc21hbGwnIHwgJ25vbmUnO1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xufVxuXG5jb25zdCBIZWFkaW5nID0gPFQgZXh0ZW5kcyBBbGxvd2VkRWxlbWVudHM+KHtcbiAgZWxlbWVudCxcbiAgY2hpbGRyZW4sXG4gIGhlYWRpbmdTdHlsZSxcbiAgbWFyZ2luID0gJ25vcm1hbCcsXG4gIHNlcmlmLFxuICAuLi5yZXN0XG59OiBQcm9wczxUPiAmIENvbXBvbmVudFByb3BzPFQ+KSA9PiB7XG4gIGNvbnN0IEVsZW1lbnQgPSBlbGVtZW50IGFzIEVsZW1lbnRUeXBlO1xuICByZXR1cm4gKFxuICAgIDxFbGVtZW50IGNzcz17c3R5bGV9IGRhdGEtc2VyaWY9e3NlcmlmfSBkYXRhLXN0eWxlPXtoZWFkaW5nU3R5bGV9IGRhdGEtbWFyZ2luPXttYXJnaW59IHsuLi5yZXN0fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0VsZW1lbnQ+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBIZWFkaW5nO1xuIl19 */"));
-var Heading = function Heading(_ref) {
-  var element = _ref.element,
-    children = _ref.children,
-    headingStyle = _ref.headingStyle,
-    _ref$margin = _ref.margin,
-    margin = _ref$margin === void 0 ? 'normal' : _ref$margin,
-    serif = _ref.serif,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var Element = element;
-  return _jsx(Element, _objectSpread(_objectSpread({
-    css: style,
-    "data-serif": serif,
-    "data-style": headingStyle,
-    "data-margin": margin
-  }, rest), {}, {
-    children: children
-  }));
-};
-export default Heading;

package/es/Typography/index.js

@@ -1,9 +0,0 @@
-/**
- * Copyright (c) 2023-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-export { default as Heading } from './Heading';

package/lib/Typography/Heading.d.ts

@@ -1,25 +0,0 @@
-/**
- * Copyright (c) 2023-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 { ComponentProps, ReactNode } from 'react';
-import { HeadingLevel } from '../types';
-type AllowedElements = HeadingLevel | 'p' | 'span';
-interface Props<T extends AllowedElements> {
-    element: T;
-    headingStyle: 'h1' | 'h2' | 'h3' | 'list-title' | 'default';
-    serif?: boolean;
-    /**
-     * General usage
-     * xlarge -> h1
-     * large -> h2
-     * normal -> anything else
-     */
-    margin?: 'xlarge' | 'large' | 'normal' | 'small' | 'none';
-    children: ReactNode;
-}
-declare const Heading: <T extends AllowedElements>({ element, children, headingStyle, margin, serif, ...rest }: Props<T> & ComponentProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
-export default Heading;

package/lib/Typography/Heading.js

@@ -1,54 +0,0 @@
-"use strict";
-
-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); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("@emotion/react");
-var _core = require("@ndla/core");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-var _excluded = ["element", "children", "headingStyle", "margin", "serif"];
-/**
- * Copyright (c) 2023-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-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); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var style = /*#__PURE__*/(0, _react.css)("font-weight:", _core.fonts.weight.bold, ";font-family:", _core.fonts.sans, ";", _core.fonts.sizes('22px', '30px'), ";margin:", _core.spacing.normal, " 0 ", _core.spacing.normal, " 0;&[data-margin='none']{margin:0px;}&[data-margin='xlarge']{margin:", _core.spacing.normal, " 0 ", _core.spacing.small, " 0;", _core.mq.range({
-  from: _core.breakpoints.tablet
-}), "{margin-bottom:", _core.spacing.normal, ";}}&[data-margin='large']{margin-top:", _core.spacing.large, ";margin-bottom:", _core.spacing.small, ";}&[data-margin='small']{margin-top:", _core.spacing.normal, ";margin-bottom:", _core.spacing.small, ";}&[data-style='h1']{", _core.fonts.sizes('30px', '36px'), ";", _core.mq.range({
-  from: _core.breakpoints.tablet
-}), "{", _core.fonts.sizes('48px', '60px'), ";margin-bottom:", _core.spacing.normal, ";}}&[data-style='h2']{", _core.fonts.sizes('28px', '36px'), ";", _core.mq.range({
-  from: _core.breakpoints.tablet
-}), "{", _core.fonts.sizes('30px', '38px'), ";}}&[data-style='h3']{", _core.fonts.sizes('26px', '35px'), ";", _core.mq.range({
-  from: _core.breakpoints.tablet
-}), "{", _core.fonts.sizes('26px', '36px'), ";}}&[data-style='list-title']{", _core.fonts.sizes('18px', '24px'), ";text-transform:uppercase;};label:style;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRpbmcudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFpQiIsImZpbGUiOiJIZWFkaW5nLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGZvbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgQ29tcG9uZW50UHJvcHMsIEVsZW1lbnRUeXBlLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBIZWFkaW5nTGV2ZWwgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IHN0eWxlID0gY3NzYFxuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICAke2ZvbnRzLnNpemVzKCcyMnB4JywgJzMwcHgnKX07XG4gIG1hcmdpbjogJHtzcGFjaW5nLm5vcm1hbH0gMCAke3NwYWNpbmcubm9ybWFsfSAwO1xuXG4gICZbZGF0YS1tYXJnaW49J25vbmUnXSB7XG4gICAgbWFyZ2luOiAwcHg7XG4gIH1cbiAgJltkYXRhLW1hcmdpbj0neGxhcmdlJ10ge1xuICAgIG1hcmdpbjogJHtzcGFjaW5nLm5vcm1hbH0gMCAke3NwYWNpbmcuc21hbGx9IDA7XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgfVxuICB9XG4gICZbZGF0YS1tYXJnaW49J2xhcmdlJ10ge1xuICAgIG1hcmdpbi10b3A6ICR7c3BhY2luZy5sYXJnZX07XG4gICAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLnNtYWxsfTtcbiAgfVxuICAmW2RhdGEtbWFyZ2luPSdzbWFsbCddIHtcbiAgICBtYXJnaW4tdG9wOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcuc21hbGx9O1xuICB9XG4gICZbZGF0YS1zdHlsZT0naDEnXSB7XG4gICAgJHtmb250cy5zaXplcygnMzBweCcsICczNnB4Jyl9O1xuICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgICR7Zm9udHMuc2l6ZXMoJzQ4cHgnLCAnNjBweCcpfTtcbiAgICAgIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5ub3JtYWx9O1xuICAgIH1cbiAgfVxuXG4gICZbZGF0YS1zdHlsZT0naDInXSB7XG4gICAgJHtmb250cy5zaXplcygnMjhweCcsICczNnB4Jyl9O1xuICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgICR7Zm9udHMuc2l6ZXMoJzMwcHgnLCAnMzhweCcpfTtcbiAgICB9XG4gIH1cblxuICAmW2RhdGEtc3R5bGU9J2gzJ10ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzI2cHgnLCAnMzVweCcpfTtcbiAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgICAke2ZvbnRzLnNpemVzKCcyNnB4JywgJzM2cHgnKX07XG4gICAgfVxuICB9XG4gICZbZGF0YS1zdHlsZT0nbGlzdC10aXRsZSddIHtcbiAgICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzI0cHgnKX07XG4gICAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgfVxuYDtcblxudHlwZSBBbGxvd2VkRWxlbWVudHMgPSBIZWFkaW5nTGV2ZWwgfCAncCcgfCAnc3Bhbic7XG5cbmludGVyZmFjZSBQcm9wczxUIGV4dGVuZHMgQWxsb3dlZEVsZW1lbnRzPiB7XG4gIGVsZW1lbnQ6IFQ7XG4gIGhlYWRpbmdTdHlsZTogJ2gxJyB8ICdoMicgfCAnaDMnIHwgJ2xpc3QtdGl0bGUnIHwgJ2RlZmF1bHQnO1xuICBzZXJpZj86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBHZW5lcmFsIHVzYWdlXG4gICAqIHhsYXJnZSAtPiBoMVxuICAgKiBsYXJnZSAtPiBoMlxuICAgKiBub3JtYWwgLT4gYW55dGhpbmcgZWxzZVxuICAgKi9cbiAgbWFyZ2luPzogJ3hsYXJnZScgfCAnbGFyZ2UnIHwgJ25vcm1hbCcgfCAnc21hbGwnIHwgJ25vbmUnO1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xufVxuXG5jb25zdCBIZWFkaW5nID0gPFQgZXh0ZW5kcyBBbGxvd2VkRWxlbWVudHM+KHtcbiAgZWxlbWVudCxcbiAgY2hpbGRyZW4sXG4gIGhlYWRpbmdTdHlsZSxcbiAgbWFyZ2luID0gJ25vcm1hbCcsXG4gIHNlcmlmLFxuICAuLi5yZXN0XG59OiBQcm9wczxUPiAmIENvbXBvbmVudFByb3BzPFQ+KSA9PiB7XG4gIGNvbnN0IEVsZW1lbnQgPSBlbGVtZW50IGFzIEVsZW1lbnRUeXBlO1xuICByZXR1cm4gKFxuICAgIDxFbGVtZW50IGNzcz17c3R5bGV9IGRhdGEtc2VyaWY9e3NlcmlmfSBkYXRhLXN0eWxlPXtoZWFkaW5nU3R5bGV9IGRhdGEtbWFyZ2luPXttYXJnaW59IHsuLi5yZXN0fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0VsZW1lbnQ+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBIZWFkaW5nO1xuIl19 */"));
-var Heading = function Heading(_ref) {
-  var element = _ref.element,
-    children = _ref.children,
-    headingStyle = _ref.headingStyle,
-    _ref$margin = _ref.margin,
-    margin = _ref$margin === void 0 ? 'normal' : _ref$margin,
-    serif = _ref.serif,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var Element = element;
-  return (0, _jsxRuntime.jsx)(Element, _objectSpread(_objectSpread({
-    css: style,
-    "data-serif": serif,
-    "data-style": headingStyle,
-    "data-margin": margin
-  }, rest), {}, {
-    children: children
-  }));
-};
-var _default = Heading;
-exports.default = _default;

package/lib/Typography/index.d.ts

@@ -1,8 +0,0 @@
-/**
- * Copyright (c) 2023-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-export { default as Heading } from './Heading';

package/lib/Typography/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Heading", {
-  enumerable: true,
-  get: function get() {
-    return _Heading.default;
-  }
-});
-var _Heading = _interopRequireDefault(require("./Heading"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }