@dfds-ui/typography 2.2.0-alpha.e74a6756 → 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 (13) 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 +2 -2
  7. package/cjs/Typography.d.ts +2 -2
  8. package/cjs/Typography.js +2 -2
  9. package/cjs/index.js +1 -1
  10. package/cjs/styles.d.ts +16 -16
  11. package/package.json +5 -5
  12. package/styles.d.ts +16 -16
  13. 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
- 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() { _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
- 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
@@ -7,8 +7,8 @@ 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
- 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); }
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
12
  const Text = ({
13
13
  as = 'p',
14
14
  children,
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,8 +6,8 @@ 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
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
- 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); } // TODO: The idea of this components is to wrap markup intended for readability. Like margins on paragraphs etc
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
11
  const Typography = ({
12
12
  className,
13
13
  as = 'div',
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/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.e74a6756",
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.e74a6756"
16
+ "@dfds-ui/theme": "2.2.0-alpha.ea72a60a"
17
17
  },
18
- "gitHead": "e74a675673c3e4bff9fc9d248fb133b1a6667383",
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;
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,