npm - @semcore/typography - Versions diffs - 17.0.0-prerelease.29 → 17.0.0-prerelease.31 - Mend

@semcore/typography 17.0.0-prerelease.29 → 17.0.0-prerelease.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

package/CHANGELOG.md +1 -1
package/lib/cjs/Text.js +68 -58
package/lib/cjs/Text.js.map +1 -1
package/lib/cjs/index.d.js.map +1 -1
package/lib/cjs/style/text.shadow.css +3 -1
package/lib/es6/Text.js +68 -58
package/lib/es6/Text.js.map +1 -1
package/lib/es6/index.d.js.map +1 -1
package/lib/es6/style/text.shadow.css +3 -1
package/lib/esm/Text.mjs +69 -59
package/lib/esm/style/text.shadow.css +3 -1
package/lib/types/index.d.ts +34 -7
package/package.json +4 -4

package/CHANGELOG.md CHANGED Viewed

@@ -2,7 +2,7 @@
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
-## [17.0.0] - 2026-02-27
+## [17.0.0] - 2026-03-27
 ### BREAK

package/lib/cjs/Text.js CHANGED Viewed

@@ -11,48 +11,49 @@ var _baseComponents = require("@semcore/base-components");
 var _resolveColorEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/resolveColorEnhance"));
 var _react = _interopRequireDefault(require("react"));
 /*!__reshadow-styles__:"./style/text.shadow.css"*/
