@dfds-ui/typography 2.2.0-alpha.8d87a90d → 2.2.0-alpha.b65ca4da

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 (12) hide show
  1. package/Text.js +3 -3
  2. package/Typography.d.ts +2 -2
  3. package/Typography.js +3 -3
  4. package/cjs/Text.js +8 -12
  5. package/cjs/Typography.d.ts +2 -2
  6. package/cjs/Typography.js +7 -10
  7. package/cjs/index.js +5 -5
  8. package/cjs/styles.d.ts +16 -16
  9. package/cjs/styles.js +6 -4
  10. package/package.json +5 -5
  11. package/styles.d.ts +16 -16
  12. package/styles.js +1 -1
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.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
- 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; }
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);
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
+ 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
- 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; }
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);
9
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
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,9 +35,9 @@ 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
  });
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
@@ -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.8d87a90d",
6
+ "version": "2.2.0-alpha.b65ca4da",
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.8d87a90d"
16
+ "@dfds-ui/theme": "2.2.0-alpha.b65ca4da"
17
17
  },
18
- "gitHead": "8d87a90d4501dae81cac37ab3b4d9f13a68e2ab3",
18
+ "gitHead": "b65ca4da122a3ba9478e123d4878661fd820990a",
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,