@semcore/typography 17.0.1 → 17.0.2-prerelease.1

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.
Files changed (57) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/lib/cjs/{Blockquote.js → components/Blockquote/Blockquote.js} +11 -10
  3. package/lib/cjs/components/Blockquote/Blockquote.js.map +1 -0
  4. package/lib/cjs/components/Blockquote/Blockquote.type.js +2 -0
  5. package/lib/cjs/components/Blockquote/Blockquote.type.js.map +1 -0
  6. package/lib/cjs/{List.js → components/List/List.js} +8 -9
  7. package/lib/cjs/components/List/List.js.map +1 -0
  8. package/lib/cjs/components/List/List.type.js +2 -0
  9. package/lib/cjs/components/List/List.type.js.map +1 -0
  10. package/lib/cjs/{Text.js → components/Text/Text.js} +44 -43
  11. package/lib/cjs/components/Text/Text.js.map +1 -0
  12. package/lib/cjs/components/Text/Text.type.js +2 -0
  13. package/lib/cjs/components/Text/Text.type.js.map +1 -0
  14. package/lib/cjs/index.js +44 -3
  15. package/lib/cjs/index.js.map +1 -1
  16. package/lib/es6/{Blockquote.js → components/Blockquote/Blockquote.js} +11 -10
  17. package/lib/es6/components/Blockquote/Blockquote.js.map +1 -0
  18. package/lib/es6/components/Blockquote/Blockquote.type.js +2 -0
  19. package/lib/es6/components/Blockquote/Blockquote.type.js.map +1 -0
  20. package/lib/es6/{List.js → components/List/List.js} +8 -9
  21. package/lib/es6/components/List/List.js.map +1 -0
  22. package/lib/es6/components/List/List.type.js +2 -0
  23. package/lib/es6/components/List/List.type.js.map +1 -0
  24. package/lib/es6/{Text.js → components/Text/Text.js} +44 -43
  25. package/lib/es6/components/Text/Text.js.map +1 -0
  26. package/lib/es6/components/Text/Text.type.js +2 -0
  27. package/lib/es6/components/Text/Text.type.js.map +1 -0
  28. package/lib/es6/index.js +6 -3
  29. package/lib/es6/index.js.map +1 -1
  30. package/lib/esm/{Blockquote.mjs → components/Blockquote/Blockquote.mjs} +12 -12
  31. package/lib/esm/components/Blockquote/Blockquote.type.mjs +1 -0
  32. package/lib/esm/{List.mjs → components/List/List.mjs} +9 -10
  33. package/lib/esm/components/List/List.type.mjs +1 -0
  34. package/lib/esm/components/Text/Text.mjs +163 -0
  35. package/lib/esm/components/Text/Text.type.mjs +1 -0
  36. package/lib/esm/index.mjs +6 -3
  37. package/lib/types/components/Blockquote/Blockquote.d.ts +3 -0
  38. package/lib/types/components/Blockquote/Blockquote.type.d.ts +12 -0
  39. package/lib/types/components/List/List.d.ts +3 -0
  40. package/lib/types/components/List/List.type.d.ts +34 -0
  41. package/lib/types/components/Text/Text.d.ts +3 -0
  42. package/lib/types/components/Text/Text.type.d.ts +82 -0
  43. package/lib/types/index.d.ts +6 -117
  44. package/package.json +6 -6
  45. package/vite.config.ts +1 -1
  46. package/lib/cjs/Blockquote.js.map +0 -1
  47. package/lib/cjs/List.js.map +0 -1
  48. package/lib/cjs/Text.js.map +0 -1
  49. package/lib/cjs/index.d.js +0 -2
  50. package/lib/cjs/index.d.js.map +0 -1
  51. package/lib/es6/Blockquote.js.map +0 -1
  52. package/lib/es6/List.js.map +0 -1
  53. package/lib/es6/Text.js.map +0 -1
  54. package/lib/es6/index.d.js +0 -2
  55. package/lib/es6/index.d.js.map +0 -1
  56. package/lib/esm/Text.mjs +0 -163
  57. package/lib/types/Text.d.ts +0 -2
@@ -5,50 +5,50 @@ import { Ellipsis, Hint, Box } from '@semcore/base-components';
5
5
  import { Root, sstyled, Component, createComponent } from '@semcore/core';
6
6
  import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';
7
7
  import React from 'react';
