@dfds-ui/typography 2.0.28 → 2.0.29-alpha.153d970c

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/Text.d.ts +1 -1
  2. package/Text.js +3 -3
  3. package/Typography.d.ts +2 -2
  4. package/Typography.js +3 -3
  5. package/cjs/Text.d.ts +1 -1
  6. package/cjs/Text.js +5 -6
  7. package/cjs/Typography.d.ts +2 -2
  8. package/cjs/Typography.js +5 -6
  9. package/cjs/index.js +1 -1
  10. package/cjs/styles.d.ts +16 -16
  11. package/cjs/styles.js +2 -4
  12. package/package.json +4 -4
  13. package/styles.d.ts +16 -16
  14. package/styles.js +1 -1
package/Text.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { ElementType, FunctionComponent, ReactNode } from 'react';
2
2
  import { typography } from './styles';
3
- declare type StyledAs = keyof typeof typography;
3
+ type StyledAs = keyof typeof typography;
4
4
  declare const Text: FunctionComponent<{
5
5
  as?: ElementType;
6
6
  styledAs?: StyledAs;
package/Text.js CHANGED
@@ -1,7 +1,7 @@
1
1
  var _excluded = ["as", "children", "styledAs"];
2
- 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); }
3
- 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; }
4
- 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; }
2
+ 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); }
3
+ 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; }
4
+ 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; }
5
5
  import React from 'react';
6
6
  import { typography } from './styles';
7
7
  import { jsx as ___EmotionJSX } from "@emotion/react";
package/Typography.d.ts CHANGED
@@ -1,8 +1,8 @@
1
- import { ElementType, ReactNode } from 'react';
1
+ import React, { ElementType, ReactNode } from 'react';
2
2
  export interface TypographyProps {
3
3
  className?: string;
4
4
  children?: ReactNode;
5
5
  as?: ElementType;
6
6
  }
7
- export declare const Typography: ({ className, as, ...rest }: TypographyProps) => JSX.Element;
7
+ export declare const Typography: ({ className, as, ...rest }: TypographyProps) => React.JSX.Element;
8
8
  export default Typography;
package/Typography.js CHANGED
@@ -1,7 +1,7 @@
1
1
  var _excluded = ["className", "as"];
2
- 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); }
3
- 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; }
4
- 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; }
2
+ 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); }
3
+ 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; }
4
+ 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; }
5
5
  import React from 'react';
6
6
 
7
7
  // TODO: The idea of this components is to wrap markup intended for readability. Like margins on paragraphs etc
package/cjs/Text.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { ElementType, FunctionComponent, ReactNode } from 'react';
2
2
  import { typography } from './styles';
3
- declare type StyledAs = keyof typeof typography;
3
+ type StyledAs = keyof typeof typography;
4
4
  declare const Text: FunctionComponent<{
5
5
  as?: ElementType;
6
6
  styledAs?: StyledAs;
package/cjs/Text.js CHANGED
@@ -8,10 +8,10 @@ var _react = _interopRequireDefault(require("react"));
8
8
  var _styles = require("./styles");
9
9
  var _react2 = require("@emotion/react");
10
10
  const _excluded = ["as", "children", "styledAs"];
11
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
- 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); }
13
- 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; }
14
- 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; }
11
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
+ 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); }
13
+ 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; }
14
+ 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; }
15
15
  const Text = _ref => {
16
16
  let _ref$as = _ref.as,
17
17
  as = _ref$as === void 0 ? 'p' : _ref$as,
@@ -24,5 +24,4 @@ const Text = _ref => {
24
24
  css: _styles.typography[styledAs]
25
25
  }, rest), children);
26
26
  };
27
- var _default = Text;
28
- exports.default = _default;
27
+ var _default = exports.default = Text;
package/cjs/Typography.d.ts CHANGED
@@ -1,8 +1,8 @@
1
- import { ElementType, ReactNode } from 'react';
1
+ import React, { ElementType, ReactNode } from 'react';
2
2
  export interface TypographyProps {
3
3
  className?: string;
4
4
  children?: ReactNode;
5
5
  as?: ElementType;
6
6
  }
