@semcore/typography 16.3.2 → 16.3.3-prerelease.14

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 (26) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/README.md +4 -4
  3. package/lib/cjs/Blockquote.js +21 -18
  4. package/lib/cjs/Blockquote.js.map +1 -1
  5. package/lib/cjs/List.js +70 -82
  6. package/lib/cjs/List.js.map +1 -1
  7. package/lib/cjs/Text.js +137 -64
  8. package/lib/cjs/Text.js.map +1 -1
  9. package/lib/cjs/index.d.js.map +1 -1
  10. package/lib/cjs/index.js +7 -7
  11. package/lib/cjs/style/text.shadow.css +31 -3
  12. package/lib/es6/Blockquote.js +18 -15
  13. package/lib/es6/Blockquote.js.map +1 -1
  14. package/lib/es6/List.js +62 -74
  15. package/lib/es6/List.js.map +1 -1
  16. package/lib/es6/Text.js +136 -63
  17. package/lib/es6/Text.js.map +1 -1
  18. package/lib/es6/index.d.js.map +1 -1
  19. package/lib/es6/style/text.shadow.css +31 -3
  20. package/lib/esm/Blockquote.mjs +22 -18
  21. package/lib/esm/List.mjs +61 -68
  22. package/lib/esm/Text.mjs +139 -63
  23. package/lib/esm/style/text.shadow.css +31 -3
  24. package/lib/types/Text.d.ts +2 -0
  25. package/lib/types/index.d.ts +10 -13
  26. package/package.json +9 -9
package/lib/es6/List.js CHANGED
@@ -1,106 +1,94 @@
1
- import _objectSpread from "@babel/runtime/helpers/objectSpread2";
2
- import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
3
- import _createClass from "@babel/runtime/helpers/createClass";
4
- import _callSuper from "@babel/runtime/helpers/callSuper";
5
- import _inherits from "@babel/runtime/helpers/inherits";
6
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
7
2
  import { sstyled as _sstyled } from "@semcore/core";
8
3
  import { assignProps as _assignProps3 } from "@semcore/core";
9
4
  import { assignProps as _assignProps2 } from "@semcore/core";
10
5
  import { assignProps as _assignProps } from "@semcore/core";
6
+ import { Flex } from '@semcore/base-components';
11
7
  import { createComponent, Component, Root, sstyled } from '@semcore/core';
12
8
  import { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';
13
9
  import isNode from '@semcore/core/lib/utils/isNode';
14
- import { Flex } from '@semcore/flex-box';
15
10
  import React from 'react';
16
11
  /*!__reshadow-styles__:"./style/list.shadow.css"*/
17
- var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SList_1t6um_gg_{padding:0;margin:0;list-style-type:none}.___SContent_1t6um_gg_{overflow:inherit;text-overflow:inherit}.___SItem_1t6um_gg_+.___SItem_1t6um_gg_,.___SList_1t6um_gg_ .___SList_1t6um_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_1t6um_gg_{display:flex}.___SMarker_1t6um_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, #6c6e79);line-height:normal}", /*__inner_css_end__*/"1t6um_gg_"),
12
+ const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SList_1i2n2_gg_{padding:0;margin:0;list-style-type:none}.___SContent_1i2n2_gg_{overflow:inherit;text-overflow:inherit}.___SItem_1i2n2_gg_+.___SItem_1i2n2_gg_,.___SList_1i2n2_gg_ .___SList_1i2n2_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_1i2n2_gg_{display:flex}.___SMarker_1i2n2_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, #6c6e79);line-height:normal}", /*__inner_css_end__*/"1i2n2_gg_"),
18
13
  /*__reshadow_css_end__*/
19
14
  {
20
- "__SList": "___SList_1t6um_gg_",
21
- "__SContent": "___SContent_1t6um_gg_",
22
- "__SItem": "___SItem_1t6um_gg_",
23
- "__SMarker": "___SMarker_1t6um_gg_"
15
+ "__SList": "___SList_1i2n2_gg_",
16
+ "__SContent": "___SContent_1i2n2_gg_",
17
+ "__SItem": "___SItem_1i2n2_gg_",
18
+ "__SMarker": "___SMarker_1i2n2_gg_"
24
19
  });
25
20
  import Text from './Text';
26
- var ListRoot = /*#__PURE__*/function (_Component) {
27
- function ListRoot() {
28
- _classCallCheck(this, ListRoot);
29
- return _callSuper(this, ListRoot, arguments);
21
+ class ListRoot extends Component {
22
+ getItemProps() {
23
+ const {
24
+ marker
25
+ } = this.asProps;
26
+ return {
27
+ marker
28
+ };
30
29
  }
31
- _inherits(ListRoot, _Component);
32
- return _createClass(ListRoot, [{
33
- key: "getItemProps",
34
- value: function getItemProps() {
35
- var marker = this.asProps.marker;
36
- return {
37
- marker: marker
38
- };
39
- }
40
- }, {
41
- key: "render",
42
- value: function render() {
43
- var _ref = this.asProps,
44
- _ref4;
45
- var SList = Text;
46
- var styles = this.asProps.styles;
47
- return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SList, _ref4.cn("SList", _objectSpread({}, _assignProps({
48
- "tag": 'ul',
49
- "role": 'list'
50
- }, _ref))));
51
- }
52
- }]);
53
- }(Component);
30
+ render() {
31
+ var _ref = this.asProps,
32
+ _ref4;
33
+ const SList = Text;
34
+ const {
35
+ styles
36
+ } = this.asProps;
37
+ return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SList, _ref4.cn("SList", {
38
+ ..._assignProps({
39
+ "tag": 'ul'
40
+ }, _ref)
41
+ }));
42
+ }
43
+ }
54
44
  _defineProperty(ListRoot, "displayName", 'List');