-const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SText_16e98_gg_{padding:0;margin:0}.___SText_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__formatTags_16e98_gg_ abbr:active,.___SText_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__formatTags_16e98_gg_ code,.___SText_16e98_gg_.__formatTags_16e98_gg_ pre{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__formatTags_16e98_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]),.___SText_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__formatTags_16e98_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_16e98_gg_):before,.___SText_16e98_gg_.__formatTags_16e98_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_16e98_gg_):before{position:absolute;left:0;color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_16e98_gg_.__formatTags_16e98_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_16e98_gg_)+li:not(.___SText_16e98_gg_),.___SText_16e98_gg_.__formatTags_16e98_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_16e98_gg_)+li:not(.___SText_16e98_gg_){margin:var(--intergalactic-spacing-2x, 8px)0 0 0}.___SText_16e98_gg_.__formatTags_16e98_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]){counter-reset:item 0}.___SText_16e98_gg_.__formatTags_16e98_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_16e98_gg_):before{counter-increment:item;content:counters(item,\".\")}.___SText_16e98_gg_.__formatTags_16e98_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_16e98_gg_):before{content:\"\";background-color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SText_16e98_gg_.__formatTags_16e98_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]):has(+p),.___SText_16e98_gg_.__formatTags_16e98_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]):has(+p){margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SText_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__formatTags_16e98_gg_ h1:only-child,.___SText_16e98_gg_.__formatTags_16e98_gg_ h2:only-child,.___SText_16e98_gg_.__formatTags_16e98_gg_ h3:only-child,.___SText_16e98_gg_.__formatTags_16e98_gg_ h4:only-child,.___SText_16e98_gg_.__formatTags_16e98_gg_ h5:only-child,.___SText_16e98_gg_.__formatTags_16e98_gg_ h6:only-child{margin-bottom:0}.___SText_16e98_gg_.__formatTags_16e98_gg_ h2{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%);font-weight:var(--intergalactic-semi-bold, 600)}.___SText_16e98_gg_.__formatTags_16e98_gg_ h3{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%);font-weight:var(--intergalactic-semi-bold, 600)}.___SText_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__formatTags_16e98_gg_ h1 small,.___SText_16e98_gg_.__formatTags_16e98_gg_ h2 small,.___SText_16e98_gg_.__formatTags_16e98_gg_ h3 small,.___SText_16e98_gg_.__formatTags_16e98_gg_ h4 small,.___SText_16e98_gg_.__formatTags_16e98_gg_ h5 small,.___SText_16e98_gg_.__formatTags_16e98_gg_ h6 small{color:var(--intergalactic-text-secondary, #6c6e79);font-weight:300;font-size:100%}.___SText_16e98_gg_.__formatTags_16e98_gg_ li,.___SText_16e98_gg_.__formatTags_16e98_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_16e98_gg_.__formatTags_16e98_gg_ h2,.___SText_16e98_gg_.__formatTags_16e98_gg_ h3,.___SText_16e98_gg_.__formatTags_16e98_gg_ p{margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_16e98_gg_.__formatTags_16e98_gg_ p:last-child,.___SText_16e98_gg_._size_100_16e98_gg_.__formatTags_16e98_gg_ p:last-child,.___SText_16e98_gg_._size_200_16e98_gg_.__formatTags_16e98_gg_ p:last-child,.___SText_16e98_gg_._size_300_16e98_gg_.__formatTags_16e98_gg_ p:last-child{margin-bottom:0}.___SText_16e98_gg_.__formatTags_16e98_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_16e98_gg_.__formatTags_16e98_gg_ ol ol li,.___SText_16e98_gg_._size_100_16e98_gg_.__formatTags_16e98_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_16e98_gg_.__formatTags_16e98_gg_ ol ol ol li,.___SText_16e98_gg_._size_100_16e98_gg_.__formatTags_16e98_gg_ ol ol ol li,.___SText_16e98_gg_._size_200_16e98_gg_.__formatTags_16e98_gg_ ol ol ol li,.___SText_16e98_gg_._size_300_16e98_gg_.__formatTags_16e98_gg_ ol ol ol li{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SText_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__ellipsis_16e98_gg_{overflow:hidden;text-overflow:ellipsis;white-space:pre;display:inline-block}.___SText_16e98_gg_.__ellipsis_16e98_gg_._trim_end_16e98_gg_::after{content:\"\";display:block}.___SText_16e98_gg_.__ellipsis_16e98_gg_.__maxLine_16e98_gg_{-webkit-line-clamp:var(--maxLine_16e98);display:-webkit-box;-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word}.___SText_16e98_gg_.__ellipsis_16e98_gg_._trim_middle_16e98_gg_{text-overflow:initial}.___SText_16e98_gg_._size_100_16e98_gg_,.___SText_16e98_gg_._size_100_16e98_gg_.__formatTags_16e98_gg_ li,.___SText_16e98_gg_._size_100_16e98_gg_.__formatTags_16e98_gg_ p{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_16e98_gg_._size_100_16e98_gg_.__formatTags_16e98_gg_ p{margin:0 0 calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_16e98_gg_._size_100_16e98_gg_.__formatTags_16e98_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_16e98_gg_._size_100_16e98_gg_.__formatTags_16e98_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_16e98_gg_._size_200_16e98_gg_,.___SText_16e98_gg_._size_200_16e98_gg_.__formatTags_16e98_gg_ li,.___SText_16e98_gg_._size_200_16e98_gg_.__formatTags_16e98_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_16e98_gg_._size_200_16e98_gg_.__formatTags_16e98_gg_ p{margin:0 0 var(--intergalactic-spacing-3x, 12px)0}.___SText_16e98_gg_._size_200_16e98_gg_.__formatTags_16e98_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_16e98_gg_._size_200_16e98_gg_.__formatTags_16e98_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_16e98_gg_._size_200_16e98_gg_.__formatTags_16e98_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_16e98_gg_._size_300_16e98_gg_,.___SText_16e98_gg_._size_300_16e98_gg_.__formatTags_16e98_gg_ li,.___SText_16e98_gg_._size_300_16e98_gg_.__formatTags_16e98_gg_ p{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_16e98_gg_._size_300_16e98_gg_.__formatTags_16e98_gg_ p{margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_16e98_gg_._size_300_16e98_gg_.__formatTags_16e98_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_16e98_gg_._size_300_16e98_gg_.__formatTags_16e98_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_16e98_gg_._size_300_16e98_gg_.__formatTags_16e98_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_16e98_gg_._size_400_16e98_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_16e98_gg_._size_500_16e98_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_16e98_gg_._size_600_16e98_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_16e98_gg_._size_700_16e98_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_16e98_gg_._size_800_16e98_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_16e98_gg_.__noWrap_16e98_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_16e98_gg_.__medium_16e98_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_16e98_gg_.__semibold_16e98_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_16e98_gg_.__bold_16e98_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_16e98_gg_.__italic_16e98_gg_{font-style:italic}.___SText_16e98_gg_.__monospace_16e98_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_16e98_gg_.__uppercase_16e98_gg_{text-transform:uppercase}.___SText_16e98_gg_.__lowercase_16e98_gg_{text-transform:lowercase}.___SText_16e98_gg_.__capitalize_16e98_gg_{text-transform:capitalize}.___SText_16e98_gg_.__decoration_16e98_gg_{-webkit-text-decoration:var(--decoration_16e98);text-decoration:var(--decoration_16e98)}.___SText_16e98_gg_.__color_16e98_gg_{color:var(--color_16e98)}.___SText_16e98_gg_.__fontSize_16e98_gg_{font-size:var(--fontSize_16e98)}.___SText_16e98_gg_.__lineHeight_16e98_gg_{line-height:var(--lineHeight_16e98)}.___SText_16e98_gg_.__fontWeight_16e98_gg_{font-weight:var(--fontWeight_16e98)}.___SText_16e98_gg_.__textAlign_16e98_gg_{text-align:var(--textAlign_16e98)}.___SText_16e98_gg_._use_primary_16e98_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_16e98_gg_._use_secondary_16e98_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_16e98_gg_.__disabled_16e98_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}@media (prefers-reduced-motion){.___SText_16e98_gg_ a{transition:none}}", /*__inner_css_end__*/"16e98_gg_"),
+const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SText_s4dem_gg_{padding:0;margin:0}.___SText_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__formatTags_s4dem_gg_ abbr:active,.___SText_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__formatTags_s4dem_gg_ code,.___SText_s4dem_gg_.__formatTags_s4dem_gg_ pre{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__formatTags_s4dem_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]),.___SText_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__formatTags_s4dem_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_s4dem_gg_):before,.___SText_s4dem_gg_.__formatTags_s4dem_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_s4dem_gg_):before{position:absolute;left:0;color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_s4dem_gg_.__formatTags_s4dem_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_s4dem_gg_)+li:not(.___SText_s4dem_gg_),.___SText_s4dem_gg_.__formatTags_s4dem_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_s4dem_gg_)+li:not(.___SText_s4dem_gg_){margin:var(--intergalactic-spacing-2x, 8px)0 0 0}.___SText_s4dem_gg_.__formatTags_s4dem_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]){counter-reset:item 0}.___SText_s4dem_gg_.__formatTags_s4dem_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_s4dem_gg_):before{counter-increment:item;content:counters(item,\".\")}.___SText_s4dem_gg_.__formatTags_s4dem_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_s4dem_gg_):before{content:\"\";background-color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SText_s4dem_gg_.__formatTags_s4dem_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]):has(+p),.___SText_s4dem_gg_.__formatTags_s4dem_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]):has(+p){margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SText_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__formatTags_s4dem_gg_ h1:only-child,.___SText_s4dem_gg_.__formatTags_s4dem_gg_ h2:only-child,.___SText_s4dem_gg_.__formatTags_s4dem_gg_ h3:only-child,.___SText_s4dem_gg_.__formatTags_s4dem_gg_ h4:only-child,.___SText_s4dem_gg_.__formatTags_s4dem_gg_ h5:only-child,.___SText_s4dem_gg_.__formatTags_s4dem_gg_ h6:only-child{margin-bottom:0}.___SText_s4dem_gg_.__formatTags_s4dem_gg_ h2{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%);font-weight:var(--intergalactic-semi-bold, 600)}.___SText_s4dem_gg_.__formatTags_s4dem_gg_ h3{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%);font-weight:var(--intergalactic-semi-bold, 600)}.___SText_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__formatTags_s4dem_gg_ h1 small,.___SText_s4dem_gg_.__formatTags_s4dem_gg_ h2 small,.___SText_s4dem_gg_.__formatTags_s4dem_gg_ h3 small,.___SText_s4dem_gg_.__formatTags_s4dem_gg_ h4 small,.___SText_s4dem_gg_.__formatTags_s4dem_gg_ h5 small,.___SText_s4dem_gg_.__formatTags_s4dem_gg_ h6 small{color:var(--intergalactic-text-secondary, #6c6e79);font-weight:300;font-size:100%}.___SText_s4dem_gg_.__formatTags_s4dem_gg_ li,.___SText_s4dem_gg_.__formatTags_s4dem_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_s4dem_gg_.__formatTags_s4dem_gg_ h2,.___SText_s4dem_gg_.__formatTags_s4dem_gg_ h3,.___SText_s4dem_gg_.__formatTags_s4dem_gg_ p{margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_s4dem_gg_.__formatTags_s4dem_gg_ p:last-child,.___SText_s4dem_gg_._size_100_s4dem_gg_.__formatTags_s4dem_gg_ p:last-child,.___SText_s4dem_gg_._size_200_s4dem_gg_.__formatTags_s4dem_gg_ p:last-child,.___SText_s4dem_gg_._size_300_s4dem_gg_.__formatTags_s4dem_gg_ p:last-child{margin-bottom:0}.___SText_s4dem_gg_.__formatTags_s4dem_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_s4dem_gg_.__formatTags_s4dem_gg_ ol ol li,.___SText_s4dem_gg_._size_100_s4dem_gg_.__formatTags_s4dem_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_s4dem_gg_.__formatTags_s4dem_gg_ ol ol ol li,.___SText_s4dem_gg_._size_100_s4dem_gg_.__formatTags_s4dem_gg_ ol ol ol li,.___SText_s4dem_gg_._size_200_s4dem_gg_.__formatTags_s4dem_gg_ ol ol ol li,.___SText_s4dem_gg_._size_300_s4dem_gg_.__formatTags_s4dem_gg_ ol ol ol li{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SText_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__ellipsis_s4dem_gg_{overflow:hidden;text-overflow:ellipsis;white-space:pre;display:inline-block;line-height:inherit;vertical-align:top}.___SText_s4dem_gg_.__ellipsis_s4dem_gg_._trim_end_s4dem_gg_.__isEllipsized_s4dem_gg_::after{content:\"\";display:block}.___SText_s4dem_gg_.__ellipsis_s4dem_gg_.__maxLine_s4dem_gg_{-webkit-line-clamp:var(--maxLine_s4dem);display:-webkit-box;-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word}.___SText_s4dem_gg_.__ellipsis_s4dem_gg_._trim_middle_s4dem_gg_{text-overflow:initial}.___SText_s4dem_gg_._size_100_s4dem_gg_,.___SText_s4dem_gg_._size_100_s4dem_gg_.__formatTags_s4dem_gg_ li,.___SText_s4dem_gg_._size_100_s4dem_gg_.__formatTags_s4dem_gg_ p{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_s4dem_gg_._size_100_s4dem_gg_.__formatTags_s4dem_gg_ p{margin:0 0 calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_s4dem_gg_._size_100_s4dem_gg_.__formatTags_s4dem_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_s4dem_gg_._size_100_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_._size_200_s4dem_gg_,.___SText_s4dem_gg_._size_200_s4dem_gg_.__formatTags_s4dem_gg_ li,.___SText_s4dem_gg_._size_200_s4dem_gg_.__formatTags_s4dem_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_s4dem_gg_._size_200_s4dem_gg_.__formatTags_s4dem_gg_ p{margin:0 0 var(--intergalactic-spacing-3x, 12px)0}.___SText_s4dem_gg_._size_200_s4dem_gg_.__formatTags_s4dem_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_s4dem_gg_._size_200_s4dem_gg_.__formatTags_s4dem_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_s4dem_gg_._size_200_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_._size_300_s4dem_gg_,.___SText_s4dem_gg_._size_300_s4dem_gg_.__formatTags_s4dem_gg_ li,.___SText_s4dem_gg_._size_300_s4dem_gg_.__formatTags_s4dem_gg_ p{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_s4dem_gg_._size_300_s4dem_gg_.__formatTags_s4dem_gg_ p{margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_s4dem_gg_._size_300_s4dem_gg_.__formatTags_s4dem_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_s4dem_gg_._size_300_s4dem_gg_.__formatTags_s4dem_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_s4dem_gg_._size_300_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_._size_400_s4dem_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_s4dem_gg_._size_500_s4dem_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_s4dem_gg_._size_600_s4dem_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_s4dem_gg_._size_700_s4dem_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_s4dem_gg_._size_800_s4dem_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_s4dem_gg_.__noWrap_s4dem_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_s4dem_gg_.__medium_s4dem_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_s4dem_gg_.__semibold_s4dem_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_s4dem_gg_.__bold_s4dem_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_s4dem_gg_.__italic_s4dem_gg_{font-style:italic}.___SText_s4dem_gg_.__monospace_s4dem_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_s4dem_gg_.__uppercase_s4dem_gg_{text-transform:uppercase}.___SText_s4dem_gg_.__lowercase_s4dem_gg_{text-transform:lowercase}.___SText_s4dem_gg_.__capitalize_s4dem_gg_{text-transform:capitalize}.___SText_s4dem_gg_.__decoration_s4dem_gg_{-webkit-text-decoration:var(--decoration_s4dem);text-decoration:var(--decoration_s4dem)}.___SText_s4dem_gg_.__color_s4dem_gg_{color:var(--color_s4dem)}.___SText_s4dem_gg_.__fontSize_s4dem_gg_{font-size:var(--fontSize_s4dem)}.___SText_s4dem_gg_.__lineHeight_s4dem_gg_{line-height:var(--lineHeight_s4dem)}.___SText_s4dem_gg_.__fontWeight_s4dem_gg_{font-weight:var(--fontWeight_s4dem)}.___SText_s4dem_gg_.__textAlign_s4dem_gg_{text-align:var(--textAlign_s4dem)}.___SText_s4dem_gg_._use_primary_s4dem_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_s4dem_gg_._use_secondary_s4dem_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_s4dem_gg_.__disabled_s4dem_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}@media (prefers-reduced-motion){.___SText_s4dem_gg_ a{transition:none}}", /*__inner_css_end__*/"s4dem_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SText": "___SText_16e98_gg_",
-  "_size_400": "_size_400_16e98_gg_",
-  "_size_500": "_size_500_16e98_gg_",
-  "_size_600": "_size_600_16e98_gg_",
-  "_size_700": "_size_700_16e98_gg_",
-  "_size_800": "_size_800_16e98_gg_",
-  "_noWrap": "__noWrap_16e98_gg_",
-  "_medium": "__medium_16e98_gg_",
-  "_semibold": "__semibold_16e98_gg_",
-  "_bold": "__bold_16e98_gg_",
-  "_italic": "__italic_16e98_gg_",
-  "_monospace": "__monospace_16e98_gg_",
-  "_uppercase": "__uppercase_16e98_gg_",
-  "_lowercase": "__lowercase_16e98_gg_",
-  "_capitalize": "__capitalize_16e98_gg_",
-  "_decoration": "__decoration_16e98_gg_",
-  "--decoration": "--decoration_16e98",
-  "_color": "__color_16e98_gg_",
-  "--color": "--color_16e98",
-  "_fontSize": "__fontSize_16e98_gg_",
-  "--fontSize": "--fontSize_16e98",
-  "_lineHeight": "__lineHeight_16e98_gg_",
-  "--lineHeight": "--lineHeight_16e98",
-  "_fontWeight": "__fontWeight_16e98_gg_",
-  "--fontWeight": "--fontWeight_16e98",
-  "_textAlign": "__textAlign_16e98_gg_",
-  "--textAlign": "--textAlign_16e98",
-  "_use_primary": "_use_primary_16e98_gg_",
-  "_use_secondary": "_use_secondary_16e98_gg_",
-  "_disabled": "__disabled_16e98_gg_",
-  "_formatTags": "__formatTags_16e98_gg_",
-  "_ellipsis": "__ellipsis_16e98_gg_",
-  "_trim_end": "_trim_end_16e98_gg_",
-  "_maxLine": "__maxLine_16e98_gg_",
-  "--maxLine": "--maxLine_16e98",
-  "_trim_middle": "_trim_middle_16e98_gg_",
-  "_size_100": "_size_100_16e98_gg_",
-  "_size_200": "_size_200_16e98_gg_",
-  "_size_300": "_size_300_16e98_gg_"
+  "__SText": "___SText_s4dem_gg_",
+  "_size_400": "_size_400_s4dem_gg_",
+  "_size_500": "_size_500_s4dem_gg_",
+  "_size_600": "_size_600_s4dem_gg_",
+  "_size_700": "_size_700_s4dem_gg_",
+  "_size_800": "_size_800_s4dem_gg_",
+  "_noWrap": "__noWrap_s4dem_gg_",
+  "_medium": "__medium_s4dem_gg_",
+  "_semibold": "__semibold_s4dem_gg_",
+  "_bold": "__bold_s4dem_gg_",
+  "_italic": "__italic_s4dem_gg_",
+  "_monospace": "__monospace_s4dem_gg_",
+  "_uppercase": "__uppercase_s4dem_gg_",
+  "_lowercase": "__lowercase_s4dem_gg_",
+  "_capitalize": "__capitalize_s4dem_gg_",
+  "_decoration": "__decoration_s4dem_gg_",
+  "--decoration": "--decoration_s4dem",
+  "_color": "__color_s4dem_gg_",
+  "--color": "--color_s4dem",
+  "_fontSize": "__fontSize_s4dem_gg_",
+  "--fontSize": "--fontSize_s4dem",
+  "_lineHeight": "__lineHeight_s4dem_gg_",
+  "--lineHeight": "--lineHeight_s4dem",
+  "_fontWeight": "__fontWeight_s4dem_gg_",
+  "--fontWeight": "--fontWeight_s4dem",
+  "_textAlign": "__textAlign_s4dem_gg_",
+  "--textAlign": "--textAlign_s4dem",
+  "_use_primary": "_use_primary_s4dem_gg_",
+  "_use_secondary": "_use_secondary_s4dem_gg_",
+  "_disabled": "__disabled_s4dem_gg_",
+  "_formatTags": "__formatTags_s4dem_gg_",
+  "_ellipsis": "__ellipsis_s4dem_gg_",
+  "_trim_end": "_trim_end_s4dem_gg_",
+  "_isEllipsized": "__isEllipsized_s4dem_gg_",
+  "_maxLine": "__maxLine_s4dem_gg_",
+  "--maxLine": "--maxLine_s4dem",
+  "_trim_middle": "_trim_middle_s4dem_gg_",
+  "_size_100": "_size_100_s4dem_gg_",
+  "_size_200": "_size_200_s4dem_gg_",
+  "_size_300": "_size_300_s4dem_gg_"
 });
 class TextRoot extends _core.Component {
   constructor(props) {
@@ -60,7 +61,7 @@ class TextRoot extends _core.Component {
     (0, _defineProperty2.default)(this, "ellipsis", null);
     (0, _defineProperty2.default)(this, "innerRef", /*#__PURE__*/_react.default.createRef());
     (0, _defineProperty2.default)(this, "state", {
-      showHint: false
+      isEllipsized: false
     });
     this.handleEllipsized = this.handleEllipsized.bind(this);
   }
@@ -68,7 +69,11 @@ class TextRoot extends _core.Component {
     this.initEllipsis();
   }
   componentDidUpdate(prevProps) {
-    if (prevProps.ellipsis !== this.asProps.ellipsis) {
+    const ellipsisKeys = ['cropPosition', 'maxLine', 'lastRequiredSymbols', 'containerElement', 'recalculateContainerWidth', 'observeChildrenMutations'];
+    const hasChanges = ellipsisKeys.some(key => {
+      return prevProps[`ellipsis:${key}`] !== this.asProps[`ellipsis:${key}`];
+    });
+    if (prevProps.ellipsis !== this.asProps.ellipsis || hasChanges) {
       this.cleanUpEllipsis();
       this.initEllipsis();
     }
@@ -84,18 +89,20 @@ class TextRoot extends _core.Component {
       color,
       underline,
       lineThrough,
+      hint,
       hintProps,
       children,
       ellipsis,
+      ellipsisProps,
       resolveColor
     } = this.asProps;
     const {
-      showHint
+      isEllipsized
     } = this.state;
-    const cropPosition = typeof ellipsis === 'object' ? ellipsis.cropPosition ?? 'end' : ellipsis === true ? 'end' : undefined;
-    let withHint = hintProps !== false;
-    const maxLineValue = typeof ellipsis === 'object' && ellipsis.maxLine !== undefined ? ellipsis.maxLine : undefined;
-    if (hintProps === undefined && maxLineValue !== undefined && maxLineValue > 1) {
+    const cropPosition = ellipsisProps?.cropPosition ?? 'end';
+    let withHint = hint !== false;
+    const maxLineValue = ellipsisProps?.maxLine;
+    if (hint !== true && hintProps === undefined && maxLineValue !== undefined && maxLineValue > 1) {
       withHint = false;
     }
     return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(SText, _ref2.cn("SText", {
@@ -105,24 +112,30 @@ class TextRoot extends _core.Component {
         "ref": this.innerRef,
         "use:decoration": this.getTextDecoration(underline, lineThrough),
         "use:color": resolveColor(color),
-        "use:ellipsis": Boolean(ellipsis),
+        "use:ellipsis": ellipsis !== undefined ? ellipsis : Boolean(ellipsisProps),
+        "isEllipsized": isEllipsized,
         "maxLine": maxLineValue,
         "trim": cropPosition
       }, _ref)
-    })), showHint && withHint && /*#__PURE__*/_react.default.createElement(_baseComponents.Hint, _ref2.cn("Hint", {
+    })), isEllipsized && withHint && /*#__PURE__*/_react.default.createElement(_baseComponents.Hint, _ref2.cn("Hint", {
       "triggerRef": this.innerRef,
       ...hintProps
     }), children));
   }
-  handleEllipsized(isEllipsis) {
+  handleEllipsized(isEllipsized) {
     this.setState({
-      showHint: isEllipsis
+      isEllipsized: isEllipsized
     });
   }
   initEllipsis() {
-    const ellipsis = this.asProps.ellipsis;
-    if (ellipsis && this.innerRef.current) {
-      this.ellipsis = ellipsis instanceof _baseComponents.Ellipsis ? ellipsis : new _baseComponents.Ellipsis(this.innerRef.current, ellipsis === true ? {} : ellipsis);
+    const {
+      ellipsis,
+      ellipsisProps,
+      hint
+    } = this.asProps;
+    const shouldInit = hint !== false || ellipsisProps?.cropPosition === 'middle';
+    if (shouldInit && (ellipsis || ellipsisProps) && this.innerRef.current) {
+      this.ellipsis = ellipsis instanceof _baseComponents.Ellipsis ? ellipsis : new _baseComponents.Ellipsis(this.innerRef.current, ellipsisProps ?? {});
       this.ellipsis.on('isEllipsized', this.handleEllipsized);
     }
   }
@@ -130,7 +143,7 @@ class TextRoot extends _core.Component {
     this.ellipsis?.off('isEllipsized', this.handleEllipsized);
     this.ellipsis?.cleanUp();
     this.setState({
-      showHint: false
+      isEllipsized: false
     });
   }
   getTextDecoration(underline, lineThrough) {
@@ -145,8 +158,5 @@ class TextRoot extends _core.Component {
 (0, _defineProperty2.default)(TextRoot, "enhance", [(0, _resolveColorEnhance.default)()]);
 (0, _defineProperty2.default)(TextRoot, "styles", styles);
 (0, _defineProperty2.default)(TextRoot, "displayName", 'Text');
-(0, _defineProperty2.default)(TextRoot, "defaultProps", {
-  ellipsis: false
-});
 var _default = exports.default = (0, _core.createComponent)(TextRoot);
 //# sourceMappingURL=Text.js.map

package/lib/cjs/Text.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Text.js","names":["_core","require","_baseComponents","_resolveColorEnhance","_interopRequireDefault","_react","styles","sstyled","insert","TextRoot","Component","constructor","props","_defineProperty2","default","React","createRef","~~showHint~~","handleEllipsized","bind","componentDidMount","initEllipsis","componentDidUpdate","prevProps","~~ellipsis~~","asProps","cleanUpEllipsis","componentWillUnmount","render","_ref","_ref2","SText","Box","color","underline","lineThrough","hintProps","children","resolveColor","state","cropPosition","~~undefined","~~withHint","maxLineValue","maxLine","createElement","Fragment","cn","assignProps","innerRef","getTextDecoration","Boolean","Hint","~~isEllipsis~~","~~setState~~","current","Ellipsis","on","off","cleanUp","resolveColorEnhance","_default","exports","createComponent"],"sources":["../../src/Text.tsx"],"sourcesContent":["import { Ellipsis, Hint, Box } from '@semcore/base-components';\nimport { Root, sstyled, Component, createComponent } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport React from 'react';\n\nimport type { TextProps } from './index';\nimport styles from './style/text.shadow.css';\n\ntype ~~DefaultProps = {\n ellipsis: TextProps['ellipsis'] \| false;\n};\n\ntype~~ State = {\n ~~showHint~~: boolean;\n};\n\nclass TextRoot extends Component<TextProps, typeof TextRoot.enhance, {}, ~~DefaultProps~~, State> {\n private ellipsis: Ellipsis \| null = null;\n private innerRef = React.createRef<HTMLElement \| null>();\n\n static enhance = [resolveColorEnhance()] as const;\n static styles = styles;\n static displayName = 'Text';\n\n ~~static defaultProps: DefaultProps = {\n ellipsis: false,\n };\n\n~~ state = {\n ~~showHint~~: false,\n };\n\n constructor(props: TextProps) {\n super(props);\n\n this.handleEllipsized = this.handleEllipsized.bind(this);\n }\n\n componentDidMount(): void {\n this.initEllipsis();\n }\n\n componentDidUpdate(prevProps: ~~TextProps~~) {\n if (prevProps.ellipsis !== this.asProps.ellipsis) {\n this.cleanUpEllipsis();\n\n this.initEllipsis();\n }\n }\n\n componentWillUnmount() {\n this.cleanUpEllipsis();\n }\n\n render(): React.ReactNode {\n const SText = Root;\n const { color, underline, lineThrough, hintProps, children, ellipsis, resolveColor } = this.asProps;\n const { ~~showHint~~ } = this.state;\n\n const cropPosition = ~~typeof ellipsis === 'object' ? (ellipsis.~~cropPosition ?? 'end'~~) : (ellipsis === true ? 'end' : undefined)~~;\n let withHint = ~~hintProps~~ !== false;\n\n const maxLineValue = ~~typeof ellipsis === 'object' && ellipsis.~~maxLine ~~!== undefined ? ellipsis.maxLine : undefined~~;\n if (hintProps === undefined && maxLineValue !== undefined && maxLineValue > 1) {\n withHint = false;\n }\n\n return sstyled(styles)(\n <>\n <SText\n render={Box}\n tag='span'\n data-ui-name='Text'\n ref={this.innerRef}\n use:decoration={this.getTextDecoration(underline, lineThrough)}\n use:color={resolveColor(color)}\n use:ellipsis={Boolean(~~ellipsis~~)}\n maxLine={maxLineValue}\n trim={cropPosition}\n />\n {~~showHint~~ && withHint && <Hint triggerRef={this.innerRef} {...hintProps}>{children}</Hint>}\n </>,\n );\n }\n\n private handleEllipsized(~~isEllipsis~~: boolean) {\n this.setState({ ~~showHint~~: ~~isEllipsis~~ });\n }\n\n private initEllipsis() {\n const ellipsis = this.asProps~~.ellipsis~~;\n if (ellipsis && this.innerRef.current) {\n this.ellipsis = ellipsis instanceof Ellipsis ? ellipsis : new Ellipsis(this.innerRef.current, ~~ellipsis~~ ~~===~~ ~~true ?~~ {} ~~: ellipsis~~);\n\n this.ellipsis.on('isEllipsized', this.handleEllipsized);\n }\n }\n\n private cleanUpEllipsis() {\n this.ellipsis?.off('isEllipsized', this.handleEllipsized);\n this.ellipsis?.cleanUp();\n this.setState({ ~~showHint~~: false });\n }\n\n private getTextDecoration(underline?: boolean, lineThrough?: boolean) {\n if (underline) {\n return 'underline';\n }\n\n if (lineThrough) {\n return 'line-through';\n }\n }\n}\n\nexport default createComponent(TextRoot);\n"],"mappings":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,eAAA,GAAAD,OAAA;AAEA,IAAAE,oBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAD,sBAAA,CAAAH,OAAA;AAA0B;AAAA,MAAAK,MAAA,8BAAAN,KAAA,CAAAO,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;~~AAa1B~~,MAAMC,QAAQ,SAASC,eAAS,~~CAA8D~~;~~EAgB5FC~~,WAAWA,CAACC,KAAgB,EAAE;IAC5B,KAAK,CAACA,KAAK,CAAC;IAAC,IAAAC,gBAAA,CAAAC,OAAA,~~oBAhBqB~~,IAAI;IAAA,IAAAD,gBAAA,CAAAC,OAAA,iCACrBC,cAAK,CAACC,SAAS,CAAqB,CAAC;IAAA,IAAAH,gBAAA,CAAAC,OAAA,~~iBAUhD~~;MACNG,~~QAAQ~~,EAAE;~~IACZ~~,CAAC;IAKC,IAAI,CAACC,gBAAgB,GAAG,IAAI,CAACA,gBAAgB,CAACC,IAAI,CAAC,IAAI,CAAC;EAC1D;EAEAC,iBAAiBA,CAAA,EAAS;IACxB,IAAI,CAACC,YAAY,CAAC,CAAC;EACrB;EAEAC,kBAAkBA,CAACC,~~SAAoB~~,EAAE;~~IACvC~~,~~IAAIA~~,SAAS,~~CAACC~~,~~QAAQ~~,KAAK,IAAI,CAACC,OAAO,CAACD,QAAQ,EAAE;~~MAChD~~,IAAI,~~CAACE~~,eAAe,CAAC,CAAC;MAEtB,IAAI,~~CAACL~~,YAAY,CAAC,CAAC;IACrB;EACF;~~EAEAM~~,oBAAoBA,CAAA,EAAG;IACrB,IAAI,CAACD,eAAe,CAAC,CAAC;EACxB;EAEAE,MAAMA,CAAA,EAAoB;IAAA,IAAAC,IAAA,~~QAAAJ~~,OAAA;~~MAAAK~~,KAAA;IACxB,MAAMC,KAAK,GAeGC,mBAAG;IAdjB,MAAM;MAAEC,KAAK;MAAEC,SAAS;MAAEC,WAAW;MAAEC,SAAS;MAAEC,QAAQ;MAAEb,QAAQ;MAAEc;IAAa,CAAC,GAAG,IAAI,~~CAACb~~,OAAO;~~IACnG~~,MAAM;~~MAAER~~;~~IAAS~~,CAAC,GAAG,IAAI,~~CAACsB~~,KAAK;~~IAE/B~~,MAAMC,YAAY,~~GAAG~~,~~OAAOhB~~,~~QAAQ~~,~~KAAK,QAAQ,GAAIA,QAAQ,CAACgB,~~YAAY,IAAI,KAAK~~,GAAKhB,QAAQ,KAAK,IAAI,GAAG,KAAK,GAAGiB,SAAU~~;~~IAC9H~~,IAAIC,QAAQ,~~GAAGN~~,~~SAAS~~,KAAK,KAAK;~~IAElC~~,~~MAAMO~~,YAAY,~~GAAG~~,~~OAAOnB~~,~~QAAQ~~,~~KAAK,QAAQ,IAAIA,QAAQ,CAACoB,~~OAAO,~~KAAKH~~,~~SAAS~~,~~GAAGjB~~,~~QAAQ~~,~~CAACoB~~,~~OAAO,GAAGH,~~SAAS~~;IAClH~~,~~IAAIL~~,SAAS,~~KAAKK~~,~~SAAS,IAAIE,~~YAAY,~~KAAKF~~,SAAS,~~IAAIE~~,YAAY,GAAG,CAAC,EAAE;~~MAC7ED~~,QAAQ,GAAG,KAAK;IAClB;IAEA,~~OAAAZ~~,KAAA,GAAO,~~IAAAvB~~,aAAO,EAACD,MAAM,CAAC,eACpBD,MAAA,CAAAS,OAAA,~~CAAA+B~~,aAAA,~~CAAAxC~~,MAAA,CAAAS,OAAA,~~CAAAgC~~,QAAA,~~qBACEzC~~,MAAA,CAAAS,OAAA,~~CAAA+B~~,aAAA,~~CAACd~~,KAAK,EAAAD,KAAA,~~CAAAiB~~,EAAA;MAAA,~~OAAA/C~~,KAAA,~~CAAAgD~~,WAAA;QAAA,OAEA,MAAM;QAAA,gBACG,MAAM;QAAA,OACd,IAAI,CAACC,QAAQ;QAAA,kBACF,IAAI,CAACC,iBAAiB,~~CAAChB~~,SAAS,EAAEC,WAAW,CAAC;QAAA,~~aACnDG~~,YAAY,~~CAACL~~,KAAK,CAAC;QAAA,~~gBAChBkB~~,~~OAAO~~,~~CAAC3B~~,QAAQ,CAAC;QAAA,~~WACtBmB~~,YAAY;QAAA,~~QACfH~~;MAAY,~~GAAAX~~,IAAA;IAAA,EACnB,CAAC,~~EACDZ~~,~~QAAQ~~,~~IAAIyB~~,QAAQ,~~iBAAIrC~~,MAAA,CAAAS,OAAA,~~CAAA+B~~,aAAA,~~CAAC3C~~,eAAA,~~CAAAkD~~,IAAI,~~EAAAtB~~,KAAA,~~CAAAiB~~,EAAA;MAAA,cAAa,IAAI,CAACE,QAAQ;MAAA,~~GAAMb~~;IAAS,IAAGC,QAAe,~~CACzF~~,CAAC;EAEP;~~EAEQnB~~,gBAAgBA,~~CAACmC~~,~~UAAmB~~,EAAE;~~IAC5C~~,IAAI,~~CAACC~~,QAAQ,CAAC;~~MAAErC~~,~~QAAQ~~,~~EAAEoC~~;~~IAAW~~,CAAC,CAAC;~~EACzC~~;~~EAEQhC~~,YAAYA,CAAA,EAAG;IACrB,~~MAAMG~~,QAAQ,GAAG,IAAI,~~CAACC~~,OAAO,~~CAACD~~,QAAQ;~~IACtC~~,~~IAAIA~~,QAAQ,IAAI,IAAI,~~CAACyB~~,QAAQ,CAACM,OAAO,EAAE;~~MACrC~~,IAAI,~~CAAC/B~~,QAAQ,GAAGA,QAAQ,~~YAAYgC~~,wBAAQ,~~GAAGhC~~,QAAQ,GAAG,~~IAAIgC~~,wBAAQ,CAAC,IAAI,CAACP,QAAQ,CAACM,OAAO,~~EAAE/B~~,~~QAAQ~~,~~KAAK,~~IAAI,~~GAAG,~~CAAC,CAAC,~~GAAGA,QAAQ,~~CAAC;~~MAEhI~~,IAAI,~~CAACA~~,QAAQ,~~CAACiC~~,EAAE,CAAC,cAAc,EAAE,IAAI,~~CAACvC~~,gBAAgB,CAAC;IACzD;EACF;~~EAEQQ~~,eAAeA,CAAA,EAAG;IACxB,IAAI,~~CAACF~~,QAAQ,~~EAAEkC~~,GAAG,CAAC,cAAc,EAAE,IAAI,~~CAACxC~~,gBAAgB,CAAC;IACzD,IAAI,~~CAACM~~,QAAQ,~~EAAEmC~~,OAAO,CAAC,CAAC;IACxB,IAAI,~~CAACL~~,QAAQ,CAAC;~~MAAErC~~,~~QAAQ~~,EAAE;IAAM,CAAC,CAAC;~~EACpC~~;~~EAEQiC~~,iBAAiBA,~~CAAChB~~,SAAmB,EAAEC,WAAqB,EAAE;IACpE,IAAID,SAAS,EAAE;MACb,OAAO,WAAW;IACpB;IAEA,IAAIC,WAAW,EAAE;MACf,OAAO,cAAc;IACvB;EACF;AACF;AAAC,~~IAAAtB~~,gBAAA,CAAAC,OAAA,~~EAjGKL~~,QAAQ,aAIK,CAAC,~~IAAAmD~~,4BAAmB,EAAC,CAAC,CAAC;AAAA,~~IAAA/C~~,gBAAA,CAAAC,OAAA,EAJpCL,QAAQ,YAKIH,MAAM;AAAA,IAAAO,gBAAA,CAAAC,OAAA,EALlBL,QAAQ,iBAMS,MAAM;AAAA,~~IAAAI~~,~~gBAAA,CAAAC,OAAA,EANvBL,QAAQ,kBAQwB;EAClCe,QAAQ,EAAE;AACZ,CAAC;AAAA,IAAAqC,~~QAAA,GAAAC,OAAA,~~CAAAhD~~,OAAA,~~GAyFY~~,~~IAAAiD~~,qBAAe,~~EAACtD~~,QAAQ,CAAC","ignoreList":[]}
1	+ {"version":3,"file":"Text.js","names":["_core","require","_baseComponents","_resolveColorEnhance","_interopRequireDefault","_react","styles","sstyled","insert","TextRoot","Component","constructor","props","_defineProperty2","default","React","createRef","isEllipsized","handleEllipsized","bind","componentDidMount","initEllipsis","componentDidUpdate","prevProps","ellipsisKeys","hasChanges","some","key","asProps","ellipsis","cleanUpEllipsis","componentWillUnmount","render","_ref","_ref2","SText","Box","color","underline","lineThrough","hint","hintProps","children","ellipsisProps","resolveColor","state","cropPosition","withHint","maxLineValue","maxLine","undefined","createElement","Fragment","cn","assignProps","innerRef","getTextDecoration","Boolean","Hint","setState","shouldInit","current","Ellipsis","on","off","cleanUp","resolveColorEnhance","_default","exports","createComponent"],"sources":["../../src/Text.tsx"],"sourcesContent":["import { Ellipsis, Hint, Box, type EllipsisSettings } from '@semcore/base-components';\nimport { Root, sstyled, Component, createComponent } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport React from 'react';\n\nimport type { TextEllipsisProps, TextProps } from './index';\nimport styles from './style/text.shadow.css';\n\ntype State = {\n isEllipsized: boolean;\n};\n\nclass TextRoot extends Component<TextProps, typeof TextRoot.enhance, {}, {}, State> {\n private ellipsis: Ellipsis \| null = null;\n private innerRef = React.createRef<HTMLElement \| null>();\n\n static enhance = [resolveColorEnhance()] as const;\n static styles = styles;\n static displayName = 'Text';\n\n state = {\n isEllipsized: false,\n };\n\n constructor(props: TextProps) {\n super(props);\n\n this.handleEllipsized = this.handleEllipsized.bind(this);\n }\n\n componentDidMount(): void {\n this.initEllipsis();\n }\n\n componentDidUpdate(prevProps: TextEllipsisProps) {\n const ellipsisKeys: Array<keyof EllipsisSettings> = [\n 'cropPosition',\n 'maxLine',\n 'lastRequiredSymbols',\n 'containerElement',\n 'recalculateContainerWidth',\n 'observeChildrenMutations',\n ];\n\n const hasChanges = ellipsisKeys.some((key) => {\n return prevProps[`ellipsis:${key}`] !== this.asProps[`ellipsis:${key}`];\n });\n\n if (prevProps.ellipsis !== this.asProps.ellipsis \|\| hasChanges) {\n this.cleanUpEllipsis();\n\n this.initEllipsis();\n }\n }\n\n componentWillUnmount() {\n this.cleanUpEllipsis();\n }\n\n render(): React.ReactNode {\n const SText = Root;\n const { color, underline, lineThrough, hint, hintProps, children, ellipsis, ellipsisProps, resolveColor } = this.asProps;\n const { isEllipsized } = this.state;\n\n const cropPosition = ellipsisProps?.cropPosition ?? 'end';\n let withHint = hint !== false;\n\n const maxLineValue = ellipsisProps?.maxLine;\n if (hint !== true && hintProps === undefined && maxLineValue !== undefined && maxLineValue > 1) {\n withHint = false;\n }\n\n return sstyled(styles)(\n <>\n <SText\n render={Box}\n tag='span'\n data-ui-name='Text'\n ref={this.innerRef}\n use:decoration={this.getTextDecoration(underline, lineThrough)}\n use:color={resolveColor(color)}\n use:ellipsis={ellipsis !== undefined ? ellipsis : Boolean(ellipsisProps)}\n isEllipsized={isEllipsized}\n maxLine={maxLineValue}\n trim={cropPosition}\n />\n {isEllipsized && withHint && <Hint triggerRef={this.innerRef} {...hintProps}>{children}</Hint>}\n </>,\n );\n }\n\n private handleEllipsized(isEllipsized: boolean) {\n this.setState({ isEllipsized: isEllipsized });\n }\n\n private initEllipsis() {\n const { ellipsis, ellipsisProps, hint } = this.asProps;\n const shouldInit = hint !== false \|\| ellipsisProps?.cropPosition === 'middle';\n\n if (shouldInit && (ellipsis \|\| ellipsisProps) && this.innerRef.current) {\n this.ellipsis = ellipsis instanceof Ellipsis ? ellipsis : new Ellipsis(this.innerRef.current, ellipsisProps ?? {});\n\n this.ellipsis.on('isEllipsized', this.handleEllipsized);\n }\n }\n\n private cleanUpEllipsis() {\n this.ellipsis?.off('isEllipsized', this.handleEllipsized);\n this.ellipsis?.cleanUp();\n this.setState({ isEllipsized: false });\n }\n\n private getTextDecoration(underline?: boolean, lineThrough?: boolean) {\n if (underline) {\n return 'underline';\n }\n\n if (lineThrough) {\n return 'line-through';\n }\n }\n}\n\nexport default createComponent(TextRoot);\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/index.d.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { BoxProps, Flex, FlexProps, EllipsisSettings, SimpleHintPopperProps, Ellipsis } from '@semcore/base-components';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\nimport type { Property } from 'csstype';\nimport type React from 'react';\n\nexport type ~~TextProps~~ = ~~BoxProps~~ & {\n /** Font size and line-heights /\n size?: 100 \| 200 \| 300 \| 400 \| 500 \| 600 \| 700 \| 800;\n /\n The text will not be wrapped on a new line and will be cut off with ellipsis\n * @deprecated use ellipsis prop instead\n /\n noWrap?: boolean;\n / CSS property `font-weight: 700;` /\n bold?: boolean;\n /* CSS property `font-weight: 600;` /\n semibold?: boolean;\n /* CSS property `font-weight: 500;` /\n medium?: boolean;\n /* Italicized text /\n italic?: boolean;\n /* Underlined text /\n underline?: boolean;\n /* CSS property `font-family: monospace;` /\n monospace?: boolean;\n /* Strikethrough text /\n lineThrough?: boolean;\n /* Uppercase text /\n uppercase?: boolean;\n /* Lowercase text /\n lowercase?: boolean;\n /* Capitalized text /\n capitalize?: boolean;\n /* Text color /\n color?: string;\n / Custom `font-size` /\n fontSize?: Property.FontSize<any>;\n /* Custom `line-height` /\n lineHeight?: Property.LineHeight<any>;\n /* Custom `font-weight` /\n fontWeight?: Property.FontWeight;\n /* Text alignment /\n textAlign?: Property.TextAlign;\n /* Enforces text color /\n use?: 'primary' \| 'secondary';\n /* Makes text semi-transparent to indicate disabled state /\n disabled?: boolean;\n /* Enable formatting/styling for all nested HTML tags with our default styles for them /\n formatTags?: boolean;\n ~~/* The text will not be wrapped on a new line and will be cut off with~~ ellipsis. ~~Also,~~ ~~it will show a~~ hint ~~with~~ ~~full~~ ~~text. /\~~n ~~ellipsis~~?: ~~true \| Readonly<EllipsisSettings> \| Ellipsis~~;\n /* Settings for a hint with full text (cropped by ellipsis) /\n hintProps?: Partial<Omit<SimpleHintPopperProps, 'children'>> \| false;\n};\n\nexport type ListProps = TextProps & {\n /* Marker of the entire list\n * @default • /\n marker?: React.ReactNode;\n};\n\nexport type ListItemProps = TextProps & {\n /* Individual marker of a list item /\n marker?: React.ReactNode;\n};\n\nexport type ListItemContentProps = FlexProps;\n\nexport type ListContext = {\n getItemProps: PropGetterFn;\n};\n\nexport type BlockquoteProps = BoxProps & {\n /* Source of the quote */\n author?: React.ReactNode;\n};\n\ndeclare const Item: Intergalactic.Component<'li', ListItemProps> & {\n Content: Intergalactic.Component<typeof Flex, ListItemContentProps>;\n};\n\ndeclare const List: Intergalactic.Component<'ul', ListProps> & {\n Item: typeof Item;\n};\n\ndeclare const Text: Intergalactic.Component<'span', TextProps>;\n\ndeclare const Blockquote: Intergalactic.Component<'blockquote', BlockquoteProps>;\n\nexport { Text, List, Blockquote };\n"],"mappings":"","ignoreList":[]}
1	+ {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { BoxProps, Flex, FlexProps, EllipsisSettings, SimpleHintPopperProps, Ellipsis } from '@semcore/base-components';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\nimport type { Property } from 'csstype';\nimport type React from 'react';\n\nexport type TextHintProps = {\n /** Manually enabled/disabled Hint /\n hint?: boolean;\n} & {\n /* Settings for a hint with full text (cropped by ellipsis) /\n [K in keyof SimpleHintPopperProps as `hint:${string & K}`]?: SimpleHintPopperProps[K];\n};\n\n/* The text will not be wrapped on a new line and will be cut off with ellipsis. Also, it will show a hint with full text. /\nexport type TextEllipsisProps = {\n /* Manually enabled/disabled Ellipsis or provide an instance of it. /\n ellipsis?: (boolean \| Ellipsis);\n} & {\n /* Settings for an Ellipsis /\n [K in keyof EllipsisSettings as `ellipsis:${string & K}`]?: EllipsisSettings[K];\n};\n\nexport type BaseTextProps = {\n /* Font size and line-heights /\n size?: 100 \| 200 \| 300 \| 400 \| 500 \| 600 \| 700 \| 800;\n /\n The text will not be wrapped on a new line and will be cut off with ellipsis\n * @deprecated use ellipsis prop instead\n /\n noWrap?: boolean;\n / CSS property `font-weight: 700;` /\n bold?: boolean;\n /* CSS property `font-weight: 600;` /\n semibold?: boolean;\n /* CSS property `font-weight: 500;` /\n medium?: boolean;\n /* Italicized text /\n italic?: boolean;\n /* Underlined text /\n underline?: boolean;\n /* CSS property `font-family: monospace;` /\n monospace?: boolean;\n /* Strikethrough text /\n lineThrough?: boolean;\n /* Uppercase text /\n uppercase?: boolean;\n /* Lowercase text /\n lowercase?: boolean;\n /* Capitalized text /\n capitalize?: boolean;\n /* Text color /\n color?: string;\n / Custom `font-size` /\n fontSize?: Property.FontSize<any>;\n /* Custom `line-height` /\n lineHeight?: Property.LineHeight<any>;\n /* Custom `font-weight` /\n fontWeight?: Property.FontWeight;\n /* Text alignment /\n textAlign?: Property.TextAlign;\n /* Enforces text color /\n use?: 'primary' \| 'secondary';\n /* Makes text semi-transparent to indicate disabled state /\n disabled?: boolean;\n};\n\nexport type TextProps = BoxProps & BaseTextProps & (\n {\n /* Enable formatting/styling for all nested HTML tags with our default styles for them /\n formatTags?: boolean;\n ellipsis?: never;\n ellipsisProps?: never;\n hint?: never;\n hintProps?: never;\n } \|\n ({\n formatTags?: never;\n // /* Settings for a hint with full text (cropped by ellipsis) /\n // hintProps?: Partial<Omit<SimpleHintPopperProps, 'children'>> \| false;\n } & TextHintProps & TextEllipsisProps)\n);\n\nexport type ListProps = TextProps & {\n /* Marker of the entire list\n * @default • /\n marker?: React.ReactNode;\n};\n\nexport type ListItemProps = TextProps & {\n /* Individual marker of a list item /\n marker?: React.ReactNode;\n};\n\nexport type ListItemContentProps = FlexProps;\n\nexport type ListContext = {\n getItemProps: PropGetterFn;\n};\n\nexport type BlockquoteProps = BoxProps & {\n /* Source of the quote */\n author?: React.ReactNode;\n};\n\ndeclare const Item: Intergalactic.Component<'li', ListItemProps> & {\n Content: Intergalactic.Component<typeof Flex, ListItemContentProps>;\n};\n\ndeclare const List: Intergalactic.Component<'ul', ListProps> & {\n Item: typeof Item;\n};\n\ndeclare const Text: Intergalactic.Component<'span', TextProps>;\n\ndeclare const Blockquote: Intergalactic.Component<'blockquote', BlockquoteProps>;\n\nexport { Text, List, Blockquote };\n"],"mappings":"","ignoreList":[]}

package/lib/cjs/style/text.shadow.css CHANGED Viewed

@@ -232,8 +232,10 @@ SText[ellipsis] {
   text-overflow: ellipsis;
   white-space: pre;
   display: inline-block;
+  line-height: unset;
+  vertical-align: top;
-  &[trim='end']::after {
+  &[trim='end'][isEllipsized]::after {
     content: '';
     display: block;
   }

package/lib/es6/Text.js CHANGED Viewed

@@ -6,48 +6,49 @@ import { Root, sstyled, Component, createComponent } from '@semcore/core';
 import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';
 import React from 'react';
 /*!__reshadow-styles__:"./style/text.shadow.css"*/
-const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SText_16e98_gg_{padding:0;margin:0}.___SText_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__formatTags_16e98_gg_ abbr:active,.___SText_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__formatTags_16e98_gg_ code,.___SText_16e98_gg_.__formatTags_16e98_gg_ pre{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__formatTags_16e98_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]),.___SText_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__formatTags_16e98_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_16e98_gg_):before,.___SText_16e98_gg_.__formatTags_16e98_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_16e98_gg_):before{position:absolute;left:0;color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_16e98_gg_.__formatTags_16e98_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_16e98_gg_)+li:not(.___SText_16e98_gg_),.___SText_16e98_gg_.__formatTags_16e98_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_16e98_gg_)+li:not(.___SText_16e98_gg_){margin:var(--intergalactic-spacing-2x, 8px)0 0 0}.___SText_16e98_gg_.__formatTags_16e98_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]){counter-reset:item 0}.___SText_16e98_gg_.__formatTags_16e98_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_16e98_gg_):before{counter-increment:item;content:counters(item,\".\")}.___SText_16e98_gg_.__formatTags_16e98_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_16e98_gg_):before{content:\"\";background-color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SText_16e98_gg_.__formatTags_16e98_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]):has(+p),.___SText_16e98_gg_.__formatTags_16e98_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]):has(+p){margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SText_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__formatTags_16e98_gg_ h1:only-child,.___SText_16e98_gg_.__formatTags_16e98_gg_ h2:only-child,.___SText_16e98_gg_.__formatTags_16e98_gg_ h3:only-child,.___SText_16e98_gg_.__formatTags_16e98_gg_ h4:only-child,.___SText_16e98_gg_.__formatTags_16e98_gg_ h5:only-child,.___SText_16e98_gg_.__formatTags_16e98_gg_ h6:only-child{margin-bottom:0}.___SText_16e98_gg_.__formatTags_16e98_gg_ h2{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%);font-weight:var(--intergalactic-semi-bold, 600)}.___SText_16e98_gg_.__formatTags_16e98_gg_ h3{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%);font-weight:var(--intergalactic-semi-bold, 600)}.___SText_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__formatTags_16e98_gg_ h1 small,.___SText_16e98_gg_.__formatTags_16e98_gg_ h2 small,.___SText_16e98_gg_.__formatTags_16e98_gg_ h3 small,.___SText_16e98_gg_.__formatTags_16e98_gg_ h4 small,.___SText_16e98_gg_.__formatTags_16e98_gg_ h5 small,.___SText_16e98_gg_.__formatTags_16e98_gg_ h6 small{color:var(--intergalactic-text-secondary, #6c6e79);font-weight:300;font-size:100%}.___SText_16e98_gg_.__formatTags_16e98_gg_ li,.___SText_16e98_gg_.__formatTags_16e98_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_16e98_gg_.__formatTags_16e98_gg_ h2,.___SText_16e98_gg_.__formatTags_16e98_gg_ h3,.___SText_16e98_gg_.__formatTags_16e98_gg_ p{margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_16e98_gg_.__formatTags_16e98_gg_ p:last-child,.___SText_16e98_gg_._size_100_16e98_gg_.__formatTags_16e98_gg_ p:last-child,.___SText_16e98_gg_._size_200_16e98_gg_.__formatTags_16e98_gg_ p:last-child,.___SText_16e98_gg_._size_300_16e98_gg_.__formatTags_16e98_gg_ p:last-child{margin-bottom:0}.___SText_16e98_gg_.__formatTags_16e98_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_16e98_gg_.__formatTags_16e98_gg_ ol ol li,.___SText_16e98_gg_._size_100_16e98_gg_.__formatTags_16e98_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_16e98_gg_.__formatTags_16e98_gg_ ol ol ol li,.___SText_16e98_gg_._size_100_16e98_gg_.__formatTags_16e98_gg_ ol ol ol li,.___SText_16e98_gg_._size_200_16e98_gg_.__formatTags_16e98_gg_ ol ol ol li,.___SText_16e98_gg_._size_300_16e98_gg_.__formatTags_16e98_gg_ ol ol ol li{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SText_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__ellipsis_16e98_gg_{overflow:hidden;text-overflow:ellipsis;white-space:pre;display:inline-block}.___SText_16e98_gg_.__ellipsis_16e98_gg_._trim_end_16e98_gg_::after{content:\"\";display:block}.___SText_16e98_gg_.__ellipsis_16e98_gg_.__maxLine_16e98_gg_{-webkit-line-clamp:var(--maxLine_16e98);display:-webkit-box;-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word}.___SText_16e98_gg_.__ellipsis_16e98_gg_._trim_middle_16e98_gg_{text-overflow:initial}.___SText_16e98_gg_._size_100_16e98_gg_,.___SText_16e98_gg_._size_100_16e98_gg_.__formatTags_16e98_gg_ li,.___SText_16e98_gg_._size_100_16e98_gg_.__formatTags_16e98_gg_ p{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_16e98_gg_._size_100_16e98_gg_.__formatTags_16e98_gg_ p{margin:0 0 calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_16e98_gg_._size_100_16e98_gg_.__formatTags_16e98_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_16e98_gg_._size_100_16e98_gg_.__formatTags_16e98_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_16e98_gg_._size_200_16e98_gg_,.___SText_16e98_gg_._size_200_16e98_gg_.__formatTags_16e98_gg_ li,.___SText_16e98_gg_._size_200_16e98_gg_.__formatTags_16e98_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_16e98_gg_._size_200_16e98_gg_.__formatTags_16e98_gg_ p{margin:0 0 var(--intergalactic-spacing-3x, 12px)0}.___SText_16e98_gg_._size_200_16e98_gg_.__formatTags_16e98_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_16e98_gg_._size_200_16e98_gg_.__formatTags_16e98_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_16e98_gg_._size_200_16e98_gg_.__formatTags_16e98_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_16e98_gg_._size_300_16e98_gg_,.___SText_16e98_gg_._size_300_16e98_gg_.__formatTags_16e98_gg_ li,.___SText_16e98_gg_._size_300_16e98_gg_.__formatTags_16e98_gg_ p{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_16e98_gg_._size_300_16e98_gg_.__formatTags_16e98_gg_ p{margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_16e98_gg_._size_300_16e98_gg_.__formatTags_16e98_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_16e98_gg_._size_300_16e98_gg_.__formatTags_16e98_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_16e98_gg_._size_300_16e98_gg_.__formatTags_16e98_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_16e98_gg_._size_400_16e98_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_16e98_gg_._size_500_16e98_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_16e98_gg_._size_600_16e98_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_16e98_gg_._size_700_16e98_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_16e98_gg_._size_800_16e98_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_16e98_gg_.__noWrap_16e98_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_16e98_gg_.__medium_16e98_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_16e98_gg_.__semibold_16e98_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_16e98_gg_.__bold_16e98_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_16e98_gg_.__italic_16e98_gg_{font-style:italic}.___SText_16e98_gg_.__monospace_16e98_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_16e98_gg_.__uppercase_16e98_gg_{text-transform:uppercase}.___SText_16e98_gg_.__lowercase_16e98_gg_{text-transform:lowercase}.___SText_16e98_gg_.__capitalize_16e98_gg_{text-transform:capitalize}.___SText_16e98_gg_.__decoration_16e98_gg_{-webkit-text-decoration:var(--decoration_16e98);text-decoration:var(--decoration_16e98)}.___SText_16e98_gg_.__color_16e98_gg_{color:var(--color_16e98)}.___SText_16e98_gg_.__fontSize_16e98_gg_{font-size:var(--fontSize_16e98)}.___SText_16e98_gg_.__lineHeight_16e98_gg_{line-height:var(--lineHeight_16e98)}.___SText_16e98_gg_.__fontWeight_16e98_gg_{font-weight:var(--fontWeight_16e98)}.___SText_16e98_gg_.__textAlign_16e98_gg_{text-align:var(--textAlign_16e98)}.___SText_16e98_gg_._use_primary_16e98_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_16e98_gg_._use_secondary_16e98_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_16e98_gg_.__disabled_16e98_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}@media (prefers-reduced-motion){.___SText_16e98_gg_ a{transition:none}}", /*__inner_css_end__*/"16e98_gg_"),
+const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SText_s4dem_gg_{padding:0;margin:0}.___SText_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__formatTags_s4dem_gg_ abbr:active,.___SText_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__formatTags_s4dem_gg_ code,.___SText_s4dem_gg_.__formatTags_s4dem_gg_ pre{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__formatTags_s4dem_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]),.___SText_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__formatTags_s4dem_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_s4dem_gg_):before,.___SText_s4dem_gg_.__formatTags_s4dem_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_s4dem_gg_):before{position:absolute;left:0;color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_s4dem_gg_.__formatTags_s4dem_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_s4dem_gg_)+li:not(.___SText_s4dem_gg_),.___SText_s4dem_gg_.__formatTags_s4dem_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_s4dem_gg_)+li:not(.___SText_s4dem_gg_){margin:var(--intergalactic-spacing-2x, 8px)0 0 0}.___SText_s4dem_gg_.__formatTags_s4dem_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]){counter-reset:item 0}.___SText_s4dem_gg_.__formatTags_s4dem_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_s4dem_gg_):before{counter-increment:item;content:counters(item,\".\")}.___SText_s4dem_gg_.__formatTags_s4dem_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_s4dem_gg_):before{content:\"\";background-color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SText_s4dem_gg_.__formatTags_s4dem_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]):has(+p),.___SText_s4dem_gg_.__formatTags_s4dem_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]):has(+p){margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SText_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__formatTags_s4dem_gg_ h1:only-child,.___SText_s4dem_gg_.__formatTags_s4dem_gg_ h2:only-child,.___SText_s4dem_gg_.__formatTags_s4dem_gg_ h3:only-child,.___SText_s4dem_gg_.__formatTags_s4dem_gg_ h4:only-child,.___SText_s4dem_gg_.__formatTags_s4dem_gg_ h5:only-child,.___SText_s4dem_gg_.__formatTags_s4dem_gg_ h6:only-child{margin-bottom:0}.___SText_s4dem_gg_.__formatTags_s4dem_gg_ h2{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%);font-weight:var(--intergalactic-semi-bold, 600)}.___SText_s4dem_gg_.__formatTags_s4dem_gg_ h3{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%);font-weight:var(--intergalactic-semi-bold, 600)}.___SText_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__formatTags_s4dem_gg_ h1 small,.___SText_s4dem_gg_.__formatTags_s4dem_gg_ h2 small,.___SText_s4dem_gg_.__formatTags_s4dem_gg_ h3 small,.___SText_s4dem_gg_.__formatTags_s4dem_gg_ h4 small,.___SText_s4dem_gg_.__formatTags_s4dem_gg_ h5 small,.___SText_s4dem_gg_.__formatTags_s4dem_gg_ h6 small{color:var(--intergalactic-text-secondary, #6c6e79);font-weight:300;font-size:100%}.___SText_s4dem_gg_.__formatTags_s4dem_gg_ li,.___SText_s4dem_gg_.__formatTags_s4dem_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_s4dem_gg_.__formatTags_s4dem_gg_ h2,.___SText_s4dem_gg_.__formatTags_s4dem_gg_ h3,.___SText_s4dem_gg_.__formatTags_s4dem_gg_ p{margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_s4dem_gg_.__formatTags_s4dem_gg_ p:last-child,.___SText_s4dem_gg_._size_100_s4dem_gg_.__formatTags_s4dem_gg_ p:last-child,.___SText_s4dem_gg_._size_200_s4dem_gg_.__formatTags_s4dem_gg_ p:last-child,.___SText_s4dem_gg_._size_300_s4dem_gg_.__formatTags_s4dem_gg_ p:last-child{margin-bottom:0}.___SText_s4dem_gg_.__formatTags_s4dem_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_s4dem_gg_.__formatTags_s4dem_gg_ ol ol li,.___SText_s4dem_gg_._size_100_s4dem_gg_.__formatTags_s4dem_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_s4dem_gg_.__formatTags_s4dem_gg_ ol ol ol li,.___SText_s4dem_gg_._size_100_s4dem_gg_.__formatTags_s4dem_gg_ ol ol ol li,.___SText_s4dem_gg_._size_200_s4dem_gg_.__formatTags_s4dem_gg_ ol ol ol li,.___SText_s4dem_gg_._size_300_s4dem_gg_.__formatTags_s4dem_gg_ ol ol ol li{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SText_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__ellipsis_s4dem_gg_{overflow:hidden;text-overflow:ellipsis;white-space:pre;display:inline-block;line-height:inherit;vertical-align:top}.___SText_s4dem_gg_.__ellipsis_s4dem_gg_._trim_end_s4dem_gg_.__isEllipsized_s4dem_gg_::after{content:\"\";display:block}.___SText_s4dem_gg_.__ellipsis_s4dem_gg_.__maxLine_s4dem_gg_{-webkit-line-clamp:var(--maxLine_s4dem);display:-webkit-box;-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word}.___SText_s4dem_gg_.__ellipsis_s4dem_gg_._trim_middle_s4dem_gg_{text-overflow:initial}.___SText_s4dem_gg_._size_100_s4dem_gg_,.___SText_s4dem_gg_._size_100_s4dem_gg_.__formatTags_s4dem_gg_ li,.___SText_s4dem_gg_._size_100_s4dem_gg_.__formatTags_s4dem_gg_ p{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_s4dem_gg_._size_100_s4dem_gg_.__formatTags_s4dem_gg_ p{margin:0 0 calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_s4dem_gg_._size_100_s4dem_gg_.__formatTags_s4dem_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_s4dem_gg_._size_100_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_._size_200_s4dem_gg_,.___SText_s4dem_gg_._size_200_s4dem_gg_.__formatTags_s4dem_gg_ li,.___SText_s4dem_gg_._size_200_s4dem_gg_.__formatTags_s4dem_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_s4dem_gg_._size_200_s4dem_gg_.__formatTags_s4dem_gg_ p{margin:0 0 var(--intergalactic-spacing-3x, 12px)0}.___SText_s4dem_gg_._size_200_s4dem_gg_.__formatTags_s4dem_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_s4dem_gg_._size_200_s4dem_gg_.__formatTags_s4dem_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_s4dem_gg_._size_200_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_._size_300_s4dem_gg_,.___SText_s4dem_gg_._size_300_s4dem_gg_.__formatTags_s4dem_gg_ li,.___SText_s4dem_gg_._size_300_s4dem_gg_.__formatTags_s4dem_gg_ p{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_s4dem_gg_._size_300_s4dem_gg_.__formatTags_s4dem_gg_ p{margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_s4dem_gg_._size_300_s4dem_gg_.__formatTags_s4dem_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_s4dem_gg_._size_300_s4dem_gg_.__formatTags_s4dem_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_s4dem_gg_._size_300_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_._size_400_s4dem_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_s4dem_gg_._size_500_s4dem_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_s4dem_gg_._size_600_s4dem_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_s4dem_gg_._size_700_s4dem_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_s4dem_gg_._size_800_s4dem_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_s4dem_gg_.__noWrap_s4dem_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_s4dem_gg_.__medium_s4dem_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_s4dem_gg_.__semibold_s4dem_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_s4dem_gg_.__bold_s4dem_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_s4dem_gg_.__italic_s4dem_gg_{font-style:italic}.___SText_s4dem_gg_.__monospace_s4dem_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_s4dem_gg_.__uppercase_s4dem_gg_{text-transform:uppercase}.___SText_s4dem_gg_.__lowercase_s4dem_gg_{text-transform:lowercase}.___SText_s4dem_gg_.__capitalize_s4dem_gg_{text-transform:capitalize}.___SText_s4dem_gg_.__decoration_s4dem_gg_{-webkit-text-decoration:var(--decoration_s4dem);text-decoration:var(--decoration_s4dem)}.___SText_s4dem_gg_.__color_s4dem_gg_{color:var(--color_s4dem)}.___SText_s4dem_gg_.__fontSize_s4dem_gg_{font-size:var(--fontSize_s4dem)}.___SText_s4dem_gg_.__lineHeight_s4dem_gg_{line-height:var(--lineHeight_s4dem)}.___SText_s4dem_gg_.__fontWeight_s4dem_gg_{font-weight:var(--fontWeight_s4dem)}.___SText_s4dem_gg_.__textAlign_s4dem_gg_{text-align:var(--textAlign_s4dem)}.___SText_s4dem_gg_._use_primary_s4dem_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_s4dem_gg_._use_secondary_s4dem_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_s4dem_gg_.__disabled_s4dem_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}@media (prefers-reduced-motion){.___SText_s4dem_gg_ a{transition:none}}", /*__inner_css_end__*/"s4dem_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SText": "___SText_16e98_gg_",
-  "_size_400": "_size_400_16e98_gg_",
-  "_size_500": "_size_500_16e98_gg_",
-  "_size_600": "_size_600_16e98_gg_",
-  "_size_700": "_size_700_16e98_gg_",
-  "_size_800": "_size_800_16e98_gg_",
-  "_noWrap": "__noWrap_16e98_gg_",
-  "_medium": "__medium_16e98_gg_",
-  "_semibold": "__semibold_16e98_gg_",
-  "_bold": "__bold_16e98_gg_",
-  "_italic": "__italic_16e98_gg_",
-  "_monospace": "__monospace_16e98_gg_",
-  "_uppercase": "__uppercase_16e98_gg_",
-  "_lowercase": "__lowercase_16e98_gg_",
-  "_capitalize": "__capitalize_16e98_gg_",
-  "_decoration": "__decoration_16e98_gg_",
-  "--decoration": "--decoration_16e98",
-  "_color": "__color_16e98_gg_",
-  "--color": "--color_16e98",
-  "_fontSize": "__fontSize_16e98_gg_",
-  "--fontSize": "--fontSize_16e98",
-  "_lineHeight": "__lineHeight_16e98_gg_",
-  "--lineHeight": "--lineHeight_16e98",
-  "_fontWeight": "__fontWeight_16e98_gg_",
-  "--fontWeight": "--fontWeight_16e98",
-  "_textAlign": "__textAlign_16e98_gg_",
-  "--textAlign": "--textAlign_16e98",
-  "_use_primary": "_use_primary_16e98_gg_",
-  "_use_secondary": "_use_secondary_16e98_gg_",
-  "_disabled": "__disabled_16e98_gg_",
-  "_formatTags": "__formatTags_16e98_gg_",
-  "_ellipsis": "__ellipsis_16e98_gg_",
-  "_trim_end": "_trim_end_16e98_gg_",
-  "_maxLine": "__maxLine_16e98_gg_",
-  "--maxLine": "--maxLine_16e98",
-  "_trim_middle": "_trim_middle_16e98_gg_",
-  "_size_100": "_size_100_16e98_gg_",
-  "_size_200": "_size_200_16e98_gg_",
-  "_size_300": "_size_300_16e98_gg_"
+  "__SText": "___SText_s4dem_gg_",
+  "_size_400": "_size_400_s4dem_gg_",
+  "_size_500": "_size_500_s4dem_gg_",
+  "_size_600": "_size_600_s4dem_gg_",
+  "_size_700": "_size_700_s4dem_gg_",
+  "_size_800": "_size_800_s4dem_gg_",
+  "_noWrap": "__noWrap_s4dem_gg_",
+  "_medium": "__medium_s4dem_gg_",
+  "_semibold": "__semibold_s4dem_gg_",
+  "_bold": "__bold_s4dem_gg_",
+  "_italic": "__italic_s4dem_gg_",
+  "_monospace": "__monospace_s4dem_gg_",
+  "_uppercase": "__uppercase_s4dem_gg_",
+  "_lowercase": "__lowercase_s4dem_gg_",
+  "_capitalize": "__capitalize_s4dem_gg_",
+  "_decoration": "__decoration_s4dem_gg_",
+  "--decoration": "--decoration_s4dem",
+  "_color": "__color_s4dem_gg_",
+  "--color": "--color_s4dem",
+  "_fontSize": "__fontSize_s4dem_gg_",
+  "--fontSize": "--fontSize_s4dem",
+  "_lineHeight": "__lineHeight_s4dem_gg_",
+  "--lineHeight": "--lineHeight_s4dem",
+  "_fontWeight": "__fontWeight_s4dem_gg_",
+  "--fontWeight": "--fontWeight_s4dem",
+  "_textAlign": "__textAlign_s4dem_gg_",
+  "--textAlign": "--textAlign_s4dem",
+  "_use_primary": "_use_primary_s4dem_gg_",
+  "_use_secondary": "_use_secondary_s4dem_gg_",
+  "_disabled": "__disabled_s4dem_gg_",
+  "_formatTags": "__formatTags_s4dem_gg_",
+  "_ellipsis": "__ellipsis_s4dem_gg_",
+  "_trim_end": "_trim_end_s4dem_gg_",
+  "_isEllipsized": "__isEllipsized_s4dem_gg_",
+  "_maxLine": "__maxLine_s4dem_gg_",
+  "--maxLine": "--maxLine_s4dem",
+  "_trim_middle": "_trim_middle_s4dem_gg_",
+  "_size_100": "_size_100_s4dem_gg_",
+  "_size_200": "_size_200_s4dem_gg_",
+  "_size_300": "_size_300_s4dem_gg_"
 });
 class TextRoot extends Component {
   constructor(props) {
@@ -55,7 +56,7 @@ class TextRoot extends Component {
     _defineProperty(this, "ellipsis", null);
     _defineProperty(this, "innerRef", /*#__PURE__*/React.createRef());
     _defineProperty(this, "state", {
-      showHint: false
+      isEllipsized: false
     });
     this.handleEllipsized = this.handleEllipsized.bind(this);
   }
@@ -63,7 +64,11 @@ class TextRoot extends Component {
     this.initEllipsis();
   }
   componentDidUpdate(prevProps) {
-    if (prevProps.ellipsis !== this.asProps.ellipsis) {
+    const ellipsisKeys = ['cropPosition', 'maxLine', 'lastRequiredSymbols', 'containerElement', 'recalculateContainerWidth', 'observeChildrenMutations'];
+    const hasChanges = ellipsisKeys.some(key => {
+      return prevProps[`ellipsis:${key}`] !== this.asProps[`ellipsis:${key}`];
+    });
+    if (prevProps.ellipsis !== this.asProps.ellipsis || hasChanges) {
       this.cleanUpEllipsis();
       this.initEllipsis();
     }
@@ -79,18 +84,20 @@ class TextRoot extends Component {
       color,
       underline,
       lineThrough,
+      hint,
       hintProps,
       children,
       ellipsis,
+      ellipsisProps,
       resolveColor
     } = this.asProps;
     const {
-      showHint
+      isEllipsized
     } = this.state;
-    const cropPosition = typeof ellipsis === 'object' ? ellipsis.cropPosition ?? 'end' : ellipsis === true ? 'end' : undefined;
-    let withHint = hintProps !== false;
-    const maxLineValue = typeof ellipsis === 'object' && ellipsis.maxLine !== undefined ? ellipsis.maxLine : undefined;
-    if (hintProps === undefined && maxLineValue !== undefined && maxLineValue > 1) {
+    const cropPosition = ellipsisProps?.cropPosition ?? 'end';
+    let withHint = hint !== false;
+    const maxLineValue = ellipsisProps?.maxLine;
+    if (hint !== true && hintProps === undefined && maxLineValue !== undefined && maxLineValue > 1) {
       withHint = false;
     }
     return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SText, _ref2.cn("SText", {
@@ -100,24 +107,30 @@ class TextRoot extends Component {
         "ref": this.innerRef,
         "use:decoration": this.getTextDecoration(underline, lineThrough),
         "use:color": resolveColor(color),
-        "use:ellipsis": Boolean(ellipsis),
+        "use:ellipsis": ellipsis !== undefined ? ellipsis : Boolean(ellipsisProps),
+        "isEllipsized": isEllipsized,
         "maxLine": maxLineValue,
         "trim": cropPosition
       }, _ref)
-    })), showHint && withHint && /*#__PURE__*/React.createElement(Hint, _ref2.cn("Hint", {
+    })), isEllipsized && withHint && /*#__PURE__*/React.createElement(Hint, _ref2.cn("Hint", {
       "triggerRef": this.innerRef,
       ...hintProps
     }), children));
   }
-  handleEllipsized(isEllipsis) {
+  handleEllipsized(isEllipsized) {
     this.setState({
-      showHint: isEllipsis
+      isEllipsized: isEllipsized
     });
   }
   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);
+    const {
+      ellipsis,
+      ellipsisProps,
+      hint
+    } = this.asProps;
+    const shouldInit = hint !== false || ellipsisProps?.cropPosition === 'middle';
+    if (shouldInit && (ellipsis || ellipsisProps) && this.innerRef.current) {
+      this.ellipsis = ellipsis instanceof Ellipsis ? ellipsis : new Ellipsis(this.innerRef.current, ellipsisProps ?? {});
       this.ellipsis.on('isEllipsized', this.handleEllipsized);
     }
   }
