@semcore/typography 16.4.0-prerelease.3 → 16.4.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_18ujc_gg_{padding:0;margin:0}.___SText_18ujc_gg_.__formatTags_18ujc_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_18ujc_gg_.__formatTags_18ujc_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_18ujc_gg_.__formatTags_18ujc_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_18ujc_gg_.__formatTags_18ujc_gg_ abbr:active,.___SText_18ujc_gg_.__formatTags_18ujc_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_18ujc_gg_.__formatTags_18ujc_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_18ujc_gg_.__formatTags_18ujc_gg_ a{display:inline;background:0 0;outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link, rgb(35, 95, 226));border-bottom-width:1px;border-bottom-style:solid;border-color:transparent}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ a:active{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215));border-color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}@media (hover:hover){.___SText_18ujc_gg_.__formatTags_18ujc_gg_ a:hover{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215));border-color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ a:focus{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469));outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset}@supports (color:color(display-p3 0 0 0%)){.___SText_18ujc_gg_.__formatTags_18ujc_gg_ a:focus{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469))}@media (color-gamut:p3){.___SText_18ujc_gg_.__formatTags_18ujc_gg_ a:focus{outline-color:var(--intergalactic-keyboard-focus-outline, color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ code,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ pre{font-family:Consolas,"Roboto Mono",Menlo,Courier,monospace}.___SText_18ujc_gg_.__formatTags_18ujc_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_18ujc_gg_.__formatTags_18ujc_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_18ujc_gg_.__formatTags_18ujc_gg_ blockquote:before{color:var(--intergalactic-icon-secondary-neutral, rgba(0, 5, 2, 0.385))}@media (color-gamut:p3){.___SText_18ujc_gg_.__formatTags_18ujc_gg_ blockquote:before{color:var(--intergalactic-icon-secondary-neutral, color(display-p3 0.0036 0.02041 0.00996 / 0.385))}}}.___SText_18ujc_gg_.__formatTags_18ujc_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_18ujc_gg_.__formatTags_18ujc_gg_ blockquote cite{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_18ujc_gg_.__formatTags_18ujc_gg_ blockquote cite{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]),.___SText_18ujc_gg_.__formatTags_18ujc_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_18ujc_gg_.__formatTags_18ujc_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_18ujc_gg_):before,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_18ujc_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_18ujc_gg_.__formatTags_18ujc_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_18ujc_gg_):before,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_18ujc_gg_):before{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_18ujc_gg_.__formatTags_18ujc_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_18ujc_gg_):before,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_18ujc_gg_):before{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_18ujc_gg_)+li:not(.___SText_18ujc_gg_),.___SText_18ujc_gg_.__formatTags_18ujc_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_18ujc_gg_)+li:not(.___SText_18ujc_gg_){margin:var(--intergalactic-spacing-2x, 8px)0 0 0}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]){counter-reset:item 0}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_18ujc_gg_):before{counter-increment:item;content:counters(item,".")}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_18ujc_gg_):before{content:"";background-color:var(--intergalactic-icon-primary-neutral, rgba(0, 4, 1, 0.526))}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]):has(+p),.___SText_18ujc_gg_.__formatTags_18ujc_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]):has(+p){margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SText_18ujc_gg_.__formatTags_18ujc_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_18ujc_gg_.__formatTags_18ujc_gg_ h1:only-child,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h2:only-child,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h3:only-child,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h4:only-child,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h5:only-child,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h6:only-child{margin-bottom:0}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h2,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h3{font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h2{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h3{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_18ujc_gg_.__formatTags_18ujc_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_18ujc_gg_.__formatTags_18ujc_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_18ujc_gg_.__formatTags_18ujc_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_18ujc_gg_.__formatTags_18ujc_gg_ h1 small,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h2 small,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h3 small,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h4 small,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h5 small,.___SText_18ujc_gg_.__formatTags_18ujc_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_18ujc_gg_.__formatTags_18ujc_gg_ h1 small,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h2 small,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h3 small,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h4 small,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h5 small,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h6 small{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h1 small,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h2 small,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h3 small,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h4 small,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h5 small,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h6 small{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ li,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ p{margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ p:last-child,.___SText_18ujc_gg_._size_100_18ujc_gg_.__formatTags_18ujc_gg_ p:last-child,.___SText_18ujc_gg_._size_200_18ujc_gg_.__formatTags_18ujc_gg_ p:last-child,.___SText_18ujc_gg_._size_300_18ujc_gg_.__formatTags_18ujc_gg_ p:last-child{margin-bottom:0}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ ol ol li,.___SText_18ujc_gg_._size_100_18ujc_gg_.__formatTags_18ujc_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ ol ol ol li,.___SText_18ujc_gg_._size_100_18ujc_gg_.__formatTags_18ujc_gg_ ol ol ol li,.___SText_18ujc_gg_._size_200_18ujc_gg_.__formatTags_18ujc_gg_ ol ol ol li,.___SText_18ujc_gg_._size_300_18ujc_gg_.__formatTags_18ujc_gg_ ol ol ol li{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SText_18ujc_gg_.__formatTags_18ujc_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_18ujc_gg_.__ellipsis_18ujc_gg_{overflow:hidden;text-overflow:ellipsis;white-space:pre;display:inline-block;line-height:inherit;vertical-align:top}.___SText_18ujc_gg_.__ellipsis_18ujc_gg_._trim_end_18ujc_gg_.__isEllipsized_18ujc_gg_::after{content:"";display:block}.___SText_18ujc_gg_.__ellipsis_18ujc_gg_.__maxLine_18ujc_gg_{-webkit-line-clamp:var(--maxLine_18ujc);display:-webkit-box;-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word}.___SText_18ujc_gg_.__ellipsis_18ujc_gg_._trim_middle_18ujc_gg_{text-overflow:initial}.___SText_18ujc_gg_._size_100_18ujc_gg_,.___SText_18ujc_gg_._size_100_18ujc_gg_.__formatTags_18ujc_gg_ li,.___SText_18ujc_gg_._size_100_18ujc_gg_.__formatTags_18ujc_gg_ p{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_18ujc_gg_._size_100_18ujc_gg_.__formatTags_18ujc_gg_ p{margin:0 0 calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_18ujc_gg_._size_100_18ujc_gg_.__formatTags_18ujc_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_18ujc_gg_._size_100_18ujc_gg_.__formatTags_18ujc_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_18ujc_gg_._size_200_18ujc_gg_,.___SText_18ujc_gg_._size_200_18ujc_gg_.__formatTags_18ujc_gg_ li,.___SText_18ujc_gg_._size_200_18ujc_gg_.__formatTags_18ujc_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_18ujc_gg_._size_200_18ujc_gg_.__formatTags_18ujc_gg_ p{margin:0 0 var(--intergalactic-spacing-3x, 12px)0}.___SText_18ujc_gg_._size_200_18ujc_gg_.__formatTags_18ujc_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_18ujc_gg_._size_200_18ujc_gg_.__formatTags_18ujc_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_18ujc_gg_._size_200_18ujc_gg_.__formatTags_18ujc_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_18ujc_gg_._size_300_18ujc_gg_,.___SText_18ujc_gg_._size_300_18ujc_gg_.__formatTags_18ujc_gg_ li,.___SText_18ujc_gg_._size_300_18ujc_gg_.__formatTags_18ujc_gg_ p{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_18ujc_gg_._size_300_18ujc_gg_.__formatTags_18ujc_gg_ p{margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_18ujc_gg_._size_300_18ujc_gg_.__formatTags_18ujc_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_18ujc_gg_._size_300_18ujc_gg_.__formatTags_18ujc_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_18ujc_gg_._size_300_18ujc_gg_.__formatTags_18ujc_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_18ujc_gg_._size_400_18ujc_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_18ujc_gg_._size_500_18ujc_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_18ujc_gg_._size_600_18ujc_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_18ujc_gg_._size_700_18ujc_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_18ujc_gg_._size_800_18ujc_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_18ujc_gg_.__noWrap_18ujc_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_18ujc_gg_.__medium_18ujc_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_18ujc_gg_.__semibold_18ujc_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_18ujc_gg_.__bold_18ujc_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_18ujc_gg_.__italic_18ujc_gg_{font-style:italic}.___SText_18ujc_gg_.__monospace_18ujc_gg_{font-family:Consolas,"Roboto Mono",Menlo,Courier,monospace}.___SText_18ujc_gg_.__uppercase_18ujc_gg_{text-transform:uppercase}.___SText_18ujc_gg_.__lowercase_18ujc_gg_{text-transform:lowercase}.___SText_18ujc_gg_.__capitalize_18ujc_gg_{text-transform:capitalize}.___SText_18ujc_gg_.__decoration_18ujc_gg_{-webkit-text-decoration:var(--decoration_18ujc);text-decoration:var(--decoration_18ujc)}.___SText_18ujc_gg_.__color_18ujc_gg_{color:var(--color_18ujc)}.___SText_18ujc_gg_.__fontSize_18ujc_gg_{font-size:var(--fontSize_18ujc)}.___SText_18ujc_gg_.__lineHeight_18ujc_gg_{line-height:var(--lineHeight_18ujc)}.___SText_18ujc_gg_.__fontWeight_18ujc_gg_{font-weight:var(--fontWeight_18ujc)}.___SText_18ujc_gg_.__textAlign_18ujc_gg_{text-align:var(--textAlign_18ujc)}.___SText_18ujc_gg_._use_primary_18ujc_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SText_18ujc_gg_._use_secondary_18ujc_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SText_18ujc_gg_._use_secondary_18ujc_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_18ujc_gg_._use_secondary_18ujc_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_18ujc_gg_.__disabled_18ujc_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4)}@media (prefers-reduced-motion){.___SText_18ujc_gg_ a{transition:none}}',
+    /*__inner_css_end__*/
+    "18ujc_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SText": "___SText_18ujc_gg_",
+    "_size_400": "_size_400_18ujc_gg_",
+    "_size_500": "_size_500_18ujc_gg_",
+    "_size_600": "_size_600_18ujc_gg_",
+    "_size_700": "_size_700_18ujc_gg_",
+    "_size_800": "_size_800_18ujc_gg_",
+    "_noWrap": "__noWrap_18ujc_gg_",
+    "_medium": "__medium_18ujc_gg_",
+    "_semibold": "__semibold_18ujc_gg_",
+    "_bold": "__bold_18ujc_gg_",
+    "_italic": "__italic_18ujc_gg_",
+    "_monospace": "__monospace_18ujc_gg_",
+    "_uppercase": "__uppercase_18ujc_gg_",
+    "_lowercase": "__lowercase_18ujc_gg_",
+    "_capitalize": "__capitalize_18ujc_gg_",
+    "_decoration": "__decoration_18ujc_gg_",
+    "--decoration": "--decoration_18ujc",
+    "_color": "__color_18ujc_gg_",
+    "--color": "--color_18ujc",
+    "_fontSize": "__fontSize_18ujc_gg_",
+    "--fontSize": "--fontSize_18ujc",
+    "_lineHeight": "__lineHeight_18ujc_gg_",
+    "--lineHeight": "--lineHeight_18ujc",
+    "_fontWeight": "__fontWeight_18ujc_gg_",
+    "--fontWeight": "--fontWeight_18ujc",
+    "_textAlign": "__textAlign_18ujc_gg_",
+    "--textAlign": "--textAlign_18ujc",
+    "_use_primary": "_use_primary_18ujc_gg_",
+    "_use_secondary": "_use_secondary_18ujc_gg_",
+    "_disabled": "__disabled_18ujc_gg_",
+    "_formatTags": "__formatTags_18ujc_gg_",
+    "_ellipsis": "__ellipsis_18ujc_gg_",
+    "_trim_end": "_trim_end_18ujc_gg_",
+    "_isEllipsized": "__isEllipsized_18ujc_gg_",
+    "_maxLine": "__maxLine_18ujc_gg_",
+    "--maxLine": "--maxLine_18ujc",
+    "_trim_middle": "_trim_middle_18ujc_gg_",
+    "_size_100": "_size_100_18ujc_gg_",
+    "_size_200": "_size_200_18ujc_gg_",
+    "_size_300": "_size_300_18ujc_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,6 +1,9 @@
-import { default as default2 } from "./Text.mjs";
-import { default as default3 } from "./Blockquote.mjs";
-import { default as default4 } from "./List.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,
   default4 as List,

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

@@ -106,6 +106,11 @@ SText {
       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%);
@@ -192,7 +197,7 @@ SText {
     }
 
     & p {
-      margin: 0 0 var(--intergalactic-spacing-5x, 20px) 0;
+      margin: 0 0 var(--intergalactic-spacing-4x, 16px) 0;
 
       &:last-child {
         margin-bottom: 0;
@@ -222,6 +227,31 @@ SText {
   }
 }
 
+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%);
@@ -275,7 +305,7 @@ SText[size='200'] {
     }
 
     & p {
-      margin: 0 0 var(--intergalactic-spacing-5x, 20px) 0;
+      margin: 0 0 var(--intergalactic-spacing-3x, 12px) 0;
 
       &:last-child {
         margin-bottom: 0;
@@ -317,7 +347,7 @@ SText[size='300'] {
     }
 
     & p {
-      margin: 0 0 var(--intergalactic-spacing-6x, 24px) 0;
+      margin: 0 0 var(--intergalactic-spacing-4x, 16px) 0;
 
       &:last-child {
         margin-bottom: 0;

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

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

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

@@ -0,0 +1,12 @@
+import type { BoxProps } from '@semcore/base-components';
+import type { Intergalactic } from '@semcore/core';
+declare namespace NSBlockquote {
+    type Props = BoxProps & {
+        /** Source of the quote */
+        author?: React.ReactNode;
+    };
+    type Component = Intergalactic.Component<'blockquote', Props>;
+}
+/** @deprecated It will be removed in v18. */
+export type BlockquoteProps = NSBlockquote.Props;
+export type { NSBlockquote };

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

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

package/lib/types/components/List/List.type.d.ts

@@ -0,0 +1,34 @@
+import type { Flex, FlexProps } from '@semcore/base-components';
+import type { Intergalactic } from '@semcore/core';
+import type React from 'react';
+import type { NSText } from '../Text/Text.type';
+declare namespace NSList {
+    type Props = NSText.Props & {
+        /** Marker of the entire list
+         * @default • */
+        marker?: React.ReactNode;
+    };
+    namespace Item {
+        type Props = NSText.Props & {
+            /** Individual marker of a list item */
+            marker?: React.ReactNode;
+        };
+        namespace Content {
+            type Props = FlexProps;
+            type Component = Intergalactic.Component<typeof Flex, Props>;
+        }
+        type Component = Intergalactic.Component<'li', Props> & {
+            Content: Content.Component;
+        };
+    }
+    type Component = Intergalactic.Component<'ul', Props> & {
+        Item: Item.Component;
+    };
+}
+/** @deprecated It will be removed in v18. */
+export type ListItemProps = NSList.Item.Props;
+/** @deprecated It will be removed in v18. */
+export type ListItemContentProps = NSList.Item.Content.Props;
+/** @deprecated It will be removed in v18. */
+export type ListProps = NSList.Props;
+export type { NSList };

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

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

package/lib/types/components/Text/Text.type.d.ts

@@ -0,0 +1,82 @@
+import type { BoxProps, EllipsisSettings, SimpleHintPopperProps, Ellipsis as EllipsisInstance } from '@semcore/base-components';
+import type { Intergalactic } from '@semcore/core';
+import type { Property } from 'csstype';
+declare namespace NSText {
+    type BaseProps = {
+        /** Font size and line-heights */
+        size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;
+        /**
+         * The text will not be wrapped on a new line and will be cut off with ellipsis
+         * @deprecated use ellipsis prop instead
+         **/
+        noWrap?: boolean;
+        /** CSS property `font-weight: 700;` */
+        bold?: boolean;
+        /** CSS property `font-weight: 600;` */
+        semibold?: boolean;
+        /** CSS property `font-weight: 500;` */
+        medium?: boolean;
+        /** Italicized text */
+        italic?: boolean;
+        /** Underlined text */
+        underline?: boolean;
+        /** CSS property `font-family: monospace;` */
+        monospace?: boolean;
+        /** Strikethrough text */
+        lineThrough?: boolean;
+        /** Uppercase text */
+        uppercase?: boolean;
+        /** Lowercase text */
+        lowercase?: boolean;
+        /** Capitalized text */
+        capitalize?: boolean;
+        /** Text color **/
+        color?: string;
+        /** Custom `font-size` */
+        fontSize?: Property.FontSize<any>;
+        /** Custom `line-height` */
+        lineHeight?: Property.LineHeight<any>;
+        /** Custom `font-weight` */
+        fontWeight?: Property.FontWeight;
+        /** Text alignment */
+        textAlign?: Property.TextAlign;
+        /** Enforces text color */
+        use?: 'primary' | 'secondary';
+        /** Makes text semi-transparent to indicate disabled state */
+        disabled?: boolean;
+    };
+    type HintProps = {
+        /** Manually enabled/disabled Hint */
+        hint?: boolean;
+    } & {
+        [K in keyof SimpleHintPopperProps as `hint:${string & K}`]?: SimpleHintPopperProps[K];
+    };
+    type EllipsisProps = {
+        /** Manually enabled/disabled Ellipsis or provide an instance of it. */
+        ellipsis?: boolean | EllipsisInstance;
+    } & {
+        [K in keyof EllipsisSettings as `ellipsis:${string & K}`]?: EllipsisSettings[K];
+    };
+    type Props = BoxProps & NSText.BaseProps & ({
+        /** 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;
+    } & NSText.HintProps & NSText.EllipsisProps));
+    type Component = Intergalactic.Component<'span', Props>;
+}
+/** @deprecated It will be removed in v18. */
+export type TextHintProps = NSText.HintProps;
+/** @deprecated It will be removed in v18. */
+export type TextEllipsisProps = NSText.EllipsisProps;
+/** @deprecated It will be removed in v18. */
+export type BaseTextProps = NSText.BaseProps;
+/** @deprecated It will be removed in v18. */
+export type TextProps = NSText.Props;
+/** @deprecated It will be removed in v18. */
+export type TextComponent = NSText.Component;
+export type { NSText };

package/lib/types/index.d.ts

@@ -1,93 +1,6 @@
-import type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
-import type { BoxProps, Flex, FlexProps } from '@semcore/flex-box';
-import type { Property } from 'csstype';
-import type React from 'react';
-
-/** @deprecated */
-export interface ITextProps extends TextProps, UnknownProperties {}
-export type TextProps = BoxProps & {
-  /** Font size and line-heights */
-  size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;
-  /** The text will not be wrapped on a new line and will be cut off with ellipsis */
-  noWrap?: boolean;
-  /** CSS property `font-weight: 700;` */
-  bold?: boolean;
-  /** CSS property `font-weight: 600;` */
-  semibold?: boolean;
-  /** CSS property `font-weight: 500;` */
-  medium?: boolean;
-  /** Italicized text */
-  italic?: boolean;
-  /** Underlined text */
-  underline?: boolean;
-  /** CSS property `font-family: monospace;` */
-  monospace?: boolean;
-  /** Strikethrough text */
-  lineThrough?: boolean;
-  /** Uppercase text */
-  uppercase?: boolean;
-  /** Lowercase text */
-  lowercase?: boolean;
-  /** Capitalized text */
-  capitalize?: boolean;
-  /** Text color **/
-  color?: string;
-  /** Custom `font-size` */
-  fontSize?: Property.FontSize<any>;
-  /** Custom `line-height` */
-  lineHeight?: Property.LineHeight<any>;
-  /** Custom `font-weight` */
-  fontWeight?: Property.FontWeight;
-  /** Text alignment */
-  textAlign?: Property.TextAlign;
-  /** Enforces text color */
-  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;
-};
-
-/** @deprecated */
-export interface IListProps extends ListProps, UnknownProperties {}
-export type ListProps = TextProps & {
-  /** Marker of the entire list
-   * @default • */
-  marker?: React.ReactNode;
-};
-
-/** @deprecated */
-export interface IListItemProps extends ListItemProps, UnknownProperties {}
-export type ListItemProps = TextProps & {
-  /** Individual marker of a list item */
-  marker?: React.ReactNode;
-};
-
-export type ListItemContentProps = FlexProps;
-
-/** @deprecated */
-export interface IListContext extends ListContext, UnknownProperties {}
-export type ListContext = {
-  getItemProps: PropGetterFn;
-};
-
-/** @deprecated */
-export interface IBlockquoteProps extends BlockquoteProps, UnknownProperties {}
-export type BlockquoteProps = BoxProps & {
-  /** Source of the quote */
-  author?: React.ReactNode;
-};
-
-declare const Item: Intergalactic.Component<'li', ListItemProps> & {
-  Content: Intergalactic.Component<typeof Flex, ListItemContentProps>;
-};
-
-declare const List: Intergalactic.Component<'ul', ListProps> & {
-  Item: typeof Item;
-};
-
-declare const Text: Intergalactic.Component<'span', TextProps>;
-
-declare const Blockquote: Intergalactic.Component<'blockquote', BlockquoteProps>;
-
-export { Text, List, Blockquote };
+export { default as Text } from './components/Text/Text';
+export { default as Blockquote } from './components/Blockquote/Blockquote';
+export { default as List } from './components/List/List';
+export * from './components/Text/Text.type';
+export * from './components/Blockquote/Blockquote.type';
+export * from './components/List/List.type';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/typography",
   "description": "Semrush Typography Component",
-  "version": "16.4.0-prerelease.3",
+  "version": "16.4.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,11 +14,11 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/flex-box": "16.1.0-prerelease.3",
-    "@semcore/icon": "16.8.0-prerelease.3"
+    "@semcore/flex-box": "16.1.0",
+    "@semcore/icon": "16.8.0"
   },
   "peerDependencies": {
-    "@semcore/base-components": "^16.6.0-prerelease.3"
+    "@semcore/base-components": "^16.6.0"
   },
   "repository": {
     "type": "git",
@@ -27,8 +27,8 @@
   },
   "devDependencies": {
     "csstype": "3.1.3",
-    "@semcore/core": "16.6.0-prerelease.3",
-    "@semcore/testing-utils": "1.0.0"
+    "@semcore/testing-utils": "1.0.0",
+    "@semcore/core": "16.6.0"
   },
   "scripts": {
     "build": "pnpm semcore-builder --source=js && pnpm vite build"

package/lib/cjs/Blockquote.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Blockquote.js","names":["_core","require","_isNode","_interopRequireDefault","_flexBox","_react","styles","sstyled","insert","Blockquote","props","ref","_ref","arguments[0]","_ref2","SBlockquote","Box","SDoubleQuotation","SAuthor","children","author","createElement","cn","_objectSpread2","assignProps","isNode","displayName","_default","exports","createBaseComponent"],"sources":["../../src/Blockquote.jsx"],"sourcesContent":["import { createBaseComponent, Root, sstyled } from '@semcore/core';\nimport isNode from '@semcore/core/lib/utils/isNode';\nimport { Box } from '@semcore/flex-box';\nimport React from 'react';\n\nimport styles from './style/blockquote.shadow.css';\n\nfunction Blockquote(props, ref) {\n  const SBlockquote = Root;\n  const SDoubleQuotation = 'span';\n  const SAuthor = 'cite';\n  const { children, author } = props;\n\n  return sstyled(styles)(\n    <SBlockquote render={Box} tag='blockquote' ref={ref}>\n      <SDoubleQuotation>“</SDoubleQuotation>\n      <span>\n        {children}\n        {isNode(author) && <SAuthor>{author}</SAuthor>}\n      </span>\n    </SBlockquote>,\n  );\n}\n\nBlockquote.displayName = 'Blockquote';\n\nexport default createBaseComponent(Blockquote);\n"],"mappings":";;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAF,sBAAA,CAAAF,OAAA;AAA0B;AAAA,IAAAK,MAAA,8BAAAN,KAAA,CAAAO,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;AAAA;AAI1B,SAASC,UAAUA,CAACC,KAAK,EAAEC,GAAG,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC9B,IAAMC,WAAW,GAMMC,YAAG;EAL1B,IAAMC,gBAAgB,GAAG,MAAM;EAC/B,IAAMC,OAAO,GAAG,MAAM;EACtB,IAAQC,QAAQ,GAAaT,KAAK,CAA1BS,QAAQ;IAAEC,MAAM,GAAKV,KAAK,CAAhBU,MAAM;EAExB,OAAAN,KAAA,GAAO,IAAAP,aAAO,EAACD,MAAM,CAAC,eACpBD,MAAA,YAAAgB,aAAA,CAACN,WAAW,EAAAD,KAAA,CAAAQ,EAAA,oBAAAC,cAAA,qBAAAvB,KAAA,CAAAwB,WAAA;IAAA,OAAkB,YAAY;IAAA,OAAMb;EAAG,GAAAC,IAAA,kBACjDP,MAAA,YAAAgB,aAAA,CAACJ,gBAAgB,EAAAH,KAAA,CAAAQ,EAAA,0BAAC,QAAmB,CAAC,eACtCjB,MAAA,YAAAgB,aAAA,SAAAP,KAAA,CAAAQ,EAAA,cACGH,QAAQ,EACR,IAAAM,kBAAM,EAACL,MAAM,CAAC,iBAAIf,MAAA,YAAAgB,aAAA,CAACH,OAAO,EAAAJ,KAAA,CAAAQ,EAAA,iBAAEF,MAAgB,CACzC,CACK,CAAC;AAElB;AAEAX,UAAU,CAACiB,WAAW,GAAG,YAAY;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEvB,IAAAC,yBAAmB,EAACpB,UAAU,CAAC","ignoreList":[]}

package/lib/cjs/List.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"List.js","names":["_core","require","_findComponent","_isNode","_interopRequireDefault","_flexBox","_react","_Text","style","sstyled","insert","ListRoot","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","getItemProps","marker","asProps","render","_ref","_ref4","SList","Text","styles","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","ItemRoot","_Component2","_ref2","_ref5","SItem","_this$asProps","children","markerNode","Children","SMarker","SContent","isAdvancedMode","isAdvanceMode","List","Item","Content","displayName","isNode","props","_ref3","arguments[0]","_ref6","Flex","createComponent","_default","exports"],"sources":["../../src/List.jsx"],"sourcesContent":["import { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport isNode from '@semcore/core/lib/utils/isNode';\nimport { Flex } from '@semcore/flex-box';\nimport React from 'react';\n\nimport style from './style/list.shadow.css';\nimport Text from './Text';\n\nclass ListRoot extends Component {\n  static displayName = 'List';\n  static style = style;\n  static defaultProps = {\n    marker: '•',\n  };\n\n  getItemProps() {\n    const { marker } = this.asProps;\n    return {\n      marker,\n    };\n  }\n\n  render() {\n    const SList = Root;\n    const { styles } = this.asProps;\n    return sstyled(styles)(<SList render={Text} tag='ul' />);\n  }\n}\n\nclass ItemRoot extends Component {\n  static style = style;\n  static displayName = 'Item';\n\n  render() {\n    const SItem = Root;\n    const { styles, children, marker: markerNode, Children } = this.asProps;\n    const SMarker = 'span';\n    const SContent = 'div';\n\n    const isAdvancedMode = isAdvanceMode(Children, [List.Item.Content.displayName]);\n\n    return sstyled(styles)(\n      <SItem render={Text} tag='li'>\n        {isNode(markerNode) && <SMarker aria-hidden='true'>{markerNode}</SMarker>}\n        {isAdvancedMode ? <Children /> : <SContent>{children}</SContent>}\n      </SItem>,\n    );\n  }\n}\n\nfunction Content(props) {\n  const { styles, children } = props;\n  const SContent = Root;\n\n  return sstyled(styles)(<SContent render={Flex}>{children}</SContent>);\n}\n\nContent.displayName = 'Content';\n\nconst Item = createComponent(ItemRoot, { Content });\n\nconst List = createComponent(ListRoot, { Item });\n\nexport default List;\n"],"mappings":"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","ignoreList":[]}