@semcore/typography 17.1.0 → 17.2.0-prerelease.3
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 +6 -0
- package/lib/cjs/components/Blockquote/Blockquote.js +10 -4
- package/lib/cjs/components/Blockquote/Blockquote.js.map +1 -1
- package/lib/cjs/components/List/List.js +11 -5
- package/lib/cjs/components/List/List.js.map +1 -1
- package/lib/cjs/components/List/List.type.js.map +1 -1
- package/lib/cjs/components/Text/Text.js +50 -43
- package/lib/cjs/components/Text/Text.js.map +1 -1
- package/lib/cjs/style/text.shadow.css +2 -2
- package/lib/es6/components/Blockquote/Blockquote.js +10 -4
- package/lib/es6/components/Blockquote/Blockquote.js.map +1 -1
- package/lib/es6/components/List/List.js +11 -5
- package/lib/es6/components/List/List.js.map +1 -1
- package/lib/es6/components/List/List.type.js.map +1 -1
- package/lib/es6/components/Text/Text.js +50 -43
- package/lib/es6/components/Text/Text.js.map +1 -1
- package/lib/es6/style/text.shadow.css +2 -2
- package/lib/esm/components/Blockquote/Blockquote.mjs +5 -5
- package/lib/esm/components/List/List.mjs +7 -7
- package/lib/esm/components/Text/Text.mjs +46 -45
- package/lib/esm/style/text.shadow.css +2 -2
- package/lib/types/components/Blockquote/Blockquote.d.ts +5 -0
- package/lib/types/components/List/List.d.ts +5 -0
- package/lib/types/components/List/List.type.d.ts +3 -0
- package/lib/types/components/Text/Text.d.ts +5 -0
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -10,12 +10,12 @@ var _baseComponents = require("@semcore/base-components");
|
|
|
10
10
|
var _isNode = _interopRequireDefault(require("@semcore/core/lib/utils/isNode"));
|
|
11
11
|
var _react = _interopRequireDefault(require("react"));
|
|
12
12
|
/*!__reshadow-styles__:"../../style/blockquote.shadow.css"*/
|
|
13
|
-
const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
13
|
+
const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SBlockquote_n0vde_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,#010500e5)}.___SDoubleQuotation_n0vde_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,#00030095)}@supports (color:color(display-p3 0 0 0%)){.___SDoubleQuotation_n0vde_gg_{color:var(--intergalactic-text-large-secondary,#00030095)}@media (color-gamut:p3){.___SDoubleQuotation_n0vde_gg_{color:var(--intergalactic-text-large-secondary,color(display-p3 .00228 .01289 .00252/.583))}}}.___SAuthor_n0vde_gg_{display:block;margin-top:var(--intergalactic-spacing-4x,16px);color:var(--intergalactic-text-secondary,#00030095);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_n0vde_gg_{color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SAuthor_n0vde_gg_{color:var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583))}}}", /*__inner_css_end__*/"n0vde_gg_"),
|
|
14
14
|
/*__reshadow_css_end__*/
|
|
15
15
|
{
|
|
16
|
-
"__SBlockquote": "
|
|
17
|
-
"__SDoubleQuotation": "
|
|
18
|
-
"__SAuthor": "
|
|
16
|
+
"__SBlockquote": "___SBlockquote_n0vde_gg_",
|
|
17
|
+
"__SDoubleQuotation": "___SDoubleQuotation_n0vde_gg_",
|
|
18
|
+
"__SAuthor": "___SAuthor_n0vde_gg_"
|
|
19
19
|
});
|
|
20
20
|
function BlockquoteRoot(props, ref) {
|
|
21
21
|
var _ref = arguments[0],
|
|
@@ -35,6 +35,12 @@ function BlockquoteRoot(props, ref) {
|
|
|
35
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)));
|
|
36
36
|
}
|
|
37
37
|
BlockquoteRoot.displayName = 'Blockquote';
|
|
38
|
+
|
|
39
|
+
/**
|
|
40
|
+
* Blockquote
|
|
41
|
+
*
|
|
42
|
+
* {@link https://developer.semrush.com/intergalactic/style/typography/typography-api#blockquote|API} | {@link https://developer.semrush.com/intergalactic/style/typography/typography-code|Examples}
|
|
43
|
+
*/
|
|
38
44
|
const Blockquote = (0, _core.createBaseComponent)(BlockquoteRoot);
|
|
39
45
|
var _default = exports.default = Blockquote;
|
|
40
46
|
//# sourceMappingURL=Blockquote.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Blockquote.js","names":["_core","require","_baseComponents","_isNode","_interopRequireDefault","_react","styles","sstyled","insert","BlockquoteRoot","props","ref","_ref","arguments[0]","_ref2","SBlockquote","Box","SDoubleQuotation","SAuthor","author","children","default","createElement","cn","assignProps","isNode","displayName","Blockquote","createBaseComponent","_default","exports"],"sources":["../../../../src/components/Blockquote/Blockquote.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { createBaseComponent, Root, sstyled } from '@semcore/core';\nimport isNode from '@semcore/core/lib/utils/isNode';\nimport React from 'react';\n\nimport type { NSBlockquote } from './Blockquote.type';\nimport styles from '../../style/blockquote.shadow.css';\n\nfunction BlockquoteRoot(\n props: Intergalactic.InternalTypings.InferComponentProps<NSBlockquote.Component>,\n ref: React.
|
|
1
|
+
{"version":3,"file":"Blockquote.js","names":["_core","require","_baseComponents","_isNode","_interopRequireDefault","_react","styles","sstyled","insert","BlockquoteRoot","props","ref","_ref","arguments[0]","_ref2","SBlockquote","Box","SDoubleQuotation","SAuthor","author","children","default","createElement","cn","assignProps","isNode","displayName","Blockquote","createBaseComponent","_default","exports"],"sources":["../../../../src/components/Blockquote/Blockquote.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { createBaseComponent, Root, sstyled } from '@semcore/core';\nimport isNode from '@semcore/core/lib/utils/isNode';\nimport React from 'react';\n\nimport type { NSBlockquote } from './Blockquote.type';\nimport styles from '../../style/blockquote.shadow.css';\n\nfunction BlockquoteRoot(\n props: Intergalactic.InternalTypings.InferComponentProps<NSBlockquote.Component>,\n ref: React.Ref<HTMLQuoteElement>,\n) {\n const SBlockquote = Root;\n const SDoubleQuotation = 'span';\n const SAuthor = 'cite';\n const { author, children } = props;\n\n return sstyled(styles)(\n <SBlockquote render={Box} tag='blockquote' ref={ref}>\n <SDoubleQuotation>“</SDoubleQuotation>\n <span>\n {children as React.ReactNode}\n {isNode(author) && <SAuthor>{author}</SAuthor>}\n </span>\n </SBlockquote>,\n );\n}\n\nBlockquoteRoot.displayName = 'Blockquote';\n\n/**\n * Blockquote\n *\n * {@link https://developer.semrush.com/intergalactic/style/typography/typography-api#blockquote|API} | {@link https://developer.semrush.com/intergalactic/style/typography/typography-code|Examples}\n */\nconst Blockquote = createBaseComponent<NSBlockquote.Component>(BlockquoteRoot);\n\nexport default Blockquote;\n"],"mappings":";;;;;;;AAEA,IAAAA,KAAA,GAAAC,OAAA;AAFA,IAAAC,eAAA,GAAAD,OAAA;AAGA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAD,sBAAA,CAAAH,OAAA;AAA0B;AAAA,MAAAK,MAAA,8BAAAN,KAAA,CAAAO,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;AAAA;AAK1B,SAASC,cAAcA,CACrBC,KAAgF,EAChFC,GAAgC,EAChC;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACA,MAAMC,WAAW,GAMMC,mBAAG;EAL1B,MAAMC,gBAAgB,GAAG,MAAM;EAC/B,MAAMC,OAAO,GAAG,MAAM;EACtB,MAAM;IAAEC,MAAM;IAAEC;EAAS,CAAC,GAAGV,KAAK;EAElC,OAAAI,KAAA,GAAO,IAAAP,aAAO,EAACD,MAAM,CAAC,eACpBD,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACP,WAAW,EAAAD,KAAA,CAAAS,EAAA;IAAA,OAAAvB,KAAA,CAAAwB,WAAA;MAAA,OAAkB,YAAY;MAAA,OAAMb;IAAG,GAAAC,IAAA;EAAA,iBACjDP,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACL,gBAAgB,EAAAH,KAAA,CAAAS,EAAA,0BAAC,QAAmB,CAAC,eACtClB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,SAAAR,KAAA,CAAAS,EAAA,cACGH,QAAQ,EACR,IAAAK,eAAM,EAACN,MAAM,CAAC,iBAAId,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACJ,OAAO,EAAAJ,KAAA,CAAAS,EAAA,iBAAEJ,MAAgB,CACzC,CACK,CAAC;AAElB;AAEAV,cAAc,CAACiB,WAAW,GAAG,YAAY;;AAEzC;AACA;AACA;AACA;AACA;AACA,MAAMC,UAAU,GAAG,IAAAC,yBAAmB,EAAyBnB,cAAc,CAAC;AAAC,IAAAoB,QAAA,GAAAC,OAAA,CAAAT,OAAA,GAEhEM,UAAU","ignoreList":[]}
|
|
@@ -13,13 +13,13 @@ var _isNode = _interopRequireDefault(require("@semcore/core/lib/utils/isNode"));
|
|
|
13
13
|
var _react = _interopRequireDefault(require("react"));
|
|
14
14
|
var _Text = _interopRequireDefault(require("../Text/Text"));
|
|
15
15
|
/*!__reshadow-styles__:"../../style/list.shadow.css"*/
|
|
16
|
-
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
16
|
+
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SList_9lzb2_gg_{padding:0;margin:0;list-style-type:none}.___SContent_9lzb2_gg_{overflow:inherit;text-overflow:inherit}.___SList_9lzb2_gg_ .___SList_9lzb2_gg_{margin-top:var(--intergalactic-spacing-2x,8px)}.___SItem_9lzb2_gg_{display:flex}.___SItem_9lzb2_gg_+.___SItem_9lzb2_gg_{margin-top:var(--intergalactic-spacing-2x,8px)}.___SMarker_9lzb2_gg_{margin-right:var(--intergalactic-spacing-2x,8px);color:var(--intergalactic-text-secondary,#00030095);line-height:normal}@supports (color:color(display-p3 0 0 0%)){.___SMarker_9lzb2_gg_{color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SMarker_9lzb2_gg_{color:var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583))}}}", /*__inner_css_end__*/"9lzb2_gg_"),
|
|
17
17
|
/*__reshadow_css_end__*/
|
|
18
18
|
{
|
|
19
|
-
"__SList": "
|
|
20
|
-
"__SContent": "
|
|
21
|
-
"__SItem": "
|
|
22
|
-
"__SMarker": "
|
|
19
|
+
"__SList": "___SList_9lzb2_gg_",
|
|
20
|
+
"__SContent": "___SContent_9lzb2_gg_",
|
|
21
|
+
"__SItem": "___SItem_9lzb2_gg_",
|
|
22
|
+
"__SMarker": "___SMarker_9lzb2_gg_"
|
|
23
23
|
});
|
|
24
24
|
class ListRoot extends _core.Component {
|
|
25
25
|
getItemProps() {
|
|
@@ -89,6 +89,12 @@ Content.displayName = 'Content';
|
|
|
89
89
|
const Item = (0, _core.createComponent)(ItemRoot, {
|
|
90
90
|
Content
|
|
91
91
|
});
|
|
92
|
+
|
|
93
|
+
/**
|
|
94
|
+
* List
|
|
95
|
+
*
|
|
96
|
+
* {@link https://developer.semrush.com/intergalactic/style/typography/typography-api#list|API} | {@link https://developer.semrush.com/intergalactic/style/typography/typography-code|Examples}
|
|
97
|
+
*/
|
|
92
98
|
const List = (0, _core.createComponent)(ListRoot, {
|
|
93
99
|
Item
|
|
94
100
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.js","names":["_core","require","_baseComponents","_findComponent","_isNode","_interopRequireDefault","_react","_Text","style","sstyled","insert","ListRoot","Component","getItemProps","marker","asProps","render","_ref","_ref4","SList","Text","styles","default","createElement","cn","assignProps","_defineProperty2","ItemRoot","_ref2","_ref5","SItem","markerNode","Children","SMarker","SContent","isAdvancedMode","isAdvanceMode","List","Item","Content","displayName","isNode","props","_ref3","arguments[0]","_ref6","children","Flex","createComponent","_default","exports"],"sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import { Flex } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\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 type { NSList } from './List.type';\nimport style from '../../style/list.shadow.css';\nimport Text from '../Text/Text';\n\nclass ListRoot extends Component
|
|
1
|
+
{"version":3,"file":"List.js","names":["_core","require","_baseComponents","_findComponent","_isNode","_interopRequireDefault","_react","_Text","style","sstyled","insert","ListRoot","Component","getItemProps","marker","asProps","render","_ref","_ref4","SList","Text","styles","default","createElement","cn","assignProps","_defineProperty2","ItemRoot","_ref2","_ref5","SItem","markerNode","Children","SMarker","SContent","isAdvancedMode","isAdvanceMode","List","Item","Content","displayName","isNode","props","_ref3","arguments[0]","_ref6","children","Flex","createComponent","_default","exports"],"sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import { Flex } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\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 type { NSList } from './List.type';\nimport style from '../../style/list.shadow.css';\nimport Text from '../Text/Text';\n\nclass ListRoot extends Component<\n Intergalactic.InternalTypings.InferComponentProps<NSList.Component>,\n [],\n {},\n {},\n {},\n NSList.DefaultProps\n> {\n static displayName = 'List';\n static style = style;\n static defaultProps = {\n marker: '•',\n } as const;\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 Intergalactic.InternalTypings.InferChildComponentProps<NSList.Item.Component, typeof ListRoot, 'Item'>\n> {\n static style = style;\n static displayName = 'Item';\n\n render() {\n const SItem = Root;\n const { styles, 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: Intergalactic.InternalTypings.InferComponentProps<NSList.Item.Content.Component>) {\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<\n NSList.Item.Component,\n typeof ItemRoot\n>(ItemRoot, { Content });\n\n/**\n * List\n *\n * {@link https://developer.semrush.com/intergalactic/style/typography/typography-api#list|API} | {@link https://developer.semrush.com/intergalactic/style/typography/typography-code|Examples}\n */\nconst List = createComponent<\n NSList.Component,\n typeof ListRoot\n>(ListRoot, { Item });\n\nexport default List;\n"],"mappings":";;;;;;;;AAEA,IAAAA,KAAA,GAAAC,OAAA;AAFA,IAAAC,eAAA,GAAAD,OAAA;AAGA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAD,sBAAA,CAAAJ,OAAA;AAIA,IAAAM,KAAA,GAAAF,sBAAA,CAAAJ,OAAA;AAAgC;AAAA,MAAAO,KAAA,8BAAAR,KAAA,CAAAS,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAEhC,MAAMC,QAAQ,SAASC,eAAS,CAO9B;EAOAC,YAAYA,CAAA,EAAG;IACb,MAAM;MAAEC;IAAO,CAAC,GAAG,IAAI,CAACC,OAAO;IAC/B,OAAO;MACLD;IACF,CAAC;EACH;EAEAE,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA,QAAAF,OAAA;MAAAG,KAAA;IACP,MAAMC,KAAK,GAE2BC,aAAI;IAD1C,MAAM;MAAEC;IAAO,CAAC,GAAG,IAAI,CAACN,OAAO;IAC/B,OAAAG,KAAA,GAAO,IAAAT,aAAO,EAACY,MAAM,CAAC,eAACf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACJ,KAAK,EAAAD,KAAA,CAAAM,EAAA;MAAA,OAAAxB,KAAA,CAAAyB,WAAA;QAAA,OAAmB;MAAI,GAAAR,IAAA;IAAA,EAAE,CAAC;EACzD;AACF;AAAC,IAAAS,gBAAA,CAAAJ,OAAA,EA1BKX,QAAQ,iBAQS,MAAM;AAAA,IAAAe,gBAAA,CAAAJ,OAAA,EARvBX,QAAQ,WASGH,KAAK;AAAA,IAAAkB,gBAAA,CAAAJ,OAAA,EAThBX,QAAQ,kBAUU;EACpBG,MAAM,EAAE;AACV,CAAC;AAgBH,MAAMa,QAAQ,SAASf,eAAS,CAE9B;EAIAI,MAAMA,CAAA,EAAG;IAAA,IAAAY,KAAA,QAAAb,OAAA;MAAAc,KAAA;IACP,MAAMC,KAAK,GAQMV,aAAI;IAPrB,MAAM;MAAEC,MAAM;MAAEP,MAAM,EAAEiB,UAAU;MAAEC;IAAS,CAAC,GAAG,IAAI,CAACjB,OAAO;IAC7D,MAAMkB,OAAO,GAAG,MAAM;IACtB,MAAMC,QAAQ,GAAG,KAAK;IAEtB,MAAMC,cAAc,GAAG,IAAAC,4BAAa,EAACJ,QAAQ,EAAE,CAACK,IAAI,CAACC,IAAI,CAACC,OAAO,CAACC,WAAW,CAAC,CAAC;IAE/E,OAAAX,KAAA,GAAO,IAAApB,aAAO,EAACY,MAAM,CAAC,eACpBf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACO,KAAK,EAAAD,KAAA,CAAAL,EAAA;MAAA,OAAAxB,KAAA,CAAAyB,WAAA;QAAA,OAAmB;MAAI,GAAAG,KAAA;IAAA,IAC1B,IAAAa,eAAM,EAACV,UAAU,CAAC,iBAAIzB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACU,OAAO,EAAAJ,KAAA,CAAAL,EAAA;MAAA,eAAa;IAAM,IAAEO,UAAoB,CAAC,EACxEI,cAAc,gBAAG7B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACS,QAAQ,EAAAH,KAAA,CAAAL,EAAA,gBAAE,CAAC,gBAAGlB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACW,QAAQ,EAAAL,KAAA,CAAAL,EAAA,+BAAClB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACS,QAAQ,EAAAH,KAAA,CAAAL,EAAA,gBAAE,CAAW,CAC5D,CAAC;EAEZ;AACF;AAAC,IAAAE,gBAAA,CAAAJ,OAAA,EArBKK,QAAQ,WAGGnB,KAAK;AAAA,IAAAkB,gBAAA,CAAAJ,OAAA,EAHhBK,QAAQ,iBAIS,MAAM;AAmB7B,SAASY,OAAOA,CAACG,KAAuF,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACxG,MAAM;IAAExB,MAAM;IAAEyB;EAAS,CAAC,GAAGJ,KAAK;EAClC,MAAMR,QAAQ,GAE2Ba,oBAAI;EAA7C,OAAAF,KAAA,GAAO,IAAApC,aAAO,EAACY,MAAM,CAAC,eAACf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACW,QAAQ,EAAAW,KAAA,CAAArB,EAAA;IAAA,OAAAxB,KAAA,CAAAyB,WAAA,MAAAkB,KAAA;EAAA,IAAgBG,QAAmB,CAAC;AACtE;AAEAP,OAAO,CAACC,WAAW,GAAG,SAAS;AAE/B,MAAMF,IAAI,GAAG,IAAAU,qBAAe,EAG1BrB,QAAQ,EAAE;EAAEY;AAAQ,CAAC,CAAC;;AAExB;AACA;AACA;AACA;AACA;AACA,MAAMF,IAAI,GAAG,IAAAW,qBAAe,EAG1BrC,QAAQ,EAAE;EAAE2B;AAAK,CAAC,CAAC;AAAC,IAAAW,QAAA,GAAAC,OAAA,CAAA5B,OAAA,GAEPe,IAAI","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.type.js","names":[],"sources":["../../../../src/components/List/List.type.ts"],"sourcesContent":["import type { Flex, FlexProps } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type React from 'react';\n\nimport type { NSText } from '../Text/Text.type';\n\ndeclare namespace NSList {\n type Props = NSText.Props & {\n /** Marker of the entire list\n * @default • */\n marker?: React.ReactNode;\n };\n\n namespace Item {\n type Props = NSText.Props & {\n /** Individual marker of a list item */\n marker?: React.ReactNode;\n };\n\n namespace Content {\n type Props = FlexProps;\n type Component = Intergalactic.Component<typeof Flex, Props>;\n }\n\n type Component = Intergalactic.Component<'li', Props> & {\n Content: Content.Component;\n };\n }\n\n type Component = Intergalactic.Component<'ul', Props> & {\n Item: Item.Component;\n };\n}\n\n/** @deprecated It will be removed in v18. */\nexport type ListItemProps = NSList.Item.Props;\n/** @deprecated It will be removed in v18. */\nexport type ListItemContentProps = NSList.Item.Content.Props;\n/** @deprecated It will be removed in v18. */\nexport type ListProps = NSList.Props;\n\nexport type { NSList };\n"],"mappings":"","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"List.type.js","names":[],"sources":["../../../../src/components/List/List.type.ts"],"sourcesContent":["import type { Flex, FlexProps } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type React from 'react';\n\nimport type { NSText } from '../Text/Text.type';\n\ndeclare namespace NSList {\n type Props = NSText.Props & {\n /** Marker of the entire list\n * @default • */\n marker?: React.ReactNode;\n };\n\n type DefaultProps = {\n marker: '•';\n };\n\n namespace Item {\n type Props = NSText.Props & {\n /** Individual marker of a list item */\n marker?: React.ReactNode;\n };\n\n namespace Content {\n type Props = FlexProps;\n type Component = Intergalactic.Component<typeof Flex, Props>;\n }\n\n type Component = Intergalactic.Component<'li', Props> & {\n Content: Content.Component;\n };\n }\n\n type Component = Intergalactic.Component<'ul', Props> & {\n Item: Item.Component;\n };\n}\n\n/** @deprecated It will be removed in v18. */\nexport type ListItemProps = NSList.Item.Props;\n/** @deprecated It will be removed in v18. */\nexport type ListItemContentProps = NSList.Item.Content.Props;\n/** @deprecated It will be removed in v18. */\nexport type ListProps = NSList.Props;\n\nexport type { NSList };\n"],"mappings":"","ignoreList":[]}
|
|
@@ -11,49 +11,49 @@ var _baseComponents = require("@semcore/base-components");
|
|
|
11
11
|
var _resolveColorEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/resolveColorEnhance"));
|
|
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_1nb2o_gg_{padding:0;margin:0}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ abbr{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));-webkit-text-decoration:underline dashed 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_1nb2o_gg_.__formatTags_1nb2o_gg_ abbr{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));-webkit-text-decoration:underline dashed 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_1nb2o_gg_.__formatTags_1nb2o_gg_ abbr{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583));-webkit-text-decoration:underline dashed 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_1nb2o_gg_.__formatTags_1nb2o_gg_ abbr:active,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ abbr:focus{outline:0;color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605));-webkit-text-decoration:underline dashed 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_1nb2o_gg_.__formatTags_1nb2o_gg_ abbr:hover{outline:0;color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605));-webkit-text-decoration:underline dashed 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_1nb2o_gg_.__formatTags_1nb2o_gg_ a{display:inline;background:0 0;outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link, rgb(35, 95, 226));border-bottom-width:1px;border-bottom-style:solid;border-color:transparent}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ a:active{outline:0;-webkit-text-decoration:none;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_1nb2o_gg_.__formatTags_1nb2o_gg_ a:hover{outline:0;-webkit-text-decoration:none;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_1nb2o_gg_.__formatTags_1nb2o_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_1nb2o_gg_.__formatTags_1nb2o_gg_ a:focus{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469))}@media (color-gamut:p3){.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ a:focus{outline-color:var(--intergalactic-keyboard-focus-outline, color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ code,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ pre{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_1nb2o_gg_.__formatTags_1nb2o_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_1nb2o_gg_.__formatTags_1nb2o_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_1nb2o_gg_.__formatTags_1nb2o_gg_ blockquote:before{color:var(--intergalactic-icon-secondary-neutral, rgba(0, 5, 2, 0.385))}@media (color-gamut:p3){.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ blockquote:before{color:var(--intergalactic-icon-secondary-neutral, color(display-p3 0.0036 0.02041 0.00996 / 0.385))}}}.___SText_1nb2o_gg_.__formatTags_1nb2o_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_1nb2o_gg_.__formatTags_1nb2o_gg_ blockquote cite{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ blockquote cite{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]),.___SText_1nb2o_gg_.__formatTags_1nb2o_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_1nb2o_gg_.__formatTags_1nb2o_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_1nb2o_gg_):before,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_1nb2o_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_1nb2o_gg_.__formatTags_1nb2o_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_1nb2o_gg_):before,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_1nb2o_gg_):before{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_1nb2o_gg_):before,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_1nb2o_gg_):before{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_1nb2o_gg_)+li:not(.___SText_1nb2o_gg_),.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_1nb2o_gg_)+li:not(.___SText_1nb2o_gg_){margin:var(--intergalactic-spacing-2x, 8px)0 0 0}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]){counter-reset:item 0}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_1nb2o_gg_):before{counter-increment:item;content:counters(item,\".\")}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_1nb2o_gg_):before{content:\"\";background-color:var(--intergalactic-icon-primary-neutral, rgba(0, 4, 1, 0.526))}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]):has(+p),.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]):has(+p){margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SText_1nb2o_gg_.__formatTags_1nb2o_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_1nb2o_gg_.__formatTags_1nb2o_gg_ h1:only-child,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h2:only-child,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h3:only-child,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h4:only-child,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h5:only-child,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h6:only-child{margin-bottom:0}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h2,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h3{font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h2{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h3{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_1nb2o_gg_.__formatTags_1nb2o_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_1nb2o_gg_.__formatTags_1nb2o_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_1nb2o_gg_.__formatTags_1nb2o_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_1nb2o_gg_.__formatTags_1nb2o_gg_ h1 small,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h2 small,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h3 small,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h4 small,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h5 small,.___SText_1nb2o_gg_.__formatTags_1nb2o_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_1nb2o_gg_.__formatTags_1nb2o_gg_ h1 small,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h2 small,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h3 small,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h4 small,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h5 small,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h6 small{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h1 small,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h2 small,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h3 small,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h4 small,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h5 small,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h6 small{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ li,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ p{margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ p:last-child,.___SText_1nb2o_gg_._size_100_1nb2o_gg_.__formatTags_1nb2o_gg_ p:last-child,.___SText_1nb2o_gg_._size_200_1nb2o_gg_.__formatTags_1nb2o_gg_ p:last-child,.___SText_1nb2o_gg_._size_300_1nb2o_gg_.__formatTags_1nb2o_gg_ p:last-child{margin-bottom:0}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ ol ol li,.___SText_1nb2o_gg_._size_100_1nb2o_gg_.__formatTags_1nb2o_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ ol ol ol li,.___SText_1nb2o_gg_._size_100_1nb2o_gg_.__formatTags_1nb2o_gg_ ol ol ol li,.___SText_1nb2o_gg_._size_200_1nb2o_gg_.__formatTags_1nb2o_gg_ ol ol ol li,.___SText_1nb2o_gg_._size_300_1nb2o_gg_.__formatTags_1nb2o_gg_ ol ol ol li{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SText_1nb2o_gg_.__formatTags_1nb2o_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_1nb2o_gg_.__ellipsis_1nb2o_gg_{overflow:hidden;text-overflow:ellipsis;white-space:pre;display:inline-block;line-height:inherit;vertical-align:top}.___SText_1nb2o_gg_.__ellipsis_1nb2o_gg_._trim_end_1nb2o_gg_.__isEllipsized_1nb2o_gg_::after{content:\"\";display:block}.___SText_1nb2o_gg_.__ellipsis_1nb2o_gg_.__maxLine_1nb2o_gg_{-webkit-line-clamp:var(--maxLine_1nb2o);display:-webkit-box;-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word}.___SText_1nb2o_gg_.__ellipsis_1nb2o_gg_._trim_middle_1nb2o_gg_{text-overflow:initial}.___SText_1nb2o_gg_._size_100_1nb2o_gg_,.___SText_1nb2o_gg_._size_100_1nb2o_gg_.__formatTags_1nb2o_gg_ li,.___SText_1nb2o_gg_._size_100_1nb2o_gg_.__formatTags_1nb2o_gg_ p{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_1nb2o_gg_._size_100_1nb2o_gg_.__formatTags_1nb2o_gg_ p{margin:0 0 calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_1nb2o_gg_._size_100_1nb2o_gg_.__formatTags_1nb2o_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_1nb2o_gg_._size_100_1nb2o_gg_.__formatTags_1nb2o_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_1nb2o_gg_._size_200_1nb2o_gg_,.___SText_1nb2o_gg_._size_200_1nb2o_gg_.__formatTags_1nb2o_gg_ li,.___SText_1nb2o_gg_._size_200_1nb2o_gg_.__formatTags_1nb2o_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1nb2o_gg_._size_200_1nb2o_gg_.__formatTags_1nb2o_gg_ p{margin:0 0 var(--intergalactic-spacing-3x, 12px)0}.___SText_1nb2o_gg_._size_200_1nb2o_gg_.__formatTags_1nb2o_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_1nb2o_gg_._size_200_1nb2o_gg_.__formatTags_1nb2o_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_1nb2o_gg_._size_200_1nb2o_gg_.__formatTags_1nb2o_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_1nb2o_gg_._size_300_1nb2o_gg_,.___SText_1nb2o_gg_._size_300_1nb2o_gg_.__formatTags_1nb2o_gg_ li,.___SText_1nb2o_gg_._size_300_1nb2o_gg_.__formatTags_1nb2o_gg_ p{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_1nb2o_gg_._size_300_1nb2o_gg_.__formatTags_1nb2o_gg_ p{margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_1nb2o_gg_._size_300_1nb2o_gg_.__formatTags_1nb2o_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_1nb2o_gg_._size_300_1nb2o_gg_.__formatTags_1nb2o_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_1nb2o_gg_._size_300_1nb2o_gg_.__formatTags_1nb2o_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_1nb2o_gg_._size_400_1nb2o_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_1nb2o_gg_._size_500_1nb2o_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_1nb2o_gg_._size_600_1nb2o_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_1nb2o_gg_._size_700_1nb2o_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_1nb2o_gg_._size_800_1nb2o_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_1nb2o_gg_.__noWrap_1nb2o_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_1nb2o_gg_.__medium_1nb2o_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_1nb2o_gg_.__semibold_1nb2o_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_1nb2o_gg_.__bold_1nb2o_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_1nb2o_gg_.__italic_1nb2o_gg_{font-style:italic}.___SText_1nb2o_gg_.__monospace_1nb2o_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_1nb2o_gg_.__uppercase_1nb2o_gg_{text-transform:uppercase}.___SText_1nb2o_gg_.__lowercase_1nb2o_gg_{text-transform:lowercase}.___SText_1nb2o_gg_.__capitalize_1nb2o_gg_{text-transform:capitalize}.___SText_1nb2o_gg_.__decoration_1nb2o_gg_{-webkit-text-decoration:var(--decoration_1nb2o);text-decoration:var(--decoration_1nb2o)}.___SText_1nb2o_gg_.__color_1nb2o_gg_{color:var(--color_1nb2o)}.___SText_1nb2o_gg_.__fontSize_1nb2o_gg_{font-size:var(--fontSize_1nb2o)}.___SText_1nb2o_gg_.__lineHeight_1nb2o_gg_{line-height:var(--lineHeight_1nb2o)}.___SText_1nb2o_gg_.__fontWeight_1nb2o_gg_{font-weight:var(--fontWeight_1nb2o)}.___SText_1nb2o_gg_.__textAlign_1nb2o_gg_{text-align:var(--textAlign_1nb2o)}.___SText_1nb2o_gg_._use_primary_1nb2o_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SText_1nb2o_gg_._use_secondary_1nb2o_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SText_1nb2o_gg_._use_secondary_1nb2o_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_1nb2o_gg_._use_secondary_1nb2o_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_1nb2o_gg_.__disabled_1nb2o_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4)}@media (prefers-reduced-motion){.___SText_1nb2o_gg_ a{transition:none}}", /*__inner_css_end__*/"1nb2o_gg_"),
|
|
14
|
+
const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SText_lhtlo_gg_{padding:0;margin:0}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ abbr{color:var(--intergalactic-text-secondary,#00030095);-webkit-text-decoration:underline dashed var(--intergalactic-text-secondary,#00030095);text-decoration:underline dashed var(--intergalactic-text-secondary,#00030095)}@supports (color:color(display-p3 0 0 0%)){.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ abbr{color:var(--intergalactic-text-secondary,#00030095);-webkit-text-decoration:underline dashed var(--intergalactic-text-secondary,#00030095);text-decoration:underline dashed var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ abbr{color:var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583));-webkit-text-decoration:underline dashed var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583));text-decoration:underline dashed var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583))}}}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ :is(abbr:active,abbr:focus){outline:none;color:var(--intergalactic-text-hint-hover-active,rgba(0,3,0,.605));-webkit-text-decoration:underline dashed var(--intergalactic-text-hint-hover-active,rgba(0,3,0,.605));text-decoration:underline dashed var(--intergalactic-text-hint-hover-active,rgba(0,3,0,.605))}@media (hover:hover){.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ abbr:hover{outline:none;color:var(--intergalactic-text-hint-hover-active,rgba(0,3,0,.605));-webkit-text-decoration:underline dashed var(--intergalactic-text-hint-hover-active,rgba(0,3,0,.605));text-decoration:underline dashed var(--intergalactic-text-hint-hover-active,rgba(0,3,0,.605))}}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ a{display:inline;background:none;outline:none;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link,#235fe2);border-bottom:1px solid;border-color:#0000}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ a:active{outline:none;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link-hover-active,#2159d7);border-color:var(--intergalactic-text-link-hover-active,#2159d7)}@media (hover:hover){.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ a:hover{outline:none;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link-hover-active,#2159d7);border-color:var(--intergalactic-text-link-hover-active,#2159d7)}}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ a:focus{outline-color:var(--intergalactic-keyboard-focus-outline,#0020dd78);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_lhtlo_gg_.__formatTags_lhtlo_gg_ a:focus{outline-color:var(--intergalactic-keyboard-focus-outline,#0020dd78)}@media (color-gamut:p3){.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ a:focus{outline-color:var(--intergalactic-keyboard-focus-outline,color(display-p3 .03256 .12227 .83249/.469))}}}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ :is(code,pre){font-family:Consolas,Roboto Mono,Menlo,Courier,monospace}.___SText_lhtlo_gg_.__formatTags_lhtlo_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_lhtlo_gg_.__formatTags_lhtlo_gg_ blockquote:before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNyIgaGVpZ2h0PSIxOSIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI3IDE5Ij48cGF0aCBmaWxsPSIjYTlhYmI2IiBkPSJNOC44MjQuOTQ3VjIuMzFRNS45MDIgMy44MzYgNC42NDEgNS40OTZxLTEuMjYyIDEuNjYtMS4yNjIgMy42MiAwIDEuMTYxLjMzMiAxLjU5My4zLjQ2NS43My40NjUuNDMyIDAgMS4xNjMtLjIzMy43My0uMjY1IDEuMzI4LS4yNjUgMS4zNiAwIDIuMzU3IDEuMDMgMS4wMy45OTUgMS4wMyAyLjQ1NiAwIDEuNTk0LTEuMjMgMi43NTYtMS4yMjcgMS4xMy0zLjA1NCAxLjEyOS0yLjIyNCAwLTQuMDE3LTEuOTI2VC4yMjUgMTEuMzczcTAtMy4zMiAyLjE5MS02LjE3NlE0LjY0MSAyLjMxIDguODI0Ljk0N20xNS44MzguMXYxLjI2MnEtMy4zNTQgMS45MjQtNC40MTYgMy40NTMtMS4wNjIgMS41MjctMS4wNjIgMy41ODYgMCAuOTMuMzY1IDEuMzk0LjM2NS40NjUuNzY0LjQ2NS4zNjQgMCAxLjA5NS0uMjY2YTQuMyA0LjMgMCAwIDEgMS40NjEtLjI2NXExLjM2MiAwIDIuMzU4Ljk5NiAxLjAyOS45NjMgMS4wMjkgMi4zOSAwIDEuNjI4LTEuMjk1IDIuODIzLTEuMjYyIDEuMTk1LTMuMTIxIDEuMTk1LTIuMTkxIDAtMy45NTEtMS44OTItMS43Ni0xLjg5My0xLjc2LTQuNzE1IDAtMy40ODcgMi4yMjQtNi4zNDIgMi4yMjUtMi44ODkgNi4zMS00LjA4NCIvPjwvc3ZnPg==);display:inline-block;position:absolute;left:0;color:var(--intergalactic-icon-secondary-neutral,rgba(0,5,2,.385));font-family:Georgia,Times,Times New Roman,serif}@supports (color:color(display-p3 0 0 0%)){.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ blockquote:before{color:var(--intergalactic-icon-secondary-neutral,rgba(0,5,2,.385))}@media (color-gamut:p3){.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ blockquote:before{color:var(--intergalactic-icon-secondary-neutral,color(display-p3 .0036 .02041 .00996/.385))}}}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ blockquote cite{display:block;font-style:normal;margin-top:var(--intergalactic-spacing-4x,16px);color:var(--intergalactic-text-secondary,#00030095);font-size:var(--intergalactic-fs-300,16px);line-height:var(--intergalactic-lh-300,150%)}@supports (color:color(display-p3 0 0 0%)){.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ blockquote cite{color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ blockquote cite{color:var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583))}}}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]),.___SText_lhtlo_gg_.__formatTags_lhtlo_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_lhtlo_gg_.__formatTags_lhtlo_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_lhtlo_gg_):before,.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_lhtlo_gg_):before{position:absolute;left:0;color:var(--intergalactic-text-secondary,#00030095)}@supports (color:color(display-p3 0 0 0%)){.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_lhtlo_gg_):before,.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_lhtlo_gg_):before{color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_lhtlo_gg_):before,.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_lhtlo_gg_):before{color:var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583))}}}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_lhtlo_gg_)+li:not(.___SText_lhtlo_gg_),.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_lhtlo_gg_)+li:not(.___SText_lhtlo_gg_){margin:var(--intergalactic-spacing-2x,8px) 0 0 0}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]){counter-reset:item 0}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_lhtlo_gg_):before{counter-increment:item;content:counters(item,\".\")}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_lhtlo_gg_):before{content:\"\";background-color:var(--intergalactic-icon-primary-neutral,#00040186)}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]):has(+p),.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]):has(+p){margin-bottom:var(--intergalactic-spacing-4x,16px)}.___SText_lhtlo_gg_.__formatTags_lhtlo_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_lhtlo_gg_.__formatTags_lhtlo_gg_ h1:only-child{margin-bottom:0}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ h2{font-size:var(--intergalactic-fs-700,36px);line-height:var(--intergalactic-lh-700,110%);font-weight:var(--intergalactic-semi-bold,600);margin:0 0 var(--intergalactic-spacing-4x,16px) 0}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ h2:only-child{margin-bottom:0}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ h3{font-size:var(--intergalactic-fs-600,32px);line-height:var(--intergalactic-lh-600,125%);font-weight:var(--intergalactic-semi-bold,600);margin:0 0 var(--intergalactic-spacing-4x,16px) 0}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ h3:only-child{margin-bottom:0}.___SText_lhtlo_gg_.__formatTags_lhtlo_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_lhtlo_gg_.__formatTags_lhtlo_gg_ h4:only-child{margin-bottom:0}.___SText_lhtlo_gg_.__formatTags_lhtlo_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_lhtlo_gg_.__formatTags_lhtlo_gg_ h5:only-child{margin-bottom:0}.___SText_lhtlo_gg_.__formatTags_lhtlo_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_lhtlo_gg_.__formatTags_lhtlo_gg_ h6:only-child{margin-bottom:0}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ :is(h1,h2,h3,h4,h5,h6) small{color:var(--intergalactic-text-secondary,#00030095);font-weight:300;font-size:100%}@supports (color:color(display-p3 0 0 0%)){.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ :is(h1,h2,h3,h4,h5,h6) small{color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ :is(h1,h2,h3,h4,h5,h6) small{color:var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583))}}}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ :is(li,p){font-size:var(--intergalactic-fs-200,14px);line-height:var(--intergalactic-lh-200,142%)}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ p{margin:0 0 var(--intergalactic-spacing-4x,16px) 0}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ p:last-child{margin-bottom:0}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ ol ol ol li{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SText_lhtlo_gg_.__formatTags_lhtlo_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_lhtlo_gg_.__ellipsis_lhtlo_gg_{overflow:hidden;text-overflow:ellipsis;white-space:pre;display:inline-block;line-height:inherit;vertical-align:top}.___SText_lhtlo_gg_.__ellipsis_lhtlo_gg_._trim_end_lhtlo_gg_.__isEllipsized_lhtlo_gg_:after{content:\"\";display:block}.___SText_lhtlo_gg_.__ellipsis_lhtlo_gg_.__maxLine_lhtlo_gg_{-webkit-line-clamp:var(--maxLine_lhtlo);display:-webkit-box;-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word}.___SText_lhtlo_gg_.__ellipsis_lhtlo_gg_._trim_middle_lhtlo_gg_{text-overflow:clip}.___SText_lhtlo_gg_._size_100_lhtlo_gg_,.___SText_lhtlo_gg_._size_100_lhtlo_gg_.__formatTags_lhtlo_gg_ :is(li,p){font-size:var(--intergalactic-fs-100,12px);line-height:var(--intergalactic-lh-100,133%)}.___SText_lhtlo_gg_._size_100_lhtlo_gg_.__formatTags_lhtlo_gg_ p{margin:0 0 calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px)) 0}.___SText_lhtlo_gg_._size_100_lhtlo_gg_.__formatTags_lhtlo_gg_ p:last-child{margin-bottom:0}.___SText_lhtlo_gg_._size_100_lhtlo_gg_.__formatTags_lhtlo_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_lhtlo_gg_._size_100_lhtlo_gg_.__formatTags_lhtlo_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_lhtlo_gg_._size_100_lhtlo_gg_.__formatTags_lhtlo_gg_ ol ol ol li{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SText_lhtlo_gg_._size_100_lhtlo_gg_.__formatTags_lhtlo_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_lhtlo_gg_._size_200_lhtlo_gg_,.___SText_lhtlo_gg_._size_200_lhtlo_gg_.__formatTags_lhtlo_gg_ :is(li,p){font-size:var(--intergalactic-fs-200,14px);line-height:var(--intergalactic-lh-200,142%)}.___SText_lhtlo_gg_._size_200_lhtlo_gg_.__formatTags_lhtlo_gg_ p{margin:0 0 var(--intergalactic-spacing-3x,12px) 0}.___SText_lhtlo_gg_._size_200_lhtlo_gg_.__formatTags_lhtlo_gg_ p:last-child{margin-bottom:0}.___SText_lhtlo_gg_._size_200_lhtlo_gg_.__formatTags_lhtlo_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_lhtlo_gg_._size_200_lhtlo_gg_.__formatTags_lhtlo_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_lhtlo_gg_._size_200_lhtlo_gg_.__formatTags_lhtlo_gg_ ol ol ol li{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SText_lhtlo_gg_._size_200_lhtlo_gg_.__formatTags_lhtlo_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_lhtlo_gg_._size_300_lhtlo_gg_,.___SText_lhtlo_gg_._size_300_lhtlo_gg_.__formatTags_lhtlo_gg_ :is(li,p){font-size:var(--intergalactic-fs-300,16px);line-height:var(--intergalactic-lh-300,150%)}.___SText_lhtlo_gg_._size_300_lhtlo_gg_.__formatTags_lhtlo_gg_ p{margin:0 0 var(--intergalactic-spacing-4x,16px) 0}.___SText_lhtlo_gg_._size_300_lhtlo_gg_.__formatTags_lhtlo_gg_ p:last-child{margin-bottom:0}.___SText_lhtlo_gg_._size_300_lhtlo_gg_.__formatTags_lhtlo_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_lhtlo_gg_._size_300_lhtlo_gg_.__formatTags_lhtlo_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_lhtlo_gg_._size_300_lhtlo_gg_.__formatTags_lhtlo_gg_ ol ol ol li{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SText_lhtlo_gg_._size_300_lhtlo_gg_.__formatTags_lhtlo_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_lhtlo_gg_._size_400_lhtlo_gg_{font-size:var(--intergalactic-fs-400,20px);line-height:var(--intergalactic-lh-400,120%)}.___SText_lhtlo_gg_._size_500_lhtlo_gg_{font-size:var(--intergalactic-fs-500,24px);line-height:var(--intergalactic-lh-500,117%)}.___SText_lhtlo_gg_._size_600_lhtlo_gg_{font-size:var(--intergalactic-fs-600,32px);line-height:var(--intergalactic-lh-600,125%)}.___SText_lhtlo_gg_._size_700_lhtlo_gg_{font-size:var(--intergalactic-fs-700,36px);line-height:var(--intergalactic-lh-700,110%)}.___SText_lhtlo_gg_._size_800_lhtlo_gg_{font-size:var(--intergalactic-fs-800,48px);line-height:var(--intergalactic-lh-800,117%)}.___SText_lhtlo_gg_.__noWrap_lhtlo_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_lhtlo_gg_.__medium_lhtlo_gg_{font-weight:var(--intergalactic-medium,500)}.___SText_lhtlo_gg_.__semibold_lhtlo_gg_{font-weight:var(--intergalactic-semi-bold,600)}.___SText_lhtlo_gg_.__bold_lhtlo_gg_{font-weight:var(--intergalactic-bold,700)}.___SText_lhtlo_gg_.__italic_lhtlo_gg_{font-style:italic}.___SText_lhtlo_gg_.__monospace_lhtlo_gg_{font-family:Consolas,Roboto Mono,Menlo,Courier,monospace}.___SText_lhtlo_gg_.__uppercase_lhtlo_gg_{text-transform:uppercase}.___SText_lhtlo_gg_.__lowercase_lhtlo_gg_{text-transform:lowercase}.___SText_lhtlo_gg_.__capitalize_lhtlo_gg_{text-transform:capitalize}.___SText_lhtlo_gg_.__decoration_lhtlo_gg_{-webkit-text-decoration:var(--decoration_lhtlo);text-decoration:var(--decoration_lhtlo)}.___SText_lhtlo_gg_.__textColor_lhtlo_gg_{color:var(--textColor_lhtlo)}.___SText_lhtlo_gg_.__fontSize_lhtlo_gg_{font-size:var(--fontSize_lhtlo)}.___SText_lhtlo_gg_.__lineHeight_lhtlo_gg_{line-height:var(--lineHeight_lhtlo)}.___SText_lhtlo_gg_.__fontWeight_lhtlo_gg_{font-weight:var(--fontWeight_lhtlo)}.___SText_lhtlo_gg_.__textAlign_lhtlo_gg_{text-align:var(--textAlign_lhtlo)}.___SText_lhtlo_gg_._use_primary_lhtlo_gg_{color:var(--intergalactic-text-primary,#010500e5)}.___SText_lhtlo_gg_._use_secondary_lhtlo_gg_{color:var(--intergalactic-text-secondary,#00030095)}@supports (color:color(display-p3 0 0 0%)){.___SText_lhtlo_gg_._use_secondary_lhtlo_gg_{color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SText_lhtlo_gg_._use_secondary_lhtlo_gg_{color:var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583))}}}.___SText_lhtlo_gg_.__disabled_lhtlo_gg_{opacity:var(--intergalactic-disabled-opacity,.4)}@media (prefers-reduced-motion){.___SText_lhtlo_gg_ a{transition:none}}", /*__inner_css_end__*/"lhtlo_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
|
-
"
|
|
35
|
-
"--
|
|
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
|
-
"_ellipsis": "
|
|
49
|
-
"_trim_end": "
|
|
50
|
-
"_isEllipsized": "
|
|
51
|
-
"_maxLine": "
|
|
52
|
-
"--maxLine": "--
|
|
53
|
-
"_trim_middle": "
|
|
54
|
-
"_size_100": "
|
|
55
|
-
"_size_200": "
|
|
56
|
-
"_size_300": "
|
|
17
|
+
"__SText": "___SText_lhtlo_gg_",
|
|
18
|
+
"_size_400": "_size_400_lhtlo_gg_",
|
|
19
|
+
"_size_500": "_size_500_lhtlo_gg_",
|
|
20
|
+
"_size_600": "_size_600_lhtlo_gg_",
|
|
21
|
+
"_size_700": "_size_700_lhtlo_gg_",
|
|
22
|
+
"_size_800": "_size_800_lhtlo_gg_",
|
|
23
|
+
"_noWrap": "__noWrap_lhtlo_gg_",
|
|
24
|
+
"_medium": "__medium_lhtlo_gg_",
|
|
25
|
+
"_semibold": "__semibold_lhtlo_gg_",
|
|
26
|
+
"_bold": "__bold_lhtlo_gg_",
|
|
27
|
+
"_italic": "__italic_lhtlo_gg_",
|
|
28
|
+
"_monospace": "__monospace_lhtlo_gg_",
|
|
29
|
+
"_uppercase": "__uppercase_lhtlo_gg_",
|
|
30
|
+
"_lowercase": "__lowercase_lhtlo_gg_",
|
|
31
|
+
"_capitalize": "__capitalize_lhtlo_gg_",
|
|
32
|
+
"_decoration": "__decoration_lhtlo_gg_",
|
|
33
|
+
"--decoration": "--decoration_lhtlo",
|
|
34
|
+
"_textColor": "__textColor_lhtlo_gg_",
|
|
35
|
+
"--textColor": "--textColor_lhtlo",
|
|
36
|
+
"_fontSize": "__fontSize_lhtlo_gg_",
|
|
37
|
+
"--fontSize": "--fontSize_lhtlo",
|
|
38
|
+
"_lineHeight": "__lineHeight_lhtlo_gg_",
|
|
39
|
+
"--lineHeight": "--lineHeight_lhtlo",
|
|
40
|
+
"_fontWeight": "__fontWeight_lhtlo_gg_",
|
|
41
|
+
"--fontWeight": "--fontWeight_lhtlo",
|
|
42
|
+
"_textAlign": "__textAlign_lhtlo_gg_",
|
|
43
|
+
"--textAlign": "--textAlign_lhtlo",
|
|
44
|
+
"_use_primary": "_use_primary_lhtlo_gg_",
|
|
45
|
+
"_use_secondary": "_use_secondary_lhtlo_gg_",
|
|
46
|
+
"_disabled": "__disabled_lhtlo_gg_",
|
|
47
|
+
"_formatTags": "__formatTags_lhtlo_gg_",
|
|
48
|
+
"_ellipsis": "__ellipsis_lhtlo_gg_",
|
|
49
|
+
"_trim_end": "_trim_end_lhtlo_gg_",
|
|
50
|
+
"_isEllipsized": "__isEllipsized_lhtlo_gg_",
|
|
51
|
+
"_maxLine": "__maxLine_lhtlo_gg_",
|
|
52
|
+
"--maxLine": "--maxLine_lhtlo",
|
|
53
|
+
"_trim_middle": "_trim_middle_lhtlo_gg_",
|
|
54
|
+
"_size_100": "_size_100_lhtlo_gg_",
|
|
55
|
+
"_size_200": "_size_200_lhtlo_gg_",
|
|
56
|
+
"_size_300": "_size_300_lhtlo_gg_"
|
|
57
57
|
});
|
|
58
58
|
class TextRoot extends _core.Component {
|
|
59
59
|
constructor(props) {
|
|
@@ -111,11 +111,12 @@ class TextRoot extends _core.Component {
|
|
|
111
111
|
"data-ui-name": 'Text',
|
|
112
112
|
"ref": this.innerRef,
|
|
113
113
|
"use:decoration": this.getTextDecoration(underline, lineThrough),
|
|
114
|
-
"
|
|
114
|
+
"textColor": resolveColor(color),
|
|
115
115
|
"use:ellipsis": ellipsis !== undefined ? ellipsis : Boolean(ellipsisProps),
|
|
116
116
|
"isEllipsized": isEllipsized,
|
|
117
117
|
"maxLine": maxLineValue,
|
|
118
|
-
"trim": cropPosition
|
|
118
|
+
"trim": cropPosition,
|
|
119
|
+
"use:color": undefined
|
|
119
120
|
}, _ref)
|
|
120
121
|
})), isEllipsized && withHint && /*#__PURE__*/_react.default.createElement(_baseComponents.Hint, _ref2.cn("Hint", {
|
|
121
122
|
"triggerRef": this.innerRef,
|
|
@@ -155,6 +156,12 @@ class TextRoot extends _core.Component {
|
|
|
155
156
|
}
|
|
156
157
|
}
|
|
157
158
|
}
|
|
159
|
+
|
|
160
|
+
/**
|
|
161
|
+
* Text
|
|
162
|
+
*
|
|
163
|
+
* {@link https://developer.semrush.com/intergalactic/style/typography/typography-api#text|API} | {@link https://developer.semrush.com/intergalactic/style/typography/typography-code|Examples}
|
|
164
|
+
*/
|
|
158
165
|
(0, _defineProperty2.default)(TextRoot, "enhance", [(0, _resolveColorEnhance.default)()]);
|
|
159
166
|
(0, _defineProperty2.default)(TextRoot, "styles", styles);
|
|
160
167
|
(0, _defineProperty2.default)(TextRoot, "displayName", 'Text');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","names":["_core","require","_baseComponents","_resolveColorEnhance","_interopRequireDefault","_react","styles","sstyled","insert","TextRoot","Component","constructor","props","_defineProperty2","default","React","createRef","isEllipsized","handleEllipsized","bind","componentDidMount","initEllipsis","componentDidUpdate","prevProps","ellipsisKeys","hasChanges","some","key","asProps","ellipsis","cleanUpEllipsis","componentWillUnmount","render","_ref","_ref2","SText","Box","color","underline","lineThrough","hint","hintProps","children","ellipsisProps","resolveColor","state","cropPosition","withHint","maxLineValue","maxLine","undefined","createElement","Fragment","cn","assignProps","innerRef","getTextDecoration","Boolean","Hint","setState","shouldInit","current","Ellipsis","on","off","cleanUp","resolveColorEnhance","Text","createComponent","_default","exports"],"sources":["../../../../src/components/Text/Text.tsx"],"sourcesContent":["import { Ellipsis, Hint, Box, type EllipsisSettings } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { Root, sstyled, Component, createComponent } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport React from 'react';\n\nimport type { NSText } from './Text.type';\nimport styles from '../../style/text.shadow.css';\n\ntype State = {\n isEllipsized: boolean;\n};\n\nclass TextRoot extends Component<\n Intergalactic.InternalTypings.InferComponentProps<NSText.Component>,\n typeof TextRoot.enhance,\n {},\n {},\n State\n> {\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 state = {\n isEllipsized: false,\n };\n\n constructor(props: NSText.Props) {\n super(props);\n\n this.handleEllipsized = this.handleEllipsized.bind(this);\n }\n\n componentDidMount(): void {\n this.initEllipsis();\n }\n\n componentDidUpdate(prevProps: NSText.EllipsisProps) {\n const ellipsisKeys: Array<keyof EllipsisSettings> = [\n 'cropPosition',\n 'maxLine',\n 'lastRequiredSymbols',\n 'containerElement',\n 'recalculateContainerWidth',\n 'observeChildrenMutations',\n ];\n\n const hasChanges = ellipsisKeys.some((key) => {\n return prevProps[`ellipsis:${key}`] !== this.asProps[`ellipsis:${key}`];\n });\n\n if (prevProps.ellipsis !== this.asProps.ellipsis || hasChanges) {\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, hint, hintProps, children, ellipsis, ellipsisProps, resolveColor } =\n this.asProps;\n const { isEllipsized } = this.state;\n\n const cropPosition = ellipsisProps?.cropPosition ?? 'end';\n let withHint = hint !== false;\n\n const maxLineValue = ellipsisProps?.maxLine;\n if (hint !== true && 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
|
|
1
|
+
{"version":3,"file":"Text.js","names":["_core","require","_baseComponents","_resolveColorEnhance","_interopRequireDefault","_react","styles","sstyled","insert","TextRoot","Component","constructor","props","_defineProperty2","default","React","createRef","isEllipsized","handleEllipsized","bind","componentDidMount","initEllipsis","componentDidUpdate","prevProps","ellipsisKeys","hasChanges","some","key","asProps","ellipsis","cleanUpEllipsis","componentWillUnmount","render","_ref","_ref2","SText","Box","color","underline","lineThrough","hint","hintProps","children","ellipsisProps","resolveColor","state","cropPosition","withHint","maxLineValue","maxLine","undefined","createElement","Fragment","cn","assignProps","innerRef","getTextDecoration","Boolean","Hint","setState","shouldInit","current","Ellipsis","on","off","cleanUp","resolveColorEnhance","Text","createComponent","_default","exports"],"sources":["../../../../src/components/Text/Text.tsx"],"sourcesContent":["import { Ellipsis, Hint, Box, type EllipsisSettings } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { Root, sstyled, Component, createComponent } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport React from 'react';\n\nimport type { NSText } from './Text.type';\nimport styles from '../../style/text.shadow.css';\n\ntype State = {\n isEllipsized: boolean;\n};\n\nclass TextRoot extends Component<\n Intergalactic.InternalTypings.InferComponentProps<NSText.Component>,\n typeof TextRoot.enhance,\n {},\n {},\n State\n> {\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 state = {\n isEllipsized: false,\n };\n\n constructor(props: NSText.Props) {\n super(props);\n\n this.handleEllipsized = this.handleEllipsized.bind(this);\n }\n\n componentDidMount(): void {\n this.initEllipsis();\n }\n\n componentDidUpdate(prevProps: NSText.EllipsisProps) {\n const ellipsisKeys: Array<keyof EllipsisSettings> = [\n 'cropPosition',\n 'maxLine',\n 'lastRequiredSymbols',\n 'containerElement',\n 'recalculateContainerWidth',\n 'observeChildrenMutations',\n ];\n\n const hasChanges = ellipsisKeys.some((key) => {\n return prevProps[`ellipsis:${key}`] !== this.asProps[`ellipsis:${key}`];\n });\n\n if (prevProps.ellipsis !== this.asProps.ellipsis || hasChanges) {\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, hint, hintProps, children, ellipsis, ellipsisProps, resolveColor } =\n this.asProps;\n const { isEllipsized } = this.state;\n\n const cropPosition = ellipsisProps?.cropPosition ?? 'end';\n let withHint = hint !== false;\n\n const maxLineValue = ellipsisProps?.maxLine;\n if (hint !== true && 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 textColor={resolveColor(color)}\n use:ellipsis={ellipsis !== undefined ? ellipsis : Boolean(ellipsisProps)}\n isEllipsized={isEllipsized}\n maxLine={maxLineValue}\n trim={cropPosition}\n use:color={undefined}\n />\n {isEllipsized && withHint && (\n <Hint triggerRef={this.innerRef} {...hintProps}>\n {children}\n </Hint>\n )}\n </>,\n );\n }\n\n private handleEllipsized(isEllipsized: boolean) {\n this.setState({ isEllipsized: isEllipsized });\n }\n\n private initEllipsis() {\n const { ellipsis, ellipsisProps, hint } = this.asProps;\n const shouldInit = hint !== false || ellipsisProps?.cropPosition === 'middle';\n\n if (shouldInit && (ellipsis || ellipsisProps) && this.innerRef.current) {\n this.ellipsis =\n ellipsis instanceof Ellipsis ? ellipsis : new Ellipsis(this.innerRef.current, ellipsisProps ?? {});\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({ isEllipsized: 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\n/**\n * Text\n *\n * {@link https://developer.semrush.com/intergalactic/style/typography/typography-api#text|API} | {@link https://developer.semrush.com/intergalactic/style/typography/typography-code|Examples}\n */\nconst Text = createComponent<\n NSText.Component,\n typeof TextRoot\n>(TextRoot);\n\nexport default Text;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,12 +5,12 @@ import { createBaseComponent, Root, sstyled } from '@semcore/core';
|
|
|
5
5
|
import isNode from '@semcore/core/lib/utils/isNode';
|
|
6
6
|
import React from 'react';
|
|
7
7
|
/*!__reshadow-styles__:"../../style/blockquote.shadow.css"*/
|
|
8
|
-
const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
8
|
+
const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SBlockquote_n0vde_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,#010500e5)}.___SDoubleQuotation_n0vde_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,#00030095)}@supports (color:color(display-p3 0 0 0%)){.___SDoubleQuotation_n0vde_gg_{color:var(--intergalactic-text-large-secondary,#00030095)}@media (color-gamut:p3){.___SDoubleQuotation_n0vde_gg_{color:var(--intergalactic-text-large-secondary,color(display-p3 .00228 .01289 .00252/.583))}}}.___SAuthor_n0vde_gg_{display:block;margin-top:var(--intergalactic-spacing-4x,16px);color:var(--intergalactic-text-secondary,#00030095);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_n0vde_gg_{color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SAuthor_n0vde_gg_{color:var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583))}}}", /*__inner_css_end__*/"n0vde_gg_"),
|
|
9
9
|
/*__reshadow_css_end__*/
|
|
10
10
|
{
|
|
11
|
-
"__SBlockquote": "
|
|
12
|
-
"__SDoubleQuotation": "
|
|
13
|
-
"__SAuthor": "
|
|
11
|
+
"__SBlockquote": "___SBlockquote_n0vde_gg_",
|
|
12
|
+
"__SDoubleQuotation": "___SDoubleQuotation_n0vde_gg_",
|
|
13
|
+
"__SAuthor": "___SAuthor_n0vde_gg_"
|
|
14
14
|
});
|
|
15
15
|
function BlockquoteRoot(props, ref) {
|
|
16
16
|
var _ref = arguments[0],
|
|
@@ -30,6 +30,12 @@ function BlockquoteRoot(props, ref) {
|
|
|
30
30
|
}), /*#__PURE__*/React.createElement(SDoubleQuotation, _ref2.cn("SDoubleQuotation", {}), "\u201C"), /*#__PURE__*/React.createElement("span", _ref2.cn("span", {}), children, isNode(author) && /*#__PURE__*/React.createElement(SAuthor, _ref2.cn("SAuthor", {}), author)));
|
|
31
31
|
}
|
|
32
32
|
BlockquoteRoot.displayName = 'Blockquote';
|
|
33
|
+
|
|
34
|
+
/**
|
|
35
|
+
* Blockquote
|
|
36
|
+
*
|
|
37
|
+
* {@link https://developer.semrush.com/intergalactic/style/typography/typography-api#blockquote|API} | {@link https://developer.semrush.com/intergalactic/style/typography/typography-code|Examples}
|
|
38
|
+
*/
|
|
33
39
|
const Blockquote = createBaseComponent(BlockquoteRoot);
|
|
34
40
|
export default Blockquote;
|
|
35
41
|
//# sourceMappingURL=Blockquote.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Blockquote.js","names":["Box","createBaseComponent","Root","sstyled","isNode","React","styles","_sstyled","insert","BlockquoteRoot","props","ref","_ref","arguments[0]","_ref2","SBlockquote","SDoubleQuotation","SAuthor","author","children","createElement","cn","_assignProps","displayName","Blockquote"],"sources":["../../../../src/components/Blockquote/Blockquote.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { createBaseComponent, Root, sstyled } from '@semcore/core';\nimport isNode from '@semcore/core/lib/utils/isNode';\nimport React from 'react';\n\nimport type { NSBlockquote } from './Blockquote.type';\nimport styles from '../../style/blockquote.shadow.css';\n\nfunction BlockquoteRoot(\n props: Intergalactic.InternalTypings.InferComponentProps<NSBlockquote.Component>,\n ref: React.
|
|
1
|
+
{"version":3,"file":"Blockquote.js","names":["Box","createBaseComponent","Root","sstyled","isNode","React","styles","_sstyled","insert","BlockquoteRoot","props","ref","_ref","arguments[0]","_ref2","SBlockquote","SDoubleQuotation","SAuthor","author","children","createElement","cn","_assignProps","displayName","Blockquote"],"sources":["../../../../src/components/Blockquote/Blockquote.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { createBaseComponent, Root, sstyled } from '@semcore/core';\nimport isNode from '@semcore/core/lib/utils/isNode';\nimport React from 'react';\n\nimport type { NSBlockquote } from './Blockquote.type';\nimport styles from '../../style/blockquote.shadow.css';\n\nfunction BlockquoteRoot(\n props: Intergalactic.InternalTypings.InferComponentProps<NSBlockquote.Component>,\n ref: React.Ref<HTMLQuoteElement>,\n) {\n const SBlockquote = Root;\n const SDoubleQuotation = 'span';\n const SAuthor = 'cite';\n const { author, children } = props;\n\n return sstyled(styles)(\n <SBlockquote render={Box} tag='blockquote' ref={ref}>\n <SDoubleQuotation>“</SDoubleQuotation>\n <span>\n {children as React.ReactNode}\n {isNode(author) && <SAuthor>{author}</SAuthor>}\n </span>\n </SBlockquote>,\n );\n}\n\nBlockquoteRoot.displayName = 'Blockquote';\n\n/**\n * Blockquote\n *\n * {@link https://developer.semrush.com/intergalactic/style/typography/typography-api#blockquote|API} | {@link https://developer.semrush.com/intergalactic/style/typography/typography-code|Examples}\n */\nconst Blockquote = createBaseComponent<NSBlockquote.Component>(BlockquoteRoot);\n\nexport default Blockquote;\n"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,0BAA0B;AAE9C,SAASC,mBAAmB,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAClE,OAAOC,MAAM,MAAM,gCAAgC;AACnD,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,MAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;AAAA;AAK1B,SAASC,cAAcA,CACrBC,KAAgF,EAChFC,GAAgC,EAChC;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACA,MAAMC,WAAW,GAMMf,GAAG;EAL1B,MAAMgB,gBAAgB,GAAG,MAAM;EAC/B,MAAMC,OAAO,GAAG,MAAM;EACtB,MAAM;IAAEC,MAAM;IAAEC;EAAS,CAAC,GAAGT,KAAK;EAElC,OAAAI,KAAA,GAAOX,OAAO,CAACG,MAAM,CAAC,eACpBD,KAAA,CAAAe,aAAA,CAACL,WAAW,EAAAD,KAAA,CAAAO,EAAA;IAAA,GAAAC,YAAA;MAAA,OAAkB,YAAY;MAAA,OAAMX;IAAG,GAAAC,IAAA;EAAA,iBACjDP,KAAA,CAAAe,aAAA,CAACJ,gBAAgB,EAAAF,KAAA,CAAAO,EAAA,0BAAC,QAAmB,CAAC,eACtChB,KAAA,CAAAe,aAAA,SAAAN,KAAA,CAAAO,EAAA,cACGF,QAAQ,EACRf,MAAM,CAACc,MAAM,CAAC,iBAAIb,KAAA,CAAAe,aAAA,CAACH,OAAO,EAAAH,KAAA,CAAAO,EAAA,iBAAEH,MAAgB,CACzC,CACK,CAAC;AAElB;AAEAT,cAAc,CAACc,WAAW,GAAG,YAAY;;AAEzC;AACA;AACA;AACA;AACA;AACA,MAAMC,UAAU,GAAGvB,mBAAmB,CAAyBQ,cAAc,CAAC;AAE9E,eAAee,UAAU","ignoreList":[]}
|
|
@@ -9,13 +9,13 @@ import { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';
|
|
|
9
9
|
import isNode from '@semcore/core/lib/utils/isNode';
|
|
10
10
|
import React from 'react';
|
|
11
11
|
/*!__reshadow-styles__:"../../style/list.shadow.css"*/
|
|
12
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
12
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SList_9lzb2_gg_{padding:0;margin:0;list-style-type:none}.___SContent_9lzb2_gg_{overflow:inherit;text-overflow:inherit}.___SList_9lzb2_gg_ .___SList_9lzb2_gg_{margin-top:var(--intergalactic-spacing-2x,8px)}.___SItem_9lzb2_gg_{display:flex}.___SItem_9lzb2_gg_+.___SItem_9lzb2_gg_{margin-top:var(--intergalactic-spacing-2x,8px)}.___SMarker_9lzb2_gg_{margin-right:var(--intergalactic-spacing-2x,8px);color:var(--intergalactic-text-secondary,#00030095);line-height:normal}@supports (color:color(display-p3 0 0 0%)){.___SMarker_9lzb2_gg_{color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SMarker_9lzb2_gg_{color:var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583))}}}", /*__inner_css_end__*/"9lzb2_gg_"),
|
|
13
13
|
/*__reshadow_css_end__*/
|
|
14
14
|
{
|
|
15
|
-
"__SList": "
|
|
16
|
-
"__SContent": "
|
|
17
|
-
"__SItem": "
|
|
18
|
-
"__SMarker": "
|
|
15
|
+
"__SList": "___SList_9lzb2_gg_",
|
|
16
|
+
"__SContent": "___SContent_9lzb2_gg_",
|
|
17
|
+
"__SItem": "___SItem_9lzb2_gg_",
|
|
18
|
+
"__SMarker": "___SMarker_9lzb2_gg_"
|
|
19
19
|
});
|
|
20
20
|
import Text from '../Text/Text';
|
|
21
21
|
class ListRoot extends Component {
|
|
@@ -86,6 +86,12 @@ Content.displayName = 'Content';
|
|
|
86
86
|
const Item = createComponent(ItemRoot, {
|
|
87
87
|
Content
|
|
88
88
|
});
|
|
89
|
+
|
|
90
|
+
/**
|
|
91
|
+
* List
|
|
92
|
+
*
|
|
93
|
+
* {@link https://developer.semrush.com/intergalactic/style/typography/typography-api#list|API} | {@link https://developer.semrush.com/intergalactic/style/typography/typography-code|Examples}
|
|
94
|
+
*/
|
|
89
95
|
const List = createComponent(ListRoot, {
|
|
90
96
|
Item
|
|
91
97
|
});
|
|
@@ -1 +1 @@
|
|
|
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","markerNode","Children","SMarker","SContent","isAdvancedMode","List","Item","Content","displayName","_assignProps2","props","_ref3","arguments[0]","_ref6","children","_assignProps3"],"sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import { Flex } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\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 type { NSList } from './List.type';\nimport style from '../../style/list.shadow.css';\nimport Text from '../Text/Text';\n\nclass ListRoot extends Component
|
|
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","markerNode","Children","SMarker","SContent","isAdvancedMode","List","Item","Content","displayName","_assignProps2","props","_ref3","arguments[0]","_ref6","children","_assignProps3"],"sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import { Flex } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\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 type { NSList } from './List.type';\nimport style from '../../style/list.shadow.css';\nimport Text from '../Text/Text';\n\nclass ListRoot extends Component<\n Intergalactic.InternalTypings.InferComponentProps<NSList.Component>,\n [],\n {},\n {},\n {},\n NSList.DefaultProps\n> {\n static displayName = 'List';\n static style = style;\n static defaultProps = {\n marker: '•',\n } as const;\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 Intergalactic.InternalTypings.InferChildComponentProps<NSList.Item.Component, typeof ListRoot, 'Item'>\n> {\n static style = style;\n static displayName = 'Item';\n\n render() {\n const SItem = Root;\n const { styles, 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: Intergalactic.InternalTypings.InferComponentProps<NSList.Item.Content.Component>) {\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<\n NSList.Item.Component,\n typeof ItemRoot\n>(ItemRoot, { Content });\n\n/**\n * List\n *\n * {@link https://developer.semrush.com/intergalactic/style/typography/typography-api#list|API} | {@link https://developer.semrush.com/intergalactic/style/typography/typography-code|Examples}\n */\nconst List = createComponent<\n NSList.Component,\n typeof ListRoot\n>(ListRoot, { Item });\n\nexport default List;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.type.js","names":[],"sources":["../../../../src/components/List/List.type.ts"],"sourcesContent":["import type { Flex, FlexProps } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type React from 'react';\n\nimport type { NSText } from '../Text/Text.type';\n\ndeclare namespace NSList {\n type Props = NSText.Props & {\n /** Marker of the entire list\n * @default • */\n marker?: React.ReactNode;\n };\n\n namespace Item {\n type Props = NSText.Props & {\n /** Individual marker of a list item */\n marker?: React.ReactNode;\n };\n\n namespace Content {\n type Props = FlexProps;\n type Component = Intergalactic.Component<typeof Flex, Props>;\n }\n\n type Component = Intergalactic.Component<'li', Props> & {\n Content: Content.Component;\n };\n }\n\n type Component = Intergalactic.Component<'ul', Props> & {\n Item: Item.Component;\n };\n}\n\n/** @deprecated It will be removed in v18. */\nexport type ListItemProps = NSList.Item.Props;\n/** @deprecated It will be removed in v18. */\nexport type ListItemContentProps = NSList.Item.Content.Props;\n/** @deprecated It will be removed in v18. */\nexport type ListProps = NSList.Props;\n\nexport type { NSList };\n"],"mappings":"","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"List.type.js","names":[],"sources":["../../../../src/components/List/List.type.ts"],"sourcesContent":["import type { Flex, FlexProps } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type React from 'react';\n\nimport type { NSText } from '../Text/Text.type';\n\ndeclare namespace NSList {\n type Props = NSText.Props & {\n /** Marker of the entire list\n * @default • */\n marker?: React.ReactNode;\n };\n\n type DefaultProps = {\n marker: '•';\n };\n\n namespace Item {\n type Props = NSText.Props & {\n /** Individual marker of a list item */\n marker?: React.ReactNode;\n };\n\n namespace Content {\n type Props = FlexProps;\n type Component = Intergalactic.Component<typeof Flex, Props>;\n }\n\n type Component = Intergalactic.Component<'li', Props> & {\n Content: Content.Component;\n };\n }\n\n type Component = Intergalactic.Component<'ul', Props> & {\n Item: Item.Component;\n };\n}\n\n/** @deprecated It will be removed in v18. */\nexport type ListItemProps = NSList.Item.Props;\n/** @deprecated It will be removed in v18. */\nexport type ListItemContentProps = NSList.Item.Content.Props;\n/** @deprecated It will be removed in v18. */\nexport type ListProps = NSList.Props;\n\nexport type { NSList };\n"],"mappings":"","ignoreList":[]}
|
|
@@ -6,49 +6,49 @@ import { Root, sstyled, Component, createComponent } from '@semcore/core';
|
|
|
6
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
|
-
const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SText_1nb2o_gg_{padding:0;margin:0}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ abbr{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));-webkit-text-decoration:underline dashed 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_1nb2o_gg_.__formatTags_1nb2o_gg_ abbr{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));-webkit-text-decoration:underline dashed 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_1nb2o_gg_.__formatTags_1nb2o_gg_ abbr{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583));-webkit-text-decoration:underline dashed 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_1nb2o_gg_.__formatTags_1nb2o_gg_ abbr:active,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ abbr:focus{outline:0;color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605));-webkit-text-decoration:underline dashed 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_1nb2o_gg_.__formatTags_1nb2o_gg_ abbr:hover{outline:0;color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605));-webkit-text-decoration:underline dashed 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_1nb2o_gg_.__formatTags_1nb2o_gg_ a{display:inline;background:0 0;outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link, rgb(35, 95, 226));border-bottom-width:1px;border-bottom-style:solid;border-color:transparent}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ a:active{outline:0;-webkit-text-decoration:none;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_1nb2o_gg_.__formatTags_1nb2o_gg_ a:hover{outline:0;-webkit-text-decoration:none;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_1nb2o_gg_.__formatTags_1nb2o_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_1nb2o_gg_.__formatTags_1nb2o_gg_ a:focus{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469))}@media (color-gamut:p3){.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ a:focus{outline-color:var(--intergalactic-keyboard-focus-outline, color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ code,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ pre{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_1nb2o_gg_.__formatTags_1nb2o_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_1nb2o_gg_.__formatTags_1nb2o_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_1nb2o_gg_.__formatTags_1nb2o_gg_ blockquote:before{color:var(--intergalactic-icon-secondary-neutral, rgba(0, 5, 2, 0.385))}@media (color-gamut:p3){.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ blockquote:before{color:var(--intergalactic-icon-secondary-neutral, color(display-p3 0.0036 0.02041 0.00996 / 0.385))}}}.___SText_1nb2o_gg_.__formatTags_1nb2o_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_1nb2o_gg_.__formatTags_1nb2o_gg_ blockquote cite{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ blockquote cite{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]),.___SText_1nb2o_gg_.__formatTags_1nb2o_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_1nb2o_gg_.__formatTags_1nb2o_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_1nb2o_gg_):before,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_1nb2o_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_1nb2o_gg_.__formatTags_1nb2o_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_1nb2o_gg_):before,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_1nb2o_gg_):before{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_1nb2o_gg_):before,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_1nb2o_gg_):before{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_1nb2o_gg_)+li:not(.___SText_1nb2o_gg_),.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_1nb2o_gg_)+li:not(.___SText_1nb2o_gg_){margin:var(--intergalactic-spacing-2x, 8px)0 0 0}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]){counter-reset:item 0}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_1nb2o_gg_):before{counter-increment:item;content:counters(item,\".\")}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_1nb2o_gg_):before{content:\"\";background-color:var(--intergalactic-icon-primary-neutral, rgba(0, 4, 1, 0.526))}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]):has(+p),.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]):has(+p){margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SText_1nb2o_gg_.__formatTags_1nb2o_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_1nb2o_gg_.__formatTags_1nb2o_gg_ h1:only-child,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h2:only-child,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h3:only-child,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h4:only-child,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h5:only-child,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h6:only-child{margin-bottom:0}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h2,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h3{font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h2{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h3{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_1nb2o_gg_.__formatTags_1nb2o_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_1nb2o_gg_.__formatTags_1nb2o_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_1nb2o_gg_.__formatTags_1nb2o_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_1nb2o_gg_.__formatTags_1nb2o_gg_ h1 small,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h2 small,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h3 small,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h4 small,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h5 small,.___SText_1nb2o_gg_.__formatTags_1nb2o_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_1nb2o_gg_.__formatTags_1nb2o_gg_ h1 small,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h2 small,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h3 small,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h4 small,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h5 small,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h6 small{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h1 small,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h2 small,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h3 small,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h4 small,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h5 small,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h6 small{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ li,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ p{margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ p:last-child,.___SText_1nb2o_gg_._size_100_1nb2o_gg_.__formatTags_1nb2o_gg_ p:last-child,.___SText_1nb2o_gg_._size_200_1nb2o_gg_.__formatTags_1nb2o_gg_ p:last-child,.___SText_1nb2o_gg_._size_300_1nb2o_gg_.__formatTags_1nb2o_gg_ p:last-child{margin-bottom:0}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ ol ol li,.___SText_1nb2o_gg_._size_100_1nb2o_gg_.__formatTags_1nb2o_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ ol ol ol li,.___SText_1nb2o_gg_._size_100_1nb2o_gg_.__formatTags_1nb2o_gg_ ol ol ol li,.___SText_1nb2o_gg_._size_200_1nb2o_gg_.__formatTags_1nb2o_gg_ ol ol ol li,.___SText_1nb2o_gg_._size_300_1nb2o_gg_.__formatTags_1nb2o_gg_ ol ol ol li{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SText_1nb2o_gg_.__formatTags_1nb2o_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_1nb2o_gg_.__ellipsis_1nb2o_gg_{overflow:hidden;text-overflow:ellipsis;white-space:pre;display:inline-block;line-height:inherit;vertical-align:top}.___SText_1nb2o_gg_.__ellipsis_1nb2o_gg_._trim_end_1nb2o_gg_.__isEllipsized_1nb2o_gg_::after{content:\"\";display:block}.___SText_1nb2o_gg_.__ellipsis_1nb2o_gg_.__maxLine_1nb2o_gg_{-webkit-line-clamp:var(--maxLine_1nb2o);display:-webkit-box;-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word}.___SText_1nb2o_gg_.__ellipsis_1nb2o_gg_._trim_middle_1nb2o_gg_{text-overflow:initial}.___SText_1nb2o_gg_._size_100_1nb2o_gg_,.___SText_1nb2o_gg_._size_100_1nb2o_gg_.__formatTags_1nb2o_gg_ li,.___SText_1nb2o_gg_._size_100_1nb2o_gg_.__formatTags_1nb2o_gg_ p{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_1nb2o_gg_._size_100_1nb2o_gg_.__formatTags_1nb2o_gg_ p{margin:0 0 calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_1nb2o_gg_._size_100_1nb2o_gg_.__formatTags_1nb2o_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_1nb2o_gg_._size_100_1nb2o_gg_.__formatTags_1nb2o_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_1nb2o_gg_._size_200_1nb2o_gg_,.___SText_1nb2o_gg_._size_200_1nb2o_gg_.__formatTags_1nb2o_gg_ li,.___SText_1nb2o_gg_._size_200_1nb2o_gg_.__formatTags_1nb2o_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1nb2o_gg_._size_200_1nb2o_gg_.__formatTags_1nb2o_gg_ p{margin:0 0 var(--intergalactic-spacing-3x, 12px)0}.___SText_1nb2o_gg_._size_200_1nb2o_gg_.__formatTags_1nb2o_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_1nb2o_gg_._size_200_1nb2o_gg_.__formatTags_1nb2o_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_1nb2o_gg_._size_200_1nb2o_gg_.__formatTags_1nb2o_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_1nb2o_gg_._size_300_1nb2o_gg_,.___SText_1nb2o_gg_._size_300_1nb2o_gg_.__formatTags_1nb2o_gg_ li,.___SText_1nb2o_gg_._size_300_1nb2o_gg_.__formatTags_1nb2o_gg_ p{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_1nb2o_gg_._size_300_1nb2o_gg_.__formatTags_1nb2o_gg_ p{margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_1nb2o_gg_._size_300_1nb2o_gg_.__formatTags_1nb2o_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_1nb2o_gg_._size_300_1nb2o_gg_.__formatTags_1nb2o_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_1nb2o_gg_._size_300_1nb2o_gg_.__formatTags_1nb2o_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_1nb2o_gg_._size_400_1nb2o_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_1nb2o_gg_._size_500_1nb2o_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_1nb2o_gg_._size_600_1nb2o_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_1nb2o_gg_._size_700_1nb2o_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_1nb2o_gg_._size_800_1nb2o_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_1nb2o_gg_.__noWrap_1nb2o_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_1nb2o_gg_.__medium_1nb2o_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_1nb2o_gg_.__semibold_1nb2o_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_1nb2o_gg_.__bold_1nb2o_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_1nb2o_gg_.__italic_1nb2o_gg_{font-style:italic}.___SText_1nb2o_gg_.__monospace_1nb2o_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_1nb2o_gg_.__uppercase_1nb2o_gg_{text-transform:uppercase}.___SText_1nb2o_gg_.__lowercase_1nb2o_gg_{text-transform:lowercase}.___SText_1nb2o_gg_.__capitalize_1nb2o_gg_{text-transform:capitalize}.___SText_1nb2o_gg_.__decoration_1nb2o_gg_{-webkit-text-decoration:var(--decoration_1nb2o);text-decoration:var(--decoration_1nb2o)}.___SText_1nb2o_gg_.__color_1nb2o_gg_{color:var(--color_1nb2o)}.___SText_1nb2o_gg_.__fontSize_1nb2o_gg_{font-size:var(--fontSize_1nb2o)}.___SText_1nb2o_gg_.__lineHeight_1nb2o_gg_{line-height:var(--lineHeight_1nb2o)}.___SText_1nb2o_gg_.__fontWeight_1nb2o_gg_{font-weight:var(--fontWeight_1nb2o)}.___SText_1nb2o_gg_.__textAlign_1nb2o_gg_{text-align:var(--textAlign_1nb2o)}.___SText_1nb2o_gg_._use_primary_1nb2o_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SText_1nb2o_gg_._use_secondary_1nb2o_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SText_1nb2o_gg_._use_secondary_1nb2o_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_1nb2o_gg_._use_secondary_1nb2o_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_1nb2o_gg_.__disabled_1nb2o_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4)}@media (prefers-reduced-motion){.___SText_1nb2o_gg_ a{transition:none}}", /*__inner_css_end__*/"1nb2o_gg_"),
|
|
9
|
+
const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SText_lhtlo_gg_{padding:0;margin:0}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ abbr{color:var(--intergalactic-text-secondary,#00030095);-webkit-text-decoration:underline dashed var(--intergalactic-text-secondary,#00030095);text-decoration:underline dashed var(--intergalactic-text-secondary,#00030095)}@supports (color:color(display-p3 0 0 0%)){.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ abbr{color:var(--intergalactic-text-secondary,#00030095);-webkit-text-decoration:underline dashed var(--intergalactic-text-secondary,#00030095);text-decoration:underline dashed var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ abbr{color:var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583));-webkit-text-decoration:underline dashed var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583));text-decoration:underline dashed var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583))}}}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ :is(abbr:active,abbr:focus){outline:none;color:var(--intergalactic-text-hint-hover-active,rgba(0,3,0,.605));-webkit-text-decoration:underline dashed var(--intergalactic-text-hint-hover-active,rgba(0,3,0,.605));text-decoration:underline dashed var(--intergalactic-text-hint-hover-active,rgba(0,3,0,.605))}@media (hover:hover){.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ abbr:hover{outline:none;color:var(--intergalactic-text-hint-hover-active,rgba(0,3,0,.605));-webkit-text-decoration:underline dashed var(--intergalactic-text-hint-hover-active,rgba(0,3,0,.605));text-decoration:underline dashed var(--intergalactic-text-hint-hover-active,rgba(0,3,0,.605))}}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ a{display:inline;background:none;outline:none;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link,#235fe2);border-bottom:1px solid;border-color:#0000}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ a:active{outline:none;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link-hover-active,#2159d7);border-color:var(--intergalactic-text-link-hover-active,#2159d7)}@media (hover:hover){.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ a:hover{outline:none;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link-hover-active,#2159d7);border-color:var(--intergalactic-text-link-hover-active,#2159d7)}}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ a:focus{outline-color:var(--intergalactic-keyboard-focus-outline,#0020dd78);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_lhtlo_gg_.__formatTags_lhtlo_gg_ a:focus{outline-color:var(--intergalactic-keyboard-focus-outline,#0020dd78)}@media (color-gamut:p3){.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ a:focus{outline-color:var(--intergalactic-keyboard-focus-outline,color(display-p3 .03256 .12227 .83249/.469))}}}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ :is(code,pre){font-family:Consolas,Roboto Mono,Menlo,Courier,monospace}.___SText_lhtlo_gg_.__formatTags_lhtlo_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_lhtlo_gg_.__formatTags_lhtlo_gg_ blockquote:before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNyIgaGVpZ2h0PSIxOSIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI3IDE5Ij48cGF0aCBmaWxsPSIjYTlhYmI2IiBkPSJNOC44MjQuOTQ3VjIuMzFRNS45MDIgMy44MzYgNC42NDEgNS40OTZxLTEuMjYyIDEuNjYtMS4yNjIgMy42MiAwIDEuMTYxLjMzMiAxLjU5My4zLjQ2NS43My40NjUuNDMyIDAgMS4xNjMtLjIzMy43My0uMjY1IDEuMzI4LS4yNjUgMS4zNiAwIDIuMzU3IDEuMDMgMS4wMy45OTUgMS4wMyAyLjQ1NiAwIDEuNTk0LTEuMjMgMi43NTYtMS4yMjcgMS4xMy0zLjA1NCAxLjEyOS0yLjIyNCAwLTQuMDE3LTEuOTI2VC4yMjUgMTEuMzczcTAtMy4zMiAyLjE5MS02LjE3NlE0LjY0MSAyLjMxIDguODI0Ljk0N20xNS44MzguMXYxLjI2MnEtMy4zNTQgMS45MjQtNC40MTYgMy40NTMtMS4wNjIgMS41MjctMS4wNjIgMy41ODYgMCAuOTMuMzY1IDEuMzk0LjM2NS40NjUuNzY0LjQ2NS4zNjQgMCAxLjA5NS0uMjY2YTQuMyA0LjMgMCAwIDEgMS40NjEtLjI2NXExLjM2MiAwIDIuMzU4Ljk5NiAxLjAyOS45NjMgMS4wMjkgMi4zOSAwIDEuNjI4LTEuMjk1IDIuODIzLTEuMjYyIDEuMTk1LTMuMTIxIDEuMTk1LTIuMTkxIDAtMy45NTEtMS44OTItMS43Ni0xLjg5My0xLjc2LTQuNzE1IDAtMy40ODcgMi4yMjQtNi4zNDIgMi4yMjUtMi44ODkgNi4zMS00LjA4NCIvPjwvc3ZnPg==);display:inline-block;position:absolute;left:0;color:var(--intergalactic-icon-secondary-neutral,rgba(0,5,2,.385));font-family:Georgia,Times,Times New Roman,serif}@supports (color:color(display-p3 0 0 0%)){.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ blockquote:before{color:var(--intergalactic-icon-secondary-neutral,rgba(0,5,2,.385))}@media (color-gamut:p3){.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ blockquote:before{color:var(--intergalactic-icon-secondary-neutral,color(display-p3 .0036 .02041 .00996/.385))}}}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ blockquote cite{display:block;font-style:normal;margin-top:var(--intergalactic-spacing-4x,16px);color:var(--intergalactic-text-secondary,#00030095);font-size:var(--intergalactic-fs-300,16px);line-height:var(--intergalactic-lh-300,150%)}@supports (color:color(display-p3 0 0 0%)){.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ blockquote cite{color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ blockquote cite{color:var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583))}}}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]),.___SText_lhtlo_gg_.__formatTags_lhtlo_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_lhtlo_gg_.__formatTags_lhtlo_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_lhtlo_gg_):before,.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_lhtlo_gg_):before{position:absolute;left:0;color:var(--intergalactic-text-secondary,#00030095)}@supports (color:color(display-p3 0 0 0%)){.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_lhtlo_gg_):before,.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_lhtlo_gg_):before{color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_lhtlo_gg_):before,.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_lhtlo_gg_):before{color:var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583))}}}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_lhtlo_gg_)+li:not(.___SText_lhtlo_gg_),.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_lhtlo_gg_)+li:not(.___SText_lhtlo_gg_){margin:var(--intergalactic-spacing-2x,8px) 0 0 0}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]){counter-reset:item 0}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_lhtlo_gg_):before{counter-increment:item;content:counters(item,\".\")}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_lhtlo_gg_):before{content:\"\";background-color:var(--intergalactic-icon-primary-neutral,#00040186)}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]):has(+p),.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]):has(+p){margin-bottom:var(--intergalactic-spacing-4x,16px)}.___SText_lhtlo_gg_.__formatTags_lhtlo_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_lhtlo_gg_.__formatTags_lhtlo_gg_ h1:only-child{margin-bottom:0}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ h2{font-size:var(--intergalactic-fs-700,36px);line-height:var(--intergalactic-lh-700,110%);font-weight:var(--intergalactic-semi-bold,600);margin:0 0 var(--intergalactic-spacing-4x,16px) 0}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ h2:only-child{margin-bottom:0}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ h3{font-size:var(--intergalactic-fs-600,32px);line-height:var(--intergalactic-lh-600,125%);font-weight:var(--intergalactic-semi-bold,600);margin:0 0 var(--intergalactic-spacing-4x,16px) 0}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ h3:only-child{margin-bottom:0}.___SText_lhtlo_gg_.__formatTags_lhtlo_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_lhtlo_gg_.__formatTags_lhtlo_gg_ h4:only-child{margin-bottom:0}.___SText_lhtlo_gg_.__formatTags_lhtlo_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_lhtlo_gg_.__formatTags_lhtlo_gg_ h5:only-child{margin-bottom:0}.___SText_lhtlo_gg_.__formatTags_lhtlo_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_lhtlo_gg_.__formatTags_lhtlo_gg_ h6:only-child{margin-bottom:0}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ :is(h1,h2,h3,h4,h5,h6) small{color:var(--intergalactic-text-secondary,#00030095);font-weight:300;font-size:100%}@supports (color:color(display-p3 0 0 0%)){.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ :is(h1,h2,h3,h4,h5,h6) small{color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ :is(h1,h2,h3,h4,h5,h6) small{color:var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583))}}}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ :is(li,p){font-size:var(--intergalactic-fs-200,14px);line-height:var(--intergalactic-lh-200,142%)}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ p{margin:0 0 var(--intergalactic-spacing-4x,16px) 0}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ p:last-child{margin-bottom:0}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ ol ol ol li{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SText_lhtlo_gg_.__formatTags_lhtlo_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_lhtlo_gg_.__ellipsis_lhtlo_gg_{overflow:hidden;text-overflow:ellipsis;white-space:pre;display:inline-block;line-height:inherit;vertical-align:top}.___SText_lhtlo_gg_.__ellipsis_lhtlo_gg_._trim_end_lhtlo_gg_.__isEllipsized_lhtlo_gg_:after{content:\"\";display:block}.___SText_lhtlo_gg_.__ellipsis_lhtlo_gg_.__maxLine_lhtlo_gg_{-webkit-line-clamp:var(--maxLine_lhtlo);display:-webkit-box;-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word}.___SText_lhtlo_gg_.__ellipsis_lhtlo_gg_._trim_middle_lhtlo_gg_{text-overflow:clip}.___SText_lhtlo_gg_._size_100_lhtlo_gg_,.___SText_lhtlo_gg_._size_100_lhtlo_gg_.__formatTags_lhtlo_gg_ :is(li,p){font-size:var(--intergalactic-fs-100,12px);line-height:var(--intergalactic-lh-100,133%)}.___SText_lhtlo_gg_._size_100_lhtlo_gg_.__formatTags_lhtlo_gg_ p{margin:0 0 calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px)) 0}.___SText_lhtlo_gg_._size_100_lhtlo_gg_.__formatTags_lhtlo_gg_ p:last-child{margin-bottom:0}.___SText_lhtlo_gg_._size_100_lhtlo_gg_.__formatTags_lhtlo_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_lhtlo_gg_._size_100_lhtlo_gg_.__formatTags_lhtlo_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_lhtlo_gg_._size_100_lhtlo_gg_.__formatTags_lhtlo_gg_ ol ol ol li{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SText_lhtlo_gg_._size_100_lhtlo_gg_.__formatTags_lhtlo_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_lhtlo_gg_._size_200_lhtlo_gg_,.___SText_lhtlo_gg_._size_200_lhtlo_gg_.__formatTags_lhtlo_gg_ :is(li,p){font-size:var(--intergalactic-fs-200,14px);line-height:var(--intergalactic-lh-200,142%)}.___SText_lhtlo_gg_._size_200_lhtlo_gg_.__formatTags_lhtlo_gg_ p{margin:0 0 var(--intergalactic-spacing-3x,12px) 0}.___SText_lhtlo_gg_._size_200_lhtlo_gg_.__formatTags_lhtlo_gg_ p:last-child{margin-bottom:0}.___SText_lhtlo_gg_._size_200_lhtlo_gg_.__formatTags_lhtlo_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_lhtlo_gg_._size_200_lhtlo_gg_.__formatTags_lhtlo_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_lhtlo_gg_._size_200_lhtlo_gg_.__formatTags_lhtlo_gg_ ol ol ol li{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SText_lhtlo_gg_._size_200_lhtlo_gg_.__formatTags_lhtlo_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_lhtlo_gg_._size_300_lhtlo_gg_,.___SText_lhtlo_gg_._size_300_lhtlo_gg_.__formatTags_lhtlo_gg_ :is(li,p){font-size:var(--intergalactic-fs-300,16px);line-height:var(--intergalactic-lh-300,150%)}.___SText_lhtlo_gg_._size_300_lhtlo_gg_.__formatTags_lhtlo_gg_ p{margin:0 0 var(--intergalactic-spacing-4x,16px) 0}.___SText_lhtlo_gg_._size_300_lhtlo_gg_.__formatTags_lhtlo_gg_ p:last-child{margin-bottom:0}.___SText_lhtlo_gg_._size_300_lhtlo_gg_.__formatTags_lhtlo_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_lhtlo_gg_._size_300_lhtlo_gg_.__formatTags_lhtlo_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_lhtlo_gg_._size_300_lhtlo_gg_.__formatTags_lhtlo_gg_ ol ol ol li{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SText_lhtlo_gg_._size_300_lhtlo_gg_.__formatTags_lhtlo_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_lhtlo_gg_._size_400_lhtlo_gg_{font-size:var(--intergalactic-fs-400,20px);line-height:var(--intergalactic-lh-400,120%)}.___SText_lhtlo_gg_._size_500_lhtlo_gg_{font-size:var(--intergalactic-fs-500,24px);line-height:var(--intergalactic-lh-500,117%)}.___SText_lhtlo_gg_._size_600_lhtlo_gg_{font-size:var(--intergalactic-fs-600,32px);line-height:var(--intergalactic-lh-600,125%)}.___SText_lhtlo_gg_._size_700_lhtlo_gg_{font-size:var(--intergalactic-fs-700,36px);line-height:var(--intergalactic-lh-700,110%)}.___SText_lhtlo_gg_._size_800_lhtlo_gg_{font-size:var(--intergalactic-fs-800,48px);line-height:var(--intergalactic-lh-800,117%)}.___SText_lhtlo_gg_.__noWrap_lhtlo_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_lhtlo_gg_.__medium_lhtlo_gg_{font-weight:var(--intergalactic-medium,500)}.___SText_lhtlo_gg_.__semibold_lhtlo_gg_{font-weight:var(--intergalactic-semi-bold,600)}.___SText_lhtlo_gg_.__bold_lhtlo_gg_{font-weight:var(--intergalactic-bold,700)}.___SText_lhtlo_gg_.__italic_lhtlo_gg_{font-style:italic}.___SText_lhtlo_gg_.__monospace_lhtlo_gg_{font-family:Consolas,Roboto Mono,Menlo,Courier,monospace}.___SText_lhtlo_gg_.__uppercase_lhtlo_gg_{text-transform:uppercase}.___SText_lhtlo_gg_.__lowercase_lhtlo_gg_{text-transform:lowercase}.___SText_lhtlo_gg_.__capitalize_lhtlo_gg_{text-transform:capitalize}.___SText_lhtlo_gg_.__decoration_lhtlo_gg_{-webkit-text-decoration:var(--decoration_lhtlo);text-decoration:var(--decoration_lhtlo)}.___SText_lhtlo_gg_.__textColor_lhtlo_gg_{color:var(--textColor_lhtlo)}.___SText_lhtlo_gg_.__fontSize_lhtlo_gg_{font-size:var(--fontSize_lhtlo)}.___SText_lhtlo_gg_.__lineHeight_lhtlo_gg_{line-height:var(--lineHeight_lhtlo)}.___SText_lhtlo_gg_.__fontWeight_lhtlo_gg_{font-weight:var(--fontWeight_lhtlo)}.___SText_lhtlo_gg_.__textAlign_lhtlo_gg_{text-align:var(--textAlign_lhtlo)}.___SText_lhtlo_gg_._use_primary_lhtlo_gg_{color:var(--intergalactic-text-primary,#010500e5)}.___SText_lhtlo_gg_._use_secondary_lhtlo_gg_{color:var(--intergalactic-text-secondary,#00030095)}@supports (color:color(display-p3 0 0 0%)){.___SText_lhtlo_gg_._use_secondary_lhtlo_gg_{color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SText_lhtlo_gg_._use_secondary_lhtlo_gg_{color:var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583))}}}.___SText_lhtlo_gg_.__disabled_lhtlo_gg_{opacity:var(--intergalactic-disabled-opacity,.4)}@media (prefers-reduced-motion){.___SText_lhtlo_gg_ a{transition:none}}", /*__inner_css_end__*/"lhtlo_gg_"),
|
|
10
10
|
/*__reshadow_css_end__*/
|
|
11
11
|
{
|
|
12
|
-
"__SText": "
|
|
13
|
-
"_size_400": "
|
|
14
|
-
"_size_500": "
|
|
15
|
-
"_size_600": "
|
|
16
|
-
"_size_700": "
|
|
17
|
-
"_size_800": "
|
|
18
|
-
"_noWrap": "
|
|
19
|
-
"_medium": "
|
|
20
|
-
"_semibold": "
|
|
21
|
-
"_bold": "
|
|
22
|
-
"_italic": "
|
|
23
|
-
"_monospace": "
|
|
24
|
-
"_uppercase": "
|
|
25
|
-
"_lowercase": "
|
|
26
|
-
"_capitalize": "
|
|
27
|
-
"_decoration": "
|
|
28
|
-
"--decoration": "--
|
|
29
|
-
"
|
|
30
|
-
"--
|
|
31
|
-
"_fontSize": "
|
|
32
|
-
"--fontSize": "--
|
|
33
|
-
"_lineHeight": "
|
|
34
|
-
"--lineHeight": "--
|
|
35
|
-
"_fontWeight": "
|
|
36
|
-
"--fontWeight": "--
|
|
37
|
-
"_textAlign": "
|
|
38
|
-
"--textAlign": "--
|
|
39
|
-
"_use_primary": "
|
|
40
|
-
"_use_secondary": "
|
|
41
|
-
"_disabled": "
|
|
42
|
-
"_formatTags": "
|
|
43
|
-
"_ellipsis": "
|
|
44
|
-
"_trim_end": "
|
|
45
|
-
"_isEllipsized": "
|
|
46
|
-
"_maxLine": "
|
|
47
|
-
"--maxLine": "--
|
|
48
|
-
"_trim_middle": "
|
|
49
|
-
"_size_100": "
|
|
50
|
-
"_size_200": "
|
|
51
|
-
"_size_300": "
|
|
12
|
+
"__SText": "___SText_lhtlo_gg_",
|
|
13
|
+
"_size_400": "_size_400_lhtlo_gg_",
|
|
14
|
+
"_size_500": "_size_500_lhtlo_gg_",
|
|
15
|
+
"_size_600": "_size_600_lhtlo_gg_",
|
|
16
|
+
"_size_700": "_size_700_lhtlo_gg_",
|
|
17
|
+
"_size_800": "_size_800_lhtlo_gg_",
|
|
18
|
+
"_noWrap": "__noWrap_lhtlo_gg_",
|
|
19
|
+
"_medium": "__medium_lhtlo_gg_",
|
|
20
|
+
"_semibold": "__semibold_lhtlo_gg_",
|
|
21
|
+
"_bold": "__bold_lhtlo_gg_",
|
|
22
|
+
"_italic": "__italic_lhtlo_gg_",
|
|
23
|
+
"_monospace": "__monospace_lhtlo_gg_",
|
|
24
|
+
"_uppercase": "__uppercase_lhtlo_gg_",
|
|
25
|
+
"_lowercase": "__lowercase_lhtlo_gg_",
|
|
26
|
+
"_capitalize": "__capitalize_lhtlo_gg_",
|
|
27
|
+
"_decoration": "__decoration_lhtlo_gg_",
|
|
28
|
+
"--decoration": "--decoration_lhtlo",
|
|
29
|
+
"_textColor": "__textColor_lhtlo_gg_",
|
|
30
|
+
"--textColor": "--textColor_lhtlo",
|
|
31
|
+
"_fontSize": "__fontSize_lhtlo_gg_",
|
|
32
|
+
"--fontSize": "--fontSize_lhtlo",
|
|
33
|
+
"_lineHeight": "__lineHeight_lhtlo_gg_",
|
|
34
|
+
"--lineHeight": "--lineHeight_lhtlo",
|
|
35
|
+
"_fontWeight": "__fontWeight_lhtlo_gg_",
|
|
36
|
+
"--fontWeight": "--fontWeight_lhtlo",
|
|
37
|
+
"_textAlign": "__textAlign_lhtlo_gg_",
|
|
38
|
+
"--textAlign": "--textAlign_lhtlo",
|
|
39
|
+
"_use_primary": "_use_primary_lhtlo_gg_",
|
|
40
|
+
"_use_secondary": "_use_secondary_lhtlo_gg_",
|
|
41
|
+
"_disabled": "__disabled_lhtlo_gg_",
|
|
42
|
+
"_formatTags": "__formatTags_lhtlo_gg_",
|
|
43
|
+
"_ellipsis": "__ellipsis_lhtlo_gg_",
|
|
44
|
+
"_trim_end": "_trim_end_lhtlo_gg_",
|
|
45
|
+
"_isEllipsized": "__isEllipsized_lhtlo_gg_",
|
|
46
|
+
"_maxLine": "__maxLine_lhtlo_gg_",
|
|
47
|
+
"--maxLine": "--maxLine_lhtlo",
|
|
48
|
+
"_trim_middle": "_trim_middle_lhtlo_gg_",
|
|
49
|
+
"_size_100": "_size_100_lhtlo_gg_",
|
|
50
|
+
"_size_200": "_size_200_lhtlo_gg_",
|
|
51
|
+
"_size_300": "_size_300_lhtlo_gg_"
|
|
52
52
|
});
|
|
53
53
|
class TextRoot extends Component {
|
|
54
54
|
constructor(props) {
|
|
@@ -106,11 +106,12 @@ class TextRoot extends Component {
|
|
|
106
106
|
"data-ui-name": 'Text',
|
|
107
107
|
"ref": this.innerRef,
|
|
108
108
|
"use:decoration": this.getTextDecoration(underline, lineThrough),
|
|
109
|
-
"
|
|
109
|
+
"textColor": resolveColor(color),
|
|
110
110
|
"use:ellipsis": ellipsis !== undefined ? ellipsis : Boolean(ellipsisProps),
|
|
111
111
|
"isEllipsized": isEllipsized,
|
|
112
112
|
"maxLine": maxLineValue,
|
|
113
|
-
"trim": cropPosition
|
|
113
|
+
"trim": cropPosition,
|
|
114
|
+
"use:color": undefined
|
|
114
115
|
}, _ref)
|
|
115
116
|
})), isEllipsized && withHint && /*#__PURE__*/React.createElement(Hint, _ref2.cn("Hint", {
|
|
116
117
|
"triggerRef": this.innerRef,
|
|
@@ -150,6 +151,12 @@ class TextRoot extends Component {
|
|
|
150
151
|
}
|
|
151
152
|
}
|
|
152
153
|
}
|
|
154
|
+
|
|
155
|
+
/**
|
|
156
|
+
* Text
|
|
157
|
+
*
|
|
158
|
+
* {@link https://developer.semrush.com/intergalactic/style/typography/typography-api#text|API} | {@link https://developer.semrush.com/intergalactic/style/typography/typography-code|Examples}
|
|
159
|
+
*/
|
|
153
160
|
_defineProperty(TextRoot, "enhance", [resolveColorEnhance()]);
|
|
154
161
|
_defineProperty(TextRoot, "styles", styles);
|
|
155
162
|
_defineProperty(TextRoot, "displayName", 'Text');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","names":["Ellipsis","Hint","Box","Root","sstyled","Component","createComponent","resolveColorEnhance","React","styles","_sstyled","insert","TextRoot","constructor","props","_defineProperty","createRef","isEllipsized","handleEllipsized","bind","componentDidMount","initEllipsis","componentDidUpdate","prevProps","ellipsisKeys","hasChanges","some","key","asProps","ellipsis","cleanUpEllipsis","componentWillUnmount","render","_ref","_ref2","SText","color","underline","lineThrough","hint","hintProps","children","ellipsisProps","resolveColor","state","cropPosition","withHint","maxLineValue","maxLine","undefined","createElement","Fragment","cn","_assignProps","innerRef","getTextDecoration","Boolean","setState","shouldInit","current","on","off","cleanUp","Text"],"sources":["../../../../src/components/Text/Text.tsx"],"sourcesContent":["import { Ellipsis, Hint, Box, type EllipsisSettings } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { Root, sstyled, Component, createComponent } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport React from 'react';\n\nimport type { NSText } from './Text.type';\nimport styles from '../../style/text.shadow.css';\n\ntype State = {\n isEllipsized: boolean;\n};\n\nclass TextRoot extends Component<\n Intergalactic.InternalTypings.InferComponentProps<NSText.Component>,\n typeof TextRoot.enhance,\n {},\n {},\n State\n> {\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 state = {\n isEllipsized: false,\n };\n\n constructor(props: NSText.Props) {\n super(props);\n\n this.handleEllipsized = this.handleEllipsized.bind(this);\n }\n\n componentDidMount(): void {\n this.initEllipsis();\n }\n\n componentDidUpdate(prevProps: NSText.EllipsisProps) {\n const ellipsisKeys: Array<keyof EllipsisSettings> = [\n 'cropPosition',\n 'maxLine',\n 'lastRequiredSymbols',\n 'containerElement',\n 'recalculateContainerWidth',\n 'observeChildrenMutations',\n ];\n\n const hasChanges = ellipsisKeys.some((key) => {\n return prevProps[`ellipsis:${key}`] !== this.asProps[`ellipsis:${key}`];\n });\n\n if (prevProps.ellipsis !== this.asProps.ellipsis || hasChanges) {\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, hint, hintProps, children, ellipsis, ellipsisProps, resolveColor } =\n this.asProps;\n const { isEllipsized } = this.state;\n\n const cropPosition = ellipsisProps?.cropPosition ?? 'end';\n let withHint = hint !== false;\n\n const maxLineValue = ellipsisProps?.maxLine;\n if (hint !== true && 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
|
|
1
|
+
{"version":3,"file":"Text.js","names":["Ellipsis","Hint","Box","Root","sstyled","Component","createComponent","resolveColorEnhance","React","styles","_sstyled","insert","TextRoot","constructor","props","_defineProperty","createRef","isEllipsized","handleEllipsized","bind","componentDidMount","initEllipsis","componentDidUpdate","prevProps","ellipsisKeys","hasChanges","some","key","asProps","ellipsis","cleanUpEllipsis","componentWillUnmount","render","_ref","_ref2","SText","color","underline","lineThrough","hint","hintProps","children","ellipsisProps","resolveColor","state","cropPosition","withHint","maxLineValue","maxLine","undefined","createElement","Fragment","cn","_assignProps","innerRef","getTextDecoration","Boolean","setState","shouldInit","current","on","off","cleanUp","Text"],"sources":["../../../../src/components/Text/Text.tsx"],"sourcesContent":["import { Ellipsis, Hint, Box, type EllipsisSettings } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { Root, sstyled, Component, createComponent } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport React from 'react';\n\nimport type { NSText } from './Text.type';\nimport styles from '../../style/text.shadow.css';\n\ntype State = {\n isEllipsized: boolean;\n};\n\nclass TextRoot extends Component<\n Intergalactic.InternalTypings.InferComponentProps<NSText.Component>,\n typeof TextRoot.enhance,\n {},\n {},\n State\n> {\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 state = {\n isEllipsized: false,\n };\n\n constructor(props: NSText.Props) {\n super(props);\n\n this.handleEllipsized = this.handleEllipsized.bind(this);\n }\n\n componentDidMount(): void {\n this.initEllipsis();\n }\n\n componentDidUpdate(prevProps: NSText.EllipsisProps) {\n const ellipsisKeys: Array<keyof EllipsisSettings> = [\n 'cropPosition',\n 'maxLine',\n 'lastRequiredSymbols',\n 'containerElement',\n 'recalculateContainerWidth',\n 'observeChildrenMutations',\n ];\n\n const hasChanges = ellipsisKeys.some((key) => {\n return prevProps[`ellipsis:${key}`] !== this.asProps[`ellipsis:${key}`];\n });\n\n if (prevProps.ellipsis !== this.asProps.ellipsis || hasChanges) {\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, hint, hintProps, children, ellipsis, ellipsisProps, resolveColor } =\n this.asProps;\n const { isEllipsized } = this.state;\n\n const cropPosition = ellipsisProps?.cropPosition ?? 'end';\n let withHint = hint !== false;\n\n const maxLineValue = ellipsisProps?.maxLine;\n if (hint !== true && 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 textColor={resolveColor(color)}\n use:ellipsis={ellipsis !== undefined ? ellipsis : Boolean(ellipsisProps)}\n isEllipsized={isEllipsized}\n maxLine={maxLineValue}\n trim={cropPosition}\n use:color={undefined}\n />\n {isEllipsized && withHint && (\n <Hint triggerRef={this.innerRef} {...hintProps}>\n {children}\n </Hint>\n )}\n </>,\n );\n }\n\n private handleEllipsized(isEllipsized: boolean) {\n this.setState({ isEllipsized: isEllipsized });\n }\n\n private initEllipsis() {\n const { ellipsis, ellipsisProps, hint } = this.asProps;\n const shouldInit = hint !== false || ellipsisProps?.cropPosition === 'middle';\n\n if (shouldInit && (ellipsis || ellipsisProps) && this.innerRef.current) {\n this.ellipsis =\n ellipsis instanceof Ellipsis ? ellipsis : new Ellipsis(this.innerRef.current, ellipsisProps ?? {});\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({ isEllipsized: 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\n/**\n * Text\n *\n * {@link https://developer.semrush.com/intergalactic/style/typography/typography-api#text|API} | {@link https://developer.semrush.com/intergalactic/style/typography/typography-code|Examples}\n */\nconst Text = createComponent<\n NSText.Component,\n typeof TextRoot\n>(TextRoot);\n\nexport default Text;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -7,14 +7,14 @@ const styles = (
|
|
|
7
7
|
/*__reshadow_css_start__*/
|
|
8
8
|
(sstyled.insert(
|
|
9
9
|
/*__inner_css_start__*/
|
|
10
|
-
|
|
10
|
+
".___SBlockquote_n0vde_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,#010500e5)}.___SDoubleQuotation_n0vde_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,#00030095)}@supports (color:color(display-p3 0 0 0%)){.___SDoubleQuotation_n0vde_gg_{color:var(--intergalactic-text-large-secondary,#00030095)}@media (color-gamut:p3){.___SDoubleQuotation_n0vde_gg_{color:var(--intergalactic-text-large-secondary,color(display-p3 .00228 .01289 .00252/.583))}}}.___SAuthor_n0vde_gg_{display:block;margin-top:var(--intergalactic-spacing-4x,16px);color:var(--intergalactic-text-secondary,#00030095);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_n0vde_gg_{color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SAuthor_n0vde_gg_{color:var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583))}}}",
|
|
11
11
|
/*__inner_css_end__*/
|
|
12
|
-
"
|
|
12
|
+
"n0vde_gg_"
|
|
13
13
|
), /*__reshadow_css_end__*/
|
|
14
14
|
{
|
|
15
|
-
"__SBlockquote": "
|
|
16
|
-
"__SDoubleQuotation": "
|
|
17
|
-
"__SAuthor": "
|
|
15
|
+
"__SBlockquote": "___SBlockquote_n0vde_gg_",
|
|
16
|
+
"__SDoubleQuotation": "___SDoubleQuotation_n0vde_gg_",
|
|
17
|
+
"__SAuthor": "___SAuthor_n0vde_gg_"
|
|
18
18
|
})
|
|
19
19
|
);
|
|
20
20
|
function BlockquoteRoot(props, ref) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import _defineProperty from "@babel/runtime/helpers/
|
|
1
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
import { sstyled, Component, assignProps, createComponent } from "@semcore/core";
|
|
3
3
|
import { Flex } from "@semcore/base-components";
|
|
4
4
|
import { isAdvanceMode } from "@semcore/core/lib/utils/findComponent";
|
|
@@ -10,15 +10,15 @@ const style = (
|
|
|
10
10
|
/*__reshadow_css_start__*/
|
|
11
11
|
(sstyled.insert(
|
|
12
12
|
/*__inner_css_start__*/
|
|
13
|
-
".
|
|
13
|
+
".___SList_9lzb2_gg_{padding:0;margin:0;list-style-type:none}.___SContent_9lzb2_gg_{overflow:inherit;text-overflow:inherit}.___SList_9lzb2_gg_ .___SList_9lzb2_gg_{margin-top:var(--intergalactic-spacing-2x,8px)}.___SItem_9lzb2_gg_{display:flex}.___SItem_9lzb2_gg_+.___SItem_9lzb2_gg_{margin-top:var(--intergalactic-spacing-2x,8px)}.___SMarker_9lzb2_gg_{margin-right:var(--intergalactic-spacing-2x,8px);color:var(--intergalactic-text-secondary,#00030095);line-height:normal}@supports (color:color(display-p3 0 0 0%)){.___SMarker_9lzb2_gg_{color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SMarker_9lzb2_gg_{color:var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583))}}}",
|
|
14
14
|
/*__inner_css_end__*/
|
|
15
|
-
"
|
|
15
|
+
"9lzb2_gg_"
|
|
16
16
|
), /*__reshadow_css_end__*/
|
|
17
17
|
{
|
|
18
|
-
"__SList": "
|
|
19
|
-
"__SContent": "
|
|
20
|
-
"__SItem": "
|
|
21
|
-
"__SMarker": "
|
|
18
|
+
"__SList": "___SList_9lzb2_gg_",
|
|
19
|
+
"__SContent": "___SContent_9lzb2_gg_",
|
|
20
|
+
"__SItem": "___SItem_9lzb2_gg_",
|
|
21
|
+
"__SMarker": "___SMarker_9lzb2_gg_"
|
|
22
22
|
})
|
|
23
23
|
);
|
|
24
24
|
class ListRoot extends Component {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import _defineProperty from "@babel/runtime/helpers/
|
|
1
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
import { sstyled, Component, assignProps, createComponent } from "@semcore/core";
|
|
3
3
|
import { Box, Hint, Ellipsis } from "@semcore/base-components";
|
|
4
4
|
import resolveColorEnhance from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
|
|
@@ -8,51 +8,51 @@ const styles = (
|
|
|
8
8
|
/*__reshadow_css_start__*/
|
|
9
9
|
(sstyled.insert(
|
|
10
10
|
/*__inner_css_start__*/
|
|
11
|
-
'.___SText_1nb2o_gg_{padding:0;margin:0}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ abbr{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));-webkit-text-decoration:underline dashed 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_1nb2o_gg_.__formatTags_1nb2o_gg_ abbr{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));-webkit-text-decoration:underline dashed 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_1nb2o_gg_.__formatTags_1nb2o_gg_ abbr{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583));-webkit-text-decoration:underline dashed 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_1nb2o_gg_.__formatTags_1nb2o_gg_ abbr:active,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ abbr:focus{outline:0;color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605));-webkit-text-decoration:underline dashed 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_1nb2o_gg_.__formatTags_1nb2o_gg_ abbr:hover{outline:0;color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605));-webkit-text-decoration:underline dashed 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_1nb2o_gg_.__formatTags_1nb2o_gg_ a{display:inline;background:0 0;outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link, rgb(35, 95, 226));border-bottom-width:1px;border-bottom-style:solid;border-color:transparent}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ a:active{outline:0;-webkit-text-decoration:none;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_1nb2o_gg_.__formatTags_1nb2o_gg_ a:hover{outline:0;-webkit-text-decoration:none;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_1nb2o_gg_.__formatTags_1nb2o_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_1nb2o_gg_.__formatTags_1nb2o_gg_ a:focus{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469))}@media (color-gamut:p3){.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ a:focus{outline-color:var(--intergalactic-keyboard-focus-outline, color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ code,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ pre{font-family:Consolas,"Roboto Mono",Menlo,Courier,monospace}.___SText_1nb2o_gg_.__formatTags_1nb2o_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_1nb2o_gg_.__formatTags_1nb2o_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_1nb2o_gg_.__formatTags_1nb2o_gg_ blockquote:before{color:var(--intergalactic-icon-secondary-neutral, rgba(0, 5, 2, 0.385))}@media (color-gamut:p3){.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ blockquote:before{color:var(--intergalactic-icon-secondary-neutral, color(display-p3 0.0036 0.02041 0.00996 / 0.385))}}}.___SText_1nb2o_gg_.__formatTags_1nb2o_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_1nb2o_gg_.__formatTags_1nb2o_gg_ blockquote cite{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ blockquote cite{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]),.___SText_1nb2o_gg_.__formatTags_1nb2o_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_1nb2o_gg_.__formatTags_1nb2o_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_1nb2o_gg_):before,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_1nb2o_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_1nb2o_gg_.__formatTags_1nb2o_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_1nb2o_gg_):before,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_1nb2o_gg_):before{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_1nb2o_gg_):before,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_1nb2o_gg_):before{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_1nb2o_gg_)+li:not(.___SText_1nb2o_gg_),.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_1nb2o_gg_)+li:not(.___SText_1nb2o_gg_){margin:var(--intergalactic-spacing-2x, 8px)0 0 0}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]){counter-reset:item 0}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_1nb2o_gg_):before{counter-increment:item;content:counters(item,".")}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_1nb2o_gg_):before{content:"";background-color:var(--intergalactic-icon-primary-neutral, rgba(0, 4, 1, 0.526))}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]):has(+p),.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]):has(+p){margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SText_1nb2o_gg_.__formatTags_1nb2o_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_1nb2o_gg_.__formatTags_1nb2o_gg_ h1:only-child,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h2:only-child,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h3:only-child,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h4:only-child,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h5:only-child,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h6:only-child{margin-bottom:0}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h2,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h3{font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h2{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h3{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_1nb2o_gg_.__formatTags_1nb2o_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_1nb2o_gg_.__formatTags_1nb2o_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_1nb2o_gg_.__formatTags_1nb2o_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_1nb2o_gg_.__formatTags_1nb2o_gg_ h1 small,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h2 small,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h3 small,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h4 small,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h5 small,.___SText_1nb2o_gg_.__formatTags_1nb2o_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_1nb2o_gg_.__formatTags_1nb2o_gg_ h1 small,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h2 small,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h3 small,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h4 small,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h5 small,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h6 small{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h1 small,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h2 small,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h3 small,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h4 small,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h5 small,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ h6 small{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ li,.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ p{margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ p:last-child,.___SText_1nb2o_gg_._size_100_1nb2o_gg_.__formatTags_1nb2o_gg_ p:last-child,.___SText_1nb2o_gg_._size_200_1nb2o_gg_.__formatTags_1nb2o_gg_ p:last-child,.___SText_1nb2o_gg_._size_300_1nb2o_gg_.__formatTags_1nb2o_gg_ p:last-child{margin-bottom:0}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ ol ol li,.___SText_1nb2o_gg_._size_100_1nb2o_gg_.__formatTags_1nb2o_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_1nb2o_gg_.__formatTags_1nb2o_gg_ ol ol ol li,.___SText_1nb2o_gg_._size_100_1nb2o_gg_.__formatTags_1nb2o_gg_ ol ol ol li,.___SText_1nb2o_gg_._size_200_1nb2o_gg_.__formatTags_1nb2o_gg_ ol ol ol li,.___SText_1nb2o_gg_._size_300_1nb2o_gg_.__formatTags_1nb2o_gg_ ol ol ol li{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SText_1nb2o_gg_.__formatTags_1nb2o_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_1nb2o_gg_.__ellipsis_1nb2o_gg_{overflow:hidden;text-overflow:ellipsis;white-space:pre;display:inline-block;line-height:inherit;vertical-align:top}.___SText_1nb2o_gg_.__ellipsis_1nb2o_gg_._trim_end_1nb2o_gg_.__isEllipsized_1nb2o_gg_::after{content:"";display:block}.___SText_1nb2o_gg_.__ellipsis_1nb2o_gg_.__maxLine_1nb2o_gg_{-webkit-line-clamp:var(--maxLine_1nb2o);display:-webkit-box;-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word}.___SText_1nb2o_gg_.__ellipsis_1nb2o_gg_._trim_middle_1nb2o_gg_{text-overflow:initial}.___SText_1nb2o_gg_._size_100_1nb2o_gg_,.___SText_1nb2o_gg_._size_100_1nb2o_gg_.__formatTags_1nb2o_gg_ li,.___SText_1nb2o_gg_._size_100_1nb2o_gg_.__formatTags_1nb2o_gg_ p{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_1nb2o_gg_._size_100_1nb2o_gg_.__formatTags_1nb2o_gg_ p{margin:0 0 calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_1nb2o_gg_._size_100_1nb2o_gg_.__formatTags_1nb2o_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_1nb2o_gg_._size_100_1nb2o_gg_.__formatTags_1nb2o_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_1nb2o_gg_._size_200_1nb2o_gg_,.___SText_1nb2o_gg_._size_200_1nb2o_gg_.__formatTags_1nb2o_gg_ li,.___SText_1nb2o_gg_._size_200_1nb2o_gg_.__formatTags_1nb2o_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1nb2o_gg_._size_200_1nb2o_gg_.__formatTags_1nb2o_gg_ p{margin:0 0 var(--intergalactic-spacing-3x, 12px)0}.___SText_1nb2o_gg_._size_200_1nb2o_gg_.__formatTags_1nb2o_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_1nb2o_gg_._size_200_1nb2o_gg_.__formatTags_1nb2o_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_1nb2o_gg_._size_200_1nb2o_gg_.__formatTags_1nb2o_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_1nb2o_gg_._size_300_1nb2o_gg_,.___SText_1nb2o_gg_._size_300_1nb2o_gg_.__formatTags_1nb2o_gg_ li,.___SText_1nb2o_gg_._size_300_1nb2o_gg_.__formatTags_1nb2o_gg_ p{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_1nb2o_gg_._size_300_1nb2o_gg_.__formatTags_1nb2o_gg_ p{margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_1nb2o_gg_._size_300_1nb2o_gg_.__formatTags_1nb2o_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_1nb2o_gg_._size_300_1nb2o_gg_.__formatTags_1nb2o_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_1nb2o_gg_._size_300_1nb2o_gg_.__formatTags_1nb2o_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_1nb2o_gg_._size_400_1nb2o_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_1nb2o_gg_._size_500_1nb2o_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_1nb2o_gg_._size_600_1nb2o_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_1nb2o_gg_._size_700_1nb2o_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_1nb2o_gg_._size_800_1nb2o_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_1nb2o_gg_.__noWrap_1nb2o_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_1nb2o_gg_.__medium_1nb2o_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_1nb2o_gg_.__semibold_1nb2o_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_1nb2o_gg_.__bold_1nb2o_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_1nb2o_gg_.__italic_1nb2o_gg_{font-style:italic}.___SText_1nb2o_gg_.__monospace_1nb2o_gg_{font-family:Consolas,"Roboto Mono",Menlo,Courier,monospace}.___SText_1nb2o_gg_.__uppercase_1nb2o_gg_{text-transform:uppercase}.___SText_1nb2o_gg_.__lowercase_1nb2o_gg_{text-transform:lowercase}.___SText_1nb2o_gg_.__capitalize_1nb2o_gg_{text-transform:capitalize}.___SText_1nb2o_gg_.__decoration_1nb2o_gg_{-webkit-text-decoration:var(--decoration_1nb2o);text-decoration:var(--decoration_1nb2o)}.___SText_1nb2o_gg_.__color_1nb2o_gg_{color:var(--color_1nb2o)}.___SText_1nb2o_gg_.__fontSize_1nb2o_gg_{font-size:var(--fontSize_1nb2o)}.___SText_1nb2o_gg_.__lineHeight_1nb2o_gg_{line-height:var(--lineHeight_1nb2o)}.___SText_1nb2o_gg_.__fontWeight_1nb2o_gg_{font-weight:var(--fontWeight_1nb2o)}.___SText_1nb2o_gg_.__textAlign_1nb2o_gg_{text-align:var(--textAlign_1nb2o)}.___SText_1nb2o_gg_._use_primary_1nb2o_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SText_1nb2o_gg_._use_secondary_1nb2o_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SText_1nb2o_gg_._use_secondary_1nb2o_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_1nb2o_gg_._use_secondary_1nb2o_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_1nb2o_gg_.__disabled_1nb2o_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4)}@media (prefers-reduced-motion){.___SText_1nb2o_gg_ a{transition:none}}',
|
|
11
|
+
'.___SText_lhtlo_gg_{padding:0;margin:0}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ abbr{color:var(--intergalactic-text-secondary,#00030095);-webkit-text-decoration:underline dashed var(--intergalactic-text-secondary,#00030095);text-decoration:underline dashed var(--intergalactic-text-secondary,#00030095)}@supports (color:color(display-p3 0 0 0%)){.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ abbr{color:var(--intergalactic-text-secondary,#00030095);-webkit-text-decoration:underline dashed var(--intergalactic-text-secondary,#00030095);text-decoration:underline dashed var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ abbr{color:var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583));-webkit-text-decoration:underline dashed var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583));text-decoration:underline dashed var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583))}}}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ :is(abbr:active,abbr:focus){outline:none;color:var(--intergalactic-text-hint-hover-active,rgba(0,3,0,.605));-webkit-text-decoration:underline dashed var(--intergalactic-text-hint-hover-active,rgba(0,3,0,.605));text-decoration:underline dashed var(--intergalactic-text-hint-hover-active,rgba(0,3,0,.605))}@media (hover:hover){.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ abbr:hover{outline:none;color:var(--intergalactic-text-hint-hover-active,rgba(0,3,0,.605));-webkit-text-decoration:underline dashed var(--intergalactic-text-hint-hover-active,rgba(0,3,0,.605));text-decoration:underline dashed var(--intergalactic-text-hint-hover-active,rgba(0,3,0,.605))}}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ a{display:inline;background:none;outline:none;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link,#235fe2);border-bottom:1px solid;border-color:#0000}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ a:active{outline:none;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link-hover-active,#2159d7);border-color:var(--intergalactic-text-link-hover-active,#2159d7)}@media (hover:hover){.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ a:hover{outline:none;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link-hover-active,#2159d7);border-color:var(--intergalactic-text-link-hover-active,#2159d7)}}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ a:focus{outline-color:var(--intergalactic-keyboard-focus-outline,#0020dd78);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_lhtlo_gg_.__formatTags_lhtlo_gg_ a:focus{outline-color:var(--intergalactic-keyboard-focus-outline,#0020dd78)}@media (color-gamut:p3){.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ a:focus{outline-color:var(--intergalactic-keyboard-focus-outline,color(display-p3 .03256 .12227 .83249/.469))}}}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ :is(code,pre){font-family:Consolas,Roboto Mono,Menlo,Courier,monospace}.___SText_lhtlo_gg_.__formatTags_lhtlo_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_lhtlo_gg_.__formatTags_lhtlo_gg_ blockquote:before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNyIgaGVpZ2h0PSIxOSIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI3IDE5Ij48cGF0aCBmaWxsPSIjYTlhYmI2IiBkPSJNOC44MjQuOTQ3VjIuMzFRNS45MDIgMy44MzYgNC42NDEgNS40OTZxLTEuMjYyIDEuNjYtMS4yNjIgMy42MiAwIDEuMTYxLjMzMiAxLjU5My4zLjQ2NS43My40NjUuNDMyIDAgMS4xNjMtLjIzMy43My0uMjY1IDEuMzI4LS4yNjUgMS4zNiAwIDIuMzU3IDEuMDMgMS4wMy45OTUgMS4wMyAyLjQ1NiAwIDEuNTk0LTEuMjMgMi43NTYtMS4yMjcgMS4xMy0zLjA1NCAxLjEyOS0yLjIyNCAwLTQuMDE3LTEuOTI2VC4yMjUgMTEuMzczcTAtMy4zMiAyLjE5MS02LjE3NlE0LjY0MSAyLjMxIDguODI0Ljk0N20xNS44MzguMXYxLjI2MnEtMy4zNTQgMS45MjQtNC40MTYgMy40NTMtMS4wNjIgMS41MjctMS4wNjIgMy41ODYgMCAuOTMuMzY1IDEuMzk0LjM2NS40NjUuNzY0LjQ2NS4zNjQgMCAxLjA5NS0uMjY2YTQuMyA0LjMgMCAwIDEgMS40NjEtLjI2NXExLjM2MiAwIDIuMzU4Ljk5NiAxLjAyOS45NjMgMS4wMjkgMi4zOSAwIDEuNjI4LTEuMjk1IDIuODIzLTEuMjYyIDEuMTk1LTMuMTIxIDEuMTk1LTIuMTkxIDAtMy45NTEtMS44OTItMS43Ni0xLjg5My0xLjc2LTQuNzE1IDAtMy40ODcgMi4yMjQtNi4zNDIgMi4yMjUtMi44ODkgNi4zMS00LjA4NCIvPjwvc3ZnPg==);display:inline-block;position:absolute;left:0;color:var(--intergalactic-icon-secondary-neutral,rgba(0,5,2,.385));font-family:Georgia,Times,Times New Roman,serif}@supports (color:color(display-p3 0 0 0%)){.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ blockquote:before{color:var(--intergalactic-icon-secondary-neutral,rgba(0,5,2,.385))}@media (color-gamut:p3){.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ blockquote:before{color:var(--intergalactic-icon-secondary-neutral,color(display-p3 .0036 .02041 .00996/.385))}}}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ blockquote cite{display:block;font-style:normal;margin-top:var(--intergalactic-spacing-4x,16px);color:var(--intergalactic-text-secondary,#00030095);font-size:var(--intergalactic-fs-300,16px);line-height:var(--intergalactic-lh-300,150%)}@supports (color:color(display-p3 0 0 0%)){.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ blockquote cite{color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ blockquote cite{color:var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583))}}}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]),.___SText_lhtlo_gg_.__formatTags_lhtlo_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_lhtlo_gg_.__formatTags_lhtlo_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_lhtlo_gg_):before,.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_lhtlo_gg_):before{position:absolute;left:0;color:var(--intergalactic-text-secondary,#00030095)}@supports (color:color(display-p3 0 0 0%)){.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_lhtlo_gg_):before,.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_lhtlo_gg_):before{color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_lhtlo_gg_):before,.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_lhtlo_gg_):before{color:var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583))}}}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_lhtlo_gg_)+li:not(.___SText_lhtlo_gg_),.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_lhtlo_gg_)+li:not(.___SText_lhtlo_gg_){margin:var(--intergalactic-spacing-2x,8px) 0 0 0}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]){counter-reset:item 0}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_lhtlo_gg_):before{counter-increment:item;content:counters(item,".")}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_lhtlo_gg_):before{content:"";background-color:var(--intergalactic-icon-primary-neutral,#00040186)}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]):has(+p),.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]):has(+p){margin-bottom:var(--intergalactic-spacing-4x,16px)}.___SText_lhtlo_gg_.__formatTags_lhtlo_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_lhtlo_gg_.__formatTags_lhtlo_gg_ h1:only-child{margin-bottom:0}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ h2{font-size:var(--intergalactic-fs-700,36px);line-height:var(--intergalactic-lh-700,110%);font-weight:var(--intergalactic-semi-bold,600);margin:0 0 var(--intergalactic-spacing-4x,16px) 0}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ h2:only-child{margin-bottom:0}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ h3{font-size:var(--intergalactic-fs-600,32px);line-height:var(--intergalactic-lh-600,125%);font-weight:var(--intergalactic-semi-bold,600);margin:0 0 var(--intergalactic-spacing-4x,16px) 0}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ h3:only-child{margin-bottom:0}.___SText_lhtlo_gg_.__formatTags_lhtlo_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_lhtlo_gg_.__formatTags_lhtlo_gg_ h4:only-child{margin-bottom:0}.___SText_lhtlo_gg_.__formatTags_lhtlo_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_lhtlo_gg_.__formatTags_lhtlo_gg_ h5:only-child{margin-bottom:0}.___SText_lhtlo_gg_.__formatTags_lhtlo_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_lhtlo_gg_.__formatTags_lhtlo_gg_ h6:only-child{margin-bottom:0}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ :is(h1,h2,h3,h4,h5,h6) small{color:var(--intergalactic-text-secondary,#00030095);font-weight:300;font-size:100%}@supports (color:color(display-p3 0 0 0%)){.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ :is(h1,h2,h3,h4,h5,h6) small{color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ :is(h1,h2,h3,h4,h5,h6) small{color:var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583))}}}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ :is(li,p){font-size:var(--intergalactic-fs-200,14px);line-height:var(--intergalactic-lh-200,142%)}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ p{margin:0 0 var(--intergalactic-spacing-4x,16px) 0}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ p:last-child{margin-bottom:0}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_lhtlo_gg_.__formatTags_lhtlo_gg_ ol ol ol li{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SText_lhtlo_gg_.__formatTags_lhtlo_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_lhtlo_gg_.__ellipsis_lhtlo_gg_{overflow:hidden;text-overflow:ellipsis;white-space:pre;display:inline-block;line-height:inherit;vertical-align:top}.___SText_lhtlo_gg_.__ellipsis_lhtlo_gg_._trim_end_lhtlo_gg_.__isEllipsized_lhtlo_gg_:after{content:"";display:block}.___SText_lhtlo_gg_.__ellipsis_lhtlo_gg_.__maxLine_lhtlo_gg_{-webkit-line-clamp:var(--maxLine_lhtlo);display:-webkit-box;-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word}.___SText_lhtlo_gg_.__ellipsis_lhtlo_gg_._trim_middle_lhtlo_gg_{text-overflow:clip}.___SText_lhtlo_gg_._size_100_lhtlo_gg_,.___SText_lhtlo_gg_._size_100_lhtlo_gg_.__formatTags_lhtlo_gg_ :is(li,p){font-size:var(--intergalactic-fs-100,12px);line-height:var(--intergalactic-lh-100,133%)}.___SText_lhtlo_gg_._size_100_lhtlo_gg_.__formatTags_lhtlo_gg_ p{margin:0 0 calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px)) 0}.___SText_lhtlo_gg_._size_100_lhtlo_gg_.__formatTags_lhtlo_gg_ p:last-child{margin-bottom:0}.___SText_lhtlo_gg_._size_100_lhtlo_gg_.__formatTags_lhtlo_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_lhtlo_gg_._size_100_lhtlo_gg_.__formatTags_lhtlo_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_lhtlo_gg_._size_100_lhtlo_gg_.__formatTags_lhtlo_gg_ ol ol ol li{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SText_lhtlo_gg_._size_100_lhtlo_gg_.__formatTags_lhtlo_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_lhtlo_gg_._size_200_lhtlo_gg_,.___SText_lhtlo_gg_._size_200_lhtlo_gg_.__formatTags_lhtlo_gg_ :is(li,p){font-size:var(--intergalactic-fs-200,14px);line-height:var(--intergalactic-lh-200,142%)}.___SText_lhtlo_gg_._size_200_lhtlo_gg_.__formatTags_lhtlo_gg_ p{margin:0 0 var(--intergalactic-spacing-3x,12px) 0}.___SText_lhtlo_gg_._size_200_lhtlo_gg_.__formatTags_lhtlo_gg_ p:last-child{margin-bottom:0}.___SText_lhtlo_gg_._size_200_lhtlo_gg_.__formatTags_lhtlo_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_lhtlo_gg_._size_200_lhtlo_gg_.__formatTags_lhtlo_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_lhtlo_gg_._size_200_lhtlo_gg_.__formatTags_lhtlo_gg_ ol ol ol li{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SText_lhtlo_gg_._size_200_lhtlo_gg_.__formatTags_lhtlo_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_lhtlo_gg_._size_300_lhtlo_gg_,.___SText_lhtlo_gg_._size_300_lhtlo_gg_.__formatTags_lhtlo_gg_ :is(li,p){font-size:var(--intergalactic-fs-300,16px);line-height:var(--intergalactic-lh-300,150%)}.___SText_lhtlo_gg_._size_300_lhtlo_gg_.__formatTags_lhtlo_gg_ p{margin:0 0 var(--intergalactic-spacing-4x,16px) 0}.___SText_lhtlo_gg_._size_300_lhtlo_gg_.__formatTags_lhtlo_gg_ p:last-child{margin-bottom:0}.___SText_lhtlo_gg_._size_300_lhtlo_gg_.__formatTags_lhtlo_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_lhtlo_gg_._size_300_lhtlo_gg_.__formatTags_lhtlo_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_lhtlo_gg_._size_300_lhtlo_gg_.__formatTags_lhtlo_gg_ ol ol ol li{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SText_lhtlo_gg_._size_300_lhtlo_gg_.__formatTags_lhtlo_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_lhtlo_gg_._size_400_lhtlo_gg_{font-size:var(--intergalactic-fs-400,20px);line-height:var(--intergalactic-lh-400,120%)}.___SText_lhtlo_gg_._size_500_lhtlo_gg_{font-size:var(--intergalactic-fs-500,24px);line-height:var(--intergalactic-lh-500,117%)}.___SText_lhtlo_gg_._size_600_lhtlo_gg_{font-size:var(--intergalactic-fs-600,32px);line-height:var(--intergalactic-lh-600,125%)}.___SText_lhtlo_gg_._size_700_lhtlo_gg_{font-size:var(--intergalactic-fs-700,36px);line-height:var(--intergalactic-lh-700,110%)}.___SText_lhtlo_gg_._size_800_lhtlo_gg_{font-size:var(--intergalactic-fs-800,48px);line-height:var(--intergalactic-lh-800,117%)}.___SText_lhtlo_gg_.__noWrap_lhtlo_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_lhtlo_gg_.__medium_lhtlo_gg_{font-weight:var(--intergalactic-medium,500)}.___SText_lhtlo_gg_.__semibold_lhtlo_gg_{font-weight:var(--intergalactic-semi-bold,600)}.___SText_lhtlo_gg_.__bold_lhtlo_gg_{font-weight:var(--intergalactic-bold,700)}.___SText_lhtlo_gg_.__italic_lhtlo_gg_{font-style:italic}.___SText_lhtlo_gg_.__monospace_lhtlo_gg_{font-family:Consolas,Roboto Mono,Menlo,Courier,monospace}.___SText_lhtlo_gg_.__uppercase_lhtlo_gg_{text-transform:uppercase}.___SText_lhtlo_gg_.__lowercase_lhtlo_gg_{text-transform:lowercase}.___SText_lhtlo_gg_.__capitalize_lhtlo_gg_{text-transform:capitalize}.___SText_lhtlo_gg_.__decoration_lhtlo_gg_{-webkit-text-decoration:var(--decoration_lhtlo);text-decoration:var(--decoration_lhtlo)}.___SText_lhtlo_gg_.__textColor_lhtlo_gg_{color:var(--textColor_lhtlo)}.___SText_lhtlo_gg_.__fontSize_lhtlo_gg_{font-size:var(--fontSize_lhtlo)}.___SText_lhtlo_gg_.__lineHeight_lhtlo_gg_{line-height:var(--lineHeight_lhtlo)}.___SText_lhtlo_gg_.__fontWeight_lhtlo_gg_{font-weight:var(--fontWeight_lhtlo)}.___SText_lhtlo_gg_.__textAlign_lhtlo_gg_{text-align:var(--textAlign_lhtlo)}.___SText_lhtlo_gg_._use_primary_lhtlo_gg_{color:var(--intergalactic-text-primary,#010500e5)}.___SText_lhtlo_gg_._use_secondary_lhtlo_gg_{color:var(--intergalactic-text-secondary,#00030095)}@supports (color:color(display-p3 0 0 0%)){.___SText_lhtlo_gg_._use_secondary_lhtlo_gg_{color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SText_lhtlo_gg_._use_secondary_lhtlo_gg_{color:var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583))}}}.___SText_lhtlo_gg_.__disabled_lhtlo_gg_{opacity:var(--intergalactic-disabled-opacity,.4)}@media (prefers-reduced-motion){.___SText_lhtlo_gg_ a{transition:none}}',
|
|
12
12
|
/*__inner_css_end__*/
|
|
13
|
-
"
|
|
13
|
+
"lhtlo_gg_"
|
|
14
14
|
), /*__reshadow_css_end__*/
|
|
15
15
|
{
|
|
16
|
-
"__SText": "
|
|
17
|
-
"_size_400": "
|
|
18
|
-
"_size_500": "
|
|
19
|
-
"_size_600": "
|
|
20
|
-
"_size_700": "
|
|
21
|
-
"_size_800": "
|
|
22
|
-
"_noWrap": "
|
|
23
|
-
"_medium": "
|
|
24
|
-
"_semibold": "
|
|
25
|
-
"_bold": "
|
|
26
|
-
"_italic": "
|
|
27
|
-
"_monospace": "
|
|
28
|
-
"_uppercase": "
|
|
29
|
-
"_lowercase": "
|
|
30
|
-
"_capitalize": "
|
|
31
|
-
"_decoration": "
|
|
32
|
-
"--decoration": "--
|
|
33
|
-
"
|
|
34
|
-
"--
|
|
35
|
-
"_fontSize": "
|
|
36
|
-
"--fontSize": "--
|
|
37
|
-
"_lineHeight": "
|
|
38
|
-
"--lineHeight": "--
|
|
39
|
-
"_fontWeight": "
|
|
40
|
-
"--fontWeight": "--
|
|
41
|
-
"_textAlign": "
|
|
42
|
-
"--textAlign": "--
|
|
43
|
-
"_use_primary": "
|
|
44
|
-
"_use_secondary": "
|
|
45
|
-
"_disabled": "
|
|
46
|
-
"_formatTags": "
|
|
47
|
-
"_ellipsis": "
|
|
48
|
-
"_trim_end": "
|
|
49
|
-
"_isEllipsized": "
|
|
50
|
-
"_maxLine": "
|
|
51
|
-
"--maxLine": "--
|
|
52
|
-
"_trim_middle": "
|
|
53
|
-
"_size_100": "
|
|
54
|
-
"_size_200": "
|
|
55
|
-
"_size_300": "
|
|
16
|
+
"__SText": "___SText_lhtlo_gg_",
|
|
17
|
+
"_size_400": "_size_400_lhtlo_gg_",
|
|
18
|
+
"_size_500": "_size_500_lhtlo_gg_",
|
|
19
|
+
"_size_600": "_size_600_lhtlo_gg_",
|
|
20
|
+
"_size_700": "_size_700_lhtlo_gg_",
|
|
21
|
+
"_size_800": "_size_800_lhtlo_gg_",
|
|
22
|
+
"_noWrap": "__noWrap_lhtlo_gg_",
|
|
23
|
+
"_medium": "__medium_lhtlo_gg_",
|
|
24
|
+
"_semibold": "__semibold_lhtlo_gg_",
|
|
25
|
+
"_bold": "__bold_lhtlo_gg_",
|
|
26
|
+
"_italic": "__italic_lhtlo_gg_",
|
|
27
|
+
"_monospace": "__monospace_lhtlo_gg_",
|
|
28
|
+
"_uppercase": "__uppercase_lhtlo_gg_",
|
|
29
|
+
"_lowercase": "__lowercase_lhtlo_gg_",
|
|
30
|
+
"_capitalize": "__capitalize_lhtlo_gg_",
|
|
31
|
+
"_decoration": "__decoration_lhtlo_gg_",
|
|
32
|
+
"--decoration": "--decoration_lhtlo",
|
|
33
|
+
"_textColor": "__textColor_lhtlo_gg_",
|
|
34
|
+
"--textColor": "--textColor_lhtlo",
|
|
35
|
+
"_fontSize": "__fontSize_lhtlo_gg_",
|
|
36
|
+
"--fontSize": "--fontSize_lhtlo",
|
|
37
|
+
"_lineHeight": "__lineHeight_lhtlo_gg_",
|
|
38
|
+
"--lineHeight": "--lineHeight_lhtlo",
|
|
39
|
+
"_fontWeight": "__fontWeight_lhtlo_gg_",
|
|
40
|
+
"--fontWeight": "--fontWeight_lhtlo",
|
|
41
|
+
"_textAlign": "__textAlign_lhtlo_gg_",
|
|
42
|
+
"--textAlign": "--textAlign_lhtlo",
|
|
43
|
+
"_use_primary": "_use_primary_lhtlo_gg_",
|
|
44
|
+
"_use_secondary": "_use_secondary_lhtlo_gg_",
|
|
45
|
+
"_disabled": "__disabled_lhtlo_gg_",
|
|
46
|
+
"_formatTags": "__formatTags_lhtlo_gg_",
|
|
47
|
+
"_ellipsis": "__ellipsis_lhtlo_gg_",
|
|
48
|
+
"_trim_end": "_trim_end_lhtlo_gg_",
|
|
49
|
+
"_isEllipsized": "__isEllipsized_lhtlo_gg_",
|
|
50
|
+
"_maxLine": "__maxLine_lhtlo_gg_",
|
|
51
|
+
"--maxLine": "--maxLine_lhtlo",
|
|
52
|
+
"_trim_middle": "_trim_middle_lhtlo_gg_",
|
|
53
|
+
"_size_100": "_size_100_lhtlo_gg_",
|
|
54
|
+
"_size_200": "_size_200_lhtlo_gg_",
|
|
55
|
+
"_size_300": "_size_300_lhtlo_gg_"
|
|
56
56
|
})
|
|
57
57
|
);
|
|
58
58
|
class TextRoot extends Component {
|
|
@@ -110,11 +110,12 @@ class TextRoot extends Component {
|
|
|
110
110
|
"data-ui-name": "Text",
|
|
111
111
|
"ref": this.innerRef,
|
|
112
112
|
"use:decoration": this.getTextDecoration(underline, lineThrough),
|
|
113
|
-
"
|
|
113
|
+
"textColor": resolveColor(color),
|
|
114
114
|
"use:ellipsis": ellipsis !== void 0 ? ellipsis : Boolean(ellipsisProps),
|
|
115
115
|
"isEllipsized": isEllipsized,
|
|
116
116
|
"maxLine": maxLineValue,
|
|
117
|
-
"trim": cropPosition
|
|
117
|
+
"trim": cropPosition,
|
|
118
|
+
"use:color": void 0
|
|
118
119
|
}, _ref)
|
|
119
120
|
})), isEllipsized && withHint && /* @__PURE__ */ React.createElement(Hint, _ref2.cn("Hint", {
|
|
120
121
|
"triggerRef": this.innerRef,
|
|
@@ -1,3 +1,8 @@
|
|
|
1
1
|
import type { NSBlockquote } from './Blockquote.type';
|
|
2
|
+
/**
|
|
3
|
+
* Blockquote
|
|
4
|
+
*
|
|
5
|
+
* {@link https://developer.semrush.com/intergalactic/style/typography/typography-api#blockquote|API} | {@link https://developer.semrush.com/intergalactic/style/typography/typography-code|Examples}
|
|
6
|
+
*/
|
|
2
7
|
declare const Blockquote: NSBlockquote.Component;
|
|
3
8
|
export default Blockquote;
|
|
@@ -1,3 +1,8 @@
|
|
|
1
1
|
import type { NSList } from './List.type';
|
|
2
|
+
/**
|
|
3
|
+
* List
|
|
4
|
+
*
|
|
5
|
+
* {@link https://developer.semrush.com/intergalactic/style/typography/typography-api#list|API} | {@link https://developer.semrush.com/intergalactic/style/typography/typography-code|Examples}
|
|
6
|
+
*/
|
|
2
7
|
declare const List: NSList.Component;
|
|
3
8
|
export default List;
|
|
@@ -1,3 +1,8 @@
|
|
|
1
1
|
import type { NSText } from './Text.type';
|
|
2
|
+
/**
|
|
3
|
+
* Text
|
|
4
|
+
*
|
|
5
|
+
* {@link https://developer.semrush.com/intergalactic/style/typography/typography-api#text|API} | {@link https://developer.semrush.com/intergalactic/style/typography/typography-code|Examples}
|
|
6
|
+
*/
|
|
2
7
|
declare const Text: NSText.Component;
|
|
3
8
|
export default Text;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/typography",
|
|
3
3
|
"description": "Semrush Typography Component",
|
|
4
|
-
"version": "17.
|
|
4
|
+
"version": "17.2.0-prerelease.3",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {},
|
|
17
17
|
"peerDependencies": {
|
|
18
|
-
"@semcore/base-components": "^17.0
|
|
18
|
+
"@semcore/base-components": "^17.2.0",
|
|
19
19
|
"@semcore/icon": "^17.0.1"
|
|
20
20
|
},
|
|
21
21
|
"repository": {
|
|
@@ -25,10 +25,10 @@
|
|
|
25
25
|
},
|
|
26
26
|
"devDependencies": {
|
|
27
27
|
"csstype": "3.1.3",
|
|
28
|
-
"@semcore/
|
|
29
|
-
"@semcore/base-components": "17.0.
|
|
30
|
-
"@semcore/
|
|
31
|
-
"@semcore/
|
|
28
|
+
"@semcore/core": "17.2.0-prerelease.3",
|
|
29
|
+
"@semcore/base-components": "17.2.0-prerelease.3",
|
|
30
|
+
"@semcore/testing-utils": "1.0.0",
|
|
31
|
+
"@semcore/icon": "17.1.0"
|
|
32
32
|
},
|
|
33
33
|
"scripts": {
|
|
34
34
|
"build": "pnpm semcore-builder && pnpm vite build"
|