@@ -125,7 +138,7 @@ class TextRoot extends Component {
     this.ellipsis?.off('isEllipsized', this.handleEllipsized);
     this.ellipsis?.cleanUp();
     this.setState({
-      showHint: false
+      isEllipsized: false
     });
   }
   getTextDecoration(underline, lineThrough) {
@@ -140,8 +153,5 @@ class TextRoot extends Component {
 _defineProperty(TextRoot, "enhance", [resolveColorEnhance()]);
 _defineProperty(TextRoot, "styles", styles);
 _defineProperty(TextRoot, "displayName", 'Text');
-_defineProperty(TextRoot, "defaultProps", {
-  ellipsis: false
-});
 export default createComponent(TextRoot);
 //# sourceMappingURL=Text.js.map

package/lib/es6/Text.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Text.js","names":["Ellipsis","Hint","Box","Root","sstyled","Component","createComponent","resolveColorEnhance","React","styles","_sstyled","insert","TextRoot","constructor","props","_defineProperty","createRef","~~showHint~~","handleEllipsized","bind","componentDidMount","initEllipsis","componentDidUpdate","prevProps","~~ellipsis~~","asProps","cleanUpEllipsis","componentWillUnmount","render","_ref","_ref2","SText","color","underline","lineThrough","hintProps","children","resolveColor","state","cropPosition","~~undefined","~~withHint","maxLineValue","maxLine","createElement","Fragment","cn","_assignProps","innerRef","getTextDecoration","Boolean","~~isEllipsis~~","~~setState~~","current","on","off","cleanUp"],"sources":["../../src/Text.tsx"],"sourcesContent":["import { Ellipsis, Hint, Box } from '@semcore/base-components';\nimport { Root, sstyled, Component, createComponent } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport React from 'react';\n\nimport type { TextProps } from './index';\nimport styles from './style/text.shadow.css';\n\ntype ~~DefaultProps = {\n ellipsis: TextProps['ellipsis'] \| false;\n};\n\ntype~~ State = {\n ~~showHint~~: boolean;\n};\n\nclass TextRoot extends Component<TextProps, typeof TextRoot.enhance, {}, ~~DefaultProps~~, State> {\n private ellipsis: Ellipsis \| null = null;\n private innerRef = React.createRef<HTMLElement \| null>();\n\n static enhance = [resolveColorEnhance()] as const;\n static styles = styles;\n static displayName = 'Text';\n\n ~~static defaultProps: DefaultProps = {\n ellipsis: false,\n };\n\n~~ state = {\n ~~showHint~~: false,\n };\n\n constructor(props: TextProps) {\n super(props);\n\n this.handleEllipsized = this.handleEllipsized.bind(this);\n }\n\n componentDidMount(): void {\n this.initEllipsis();\n }\n\n componentDidUpdate(prevProps: ~~TextProps~~) {\n if (prevProps.ellipsis !== this.asProps.ellipsis) {\n this.cleanUpEllipsis();\n\n this.initEllipsis();\n }\n }\n\n componentWillUnmount() {\n this.cleanUpEllipsis();\n }\n\n render(): React.ReactNode {\n const SText = Root;\n const { color, underline, lineThrough, hintProps, children, ellipsis, resolveColor } = this.asProps;\n const { ~~showHint~~ } = this.state;\n\n const cropPosition = ~~typeof ellipsis === 'object' ? (ellipsis.~~cropPosition ?? 'end'~~) : (ellipsis === true ? 'end' : undefined)~~;\n let withHint = ~~hintProps~~ !== false;\n\n const maxLineValue = ~~typeof ellipsis === 'object' && ellipsis.~~maxLine ~~!== undefined ? ellipsis.maxLine : undefined~~;\n if (hintProps === undefined && maxLineValue !== undefined && maxLineValue > 1) {\n withHint = false;\n }\n\n return sstyled(styles)(\n <>\n <SText\n render={Box}\n tag='span'\n data-ui-name='Text'\n ref={this.innerRef}\n use:decoration={this.getTextDecoration(underline, lineThrough)}\n use:color={resolveColor(color)}\n use:ellipsis={Boolean(~~ellipsis~~)}\n maxLine={maxLineValue}\n trim={cropPosition}\n />\n {~~showHint~~ && withHint && <Hint triggerRef={this.innerRef} {...hintProps}>{children}</Hint>}\n </>,\n );\n }\n\n private handleEllipsized(~~isEllipsis~~: boolean) {\n this.setState({ ~~showHint~~: ~~isEllipsis~~ });\n }\n\n private initEllipsis() {\n const ellipsis = this.asProps~~.ellipsis~~;\n if (ellipsis && this.innerRef.current) {\n this.ellipsis = ellipsis instanceof Ellipsis ? ellipsis : new Ellipsis(this.innerRef.current, ~~ellipsis~~ ~~===~~ ~~true ?~~ {} ~~: ellipsis~~);\n\n this.ellipsis.on('isEllipsized', this.handleEllipsized);\n }\n }\n\n private cleanUpEllipsis() {\n this.ellipsis?.off('isEllipsized', this.handleEllipsized);\n this.ellipsis?.cleanUp();\n this.setState({ ~~showHint~~: false });\n }\n\n private getTextDecoration(underline?: boolean, lineThrough?: boolean) {\n if (underline) {\n return 'underline';\n }\n\n if (lineThrough) {\n return 'line-through';\n }\n }\n}\n\nexport default createComponent(TextRoot);\n"],"mappings":";;;AAAA,SAASA,QAAQ,EAAEC,IAAI,EAAEC,GAAG,~~QAAQ~~,0BAA0B;~~AAC9D~~,SAASC,IAAI,EAAEC,OAAO,EAAEC,SAAS,EAAEC,eAAe,QAAQ,eAAe;AACzE,OAAOC,mBAAmB,MAAM,sDAAsD;AACtF,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,MAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;~~AAa1B~~,MAAMC,QAAQ,SAASP,SAAS,~~CAA8D~~;~~EAgB5FQ~~,WAAWA,CAACC,KAAgB,EAAE;IAC5B,KAAK,CAACA,KAAK,CAAC;IAACC,eAAA,~~mBAhBqB~~,IAAI;IAAAA,eAAA,gCACrBP,KAAK,CAACQ,SAAS,CAAqB,CAAC;IAAAD,eAAA,~~gBAUhD~~;MACNE,~~QAAQ~~,EAAE;~~IACZ~~,CAAC;IAKC,IAAI,CAACC,gBAAgB,GAAG,IAAI,CAACA,gBAAgB,CAACC,IAAI,CAAC,IAAI,CAAC;EAC1D;EAEAC,iBAAiBA,CAAA,EAAS;IACxB,IAAI,CAACC,YAAY,CAAC,CAAC;EACrB;EAEAC,kBAAkBA,CAACC,~~SAAoB~~,EAAE;~~IACvC~~,~~IAAIA~~,SAAS,~~CAACC~~,~~QAAQ~~,KAAK,IAAI,CAACC,OAAO,CAACD,QAAQ,EAAE;~~MAChD~~,IAAI,~~CAACE~~,eAAe,CAAC,CAAC;MAEtB,IAAI,~~CAACL~~,YAAY,CAAC,CAAC;IACrB;EACF;~~EAEAM~~,oBAAoBA,CAAA,EAAG;IACrB,IAAI,CAACD,eAAe,CAAC,CAAC;EACxB;EAEAE,MAAMA,CAAA,EAAoB;IAAA,IAAAC,IAAA,~~QAAAJ~~,OAAA;~~MAAAK~~,KAAA;IACxB,MAAMC,KAAK,~~GAeG7B~~,GAAG;IAdjB,MAAM;~~MAAE8B~~,KAAK;MAAEC,SAAS;MAAEC,WAAW;MAAEC,SAAS;MAAEC,QAAQ;MAAEZ,QAAQ;MAAEa;IAAa,CAAC,GAAG,IAAI,~~CAACZ~~,OAAO;~~IACnG~~,MAAM;~~MAAER~~;~~IAAS~~,CAAC,GAAG,IAAI,~~CAACqB~~,KAAK;~~IAE/B~~,MAAMC,YAAY,~~GAAG~~,~~OAAOf~~,~~QAAQ~~,~~KAAK,QAAQ,GAAIA,QAAQ,CAACe,~~YAAY,IAAI,KAAK~~,GAAKf,QAAQ,KAAK,IAAI,GAAG,KAAK,GAAGgB,SAAU~~;~~IAC9H~~,IAAIC,QAAQ,~~GAAGN~~,~~SAAS~~,KAAK,KAAK;~~IAElC~~,~~MAAMO~~,YAAY,~~GAAG~~,~~OAAOlB~~,~~QAAQ~~,~~KAAK,QAAQ,IAAIA,QAAQ,CAACmB,~~OAAO,~~KAAKH~~,~~SAAS~~,~~GAAGhB~~,~~QAAQ~~,~~CAACmB~~,~~OAAO,GAAGH,~~SAAS~~;IAClH~~,~~IAAIL~~,SAAS,~~KAAKK~~,~~SAAS,IAAIE,~~YAAY,~~KAAKF~~,SAAS,~~IAAIE~~,YAAY,GAAG,CAAC,EAAE;~~MAC7ED~~,QAAQ,GAAG,KAAK;IAClB;IAEA,~~OAAAX~~,KAAA,~~GAAO1B~~,OAAO,CAACK,MAAM,CAAC,eACpBD,KAAA,~~CAAAoC~~,aAAA,~~CAAApC~~,KAAA,~~CAAAqC~~,QAAA,~~qBACErC~~,KAAA,~~CAAAoC~~,aAAA,~~CAACb~~,KAAK,EAAAD,KAAA,~~CAAAgB~~,EAAA;MAAA,GAAAC,YAAA;QAAA,OAEA,MAAM;QAAA,gBACG,MAAM;QAAA,OACd,IAAI,CAACC,QAAQ;QAAA,kBACF,IAAI,CAACC,iBAAiB,~~CAAChB~~,SAAS,EAAEC,WAAW,CAAC;QAAA,~~aACnDG~~,YAAY,~~CAACL~~,KAAK,CAAC;QAAA,~~gBAChBkB~~,~~OAAO~~,~~CAAC1B~~,QAAQ,CAAC;QAAA,~~WACtBkB~~,YAAY;QAAA,~~QACfH~~;MAAY,~~GAAAV~~,IAAA;IAAA,EACnB,CAAC,~~EACDZ~~,~~QAAQ~~,~~IAAIwB~~,QAAQ,~~iBAAIjC~~,KAAA,~~CAAAoC~~,aAAA,~~CAAC3C~~,IAAI,~~EAAA6B~~,KAAA,~~CAAAgB~~,EAAA;MAAA,cAAa,IAAI,CAACE,QAAQ;MAAA,~~GAAMb~~;IAAS,IAAGC,QAAe,~~CACzF~~,CAAC;EAEP;~~EAEQlB~~,gBAAgBA,~~CAACiC~~,~~UAAmB~~,EAAE;~~IAC5C~~,IAAI,~~CAACC~~,QAAQ,CAAC;~~MAAEnC~~,~~QAAQ~~,~~EAAEkC~~;~~IAAW~~,CAAC,CAAC;~~EACzC~~;~~EAEQ9B~~,YAAYA,CAAA,EAAG;IACrB,~~MAAMG~~,QAAQ,GAAG,IAAI,~~CAACC~~,OAAO,~~CAACD~~,QAAQ;~~IACtC~~,~~IAAIA~~,QAAQ,IAAI,IAAI,~~CAACwB~~,QAAQ,CAACK,OAAO,EAAE;~~MACrC~~,IAAI,~~CAAC7B~~,QAAQ,GAAGA,QAAQ,~~YAAYxB~~,QAAQ,~~GAAGwB~~,QAAQ,GAAG,~~IAAIxB~~,QAAQ,CAAC,IAAI,~~CAACgD~~,QAAQ,CAACK,OAAO,~~EAAE7B~~,~~QAAQ~~,~~KAAK,~~IAAI,~~GAAG,~~CAAC,CAAC,~~GAAGA,QAAQ,~~CAAC;~~MAEhI~~,IAAI,~~CAACA~~,QAAQ,~~CAAC8B~~,EAAE,CAAC,cAAc,EAAE,IAAI,~~CAACpC~~,gBAAgB,CAAC;IACzD;EACF;~~EAEQQ~~,eAAeA,CAAA,EAAG;IACxB,IAAI,~~CAACF~~,QAAQ,~~EAAE+B~~,GAAG,CAAC,cAAc,EAAE,IAAI,~~CAACrC~~,gBAAgB,CAAC;IACzD,IAAI,~~CAACM~~,QAAQ,~~EAAEgC~~,OAAO,CAAC,CAAC;IACxB,IAAI,~~CAACJ~~,QAAQ,CAAC;~~MAAEnC~~,~~QAAQ~~,EAAE;IAAM,CAAC,CAAC;~~EACpC~~;~~EAEQgC~~,iBAAiBA,~~CAAChB~~,SAAmB,EAAEC,WAAqB,EAAE;IACpE,IAAID,SAAS,EAAE;MACb,OAAO,WAAW;IACpB;IAEA,IAAIC,WAAW,EAAE;MACf,OAAO,cAAc;IACvB;EACF;AACF;~~AAACnB~~,eAAA,~~CAjGKH~~,QAAQ,aAIK,CAACL,mBAAmB,CAAC,CAAC,CAAC;AAAAQ,eAAA,CAJpCH,QAAQ,YAKIH,MAAM;AAAAM,eAAA,CALlBH,QAAQ,iBAMS,MAAM;~~AAAAG~~,~~eAAA~~,~~CANvBH,QAAQ,kBAQwB;EAClCY,QAAQ,EAAE;AACZ,CAAC;AAyFH,eAAelB,~~eAAe,CAACM,QAAQ,CAAC","ignoreList":[]}
1	+ {"version":3,"file":"Text.js","names":["Ellipsis","Hint","Box","Root","sstyled","Component","createComponent","resolveColorEnhance","React","styles","_sstyled","insert","TextRoot","constructor","props","_defineProperty","createRef","isEllipsized","handleEllipsized","bind","componentDidMount","initEllipsis","componentDidUpdate","prevProps","ellipsisKeys","hasChanges","some","key","asProps","ellipsis","cleanUpEllipsis","componentWillUnmount","render","_ref","_ref2","SText","color","underline","lineThrough","hint","hintProps","children","ellipsisProps","resolveColor","state","cropPosition","withHint","maxLineValue","maxLine","undefined","createElement","Fragment","cn","_assignProps","innerRef","getTextDecoration","Boolean","setState","shouldInit","current","on","off","cleanUp"],"sources":["../../src/Text.tsx"],"sourcesContent":["import { Ellipsis, Hint, Box, type EllipsisSettings } from '@semcore/base-components';\nimport { Root, sstyled, Component, createComponent } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport React from 'react';\n\nimport type { TextEllipsisProps, TextProps } from './index';\nimport styles from './style/text.shadow.css';\n\ntype State = {\n isEllipsized: boolean;\n};\n\nclass TextRoot extends Component<TextProps, typeof TextRoot.enhance, {}, {}, State> {\n private ellipsis: Ellipsis \| null = null;\n private innerRef = React.createRef<HTMLElement \| null>();\n\n static enhance = [resolveColorEnhance()] as const;\n static styles = styles;\n static displayName = 'Text';\n\n state = {\n isEllipsized: false,\n };\n\n constructor(props: TextProps) {\n super(props);\n\n this.handleEllipsized = this.handleEllipsized.bind(this);\n }\n\n componentDidMount(): void {\n this.initEllipsis();\n }\n\n componentDidUpdate(prevProps: TextEllipsisProps) {\n const ellipsisKeys: Array<keyof EllipsisSettings> = [\n 'cropPosition',\n 'maxLine',\n 'lastRequiredSymbols',\n 'containerElement',\n 'recalculateContainerWidth',\n 'observeChildrenMutations',\n ];\n\n const hasChanges = ellipsisKeys.some((key) => {\n return prevProps[`ellipsis:${key}`] !== this.asProps[`ellipsis:${key}`];\n });\n\n if (prevProps.ellipsis !== this.asProps.ellipsis \|\| hasChanges) {\n this.cleanUpEllipsis();\n\n this.initEllipsis();\n }\n }\n\n componentWillUnmount() {\n this.cleanUpEllipsis();\n }\n\n render(): React.ReactNode {\n const SText = Root;\n const { color, underline, lineThrough, hint, hintProps, children, ellipsis, ellipsisProps, resolveColor } = this.asProps;\n const { isEllipsized } = this.state;\n\n const cropPosition = ellipsisProps?.cropPosition ?? 'end';\n let withHint = hint !== false;\n\n const maxLineValue = ellipsisProps?.maxLine;\n if (hint !== true && hintProps === undefined && maxLineValue !== undefined && maxLineValue > 1) {\n withHint = false;\n }\n\n return sstyled(styles)(\n <>\n <SText\n render={Box}\n tag='span'\n data-ui-name='Text'\n ref={this.innerRef}\n use:decoration={this.getTextDecoration(underline, lineThrough)}\n use:color={resolveColor(color)}\n use:ellipsis={ellipsis !== undefined ? ellipsis : Boolean(ellipsisProps)}\n isEllipsized={isEllipsized}\n maxLine={maxLineValue}\n trim={cropPosition}\n />\n {isEllipsized && withHint && <Hint triggerRef={this.innerRef} {...hintProps}>{children}</Hint>}\n </>,\n );\n }\n\n private handleEllipsized(isEllipsized: boolean) {\n this.setState({ isEllipsized: isEllipsized });\n }\n\n private initEllipsis() {\n const { ellipsis, ellipsisProps, hint } = this.asProps;\n const shouldInit = hint !== false \|\| ellipsisProps?.cropPosition === 'middle';\n\n if (shouldInit && (ellipsis \|\| ellipsisProps) && this.innerRef.current) {\n this.ellipsis = ellipsis instanceof Ellipsis ? ellipsis : new Ellipsis(this.innerRef.current, ellipsisProps ?? {});\n\n this.ellipsis.on('isEllipsized', this.handleEllipsized);\n }\n }\n\n private cleanUpEllipsis() {\n this.ellipsis?.off('isEllipsized', this.handleEllipsized);\n this.ellipsis?.cleanUp();\n this.setState({ isEllipsized: false });\n }\n\n private getTextDecoration(underline?: boolean, lineThrough?: boolean) {\n if (underline) {\n return 'underline';\n }\n\n if (lineThrough) {\n return 'line-through';\n }\n }\n}\n\nexport default createComponent(TextRoot);\n"],"mappings":"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","ignoreList":[]}

package/lib/es6/index.d.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { BoxProps, Flex, FlexProps, EllipsisSettings, SimpleHintPopperProps, Ellipsis } from '@semcore/base-components';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\nimport type { Property } from 'csstype';\nimport type React from 'react';\n\nexport type ~~TextProps~~ = ~~BoxProps~~ & {\n /** Font size and line-heights /\n size?: 100 \| 200 \| 300 \| 400 \| 500 \| 600 \| 700 \| 800;\n /\n The text will not be wrapped on a new line and will be cut off with ellipsis\n * @deprecated use ellipsis prop instead\n /\n noWrap?: boolean;\n / CSS property `font-weight: 700;` /\n bold?: boolean;\n /* CSS property `font-weight: 600;` /\n semibold?: boolean;\n /* CSS property `font-weight: 500;` /\n medium?: boolean;\n /* Italicized text /\n italic?: boolean;\n /* Underlined text /\n underline?: boolean;\n /* CSS property `font-family: monospace;` /\n monospace?: boolean;\n /* Strikethrough text /\n lineThrough?: boolean;\n /* Uppercase text /\n uppercase?: boolean;\n /* Lowercase text /\n lowercase?: boolean;\n /* Capitalized text /\n capitalize?: boolean;\n /* Text color /\n color?: string;\n / Custom `font-size` /\n fontSize?: Property.FontSize<any>;\n /* Custom `line-height` /\n lineHeight?: Property.LineHeight<any>;\n /* Custom `font-weight` /\n fontWeight?: Property.FontWeight;\n /* Text alignment /\n textAlign?: Property.TextAlign;\n /* Enforces text color /\n use?: 'primary' \| 'secondary';\n /* Makes text semi-transparent to indicate disabled state /\n disabled?: boolean;\n /* Enable formatting/styling for all nested HTML tags with our default styles for them /\n formatTags?: boolean;\n ~~/* The text will not be wrapped on a new line and will be cut off with~~ ellipsis. ~~Also,~~ ~~it will show a~~ hint ~~with~~ ~~full~~ ~~text. /\~~n ~~ellipsis~~?: ~~true \| Readonly<EllipsisSettings> \| Ellipsis~~;\n /* Settings for a hint with full text (cropped by ellipsis) /\n hintProps?: Partial<Omit<SimpleHintPopperProps, 'children'>> \| false;\n};\n\nexport type ListProps = TextProps & {\n /* Marker of the entire list\n * @default • /\n marker?: React.ReactNode;\n};\n\nexport type ListItemProps = TextProps & {\n /* Individual marker of a list item /\n marker?: React.ReactNode;\n};\n\nexport type ListItemContentProps = FlexProps;\n\nexport type ListContext = {\n getItemProps: PropGetterFn;\n};\n\nexport type BlockquoteProps = BoxProps & {\n /* Source of the quote */\n author?: React.ReactNode;\n};\n\ndeclare const Item: Intergalactic.Component<'li', ListItemProps> & {\n Content: Intergalactic.Component<typeof Flex, ListItemContentProps>;\n};\n\ndeclare const List: Intergalactic.Component<'ul', ListProps> & {\n Item: typeof Item;\n};\n\ndeclare const Text: Intergalactic.Component<'span', TextProps>;\n\ndeclare const Blockquote: Intergalactic.Component<'blockquote', BlockquoteProps>;\n\nexport { Text, List, Blockquote };\n"],"mappings":"","ignoreList":[]}
1	+ {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { BoxProps, Flex, FlexProps, EllipsisSettings, SimpleHintPopperProps, Ellipsis } from '@semcore/base-components';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\nimport type { Property } from 'csstype';\nimport type React from 'react';\n\nexport type TextHintProps = {\n /** Manually enabled/disabled Hint /\n hint?: boolean;\n} & {\n /* Settings for a hint with full text (cropped by ellipsis) /\n [K in keyof SimpleHintPopperProps as `hint:${string & K}`]?: SimpleHintPopperProps[K];\n};\n\n/* The text will not be wrapped on a new line and will be cut off with ellipsis. Also, it will show a hint with full text. /\nexport type TextEllipsisProps = {\n /* Manually enabled/disabled Ellipsis or provide an instance of it. /\n ellipsis?: (boolean \| Ellipsis);\n} & {\n /* Settings for an Ellipsis /\n [K in keyof EllipsisSettings as `ellipsis:${string & K}`]?: EllipsisSettings[K];\n};\n\nexport type BaseTextProps = {\n /* Font size and line-heights /\n size?: 100 \| 200 \| 300 \| 400 \| 500 \| 600 \| 700 \| 800;\n /\n The text will not be wrapped on a new line and will be cut off with ellipsis\n * @deprecated use ellipsis prop instead\n /\n noWrap?: boolean;\n / CSS property `font-weight: 700;` /\n bold?: boolean;\n /* CSS property `font-weight: 600;` /\n semibold?: boolean;\n /* CSS property `font-weight: 500;` /\n medium?: boolean;\n /* Italicized text /\n italic?: boolean;\n /* Underlined text /\n underline?: boolean;\n /* CSS property `font-family: monospace;` /\n monospace?: boolean;\n /* Strikethrough text /\n lineThrough?: boolean;\n /* Uppercase text /\n uppercase?: boolean;\n /* Lowercase text /\n lowercase?: boolean;\n /* Capitalized text /\n capitalize?: boolean;\n /* Text color /\n color?: string;\n / Custom `font-size` /\n fontSize?: Property.FontSize<any>;\n /* Custom `line-height` /\n lineHeight?: Property.LineHeight<any>;\n /* Custom `font-weight` /\n fontWeight?: Property.FontWeight;\n /* Text alignment /\n textAlign?: Property.TextAlign;\n /* Enforces text color /\n use?: 'primary' \| 'secondary';\n /* Makes text semi-transparent to indicate disabled state /\n disabled?: boolean;\n};\n\nexport type TextProps = BoxProps & BaseTextProps & (\n {\n /* Enable formatting/styling for all nested HTML tags with our default styles for them /\n formatTags?: boolean;\n ellipsis?: never;\n ellipsisProps?: never;\n hint?: never;\n hintProps?: never;\n } \|\n ({\n formatTags?: never;\n // /* Settings for a hint with full text (cropped by ellipsis) /\n // hintProps?: Partial<Omit<SimpleHintPopperProps, 'children'>> \| false;\n } & TextHintProps & TextEllipsisProps)\n);\n\nexport type ListProps = TextProps & {\n /* Marker of the entire list\n * @default • /\n marker?: React.ReactNode;\n};\n\nexport type ListItemProps = TextProps & {\n /* Individual marker of a list item /\n marker?: React.ReactNode;\n};\n\nexport type ListItemContentProps = FlexProps;\n\nexport type ListContext = {\n getItemProps: PropGetterFn;\n};\n\nexport type BlockquoteProps = BoxProps & {\n /* Source of the quote */\n author?: React.ReactNode;\n};\n\ndeclare const Item: Intergalactic.Component<'li', ListItemProps> & {\n Content: Intergalactic.Component<typeof Flex, ListItemContentProps>;\n};\n\ndeclare const List: Intergalactic.Component<'ul', ListProps> & {\n Item: typeof Item;\n};\n\ndeclare const Text: Intergalactic.Component<'span', TextProps>;\n\ndeclare const Blockquote: Intergalactic.Component<'blockquote', BlockquoteProps>;\n\nexport { Text, List, Blockquote };\n"],"mappings":"","ignoreList":[]}

package/lib/es6/style/text.shadow.css CHANGED Viewed

@@ -232,8 +232,10 @@ SText[ellipsis] {
   text-overflow: ellipsis;
   white-space: pre;
   display: inline-block;
+  line-height: unset;
+  vertical-align: top;
-  &[trim='end']::after {
+  &[trim='end'][isEllipsized]::after {
     content: '';
     display: block;
   }

package/lib/esm/Text.mjs CHANGED Viewed

@@ -8,50 +8,51 @@ const styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SText_16e98_gg_{padding:0;margin:0}.___SText_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__formatTags_16e98_gg_ abbr:active,.___SText_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__formatTags_16e98_gg_ code,.___SText_16e98_gg_.__formatTags_16e98_gg_ pre{font-family:Consolas,"Roboto Mono",Menlo,Courier,monospace}.___SText_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__formatTags_16e98_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]),.___SText_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__formatTags_16e98_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_16e98_gg_):before,.___SText_16e98_gg_.__formatTags_16e98_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_16e98_gg_):before{position:absolute;left:0;color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_16e98_gg_.__formatTags_16e98_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_16e98_gg_)+li:not(.___SText_16e98_gg_),.___SText_16e98_gg_.__formatTags_16e98_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_16e98_gg_)+li:not(.___SText_16e98_gg_){margin:var(--intergalactic-spacing-2x, 8px)0 0 0}.___SText_16e98_gg_.__formatTags_16e98_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]){counter-reset:item 0}.___SText_16e98_gg_.__formatTags_16e98_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_16e98_gg_):before{counter-increment:item;content:counters(item,".")}.___SText_16e98_gg_.__formatTags_16e98_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_16e98_gg_):before{content:"";background-color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SText_16e98_gg_.__formatTags_16e98_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]):has(+p),.___SText_16e98_gg_.__formatTags_16e98_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]):has(+p){margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SText_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__formatTags_16e98_gg_ h1:only-child,.___SText_16e98_gg_.__formatTags_16e98_gg_ h2:only-child,.___SText_16e98_gg_.__formatTags_16e98_gg_ h3:only-child,.___SText_16e98_gg_.__formatTags_16e98_gg_ h4:only-child,.___SText_16e98_gg_.__formatTags_16e98_gg_ h5:only-child,.___SText_16e98_gg_.__formatTags_16e98_gg_ h6:only-child{margin-bottom:0}.___SText_16e98_gg_.__formatTags_16e98_gg_ h2{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%);font-weight:var(--intergalactic-semi-bold, 600)}.___SText_16e98_gg_.__formatTags_16e98_gg_ h3{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%);font-weight:var(--intergalactic-semi-bold, 600)}.___SText_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__formatTags_16e98_gg_ h1 small,.___SText_16e98_gg_.__formatTags_16e98_gg_ h2 small,.___SText_16e98_gg_.__formatTags_16e98_gg_ h3 small,.___SText_16e98_gg_.__formatTags_16e98_gg_ h4 small,.___SText_16e98_gg_.__formatTags_16e98_gg_ h5 small,.___SText_16e98_gg_.__formatTags_16e98_gg_ h6 small{color:var(--intergalactic-text-secondary, #6c6e79);font-weight:300;font-size:100%}.___SText_16e98_gg_.__formatTags_16e98_gg_ li,.___SText_16e98_gg_.__formatTags_16e98_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_16e98_gg_.__formatTags_16e98_gg_ h2,.___SText_16e98_gg_.__formatTags_16e98_gg_ h3,.___SText_16e98_gg_.__formatTags_16e98_gg_ p{margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_16e98_gg_.__formatTags_16e98_gg_ p:last-child,.___SText_16e98_gg_._size_100_16e98_gg_.__formatTags_16e98_gg_ p:last-child,.___SText_16e98_gg_._size_200_16e98_gg_.__formatTags_16e98_gg_ p:last-child,.___SText_16e98_gg_._size_300_16e98_gg_.__formatTags_16e98_gg_ p:last-child{margin-bottom:0}.___SText_16e98_gg_.__formatTags_16e98_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_16e98_gg_.__formatTags_16e98_gg_ ol ol li,.___SText_16e98_gg_._size_100_16e98_gg_.__formatTags_16e98_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_16e98_gg_.__formatTags_16e98_gg_ ol ol ol li,.___SText_16e98_gg_._size_100_16e98_gg_.__formatTags_16e98_gg_ ol ol ol li,.___SText_16e98_gg_._size_200_16e98_gg_.__formatTags_16e98_gg_ ol ol ol li,.___SText_16e98_gg_._size_300_16e98_gg_.__formatTags_16e98_gg_ ol ol ol li{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SText_16e98_gg_.__formatTags_16e98_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_16e98_gg_.__ellipsis_16e98_gg_{overflow:hidden;text-overflow:ellipsis;white-space:pre;display:inline-block}.___SText_16e98_gg_.__ellipsis_16e98_gg_._trim_end_16e98_gg_::after{content:"";display:block}.___SText_16e98_gg_.__ellipsis_16e98_gg_.__maxLine_16e98_gg_{-webkit-line-clamp:var(--maxLine_16e98);display:-webkit-box;-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word}.___SText_16e98_gg_.__ellipsis_16e98_gg_._trim_middle_16e98_gg_{text-overflow:initial}.___SText_16e98_gg_._size_100_16e98_gg_,.___SText_16e98_gg_._size_100_16e98_gg_.__formatTags_16e98_gg_ li,.___SText_16e98_gg_._size_100_16e98_gg_.__formatTags_16e98_gg_ p{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_16e98_gg_._size_100_16e98_gg_.__formatTags_16e98_gg_ p{margin:0 0 calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_16e98_gg_._size_100_16e98_gg_.__formatTags_16e98_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_16e98_gg_._size_100_16e98_gg_.__formatTags_16e98_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_16e98_gg_._size_200_16e98_gg_,.___SText_16e98_gg_._size_200_16e98_gg_.__formatTags_16e98_gg_ li,.___SText_16e98_gg_._size_200_16e98_gg_.__formatTags_16e98_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_16e98_gg_._size_200_16e98_gg_.__formatTags_16e98_gg_ p{margin:0 0 var(--intergalactic-spacing-3x, 12px)0}.___SText_16e98_gg_._size_200_16e98_gg_.__formatTags_16e98_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_16e98_gg_._size_200_16e98_gg_.__formatTags_16e98_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_16e98_gg_._size_200_16e98_gg_.__formatTags_16e98_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_16e98_gg_._size_300_16e98_gg_,.___SText_16e98_gg_._size_300_16e98_gg_.__formatTags_16e98_gg_ li,.___SText_16e98_gg_._size_300_16e98_gg_.__formatTags_16e98_gg_ p{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_16e98_gg_._size_300_16e98_gg_.__formatTags_16e98_gg_ p{margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_16e98_gg_._size_300_16e98_gg_.__formatTags_16e98_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_16e98_gg_._size_300_16e98_gg_.__formatTags_16e98_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_16e98_gg_._size_300_16e98_gg_.__formatTags_16e98_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_16e98_gg_._size_400_16e98_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_16e98_gg_._size_500_16e98_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_16e98_gg_._size_600_16e98_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_16e98_gg_._size_700_16e98_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_16e98_gg_._size_800_16e98_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_16e98_gg_.__noWrap_16e98_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_16e98_gg_.__medium_16e98_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_16e98_gg_.__semibold_16e98_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_16e98_gg_.__bold_16e98_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_16e98_gg_.__italic_16e98_gg_{font-style:italic}.___SText_16e98_gg_.__monospace_16e98_gg_{font-family:Consolas,"Roboto Mono",Menlo,Courier,monospace}.___SText_16e98_gg_.__uppercase_16e98_gg_{text-transform:uppercase}.___SText_16e98_gg_.__lowercase_16e98_gg_{text-transform:lowercase}.___SText_16e98_gg_.__capitalize_16e98_gg_{text-transform:capitalize}.___SText_16e98_gg_.__decoration_16e98_gg_{-webkit-text-decoration:var(--decoration_16e98);text-decoration:var(--decoration_16e98)}.___SText_16e98_gg_.__color_16e98_gg_{color:var(--color_16e98)}.___SText_16e98_gg_.__fontSize_16e98_gg_{font-size:var(--fontSize_16e98)}.___SText_16e98_gg_.__lineHeight_16e98_gg_{line-height:var(--lineHeight_16e98)}.___SText_16e98_gg_.__fontWeight_16e98_gg_{font-weight:var(--fontWeight_16e98)}.___SText_16e98_gg_.__textAlign_16e98_gg_{text-align:var(--textAlign_16e98)}.___SText_16e98_gg_._use_primary_16e98_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_16e98_gg_._use_secondary_16e98_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_16e98_gg_.__disabled_16e98_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}@media (prefers-reduced-motion){.___SText_16e98_gg_ a{transition:none}}',
+    '.___SText_s4dem_gg_{padding:0;margin:0}.___SText_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__formatTags_s4dem_gg_ abbr:active,.___SText_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__formatTags_s4dem_gg_ code,.___SText_s4dem_gg_.__formatTags_s4dem_gg_ pre{font-family:Consolas,"Roboto Mono",Menlo,Courier,monospace}.___SText_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__formatTags_s4dem_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]),.___SText_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__formatTags_s4dem_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_s4dem_gg_):before,.___SText_s4dem_gg_.__formatTags_s4dem_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_s4dem_gg_):before{position:absolute;left:0;color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_s4dem_gg_.__formatTags_s4dem_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_s4dem_gg_)+li:not(.___SText_s4dem_gg_),.___SText_s4dem_gg_.__formatTags_s4dem_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_s4dem_gg_)+li:not(.___SText_s4dem_gg_){margin:var(--intergalactic-spacing-2x, 8px)0 0 0}.___SText_s4dem_gg_.__formatTags_s4dem_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]){counter-reset:item 0}.___SText_s4dem_gg_.__formatTags_s4dem_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_s4dem_gg_):before{counter-increment:item;content:counters(item,".")}.___SText_s4dem_gg_.__formatTags_s4dem_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_s4dem_gg_):before{content:"";background-color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SText_s4dem_gg_.__formatTags_s4dem_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]):has(+p),.___SText_s4dem_gg_.__formatTags_s4dem_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]):has(+p){margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SText_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__formatTags_s4dem_gg_ h1:only-child,.___SText_s4dem_gg_.__formatTags_s4dem_gg_ h2:only-child,.___SText_s4dem_gg_.__formatTags_s4dem_gg_ h3:only-child,.___SText_s4dem_gg_.__formatTags_s4dem_gg_ h4:only-child,.___SText_s4dem_gg_.__formatTags_s4dem_gg_ h5:only-child,.___SText_s4dem_gg_.__formatTags_s4dem_gg_ h6:only-child{margin-bottom:0}.___SText_s4dem_gg_.__formatTags_s4dem_gg_ h2{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%);font-weight:var(--intergalactic-semi-bold, 600)}.___SText_s4dem_gg_.__formatTags_s4dem_gg_ h3{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%);font-weight:var(--intergalactic-semi-bold, 600)}.___SText_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__formatTags_s4dem_gg_ h1 small,.___SText_s4dem_gg_.__formatTags_s4dem_gg_ h2 small,.___SText_s4dem_gg_.__formatTags_s4dem_gg_ h3 small,.___SText_s4dem_gg_.__formatTags_s4dem_gg_ h4 small,.___SText_s4dem_gg_.__formatTags_s4dem_gg_ h5 small,.___SText_s4dem_gg_.__formatTags_s4dem_gg_ h6 small{color:var(--intergalactic-text-secondary, #6c6e79);font-weight:300;font-size:100%}.___SText_s4dem_gg_.__formatTags_s4dem_gg_ li,.___SText_s4dem_gg_.__formatTags_s4dem_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_s4dem_gg_.__formatTags_s4dem_gg_ h2,.___SText_s4dem_gg_.__formatTags_s4dem_gg_ h3,.___SText_s4dem_gg_.__formatTags_s4dem_gg_ p{margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_s4dem_gg_.__formatTags_s4dem_gg_ p:last-child,.___SText_s4dem_gg_._size_100_s4dem_gg_.__formatTags_s4dem_gg_ p:last-child,.___SText_s4dem_gg_._size_200_s4dem_gg_.__formatTags_s4dem_gg_ p:last-child,.___SText_s4dem_gg_._size_300_s4dem_gg_.__formatTags_s4dem_gg_ p:last-child{margin-bottom:0}.___SText_s4dem_gg_.__formatTags_s4dem_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_s4dem_gg_.__formatTags_s4dem_gg_ ol ol li,.___SText_s4dem_gg_._size_100_s4dem_gg_.__formatTags_s4dem_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_s4dem_gg_.__formatTags_s4dem_gg_ ol ol ol li,.___SText_s4dem_gg_._size_100_s4dem_gg_.__formatTags_s4dem_gg_ ol ol ol li,.___SText_s4dem_gg_._size_200_s4dem_gg_.__formatTags_s4dem_gg_ ol ol ol li,.___SText_s4dem_gg_._size_300_s4dem_gg_.__formatTags_s4dem_gg_ ol ol ol li{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SText_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_.__ellipsis_s4dem_gg_{overflow:hidden;text-overflow:ellipsis;white-space:pre;display:inline-block;line-height:inherit;vertical-align:top}.___SText_s4dem_gg_.__ellipsis_s4dem_gg_._trim_end_s4dem_gg_.__isEllipsized_s4dem_gg_::after{content:"";display:block}.___SText_s4dem_gg_.__ellipsis_s4dem_gg_.__maxLine_s4dem_gg_{-webkit-line-clamp:var(--maxLine_s4dem);display:-webkit-box;-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word}.___SText_s4dem_gg_.__ellipsis_s4dem_gg_._trim_middle_s4dem_gg_{text-overflow:initial}.___SText_s4dem_gg_._size_100_s4dem_gg_,.___SText_s4dem_gg_._size_100_s4dem_gg_.__formatTags_s4dem_gg_ li,.___SText_s4dem_gg_._size_100_s4dem_gg_.__formatTags_s4dem_gg_ p{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_s4dem_gg_._size_100_s4dem_gg_.__formatTags_s4dem_gg_ p{margin:0 0 calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_s4dem_gg_._size_100_s4dem_gg_.__formatTags_s4dem_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_s4dem_gg_._size_100_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_._size_200_s4dem_gg_,.___SText_s4dem_gg_._size_200_s4dem_gg_.__formatTags_s4dem_gg_ li,.___SText_s4dem_gg_._size_200_s4dem_gg_.__formatTags_s4dem_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_s4dem_gg_._size_200_s4dem_gg_.__formatTags_s4dem_gg_ p{margin:0 0 var(--intergalactic-spacing-3x, 12px)0}.___SText_s4dem_gg_._size_200_s4dem_gg_.__formatTags_s4dem_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_s4dem_gg_._size_200_s4dem_gg_.__formatTags_s4dem_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_s4dem_gg_._size_200_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_._size_300_s4dem_gg_,.___SText_s4dem_gg_._size_300_s4dem_gg_.__formatTags_s4dem_gg_ li,.___SText_s4dem_gg_._size_300_s4dem_gg_.__formatTags_s4dem_gg_ p{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_s4dem_gg_._size_300_s4dem_gg_.__formatTags_s4dem_gg_ p{margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_s4dem_gg_._size_300_s4dem_gg_.__formatTags_s4dem_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_s4dem_gg_._size_300_s4dem_gg_.__formatTags_s4dem_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_s4dem_gg_._size_300_s4dem_gg_.__formatTags_s4dem_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_s4dem_gg_._size_400_s4dem_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_s4dem_gg_._size_500_s4dem_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_s4dem_gg_._size_600_s4dem_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_s4dem_gg_._size_700_s4dem_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_s4dem_gg_._size_800_s4dem_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_s4dem_gg_.__noWrap_s4dem_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_s4dem_gg_.__medium_s4dem_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_s4dem_gg_.__semibold_s4dem_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_s4dem_gg_.__bold_s4dem_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_s4dem_gg_.__italic_s4dem_gg_{font-style:italic}.___SText_s4dem_gg_.__monospace_s4dem_gg_{font-family:Consolas,"Roboto Mono",Menlo,Courier,monospace}.___SText_s4dem_gg_.__uppercase_s4dem_gg_{text-transform:uppercase}.___SText_s4dem_gg_.__lowercase_s4dem_gg_{text-transform:lowercase}.___SText_s4dem_gg_.__capitalize_s4dem_gg_{text-transform:capitalize}.___SText_s4dem_gg_.__decoration_s4dem_gg_{-webkit-text-decoration:var(--decoration_s4dem);text-decoration:var(--decoration_s4dem)}.___SText_s4dem_gg_.__color_s4dem_gg_{color:var(--color_s4dem)}.___SText_s4dem_gg_.__fontSize_s4dem_gg_{font-size:var(--fontSize_s4dem)}.___SText_s4dem_gg_.__lineHeight_s4dem_gg_{line-height:var(--lineHeight_s4dem)}.___SText_s4dem_gg_.__fontWeight_s4dem_gg_{font-weight:var(--fontWeight_s4dem)}.___SText_s4dem_gg_.__textAlign_s4dem_gg_{text-align:var(--textAlign_s4dem)}.___SText_s4dem_gg_._use_primary_s4dem_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_s4dem_gg_._use_secondary_s4dem_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_s4dem_gg_.__disabled_s4dem_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}@media (prefers-reduced-motion){.___SText_s4dem_gg_ a{transition:none}}',
     /*__inner_css_end__*/
-    "16e98_gg_"
+    "s4dem_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SText": "___SText_16e98_gg_",
-    "_size_400": "_size_400_16e98_gg_",
-    "_size_500": "_size_500_16e98_gg_",
-    "_size_600": "_size_600_16e98_gg_",
-    "_size_700": "_size_700_16e98_gg_",
-    "_size_800": "_size_800_16e98_gg_",
-    "_noWrap": "__noWrap_16e98_gg_",
-    "_medium": "__medium_16e98_gg_",
-    "_semibold": "__semibold_16e98_gg_",
-    "_bold": "__bold_16e98_gg_",
-    "_italic": "__italic_16e98_gg_",
-    "_monospace": "__monospace_16e98_gg_",
-    "_uppercase": "__uppercase_16e98_gg_",
-    "_lowercase": "__lowercase_16e98_gg_",
-    "_capitalize": "__capitalize_16e98_gg_",
-    "_decoration": "__decoration_16e98_gg_",
-    "--decoration": "--decoration_16e98",
-    "_color": "__color_16e98_gg_",
-    "--color": "--color_16e98",
-    "_fontSize": "__fontSize_16e98_gg_",
-    "--fontSize": "--fontSize_16e98",
-    "_lineHeight": "__lineHeight_16e98_gg_",
-    "--lineHeight": "--lineHeight_16e98",
-    "_fontWeight": "__fontWeight_16e98_gg_",
-    "--fontWeight": "--fontWeight_16e98",
-    "_textAlign": "__textAlign_16e98_gg_",
-    "--textAlign": "--textAlign_16e98",
-    "_use_primary": "_use_primary_16e98_gg_",
-    "_use_secondary": "_use_secondary_16e98_gg_",
-    "_disabled": "__disabled_16e98_gg_",
-    "_formatTags": "__formatTags_16e98_gg_",
-    "_ellipsis": "__ellipsis_16e98_gg_",
-    "_trim_end": "_trim_end_16e98_gg_",
-    "_maxLine": "__maxLine_16e98_gg_",
-    "--maxLine": "--maxLine_16e98",
-    "_trim_middle": "_trim_middle_16e98_gg_",
-    "_size_100": "_size_100_16e98_gg_",
-    "_size_200": "_size_200_16e98_gg_",
-    "_size_300": "_size_300_16e98_gg_"
+    "__SText": "___SText_s4dem_gg_",
+    "_size_400": "_size_400_s4dem_gg_",
+    "_size_500": "_size_500_s4dem_gg_",
+    "_size_600": "_size_600_s4dem_gg_",
+    "_size_700": "_size_700_s4dem_gg_",
+    "_size_800": "_size_800_s4dem_gg_",
+    "_noWrap": "__noWrap_s4dem_gg_",
+    "_medium": "__medium_s4dem_gg_",
+    "_semibold": "__semibold_s4dem_gg_",
+    "_bold": "__bold_s4dem_gg_",
+    "_italic": "__italic_s4dem_gg_",
+    "_monospace": "__monospace_s4dem_gg_",
+    "_uppercase": "__uppercase_s4dem_gg_",
+    "_lowercase": "__lowercase_s4dem_gg_",
+    "_capitalize": "__capitalize_s4dem_gg_",
+    "_decoration": "__decoration_s4dem_gg_",
+    "--decoration": "--decoration_s4dem",
+    "_color": "__color_s4dem_gg_",
+    "--color": "--color_s4dem",
+    "_fontSize": "__fontSize_s4dem_gg_",
+    "--fontSize": "--fontSize_s4dem",
+    "_lineHeight": "__lineHeight_s4dem_gg_",
+    "--lineHeight": "--lineHeight_s4dem",
+    "_fontWeight": "__fontWeight_s4dem_gg_",
+    "--fontWeight": "--fontWeight_s4dem",
+    "_textAlign": "__textAlign_s4dem_gg_",
+    "--textAlign": "--textAlign_s4dem",
+    "_use_primary": "_use_primary_s4dem_gg_",
+    "_use_secondary": "_use_secondary_s4dem_gg_",
+    "_disabled": "__disabled_s4dem_gg_",
+    "_formatTags": "__formatTags_s4dem_gg_",
+    "_ellipsis": "__ellipsis_s4dem_gg_",
+    "_trim_end": "_trim_end_s4dem_gg_",
+    "_isEllipsized": "__isEllipsized_s4dem_gg_",
+    "_maxLine": "__maxLine_s4dem_gg_",
+    "--maxLine": "--maxLine_s4dem",
+    "_trim_middle": "_trim_middle_s4dem_gg_",
+    "_size_100": "_size_100_s4dem_gg_",
+    "_size_200": "_size_200_s4dem_gg_",
+    "_size_300": "_size_300_s4dem_gg_"
   })
 );
 class TextRoot extends Component {
@@ -60,7 +61,7 @@ class TextRoot extends Component {
     _defineProperty(this, "ellipsis", null);
     _defineProperty(this, "innerRef", /* @__PURE__ */ React.createRef());
     _defineProperty(this, "state", {
-      showHint: false
+      isEllipsized: false
     });
     this.handleEllipsized = this.handleEllipsized.bind(this);
   }
@@ -68,7 +69,11 @@ class TextRoot extends Component {
     this.initEllipsis();
   }
   componentDidUpdate(prevProps) {
-    if (prevProps.ellipsis !== this.asProps.ellipsis) {
+    const ellipsisKeys = ["cropPosition", "maxLine", "lastRequiredSymbols", "containerElement", "recalculateContainerWidth", "observeChildrenMutations"];
+    const hasChanges = ellipsisKeys.some((key) => {
+      return prevProps[`ellipsis:${key}`] !== this.asProps[`ellipsis:${key}`];
+    });
+    if (prevProps.ellipsis !== this.asProps.ellipsis || hasChanges) {
       this.cleanUpEllipsis();
       this.initEllipsis();
     }
@@ -83,18 +88,20 @@ class TextRoot extends Component {
       color,
       underline,
       lineThrough,
+      hint,
       hintProps,
       children,
       ellipsis,
+      ellipsisProps,
       resolveColor
     } = this.asProps;
     const {
-      showHint
+      isEllipsized
     } = 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) {
+    const cropPosition = (ellipsisProps == null ? void 0 : ellipsisProps.cropPosition) ?? "end";
+    let withHint = hint !== false;
+    const maxLineValue = ellipsisProps == null ? void 0 : ellipsisProps.maxLine;
+    if (hint !== true && 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", {
@@ -104,24 +111,30 @@ class TextRoot extends Component {
         "ref": this.innerRef,
         "use:decoration": this.getTextDecoration(underline, lineThrough),
         "use:color": resolveColor(color),
-        "use:ellipsis": Boolean(ellipsis),
+        "use:ellipsis": ellipsis !== void 0 ? ellipsis : Boolean(ellipsisProps),
+        "isEllipsized": isEllipsized,
         "maxLine": maxLineValue,
         "trim": cropPosition
       }, _ref)
-    })), showHint && withHint && /* @__PURE__ */ React.createElement(Hint, _ref2.cn("Hint", {
+    })), isEllipsized && withHint && /* @__PURE__ */ React.createElement(Hint, _ref2.cn("Hint", {
       "triggerRef": this.innerRef,
       ...hintProps
     }), children));
   }
