@dfds-ui/typography 2.0.29-alpha.9a0ea182 → 2.0.29-alpha.aacdeb08

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.
package/Text.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { ElementType, FunctionComponent, ReactNode } from 'react';
2
2
  import { typography } from './styles';
3
- type StyledAs = keyof typeof typography;
3
+ declare 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() { 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; }
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 React, { ElementType, ReactNode } from 'react';
1
+ import { 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) => React.JSX.Element;
7
+ export declare const Typography: ({ className, as, ...rest }: TypographyProps) => JSX.Element;
8
8
  export default Typography;
package/Typography.js CHANGED
@@ -1,7 +1,7 @@
1
1
  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; }
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
- type StyledAs = keyof typeof typography;
3
+ declare type StyledAs = keyof typeof typography;
4
4
  declare const Text: FunctionComponent<{
5
5
  as?: ElementType;
6
6
  styledAs?: StyledAs;
package/cjs/Text.js CHANGED
@@ -24,4 +24,5 @@ const Text = _ref => {
24
24
  css: _styles.typography[styledAs]
25
25
  }, rest), children);
26
26
  };
27
- var _default = exports.default = Text;
27
+ var _default = Text;
28
+ exports.default = _default;
@@ -1,8 +1,8 @@
1
- import React, { ElementType, ReactNode } from 'react';
1
+ import { 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) => React.JSX.Element;
7
+ export declare const Typography: ({ className, as, ...rest }: TypographyProps) => JSX.Element;
8
8
  export default Typography;
package/cjs/Typography.js CHANGED
@@ -22,4 +22,5 @@ const Typography = _ref => {
22
22
  }, rest));
23
23
  };
24
24
  exports.Typography = Typography;
25
- var _default = exports.default = Typography;
25
+ var _default = Typography;
26
+ exports.default = _default;
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
@@ -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 = exports.typography = {
45
+ const typography = {
46
46
  heroHeadline: headline({
47
47
  size: 'hero'
48
48
  }),
@@ -93,4 +93,6 @@ const typography = exports.typography = {
93
93
  }),
94
94
  caption: caption()
95
95
  };
96
- var _default = exports.default = typography;
96
+ exports.typography = typography;
97
+ var _default = typography;
98
+ exports.default = _default;
package/package.json CHANGED
@@ -3,19 +3,19 @@
3
3
  "description": "Typography",
4
4
  "license": "MIT",
5
5
  "private": false,
6
- "version": "2.0.29-alpha.9a0ea182",
6
+ "version": "2.0.29-alpha.aacdeb08",
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.14.0",
12
+ "@emotion/react": "11.11.4",
13
13
  "react": ">= 17.0.2"
14
14
  },
15
15
  "dependencies": {
16
- "@dfds-ui/theme": "2.0.29-alpha.9a0ea182"
16
+ "@dfds-ui/theme": "2.0.29-alpha.aacdeb08"
17
17
  },
18
- "gitHead": "9a0ea1821df447249363a38ea548ce565163e1c3",
18
+ "gitHead": "aacdeb08c6f57b4e911907e646cf4b19c13811f0",
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;