@dfds-ui/typography 2.2.0-alpha.c35ceba3 → 2.2.0-alpha.c79adffa

package/Text.js

@@ -1,7 +1,7 @@
 var _excluded = ["as", "children", "styledAs"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) { o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } } return t; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React from 'react';
 import { typography } from './styles';
 import { jsx as ___EmotionJSX } from "@emotion/react";

package/Typography.d.ts

@@ -1,8 +1,8 @@
-import React, { ElementType, ReactNode } from 'react';
+import { ElementType, ReactNode } from 'react';
 export interface TypographyProps {
     className?: string;
     children?: ReactNode;
     as?: ElementType;
 }
-export declare const Typography: ({ className, as, ...rest }: TypographyProps) => React.JSX.Element;
+export declare const Typography: ({ className, as, ...rest }: TypographyProps) => JSX.Element;
 export default Typography;

package/Typography.js

@@ -1,7 +1,7 @@
 var _excluded = ["className", "as"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) { o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } } return t; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React from 'react';
 
 // TODO: The idea of this components is to wrap markup intended for readability. Like margins on paragraphs etc

package/cjs/Text.js

@@ -7,18 +7,21 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _styles = require("./styles");
 var _react2 = require("@emotion/react");
+const _excluded = ["as", "children", "styledAs"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const Text = ({
-  as = 'p',
-  children,
-  styledAs = 'body',
-  ...rest
-}) => {
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+const Text = _ref => {
+  let _ref$as = _ref.as,
+    as = _ref$as === void 0 ? 'p' : _ref$as,
+    children = _ref.children,
+    _ref$styledAs = _ref.styledAs,
+    styledAs = _ref$styledAs === void 0 ? 'body' : _ref$styledAs,
+    rest = _objectWithoutProperties(_ref, _excluded);
   const Tag = as;
   return (0, _react2.jsx)(Tag, _extends({
     css: _styles.typography[styledAs]
   }, rest), children);
 };
-var _default = Text;
-exports.default = _default;
+var _default = exports.default = Text;

package/cjs/Typography.d.ts

@@ -1,8 +1,8 @@
-import React, { ElementType, ReactNode } from 'react';
+import { ElementType, ReactNode } from 'react';
 export interface TypographyProps {
     className?: string;
     children?: ReactNode;
     as?: ElementType;
 }
-export declare const Typography: ({ className, as, ...rest }: TypographyProps) => React.JSX.Element;
+export declare const Typography: ({ className, as, ...rest }: TypographyProps) => JSX.Element;
 export default Typography;

package/cjs/Typography.js

@@ -6,18 +6,20 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.Typography = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
+const _excluded = ["className", "as"]; // TODO: The idea of this components is to wrap markup intended for readability. Like margins on paragraphs etc
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } // TODO: The idea of this components is to wrap markup intended for readability. Like margins on paragraphs etc
-const Typography = ({
-  className,
-  as = 'div',
-  ...rest
-}) => {
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+const Typography = _ref => {
+  let className = _ref.className,
+    _ref$as = _ref.as,
+    as = _ref$as === void 0 ? 'div' : _ref$as,
+    rest = _objectWithoutProperties(_ref, _excluded);
   const Component = as;
   return (0, _react2.jsx)(Component, _extends({
     className: className
   }, rest));
 };
 exports.Typography = Typography;
-var _default = Typography;
-exports.default = _default;
+var _default = exports.default = Typography;

package/cjs/index.js

@@ -10,19 +10,19 @@ var _exportNames = {
 };
 Object.defineProperty(exports, "Text", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _Text.default;
   }
 });
 Object.defineProperty(exports, "styles", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _styles.default;
   }
 });
 Object.defineProperty(exports, "typography", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _styles.default;
   }
 });
