@semcore/typography 16.3.2 → 16.3.3-prerelease.12

package/lib/esm/Blockquote.mjs

@@ -1,36 +1,40 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { createBaseComponent, sstyled, assignProps } from "@semcore/core";
+import { Box } from "@semcore/base-components";
 import isNode from "@semcore/core/lib/utils/isNode";
-import { Box } from "@semcore/flex-box";
 import React from "react";
 /*!__reshadow-styles__:"./style/blockquote.shadow.css"*/
-var styles = (
+const styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SBlockquote_1ysfd_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, #191b23)}.___SDoubleQuotation_1ysfd_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, #a9abb6)}.___SAuthor_1ysfd_gg_{display:block;margin-top:var(--intergalactic-spacing-4x, 16px);color:var(--intergalactic-text-secondary, #6c6e79);font-style:normal;font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}',
+    '.___SBlockquote_hkf9e_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, #191b23)}.___SDoubleQuotation_hkf9e_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, #a9abb6)}.___SAuthor_hkf9e_gg_{display:block;margin-top:var(--intergalactic-spacing-4x, 16px);color:var(--intergalactic-text-secondary, #6c6e79);font-style:normal;font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}',
     /*__inner_css_end__*/
-    "1ysfd_gg_"
+    "hkf9e_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SBlockquote": "___SBlockquote_1ysfd_gg_",
-    "__SDoubleQuotation": "___SDoubleQuotation_1ysfd_gg_",
-    "__SAuthor": "___SAuthor_1ysfd_gg_"
+    "__SBlockquote": "___SBlockquote_hkf9e_gg_",
+    "__SDoubleQuotation": "___SDoubleQuotation_hkf9e_gg_",
+    "__SAuthor": "___SAuthor_hkf9e_gg_"
   })
 );
 function Blockquote(props, ref) {
   var _ref = arguments[0], _ref2;
-  var SBlockquote = Box;
-  var SDoubleQuotation = "span";
-  var SAuthor = "cite";
-  var children = props.children, author = props.author;
-  return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SBlockquote, _ref2.cn("SBlockquote", _objectSpread({}, assignProps({
-    "tag": "blockquote",
-    "ref": ref
-  }, _ref))), /* @__PURE__ */ React.createElement(SDoubleQuotation, _ref2.cn("SDoubleQuotation", {}), "“"), /* @__PURE__ */ React.createElement("span", _ref2.cn("span", {}), children, isNode(author) && /* @__PURE__ */ React.createElement(SAuthor, _ref2.cn("SAuthor", {}), author)));
+  const SBlockquote = Box;
+  const SDoubleQuotation = "span";
+  const SAuthor = "cite";
+  const {
+    children,
+    author
+  } = props;
+  return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SBlockquote, _ref2.cn("SBlockquote", {
+    ...assignProps({
+      "tag": "blockquote",
+      "ref": ref
+    }, _ref)
+  }), /* @__PURE__ */ React.createElement(SDoubleQuotation, _ref2.cn("SDoubleQuotation", {}), "“"), /* @__PURE__ */ React.createElement("span", _ref2.cn("span", {}), children, isNode(author) && /* @__PURE__ */ React.createElement(SAuthor, _ref2.cn("SAuthor", {}), author)));
 }
 Blockquote.displayName = "Blockquote";
-const Blockquote$1 = createBaseComponent(Blockquote);
+const Blockquote_default = createBaseComponent(Blockquote);
 export {
-  Blockquote$1 as default
+  Blockquote_default as default
 };

package/lib/esm/List.mjs

@@ -1,100 +1,93 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
+import { createComponent, Component, sstyled, assignProps } from "@semcore/core";
+import { Flex } from "@semcore/base-components";
 import { isAdvanceMode } from "@semcore/core/lib/utils/findComponent";
 import isNode from "@semcore/core/lib/utils/isNode";
-import { Flex } from "@semcore/flex-box";
 import React from "react";
 import Text from "./Text.mjs";
 /*!__reshadow-styles__:"./style/list.shadow.css"*/
-var style = (
+const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SList_1t6um_gg_{padding:0;margin:0;list-style-type:none}.___SContent_1t6um_gg_{overflow:inherit;text-overflow:inherit}.___SItem_1t6um_gg_+.___SItem_1t6um_gg_,.___SList_1t6um_gg_ .___SList_1t6um_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_1t6um_gg_{display:flex}.___SMarker_1t6um_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, #6c6e79);line-height:normal}",
+    ".___SList_1i2n2_gg_{padding:0;margin:0;list-style-type:none}.___SContent_1i2n2_gg_{overflow:inherit;text-overflow:inherit}.___SItem_1i2n2_gg_+.___SItem_1i2n2_gg_,.___SList_1i2n2_gg_ .___SList_1i2n2_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_1i2n2_gg_{display:flex}.___SMarker_1i2n2_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, #6c6e79);line-height:normal}",
     /*__inner_css_end__*/
-    "1t6um_gg_"
+    "1i2n2_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SList": "___SList_1t6um_gg_",
-    "__SContent": "___SContent_1t6um_gg_",
-    "__SItem": "___SItem_1t6um_gg_",
-    "__SMarker": "___SMarker_1t6um_gg_"
+    "__SList": "___SList_1i2n2_gg_",
+    "__SContent": "___SContent_1i2n2_gg_",
+    "__SItem": "___SItem_1i2n2_gg_",
+    "__SMarker": "___SMarker_1i2n2_gg_"
   })
 );
