@semcore/typography 5.53.2-prerelease.0 → 5.54.0-prerelease.0

package/lib/esm/components/Text/Text.mjs

@@ -0,0 +1,172 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _callSuper from "@babel/runtime/helpers/esm/callSuper";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled, assignProps, Component, createComponent } from "@semcore/core";
+import { Box, Hint, Ellipsis } from "@semcore/base-components";
+import resolveColorEnhance from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
+import React from "react";
+/*!__reshadow-styles__:"../../style/text.shadow.css"*/
+var styles = (
+  /*__reshadow_css_start__*/
+  (sstyled.insert(
+    /*__inner_css_start__*/
+    '.___SText_edtbk_gg_{padding:0;margin:0}.___SText_edtbk_gg_.__formatTags_edtbk_gg_ abbr{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));-webkit-text-decoration:underline dashed var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));text-decoration:underline dashed var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SText_edtbk_gg_.__formatTags_edtbk_gg_ abbr{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));-webkit-text-decoration:underline dashed var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));text-decoration:underline dashed var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_edtbk_gg_.__formatTags_edtbk_gg_ abbr{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583));-webkit-text-decoration:underline dashed var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583));text-decoration:underline dashed var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_edtbk_gg_.__formatTags_edtbk_gg_ abbr:active,.___SText_edtbk_gg_.__formatTags_edtbk_gg_ abbr:focus{outline:0;color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605));-webkit-text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605));text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}@media (hover:hover){.___SText_edtbk_gg_.__formatTags_edtbk_gg_ abbr:hover{outline:0;color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605));-webkit-text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605));text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}}.___SText_edtbk_gg_.__formatTags_edtbk_gg_ a{display:inline;background:0 0;outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link, rgb(36, 93, 229));border-bottom-width:1px;border-bottom-style:solid;border-color:transparent}.___SText_edtbk_gg_.__formatTags_edtbk_gg_ a:active{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link-hover-active, rgb(34, 88, 217));border-color:var(--intergalactic-text-link-hover-active, rgb(34, 88, 217))}@media (hover:hover){.___SText_edtbk_gg_.__formatTags_edtbk_gg_ a:hover{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link-hover-active, rgb(34, 88, 217));border-color:var(--intergalactic-text-link-hover-active, rgb(34, 88, 217))}}.___SText_edtbk_gg_.__formatTags_edtbk_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_edtbk_gg_.__formatTags_edtbk_gg_ code,.___SText_edtbk_gg_.__formatTags_edtbk_gg_ pre{font-family:Consolas,"Roboto Mono",Menlo,Courier,monospace}.___SText_edtbk_gg_.__formatTags_edtbk_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_edtbk_gg_.__formatTags_edtbk_gg_ blockquote:before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNyIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDI3IDE5IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTguODI0MjIgMC45NDcyNjZWMi4zMDg1OUM2Ljg3NjMgMy4zMjY4MiA1LjQ4MTc3IDQuMzg5MzIgNC42NDA2MiA1LjQ5NjA5QzMuNzk5NDggNi42MDI4NiAzLjM3ODkxIDcuODA5MjQgMy4zNzg5MSA5LjExNTIzQzMuMzc4OTEgOS44ODk5NyAzLjQ4OTU4IDEwLjQyMTIgMy43MTA5NCAxMC43MDlDMy45MTAxNiAxMS4wMTg5IDQuMTUzNjUgMTEuMTczOCA0LjQ0MTQxIDExLjE3MzhDNC43MjkxNyAxMS4xNzM4IDUuMTE2NTQgMTEuMDk2NCA1LjYwMzUyIDEwLjk0MTRDNi4wOTA0OSAxMC43NjQzIDYuNTMzMiAxMC42NzU4IDYuOTMxNjQgMTAuNjc1OEM3LjgzOTE5IDEwLjY3NTggOC42MjUgMTEuMDE4OSA5LjI4OTA2IDExLjcwNTFDOS45NzUyNiAxMi4zNjkxIDEwLjMxODQgMTMuMTg4MiAxMC4zMTg0IDE0LjE2MjFDMTAuMzE4NCAxNS4yMjQ2IDkuOTA4ODUgMTYuMTQzMiA5LjA4OTg0IDE2LjkxOEM4LjI3MDgzIDE3LjY3MDYgNy4yNTI2IDE4LjA0NjkgNi4wMzUxNiAxOC4wNDY5QzQuNTUyMDggMTguMDQ2OSAzLjIxMjg5IDE3LjQwNDkgMi4wMTc1OCAxNi4xMjExQzAuODIyMjY2IDE0LjgzNzIgMC4yMjQ2MDkgMTMuMjU0NiAwLjIyNDYwOSAxMS4zNzNDMC4yMjQ2MDkgOS4xNTk1MSAwLjk1NTA3OCA3LjEwMDkxIDIuNDE2MDIgNS4xOTcyN0MzLjg5OTA5IDMuMjcxNDggNi4wMzUxNiAxLjg1NDgyIDguODI0MjIgMC45NDcyNjZaTTI0LjY2MjEgMS4wNDY4OFYyLjMwODU5QzIyLjQyNjQgMy41OTI0NSAyMC45NTQ0IDQuNzQzNDkgMjAuMjQ2MSA1Ljc2MTcyQzE5LjUzNzggNi43Nzk5NSAxOS4xODM2IDcuOTc1MjYgMTkuMTgzNiA5LjM0NzY2QzE5LjE4MzYgOS45Njc0NSAxOS4zMDUzIDEwLjQzMjMgMTkuNTQ4OCAxMC43NDIyQzE5Ljc5MjMgMTEuMDUyMSAyMC4wNDY5IDExLjIwNyAyMC4zMTI1IDExLjIwN0MyMC41NTYgMTEuMjA3IDIwLjkyMTIgMTEuMTE4NSAyMS40MDgyIDEwLjk0MTRDMjEuODk1MiAxMC43NjQzIDIyLjM4MjIgMTAuNjc1OCAyMi44NjkxIDEwLjY3NThDMjMuNzc2NyAxMC42NzU4IDI0LjU2MjUgMTEuMDA3OCAyNS4yMjY2IDExLjY3MTlDMjUuOTEyOCAxMi4zMTM4IDI2LjI1NTkgMTMuMTEwNyAyNi4yNTU5IDE0LjA2MjVDMjYuMjU1OSAxNS4xNDcxIDI1LjgyNDIgMTYuMDg3OSAyNC45NjA5IDE2Ljg4NDhDMjQuMTE5OCAxNy42ODE2IDIzLjA3OTQgMTguMDgwMSAyMS44Mzk4IDE4LjA4MDFDMjAuMzc4OSAxOC4wODAxIDE5LjA2MTggMTcuNDQ5MiAxNy44ODg3IDE2LjE4NzVDMTYuNzE1NSAxNC45MjU4IDE2LjEyODkgMTMuMzU0MiAxNi4xMjg5IDExLjQ3MjdDMTYuMTI4OSA5LjE0ODQ0IDE2Ljg3MDQgNy4wMzQ1MSAxOC4zNTM1IDUuMTMwODZDMTkuODM2NiAzLjIwNTA4IDIxLjkzOTUgMS44NDM3NSAyNC42NjIxIDEuMDQ2ODhaIiBmaWxsPSIjQTlBQkI2Ii8+Cjwvc3ZnPg==);display:inline-block;position:absolute;left:0;color:var(--intergalactic-icon-secondary-neutral, rgba(0, 5, 2, 0.385));font-family:Georgia,Times,"Times New Roman",serif}@supports (color:color(display-p3 0 0 0%)){.___SText_edtbk_gg_.__formatTags_edtbk_gg_ blockquote:before{color:var(--intergalactic-icon-secondary-neutral, rgba(0, 5, 2, 0.385))}@media (color-gamut:p3){.___SText_edtbk_gg_.__formatTags_edtbk_gg_ blockquote:before{color:var(--intergalactic-icon-secondary-neutral, color(display-p3 0.0036 0.02041 0.00996 / 0.385))}}}.___SText_edtbk_gg_.__formatTags_edtbk_gg_ blockquote cite{display:block;font-style:normal;margin-top:var(--intergalactic-spacing-4x, 16px);color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}@supports (color:color(display-p3 0 0 0%)){.___SText_edtbk_gg_.__formatTags_edtbk_gg_ blockquote cite{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_edtbk_gg_.__formatTags_edtbk_gg_ blockquote cite{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_edtbk_gg_.__formatTags_edtbk_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]),.___SText_edtbk_gg_.__formatTags_edtbk_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_edtbk_gg_.__formatTags_edtbk_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_edtbk_gg_):before,.___SText_edtbk_gg_.__formatTags_edtbk_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_edtbk_gg_):before{position:absolute;left:0;color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SText_edtbk_gg_.__formatTags_edtbk_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_edtbk_gg_):before,.___SText_edtbk_gg_.__formatTags_edtbk_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_edtbk_gg_):before{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_edtbk_gg_.__formatTags_edtbk_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_edtbk_gg_):before,.___SText_edtbk_gg_.__formatTags_edtbk_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_edtbk_gg_):before{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_edtbk_gg_.__formatTags_edtbk_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_edtbk_gg_)+li:not(.___SText_edtbk_gg_),.___SText_edtbk_gg_.__formatTags_edtbk_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_edtbk_gg_)+li:not(.___SText_edtbk_gg_){margin:var(--intergalactic-spacing-2x, 8px)0 0 0}.___SText_edtbk_gg_.__formatTags_edtbk_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]){counter-reset:item 0}.___SText_edtbk_gg_.__formatTags_edtbk_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_edtbk_gg_):before{counter-increment:item;content:counters(item,".")}.___SText_edtbk_gg_.__formatTags_edtbk_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_edtbk_gg_):before{content:"";background-color:var(--intergalactic-icon-primary-neutral, rgba(0, 4, 1, 0.526))}.___SText_edtbk_gg_.__formatTags_edtbk_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]):has(+p),.___SText_edtbk_gg_.__formatTags_edtbk_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]):has(+p){margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SText_edtbk_gg_.__formatTags_edtbk_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_edtbk_gg_.__formatTags_edtbk_gg_ h1:only-child,.___SText_edtbk_gg_.__formatTags_edtbk_gg_ h2:only-child,.___SText_edtbk_gg_.__formatTags_edtbk_gg_ h3:only-child,.___SText_edtbk_gg_.__formatTags_edtbk_gg_ h4:only-child,.___SText_edtbk_gg_.__formatTags_edtbk_gg_ h5:only-child,.___SText_edtbk_gg_.__formatTags_edtbk_gg_ h6:only-child{margin-bottom:0}.___SText_edtbk_gg_.__formatTags_edtbk_gg_ h2,.___SText_edtbk_gg_.__formatTags_edtbk_gg_ h3{font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_edtbk_gg_.__formatTags_edtbk_gg_ h2{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_edtbk_gg_.__formatTags_edtbk_gg_ h3{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_edtbk_gg_.__formatTags_edtbk_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_edtbk_gg_.__formatTags_edtbk_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_edtbk_gg_.__formatTags_edtbk_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_edtbk_gg_.__formatTags_edtbk_gg_ h1 small,.___SText_edtbk_gg_.__formatTags_edtbk_gg_ h2 small,.___SText_edtbk_gg_.__formatTags_edtbk_gg_ h3 small,.___SText_edtbk_gg_.__formatTags_edtbk_gg_ h4 small,.___SText_edtbk_gg_.__formatTags_edtbk_gg_ h5 small,.___SText_edtbk_gg_.__formatTags_edtbk_gg_ h6 small{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));font-weight:300;font-size:100%}@supports (color:color(display-p3 0 0 0%)){.___SText_edtbk_gg_.__formatTags_edtbk_gg_ h1 small,.___SText_edtbk_gg_.__formatTags_edtbk_gg_ h2 small,.___SText_edtbk_gg_.__formatTags_edtbk_gg_ h3 small,.___SText_edtbk_gg_.__formatTags_edtbk_gg_ h4 small,.___SText_edtbk_gg_.__formatTags_edtbk_gg_ h5 small,.___SText_edtbk_gg_.__formatTags_edtbk_gg_ h6 small{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_edtbk_gg_.__formatTags_edtbk_gg_ h1 small,.___SText_edtbk_gg_.__formatTags_edtbk_gg_ h2 small,.___SText_edtbk_gg_.__formatTags_edtbk_gg_ h3 small,.___SText_edtbk_gg_.__formatTags_edtbk_gg_ h4 small,.___SText_edtbk_gg_.__formatTags_edtbk_gg_ h5 small,.___SText_edtbk_gg_.__formatTags_edtbk_gg_ h6 small{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_edtbk_gg_.__formatTags_edtbk_gg_ li,.___SText_edtbk_gg_.__formatTags_edtbk_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_edtbk_gg_.__formatTags_edtbk_gg_ p{margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_edtbk_gg_.__formatTags_edtbk_gg_ p:last-child,.___SText_edtbk_gg_._size_100_edtbk_gg_.__formatTags_edtbk_gg_ p:last-child,.___SText_edtbk_gg_._size_200_edtbk_gg_.__formatTags_edtbk_gg_ p:last-child,.___SText_edtbk_gg_._size_300_edtbk_gg_.__formatTags_edtbk_gg_ p:last-child{margin-bottom:0}.___SText_edtbk_gg_.__formatTags_edtbk_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_edtbk_gg_.__formatTags_edtbk_gg_ ol ol li,.___SText_edtbk_gg_._size_100_edtbk_gg_.__formatTags_edtbk_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_edtbk_gg_.__formatTags_edtbk_gg_ ol ol ol li,.___SText_edtbk_gg_._size_100_edtbk_gg_.__formatTags_edtbk_gg_ ol ol ol li,.___SText_edtbk_gg_._size_200_edtbk_gg_.__formatTags_edtbk_gg_ ol ol ol li,.___SText_edtbk_gg_._size_300_edtbk_gg_.__formatTags_edtbk_gg_ ol ol ol li{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SText_edtbk_gg_.__formatTags_edtbk_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_edtbk_gg_.__ellipsis_edtbk_gg_{overflow:hidden;text-overflow:ellipsis;white-space:pre;display:inline-block;line-height:inherit;vertical-align:top}.___SText_edtbk_gg_.__ellipsis_edtbk_gg_._trim_end_edtbk_gg_.__isEllipsized_edtbk_gg_::after{content:"";display:block}.___SText_edtbk_gg_.__ellipsis_edtbk_gg_.__maxLine_edtbk_gg_{-webkit-line-clamp:var(--maxLine_edtbk);display:-webkit-box;-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word}.___SText_edtbk_gg_.__ellipsis_edtbk_gg_._trim_middle_edtbk_gg_{text-overflow:initial}.___SText_edtbk_gg_._size_100_edtbk_gg_,.___SText_edtbk_gg_._size_100_edtbk_gg_.__formatTags_edtbk_gg_ li,.___SText_edtbk_gg_._size_100_edtbk_gg_.__formatTags_edtbk_gg_ p{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_edtbk_gg_._size_100_edtbk_gg_.__formatTags_edtbk_gg_ p{margin:0 0 calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_edtbk_gg_._size_100_edtbk_gg_.__formatTags_edtbk_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_edtbk_gg_._size_100_edtbk_gg_.__formatTags_edtbk_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_edtbk_gg_._size_200_edtbk_gg_,.___SText_edtbk_gg_._size_200_edtbk_gg_.__formatTags_edtbk_gg_ li,.___SText_edtbk_gg_._size_200_edtbk_gg_.__formatTags_edtbk_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_edtbk_gg_._size_200_edtbk_gg_.__formatTags_edtbk_gg_ p{margin:0 0 var(--intergalactic-spacing-3x, 12px)0}.___SText_edtbk_gg_._size_200_edtbk_gg_.__formatTags_edtbk_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_edtbk_gg_._size_200_edtbk_gg_.__formatTags_edtbk_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_edtbk_gg_._size_200_edtbk_gg_.__formatTags_edtbk_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_edtbk_gg_._size_300_edtbk_gg_,.___SText_edtbk_gg_._size_300_edtbk_gg_.__formatTags_edtbk_gg_ li,.___SText_edtbk_gg_._size_300_edtbk_gg_.__formatTags_edtbk_gg_ p{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_edtbk_gg_._size_300_edtbk_gg_.__formatTags_edtbk_gg_ p{margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_edtbk_gg_._size_300_edtbk_gg_.__formatTags_edtbk_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_edtbk_gg_._size_300_edtbk_gg_.__formatTags_edtbk_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_edtbk_gg_._size_300_edtbk_gg_.__formatTags_edtbk_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_edtbk_gg_._size_400_edtbk_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_edtbk_gg_._size_500_edtbk_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_edtbk_gg_._size_600_edtbk_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_edtbk_gg_._size_700_edtbk_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_edtbk_gg_._size_800_edtbk_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_edtbk_gg_.__noWrap_edtbk_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_edtbk_gg_.__medium_edtbk_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_edtbk_gg_.__semibold_edtbk_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_edtbk_gg_.__bold_edtbk_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_edtbk_gg_.__italic_edtbk_gg_{font-style:italic}.___SText_edtbk_gg_.__monospace_edtbk_gg_{font-family:Consolas,"Roboto Mono",Menlo,Courier,monospace}.___SText_edtbk_gg_.__uppercase_edtbk_gg_{text-transform:uppercase}.___SText_edtbk_gg_.__lowercase_edtbk_gg_{text-transform:lowercase}.___SText_edtbk_gg_.__capitalize_edtbk_gg_{text-transform:capitalize}.___SText_edtbk_gg_.__decoration_edtbk_gg_{-webkit-text-decoration:var(--decoration_edtbk);text-decoration:var(--decoration_edtbk)}.___SText_edtbk_gg_.__color_edtbk_gg_{color:var(--color_edtbk)}.___SText_edtbk_gg_.__fontSize_edtbk_gg_{font-size:var(--fontSize_edtbk)}.___SText_edtbk_gg_.__lineHeight_edtbk_gg_{line-height:var(--lineHeight_edtbk)}.___SText_edtbk_gg_.__fontWeight_edtbk_gg_{font-weight:var(--fontWeight_edtbk)}.___SText_edtbk_gg_.__textAlign_edtbk_gg_{text-align:var(--textAlign_edtbk)}.___SText_edtbk_gg_._use_primary_edtbk_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SText_edtbk_gg_._use_secondary_edtbk_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SText_edtbk_gg_._use_secondary_edtbk_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_edtbk_gg_._use_secondary_edtbk_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_edtbk_gg_.__disabled_edtbk_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4)}@media (prefers-reduced-motion){.___SText_edtbk_gg_ a{transition:none}}',
+    /*__inner_css_end__*/
+    "edtbk_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SText": "___SText_edtbk_gg_",
+    "_size_400": "_size_400_edtbk_gg_",
+    "_size_500": "_size_500_edtbk_gg_",
+    "_size_600": "_size_600_edtbk_gg_",
+    "_size_700": "_size_700_edtbk_gg_",
+    "_size_800": "_size_800_edtbk_gg_",
+    "_noWrap": "__noWrap_edtbk_gg_",
+    "_medium": "__medium_edtbk_gg_",
+    "_semibold": "__semibold_edtbk_gg_",
+    "_bold": "__bold_edtbk_gg_",
+    "_italic": "__italic_edtbk_gg_",
+    "_monospace": "__monospace_edtbk_gg_",
+    "_uppercase": "__uppercase_edtbk_gg_",
+    "_lowercase": "__lowercase_edtbk_gg_",
+    "_capitalize": "__capitalize_edtbk_gg_",
+    "_decoration": "__decoration_edtbk_gg_",
+    "--decoration": "--decoration_edtbk",
+    "_color": "__color_edtbk_gg_",
+    "--color": "--color_edtbk",
+    "_fontSize": "__fontSize_edtbk_gg_",
+    "--fontSize": "--fontSize_edtbk",
+    "_lineHeight": "__lineHeight_edtbk_gg_",
+    "--lineHeight": "--lineHeight_edtbk",
+    "_fontWeight": "__fontWeight_edtbk_gg_",
+    "--fontWeight": "--fontWeight_edtbk",
+    "_textAlign": "__textAlign_edtbk_gg_",
+    "--textAlign": "--textAlign_edtbk",
+    "_use_primary": "_use_primary_edtbk_gg_",
+    "_use_secondary": "_use_secondary_edtbk_gg_",
+    "_disabled": "__disabled_edtbk_gg_",
+    "_formatTags": "__formatTags_edtbk_gg_",
+    "_ellipsis": "__ellipsis_edtbk_gg_",
+    "_trim_end": "_trim_end_edtbk_gg_",
+    "_isEllipsized": "__isEllipsized_edtbk_gg_",
+    "_maxLine": "__maxLine_edtbk_gg_",
+    "--maxLine": "--maxLine_edtbk",
+    "_trim_middle": "_trim_middle_edtbk_gg_",
+    "_size_100": "_size_100_edtbk_gg_",
+    "_size_200": "_size_200_edtbk_gg_",
+    "_size_300": "_size_300_edtbk_gg_"
+  })
+);
+var TextRoot = /* @__PURE__ */ (function(_Component) {
+  function TextRoot2(props) {
+    var _this;
+    _classCallCheck(this, TextRoot2);
+    _this = _callSuper(this, TextRoot2, [props]);
+    _defineProperty(_this, "ellipsis", null);
+    _defineProperty(_this, "innerRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_this, "state", {
+      isEllipsized: false
+    });
+    _this.handleEllipsized = _this.handleEllipsized.bind(_this);
+    return _this;
+  }
+  _inherits(TextRoot2, _Component);
+  return _createClass(TextRoot2, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.initEllipsis();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      var _this2 = this;
+      var ellipsisKeys = ["cropPosition", "maxLine", "lastRequiredSymbols", "containerElement", "recalculateContainerWidth", "observeChildrenMutations"];
+      var hasChanges = ellipsisKeys.some(function(key) {
+        return prevProps["ellipsis:".concat(key)] !== _this2.asProps["ellipsis:".concat(key)];
+      });
+      if (prevProps.ellipsis !== this.asProps.ellipsis || hasChanges) {
+        this.cleanUpEllipsis();
+        this.initEllipsis();
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.cleanUpEllipsis();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps, _ref2, _ellipsisProps$cropPo;
+      var SText = Box;
+      var _this$asProps = this.asProps, color = _this$asProps.color, underline = _this$asProps.underline, lineThrough = _this$asProps.lineThrough, hint = _this$asProps.hint, hintProps = _this$asProps.hintProps, children = _this$asProps.children, ellipsis = _this$asProps.ellipsis, ellipsisProps = _this$asProps.ellipsisProps, resolveColor = _this$asProps.resolveColor;
+      var isEllipsized = this.state.isEllipsized;
+      var cropPosition = (_ellipsisProps$cropPo = ellipsisProps === null || ellipsisProps === void 0 ? void 0 : ellipsisProps.cropPosition) !== null && _ellipsisProps$cropPo !== void 0 ? _ellipsisProps$cropPo : "end";
+      var withHint = hint !== false;
+      var maxLineValue = ellipsisProps === null || ellipsisProps === void 0 ? 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", _objectSpread({}, assignProps({
+        "tag": "span",
+        "data-ui-name": "Text",
+        "ref": this.innerRef,
+        "use:decoration": this.getTextDecoration(underline, lineThrough),
+        "use:color": resolveColor(color),
+        "use:ellipsis": ellipsis !== void 0 ? ellipsis : Boolean(ellipsisProps),
+        "isEllipsized": isEllipsized,
+        "maxLine": maxLineValue,
+        "trim": cropPosition
+      }, _ref)))), isEllipsized && withHint && /* @__PURE__ */ React.createElement(Hint, _ref2.cn("Hint", _objectSpread({
+        "triggerRef": this.innerRef
+      }, hintProps)), children));
+    }
+  }, {
+    key: "handleEllipsized",
+    value: function handleEllipsized(isEllipsized) {
+      this.setState({
+        isEllipsized
+      });
+    }
+  }, {
+    key: "initEllipsis",
+    value: function initEllipsis() {
+      var _this$asProps2 = this.asProps, ellipsis = _this$asProps2.ellipsis, ellipsisProps = _this$asProps2.ellipsisProps, hint = _this$asProps2.hint;
+      var shouldInit = hint !== false || (ellipsisProps === null || ellipsisProps === void 0 ? void 0 : ellipsisProps.cropPosition) === "middle";
+      if (shouldInit && (ellipsis || ellipsisProps) && this.innerRef.current) {
+        this.ellipsis = ellipsis instanceof Ellipsis ? ellipsis : new Ellipsis(this.innerRef.current, ellipsisProps !== null && ellipsisProps !== void 0 ? ellipsisProps : {});
+        this.ellipsis.on("isEllipsized", this.handleEllipsized);
+      }
+    }
+  }, {
+    key: "cleanUpEllipsis",
+    value: function cleanUpEllipsis() {
+      var _this$ellipsis, _this$ellipsis2;
+      (_this$ellipsis = this.ellipsis) === null || _this$ellipsis === void 0 || _this$ellipsis.off("isEllipsized", this.handleEllipsized);
+      (_this$ellipsis2 = this.ellipsis) === null || _this$ellipsis2 === void 0 || _this$ellipsis2.cleanUp();
+      this.setState({
+        isEllipsized: false
+      });
+    }
+  }, {
+    key: "getTextDecoration",
+    value: function getTextDecoration(underline, lineThrough) {
+      if (underline) {
+        return "underline";
+      }
+      if (lineThrough) {
+        return "line-through";
+      }
+    }
+  }]);
+})(Component);
+_defineProperty(TextRoot, "enhance", [resolveColorEnhance()]);
+_defineProperty(TextRoot, "styles", styles);
+_defineProperty(TextRoot, "displayName", "Text");
+var Text = createComponent(TextRoot);
+export {
+  Text as default
+};

