@dfds-ui/typography 2.2.0-alpha.8b995955 → 2.2.0-alpha.e010e72f

package/Text.d.ts

@@ -1,6 +1,6 @@
 import { ElementType, FunctionComponent, ReactNode } from 'react';
 import { typography } from './styles';
-type StyledAs = keyof typeof typography;
+declare type StyledAs = keyof typeof typography;
 declare const Text: FunctionComponent<{
     as?: ElementType;
     styledAs?: StyledAs;

package/Text.js

@@ -1,7 +1,7 @@
 var _excluded = ["as", "children", "styledAs"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-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; }
+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.js

@@ -1,7 +1,7 @@
 var _excluded = ["className", "as"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-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; }
+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.d.ts

@@ -1,6 +1,6 @@
 import { ElementType, FunctionComponent, ReactNode } from 'react';
 import { typography } from './styles';
-type StyledAs = keyof typeof typography;
+declare type StyledAs = keyof typeof typography;
 declare const Text: FunctionComponent<{
     as?: ElementType;
     styledAs?: StyledAs;

package/cjs/Text.js

@@ -7,14 +7,18 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _styles = require("./styles");
 var _react2 = require("@emotion/react");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-const Text = ({
-  as = 'p',
-  children,
-  styledAs = 'body',
-  ...rest
-}) => {
+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); }
+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]

package/cjs/Typography.js

@@ -6,13 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.Typography = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, 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
-}) => {
+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); }
+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

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,9 +35,9 @@ 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];
     }
   });
 });
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

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 = ({

package/package.json

@@ -3,7 +3,7 @@
   "description": "Typography",
   "license": "MIT",
   "private": false,
-  "version": "2.2.0-alpha.8b995955",
+  "version": "2.2.0-alpha.e010e72f",
   "sideEffects": false,
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -13,9 +13,9 @@
     "react": ">= 17.0.2"
   },
   "dependencies": {
-    "@dfds-ui/theme": "2.2.0-alpha.8b995955"
+    "@dfds-ui/theme": "2.2.0-alpha.e010e72f"
   },
-  "gitHead": "8b995955f3d03a596dd93635edb37bc761d1e8f0",
+  "gitHead": "e010e72fc63a082f93fa8023dc3c751d4fbf2016",
   "esnext": "",
   "publishConfig": {
     "access": "public"

package/styles.js

@@ -1,5 +1,5 @@
 var _templateObject;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
 import { theme, media } from '@dfds-ui/theme';
 import { css } from '@emotion/react';
 var fontFamilies = theme.fontFamilies,