8
- /*!__reshadow-styles__:"./style/text.shadow.css"*/
9
- const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SText_tywgj_gg_{padding:0;margin:0}.___SText_tywgj_gg_.__formatTags_tywgj_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_tywgj_gg_.__formatTags_tywgj_gg_ abbr:active,.___SText_tywgj_gg_.__formatTags_tywgj_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_tywgj_gg_.__formatTags_tywgj_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_tywgj_gg_.__formatTags_tywgj_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_tywgj_gg_.__formatTags_tywgj_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_tywgj_gg_.__formatTags_tywgj_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_tywgj_gg_.__formatTags_tywgj_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_tywgj_gg_.__formatTags_tywgj_gg_ code,.___SText_tywgj_gg_.__formatTags_tywgj_gg_ pre{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_tywgj_gg_.__formatTags_tywgj_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_tywgj_gg_.__formatTags_tywgj_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_tywgj_gg_.__formatTags_tywgj_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_tywgj_gg_.__formatTags_tywgj_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]),.___SText_tywgj_gg_.__formatTags_tywgj_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_tywgj_gg_.__formatTags_tywgj_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_tywgj_gg_):before,.___SText_tywgj_gg_.__formatTags_tywgj_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_tywgj_gg_):before{position:absolute;left:0;color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_tywgj_gg_.__formatTags_tywgj_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_tywgj_gg_)+li:not(.___SText_tywgj_gg_),.___SText_tywgj_gg_.__formatTags_tywgj_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_tywgj_gg_)+li:not(.___SText_tywgj_gg_){margin:var(--intergalactic-spacing-2x, 8px)0 0 0}.___SText_tywgj_gg_.__formatTags_tywgj_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]){counter-reset:item 0}.___SText_tywgj_gg_.__formatTags_tywgj_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_tywgj_gg_):before{counter-increment:item;content:counters(item,\".\")}.___SText_tywgj_gg_.__formatTags_tywgj_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_tywgj_gg_):before{content:\"\";background-color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SText_tywgj_gg_.__formatTags_tywgj_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]):has(+p),.___SText_tywgj_gg_.__formatTags_tywgj_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]):has(+p){margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SText_tywgj_gg_.__formatTags_tywgj_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_tywgj_gg_.__formatTags_tywgj_gg_ h1:only-child,.___SText_tywgj_gg_.__formatTags_tywgj_gg_ h2:only-child,.___SText_tywgj_gg_.__formatTags_tywgj_gg_ h3:only-child,.___SText_tywgj_gg_.__formatTags_tywgj_gg_ h4:only-child,.___SText_tywgj_gg_.__formatTags_tywgj_gg_ h5:only-child,.___SText_tywgj_gg_.__formatTags_tywgj_gg_ h6:only-child{margin-bottom:0}.___SText_tywgj_gg_.__formatTags_tywgj_gg_ h2{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%);font-weight:var(--intergalactic-semi-bold, 600)}.___SText_tywgj_gg_.__formatTags_tywgj_gg_ h3{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%);font-weight:var(--intergalactic-semi-bold, 600)}.___SText_tywgj_gg_.__formatTags_tywgj_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_tywgj_gg_.__formatTags_tywgj_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_tywgj_gg_.__formatTags_tywgj_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_tywgj_gg_.__formatTags_tywgj_gg_ h1 small,.___SText_tywgj_gg_.__formatTags_tywgj_gg_ h2 small,.___SText_tywgj_gg_.__formatTags_tywgj_gg_ h3 small,.___SText_tywgj_gg_.__formatTags_tywgj_gg_ h4 small,.___SText_tywgj_gg_.__formatTags_tywgj_gg_ h5 small,.___SText_tywgj_gg_.__formatTags_tywgj_gg_ h6 small{color:var(--intergalactic-text-secondary, #6c6e79);font-weight:300;font-size:100%}.___SText_tywgj_gg_.__formatTags_tywgj_gg_ li,.___SText_tywgj_gg_.__formatTags_tywgj_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_tywgj_gg_.__formatTags_tywgj_gg_ h2,.___SText_tywgj_gg_.__formatTags_tywgj_gg_ h3,.___SText_tywgj_gg_.__formatTags_tywgj_gg_ p{margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_tywgj_gg_.__formatTags_tywgj_gg_ p:last-child,.___SText_tywgj_gg_._size_100_tywgj_gg_.__formatTags_tywgj_gg_ p:last-child,.___SText_tywgj_gg_._size_200_tywgj_gg_.__formatTags_tywgj_gg_ p:last-child,.___SText_tywgj_gg_._size_300_tywgj_gg_.__formatTags_tywgj_gg_ p:last-child{margin-bottom:0}.___SText_tywgj_gg_.__formatTags_tywgj_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_tywgj_gg_.__formatTags_tywgj_gg_ ol ol li,.___SText_tywgj_gg_._size_100_tywgj_gg_.__formatTags_tywgj_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_tywgj_gg_.__formatTags_tywgj_gg_ ol ol ol li,.___SText_tywgj_gg_._size_100_tywgj_gg_.__formatTags_tywgj_gg_ ol ol ol li,.___SText_tywgj_gg_._size_200_tywgj_gg_.__formatTags_tywgj_gg_ ol ol ol li,.___SText_tywgj_gg_._size_300_tywgj_gg_.__formatTags_tywgj_gg_ ol ol ol li{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SText_tywgj_gg_.__formatTags_tywgj_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_tywgj_gg_.__ellipsis_tywgj_gg_{overflow:hidden;text-overflow:ellipsis;white-space:pre;display:inline-block;line-height:inherit;vertical-align:top}.___SText_tywgj_gg_.__ellipsis_tywgj_gg_._trim_end_tywgj_gg_.__isEllipsized_tywgj_gg_::after{content:\"\";display:block}.___SText_tywgj_gg_.__ellipsis_tywgj_gg_.__maxLine_tywgj_gg_{-webkit-line-clamp:var(--maxLine_tywgj);display:-webkit-box;-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word}.___SText_tywgj_gg_.__ellipsis_tywgj_gg_._trim_middle_tywgj_gg_{text-overflow:initial}.___SText_tywgj_gg_._size_100_tywgj_gg_,.___SText_tywgj_gg_._size_100_tywgj_gg_.__formatTags_tywgj_gg_ li,.___SText_tywgj_gg_._size_100_tywgj_gg_.__formatTags_tywgj_gg_ p{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_tywgj_gg_._size_100_tywgj_gg_.__formatTags_tywgj_gg_ p{margin:0 0 calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_tywgj_gg_._size_100_tywgj_gg_.__formatTags_tywgj_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_tywgj_gg_._size_100_tywgj_gg_.__formatTags_tywgj_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_tywgj_gg_._size_200_tywgj_gg_,.___SText_tywgj_gg_._size_200_tywgj_gg_.__formatTags_tywgj_gg_ li,.___SText_tywgj_gg_._size_200_tywgj_gg_.__formatTags_tywgj_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_tywgj_gg_._size_200_tywgj_gg_.__formatTags_tywgj_gg_ p{margin:0 0 var(--intergalactic-spacing-3x, 12px)0}.___SText_tywgj_gg_._size_200_tywgj_gg_.__formatTags_tywgj_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_tywgj_gg_._size_200_tywgj_gg_.__formatTags_tywgj_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_tywgj_gg_._size_200_tywgj_gg_.__formatTags_tywgj_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_tywgj_gg_._size_300_tywgj_gg_,.___SText_tywgj_gg_._size_300_tywgj_gg_.__formatTags_tywgj_gg_ li,.___SText_tywgj_gg_._size_300_tywgj_gg_.__formatTags_tywgj_gg_ p{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_tywgj_gg_._size_300_tywgj_gg_.__formatTags_tywgj_gg_ p{margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_tywgj_gg_._size_300_tywgj_gg_.__formatTags_tywgj_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_tywgj_gg_._size_300_tywgj_gg_.__formatTags_tywgj_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_tywgj_gg_._size_300_tywgj_gg_.__formatTags_tywgj_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_tywgj_gg_._size_400_tywgj_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_tywgj_gg_._size_500_tywgj_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_tywgj_gg_._size_600_tywgj_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_tywgj_gg_._size_700_tywgj_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_tywgj_gg_._size_800_tywgj_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_tywgj_gg_.__noWrap_tywgj_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_tywgj_gg_.__medium_tywgj_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_tywgj_gg_.__semibold_tywgj_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_tywgj_gg_.__bold_tywgj_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_tywgj_gg_.__italic_tywgj_gg_{font-style:italic}.___SText_tywgj_gg_.__monospace_tywgj_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_tywgj_gg_.__uppercase_tywgj_gg_{text-transform:uppercase}.___SText_tywgj_gg_.__lowercase_tywgj_gg_{text-transform:lowercase}.___SText_tywgj_gg_.__capitalize_tywgj_gg_{text-transform:capitalize}.___SText_tywgj_gg_.__decoration_tywgj_gg_{-webkit-text-decoration:var(--decoration_tywgj);text-decoration:var(--decoration_tywgj)}.___SText_tywgj_gg_.__color_tywgj_gg_{color:var(--color_tywgj)}.___SText_tywgj_gg_.__fontSize_tywgj_gg_{font-size:var(--fontSize_tywgj)}.___SText_tywgj_gg_.__lineHeight_tywgj_gg_{line-height:var(--lineHeight_tywgj)}.___SText_tywgj_gg_.__fontWeight_tywgj_gg_{font-weight:var(--fontWeight_tywgj)}.___SText_tywgj_gg_.__textAlign_tywgj_gg_{text-align:var(--textAlign_tywgj)}.___SText_tywgj_gg_._use_primary_tywgj_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_tywgj_gg_._use_secondary_tywgj_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_tywgj_gg_.__disabled_tywgj_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}@media (prefers-reduced-motion){.___SText_tywgj_gg_ a{transition:none}}", /*__inner_css_end__*/"tywgj_gg_"),
8
+ /*!__reshadow-styles__:"../../style/text.shadow.css"*/
9
+ const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SText_10clr_gg_{padding:0;margin:0}.___SText_10clr_gg_.__formatTags_10clr_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_10clr_gg_.__formatTags_10clr_gg_ abbr:active,.___SText_10clr_gg_.__formatTags_10clr_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_10clr_gg_.__formatTags_10clr_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_10clr_gg_.__formatTags_10clr_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_10clr_gg_.__formatTags_10clr_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_10clr_gg_.__formatTags_10clr_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_10clr_gg_.__formatTags_10clr_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_10clr_gg_.__formatTags_10clr_gg_ code,.___SText_10clr_gg_.__formatTags_10clr_gg_ pre{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_10clr_gg_.__formatTags_10clr_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_10clr_gg_.__formatTags_10clr_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_10clr_gg_.__formatTags_10clr_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_10clr_gg_.__formatTags_10clr_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]),.___SText_10clr_gg_.__formatTags_10clr_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_10clr_gg_.__formatTags_10clr_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_10clr_gg_):before,.___SText_10clr_gg_.__formatTags_10clr_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_10clr_gg_):before{position:absolute;left:0;color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_10clr_gg_.__formatTags_10clr_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_10clr_gg_)+li:not(.___SText_10clr_gg_),.___SText_10clr_gg_.__formatTags_10clr_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_10clr_gg_)+li:not(.___SText_10clr_gg_){margin:var(--intergalactic-spacing-2x, 8px)0 0 0}.___SText_10clr_gg_.__formatTags_10clr_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]){counter-reset:item 0}.___SText_10clr_gg_.__formatTags_10clr_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_10clr_gg_):before{counter-increment:item;content:counters(item,\".\")}.___SText_10clr_gg_.__formatTags_10clr_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_10clr_gg_):before{content:\"\";background-color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SText_10clr_gg_.__formatTags_10clr_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]):has(+p),.___SText_10clr_gg_.__formatTags_10clr_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]):has(+p){margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SText_10clr_gg_.__formatTags_10clr_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_10clr_gg_.__formatTags_10clr_gg_ h1:only-child,.___SText_10clr_gg_.__formatTags_10clr_gg_ h2:only-child,.___SText_10clr_gg_.__formatTags_10clr_gg_ h3:only-child,.___SText_10clr_gg_.__formatTags_10clr_gg_ h4:only-child,.___SText_10clr_gg_.__formatTags_10clr_gg_ h5:only-child,.___SText_10clr_gg_.__formatTags_10clr_gg_ h6:only-child{margin-bottom:0}.___SText_10clr_gg_.__formatTags_10clr_gg_ h2{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%);font-weight:var(--intergalactic-semi-bold, 600)}.___SText_10clr_gg_.__formatTags_10clr_gg_ h3{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%);font-weight:var(--intergalactic-semi-bold, 600)}.___SText_10clr_gg_.__formatTags_10clr_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_10clr_gg_.__formatTags_10clr_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_10clr_gg_.__formatTags_10clr_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_10clr_gg_.__formatTags_10clr_gg_ h1 small,.___SText_10clr_gg_.__formatTags_10clr_gg_ h2 small,.___SText_10clr_gg_.__formatTags_10clr_gg_ h3 small,.___SText_10clr_gg_.__formatTags_10clr_gg_ h4 small,.___SText_10clr_gg_.__formatTags_10clr_gg_ h5 small,.___SText_10clr_gg_.__formatTags_10clr_gg_ h6 small{color:var(--intergalactic-text-secondary, #6c6e79);font-weight:300;font-size:100%}.___SText_10clr_gg_.__formatTags_10clr_gg_ li,.___SText_10clr_gg_.__formatTags_10clr_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_10clr_gg_.__formatTags_10clr_gg_ h2,.___SText_10clr_gg_.__formatTags_10clr_gg_ h3,.___SText_10clr_gg_.__formatTags_10clr_gg_ p{margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_10clr_gg_.__formatTags_10clr_gg_ p:last-child,.___SText_10clr_gg_._size_100_10clr_gg_.__formatTags_10clr_gg_ p:last-child,.___SText_10clr_gg_._size_200_10clr_gg_.__formatTags_10clr_gg_ p:last-child,.___SText_10clr_gg_._size_300_10clr_gg_.__formatTags_10clr_gg_ p:last-child{margin-bottom:0}.___SText_10clr_gg_.__formatTags_10clr_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_10clr_gg_.__formatTags_10clr_gg_ ol ol li,.___SText_10clr_gg_._size_100_10clr_gg_.__formatTags_10clr_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_10clr_gg_.__formatTags_10clr_gg_ ol ol ol li,.___SText_10clr_gg_._size_100_10clr_gg_.__formatTags_10clr_gg_ ol ol ol li,.___SText_10clr_gg_._size_200_10clr_gg_.__formatTags_10clr_gg_ ol ol ol li,.___SText_10clr_gg_._size_300_10clr_gg_.__formatTags_10clr_gg_ ol ol ol li{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SText_10clr_gg_.__formatTags_10clr_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_10clr_gg_.__ellipsis_10clr_gg_{overflow:hidden;text-overflow:ellipsis;white-space:pre;display:inline-block;line-height:inherit;vertical-align:top}.___SText_10clr_gg_.__ellipsis_10clr_gg_._trim_end_10clr_gg_.__isEllipsized_10clr_gg_::after{content:\"\";display:block}.___SText_10clr_gg_.__ellipsis_10clr_gg_.__maxLine_10clr_gg_{-webkit-line-clamp:var(--maxLine_10clr);display:-webkit-box;-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word}.___SText_10clr_gg_.__ellipsis_10clr_gg_._trim_middle_10clr_gg_{text-overflow:initial}.___SText_10clr_gg_._size_100_10clr_gg_,.___SText_10clr_gg_._size_100_10clr_gg_.__formatTags_10clr_gg_ li,.___SText_10clr_gg_._size_100_10clr_gg_.__formatTags_10clr_gg_ p{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_10clr_gg_._size_100_10clr_gg_.__formatTags_10clr_gg_ p{margin:0 0 calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_10clr_gg_._size_100_10clr_gg_.__formatTags_10clr_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_10clr_gg_._size_100_10clr_gg_.__formatTags_10clr_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_10clr_gg_._size_200_10clr_gg_,.___SText_10clr_gg_._size_200_10clr_gg_.__formatTags_10clr_gg_ li,.___SText_10clr_gg_._size_200_10clr_gg_.__formatTags_10clr_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_10clr_gg_._size_200_10clr_gg_.__formatTags_10clr_gg_ p{margin:0 0 var(--intergalactic-spacing-3x, 12px)0}.___SText_10clr_gg_._size_200_10clr_gg_.__formatTags_10clr_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_10clr_gg_._size_200_10clr_gg_.__formatTags_10clr_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_10clr_gg_._size_200_10clr_gg_.__formatTags_10clr_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_10clr_gg_._size_300_10clr_gg_,.___SText_10clr_gg_._size_300_10clr_gg_.__formatTags_10clr_gg_ li,.___SText_10clr_gg_._size_300_10clr_gg_.__formatTags_10clr_gg_ p{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_10clr_gg_._size_300_10clr_gg_.__formatTags_10clr_gg_ p{margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_10clr_gg_._size_300_10clr_gg_.__formatTags_10clr_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_10clr_gg_._size_300_10clr_gg_.__formatTags_10clr_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_10clr_gg_._size_300_10clr_gg_.__formatTags_10clr_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_10clr_gg_._size_400_10clr_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_10clr_gg_._size_500_10clr_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_10clr_gg_._size_600_10clr_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_10clr_gg_._size_700_10clr_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_10clr_gg_._size_800_10clr_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_10clr_gg_.__noWrap_10clr_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_10clr_gg_.__medium_10clr_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_10clr_gg_.__semibold_10clr_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_10clr_gg_.__bold_10clr_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_10clr_gg_.__italic_10clr_gg_{font-style:italic}.___SText_10clr_gg_.__monospace_10clr_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_10clr_gg_.__uppercase_10clr_gg_{text-transform:uppercase}.___SText_10clr_gg_.__lowercase_10clr_gg_{text-transform:lowercase}.___SText_10clr_gg_.__capitalize_10clr_gg_{text-transform:capitalize}.___SText_10clr_gg_.__decoration_10clr_gg_{-webkit-text-decoration:var(--decoration_10clr);text-decoration:var(--decoration_10clr)}.___SText_10clr_gg_.__color_10clr_gg_{color:var(--color_10clr)}.___SText_10clr_gg_.__fontSize_10clr_gg_{font-size:var(--fontSize_10clr)}.___SText_10clr_gg_.__lineHeight_10clr_gg_{line-height:var(--lineHeight_10clr)}.___SText_10clr_gg_.__fontWeight_10clr_gg_{font-weight:var(--fontWeight_10clr)}.___SText_10clr_gg_.__textAlign_10clr_gg_{text-align:var(--textAlign_10clr)}.___SText_10clr_gg_._use_primary_10clr_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_10clr_gg_._use_secondary_10clr_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_10clr_gg_.__disabled_10clr_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}@media (prefers-reduced-motion){.___SText_10clr_gg_ a{transition:none}}", /*__inner_css_end__*/"10clr_gg_"),
10
10
  /*__reshadow_css_end__*/
11
11
  {
12
- "__SText": "___SText_tywgj_gg_",
13
- "_size_400": "_size_400_tywgj_gg_",
14
- "_size_500": "_size_500_tywgj_gg_",
15
- "_size_600": "_size_600_tywgj_gg_",
16
- "_size_700": "_size_700_tywgj_gg_",
17
- "_size_800": "_size_800_tywgj_gg_",
18
- "_noWrap": "__noWrap_tywgj_gg_",
19
- "_medium": "__medium_tywgj_gg_",
20
- "_semibold": "__semibold_tywgj_gg_",
21
- "_bold": "__bold_tywgj_gg_",
22
- "_italic": "__italic_tywgj_gg_",
23
- "_monospace": "__monospace_tywgj_gg_",
24
- "_uppercase": "__uppercase_tywgj_gg_",
25
- "_lowercase": "__lowercase_tywgj_gg_",
26
- "_capitalize": "__capitalize_tywgj_gg_",
27
- "_decoration": "__decoration_tywgj_gg_",
28
- "--decoration": "--decoration_tywgj",
29
- "_color": "__color_tywgj_gg_",
30
- "--color": "--color_tywgj",
31
- "_fontSize": "__fontSize_tywgj_gg_",
32
- "--fontSize": "--fontSize_tywgj",
33
- "_lineHeight": "__lineHeight_tywgj_gg_",
34
- "--lineHeight": "--lineHeight_tywgj",
35
- "_fontWeight": "__fontWeight_tywgj_gg_",
36
- "--fontWeight": "--fontWeight_tywgj",
37
- "_textAlign": "__textAlign_tywgj_gg_",
38
- "--textAlign": "--textAlign_tywgj",
39
- "_use_primary": "_use_primary_tywgj_gg_",
40
- "_use_secondary": "_use_secondary_tywgj_gg_",
41
- "_disabled": "__disabled_tywgj_gg_",
42
- "_formatTags": "__formatTags_tywgj_gg_",
43
- "_ellipsis": "__ellipsis_tywgj_gg_",
44
- "_trim_end": "_trim_end_tywgj_gg_",
45
- "_isEllipsized": "__isEllipsized_tywgj_gg_",
46
- "_maxLine": "__maxLine_tywgj_gg_",
47
- "--maxLine": "--maxLine_tywgj",
48
- "_trim_middle": "_trim_middle_tywgj_gg_",
49
- "_size_100": "_size_100_tywgj_gg_",
50
- "_size_200": "_size_200_tywgj_gg_",
51
- "_size_300": "_size_300_tywgj_gg_"
12
+ "__SText": "___SText_10clr_gg_",
13
+ "_size_400": "_size_400_10clr_gg_",
14
+ "_size_500": "_size_500_10clr_gg_",
15
+ "_size_600": "_size_600_10clr_gg_",
16
+ "_size_700": "_size_700_10clr_gg_",
17
+ "_size_800": "_size_800_10clr_gg_",
18
+ "_noWrap": "__noWrap_10clr_gg_",
19
+ "_medium": "__medium_10clr_gg_",
20
+ "_semibold": "__semibold_10clr_gg_",
21
+ "_bold": "__bold_10clr_gg_",
22
+ "_italic": "__italic_10clr_gg_",
23
+ "_monospace": "__monospace_10clr_gg_",
24
+ "_uppercase": "__uppercase_10clr_gg_",
25
+ "_lowercase": "__lowercase_10clr_gg_",
26
+ "_capitalize": "__capitalize_10clr_gg_",
27
+ "_decoration": "__decoration_10clr_gg_",
28
+ "--decoration": "--decoration_10clr",
29
+ "_color": "__color_10clr_gg_",
30
+ "--color": "--color_10clr",
31
+ "_fontSize": "__fontSize_10clr_gg_",
32
+ "--fontSize": "--fontSize_10clr",
33
+ "_lineHeight": "__lineHeight_10clr_gg_",
34
+ "--lineHeight": "--lineHeight_10clr",
35
+ "_fontWeight": "__fontWeight_10clr_gg_",
36
+ "--fontWeight": "--fontWeight_10clr",
37
+ "_textAlign": "__textAlign_10clr_gg_",
38
+ "--textAlign": "--textAlign_10clr",
39
+ "_use_primary": "_use_primary_10clr_gg_",
40
+ "_use_secondary": "_use_secondary_10clr_gg_",
41
+ "_disabled": "__disabled_10clr_gg_",
42
+ "_formatTags": "__formatTags_10clr_gg_",
43
+ "_ellipsis": "__ellipsis_10clr_gg_",
44
+ "_trim_end": "_trim_end_10clr_gg_",
45
+ "_isEllipsized": "__isEllipsized_10clr_gg_",
46
+ "_maxLine": "__maxLine_10clr_gg_",
47
+ "--maxLine": "--maxLine_10clr",
48
+ "_trim_middle": "_trim_middle_10clr_gg_",
49
+ "_size_100": "_size_100_10clr_gg_",
50
+ "_size_200": "_size_200_10clr_gg_",
51
+ "_size_300": "_size_300_10clr_gg_"
52
52
  });