package/lib/esm/components/Text/Text.type.mjs

@@ -0,0 +1 @@
+

package/lib/esm/index.mjs

@@ -1,10 +1,11 @@
-import { default as default2 } from "./Text.mjs";
-import { default as default3 } from "./Blockquote.mjs";
-import { default as default4 } from "./List.mjs";
-import { default as default5 } from "./Hint.mjs";
+import { default as default2 } from "./components/Text/Text.mjs";
+import { default as default3 } from "./components/Blockquote/Blockquote.mjs";
+import { default as default4 } from "./components/List/List.mjs";
+import "./components/Text/Text.type.mjs";
+import "./components/Blockquote/Blockquote.type.mjs";
+import "./components/List/List.type.mjs";
 export {
   default3 as Blockquote,
-  default5 as Hint,
   default4 as List,
   default2 as Text
 };

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

@@ -4,7 +4,7 @@ SBlockquote {
   font-style: italic;
   font-size: var(--intergalactic-fs-400, 20px);
   line-height: var(--intergalactic-lh-400, 120%);
-  color: var(--intergalactic-text-primary, #191b23);
+  color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
 }
 
 SDoubleQuotation {
@@ -15,13 +15,13 @@ SDoubleQuotation {
   /* disable-tokens-validator */
   font-size: 68px;
   line-height: 52px;
-  color: var(--intergalactic-text-large-secondary, #a9abb6);
+  color: var(--intergalactic-text-large-secondary, oklch(0.088 0.026 147.7 / 0.583));
 }
 
 SAuthor {
   display: block;
   margin-top: var(--intergalactic-spacing-4x, 16px);
-  color: var(--intergalactic-text-secondary, #6c6e79);
+  color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
   font-style: normal;
   font-size: var(--intergalactic-fs-300, 16px);
   line-height: var(--intergalactic-lh-300, 150%);

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

@@ -23,6 +23,6 @@ SItem + SItem {
 
 SMarker {
   margin-right: var(--intergalactic-spacing-2x, 8px);
-  color: var(--intergalactic-text-secondary, #6c6e79);
+  color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
   line-height: normal;
 }

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

@@ -1,21 +1,379 @@
 SText {
   padding: 0;
   margin: 0;
+
+  &[formatTags] {
+
+    & abbr {
+      color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
+      text-decoration: underline dashed var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
+
+      &:active,
+      &:hover,
+      &:focus {
+        outline: none;
+        color: var(--intergalactic-text-hint-hover-active, oklch(0.086 0.026 145.8 / 0.605));
+        text-decoration: underline dashed var(--intergalactic-text-hint-hover-active, oklch(0.086 0.026 145.8 / 0.605));
+      }
+    }
+
+    & a {
+      display: inline;
+      background: none;
+      outline: none;
+      text-decoration: none;
+      color: var(--intergalactic-text-link, oklch(0.53 0.214 263.4));
+      border-bottom-width: 1px;
+      border-bottom-style: solid;
+      border-color: transparent;
+
+      &:active,
+      &:hover {
+        outline: none;
+        text-decoration: none;
+        color: var(--intergalactic-text-link-hover-active, oklch(0.51 0.206 263.4));
+        border-color: var(--intergalactic-text-link-hover-active, oklch(0.51 0.206 263.4));
+      }
+
+      &:focus {
+        @mixin focus-outline-mixin;
+      }
+    }
+
+    & code,
+    & pre {
+      font-family: Consolas, 'Roboto Mono', Menlo, Courier, monospace;
+    }
+
+    & blockquote {
+      position: relative;
+      /* disable-tokens-validator */
+      padding-left: 51px;
+      font-size: var(--intergalactic-fs-400, 20px);
+      line-height: var(--intergalactic-lh-400, 120%);
+      font-style: italic;
+
+      &:before {
+        content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNyIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDI3IDE5IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTguODI0MjIgMC45NDcyNjZWMi4zMDg1OUM2Ljg3NjMgMy4zMjY4MiA1LjQ4MTc3IDQuMzg5MzIgNC42NDA2MiA1LjQ5NjA5QzMuNzk5NDggNi42MDI4NiAzLjM3ODkxIDcuODA5MjQgMy4zNzg5MSA5LjExNTIzQzMuMzc4OTEgOS44ODk5NyAzLjQ4OTU4IDEwLjQyMTIgMy43MTA5NCAxMC43MDlDMy45MTAxNiAxMS4wMTg5IDQuMTUzNjUgMTEuMTczOCA0LjQ0MTQxIDExLjE3MzhDNC43MjkxNyAxMS4xNzM4IDUuMTE2NTQgMTEuMDk2NCA1LjYwMzUyIDEwLjk0MTRDNi4wOTA0OSAxMC43NjQzIDYuNTMzMiAxMC42NzU4IDYuOTMxNjQgMTAuNjc1OEM3LjgzOTE5IDEwLjY3NTggOC42MjUgMTEuMDE4OSA5LjI4OTA2IDExLjcwNTFDOS45NzUyNiAxMi4zNjkxIDEwLjMxODQgMTMuMTg4MiAxMC4zMTg0IDE0LjE2MjFDMTAuMzE4NCAxNS4yMjQ2IDkuOTA4ODUgMTYuMTQzMiA5LjA4OTg0IDE2LjkxOEM4LjI3MDgzIDE3LjY3MDYgNy4yNTI2IDE4LjA0NjkgNi4wMzUxNiAxOC4wNDY5QzQuNTUyMDggMTguMDQ2OSAzLjIxMjg5IDE3LjQwNDkgMi4wMTc1OCAxNi4xMjExQzAuODIyMjY2IDE0LjgzNzIgMC4yMjQ2MDkgMTMuMjU0NiAwLjIyNDYwOSAxMS4zNzNDMC4yMjQ2MDkgOS4xNTk1MSAwLjk1NTA3OCA3LjEwMDkxIDIuNDE2MDIgNS4xOTcyN0MzLjg5OTA5IDMuMjcxNDggNi4wMzUxNiAxLjg1NDgyIDguODI0MjIgMC45NDcyNjZaTTI0LjY2MjEgMS4wNDY4OFYyLjMwODU5QzIyLjQyNjQgMy41OTI0NSAyMC45NTQ0IDQuNzQzNDkgMjAuMjQ2MSA1Ljc2MTcyQzE5LjUzNzggNi43Nzk5NSAxOS4xODM2IDcuOTc1MjYgMTkuMTgzNiA5LjM0NzY2QzE5LjE4MzYgOS45Njc0NSAxOS4zMDUzIDEwLjQzMjMgMTkuNTQ4OCAxMC43NDIyQzE5Ljc5MjMgMTEuMDUyMSAyMC4wNDY5IDExLjIwNyAyMC4zMTI1IDExLjIwN0MyMC41NTYgMTEuMjA3IDIwLjkyMTIgMTEuMTE4NSAyMS40MDgyIDEwLjk0MTRDMjEuODk1MiAxMC43NjQzIDIyLjM4MjIgMTAuNjc1OCAyMi44NjkxIDEwLjY3NThDMjMuNzc2NyAxMC42NzU4IDI0LjU2MjUgMTEuMDA3OCAyNS4yMjY2IDExLjY3MTlDMjUuOTEyOCAxMi4zMTM4IDI2LjI1NTkgMTMuMTEwNyAyNi4yNTU5IDE0LjA2MjVDMjYuMjU1OSAxNS4xNDcxIDI1LjgyNDIgMTYuMDg3OSAyNC45NjA5IDE2Ljg4NDhDMjQuMTE5OCAxNy42ODE2IDIzLjA3OTQgMTguMDgwMSAyMS44Mzk4IDE4LjA4MDFDMjAuMzc4OSAxOC4wODAxIDE5LjA2MTggMTcuNDQ5MiAxNy44ODg3IDE2LjE4NzVDMTYuNzE1NSAxNC45MjU4IDE2LjEyODkgMTMuMzU0MiAxNi4xMjg5IDExLjQ3MjdDMTYuMTI4OSA5LjE0ODQ0IDE2Ljg3MDQgNy4wMzQ1MSAxOC4zNTM1IDUuMTMwODZDMTkuODM2NiAzLjIwNTA4IDIxLjkzOTUgMS44NDM3NSAyNC42NjIxIDEuMDQ2ODhaIiBmaWxsPSIjQTlBQkI2Ii8+Cjwvc3ZnPg==);
+        display: inline-block;
+        position: absolute;
+        left: 0;
+        color: var(--intergalactic-icon-secondary-neutral, oklch(0.104 0.023 162.3 / 0.385));
+        font-family: Georgia, Times, 'Times New Roman', serif;
+      }
+
+      & cite {
+        display: block;
+        font-style: normal;
+        margin-top: var(--intergalactic-spacing-4x, 16px);
+        color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
+        font-size: var(--intergalactic-fs-300, 16px);
+        line-height: var(--intergalactic-lh-300, 150%);
+      }
+    }
+
+    & ol:not(ol[start], ol[reversed], ol[type]),
+    & ul:not(ul[start], ul[reversed], ul[type]) {
+      margin: var(--intergalactic-spacing-2x, 8px) 0;
+      padding: 0;
+      list-style: none;
+      position: relative;
+
+      & li:not(SText) {
+        &:before {
+          position: absolute;
+          left: 0;
+          color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
+        }
+      }
+
+      & li:not(SText) + li:not(SText) {
+        margin: var(--intergalactic-spacing-2x, 8px) 0 0 0;
+      }
+    }
+
+    & ol:not(ol[start], ol[reversed], ol[type]) {
+      counter-reset: item 0;
+
+      & li:not(SText):before {
+        counter-increment: item;
+        content: counters(item, '.');
+      }
+    }
+
+    & ul:not(ul[start], ul[reversed], ul[type]) li:not(SText):before {
+      content: '';
+      background-color: var(--intergalactic-icon-primary-neutral, oklch(0.092 0.024 152.2 / 0.526));
+    }
+
+    & ol:not(ol[start], ol[reversed], ol[type]):has(+ p),
+    & ul:not(ul[start], ul[reversed], ul[type]):has(+ p) {
+      margin-bottom: var(--intergalactic-spacing-4x, 16px);
+    }
+
+    & h1 {
+      font-size: var(--intergalactic-fs-800, 48px);
+      line-height: var(--intergalactic-lh-800, 117%);
+      font-weight: var(--intergalactic-semi-bold, 600);
+      margin: 0 0 var(--intergalactic-spacing-6x, 24px) 0;
+
+      &:only-child {
+        margin-bottom: 0;
+      }
+    }
+
+    & h2 {
+      font-size: var(--intergalactic-fs-700, 36px);
+      line-height: var(--intergalactic-lh-700, 110%);
+      font-weight: var(--intergalactic-semi-bold, 600);
+      margin: 0 0 var(--intergalactic-spacing-4x, 16px) 0;
+
+      &:only-child {
+        margin-bottom: 0;
+      }
+    }
+
+    & h3 {
+      font-size: var(--intergalactic-fs-600, 32px);
+      line-height: var(--intergalactic-lh-600, 125%);
+      font-weight: var(--intergalactic-semi-bold, 600);
+      margin: 0 0 var(--intergalactic-spacing-4x, 16px) 0;
+
+      &:only-child {
+        margin-bottom: 0;
+      }
+    }
+
+    & 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;
+
+      &:only-child {
+        margin-bottom: 0;
+      }
+    }
+
+    & 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;
+
+      &:only-child {
+        margin-bottom: 0;
+      }
+    }
+
+    & 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;
+
+      &:only-child {
+        margin-bottom: 0;
+      }
+    }
+
+    & h1,
+    & h2,
+    & h3,
+    & h4,
+    & h5,
+    & h6 {
+      & small {
+        color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
+        font-weight: 300;
+        font-size: 100%;
+      }
+    }
+
+    & p,
+    & li {
+      font-size: var(--intergalactic-fs-200, 14px);
+      line-height: var(--intergalactic-lh-200, 142%);
+    }
+
+    & p {
+      margin: 0 0 var(--intergalactic-spacing-4x, 16px) 0;
+
+      &:last-child {
+        margin-bottom: 0;
+      }
+    }
+
+    & li {
+      padding-left: calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px));
+    }
+
+    & ol ol li {
+      padding-left: calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px));
+    }
+
+    & ol ol ol li {
+      padding-left: calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px));
+    }
+
+    & ul li:before {
+      width: 4px;
+      height: 4px;
+      border-radius: 50%;
+      /* disable-tokens-validator */
+      margin-top: calc(var(--intergalactic-spacing-2x, 8px) - 1px);
+      margin-left: var(--intergalactic-spacing-05x, 2px);
+    }
+  }
+}
+
+SText[ellipsis] {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: pre;
+  display: inline-block;
+  line-height: unset;
+  vertical-align: top;
+
+  &[trim='end'][isEllipsized]::after {
+    content: '';
+    display: block;
+  }
+
+  &[maxLine] {
+    -webkit-line-clamp: var(--maxLine);
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    white-space: normal;
+    overflow-wrap: break-word;
+  }
+  &[trim='middle'] {
+    text-overflow: unset;
+  }
 }
 
 SText[size='100'] {
   font-size: var(--intergalactic-fs-100, 12px);
   line-height: var(--intergalactic-lh-100, 133%);
+
+  &[formatTags] {
+    & p,
+    & li {
+      font-size: var(--intergalactic-fs-100, 12px);
+      line-height: var(--intergalactic-lh-100, 133%);
+    }
+
+    & p {
+      margin: 0 0 calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px)) 0;
+
+      &:last-child {
+        margin-bottom: 0;
+      }
+    }
+
+    & li {
+      padding-left: calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px));
+    }
+
+    & ol ol li {
+      padding-left: calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px));
+    }
+
+    & ol ol ol li {
+      padding-left: calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px));
+    }
+
+    & 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[size='200'] {
   font-size: var(--intergalactic-fs-200, 14px);
   line-height: var(--intergalactic-lh-200, 142%);
+
+  &[formatTags] {
+    & p,
+    & li {
+      font-size: var(--intergalactic-fs-200, 14px);
+      line-height: var(--intergalactic-lh-200, 142%);
+    }
+
+    & p {
+      margin: 0 0 var(--intergalactic-spacing-3x, 12px) 0;
+
+      &:last-child {
+        margin-bottom: 0;
+      }
+    }
+
+    & li {
+      padding-left: calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px));
+    }
+
+    & ol ol li {
+      padding-left: calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px));
+    }
+
+    & ol ol ol li {
+      padding-left: calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px));
+    }
+
+    & ul li:before {
+      width: 4px;
+      height: 4px;
+      border-radius: 50%;
+      /* disable-tokens-validator */
+      margin-top: calc(var(--intergalactic-spacing-2x, 8px) - 1px);
+      margin-left: var(--intergalactic-spacing-05x, 2px);
+    }
+  }
 }
 
 SText[size='300'] {
   font-size: var(--intergalactic-fs-300, 16px);
   line-height: var(--intergalactic-lh-300, 150%);
+
+  &[formatTags] {
+    & p,
+    & li {
+      font-size: var(--intergalactic-fs-300, 16px);
+      line-height: var(--intergalactic-lh-300, 150%);
+    }
+
+    & p {
+      margin: 0 0 var(--intergalactic-spacing-4x, 16px) 0;
+
+      &:last-child {
+        margin-bottom: 0;
+      }
+    }
+
+    & li {
+      padding-left: calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px));
+    }
+
+    & ol ol li {
+      padding-left: calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px));
+    }
+
+    & ol ol ol li {
+      padding-left: calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px));
+    }
+
+    & 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[size='400'] {
@@ -106,13 +464,21 @@ SText[textAlign] {
 }
 
 SText[use='primary'] {
-  color: var(--intergalactic-text-primary, #191b23);
+  color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
 }
 
 SText[use='secondary'] {
-  color: var(--intergalactic-text-secondary, #6c6e79);
+  color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
 }
 
 SText[disabled] {
-  opacity: var(--intergalactic-disabled-opacity, 0.3);
-}
+  opacity: var(--intergalactic-disabled-opacity, 0.4);
+}
+
+@media (prefers-reduced-motion) {
+  SText {
+    & a {
+      transition: none;
+    }
+  }
+}

package/lib/types/components/Blockquote/Blockquote.d.ts

@@ -0,0 +1,3 @@
+import type { NSBlockquote } from './Blockquote.type';
+declare const Blockquote: NSBlockquote.Component;
+export default Blockquote;