@semcore/typography 16.3.3-prerelease.9 → 16.4.0-prerelease.1
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/CHANGELOG.md +2 -8
- package/lib/cjs/Blockquote.js +18 -21
- package/lib/cjs/Blockquote.js.map +1 -1
- package/lib/cjs/List.js +79 -69
- package/lib/cjs/List.js.map +1 -1
- package/lib/cjs/Text.js +64 -137
- package/lib/cjs/Text.js.map +1 -1
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/cjs/index.js +7 -7
- package/lib/cjs/style/blockquote.shadow.css +3 -3
- package/lib/cjs/style/list.shadow.css +1 -1
- package/lib/cjs/style/text.shadow.css +18 -46
- package/lib/es6/Blockquote.js +15 -18
- package/lib/es6/Blockquote.js.map +1 -1
- package/lib/es6/List.js +71 -61
- package/lib/es6/List.js.map +1 -1
- package/lib/es6/Text.js +63 -136
- package/lib/es6/Text.js.map +1 -1
- package/lib/es6/index.d.js.map +1 -1
- package/lib/es6/style/blockquote.shadow.css +3 -3
- package/lib/es6/style/list.shadow.css +1 -1
- package/lib/es6/style/text.shadow.css +18 -46
- package/lib/esm/Blockquote.mjs +18 -22
- package/lib/esm/List.mjs +65 -60
- package/lib/esm/Text.mjs +63 -139
- package/lib/esm/style/blockquote.shadow.css +3 -3
- package/lib/esm/style/list.shadow.css +1 -1
- package/lib/esm/style/text.shadow.css +18 -46
- package/lib/types/index.d.ts +13 -10
- package/package.json +8 -8
- package/lib/types/Text.d.ts +0 -2
package/CHANGELOG.md
CHANGED
|
@@ -2,17 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
-
## [16.
|
|
6
|
-
|
|
7
|
-
### Fixed
|
|
8
|
-
|
|
9
|
-
- margins for native `p` and lists.
|
|
10
|
-
|
|
11
|
-
## [17.0.0] - 2026-02-02
|
|
5
|
+
## [16.4.0] - 2026-05-07
|
|
12
6
|
|
|
13
7
|
### Added
|
|
14
8
|
|
|
15
|
-
-
|
|
9
|
+
- New brand theme.
|
|
16
10
|
|
|
17
11
|
## [16.3.2] - 2025-11-17
|
|
18
12
|
|
package/lib/cjs/Blockquote.js
CHANGED
|
@@ -1,39 +1,36 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports
|
|
7
|
+
exports["default"] = void 0;
|
|
8
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
8
9
|
var _core = require("@semcore/core");
|
|
9
|
-
var _baseComponents = require("@semcore/base-components");
|
|
10
10
|
var _isNode = _interopRequireDefault(require("@semcore/core/lib/utils/isNode"));
|
|
11
|
+
var _flexBox = require("@semcore/flex-box");
|
|
11
12
|
var _react = _interopRequireDefault(require("react"));
|
|
12
13
|
/*!__reshadow-styles__:"./style/blockquote.shadow.css"*/
|
|
13
|
-
|
|
14
|
+
var styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SBlockquote_187c0_gg_{position:relative;display:flex;font-style:italic;font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SDoubleQuotation_187c0_gg_{position:relative;margin-right:var(--intergalactic-spacing-5x, 20px);font-family:\"Times New Roman\",serif;font-style:normal;font-size:68px;line-height:52px;color:var(--intergalactic-text-large-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SDoubleQuotation_187c0_gg_{color:var(--intergalactic-text-large-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SDoubleQuotation_187c0_gg_{color:var(--intergalactic-text-large-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SAuthor_187c0_gg_{display:block;margin-top:var(--intergalactic-spacing-4x, 16px);color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));font-style:normal;font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}@supports (color:color(display-p3 0 0 0%)){.___SAuthor_187c0_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SAuthor_187c0_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}", /*__inner_css_end__*/"187c0_gg_"),
|
|
14
15
|
/*__reshadow_css_end__*/
|
|
15
16
|
{
|
|
16
|
-
"__SBlockquote": "
|
|
17
|
-
"__SDoubleQuotation": "
|
|
18
|
-
"__SAuthor": "
|
|
17
|
+
"__SBlockquote": "___SBlockquote_187c0_gg_",
|
|
18
|
+
"__SDoubleQuotation": "___SDoubleQuotation_187c0_gg_",
|
|
19
|
+
"__SAuthor": "___SAuthor_187c0_gg_"
|
|
19
20
|
});
|
|
20
21
|
function Blockquote(props, ref) {
|
|
21
22
|
var _ref = arguments[0],
|
|
22
23
|
_ref2;
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
"tag": 'blockquote',
|
|
33
|
-
"ref": ref
|
|
34
|
-
}, _ref)
|
|
35
|
-
}), /*#__PURE__*/_react.default.createElement(SDoubleQuotation, _ref2.cn("SDoubleQuotation", {}), "\u201C"), /*#__PURE__*/_react.default.createElement("span", _ref2.cn("span", {}), children, (0, _isNode.default)(author) && /*#__PURE__*/_react.default.createElement(SAuthor, _ref2.cn("SAuthor", {}), author)));
|
|
24
|
+
var SBlockquote = _flexBox.Box;
|
|
25
|
+
var SDoubleQuotation = 'span';
|
|
26
|
+
var SAuthor = 'cite';
|
|
27
|
+
var children = props.children,
|
|
28
|
+
author = props.author;
|
|
29
|
+
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBlockquote, _ref2.cn("SBlockquote", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
30
|
+
"tag": 'blockquote',
|
|
31
|
+
"ref": ref
|
|
32
|
+
}, _ref))), /*#__PURE__*/_react["default"].createElement(SDoubleQuotation, _ref2.cn("SDoubleQuotation", {}), "\u201C"), /*#__PURE__*/_react["default"].createElement("span", _ref2.cn("span", {}), children, (0, _isNode["default"])(author) && /*#__PURE__*/_react["default"].createElement(SAuthor, _ref2.cn("SAuthor", {}), author)));
|
|
36
33
|
}
|
|
37
34
|
Blockquote.displayName = 'Blockquote';
|
|
38
|
-
var _default = exports
|
|
35
|
+
var _default = exports["default"] = (0, _core.createBaseComponent)(Blockquote);
|
|
39
36
|
//# sourceMappingURL=Blockquote.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Blockquote.js","names":["_core","require","
|
|
1
|
+
{"version":3,"file":"Blockquote.js","names":["_core","require","_isNode","_interopRequireDefault","_flexBox","_react","styles","sstyled","insert","Blockquote","props","ref","_ref","arguments[0]","_ref2","SBlockquote","Box","SDoubleQuotation","SAuthor","children","author","createElement","cn","_objectSpread2","assignProps","isNode","displayName","_default","exports","createBaseComponent"],"sources":["../../src/Blockquote.jsx"],"sourcesContent":["import { createBaseComponent, Root, sstyled } from '@semcore/core';\nimport isNode from '@semcore/core/lib/utils/isNode';\nimport { Box } from '@semcore/flex-box';\nimport React from 'react';\n\nimport styles from './style/blockquote.shadow.css';\n\nfunction Blockquote(props, ref) {\n const SBlockquote = Root;\n const SDoubleQuotation = 'span';\n const SAuthor = 'cite';\n const { children, author } = props;\n\n return sstyled(styles)(\n <SBlockquote render={Box} tag='blockquote' ref={ref}>\n <SDoubleQuotation>“</SDoubleQuotation>\n <span>\n {children}\n {isNode(author) && <SAuthor>{author}</SAuthor>}\n </span>\n </SBlockquote>,\n );\n}\n\nBlockquote.displayName = 'Blockquote';\n\nexport default createBaseComponent(Blockquote);\n"],"mappings":";;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAF,sBAAA,CAAAF,OAAA;AAA0B;AAAA,IAAAK,MAAA,8BAAAN,KAAA,CAAAO,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;AAAA;AAI1B,SAASC,UAAUA,CAACC,KAAK,EAAEC,GAAG,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC9B,IAAMC,WAAW,GAMMC,YAAG;EAL1B,IAAMC,gBAAgB,GAAG,MAAM;EAC/B,IAAMC,OAAO,GAAG,MAAM;EACtB,IAAQC,QAAQ,GAAaT,KAAK,CAA1BS,QAAQ;IAAEC,MAAM,GAAKV,KAAK,CAAhBU,MAAM;EAExB,OAAAN,KAAA,GAAO,IAAAP,aAAO,EAACD,MAAM,CAAC,eACpBD,MAAA,YAAAgB,aAAA,CAACN,WAAW,EAAAD,KAAA,CAAAQ,EAAA,oBAAAC,cAAA,qBAAAvB,KAAA,CAAAwB,WAAA;IAAA,OAAkB,YAAY;IAAA,OAAMb;EAAG,GAAAC,IAAA,kBACjDP,MAAA,YAAAgB,aAAA,CAACJ,gBAAgB,EAAAH,KAAA,CAAAQ,EAAA,0BAAC,QAAmB,CAAC,eACtCjB,MAAA,YAAAgB,aAAA,SAAAP,KAAA,CAAAQ,EAAA,cACGH,QAAQ,EACR,IAAAM,kBAAM,EAACL,MAAM,CAAC,iBAAIf,MAAA,YAAAgB,aAAA,CAACH,OAAO,EAAAJ,KAAA,CAAAQ,EAAA,iBAAEF,MAAgB,CACzC,CACK,CAAC;AAElB;AAEAX,UAAU,CAACiB,WAAW,GAAG,YAAY;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEvB,IAAAC,yBAAmB,EAACpB,UAAU,CAAC","ignoreList":[]}
|
package/lib/cjs/List.js
CHANGED
|
@@ -1,97 +1,107 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports
|
|
7
|
+
exports["default"] = void 0;
|
|
8
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
9
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
10
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
11
|
+
var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
|
|
12
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
8
13
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
14
|
var _core = require("@semcore/core");
|
|
10
|
-
var _baseComponents = require("@semcore/base-components");
|
|
11
15
|
var _findComponent = require("@semcore/core/lib/utils/findComponent");
|
|
12
16
|
var _isNode = _interopRequireDefault(require("@semcore/core/lib/utils/isNode"));
|
|
17
|
+
var _flexBox = require("@semcore/flex-box");
|
|
13
18
|
var _react = _interopRequireDefault(require("react"));
|
|
14
19
|
var _Text = _interopRequireDefault(require("./Text"));
|
|
15
20
|
/*!__reshadow-styles__:"./style/list.shadow.css"*/
|
|
16
|
-
|
|
21
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SList_ey0xg_gg_{padding:0;margin:0;list-style-type:none}.___SContent_ey0xg_gg_{overflow:inherit;text-overflow:inherit}.___SItem_ey0xg_gg_+.___SItem_ey0xg_gg_,.___SList_ey0xg_gg_ .___SList_ey0xg_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_ey0xg_gg_{display:flex}.___SMarker_ey0xg_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));line-height:normal}@supports (color:color(display-p3 0 0 0%)){.___SMarker_ey0xg_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SMarker_ey0xg_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}", /*__inner_css_end__*/"ey0xg_gg_"),
|
|
17
22
|
/*__reshadow_css_end__*/
|
|
18
23
|
{
|
|
19
|
-
"__SList": "
|
|
20
|
-
"__SContent": "
|
|
21
|
-
"__SItem": "
|
|
22
|
-
"__SMarker": "
|
|
24
|
+
"__SList": "___SList_ey0xg_gg_",
|
|
25
|
+
"__SContent": "___SContent_ey0xg_gg_",
|
|
26
|
+
"__SItem": "___SItem_ey0xg_gg_",
|
|
27
|
+
"__SMarker": "___SMarker_ey0xg_gg_"
|
|
23
28
|
});
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
} = this.asProps;
|
|
29
|
-
return {
|
|
30
|
-
marker
|
|
31
|
-
};
|
|
29
|
+
var ListRoot = /*#__PURE__*/function (_Component) {
|
|
30
|
+
function ListRoot() {
|
|
31
|
+
(0, _classCallCheck2["default"])(this, ListRoot);
|
|
32
|
+
return (0, _callSuper2["default"])(this, ListRoot, arguments);
|
|
32
33
|
}
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
34
|
+
(0, _inherits2["default"])(ListRoot, _Component);
|
|
35
|
+
return (0, _createClass2["default"])(ListRoot, [{
|
|
36
|
+
key: "getItemProps",
|
|
37
|
+
value: function getItemProps() {
|
|
38
|
+
var marker = this.asProps.marker;
|
|
39
|
+
return {
|
|
40
|
+
marker: marker
|
|
41
|
+
};
|
|
42
|
+
}
|
|
43
|
+
}, {
|
|
44
|
+
key: "render",
|
|
45
|
+
value: function render() {
|
|
46
|
+
var _ref = this.asProps,
|
|
47
|
+
_ref4;
|
|
48
|
+
var SList = _Text["default"];
|
|
49
|
+
var styles = this.asProps.styles;
|
|
50
|
+
return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SList, _ref4.cn("SList", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
42
51
|
"tag": 'ul'
|
|
43
|
-
}, _ref)
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
(0, _defineProperty2
|
|
48
|
-
(0, _defineProperty2
|
|
49
|
-
(0, _defineProperty2
|
|
52
|
+
}, _ref))));
|
|
53
|
+
}
|
|
54
|
+
}]);
|
|
55
|
+
}(_core.Component);
|
|
56
|
+
(0, _defineProperty2["default"])(ListRoot, "displayName", 'List');
|
|
57
|
+
(0, _defineProperty2["default"])(ListRoot, "style", style);
|
|
58
|
+
(0, _defineProperty2["default"])(ListRoot, "defaultProps", {
|
|
50
59
|
marker: '•'
|
|
51
60
|
});
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
const SItem = _Text.default;
|
|
57
|
-
const {
|
|
58
|
-
styles,
|
|
59
|
-
children,
|
|
60
|
-
marker: markerNode,
|
|
61
|
-
Children
|
|
62
|
-
} = this.asProps;
|
|
63
|
-
const SMarker = 'span';
|
|
64
|
-
const SContent = 'div';
|
|
65
|
-
const isAdvancedMode = (0, _findComponent.isAdvanceMode)(Children, [List.Item.Content.displayName]);
|
|
66
|
-
return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SItem, _ref5.cn("SItem", {
|
|
67
|
-
...(0, _core.assignProps)({
|
|
68
|
-
"tag": 'li'
|
|
69
|
-
}, _ref2)
|
|
70
|
-
}), (0, _isNode.default)(markerNode) && /*#__PURE__*/_react.default.createElement(SMarker, _ref5.cn("SMarker", {
|
|
71
|
-
"aria-hidden": 'true'
|
|
72
|
-
}), markerNode), isAdvancedMode ? /*#__PURE__*/_react.default.createElement(Children, _ref5.cn("Children", {})) : /*#__PURE__*/_react.default.createElement(SContent, _ref5.cn("SContent", {}), children));
|
|
61
|
+
var ItemRoot = /*#__PURE__*/function (_Component2) {
|
|
62
|
+
function ItemRoot() {
|
|
63
|
+
(0, _classCallCheck2["default"])(this, ItemRoot);
|
|
64
|
+
return (0, _callSuper2["default"])(this, ItemRoot, arguments);
|
|
73
65
|
}
|
|
74
|
-
|
|
75
|
-
(0,
|
|
76
|
-
|
|
66
|
+
(0, _inherits2["default"])(ItemRoot, _Component2);
|
|
67
|
+
return (0, _createClass2["default"])(ItemRoot, [{
|
|
68
|
+
key: "render",
|
|
69
|
+
value: function render() {
|
|
70
|
+
var _ref2 = this.asProps,
|
|
71
|
+
_ref5;
|
|
72
|
+
var SItem = _Text["default"];
|
|
73
|
+
var _this$asProps = this.asProps,
|
|
74
|
+
styles = _this$asProps.styles,
|
|
75
|
+
children = _this$asProps.children,
|
|
76
|
+
markerNode = _this$asProps.marker,
|
|
77
|
+
Children = _this$asProps.Children;
|
|
78
|
+
var SMarker = 'span';
|
|
79
|
+
var SContent = 'div';
|
|
80
|
+
var isAdvancedMode = (0, _findComponent.isAdvanceMode)(Children, [List.Item.Content.displayName]);
|
|
81
|
+
return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SItem, _ref5.cn("SItem", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
82
|
+
"tag": 'li'
|
|
83
|
+
}, _ref2))), (0, _isNode["default"])(markerNode) && /*#__PURE__*/_react["default"].createElement(SMarker, _ref5.cn("SMarker", {
|
|
84
|
+
"aria-hidden": 'true'
|
|
85
|
+
}), markerNode), isAdvancedMode ? /*#__PURE__*/_react["default"].createElement(Children, _ref5.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(SContent, _ref5.cn("SContent", {}), children));
|
|
86
|
+
}
|
|
87
|
+
}]);
|
|
88
|
+
}(_core.Component);
|
|
89
|
+
(0, _defineProperty2["default"])(ItemRoot, "style", style);
|
|
90
|
+
(0, _defineProperty2["default"])(ItemRoot, "displayName", 'Item');
|
|
77
91
|
function Content(props) {
|
|
78
92
|
var _ref3 = arguments[0],
|
|
79
93
|
_ref6;
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
const SContent = _baseComponents.Flex;
|
|
85
|
-
return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SContent, _ref6.cn("SContent", {
|
|
86
|
-
...(0, _core.assignProps)({}, _ref3)
|
|
87
|
-
}), children);
|
|
94
|
+
var styles = props.styles,
|
|
95
|
+
children = props.children;
|
|
96
|
+
var SContent = _flexBox.Flex;
|
|
97
|
+
return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SContent, _ref6.cn("SContent", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref3))), children);
|
|
88
98
|
}
|
|
89
99
|
Content.displayName = 'Content';
|
|
90
|
-
|
|
91
|
-
Content
|
|
100
|
+
var Item = (0, _core.createComponent)(ItemRoot, {
|
|
101
|
+
Content: Content
|
|
92
102
|
});
|
|
93
|
-
|
|
94
|
-
Item
|
|
103
|
+
var List = (0, _core.createComponent)(ListRoot, {
|
|
104
|
+
Item: Item
|
|
95
105
|
});
|
|
96
|
-
var _default = exports
|
|
106
|
+
var _default = exports["default"] = List;
|
|
97
107
|
//# sourceMappingURL=List.js.map
|
package/lib/cjs/List.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.js","names":["_core","require","
|
|
1
|
+
{"version":3,"file":"List.js","names":["_core","require","_findComponent","_isNode","_interopRequireDefault","_flexBox","_react","_Text","style","sstyled","insert","ListRoot","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","getItemProps","marker","asProps","render","_ref","_ref4","SList","Text","styles","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","ItemRoot","_Component2","_ref2","_ref5","SItem","_this$asProps","children","markerNode","Children","SMarker","SContent","isAdvancedMode","isAdvanceMode","List","Item","Content","displayName","isNode","props","_ref3","arguments[0]","_ref6","Flex","createComponent","_default","exports"],"sources":["../../src/List.jsx"],"sourcesContent":["import { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport isNode from '@semcore/core/lib/utils/isNode';\nimport { Flex } from '@semcore/flex-box';\nimport React from 'react';\n\nimport style from './style/list.shadow.css';\nimport Text from './Text';\n\nclass ListRoot extends Component {\n static displayName = 'List';\n static style = style;\n static defaultProps = {\n marker: '•',\n };\n\n getItemProps() {\n const { marker } = this.asProps;\n return {\n marker,\n };\n }\n\n render() {\n const SList = Root;\n const { styles } = this.asProps;\n return sstyled(styles)(<SList render={Text} tag='ul' />);\n }\n}\n\nclass ItemRoot extends Component {\n static style = style;\n static displayName = 'Item';\n\n render() {\n const SItem = Root;\n const { styles, children, marker: markerNode, Children } = this.asProps;\n const SMarker = 'span';\n const SContent = 'div';\n\n const isAdvancedMode = isAdvanceMode(Children, [List.Item.Content.displayName]);\n\n return sstyled(styles)(\n <SItem render={Text} tag='li'>\n {isNode(markerNode) && <SMarker aria-hidden='true'>{markerNode}</SMarker>}\n {isAdvancedMode ? <Children /> : <SContent>{children}</SContent>}\n </SItem>,\n );\n }\n}\n\nfunction Content(props) {\n const { styles, children } = props;\n const SContent = Root;\n\n return sstyled(styles)(<SContent render={Flex}>{children}</SContent>);\n}\n\nContent.displayName = 'Content';\n\nconst Item = createComponent(ItemRoot, { Content });\n\nconst List = createComponent(ListRoot, { Item });\n\nexport default List;\n"],"mappings":"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","ignoreList":[]}
|
package/lib/cjs/Text.js
CHANGED
|
@@ -1,152 +1,79 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports
|
|
8
|
-
var
|
|
7
|
+
exports["default"] = void 0;
|
|
8
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
9
9
|
var _core = require("@semcore/core");
|
|
10
|
-
var
|
|
11
|
-
var
|
|
10
|
+
var _useColorResolver = require("@semcore/core/lib/utils/use/useColorResolver");
|
|
11
|
+
var _flexBox = require("@semcore/flex-box");
|
|
12
12
|
var _react = _interopRequireDefault(require("react"));
|
|
13
13
|
/*!__reshadow-styles__:"./style/text.shadow.css"*/
|
|
14
|
-
const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SText_grvyh_gg_{padding:0;margin:0}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ abbr{color:var(--intergalactic-text-secondary, #6c6e79);-webkit-text-decoration:underline dashed var(--intergalactic-text-secondary, #6c6e79);text-decoration:underline dashed var(--intergalactic-text-secondary, #6c6e79)}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ abbr:active,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ abbr:focus{outline:0;color:var(--intergalactic-text-hint-hover-active, #484a54);-webkit-text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, #484a54);text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SText_grvyh_gg_.__formatTags_grvyh_gg_ abbr:hover{outline:0;color:var(--intergalactic-text-hint-hover-active, #484a54);-webkit-text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, #484a54);text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, #484a54)}}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ a{display:inline;background:0 0;outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link, #006dca);border-bottom-width:1px;border-bottom-style:solid;border-color:transparent}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ a:active{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link-hover-active, #044792);border-color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SText_grvyh_gg_.__formatTags_grvyh_gg_ a:hover{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link-hover-active, #044792);border-color:var(--intergalactic-text-link-hover-active, #044792)}}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ a:focus{outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ code,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ pre{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ blockquote{position:relative;padding-left:51px;font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);font-style:italic}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ blockquote:before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNyIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDI3IDE5IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTguODI0MjIgMC45NDcyNjZWMi4zMDg1OUM2Ljg3NjMgMy4zMjY4MiA1LjQ4MTc3IDQuMzg5MzIgNC42NDA2MiA1LjQ5NjA5QzMuNzk5NDggNi42MDI4NiAzLjM3ODkxIDcuODA5MjQgMy4zNzg5MSA5LjExNTIzQzMuMzc4OTEgOS44ODk5NyAzLjQ4OTU4IDEwLjQyMTIgMy43MTA5NCAxMC43MDlDMy45MTAxNiAxMS4wMTg5IDQuMTUzNjUgMTEuMTczOCA0LjQ0MTQxIDExLjE3MzhDNC43MjkxNyAxMS4xNzM4IDUuMTE2NTQgMTEuMDk2NCA1LjYwMzUyIDEwLjk0MTRDNi4wOTA0OSAxMC43NjQzIDYuNTMzMiAxMC42NzU4IDYuOTMxNjQgMTAuNjc1OEM3LjgzOTE5IDEwLjY3NTggOC42MjUgMTEuMDE4OSA5LjI4OTA2IDExLjcwNTFDOS45NzUyNiAxMi4zNjkxIDEwLjMxODQgMTMuMTg4MiAxMC4zMTg0IDE0LjE2MjFDMTAuMzE4NCAxNS4yMjQ2IDkuOTA4ODUgMTYuMTQzMiA5LjA4OTg0IDE2LjkxOEM4LjI3MDgzIDE3LjY3MDYgNy4yNTI2IDE4LjA0NjkgNi4wMzUxNiAxOC4wNDY5QzQuNTUyMDggMTguMDQ2OSAzLjIxMjg5IDE3LjQwNDkgMi4wMTc1OCAxNi4xMjExQzAuODIyMjY2IDE0LjgzNzIgMC4yMjQ2MDkgMTMuMjU0NiAwLjIyNDYwOSAxMS4zNzNDMC4yMjQ2MDkgOS4xNTk1MSAwLjk1NTA3OCA3LjEwMDkxIDIuNDE2MDIgNS4xOTcyN0MzLjg5OTA5IDMuMjcxNDggNi4wMzUxNiAxLjg1NDgyIDguODI0MjIgMC45NDcyNjZaTTI0LjY2MjEgMS4wNDY4OFYyLjMwODU5QzIyLjQyNjQgMy41OTI0NSAyMC45NTQ0IDQuNzQzNDkgMjAuMjQ2MSA1Ljc2MTcyQzE5LjUzNzggNi43Nzk5NSAxOS4xODM2IDcuOTc1MjYgMTkuMTgzNiA5LjM0NzY2QzE5LjE4MzYgOS45Njc0NSAxOS4zMDUzIDEwLjQzMjMgMTkuNTQ4OCAxMC43NDIyQzE5Ljc5MjMgMTEuMDUyMSAyMC4wNDY5IDExLjIwNyAyMC4zMTI1IDExLjIwN0MyMC41NTYgMTEuMjA3IDIwLjkyMTIgMTEuMTE4NSAyMS40MDgyIDEwLjk0MTRDMjEuODk1MiAxMC43NjQzIDIyLjM4MjIgMTAuNjc1OCAyMi44NjkxIDEwLjY3NThDMjMuNzc2NyAxMC42NzU4IDI0LjU2MjUgMTEuMDA3OCAyNS4yMjY2IDExLjY3MTlDMjUuOTEyOCAxMi4zMTM4IDI2LjI1NTkgMTMuMTEwNyAyNi4yNTU5IDE0LjA2MjVDMjYuMjU1OSAxNS4xNDcxIDI1LjgyNDIgMTYuMDg3OSAyNC45NjA5IDE2Ljg4NDhDMjQuMTE5OCAxNy42ODE2IDIzLjA3OTQgMTguMDgwMSAyMS44Mzk4IDE4LjA4MDFDMjAuMzc4OSAxOC4wODAxIDE5LjA2MTggMTcuNDQ5MiAxNy44ODg3IDE2LjE4NzVDMTYuNzE1NSAxNC45MjU4IDE2LjEyODkgMTMuMzU0MiAxNi4xMjg5IDExLjQ3MjdDMTYuMTI4OSA5LjE0ODQ0IDE2Ljg3MDQgNy4wMzQ1MSAxOC4zNTM1IDUuMTMwODZDMTkuODM2NiAzLjIwNTA4IDIxLjkzOTUgMS44NDM3NSAyNC42NjIxIDEuMDQ2ODhaIiBmaWxsPSIjQTlBQkI2Ii8+Cjwvc3ZnPg==);display:inline-block;position:absolute;left:0;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);font-family:Georgia,Times,\"Times New Roman\",serif}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ blockquote cite{display:block;font-style:normal;margin-top:var(--intergalactic-spacing-4x, 16px);color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]),.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]){margin:var(--intergalactic-spacing-2x, 8px)0;padding:0;list-style:none;position:relative}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_grvyh_gg_):before,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_grvyh_gg_):before{position:absolute;left:0;color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_grvyh_gg_)+li:not(.___SText_grvyh_gg_),.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_grvyh_gg_)+li:not(.___SText_grvyh_gg_){margin:var(--intergalactic-spacing-2x, 8px)0 0 0}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]){counter-reset:item 0}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_grvyh_gg_):before{counter-increment:item;content:counters(item,\".\")}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_grvyh_gg_):before{content:\"\";background-color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]):has(+p),.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]):has(+p){margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h1{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-6x, 24px)0}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h1:only-child,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h2:only-child,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h3:only-child,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h4:only-child,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h5:only-child,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h6:only-child{margin-bottom:0}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h2{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%);font-weight:var(--intergalactic-semi-bold, 600)}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h3{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%);font-weight:var(--intergalactic-semi-bold, 600)}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h4{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-3x, 12px)0}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h5{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-2x, 8px)0}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h6{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);margin:0 0 var(--intergalactic-spacing-1x, 4px)0}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h1 small,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h2 small,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h3 small,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h4 small,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h5 small,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h6 small{color:var(--intergalactic-text-secondary, #6c6e79);font-weight:300;font-size:100%}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ li,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h2,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h3,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ p{margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ p:last-child,.___SText_grvyh_gg_._size_100_grvyh_gg_.__formatTags_grvyh_gg_ p:last-child,.___SText_grvyh_gg_._size_200_grvyh_gg_.__formatTags_grvyh_gg_ p:last-child,.___SText_grvyh_gg_._size_300_grvyh_gg_.__formatTags_grvyh_gg_ p:last-child{margin-bottom:0}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ol ol li,.___SText_grvyh_gg_._size_100_grvyh_gg_.__formatTags_grvyh_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ol ol ol li,.___SText_grvyh_gg_._size_100_grvyh_gg_.__formatTags_grvyh_gg_ ol ol ol li,.___SText_grvyh_gg_._size_200_grvyh_gg_.__formatTags_grvyh_gg_ ol ol ol li,.___SText_grvyh_gg_._size_300_grvyh_gg_.__formatTags_grvyh_gg_ ol ol ol li{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ul li:before{width:4px;height:4px;border-radius:50%;margin-top:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-left:var(--intergalactic-spacing-05x, 2px)}.___SText_grvyh_gg_.__ellipsis_grvyh_gg_{overflow:hidden;text-overflow:ellipsis;white-space:pre;display:inline-block}.___SText_grvyh_gg_.__ellipsis_grvyh_gg_._trim_end_grvyh_gg_::after{content:\"\";display:block}.___SText_grvyh_gg_.__ellipsis_grvyh_gg_.__maxLine_grvyh_gg_{-webkit-line-clamp:var(--maxLine_grvyh);display:-webkit-box;-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word}.___SText_grvyh_gg_.__ellipsis_grvyh_gg_._trim_middle_grvyh_gg_{text-overflow:initial}.___SText_grvyh_gg_._size_100_grvyh_gg_,.___SText_grvyh_gg_._size_100_grvyh_gg_.__formatTags_grvyh_gg_ li,.___SText_grvyh_gg_._size_100_grvyh_gg_.__formatTags_grvyh_gg_ p{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_grvyh_gg_._size_100_grvyh_gg_.__formatTags_grvyh_gg_ p{margin:0 0 calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_grvyh_gg_._size_100_grvyh_gg_.__formatTags_grvyh_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_grvyh_gg_._size_100_grvyh_gg_.__formatTags_grvyh_gg_ ul li:before{width:3px;height:3px;border-radius:50%;margin-top:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-05x, 2px)}.___SText_grvyh_gg_._size_200_grvyh_gg_,.___SText_grvyh_gg_._size_200_grvyh_gg_.__formatTags_grvyh_gg_ li,.___SText_grvyh_gg_._size_200_grvyh_gg_.__formatTags_grvyh_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_grvyh_gg_._size_200_grvyh_gg_.__formatTags_grvyh_gg_ p{margin:0 0 var(--intergalactic-spacing-3x, 12px)0}.___SText_grvyh_gg_._size_200_grvyh_gg_.__formatTags_grvyh_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_grvyh_gg_._size_200_grvyh_gg_.__formatTags_grvyh_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_grvyh_gg_._size_200_grvyh_gg_.__formatTags_grvyh_gg_ ul li:before{width:4px;height:4px;border-radius:50%;margin-top:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-left:var(--intergalactic-spacing-05x, 2px)}.___SText_grvyh_gg_._size_300_grvyh_gg_,.___SText_grvyh_gg_._size_300_grvyh_gg_.__formatTags_grvyh_gg_ li,.___SText_grvyh_gg_._size_300_grvyh_gg_.__formatTags_grvyh_gg_ p{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_grvyh_gg_._size_300_grvyh_gg_.__formatTags_grvyh_gg_ p{margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_grvyh_gg_._size_300_grvyh_gg_.__formatTags_grvyh_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_grvyh_gg_._size_300_grvyh_gg_.__formatTags_grvyh_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_grvyh_gg_._size_300_grvyh_gg_.__formatTags_grvyh_gg_ ul li:before{width:5px;height:5px;border-radius:50%;margin-top:calc(var(--intergalactic-spacing-2x, 8px) + var(--intergalactic-spacing-05x, 2px));margin-left:var(--intergalactic-spacing-05x, 2px)}.___SText_grvyh_gg_._size_400_grvyh_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_grvyh_gg_._size_500_grvyh_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_grvyh_gg_._size_600_grvyh_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_grvyh_gg_._size_700_grvyh_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_grvyh_gg_._size_800_grvyh_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_grvyh_gg_.__noWrap_grvyh_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_grvyh_gg_.__medium_grvyh_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_grvyh_gg_.__semibold_grvyh_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_grvyh_gg_.__bold_grvyh_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_grvyh_gg_.__italic_grvyh_gg_{font-style:italic}.___SText_grvyh_gg_.__monospace_grvyh_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_grvyh_gg_.__uppercase_grvyh_gg_{text-transform:uppercase}.___SText_grvyh_gg_.__lowercase_grvyh_gg_{text-transform:lowercase}.___SText_grvyh_gg_.__capitalize_grvyh_gg_{text-transform:capitalize}.___SText_grvyh_gg_.__decoration_grvyh_gg_{-webkit-text-decoration:var(--decoration_grvyh);text-decoration:var(--decoration_grvyh)}.___SText_grvyh_gg_.__color_grvyh_gg_{color:var(--color_grvyh)}.___SText_grvyh_gg_.__fontSize_grvyh_gg_{font-size:var(--fontSize_grvyh)}.___SText_grvyh_gg_.__lineHeight_grvyh_gg_{line-height:var(--lineHeight_grvyh)}.___SText_grvyh_gg_.__fontWeight_grvyh_gg_{font-weight:var(--fontWeight_grvyh)}.___SText_grvyh_gg_.__textAlign_grvyh_gg_{text-align:var(--textAlign_grvyh)}.___SText_grvyh_gg_._use_primary_grvyh_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_grvyh_gg_._use_secondary_grvyh_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_grvyh_gg_.__disabled_grvyh_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}@media (prefers-reduced-motion){.___SText_grvyh_gg_ a{transition:none}}", /*__inner_css_end__*/"grvyh_gg_"),
|
|
14
|
+
var styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SText_1m5du_gg_{padding:0;margin:0}.___SText_1m5du_gg_.__formatTags_1m5du_gg_ abbr{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));text-decoration:underline dashed var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SText_1m5du_gg_.__formatTags_1m5du_gg_ abbr{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));text-decoration:underline dashed var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_1m5du_gg_.__formatTags_1m5du_gg_ abbr{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583));text-decoration:underline dashed var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_1m5du_gg_.__formatTags_1m5du_gg_ abbr:active,.___SText_1m5du_gg_.__formatTags_1m5du_gg_ abbr:focus{outline:0;color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605));text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}@media (hover:hover){.___SText_1m5du_gg_.__formatTags_1m5du_gg_ abbr:hover{outline:0;color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605));text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}}.___SText_1m5du_gg_.__formatTags_1m5du_gg_ a{display:inline;background:0 0;outline:0;text-decoration:none;color:var(--intergalactic-text-link, rgb(35, 95, 226));border-bottom-width:1px;border-bottom-style:solid;border-color:transparent}.___SText_1m5du_gg_.__formatTags_1m5du_gg_ a:active{outline:0;text-decoration:none;color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215));border-color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}@media (hover:hover){.___SText_1m5du_gg_.__formatTags_1m5du_gg_ a:hover{outline:0;text-decoration:none;color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215));border-color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}}.___SText_1m5du_gg_.__formatTags_1m5du_gg_ a:focus{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469));outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset}@supports (color:color(display-p3 0 0 0%)){.___SText_1m5du_gg_.__formatTags_1m5du_gg_ a:focus{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469))}@media (color-gamut:p3){.___SText_1m5du_gg_.__formatTags_1m5du_gg_ a:focus{outline-color:var(--intergalactic-keyboard-focus-outline, color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}.___SText_1m5du_gg_.__formatTags_1m5du_gg_ code,.___SText_1m5du_gg_.__formatTags_1m5du_gg_ pre{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_1m5du_gg_.__formatTags_1m5du_gg_ blockquote{position:relative;padding-left:51px;font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);font-style:italic}.___SText_1m5du_gg_.__formatTags_1m5du_gg_ blockquote:before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNyIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDI3IDE5IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTguODI0MjIgMC45NDcyNjZWMi4zMDg1OUM2Ljg3NjMgMy4zMjY4MiA1LjQ4MTc3IDQuMzg5MzIgNC42NDA2MiA1LjQ5NjA5QzMuNzk5NDggNi42MDI4NiAzLjM3ODkxIDcuODA5MjQgMy4zNzg5MSA5LjExNTIzQzMuMzc4OTEgOS44ODk5NyAzLjQ4OTU4IDEwLjQyMTIgMy43MTA5NCAxMC43MDlDMy45MTAxNiAxMS4wMTg5IDQuMTUzNjUgMTEuMTczOCA0LjQ0MTQxIDExLjE3MzhDNC43MjkxNyAxMS4xNzM4IDUuMTE2NTQgMTEuMDk2NCA1LjYwMzUyIDEwLjk0MTRDNi4wOTA0OSAxMC43NjQzIDYuNTMzMiAxMC42NzU4IDYuOTMxNjQgMTAuNjc1OEM3LjgzOTE5IDEwLjY3NTggOC42MjUgMTEuMDE4OSA5LjI4OTA2IDExLjcwNTFDOS45NzUyNiAxMi4zNjkxIDEwLjMxODQgMTMuMTg4MiAxMC4zMTg0IDE0LjE2MjFDMTAuMzE4NCAxNS4yMjQ2IDkuOTA4ODUgMTYuMTQzMiA5LjA4OTg0IDE2LjkxOEM4LjI3MDgzIDE3LjY3MDYgNy4yNTI2IDE4LjA0NjkgNi4wMzUxNiAxOC4wNDY5QzQuNTUyMDggMTguMDQ2OSAzLjIxMjg5IDE3LjQwNDkgMi4wMTc1OCAxNi4xMjExQzAuODIyMjY2IDE0LjgzNzIgMC4yMjQ2MDkgMTMuMjU0NiAwLjIyNDYwOSAxMS4zNzNDMC4yMjQ2MDkgOS4xNTk1MSAwLjk1NTA3OCA3LjEwMDkxIDIuNDE2MDIgNS4xOTcyN0MzLjg5OTA5IDMuMjcxNDggNi4wMzUxNiAxLjg1NDgyIDguODI0MjIgMC45NDcyNjZaTTI0LjY2MjEgMS4wNDY4OFYyLjMwODU5QzIyLjQyNjQgMy41OTI0NSAyMC45NTQ0IDQuNzQzNDkgMjAuMjQ2MSA1Ljc2MTcyQzE5LjUzNzggNi43Nzk5NSAxOS4xODM2IDcuOTc1MjYgMTkuMTgzNiA5LjM0NzY2QzE5LjE4MzYgOS45Njc0NSAxOS4zMDUzIDEwLjQzMjMgMTkuNTQ4OCAxMC43NDIyQzE5Ljc5MjMgMTEuMDUyMSAyMC4wNDY5IDExLjIwNyAyMC4zMTI1IDExLjIwN0MyMC41NTYgMTEuMjA3IDIwLjkyMTIgMTEuMTE4NSAyMS40MDgyIDEwLjk0MTRDMjEuODk1MiAxMC43NjQzIDIyLjM4MjIgMTAuNjc1OCAyMi44NjkxIDEwLjY3NThDMjMuNzc2NyAxMC42NzU4IDI0LjU2MjUgMTEuMDA3OCAyNS4yMjY2IDExLjY3MTlDMjUuOTEyOCAxMi4zMTM4IDI2LjI1NTkgMTMuMTEwNyAyNi4yNTU5IDE0LjA2MjVDMjYuMjU1OSAxNS4xNDcxIDI1LjgyNDIgMTYuMDg3OSAyNC45NjA5IDE2Ljg4NDhDMjQuMTE5OCAxNy42ODE2IDIzLjA3OTQgMTguMDgwMSAyMS44Mzk4IDE4LjA4MDFDMjAuMzc4OSAxOC4wODAxIDE5LjA2MTggMTcuNDQ5MiAxNy44ODg3IDE2LjE4NzVDMTYuNzE1NSAxNC45MjU4IDE2LjEyODkgMTMuMzU0MiAxNi4xMjg5IDExLjQ3MjdDMTYuMTI4OSA5LjE0ODQ0IDE2Ljg3MDQgNy4wMzQ1MSAxOC4zNTM1IDUuMTMwODZDMTkuODM2NiAzLjIwNTA4IDIxLjkzOTUgMS44NDM3NSAyNC42NjIxIDEuMDQ2ODhaIiBmaWxsPSIjQTlBQkI2Ii8+Cjwvc3ZnPg==);display:inline-block;position:absolute;left:0;color:var(--intergalactic-icon-secondary-neutral, rgba(0, 5, 2, 0.385));font-family:Georgia,Times,\"Times New Roman\",serif}@supports (color:color(display-p3 0 0 0%)){.___SText_1m5du_gg_.__formatTags_1m5du_gg_ blockquote:before{color:var(--intergalactic-icon-secondary-neutral, rgba(0, 5, 2, 0.385))}@media (color-gamut:p3){.___SText_1m5du_gg_.__formatTags_1m5du_gg_ blockquote:before{color:var(--intergalactic-icon-secondary-neutral, color(display-p3 0.0036 0.02041 0.00996 / 0.385))}}}.___SText_1m5du_gg_.__formatTags_1m5du_gg_ blockquote cite{display:block;font-style:normal;margin-top:var(--intergalactic-spacing-4x, 16px);color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}@supports (color:color(display-p3 0 0 0%)){.___SText_1m5du_gg_.__formatTags_1m5du_gg_ blockquote cite{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_1m5du_gg_.__formatTags_1m5du_gg_ blockquote cite{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_1m5du_gg_.__formatTags_1m5du_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]),.___SText_1m5du_gg_.__formatTags_1m5du_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]){margin:var(--intergalactic-spacing-2x, 8px)0;padding:0;list-style:none;position:relative}.___SText_1m5du_gg_.__formatTags_1m5du_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_1m5du_gg_):before,.___SText_1m5du_gg_.__formatTags_1m5du_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_1m5du_gg_):before{position:absolute;left:0;color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SText_1m5du_gg_.__formatTags_1m5du_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_1m5du_gg_):before,.___SText_1m5du_gg_.__formatTags_1m5du_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_1m5du_gg_):before{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_1m5du_gg_.__formatTags_1m5du_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_1m5du_gg_):before,.___SText_1m5du_gg_.__formatTags_1m5du_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_1m5du_gg_):before{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_1m5du_gg_.__formatTags_1m5du_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_1m5du_gg_)+li:not(.___SText_1m5du_gg_),.___SText_1m5du_gg_.__formatTags_1m5du_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_1m5du_gg_)+li:not(.___SText_1m5du_gg_){margin:var(--intergalactic-spacing-2x, 8px)0 0 0}.___SText_1m5du_gg_.__formatTags_1m5du_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]){counter-reset:item 0}.___SText_1m5du_gg_.__formatTags_1m5du_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_1m5du_gg_):before{counter-increment:item;content:counters(item,\".\")}.___SText_1m5du_gg_.__formatTags_1m5du_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_1m5du_gg_):before{content:\"\";background-color:var(--intergalactic-icon-primary-neutral, rgba(0, 4, 1, 0.526))}.___SText_1m5du_gg_.__formatTags_1m5du_gg_ h1{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-6x, 24px)0}.___SText_1m5du_gg_.__formatTags_1m5du_gg_ h1:only-child,.___SText_1m5du_gg_.__formatTags_1m5du_gg_ h2:only-child,.___SText_1m5du_gg_.__formatTags_1m5du_gg_ h3:only-child,.___SText_1m5du_gg_.__formatTags_1m5du_gg_ h4:only-child,.___SText_1m5du_gg_.__formatTags_1m5du_gg_ h5:only-child,.___SText_1m5du_gg_.__formatTags_1m5du_gg_ h6:only-child{margin-bottom:0}.___SText_1m5du_gg_.__formatTags_1m5du_gg_ h2,.___SText_1m5du_gg_.__formatTags_1m5du_gg_ h3{font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_1m5du_gg_.__formatTags_1m5du_gg_ h2{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_1m5du_gg_.__formatTags_1m5du_gg_ h3{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_1m5du_gg_.__formatTags_1m5du_gg_ h4{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-3x, 12px)0}.___SText_1m5du_gg_.__formatTags_1m5du_gg_ h5{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-2x, 8px)0}.___SText_1m5du_gg_.__formatTags_1m5du_gg_ h6{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);margin:0 0 var(--intergalactic-spacing-1x, 4px)0}.___SText_1m5du_gg_.__formatTags_1m5du_gg_ h1 small,.___SText_1m5du_gg_.__formatTags_1m5du_gg_ h2 small,.___SText_1m5du_gg_.__formatTags_1m5du_gg_ h3 small,.___SText_1m5du_gg_.__formatTags_1m5du_gg_ h4 small,.___SText_1m5du_gg_.__formatTags_1m5du_gg_ h5 small,.___SText_1m5du_gg_.__formatTags_1m5du_gg_ h6 small{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));font-weight:300;font-size:100%}@supports (color:color(display-p3 0 0 0%)){.___SText_1m5du_gg_.__formatTags_1m5du_gg_ h1 small,.___SText_1m5du_gg_.__formatTags_1m5du_gg_ h2 small,.___SText_1m5du_gg_.__formatTags_1m5du_gg_ h3 small,.___SText_1m5du_gg_.__formatTags_1m5du_gg_ h4 small,.___SText_1m5du_gg_.__formatTags_1m5du_gg_ h5 small,.___SText_1m5du_gg_.__formatTags_1m5du_gg_ h6 small{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_1m5du_gg_.__formatTags_1m5du_gg_ h1 small,.___SText_1m5du_gg_.__formatTags_1m5du_gg_ h2 small,.___SText_1m5du_gg_.__formatTags_1m5du_gg_ h3 small,.___SText_1m5du_gg_.__formatTags_1m5du_gg_ h4 small,.___SText_1m5du_gg_.__formatTags_1m5du_gg_ h5 small,.___SText_1m5du_gg_.__formatTags_1m5du_gg_ h6 small{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_1m5du_gg_.__formatTags_1m5du_gg_ li,.___SText_1m5du_gg_.__formatTags_1m5du_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1m5du_gg_.__formatTags_1m5du_gg_ p{margin:0 0 var(--intergalactic-spacing-5x, 20px)0}.___SText_1m5du_gg_.__formatTags_1m5du_gg_ p:last-child,.___SText_1m5du_gg_._size_100_1m5du_gg_.__formatTags_1m5du_gg_ p:last-child,.___SText_1m5du_gg_._size_200_1m5du_gg_.__formatTags_1m5du_gg_ p:last-child,.___SText_1m5du_gg_._size_300_1m5du_gg_.__formatTags_1m5du_gg_ p:last-child{margin-bottom:0}.___SText_1m5du_gg_.__formatTags_1m5du_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_1m5du_gg_.__formatTags_1m5du_gg_ ol ol li,.___SText_1m5du_gg_._size_100_1m5du_gg_.__formatTags_1m5du_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_1m5du_gg_.__formatTags_1m5du_gg_ ol ol ol li,.___SText_1m5du_gg_._size_100_1m5du_gg_.__formatTags_1m5du_gg_ ol ol ol li,.___SText_1m5du_gg_._size_200_1m5du_gg_.__formatTags_1m5du_gg_ ol ol ol li,.___SText_1m5du_gg_._size_300_1m5du_gg_.__formatTags_1m5du_gg_ ol ol ol li{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SText_1m5du_gg_.__formatTags_1m5du_gg_ ul li:before{width:4px;height:4px;border-radius:50%;margin-top:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-left:var(--intergalactic-spacing-05x, 2px)}.___SText_1m5du_gg_._size_100_1m5du_gg_,.___SText_1m5du_gg_._size_100_1m5du_gg_.__formatTags_1m5du_gg_ li,.___SText_1m5du_gg_._size_100_1m5du_gg_.__formatTags_1m5du_gg_ p{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_1m5du_gg_._size_100_1m5du_gg_.__formatTags_1m5du_gg_ p{margin:0 0 calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_1m5du_gg_._size_100_1m5du_gg_.__formatTags_1m5du_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_1m5du_gg_._size_100_1m5du_gg_.__formatTags_1m5du_gg_ ul li:before{width:3px;height:3px;border-radius:50%;margin-top:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-05x, 2px)}.___SText_1m5du_gg_._size_200_1m5du_gg_,.___SText_1m5du_gg_._size_200_1m5du_gg_.__formatTags_1m5du_gg_ li,.___SText_1m5du_gg_._size_200_1m5du_gg_.__formatTags_1m5du_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1m5du_gg_._size_200_1m5du_gg_.__formatTags_1m5du_gg_ p{margin:0 0 var(--intergalactic-spacing-5x, 20px)0}.___SText_1m5du_gg_._size_200_1m5du_gg_.__formatTags_1m5du_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_1m5du_gg_._size_200_1m5du_gg_.__formatTags_1m5du_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_1m5du_gg_._size_200_1m5du_gg_.__formatTags_1m5du_gg_ ul li:before{width:4px;height:4px;border-radius:50%;margin-top:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-left:var(--intergalactic-spacing-05x, 2px)}.___SText_1m5du_gg_._size_300_1m5du_gg_,.___SText_1m5du_gg_._size_300_1m5du_gg_.__formatTags_1m5du_gg_ li,.___SText_1m5du_gg_._size_300_1m5du_gg_.__formatTags_1m5du_gg_ p{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_1m5du_gg_._size_300_1m5du_gg_.__formatTags_1m5du_gg_ p{margin:0 0 var(--intergalactic-spacing-6x, 24px)0}.___SText_1m5du_gg_._size_300_1m5du_gg_.__formatTags_1m5du_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_1m5du_gg_._size_300_1m5du_gg_.__formatTags_1m5du_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_1m5du_gg_._size_300_1m5du_gg_.__formatTags_1m5du_gg_ ul li:before{width:5px;height:5px;border-radius:50%;margin-top:calc(var(--intergalactic-spacing-2x, 8px) + var(--intergalactic-spacing-05x, 2px));margin-left:var(--intergalactic-spacing-05x, 2px)}.___SText_1m5du_gg_._size_400_1m5du_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_1m5du_gg_._size_500_1m5du_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_1m5du_gg_._size_600_1m5du_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_1m5du_gg_._size_700_1m5du_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_1m5du_gg_._size_800_1m5du_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_1m5du_gg_.__noWrap_1m5du_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_1m5du_gg_.__medium_1m5du_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_1m5du_gg_.__semibold_1m5du_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_1m5du_gg_.__bold_1m5du_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_1m5du_gg_.__italic_1m5du_gg_{font-style:italic}.___SText_1m5du_gg_.__monospace_1m5du_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_1m5du_gg_.__uppercase_1m5du_gg_{text-transform:uppercase}.___SText_1m5du_gg_.__lowercase_1m5du_gg_{text-transform:lowercase}.___SText_1m5du_gg_.__capitalize_1m5du_gg_{text-transform:capitalize}.___SText_1m5du_gg_.__decoration_1m5du_gg_{text-decoration:var(--decoration_1m5du)}.___SText_1m5du_gg_.__color_1m5du_gg_{color:var(--color_1m5du)}.___SText_1m5du_gg_.__fontSize_1m5du_gg_{font-size:var(--fontSize_1m5du)}.___SText_1m5du_gg_.__lineHeight_1m5du_gg_{line-height:var(--lineHeight_1m5du)}.___SText_1m5du_gg_.__fontWeight_1m5du_gg_{font-weight:var(--fontWeight_1m5du)}.___SText_1m5du_gg_.__textAlign_1m5du_gg_{text-align:var(--textAlign_1m5du)}.___SText_1m5du_gg_._use_primary_1m5du_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SText_1m5du_gg_._use_secondary_1m5du_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SText_1m5du_gg_._use_secondary_1m5du_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_1m5du_gg_._use_secondary_1m5du_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_1m5du_gg_.__disabled_1m5du_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4)}@media (prefers-reduced-motion){.___SText_1m5du_gg_ a{transition:none}}", /*__inner_css_end__*/"1m5du_gg_"),
|
|
15
15
|
/*__reshadow_css_end__*/
|
|
16
16
|
{
|
|
17
|
-
"__SText": "
|
|
18
|
-
"_size_400": "
|
|
19
|
-
"_size_500": "
|
|
20
|
-
"_size_600": "
|
|
21
|
-
"_size_700": "
|
|
22
|
-
"_size_800": "
|
|
23
|
-
"_noWrap": "
|
|
24
|
-
"_medium": "
|
|
25
|
-
"_semibold": "
|
|
26
|
-
"_bold": "
|
|
27
|
-
"_italic": "
|
|
28
|
-
"_monospace": "
|
|
29
|
-
"_uppercase": "
|
|
30
|
-
"_lowercase": "
|
|
31
|
-
"_capitalize": "
|
|
32
|
-
"_decoration": "
|
|
33
|
-
"--decoration": "--
|
|
34
|
-
"_color": "
|
|
35
|
-
"--color": "--
|
|
36
|
-
"_fontSize": "
|
|
37
|
-
"--fontSize": "--
|
|
38
|
-
"_lineHeight": "
|
|
39
|
-
"--lineHeight": "--
|
|
40
|
-
"_fontWeight": "
|
|
41
|
-
"--fontWeight": "--
|
|
42
|
-
"_textAlign": "
|
|
43
|
-
"--textAlign": "--
|
|
44
|
-
"_use_primary": "
|
|
45
|
-
"_use_secondary": "
|
|
46
|
-
"_disabled": "
|
|
47
|
-
"_formatTags": "
|
|
48
|
-
"
|
|
49
|
-
"
|
|
50
|
-
"
|
|
51
|
-
"--maxLine": "--maxLine_grvyh",
|
|
52
|
-
"_trim_middle": "_trim_middle_grvyh_gg_",
|
|
53
|
-
"_size_100": "_size_100_grvyh_gg_",
|
|
54
|
-
"_size_200": "_size_200_grvyh_gg_",
|
|
55
|
-
"_size_300": "_size_300_grvyh_gg_"
|
|
17
|
+
"__SText": "___SText_1m5du_gg_",
|
|
18
|
+
"_size_400": "_size_400_1m5du_gg_",
|
|
19
|
+
"_size_500": "_size_500_1m5du_gg_",
|
|
20
|
+
"_size_600": "_size_600_1m5du_gg_",
|
|
21
|
+
"_size_700": "_size_700_1m5du_gg_",
|
|
22
|
+
"_size_800": "_size_800_1m5du_gg_",
|
|
23
|
+
"_noWrap": "__noWrap_1m5du_gg_",
|
|
24
|
+
"_medium": "__medium_1m5du_gg_",
|
|
25
|
+
"_semibold": "__semibold_1m5du_gg_",
|
|
26
|
+
"_bold": "__bold_1m5du_gg_",
|
|
27
|
+
"_italic": "__italic_1m5du_gg_",
|
|
28
|
+
"_monospace": "__monospace_1m5du_gg_",
|
|
29
|
+
"_uppercase": "__uppercase_1m5du_gg_",
|
|
30
|
+
"_lowercase": "__lowercase_1m5du_gg_",
|
|
31
|
+
"_capitalize": "__capitalize_1m5du_gg_",
|
|
32
|
+
"_decoration": "__decoration_1m5du_gg_",
|
|
33
|
+
"--decoration": "--decoration_1m5du",
|
|
34
|
+
"_color": "__color_1m5du_gg_",
|
|
35
|
+
"--color": "--color_1m5du",
|
|
36
|
+
"_fontSize": "__fontSize_1m5du_gg_",
|
|
37
|
+
"--fontSize": "--fontSize_1m5du",
|
|
38
|
+
"_lineHeight": "__lineHeight_1m5du_gg_",
|
|
39
|
+
"--lineHeight": "--lineHeight_1m5du",
|
|
40
|
+
"_fontWeight": "__fontWeight_1m5du_gg_",
|
|
41
|
+
"--fontWeight": "--fontWeight_1m5du",
|
|
42
|
+
"_textAlign": "__textAlign_1m5du_gg_",
|
|
43
|
+
"--textAlign": "--textAlign_1m5du",
|
|
44
|
+
"_use_primary": "_use_primary_1m5du_gg_",
|
|
45
|
+
"_use_secondary": "_use_secondary_1m5du_gg_",
|
|
46
|
+
"_disabled": "__disabled_1m5du_gg_",
|
|
47
|
+
"_formatTags": "__formatTags_1m5du_gg_",
|
|
48
|
+
"_size_100": "_size_100_1m5du_gg_",
|
|
49
|
+
"_size_200": "_size_200_1m5du_gg_",
|
|
50
|
+
"_size_300": "_size_300_1m5du_gg_"
|
|
56
51
|
});
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
(0, _defineProperty2.default)(this, "ellipsis", null);
|
|
61
|
-
(0, _defineProperty2.default)(this, "innerRef", /*#__PURE__*/_react.default.createRef());
|
|
62
|
-
(0, _defineProperty2.default)(this, "state", {
|
|
63
|
-
showHint: false
|
|
64
|
-
});
|
|
65
|
-
this.handleEllipsized = this.handleEllipsized.bind(this);
|
|
52
|
+
function getTextDecoration(underline, lineThrough) {
|
|
53
|
+
if (underline) {
|
|
54
|
+
return 'underline';
|
|
66
55
|
}
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
}
|
|
70
|
-
componentDidUpdate(prevProps) {
|
|
71
|
-
if (prevProps.ellipsis !== this.asProps.ellipsis) {
|
|
72
|
-
this.cleanUpEllipsis();
|
|
73
|
-
this.initEllipsis();
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
componentWillUnmount() {
|
|
77
|
-
this.cleanUpEllipsis();
|
|
78
|
-
}
|
|
79
|
-
render() {
|
|
80
|
-
var _ref = this.asProps,
|
|
81
|
-
_ref2;
|
|
82
|
-
const SText = _baseComponents.Box;
|
|
83
|
-
const {
|
|
84
|
-
color,
|
|
85
|
-
underline,
|
|
86
|
-
lineThrough,
|
|
87
|
-
hintProps,
|
|
88
|
-
children,
|
|
89
|
-
ellipsis,
|
|
90
|
-
resolveColor
|
|
91
|
-
} = this.asProps;
|
|
92
|
-
const {
|
|
93
|
-
showHint
|
|
94
|
-
} = this.state;
|
|
95
|
-
const cropPosition = typeof ellipsis === 'object' ? ellipsis.cropPosition ?? 'end' : ellipsis === true ? 'end' : undefined;
|
|
96
|
-
let withHint = hintProps !== false;
|
|
97
|
-
const maxLineValue = typeof ellipsis === 'object' && ellipsis.maxLine !== undefined ? ellipsis.maxLine : undefined;
|
|
98
|
-
if (hintProps === undefined && maxLineValue !== undefined && maxLineValue > 1) {
|
|
99
|
-
withHint = false;
|
|
100
|
-
}
|
|
101
|
-
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(SText, _ref2.cn("SText", {
|
|
102
|
-
...(0, _core.assignProps)({
|
|
103
|
-
"tag": 'span',
|
|
104
|
-
"data-ui-name": 'Text',
|
|
105
|
-
"ref": this.innerRef,
|
|
106
|
-
"use:decoration": this.getTextDecoration(underline, lineThrough),
|
|
107
|
-
"use:color": resolveColor(color),
|
|
108
|
-
"use:ellipsis": Boolean(ellipsis),
|
|
109
|
-
"maxLine": maxLineValue,
|
|
110
|
-
"trim": cropPosition
|
|
111
|
-
}, _ref)
|
|
112
|
-
})), showHint && withHint && /*#__PURE__*/_react.default.createElement(_baseComponents.Hint, _ref2.cn("Hint", {
|
|
113
|
-
"triggerRef": this.innerRef,
|
|
114
|
-
...hintProps
|
|
115
|
-
}), children));
|
|
116
|
-
}
|
|
117
|
-
handleEllipsized(isEllipsis) {
|
|
118
|
-
this.setState({
|
|
119
|
-
showHint: isEllipsis
|
|
120
|
-
});
|
|
121
|
-
}
|
|
122
|
-
initEllipsis() {
|
|
123
|
-
const ellipsis = this.asProps.ellipsis;
|
|
124
|
-
if (ellipsis && this.innerRef.current) {
|
|
125
|
-
this.ellipsis = ellipsis instanceof _baseComponents.Ellipsis ? ellipsis : new _baseComponents.Ellipsis(this.innerRef.current, ellipsis === true ? {} : ellipsis);
|
|
126
|
-
this.ellipsis.on('isEllipsized', this.handleEllipsized);
|
|
127
|
-
}
|
|
128
|
-
}
|
|
129
|
-
cleanUpEllipsis() {
|
|
130
|
-
this.ellipsis?.off('isEllipsized', this.handleEllipsized);
|
|
131
|
-
this.ellipsis?.cleanUp();
|
|
132
|
-
this.setState({
|
|
133
|
-
showHint: false
|
|
134
|
-
});
|
|
135
|
-
}
|
|
136
|
-
getTextDecoration(underline, lineThrough) {
|
|
137
|
-
if (underline) {
|
|
138
|
-
return 'underline';
|
|
139
|
-
}
|
|
140
|
-
if (lineThrough) {
|
|
141
|
-
return 'line-through';
|
|
142
|
-
}
|
|
56
|
+
if (lineThrough) {
|
|
57
|
+
return 'line-through';
|
|
143
58
|
}
|
|
144
59
|
}
|
|
145
|
-
(
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
60
|
+
function Text(props, ref) {
|
|
61
|
+
var _ref = arguments[0],
|
|
62
|
+
_ref2;
|
|
63
|
+
var SText = _flexBox.Box;
|
|
64
|
+
var color = props.color,
|
|
65
|
+
underline = props.underline,
|
|
66
|
+
lineThrough = props.lineThrough;
|
|
67
|
+
var textDecoration = getTextDecoration(underline, lineThrough);
|
|
68
|
+
var resolveColor = (0, _useColorResolver.useColorResolver)();
|
|
69
|
+
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SText, _ref2.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
70
|
+
"tag": 'span',
|
|
71
|
+
"data-ui-name": 'Text',
|
|
72
|
+
"ref": ref,
|
|
73
|
+
"use:decoration": textDecoration,
|
|
74
|
+
"use:color": resolveColor(color)
|
|
75
|
+
}, _ref))));
|
|
76
|
+
}
|
|
77
|
+
Text.displayName = 'Text';
|
|
78
|
+
var _default = exports["default"] = (0, _core.createBaseComponent)(Text);
|
|
152
79
|
//# sourceMappingURL=Text.js.map
|