53
53
  class TextRoot extends Component {
54
54
  constructor(props) {
@@ -153,5 +153,6 @@ class TextRoot extends Component {
153
153
  _defineProperty(TextRoot, "enhance", [resolveColorEnhance()]);
154
154
  _defineProperty(TextRoot, "styles", styles);
155
155
  _defineProperty(TextRoot, "displayName", 'Text');
156
- export default createComponent(TextRoot);
156
+ const Text = createComponent(TextRoot);
157
+ export default Text;
157
158
  //# sourceMappingURL=Text.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Text.js","names":["Ellipsis","Hint","Box","Root","sstyled","Component","createComponent","resolveColorEnhance","React","styles","_sstyled","insert","TextRoot","constructor","props","_defineProperty","createRef","isEllipsized","handleEllipsized","bind","componentDidMount","initEllipsis","componentDidUpdate","prevProps","ellipsisKeys","hasChanges","some","key","asProps","ellipsis","cleanUpEllipsis","componentWillUnmount","render","_ref","_ref2","SText","color","underline","lineThrough","hint","hintProps","children","ellipsisProps","resolveColor","state","cropPosition","withHint","maxLineValue","maxLine","undefined","createElement","Fragment","cn","_assignProps","innerRef","getTextDecoration","Boolean","setState","shouldInit","current","on","off","cleanUp","Text"],"sources":["../../../../src/components/Text/Text.tsx"],"sourcesContent":["import { Ellipsis, Hint, Box, type EllipsisSettings } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { Root, sstyled, Component, createComponent } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport React from 'react';\n\nimport type { NSText } from './Text.type';\nimport styles from '../../style/text.shadow.css';\n\ntype State = {\n isEllipsized: boolean;\n};\n\nclass TextRoot extends Component<\n Intergalactic.InternalTypings.InferComponentProps<NSText.Component>,\n typeof TextRoot.enhance,\n {},\n {},\n State\n> {\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 state = {\n isEllipsized: false,\n };\n\n constructor(props: NSText.Props) {\n super(props);\n\n this.handleEllipsized = this.handleEllipsized.bind(this);\n }\n\n componentDidMount(): void {\n this.initEllipsis();\n }\n\n componentDidUpdate(prevProps: NSText.EllipsisProps) {\n const ellipsisKeys: Array<keyof EllipsisSettings> = [\n 'cropPosition',\n 'maxLine',\n 'lastRequiredSymbols',\n 'containerElement',\n 'recalculateContainerWidth',\n 'observeChildrenMutations',\n ];\n\n const hasChanges = ellipsisKeys.some((key) => {\n return prevProps[`ellipsis:${key}`] !== this.asProps[`ellipsis:${key}`];\n });\n\n if (prevProps.ellipsis !== this.asProps.ellipsis || hasChanges) {\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, hint, hintProps, children, ellipsis, ellipsisProps, resolveColor } =\n this.asProps;\n const { isEllipsized } = this.state;\n\n const cropPosition = ellipsisProps?.cropPosition ?? 'end';\n let withHint = hint !== false;\n\n const maxLineValue = ellipsisProps?.maxLine;\n if (hint !== true && 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={ellipsis !== undefined ? ellipsis : Boolean(ellipsisProps)}\n isEllipsized={isEllipsized}\n maxLine={maxLineValue}\n trim={cropPosition}\n />\n {isEllipsized && withHint && (\n <Hint triggerRef={this.innerRef} {...hintProps}>\n {children}\n </Hint>\n )}\n </>,\n );\n }\n\n private handleEllipsized(isEllipsized: boolean) {\n this.setState({ isEllipsized: isEllipsized });\n }\n\n private initEllipsis() {\n const { ellipsis, ellipsisProps, hint } = this.asProps;\n const shouldInit = hint !== false || ellipsisProps?.cropPosition === 'middle';\n\n if (shouldInit && (ellipsis || ellipsisProps) && this.innerRef.current) {\n this.ellipsis =\n ellipsis instanceof Ellipsis ? ellipsis : new Ellipsis(this.innerRef.current, ellipsisProps ?? {});\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({ isEllipsized: 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\nconst Text = createComponent(TextRoot) as NSText.Component;\n\nexport default Text;\n"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=Text.type.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Text.type.js","names":[],"sources":["../../../../src/components/Text/Text.type.ts"],"sourcesContent":["import type {\n BoxProps,\n EllipsisSettings,\n SimpleHintPopperProps,\n Ellipsis as EllipsisInstance,\n} from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type { Property } from 'csstype';\n\ndeclare namespace NSText {\n type BaseProps = {\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 };\n\n type HintProps = {\n /** Manually enabled/disabled Hint */\n hint?: boolean;\n } & {\n /** Settings for a hint with full text (cropped by ellipsis) */\n [K in keyof SimpleHintPopperProps as `hint:${string & K}`]?: SimpleHintPopperProps[K];\n };\n\n type EllipsisProps = {\n /** Manually enabled/disabled Ellipsis or provide an instance of it. */\n ellipsis?: boolean | EllipsisInstance;\n } & {\n /** Settings for an Ellipsis */\n [K in keyof EllipsisSettings as `ellipsis:${string & K}`]?: EllipsisSettings[K];\n };\n\n type Props = BoxProps & NSText.BaseProps &\n (\n | {\n /** Enable formatting/styling for all nested HTML tags with our default styles for them */\n formatTags?: boolean;\n ellipsis?: never;\n ellipsisProps?: never;\n hint?: never;\n hintProps?: never;\n }\n | ({\n formatTags?: never;\n } & NSText.HintProps & NSText.EllipsisProps)\n );\n\n type Component = Intergalactic.Component<'span', Props>;\n}\n\n/** @deprecated It will be removed in v18. */\nexport type TextHintProps = NSText.HintProps;\n/** @deprecated It will be removed in v18. */\nexport type TextEllipsisProps = NSText.EllipsisProps;\n/** @deprecated It will be removed in v18. */\nexport type BaseTextProps = NSText.BaseProps;\n/** @deprecated It will be removed in v18. */\nexport type TextProps = NSText.Props;\n/** @deprecated It will be removed in v18. */\nexport type TextComponent = NSText.Component;\n\nexport type { NSText };\n"],"mappings":"","ignoreList":[]}
package/lib/es6/index.js CHANGED
@@ -1,4 +1,7 @@
1
- export { default as Text } from './Text';
2
- export { default as Blockquote } from './Blockquote';
3
- export { default as List } from './List';
1
+ export { default as Text } from './components/Text/Text';
2
+ export { default as Blockquote } from './components/Blockquote/Blockquote';
3
+ export { default as List } from './components/List/List';
4
+ export * from './components/Text/Text.type';
5
+ export * from './components/Blockquote/Blockquote.type';
6
+ export * from './components/List/List.type';
4
7
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["default","Text","Blockquote","List"],"sources":["../../src/index.js"],"sourcesContent":["export { default as Text } from './Text';\nexport { default as Blockquote } from './Blockquote';\nexport { default as List } from './List';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,IAAI,QAAQ,QAAQ;AACxC,SAASD,OAAO,IAAIE,UAAU,QAAQ,cAAc;AACpD,SAASF,OAAO,IAAIG,IAAI,QAAQ,QAAQ","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["default","Text","Blockquote","List"],"sources":["../../src/index.ts"],"sourcesContent":["export { default as Text } from './components/Text/Text';\nexport { default as Blockquote } from './components/Blockquote/Blockquote';\nexport { default as List } from './components/List/List';\n\nexport * from './components/Text/Text.type';\nexport * from './components/Blockquote/Blockquote.type';\nexport * from './components/List/List.type';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,IAAI,QAAQ,wBAAwB;AACxD,SAASD,OAAO,IAAIE,UAAU,QAAQ,oCAAoC;AAC1E,SAASF,OAAO,IAAIG,IAAI,QAAQ,wBAAwB;AAExD,cAAc,6BAA6B;AAC3C,cAAc,yCAAyC;AACvD,cAAc,6BAA6B","ignoreList":[]}
@@ -2,29 +2,29 @@ import { sstyled, assignProps, createBaseComponent } from "@semcore/core";
2
2
  import { Box } from "@semcore/base-components";
3
3
  import isNode from "@semcore/core/lib/utils/isNode";
4
4
  import React from "react";
5
- /*!__reshadow-styles__:"./style/blockquote.shadow.css"*/
5
+ /*!__reshadow-styles__:"../../style/blockquote.shadow.css"*/
6
6
  const styles = (
7
7
  /*__reshadow_css_start__*/
8
8
  (sstyled.insert(
9
9
  /*__inner_css_start__*/
10
- '.___SBlockquote_ccpef_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_ccpef_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_ccpef_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%)}',
10
+ '.___SBlockquote_17hl1_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_17hl1_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_17hl1_gg_{display:block;margin-top:var(--intergalactic-spacing-4x, 16px);color:var(--intergalactic-text-secondary, #6c6e79);font-style:normal;font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}',
11
11
  /*__inner_css_end__*/
12
- "ccpef_gg_"
12
+ "17hl1_gg_"
13
13
  ), /*__reshadow_css_end__*/
14
14
  {
15
- "__SBlockquote": "___SBlockquote_ccpef_gg_",
16
- "__SDoubleQuotation": "___SDoubleQuotation_ccpef_gg_",
17
- "__SAuthor": "___SAuthor_ccpef_gg_"
15
+ "__SBlockquote": "___SBlockquote_17hl1_gg_",
16
+ "__SDoubleQuotation": "___SDoubleQuotation_17hl1_gg_",
17
+ "__SAuthor": "___SAuthor_17hl1_gg_"
18
18
  })
19
19
  );
20
- function Blockquote(props, ref) {
20
+ function BlockquoteRoot(props, ref) {
21
21
  var _ref = arguments[0], _ref2;
22
22
  const SBlockquote = Box;
23
23
  const SDoubleQuotation = "span";
24
24
  const SAuthor = "cite";
25
25
  const {
26
- children,
27
- author
26
+ author,
27
+ children
28
28
  } = props;
29
29
  return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SBlockquote, _ref2.cn("SBlockquote", {
30
30
  ...assignProps({
@@ -33,8 +33,8 @@ function Blockquote(props, ref) {
33
33
  }, _ref)
34
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)));
35
35
  }
36
- Blockquote.displayName = "Blockquote";
37
- const Blockquote_default = createBaseComponent(Blockquote);
36
+ BlockquoteRoot.displayName = "Blockquote";
37
+ const Blockquote = createBaseComponent(BlockquoteRoot);
38
38
  export {
39
- Blockquote_default as default
39
+ Blockquote as default
40
40
  };
@@ -4,21 +4,21 @@ import { Flex } from "@semcore/base-components";
4
4
  import { isAdvanceMode } from "@semcore/core/lib/utils/findComponent";
5
5
  import isNode from "@semcore/core/lib/utils/isNode";
6
6
  import React from "react";
7
- import Text from "./Text.mjs";
8
- /*!__reshadow-styles__:"./style/list.shadow.css"*/
7
+ import Text from "../Text/Text.mjs";
8
+ /*!__reshadow-styles__:"../../style/list.shadow.css"*/
9
9
  const style = (
10
10
  /*__reshadow_css_start__*/
11
11
  (sstyled.insert(
12
12
  /*__inner_css_start__*/
13
- ".___SList_rht66_gg_{padding:0;margin:0;list-style-type:none}.___SContent_rht66_gg_{overflow:inherit;text-overflow:inherit}.___SItem_rht66_gg_+.___SItem_rht66_gg_,.___SList_rht66_gg_ .___SList_rht66_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_rht66_gg_{display:flex}.___SMarker_rht66_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, #6c6e79);line-height:normal}",
13
+ ".___SList_e3cic_gg_{padding:0;margin:0;list-style-type:none}.___SContent_e3cic_gg_{overflow:inherit;text-overflow:inherit}.___SItem_e3cic_gg_+.___SItem_e3cic_gg_,.___SList_e3cic_gg_ .___SList_e3cic_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_e3cic_gg_{display:flex}.___SMarker_e3cic_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, #6c6e79);line-height:normal}",
14
14
  /*__inner_css_end__*/
15
- "rht66_gg_"
15
+ "e3cic_gg_"
16
16
  ), /*__reshadow_css_end__*/
17
17
  {
18
- "__SList": "___SList_rht66_gg_",
19
- "__SContent": "___SContent_rht66_gg_",
20
- "__SItem": "___SItem_rht66_gg_",
21
- "__SMarker": "___SMarker_rht66_gg_"
18
+ "__SList": "___SList_e3cic_gg_",
19
+ "__SContent": "___SContent_e3cic_gg_",
20
+ "__SItem": "___SItem_e3cic_gg_",
21
+ "__SMarker": "___SMarker_e3cic_gg_"
22
22
  })
23
23
  );
24
24
  class ListRoot extends Component {
@@ -54,7 +54,6 @@ class ItemRoot extends Component {
54
54
  const SItem = Text;
55
55
  const {
56
56
  styles,
57
- children,
58
57
  marker: markerNode,
59
58
  Children
60
59
  } = this.asProps;
@@ -67,7 +66,7 @@ class ItemRoot extends Component {
67
66
  }, _ref2)
68
67
  }), isNode(markerNode) && /* @__PURE__ */ React.createElement(SMarker, _ref5.cn("SMarker", {
69
68
  "aria-hidden": "true"
70
- }), markerNode), isAdvancedMode ? /* @__PURE__ */ React.createElement(Children, _ref5.cn("Children", {})) : /* @__PURE__ */ React.createElement(SContent, _ref5.cn("SContent", {}), children));
69
+ }), markerNode), isAdvancedMode ? /* @__PURE__ */ React.createElement(Children, _ref5.cn("Children", {})) : /* @__PURE__ */ React.createElement(SContent, _ref5.cn("SContent", {}), /* @__PURE__ */ React.createElement(Children, _ref5.cn("Children", {}))));
71
70
  }