-var ListRoot = /* @__PURE__ */ (function(_Component) {
-  function ListRoot2() {
-    _classCallCheck(this, ListRoot2);
-    return _callSuper(this, ListRoot2, arguments);
+class ListRoot extends Component {
+  getItemProps() {
+    const {
+      marker
+    } = this.asProps;
+    return {
+      marker
+    };
   }
-  _inherits(ListRoot2, _Component);
-  return _createClass(ListRoot2, [{
-    key: "getItemProps",
-    value: function getItemProps() {
-      var marker = this.asProps.marker;
-      return {
-        marker
-      };
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps, _ref4;
-      var SList = Text;
-      var styles = this.asProps.styles;
-      return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(SList, _ref4.cn("SList", _objectSpread({}, assignProps({
-        "tag": "ul",
-        "role": "list"
-      }, _ref))));
-    }
-  }]);
-})(Component);
+  render() {
+    var _ref = this.asProps, _ref4;
+    const SList = Text;
+    const {
+      styles
+    } = this.asProps;
+    return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(SList, _ref4.cn("SList", {
+      ...assignProps({
+        "tag": "ul"
+      }, _ref)
+    }));
+  }
+}
 _defineProperty(ListRoot, "displayName", "List");
 _defineProperty(ListRoot, "style", style);
 _defineProperty(ListRoot, "defaultProps", {
   marker: "•"
 });
-var ItemRoot = /* @__PURE__ */ (function(_Component2) {
-  function ItemRoot2() {
-    _classCallCheck(this, ItemRoot2);
-    return _callSuper(this, ItemRoot2, arguments);
+class ItemRoot extends Component {
+  render() {
+    var _ref2 = this.asProps, _ref5;
+    const SItem = Text;
+    const {
+      styles,
+      children,
+      marker: markerNode,
+      Children
+    } = this.asProps;
+    const SMarker = "span";
+    const SContent = "div";
+    const isAdvancedMode = isAdvanceMode(Children, [List.Item.Content.displayName]);
+    return _ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(SItem, _ref5.cn("SItem", {
+      ...assignProps({
+        "tag": "li"
+      }, _ref2)
+    }), isNode(markerNode) && /* @__PURE__ */ React.createElement(SMarker, _ref5.cn("SMarker", {
+      "aria-hidden": "true"
+    }), markerNode), isAdvancedMode ? /* @__PURE__ */ React.createElement(Children, _ref5.cn("Children", {})) : /* @__PURE__ */ React.createElement(SContent, _ref5.cn("SContent", {}), children));
   }
-  _inherits(ItemRoot2, _Component2);
-  return _createClass(ItemRoot2, [{
-    key: "render",
-    value: function render() {
-      var _ref2 = this.asProps, _ref5;
-      var SItem = Text;
-      var _this$asProps = this.asProps, styles = _this$asProps.styles, children = _this$asProps.children, markerNode = _this$asProps.marker, Children = _this$asProps.Children;
-      var SMarker = "span";
-      var SContent = "div";
-      var isAdvancedMode = isAdvanceMode(Children, [List.Item.Content.displayName]);
-      return _ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(SItem, _ref5.cn("SItem", _objectSpread({}, assignProps({
-        "tag": "li",
-        "role": "listitem"
-      }, _ref2))), isNode(markerNode) && /* @__PURE__ */ React.createElement(SMarker, _ref5.cn("SMarker", {
-        "aria-hidden": "true"
-      }), markerNode), isAdvancedMode ? /* @__PURE__ */ React.createElement(Children, _ref5.cn("Children", {})) : /* @__PURE__ */ React.createElement(SContent, _ref5.cn("SContent", {}), children));
-    }
-  }]);
-})(Component);
+}
 _defineProperty(ItemRoot, "style", style);
 _defineProperty(ItemRoot, "displayName", "Item");
 function Content(props) {
   var _ref3 = arguments[0], _ref6;
-  var styles = props.styles, children = props.children;
-  var SContent = Flex;
-  return _ref6 = sstyled(styles), /* @__PURE__ */ React.createElement(SContent, _ref6.cn("SContent", _objectSpread({}, assignProps({}, _ref3))), children);
+  const {
+    styles,
+    children
+  } = props;
+  const SContent = Flex;
+  return _ref6 = sstyled(styles), /* @__PURE__ */ React.createElement(SContent, _ref6.cn("SContent", {
+    ...assignProps({}, _ref3)
+  }), children);
 }
 Content.displayName = "Content";
-var Item = createComponent(ItemRoot, {
+const Item = createComponent(ItemRoot, {
   Content
 });
-var List = createComponent(ListRoot, {
+const List = createComponent(ListRoot, {
   Item
 });
 export {

package/lib/esm/Text.mjs

@@ -1,78 +1,154 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import { createBaseComponent, sstyled, assignProps } from "@semcore/core";
-import { useColorResolver } from "@semcore/core/lib/utils/use/useColorResolver";
-import { Box } from "@semcore/flex-box";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { createComponent, sstyled, Component, assignProps } from "@semcore/core";
+import { Box, Hint, Ellipsis } from "@semcore/base-components";
+import resolveColorEnhance from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
 import React from "react";
 /*!__reshadow-styles__:"./style/text.shadow.css"*/
-var styles = (
+const styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SText_17kj2_gg_{padding:0;margin:0}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ abbr{color:var(--intergalactic-text-secondary, #6c6e79);-webkit-text-decoration:underline dashed var(--intergalactic-text-secondary, #6c6e79);text-decoration:underline dashed var(--intergalactic-text-secondary, #6c6e79)}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ abbr:active,.___SText_17kj2_gg_.__formatTags_17kj2_gg_ abbr:focus{outline:0;color:var(--intergalactic-text-hint-hover-active, #484a54);-webkit-text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, #484a54);text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SText_17kj2_gg_.__formatTags_17kj2_gg_ abbr:hover{outline:0;color:var(--intergalactic-text-hint-hover-active, #484a54);-webkit-text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, #484a54);text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, #484a54)}}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ a{display:inline;background:0 0;outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link, #006dca);border-bottom-width:1px;border-bottom-style:solid;border-color:transparent}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ a:active{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link-hover-active, #044792);border-color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SText_17kj2_gg_.__formatTags_17kj2_gg_ a:hover{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link-hover-active, #044792);border-color:var(--intergalactic-text-link-hover-active, #044792)}}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ a:focus{outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ code,.___SText_17kj2_gg_.__formatTags_17kj2_gg_ pre{font-family:Consolas,"Roboto Mono",Menlo,Courier,monospace}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ blockquote{position:relative;padding-left:51px;font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);font-style:italic}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ blockquote:before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNyIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDI3IDE5IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTguODI0MjIgMC45NDcyNjZWMi4zMDg1OUM2Ljg3NjMgMy4zMjY4MiA1LjQ4MTc3IDQuMzg5MzIgNC42NDA2MiA1LjQ5NjA5QzMuNzk5NDggNi42MDI4NiAzLjM3ODkxIDcuODA5MjQgMy4zNzg5MSA5LjExNTIzQzMuMzc4OTEgOS44ODk5NyAzLjQ4OTU4IDEwLjQyMTIgMy43MTA5NCAxMC43MDlDMy45MTAxNiAxMS4wMTg5IDQuMTUzNjUgMTEuMTczOCA0LjQ0MTQxIDExLjE3MzhDNC43MjkxNyAxMS4xNzM4IDUuMTE2NTQgMTEuMDk2NCA1LjYwMzUyIDEwLjk0MTRDNi4wOTA0OSAxMC43NjQzIDYuNTMzMiAxMC42NzU4IDYuOTMxNjQgMTAuNjc1OEM3LjgzOTE5IDEwLjY3NTggOC42MjUgMTEuMDE4OSA5LjI4OTA2IDExLjcwNTFDOS45NzUyNiAxMi4zNjkxIDEwLjMxODQgMTMuMTg4MiAxMC4zMTg0IDE0LjE2MjFDMTAuMzE4NCAxNS4yMjQ2IDkuOTA4ODUgMTYuMTQzMiA5LjA4OTg0IDE2LjkxOEM4LjI3MDgzIDE3LjY3MDYgNy4yNTI2IDE4LjA0NjkgNi4wMzUxNiAxOC4wNDY5QzQuNTUyMDggMTguMDQ2OSAzLjIxMjg5IDE3LjQwNDkgMi4wMTc1OCAxNi4xMjExQzAuODIyMjY2IDE0LjgzNzIgMC4yMjQ2MDkgMTMuMjU0NiAwLjIyNDYwOSAxMS4zNzNDMC4yMjQ2MDkgOS4xNTk1MSAwLjk1NTA3OCA3LjEwMDkxIDIuNDE2MDIgNS4xOTcyN0MzLjg5OTA5IDMuMjcxNDggNi4wMzUxNiAxLjg1NDgyIDguODI0MjIgMC45NDcyNjZaTTI0LjY2MjEgMS4wNDY4OFYyLjMwODU5QzIyLjQyNjQgMy41OTI0NSAyMC45NTQ0IDQuNzQzNDkgMjAuMjQ2MSA1Ljc2MTcyQzE5LjUzNzggNi43Nzk5NSAxOS4xODM2IDcuOTc1MjYgMTkuMTgzNiA5LjM0NzY2QzE5LjE4MzYgOS45Njc0NSAxOS4zMDUzIDEwLjQzMjMgMTkuNTQ4OCAxMC43NDIyQzE5Ljc5MjMgMTEuMDUyMSAyMC4wNDY5IDExLjIwNyAyMC4zMTI1IDExLjIwN0MyMC41NTYgMTEuMjA3IDIwLjkyMTIgMTEuMTE4NSAyMS40MDgyIDEwLjk0MTRDMjEuODk1MiAxMC43NjQzIDIyLjM4MjIgMTAuNjc1OCAyMi44NjkxIDEwLjY3NThDMjMuNzc2NyAxMC42NzU4IDI0LjU2MjUgMTEuMDA3OCAyNS4yMjY2IDExLjY3MTlDMjUuOTEyOCAxMi4zMTM4IDI2LjI1NTkgMTMuMTEwNyAyNi4yNTU5IDE0LjA2MjVDMjYuMjU1OSAxNS4xNDcxIDI1LjgyNDIgMTYuMDg3OSAyNC45NjA5IDE2Ljg4NDhDMjQuMTE5OCAxNy42ODE2IDIzLjA3OTQgMTguMDgwMSAyMS44Mzk4IDE4LjA4MDFDMjAuMzc4OSAxOC4wODAxIDE5LjA2MTggMTcuNDQ5MiAxNy44ODg3IDE2LjE4NzVDMTYuNzE1NSAxNC45MjU4IDE2LjEyODkgMTMuMzU0MiAxNi4xMjg5IDExLjQ3MjdDMTYuMTI4OSA5LjE0ODQ0IDE2Ljg3MDQgNy4wMzQ1MSAxOC4zNTM1IDUuMTMwODZDMTkuODM2NiAzLjIwNTA4IDIxLjkzOTUgMS44NDM3NSAyNC42NjIxIDEuMDQ2ODhaIiBmaWxsPSIjQTlBQkI2Ii8+Cjwvc3ZnPg==);display:inline-block;position:absolute;left:0;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);font-family:Georgia,Times,"Times New Roman",serif}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ blockquote cite{display:block;font-style:normal;margin-top:var(--intergalactic-spacing-4x, 16px);color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]),.___SText_17kj2_gg_.__formatTags_17kj2_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]){margin:var(--intergalactic-spacing-2x, 8px)0;padding:0;list-style:none;position:relative}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_17kj2_gg_):before,.___SText_17kj2_gg_.__formatTags_17kj2_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_17kj2_gg_):before{position:absolute;left:0;color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_17kj2_gg_)+li:not(.___SText_17kj2_gg_),.___SText_17kj2_gg_.__formatTags_17kj2_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_17kj2_gg_)+li:not(.___SText_17kj2_gg_){margin:var(--intergalactic-spacing-2x, 8px)0 0 0}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]){counter-reset:item 0}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_17kj2_gg_):before{counter-increment:item;content:counters(item,".")}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_17kj2_gg_):before{content:"";background-color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h1{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-6x, 24px)0}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h1:only-child,.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h2:only-child,.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h3:only-child,.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h4:only-child,.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h5:only-child,.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h6:only-child{margin-bottom:0}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h2,.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h3{font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h2{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h3{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h4{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-3x, 12px)0}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h5{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-2x, 8px)0}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h6{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);margin:0 0 var(--intergalactic-spacing-1x, 4px)0}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h1 small,.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h2 small,.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h3 small,.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h4 small,.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h5 small,.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h6 small{color:var(--intergalactic-text-secondary, #6c6e79);font-weight:300;font-size:100%}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ li,.___SText_17kj2_gg_.__formatTags_17kj2_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ p{margin:0 0 var(--intergalactic-spacing-5x, 20px)0}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ p:last-child,.___SText_17kj2_gg_._size_100_17kj2_gg_.__formatTags_17kj2_gg_ p:last-child,.___SText_17kj2_gg_._size_200_17kj2_gg_.__formatTags_17kj2_gg_ p:last-child,.___SText_17kj2_gg_._size_300_17kj2_gg_.__formatTags_17kj2_gg_ p:last-child{margin-bottom:0}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ ol ol li,.___SText_17kj2_gg_._size_100_17kj2_gg_.__formatTags_17kj2_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ ol ol ol li,.___SText_17kj2_gg_._size_100_17kj2_gg_.__formatTags_17kj2_gg_ ol ol ol li,.___SText_17kj2_gg_._size_200_17kj2_gg_.__formatTags_17kj2_gg_ ol ol ol li,.___SText_17kj2_gg_._size_300_17kj2_gg_.__formatTags_17kj2_gg_ ol ol ol li{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ ul li:before{width:4px;height:4px;border-radius:50%;margin-top:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-left:var(--intergalactic-spacing-05x, 2px)}.___SText_17kj2_gg_._size_100_17kj2_gg_,.___SText_17kj2_gg_._size_100_17kj2_gg_.__formatTags_17kj2_gg_ li,.___SText_17kj2_gg_._size_100_17kj2_gg_.__formatTags_17kj2_gg_ p{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_17kj2_gg_._size_100_17kj2_gg_.__formatTags_17kj2_gg_ p{margin:0 0 calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_17kj2_gg_._size_100_17kj2_gg_.__formatTags_17kj2_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_17kj2_gg_._size_100_17kj2_gg_.__formatTags_17kj2_gg_ ul li:before{width:3px;height:3px;border-radius:50%;margin-top:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-05x, 2px)}.___SText_17kj2_gg_._size_200_17kj2_gg_,.___SText_17kj2_gg_._size_200_17kj2_gg_.__formatTags_17kj2_gg_ li,.___SText_17kj2_gg_._size_200_17kj2_gg_.__formatTags_17kj2_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_17kj2_gg_._size_200_17kj2_gg_.__formatTags_17kj2_gg_ p{margin:0 0 var(--intergalactic-spacing-5x, 20px)0}.___SText_17kj2_gg_._size_200_17kj2_gg_.__formatTags_17kj2_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_17kj2_gg_._size_200_17kj2_gg_.__formatTags_17kj2_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_17kj2_gg_._size_200_17kj2_gg_.__formatTags_17kj2_gg_ ul li:before{width:4px;height:4px;border-radius:50%;margin-top:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-left:var(--intergalactic-spacing-05x, 2px)}.___SText_17kj2_gg_._size_300_17kj2_gg_,.___SText_17kj2_gg_._size_300_17kj2_gg_.__formatTags_17kj2_gg_ li,.___SText_17kj2_gg_._size_300_17kj2_gg_.__formatTags_17kj2_gg_ p{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_17kj2_gg_._size_300_17kj2_gg_.__formatTags_17kj2_gg_ p{margin:0 0 var(--intergalactic-spacing-6x, 24px)0}.___SText_17kj2_gg_._size_300_17kj2_gg_.__formatTags_17kj2_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_17kj2_gg_._size_300_17kj2_gg_.__formatTags_17kj2_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_17kj2_gg_._size_300_17kj2_gg_.__formatTags_17kj2_gg_ ul li:before{width:5px;height:5px;border-radius:50%;margin-top:calc(var(--intergalactic-spacing-2x, 8px) + var(--intergalactic-spacing-05x, 2px));margin-left:var(--intergalactic-spacing-05x, 2px)}.___SText_17kj2_gg_._size_400_17kj2_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_17kj2_gg_._size_500_17kj2_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_17kj2_gg_._size_600_17kj2_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_17kj2_gg_._size_700_17kj2_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_17kj2_gg_._size_800_17kj2_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_17kj2_gg_.__noWrap_17kj2_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_17kj2_gg_.__medium_17kj2_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_17kj2_gg_.__semibold_17kj2_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_17kj2_gg_.__bold_17kj2_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_17kj2_gg_.__italic_17kj2_gg_{font-style:italic}.___SText_17kj2_gg_.__monospace_17kj2_gg_{font-family:Consolas,"Roboto Mono",Menlo,Courier,monospace}.___SText_17kj2_gg_.__uppercase_17kj2_gg_{text-transform:uppercase}.___SText_17kj2_gg_.__lowercase_17kj2_gg_{text-transform:lowercase}.___SText_17kj2_gg_.__capitalize_17kj2_gg_{text-transform:capitalize}.___SText_17kj2_gg_.__decoration_17kj2_gg_{-webkit-text-decoration:var(--decoration_17kj2);text-decoration:var(--decoration_17kj2)}.___SText_17kj2_gg_.__color_17kj2_gg_{color:var(--color_17kj2)}.___SText_17kj2_gg_.__fontSize_17kj2_gg_{font-size:var(--fontSize_17kj2)}.___SText_17kj2_gg_.__lineHeight_17kj2_gg_{line-height:var(--lineHeight_17kj2)}.___SText_17kj2_gg_.__fontWeight_17kj2_gg_{font-weight:var(--fontWeight_17kj2)}.___SText_17kj2_gg_.__textAlign_17kj2_gg_{text-align:var(--textAlign_17kj2)}.___SText_17kj2_gg_._use_primary_17kj2_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_17kj2_gg_._use_secondary_17kj2_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_17kj2_gg_.__disabled_17kj2_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}@media (prefers-reduced-motion){.___SText_17kj2_gg_ a{transition:none}}',
+    '.___SText_grvyh_gg_{padding:0;margin:0}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ abbr{color:var(--intergalactic-text-secondary, #6c6e79);-webkit-text-decoration:underline dashed var(--intergalactic-text-secondary, #6c6e79);text-decoration:underline dashed var(--intergalactic-text-secondary, #6c6e79)}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ abbr:active,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ abbr:focus{outline:0;color:var(--intergalactic-text-hint-hover-active, #484a54);-webkit-text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, #484a54);text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SText_grvyh_gg_.__formatTags_grvyh_gg_ abbr:hover{outline:0;color:var(--intergalactic-text-hint-hover-active, #484a54);-webkit-text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, #484a54);text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, #484a54)}}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ a{display:inline;background:0 0;outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link, #006dca);border-bottom-width:1px;border-bottom-style:solid;border-color:transparent}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ a:active{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link-hover-active, #044792);border-color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SText_grvyh_gg_.__formatTags_grvyh_gg_ a:hover{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link-hover-active, #044792);border-color:var(--intergalactic-text-link-hover-active, #044792)}}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ a:focus{outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ code,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ pre{font-family:Consolas,"Roboto Mono",Menlo,Courier,monospace}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ blockquote{position:relative;padding-left:51px;font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);font-style:italic}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ blockquote:before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNyIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDI3IDE5IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTguODI0MjIgMC45NDcyNjZWMi4zMDg1OUM2Ljg3NjMgMy4zMjY4MiA1LjQ4MTc3IDQuMzg5MzIgNC42NDA2MiA1LjQ5NjA5QzMuNzk5NDggNi42MDI4NiAzLjM3ODkxIDcuODA5MjQgMy4zNzg5MSA5LjExNTIzQzMuMzc4OTEgOS44ODk5NyAzLjQ4OTU4IDEwLjQyMTIgMy43MTA5NCAxMC43MDlDMy45MTAxNiAxMS4wMTg5IDQuMTUzNjUgMTEuMTczOCA0LjQ0MTQxIDExLjE3MzhDNC43MjkxNyAxMS4xNzM4IDUuMTE2NTQgMTEuMDk2NCA1LjYwMzUyIDEwLjk0MTRDNi4wOTA0OSAxMC43NjQzIDYuNTMzMiAxMC42NzU4IDYuOTMxNjQgMTAuNjc1OEM3LjgzOTE5IDEwLjY3NTggOC42MjUgMTEuMDE4OSA5LjI4OTA2IDExLjcwNTFDOS45NzUyNiAxMi4zNjkxIDEwLjMxODQgMTMuMTg4MiAxMC4zMTg0IDE0LjE2MjFDMTAuMzE4NCAxNS4yMjQ2IDkuOTA4ODUgMTYuMTQzMiA5LjA4OTg0IDE2LjkxOEM4LjI3MDgzIDE3LjY3MDYgNy4yNTI2IDE4LjA0NjkgNi4wMzUxNiAxOC4wNDY5QzQuNTUyMDggMTguMDQ2OSAzLjIxMjg5IDE3LjQwNDkgMi4wMTc1OCAxNi4xMjExQzAuODIyMjY2IDE0LjgzNzIgMC4yMjQ2MDkgMTMuMjU0NiAwLjIyNDYwOSAxMS4zNzNDMC4yMjQ2MDkgOS4xNTk1MSAwLjk1NTA3OCA3LjEwMDkxIDIuNDE2MDIgNS4xOTcyN0MzLjg5OTA5IDMuMjcxNDggNi4wMzUxNiAxLjg1NDgyIDguODI0MjIgMC45NDcyNjZaTTI0LjY2MjEgMS4wNDY4OFYyLjMwODU5QzIyLjQyNjQgMy41OTI0NSAyMC45NTQ0IDQuNzQzNDkgMjAuMjQ2MSA1Ljc2MTcyQzE5LjUzNzggNi43Nzk5NSAxOS4xODM2IDcuOTc1MjYgMTkuMTgzNiA5LjM0NzY2QzE5LjE4MzYgOS45Njc0NSAxOS4zMDUzIDEwLjQzMjMgMTkuNTQ4OCAxMC43NDIyQzE5Ljc5MjMgMTEuMDUyMSAyMC4wNDY5IDExLjIwNyAyMC4zMTI1IDExLjIwN0MyMC41NTYgMTEuMjA3IDIwLjkyMTIgMTEuMTE4NSAyMS40MDgyIDEwLjk0MTRDMjEuODk1MiAxMC43NjQzIDIyLjM4MjIgMTAuNjc1OCAyMi44NjkxIDEwLjY3NThDMjMuNzc2NyAxMC42NzU4IDI0LjU2MjUgMTEuMDA3OCAyNS4yMjY2IDExLjY3MTlDMjUuOTEyOCAxMi4zMTM4IDI2LjI1NTkgMTMuMTEwNyAyNi4yNTU5IDE0LjA2MjVDMjYuMjU1OSAxNS4xNDcxIDI1LjgyNDIgMTYuMDg3OSAyNC45NjA5IDE2Ljg4NDhDMjQuMTE5OCAxNy42ODE2IDIzLjA3OTQgMTguMDgwMSAyMS44Mzk4IDE4LjA4MDFDMjAuMzc4OSAxOC4wODAxIDE5LjA2MTggMTcuNDQ5MiAxNy44ODg3IDE2LjE4NzVDMTYuNzE1NSAxNC45MjU4IDE2LjEyODkgMTMuMzU0MiAxNi4xMjg5IDExLjQ3MjdDMTYuMTI4OSA5LjE0ODQ0IDE2Ljg3MDQgNy4wMzQ1MSAxOC4zNTM1IDUuMTMwODZDMTkuODM2NiAzLjIwNTA4IDIxLjkzOTUgMS44NDM3NSAyNC42NjIxIDEuMDQ2ODhaIiBmaWxsPSIjQTlBQkI2Ii8+Cjwvc3ZnPg==);display:inline-block;position:absolute;left:0;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);font-family:Georgia,Times,"Times New Roman",serif}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ blockquote cite{display:block;font-style:normal;margin-top:var(--intergalactic-spacing-4x, 16px);color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]),.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]){margin:var(--intergalactic-spacing-2x, 8px)0;padding:0;list-style:none;position:relative}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_grvyh_gg_):before,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_grvyh_gg_):before{position:absolute;left:0;color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_grvyh_gg_)+li:not(.___SText_grvyh_gg_),.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_grvyh_gg_)+li:not(.___SText_grvyh_gg_){margin:var(--intergalactic-spacing-2x, 8px)0 0 0}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]){counter-reset:item 0}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_grvyh_gg_):before{counter-increment:item;content:counters(item,".")}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_grvyh_gg_):before{content:"";background-color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]):has(+p),.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]):has(+p){margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h1{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-6x, 24px)0}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h1:only-child,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h2:only-child,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h3:only-child,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h4:only-child,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h5:only-child,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h6:only-child{margin-bottom:0}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h2{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%);font-weight:var(--intergalactic-semi-bold, 600)}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h3{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%);font-weight:var(--intergalactic-semi-bold, 600)}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h4{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-3x, 12px)0}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h5{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-2x, 8px)0}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h6{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);margin:0 0 var(--intergalactic-spacing-1x, 4px)0}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h1 small,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h2 small,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h3 small,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h4 small,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h5 small,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h6 small{color:var(--intergalactic-text-secondary, #6c6e79);font-weight:300;font-size:100%}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ li,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h2,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h3,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ p{margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ p:last-child,.___SText_grvyh_gg_._size_100_grvyh_gg_.__formatTags_grvyh_gg_ p:last-child,.___SText_grvyh_gg_._size_200_grvyh_gg_.__formatTags_grvyh_gg_ p:last-child,.___SText_grvyh_gg_._size_300_grvyh_gg_.__formatTags_grvyh_gg_ p:last-child{margin-bottom:0}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ol ol li,.___SText_grvyh_gg_._size_100_grvyh_gg_.__formatTags_grvyh_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ol ol ol li,.___SText_grvyh_gg_._size_100_grvyh_gg_.__formatTags_grvyh_gg_ ol ol ol li,.___SText_grvyh_gg_._size_200_grvyh_gg_.__formatTags_grvyh_gg_ ol ol ol li,.___SText_grvyh_gg_._size_300_grvyh_gg_.__formatTags_grvyh_gg_ ol ol ol li{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ul li:before{width:4px;height:4px;border-radius:50%;margin-top:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-left:var(--intergalactic-spacing-05x, 2px)}.___SText_grvyh_gg_.__ellipsis_grvyh_gg_{overflow:hidden;text-overflow:ellipsis;white-space:pre;display:inline-block}.___SText_grvyh_gg_.__ellipsis_grvyh_gg_._trim_end_grvyh_gg_::after{content:"";display:block}.___SText_grvyh_gg_.__ellipsis_grvyh_gg_.__maxLine_grvyh_gg_{-webkit-line-clamp:var(--maxLine_grvyh);display:-webkit-box;-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word}.___SText_grvyh_gg_.__ellipsis_grvyh_gg_._trim_middle_grvyh_gg_{text-overflow:initial}.___SText_grvyh_gg_._size_100_grvyh_gg_,.___SText_grvyh_gg_._size_100_grvyh_gg_.__formatTags_grvyh_gg_ li,.___SText_grvyh_gg_._size_100_grvyh_gg_.__formatTags_grvyh_gg_ p{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_grvyh_gg_._size_100_grvyh_gg_.__formatTags_grvyh_gg_ p{margin:0 0 calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_grvyh_gg_._size_100_grvyh_gg_.__formatTags_grvyh_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_grvyh_gg_._size_100_grvyh_gg_.__formatTags_grvyh_gg_ ul li:before{width:3px;height:3px;border-radius:50%;margin-top:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-05x, 2px)}.___SText_grvyh_gg_._size_200_grvyh_gg_,.___SText_grvyh_gg_._size_200_grvyh_gg_.__formatTags_grvyh_gg_ li,.___SText_grvyh_gg_._size_200_grvyh_gg_.__formatTags_grvyh_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_grvyh_gg_._size_200_grvyh_gg_.__formatTags_grvyh_gg_ p{margin:0 0 var(--intergalactic-spacing-3x, 12px)0}.___SText_grvyh_gg_._size_200_grvyh_gg_.__formatTags_grvyh_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_grvyh_gg_._size_200_grvyh_gg_.__formatTags_grvyh_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_grvyh_gg_._size_200_grvyh_gg_.__formatTags_grvyh_gg_ ul li:before{width:4px;height:4px;border-radius:50%;margin-top:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-left:var(--intergalactic-spacing-05x, 2px)}.___SText_grvyh_gg_._size_300_grvyh_gg_,.___SText_grvyh_gg_._size_300_grvyh_gg_.__formatTags_grvyh_gg_ li,.___SText_grvyh_gg_._size_300_grvyh_gg_.__formatTags_grvyh_gg_ p{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_grvyh_gg_._size_300_grvyh_gg_.__formatTags_grvyh_gg_ p{margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_grvyh_gg_._size_300_grvyh_gg_.__formatTags_grvyh_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_grvyh_gg_._size_300_grvyh_gg_.__formatTags_grvyh_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_grvyh_gg_._size_300_grvyh_gg_.__formatTags_grvyh_gg_ ul li:before{width:5px;height:5px;border-radius:50%;margin-top:calc(var(--intergalactic-spacing-2x, 8px) + var(--intergalactic-spacing-05x, 2px));margin-left:var(--intergalactic-spacing-05x, 2px)}.___SText_grvyh_gg_._size_400_grvyh_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_grvyh_gg_._size_500_grvyh_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_grvyh_gg_._size_600_grvyh_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_grvyh_gg_._size_700_grvyh_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_grvyh_gg_._size_800_grvyh_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_grvyh_gg_.__noWrap_grvyh_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_grvyh_gg_.__medium_grvyh_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_grvyh_gg_.__semibold_grvyh_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_grvyh_gg_.__bold_grvyh_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_grvyh_gg_.__italic_grvyh_gg_{font-style:italic}.___SText_grvyh_gg_.__monospace_grvyh_gg_{font-family:Consolas,"Roboto Mono",Menlo,Courier,monospace}.___SText_grvyh_gg_.__uppercase_grvyh_gg_{text-transform:uppercase}.___SText_grvyh_gg_.__lowercase_grvyh_gg_{text-transform:lowercase}.___SText_grvyh_gg_.__capitalize_grvyh_gg_{text-transform:capitalize}.___SText_grvyh_gg_.__decoration_grvyh_gg_{-webkit-text-decoration:var(--decoration_grvyh);text-decoration:var(--decoration_grvyh)}.___SText_grvyh_gg_.__color_grvyh_gg_{color:var(--color_grvyh)}.___SText_grvyh_gg_.__fontSize_grvyh_gg_{font-size:var(--fontSize_grvyh)}.___SText_grvyh_gg_.__lineHeight_grvyh_gg_{line-height:var(--lineHeight_grvyh)}.___SText_grvyh_gg_.__fontWeight_grvyh_gg_{font-weight:var(--fontWeight_grvyh)}.___SText_grvyh_gg_.__textAlign_grvyh_gg_{text-align:var(--textAlign_grvyh)}.___SText_grvyh_gg_._use_primary_grvyh_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_grvyh_gg_._use_secondary_grvyh_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_grvyh_gg_.__disabled_grvyh_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}@media (prefers-reduced-motion){.___SText_grvyh_gg_ a{transition:none}}',
     /*__inner_css_end__*/
-    "17kj2_gg_"
+    "grvyh_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SText": "___SText_17kj2_gg_",
-    "_size_400": "_size_400_17kj2_gg_",
-    "_size_500": "_size_500_17kj2_gg_",
-    "_size_600": "_size_600_17kj2_gg_",
-    "_size_700": "_size_700_17kj2_gg_",
-    "_size_800": "_size_800_17kj2_gg_",
-    "_noWrap": "__noWrap_17kj2_gg_",
-    "_medium": "__medium_17kj2_gg_",
-    "_semibold": "__semibold_17kj2_gg_",
-    "_bold": "__bold_17kj2_gg_",
-    "_italic": "__italic_17kj2_gg_",
-    "_monospace": "__monospace_17kj2_gg_",
-    "_uppercase": "__uppercase_17kj2_gg_",
-    "_lowercase": "__lowercase_17kj2_gg_",
-    "_capitalize": "__capitalize_17kj2_gg_",
-    "_decoration": "__decoration_17kj2_gg_",
-    "--decoration": "--decoration_17kj2",
-    "_color": "__color_17kj2_gg_",
-    "--color": "--color_17kj2",
-    "_fontSize": "__fontSize_17kj2_gg_",
-    "--fontSize": "--fontSize_17kj2",
-    "_lineHeight": "__lineHeight_17kj2_gg_",
-    "--lineHeight": "--lineHeight_17kj2",
-    "_fontWeight": "__fontWeight_17kj2_gg_",
-    "--fontWeight": "--fontWeight_17kj2",
-    "_textAlign": "__textAlign_17kj2_gg_",
-    "--textAlign": "--textAlign_17kj2",
-    "_use_primary": "_use_primary_17kj2_gg_",
-    "_use_secondary": "_use_secondary_17kj2_gg_",
-    "_disabled": "__disabled_17kj2_gg_",
-    "_formatTags": "__formatTags_17kj2_gg_",
-    "_size_100": "_size_100_17kj2_gg_",
-    "_size_200": "_size_200_17kj2_gg_",
-    "_size_300": "_size_300_17kj2_gg_"
+    "__SText": "___SText_grvyh_gg_",
+    "_size_400": "_size_400_grvyh_gg_",
+    "_size_500": "_size_500_grvyh_gg_",
+    "_size_600": "_size_600_grvyh_gg_",
+    "_size_700": "_size_700_grvyh_gg_",
+    "_size_800": "_size_800_grvyh_gg_",
+    "_noWrap": "__noWrap_grvyh_gg_",
+    "_medium": "__medium_grvyh_gg_",
+    "_semibold": "__semibold_grvyh_gg_",
+    "_bold": "__bold_grvyh_gg_",
+    "_italic": "__italic_grvyh_gg_",
+    "_monospace": "__monospace_grvyh_gg_",
+    "_uppercase": "__uppercase_grvyh_gg_",
+    "_lowercase": "__lowercase_grvyh_gg_",
+    "_capitalize": "__capitalize_grvyh_gg_",
+    "_decoration": "__decoration_grvyh_gg_",
+    "--decoration": "--decoration_grvyh",
+    "_color": "__color_grvyh_gg_",
+    "--color": "--color_grvyh",
+    "_fontSize": "__fontSize_grvyh_gg_",
+    "--fontSize": "--fontSize_grvyh",
+    "_lineHeight": "__lineHeight_grvyh_gg_",
+    "--lineHeight": "--lineHeight_grvyh",
+    "_fontWeight": "__fontWeight_grvyh_gg_",
+    "--fontWeight": "--fontWeight_grvyh",
+    "_textAlign": "__textAlign_grvyh_gg_",
+    "--textAlign": "--textAlign_grvyh",
+    "_use_primary": "_use_primary_grvyh_gg_",
+    "_use_secondary": "_use_secondary_grvyh_gg_",
+    "_disabled": "__disabled_grvyh_gg_",
+    "_formatTags": "__formatTags_grvyh_gg_",
+    "_ellipsis": "__ellipsis_grvyh_gg_",
+    "_trim_end": "_trim_end_grvyh_gg_",
+    "_maxLine": "__maxLine_grvyh_gg_",
+    "--maxLine": "--maxLine_grvyh",
+    "_trim_middle": "_trim_middle_grvyh_gg_",
+    "_size_100": "_size_100_grvyh_gg_",
+    "_size_200": "_size_200_grvyh_gg_",
+    "_size_300": "_size_300_grvyh_gg_"
   })
 );
-function getTextDecoration(underline, lineThrough) {
-  if (underline) {
-    return "underline";
+class TextRoot extends Component {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "ellipsis", null);
+    _defineProperty(this, "innerRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(this, "state", {
+      showHint: false
+    });
+    this.handleEllipsized = this.handleEllipsized.bind(this);
   }
-  if (lineThrough) {
-    return "line-through";
+  componentDidMount() {
+    this.initEllipsis();
+  }
+  componentDidUpdate(prevProps) {
+    if (prevProps.ellipsis !== this.asProps.ellipsis) {
+      this.cleanUpEllipsis();
+      this.initEllipsis();
+    }
+  }
+  componentWillUnmount() {
+    this.cleanUpEllipsis();
+  }
+  render() {
+    var _ref = this.asProps, _ref2;
+    const SText = Box;
+    const {
+      color,
+      underline,
+      lineThrough,
+      hintProps,
+      children,
+      ellipsis,
+      resolveColor
+    } = this.asProps;
+    const {
+      showHint
+    } = this.state;
+    const cropPosition = typeof ellipsis === "object" ? ellipsis.cropPosition ?? "end" : ellipsis === true ? "end" : void 0;
+    let withHint = hintProps !== false;
+    const maxLineValue = typeof ellipsis === "object" && ellipsis.maxLine !== void 0 ? ellipsis.maxLine : void 0;
+    if (hintProps === void 0 && maxLineValue !== void 0 && maxLineValue > 1) {
+      withHint = false;
+    }
+    return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SText, _ref2.cn("SText", {
+      ...assignProps({
+        "tag": "span",
+        "data-ui-name": "Text",
+        "ref": this.innerRef,
+        "use:decoration": this.getTextDecoration(underline, lineThrough),
+        "use:color": resolveColor(color),
+        "use:ellipsis": Boolean(ellipsis),
+        "maxLine": maxLineValue,
+        "trim": cropPosition
+      }, _ref)
+    })), showHint && withHint && /* @__PURE__ */ React.createElement(Hint, _ref2.cn("Hint", {
+      "triggerRef": this.innerRef,
+      ...hintProps
+    }), children));
+  }
+  handleEllipsized(isEllipsis) {
+    this.setState({
+      showHint: isEllipsis
+    });
+  }
+  initEllipsis() {
+    const ellipsis = this.asProps.ellipsis;
+    if (ellipsis && this.innerRef.current) {
+      this.ellipsis = ellipsis instanceof Ellipsis ? ellipsis : new Ellipsis(this.innerRef.current, ellipsis === true ? {} : ellipsis);
+      this.ellipsis.on("isEllipsized", this.handleEllipsized);
+    }
+  }
+  cleanUpEllipsis() {
+    var _a, _b;
+    (_a = this.ellipsis) == null ? void 0 : _a.off("isEllipsized", this.handleEllipsized);
+    (_b = this.ellipsis) == null ? void 0 : _b.cleanUp();
+    this.setState({
+      showHint: false
+    });
+  }
+  getTextDecoration(underline, lineThrough) {
+    if (underline) {
+      return "underline";
+    }
+    if (lineThrough) {
+      return "line-through";
+    }
   }
 }
-function Text(props, ref) {
-  var _ref = arguments[0], _ref2;
-  var SText = Box;
-  var color = props.color, underline = props.underline, lineThrough = props.lineThrough;
-  var textDecoration = getTextDecoration(underline, lineThrough);
-  var resolveColor = useColorResolver();
-  return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SText, _ref2.cn("SText", _objectSpread({}, assignProps({
-    "tag": "span",
-    "data-ui-name": "Text",
-    "ref": ref,
-    "use:decoration": textDecoration,
-    "use:color": resolveColor(color)
-  }, _ref))));
-}
-Text.displayName = "Text";
-const Text$1 = createBaseComponent(Text);
+_defineProperty(TextRoot, "enhance", [resolveColorEnhance()]);
+_defineProperty(TextRoot, "styles", styles);
+_defineProperty(TextRoot, "displayName", "Text");
+_defineProperty(TextRoot, "defaultProps", {
+  ellipsis: false
+});
+const Text = createComponent(TextRoot);
 export {
-  Text$1 as default
+  Text as default
 };

package/lib/esm/style/text.shadow.css

@@ -106,6 +106,11 @@ SText {
       background-color: var(--intergalactic-icon-primary-neutral, #6c6e79);
     }
 
+    & ol:not(ol[start], ol[reversed], ol[type]):has(+ p),
+    & ul:not(ul[start], ul[reversed], ul[type]):has(+ p) {
+      margin-bottom: var(--intergalactic-spacing-4x, 16px);
+    }
+
     & h1 {
       font-size: var(--intergalactic-fs-800, 48px);
       line-height: var(--intergalactic-lh-800, 117%);
@@ -192,7 +197,7 @@ SText {
     }
 
     & p {
-      margin: 0 0 var(--intergalactic-spacing-5x, 20px) 0;
+      margin: 0 0 var(--intergalactic-spacing-4x, 16px) 0;
 
       &:last-child {
         margin-bottom: 0;
@@ -222,6 +227,29 @@ SText {
   }
 }
 
+SText[ellipsis] {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: pre;
+  display: inline-block;
+
+  &[trim='end']::after {
+    content: '';
+    display: block;
+  }
+
+  &[maxLine] {
+    -webkit-line-clamp: var(--maxLine);
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    white-space: normal;
+    overflow-wrap: break-word;
+  }
+  &[trim='middle'] {
+    text-overflow: unset;
+  }
+}
+
 SText[size='100'] {
   font-size: var(--intergalactic-fs-100, 12px);
   line-height: var(--intergalactic-lh-100, 133%);
@@ -275,7 +303,7 @@ SText[size='200'] {
     }
 
     & p {
-      margin: 0 0 var(--intergalactic-spacing-5x, 20px) 0;
+      margin: 0 0 var(--intergalactic-spacing-3x, 12px) 0;
 
       &:last-child {
         margin-bottom: 0;
@@ -317,7 +345,7 @@ SText[size='300'] {
     }
 
     & p {
-      margin: 0 0 var(--intergalactic-spacing-6x, 24px) 0;
+      margin: 0 0 var(--intergalactic-spacing-4x, 16px) 0;
 
       &:last-child {
         margin-bottom: 0;

package/lib/types/Text.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("@semcore/core").Intergalactic.Component<"div", {}, {}, never[]>;
+export default _default;

package/lib/types/index.d.ts

@@ -1,14 +1,15 @@
-import type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
-import type { BoxProps, Flex, FlexProps } from '@semcore/flex-box';
+import type { BoxProps, Flex, FlexProps, EllipsisSettings, SimpleHintPopperProps, Ellipsis } from '@semcore/base-components';
+import type { PropGetterFn, Intergalactic } from '@semcore/core';
 import type { Property } from 'csstype';
 import type React from 'react';
 
-/** @deprecated */
-export interface ITextProps extends TextProps, UnknownProperties {}
 export type TextProps = BoxProps & {
   /** Font size and line-heights */
   size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;
-  /** The text will not be wrapped on a new line and will be cut off with ellipsis */
+  /**
+   * The text will not be wrapped on a new line and will be cut off with ellipsis
+   * @deprecated use ellipsis prop instead
+   **/
   noWrap?: boolean;
   /** CSS property `font-weight: 700;` */
   bold?: boolean;
@@ -46,18 +47,18 @@ export type TextProps = BoxProps & {
   disabled?: boolean;
   /** Enable formatting/styling for all nested HTML tags with our default styles for them */
   formatTags?: boolean;
+  /** The text will not be wrapped on a new line and will be cut off with ellipsis. Also, it will show a hint with full text. */
+  ellipsis?: true | Readonly<EllipsisSettings> | Ellipsis;
+  /** Settings for a hint with full text (cropped by ellipsis) */
+  hintProps?: Partial<Omit<SimpleHintPopperProps, 'children'>> | false;
 };
 
-/** @deprecated */
-export interface IListProps extends ListProps, UnknownProperties {}
 export type ListProps = TextProps & {
   /** Marker of the entire list
    * @default • */
   marker?: React.ReactNode;
 };
 
-/** @deprecated */
-export interface IListItemProps extends ListItemProps, UnknownProperties {}
 export type ListItemProps = TextProps & {
   /** Individual marker of a list item */
   marker?: React.ReactNode;
@@ -65,14 +66,10 @@ export type ListItemProps = TextProps & {
 
 export type ListItemContentProps = FlexProps;
 
-/** @deprecated */
-export interface IListContext extends ListContext, UnknownProperties {}
 export type ListContext = {
   getItemProps: PropGetterFn;
 };
 
-/** @deprecated */
-export interface IBlockquoteProps extends BlockquoteProps, UnknownProperties {}
 export type BlockquoteProps = BoxProps & {
   /** Source of the quote */
   author?: React.ReactNode;