@dfds-ui/typography 2.0.29-alpha.d3bae18f → 2.0.29-alpha.ee748bc1
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.js +3 -3
- package/Typography.js +3 -3
- package/cjs/Text.js +5 -6
- package/cjs/Typography.js +5 -6
- package/cjs/index.js +1 -1
- package/cjs/styles.js +2 -4
- package/package.json +3 -3
- 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 (
|
|
3
|
-
function _objectWithoutProperties(
|
|
4
|
-
function _objectWithoutPropertiesLoose(
|
|
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.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
var _excluded = ["className", "as"];
|
|
2
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
3
|
-
function _objectWithoutProperties(
|
|
4
|
-
function _objectWithoutPropertiesLoose(
|
|
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
|
@@ -8,10 +8,10 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
8
8
|
var _styles = require("./styles");
|
|
9
9
|
var _react2 = require("@emotion/react");
|
|
10
10
|
const _excluded = ["as", "children", "styledAs"];
|
|
11
|
-
function _interopRequireDefault(
|
|
12
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
13
|
-
function _objectWithoutProperties(
|
|
14
|
-
function _objectWithoutPropertiesLoose(
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
+
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
15
|
const Text = _ref => {
|
|
16
16
|
let _ref$as = _ref.as,
|
|
17
17
|
as = _ref$as === void 0 ? 'p' : _ref$as,
|
|
@@ -24,5 +24,4 @@ const Text = _ref => {
|
|
|
24
24
|
css: _styles.typography[styledAs]
|
|
25
25
|
}, rest), children);
|
|
26
26
|
};
|
|
27
|
-
var _default = Text;
|
|
28
|
-
exports.default = _default;
|
|
27
|
+
var _default = exports.default = Text;
|
package/cjs/Typography.js
CHANGED
|
@@ -7,10 +7,10 @@ exports.default = exports.Typography = void 0;
|
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _react2 = require("@emotion/react");
|
|
9
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(
|
|
11
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
12
|
-
function _objectWithoutProperties(
|
|
13
|
-
function _objectWithoutPropertiesLoose(
|
|
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
|
+
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
14
|
const Typography = _ref => {
|
|
15
15
|
let className = _ref.className,
|
|
16
16
|
_ref$as = _ref.as,
|
|
@@ -22,5 +22,4 @@ const Typography = _ref => {
|
|
|
22
22
|
}, rest));
|
|
23
23
|
};
|
|
24
24
|
exports.Typography = Typography;
|
|
25
|
-
var _default = Typography;
|
|
26
|
-
exports.default = _default;
|
|
25
|
+
var _default = exports.default = Typography;
|
package/cjs/index.js
CHANGED
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 = {
|
|
45
|
+
const typography = exports.typography = {
|
|
46
46
|
heroHeadline: headline({
|
|
47
47
|
size: 'hero'
|
|
48
48
|
}),
|
|
@@ -93,6 +93,4 @@ const typography = {
|
|
|
93
93
|
}),
|
|
94
94
|
caption: caption()
|
|
95
95
|
};
|
|
96
|
-
exports.
|
|
97
|
-
var _default = typography;
|
|
98
|
-
exports.default = _default;
|
|
96
|
+
var _default = exports.default = typography;
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "Typography",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"private": false,
|
|
6
|
-
"version": "2.0.29-alpha.
|
|
6
|
+
"version": "2.0.29-alpha.ee748bc1",
|
|
7
7
|
"sideEffects": false,
|
|
8
8
|
"main": "./cjs/index.js",
|
|
9
9
|
"module": "./index.js",
|
|
@@ -13,9 +13,9 @@
|
|
|
13
13
|
"react": ">= 17.0.2"
|
|
14
14
|
},
|
|
15
15
|
"dependencies": {
|
|
16
|
-
"@dfds-ui/theme": "2.0.29-alpha.
|
|
16
|
+
"@dfds-ui/theme": "2.0.29-alpha.ee748bc1"
|
|
17
17
|
},
|
|
18
|
-
"gitHead": "
|
|
18
|
+
"gitHead": "ee748bc162102815f14e3bdbe640aae108247e5c",
|
|
19
19
|
"esnext": "",
|
|
20
20
|
"publishConfig": {
|
|
21
21
|
"access": "public"
|
package/styles.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
var _templateObject;
|
|
2
|
-
function _taggedTemplateLiteral(
|
|
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,
|