@semcore/typography 16.0.0-prerelease.7 → 16.0.0

package/lib/esm/Text.mjs

@@ -3,46 +3,49 @@ import { createBaseComponent, sstyled, assignProps } from "@semcore/core";
 import React from "react";
 import { Box } from "@semcore/flex-box";
 import { useColorResolver } from "@semcore/core/lib/utils/use/useColorResolver";
+/*!__reshadow-styles__:"./style/text.shadow.css"*/
 var styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SText_xpmp3_gg_{padding:0;margin:0}.___SText_xpmp3_gg_._size_100_xpmp3_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_xpmp3_gg_._size_200_xpmp3_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_xpmp3_gg_._size_300_xpmp3_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_xpmp3_gg_._size_400_xpmp3_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_xpmp3_gg_._size_500_xpmp3_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_xpmp3_gg_._size_600_xpmp3_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_xpmp3_gg_._size_700_xpmp3_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_xpmp3_gg_._size_800_xpmp3_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_xpmp3_gg_.__noWrap_xpmp3_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_xpmp3_gg_.__medium_xpmp3_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_xpmp3_gg_.__semibold_xpmp3_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_xpmp3_gg_.__bold_xpmp3_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_xpmp3_gg_.__italic_xpmp3_gg_{font-style:italic}.___SText_xpmp3_gg_.__monospace_xpmp3_gg_{font-family:Consolas,"Roboto Mono",Menlo,Courier,monospace}.___SText_xpmp3_gg_.__uppercase_xpmp3_gg_{text-transform:uppercase}.___SText_xpmp3_gg_.__lowercase_xpmp3_gg_{text-transform:lowercase}.___SText_xpmp3_gg_.__capitalize_xpmp3_gg_{text-transform:capitalize}.___SText_xpmp3_gg_.__decoration_xpmp3_gg_{-webkit-text-decoration:var(--decoration_xpmp3);text-decoration:var(--decoration_xpmp3)}.___SText_xpmp3_gg_.__color_xpmp3_gg_{color:var(--color_xpmp3)}.___SText_xpmp3_gg_.__fontSize_xpmp3_gg_{font-size:var(--fontSize_xpmp3)}.___SText_xpmp3_gg_.__lineHeight_xpmp3_gg_{line-height:var(--lineHeight_xpmp3)}.___SText_xpmp3_gg_.__fontWeight_xpmp3_gg_{font-weight:var(--fontWeight_xpmp3)}.___SText_xpmp3_gg_.__textAlign_xpmp3_gg_{text-align:var(--textAlign_xpmp3)}.___SText_xpmp3_gg_._use_primary_xpmp3_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_xpmp3_gg_._use_secondary_xpmp3_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_xpmp3_gg_.__disabled_xpmp3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}',