55
45
  _defineProperty(ListRoot, "style", style);
56
46
  _defineProperty(ListRoot, "defaultProps", {
57
47
  marker: '•'
58
48
  });
59
- var ItemRoot = /*#__PURE__*/function (_Component2) {
60
- function ItemRoot() {
61
- _classCallCheck(this, ItemRoot);
62
- return _callSuper(this, ItemRoot, arguments);
49
+ class ItemRoot extends Component {
50
+ render() {
51
+ var _ref2 = this.asProps,
52
+ _ref5;
53
+ const SItem = Text;
54
+ const {
55
+ styles,
56
+ children,
57
+ marker: markerNode,
58
+ Children
59
+ } = this.asProps;
60
+ const SMarker = 'span';
61
+ const SContent = 'div';
62
+ const isAdvancedMode = isAdvanceMode(Children, [List.Item.Content.displayName]);
63
+ return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SItem, _ref5.cn("SItem", {
64
+ ..._assignProps2({
65
+ "tag": 'li'
66
+ }, _ref2)
67
+ }), isNode(markerNode) && /*#__PURE__*/React.createElement(SMarker, _ref5.cn("SMarker", {
68
+ "aria-hidden": 'true'
69
+ }), markerNode), isAdvancedMode ? /*#__PURE__*/React.createElement(Children, _ref5.cn("Children", {})) : /*#__PURE__*/React.createElement(SContent, _ref5.cn("SContent", {}), children));
63
70
  }
64
- _inherits(ItemRoot, _Component2);
65
- return _createClass(ItemRoot, [{
66
- key: "render",
67
- value: function render() {
68
- var _ref2 = this.asProps,
69
- _ref5;
70
- var SItem = Text;
71
- var _this$asProps = this.asProps,
72
- styles = _this$asProps.styles,
73
- children = _this$asProps.children,
74
- markerNode = _this$asProps.marker,
75
- Children = _this$asProps.Children;
76
- var SMarker = 'span';
77
- var SContent = 'div';
78
- var isAdvancedMode = isAdvanceMode(Children, [List.Item.Content.displayName]);
79
- return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SItem, _ref5.cn("SItem", _objectSpread({}, _assignProps2({
80
- "tag": 'li',
81
- "role": 'listitem'
82
- }, _ref2))), isNode(markerNode) && /*#__PURE__*/React.createElement(SMarker, _ref5.cn("SMarker", {
83
- "aria-hidden": 'true'
84
- }), markerNode), isAdvancedMode ? /*#__PURE__*/React.createElement(Children, _ref5.cn("Children", {})) : /*#__PURE__*/React.createElement(SContent, _ref5.cn("SContent", {}), children));
85
- }
86
- }]);
87
- }(Component);
71
+ }
88
72
  _defineProperty(ItemRoot, "style", style);
89
73
  _defineProperty(ItemRoot, "displayName", 'Item');
90
74
  function Content(props) {
91
75
  var _ref3 = arguments[0],
92
76
  _ref6;
93
- var styles = props.styles,
94
- children = props.children;
95
- var SContent = Flex;
96
- return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SContent, _ref6.cn("SContent", _objectSpread({}, _assignProps3({}, _ref3))), children);
77
+ const {
78
+ styles,
79
+ children
80
+ } = props;
81
+ const SContent = Flex;
82
+ return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SContent, _ref6.cn("SContent", {
83
+ ..._assignProps3({}, _ref3)
84
+ }), children);
97
85
  }
98
86
  Content.displayName = 'Content';
