@ndla/ui 45.0.13 → 45.0.15

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

@@ -24,6 +24,7 @@ export {
   ConceptEmbed,
   ConceptListEmbed,
   UnknownEmbed,
+  InlineConcept,
 } from './Embed';
 
 export {
@@ -267,8 +268,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 }; }

package/src/Typography/Heading.tsx

@@ -1,96 +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 { css } from '@emotion/react';
-import { breakpoints, fonts, mq, spacing } from '@ndla/core';
-import { ComponentProps, ElementType, ReactNode } from 'react';
-import { HeadingLevel } from '../types';
-
-const style = 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;
-  }
-`;
-
-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;
-}
-
-const Heading = <T extends AllowedElements>({
-  element,
-  children,
-  headingStyle,
-  margin = 'normal',
-  serif,
-  ...rest
-}: Props<T> & ComponentProps<T>) => {
-  const Element = element as ElementType;
-  return (
-    <Element css={style} data-serif={serif} data-style={headingStyle} data-margin={margin} {...rest}>
-      {children}
-    </Element>
-  );
-};
-
-export default Heading;

package/src/Typography/index.ts

@@ -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';