@semcore/typography 16.3.2 → 16.3.3-prerelease.14
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 +12 -0
- package/README.md +4 -4
- package/lib/cjs/Blockquote.js +21 -18
- package/lib/cjs/Blockquote.js.map +1 -1
- package/lib/cjs/List.js +70 -82
- package/lib/cjs/List.js.map +1 -1
- package/lib/cjs/Text.js +137 -64
- 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/text.shadow.css +31 -3
- package/lib/es6/Blockquote.js +18 -15
- package/lib/es6/Blockquote.js.map +1 -1
- package/lib/es6/List.js +62 -74
- package/lib/es6/List.js.map +1 -1
- package/lib/es6/Text.js +136 -63
- package/lib/es6/Text.js.map +1 -1
- package/lib/es6/index.d.js.map +1 -1
- package/lib/es6/style/text.shadow.css +31 -3
- package/lib/esm/Blockquote.mjs +22 -18
- package/lib/esm/List.mjs +61 -68
- package/lib/esm/Text.mjs +139 -63
- package/lib/esm/style/text.shadow.css +31 -3
- package/lib/types/Text.d.ts +2 -0
- package/lib/types/index.d.ts +10 -13
- package/package.json +9 -9
package/lib/cjs/Text.js
CHANGED
|
@@ -1,79 +1,152 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports
|
|
8
|
-
var
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
var _core = require("@semcore/core");
|
|
10
|
-
var
|
|
11
|
-
var
|
|
10
|
+
var _baseComponents = require("@semcore/base-components");
|
|
11
|
+
var _resolveColorEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/resolveColorEnhance"));
|
|
12
12
|
var _react = _interopRequireDefault(require("react"));
|
|
13
13
|
/*!__reshadow-styles__:"./style/text.shadow.css"*/
|
|
14
|
-
var styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SText_17kj2_gg_{padding:0;margin:0}.___SText_17kj2_gg_.__formatTags_17kj2_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_17kj2_gg_.__formatTags_17kj2_gg_ abbr:active,.___SText_17kj2_gg_.__formatTags_17kj2_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_17kj2_gg_.__formatTags_17kj2_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_17kj2_gg_.__formatTags_17kj2_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_17kj2_gg_.__formatTags_17kj2_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_17kj2_gg_.__formatTags_17kj2_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_17kj2_gg_.__formatTags_17kj2_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_17kj2_gg_.__formatTags_17kj2_gg_ code,.___SText_17kj2_gg_.__formatTags_17kj2_gg_ pre{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_17kj2_gg_.__formatTags_17kj2_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_17kj2_gg_.__formatTags_17kj2_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_17kj2_gg_.__formatTags_17kj2_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_17kj2_gg_.__formatTags_17kj2_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]),.___SText_17kj2_gg_.__formatTags_17kj2_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_17kj2_gg_.__formatTags_17kj2_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_17kj2_gg_):before,.___SText_17kj2_gg_.__formatTags_17kj2_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_17kj2_gg_):before{position:absolute;left:0;color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_17kj2_gg_)+li:not(.___SText_17kj2_gg_),.___SText_17kj2_gg_.__formatTags_17kj2_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_17kj2_gg_)+li:not(.___SText_17kj2_gg_){margin:var(--intergalactic-spacing-2x, 8px)0 0 0}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]){counter-reset:item 0}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_17kj2_gg_):before{counter-increment:item;content:counters(item,\".\")}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_17kj2_gg_):before{content:\"\";background-color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SText_17kj2_gg_.__formatTags_17kj2_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_17kj2_gg_.__formatTags_17kj2_gg_ h1:only-child,.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h2:only-child,.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h3:only-child,.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h4:only-child,.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h5:only-child,.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h6:only-child{margin-bottom:0}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h2,.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h3{font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h2{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h3{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_17kj2_gg_.__formatTags_17kj2_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_17kj2_gg_.__formatTags_17kj2_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_17kj2_gg_.__formatTags_17kj2_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_17kj2_gg_.__formatTags_17kj2_gg_ h1 small,.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h2 small,.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h3 small,.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h4 small,.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h5 small,.___SText_17kj2_gg_.__formatTags_17kj2_gg_ h6 small{color:var(--intergalactic-text-secondary, #6c6e79);font-weight:300;font-size:100%}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ li,.___SText_17kj2_gg_.__formatTags_17kj2_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ p{margin:0 0 var(--intergalactic-spacing-5x, 20px)0}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ p:last-child,.___SText_17kj2_gg_._size_100_17kj2_gg_.__formatTags_17kj2_gg_ p:last-child,.___SText_17kj2_gg_._size_200_17kj2_gg_.__formatTags_17kj2_gg_ p:last-child,.___SText_17kj2_gg_._size_300_17kj2_gg_.__formatTags_17kj2_gg_ p:last-child{margin-bottom:0}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ ol ol li,.___SText_17kj2_gg_._size_100_17kj2_gg_.__formatTags_17kj2_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_17kj2_gg_.__formatTags_17kj2_gg_ ol ol ol li,.___SText_17kj2_gg_._size_100_17kj2_gg_.__formatTags_17kj2_gg_ ol ol ol li,.___SText_17kj2_gg_._size_200_17kj2_gg_.__formatTags_17kj2_gg_ ol ol ol li,.___SText_17kj2_gg_._size_300_17kj2_gg_.__formatTags_17kj2_gg_ ol ol ol li{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SText_17kj2_gg_.__formatTags_17kj2_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_17kj2_gg_._size_100_17kj2_gg_,.___SText_17kj2_gg_._size_100_17kj2_gg_.__formatTags_17kj2_gg_ li,.___SText_17kj2_gg_._size_100_17kj2_gg_.__formatTags_17kj2_gg_ p{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_17kj2_gg_._size_100_17kj2_gg_.__formatTags_17kj2_gg_ p{margin:0 0 calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_17kj2_gg_._size_100_17kj2_gg_.__formatTags_17kj2_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_17kj2_gg_._size_100_17kj2_gg_.__formatTags_17kj2_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_17kj2_gg_._size_200_17kj2_gg_,.___SText_17kj2_gg_._size_200_17kj2_gg_.__formatTags_17kj2_gg_ li,.___SText_17kj2_gg_._size_200_17kj2_gg_.__formatTags_17kj2_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_17kj2_gg_._size_200_17kj2_gg_.__formatTags_17kj2_gg_ p{margin:0 0 var(--intergalactic-spacing-5x, 20px)0}.___SText_17kj2_gg_._size_200_17kj2_gg_.__formatTags_17kj2_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_17kj2_gg_._size_200_17kj2_gg_.__formatTags_17kj2_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_17kj2_gg_._size_200_17kj2_gg_.__formatTags_17kj2_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_17kj2_gg_._size_300_17kj2_gg_,.___SText_17kj2_gg_._size_300_17kj2_gg_.__formatTags_17kj2_gg_ li,.___SText_17kj2_gg_._size_300_17kj2_gg_.__formatTags_17kj2_gg_ p{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_17kj2_gg_._size_300_17kj2_gg_.__formatTags_17kj2_gg_ p{margin:0 0 var(--intergalactic-spacing-6x, 24px)0}.___SText_17kj2_gg_._size_300_17kj2_gg_.__formatTags_17kj2_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_17kj2_gg_._size_300_17kj2_gg_.__formatTags_17kj2_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_17kj2_gg_._size_300_17kj2_gg_.__formatTags_17kj2_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_17kj2_gg_._size_400_17kj2_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_17kj2_gg_._size_500_17kj2_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_17kj2_gg_._size_600_17kj2_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_17kj2_gg_._size_700_17kj2_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_17kj2_gg_._size_800_17kj2_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_17kj2_gg_.__noWrap_17kj2_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_17kj2_gg_.__medium_17kj2_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_17kj2_gg_.__semibold_17kj2_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_17kj2_gg_.__bold_17kj2_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_17kj2_gg_.__italic_17kj2_gg_{font-style:italic}.___SText_17kj2_gg_.__monospace_17kj2_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_17kj2_gg_.__uppercase_17kj2_gg_{text-transform:uppercase}.___SText_17kj2_gg_.__lowercase_17kj2_gg_{text-transform:lowercase}.___SText_17kj2_gg_.__capitalize_17kj2_gg_{text-transform:capitalize}.___SText_17kj2_gg_.__decoration_17kj2_gg_{-webkit-text-decoration:var(--decoration_17kj2);text-decoration:var(--decoration_17kj2)}.___SText_17kj2_gg_.__color_17kj2_gg_{color:var(--color_17kj2)}.___SText_17kj2_gg_.__fontSize_17kj2_gg_{font-size:var(--fontSize_17kj2)}.___SText_17kj2_gg_.__lineHeight_17kj2_gg_{line-height:var(--lineHeight_17kj2)}.___SText_17kj2_gg_.__fontWeight_17kj2_gg_{font-weight:var(--fontWeight_17kj2)}.___SText_17kj2_gg_.__textAlign_17kj2_gg_{text-align:var(--textAlign_17kj2)}.___SText_17kj2_gg_._use_primary_17kj2_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_17kj2_gg_._use_secondary_17kj2_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_17kj2_gg_.__disabled_17kj2_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}@media (prefers-reduced-motion){.___SText_17kj2_gg_ a{transition:none}}", /*__inner_css_end__*/"17kj2_gg_"),
|
|
14
|
+
const styles = (/*__reshadow_css_start__*/_core.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_"),
|
|
15
15
|
/*__reshadow_css_end__*/
|
|
16
16
|
{
|
|
17
|
-
"__SText": "
|
|
18
|
-
"_size_400": "
|
|
19
|
-
"_size_500": "
|
|
20
|
-
"_size_600": "
|
|
21
|
-
"_size_700": "
|
|
22
|
-
"_size_800": "
|
|
23
|
-
"_noWrap": "
|
|
24
|
-
"_medium": "
|
|
25
|
-
"_semibold": "
|
|
26
|
-
"_bold": "
|
|
27
|
-
"_italic": "
|
|
28
|
-
"_monospace": "
|
|
29
|
-
"_uppercase": "
|
|
30
|
-
"_lowercase": "
|
|
31
|
-
"_capitalize": "
|
|
32
|
-
"_decoration": "
|
|
33
|
-
"--decoration": "--
|
|
34
|
-
"_color": "
|
|
35
|
-
"--color": "--
|
|
36
|
-
"_fontSize": "
|
|
37
|
-
"--fontSize": "--
|
|
38
|
-
"_lineHeight": "
|
|
39
|
-
"--lineHeight": "--
|
|
40
|
-
"_fontWeight": "
|
|
41
|
-
"--fontWeight": "--
|
|
42
|
-
"_textAlign": "
|
|
43
|
-
"--textAlign": "--
|
|
44
|
-
"_use_primary": "
|
|
45
|
-
"_use_secondary": "
|
|
46
|
-
"_disabled": "
|
|
47
|
-
"_formatTags": "
|
|
48
|
-
"
|
|
49
|
-
"
|
|
50
|
-
"
|
|
17
|
+
"__SText": "___SText_grvyh_gg_",
|
|
18
|
+
"_size_400": "_size_400_grvyh_gg_",
|
|
19
|
+
"_size_500": "_size_500_grvyh_gg_",
|
|
20
|
+
"_size_600": "_size_600_grvyh_gg_",
|
|
21
|
+
"_size_700": "_size_700_grvyh_gg_",
|
|
22
|
+
"_size_800": "_size_800_grvyh_gg_",
|
|
23
|
+
"_noWrap": "__noWrap_grvyh_gg_",
|
|
24
|
+
"_medium": "__medium_grvyh_gg_",
|
|
25
|
+
"_semibold": "__semibold_grvyh_gg_",
|
|
26
|
+
"_bold": "__bold_grvyh_gg_",
|
|
27
|
+
"_italic": "__italic_grvyh_gg_",
|
|
28
|
+
"_monospace": "__monospace_grvyh_gg_",
|
|
29
|
+
"_uppercase": "__uppercase_grvyh_gg_",
|
|
30
|
+
"_lowercase": "__lowercase_grvyh_gg_",
|
|
31
|
+
"_capitalize": "__capitalize_grvyh_gg_",
|
|
32
|
+
"_decoration": "__decoration_grvyh_gg_",
|
|
33
|
+
"--decoration": "--decoration_grvyh",
|
|
34
|
+
"_color": "__color_grvyh_gg_",
|
|
35
|
+
"--color": "--color_grvyh",
|
|
36
|
+
"_fontSize": "__fontSize_grvyh_gg_",
|
|
37
|
+
"--fontSize": "--fontSize_grvyh",
|
|
38
|
+
"_lineHeight": "__lineHeight_grvyh_gg_",
|
|
39
|
+
"--lineHeight": "--lineHeight_grvyh",
|
|
40
|
+
"_fontWeight": "__fontWeight_grvyh_gg_",
|
|
41
|
+
"--fontWeight": "--fontWeight_grvyh",
|
|
42
|
+
"_textAlign": "__textAlign_grvyh_gg_",
|
|
43
|
+
"--textAlign": "--textAlign_grvyh",
|
|
44
|
+
"_use_primary": "_use_primary_grvyh_gg_",
|
|
45
|
+
"_use_secondary": "_use_secondary_grvyh_gg_",
|
|
46
|
+
"_disabled": "__disabled_grvyh_gg_",
|
|
47
|
+
"_formatTags": "__formatTags_grvyh_gg_",
|
|
48
|
+
"_ellipsis": "__ellipsis_grvyh_gg_",
|
|
49
|
+
"_trim_end": "_trim_end_grvyh_gg_",
|
|
50
|
+
"_maxLine": "__maxLine_grvyh_gg_",
|
|
51
|
+
"--maxLine": "--maxLine_grvyh",
|
|
52
|
+
"_trim_middle": "_trim_middle_grvyh_gg_",
|
|
53
|
+
"_size_100": "_size_100_grvyh_gg_",
|
|
54
|
+
"_size_200": "_size_200_grvyh_gg_",
|
|
55
|
+
"_size_300": "_size_300_grvyh_gg_"
|
|
51
56
|
});
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
57
|
+
class TextRoot extends _core.Component {
|
|
58
|
+
constructor(props) {
|
|
59
|
+
super(props);
|
|
60
|
+
(0, _defineProperty2.default)(this, "ellipsis", null);
|
|
61
|
+
(0, _defineProperty2.default)(this, "innerRef", /*#__PURE__*/_react.default.createRef());
|
|
62
|
+
(0, _defineProperty2.default)(this, "state", {
|
|
63
|
+
showHint: false
|
|
64
|
+
});
|
|
65
|
+
this.handleEllipsized = this.handleEllipsized.bind(this);
|
|
55
66
|
}
|
|
56
|
-
|
|
57
|
-
|
|
67
|
+
componentDidMount() {
|
|
68
|
+
this.initEllipsis();
|
|
69
|
+
}
|
|
70
|
+
componentDidUpdate(prevProps) {
|
|
71
|
+
if (prevProps.ellipsis !== this.asProps.ellipsis) {
|
|
72
|
+
this.cleanUpEllipsis();
|
|
73
|
+
this.initEllipsis();
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
componentWillUnmount() {
|
|
77
|
+
this.cleanUpEllipsis();
|
|
78
|
+
}
|
|
79
|
+
render() {
|
|
80
|
+
var _ref = this.asProps,
|
|
81
|
+
_ref2;
|
|
82
|
+
const SText = _baseComponents.Box;
|
|
83
|
+
const {
|
|
84
|
+
color,
|
|
85
|
+
underline,
|
|
86
|
+
lineThrough,
|
|
87
|
+
hintProps,
|
|
88
|
+
children,
|
|
89
|
+
ellipsis,
|
|
90
|
+
resolveColor
|
|
91
|
+
} = this.asProps;
|
|
92
|
+
const {
|
|
93
|
+
showHint
|
|
94
|
+
} = this.state;
|
|
95
|
+
const cropPosition = typeof ellipsis === 'object' ? ellipsis.cropPosition ?? 'end' : ellipsis === true ? 'end' : undefined;
|
|
96
|
+
let withHint = hintProps !== false;
|
|
97
|
+
const maxLineValue = typeof ellipsis === 'object' && ellipsis.maxLine !== undefined ? ellipsis.maxLine : undefined;
|
|
98
|
+
if (hintProps === undefined && maxLineValue !== undefined && maxLineValue > 1) {
|
|
99
|
+
withHint = false;
|
|
100
|
+
}
|
|
101
|
+
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(SText, _ref2.cn("SText", {
|
|
102
|
+
...(0, _core.assignProps)({
|
|
103
|
+
"tag": 'span',
|
|
104
|
+
"data-ui-name": 'Text',
|
|
105
|
+
"ref": this.innerRef,
|
|
106
|
+
"use:decoration": this.getTextDecoration(underline, lineThrough),
|
|
107
|
+
"use:color": resolveColor(color),
|
|
108
|
+
"use:ellipsis": Boolean(ellipsis),
|
|
109
|
+
"maxLine": maxLineValue,
|
|
110
|
+
"trim": cropPosition
|
|
111
|
+
}, _ref)
|
|
112
|
+
})), showHint && withHint && /*#__PURE__*/_react.default.createElement(_baseComponents.Hint, _ref2.cn("Hint", {
|
|
113
|
+
"triggerRef": this.innerRef,
|
|
114
|
+
...hintProps
|
|
115
|
+
}), children));
|
|
116
|
+
}
|
|
117
|
+
handleEllipsized(isEllipsis) {
|
|
118
|
+
this.setState({
|
|
119
|
+
showHint: isEllipsis
|
|
120
|
+
});
|
|
121
|
+
}
|
|
122
|
+
initEllipsis() {
|
|
123
|
+
const ellipsis = this.asProps.ellipsis;
|
|
124
|
+
if (ellipsis && this.innerRef.current) {
|
|
125
|
+
this.ellipsis = ellipsis instanceof _baseComponents.Ellipsis ? ellipsis : new _baseComponents.Ellipsis(this.innerRef.current, ellipsis === true ? {} : ellipsis);
|
|
126
|
+
this.ellipsis.on('isEllipsized', this.handleEllipsized);
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
cleanUpEllipsis() {
|
|
130
|
+
this.ellipsis?.off('isEllipsized', this.handleEllipsized);
|
|
131
|
+
this.ellipsis?.cleanUp();
|
|
132
|
+
this.setState({
|
|
133
|
+
showHint: false
|
|
134
|
+
});
|
|
135
|
+
}
|
|
136
|
+
getTextDecoration(underline, lineThrough) {
|
|
137
|
+
if (underline) {
|
|
138
|
+
return 'underline';
|
|
139
|
+
}
|
|
140
|
+
if (lineThrough) {
|
|
141
|
+
return 'line-through';
|
|
142
|
+
}
|
|
58
143
|
}
|
|
59
144
|
}
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
var textDecoration = getTextDecoration(underline, lineThrough);
|
|
68
|
-
var resolveColor = (0, _useColorResolver.useColorResolver)();
|
|
69
|
-
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SText, _ref2.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
70
|
-
"tag": 'span',
|
|
71
|
-
"data-ui-name": 'Text',
|
|
72
|
-
"ref": ref,
|
|
73
|
-
"use:decoration": textDecoration,
|
|
74
|
-
"use:color": resolveColor(color)
|
|
75
|
-
}, _ref))));
|
|
76
|
-
}
|
|
77
|
-
Text.displayName = 'Text';
|
|
78
|
-
var _default = exports["default"] = (0, _core.createBaseComponent)(Text);
|
|
145
|
+
(0, _defineProperty2.default)(TextRoot, "enhance", [(0, _resolveColorEnhance.default)()]);
|
|
146
|
+
(0, _defineProperty2.default)(TextRoot, "styles", styles);
|
|
147
|
+
(0, _defineProperty2.default)(TextRoot, "displayName", 'Text');
|
|
148
|
+
(0, _defineProperty2.default)(TextRoot, "defaultProps", {
|
|
149
|
+
ellipsis: false
|
|
150
|
+
});
|
|
151
|
+
var _default = exports.default = (0, _core.createComponent)(TextRoot);
|
|
79
152
|
//# sourceMappingURL=Text.js.map
|
package/lib/cjs/Text.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","names":["_core","require","
|
|
1
|
+
{"version":3,"file":"Text.js","names":["_core","require","_baseComponents","_resolveColorEnhance","_interopRequireDefault","_react","styles","sstyled","insert","TextRoot","Component","constructor","props","_defineProperty2","default","React","createRef","showHint","handleEllipsized","bind","componentDidMount","initEllipsis","componentDidUpdate","prevProps","ellipsis","asProps","cleanUpEllipsis","componentWillUnmount","render","_ref","_ref2","SText","Box","color","underline","lineThrough","hintProps","children","resolveColor","state","cropPosition","undefined","withHint","maxLineValue","maxLine","createElement","Fragment","cn","assignProps","innerRef","getTextDecoration","Boolean","Hint","isEllipsis","setState","current","Ellipsis","on","off","cleanUp","resolveColorEnhance","_default","exports","createComponent"],"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":"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","ignoreList":[]}
|
package/lib/cjs/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 { 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":[]}
|
package/lib/cjs/index.js
CHANGED
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
Object.defineProperty(exports, "Blockquote", {
|
|
8
8
|
enumerable: true,
|
|
9
|
-
get: function
|
|
10
|
-
return _Blockquote
|
|
9
|
+
get: function () {
|
|
10
|
+
return _Blockquote.default;
|
|
11
11
|
}
|
|
12
12
|
});
|
|
13
13
|
Object.defineProperty(exports, "List", {
|
|
14
14
|
enumerable: true,
|
|
15
|
-
get: function
|
|
16
|
-
return _List
|
|
15
|
+
get: function () {
|
|
16
|
+
return _List.default;
|
|
17
17
|
}
|
|
18
18
|
});
|
|
19
19
|
Object.defineProperty(exports, "Text", {
|
|
20
20
|
enumerable: true,
|
|
21
|
-
get: function
|
|
22
|
-
return _Text
|
|
21
|
+
get: function () {
|
|
22
|
+
return _Text.default;
|
|
23
23
|
}
|
|
24
24
|
});
|
|
25
25
|
var _Text = _interopRequireDefault(require("./Text"));
|
|
@@ -106,6 +106,11 @@ SText {
|
|
|
106
106
|
background-color: var(--intergalactic-icon-primary-neutral, #6c6e79);
|
|
107
107
|
}
|
|
108
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);
|
|
112
|
+
}
|
|
113
|
+
|
|
109
114
|
& h1 {
|
|
110
115
|
font-size: var(--intergalactic-fs-800, 48px);
|
|
111
116
|
line-height: var(--intergalactic-lh-800, 117%);
|
|
@@ -192,7 +197,7 @@ SText {
|
|
|
192
197
|
}
|
|
193
198
|
|
|
194
199
|
& p {
|
|
195
|
-
margin: 0 0 var(--intergalactic-spacing-
|
|
200
|
+
margin: 0 0 var(--intergalactic-spacing-4x, 16px) 0;
|
|
196
201
|
|
|
197
202
|
&:last-child {
|
|
198
203
|
margin-bottom: 0;
|
|
@@ -222,6 +227,29 @@ SText {
|
|
|
222
227
|
}
|
|
223
228
|
}
|
|
224
229
|
|
|
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
|
+
|
|
225
253
|
SText[size='100'] {
|
|
226
254
|
font-size: var(--intergalactic-fs-100, 12px);
|
|
227
255
|
line-height: var(--intergalactic-lh-100, 133%);
|
|
@@ -275,7 +303,7 @@ SText[size='200'] {
|
|
|
275
303
|
}
|
|
276
304
|
|
|
277
305
|
& p {
|
|
278
|
-
margin: 0 0 var(--intergalactic-spacing-
|
|
306
|
+
margin: 0 0 var(--intergalactic-spacing-3x, 12px) 0;
|
|
279
307
|
|
|
280
308
|
&:last-child {
|
|
281
309
|
margin-bottom: 0;
|
|
@@ -317,7 +345,7 @@ SText[size='300'] {
|
|
|
317
345
|
}
|
|
318
346
|
|
|
319
347
|
& p {
|
|
320
|
-
margin: 0 0 var(--intergalactic-spacing-
|
|
348
|
+
margin: 0 0 var(--intergalactic-spacing-4x, 16px) 0;
|
|
321
349
|
|
|
322
350
|
&:last-child {
|
|
323
351
|
margin-bottom: 0;
|
package/lib/es6/Blockquote.js
CHANGED
|
@@ -1,30 +1,33 @@
|
|
|
1
|
-
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
2
1
|
import { sstyled as _sstyled } from "@semcore/core";
|
|
3
2
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
3
|
+
import { Box } from '@semcore/base-components';
|
|
4
4
|
import { createBaseComponent, Root, sstyled } from '@semcore/core';
|
|
5
5
|
import isNode from '@semcore/core/lib/utils/isNode';
|
|
6
|
-
import { Box } from '@semcore/flex-box';
|
|
7
6
|
import React from 'react';
|
|
8
7
|
/*!__reshadow-styles__:"./style/blockquote.shadow.css"*/
|
|
9
|
-
|
|
8
|
+
const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___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%)}", /*__inner_css_end__*/"hkf9e_gg_"),
|
|
10
9
|
/*__reshadow_css_end__*/
|
|
11
10
|
{
|
|
12
|
-
"__SBlockquote": "
|
|
13
|
-
"__SDoubleQuotation": "
|
|
14
|
-
"__SAuthor": "
|
|
11
|
+
"__SBlockquote": "___SBlockquote_hkf9e_gg_",
|
|
12
|
+
"__SDoubleQuotation": "___SDoubleQuotation_hkf9e_gg_",
|
|
13
|
+
"__SAuthor": "___SAuthor_hkf9e_gg_"
|
|
15
14
|
});
|
|
16
15
|
function Blockquote(props, ref) {
|
|
17
16
|
var _ref = arguments[0],
|
|
18
17
|
_ref2;
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
18
|
+
const SBlockquote = Box;
|
|
19
|
+
const SDoubleQuotation = 'span';
|
|
20
|
+
const SAuthor = 'cite';
|
|
21
|
+
const {
|
|
22
|
+
children,
|
|
23
|
+
author
|
|
24
|
+
} = props;
|
|
25
|
+
return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SBlockquote, _ref2.cn("SBlockquote", {
|
|
26
|
+
..._assignProps({
|
|
27
|
+
"tag": 'blockquote',
|
|
28
|
+
"ref": ref
|
|
29
|
+
}, _ref)
|
|
30
|
+
}), /*#__PURE__*/React.createElement(SDoubleQuotation, _ref2.cn("SDoubleQuotation", {}), "\u201C"), /*#__PURE__*/React.createElement("span", _ref2.cn("span", {}), children, isNode(author) && /*#__PURE__*/React.createElement(SAuthor, _ref2.cn("SAuthor", {}), author)));
|
|
28
31
|
}
|
|
29
32
|
Blockquote.displayName = 'Blockquote';
|
|
30
33
|
export default createBaseComponent(Blockquote);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Blockquote.js","names":["createBaseComponent","Root","sstyled","isNode","
|
|
1
|
+
{"version":3,"file":"Blockquote.js","names":["Box","createBaseComponent","Root","sstyled","isNode","React","styles","_sstyled","insert","Blockquote","props","ref","_ref","arguments[0]","_ref2","SBlockquote","SDoubleQuotation","SAuthor","children","author","createElement","cn","_assignProps","displayName"],"sources":["../../src/Blockquote.jsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { createBaseComponent, Root, sstyled } from '@semcore/core';\nimport isNode from '@semcore/core/lib/utils/isNode';\nimport React from 'react';\n\nimport styles from './style/blockquote.shadow.css';\n\nfunction Blockquote(props, ref) {\n const SBlockquote = Root;\n const SDoubleQuotation = 'span';\n const SAuthor = 'cite';\n const { children, author } = props;\n\n return sstyled(styles)(\n <SBlockquote render={Box} tag='blockquote' ref={ref}>\n <SDoubleQuotation>“</SDoubleQuotation>\n <span>\n {children}\n {isNode(author) && <SAuthor>{author}</SAuthor>}\n </span>\n </SBlockquote>,\n );\n}\n\nBlockquote.displayName = 'Blockquote';\n\nexport default createBaseComponent(Blockquote);\n"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,0BAA0B;AAC9C,SAASC,mBAAmB,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAClE,OAAOC,MAAM,MAAM,gCAAgC;AACnD,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,MAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;AAAA;AAI1B,SAASC,UAAUA,CAACC,KAAK,EAAEC,GAAG,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC9B,MAAMC,WAAW,GAMMf,GAAG;EAL1B,MAAMgB,gBAAgB,GAAG,MAAM;EAC/B,MAAMC,OAAO,GAAG,MAAM;EACtB,MAAM;IAAEC,QAAQ;IAAEC;EAAO,CAAC,GAAGT,KAAK;EAElC,OAAAI,KAAA,GAAOX,OAAO,CAACG,MAAM,CAAC,eACpBD,KAAA,CAAAe,aAAA,CAACL,WAAW,EAAAD,KAAA,CAAAO,EAAA;IAAA,GAAAC,YAAA;MAAA,OAAkB,YAAY;MAAA,OAAMX;IAAG,GAAAC,IAAA;EAAA,iBACjDP,KAAA,CAAAe,aAAA,CAACJ,gBAAgB,EAAAF,KAAA,CAAAO,EAAA,0BAAC,QAAmB,CAAC,eACtChB,KAAA,CAAAe,aAAA,SAAAN,KAAA,CAAAO,EAAA,cACGH,QAAQ,EACRd,MAAM,CAACe,MAAM,CAAC,iBAAId,KAAA,CAAAe,aAAA,CAACH,OAAO,EAAAH,KAAA,CAAAO,EAAA,iBAAEF,MAAgB,CACzC,CACK,CAAC;AAElB;AAEAV,UAAU,CAACc,WAAW,GAAG,YAAY;AAErC,eAAetB,mBAAmB,CAACQ,UAAU,CAAC","ignoreList":[]}
|