99
- var Item = createComponent(ItemRoot, {
100
- Content: Content
87
+ const Item = createComponent(ItemRoot, {
88
+ Content
101
89
  });
102
- var List = createComponent(ListRoot, {
103
- Item: Item
90
+ const List = createComponent(ListRoot, {
91
+ Item
104
92
  });
105
93
  export default List;
106
94
  //# sourceMappingURL=List.js.map
package/lib/es6/List.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"List.js","names":["createComponent","Component","Root","sstyled","isAdvanceMode","isNode","Flex","React","style","_sstyled","insert","Text","ListRoot","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","getItemProps","marker","asProps","render","_ref","_ref4","SList","styles","createElement","cn","_objectSpread","_assignProps","_defineProperty","ItemRoot","_Component2","_ref2","_ref5","SItem","_this$asProps","children","markerNode","Children","SMarker","SContent","isAdvancedMode","List","Item","Content","displayName","_assignProps2","props","_ref3","arguments[0]","_ref6","_assignProps3"],"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' role='list' />);\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' role='listitem'>\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":[]}
1
+ {"version":3,"file":"List.js","names":["Flex","createComponent","Component","Root","sstyled","isAdvanceMode","isNode","React","style","_sstyled","insert","Text","ListRoot","getItemProps","marker","asProps","render","_ref","_ref4","SList","styles","createElement","cn","_assignProps","_defineProperty","ItemRoot","_ref2","_ref5","SItem","children","markerNode","Children","SMarker","SContent","isAdvancedMode","List","Item","Content","displayName","_assignProps2","props","_ref3","arguments[0]","_ref6","_assignProps3"],"sources":["../../src/List.jsx"],"sourcesContent":["import { Flex } from '@semcore/base-components';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport isNode from '@semcore/core/lib/utils/isNode';\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/es6/Text.js CHANGED
@@ -1,74 +1,147 @@
1
- import _objectSpread from "@babel/runtime/helpers/objectSpread2";
1
+ import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  import { sstyled as _sstyled } from "@semcore/core";
3
3
  import { assignProps as _assignProps } from "@semcore/core";
4
- import { createBaseComponent, Root, sstyled } from '@semcore/core';
5
- import { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';
6
- import { Box } from '@semcore/flex-box';
4
+ import { Ellipsis, Hint, Box } from '@semcore/base-components';
5
+ import { Root, sstyled, Component, createComponent } from '@semcore/core';
6
+ import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';
7
7
  import React from 'react';
8
8
  /*!__reshadow-styles__:"./style/text.shadow.css"*/
9
- var styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SText_17kj2_gg_{padding:0;margin:0}.___SText_17kj2_gg_.__formatTags_17kj2_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_17kj2_gg_.__formatTags_17kj2_gg_ abbr:active,.___SText_17kj2_gg_.__formatTags_17kj2_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_17kj2_gg_.__formatTags_17kj2_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_17kj2_gg_.__formatTags_17kj2_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_17kj2_gg_.__formatTags_17kj2_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_17kj2_gg_.__formatTags_17kj2_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_17kj2_gg_.__formatTags_17kj2_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_17kj2_gg_.__formatTags_17kj2_gg_ code,.___SText_17kj2_gg_.__formatTags_17kj2_gg_ pre{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_17kj2_gg_.__formatTags_17kj2_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_17kj2_gg_.__formatTags_17kj2_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_17kj2_gg_.__formatTags_17kj2_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_17kj2_gg_.__formatTags_17kj2_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]),.___SText_17kj2_gg_.__formatTags_17kj2_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_17kj2_gg_.__formatTags_17kj2_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_17kj2_gg_):before,.___SText_17kj2_gg_.__formatTags_17kj2_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_17kj2_gg_):before{position:absolute;left:0;color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_17kj2_gg_)+li:not(.___SText_17kj2_gg_),.___SText_17kj2_gg_.__formatTags_17kj2_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_17kj2_gg_)+li:not(.___SText_17kj2_gg_){margin:var(--intergalactic-spacing-2x, 8px)0 0 0}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]){counter-reset:item 0}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_17kj2_gg_):before{counter-increment:item;content:counters(item,\".\")}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_17kj2_gg_):before{content:\"\";background-color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SText_17kj2_gg_.__formatTags_17kj2_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_17kj2_gg_.__formatTags_17kj2_gg_ h1:only-child,.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h2:only-child,.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h3:only-child,.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h4:only-child,.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h5:only-child,.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h6:only-child{margin-bottom:0}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h2,.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h3{font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h2{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h3{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_17kj2_gg_.__formatTags_17kj2_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_17kj2_gg_.__formatTags_17kj2_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_17kj2_gg_.__formatTags_17kj2_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_17kj2_gg_.__formatTags_17kj2_gg_ h1 small,.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h2 small,.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h3 small,.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h4 small,.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h5 small,.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h6 small{color:var(--intergalactic-text-secondary, #6c6e79);font-weight:300;font-size:100%}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ li,.___SText_17kj2_gg_.__formatTags_17kj2_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ p{margin:0 0 var(--intergalactic-spacing-5x, 20px)0}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ p:last-child,.___SText_17kj2_gg_._size_100_17kj2_gg_.__formatTags_17kj2_gg_ p:last-child,.___SText_17kj2_gg_._size_200_17kj2_gg_.__formatTags_17kj2_gg_ p:last-child,.___SText_17kj2_gg_._size_300_17kj2_gg_.__formatTags_17kj2_gg_ p:last-child{margin-bottom:0}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ ol ol li,.___SText_17kj2_gg_._size_100_17kj2_gg_.__formatTags_17kj2_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ ol ol ol li,.___SText_17kj2_gg_._size_100_17kj2_gg_.__formatTags_17kj2_gg_ ol ol ol li,.___SText_17kj2_gg_._size_200_17kj2_gg_.__formatTags_17kj2_gg_ ol ol ol li,.___SText_17kj2_gg_._size_300_17kj2_gg_.__formatTags_17kj2_gg_ ol ol ol li{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SText_17kj2_gg_.__formatTags_17kj2_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_17kj2_gg_._size_100_17kj2_gg_,.___SText_17kj2_gg_._size_100_17kj2_gg_.__formatTags_17kj2_gg_ li,.___SText_17kj2_gg_._size_100_17kj2_gg_.__formatTags_17kj2_gg_ p{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_17kj2_gg_._size_100_17kj2_gg_.__formatTags_17kj2_gg_ p{margin:0 0 calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_17kj2_gg_._size_100_17kj2_gg_.__formatTags_17kj2_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_17kj2_gg_._size_100_17kj2_gg_.__formatTags_17kj2_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_17kj2_gg_._size_200_17kj2_gg_,.___SText_17kj2_gg_._size_200_17kj2_gg_.__formatTags_17kj2_gg_ li,.___SText_17kj2_gg_._size_200_17kj2_gg_.__formatTags_17kj2_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_17kj2_gg_._size_200_17kj2_gg_.__formatTags_17kj2_gg_ p{margin:0 0 var(--intergalactic-spacing-5x, 20px)0}.___SText_17kj2_gg_._size_200_17kj2_gg_.__formatTags_17kj2_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_17kj2_gg_._size_200_17kj2_gg_.__formatTags_17kj2_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_17kj2_gg_._size_200_17kj2_gg_.__formatTags_17kj2_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_17kj2_gg_._size_300_17kj2_gg_,.___SText_17kj2_gg_._size_300_17kj2_gg_.__formatTags_17kj2_gg_ li,.___SText_17kj2_gg_._size_300_17kj2_gg_.__formatTags_17kj2_gg_ p{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_17kj2_gg_._size_300_17kj2_gg_.__formatTags_17kj2_gg_ p{margin:0 0 var(--intergalactic-spacing-6x, 24px)0}.___SText_17kj2_gg_._size_300_17kj2_gg_.__formatTags_17kj2_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_17kj2_gg_._size_300_17kj2_gg_.__formatTags_17kj2_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_17kj2_gg_._size_300_17kj2_gg_.__formatTags_17kj2_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_17kj2_gg_._size_400_17kj2_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_17kj2_gg_._size_500_17kj2_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_17kj2_gg_._size_600_17kj2_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_17kj2_gg_._size_700_17kj2_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_17kj2_gg_._size_800_17kj2_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_17kj2_gg_.__noWrap_17kj2_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_17kj2_gg_.__medium_17kj2_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_17kj2_gg_.__semibold_17kj2_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_17kj2_gg_.__bold_17kj2_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_17kj2_gg_.__italic_17kj2_gg_{font-style:italic}.___SText_17kj2_gg_.__monospace_17kj2_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_17kj2_gg_.__uppercase_17kj2_gg_{text-transform:uppercase}.___SText_17kj2_gg_.__lowercase_17kj2_gg_{text-transform:lowercase}.___SText_17kj2_gg_.__capitalize_17kj2_gg_{text-transform:capitalize}.___SText_17kj2_gg_.__decoration_17kj2_gg_{-webkit-text-decoration:var(--decoration_17kj2);text-decoration:var(--decoration_17kj2)}.___SText_17kj2_gg_.__color_17kj2_gg_{color:var(--color_17kj2)}.___SText_17kj2_gg_.__fontSize_17kj2_gg_{font-size:var(--fontSize_17kj2)}.___SText_17kj2_gg_.__lineHeight_17kj2_gg_{line-height:var(--lineHeight_17kj2)}.___SText_17kj2_gg_.__fontWeight_17kj2_gg_{font-weight:var(--fontWeight_17kj2)}.___SText_17kj2_gg_.__textAlign_17kj2_gg_{text-align:var(--textAlign_17kj2)}.___SText_17kj2_gg_._use_primary_17kj2_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_17kj2_gg_._use_secondary_17kj2_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_17kj2_gg_.__disabled_17kj2_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}@media (prefers-reduced-motion){.___SText_17kj2_gg_ a{transition:none}}", /*__inner_css_end__*/"17kj2_gg_"),
9
+ const styles = (/*__reshadow_css_start__*/_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_"),
10
10
  /*__reshadow_css_end__*/
11
11
  {
12
- "__SText": "___SText_17kj2_gg_",
13
- "_size_400": "_size_400_17kj2_gg_",
14
- "_size_500": "_size_500_17kj2_gg_",
15
- "_size_600": "_size_600_17kj2_gg_",
16
- "_size_700": "_size_700_17kj2_gg_",
17
- "_size_800": "_size_800_17kj2_gg_",
18
- "_noWrap": "__noWrap_17kj2_gg_",
19
- "_medium": "__medium_17kj2_gg_",
20
- "_semibold": "__semibold_17kj2_gg_",
21
- "_bold": "__bold_17kj2_gg_",
22
- "_italic": "__italic_17kj2_gg_",
23
- "_monospace": "__monospace_17kj2_gg_",
24
- "_uppercase": "__uppercase_17kj2_gg_",
25
- "_lowercase": "__lowercase_17kj2_gg_",
26
- "_capitalize": "__capitalize_17kj2_gg_",
27
- "_decoration": "__decoration_17kj2_gg_",
28
- "--decoration": "--decoration_17kj2",
29
- "_color": "__color_17kj2_gg_",
30
- "--color": "--color_17kj2",
31
- "_fontSize": "__fontSize_17kj2_gg_",
32
- "--fontSize": "--fontSize_17kj2",
33
- "_lineHeight": "__lineHeight_17kj2_gg_",
34
- "--lineHeight": "--lineHeight_17kj2",
35
- "_fontWeight": "__fontWeight_17kj2_gg_",
36
- "--fontWeight": "--fontWeight_17kj2",
37
- "_textAlign": "__textAlign_17kj2_gg_",
38
- "--textAlign": "--textAlign_17kj2",
39
- "_use_primary": "_use_primary_17kj2_gg_",
40
- "_use_secondary": "_use_secondary_17kj2_gg_",
41
- "_disabled": "__disabled_17kj2_gg_",
42
- "_formatTags": "__formatTags_17kj2_gg_",
43
- "_size_100": "_size_100_17kj2_gg_",
44
- "_size_200": "_size_200_17kj2_gg_",
45
- "_size_300": "_size_300_17kj2_gg_"
12
+ "__SText": "___SText_grvyh_gg_",
13
+ "_size_400": "_size_400_grvyh_gg_",
14
+ "_size_500": "_size_500_grvyh_gg_",
15
+ "_size_600": "_size_600_grvyh_gg_",
16
+ "_size_700": "_size_700_grvyh_gg_",
17
+ "_size_800": "_size_800_grvyh_gg_",
18
+ "_noWrap": "__noWrap_grvyh_gg_",
19
+ "_medium": "__medium_grvyh_gg_",
20
+ "_semibold": "__semibold_grvyh_gg_",
21
+ "_bold": "__bold_grvyh_gg_",
22
+ "_italic": "__italic_grvyh_gg_",
23
+ "_monospace": "__monospace_grvyh_gg_",
24
+ "_uppercase": "__uppercase_grvyh_gg_",
25
+ "_lowercase": "__lowercase_grvyh_gg_",
26
+ "_capitalize": "__capitalize_grvyh_gg_",
27
+ "_decoration": "__decoration_grvyh_gg_",
28
+ "--decoration": "--decoration_grvyh",
29
+ "_color": "__color_grvyh_gg_",
30
+ "--color": "--color_grvyh",
31
+ "_fontSize": "__fontSize_grvyh_gg_",
32
+ "--fontSize": "--fontSize_grvyh",
33
+ "_lineHeight": "__lineHeight_grvyh_gg_",
34
+ "--lineHeight": "--lineHeight_grvyh",
35
+ "_fontWeight": "__fontWeight_grvyh_gg_",
36
+ "--fontWeight": "--fontWeight_grvyh",
37
+ "_textAlign": "__textAlign_grvyh_gg_",
38
+ "--textAlign": "--textAlign_grvyh",
39
+ "_use_primary": "_use_primary_grvyh_gg_",
40
+ "_use_secondary": "_use_secondary_grvyh_gg_",
41
+ "_disabled": "__disabled_grvyh_gg_",
42
+ "_formatTags": "__formatTags_grvyh_gg_",
43
+ "_ellipsis": "__ellipsis_grvyh_gg_",
44
+ "_trim_end": "_trim_end_grvyh_gg_",
45
+ "_maxLine": "__maxLine_grvyh_gg_",
46
+ "--maxLine": "--maxLine_grvyh",
47
+ "_trim_middle": "_trim_middle_grvyh_gg_",
48
+ "_size_100": "_size_100_grvyh_gg_",
49
+ "_size_200": "_size_200_grvyh_gg_",
50
+ "_size_300": "_size_300_grvyh_gg_"
46
51
  });
47
- function getTextDecoration(underline, lineThrough) {
48
- if (underline) {
49
- return 'underline';
52
+ class TextRoot extends Component {
53
+ constructor(props) {
54
+ super(props);
55
+ _defineProperty(this, "ellipsis", null);
56
+ _defineProperty(this, "innerRef", /*#__PURE__*/React.createRef());
57
+ _defineProperty(this, "state", {
58
+ showHint: false
59
+ });
60
+ this.handleEllipsized = this.handleEllipsized.bind(this);
50
61
  }
51
- if (lineThrough) {
52
- return 'line-through';
62
+ componentDidMount() {
63
+ this.initEllipsis();
64
+ }
65
+ componentDidUpdate(prevProps) {
66
+ if (prevProps.ellipsis !== this.asProps.ellipsis) {
67
+ this.cleanUpEllipsis();
68
+ this.initEllipsis();
69
+ }
70
+ }
71
+ componentWillUnmount() {
72
+ this.cleanUpEllipsis();
73
+ }
74
+ render() {
75
+ var _ref = this.asProps,
76
+ _ref2;
77
+ const SText = Box;
78
+ const {
79
+ color,
80
+ underline,
81
+ lineThrough,
82
+ hintProps,
83
+ children,
84
+ ellipsis,
85
+ resolveColor
86
+ } = this.asProps;
87
+ const {
88
+ showHint
89
+ } = this.state;
90
+ const cropPosition = typeof ellipsis === 'object' ? ellipsis.cropPosition ?? 'end' : ellipsis === true ? 'end' : undefined;
91
+ let withHint = hintProps !== false;
92
+ const maxLineValue = typeof ellipsis === 'object' && ellipsis.maxLine !== undefined ? ellipsis.maxLine : undefined;
93
+ if (hintProps === undefined && maxLineValue !== undefined && maxLineValue > 1) {
94
+ withHint = false;
95
+ }
96
+ return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SText, _ref2.cn("SText", {
97
+ ..._assignProps({
98
+ "tag": 'span',
99
+ "data-ui-name": 'Text',
100
+ "ref": this.innerRef,
101
+ "use:decoration": this.getTextDecoration(underline, lineThrough),
102
+ "use:color": resolveColor(color),
103
+ "use:ellipsis": Boolean(ellipsis),
104
+ "maxLine": maxLineValue,
105
+ "trim": cropPosition
106
+ }, _ref)
107
+ })), showHint && withHint && /*#__PURE__*/React.createElement(Hint, _ref2.cn("Hint", {
108
+ "triggerRef": this.innerRef,
109
+ ...hintProps
110
+ }), children));
111
+ }
112
+ handleEllipsized(isEllipsis) {
113
+ this.setState({
114
+ showHint: isEllipsis
115
+ });
116
+ }
117
+ initEllipsis() {
118
+ const ellipsis = this.asProps.ellipsis;
119
+ if (ellipsis && this.innerRef.current) {
120
+ this.ellipsis = ellipsis instanceof Ellipsis ? ellipsis : new Ellipsis(this.innerRef.current, ellipsis === true ? {} : ellipsis);
121
+ this.ellipsis.on('isEllipsized', this.handleEllipsized);
122
+ }
123
+ }
124
+ cleanUpEllipsis() {
125
+ this.ellipsis?.off('isEllipsized', this.handleEllipsized);
126
+ this.ellipsis?.cleanUp();
127
+ this.setState({
128
+ showHint: false
129
+ });
130
+ }
131
+ getTextDecoration(underline, lineThrough) {
132
+ if (underline) {
133
+ return 'underline';
134
+ }
135
+ if (lineThrough) {
136
+ return 'line-through';
137
+ }
53
138
  }
54
139
  }
55
- function Text(props, ref) {
56
- var _ref = arguments[0],
57
- _ref2;
58
- var SText = Box;
59
- var color = props.color,
60
- underline = props.underline,
61
- lineThrough = props.lineThrough;
62
- var textDecoration = getTextDecoration(underline, lineThrough);
63
- var resolveColor = useColorResolver();
64
- return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SText, _ref2.cn("SText", _objectSpread({}, _assignProps({
65
- "tag": 'span',
66
- "data-ui-name": 'Text',
67
- "ref": ref,
68
- "use:decoration": textDecoration,
69
- "use:color": resolveColor(color)
70
- }, _ref))));
71
- }
72
- Text.displayName = 'Text';
73
- export default createBaseComponent(Text);
140
+ _defineProperty(TextRoot, "enhance", [resolveColorEnhance()]);
141
+ _defineProperty(TextRoot, "styles", styles);
142
+ _defineProperty(TextRoot, "displayName", 'Text');
143
+ _defineProperty(TextRoot, "defaultProps", {
144
+ ellipsis: false
145
+ });
146
+ export default createComponent(TextRoot);
74
147
  //# sourceMappingURL=Text.js.map
package/lib/es6/Text.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Text.js","names":["createBaseComponent","Root","sstyled","useColorResolver","Box","React","styles","_sstyled","insert","getTextDecoration","underline","lineThrough","Text","props","ref","_ref","arguments[0]","_ref2","SText","color","textDecoration","resolveColor","createElement","cn","_objectSpread","_assignProps","displayName"],"sources":["../../src/Text.jsx"],"sourcesContent":["import { createBaseComponent, Root, sstyled } from '@semcore/core';\nimport { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';\nimport { Box } from '@semcore/flex-box';\nimport React from 'react';\n\nimport styles from './style/text.shadow.css';\n\nfunction getTextDecoration(underline, lineThrough) {\n if (underline) {\n return 'underline';\n }\n\n if (lineThrough) {\n return 'line-through';\n }\n}\n\nfunction Text(props, ref) {\n const SText = Root;\n const { color, underline, lineThrough } = props;\n const textDecoration = getTextDecoration(underline, lineThrough);\n const resolveColor = useColorResolver();\n\n return sstyled(styles)(\n <SText\n render={Box}\n tag='span'\n data-ui-name='Text'\n ref={ref}\n use:decoration={textDecoration}\n use:color={resolveColor(color)}\n />,\n );\n}\n\nText.displayName = 'Text';\n\nexport default createBaseComponent(Text);\n"],"mappings":";;;AAAA,SAASA,mBAAmB,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAClE,SAASC,gBAAgB,QAAQ,8CAA8C;AAC/E,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,IAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAI1B,SAASC,iBAAiBA,CAACC,SAAS,EAAEC,WAAW,EAAE;EACjD,IAAID,SAAS,EAAE;IACb,OAAO,WAAW;EACpB;EAEA,IAAIC,WAAW,EAAE;IACf,OAAO,cAAc;EACvB;AACF;AAEA,SAASC,IAAIA,CAACC,KAAK,EAAEC,GAAG,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACxB,IAAMC,KAAK,GAOCd,GAAG;EANf,IAAQe,KAAK,GAA6BN,KAAK,CAAvCM,KAAK;IAAET,SAAS,GAAkBG,KAAK,CAAhCH,SAAS;IAAEC,WAAW,GAAKE,KAAK,CAArBF,WAAW;EACrC,IAAMS,cAAc,GAAGX,iBAAiB,CAACC,SAAS,EAAEC,WAAW,CAAC;EAChE,IAAMU,YAAY,GAAGlB,gBAAgB,CAAC,CAAC;EAEvC,OAAAc,KAAA,GAAOf,OAAO,CAACI,MAAM,CAAC,eACpBD,KAAA,CAAAiB,aAAA,CAACJ,KAAK,EAAAD,KAAA,CAAAM,EAAA,UAAAC,aAAA,KAAAC,YAAA;IAAA,OAEA,MAAM;IAAA,gBACG,MAAM;IAAA,OACdX,GAAG;IAAA,kBACQM,cAAc;IAAA,aACnBC,YAAY,CAACF,KAAK;EAAC,GAAAJ,IAAA,GAC/B,CAAC;AAEN;AAEAH,IAAI,CAACc,WAAW,GAAG,MAAM;AAEzB,eAAe1B,mBAAmB,CAACY,IAAI,CAAC","ignoreList":[]}
1
+ {"version":3,"file":"Text.js","names":["Ellipsis","Hint","Box","Root","sstyled","Component","createComponent","resolveColorEnhance","React","styles","_sstyled","insert","TextRoot","constructor","props","_defineProperty","createRef","showHint","handleEllipsized","bind","componentDidMount","initEllipsis","componentDidUpdate","prevProps","ellipsis","asProps","cleanUpEllipsis","componentWillUnmount","render","_ref","_ref2","SText","color","underline","lineThrough","hintProps","children","resolveColor","state","cropPosition","undefined","withHint","maxLineValue","maxLine","createElement","Fragment","cn","_assignProps","innerRef","getTextDecoration","Boolean","isEllipsis","setState","current","on","off","cleanUp"],"sources":["../../src/Text.tsx"],"sourcesContent":["import { Ellipsis, Hint, Box } from '@semcore/base-components';\nimport { Root, sstyled, Component, createComponent } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport React from 'react';\n\nimport type { TextProps } from './index';\nimport styles from './style/text.shadow.css';\n\ntype DefaultProps = {\n ellipsis: TextProps['ellipsis'] | false;\n};\n\ntype State = {\n showHint: boolean;\n};\n\nclass TextRoot extends Component<TextProps, typeof TextRoot.enhance, {}, DefaultProps, State> {\n private ellipsis: Ellipsis | null = null;\n private innerRef = React.createRef<HTMLElement | null>();\n\n static enhance = [resolveColorEnhance()] as const;\n static styles = styles;\n static displayName = 'Text';\n\n static defaultProps: DefaultProps = {\n ellipsis: false,\n };\n\n state = {\n showHint: false,\n };\n\n constructor(props: TextProps) {\n super(props);\n\n this.handleEllipsized = this.handleEllipsized.bind(this);\n }\n\n componentDidMount(): void {\n this.initEllipsis();\n }\n\n componentDidUpdate(prevProps: TextProps) {\n if (prevProps.ellipsis !== this.asProps.ellipsis) {\n this.cleanUpEllipsis();\n\n this.initEllipsis();\n }\n }\n\n componentWillUnmount() {\n this.cleanUpEllipsis();\n }\n\n render(): React.ReactNode {\n const SText = Root;\n const { color, underline, lineThrough, hintProps, children, ellipsis, resolveColor } = this.asProps;\n const { showHint } = this.state;\n\n const cropPosition = typeof ellipsis === 'object' ? (ellipsis.cropPosition ?? 'end') : (ellipsis === true ? 'end' : undefined);\n let withHint = hintProps !== false;\n\n const maxLineValue = typeof ellipsis === 'object' && ellipsis.maxLine !== undefined ? ellipsis.maxLine : undefined;\n if (hintProps === undefined && maxLineValue !== undefined && maxLineValue > 1) {\n withHint = false;\n }\n\n return sstyled(styles)(\n <>\n <SText\n render={Box}\n tag='span'\n data-ui-name='Text'\n ref={this.innerRef}\n use:decoration={this.getTextDecoration(underline, lineThrough)}\n use:color={resolveColor(color)}\n use:ellipsis={Boolean(ellipsis)}\n maxLine={maxLineValue}\n trim={cropPosition}\n />\n {showHint && withHint && <Hint triggerRef={this.innerRef} {...hintProps}>{children}</Hint>}\n </>,\n );\n }\n\n private handleEllipsized(isEllipsis: boolean) {\n this.setState({ showHint: isEllipsis });\n }\n\n private initEllipsis() {\n const ellipsis = this.asProps.ellipsis;\n if (ellipsis && this.innerRef.current) {\n this.ellipsis = ellipsis instanceof Ellipsis ? ellipsis : new Ellipsis(this.innerRef.current, ellipsis === true ? {} : ellipsis);\n\n this.ellipsis.on('isEllipsized', this.handleEllipsized);\n }\n }\n\n private cleanUpEllipsis() {\n this.ellipsis?.off('isEllipsized', this.handleEllipsized);\n this.ellipsis?.cleanUp();\n this.setState({ showHint: false });\n }\n\n private getTextDecoration(underline?: boolean, lineThrough?: boolean) {\n if (underline) {\n return 'underline';\n }\n\n if (lineThrough) {\n return 'line-through';\n }\n }\n}\n\nexport default createComponent(TextRoot);\n"],"mappings":"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","ignoreList":[]}
package/lib/es6/index.d.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { BoxProps, Flex, FlexProps } from '@semcore/flex-box';\nimport type { Property } from 'csstype';\nimport type React from 'react';\n\n/** @deprecated */\nexport interface ITextProps extends TextProps, UnknownProperties {}\nexport type TextProps = BoxProps & {\n /** Font size and line-heights */\n size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;\n /** The text will not be wrapped on a new line and will be cut off with ellipsis */\n noWrap?: boolean;\n /** CSS property `font-weight: 700;` */\n bold?: boolean;\n /** CSS property `font-weight: 600;` */\n semibold?: boolean;\n /** CSS property `font-weight: 500;` */\n medium?: boolean;\n /** Italicized text */\n italic?: boolean;\n /** Underlined text */\n underline?: boolean;\n /** CSS property `font-family: monospace;` */\n monospace?: boolean;\n /** Strikethrough text */\n lineThrough?: boolean;\n /** Uppercase text */\n uppercase?: boolean;\n /** Lowercase text */\n lowercase?: boolean;\n /** Capitalized text */\n capitalize?: boolean;\n /** Text color **/\n color?: string;\n /** Custom `font-size` */\n fontSize?: Property.FontSize<any>;\n /** Custom `line-height` */\n lineHeight?: Property.LineHeight<any>;\n /** Custom `font-weight` */\n fontWeight?: Property.FontWeight;\n /** Text alignment */\n textAlign?: Property.TextAlign;\n /** Enforces text color */\n use?: 'primary' | 'secondary';\n /** Makes text semi-transparent to indicate disabled state */\n disabled?: boolean;\n /** Enable formatting/styling for all nested HTML tags with our default styles for them */\n formatTags?: boolean;\n};\n\n/** @deprecated */\nexport interface IListProps extends ListProps, UnknownProperties {}\nexport type ListProps = TextProps & {\n /** Marker of the entire list\n * @default • */\n marker?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface IListItemProps extends ListItemProps, UnknownProperties {}\nexport type ListItemProps = TextProps & {\n /** Individual marker of a list item */\n marker?: React.ReactNode;\n};\n\nexport type ListItemContentProps = FlexProps;\n\n/** @deprecated */\nexport interface IListContext extends ListContext, UnknownProperties {}\nexport type ListContext = {\n getItemProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface IBlockquoteProps extends BlockquoteProps, UnknownProperties {}\nexport type BlockquoteProps = BoxProps & {\n /** Source of the quote */\n author?: React.ReactNode;\n};\n\ndeclare const Item: Intergalactic.Component<'li', ListItemProps> & {\n Content: Intergalactic.Component<typeof Flex, ListItemContentProps>;\n};\n\ndeclare const List: Intergalactic.Component<'ul', ListProps> & {\n Item: typeof Item;\n};\n\ndeclare const Text: Intergalactic.Component<'span', TextProps>;\n\ndeclare const Blockquote: Intergalactic.Component<'blockquote', BlockquoteProps>;\n\nexport { Text, List, Blockquote };\n"],"mappings":"","ignoreList":[]}
1
+ {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { BoxProps, Flex, FlexProps, EllipsisSettings, SimpleHintPopperProps, Ellipsis } from '@semcore/base-components';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\nimport type { Property } from 'csstype';\nimport type React from 'react';\n\nexport type TextProps = BoxProps & {\n /** Font size and line-heights */\n size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;\n /**\n * The text will not be wrapped on a new line and will be cut off with ellipsis\n * @deprecated use ellipsis prop instead\n **/\n noWrap?: boolean;\n /** CSS property `font-weight: 700;` */\n bold?: boolean;\n /** CSS property `font-weight: 600;` */\n semibold?: boolean;\n /** CSS property `font-weight: 500;` */\n medium?: boolean;\n /** Italicized text */\n italic?: boolean;\n /** Underlined text */\n underline?: boolean;\n /** CSS property `font-family: monospace;` */\n monospace?: boolean;\n /** Strikethrough text */\n lineThrough?: boolean;\n /** Uppercase text */\n uppercase?: boolean;\n /** Lowercase text */\n lowercase?: boolean;\n /** Capitalized text */\n capitalize?: boolean;\n /** Text color **/\n color?: string;\n /** Custom `font-size` */\n fontSize?: Property.FontSize<any>;\n /** Custom `line-height` */\n lineHeight?: Property.LineHeight<any>;\n /** Custom `font-weight` */\n fontWeight?: Property.FontWeight;\n /** Text alignment */\n textAlign?: Property.TextAlign;\n /** Enforces text color */\n use?: 'primary' | 'secondary';\n /** Makes text semi-transparent to indicate disabled state */\n disabled?: boolean;\n /** Enable formatting/styling for all nested HTML tags with our default styles for them */\n formatTags?: boolean;\n /** The text will not be wrapped on a new line and will be cut off with ellipsis. Also, it will show a hint with full text. */\n ellipsis?: true | Readonly<EllipsisSettings> | Ellipsis;\n /** Settings for a hint with full text (cropped by ellipsis) */\n hintProps?: Partial<Omit<SimpleHintPopperProps, 'children'>> | false;\n};\n\nexport type ListProps = TextProps & {\n /** Marker of the entire list\n * @default • */\n marker?: React.ReactNode;\n};\n\nexport type ListItemProps = TextProps & {\n /** Individual marker of a list item */\n marker?: React.ReactNode;\n};\n\nexport type ListItemContentProps = FlexProps;\n\nexport type ListContext = {\n getItemProps: PropGetterFn;\n};\n\nexport type BlockquoteProps = BoxProps & {\n /** Source of the quote */\n author?: React.ReactNode;\n};\n\ndeclare const Item: Intergalactic.Component<'li', ListItemProps> & {\n Content: Intergalactic.Component<typeof Flex, ListItemContentProps>;\n};\n\ndeclare const List: Intergalactic.Component<'ul', ListProps> & {\n Item: typeof Item;\n};\n\ndeclare const Text: Intergalactic.Component<'span', TextProps>;\n\ndeclare const Blockquote: Intergalactic.Component<'blockquote', BlockquoteProps>;\n\nexport { Text, List, Blockquote };\n"],"mappings":"","ignoreList":[]}
package/lib/es6/style/text.shadow.css CHANGED
@@ -106,6 +106,11 @@ SText {
106
106
  background-color: var(--intergalactic-icon-primary-neutral, #6c6e79);
107
107
  }
108
108
 
109
+ & ol:not(ol[start], ol[reversed], ol[type]):has(+ p),
110
+ & ul:not(ul[start], ul[reversed], ul[type]):has(+ p) {
111
+ margin-bottom: var(--intergalactic-spacing-4x, 16px);
112
+ }
113
+
109
114
  & h1 {
110
115
  font-size: var(--intergalactic-fs-800, 48px);
111
116
  line-height: var(--intergalactic-lh-800, 117%);
@@ -192,7 +197,7 @@ SText {
192
197
  }
193
198
 
194
199
  & p {
195
- margin: 0 0 var(--intergalactic-spacing-5x, 20px) 0;
200
+ margin: 0 0 var(--intergalactic-spacing-4x, 16px) 0;
196
201
 
197
202
  &:last-child {
198
203
  margin-bottom: 0;
@@ -222,6 +227,29 @@ SText {
222
227
  }
223
228
  }
224
229
 
230
+ SText[ellipsis] {
231
+ overflow: hidden;
232
+ text-overflow: ellipsis;
233
+ white-space: pre;
234
+ display: inline-block;
235
+
236
+ &[trim='end']::after {
237
+ content: '';
238
+ display: block;
239
+ }
240
+
241
+ &[maxLine] {
242
+ -webkit-line-clamp: var(--maxLine);
243
+ display: -webkit-box;
244
+ -webkit-box-orient: vertical;
245
+ white-space: normal;
246
+ overflow-wrap: break-word;
247
+ }
248
+ &[trim='middle'] {
249
+ text-overflow: unset;
250
+ }
251
+ }
252
+
225
253
  SText[size='100'] {
226
254
  font-size: var(--intergalactic-fs-100, 12px);
227
255
  line-height: var(--intergalactic-lh-100, 133%);
@@ -275,7 +303,7 @@ SText[size='200'] {
275
303
  }
276
304
 
277
305
  & p {
278
- margin: 0 0 var(--intergalactic-spacing-5x, 20px) 0;
306
+ margin: 0 0 var(--intergalactic-spacing-3x, 12px) 0;
279
307
 
280
308
  &:last-child {
281
309
  margin-bottom: 0;
@@ -317,7 +345,7 @@ SText[size='300'] {
317
345
  }
318
346
 
319
347
  & p {
320
- margin: 0 0 var(--intergalactic-spacing-6x, 24px) 0;
348
+ margin: 0 0 var(--intergalactic-spacing-4x, 16px) 0;
321
349
 
322
350
  &:last-child {
323
351
  margin-bottom: 0;