7
- export declare const Typography: ({ className, as, ...rest }: TypographyProps) => JSX.Element;
7
+ export declare const Typography: ({ className, as, ...rest }: TypographyProps) => React.JSX.Element;
8
8
  export default Typography;
package/cjs/Typography.js CHANGED
@@ -7,10 +7,10 @@ exports.default = exports.Typography = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
8
  var _react2 = require("@emotion/react");
9
9
  const _excluded = ["className", "as"]; // TODO: The idea of this components is to wrap markup intended for readability. Like margins on paragraphs etc
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
- 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); }
12
- 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; }
13
- 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; }
10
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
11
+ 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); }
12
+ 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; }
13
+ 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; }
14
14
  const Typography = _ref => {
15
15
  let className = _ref.className,
16
16
  _ref$as = _ref.as,
@@ -22,5 +22,4 @@ const Typography = _ref => {
22
22
  }, rest));
23
23
  };
24
24
  exports.Typography = Typography;
25
- var _default = Typography;
26
- exports.default = _default;
25
+ var _default = exports.default = Typography;
package/cjs/index.js CHANGED
@@ -40,4 +40,4 @@ Object.keys(_Typography).forEach(function (key) {
40
40
  }
41
41
  });
42
42
  });
43
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
43
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
package/cjs/styles.d.ts CHANGED
@@ -1,19 +1,19 @@
1
1
  export declare const typography: {
2
- heroHeadline: import("@emotion/utils").SerializedStyles;
3
- sectionHeadline: import("@emotion/utils").SerializedStyles;
4
- subHeadline: import("@emotion/utils").SerializedStyles;
5
- smallHeadline: import("@emotion/utils").SerializedStyles;
6
- body: import("@emotion/utils").SerializedStyles;
7
- bodyBold: import("@emotion/utils").SerializedStyles;
8
- bodyInterface: import("@emotion/utils").SerializedStyles;
9
- bodyInterfaceBold: import("@emotion/utils").SerializedStyles;
10
- bodyInterfaceSmall: import("@emotion/utils").SerializedStyles;
11
- bodyInterfaceSmallBold: import("@emotion/utils").SerializedStyles;
12
- label: import("@emotion/utils").SerializedStyles;
13
- labelBold: import("@emotion/utils").SerializedStyles;
14
- labelSmall: import("@emotion/utils").SerializedStyles;
15
- action: import("@emotion/utils").SerializedStyles;
16
- actionBold: import("@emotion/utils").SerializedStyles;
17
- caption: import("@emotion/utils").SerializedStyles;
2
+ heroHeadline: import("@emotion/react").SerializedStyles;
3
+ sectionHeadline: import("@emotion/react").SerializedStyles;
4
+ subHeadline: import("@emotion/react").SerializedStyles;
5
+ smallHeadline: import("@emotion/react").SerializedStyles;
6
+ body: import("@emotion/react").SerializedStyles;
7
+ bodyBold: import("@emotion/react").SerializedStyles;
8
+ bodyInterface: import("@emotion/react").SerializedStyles;
9
+ bodyInterfaceBold: import("@emotion/react").SerializedStyles;
10
+ bodyInterfaceSmall: import("@emotion/react").SerializedStyles;
11
+ bodyInterfaceSmallBold: import("@emotion/react").SerializedStyles;
12
+ label: import("@emotion/react").SerializedStyles;
13
+ labelBold: import("@emotion/react").SerializedStyles;
14
+ labelSmall: import("@emotion/react").SerializedStyles;
15
+ action: import("@emotion/react").SerializedStyles;
16
+ actionBold: import("@emotion/react").SerializedStyles;
17
+ caption: import("@emotion/react").SerializedStyles;
18
18
  };
19
19
  export default typography;