-  handleEllipsized(isEllipsis) {
+  handleEllipsized(isEllipsized) {
     this.setState({
-      showHint: isEllipsis
+      isEllipsized
     });
   }
   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);
+    const {
+      ellipsis,
+      ellipsisProps,
+      hint
+    } = this.asProps;
+    const shouldInit = hint !== false || (ellipsisProps == null ? void 0 : ellipsisProps.cropPosition) === "middle";
+    if (shouldInit && (ellipsis || ellipsisProps) && this.innerRef.current) {
+      this.ellipsis = ellipsis instanceof Ellipsis ? ellipsis : new Ellipsis(this.innerRef.current, ellipsisProps ?? {});
       this.ellipsis.on("isEllipsized", this.handleEllipsized);
     }
   }
@@ -130,7 +143,7 @@ class TextRoot extends Component {
     (_a = this.ellipsis) == null ? void 0 : _a.off("isEllipsized", this.handleEllipsized);
     (_b = this.ellipsis) == null ? void 0 : _b.cleanUp();
     this.setState({
-      showHint: false
+      isEllipsized: false
     });
   }
   getTextDecoration(underline, lineThrough) {
@@ -145,9 +158,6 @@ class TextRoot extends Component {
 _defineProperty(TextRoot, "enhance", [resolveColorEnhance()]);
 _defineProperty(TextRoot, "styles", styles);
 _defineProperty(TextRoot, "displayName", "Text");
-_defineProperty(TextRoot, "defaultProps", {
-  ellipsis: false
-});
 const Text = createComponent(TextRoot);
 export {
   Text as default

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

@@ -232,8 +232,10 @@ SText[ellipsis] {
   text-overflow: ellipsis;
   white-space: pre;
   display: inline-block;
+  line-height: unset;
+  vertical-align: top;
-  &[trim='end']::after {
+  &[trim='end'][isEllipsized]::after {
     content: '';
     display: block;
   }

package/lib/types/index.d.ts CHANGED Viewed

@@ -3,7 +3,24 @@ import type { PropGetterFn, Intergalactic } from '@semcore/core';
 import type { Property } from 'csstype';
 import type React from 'react';
-export type TextProps = BoxProps & {
+export type TextHintProps = {
+  /** Manually enabled/disabled Hint */
+  hint?: boolean;
+} & {
+  /** Settings for a hint with full text (cropped by ellipsis) */
+  [K in keyof SimpleHintPopperProps as `hint:${string & K}`]?: SimpleHintPopperProps[K];
+};
+/** 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. */
+export type TextEllipsisProps = {
+  /** Manually enabled/disabled Ellipsis or provide an instance of it. */
+  ellipsis?: (boolean | Ellipsis);
+} & {
+  /** Settings for an Ellipsis */
+  [K in keyof EllipsisSettings as `ellipsis:${string & K}`]?: EllipsisSettings[K];
+};
+export type BaseTextProps = {
   /** Font size and line-heights */
   size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;
   /**
@@ -45,14 +62,24 @@ export type TextProps = BoxProps & {
   use?: 'primary' | 'secondary';
   /** Makes text semi-transparent to indicate disabled state */
   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;
 };
+export type TextProps = BoxProps & BaseTextProps & (
+  {
+    /** Enable formatting/styling for all nested HTML tags with our default styles for them */
+    formatTags?: boolean;
+    ellipsis?: never;
+    ellipsisProps?: never;
+    hint?: never;
+    hintProps?: never;
+  } |
+  ({
+    formatTags?: never;
+    // /** Settings for a hint with full text (cropped by ellipsis) */
+    // hintProps?: Partial<Omit<SimpleHintPopperProps, 'children'>> | false;
+  } & TextHintProps & TextEllipsisProps)
+);
 export type ListProps = TextProps & {
   /** Marker of the entire list
    * @default • */

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/typography",
   "description": "Semrush Typography Component",
-  "version": "17.0.0-prerelease.29",
+  "version": "17.0.0-prerelease.31",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -25,10 +25,10 @@
   },
   "devDependencies": {
     "csstype": "3.1.3",
-    "@semcore/core": "17.0.0-prerelease.29",
-    "@semcore/base-components": "17.0.0-prerelease.29",
+    "@semcore/core": "17.0.0-prerelease.31",
+    "@semcore/base-components": "17.0.0-prerelease.31",
     "@semcore/testing-utils": "1.0.0",
-    "@semcore/icon": "16.7.2-prerelease.29"
+    "@semcore/icon": "16.7.2-prerelease.31"
   },
   "scripts": {
     "build": "pnpm semcore-builder --source=ts,js && pnpm vite build"