@dfds-ui/typography 2.2.0-alpha.d73c5409 → 2.2.0-alpha.daf8252e

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 (10) hide show
  1. package/Text.d.ts +1 -1
  2. package/Text.js +13 -6
  3. package/Typography.js +10 -5
  4. package/cjs/Text.d.ts +1 -1
  5. package/cjs/Text.js +7 -7
  6. package/cjs/Typography.js +8 -7
  7. package/cjs/styles.d.ts +16 -16
  8. package/cjs/styles.js +2 -4
  9. package/package.json +4 -4
  10. package/styles.d.ts +16 -16
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,10 +1,15 @@
1
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
1
2
  var _excluded = ["as", "children", "styledAs"];
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; }
3
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
4
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
5
+ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
6
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
7
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
8
+ 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; }
9
+ 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
10
  import React from 'react';
6
11
  import { typography } from './styles';
7
- import { jsx as ___EmotionJSX } from "@emotion/react";
12
+ import { jsx as _jsx } from "@emotion/react/jsx-runtime";
8
13
  var Text = function Text(_ref) {
9
14
  var _ref$as = _ref.as,
10
15
  as = _ref$as === void 0 ? 'p' : _ref$as,
@@ -13,8 +18,10 @@ var Text = function Text(_ref) {
13
18
  styledAs = _ref$styledAs === void 0 ? 'body' : _ref$styledAs,
14
19
  rest = _objectWithoutProperties(_ref, _excluded);
15
20
  var Tag = as;
16
- return ___EmotionJSX(Tag, _extends({
21
+ return _jsx(Tag, _objectSpread(_objectSpread({
17
22
  css: typography[styledAs]
18
- }, rest), children);
23
+ }, rest), {}, {
24
+ children: children
25
+ }));
19
26
  };
20
27
  export default Text;
package/Typography.js CHANGED
@@ -1,18 +1,23 @@
1
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
1
2
  var _excluded = ["className", "as"];
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; }
3
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
4
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
5
+ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
6
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
7
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
8
+ 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; }
9
+ 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
10
  import React from 'react';
6
11
 
7
12
  // TODO: The idea of this components is to wrap markup intended for readability. Like margins on paragraphs etc
8
- import { jsx as ___EmotionJSX } from "@emotion/react";
13
+ import { jsx as _jsx } from "@emotion/react/jsx-runtime";
9
14
  export var Typography = function Typography(_ref) {
10
15
  var className = _ref.className,
11
16
  _ref$as = _ref.as,
12
17
  as = _ref$as === void 0 ? 'div' : _ref$as,
13
18
  rest = _objectWithoutProperties(_ref, _excluded);
14
19
  var Component = as;
15
- return ___EmotionJSX(Component, _extends({
20
+ return _jsx(Component, _objectSpread({
16
21
  className: className
17
22
  }, rest));
18
23
  };
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
@@ -6,9 +6,8 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
8
  var _styles = require("./styles");
9
- var _react2 = require("@emotion/react");
9
+ var _jsxRuntime = require("@emotion/react/jsx-runtime");
10
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
11
  const Text = ({
13
12
  as = 'p',
14
13
  children,
@@ -16,9 +15,10 @@ const Text = ({
16
15
  ...rest
17
16
  }) => {
18
17
  const Tag = as;
19
- return (0, _react2.jsx)(Tag, _extends({
20
- css: _styles.typography[styledAs]
21
- }, rest), children);
18
+ return (0, _jsxRuntime.jsx)(Tag, {
19
+ css: _styles.typography[styledAs],
20
+ ...rest,
21
+ children: children
22
+ });
22
23
  };
23
- var _default = Text;
24
- exports.default = _default;
24
+ var _default = exports.default = Text;
package/cjs/Typography.js CHANGED
@@ -5,19 +5,20 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = exports.Typography = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
- var _react2 = require("@emotion/react");
8
+ var _jsxRuntime = require("@emotion/react/jsx-runtime");
9
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
10
+ // TODO: The idea of this components is to wrap markup intended for readability. Like margins on paragraphs etc
11
+
11
12
  const Typography = ({
12
13
  className,
13
14
  as = 'div',
14
15
  ...rest
15
16
  }) => {
16
17
  const Component = as;
17
- return (0, _react2.jsx)(Component, _extends({
18
- className: className
19
- }, rest));
18
+ return (0, _jsxRuntime.jsx)(Component, {
19
+ className: className,
20
+ ...rest
21
+ });
20
22
  };
21
23
  exports.Typography = Typography;
22
- var _default = Typography;
23
- exports.default = _default;
24
+ var _default = exports.default = Typography;
package/cjs/styles.d.ts CHANGED
@@ -1,19 +1,19 @@
1
1
  export declare const typography: {
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;
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;
18
18
  };
19
19
  export default typography;
package/cjs/styles.js CHANGED
@@ -44,7 +44,7 @@ const label = ({
44
44
  const caption = () => {
45
45
  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 */");
46
46
  };
47
- const typography = {
47
+ const typography = exports.typography = {
48
48
  heroHeadline: headline({
49
49
  size: 'hero'
50
50
  }),
@@ -95,6 +95,4 @@ const typography = {
95
95
  }),
96
96
  caption: caption()
97
97
  };
98
- exports.typography = typography;
99
- var _default = typography;
100
- exports.default = _default;
98
+ 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.2.0-alpha.d73c5409",
6
+ "version": "2.2.0-alpha.daf8252e",
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
12
  "@emotion/react": "11.14.0",
13
- "react": ">= 18.3.1"
13
+ "react": ">= 19.0.0"
14
14
  },
15
15
  "dependencies": {
16
- "@dfds-ui/theme": "2.2.0-alpha.d73c5409"
16
+ "@dfds-ui/theme": "2.2.0-alpha.daf8252e"
17
17
  },
18
- "gitHead": "d73c540955524bbfd067e158a02b335c55746b80",
18
+ "gitHead": "daf8252e7a3ad54016c95e4690e16acc690c7c2b",
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/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;
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;
18
18
  };
19
19
  export default typography;