package/cjs/styles.js CHANGED
@@ -42,7 +42,7 @@ const label = ({
42
42
  const caption = () => {
43
43
  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 */");
44
44
  };
45
- const typography = {
45
+ const typography = exports.typography = {
46
46
  heroHeadline: headline({
47
47
  size: 'hero'
48
48
  }),
@@ -93,6 +93,4 @@ const typography = {
93
93
  }),
94
94
  caption: caption()
95
95
  };
96
- exports.typography = typography;
97
- var _default = typography;
98
- exports.default = _default;
96
+ var _default = exports.default = typography;
package/package.json CHANGED
@@ -3,19 +3,19 @@
3
3
  "description": "Typography",
4
4
  "license": "MIT",
5
5
  "private": false,
6
- "version": "2.0.28",
6
+ "version": "2.0.29-alpha.153d970c",
7
7
  "sideEffects": false,
8
8
  "main": "./cjs/index.js",
9
9
  "module": "./index.js",
10
10
  "typings": "./index.d.ts",
11
11
  "peerDependencies": {
12
- "@emotion/react": "11.11.4",
12
+ "@emotion/react": "11.14.0",
13
13
  "react": ">= 17.0.2"
14
14
  },
15
15
  "dependencies": {
16
- "@dfds-ui/theme": "2.0.28"
16
+ "@dfds-ui/theme": "2.0.29-alpha.153d970c"
17
17
  },
18
- "gitHead": "5e699f6d2bfb2bc208a6835582f14edd04fba202",
18
+ "gitHead": "153d970c36cab59bb04976ab8e76840ba4f62908",
19
19
  "esnext": "",
20
20
  "publishConfig": {
21
21
  "access": "public"
package/styles.d.ts CHANGED
@@ -1,19 +1,19 @@
1
1
  export declare const typography: {
2
- heroHeadline: import("@emotion/utils").SerializedStyles;
3
- sectionHeadline: import("@emotion/utils").SerializedStyles;
4
- subHeadline: import("@emotion/utils").SerializedStyles;
5
- smallHeadline: import("@emotion/utils").SerializedStyles;
6
- body: import("@emotion/utils").SerializedStyles;
7
- bodyBold: import("@emotion/utils").SerializedStyles;
8
- bodyInterface: import("@emotion/utils").SerializedStyles;
9
- bodyInterfaceBold: import("@emotion/utils").SerializedStyles;
10
- bodyInterfaceSmall: import("@emotion/utils").SerializedStyles;
11
- bodyInterfaceSmallBold: import("@emotion/utils").SerializedStyles;
12
- label: import("@emotion/utils").SerializedStyles;
13
- labelBold: import("@emotion/utils").SerializedStyles;
14
- labelSmall: import("@emotion/utils").SerializedStyles;
15
- action: import("@emotion/utils").SerializedStyles;
16
- actionBold: import("@emotion/utils").SerializedStyles;
17
- caption: import("@emotion/utils").SerializedStyles;
2
+ heroHeadline: import("@emotion/react").SerializedStyles;
3
+ sectionHeadline: import("@emotion/react").SerializedStyles;
4
+ subHeadline: import("@emotion/react").SerializedStyles;
5
+ smallHeadline: import("@emotion/react").SerializedStyles;
6
+ body: import("@emotion/react").SerializedStyles;
7
+ bodyBold: import("@emotion/react").SerializedStyles;
8
+ bodyInterface: import("@emotion/react").SerializedStyles;
9
+ bodyInterfaceBold: import("@emotion/react").SerializedStyles;
10
+ bodyInterfaceSmall: import("@emotion/react").SerializedStyles;
11
+ bodyInterfaceSmallBold: import("@emotion/react").SerializedStyles;
12
+ label: import("@emotion/react").SerializedStyles;
13
+ labelBold: import("@emotion/react").SerializedStyles;
14
+ labelSmall: import("@emotion/react").SerializedStyles;
15
+ action: import("@emotion/react").SerializedStyles;
16
+ actionBold: import("@emotion/react").SerializedStyles;
17
+ caption: import("@emotion/react").SerializedStyles;
18
18
  };
19
19
  export default typography;
package/styles.js CHANGED
@@ -1,5 +1,5 @@
1
1
  var _templateObject;
2
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
2
+ function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
3
3
  import { theme, media } from '@dfds-ui/theme';
4
4
  import { css } from '@emotion/react';
5
5
  var fontFamilies = theme.fontFamilies,