@semcore/typography 16.3.3-prerelease.8 → 16.4.0-prerelease.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +2 -8
- package/lib/cjs/Blockquote.js +18 -21
- package/lib/cjs/Blockquote.js.map +1 -1
- package/lib/cjs/List.js +79 -69
- package/lib/cjs/List.js.map +1 -1
- package/lib/cjs/Text.js +64 -137
- package/lib/cjs/Text.js.map +1 -1
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/cjs/index.js +7 -7
- package/lib/cjs/style/blockquote.shadow.css +3 -3
- package/lib/cjs/style/list.shadow.css +1 -1
- package/lib/cjs/style/text.shadow.css +18 -46
- package/lib/es6/Blockquote.js +15 -18
- package/lib/es6/Blockquote.js.map +1 -1
- package/lib/es6/List.js +71 -61
- package/lib/es6/List.js.map +1 -1
- package/lib/es6/Text.js +63 -136
- package/lib/es6/Text.js.map +1 -1
- package/lib/es6/index.d.js.map +1 -1
- package/lib/es6/style/blockquote.shadow.css +3 -3
- package/lib/es6/style/list.shadow.css +1 -1
- package/lib/es6/style/text.shadow.css +18 -46
- package/lib/esm/Blockquote.mjs +18 -22
- package/lib/esm/List.mjs +65 -60
- package/lib/esm/Text.mjs +63 -139
- package/lib/esm/style/blockquote.shadow.css +3 -3
- package/lib/esm/style/list.shadow.css +1 -1
- package/lib/esm/style/text.shadow.css +18 -46
- package/lib/types/index.d.ts +13 -10
- package/package.json +8 -8
- package/lib/types/Text.d.ts +0 -2
package/lib/esm/List.mjs
CHANGED
|
@@ -1,93 +1,98 @@
|
|
|
1
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
|
+
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
3
|
+
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
4
|
+
import _callSuper from "@babel/runtime/helpers/esm/callSuper";
|
|
5
|
+
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
1
6
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
2
|
-
import { createComponent,
|
|
3
|
-
import { Flex } from "@semcore/base-components";
|
|
7
|
+
import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
|
|
4
8
|
import { isAdvanceMode } from "@semcore/core/lib/utils/findComponent";
|
|
5
9
|
import isNode from "@semcore/core/lib/utils/isNode";
|
|
10
|
+
import { Flex } from "@semcore/flex-box";
|
|
6
11
|
import React from "react";
|
|
7
12
|
import Text from "./Text.mjs";
|
|
8
13
|
/*!__reshadow-styles__:"./style/list.shadow.css"*/
|
|
9
|
-
|
|
14
|
+
var style = (
|
|
10
15
|
/*__reshadow_css_start__*/
|
|
11
16
|
(sstyled.insert(
|
|
12
17
|
/*__inner_css_start__*/
|
|
13
|
-
".
|
|
18
|
+
".___SList_ee4im_gg_{padding:0;margin:0;list-style-type:none}.___SContent_ee4im_gg_{overflow:inherit;text-overflow:inherit}.___SItem_ee4im_gg_+.___SItem_ee4im_gg_,.___SList_ee4im_gg_ .___SList_ee4im_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_ee4im_gg_{display:flex}.___SMarker_ee4im_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));line-height:normal}@supports (color:color(display-p3 0 0 0%)){.___SMarker_ee4im_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SMarker_ee4im_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}",
|
|
14
19
|
/*__inner_css_end__*/
|
|
15
|
-
"
|
|
20
|
+
"ee4im_gg_"
|
|
16
21
|
), /*__reshadow_css_end__*/
|
|
17
22
|
{
|
|
18
|
-
"__SList": "
|
|
19
|
-
"__SContent": "
|
|
20
|
-
"__SItem": "
|
|
21
|
-
"__SMarker": "
|
|
23
|
+
"__SList": "___SList_ee4im_gg_",
|
|
24
|
+
"__SContent": "___SContent_ee4im_gg_",
|
|
25
|
+
"__SItem": "___SItem_ee4im_gg_",
|
|
26
|
+
"__SMarker": "___SMarker_ee4im_gg_"
|
|
22
27
|
})
|
|
23
28
|
);
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
} = this.asProps;
|
|
29
|
-
return {
|
|
30
|
-
marker
|
|
31
|
-
};
|
|
29
|
+
var ListRoot = /* @__PURE__ */ (function(_Component) {
|
|
30
|
+
function ListRoot2() {
|
|
31
|
+
_classCallCheck(this, ListRoot2);
|
|
32
|
+
return _callSuper(this, ListRoot2, arguments);
|
|
32
33
|
}
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
34
|
+
_inherits(ListRoot2, _Component);
|
|
35
|
+
return _createClass(ListRoot2, [{
|
|
36
|
+
key: "getItemProps",
|
|
37
|
+
value: function getItemProps() {
|
|
38
|
+
var marker = this.asProps.marker;
|
|
39
|
+
return {
|
|
40
|
+
marker
|
|
41
|
+
};
|
|
42
|
+
}
|
|
43
|
+
}, {
|
|
44
|
+
key: "render",
|
|
45
|
+
value: function render() {
|
|
46
|
+
var _ref = this.asProps, _ref4;
|
|
47
|
+
var SList = Text;
|
|
48
|
+
var styles = this.asProps.styles;
|
|
49
|
+
return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(SList, _ref4.cn("SList", _objectSpread({}, assignProps({
|
|
41
50
|
"tag": "ul"
|
|
42
|
-
}, _ref)
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
}
|
|
51
|
+
}, _ref))));
|
|
52
|
+
}
|
|
53
|
+
}]);
|
|
54
|
+
})(Component);
|
|
46
55
|
_defineProperty(ListRoot, "displayName", "List");
|
|
47
56
|
_defineProperty(ListRoot, "style", style);
|
|
48
57
|
_defineProperty(ListRoot, "defaultProps", {
|
|
49
58
|
marker: "•"
|
|
50
59
|
});
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
const {
|
|
56
|
-
styles,
|
|
57
|
-
children,
|
|
58
|
-
marker: markerNode,
|
|
59
|
-
Children
|
|
60
|
-
} = this.asProps;
|
|
61
|
-
const SMarker = "span";
|
|
62
|
-
const SContent = "div";
|
|
63
|
-
const isAdvancedMode = isAdvanceMode(Children, [List.Item.Content.displayName]);
|
|
64
|
-
return _ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(SItem, _ref5.cn("SItem", {
|
|
65
|
-
...assignProps({
|
|
66
|
-
"tag": "li"
|
|
67
|
-
}, _ref2)
|
|
68
|
-
}), isNode(markerNode) && /* @__PURE__ */ React.createElement(SMarker, _ref5.cn("SMarker", {
|
|
69
|
-
"aria-hidden": "true"
|
|
70
|
-
}), markerNode), isAdvancedMode ? /* @__PURE__ */ React.createElement(Children, _ref5.cn("Children", {})) : /* @__PURE__ */ React.createElement(SContent, _ref5.cn("SContent", {}), children));
|
|
60
|
+
var ItemRoot = /* @__PURE__ */ (function(_Component2) {
|
|
61
|
+
function ItemRoot2() {
|
|
62
|
+
_classCallCheck(this, ItemRoot2);
|
|
63
|
+
return _callSuper(this, ItemRoot2, arguments);
|
|
71
64
|
}
|
|
72
|
-
|
|
65
|
+
_inherits(ItemRoot2, _Component2);
|
|
66
|
+
return _createClass(ItemRoot2, [{
|
|
67
|
+
key: "render",
|
|
68
|
+
value: function render() {
|
|
69
|
+
var _ref2 = this.asProps, _ref5;
|
|
70
|
+
var SItem = Text;
|
|
71
|
+
var _this$asProps = this.asProps, styles = _this$asProps.styles, children = _this$asProps.children, markerNode = _this$asProps.marker, Children = _this$asProps.Children;
|
|
72
|
+
var SMarker = "span";
|
|
73
|
+
var SContent = "div";
|
|
74
|
+
var isAdvancedMode = isAdvanceMode(Children, [List.Item.Content.displayName]);
|
|
75
|
+
return _ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(SItem, _ref5.cn("SItem", _objectSpread({}, assignProps({
|
|
76
|
+
"tag": "li"
|
|
77
|
+
}, _ref2))), isNode(markerNode) && /* @__PURE__ */ React.createElement(SMarker, _ref5.cn("SMarker", {
|
|
78
|
+
"aria-hidden": "true"
|
|
79
|
+
}), markerNode), isAdvancedMode ? /* @__PURE__ */ React.createElement(Children, _ref5.cn("Children", {})) : /* @__PURE__ */ React.createElement(SContent, _ref5.cn("SContent", {}), children));
|
|
80
|
+
}
|
|
81
|
+
}]);
|
|
82
|
+
})(Component);
|
|
73
83
|
_defineProperty(ItemRoot, "style", style);
|
|
74
84
|
_defineProperty(ItemRoot, "displayName", "Item");
|
|
75
85
|
function Content(props) {
|
|
76
86
|
var _ref3 = arguments[0], _ref6;
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
} = props;
|
|
81
|
-
const SContent = Flex;
|
|
82
|
-
return _ref6 = sstyled(styles), /* @__PURE__ */ React.createElement(SContent, _ref6.cn("SContent", {
|
|
83
|
-
...assignProps({}, _ref3)
|
|
84
|
-
}), children);
|
|
87
|
+
var styles = props.styles, children = props.children;
|
|
88
|
+
var SContent = Flex;
|
|
89
|
+
return _ref6 = sstyled(styles), /* @__PURE__ */ React.createElement(SContent, _ref6.cn("SContent", _objectSpread({}, assignProps({}, _ref3))), children);
|
|
85
90
|
}
|
|
86
91
|
Content.displayName = "Content";
|
|
87
|
-
|
|
92
|
+
var Item = createComponent(ItemRoot, {
|
|
88
93
|
Content
|
|
89
94
|
});
|
|
90
|
-
|
|
95
|
+
var List = createComponent(ListRoot, {
|
|
91
96
|
Item
|
|
92
97
|
});
|
|
93
98
|
export {
|
package/lib/esm/Text.mjs
CHANGED
|
@@ -1,154 +1,78 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
1
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
|
+
import { createBaseComponent, sstyled, assignProps } from "@semcore/core";
|
|
3
|
+
import { useColorResolver } from "@semcore/core/lib/utils/use/useColorResolver";
|
|
4
|
+
import { Box } from "@semcore/flex-box";
|
|
5
5
|
import React from "react";
|
|
6
6
|
/*!__reshadow-styles__:"./style/text.shadow.css"*/
|
|
7
|
-
|
|
7
|
+
var styles = (
|
|
8
8
|
/*__reshadow_css_start__*/
|
|
9
9
|
(sstyled.insert(
|
|
10
10
|
/*__inner_css_start__*/
|
|
11
|
-
'.___SText_grvyh_gg_{padding:0;margin:0}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ abbr{color:var(--intergalactic-text-secondary, #6c6e79);-webkit-text-decoration:underline dashed var(--intergalactic-text-secondary, #6c6e79);text-decoration:underline dashed var(--intergalactic-text-secondary, #6c6e79)}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ abbr:active,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ abbr:focus{outline:0;color:var(--intergalactic-text-hint-hover-active, #484a54);-webkit-text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, #484a54);text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SText_grvyh_gg_.__formatTags_grvyh_gg_ abbr:hover{outline:0;color:var(--intergalactic-text-hint-hover-active, #484a54);-webkit-text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, #484a54);text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, #484a54)}}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ a{display:inline;background:0 0;outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link, #006dca);border-bottom-width:1px;border-bottom-style:solid;border-color:transparent}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ a:active{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link-hover-active, #044792);border-color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SText_grvyh_gg_.__formatTags_grvyh_gg_ a:hover{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link-hover-active, #044792);border-color:var(--intergalactic-text-link-hover-active, #044792)}}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ a:focus{outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ code,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ pre{font-family:Consolas,"Roboto Mono",Menlo,Courier,monospace}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ blockquote{position:relative;padding-left:51px;font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);font-style:italic}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ blockquote:before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNyIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDI3IDE5IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTguODI0MjIgMC45NDcyNjZWMi4zMDg1OUM2Ljg3NjMgMy4zMjY4MiA1LjQ4MTc3IDQuMzg5MzIgNC42NDA2MiA1LjQ5NjA5QzMuNzk5NDggNi42MDI4NiAzLjM3ODkxIDcuODA5MjQgMy4zNzg5MSA5LjExNTIzQzMuMzc4OTEgOS44ODk5NyAzLjQ4OTU4IDEwLjQyMTIgMy43MTA5NCAxMC43MDlDMy45MTAxNiAxMS4wMTg5IDQuMTUzNjUgMTEuMTczOCA0LjQ0MTQxIDExLjE3MzhDNC43MjkxNyAxMS4xNzM4IDUuMTE2NTQgMTEuMDk2NCA1LjYwMzUyIDEwLjk0MTRDNi4wOTA0OSAxMC43NjQzIDYuNTMzMiAxMC42NzU4IDYuOTMxNjQgMTAuNjc1OEM3LjgzOTE5IDEwLjY3NTggOC42MjUgMTEuMDE4OSA5LjI4OTA2IDExLjcwNTFDOS45NzUyNiAxMi4zNjkxIDEwLjMxODQgMTMuMTg4MiAxMC4zMTg0IDE0LjE2MjFDMTAuMzE4NCAxNS4yMjQ2IDkuOTA4ODUgMTYuMTQzMiA5LjA4OTg0IDE2LjkxOEM4LjI3MDgzIDE3LjY3MDYgNy4yNTI2IDE4LjA0NjkgNi4wMzUxNiAxOC4wNDY5QzQuNTUyMDggMTguMDQ2OSAzLjIxMjg5IDE3LjQwNDkgMi4wMTc1OCAxNi4xMjExQzAuODIyMjY2IDE0LjgzNzIgMC4yMjQ2MDkgMTMuMjU0NiAwLjIyNDYwOSAxMS4zNzNDMC4yMjQ2MDkgOS4xNTk1MSAwLjk1NTA3OCA3LjEwMDkxIDIuNDE2MDIgNS4xOTcyN0MzLjg5OTA5IDMuMjcxNDggNi4wMzUxNiAxLjg1NDgyIDguODI0MjIgMC45NDcyNjZaTTI0LjY2MjEgMS4wNDY4OFYyLjMwODU5QzIyLjQyNjQgMy41OTI0NSAyMC45NTQ0IDQuNzQzNDkgMjAuMjQ2MSA1Ljc2MTcyQzE5LjUzNzggNi43Nzk5NSAxOS4xODM2IDcuOTc1MjYgMTkuMTgzNiA5LjM0NzY2QzE5LjE4MzYgOS45Njc0NSAxOS4zMDUzIDEwLjQzMjMgMTkuNTQ4OCAxMC43NDIyQzE5Ljc5MjMgMTEuMDUyMSAyMC4wNDY5IDExLjIwNyAyMC4zMTI1IDExLjIwN0MyMC41NTYgMTEuMjA3IDIwLjkyMTIgMTEuMTE4NSAyMS40MDgyIDEwLjk0MTRDMjEuODk1MiAxMC43NjQzIDIyLjM4MjIgMTAuNjc1OCAyMi44NjkxIDEwLjY3NThDMjMuNzc2NyAxMC42NzU4IDI0LjU2MjUgMTEuMDA3OCAyNS4yMjY2IDExLjY3MTlDMjUuOTEyOCAxMi4zMTM4IDI2LjI1NTkgMTMuMTEwNyAyNi4yNTU5IDE0LjA2MjVDMjYuMjU1OSAxNS4xNDcxIDI1LjgyNDIgMTYuMDg3OSAyNC45NjA5IDE2Ljg4NDhDMjQuMTE5OCAxNy42ODE2IDIzLjA3OTQgMTguMDgwMSAyMS44Mzk4IDE4LjA4MDFDMjAuMzc4OSAxOC4wODAxIDE5LjA2MTggMTcuNDQ5MiAxNy44ODg3IDE2LjE4NzVDMTYuNzE1NSAxNC45MjU4IDE2LjEyODkgMTMuMzU0MiAxNi4xMjg5IDExLjQ3MjdDMTYuMTI4OSA5LjE0ODQ0IDE2Ljg3MDQgNy4wMzQ1MSAxOC4zNTM1IDUuMTMwODZDMTkuODM2NiAzLjIwNTA4IDIxLjkzOTUgMS44NDM3NSAyNC42NjIxIDEuMDQ2ODhaIiBmaWxsPSIjQTlBQkI2Ii8+Cjwvc3ZnPg==);display:inline-block;position:absolute;left:0;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);font-family:Georgia,Times,"Times New Roman",serif}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ blockquote cite{display:block;font-style:normal;margin-top:var(--intergalactic-spacing-4x, 16px);color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]),.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]){margin:var(--intergalactic-spacing-2x, 8px)0;padding:0;list-style:none;position:relative}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_grvyh_gg_):before,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_grvyh_gg_):before{position:absolute;left:0;color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_grvyh_gg_)+li:not(.___SText_grvyh_gg_),.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_grvyh_gg_)+li:not(.___SText_grvyh_gg_){margin:var(--intergalactic-spacing-2x, 8px)0 0 0}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]){counter-reset:item 0}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_grvyh_gg_):before{counter-increment:item;content:counters(item,".")}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_grvyh_gg_):before{content:"";background-color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]):has(+p),.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]):has(+p){margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h1{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-6x, 24px)0}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h1:only-child,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h2:only-child,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h3:only-child,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h4:only-child,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h5:only-child,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h6:only-child{margin-bottom:0}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h2{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%);font-weight:var(--intergalactic-semi-bold, 600)}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h3{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%);font-weight:var(--intergalactic-semi-bold, 600)}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h4{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-3x, 12px)0}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h5{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-2x, 8px)0}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h6{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);margin:0 0 var(--intergalactic-spacing-1x, 4px)0}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h1 small,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h2 small,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h3 small,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h4 small,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h5 small,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h6 small{color:var(--intergalactic-text-secondary, #6c6e79);font-weight:300;font-size:100%}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ li,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h2,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h3,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ p{margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ p:last-child,.___SText_grvyh_gg_._size_100_grvyh_gg_.__formatTags_grvyh_gg_ p:last-child,.___SText_grvyh_gg_._size_200_grvyh_gg_.__formatTags_grvyh_gg_ p:last-child,.___SText_grvyh_gg_._size_300_grvyh_gg_.__formatTags_grvyh_gg_ p:last-child{margin-bottom:0}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ol ol li,.___SText_grvyh_gg_._size_100_grvyh_gg_.__formatTags_grvyh_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ol ol ol li,.___SText_grvyh_gg_._size_100_grvyh_gg_.__formatTags_grvyh_gg_ ol ol ol li,.___SText_grvyh_gg_._size_200_grvyh_gg_.__formatTags_grvyh_gg_ ol ol ol li,.___SText_grvyh_gg_._size_300_grvyh_gg_.__formatTags_grvyh_gg_ ol ol ol li{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ul li:before{width:4px;height:4px;border-radius:50%;margin-top:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-left:var(--intergalactic-spacing-05x, 2px)}.___SText_grvyh_gg_.__ellipsis_grvyh_gg_{overflow:hidden;text-overflow:ellipsis;white-space:pre;display:inline-block}.___SText_grvyh_gg_.__ellipsis_grvyh_gg_._trim_end_grvyh_gg_::after{content:"";display:block}.___SText_grvyh_gg_.__ellipsis_grvyh_gg_.__maxLine_grvyh_gg_{-webkit-line-clamp:var(--maxLine_grvyh);display:-webkit-box;-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word}.___SText_grvyh_gg_.__ellipsis_grvyh_gg_._trim_middle_grvyh_gg_{text-overflow:initial}.___SText_grvyh_gg_._size_100_grvyh_gg_,.___SText_grvyh_gg_._size_100_grvyh_gg_.__formatTags_grvyh_gg_ li,.___SText_grvyh_gg_._size_100_grvyh_gg_.__formatTags_grvyh_gg_ p{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_grvyh_gg_._size_100_grvyh_gg_.__formatTags_grvyh_gg_ p{margin:0 0 calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_grvyh_gg_._size_100_grvyh_gg_.__formatTags_grvyh_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_grvyh_gg_._size_100_grvyh_gg_.__formatTags_grvyh_gg_ ul li:before{width:3px;height:3px;border-radius:50%;margin-top:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-05x, 2px)}.___SText_grvyh_gg_._size_200_grvyh_gg_,.___SText_grvyh_gg_._size_200_grvyh_gg_.__formatTags_grvyh_gg_ li,.___SText_grvyh_gg_._size_200_grvyh_gg_.__formatTags_grvyh_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_grvyh_gg_._size_200_grvyh_gg_.__formatTags_grvyh_gg_ p{margin:0 0 var(--intergalactic-spacing-3x, 12px)0}.___SText_grvyh_gg_._size_200_grvyh_gg_.__formatTags_grvyh_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_grvyh_gg_._size_200_grvyh_gg_.__formatTags_grvyh_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_grvyh_gg_._size_200_grvyh_gg_.__formatTags_grvyh_gg_ ul li:before{width:4px;height:4px;border-radius:50%;margin-top:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-left:var(--intergalactic-spacing-05x, 2px)}.___SText_grvyh_gg_._size_300_grvyh_gg_,.___SText_grvyh_gg_._size_300_grvyh_gg_.__formatTags_grvyh_gg_ li,.___SText_grvyh_gg_._size_300_grvyh_gg_.__formatTags_grvyh_gg_ p{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_grvyh_gg_._size_300_grvyh_gg_.__formatTags_grvyh_gg_ p{margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_grvyh_gg_._size_300_grvyh_gg_.__formatTags_grvyh_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_grvyh_gg_._size_300_grvyh_gg_.__formatTags_grvyh_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_grvyh_gg_._size_300_grvyh_gg_.__formatTags_grvyh_gg_ ul li:before{width:5px;height:5px;border-radius:50%;margin-top:calc(var(--intergalactic-spacing-2x, 8px) + var(--intergalactic-spacing-05x, 2px));margin-left:var(--intergalactic-spacing-05x, 2px)}.___SText_grvyh_gg_._size_400_grvyh_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_grvyh_gg_._size_500_grvyh_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_grvyh_gg_._size_600_grvyh_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_grvyh_gg_._size_700_grvyh_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_grvyh_gg_._size_800_grvyh_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_grvyh_gg_.__noWrap_grvyh_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_grvyh_gg_.__medium_grvyh_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_grvyh_gg_.__semibold_grvyh_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_grvyh_gg_.__bold_grvyh_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_grvyh_gg_.__italic_grvyh_gg_{font-style:italic}.___SText_grvyh_gg_.__monospace_grvyh_gg_{font-family:Consolas,"Roboto Mono",Menlo,Courier,monospace}.___SText_grvyh_gg_.__uppercase_grvyh_gg_{text-transform:uppercase}.___SText_grvyh_gg_.__lowercase_grvyh_gg_{text-transform:lowercase}.___SText_grvyh_gg_.__capitalize_grvyh_gg_{text-transform:capitalize}.___SText_grvyh_gg_.__decoration_grvyh_gg_{-webkit-text-decoration:var(--decoration_grvyh);text-decoration:var(--decoration_grvyh)}.___SText_grvyh_gg_.__color_grvyh_gg_{color:var(--color_grvyh)}.___SText_grvyh_gg_.__fontSize_grvyh_gg_{font-size:var(--fontSize_grvyh)}.___SText_grvyh_gg_.__lineHeight_grvyh_gg_{line-height:var(--lineHeight_grvyh)}.___SText_grvyh_gg_.__fontWeight_grvyh_gg_{font-weight:var(--fontWeight_grvyh)}.___SText_grvyh_gg_.__textAlign_grvyh_gg_{text-align:var(--textAlign_grvyh)}.___SText_grvyh_gg_._use_primary_grvyh_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_grvyh_gg_._use_secondary_grvyh_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_grvyh_gg_.__disabled_grvyh_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}@media (prefers-reduced-motion){.___SText_grvyh_gg_ a{transition:none}}',
|
|
11
|
+
'.___SText_70bzx_gg_{padding:0;margin:0}.___SText_70bzx_gg_.__formatTags_70bzx_gg_ abbr{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));text-decoration:underline dashed var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SText_70bzx_gg_.__formatTags_70bzx_gg_ abbr{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));text-decoration:underline dashed var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_70bzx_gg_.__formatTags_70bzx_gg_ abbr{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583));text-decoration:underline dashed var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_70bzx_gg_.__formatTags_70bzx_gg_ abbr:active,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ abbr:focus{outline:0;color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605));text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}@media (hover:hover){.___SText_70bzx_gg_.__formatTags_70bzx_gg_ abbr:hover{outline:0;color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605));text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}}.___SText_70bzx_gg_.__formatTags_70bzx_gg_ a{display:inline;background:0 0;outline:0;text-decoration:none;color:var(--intergalactic-text-link, rgb(35, 95, 226));border-bottom-width:1px;border-bottom-style:solid;border-color:transparent}.___SText_70bzx_gg_.__formatTags_70bzx_gg_ a:active{outline:0;text-decoration:none;color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215));border-color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}@media (hover:hover){.___SText_70bzx_gg_.__formatTags_70bzx_gg_ a:hover{outline:0;text-decoration:none;color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215));border-color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}}.___SText_70bzx_gg_.__formatTags_70bzx_gg_ a:focus{outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset}.___SText_70bzx_gg_.__formatTags_70bzx_gg_ code,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ pre{font-family:Consolas,"Roboto Mono",Menlo,Courier,monospace}.___SText_70bzx_gg_.__formatTags_70bzx_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_70bzx_gg_.__formatTags_70bzx_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_70bzx_gg_.__formatTags_70bzx_gg_ blockquote:before{color:var(--intergalactic-icon-secondary-neutral, rgba(0, 5, 2, 0.385))}@media (color-gamut:p3){.___SText_70bzx_gg_.__formatTags_70bzx_gg_ blockquote:before{color:var(--intergalactic-icon-secondary-neutral, color(display-p3 0.0036 0.02041 0.00996 / 0.385))}}}.___SText_70bzx_gg_.__formatTags_70bzx_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_70bzx_gg_.__formatTags_70bzx_gg_ blockquote cite{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_70bzx_gg_.__formatTags_70bzx_gg_ blockquote cite{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_70bzx_gg_.__formatTags_70bzx_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]),.___SText_70bzx_gg_.__formatTags_70bzx_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_70bzx_gg_.__formatTags_70bzx_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_70bzx_gg_):before,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_70bzx_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_70bzx_gg_.__formatTags_70bzx_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_70bzx_gg_):before,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_70bzx_gg_):before{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_70bzx_gg_.__formatTags_70bzx_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_70bzx_gg_):before,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_70bzx_gg_):before{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_70bzx_gg_.__formatTags_70bzx_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_70bzx_gg_)+li:not(.___SText_70bzx_gg_),.___SText_70bzx_gg_.__formatTags_70bzx_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_70bzx_gg_)+li:not(.___SText_70bzx_gg_){margin:var(--intergalactic-spacing-2x, 8px)0 0 0}.___SText_70bzx_gg_.__formatTags_70bzx_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]){counter-reset:item 0}.___SText_70bzx_gg_.__formatTags_70bzx_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_70bzx_gg_):before{counter-increment:item;content:counters(item,".")}.___SText_70bzx_gg_.__formatTags_70bzx_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_70bzx_gg_):before{content:"";background-color:var(--intergalactic-icon-primary-neutral, rgba(0, 4, 1, 0.526))}.___SText_70bzx_gg_.__formatTags_70bzx_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_70bzx_gg_.__formatTags_70bzx_gg_ h1:only-child,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h2:only-child,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h3:only-child,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h4:only-child,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h5:only-child,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h6:only-child{margin-bottom:0}.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h2,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h3{font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h2{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h3{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_70bzx_gg_.__formatTags_70bzx_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_70bzx_gg_.__formatTags_70bzx_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_70bzx_gg_.__formatTags_70bzx_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_70bzx_gg_.__formatTags_70bzx_gg_ h1 small,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h2 small,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h3 small,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h4 small,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h5 small,.___SText_70bzx_gg_.__formatTags_70bzx_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_70bzx_gg_.__formatTags_70bzx_gg_ h1 small,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h2 small,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h3 small,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h4 small,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h5 small,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h6 small{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h1 small,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h2 small,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h3 small,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h4 small,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h5 small,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h6 small{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_70bzx_gg_.__formatTags_70bzx_gg_ li,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_70bzx_gg_.__formatTags_70bzx_gg_ p{margin:0 0 var(--intergalactic-spacing-5x, 20px)0}.___SText_70bzx_gg_.__formatTags_70bzx_gg_ p:last-child,.___SText_70bzx_gg_._size_100_70bzx_gg_.__formatTags_70bzx_gg_ p:last-child,.___SText_70bzx_gg_._size_200_70bzx_gg_.__formatTags_70bzx_gg_ p:last-child,.___SText_70bzx_gg_._size_300_70bzx_gg_.__formatTags_70bzx_gg_ p:last-child{margin-bottom:0}.___SText_70bzx_gg_.__formatTags_70bzx_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_70bzx_gg_.__formatTags_70bzx_gg_ ol ol li,.___SText_70bzx_gg_._size_100_70bzx_gg_.__formatTags_70bzx_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_70bzx_gg_.__formatTags_70bzx_gg_ ol ol ol li,.___SText_70bzx_gg_._size_100_70bzx_gg_.__formatTags_70bzx_gg_ ol ol ol li,.___SText_70bzx_gg_._size_200_70bzx_gg_.__formatTags_70bzx_gg_ ol ol ol li,.___SText_70bzx_gg_._size_300_70bzx_gg_.__formatTags_70bzx_gg_ ol ol ol li{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SText_70bzx_gg_.__formatTags_70bzx_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_70bzx_gg_._size_100_70bzx_gg_,.___SText_70bzx_gg_._size_100_70bzx_gg_.__formatTags_70bzx_gg_ li,.___SText_70bzx_gg_._size_100_70bzx_gg_.__formatTags_70bzx_gg_ p{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_70bzx_gg_._size_100_70bzx_gg_.__formatTags_70bzx_gg_ p{margin:0 0 calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_70bzx_gg_._size_100_70bzx_gg_.__formatTags_70bzx_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_70bzx_gg_._size_100_70bzx_gg_.__formatTags_70bzx_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_70bzx_gg_._size_200_70bzx_gg_,.___SText_70bzx_gg_._size_200_70bzx_gg_.__formatTags_70bzx_gg_ li,.___SText_70bzx_gg_._size_200_70bzx_gg_.__formatTags_70bzx_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_70bzx_gg_._size_200_70bzx_gg_.__formatTags_70bzx_gg_ p{margin:0 0 var(--intergalactic-spacing-5x, 20px)0}.___SText_70bzx_gg_._size_200_70bzx_gg_.__formatTags_70bzx_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_70bzx_gg_._size_200_70bzx_gg_.__formatTags_70bzx_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_70bzx_gg_._size_200_70bzx_gg_.__formatTags_70bzx_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_70bzx_gg_._size_300_70bzx_gg_,.___SText_70bzx_gg_._size_300_70bzx_gg_.__formatTags_70bzx_gg_ li,.___SText_70bzx_gg_._size_300_70bzx_gg_.__formatTags_70bzx_gg_ p{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_70bzx_gg_._size_300_70bzx_gg_.__formatTags_70bzx_gg_ p{margin:0 0 var(--intergalactic-spacing-6x, 24px)0}.___SText_70bzx_gg_._size_300_70bzx_gg_.__formatTags_70bzx_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_70bzx_gg_._size_300_70bzx_gg_.__formatTags_70bzx_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_70bzx_gg_._size_300_70bzx_gg_.__formatTags_70bzx_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_70bzx_gg_._size_400_70bzx_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_70bzx_gg_._size_500_70bzx_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_70bzx_gg_._size_600_70bzx_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_70bzx_gg_._size_700_70bzx_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_70bzx_gg_._size_800_70bzx_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_70bzx_gg_.__noWrap_70bzx_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_70bzx_gg_.__medium_70bzx_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_70bzx_gg_.__semibold_70bzx_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_70bzx_gg_.__bold_70bzx_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_70bzx_gg_.__italic_70bzx_gg_{font-style:italic}.___SText_70bzx_gg_.__monospace_70bzx_gg_{font-family:Consolas,"Roboto Mono",Menlo,Courier,monospace}.___SText_70bzx_gg_.__uppercase_70bzx_gg_{text-transform:uppercase}.___SText_70bzx_gg_.__lowercase_70bzx_gg_{text-transform:lowercase}.___SText_70bzx_gg_.__capitalize_70bzx_gg_{text-transform:capitalize}.___SText_70bzx_gg_.__decoration_70bzx_gg_{text-decoration:var(--decoration_70bzx)}.___SText_70bzx_gg_.__color_70bzx_gg_{color:var(--color_70bzx)}.___SText_70bzx_gg_.__fontSize_70bzx_gg_{font-size:var(--fontSize_70bzx)}.___SText_70bzx_gg_.__lineHeight_70bzx_gg_{line-height:var(--lineHeight_70bzx)}.___SText_70bzx_gg_.__fontWeight_70bzx_gg_{font-weight:var(--fontWeight_70bzx)}.___SText_70bzx_gg_.__textAlign_70bzx_gg_{text-align:var(--textAlign_70bzx)}.___SText_70bzx_gg_._use_primary_70bzx_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SText_70bzx_gg_._use_secondary_70bzx_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SText_70bzx_gg_._use_secondary_70bzx_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_70bzx_gg_._use_secondary_70bzx_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_70bzx_gg_.__disabled_70bzx_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4)}@media (prefers-reduced-motion){.___SText_70bzx_gg_ a{transition:none}}',
|
|
12
12
|
/*__inner_css_end__*/
|
|
13
|
-
"
|
|
13
|
+
"70bzx_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
|
-
"_color": "
|
|
34
|
-
"--color": "--
|
|
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
|
-
"
|
|
48
|
-
"
|
|
49
|
-
"
|
|
50
|
-
"--maxLine": "--maxLine_grvyh",
|
|
51
|
-
"_trim_middle": "_trim_middle_grvyh_gg_",
|
|
52
|
-
"_size_100": "_size_100_grvyh_gg_",
|
|
53
|
-
"_size_200": "_size_200_grvyh_gg_",
|
|
54
|
-
"_size_300": "_size_300_grvyh_gg_"
|
|
16
|
+
"__SText": "___SText_70bzx_gg_",
|
|
17
|
+
"_size_400": "_size_400_70bzx_gg_",
|
|
18
|
+
"_size_500": "_size_500_70bzx_gg_",
|
|
19
|
+
"_size_600": "_size_600_70bzx_gg_",
|
|
20
|
+
"_size_700": "_size_700_70bzx_gg_",
|
|
21
|
+
"_size_800": "_size_800_70bzx_gg_",
|
|
22
|
+
"_noWrap": "__noWrap_70bzx_gg_",
|
|
23
|
+
"_medium": "__medium_70bzx_gg_",
|
|
24
|
+
"_semibold": "__semibold_70bzx_gg_",
|
|
25
|
+
"_bold": "__bold_70bzx_gg_",
|
|
26
|
+
"_italic": "__italic_70bzx_gg_",
|
|
27
|
+
"_monospace": "__monospace_70bzx_gg_",
|
|
28
|
+
"_uppercase": "__uppercase_70bzx_gg_",
|
|
29
|
+
"_lowercase": "__lowercase_70bzx_gg_",
|
|
30
|
+
"_capitalize": "__capitalize_70bzx_gg_",
|
|
31
|
+
"_decoration": "__decoration_70bzx_gg_",
|
|
32
|
+
"--decoration": "--decoration_70bzx",
|
|
33
|
+
"_color": "__color_70bzx_gg_",
|
|
34
|
+
"--color": "--color_70bzx",
|
|
35
|
+
"_fontSize": "__fontSize_70bzx_gg_",
|
|
36
|
+
"--fontSize": "--fontSize_70bzx",
|
|
37
|
+
"_lineHeight": "__lineHeight_70bzx_gg_",
|
|
38
|
+
"--lineHeight": "--lineHeight_70bzx",
|
|
39
|
+
"_fontWeight": "__fontWeight_70bzx_gg_",
|
|
40
|
+
"--fontWeight": "--fontWeight_70bzx",
|
|
41
|
+
"_textAlign": "__textAlign_70bzx_gg_",
|
|
42
|
+
"--textAlign": "--textAlign_70bzx",
|
|
43
|
+
"_use_primary": "_use_primary_70bzx_gg_",
|
|
44
|
+
"_use_secondary": "_use_secondary_70bzx_gg_",
|
|
45
|
+
"_disabled": "__disabled_70bzx_gg_",
|
|
46
|
+
"_formatTags": "__formatTags_70bzx_gg_",
|
|
47
|
+
"_size_100": "_size_100_70bzx_gg_",
|
|
48
|
+
"_size_200": "_size_200_70bzx_gg_",
|
|
49
|
+
"_size_300": "_size_300_70bzx_gg_"
|
|
55
50
|
})
|
|
56
51
|
);
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
_defineProperty(this, "ellipsis", null);
|
|
61
|
-
_defineProperty(this, "innerRef", /* @__PURE__ */ React.createRef());
|
|
62
|
-
_defineProperty(this, "state", {
|
|
63
|
-
showHint: false
|
|
64
|
-
});
|
|
65
|
-
this.handleEllipsized = this.handleEllipsized.bind(this);
|
|
52
|
+
function getTextDecoration(underline, lineThrough) {
|
|
53
|
+
if (underline) {
|
|
54
|
+
return "underline";
|
|
66
55
|
}
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
}
|
|
70
|
-
componentDidUpdate(prevProps) {
|
|
71
|
-
if (prevProps.ellipsis !== this.asProps.ellipsis) {
|
|
72
|
-
this.cleanUpEllipsis();
|
|
73
|
-
this.initEllipsis();
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
componentWillUnmount() {
|
|
77
|
-
this.cleanUpEllipsis();
|
|
78
|
-
}
|
|
79
|
-
render() {
|
|
80
|
-
var _ref = this.asProps, _ref2;
|
|
81
|
-
const SText = Box;
|
|
82
|
-
const {
|
|
83
|
-
color,
|
|
84
|
-
underline,
|
|
85
|
-
lineThrough,
|
|
86
|
-
hintProps,
|
|
87
|
-
children,
|
|
88
|
-
ellipsis,
|
|
89
|
-
resolveColor
|
|
90
|
-
} = this.asProps;
|
|
91
|
-
const {
|
|
92
|
-
showHint
|
|
93
|
-
} = this.state;
|
|
94
|
-
const cropPosition = typeof ellipsis === "object" ? ellipsis.cropPosition ?? "end" : ellipsis === true ? "end" : void 0;
|
|
95
|
-
let withHint = hintProps !== false;
|
|
96
|
-
const maxLineValue = typeof ellipsis === "object" && ellipsis.maxLine !== void 0 ? ellipsis.maxLine : void 0;
|
|
97
|
-
if (hintProps === void 0 && maxLineValue !== void 0 && maxLineValue > 1) {
|
|
98
|
-
withHint = false;
|
|
99
|
-
}
|
|
100
|
-
return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SText, _ref2.cn("SText", {
|
|
101
|
-
...assignProps({
|
|
102
|
-
"tag": "span",
|
|
103
|
-
"data-ui-name": "Text",
|
|
104
|
-
"ref": this.innerRef,
|
|
105
|
-
"use:decoration": this.getTextDecoration(underline, lineThrough),
|
|
106
|
-
"use:color": resolveColor(color),
|
|
107
|
-
"use:ellipsis": Boolean(ellipsis),
|
|
108
|
-
"maxLine": maxLineValue,
|
|
109
|
-
"trim": cropPosition
|
|
110
|
-
}, _ref)
|
|
111
|
-
})), showHint && withHint && /* @__PURE__ */ React.createElement(Hint, _ref2.cn("Hint", {
|
|
112
|
-
"triggerRef": this.innerRef,
|
|
113
|
-
...hintProps
|
|
114
|
-
}), children));
|
|
115
|
-
}
|
|
116
|
-
handleEllipsized(isEllipsis) {
|
|
117
|
-
this.setState({
|
|
118
|
-
showHint: isEllipsis
|
|
119
|
-
});
|
|
120
|
-
}
|
|
121
|
-
initEllipsis() {
|
|
122
|
-
const ellipsis = this.asProps.ellipsis;
|
|
123
|
-
if (ellipsis && this.innerRef.current) {
|
|
124
|
-
this.ellipsis = ellipsis instanceof Ellipsis ? ellipsis : new Ellipsis(this.innerRef.current, ellipsis === true ? {} : ellipsis);
|
|
125
|
-
this.ellipsis.on("isEllipsized", this.handleEllipsized);
|
|
126
|
-
}
|
|
127
|
-
}
|
|
128
|
-
cleanUpEllipsis() {
|
|
129
|
-
var _a, _b;
|
|
130
|
-
(_a = this.ellipsis) == null ? void 0 : _a.off("isEllipsized", this.handleEllipsized);
|
|
131
|
-
(_b = this.ellipsis) == null ? void 0 : _b.cleanUp();
|
|
132
|
-
this.setState({
|
|
133
|
-
showHint: false
|
|
134
|
-
});
|
|
135
|
-
}
|
|
136
|
-
getTextDecoration(underline, lineThrough) {
|
|
137
|
-
if (underline) {
|
|
138
|
-
return "underline";
|
|
139
|
-
}
|
|
140
|
-
if (lineThrough) {
|
|
141
|
-
return "line-through";
|
|
142
|
-
}
|
|
56
|
+
if (lineThrough) {
|
|
57
|
+
return "line-through";
|
|
143
58
|
}
|
|
144
59
|
}
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
60
|
+
function Text(props, ref) {
|
|
61
|
+
var _ref = arguments[0], _ref2;
|
|
62
|
+
var SText = Box;
|
|
63
|
+
var color = props.color, underline = props.underline, lineThrough = props.lineThrough;
|
|
64
|
+
var textDecoration = getTextDecoration(underline, lineThrough);
|
|
65
|
+
var resolveColor = useColorResolver();
|
|
66
|
+
return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SText, _ref2.cn("SText", _objectSpread({}, assignProps({
|
|
67
|
+
"tag": "span",
|
|
68
|
+
"data-ui-name": "Text",
|
|
69
|
+
"ref": ref,
|
|
70
|
+
"use:decoration": textDecoration,
|
|
71
|
+
"use:color": resolveColor(color)
|
|
72
|
+
}, _ref))));
|
|
73
|
+
}
|
|
74
|
+
Text.displayName = "Text";
|
|
75
|
+
const Text$1 = createBaseComponent(Text);
|
|
152
76
|
export {
|
|
153
|
-
Text as default
|
|
77
|
+
Text$1 as default
|
|
154
78
|
};
|
|
@@ -4,7 +4,7 @@ SBlockquote {
|
|
|
4
4
|
font-style: italic;
|
|
5
5
|
font-size: var(--intergalactic-fs-400, 20px);
|
|
6
6
|
line-height: var(--intergalactic-lh-400, 120%);
|
|
7
|
-
color: var(--intergalactic-text-primary,
|
|
7
|
+
color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
|
|
8
8
|
}
|
|
9
9
|
|
|
10
10
|
SDoubleQuotation {
|
|
@@ -15,13 +15,13 @@ SDoubleQuotation {
|
|
|
15
15
|
/* disable-tokens-validator */
|
|
16
16
|
font-size: 68px;
|
|
17
17
|
line-height: 52px;
|
|
18
|
-
color: var(--intergalactic-text-large-secondary,
|
|
18
|
+
color: var(--intergalactic-text-large-secondary, oklch(0.088 0.026 147.7 / 0.583));
|
|
19
19
|
}
|
|
20
20
|
|
|
21
21
|
SAuthor {
|
|
22
22
|
display: block;
|
|
23
23
|
margin-top: var(--intergalactic-spacing-4x, 16px);
|
|
24
|
-
color: var(--intergalactic-text-secondary,
|
|
24
|
+
color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
|
|
25
25
|
font-style: normal;
|
|
26
26
|
font-size: var(--intergalactic-fs-300, 16px);
|
|
27
27
|
line-height: var(--intergalactic-lh-300, 150%);
|
|
@@ -5,15 +5,15 @@ SText {
|
|
|
5
5
|
&[formatTags] {
|
|
6
6
|
|
|
7
7
|
& abbr {
|
|
8
|
-
color: var(--intergalactic-text-secondary,
|
|
9
|
-
text-decoration: underline dashed var(--intergalactic-text-secondary,
|
|
8
|
+
color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
|
|
9
|
+
text-decoration: underline dashed var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
|
|
10
10
|
|
|
11
11
|
&:active,
|
|
12
12
|
&:hover,
|
|
13
13
|
&:focus {
|
|
14
14
|
outline: none;
|
|
15
|
-
color: var(--intergalactic-text-hint-hover-active,
|
|
16
|
-
text-decoration: underline dashed var(--intergalactic-text-hint-hover-active,
|
|
15
|
+
color: var(--intergalactic-text-hint-hover-active, oklch(0.086 0.026 145.8 / 0.605));
|
|
16
|
+
text-decoration: underline dashed var(--intergalactic-text-hint-hover-active, oklch(0.086 0.026 145.8 / 0.605));
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
19
|
|
|
@@ -22,7 +22,7 @@ SText {
|
|
|
22
22
|
background: none;
|
|
23
23
|
outline: none;
|
|
24
24
|
text-decoration: none;
|
|
25
|
-
color: var(--intergalactic-text-link,
|
|
25
|
+
color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
|
|
26
26
|
border-bottom-width: 1px;
|
|
27
27
|
border-bottom-style: solid;
|
|
28
28
|
border-color: transparent;
|
|
@@ -31,8 +31,8 @@ SText {
|
|
|
31
31
|
&:hover {
|
|
32
32
|
outline: none;
|
|
33
33
|
text-decoration: none;
|
|
34
|
-
color: var(--intergalactic-text-link-hover-active,
|
|
35
|
-
border-color: var(--intergalactic-text-link-hover-active,
|
|
34
|
+
color: var(--intergalactic-text-link-hover-active, oklch(0.51 0.202 263));
|
|
35
|
+
border-color: var(--intergalactic-text-link-hover-active, oklch(0.51 0.202 263));
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
&:focus {
|
|
@@ -58,7 +58,7 @@ SText {
|
|
|
58
58
|
display: inline-block;
|
|
59
59
|
position: absolute;
|
|
60
60
|
left: 0;
|
|
61
|
-
color: var(--intergalactic-icon-secondary-neutral,
|
|
61
|
+
color: var(--intergalactic-icon-secondary-neutral, oklch(0.104 0.023 162.3 / 0.385));
|
|
62
62
|
font-family: Georgia, Times, 'Times New Roman', serif;
|
|
63
63
|
}
|
|
64
64
|
|
|
@@ -66,7 +66,7 @@ SText {
|
|
|
66
66
|
display: block;
|
|
67
67
|
font-style: normal;
|
|
68
68
|
margin-top: var(--intergalactic-spacing-4x, 16px);
|
|
69
|
-
color: var(--intergalactic-text-secondary,
|
|
69
|
+
color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
|
|
70
70
|
font-size: var(--intergalactic-fs-300, 16px);
|
|
71
71
|
line-height: var(--intergalactic-lh-300, 150%);
|
|
72
72
|
}
|
|
@@ -83,7 +83,7 @@ SText {
|
|
|
83
83
|
&:before {
|
|
84
84
|
position: absolute;
|
|
85
85
|
left: 0;
|
|
86
|
-
color: var(--intergalactic-text-secondary,
|
|
86
|
+
color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
|
|
87
87
|
}
|
|
88
88
|
}
|
|
89
89
|
|
|
@@ -103,12 +103,7 @@ SText {
|
|
|
103
103
|
|
|
104
104
|
& ul:not(ul[start], ul[reversed], ul[type]) li:not(SText):before {
|
|
105
105
|
content: '';
|
|
106
|
-
background-color: var(--intergalactic-icon-primary-neutral,
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
& ol:not(ol[start], ol[reversed], ol[type]):has(+ p),
|
|
110
|
-
& ul:not(ul[start], ul[reversed], ul[type]):has(+ p) {
|
|
111
|
-
margin-bottom: var(--intergalactic-spacing-4x, 16px);
|
|
106
|
+
background-color: var(--intergalactic-icon-primary-neutral, oklch(0.092 0.024 152.2 / 0.526));
|
|
112
107
|
}
|
|
113
108
|
|
|
114
109
|
& h1 {
|
|
@@ -184,7 +179,7 @@ SText {
|
|
|
184
179
|
& h5,
|
|
185
180
|
& h6 {
|
|
186
181
|
& small {
|
|
187
|
-
color: var(--intergalactic-text-secondary,
|
|
182
|
+
color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
|
|
188
183
|
font-weight: 300;
|
|
189
184
|
font-size: 100%;
|
|
190
185
|
}
|
|
@@ -197,7 +192,7 @@ SText {
|
|
|
197
192
|
}
|
|
198
193
|
|
|
199
194
|
& p {
|
|
200
|
-
margin: 0 0 var(--intergalactic-spacing-
|
|
195
|
+
margin: 0 0 var(--intergalactic-spacing-5x, 20px) 0;
|
|
201
196
|
|
|
202
197
|
&:last-child {
|
|
203
198
|
margin-bottom: 0;
|
|
@@ -227,29 +222,6 @@ SText {
|
|
|
227
222
|
}
|
|
228
223
|
}
|
|
229
224
|
|
|
230
|
-
SText[ellipsis] {
|
|
231
|
-
overflow: hidden;
|
|
232
|
-
text-overflow: ellipsis;
|
|
233
|
-
white-space: pre;
|
|
234
|
-
display: inline-block;
|
|
235
|
-
|
|
236
|
-
&[trim='end']::after {
|
|
237
|
-
content: '';
|
|
238
|
-
display: block;
|
|
239
|
-
}
|
|
240
|
-
|
|
241
|
-
&[maxLine] {
|
|
242
|
-
-webkit-line-clamp: var(--maxLine);
|
|
243
|
-
display: -webkit-box;
|
|
244
|
-
-webkit-box-orient: vertical;
|
|
245
|
-
white-space: normal;
|
|
246
|
-
overflow-wrap: break-word;
|
|
247
|
-
}
|
|
248
|
-
&[trim='middle'] {
|
|
249
|
-
text-overflow: unset;
|
|
250
|
-
}
|
|
251
|
-
}
|
|
252
|
-
|
|
253
225
|
SText[size='100'] {
|
|
254
226
|
font-size: var(--intergalactic-fs-100, 12px);
|
|
255
227
|
line-height: var(--intergalactic-lh-100, 133%);
|
|
@@ -303,7 +275,7 @@ SText[size='200'] {
|
|
|
303
275
|
}
|
|
304
276
|
|
|
305
277
|
& p {
|
|
306
|
-
margin: 0 0 var(--intergalactic-spacing-
|
|
278
|
+
margin: 0 0 var(--intergalactic-spacing-5x, 20px) 0;
|
|
307
279
|
|
|
308
280
|
&:last-child {
|
|
309
281
|
margin-bottom: 0;
|
|
@@ -345,7 +317,7 @@ SText[size='300'] {
|
|
|
345
317
|
}
|
|
346
318
|
|
|
347
319
|
& p {
|
|
348
|
-
margin: 0 0 var(--intergalactic-spacing-
|
|
320
|
+
margin: 0 0 var(--intergalactic-spacing-6x, 24px) 0;
|
|
349
321
|
|
|
350
322
|
&:last-child {
|
|
351
323
|
margin-bottom: 0;
|
|
@@ -462,15 +434,15 @@ SText[textAlign] {
|
|
|
462
434
|
}
|
|
463
435
|
|
|
464
436
|
SText[use='primary'] {
|
|
465
|
-
color: var(--intergalactic-text-primary,
|
|
437
|
+
color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
|
|
466
438
|
}
|
|
467
439
|
|
|
468
440
|
SText[use='secondary'] {
|
|
469
|
-
color: var(--intergalactic-text-secondary,
|
|
441
|
+
color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
|
|
470
442
|
}
|
|
471
443
|
|
|
472
444
|
SText[disabled] {
|
|
473
|
-
opacity: var(--intergalactic-disabled-opacity, 0.
|
|
445
|
+
opacity: var(--intergalactic-disabled-opacity, 0.4);
|
|
474
446
|
}
|
|
475
447
|
|
|
476
448
|
@media (prefers-reduced-motion) {
|