-    "xpmp3_gg_"
-  ), {
-    "__SText": "___SText_xpmp3_gg_",
-    "_size_100": "_size_100_xpmp3_gg_",
-    "_size_200": "_size_200_xpmp3_gg_",
-    "_size_300": "_size_300_xpmp3_gg_",
-    "_size_400": "_size_400_xpmp3_gg_",
-    "_size_500": "_size_500_xpmp3_gg_",
-    "_size_600": "_size_600_xpmp3_gg_",
-    "_size_700": "_size_700_xpmp3_gg_",
-    "_size_800": "_size_800_xpmp3_gg_",
-    "_noWrap": "__noWrap_xpmp3_gg_",
-    "_medium": "__medium_xpmp3_gg_",
-    "_semibold": "__semibold_xpmp3_gg_",
-    "_bold": "__bold_xpmp3_gg_",
-    "_italic": "__italic_xpmp3_gg_",
-    "_monospace": "__monospace_xpmp3_gg_",
-    "_uppercase": "__uppercase_xpmp3_gg_",
-    "_lowercase": "__lowercase_xpmp3_gg_",
-    "_capitalize": "__capitalize_xpmp3_gg_",
-    "_decoration": "__decoration_xpmp3_gg_",
-    "--decoration": "--decoration_xpmp3",
-    "_color": "__color_xpmp3_gg_",
-    "--color": "--color_xpmp3",
-    "_fontSize": "__fontSize_xpmp3_gg_",
-    "--fontSize": "--fontSize_xpmp3",
-    "_lineHeight": "__lineHeight_xpmp3_gg_",
-    "--lineHeight": "--lineHeight_xpmp3",
-    "_fontWeight": "__fontWeight_xpmp3_gg_",
-    "--fontWeight": "--fontWeight_xpmp3",
-    "_textAlign": "__textAlign_xpmp3_gg_",
-    "--textAlign": "--textAlign_xpmp3",
-    "_use_primary": "_use_primary_xpmp3_gg_",
-    "_use_secondary": "_use_secondary_xpmp3_gg_",
-    "_disabled": "__disabled_xpmp3_gg_"
+    '.___SText_uj024_gg_{padding:0;margin:0}.___SText_uj024_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_uj024_gg_ abbr:active,.___SText_uj024_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_uj024_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_uj024_gg_ a,.___SText_uj024_gg_ a:active{outline:0;-webkit-text-decoration:none;text-decoration:none}.___SText_uj024_gg_ a{display:inline;background:0 0;color:var(--intergalactic-text-link, #006dca);border-bottom-width:1px;border-bottom-style:solid;border-color:transparent}.___SText_uj024_gg_ a:active{color:var(--intergalactic-text-link-hover-active, #044792);border-color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SText_uj024_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_uj024_gg_ a:focus{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SText_uj024_gg_ code,.___SText_uj024_gg_ pre{font-family:Consolas,"Roboto Mono",Menlo,Courier,monospace}.___SText_uj024_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_uj024_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_uj024_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_uj024_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]),.___SText_uj024_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_uj024_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_uj024_gg_):before,.___SText_uj024_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_uj024_gg_):before{position:absolute;left:0;color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_uj024_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_uj024_gg_)+li:not(.___SText_uj024_gg_),.___SText_uj024_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_uj024_gg_)+li:not(.___SText_uj024_gg_){margin:var(--intergalactic-spacing-2x, 8px)0 0 0}.___SText_uj024_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]){counter-reset:item 0}.___SText_uj024_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_uj024_gg_):before{counter-increment:item;content:counters(item,".")}.___SText_uj024_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_uj024_gg_):before{content:"";background-color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SText_uj024_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_uj024_gg_ h1:only-child,.___SText_uj024_gg_ h2:only-child,.___SText_uj024_gg_ h3:only-child,.___SText_uj024_gg_ h4:only-child,.___SText_uj024_gg_ h5:only-child,.___SText_uj024_gg_ h6:only-child{margin-bottom:0}.___SText_uj024_gg_ h2,.___SText_uj024_gg_ h3{margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_uj024_gg_ h2{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_uj024_gg_ h3{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_uj024_gg_ h2,.___SText_uj024_gg_ h3,.___SText_uj024_gg_ h4,.___SText_uj024_gg_ h5{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_uj024_gg_ h4{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);margin:0 0 var(--intergalactic-spacing-3x, 12px)0}.___SText_uj024_gg_ h5{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);margin:0 0 var(--intergalactic-spacing-2x, 8px)0}.___SText_uj024_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_uj024_gg_ h1 small,.___SText_uj024_gg_ h2 small,.___SText_uj024_gg_ h3 small,.___SText_uj024_gg_ h4 small,.___SText_uj024_gg_ h5 small,.___SText_uj024_gg_ h6 small{color:var(--intergalactic-text-secondary, #6c6e79);font-weight:300;font-size:100%}.___SText_uj024_gg_ li,.___SText_uj024_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_uj024_gg_ p{margin:0 0 var(--intergalactic-spacing-5x, 20px)0}.___SText_uj024_gg_ p:last-child,.___SText_uj024_gg_._size_100_uj024_gg_ p:last-child,.___SText_uj024_gg_._size_200_uj024_gg_ p:last-child,.___SText_uj024_gg_._size_300_uj024_gg_ p:last-child{margin-bottom:0}.___SText_uj024_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_uj024_gg_ ol ol li,.___SText_uj024_gg_._size_100_uj024_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_uj024_gg_ ol ol ol li,.___SText_uj024_gg_._size_100_uj024_gg_ ol ol ol li,.___SText_uj024_gg_._size_200_uj024_gg_ ol ol ol li,.___SText_uj024_gg_._size_300_uj024_gg_ ol ol ol li{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SText_uj024_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_uj024_gg_._size_100_uj024_gg_,.___SText_uj024_gg_._size_100_uj024_gg_ li,.___SText_uj024_gg_._size_100_uj024_gg_ p{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_uj024_gg_._size_100_uj024_gg_ p{margin:0 0 calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_uj024_gg_._size_100_uj024_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_uj024_gg_._size_100_uj024_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_uj024_gg_._size_200_uj024_gg_,.___SText_uj024_gg_._size_200_uj024_gg_ li,.___SText_uj024_gg_._size_200_uj024_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_uj024_gg_._size_200_uj024_gg_ p{margin:0 0 var(--intergalactic-spacing-5x, 20px)0}.___SText_uj024_gg_._size_200_uj024_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_uj024_gg_._size_200_uj024_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_uj024_gg_._size_200_uj024_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_uj024_gg_._size_300_uj024_gg_,.___SText_uj024_gg_._size_300_uj024_gg_ li,.___SText_uj024_gg_._size_300_uj024_gg_ p{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_uj024_gg_._size_300_uj024_gg_ p{margin:0 0 var(--intergalactic-spacing-6x, 24px)0}.___SText_uj024_gg_._size_300_uj024_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_uj024_gg_._size_300_uj024_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_uj024_gg_._size_300_uj024_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_uj024_gg_._size_400_uj024_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_uj024_gg_._size_500_uj024_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_uj024_gg_._size_600_uj024_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_uj024_gg_._size_700_uj024_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_uj024_gg_._size_800_uj024_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_uj024_gg_.__noWrap_uj024_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_uj024_gg_.__medium_uj024_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_uj024_gg_.__semibold_uj024_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_uj024_gg_.__bold_uj024_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_uj024_gg_.__italic_uj024_gg_{font-style:italic}.___SText_uj024_gg_.__monospace_uj024_gg_{font-family:Consolas,"Roboto Mono",Menlo,Courier,monospace}.___SText_uj024_gg_.__uppercase_uj024_gg_{text-transform:uppercase}.___SText_uj024_gg_.__lowercase_uj024_gg_{text-transform:lowercase}.___SText_uj024_gg_.__capitalize_uj024_gg_{text-transform:capitalize}.___SText_uj024_gg_.__decoration_uj024_gg_{-webkit-text-decoration:var(--decoration_uj024);text-decoration:var(--decoration_uj024)}.___SText_uj024_gg_.__color_uj024_gg_{color:var(--color_uj024)}.___SText_uj024_gg_.__fontSize_uj024_gg_{font-size:var(--fontSize_uj024)}.___SText_uj024_gg_.__lineHeight_uj024_gg_{line-height:var(--lineHeight_uj024)}.___SText_uj024_gg_.__fontWeight_uj024_gg_{font-weight:var(--fontWeight_uj024)}.___SText_uj024_gg_.__textAlign_uj024_gg_{text-align:var(--textAlign_uj024)}.___SText_uj024_gg_._use_primary_uj024_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_uj024_gg_._use_secondary_uj024_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_uj024_gg_.__disabled_uj024_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}@media (prefers-reduced-motion){.___SText_uj024_gg_ a{transition:none}}',
+    /*__inner_css_end__*/
+    "uj024_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SText": "___SText_uj024_gg_",
+    "_size_400": "_size_400_uj024_gg_",
+    "_size_500": "_size_500_uj024_gg_",
+    "_size_600": "_size_600_uj024_gg_",
+    "_size_700": "_size_700_uj024_gg_",
+    "_size_800": "_size_800_uj024_gg_",
+    "_noWrap": "__noWrap_uj024_gg_",
+    "_medium": "__medium_uj024_gg_",
+    "_semibold": "__semibold_uj024_gg_",
+    "_bold": "__bold_uj024_gg_",
+    "_italic": "__italic_uj024_gg_",
+    "_monospace": "__monospace_uj024_gg_",
+    "_uppercase": "__uppercase_uj024_gg_",
+    "_lowercase": "__lowercase_uj024_gg_",
+    "_capitalize": "__capitalize_uj024_gg_",
+    "_decoration": "__decoration_uj024_gg_",
+    "--decoration": "--decoration_uj024",
+    "_color": "__color_uj024_gg_",
+    "--color": "--color_uj024",
+    "_fontSize": "__fontSize_uj024_gg_",
+    "--fontSize": "--fontSize_uj024",
+    "_lineHeight": "__lineHeight_uj024_gg_",
+    "--lineHeight": "--lineHeight_uj024",
+    "_fontWeight": "__fontWeight_uj024_gg_",
+    "--fontWeight": "--fontWeight_uj024",
+    "_textAlign": "__textAlign_uj024_gg_",
+    "--textAlign": "--textAlign_uj024",
+    "_use_primary": "_use_primary_uj024_gg_",
+    "_use_secondary": "_use_secondary_uj024_gg_",
+    "_disabled": "__disabled_uj024_gg_",
+    "_size_100": "_size_100_uj024_gg_",
+    "_size_200": "_size_200_uj024_gg_",
+    "_size_300": "_size_300_uj024_gg_"
   })
 );
 function getTextDecoration(underline, lineThrough) {

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

@@ -0,0 +1,28 @@
+SBlockquote {
+  position: relative;
+  display: flex;
+  font-style: italic;
+  font-size: var(--intergalactic-fs-400, 20px);
+  line-height: var(--intergalactic-lh-400, 120%);
+  color: var(--intergalactic-text-primary, #191b23);
+}
+
+SDoubleQuotation {
+  position: relative;
+  margin-right: var(--intergalactic-spacing-5x, 20px);
+  font-family: 'Times New Roman', serif;
+  font-style: normal;
+  /* disable-tokens-validator */
+  font-size: 68px;
+  line-height: 52px;
+  color: var(--intergalactic-text-large-secondary, #a9abb6);
+}
+
+SAuthor {
+  display: block;
+  margin-top: var(--intergalactic-spacing-4x, 16px);
+  color: var(--intergalactic-text-secondary, #6c6e79);
+  font-style: normal;
+  font-size: var(--intergalactic-fs-300, 16px);
+  line-height: var(--intergalactic-lh-300, 150%);
+}

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

@@ -0,0 +1,28 @@
+SList {
+  padding: 0;
+  margin: 0;
+  list-style-type: none;
+}
+
+SContent {
+  overflow: inherit;
+  text-overflow: inherit;
+}
+
+SList SList {
+  margin-top: var(--intergalactic-spacing-2x, 8px);
+}
+
+SItem {
+  display: flex;
+}
+
+SItem + SItem {
+  margin-top: var(--intergalactic-spacing-2x, 8px);
+}
+
+SMarker {
+  margin-right: var(--intergalactic-spacing-2x, 8px);
+  color: var(--intergalactic-text-secondary, #6c6e79);
+  line-height: normal;
+}

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

@@ -0,0 +1,447 @@
+SText {
+  padding: 0;
+  margin: 0;
+
+  & abbr {
+    color: var(--intergalactic-text-secondary, #6c6e79);
+    text-decoration: underline dashed var(--intergalactic-text-secondary, #6c6e79);
+
+    &:active,
+    &:hover,
+    &:focus {
+      outline: none;
+      color: var(--intergalactic-text-hint-hover-active, #484a54);
+      text-decoration: underline dashed var(--intergalactic-text-hint-hover-active, #484a54);
+    }
+  }
+
+  & a {
+    display: inline;
+    background: none;
+    outline: none;
+    text-decoration: none;
+    color: var(--intergalactic-text-link, #006dca);
+    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, #044792);
+      border-color: var(--intergalactic-text-link-hover-active, #044792);
+    }
+
+    &:focus {
+      outline-color: var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));
+      outline-style: solid;
+      outline-width: 3px;
+    }
+  }
+
+  & 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, #a9abb6);
+      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, #6c6e79);
+      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, #6c6e79);
+      }
+    }
+
+    & 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, #6c6e79);
+  }
+
+  & 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, #6c6e79);
+      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-5x, 20px) 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='100'] {
+  font-size: var(--intergalactic-fs-100, 12px);
+  line-height: var(--intergalactic-lh-100, 133%);
+
+  & 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%);
+
+  & p,
+  & li {
+    font-size: var(--intergalactic-fs-200, 14px);
+    line-height: var(--intergalactic-lh-200, 142%);
+  }
+
+  & p {
+    margin: 0 0 var(--intergalactic-spacing-5x, 20px) 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%);
+
+  & p,
+  & li {
+    font-size: var(--intergalactic-fs-300, 16px);
+    line-height: var(--intergalactic-lh-300, 150%);
+  }
+
+  & p {
+    margin: 0 0 var(--intergalactic-spacing-6x, 24px) 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'] {
+  font-size: var(--intergalactic-fs-400, 20px);
+  line-height: var(--intergalactic-lh-400, 120%);
+}
+
+SText[size='500'] {
+  font-size: var(--intergalactic-fs-500, 24px);
+  line-height: var(--intergalactic-lh-500, 117%);
+}
+
+SText[size='600'] {
+  font-size: var(--intergalactic-fs-600, 32px);
+  line-height: var(--intergalactic-lh-600, 125%);
+}
+
+SText[size='700'] {
+  font-size: var(--intergalactic-fs-700, 36px);
+  line-height: var(--intergalactic-lh-700, 110%);
+}
+
+SText[size='800'] {
+  font-size: var(--intergalactic-fs-800, 48px);
+  line-height: var(--intergalactic-lh-800, 117%);
+}
+
+SText[noWrap] {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+SText[medium] {
+  font-weight: var(--intergalactic-medium, 500);
+}
+
+SText[semibold] {
+  font-weight: var(--intergalactic-semi-bold, 600);
+}
+
+SText[bold] {
+  font-weight: var(--intergalactic-bold, 700);
+}
+
+SText[italic] {
+  font-style: italic;
+}
+
+SText[monospace] {
+  font-family: Consolas, 'Roboto Mono', Menlo, Courier, monospace;
+}
+
+SText[uppercase] {
+  text-transform: uppercase;
+}
+
+SText[lowercase] {
+  text-transform: lowercase;
+}
+
+SText[capitalize] {
+  text-transform: capitalize;
+}
+
+SText[decoration] {
+  text-decoration: var(--decoration);
+}
+
+SText[color] {
+  color: var(--color);
+}
+
+SText[fontSize] {
+  font-size: var(--fontSize);
+}
+
+SText[lineHeight] {
+  line-height: var(--lineHeight);
+}
+
+SText[fontWeight] {
+  font-weight: var(--fontWeight);
+}
+
+SText[textAlign] {
+  text-align: var(--textAlign);
+}
+
+SText[use='primary'] {
+  color: var(--intergalactic-text-primary, #191b23);
+}
+
+SText[use='secondary'] {
+  color: var(--intergalactic-text-secondary, #6c6e79);
+}
+
+SText[disabled] {
+  opacity: var(--intergalactic-disabled-opacity, 0.3);
+}
+
+@media (prefers-reduced-motion) {
+  SText {
+    & a {
+      transition: none;
+    }
+  }
+}

package/lib/types/index.d.ts

@@ -2,8 +2,7 @@ import React from 'react';
 import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
 
 import { Property } from 'csstype';
-import { Box, BoxProps, Flex, FlexProps } from '@semcore/flex-box';
-import { KeyboardFocusProps } from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';
+import { BoxProps, Flex, FlexProps } from '@semcore/flex-box';
 
 /** @deprecated */
 export interface ITextProps extends TextProps, UnknownProperties {}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/typography",
   "description": "Semrush Typography Component",
-  "version": "16.0.0-prerelease.7",
+  "version": "16.0.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,12 +14,12 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/flex-box": "16.0.0-prerelease.7",
-    "@semcore/icon": "16.0.0-prerelease.7",
+    "@semcore/flex-box": "16.0.0",
+    "@semcore/icon": "16.0.0",
     "csstype": "3.0.8"
   },
   "peerDependencies": {
-    "@semcore/base-components": "^16.0.0-prerelease.7"
+    "@semcore/base-components": "^16.0.0"
   },
   "repository": {
     "type": "git",