@dfds-ui/typography 2.2.0-alpha.e010e72f → 2.2.0-alpha.ea72a60a

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 (9) hide show
  1. package/Typography.d.ts +2 -2
  2. package/cjs/Text.js +6 -10
  3. package/cjs/Typography.d.ts +2 -2
  4. package/cjs/Typography.js +6 -9
  5. package/cjs/index.js +4 -4
  6. package/cjs/styles.d.ts +16 -16
  7. package/cjs/styles.js +6 -4
  8. package/package.json +5 -5
  9. package/styles.d.ts +16 -16
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/cjs/Text.js CHANGED
@@ -7,18 +7,14 @@ exports.default = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
8
  var _styles = require("./styles");
9
9
  var _react2 = require("@emotion/react");
10
- const _excluded = ["as", "children", "styledAs"];
11
10
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
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); }
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
- const Text = _ref => {
16
- let _ref$as = _ref.as,
17
- as = _ref$as === void 0 ? 'p' : _ref$as,
18
- children = _ref.children,
19
- _ref$styledAs = _ref.styledAs,
20
- styledAs = _ref$styledAs === void 0 ? 'body' : _ref$styledAs,
21
- rest = _objectWithoutProperties(_ref, _excluded);
12
+ const Text = ({
13
+ as = 'p',
14
+ children,
15
+ styledAs = 'body',
16
+ ...rest
17
+ }) => {
22
18
  const Tag = as;
23
19
  return (0, _react2.jsx)(Tag, _extends({
24
20
  css: _styles.typography[styledAs]
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
@@ -6,16 +6,13 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = exports.Typography = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
8
  var _react2 = require("@emotion/react");
9
- const _excluded = ["className", "as"]; // TODO: The idea of this components is to wrap markup intended for readability. Like margins on paragraphs etc
10
9
  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
- const Typography = _ref => {
15
- let className = _ref.className,
16
- _ref$as = _ref.as,
17
- as = _ref$as === void 0 ? 'div' : _ref$as,
18
- rest = _objectWithoutProperties(_ref, _excluded);
10
+ 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
11
+ const Typography = ({
12
+ className,
13
+ as = 'div',
14
+ ...rest
15
+ }) => {
19
16
  const Component = as;
20
17
  return (0, _react2.jsx)(Component, _extends({
21
18
  className: className
package/cjs/index.js CHANGED
@@ -10,19 +10,19 @@ var _exportNames = {
10
10
  };
11
11
  Object.defineProperty(exports, "Text", {
12
12
  enumerable: true,
13
- get: function get() {
13
+ get: function () {
14
14
  return _Text.default;
15
15
  }
16
16
  });
17
17
  Object.defineProperty(exports, "styles", {
18
18
  enumerable: true,
19
- get: function get() {
19
+ get: function () {
20
20
  return _styles.default;
21
21
  }
22
22
  });
23
23
  Object.defineProperty(exports, "typography", {
24
24
  enumerable: true,
25
- get: function get() {
25
+ get: function () {
26
26
  return _styles.default;
27
27
  }
28
28
  });
@@ -35,7 +35,7 @@ Object.keys(_Typography).forEach(function (key) {
35
35
  if (key in exports && exports[key] === _Typography[key]) return;
36
36
  Object.defineProperty(exports, key, {
37
37
  enumerable: true,
38
- get: function get() {
38
+ get: function () {
39
39
  return _Typography[key];
40
40
  }
41
41
  });
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
@@ -6,10 +6,12 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.typography = exports.default = void 0;
7
7
  var _theme = require("@dfds-ui/theme");
8
8
  var _react = require("@emotion/react");
9
- const fontFamilies = _theme.theme.fontFamilies,
10
- fontSizes = _theme.theme.fontSizes,
11
- fontWeights = _theme.theme.fontWeights,
12
- lineHeights = _theme.theme.lineHeights;
9
+ const {
10
+ fontFamilies,
11
+ fontSizes,
12
+ fontWeights,
13
+ lineHeights
14
+ } = _theme.theme;
13
15
  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== */");
14
16
  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== */");
15
17
  const headline = ({
package/package.json CHANGED
@@ -3,19 +3,19 @@
3
3
  "description": "Typography",
4
4
  "license": "MIT",
5
5
  "private": false,
6
- "version": "2.2.0-alpha.e010e72f",
6
+ "version": "2.2.0-alpha.ea72a60a",
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",
13
- "react": ">= 17.0.2"
12
+ "@emotion/react": "11.14.0",
13
+ "react": ">= 18.3.1"
14
14
  },
15
15
  "dependencies": {
16
- "@dfds-ui/theme": "2.2.0-alpha.e010e72f"
16
+ "@dfds-ui/theme": "2.2.0-alpha.ea72a60a"
17
17
  },
18
- "gitHead": "e010e72fc63a082f93fa8023dc3c751d4fbf2016",
18
+ "gitHead": "ea72a60a96392ec89dc55677d4e1f6ca13c547c9",
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;