@@ -35,7 +35,7 @@ Object.keys(_Typography).forEach(function (key) {
   if (key in exports && exports[key] === _Typography[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function () {
+    get: function get() {
       return _Typography[key];
     }
   });

package/cjs/styles.js

@@ -6,12 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.typography = exports.default = void 0;
 var _theme = require("@dfds-ui/theme");
 var _react = require("@emotion/react");
-const {
-  fontFamilies,
-  fontSizes,
-  fontWeights,
-  lineHeights
-} = _theme.theme;
+const fontFamilies = _theme.theme.fontFamilies,
+  fontSizes = _theme.theme.fontSizes,
+  fontWeights = _theme.theme.fontWeights,
+  lineHeights = _theme.theme.lineHeights;
 const displayFont = /*#__PURE__*/(0, _react.css)("font-family:", fontFamilies.display, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:displayFont;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJ1QiIsImZpbGUiOiIuLi8uLi9zcmMvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUsIG1lZGlhIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuY29uc3QgeyBmb250RmFtaWxpZXMsIGZvbnRTaXplcywgZm9udFdlaWdodHMsIGxpbmVIZWlnaHRzIH0gPSB0aGVtZVxuXG50eXBlIEJvZHlQcm9wcyA9IHtcbiAgc2l6ZT86IGtleW9mIHR5cGVvZiB0aGVtZS5mb250U2l6ZXMuYm9keVxuICB3ZWlnaHQ/OiBrZXlvZiB0eXBlb2YgdGhlbWUuZm9udFdlaWdodHMuYm9keVxuICBsaW5lSGVpZ2h0Pzoga2V5b2YgdHlwZW9mIHRoZW1lLmxpbmVIZWlnaHRzLmJvZHlcbn1cblxudHlwZSBMYWJlbFByb3BzID0ge1xuICBzaXplPzoga2V5b2YgdHlwZW9mIHRoZW1lLmZvbnRTaXplcy5sYWJlbFxuICB3ZWlnaHQ/OiBrZXlvZiB0eXBlb2YgdGhlbWUuZm9udFdlaWdodHMuYm9keVxufVxuXG50eXBlIEhlYWRsaW5lUHJvcHMgPSB7XG4gIHNpemU/OiBrZXlvZiB0eXBlb2YgdGhlbWUuZm9udFNpemVzLmhlYWRsaW5lXG4gIHdlaWdodD86IGtleW9mIHR5cGVvZiB0aGVtZS5mb250V2VpZ2h0cy5kaXNwbGF5XG59XG5cbnR5cGUgQWN0aW9uUHJvcHMgPSB7XG4gIHdlaWdodD86IGtleW9mIHR5cGVvZiB0aGVtZS5mb250V2VpZ2h0cy5kaXNwbGF5XG59XG5cbmNvbnN0IGRpc3BsYXlGb250ID0gY3NzYFxuICBmb250LWZhbWlseTogJHtmb250RmFtaWxpZXMuZGlzcGxheX07XG5gXG5cbmNvbnN0IGJvZHlGb250ID0gY3NzYFxuICBmb250LWZhbWlseTogJHtmb250RmFtaWxpZXMuYm9keX07XG5gXG5cbmNvbnN0IGhlYWRsaW5lID0gKHsgc2l6ZSA9ICdoZXJvJywgd2VpZ2h0ID0gJ2xpZ2h0JyB9OiBIZWFkbGluZVByb3BzKSA9PiB7XG4gIHJldHVybiBjc3NgXG4gICAgJHtkaXNwbGF5Rm9udH07XG4gICAgZm9udC13ZWlnaHQ6ICR7Zm9udFdlaWdodHMuZGlzcGxheVt3ZWlnaHRdfTtcbiAgICAke3NpemUgPT09ICdoZXJvJ1xuICAgICAgPyBjc3NgXG4gICAgICAgICAgZm9udC1zaXplOiAke2ZvbnRTaXplcy5oZWFkbGluZS5oZXJvLm1vYmlsZX07XG4gICAgICAgICAgbGluZS1oZWlnaHQ6ICR7bGluZUhlaWdodHMuaGVhZGxpbmUuaGVyby5tb2JpbGV9O1xuXG4gICAgICAgICAgJHttZWRpYS5ncmVhdGVyVGhhbignbScpYFxuICAgICAgICAgICAgZm9udC1zaXplOiAke2ZvbnRTaXplcy5oZWFkbGluZS5oZXJvLmRlc2t0b3B9O1xuICAgICAgICAgICAgbGluZS1oZWlnaHQ6ICR7bGluZUhlaWdodHMuaGVhZGxpbmUuaGVyby5kZXNrdG9wfTtcbiAgICAgICAgICBgfVxuICAgICAgICBgXG4gICAgICA6IGNzc2BcbiAgICAgICAgICBmb250LXNpemU6ICR7Zm9udFNpemVzLmhlYWRsaW5lW3NpemVdfTtcbiAgICAgICAgICBsaW5lLWhlaWdodDogJHtsaW5lSGVpZ2h0cy5oZWFkbGluZVtzaXplXX07XG4gICAgICAgIGB9XG4gIGBcbn1cblxuY29uc3QgYm9keSA9ICh7IHdlaWdodCA9ICdyZWd1bGFyJywgc2l6ZSA9ICdtZWRpdW0nLCBsaW5lSGVpZ2h0ID0gJ3JlZ3VsYXInIH06IEJvZHlQcm9wcykgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgICR7Ym9keUZvbnR9O1xuICAgIGZvbnQtc2l6ZTogJHtmb250U2l6ZXMuYm9keVtzaXplXX07XG4gICAgZm9udC13ZWlnaHQ6ICR7Zm9udFdlaWdodHMuYm9keVt3ZWlnaHRdfTtcbiAgICBsaW5lLWhlaWdodDogJHtsaW5lSGVpZ2h0cy5ib2R5W2xpbmVIZWlnaHRdfTtcbiAgYFxufVxuXG5jb25zdCBhY3Rpb24gPSAoeyB3ZWlnaHQgPSAnYm9sZCcgfTogQWN0aW9uUHJvcHMpID0+IHtcbiAgcmV0dXJuIGNzc2BcbiAgICAke2Rpc3BsYXlGb250fTtcbiAgICBmb250LXNpemU6ICR7Zm9udFNpemVzLmFjdGlvbn07XG4gICAgZm9udC13ZWlnaHQ6ICR7Zm9udFdlaWdodHMuZGlzcGxheVt3ZWlnaHRdfTtcbiAgICBsaW5lLWhlaWdodDogJHtsaW5lSGVpZ2h0cy5hY3Rpb259O1xuICBgXG59XG5cbmNvbnN0IGxhYmVsID0gKHsgd2VpZ2h0ID0gJ3JlZ3VsYXInLCBzaXplID0gJ21lZGl1bScgfTogTGFiZWxQcm9wcykgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgICR7ZGlzcGxheUZvbnR9O1xuICAgIGZvbnQtc2l6ZTogJHtmb250U2l6ZXMubGFiZWxbc2l6ZV19O1xuICAgIGZvbnQtd2VpZ2h0OiAke2ZvbnRXZWlnaHRzLmJvZHlbd2VpZ2h0XX07XG4gICAgbGluZS1oZWlnaHQ6ICR7bGluZUhlaWdodHMubGFiZWxbc2l6ZV19O1xuICBgXG59XG5cbmNvbnN0IGNhcHRpb24gPSAoKSA9PiB7XG4gIHJldHVybiBjc3NgXG4gICAgJHtib2R5Rm9udH07XG4gICAgZm9udC1zaXplOiAke2ZvbnRTaXplcy5jYXB0aW9ufTtcbiAgICBmb250LXdlaWdodDogJHtmb250V2VpZ2h0cy5ib2R5LnJlZ3VsYXJ9O1xuICAgIGxpbmUtaGVpZ2h0OiAke2xpbmVIZWlnaHRzLmNhcHRpb259O1xuICBgXG59XG5cbmV4cG9ydCBjb25zdCB0eXBvZ3JhcGh5ID0ge1xuICBoZXJvSGVhZGxpbmU6IGhlYWRsaW5lKHsgc2l6ZTogJ2hlcm8nIH0pLFxuICBzZWN0aW9uSGVhZGxpbmU6IGhlYWRsaW5lKHsgc2l6ZTogJ3NlY3Rpb24nLCB3ZWlnaHQ6ICdib2xkJyB9KSxcbiAgc3ViSGVhZGxpbmU6IGhlYWRsaW5lKHsgc2l6ZTogJ3N1YicsIHdlaWdodDogJ2xpZ2h0JyB9KSxcbiAgc21hbGxIZWFkbGluZTogaGVhZGxpbmUoeyBzaXplOiAnc21hbGwnLCB3ZWlnaHQ6ICdib2xkJyB9KSxcbiAgYm9keTogYm9keSh7fSksXG4gIGJvZHlCb2xkOiBib2R5KHsgd2VpZ2h0OiAnYm9sZCcgfSksXG4gIGJvZHlJbnRlcmZhY2U6IGJvZHkoeyBsaW5lSGVpZ2h0OiAnaW50ZXJmYWNlJyB9KSxcbiAgYm9keUludGVyZmFjZUJvbGQ6IGJvZHkoeyB3ZWlnaHQ6ICdib2xkJywgbGluZUhlaWdodDogJ2ludGVyZmFjZScgfSksXG4gIGJvZHlJbnRlcmZhY2VTbWFsbDogYm9keSh7IGxpbmVIZWlnaHQ6ICdzbWFsbCcsIHNpemU6ICdzbWFsbCcgfSksXG4gIGJvZHlJbnRlcmZhY2VTbWFsbEJvbGQ6IGJvZHkoeyBsaW5lSGVpZ2h0OiAnc21hbGwnLCBzaXplOiAnc21hbGwnLCB3ZWlnaHQ6ICdib2xkJyB9KSxcbiAgbGFiZWw6IGxhYmVsKHt9KSxcbiAgbGFiZWxCb2xkOiBsYWJlbCh7IHdlaWdodDogJ2JvbGQnIH0pLFxuICBsYWJlbFNtYWxsOiBsYWJlbCh7IHNpemU6ICdzbWFsbCcgfSksXG4gIGFjdGlvbjogYWN0aW9uKHsgd2VpZ2h0OiAncmVndWxhcicgfSksXG4gIGFjdGlvbkJvbGQ6IGFjdGlvbih7IHdlaWdodDogJ2JvbGQnIH0pLFxuICBjYXB0aW9uOiBjYXB0aW9uKCksXG59XG5cbmV4cG9ydCBkZWZhdWx0IHR5cG9ncmFwaHlcbiJdfQ== */");
 const bodyFont = /*#__PURE__*/(0, _react.css)("font-family:", fontFamilies.body, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:bodyFont;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJvQiIsImZpbGUiOiIuLi8uLi9zcmMvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUsIG1lZGlhIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuY29uc3QgeyBmb250RmFtaWxpZXMsIGZvbnRTaXplcywgZm9udFdlaWdodHMsIGxpbmVIZWlnaHRzIH0gPSB0aGVtZVxuXG50eXBlIEJvZHlQcm9wcyA9IHtcbiAgc2l6ZT86IGtleW9mIHR5cGVvZiB0aGVtZS5mb250U2l6ZXMuYm9keVxuICB3ZWlnaHQ/OiBrZXlvZiB0eXBlb2YgdGhlbWUuZm9udFdlaWdodHMuYm9keVxuICBsaW5lSGVpZ2h0Pzoga2V5b2YgdHlwZW9mIHRoZW1lLmxpbmVIZWlnaHRzLmJvZHlcbn1cblxudHlwZSBMYWJlbFByb3BzID0ge1xuICBzaXplPzoga2V5b2YgdHlwZW9mIHRoZW1lLmZvbnRTaXplcy5sYWJlbFxuICB3ZWlnaHQ/OiBrZXlvZiB0eXBlb2YgdGhlbWUuZm9udFdlaWdodHMuYm9keVxufVxuXG50eXBlIEhlYWRsaW5lUHJvcHMgPSB7XG4gIHNpemU/OiBrZXlvZiB0eXBlb2YgdGhlbWUuZm9udFNpemVzLmhlYWRsaW5lXG4gIHdlaWdodD86IGtleW9mIHR5cGVvZiB0aGVtZS5mb250V2VpZ2h0cy5kaXNwbGF5XG59XG5cbnR5cGUgQWN0aW9uUHJvcHMgPSB7XG4gIHdlaWdodD86IGtleW9mIHR5cGVvZiB0aGVtZS5mb250V2VpZ2h0cy5kaXNwbGF5XG59XG5cbmNvbnN0IGRpc3BsYXlGb250ID0gY3NzYFxuICBmb250LWZhbWlseTogJHtmb250RmFtaWxpZXMuZGlzcGxheX07XG5gXG5cbmNvbnN0IGJvZHlGb250ID0gY3NzYFxuICBmb250LWZhbWlseTogJHtmb250RmFtaWxpZXMuYm9keX07XG5gXG5cbmNvbnN0IGhlYWRsaW5lID0gKHsgc2l6ZSA9ICdoZXJvJywgd2VpZ2h0ID0gJ2xpZ2h0JyB9OiBIZWFkbGluZVByb3BzKSA9PiB7XG4gIHJldHVybiBjc3NgXG4gICAgJHtkaXNwbGF5Rm9udH07XG4gICAgZm9udC13ZWlnaHQ6ICR7Zm9udFdlaWdodHMuZGlzcGxheVt3ZWlnaHRdfTtcbiAgICAke3NpemUgPT09ICdoZXJvJ1xuICAgICAgPyBjc3NgXG4gICAgICAgICAgZm9udC1zaXplOiAke2ZvbnRTaXplcy5oZWFkbGluZS5oZXJvLm1vYmlsZX07XG4gICAgICAgICAgbGluZS1oZWlnaHQ6ICR7bGluZUhlaWdodHMuaGVhZGxpbmUuaGVyby5tb2JpbGV9O1xuXG4gICAgICAgICAgJHttZWRpYS5ncmVhdGVyVGhhbignbScpYFxuICAgICAgICAgICAgZm9udC1zaXplOiAke2ZvbnRTaXplcy5oZWFkbGluZS5oZXJvLmRlc2t0b3B9O1xuICAgICAgICAgICAgbGluZS1oZWlnaHQ6ICR7bGluZUhlaWdodHMuaGVhZGxpbmUuaGVyby5kZXNrdG9wfTtcbiAgICAgICAgICBgfVxuICAgICAgICBgXG4gICAgICA6IGNzc2BcbiAgICAgICAgICBmb250LXNpemU6ICR7Zm9udFNpemVzLmhlYWRsaW5lW3NpemVdfTtcbiAgICAgICAgICBsaW5lLWhlaWdodDogJHtsaW5lSGVpZ2h0cy5oZWFkbGluZVtzaXplXX07XG4gICAgICAgIGB9XG4gIGBcbn1cblxuY29uc3QgYm9keSA9ICh7IHdlaWdodCA9ICdyZWd1bGFyJywgc2l6ZSA9ICdtZWRpdW0nLCBsaW5lSGVpZ2h0ID0gJ3JlZ3VsYXInIH06IEJvZHlQcm9wcykgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgICR7Ym9keUZvbnR9O1xuICAgIGZvbnQtc2l6ZTogJHtmb250U2l6ZXMuYm9keVtzaXplXX07XG4gICAgZm9udC13ZWlnaHQ6ICR7Zm9udFdlaWdodHMuYm9keVt3ZWlnaHRdfTtcbiAgICBsaW5lLWhlaWdodDogJHtsaW5lSGVpZ2h0cy5ib2R5W2xpbmVIZWlnaHRdfTtcbiAgYFxufVxuXG5jb25zdCBhY3Rpb24gPSAoeyB3ZWlnaHQgPSAnYm9sZCcgfTogQWN0aW9uUHJvcHMpID0+IHtcbiAgcmV0dXJuIGNzc2BcbiAgICAke2Rpc3BsYXlGb250fTtcbiAgICBmb250LXNpemU6ICR7Zm9udFNpemVzLmFjdGlvbn07XG4gICAgZm9udC13ZWlnaHQ6ICR7Zm9udFdlaWdodHMuZGlzcGxheVt3ZWlnaHRdfTtcbiAgICBsaW5lLWhlaWdodDogJHtsaW5lSGVpZ2h0cy5hY3Rpb259O1xuICBgXG59XG5cbmNvbnN0IGxhYmVsID0gKHsgd2VpZ2h0ID0gJ3JlZ3VsYXInLCBzaXplID0gJ21lZGl1bScgfTogTGFiZWxQcm9wcykgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgICR7ZGlzcGxheUZvbnR9O1xuICAgIGZvbnQtc2l6ZTogJHtmb250U2l6ZXMubGFiZWxbc2l6ZV19O1xuICAgIGZvbnQtd2VpZ2h0OiAke2ZvbnRXZWlnaHRzLmJvZHlbd2VpZ2h0XX07XG4gICAgbGluZS1oZWlnaHQ6ICR7bGluZUhlaWdodHMubGFiZWxbc2l6ZV19O1xuICBgXG59XG5cbmNvbnN0IGNhcHRpb24gPSAoKSA9PiB7XG4gIHJldHVybiBjc3NgXG4gICAgJHtib2R5Rm9udH07XG4gICAgZm9udC1zaXplOiAke2ZvbnRTaXplcy5jYXB0aW9ufTtcbiAgICBmb250LXdlaWdodDogJHtmb250V2VpZ2h0cy5ib2R5LnJlZ3VsYXJ9O1xuICAgIGxpbmUtaGVpZ2h0OiAke2xpbmVIZWlnaHRzLmNhcHRpb259O1xuICBgXG59XG5cbmV4cG9ydCBjb25zdCB0eXBvZ3JhcGh5ID0ge1xuICBoZXJvSGVhZGxpbmU6IGhlYWRsaW5lKHsgc2l6ZTogJ2hlcm8nIH0pLFxuICBzZWN0aW9uSGVhZGxpbmU6IGhlYWRsaW5lKHsgc2l6ZTogJ3NlY3Rpb24nLCB3ZWlnaHQ6ICdib2xkJyB9KSxcbiAgc3ViSGVhZGxpbmU6IGhlYWRsaW5lKHsgc2l6ZTogJ3N1YicsIHdlaWdodDogJ2xpZ2h0JyB9KSxcbiAgc21hbGxIZWFkbGluZTogaGVhZGxpbmUoeyBzaXplOiAnc21hbGwnLCB3ZWlnaHQ6ICdib2xkJyB9KSxcbiAgYm9keTogYm9keSh7fSksXG4gIGJvZHlCb2xkOiBib2R5KHsgd2VpZ2h0OiAnYm9sZCcgfSksXG4gIGJvZHlJbnRlcmZhY2U6IGJvZHkoeyBsaW5lSGVpZ2h0OiAnaW50ZXJmYWNlJyB9KSxcbiAgYm9keUludGVyZmFjZUJvbGQ6IGJvZHkoeyB3ZWlnaHQ6ICdib2xkJywgbGluZUhlaWdodDogJ2ludGVyZmFjZScgfSksXG4gIGJvZHlJbnRlcmZhY2VTbWFsbDogYm9keSh7IGxpbmVIZWlnaHQ6ICdzbWFsbCcsIHNpemU6ICdzbWFsbCcgfSksXG4gIGJvZHlJbnRlcmZhY2VTbWFsbEJvbGQ6IGJvZHkoeyBsaW5lSGVpZ2h0OiAnc21hbGwnLCBzaXplOiAnc21hbGwnLCB3ZWlnaHQ6ICdib2xkJyB9KSxcbiAgbGFiZWw6IGxhYmVsKHt9KSxcbiAgbGFiZWxCb2xkOiBsYWJlbCh7IHdlaWdodDogJ2JvbGQnIH0pLFxuICBsYWJlbFNtYWxsOiBsYWJlbCh7IHNpemU6ICdzbWFsbCcgfSksXG4gIGFjdGlvbjogYWN0aW9uKHsgd2VpZ2h0OiAncmVndWxhcicgfSksXG4gIGFjdGlvbkJvbGQ6IGFjdGlvbih7IHdlaWdodDogJ2JvbGQnIH0pLFxuICBjYXB0aW9uOiBjYXB0aW9uKCksXG59XG5cbmV4cG9ydCBkZWZhdWx0IHR5cG9ncmFwaHlcbiJdfQ== */");
 const headline = ({
@@ -44,7 +42,7 @@ const label = ({
 const caption = () => {
   return /*#__PURE__*/(0, _react.css)(bodyFont, ";font-size:", fontSizes.caption, ";font-weight:", fontWeights.body.regular, ";line-height:", lineHeights.caption, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:caption;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0ZZIiwiZmlsZSI6Ii4uLy4uL3NyYy9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0aGVtZSwgbWVkaWEgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5jb25zdCB7IGZvbnRGYW1pbGllcywgZm9udFNpemVzLCBmb250V2VpZ2h0cywgbGluZUhlaWdodHMgfSA9IHRoZW1lXG5cbnR5cGUgQm9keVByb3BzID0ge1xuICBzaXplPzoga2V5b2YgdHlwZW9mIHRoZW1lLmZvbnRTaXplcy5ib2R5XG4gIHdlaWdodD86IGtleW9mIHR5cGVvZiB0aGVtZS5mb250V2VpZ2h0cy5ib2R5XG4gIGxpbmVIZWlnaHQ/OiBrZXlvZiB0eXBlb2YgdGhlbWUubGluZUhlaWdodHMuYm9keVxufVxuXG50eXBlIExhYmVsUHJvcHMgPSB7XG4gIHNpemU/OiBrZXlvZiB0eXBlb2YgdGhlbWUuZm9udFNpemVzLmxhYmVsXG4gIHdlaWdodD86IGtleW9mIHR5cGVvZiB0aGVtZS5mb250V2VpZ2h0cy5ib2R5XG59XG5cbnR5cGUgSGVhZGxpbmVQcm9wcyA9IHtcbiAgc2l6ZT86IGtleW9mIHR5cGVvZiB0aGVtZS5mb250U2l6ZXMuaGVhZGxpbmVcbiAgd2VpZ2h0Pzoga2V5b2YgdHlwZW9mIHRoZW1lLmZvbnRXZWlnaHRzLmRpc3BsYXlcbn1cblxudHlwZSBBY3Rpb25Qcm9wcyA9IHtcbiAgd2VpZ2h0Pzoga2V5b2YgdHlwZW9mIHRoZW1lLmZvbnRXZWlnaHRzLmRpc3BsYXlcbn1cblxuY29uc3QgZGlzcGxheUZvbnQgPSBjc3NgXG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRGYW1pbGllcy5kaXNwbGF5fTtcbmBcblxuY29uc3QgYm9keUZvbnQgPSBjc3NgXG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRGYW1pbGllcy5ib2R5fTtcbmBcblxuY29uc3QgaGVhZGxpbmUgPSAoeyBzaXplID0gJ2hlcm8nLCB3ZWlnaHQgPSAnbGlnaHQnIH06IEhlYWRsaW5lUHJvcHMpID0+IHtcbiAgcmV0dXJuIGNzc2BcbiAgICAke2Rpc3BsYXlGb250fTtcbiAgICBmb250LXdlaWdodDogJHtmb250V2VpZ2h0cy5kaXNwbGF5W3dlaWdodF19O1xuICAgICR7c2l6ZSA9PT0gJ2hlcm8nXG4gICAgICA/IGNzc2BcbiAgICAgICAgICBmb250LXNpemU6ICR7Zm9udFNpemVzLmhlYWRsaW5lLmhlcm8ubW9iaWxlfTtcbiAgICAgICAgICBsaW5lLWhlaWdodDogJHtsaW5lSGVpZ2h0cy5oZWFkbGluZS5oZXJvLm1vYmlsZX07XG5cbiAgICAgICAgICAke21lZGlhLmdyZWF0ZXJUaGFuKCdtJylgXG4gICAgICAgICAgICBmb250LXNpemU6ICR7Zm9udFNpemVzLmhlYWRsaW5lLmhlcm8uZGVza3RvcH07XG4gICAgICAgICAgICBsaW5lLWhlaWdodDogJHtsaW5lSGVpZ2h0cy5oZWFkbGluZS5oZXJvLmRlc2t0b3B9O1xuICAgICAgICAgIGB9XG4gICAgICAgIGBcbiAgICAgIDogY3NzYFxuICAgICAgICAgIGZvbnQtc2l6ZTogJHtmb250U2l6ZXMuaGVhZGxpbmVbc2l6ZV19O1xuICAgICAgICAgIGxpbmUtaGVpZ2h0OiAke2xpbmVIZWlnaHRzLmhlYWRsaW5lW3NpemVdfTtcbiAgICAgICAgYH1cbiAgYFxufVxuXG5jb25zdCBib2R5ID0gKHsgd2VpZ2h0ID0gJ3JlZ3VsYXInLCBzaXplID0gJ21lZGl1bScsIGxpbmVIZWlnaHQgPSAncmVndWxhcicgfTogQm9keVByb3BzKSA9PiB7XG4gIHJldHVybiBjc3NgXG4gICAgJHtib2R5Rm9udH07XG4gICAgZm9udC1zaXplOiAke2ZvbnRTaXplcy5ib2R5W3NpemVdfTtcbiAgICBmb250LXdlaWdodDogJHtmb250V2VpZ2h0cy5ib2R5W3dlaWdodF19O1xuICAgIGxpbmUtaGVpZ2h0OiAke2xpbmVIZWlnaHRzLmJvZHlbbGluZUhlaWdodF19O1xuICBgXG59XG5cbmNvbnN0IGFjdGlvbiA9ICh7IHdlaWdodCA9ICdib2xkJyB9OiBBY3Rpb25Qcm9wcykgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgICR7ZGlzcGxheUZvbnR9O1xuICAgIGZvbnQtc2l6ZTogJHtmb250U2l6ZXMuYWN0aW9ufTtcbiAgICBmb250LXdlaWdodDogJHtmb250V2VpZ2h0cy5kaXNwbGF5W3dlaWdodF19O1xuICAgIGxpbmUtaGVpZ2h0OiAke2xpbmVIZWlnaHRzLmFjdGlvbn07XG4gIGBcbn1cblxuY29uc3QgbGFiZWwgPSAoeyB3ZWlnaHQgPSAncmVndWxhcicsIHNpemUgPSAnbWVkaXVtJyB9OiBMYWJlbFByb3BzKSA9PiB7XG4gIHJldHVybiBjc3NgXG4gICAgJHtkaXNwbGF5Rm9udH07XG4gICAgZm9udC1zaXplOiAke2ZvbnRTaXplcy5sYWJlbFtzaXplXX07XG4gICAgZm9udC13ZWlnaHQ6ICR7Zm9udFdlaWdodHMuYm9keVt3ZWlnaHRdfTtcbiAgICBsaW5lLWhlaWdodDogJHtsaW5lSGVpZ2h0cy5sYWJlbFtzaXplXX07XG4gIGBcbn1cblxuY29uc3QgY2FwdGlvbiA9ICgpID0+IHtcbiAgcmV0dXJuIGNzc2BcbiAgICAke2JvZHlGb250fTtcbiAgICBmb250LXNpemU6ICR7Zm9udFNpemVzLmNhcHRpb259O1xuICAgIGZvbnQtd2VpZ2h0OiAke2ZvbnRXZWlnaHRzLmJvZHkucmVndWxhcn07XG4gICAgbGluZS1oZWlnaHQ6ICR7bGluZUhlaWdodHMuY2FwdGlvbn07XG4gIGBcbn1cblxuZXhwb3J0IGNvbnN0IHR5cG9ncmFwaHkgPSB7XG4gIGhlcm9IZWFkbGluZTogaGVhZGxpbmUoeyBzaXplOiAnaGVybycgfSksXG4gIHNlY3Rpb25IZWFkbGluZTogaGVhZGxpbmUoeyBzaXplOiAnc2VjdGlvbicsIHdlaWdodDogJ2JvbGQnIH0pLFxuICBzdWJIZWFkbGluZTogaGVhZGxpbmUoeyBzaXplOiAnc3ViJywgd2VpZ2h0OiAnbGlnaHQnIH0pLFxuICBzbWFsbEhlYWRsaW5lOiBoZWFkbGluZSh7IHNpemU6ICdzbWFsbCcsIHdlaWdodDogJ2JvbGQnIH0pLFxuICBib2R5OiBib2R5KHt9KSxcbiAgYm9keUJvbGQ6IGJvZHkoeyB3ZWlnaHQ6ICdib2xkJyB9KSxcbiAgYm9keUludGVyZmFjZTogYm9keSh7IGxpbmVIZWlnaHQ6ICdpbnRlcmZhY2UnIH0pLFxuICBib2R5SW50ZXJmYWNlQm9sZDogYm9keSh7IHdlaWdodDogJ2JvbGQnLCBsaW5lSGVpZ2h0OiAnaW50ZXJmYWNlJyB9KSxcbiAgYm9keUludGVyZmFjZVNtYWxsOiBib2R5KHsgbGluZUhlaWdodDogJ3NtYWxsJywgc2l6ZTogJ3NtYWxsJyB9KSxcbiAgYm9keUludGVyZmFjZVNtYWxsQm9sZDogYm9keSh7IGxpbmVIZWlnaHQ6ICdzbWFsbCcsIHNpemU6ICdzbWFsbCcsIHdlaWdodDogJ2JvbGQnIH0pLFxuICBsYWJlbDogbGFiZWwoe30pLFxuICBsYWJlbEJvbGQ6IGxhYmVsKHsgd2VpZ2h0OiAnYm9sZCcgfSksXG4gIGxhYmVsU21hbGw6IGxhYmVsKHsgc2l6ZTogJ3NtYWxsJyB9KSxcbiAgYWN0aW9uOiBhY3Rpb24oeyB3ZWlnaHQ6ICdyZWd1bGFyJyB9KSxcbiAgYWN0aW9uQm9sZDogYWN0aW9uKHsgd2VpZ2h0OiAnYm9sZCcgfSksXG4gIGNhcHRpb246IGNhcHRpb24oKSxcbn1cblxuZXhwb3J0IGRlZmF1bHQgdHlwb2dyYXBoeVxuIl19 */");
 };
-const typography = {
+const typography = exports.typography = {
   heroHeadline: headline({
     size: 'hero'
   }),
@@ -95,6 +93,4 @@ const typography = {
   }),
   caption: caption()
 };
-exports.typography = typography;
-var _default = typography;
-exports.default = _default;
+var _default = exports.default = typography;

package/package.json

@@ -3,19 +3,19 @@
   "description": "Typography",
   "license": "MIT",
   "private": false,
-  "version": "2.2.0-alpha.c35ceba3",
+  "version": "2.2.0-alpha.c79adffa",
   "sideEffects": false,
   "main": "./cjs/index.js",
   "module": "./index.js",
   "typings": "./index.d.ts",
   "peerDependencies": {
     "@emotion/react": "11.11.4",
-    "react": ">= 18.3.1"
+    "react": ">= 17.0.2"
   },
   "dependencies": {
-    "@dfds-ui/theme": "2.2.0-alpha.c35ceba3"
+    "@dfds-ui/theme": "2.2.0-alpha.c79adffa"
   },
-  "gitHead": "c35ceba322ca61db55c51ea1114949091cfc9f7f",
+  "gitHead": "c79adffa9d3abdc5a68e179196b451f0d9aec5e9",
   "esnext": "",
   "publishConfig": {
     "access": "public"