@semcore/typography 16.3.3-prerelease.9 → 16.4.0-prerelease.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/es6/Text.js CHANGED
@@ -1,147 +1,74 @@
1
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
1
+ import _objectSpread from "@babel/runtime/helpers/objectSpread2";
2
2
  import { sstyled as _sstyled } from "@semcore/core";
3
3
  import { assignProps as _assignProps } from "@semcore/core";
4
- import { Ellipsis, Hint, Box } from '@semcore/base-components';
5
- import { Root, sstyled, Component, createComponent } from '@semcore/core';
6
- import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';
4
+ import { createBaseComponent, Root, sstyled } from '@semcore/core';
5
+ import { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';
6
+ import { Box } from '@semcore/flex-box';
7
7
  import React from 'react';
8
8
  /*!__reshadow-styles__:"./style/text.shadow.css"*/
9
- const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SText_grvyh_gg_{padding:0;margin:0}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ abbr{color:var(--intergalactic-text-secondary, #6c6e79);-webkit-text-decoration:underline dashed var(--intergalactic-text-secondary, #6c6e79);text-decoration:underline dashed var(--intergalactic-text-secondary, #6c6e79)}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ abbr:active,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ abbr:focus{outline:0;color:var(--intergalactic-text-hint-hover-active, #484a54);-webkit-text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, #484a54);text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SText_grvyh_gg_.__formatTags_grvyh_gg_ abbr:hover{outline:0;color:var(--intergalactic-text-hint-hover-active, #484a54);-webkit-text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, #484a54);text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, #484a54)}}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ a{display:inline;background:0 0;outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link, #006dca);border-bottom-width:1px;border-bottom-style:solid;border-color:transparent}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ a:active{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link-hover-active, #044792);border-color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SText_grvyh_gg_.__formatTags_grvyh_gg_ a:hover{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link-hover-active, #044792);border-color:var(--intergalactic-text-link-hover-active, #044792)}}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ a:focus{outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ code,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ pre{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ blockquote{position:relative;padding-left:51px;font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);font-style:italic}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ blockquote:before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNyIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDI3IDE5IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTguODI0MjIgMC45NDcyNjZWMi4zMDg1OUM2Ljg3NjMgMy4zMjY4MiA1LjQ4MTc3IDQuMzg5MzIgNC42NDA2MiA1LjQ5NjA5QzMuNzk5NDggNi42MDI4NiAzLjM3ODkxIDcuODA5MjQgMy4zNzg5MSA5LjExNTIzQzMuMzc4OTEgOS44ODk5NyAzLjQ4OTU4IDEwLjQyMTIgMy43MTA5NCAxMC43MDlDMy45MTAxNiAxMS4wMTg5IDQuMTUzNjUgMTEuMTczOCA0LjQ0MTQxIDExLjE3MzhDNC43MjkxNyAxMS4xNzM4IDUuMTE2NTQgMTEuMDk2NCA1LjYwMzUyIDEwLjk0MTRDNi4wOTA0OSAxMC43NjQzIDYuNTMzMiAxMC42NzU4IDYuOTMxNjQgMTAuNjc1OEM3LjgzOTE5IDEwLjY3NTggOC42MjUgMTEuMDE4OSA5LjI4OTA2IDExLjcwNTFDOS45NzUyNiAxMi4zNjkxIDEwLjMxODQgMTMuMTg4MiAxMC4zMTg0IDE0LjE2MjFDMTAuMzE4NCAxNS4yMjQ2IDkuOTA4ODUgMTYuMTQzMiA5LjA4OTg0IDE2LjkxOEM4LjI3MDgzIDE3LjY3MDYgNy4yNTI2IDE4LjA0NjkgNi4wMzUxNiAxOC4wNDY5QzQuNTUyMDggMTguMDQ2OSAzLjIxMjg5IDE3LjQwNDkgMi4wMTc1OCAxNi4xMjExQzAuODIyMjY2IDE0LjgzNzIgMC4yMjQ2MDkgMTMuMjU0NiAwLjIyNDYwOSAxMS4zNzNDMC4yMjQ2MDkgOS4xNTk1MSAwLjk1NTA3OCA3LjEwMDkxIDIuNDE2MDIgNS4xOTcyN0MzLjg5OTA5IDMuMjcxNDggNi4wMzUxNiAxLjg1NDgyIDguODI0MjIgMC45NDcyNjZaTTI0LjY2MjEgMS4wNDY4OFYyLjMwODU5QzIyLjQyNjQgMy41OTI0NSAyMC45NTQ0IDQuNzQzNDkgMjAuMjQ2MSA1Ljc2MTcyQzE5LjUzNzggNi43Nzk5NSAxOS4xODM2IDcuOTc1MjYgMTkuMTgzNiA5LjM0NzY2QzE5LjE4MzYgOS45Njc0NSAxOS4zMDUzIDEwLjQzMjMgMTkuNTQ4OCAxMC43NDIyQzE5Ljc5MjMgMTEuMDUyMSAyMC4wNDY5IDExLjIwNyAyMC4zMTI1IDExLjIwN0MyMC41NTYgMTEuMjA3IDIwLjkyMTIgMTEuMTE4NSAyMS40MDgyIDEwLjk0MTRDMjEuODk1MiAxMC43NjQzIDIyLjM4MjIgMTAuNjc1OCAyMi44NjkxIDEwLjY3NThDMjMuNzc2NyAxMC42NzU4IDI0LjU2MjUgMTEuMDA3OCAyNS4yMjY2IDExLjY3MTlDMjUuOTEyOCAxMi4zMTM4IDI2LjI1NTkgMTMuMTEwNyAyNi4yNTU5IDE0LjA2MjVDMjYuMjU1OSAxNS4xNDcxIDI1LjgyNDIgMTYuMDg3OSAyNC45NjA5IDE2Ljg4NDhDMjQuMTE5OCAxNy42ODE2IDIzLjA3OTQgMTguMDgwMSAyMS44Mzk4IDE4LjA4MDFDMjAuMzc4OSAxOC4wODAxIDE5LjA2MTggMTcuNDQ5MiAxNy44ODg3IDE2LjE4NzVDMTYuNzE1NSAxNC45MjU4IDE2LjEyODkgMTMuMzU0MiAxNi4xMjg5IDExLjQ3MjdDMTYuMTI4OSA5LjE0ODQ0IDE2Ljg3MDQgNy4wMzQ1MSAxOC4zNTM1IDUuMTMwODZDMTkuODM2NiAzLjIwNTA4IDIxLjkzOTUgMS44NDM3NSAyNC42NjIxIDEuMDQ2ODhaIiBmaWxsPSIjQTlBQkI2Ii8+Cjwvc3ZnPg==);display:inline-block;position:absolute;left:0;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);font-family:Georgia,Times,\"Times New Roman\",serif}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ blockquote cite{display:block;font-style:normal;margin-top:var(--intergalactic-spacing-4x, 16px);color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]),.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]){margin:var(--intergalactic-spacing-2x, 8px)0;padding:0;list-style:none;position:relative}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_grvyh_gg_):before,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_grvyh_gg_):before{position:absolute;left:0;color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_grvyh_gg_)+li:not(.___SText_grvyh_gg_),.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_grvyh_gg_)+li:not(.___SText_grvyh_gg_){margin:var(--intergalactic-spacing-2x, 8px)0 0 0}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]){counter-reset:item 0}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_grvyh_gg_):before{counter-increment:item;content:counters(item,\".\")}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_grvyh_gg_):before{content:\"\";background-color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]):has(+p),.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]):has(+p){margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h1{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-6x, 24px)0}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h1:only-child,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h2:only-child,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h3:only-child,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h4:only-child,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h5:only-child,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h6:only-child{margin-bottom:0}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h2{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%);font-weight:var(--intergalactic-semi-bold, 600)}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h3{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%);font-weight:var(--intergalactic-semi-bold, 600)}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h4{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-3x, 12px)0}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h5{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-2x, 8px)0}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h6{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);margin:0 0 var(--intergalactic-spacing-1x, 4px)0}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h1 small,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h2 small,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h3 small,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h4 small,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h5 small,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h6 small{color:var(--intergalactic-text-secondary, #6c6e79);font-weight:300;font-size:100%}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ li,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h2,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ h3,.___SText_grvyh_gg_.__formatTags_grvyh_gg_ p{margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ p:last-child,.___SText_grvyh_gg_._size_100_grvyh_gg_.__formatTags_grvyh_gg_ p:last-child,.___SText_grvyh_gg_._size_200_grvyh_gg_.__formatTags_grvyh_gg_ p:last-child,.___SText_grvyh_gg_._size_300_grvyh_gg_.__formatTags_grvyh_gg_ p:last-child{margin-bottom:0}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ol ol li,.___SText_grvyh_gg_._size_100_grvyh_gg_.__formatTags_grvyh_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ol ol ol li,.___SText_grvyh_gg_._size_100_grvyh_gg_.__formatTags_grvyh_gg_ ol ol ol li,.___SText_grvyh_gg_._size_200_grvyh_gg_.__formatTags_grvyh_gg_ ol ol ol li,.___SText_grvyh_gg_._size_300_grvyh_gg_.__formatTags_grvyh_gg_ ol ol ol li{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SText_grvyh_gg_.__formatTags_grvyh_gg_ ul li:before{width:4px;height:4px;border-radius:50%;margin-top:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-left:var(--intergalactic-spacing-05x, 2px)}.___SText_grvyh_gg_.__ellipsis_grvyh_gg_{overflow:hidden;text-overflow:ellipsis;white-space:pre;display:inline-block}.___SText_grvyh_gg_.__ellipsis_grvyh_gg_._trim_end_grvyh_gg_::after{content:\"\";display:block}.___SText_grvyh_gg_.__ellipsis_grvyh_gg_.__maxLine_grvyh_gg_{-webkit-line-clamp:var(--maxLine_grvyh);display:-webkit-box;-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word}.___SText_grvyh_gg_.__ellipsis_grvyh_gg_._trim_middle_grvyh_gg_{text-overflow:initial}.___SText_grvyh_gg_._size_100_grvyh_gg_,.___SText_grvyh_gg_._size_100_grvyh_gg_.__formatTags_grvyh_gg_ li,.___SText_grvyh_gg_._size_100_grvyh_gg_.__formatTags_grvyh_gg_ p{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_grvyh_gg_._size_100_grvyh_gg_.__formatTags_grvyh_gg_ p{margin:0 0 calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_grvyh_gg_._size_100_grvyh_gg_.__formatTags_grvyh_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_grvyh_gg_._size_100_grvyh_gg_.__formatTags_grvyh_gg_ ul li:before{width:3px;height:3px;border-radius:50%;margin-top:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-05x, 2px)}.___SText_grvyh_gg_._size_200_grvyh_gg_,.___SText_grvyh_gg_._size_200_grvyh_gg_.__formatTags_grvyh_gg_ li,.___SText_grvyh_gg_._size_200_grvyh_gg_.__formatTags_grvyh_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_grvyh_gg_._size_200_grvyh_gg_.__formatTags_grvyh_gg_ p{margin:0 0 var(--intergalactic-spacing-3x, 12px)0}.___SText_grvyh_gg_._size_200_grvyh_gg_.__formatTags_grvyh_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_grvyh_gg_._size_200_grvyh_gg_.__formatTags_grvyh_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_grvyh_gg_._size_200_grvyh_gg_.__formatTags_grvyh_gg_ ul li:before{width:4px;height:4px;border-radius:50%;margin-top:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-left:var(--intergalactic-spacing-05x, 2px)}.___SText_grvyh_gg_._size_300_grvyh_gg_,.___SText_grvyh_gg_._size_300_grvyh_gg_.__formatTags_grvyh_gg_ li,.___SText_grvyh_gg_._size_300_grvyh_gg_.__formatTags_grvyh_gg_ p{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_grvyh_gg_._size_300_grvyh_gg_.__formatTags_grvyh_gg_ p{margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_grvyh_gg_._size_300_grvyh_gg_.__formatTags_grvyh_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_grvyh_gg_._size_300_grvyh_gg_.__formatTags_grvyh_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_grvyh_gg_._size_300_grvyh_gg_.__formatTags_grvyh_gg_ ul li:before{width:5px;height:5px;border-radius:50%;margin-top:calc(var(--intergalactic-spacing-2x, 8px) + var(--intergalactic-spacing-05x, 2px));margin-left:var(--intergalactic-spacing-05x, 2px)}.___SText_grvyh_gg_._size_400_grvyh_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_grvyh_gg_._size_500_grvyh_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_grvyh_gg_._size_600_grvyh_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_grvyh_gg_._size_700_grvyh_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_grvyh_gg_._size_800_grvyh_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_grvyh_gg_.__noWrap_grvyh_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_grvyh_gg_.__medium_grvyh_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_grvyh_gg_.__semibold_grvyh_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_grvyh_gg_.__bold_grvyh_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_grvyh_gg_.__italic_grvyh_gg_{font-style:italic}.___SText_grvyh_gg_.__monospace_grvyh_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_grvyh_gg_.__uppercase_grvyh_gg_{text-transform:uppercase}.___SText_grvyh_gg_.__lowercase_grvyh_gg_{text-transform:lowercase}.___SText_grvyh_gg_.__capitalize_grvyh_gg_{text-transform:capitalize}.___SText_grvyh_gg_.__decoration_grvyh_gg_{-webkit-text-decoration:var(--decoration_grvyh);text-decoration:var(--decoration_grvyh)}.___SText_grvyh_gg_.__color_grvyh_gg_{color:var(--color_grvyh)}.___SText_grvyh_gg_.__fontSize_grvyh_gg_{font-size:var(--fontSize_grvyh)}.___SText_grvyh_gg_.__lineHeight_grvyh_gg_{line-height:var(--lineHeight_grvyh)}.___SText_grvyh_gg_.__fontWeight_grvyh_gg_{font-weight:var(--fontWeight_grvyh)}.___SText_grvyh_gg_.__textAlign_grvyh_gg_{text-align:var(--textAlign_grvyh)}.___SText_grvyh_gg_._use_primary_grvyh_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_grvyh_gg_._use_secondary_grvyh_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_grvyh_gg_.__disabled_grvyh_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}@media (prefers-reduced-motion){.___SText_grvyh_gg_ a{transition:none}}", /*__inner_css_end__*/"grvyh_gg_"),
9
+ var styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SText_70bzx_gg_{padding:0;margin:0}.___SText_70bzx_gg_.__formatTags_70bzx_gg_ abbr{color: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_70bzx_gg_.__formatTags_70bzx_gg_ abbr{color: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_70bzx_gg_.__formatTags_70bzx_gg_ abbr{color: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_70bzx_gg_.__formatTags_70bzx_gg_ abbr:active,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ abbr:focus{outline:0;color: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_70bzx_gg_.__formatTags_70bzx_gg_ abbr:hover{outline:0;color: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_70bzx_gg_.__formatTags_70bzx_gg_ a{display:inline;background:0 0;outline:0;text-decoration:none;color:var(--intergalactic-text-link, rgb(35, 95, 226));border-bottom-width:1px;border-bottom-style:solid;border-color:transparent}.___SText_70bzx_gg_.__formatTags_70bzx_gg_ a:active{outline:0;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_70bzx_gg_.__formatTags_70bzx_gg_ a:hover{outline:0;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_70bzx_gg_.__formatTags_70bzx_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_70bzx_gg_.__formatTags_70bzx_gg_ code,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ pre{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_70bzx_gg_.__formatTags_70bzx_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_70bzx_gg_.__formatTags_70bzx_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_70bzx_gg_.__formatTags_70bzx_gg_ blockquote:before{color:var(--intergalactic-icon-secondary-neutral, rgba(0, 5, 2, 0.385))}@media (color-gamut:p3){.___SText_70bzx_gg_.__formatTags_70bzx_gg_ blockquote:before{color:var(--intergalactic-icon-secondary-neutral, color(display-p3 0.0036 0.02041 0.00996 / 0.385))}}}.___SText_70bzx_gg_.__formatTags_70bzx_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_70bzx_gg_.__formatTags_70bzx_gg_ blockquote cite{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_70bzx_gg_.__formatTags_70bzx_gg_ blockquote cite{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_70bzx_gg_.__formatTags_70bzx_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]),.___SText_70bzx_gg_.__formatTags_70bzx_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_70bzx_gg_.__formatTags_70bzx_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_70bzx_gg_):before,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_70bzx_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_70bzx_gg_.__formatTags_70bzx_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_70bzx_gg_):before,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_70bzx_gg_):before{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_70bzx_gg_.__formatTags_70bzx_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_70bzx_gg_):before,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_70bzx_gg_):before{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_70bzx_gg_.__formatTags_70bzx_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_70bzx_gg_)+li:not(.___SText_70bzx_gg_),.___SText_70bzx_gg_.__formatTags_70bzx_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_70bzx_gg_)+li:not(.___SText_70bzx_gg_){margin:var(--intergalactic-spacing-2x, 8px)0 0 0}.___SText_70bzx_gg_.__formatTags_70bzx_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]){counter-reset:item 0}.___SText_70bzx_gg_.__formatTags_70bzx_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_70bzx_gg_):before{counter-increment:item;content:counters(item,\".\")}.___SText_70bzx_gg_.__formatTags_70bzx_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_70bzx_gg_):before{content:\"\";background-color:var(--intergalactic-icon-primary-neutral, rgba(0, 4, 1, 0.526))}.___SText_70bzx_gg_.__formatTags_70bzx_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_70bzx_gg_.__formatTags_70bzx_gg_ h1:only-child,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h2:only-child,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h3:only-child,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h4:only-child,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h5:only-child,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h6:only-child{margin-bottom:0}.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h2,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h3{font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h2{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h3{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_70bzx_gg_.__formatTags_70bzx_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_70bzx_gg_.__formatTags_70bzx_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_70bzx_gg_.__formatTags_70bzx_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_70bzx_gg_.__formatTags_70bzx_gg_ h1 small,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h2 small,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h3 small,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h4 small,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h5 small,.___SText_70bzx_gg_.__formatTags_70bzx_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_70bzx_gg_.__formatTags_70bzx_gg_ h1 small,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h2 small,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h3 small,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h4 small,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h5 small,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h6 small{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h1 small,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h2 small,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h3 small,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h4 small,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h5 small,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ h6 small{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_70bzx_gg_.__formatTags_70bzx_gg_ li,.___SText_70bzx_gg_.__formatTags_70bzx_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_70bzx_gg_.__formatTags_70bzx_gg_ p{margin:0 0 var(--intergalactic-spacing-5x, 20px)0}.___SText_70bzx_gg_.__formatTags_70bzx_gg_ p:last-child,.___SText_70bzx_gg_._size_100_70bzx_gg_.__formatTags_70bzx_gg_ p:last-child,.___SText_70bzx_gg_._size_200_70bzx_gg_.__formatTags_70bzx_gg_ p:last-child,.___SText_70bzx_gg_._size_300_70bzx_gg_.__formatTags_70bzx_gg_ p:last-child{margin-bottom:0}.___SText_70bzx_gg_.__formatTags_70bzx_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_70bzx_gg_.__formatTags_70bzx_gg_ ol ol li,.___SText_70bzx_gg_._size_100_70bzx_gg_.__formatTags_70bzx_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_70bzx_gg_.__formatTags_70bzx_gg_ ol ol ol li,.___SText_70bzx_gg_._size_100_70bzx_gg_.__formatTags_70bzx_gg_ ol ol ol li,.___SText_70bzx_gg_._size_200_70bzx_gg_.__formatTags_70bzx_gg_ ol ol ol li,.___SText_70bzx_gg_._size_300_70bzx_gg_.__formatTags_70bzx_gg_ ol ol ol li{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SText_70bzx_gg_.__formatTags_70bzx_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_70bzx_gg_._size_100_70bzx_gg_,.___SText_70bzx_gg_._size_100_70bzx_gg_.__formatTags_70bzx_gg_ li,.___SText_70bzx_gg_._size_100_70bzx_gg_.__formatTags_70bzx_gg_ p{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_70bzx_gg_._size_100_70bzx_gg_.__formatTags_70bzx_gg_ p{margin:0 0 calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_70bzx_gg_._size_100_70bzx_gg_.__formatTags_70bzx_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_70bzx_gg_._size_100_70bzx_gg_.__formatTags_70bzx_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_70bzx_gg_._size_200_70bzx_gg_,.___SText_70bzx_gg_._size_200_70bzx_gg_.__formatTags_70bzx_gg_ li,.___SText_70bzx_gg_._size_200_70bzx_gg_.__formatTags_70bzx_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_70bzx_gg_._size_200_70bzx_gg_.__formatTags_70bzx_gg_ p{margin:0 0 var(--intergalactic-spacing-5x, 20px)0}.___SText_70bzx_gg_._size_200_70bzx_gg_.__formatTags_70bzx_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_70bzx_gg_._size_200_70bzx_gg_.__formatTags_70bzx_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_70bzx_gg_._size_200_70bzx_gg_.__formatTags_70bzx_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_70bzx_gg_._size_300_70bzx_gg_,.___SText_70bzx_gg_._size_300_70bzx_gg_.__formatTags_70bzx_gg_ li,.___SText_70bzx_gg_._size_300_70bzx_gg_.__formatTags_70bzx_gg_ p{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_70bzx_gg_._size_300_70bzx_gg_.__formatTags_70bzx_gg_ p{margin:0 0 var(--intergalactic-spacing-6x, 24px)0}.___SText_70bzx_gg_._size_300_70bzx_gg_.__formatTags_70bzx_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_70bzx_gg_._size_300_70bzx_gg_.__formatTags_70bzx_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_70bzx_gg_._size_300_70bzx_gg_.__formatTags_70bzx_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_70bzx_gg_._size_400_70bzx_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_70bzx_gg_._size_500_70bzx_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_70bzx_gg_._size_600_70bzx_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_70bzx_gg_._size_700_70bzx_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_70bzx_gg_._size_800_70bzx_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_70bzx_gg_.__noWrap_70bzx_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_70bzx_gg_.__medium_70bzx_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_70bzx_gg_.__semibold_70bzx_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_70bzx_gg_.__bold_70bzx_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_70bzx_gg_.__italic_70bzx_gg_{font-style:italic}.___SText_70bzx_gg_.__monospace_70bzx_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_70bzx_gg_.__uppercase_70bzx_gg_{text-transform:uppercase}.___SText_70bzx_gg_.__lowercase_70bzx_gg_{text-transform:lowercase}.___SText_70bzx_gg_.__capitalize_70bzx_gg_{text-transform:capitalize}.___SText_70bzx_gg_.__decoration_70bzx_gg_{text-decoration:var(--decoration_70bzx)}.___SText_70bzx_gg_.__color_70bzx_gg_{color:var(--color_70bzx)}.___SText_70bzx_gg_.__fontSize_70bzx_gg_{font-size:var(--fontSize_70bzx)}.___SText_70bzx_gg_.__lineHeight_70bzx_gg_{line-height:var(--lineHeight_70bzx)}.___SText_70bzx_gg_.__fontWeight_70bzx_gg_{font-weight:var(--fontWeight_70bzx)}.___SText_70bzx_gg_.__textAlign_70bzx_gg_{text-align:var(--textAlign_70bzx)}.___SText_70bzx_gg_._use_primary_70bzx_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SText_70bzx_gg_._use_secondary_70bzx_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SText_70bzx_gg_._use_secondary_70bzx_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_70bzx_gg_._use_secondary_70bzx_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_70bzx_gg_.__disabled_70bzx_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4)}@media (prefers-reduced-motion){.___SText_70bzx_gg_ a{transition:none}}", /*__inner_css_end__*/"70bzx_gg_"),
10
10
  /*__reshadow_css_end__*/
11
11
  {
12
- "__SText": "___SText_grvyh_gg_",
13
- "_size_400": "_size_400_grvyh_gg_",
14
- "_size_500": "_size_500_grvyh_gg_",
15
- "_size_600": "_size_600_grvyh_gg_",
16
- "_size_700": "_size_700_grvyh_gg_",
17
- "_size_800": "_size_800_grvyh_gg_",
18
- "_noWrap": "__noWrap_grvyh_gg_",
19
- "_medium": "__medium_grvyh_gg_",
20
- "_semibold": "__semibold_grvyh_gg_",
21
- "_bold": "__bold_grvyh_gg_",
22
- "_italic": "__italic_grvyh_gg_",
23
- "_monospace": "__monospace_grvyh_gg_",
24
- "_uppercase": "__uppercase_grvyh_gg_",
25
- "_lowercase": "__lowercase_grvyh_gg_",
26
- "_capitalize": "__capitalize_grvyh_gg_",
27
- "_decoration": "__decoration_grvyh_gg_",
28
- "--decoration": "--decoration_grvyh",
29
- "_color": "__color_grvyh_gg_",
30
- "--color": "--color_grvyh",
31
- "_fontSize": "__fontSize_grvyh_gg_",
32
- "--fontSize": "--fontSize_grvyh",
33
- "_lineHeight": "__lineHeight_grvyh_gg_",
34
- "--lineHeight": "--lineHeight_grvyh",
35
- "_fontWeight": "__fontWeight_grvyh_gg_",
36
- "--fontWeight": "--fontWeight_grvyh",
37
- "_textAlign": "__textAlign_grvyh_gg_",
38
- "--textAlign": "--textAlign_grvyh",
39
- "_use_primary": "_use_primary_grvyh_gg_",
40
- "_use_secondary": "_use_secondary_grvyh_gg_",
41
- "_disabled": "__disabled_grvyh_gg_",
42
- "_formatTags": "__formatTags_grvyh_gg_",
43
- "_ellipsis": "__ellipsis_grvyh_gg_",
44
- "_trim_end": "_trim_end_grvyh_gg_",
45
- "_maxLine": "__maxLine_grvyh_gg_",
46
- "--maxLine": "--maxLine_grvyh",
47
- "_trim_middle": "_trim_middle_grvyh_gg_",
48
- "_size_100": "_size_100_grvyh_gg_",
49
- "_size_200": "_size_200_grvyh_gg_",
50
- "_size_300": "_size_300_grvyh_gg_"
12
+ "__SText": "___SText_70bzx_gg_",
13
+ "_size_400": "_size_400_70bzx_gg_",
14
+ "_size_500": "_size_500_70bzx_gg_",
15
+ "_size_600": "_size_600_70bzx_gg_",
16
+ "_size_700": "_size_700_70bzx_gg_",
17
+ "_size_800": "_size_800_70bzx_gg_",
18
+ "_noWrap": "__noWrap_70bzx_gg_",
19
+ "_medium": "__medium_70bzx_gg_",
20
+ "_semibold": "__semibold_70bzx_gg_",
21
+ "_bold": "__bold_70bzx_gg_",
22
+ "_italic": "__italic_70bzx_gg_",
23
+ "_monospace": "__monospace_70bzx_gg_",
24
+ "_uppercase": "__uppercase_70bzx_gg_",
25
+ "_lowercase": "__lowercase_70bzx_gg_",
26
+ "_capitalize": "__capitalize_70bzx_gg_",
27
+ "_decoration": "__decoration_70bzx_gg_",
28
+ "--decoration": "--decoration_70bzx",
29
+ "_color": "__color_70bzx_gg_",
30
+ "--color": "--color_70bzx",
31
+ "_fontSize": "__fontSize_70bzx_gg_",
32
+ "--fontSize": "--fontSize_70bzx",
33
+ "_lineHeight": "__lineHeight_70bzx_gg_",
34
+ "--lineHeight": "--lineHeight_70bzx",
35
+ "_fontWeight": "__fontWeight_70bzx_gg_",
36
+ "--fontWeight": "--fontWeight_70bzx",
37
+ "_textAlign": "__textAlign_70bzx_gg_",
38
+ "--textAlign": "--textAlign_70bzx",
39
+ "_use_primary": "_use_primary_70bzx_gg_",
40
+ "_use_secondary": "_use_secondary_70bzx_gg_",
41
+ "_disabled": "__disabled_70bzx_gg_",
42
+ "_formatTags": "__formatTags_70bzx_gg_",
43
+ "_size_100": "_size_100_70bzx_gg_",
44
+ "_size_200": "_size_200_70bzx_gg_",
45
+ "_size_300": "_size_300_70bzx_gg_"
51
46
  });
52
- class TextRoot extends Component {
53
- constructor(props) {
54
- super(props);
55
- _defineProperty(this, "ellipsis", null);
56
- _defineProperty(this, "innerRef", /*#__PURE__*/React.createRef());
57
- _defineProperty(this, "state", {
58
- showHint: false
59
- });
60
- this.handleEllipsized = this.handleEllipsized.bind(this);
47
+ function getTextDecoration(underline, lineThrough) {
48
+ if (underline) {
49
+ return 'underline';
61
50
  }
62
- componentDidMount() {
63
- this.initEllipsis();
64
- }
65
- componentDidUpdate(prevProps) {
66
- if (prevProps.ellipsis !== this.asProps.ellipsis) {
67
- this.cleanUpEllipsis();
68
- this.initEllipsis();
69
- }
70
- }
71
- componentWillUnmount() {
72
- this.cleanUpEllipsis();
73
- }
74
- render() {
75
- var _ref = this.asProps,
76
- _ref2;
77
- const SText = Box;
78
- const {
79
- color,
80
- underline,
81
- lineThrough,
82
- hintProps,
83
- children,
84
- ellipsis,
85
- resolveColor
86
- } = this.asProps;
87
- const {
88
- showHint
89
- } = this.state;
90
- const cropPosition = typeof ellipsis === 'object' ? ellipsis.cropPosition ?? 'end' : ellipsis === true ? 'end' : undefined;
91
- let withHint = hintProps !== false;
92
- const maxLineValue = typeof ellipsis === 'object' && ellipsis.maxLine !== undefined ? ellipsis.maxLine : undefined;
93
- if (hintProps === undefined && maxLineValue !== undefined && maxLineValue > 1) {
94
- withHint = false;
95
- }
96
- return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SText, _ref2.cn("SText", {
97
- ..._assignProps({
98
- "tag": 'span',
99
- "data-ui-name": 'Text',
100
- "ref": this.innerRef,
101
- "use:decoration": this.getTextDecoration(underline, lineThrough),
102
- "use:color": resolveColor(color),
103
- "use:ellipsis": Boolean(ellipsis),
104
- "maxLine": maxLineValue,
105
- "trim": cropPosition
106
- }, _ref)
107
- })), showHint && withHint && /*#__PURE__*/React.createElement(Hint, _ref2.cn("Hint", {
108
- "triggerRef": this.innerRef,
109
- ...hintProps
110
- }), children));
111
- }
112
- handleEllipsized(isEllipsis) {
113
- this.setState({
114
- showHint: isEllipsis
115
- });
116
- }
117
- initEllipsis() {
118
- const ellipsis = this.asProps.ellipsis;
119
- if (ellipsis && this.innerRef.current) {
120
- this.ellipsis = ellipsis instanceof Ellipsis ? ellipsis : new Ellipsis(this.innerRef.current, ellipsis === true ? {} : ellipsis);
121
- this.ellipsis.on('isEllipsized', this.handleEllipsized);
122
- }
123
- }
124
- cleanUpEllipsis() {
125
- this.ellipsis?.off('isEllipsized', this.handleEllipsized);
126
- this.ellipsis?.cleanUp();
127
- this.setState({
128
- showHint: false
129
- });
130
- }
131
- getTextDecoration(underline, lineThrough) {
132
- if (underline) {
133
- return 'underline';
134
- }
135
- if (lineThrough) {
136
- return 'line-through';
137
- }
51
+ if (lineThrough) {
52
+ return 'line-through';
138
53
  }
139
54
  }
140
- _defineProperty(TextRoot, "enhance", [resolveColorEnhance()]);
141
- _defineProperty(TextRoot, "styles", styles);
142
- _defineProperty(TextRoot, "displayName", 'Text');
143
- _defineProperty(TextRoot, "defaultProps", {
144
- ellipsis: false
145
- });
146
- export default createComponent(TextRoot);
55
+ function Text(props, ref) {
56
+ var _ref = arguments[0],
57
+ _ref2;
58
+ var SText = Box;
59
+ var color = props.color,
60
+ underline = props.underline,
61
+ lineThrough = props.lineThrough;
62
+ var textDecoration = getTextDecoration(underline, lineThrough);
63
+ var resolveColor = useColorResolver();
64
+ return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SText, _ref2.cn("SText", _objectSpread({}, _assignProps({
65
+ "tag": 'span',
66
+ "data-ui-name": 'Text',
67
+ "ref": ref,
68
+ "use:decoration": textDecoration,
69
+ "use:color": resolveColor(color)
70
+ }, _ref))));
71
+ }
72
+ Text.displayName = 'Text';
73
+ export default createBaseComponent(Text);
147
74
  //# sourceMappingURL=Text.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Text.js","names":["Ellipsis","Hint","Box","Root","sstyled","Component","createComponent","resolveColorEnhance","React","styles","_sstyled","insert","TextRoot","constructor","props","_defineProperty","createRef","showHint","handleEllipsized","bind","componentDidMount","initEllipsis","componentDidUpdate","prevProps","ellipsis","asProps","cleanUpEllipsis","componentWillUnmount","render","_ref","_ref2","SText","color","underline","lineThrough","hintProps","children","resolveColor","state","cropPosition","undefined","withHint","maxLineValue","maxLine","createElement","Fragment","cn","_assignProps","innerRef","getTextDecoration","Boolean","isEllipsis","setState","current","on","off","cleanUp"],"sources":["../../src/Text.tsx"],"sourcesContent":["import { Ellipsis, Hint, Box } from '@semcore/base-components';\nimport { Root, sstyled, Component, createComponent } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport React from 'react';\n\nimport type { TextProps } from './index';\nimport styles from './style/text.shadow.css';\n\ntype DefaultProps = {\n ellipsis: TextProps['ellipsis'] | false;\n};\n\ntype State = {\n showHint: boolean;\n};\n\nclass TextRoot extends Component<TextProps, typeof TextRoot.enhance, {}, DefaultProps, State> {\n private ellipsis: Ellipsis | null = null;\n private innerRef = React.createRef<HTMLElement | null>();\n\n static enhance = [resolveColorEnhance()] as const;\n static styles = styles;\n static displayName = 'Text';\n\n static defaultProps: DefaultProps = {\n ellipsis: false,\n };\n\n state = {\n showHint: false,\n };\n\n constructor(props: TextProps) {\n super(props);\n\n this.handleEllipsized = this.handleEllipsized.bind(this);\n }\n\n componentDidMount(): void {\n this.initEllipsis();\n }\n\n componentDidUpdate(prevProps: TextProps) {\n if (prevProps.ellipsis !== this.asProps.ellipsis) {\n this.cleanUpEllipsis();\n\n this.initEllipsis();\n }\n }\n\n componentWillUnmount() {\n this.cleanUpEllipsis();\n }\n\n render(): React.ReactNode {\n const SText = Root;\n const { color, underline, lineThrough, hintProps, children, ellipsis, resolveColor } = this.asProps;\n const { showHint } = this.state;\n\n const cropPosition = typeof ellipsis === 'object' ? (ellipsis.cropPosition ?? 'end') : (ellipsis === true ? 'end' : undefined);\n let withHint = hintProps !== false;\n\n const maxLineValue = typeof ellipsis === 'object' && ellipsis.maxLine !== undefined ? ellipsis.maxLine : undefined;\n if (hintProps === undefined && maxLineValue !== undefined && maxLineValue > 1) {\n withHint = false;\n }\n\n return sstyled(styles)(\n <>\n <SText\n render={Box}\n tag='span'\n data-ui-name='Text'\n ref={this.innerRef}\n use:decoration={this.getTextDecoration(underline, lineThrough)}\n use:color={resolveColor(color)}\n use:ellipsis={Boolean(ellipsis)}\n maxLine={maxLineValue}\n trim={cropPosition}\n />\n {showHint && withHint && <Hint triggerRef={this.innerRef} {...hintProps}>{children}</Hint>}\n </>,\n );\n }\n\n private handleEllipsized(isEllipsis: boolean) {\n this.setState({ showHint: isEllipsis });\n }\n\n private initEllipsis() {\n const ellipsis = this.asProps.ellipsis;\n if (ellipsis && this.innerRef.current) {\n this.ellipsis = ellipsis instanceof Ellipsis ? ellipsis : new Ellipsis(this.innerRef.current, ellipsis === true ? {} : ellipsis);\n\n this.ellipsis.on('isEllipsized', this.handleEllipsized);\n }\n }\n\n private cleanUpEllipsis() {\n this.ellipsis?.off('isEllipsized', this.handleEllipsized);\n this.ellipsis?.cleanUp();\n this.setState({ showHint: false });\n }\n\n private getTextDecoration(underline?: boolean, lineThrough?: boolean) {\n if (underline) {\n return 'underline';\n }\n\n if (lineThrough) {\n return 'line-through';\n }\n }\n}\n\nexport default createComponent(TextRoot);\n"],"mappings":";;;AAAA,SAASA,QAAQ,EAAEC,IAAI,EAAEC,GAAG,QAAQ,0BAA0B;AAC9D,SAASC,IAAI,EAAEC,OAAO,EAAEC,SAAS,EAAEC,eAAe,QAAQ,eAAe;AACzE,OAAOC,mBAAmB,MAAM,sDAAsD;AACtF,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,MAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAa1B,MAAMC,QAAQ,SAASP,SAAS,CAA8D;EAgB5FQ,WAAWA,CAACC,KAAgB,EAAE;IAC5B,KAAK,CAACA,KAAK,CAAC;IAACC,eAAA,mBAhBqB,IAAI;IAAAA,eAAA,gCACrBP,KAAK,CAACQ,SAAS,CAAqB,CAAC;IAAAD,eAAA,gBAUhD;MACNE,QAAQ,EAAE;IACZ,CAAC;IAKC,IAAI,CAACC,gBAAgB,GAAG,IAAI,CAACA,gBAAgB,CAACC,IAAI,CAAC,IAAI,CAAC;EAC1D;EAEAC,iBAAiBA,CAAA,EAAS;IACxB,IAAI,CAACC,YAAY,CAAC,CAAC;EACrB;EAEAC,kBAAkBA,CAACC,SAAoB,EAAE;IACvC,IAAIA,SAAS,CAACC,QAAQ,KAAK,IAAI,CAACC,OAAO,CAACD,QAAQ,EAAE;MAChD,IAAI,CAACE,eAAe,CAAC,CAAC;MAEtB,IAAI,CAACL,YAAY,CAAC,CAAC;IACrB;EACF;EAEAM,oBAAoBA,CAAA,EAAG;IACrB,IAAI,CAACD,eAAe,CAAC,CAAC;EACxB;EAEAE,MAAMA,CAAA,EAAoB;IAAA,IAAAC,IAAA,QAAAJ,OAAA;MAAAK,KAAA;IACxB,MAAMC,KAAK,GAeG7B,GAAG;IAdjB,MAAM;MAAE8B,KAAK;MAAEC,SAAS;MAAEC,WAAW;MAAEC,SAAS;MAAEC,QAAQ;MAAEZ,QAAQ;MAAEa;IAAa,CAAC,GAAG,IAAI,CAACZ,OAAO;IACnG,MAAM;MAAER;IAAS,CAAC,GAAG,IAAI,CAACqB,KAAK;IAE/B,MAAMC,YAAY,GAAG,OAAOf,QAAQ,KAAK,QAAQ,GAAIA,QAAQ,CAACe,YAAY,IAAI,KAAK,GAAKf,QAAQ,KAAK,IAAI,GAAG,KAAK,GAAGgB,SAAU;IAC9H,IAAIC,QAAQ,GAAGN,SAAS,KAAK,KAAK;IAElC,MAAMO,YAAY,GAAG,OAAOlB,QAAQ,KAAK,QAAQ,IAAIA,QAAQ,CAACmB,OAAO,KAAKH,SAAS,GAAGhB,QAAQ,CAACmB,OAAO,GAAGH,SAAS;IAClH,IAAIL,SAAS,KAAKK,SAAS,IAAIE,YAAY,KAAKF,SAAS,IAAIE,YAAY,GAAG,CAAC,EAAE;MAC7ED,QAAQ,GAAG,KAAK;IAClB;IAEA,OAAAX,KAAA,GAAO1B,OAAO,CAACK,MAAM,CAAC,eACpBD,KAAA,CAAAoC,aAAA,CAAApC,KAAA,CAAAqC,QAAA,qBACErC,KAAA,CAAAoC,aAAA,CAACb,KAAK,EAAAD,KAAA,CAAAgB,EAAA;MAAA,GAAAC,YAAA;QAAA,OAEA,MAAM;QAAA,gBACG,MAAM;QAAA,OACd,IAAI,CAACC,QAAQ;QAAA,kBACF,IAAI,CAACC,iBAAiB,CAAChB,SAAS,EAAEC,WAAW,CAAC;QAAA,aACnDG,YAAY,CAACL,KAAK,CAAC;QAAA,gBAChBkB,OAAO,CAAC1B,QAAQ,CAAC;QAAA,WACtBkB,YAAY;QAAA,QACfH;MAAY,GAAAV,IAAA;IAAA,EACnB,CAAC,EACDZ,QAAQ,IAAIwB,QAAQ,iBAAIjC,KAAA,CAAAoC,aAAA,CAAC3C,IAAI,EAAA6B,KAAA,CAAAgB,EAAA;MAAA,cAAa,IAAI,CAACE,QAAQ;MAAA,GAAMb;IAAS,IAAGC,QAAe,CACzF,CAAC;EAEP;EAEQlB,gBAAgBA,CAACiC,UAAmB,EAAE;IAC5C,IAAI,CAACC,QAAQ,CAAC;MAAEnC,QAAQ,EAAEkC;IAAW,CAAC,CAAC;EACzC;EAEQ9B,YAAYA,CAAA,EAAG;IACrB,MAAMG,QAAQ,GAAG,IAAI,CAACC,OAAO,CAACD,QAAQ;IACtC,IAAIA,QAAQ,IAAI,IAAI,CAACwB,QAAQ,CAACK,OAAO,EAAE;MACrC,IAAI,CAAC7B,QAAQ,GAAGA,QAAQ,YAAYxB,QAAQ,GAAGwB,QAAQ,GAAG,IAAIxB,QAAQ,CAAC,IAAI,CAACgD,QAAQ,CAACK,OAAO,EAAE7B,QAAQ,KAAK,IAAI,GAAG,CAAC,CAAC,GAAGA,QAAQ,CAAC;MAEhI,IAAI,CAACA,QAAQ,CAAC8B,EAAE,CAAC,cAAc,EAAE,IAAI,CAACpC,gBAAgB,CAAC;IACzD;EACF;EAEQQ,eAAeA,CAAA,EAAG;IACxB,IAAI,CAACF,QAAQ,EAAE+B,GAAG,CAAC,cAAc,EAAE,IAAI,CAACrC,gBAAgB,CAAC;IACzD,IAAI,CAACM,QAAQ,EAAEgC,OAAO,CAAC,CAAC;IACxB,IAAI,CAACJ,QAAQ,CAAC;MAAEnC,QAAQ,EAAE;IAAM,CAAC,CAAC;EACpC;EAEQgC,iBAAiBA,CAAChB,SAAmB,EAAEC,WAAqB,EAAE;IACpE,IAAID,SAAS,EAAE;MACb,OAAO,WAAW;IACpB;IAEA,IAAIC,WAAW,EAAE;MACf,OAAO,cAAc;IACvB;EACF;AACF;AAACnB,eAAA,CAjGKH,QAAQ,aAIK,CAACL,mBAAmB,CAAC,CAAC,CAAC;AAAAQ,eAAA,CAJpCH,QAAQ,YAKIH,MAAM;AAAAM,eAAA,CALlBH,QAAQ,iBAMS,MAAM;AAAAG,eAAA,CANvBH,QAAQ,kBAQwB;EAClCY,QAAQ,EAAE;AACZ,CAAC;AAyFH,eAAelB,eAAe,CAACM,QAAQ,CAAC","ignoreList":[]}
1
+ {"version":3,"file":"Text.js","names":["createBaseComponent","Root","sstyled","useColorResolver","Box","React","styles","_sstyled","insert","getTextDecoration","underline","lineThrough","Text","props","ref","_ref","arguments[0]","_ref2","SText","color","textDecoration","resolveColor","createElement","cn","_objectSpread","_assignProps","displayName"],"sources":["../../src/Text.jsx"],"sourcesContent":["import { createBaseComponent, Root, sstyled } from '@semcore/core';\nimport { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';\nimport { Box } from '@semcore/flex-box';\nimport React from 'react';\n\nimport styles from './style/text.shadow.css';\n\nfunction getTextDecoration(underline, lineThrough) {\n if (underline) {\n return 'underline';\n }\n\n if (lineThrough) {\n return 'line-through';\n }\n}\n\nfunction Text(props, ref) {\n const SText = Root;\n const { color, underline, lineThrough } = props;\n const textDecoration = getTextDecoration(underline, lineThrough);\n const resolveColor = useColorResolver();\n\n return sstyled(styles)(\n <SText\n render={Box}\n tag='span'\n data-ui-name='Text'\n ref={ref}\n use:decoration={textDecoration}\n use:color={resolveColor(color)}\n />,\n );\n}\n\nText.displayName = 'Text';\n\nexport default createBaseComponent(Text);\n"],"mappings":";;;AAAA,SAASA,mBAAmB,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAClE,SAASC,gBAAgB,QAAQ,8CAA8C;AAC/E,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,IAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAI1B,SAASC,iBAAiBA,CAACC,SAAS,EAAEC,WAAW,EAAE;EACjD,IAAID,SAAS,EAAE;IACb,OAAO,WAAW;EACpB;EAEA,IAAIC,WAAW,EAAE;IACf,OAAO,cAAc;EACvB;AACF;AAEA,SAASC,IAAIA,CAACC,KAAK,EAAEC,GAAG,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACxB,IAAMC,KAAK,GAOCd,GAAG;EANf,IAAQe,KAAK,GAA6BN,KAAK,CAAvCM,KAAK;IAAET,SAAS,GAAkBG,KAAK,CAAhCH,SAAS;IAAEC,WAAW,GAAKE,KAAK,CAArBF,WAAW;EACrC,IAAMS,cAAc,GAAGX,iBAAiB,CAACC,SAAS,EAAEC,WAAW,CAAC;EAChE,IAAMU,YAAY,GAAGlB,gBAAgB,CAAC,CAAC;EAEvC,OAAAc,KAAA,GAAOf,OAAO,CAACI,MAAM,CAAC,eACpBD,KAAA,CAAAiB,aAAA,CAACJ,KAAK,EAAAD,KAAA,CAAAM,EAAA,UAAAC,aAAA,KAAAC,YAAA;IAAA,OAEA,MAAM;IAAA,gBACG,MAAM;IAAA,OACdX,GAAG;IAAA,kBACQM,cAAc;IAAA,aACnBC,YAAY,CAACF,KAAK;EAAC,GAAAJ,IAAA,GAC/B,CAAC;AAEN;AAEAH,IAAI,CAACc,WAAW,GAAG,MAAM;AAEzB,eAAe1B,mBAAmB,CAACY,IAAI,CAAC","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { BoxProps, Flex, FlexProps, EllipsisSettings, SimpleHintPopperProps, Ellipsis } from '@semcore/base-components';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\nimport type { Property } from 'csstype';\nimport type React from 'react';\n\nexport type TextProps = BoxProps & {\n /** Font size and line-heights */\n size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;\n /**\n * The text will not be wrapped on a new line and will be cut off with ellipsis\n * @deprecated use ellipsis prop instead\n **/\n noWrap?: boolean;\n /** CSS property `font-weight: 700;` */\n bold?: boolean;\n /** CSS property `font-weight: 600;` */\n semibold?: boolean;\n /** CSS property `font-weight: 500;` */\n medium?: boolean;\n /** Italicized text */\n italic?: boolean;\n /** Underlined text */\n underline?: boolean;\n /** CSS property `font-family: monospace;` */\n monospace?: boolean;\n /** Strikethrough text */\n lineThrough?: boolean;\n /** Uppercase text */\n uppercase?: boolean;\n /** Lowercase text */\n lowercase?: boolean;\n /** Capitalized text */\n capitalize?: boolean;\n /** Text color **/\n color?: string;\n /** Custom `font-size` */\n fontSize?: Property.FontSize<any>;\n /** Custom `line-height` */\n lineHeight?: Property.LineHeight<any>;\n /** Custom `font-weight` */\n fontWeight?: Property.FontWeight;\n /** Text alignment */\n textAlign?: Property.TextAlign;\n /** Enforces text color */\n use?: 'primary' | 'secondary';\n /** Makes text semi-transparent to indicate disabled state */\n disabled?: boolean;\n /** Enable formatting/styling for all nested HTML tags with our default styles for them */\n formatTags?: boolean;\n /** The text will not be wrapped on a new line and will be cut off with ellipsis. Also, it will show a hint with full text. */\n ellipsis?: true | Readonly<EllipsisSettings> | Ellipsis;\n /** Settings for a hint with full text (cropped by ellipsis) */\n hintProps?: Partial<Omit<SimpleHintPopperProps, 'children'>> | false;\n};\n\nexport type ListProps = TextProps & {\n /** Marker of the entire list\n * @default • */\n marker?: React.ReactNode;\n};\n\nexport type ListItemProps = TextProps & {\n /** Individual marker of a list item */\n marker?: React.ReactNode;\n};\n\nexport type ListItemContentProps = FlexProps;\n\nexport type ListContext = {\n getItemProps: PropGetterFn;\n};\n\nexport type BlockquoteProps = BoxProps & {\n /** Source of the quote */\n author?: React.ReactNode;\n};\n\ndeclare const Item: Intergalactic.Component<'li', ListItemProps> & {\n Content: Intergalactic.Component<typeof Flex, ListItemContentProps>;\n};\n\ndeclare const List: Intergalactic.Component<'ul', ListProps> & {\n Item: typeof Item;\n};\n\ndeclare const Text: Intergalactic.Component<'span', TextProps>;\n\ndeclare const Blockquote: Intergalactic.Component<'blockquote', BlockquoteProps>;\n\nexport { Text, List, Blockquote };\n"],"mappings":"","ignoreList":[]}
1
+ {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { BoxProps, Flex, FlexProps } from '@semcore/flex-box';\nimport type { Property } from 'csstype';\nimport type React from 'react';\n\n/** @deprecated */\nexport interface ITextProps extends TextProps, UnknownProperties {}\nexport type TextProps = BoxProps & {\n /** Font size and line-heights */\n size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;\n /** The text will not be wrapped on a new line and will be cut off with ellipsis */\n noWrap?: boolean;\n /** CSS property `font-weight: 700;` */\n bold?: boolean;\n /** CSS property `font-weight: 600;` */\n semibold?: boolean;\n /** CSS property `font-weight: 500;` */\n medium?: boolean;\n /** Italicized text */\n italic?: boolean;\n /** Underlined text */\n underline?: boolean;\n /** CSS property `font-family: monospace;` */\n monospace?: boolean;\n /** Strikethrough text */\n lineThrough?: boolean;\n /** Uppercase text */\n uppercase?: boolean;\n /** Lowercase text */\n lowercase?: boolean;\n /** Capitalized text */\n capitalize?: boolean;\n /** Text color **/\n color?: string;\n /** Custom `font-size` */\n fontSize?: Property.FontSize<any>;\n /** Custom `line-height` */\n lineHeight?: Property.LineHeight<any>;\n /** Custom `font-weight` */\n fontWeight?: Property.FontWeight;\n /** Text alignment */\n textAlign?: Property.TextAlign;\n /** Enforces text color */\n use?: 'primary' | 'secondary';\n /** Makes text semi-transparent to indicate disabled state */\n disabled?: boolean;\n /** Enable formatting/styling for all nested HTML tags with our default styles for them */\n formatTags?: boolean;\n};\n\n/** @deprecated */\nexport interface IListProps extends ListProps, UnknownProperties {}\nexport type ListProps = TextProps & {\n /** Marker of the entire list\n * @default • */\n marker?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface IListItemProps extends ListItemProps, UnknownProperties {}\nexport type ListItemProps = TextProps & {\n /** Individual marker of a list item */\n marker?: React.ReactNode;\n};\n\nexport type ListItemContentProps = FlexProps;\n\n/** @deprecated */\nexport interface IListContext extends ListContext, UnknownProperties {}\nexport type ListContext = {\n getItemProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface IBlockquoteProps extends BlockquoteProps, UnknownProperties {}\nexport type BlockquoteProps = BoxProps & {\n /** Source of the quote */\n author?: React.ReactNode;\n};\n\ndeclare const Item: Intergalactic.Component<'li', ListItemProps> & {\n Content: Intergalactic.Component<typeof Flex, ListItemContentProps>;\n};\n\ndeclare const List: Intergalactic.Component<'ul', ListProps> & {\n Item: typeof Item;\n};\n\ndeclare const Text: Intergalactic.Component<'span', TextProps>;\n\ndeclare const Blockquote: Intergalactic.Component<'blockquote', BlockquoteProps>;\n\nexport { Text, List, Blockquote };\n"],"mappings":"","ignoreList":[]}
@@ -4,7 +4,7 @@ SBlockquote {
4
4
  font-style: italic;
5
5
  font-size: var(--intergalactic-fs-400, 20px);
6
6
  line-height: var(--intergalactic-lh-400, 120%);
7
- color: var(--intergalactic-text-primary, #191b23);
7
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
8
8
  }
9
9
 
10
10
  SDoubleQuotation {
@@ -15,13 +15,13 @@ SDoubleQuotation {
15
15
  /* disable-tokens-validator */
16
16
  font-size: 68px;
17
17
  line-height: 52px;
18
- color: var(--intergalactic-text-large-secondary, #a9abb6);
18
+ color: var(--intergalactic-text-large-secondary, oklch(0.088 0.026 147.7 / 0.583));
19
19
  }
20
20
 
21
21
  SAuthor {
22
22
  display: block;
23
23
  margin-top: var(--intergalactic-spacing-4x, 16px);
24
- color: var(--intergalactic-text-secondary, #6c6e79);
24
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
25
25
  font-style: normal;
26
26
  font-size: var(--intergalactic-fs-300, 16px);
27
27
  line-height: var(--intergalactic-lh-300, 150%);
@@ -23,6 +23,6 @@ SItem + SItem {
23
23
 
24
24
  SMarker {
25
25
  margin-right: var(--intergalactic-spacing-2x, 8px);
26
- color: var(--intergalactic-text-secondary, #6c6e79);
26
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
27
27
  line-height: normal;
28
28
  }
@@ -5,15 +5,15 @@ SText {
5
5
  &[formatTags] {
6
6
 
7
7
  & abbr {
8
- color: var(--intergalactic-text-secondary, #6c6e79);
9
- text-decoration: underline dashed var(--intergalactic-text-secondary, #6c6e79);
8
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
9
+ text-decoration: underline dashed var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
10
10
 
11
11
  &:active,
12
12
  &:hover,
13
13
  &:focus {
14
14
  outline: none;
15
- color: var(--intergalactic-text-hint-hover-active, #484a54);
16
- text-decoration: underline dashed var(--intergalactic-text-hint-hover-active, #484a54);
15
+ color: var(--intergalactic-text-hint-hover-active, oklch(0.086 0.026 145.8 / 0.605));
16
+ text-decoration: underline dashed var(--intergalactic-text-hint-hover-active, oklch(0.086 0.026 145.8 / 0.605));
17
17
  }
18
18
  }
19
19
 
@@ -22,7 +22,7 @@ SText {
22
22
  background: none;
23
23
  outline: none;
24
24
  text-decoration: none;
25
- color: var(--intergalactic-text-link, #006dca);
25
+ color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
26
26
  border-bottom-width: 1px;
27
27
  border-bottom-style: solid;
28
28
  border-color: transparent;
@@ -31,8 +31,8 @@ SText {
31
31
  &:hover {
32
32
  outline: none;
33
33
  text-decoration: none;
34
- color: var(--intergalactic-text-link-hover-active, #044792);
35
- border-color: var(--intergalactic-text-link-hover-active, #044792);
34
+ color: var(--intergalactic-text-link-hover-active, oklch(0.51 0.202 263));
35
+ border-color: var(--intergalactic-text-link-hover-active, oklch(0.51 0.202 263));
36
36
  }
37
37
 
38
38
  &:focus {
@@ -58,7 +58,7 @@ SText {
58
58
  display: inline-block;
59
59
  position: absolute;
60
60
  left: 0;
61
- color: var(--intergalactic-icon-secondary-neutral, #a9abb6);
61
+ color: var(--intergalactic-icon-secondary-neutral, oklch(0.104 0.023 162.3 / 0.385));
62
62
  font-family: Georgia, Times, 'Times New Roman', serif;
63
63
  }
64
64
 
@@ -66,7 +66,7 @@ SText {
66
66
  display: block;
67
67
  font-style: normal;
68
68
  margin-top: var(--intergalactic-spacing-4x, 16px);
69
- color: var(--intergalactic-text-secondary, #6c6e79);
69
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
70
70
  font-size: var(--intergalactic-fs-300, 16px);
71
71
  line-height: var(--intergalactic-lh-300, 150%);
72
72
  }
@@ -83,7 +83,7 @@ SText {
83
83
  &:before {
84
84
  position: absolute;
85
85
  left: 0;
86
- color: var(--intergalactic-text-secondary, #6c6e79);
86
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
87
87
  }
88
88
  }
89
89
 
@@ -103,12 +103,7 @@ SText {
103
103
 
104
104
  & ul:not(ul[start], ul[reversed], ul[type]) li:not(SText):before {
105
105
  content: '';
106
- background-color: var(--intergalactic-icon-primary-neutral, #6c6e79);
107
- }
108
-
109
- & ol:not(ol[start], ol[reversed], ol[type]):has(+ p),
110
- & ul:not(ul[start], ul[reversed], ul[type]):has(+ p) {
111
- margin-bottom: var(--intergalactic-spacing-4x, 16px);
106
+ background-color: var(--intergalactic-icon-primary-neutral, oklch(0.092 0.024 152.2 / 0.526));
112
107
  }
113
108
 
114
109
  & h1 {
@@ -184,7 +179,7 @@ SText {
184
179
  & h5,
185
180
  & h6 {
186
181
  & small {
187
- color: var(--intergalactic-text-secondary, #6c6e79);
182
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
188
183
  font-weight: 300;
189
184
  font-size: 100%;
190
185
  }
@@ -197,7 +192,7 @@ SText {
197
192
  }
198
193
 
199
194
  & p {
200
- margin: 0 0 var(--intergalactic-spacing-4x, 16px) 0;
195
+ margin: 0 0 var(--intergalactic-spacing-5x, 20px) 0;
201
196
 
202
197
  &:last-child {
203
198
  margin-bottom: 0;
@@ -227,29 +222,6 @@ SText {
227
222
  }
228
223
  }
229
224
 
230
- SText[ellipsis] {
231
- overflow: hidden;
232
- text-overflow: ellipsis;
233
- white-space: pre;
234
- display: inline-block;
235
-
236
- &[trim='end']::after {
237
- content: '';
238
- display: block;
239
- }
240
-
241
- &[maxLine] {
242
- -webkit-line-clamp: var(--maxLine);
243
- display: -webkit-box;
244
- -webkit-box-orient: vertical;
245
- white-space: normal;
246
- overflow-wrap: break-word;
247
- }
248
- &[trim='middle'] {
249
- text-overflow: unset;
250
- }
251
- }
252
-
253
225
  SText[size='100'] {
254
226
  font-size: var(--intergalactic-fs-100, 12px);
255
227
  line-height: var(--intergalactic-lh-100, 133%);
@@ -303,7 +275,7 @@ SText[size='200'] {
303
275
  }
304
276
 
305
277
  & p {
306
- margin: 0 0 var(--intergalactic-spacing-3x, 12px) 0;
278
+ margin: 0 0 var(--intergalactic-spacing-5x, 20px) 0;
307
279
 
308
280
  &:last-child {
309
281
  margin-bottom: 0;
@@ -345,7 +317,7 @@ SText[size='300'] {
345
317
  }
346
318
 
347
319
  & p {
348
- margin: 0 0 var(--intergalactic-spacing-4x, 16px) 0;
320
+ margin: 0 0 var(--intergalactic-spacing-6x, 24px) 0;
349
321
 
350
322
  &:last-child {
351
323
  margin-bottom: 0;
@@ -462,15 +434,15 @@ SText[textAlign] {
462
434
  }
463
435
 
464
436
  SText[use='primary'] {
465
- color: var(--intergalactic-text-primary, #191b23);
437
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
466
438
  }
467
439
 
468
440
  SText[use='secondary'] {
469
- color: var(--intergalactic-text-secondary, #6c6e79);
441
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
470
442
  }
471
443
 
472
444
  SText[disabled] {
473
- opacity: var(--intergalactic-disabled-opacity, 0.3);
445
+ opacity: var(--intergalactic-disabled-opacity, 0.4);
474
446
  }
475
447
 
476
448
  @media (prefers-reduced-motion) {
@@ -1,40 +1,36 @@
1
+ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
1
2
  import { createBaseComponent, sstyled, assignProps } from "@semcore/core";
2
- import { Box } from "@semcore/base-components";
3
3
  import isNode from "@semcore/core/lib/utils/isNode";
4
+ import { Box } from "@semcore/flex-box";
4
5
  import React from "react";
5
6
  /*!__reshadow-styles__:"./style/blockquote.shadow.css"*/
6
- const styles = (
7
+ var styles = (
7
8
  /*__reshadow_css_start__*/
8
9
  (sstyled.insert(
9
10
  /*__inner_css_start__*/
10
- '.___SBlockquote_hkf9e_gg_{position:relative;display:flex;font-style:italic;font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);color:var(--intergalactic-text-primary, #191b23)}.___SDoubleQuotation_hkf9e_gg_{position:relative;margin-right:var(--intergalactic-spacing-5x, 20px);font-family:"Times New Roman",serif;font-style:normal;font-size:68px;line-height:52px;color:var(--intergalactic-text-large-secondary, #a9abb6)}.___SAuthor_hkf9e_gg_{display:block;margin-top:var(--intergalactic-spacing-4x, 16px);color:var(--intergalactic-text-secondary, #6c6e79);font-style:normal;font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}',
11
+ '.___SBlockquote_ndhqn_gg_{position:relative;display:flex;font-style:italic;font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SDoubleQuotation_ndhqn_gg_{position:relative;margin-right:var(--intergalactic-spacing-5x, 20px);font-family:"Times New Roman",serif;font-style:normal;font-size:68px;line-height:52px;color:var(--intergalactic-text-large-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SDoubleQuotation_ndhqn_gg_{color:var(--intergalactic-text-large-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SDoubleQuotation_ndhqn_gg_{color:var(--intergalactic-text-large-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SAuthor_ndhqn_gg_{display:block;margin-top:var(--intergalactic-spacing-4x, 16px);color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));font-style:normal;font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}@supports (color:color(display-p3 0 0 0%)){.___SAuthor_ndhqn_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SAuthor_ndhqn_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}',
11
12
  /*__inner_css_end__*/
12
- "hkf9e_gg_"
13
+ "ndhqn_gg_"
13
14
  ), /*__reshadow_css_end__*/
14
15
  {
15
- "__SBlockquote": "___SBlockquote_hkf9e_gg_",
16
- "__SDoubleQuotation": "___SDoubleQuotation_hkf9e_gg_",
17
- "__SAuthor": "___SAuthor_hkf9e_gg_"
16
+ "__SBlockquote": "___SBlockquote_ndhqn_gg_",
17
+ "__SDoubleQuotation": "___SDoubleQuotation_ndhqn_gg_",
18
+ "__SAuthor": "___SAuthor_ndhqn_gg_"
18
19
  })
19
20
  );
20
21
  function Blockquote(props, ref) {
21
22
  var _ref = arguments[0], _ref2;
22
- const SBlockquote = Box;
23
- const SDoubleQuotation = "span";
24
- const SAuthor = "cite";
25
- const {
26
- children,
27
- author
28
- } = props;
29
- return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SBlockquote, _ref2.cn("SBlockquote", {
30
- ...assignProps({
31
- "tag": "blockquote",
32
- "ref": ref
33
- }, _ref)
34
- }), /* @__PURE__ */ React.createElement(SDoubleQuotation, _ref2.cn("SDoubleQuotation", {}), "“"), /* @__PURE__ */ React.createElement("span", _ref2.cn("span", {}), children, isNode(author) && /* @__PURE__ */ React.createElement(SAuthor, _ref2.cn("SAuthor", {}), author)));
23
+ var SBlockquote = Box;
24
+ var SDoubleQuotation = "span";
25
+ var SAuthor = "cite";
26
+ var children = props.children, author = props.author;
27
+ return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SBlockquote, _ref2.cn("SBlockquote", _objectSpread({}, assignProps({
28
+ "tag": "blockquote",
29
+ "ref": ref
30
+ }, _ref))), /* @__PURE__ */ React.createElement(SDoubleQuotation, _ref2.cn("SDoubleQuotation", {}), "“"), /* @__PURE__ */ React.createElement("span", _ref2.cn("span", {}), children, isNode(author) && /* @__PURE__ */ React.createElement(SAuthor, _ref2.cn("SAuthor", {}), author)));
35
31
  }
36
32
  Blockquote.displayName = "Blockquote";
37
- const Blockquote_default = createBaseComponent(Blockquote);
33
+ const Blockquote$1 = createBaseComponent(Blockquote);
38
34
  export {
39
- Blockquote_default as default
35
+ Blockquote$1 as default
40
36
  };