72
71
  }
73
72
  _defineProperty(ItemRoot, "style", style);
@@ -0,0 +1,163 @@
1
+ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
2
+ import { sstyled, Component, assignProps, createComponent } from "@semcore/core";
3
+ import { Box, Hint, Ellipsis } from "@semcore/base-components";
4
+ import resolveColorEnhance from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
5
+ import React from "react";
6
+ /*!__reshadow-styles__:"../../style/text.shadow.css"*/
7
+ const styles = (
8
+ /*__reshadow_css_start__*/
9
+ (sstyled.insert(
10
+ /*__inner_css_start__*/
11
+ '.___SText_10clr_gg_{padding:0;margin:0}.___SText_10clr_gg_.__formatTags_10clr_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_10clr_gg_.__formatTags_10clr_gg_ abbr:active,.___SText_10clr_gg_.__formatTags_10clr_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_10clr_gg_.__formatTags_10clr_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_10clr_gg_.__formatTags_10clr_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_10clr_gg_.__formatTags_10clr_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_10clr_gg_.__formatTags_10clr_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_10clr_gg_.__formatTags_10clr_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_10clr_gg_.__formatTags_10clr_gg_ code,.___SText_10clr_gg_.__formatTags_10clr_gg_ pre{font-family:Consolas,"Roboto Mono",Menlo,Courier,monospace}.___SText_10clr_gg_.__formatTags_10clr_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_10clr_gg_.__formatTags_10clr_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_10clr_gg_.__formatTags_10clr_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_10clr_gg_.__formatTags_10clr_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]),.___SText_10clr_gg_.__formatTags_10clr_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_10clr_gg_.__formatTags_10clr_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_10clr_gg_):before,.___SText_10clr_gg_.__formatTags_10clr_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_10clr_gg_):before{position:absolute;left:0;color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_10clr_gg_.__formatTags_10clr_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_10clr_gg_)+li:not(.___SText_10clr_gg_),.___SText_10clr_gg_.__formatTags_10clr_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_10clr_gg_)+li:not(.___SText_10clr_gg_){margin:var(--intergalactic-spacing-2x, 8px)0 0 0}.___SText_10clr_gg_.__formatTags_10clr_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]){counter-reset:item 0}.___SText_10clr_gg_.__formatTags_10clr_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_10clr_gg_):before{counter-increment:item;content:counters(item,".")}.___SText_10clr_gg_.__formatTags_10clr_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_10clr_gg_):before{content:"";background-color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SText_10clr_gg_.__formatTags_10clr_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]):has(+p),.___SText_10clr_gg_.__formatTags_10clr_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]):has(+p){margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SText_10clr_gg_.__formatTags_10clr_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_10clr_gg_.__formatTags_10clr_gg_ h1:only-child,.___SText_10clr_gg_.__formatTags_10clr_gg_ h2:only-child,.___SText_10clr_gg_.__formatTags_10clr_gg_ h3:only-child,.___SText_10clr_gg_.__formatTags_10clr_gg_ h4:only-child,.___SText_10clr_gg_.__formatTags_10clr_gg_ h5:only-child,.___SText_10clr_gg_.__formatTags_10clr_gg_ h6:only-child{margin-bottom:0}.___SText_10clr_gg_.__formatTags_10clr_gg_ h2{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%);font-weight:var(--intergalactic-semi-bold, 600)}.___SText_10clr_gg_.__formatTags_10clr_gg_ h3{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%);font-weight:var(--intergalactic-semi-bold, 600)}.___SText_10clr_gg_.__formatTags_10clr_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_10clr_gg_.__formatTags_10clr_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_10clr_gg_.__formatTags_10clr_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_10clr_gg_.__formatTags_10clr_gg_ h1 small,.___SText_10clr_gg_.__formatTags_10clr_gg_ h2 small,.___SText_10clr_gg_.__formatTags_10clr_gg_ h3 small,.___SText_10clr_gg_.__formatTags_10clr_gg_ h4 small,.___SText_10clr_gg_.__formatTags_10clr_gg_ h5 small,.___SText_10clr_gg_.__formatTags_10clr_gg_ h6 small{color:var(--intergalactic-text-secondary, #6c6e79);font-weight:300;font-size:100%}.___SText_10clr_gg_.__formatTags_10clr_gg_ li,.___SText_10clr_gg_.__formatTags_10clr_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_10clr_gg_.__formatTags_10clr_gg_ h2,.___SText_10clr_gg_.__formatTags_10clr_gg_ h3,.___SText_10clr_gg_.__formatTags_10clr_gg_ p{margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_10clr_gg_.__formatTags_10clr_gg_ p:last-child,.___SText_10clr_gg_._size_100_10clr_gg_.__formatTags_10clr_gg_ p:last-child,.___SText_10clr_gg_._size_200_10clr_gg_.__formatTags_10clr_gg_ p:last-child,.___SText_10clr_gg_._size_300_10clr_gg_.__formatTags_10clr_gg_ p:last-child{margin-bottom:0}.___SText_10clr_gg_.__formatTags_10clr_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_10clr_gg_.__formatTags_10clr_gg_ ol ol li,.___SText_10clr_gg_._size_100_10clr_gg_.__formatTags_10clr_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_10clr_gg_.__formatTags_10clr_gg_ ol ol ol li,.___SText_10clr_gg_._size_100_10clr_gg_.__formatTags_10clr_gg_ ol ol ol li,.___SText_10clr_gg_._size_200_10clr_gg_.__formatTags_10clr_gg_ ol ol ol li,.___SText_10clr_gg_._size_300_10clr_gg_.__formatTags_10clr_gg_ ol ol ol li{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SText_10clr_gg_.__formatTags_10clr_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_10clr_gg_.__ellipsis_10clr_gg_{overflow:hidden;text-overflow:ellipsis;white-space:pre;display:inline-block;line-height:inherit;vertical-align:top}.___SText_10clr_gg_.__ellipsis_10clr_gg_._trim_end_10clr_gg_.__isEllipsized_10clr_gg_::after{content:"";display:block}.___SText_10clr_gg_.__ellipsis_10clr_gg_.__maxLine_10clr_gg_{-webkit-line-clamp:var(--maxLine_10clr);display:-webkit-box;-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word}.___SText_10clr_gg_.__ellipsis_10clr_gg_._trim_middle_10clr_gg_{text-overflow:initial}.___SText_10clr_gg_._size_100_10clr_gg_,.___SText_10clr_gg_._size_100_10clr_gg_.__formatTags_10clr_gg_ li,.___SText_10clr_gg_._size_100_10clr_gg_.__formatTags_10clr_gg_ p{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_10clr_gg_._size_100_10clr_gg_.__formatTags_10clr_gg_ p{margin:0 0 calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_10clr_gg_._size_100_10clr_gg_.__formatTags_10clr_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_10clr_gg_._size_100_10clr_gg_.__formatTags_10clr_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_10clr_gg_._size_200_10clr_gg_,.___SText_10clr_gg_._size_200_10clr_gg_.__formatTags_10clr_gg_ li,.___SText_10clr_gg_._size_200_10clr_gg_.__formatTags_10clr_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_10clr_gg_._size_200_10clr_gg_.__formatTags_10clr_gg_ p{margin:0 0 var(--intergalactic-spacing-3x, 12px)0}.___SText_10clr_gg_._size_200_10clr_gg_.__formatTags_10clr_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_10clr_gg_._size_200_10clr_gg_.__formatTags_10clr_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_10clr_gg_._size_200_10clr_gg_.__formatTags_10clr_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_10clr_gg_._size_300_10clr_gg_,.___SText_10clr_gg_._size_300_10clr_gg_.__formatTags_10clr_gg_ li,.___SText_10clr_gg_._size_300_10clr_gg_.__formatTags_10clr_gg_ p{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_10clr_gg_._size_300_10clr_gg_.__formatTags_10clr_gg_ p{margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_10clr_gg_._size_300_10clr_gg_.__formatTags_10clr_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_10clr_gg_._size_300_10clr_gg_.__formatTags_10clr_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_10clr_gg_._size_300_10clr_gg_.__formatTags_10clr_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_10clr_gg_._size_400_10clr_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_10clr_gg_._size_500_10clr_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_10clr_gg_._size_600_10clr_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_10clr_gg_._size_700_10clr_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_10clr_gg_._size_800_10clr_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_10clr_gg_.__noWrap_10clr_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_10clr_gg_.__medium_10clr_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_10clr_gg_.__semibold_10clr_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_10clr_gg_.__bold_10clr_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_10clr_gg_.__italic_10clr_gg_{font-style:italic}.___SText_10clr_gg_.__monospace_10clr_gg_{font-family:Consolas,"Roboto Mono",Menlo,Courier,monospace}.___SText_10clr_gg_.__uppercase_10clr_gg_{text-transform:uppercase}.___SText_10clr_gg_.__lowercase_10clr_gg_{text-transform:lowercase}.___SText_10clr_gg_.__capitalize_10clr_gg_{text-transform:capitalize}.___SText_10clr_gg_.__decoration_10clr_gg_{-webkit-text-decoration:var(--decoration_10clr);text-decoration:var(--decoration_10clr)}.___SText_10clr_gg_.__color_10clr_gg_{color:var(--color_10clr)}.___SText_10clr_gg_.__fontSize_10clr_gg_{font-size:var(--fontSize_10clr)}.___SText_10clr_gg_.__lineHeight_10clr_gg_{line-height:var(--lineHeight_10clr)}.___SText_10clr_gg_.__fontWeight_10clr_gg_{font-weight:var(--fontWeight_10clr)}.___SText_10clr_gg_.__textAlign_10clr_gg_{text-align:var(--textAlign_10clr)}.___SText_10clr_gg_._use_primary_10clr_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_10clr_gg_._use_secondary_10clr_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_10clr_gg_.__disabled_10clr_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}@media (prefers-reduced-motion){.___SText_10clr_gg_ a{transition:none}}',
12
+ /*__inner_css_end__*/
13
+ "10clr_gg_"
14
+ ), /*__reshadow_css_end__*/
15
+ {
16
+ "__SText": "___SText_10clr_gg_",
17
+ "_size_400": "_size_400_10clr_gg_",
18
+ "_size_500": "_size_500_10clr_gg_",
19
+ "_size_600": "_size_600_10clr_gg_",
20
+ "_size_700": "_size_700_10clr_gg_",
21
+ "_size_800": "_size_800_10clr_gg_",
22
+ "_noWrap": "__noWrap_10clr_gg_",
23
+ "_medium": "__medium_10clr_gg_",
24
+ "_semibold": "__semibold_10clr_gg_",
25
+ "_bold": "__bold_10clr_gg_",
26
+ "_italic": "__italic_10clr_gg_",
27
+ "_monospace": "__monospace_10clr_gg_",
28
+ "_uppercase": "__uppercase_10clr_gg_",
29
+ "_lowercase": "__lowercase_10clr_gg_",
30
+ "_capitalize": "__capitalize_10clr_gg_",
31
+ "_decoration": "__decoration_10clr_gg_",
32
+ "--decoration": "--decoration_10clr",
33
+ "_color": "__color_10clr_gg_",
34
+ "--color": "--color_10clr",
35
+ "_fontSize": "__fontSize_10clr_gg_",
36
+ "--fontSize": "--fontSize_10clr",
37
+ "_lineHeight": "__lineHeight_10clr_gg_",
38
+ "--lineHeight": "--lineHeight_10clr",
39
+ "_fontWeight": "__fontWeight_10clr_gg_",
40
+ "--fontWeight": "--fontWeight_10clr",
41
+ "_textAlign": "__textAlign_10clr_gg_",
42
+ "--textAlign": "--textAlign_10clr",
43
+ "_use_primary": "_use_primary_10clr_gg_",
44
+ "_use_secondary": "_use_secondary_10clr_gg_",
45
+ "_disabled": "__disabled_10clr_gg_",
46
+ "_formatTags": "__formatTags_10clr_gg_",
47
+ "_ellipsis": "__ellipsis_10clr_gg_",
48
+ "_trim_end": "_trim_end_10clr_gg_",
49
+ "_isEllipsized": "__isEllipsized_10clr_gg_",
50
+ "_maxLine": "__maxLine_10clr_gg_",
51
+ "--maxLine": "--maxLine_10clr",
52
+ "_trim_middle": "_trim_middle_10clr_gg_",
53
+ "_size_100": "_size_100_10clr_gg_",
54
+ "_size_200": "_size_200_10clr_gg_",
55
+ "_size_300": "_size_300_10clr_gg_"
56
+ })
57
+ );
58
+ class TextRoot extends Component {
59
+ constructor(props) {
60
+ super(props);
61
+ _defineProperty(this, "ellipsis", null);
62
+ _defineProperty(this, "innerRef", /* @__PURE__ */ React.createRef());
63
+ _defineProperty(this, "state", {
64
+ isEllipsized: false
65
+ });
66
+ this.handleEllipsized = this.handleEllipsized.bind(this);
67
+ }
68
+ componentDidMount() {
69
+ this.initEllipsis();
70
+ }
71
+ componentDidUpdate(prevProps) {
72
+ const ellipsisKeys = ["cropPosition", "maxLine", "lastRequiredSymbols", "containerElement", "recalculateContainerWidth", "observeChildrenMutations"];
73
+ const hasChanges = ellipsisKeys.some((key) => {
74
+ return prevProps[`ellipsis:${key}`] !== this.asProps[`ellipsis:${key}`];
75
+ });
76
+ if (prevProps.ellipsis !== this.asProps.ellipsis || hasChanges) {
77
+ this.cleanUpEllipsis();
78
+ this.initEllipsis();
79
+ }
80
+ }
81
+ componentWillUnmount() {
82
+ this.cleanUpEllipsis();
83
+ }
84
+ render() {
85
+ var _ref = this.asProps, _ref2;
86
+ const SText = Box;
87
+ const {
88
+ color,
89
+ underline,
90
+ lineThrough,
91
+ hint,
92
+ hintProps,
93
+ children,
94
+ ellipsis,
95
+ ellipsisProps,
96
+ resolveColor
97
+ } = this.asProps;
98
+ const {
99
+ isEllipsized
100
+ } = this.state;
101
+ const cropPosition = ellipsisProps?.cropPosition ?? "end";
102
+ let withHint = hint !== false;
103
+ const maxLineValue = ellipsisProps?.maxLine;
104
+ if (hint !== true && hintProps === void 0 && maxLineValue !== void 0 && maxLineValue > 1) {
105
+ withHint = false;
106
+ }
107
+ return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SText, _ref2.cn("SText", {
108
+ ...assignProps({
109
+ "tag": "span",
110
+ "data-ui-name": "Text",
111
+ "ref": this.innerRef,
112
+ "use:decoration": this.getTextDecoration(underline, lineThrough),
113
+ "use:color": resolveColor(color),
114
+ "use:ellipsis": ellipsis !== void 0 ? ellipsis : Boolean(ellipsisProps),
115
+ "isEllipsized": isEllipsized,
116
+ "maxLine": maxLineValue,
117
+ "trim": cropPosition
118
+ }, _ref)
119
+ })), isEllipsized && withHint && /* @__PURE__ */ React.createElement(Hint, _ref2.cn("Hint", {
120
+ "triggerRef": this.innerRef,
121
+ ...hintProps
122
+ }), children));
123
+ }
124
+ handleEllipsized(isEllipsized) {
125
+ this.setState({
126
+ isEllipsized
127
+ });
128
+ }
129
+ initEllipsis() {
130
+ const {
131
+ ellipsis,
132
+ ellipsisProps,
133
+ hint
134
+ } = this.asProps;
135
+ const shouldInit = hint !== false || ellipsisProps?.cropPosition === "middle";
136
+ if (shouldInit && (ellipsis || ellipsisProps) && this.innerRef.current) {
137
+ this.ellipsis = ellipsis instanceof Ellipsis ? ellipsis : new Ellipsis(this.innerRef.current, ellipsisProps ?? {});
138
+ this.ellipsis.on("isEllipsized", this.handleEllipsized);
139
+ }
140
+ }
141
+ cleanUpEllipsis() {
142
+ this.ellipsis?.off("isEllipsized", this.handleEllipsized);
143
+ this.ellipsis?.cleanUp();
144
+ this.setState({
145
+ isEllipsized: false
146
+ });
147
+ }
148
+ getTextDecoration(underline, lineThrough) {
149
+ if (underline) {
150
+ return "underline";
151
+ }
152
+ if (lineThrough) {
153
+ return "line-through";
154
+ }
155
+ }
156
+ }
157
+ _defineProperty(TextRoot, "enhance", [resolveColorEnhance()]);
158
+ _defineProperty(TextRoot, "styles", styles);
159
+ _defineProperty(TextRoot, "displayName", "Text");
160
+ const Text = createComponent(TextRoot);
161
+ export {
162
+ Text as default
163
+ };
package/lib/esm/index.mjs CHANGED
@@ -1,6 +1,9 @@
1
- import { default as default2 } from "./Text.mjs";
2
- import { default as default3 } from "./Blockquote.mjs";
3
- import { default as default4 } from "./List.mjs";
1
+ import { default as default2 } from "./components/Text/Text.mjs";
2
+ import { default as default3 } from "./components/Blockquote/Blockquote.mjs";
3
+ import { default as default4 } from "./components/List/List.mjs";
4
+ import "./components/Text/Text.type.mjs";
5
+ import "./components/Blockquote/Blockquote.type.mjs";
6
+ import "./components/List/List.type.mjs";
4
7
  export {
5
8
  default3 as Blockquote,
6
9
  default4 as List,
@@ -0,0 +1,3 @@
1
+ import type { NSBlockquote } from './Blockquote.type';
2
+ declare const Blockquote: NSBlockquote.Component;
3
+ export default Blockquote;
@@ -0,0 +1,12 @@
1
+ import type { BoxProps } from '@semcore/base-components';
2
+ import type { Intergalactic } from '@semcore/core';
3
+ declare namespace NSBlockquote {
4
+ type Props = BoxProps & {
5
+ /** Source of the quote */
6
+ author?: React.ReactNode;
7
+ };
8
+ type Component = Intergalactic.Component<'blockquote', Props>;
9
+ }
10
+ /** @deprecated It will be removed in v18. */
11
+ export type BlockquoteProps = NSBlockquote.Props;
12
+ export type { NSBlockquote };
@@ -0,0 +1,3 @@
1
+ import type { NSList } from './List.type';
2
+ declare const List: NSList.Component;
3
+ export default List;
@@ -0,0 +1,34 @@
1
+ import type { Flex, FlexProps } from '@semcore/base-components';
2
+ import type { Intergalactic } from '@semcore/core';
3
+ import type React from 'react';
4
+ import type { NSText } from '../Text/Text.type';
5
+ declare namespace NSList {
6
+ type Props = NSText.Props & {
7
+ /** Marker of the entire list
8
+ * @default • */
9
+ marker?: React.ReactNode;
10
+ };
11
+ namespace Item {
12
+ type Props = NSText.Props & {
13
+ /** Individual marker of a list item */
14
+ marker?: React.ReactNode;
15
+ };
16
+ namespace Content {
17
+ type Props = FlexProps;
18
+ type Component = Intergalactic.Component<typeof Flex, Props>;
19
+ }
20
+ type Component = Intergalactic.Component<'li', Props> & {
21
+ Content: Content.Component;
22
+ };
23
+ }
24
+ type Component = Intergalactic.Component<'ul', Props> & {
25
+ Item: Item.Component;
26
+ };
27
+ }
28
+ /** @deprecated It will be removed in v18. */
29
+ export type ListItemProps = NSList.Item.Props;
30
+ /** @deprecated It will be removed in v18. */
31
+ export type ListItemContentProps = NSList.Item.Content.Props;
32
+ /** @deprecated It will be removed in v18. */
33
+ export type ListProps = NSList.Props;
34
+ export type { NSList };
@@ -0,0 +1,3 @@
1
+ import type { NSText } from './Text.type';
2
+ declare const Text: NSText.Component;
3
+ export default Text;