@semcore/typography 16.3.3-prerelease.8 → 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/CHANGELOG.md +2 -8
- package/lib/cjs/Blockquote.js +18 -21
- package/lib/cjs/Blockquote.js.map +1 -1
- package/lib/cjs/List.js +79 -69
- package/lib/cjs/List.js.map +1 -1
- package/lib/cjs/Text.js +64 -137
- package/lib/cjs/Text.js.map +1 -1
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/cjs/index.js +7 -7
- package/lib/cjs/style/blockquote.shadow.css +3 -3
- package/lib/cjs/style/list.shadow.css +1 -1
- package/lib/cjs/style/text.shadow.css +18 -46
- package/lib/es6/Blockquote.js +15 -18
- package/lib/es6/Blockquote.js.map +1 -1
- package/lib/es6/List.js +71 -61
- package/lib/es6/List.js.map +1 -1
- package/lib/es6/Text.js +63 -136
- package/lib/es6/Text.js.map +1 -1
- package/lib/es6/index.d.js.map +1 -1
- package/lib/es6/style/blockquote.shadow.css +3 -3
- package/lib/es6/style/list.shadow.css +1 -1
- package/lib/es6/style/text.shadow.css +18 -46
- package/lib/esm/Blockquote.mjs +18 -22
- package/lib/esm/List.mjs +65 -60
- package/lib/esm/Text.mjs +63 -139
- package/lib/esm/style/blockquote.shadow.css +3 -3
- package/lib/esm/style/list.shadow.css +1 -1
- package/lib/esm/style/text.shadow.css +18 -46
- package/lib/types/index.d.ts +13 -10
- package/package.json +8 -8
- package/lib/types/Text.d.ts +0 -2
package/lib/es6/Text.js
CHANGED
|
@@ -1,147 +1,74 @@
|
|
|
1
|
-
import
|
|
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 {
|
|
5
|
-
import {
|
|
6
|
-
import
|
|
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": "
|
|
13
|
-
"_size_400": "
|
|
14
|
-
"_size_500": "
|
|
15
|
-
"_size_600": "
|
|
16
|
-
"_size_700": "
|
|
17
|
-
"_size_800": "
|
|
18
|
-
"_noWrap": "
|
|
19
|
-
"_medium": "
|
|
20
|
-
"_semibold": "
|
|
21
|
-
"_bold": "
|
|
22
|
-
"_italic": "
|
|
23
|
-
"_monospace": "
|
|
24
|
-
"_uppercase": "
|
|
25
|
-
"_lowercase": "
|
|
26
|
-
"_capitalize": "
|
|
27
|
-
"_decoration": "
|
|
28
|
-
"--decoration": "--
|
|
29
|
-
"_color": "
|
|
30
|
-
"--color": "--
|
|
31
|
-
"_fontSize": "
|
|
32
|
-
"--fontSize": "--
|
|
33
|
-
"_lineHeight": "
|
|
34
|
-
"--lineHeight": "--
|
|
35
|
-
"_fontWeight": "
|
|
36
|
-
"--fontWeight": "--
|
|
37
|
-
"_textAlign": "
|
|
38
|
-
"--textAlign": "--
|
|
39
|
-
"_use_primary": "
|
|
40
|
-
"_use_secondary": "
|
|
41
|
-
"_disabled": "
|
|
42
|
-
"_formatTags": "
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
"
|
|
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
|
-
|
|
53
|
-
|
|
54
|
-
|
|
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
|
-
|
|
63
|
-
|
|
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
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
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
|
package/lib/es6/Text.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","names":["
|
|
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":[]}
|
package/lib/es6/index.d.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type {
|
|
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,
|
|
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,
|
|
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,
|
|
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%);
|
|
@@ -5,15 +5,15 @@ SText {
|
|
|
5
5
|
&[formatTags] {
|
|
6
6
|
|
|
7
7
|
& abbr {
|
|
8
|
-
color: var(--intergalactic-text-secondary,
|
|
9
|
-
text-decoration: underline dashed var(--intergalactic-text-secondary,
|
|
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,
|
|
16
|
-
text-decoration: underline dashed var(--intergalactic-text-hint-hover-active,
|
|
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,
|
|
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,
|
|
35
|
-
border-color: var(--intergalactic-text-link-hover-active,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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-
|
|
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-
|
|
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-
|
|
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,
|
|
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,
|
|
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.
|
|
445
|
+
opacity: var(--intergalactic-disabled-opacity, 0.4);
|
|
474
446
|
}
|
|
475
447
|
|
|
476
448
|
@media (prefers-reduced-motion) {
|
package/lib/esm/Blockquote.mjs
CHANGED
|
@@ -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
|
-
|
|
7
|
+
var styles = (
|
|
7
8
|
/*__reshadow_css_start__*/
|
|
8
9
|
(sstyled.insert(
|
|
9
10
|
/*__inner_css_start__*/
|
|
10
|
-
'.
|
|
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
|
-
"
|
|
13
|
+
"ndhqn_gg_"
|
|
13
14
|
), /*__reshadow_css_end__*/
|
|
14
15
|
{
|
|
15
|
-
"__SBlockquote": "
|
|
16
|
-
"__SDoubleQuotation": "
|
|
17
|
-
"__SAuthor": "
|
|
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
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
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
|
|
33
|
+
const Blockquote$1 = createBaseComponent(Blockquote);
|
|
38
34
|
export {
|
|
39
|
-
|
|
35
|
+
Blockquote$1 as default
|
|
40
36
|
};
|