@semcore/typography 16.4.0 → 16.4.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 (60) hide show
  1. package/CHANGELOG.md +1 -1
  2. package/lib/cjs/{components/Blockquote/Blockquote.js → Blockquote.js} +12 -13
  3. package/lib/cjs/Blockquote.js.map +1 -0
  4. package/lib/cjs/{components/List/List.js → List.js} +11 -10
  5. package/lib/cjs/List.js.map +1 -0
  6. package/lib/cjs/Text.js +79 -0
  7. package/lib/cjs/Text.js.map +1 -0
  8. package/lib/cjs/index.d.js +2 -0
  9. package/lib/cjs/index.d.js.map +1 -0
  10. package/lib/cjs/index.js +3 -44
  11. package/lib/cjs/index.js.map +1 -1
  12. package/lib/cjs/style/text.shadow.css +3 -33
  13. package/lib/es6/{components/Blockquote/Blockquote.js → Blockquote.js} +11 -12
  14. package/lib/es6/Blockquote.js.map +1 -0
  15. package/lib/es6/{components/List/List.js → List.js} +10 -9
  16. package/lib/es6/List.js.map +1 -0
  17. package/lib/es6/Text.js +74 -0
  18. package/lib/es6/Text.js.map +1 -0
  19. package/lib/es6/index.d.js +2 -0
  20. package/lib/es6/index.d.js.map +1 -0
  21. package/lib/es6/index.js +3 -6
  22. package/lib/es6/index.js.map +1 -1
  23. package/lib/es6/style/text.shadow.css +3 -33
  24. package/lib/esm/{components/Blockquote/Blockquote.mjs → Blockquote.mjs} +13 -13
  25. package/lib/esm/{components/List/List.mjs → List.mjs} +12 -12
  26. package/lib/esm/Text.mjs +78 -0
  27. package/lib/esm/index.mjs +3 -6
  28. package/lib/esm/style/text.shadow.css +3 -33
  29. package/lib/types/index.d.ts +93 -6
  30. package/package.json +3 -3
  31. package/lib/cjs/components/Blockquote/Blockquote.js.map +0 -1
  32. package/lib/cjs/components/Blockquote/Blockquote.type.js +0 -2
  33. package/lib/cjs/components/Blockquote/Blockquote.type.js.map +0 -1
  34. package/lib/cjs/components/List/List.js.map +0 -1
  35. package/lib/cjs/components/List/List.type.js +0 -2
  36. package/lib/cjs/components/List/List.type.js.map +0 -1
  37. package/lib/cjs/components/Text/Text.js +0 -185
  38. package/lib/cjs/components/Text/Text.js.map +0 -1
  39. package/lib/cjs/components/Text/Text.type.js +0 -2
  40. package/lib/cjs/components/Text/Text.type.js.map +0 -1
  41. package/lib/es6/components/Blockquote/Blockquote.js.map +0 -1
  42. package/lib/es6/components/Blockquote/Blockquote.type.js +0 -2
  43. package/lib/es6/components/Blockquote/Blockquote.type.js.map +0 -1
  44. package/lib/es6/components/List/List.js.map +0 -1
  45. package/lib/es6/components/List/List.type.js +0 -2
  46. package/lib/es6/components/List/List.type.js.map +0 -1
  47. package/lib/es6/components/Text/Text.js +0 -180
  48. package/lib/es6/components/Text/Text.js.map +0 -1
  49. package/lib/es6/components/Text/Text.type.js +0 -2
  50. package/lib/es6/components/Text/Text.type.js.map +0 -1
  51. package/lib/esm/components/Blockquote/Blockquote.type.mjs +0 -1
  52. package/lib/esm/components/List/List.type.mjs +0 -1
  53. package/lib/esm/components/Text/Text.mjs +0 -172
  54. package/lib/esm/components/Text/Text.type.mjs +0 -1
  55. package/lib/types/components/Blockquote/Blockquote.d.ts +0 -3
  56. package/lib/types/components/Blockquote/Blockquote.type.d.ts +0 -12
  57. package/lib/types/components/List/List.d.ts +0 -3
  58. package/lib/types/components/List/List.type.d.ts +0 -34
  59. package/lib/types/components/Text/Text.d.ts +0 -3
  60. package/lib/types/components/Text/Text.type.d.ts +0 -82
package/lib/es6/Text.js ADDED
@@ -0,0 +1,74 @@
1
+ import _objectSpread from "@babel/runtime/helpers/objectSpread2";
2
+ import { sstyled as _sstyled } from "@semcore/core";
3
+ import { assignProps as _assignProps } from "@semcore/core";
4
+ import { createBaseComponent, Root, sstyled } from '@semcore/core';
5
+ import { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';
6
+ import { Box } from '@semcore/flex-box';
7
+ import React from 'react';
8
+ /*!__reshadow-styles__:"./style/text.shadow.css"*/
9
+ var styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SText_xqtf6_gg_{padding:0;margin:0}.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ abbr{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));-webkit-text-decoration:underline dashed var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));text-decoration:underline dashed var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ abbr{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));-webkit-text-decoration:underline dashed var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));text-decoration:underline dashed var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ abbr{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583));-webkit-text-decoration:underline dashed var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583));text-decoration:underline dashed var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ abbr:active,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ abbr:focus{outline:0;color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605));-webkit-text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605));text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}@media (hover:hover){.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ abbr:hover{outline:0;color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605));-webkit-text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605));text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}}.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ a{display:inline;background:0 0;outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link, rgb(35, 95, 226));border-bottom-width:1px;border-bottom-style:solid;border-color:transparent}.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ a:active{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215));border-color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}@media (hover:hover){.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ a:hover{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215));border-color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}}.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ a:focus{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469));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}@supports (color:color(display-p3 0 0 0%)){.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ a:focus{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469))}@media (color-gamut:p3){.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ a:focus{outline-color:var(--intergalactic-keyboard-focus-outline, color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ code,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ pre{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_xqtf6_gg_.__formatTags_xqtf6_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_xqtf6_gg_.__formatTags_xqtf6_gg_ blockquote:before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNyIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDI3IDE5IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTguODI0MjIgMC45NDcyNjZWMi4zMDg1OUM2Ljg3NjMgMy4zMjY4MiA1LjQ4MTc3IDQuMzg5MzIgNC42NDA2MiA1LjQ5NjA5QzMuNzk5NDggNi42MDI4NiAzLjM3ODkxIDcuODA5MjQgMy4zNzg5MSA5LjExNTIzQzMuMzc4OTEgOS44ODk5NyAzLjQ4OTU4IDEwLjQyMTIgMy43MTA5NCAxMC43MDlDMy45MTAxNiAxMS4wMTg5IDQuMTUzNjUgMTEuMTczOCA0LjQ0MTQxIDExLjE3MzhDNC43MjkxNyAxMS4xNzM4IDUuMTE2NTQgMTEuMDk2NCA1LjYwMzUyIDEwLjk0MTRDNi4wOTA0OSAxMC43NjQzIDYuNTMzMiAxMC42NzU4IDYuOTMxNjQgMTAuNjc1OEM3LjgzOTE5IDEwLjY3NTggOC42MjUgMTEuMDE4OSA5LjI4OTA2IDExLjcwNTFDOS45NzUyNiAxMi4zNjkxIDEwLjMxODQgMTMuMTg4MiAxMC4zMTg0IDE0LjE2MjFDMTAuMzE4NCAxNS4yMjQ2IDkuOTA4ODUgMTYuMTQzMiA5LjA4OTg0IDE2LjkxOEM4LjI3MDgzIDE3LjY3MDYgNy4yNTI2IDE4LjA0NjkgNi4wMzUxNiAxOC4wNDY5QzQuNTUyMDggMTguMDQ2OSAzLjIxMjg5IDE3LjQwNDkgMi4wMTc1OCAxNi4xMjExQzAuODIyMjY2IDE0LjgzNzIgMC4yMjQ2MDkgMTMuMjU0NiAwLjIyNDYwOSAxMS4zNzNDMC4yMjQ2MDkgOS4xNTk1MSAwLjk1NTA3OCA3LjEwMDkxIDIuNDE2MDIgNS4xOTcyN0MzLjg5OTA5IDMuMjcxNDggNi4wMzUxNiAxLjg1NDgyIDguODI0MjIgMC45NDcyNjZaTTI0LjY2MjEgMS4wNDY4OFYyLjMwODU5QzIyLjQyNjQgMy41OTI0NSAyMC45NTQ0IDQuNzQzNDkgMjAuMjQ2MSA1Ljc2MTcyQzE5LjUzNzggNi43Nzk5NSAxOS4xODM2IDcuOTc1MjYgMTkuMTgzNiA5LjM0NzY2QzE5LjE4MzYgOS45Njc0NSAxOS4zMDUzIDEwLjQzMjMgMTkuNTQ4OCAxMC43NDIyQzE5Ljc5MjMgMTEuMDUyMSAyMC4wNDY5IDExLjIwNyAyMC4zMTI1IDExLjIwN0MyMC41NTYgMTEuMjA3IDIwLjkyMTIgMTEuMTE4NSAyMS40MDgyIDEwLjk0MTRDMjEuODk1MiAxMC43NjQzIDIyLjM4MjIgMTAuNjc1OCAyMi44NjkxIDEwLjY3NThDMjMuNzc2NyAxMC42NzU4IDI0LjU2MjUgMTEuMDA3OCAyNS4yMjY2IDExLjY3MTlDMjUuOTEyOCAxMi4zMTM4IDI2LjI1NTkgMTMuMTEwNyAyNi4yNTU5IDE0LjA2MjVDMjYuMjU1OSAxNS4xNDcxIDI1LjgyNDIgMTYuMDg3OSAyNC45NjA5IDE2Ljg4NDhDMjQuMTE5OCAxNy42ODE2IDIzLjA3OTQgMTguMDgwMSAyMS44Mzk4IDE4LjA4MDFDMjAuMzc4OSAxOC4wODAxIDE5LjA2MTggMTcuNDQ5MiAxNy44ODg3IDE2LjE4NzVDMTYuNzE1NSAxNC45MjU4IDE2LjEyODkgMTMuMzU0MiAxNi4xMjg5IDExLjQ3MjdDMTYuMTI4OSA5LjE0ODQ0IDE2Ljg3MDQgNy4wMzQ1MSAxOC4zNTM1IDUuMTMwODZDMTkuODM2NiAzLjIwNTA4IDIxLjkzOTUgMS44NDM3NSAyNC42NjIxIDEuMDQ2ODhaIiBmaWxsPSIjQTlBQkI2Ii8+Cjwvc3ZnPg==);display:inline-block;position:absolute;left:0;color:var(--intergalactic-icon-secondary-neutral, rgba(0, 5, 2, 0.385));font-family:Georgia,Times,\"Times New Roman\",serif}@supports (color:color(display-p3 0 0 0%)){.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ blockquote:before{color:var(--intergalactic-icon-secondary-neutral, rgba(0, 5, 2, 0.385))}@media (color-gamut:p3){.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ blockquote:before{color:var(--intergalactic-icon-secondary-neutral, color(display-p3 0.0036 0.02041 0.00996 / 0.385))}}}.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ blockquote cite{display:block;font-style:normal;margin-top:var(--intergalactic-spacing-4x, 16px);color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}@supports (color:color(display-p3 0 0 0%)){.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ blockquote cite{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ blockquote cite{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]),.___SText_xqtf6_gg_.__formatTags_xqtf6_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_xqtf6_gg_.__formatTags_xqtf6_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_xqtf6_gg_):before,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_xqtf6_gg_):before{position:absolute;left:0;color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_xqtf6_gg_):before,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_xqtf6_gg_):before{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_xqtf6_gg_):before,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_xqtf6_gg_):before{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_xqtf6_gg_)+li:not(.___SText_xqtf6_gg_),.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_xqtf6_gg_)+li:not(.___SText_xqtf6_gg_){margin:var(--intergalactic-spacing-2x, 8px)0 0 0}.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]){counter-reset:item 0}.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_xqtf6_gg_):before{counter-increment:item;content:counters(item,\".\")}.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_xqtf6_gg_):before{content:\"\";background-color:var(--intergalactic-icon-primary-neutral, rgba(0, 4, 1, 0.526))}.___SText_xqtf6_gg_.__formatTags_xqtf6_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_xqtf6_gg_.__formatTags_xqtf6_gg_ h1:only-child,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h2:only-child,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h3:only-child,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h4:only-child,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h5:only-child,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h6:only-child{margin-bottom:0}.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h2,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h3{font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h2{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h3{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_xqtf6_gg_.__formatTags_xqtf6_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_xqtf6_gg_.__formatTags_xqtf6_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_xqtf6_gg_.__formatTags_xqtf6_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_xqtf6_gg_.__formatTags_xqtf6_gg_ h1 small,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h2 small,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h3 small,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h4 small,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h5 small,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h6 small{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));font-weight:300;font-size:100%}@supports (color:color(display-p3 0 0 0%)){.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h1 small,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h2 small,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h3 small,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h4 small,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h5 small,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h6 small{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h1 small,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h2 small,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h3 small,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h4 small,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h5 small,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h6 small{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ li,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ p{margin:0 0 var(--intergalactic-spacing-5x, 20px)0}.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ p:last-child,.___SText_xqtf6_gg_._size_100_xqtf6_gg_.__formatTags_xqtf6_gg_ p:last-child,.___SText_xqtf6_gg_._size_200_xqtf6_gg_.__formatTags_xqtf6_gg_ p:last-child,.___SText_xqtf6_gg_._size_300_xqtf6_gg_.__formatTags_xqtf6_gg_ p:last-child{margin-bottom:0}.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ ol ol li,.___SText_xqtf6_gg_._size_100_xqtf6_gg_.__formatTags_xqtf6_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ ol ol ol li,.___SText_xqtf6_gg_._size_100_xqtf6_gg_.__formatTags_xqtf6_gg_ ol ol ol li,.___SText_xqtf6_gg_._size_200_xqtf6_gg_.__formatTags_xqtf6_gg_ ol ol ol li,.___SText_xqtf6_gg_._size_300_xqtf6_gg_.__formatTags_xqtf6_gg_ ol ol ol li{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SText_xqtf6_gg_.__formatTags_xqtf6_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_xqtf6_gg_._size_100_xqtf6_gg_,.___SText_xqtf6_gg_._size_100_xqtf6_gg_.__formatTags_xqtf6_gg_ li,.___SText_xqtf6_gg_._size_100_xqtf6_gg_.__formatTags_xqtf6_gg_ p{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_xqtf6_gg_._size_100_xqtf6_gg_.__formatTags_xqtf6_gg_ p{margin:0 0 calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_xqtf6_gg_._size_100_xqtf6_gg_.__formatTags_xqtf6_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_xqtf6_gg_._size_100_xqtf6_gg_.__formatTags_xqtf6_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_xqtf6_gg_._size_200_xqtf6_gg_,.___SText_xqtf6_gg_._size_200_xqtf6_gg_.__formatTags_xqtf6_gg_ li,.___SText_xqtf6_gg_._size_200_xqtf6_gg_.__formatTags_xqtf6_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_xqtf6_gg_._size_200_xqtf6_gg_.__formatTags_xqtf6_gg_ p{margin:0 0 var(--intergalactic-spacing-5x, 20px)0}.___SText_xqtf6_gg_._size_200_xqtf6_gg_.__formatTags_xqtf6_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_xqtf6_gg_._size_200_xqtf6_gg_.__formatTags_xqtf6_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_xqtf6_gg_._size_200_xqtf6_gg_.__formatTags_xqtf6_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_xqtf6_gg_._size_300_xqtf6_gg_,.___SText_xqtf6_gg_._size_300_xqtf6_gg_.__formatTags_xqtf6_gg_ li,.___SText_xqtf6_gg_._size_300_xqtf6_gg_.__formatTags_xqtf6_gg_ p{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_xqtf6_gg_._size_300_xqtf6_gg_.__formatTags_xqtf6_gg_ p{margin:0 0 var(--intergalactic-spacing-6x, 24px)0}.___SText_xqtf6_gg_._size_300_xqtf6_gg_.__formatTags_xqtf6_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_xqtf6_gg_._size_300_xqtf6_gg_.__formatTags_xqtf6_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_xqtf6_gg_._size_300_xqtf6_gg_.__formatTags_xqtf6_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_xqtf6_gg_._size_400_xqtf6_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_xqtf6_gg_._size_500_xqtf6_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_xqtf6_gg_._size_600_xqtf6_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_xqtf6_gg_._size_700_xqtf6_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_xqtf6_gg_._size_800_xqtf6_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_xqtf6_gg_.__noWrap_xqtf6_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_xqtf6_gg_.__medium_xqtf6_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_xqtf6_gg_.__semibold_xqtf6_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_xqtf6_gg_.__bold_xqtf6_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_xqtf6_gg_.__italic_xqtf6_gg_{font-style:italic}.___SText_xqtf6_gg_.__monospace_xqtf6_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_xqtf6_gg_.__uppercase_xqtf6_gg_{text-transform:uppercase}.___SText_xqtf6_gg_.__lowercase_xqtf6_gg_{text-transform:lowercase}.___SText_xqtf6_gg_.__capitalize_xqtf6_gg_{text-transform:capitalize}.___SText_xqtf6_gg_.__decoration_xqtf6_gg_{-webkit-text-decoration:var(--decoration_xqtf6);text-decoration:var(--decoration_xqtf6)}.___SText_xqtf6_gg_.__color_xqtf6_gg_{color:var(--color_xqtf6)}.___SText_xqtf6_gg_.__fontSize_xqtf6_gg_{font-size:var(--fontSize_xqtf6)}.___SText_xqtf6_gg_.__lineHeight_xqtf6_gg_{line-height:var(--lineHeight_xqtf6)}.___SText_xqtf6_gg_.__fontWeight_xqtf6_gg_{font-weight:var(--fontWeight_xqtf6)}.___SText_xqtf6_gg_.__textAlign_xqtf6_gg_{text-align:var(--textAlign_xqtf6)}.___SText_xqtf6_gg_._use_primary_xqtf6_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SText_xqtf6_gg_._use_secondary_xqtf6_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SText_xqtf6_gg_._use_secondary_xqtf6_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_xqtf6_gg_._use_secondary_xqtf6_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_xqtf6_gg_.__disabled_xqtf6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4)}@media (prefers-reduced-motion){.___SText_xqtf6_gg_ a{transition:none}}", /*__inner_css_end__*/"xqtf6_gg_"),
10
+ /*__reshadow_css_end__*/
11
+ {
12
+ "__SText": "___SText_xqtf6_gg_",
13
+ "_size_400": "_size_400_xqtf6_gg_",
14
+ "_size_500": "_size_500_xqtf6_gg_",
15
+ "_size_600": "_size_600_xqtf6_gg_",
16
+ "_size_700": "_size_700_xqtf6_gg_",
17
+ "_size_800": "_size_800_xqtf6_gg_",
18
+ "_noWrap": "__noWrap_xqtf6_gg_",
19
+ "_medium": "__medium_xqtf6_gg_",
20
+ "_semibold": "__semibold_xqtf6_gg_",
21
+ "_bold": "__bold_xqtf6_gg_",
22
+ "_italic": "__italic_xqtf6_gg_",
23
+ "_monospace": "__monospace_xqtf6_gg_",
24
+ "_uppercase": "__uppercase_xqtf6_gg_",
25
+ "_lowercase": "__lowercase_xqtf6_gg_",
26
+ "_capitalize": "__capitalize_xqtf6_gg_",
27
+ "_decoration": "__decoration_xqtf6_gg_",
28
+ "--decoration": "--decoration_xqtf6",
29
+ "_color": "__color_xqtf6_gg_",
30
+ "--color": "--color_xqtf6",
31
+ "_fontSize": "__fontSize_xqtf6_gg_",
32
+ "--fontSize": "--fontSize_xqtf6",
33
+ "_lineHeight": "__lineHeight_xqtf6_gg_",
34
+ "--lineHeight": "--lineHeight_xqtf6",
35
+ "_fontWeight": "__fontWeight_xqtf6_gg_",
36
+ "--fontWeight": "--fontWeight_xqtf6",
37
+ "_textAlign": "__textAlign_xqtf6_gg_",
38
+ "--textAlign": "--textAlign_xqtf6",
39
+ "_use_primary": "_use_primary_xqtf6_gg_",
40
+ "_use_secondary": "_use_secondary_xqtf6_gg_",
41
+ "_disabled": "__disabled_xqtf6_gg_",
42
+ "_formatTags": "__formatTags_xqtf6_gg_",
43
+ "_size_100": "_size_100_xqtf6_gg_",
44
+ "_size_200": "_size_200_xqtf6_gg_",
45
+ "_size_300": "_size_300_xqtf6_gg_"
46
+ });
47
+ function getTextDecoration(underline, lineThrough) {
48
+ if (underline) {
49
+ return 'underline';
50
+ }
51
+ if (lineThrough) {
52
+ return 'line-through';
53
+ }
54
+ }
55
+ function Text(props, ref) {
56
+ var _ref = arguments[0],
57
+ _ref2;
58
+ var SText = Box;
59
+ var color = props.color,
60
+ underline = props.underline,
61
+ lineThrough = props.lineThrough;
62
+ var textDecoration = getTextDecoration(underline, lineThrough);
63
+ var resolveColor = useColorResolver();
64
+ return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SText, _ref2.cn("SText", _objectSpread({}, _assignProps({
65
+ "tag": 'span',
66
+ "data-ui-name": 'Text',
67
+ "ref": ref,
68
+ "use:decoration": textDecoration,
69
+ "use:color": resolveColor(color)
70
+ }, _ref))));
71
+ }
72
+ Text.displayName = 'Text';
73
+ export default createBaseComponent(Text);
74
+ //# sourceMappingURL=Text.js.map
package/lib/es6/Text.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Text.js","names":["createBaseComponent","Root","sstyled","useColorResolver","Box","React","styles","_sstyled","insert","getTextDecoration","underline","lineThrough","Text","props","ref","_ref","arguments[0]","_ref2","SText","color","textDecoration","resolveColor","createElement","cn","_objectSpread","_assignProps","displayName"],"sources":["../../src/Text.jsx"],"sourcesContent":["import { createBaseComponent, Root, sstyled } from '@semcore/core';\nimport { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';\nimport { Box } from '@semcore/flex-box';\nimport React from 'react';\n\nimport styles from './style/text.shadow.css';\n\nfunction getTextDecoration(underline, lineThrough) {\n if (underline) {\n return 'underline';\n }\n\n if (lineThrough) {\n return 'line-through';\n }\n}\n\nfunction Text(props, ref) {\n const SText = Root;\n const { color, underline, lineThrough } = props;\n const textDecoration = getTextDecoration(underline, lineThrough);\n const resolveColor = useColorResolver();\n\n return sstyled(styles)(\n <SText\n render={Box}\n tag='span'\n data-ui-name='Text'\n ref={ref}\n use:decoration={textDecoration}\n use:color={resolveColor(color)}\n />,\n );\n}\n\nText.displayName = 'Text';\n\nexport default createBaseComponent(Text);\n"],"mappings":";;;AAAA,SAASA,mBAAmB,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAClE,SAASC,gBAAgB,QAAQ,8CAA8C;AAC/E,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,IAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAI1B,SAASC,iBAAiBA,CAACC,SAAS,EAAEC,WAAW,EAAE;EACjD,IAAID,SAAS,EAAE;IACb,OAAO,WAAW;EACpB;EAEA,IAAIC,WAAW,EAAE;IACf,OAAO,cAAc;EACvB;AACF;AAEA,SAASC,IAAIA,CAACC,KAAK,EAAEC,GAAG,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACxB,IAAMC,KAAK,GAOCd,GAAG;EANf,IAAQe,KAAK,GAA6BN,KAAK,CAAvCM,KAAK;IAAET,SAAS,GAAkBG,KAAK,CAAhCH,SAAS;IAAEC,WAAW,GAAKE,KAAK,CAArBF,WAAW;EACrC,IAAMS,cAAc,GAAGX,iBAAiB,CAACC,SAAS,EAAEC,WAAW,CAAC;EAChE,IAAMU,YAAY,GAAGlB,gBAAgB,CAAC,CAAC;EAEvC,OAAAc,KAAA,GAAOf,OAAO,CAACI,MAAM,CAAC,eACpBD,KAAA,CAAAiB,aAAA,CAACJ,KAAK,EAAAD,KAAA,CAAAM,EAAA,UAAAC,aAAA,KAAAC,YAAA;IAAA,OAEA,MAAM;IAAA,gBACG,MAAM;IAAA,OACdX,GAAG;IAAA,kBACQM,cAAc;IAAA,aACnBC,YAAY,CAACF,KAAK;EAAC,GAAAJ,IAAA,GAC/B,CAAC;AAEN;AAEAH,IAAI,CAACc,WAAW,GAAG,MAAM;AAEzB,eAAe1B,mBAAmB,CAACY,IAAI,CAAC","ignoreList":[]}
package/lib/es6/index.d.js ADDED
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=index.d.js.map
package/lib/es6/index.d.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { BoxProps, Flex, FlexProps } from '@semcore/flex-box';\nimport type { Property } from 'csstype';\nimport type React from 'react';\n\n/** @deprecated */\nexport interface ITextProps extends TextProps, UnknownProperties {}\nexport type TextProps = BoxProps & {\n /** Font size and line-heights */\n size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;\n /** The text will not be wrapped on a new line and will be cut off with ellipsis */\n noWrap?: boolean;\n /** CSS property `font-weight: 700;` */\n bold?: boolean;\n /** CSS property `font-weight: 600;` */\n semibold?: boolean;\n /** CSS property `font-weight: 500;` */\n medium?: boolean;\n /** Italicized text */\n italic?: boolean;\n /** Underlined text */\n underline?: boolean;\n /** CSS property `font-family: monospace;` */\n monospace?: boolean;\n /** Strikethrough text */\n lineThrough?: boolean;\n /** Uppercase text */\n uppercase?: boolean;\n /** Lowercase text */\n lowercase?: boolean;\n /** Capitalized text */\n capitalize?: boolean;\n /** Text color **/\n color?: string;\n /** Custom `font-size` */\n fontSize?: Property.FontSize<any>;\n /** Custom `line-height` */\n lineHeight?: Property.LineHeight<any>;\n /** Custom `font-weight` */\n fontWeight?: Property.FontWeight;\n /** Text alignment */\n textAlign?: Property.TextAlign;\n /** Enforces text color */\n use?: 'primary' | 'secondary';\n /** Makes text semi-transparent to indicate disabled state */\n disabled?: boolean;\n /** Enable formatting/styling for all nested HTML tags with our default styles for them */\n formatTags?: boolean;\n};\n\n/** @deprecated */\nexport interface IListProps extends ListProps, UnknownProperties {}\nexport type ListProps = TextProps & {\n /** Marker of the entire list\n * @default • */\n marker?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface IListItemProps extends ListItemProps, UnknownProperties {}\nexport type ListItemProps = TextProps & {\n /** Individual marker of a list item */\n marker?: React.ReactNode;\n};\n\nexport type ListItemContentProps = FlexProps;\n\n/** @deprecated */\nexport interface IListContext extends ListContext, UnknownProperties {}\nexport type ListContext = {\n getItemProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface IBlockquoteProps extends BlockquoteProps, UnknownProperties {}\nexport type BlockquoteProps = BoxProps & {\n /** Source of the quote */\n author?: React.ReactNode;\n};\n\ndeclare const Item: Intergalactic.Component<'li', ListItemProps> & {\n Content: Intergalactic.Component<typeof Flex, ListItemContentProps>;\n};\n\ndeclare const List: Intergalactic.Component<'ul', ListProps> & {\n Item: typeof Item;\n};\n\ndeclare const Text: Intergalactic.Component<'span', TextProps>;\n\ndeclare const Blockquote: Intergalactic.Component<'blockquote', BlockquoteProps>;\n\nexport { Text, List, Blockquote };\n"],"mappings":"","ignoreList":[]}
package/lib/es6/index.js CHANGED
@@ -1,7 +1,4 @@
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';
1
+ export { default as Text } from './Text';
2
+ export { default as Blockquote } from './Blockquote';
3
+ export { default as List } from './List';
7
4
  //# sourceMappingURL=index.js.map
package/lib/es6/index.js.map CHANGED
@@ -1 +1 @@
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":[]}
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":[]}
package/lib/es6/style/text.shadow.css CHANGED
@@ -106,11 +106,6 @@ SText {
106
106
  background-color: var(--intergalactic-icon-primary-neutral, oklch(0.092 0.024 152.2 / 0.526));
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
-
114
109
  & h1 {
115
110
  font-size: var(--intergalactic-fs-800, 48px);
116
111
  line-height: var(--intergalactic-lh-800, 117%);
@@ -197,7 +192,7 @@ SText {
197
192
  }
198
193
 
199
194
  & p {
200
- margin: 0 0 var(--intergalactic-spacing-4x, 16px) 0;
195
+ margin: 0 0 var(--intergalactic-spacing-5x, 20px) 0;
201
196
 
202
197
  &:last-child {
203
198
  margin-bottom: 0;
@@ -227,31 +222,6 @@ SText {
227
222
  }
228
223
  }
229
224
 
230
- SText[ellipsis] {
231
- overflow: hidden;
232
- text-overflow: ellipsis;
233
- white-space: pre;
234
- display: inline-block;
235
- line-height: unset;
236
- vertical-align: top;
237
-
238
- &[trim='end'][isEllipsized]::after {
239
- content: '';
240
- display: block;
241
- }
242
-
243
- &[maxLine] {
244
- -webkit-line-clamp: var(--maxLine);
245
- display: -webkit-box;
246
- -webkit-box-orient: vertical;
247
- white-space: normal;
248
- overflow-wrap: break-word;
249
- }
250
- &[trim='middle'] {
251
- text-overflow: unset;
252
- }
253
- }
254
-
255
225
  SText[size='100'] {
256
226
  font-size: var(--intergalactic-fs-100, 12px);
257
227
  line-height: var(--intergalactic-lh-100, 133%);
@@ -305,7 +275,7 @@ SText[size='200'] {
305
275
  }
306
276
 
307
277
  & p {
308
- margin: 0 0 var(--intergalactic-spacing-3x, 12px) 0;
278
+ margin: 0 0 var(--intergalactic-spacing-5x, 20px) 0;
309
279
 
310
280
  &:last-child {
311
281
  margin-bottom: 0;
@@ -347,7 +317,7 @@ SText[size='300'] {
347
317
  }
348
318
 
349
319
  & p {
350
- margin: 0 0 var(--intergalactic-spacing-4x, 16px) 0;
320
+ margin: 0 0 var(--intergalactic-spacing-6x, 24px) 0;
351
321
 
352
322
  &:last-child {
353
323
  margin-bottom: 0;
package/lib/esm/{components/Blockquote/Blockquote.mjs → Blockquote.mjs} RENAMED
@@ -1,36 +1,36 @@
1
1
  import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
2
- import { sstyled, assignProps, createBaseComponent } from "@semcore/core";
3
- import { Box } from "@semcore/base-components";
2
+ import { createBaseComponent, sstyled, assignProps } from "@semcore/core";
4
3
  import isNode from "@semcore/core/lib/utils/isNode";
4
+ import { Box } from "@semcore/flex-box";
5
5
  import React from "react";
6
- /*!__reshadow-styles__:"../../style/blockquote.shadow.css"*/
6
+ /*!__reshadow-styles__:"./style/blockquote.shadow.css"*/
7
7
  var styles = (
8
8
  /*__reshadow_css_start__*/
9
9
  (sstyled.insert(
10
10
  /*__inner_css_start__*/
11
- '.___SBlockquote_18p09_gg_{position:relative;display:flex;font-style:italic;font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SDoubleQuotation_18p09_gg_{position:relative;margin-right:var(--intergalactic-spacing-5x, 20px);font-family:"Times New Roman",serif;font-style:normal;font-size:68px;line-height:52px;color:var(--intergalactic-text-large-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SDoubleQuotation_18p09_gg_{color:var(--intergalactic-text-large-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SDoubleQuotation_18p09_gg_{color:var(--intergalactic-text-large-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SAuthor_18p09_gg_{display:block;margin-top:var(--intergalactic-spacing-4x, 16px);color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));font-style:normal;font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}@supports (color:color(display-p3 0 0 0%)){.___SAuthor_18p09_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SAuthor_18p09_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}',
11
+ '.___SBlockquote_1hmnx_gg_{position:relative;display:flex;font-style:italic;font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SDoubleQuotation_1hmnx_gg_{position:relative;margin-right:var(--intergalactic-spacing-5x, 20px);font-family:"Times New Roman",serif;font-style:normal;font-size:68px;line-height:52px;color:var(--intergalactic-text-large-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SDoubleQuotation_1hmnx_gg_{color:var(--intergalactic-text-large-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SDoubleQuotation_1hmnx_gg_{color:var(--intergalactic-text-large-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SAuthor_1hmnx_gg_{display:block;margin-top:var(--intergalactic-spacing-4x, 16px);color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));font-style:normal;font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}@supports (color:color(display-p3 0 0 0%)){.___SAuthor_1hmnx_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SAuthor_1hmnx_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}',
12
12
  /*__inner_css_end__*/
13
- "18p09_gg_"
13
+ "1hmnx_gg_"
14
14
  ), /*__reshadow_css_end__*/
15
15
  {
16
- "__SBlockquote": "___SBlockquote_18p09_gg_",
17
- "__SDoubleQuotation": "___SDoubleQuotation_18p09_gg_",
18
- "__SAuthor": "___SAuthor_18p09_gg_"
16
+ "__SBlockquote": "___SBlockquote_1hmnx_gg_",
17
+ "__SDoubleQuotation": "___SDoubleQuotation_1hmnx_gg_",
18
+ "__SAuthor": "___SAuthor_1hmnx_gg_"
19
19
  })
20
20
  );
21
- function BlockquoteRoot(props, ref) {
21
+ function Blockquote(props, ref) {
22
22
  var _ref = arguments[0], _ref2;
23
23
  var SBlockquote = Box;
24
24
  var SDoubleQuotation = "span";
25
25
  var SAuthor = "cite";
26
- var author = props.author, children = props.children;
26
+ var children = props.children, author = props.author;
27
27
  return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SBlockquote, _ref2.cn("SBlockquote", _objectSpread({}, assignProps({
28
28
  "tag": "blockquote",
29
29
  "ref": ref
30
30
  }, _ref))), /* @__PURE__ */ React.createElement(SDoubleQuotation, _ref2.cn("SDoubleQuotation", {}), "“"), /* @__PURE__ */ React.createElement("span", _ref2.cn("span", {}), children, isNode(author) && /* @__PURE__ */ React.createElement(SAuthor, _ref2.cn("SAuthor", {}), author)));
31
31
  }
32
- BlockquoteRoot.displayName = "Blockquote";
33
- var Blockquote = createBaseComponent(BlockquoteRoot);
32
+ Blockquote.displayName = "Blockquote";
33
+ const Blockquote_default = createBaseComponent(Blockquote);
34
34
  export {
35
- Blockquote as default
35
+ Blockquote_default as default
36
36
  };
package/lib/esm/{components/List/List.mjs → List.mjs} RENAMED
@@ -4,26 +4,26 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
4
4
  import _callSuper from "@babel/runtime/helpers/esm/callSuper";
5
5
  import _inherits from "@babel/runtime/helpers/esm/inherits";
6
6
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
7
- import { sstyled, assignProps, Component, createComponent } from "@semcore/core";
8
- import { Flex } from "@semcore/base-components";
7
+ import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
9
8
  import { isAdvanceMode } from "@semcore/core/lib/utils/findComponent";
10
9
  import isNode from "@semcore/core/lib/utils/isNode";
10
+ import { Flex } from "@semcore/flex-box";
11
11
  import React from "react";
12
- import Text from "../Text/Text.mjs";
13
- /*!__reshadow-styles__:"../../style/list.shadow.css"*/
12
+ import Text from "./Text.mjs";
13
+ /*!__reshadow-styles__:"./style/list.shadow.css"*/
14
14
  var style = (
15
15
  /*__reshadow_css_start__*/
16
16
  (sstyled.insert(
17
17
  /*__inner_css_start__*/
18
- ".___SList_13mha_gg_{padding:0;margin:0;list-style-type:none}.___SContent_13mha_gg_{overflow:inherit;text-overflow:inherit}.___SItem_13mha_gg_+.___SItem_13mha_gg_,.___SList_13mha_gg_ .___SList_13mha_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_13mha_gg_{display:flex}.___SMarker_13mha_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));line-height:normal}@supports (color:color(display-p3 0 0 0%)){.___SMarker_13mha_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SMarker_13mha_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}",
18
+ ".___SList_1eltk_gg_{padding:0;margin:0;list-style-type:none}.___SContent_1eltk_gg_{overflow:inherit;text-overflow:inherit}.___SItem_1eltk_gg_+.___SItem_1eltk_gg_,.___SList_1eltk_gg_ .___SList_1eltk_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_1eltk_gg_{display:flex}.___SMarker_1eltk_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));line-height:normal}@supports (color:color(display-p3 0 0 0%)){.___SMarker_1eltk_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SMarker_1eltk_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}",
19
19
  /*__inner_css_end__*/
20
- "13mha_gg_"
20
+ "1eltk_gg_"
21
21
  ), /*__reshadow_css_end__*/
22
22
  {
23
- "__SList": "___SList_13mha_gg_",
24
- "__SContent": "___SContent_13mha_gg_",
25
- "__SItem": "___SItem_13mha_gg_",
26
- "__SMarker": "___SMarker_13mha_gg_"
23
+ "__SList": "___SList_1eltk_gg_",
24
+ "__SContent": "___SContent_1eltk_gg_",
25
+ "__SItem": "___SItem_1eltk_gg_",
26
+ "__SMarker": "___SMarker_1eltk_gg_"
27
27
  })
28
28
  );
29
29
  var ListRoot = /* @__PURE__ */ (function(_Component) {
@@ -68,7 +68,7 @@ var ItemRoot = /* @__PURE__ */ (function(_Component2) {
68
68
  value: function render() {
69
69
  var _ref2 = this.asProps, _ref5;
70
70
  var SItem = Text;
71
- var _this$asProps = this.asProps, styles = _this$asProps.styles, markerNode = _this$asProps.marker, Children = _this$asProps.Children;
71
+ var _this$asProps = this.asProps, styles = _this$asProps.styles, children = _this$asProps.children, markerNode = _this$asProps.marker, Children = _this$asProps.Children;
72
72
  var SMarker = "span";
73
73
  var SContent = "div";
74
74
  var isAdvancedMode = isAdvanceMode(Children, [List.Item.Content.displayName]);
@@ -76,7 +76,7 @@ var ItemRoot = /* @__PURE__ */ (function(_Component2) {
76
76
  "tag": "li"
77
77
  }, _ref2))), isNode(markerNode) && /* @__PURE__ */ React.createElement(SMarker, _ref5.cn("SMarker", {
78
78
  "aria-hidden": "true"
79
- }), markerNode), isAdvancedMode ? /* @__PURE__ */ React.createElement(Children, _ref5.cn("Children", {})) : /* @__PURE__ */ React.createElement(SContent, _ref5.cn("SContent", {}), /* @__PURE__ */ React.createElement(Children, _ref5.cn("Children", {}))));
79
+ }), markerNode), isAdvancedMode ? /* @__PURE__ */ React.createElement(Children, _ref5.cn("Children", {})) : /* @__PURE__ */ React.createElement(SContent, _ref5.cn("SContent", {}), children));
80
80
  }
81
81
  }]);
82
82
  })(Component);
package/lib/esm/Text.mjs ADDED
@@ -0,0 +1,78 @@
1
+ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
2
+ import { createBaseComponent, sstyled, assignProps } from "@semcore/core";
3
+ import { useColorResolver } from "@semcore/core/lib/utils/use/useColorResolver";
4
+ import { Box } from "@semcore/flex-box";
5
+ import React from "react";
6
+ /*!__reshadow-styles__:"./style/text.shadow.css"*/
7
+ var styles = (
8
+ /*__reshadow_css_start__*/
9
+ (sstyled.insert(
10
+ /*__inner_css_start__*/
11
+ '.___SText_xqtf6_gg_{padding:0;margin:0}.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ abbr{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));-webkit-text-decoration:underline dashed var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));text-decoration:underline dashed var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ abbr{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));-webkit-text-decoration:underline dashed var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));text-decoration:underline dashed var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ abbr{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583));-webkit-text-decoration:underline dashed var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583));text-decoration:underline dashed var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ abbr:active,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ abbr:focus{outline:0;color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605));-webkit-text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605));text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}@media (hover:hover){.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ abbr:hover{outline:0;color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605));-webkit-text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605));text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}}.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ a{display:inline;background:0 0;outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link, rgb(35, 95, 226));border-bottom-width:1px;border-bottom-style:solid;border-color:transparent}.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ a:active{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215));border-color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}@media (hover:hover){.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ a:hover{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215));border-color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}}.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ a:focus{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469));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}@supports (color:color(display-p3 0 0 0%)){.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ a:focus{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469))}@media (color-gamut:p3){.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ a:focus{outline-color:var(--intergalactic-keyboard-focus-outline, color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ code,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ pre{font-family:Consolas,"Roboto Mono",Menlo,Courier,monospace}.___SText_xqtf6_gg_.__formatTags_xqtf6_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_xqtf6_gg_.__formatTags_xqtf6_gg_ blockquote:before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNyIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDI3IDE5IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTguODI0MjIgMC45NDcyNjZWMi4zMDg1OUM2Ljg3NjMgMy4zMjY4MiA1LjQ4MTc3IDQuMzg5MzIgNC42NDA2MiA1LjQ5NjA5QzMuNzk5NDggNi42MDI4NiAzLjM3ODkxIDcuODA5MjQgMy4zNzg5MSA5LjExNTIzQzMuMzc4OTEgOS44ODk5NyAzLjQ4OTU4IDEwLjQyMTIgMy43MTA5NCAxMC43MDlDMy45MTAxNiAxMS4wMTg5IDQuMTUzNjUgMTEuMTczOCA0LjQ0MTQxIDExLjE3MzhDNC43MjkxNyAxMS4xNzM4IDUuMTE2NTQgMTEuMDk2NCA1LjYwMzUyIDEwLjk0MTRDNi4wOTA0OSAxMC43NjQzIDYuNTMzMiAxMC42NzU4IDYuOTMxNjQgMTAuNjc1OEM3LjgzOTE5IDEwLjY3NTggOC42MjUgMTEuMDE4OSA5LjI4OTA2IDExLjcwNTFDOS45NzUyNiAxMi4zNjkxIDEwLjMxODQgMTMuMTg4MiAxMC4zMTg0IDE0LjE2MjFDMTAuMzE4NCAxNS4yMjQ2IDkuOTA4ODUgMTYuMTQzMiA5LjA4OTg0IDE2LjkxOEM4LjI3MDgzIDE3LjY3MDYgNy4yNTI2IDE4LjA0NjkgNi4wMzUxNiAxOC4wNDY5QzQuNTUyMDggMTguMDQ2OSAzLjIxMjg5IDE3LjQwNDkgMi4wMTc1OCAxNi4xMjExQzAuODIyMjY2IDE0LjgzNzIgMC4yMjQ2MDkgMTMuMjU0NiAwLjIyNDYwOSAxMS4zNzNDMC4yMjQ2MDkgOS4xNTk1MSAwLjk1NTA3OCA3LjEwMDkxIDIuNDE2MDIgNS4xOTcyN0MzLjg5OTA5IDMuMjcxNDggNi4wMzUxNiAxLjg1NDgyIDguODI0MjIgMC45NDcyNjZaTTI0LjY2MjEgMS4wNDY4OFYyLjMwODU5QzIyLjQyNjQgMy41OTI0NSAyMC45NTQ0IDQuNzQzNDkgMjAuMjQ2MSA1Ljc2MTcyQzE5LjUzNzggNi43Nzk5NSAxOS4xODM2IDcuOTc1MjYgMTkuMTgzNiA5LjM0NzY2QzE5LjE4MzYgOS45Njc0NSAxOS4zMDUzIDEwLjQzMjMgMTkuNTQ4OCAxMC43NDIyQzE5Ljc5MjMgMTEuMDUyMSAyMC4wNDY5IDExLjIwNyAyMC4zMTI1IDExLjIwN0MyMC41NTYgMTEuMjA3IDIwLjkyMTIgMTEuMTE4NSAyMS40MDgyIDEwLjk0MTRDMjEuODk1MiAxMC43NjQzIDIyLjM4MjIgMTAuNjc1OCAyMi44NjkxIDEwLjY3NThDMjMuNzc2NyAxMC42NzU4IDI0LjU2MjUgMTEuMDA3OCAyNS4yMjY2IDExLjY3MTlDMjUuOTEyOCAxMi4zMTM4IDI2LjI1NTkgMTMuMTEwNyAyNi4yNTU5IDE0LjA2MjVDMjYuMjU1OSAxNS4xNDcxIDI1LjgyNDIgMTYuMDg3OSAyNC45NjA5IDE2Ljg4NDhDMjQuMTE5OCAxNy42ODE2IDIzLjA3OTQgMTguMDgwMSAyMS44Mzk4IDE4LjA4MDFDMjAuMzc4OSAxOC4wODAxIDE5LjA2MTggMTcuNDQ5MiAxNy44ODg3IDE2LjE4NzVDMTYuNzE1NSAxNC45MjU4IDE2LjEyODkgMTMuMzU0MiAxNi4xMjg5IDExLjQ3MjdDMTYuMTI4OSA5LjE0ODQ0IDE2Ljg3MDQgNy4wMzQ1MSAxOC4zNTM1IDUuMTMwODZDMTkuODM2NiAzLjIwNTA4IDIxLjkzOTUgMS44NDM3NSAyNC42NjIxIDEuMDQ2ODhaIiBmaWxsPSIjQTlBQkI2Ii8+Cjwvc3ZnPg==);display:inline-block;position:absolute;left:0;color:var(--intergalactic-icon-secondary-neutral, rgba(0, 5, 2, 0.385));font-family:Georgia,Times,"Times New Roman",serif}@supports (color:color(display-p3 0 0 0%)){.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ blockquote:before{color:var(--intergalactic-icon-secondary-neutral, rgba(0, 5, 2, 0.385))}@media (color-gamut:p3){.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ blockquote:before{color:var(--intergalactic-icon-secondary-neutral, color(display-p3 0.0036 0.02041 0.00996 / 0.385))}}}.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ blockquote cite{display:block;font-style:normal;margin-top:var(--intergalactic-spacing-4x, 16px);color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}@supports (color:color(display-p3 0 0 0%)){.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ blockquote cite{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ blockquote cite{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]),.___SText_xqtf6_gg_.__formatTags_xqtf6_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_xqtf6_gg_.__formatTags_xqtf6_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_xqtf6_gg_):before,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_xqtf6_gg_):before{position:absolute;left:0;color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_xqtf6_gg_):before,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_xqtf6_gg_):before{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_xqtf6_gg_):before,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_xqtf6_gg_):before{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_xqtf6_gg_)+li:not(.___SText_xqtf6_gg_),.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_xqtf6_gg_)+li:not(.___SText_xqtf6_gg_){margin:var(--intergalactic-spacing-2x, 8px)0 0 0}.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]){counter-reset:item 0}.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_xqtf6_gg_):before{counter-increment:item;content:counters(item,".")}.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_xqtf6_gg_):before{content:"";background-color:var(--intergalactic-icon-primary-neutral, rgba(0, 4, 1, 0.526))}.___SText_xqtf6_gg_.__formatTags_xqtf6_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_xqtf6_gg_.__formatTags_xqtf6_gg_ h1:only-child,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h2:only-child,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h3:only-child,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h4:only-child,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h5:only-child,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h6:only-child{margin-bottom:0}.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h2,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h3{font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h2{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h3{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_xqtf6_gg_.__formatTags_xqtf6_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_xqtf6_gg_.__formatTags_xqtf6_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_xqtf6_gg_.__formatTags_xqtf6_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_xqtf6_gg_.__formatTags_xqtf6_gg_ h1 small,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h2 small,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h3 small,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h4 small,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h5 small,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h6 small{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));font-weight:300;font-size:100%}@supports (color:color(display-p3 0 0 0%)){.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h1 small,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h2 small,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h3 small,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h4 small,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h5 small,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h6 small{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h1 small,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h2 small,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h3 small,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h4 small,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h5 small,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ h6 small{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ li,.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ p{margin:0 0 var(--intergalactic-spacing-5x, 20px)0}.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ p:last-child,.___SText_xqtf6_gg_._size_100_xqtf6_gg_.__formatTags_xqtf6_gg_ p:last-child,.___SText_xqtf6_gg_._size_200_xqtf6_gg_.__formatTags_xqtf6_gg_ p:last-child,.___SText_xqtf6_gg_._size_300_xqtf6_gg_.__formatTags_xqtf6_gg_ p:last-child{margin-bottom:0}.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ ol ol li,.___SText_xqtf6_gg_._size_100_xqtf6_gg_.__formatTags_xqtf6_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_xqtf6_gg_.__formatTags_xqtf6_gg_ ol ol ol li,.___SText_xqtf6_gg_._size_100_xqtf6_gg_.__formatTags_xqtf6_gg_ ol ol ol li,.___SText_xqtf6_gg_._size_200_xqtf6_gg_.__formatTags_xqtf6_gg_ ol ol ol li,.___SText_xqtf6_gg_._size_300_xqtf6_gg_.__formatTags_xqtf6_gg_ ol ol ol li{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SText_xqtf6_gg_.__formatTags_xqtf6_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_xqtf6_gg_._size_100_xqtf6_gg_,.___SText_xqtf6_gg_._size_100_xqtf6_gg_.__formatTags_xqtf6_gg_ li,.___SText_xqtf6_gg_._size_100_xqtf6_gg_.__formatTags_xqtf6_gg_ p{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_xqtf6_gg_._size_100_xqtf6_gg_.__formatTags_xqtf6_gg_ p{margin:0 0 calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_xqtf6_gg_._size_100_xqtf6_gg_.__formatTags_xqtf6_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_xqtf6_gg_._size_100_xqtf6_gg_.__formatTags_xqtf6_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_xqtf6_gg_._size_200_xqtf6_gg_,.___SText_xqtf6_gg_._size_200_xqtf6_gg_.__formatTags_xqtf6_gg_ li,.___SText_xqtf6_gg_._size_200_xqtf6_gg_.__formatTags_xqtf6_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_xqtf6_gg_._size_200_xqtf6_gg_.__formatTags_xqtf6_gg_ p{margin:0 0 var(--intergalactic-spacing-5x, 20px)0}.___SText_xqtf6_gg_._size_200_xqtf6_gg_.__formatTags_xqtf6_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_xqtf6_gg_._size_200_xqtf6_gg_.__formatTags_xqtf6_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_xqtf6_gg_._size_200_xqtf6_gg_.__formatTags_xqtf6_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_xqtf6_gg_._size_300_xqtf6_gg_,.___SText_xqtf6_gg_._size_300_xqtf6_gg_.__formatTags_xqtf6_gg_ li,.___SText_xqtf6_gg_._size_300_xqtf6_gg_.__formatTags_xqtf6_gg_ p{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_xqtf6_gg_._size_300_xqtf6_gg_.__formatTags_xqtf6_gg_ p{margin:0 0 var(--intergalactic-spacing-6x, 24px)0}.___SText_xqtf6_gg_._size_300_xqtf6_gg_.__formatTags_xqtf6_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_xqtf6_gg_._size_300_xqtf6_gg_.__formatTags_xqtf6_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_xqtf6_gg_._size_300_xqtf6_gg_.__formatTags_xqtf6_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_xqtf6_gg_._size_400_xqtf6_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_xqtf6_gg_._size_500_xqtf6_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_xqtf6_gg_._size_600_xqtf6_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_xqtf6_gg_._size_700_xqtf6_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_xqtf6_gg_._size_800_xqtf6_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_xqtf6_gg_.__noWrap_xqtf6_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_xqtf6_gg_.__medium_xqtf6_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_xqtf6_gg_.__semibold_xqtf6_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_xqtf6_gg_.__bold_xqtf6_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_xqtf6_gg_.__italic_xqtf6_gg_{font-style:italic}.___SText_xqtf6_gg_.__monospace_xqtf6_gg_{font-family:Consolas,"Roboto Mono",Menlo,Courier,monospace}.___SText_xqtf6_gg_.__uppercase_xqtf6_gg_{text-transform:uppercase}.___SText_xqtf6_gg_.__lowercase_xqtf6_gg_{text-transform:lowercase}.___SText_xqtf6_gg_.__capitalize_xqtf6_gg_{text-transform:capitalize}.___SText_xqtf6_gg_.__decoration_xqtf6_gg_{-webkit-text-decoration:var(--decoration_xqtf6);text-decoration:var(--decoration_xqtf6)}.___SText_xqtf6_gg_.__color_xqtf6_gg_{color:var(--color_xqtf6)}.___SText_xqtf6_gg_.__fontSize_xqtf6_gg_{font-size:var(--fontSize_xqtf6)}.___SText_xqtf6_gg_.__lineHeight_xqtf6_gg_{line-height:var(--lineHeight_xqtf6)}.___SText_xqtf6_gg_.__fontWeight_xqtf6_gg_{font-weight:var(--fontWeight_xqtf6)}.___SText_xqtf6_gg_.__textAlign_xqtf6_gg_{text-align:var(--textAlign_xqtf6)}.___SText_xqtf6_gg_._use_primary_xqtf6_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SText_xqtf6_gg_._use_secondary_xqtf6_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SText_xqtf6_gg_._use_secondary_xqtf6_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_xqtf6_gg_._use_secondary_xqtf6_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_xqtf6_gg_.__disabled_xqtf6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4)}@media (prefers-reduced-motion){.___SText_xqtf6_gg_ a{transition:none}}',
12
+ /*__inner_css_end__*/
13
+ "xqtf6_gg_"
14
+ ), /*__reshadow_css_end__*/
15
+ {
16
+ "__SText": "___SText_xqtf6_gg_",
17
+ "_size_400": "_size_400_xqtf6_gg_",
18
+ "_size_500": "_size_500_xqtf6_gg_",
19
+ "_size_600": "_size_600_xqtf6_gg_",
20
+ "_size_700": "_size_700_xqtf6_gg_",
21
+ "_size_800": "_size_800_xqtf6_gg_",
22
+ "_noWrap": "__noWrap_xqtf6_gg_",
23
+ "_medium": "__medium_xqtf6_gg_",
24
+ "_semibold": "__semibold_xqtf6_gg_",
25
+ "_bold": "__bold_xqtf6_gg_",
26
+ "_italic": "__italic_xqtf6_gg_",
27
+ "_monospace": "__monospace_xqtf6_gg_",
28
+ "_uppercase": "__uppercase_xqtf6_gg_",
29
+ "_lowercase": "__lowercase_xqtf6_gg_",
30
+ "_capitalize": "__capitalize_xqtf6_gg_",
31
+ "_decoration": "__decoration_xqtf6_gg_",
32
+ "--decoration": "--decoration_xqtf6",
33
+ "_color": "__color_xqtf6_gg_",
34
+ "--color": "--color_xqtf6",
35
+ "_fontSize": "__fontSize_xqtf6_gg_",
36
+ "--fontSize": "--fontSize_xqtf6",
37
+ "_lineHeight": "__lineHeight_xqtf6_gg_",
38
+ "--lineHeight": "--lineHeight_xqtf6",
39
+ "_fontWeight": "__fontWeight_xqtf6_gg_",
40
+ "--fontWeight": "--fontWeight_xqtf6",
41
+ "_textAlign": "__textAlign_xqtf6_gg_",
42
+ "--textAlign": "--textAlign_xqtf6",
43
+ "_use_primary": "_use_primary_xqtf6_gg_",
44
+ "_use_secondary": "_use_secondary_xqtf6_gg_",
45
+ "_disabled": "__disabled_xqtf6_gg_",
46
+ "_formatTags": "__formatTags_xqtf6_gg_",
47
+ "_size_100": "_size_100_xqtf6_gg_",
48
+ "_size_200": "_size_200_xqtf6_gg_",
49
+ "_size_300": "_size_300_xqtf6_gg_"
50
+ })
51
+ );
52
+ function getTextDecoration(underline, lineThrough) {
53
+ if (underline) {
54
+ return "underline";
55
+ }
56
+ if (lineThrough) {
57
+ return "line-through";
58
+ }
59
+ }
60
+ function Text(props, ref) {
61
+ var _ref = arguments[0], _ref2;
62
+ var SText = Box;
63
+ var color = props.color, underline = props.underline, lineThrough = props.lineThrough;
64
+ var textDecoration = getTextDecoration(underline, lineThrough);
65
+ var resolveColor = useColorResolver();
66
+ return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SText, _ref2.cn("SText", _objectSpread({}, assignProps({
67
+ "tag": "span",
68
+ "data-ui-name": "Text",
69
+ "ref": ref,
70
+ "use:decoration": textDecoration,
71
+ "use:color": resolveColor(color)
72
+ }, _ref))));
73
+ }
74
+ Text.displayName = "Text";
75
+ const Text$1 = createBaseComponent(Text);
76
+ export {
77
+ Text$1 as default
78
+ };
package/lib/esm/index.mjs CHANGED
@@ -1,9 +1,6 @@
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";
1
+ import { default as default2 } from "./Text.mjs";
2
+ import { default as default3 } from "./Blockquote.mjs";
3
+ import { default as default4 } from "./List.mjs";
7
4
  export {
8
5
  default3 as Blockquote,
9
6
  default4 as List,
package/lib/esm/style/text.shadow.css CHANGED
@@ -106,11 +106,6 @@ SText {
106
106
  background-color: var(--intergalactic-icon-primary-neutral, oklch(0.092 0.024 152.2 / 0.526));
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
-
114
109
  & h1 {
115
110
  font-size: var(--intergalactic-fs-800, 48px);
116
111
  line-height: var(--intergalactic-lh-800, 117%);
@@ -197,7 +192,7 @@ SText {
197
192
  }
198
193
 
199
194
  & p {
200
- margin: 0 0 var(--intergalactic-spacing-4x, 16px) 0;
195
+ margin: 0 0 var(--intergalactic-spacing-5x, 20px) 0;
201
196
 
202
197
  &:last-child {
203
198
  margin-bottom: 0;
@@ -227,31 +222,6 @@ SText {
227
222
  }
228
223
  }
229
224
 
230
- SText[ellipsis] {
231
- overflow: hidden;
232
- text-overflow: ellipsis;
233
- white-space: pre;
234
- display: inline-block;
235
- line-height: unset;
236
- vertical-align: top;
237
-
238
- &[trim='end'][isEllipsized]::after {
239
- content: '';
240
- display: block;
241
- }
242
-
243
- &[maxLine] {
244
- -webkit-line-clamp: var(--maxLine);
245
- display: -webkit-box;
246
- -webkit-box-orient: vertical;
247
- white-space: normal;
248
- overflow-wrap: break-word;
249
- }
250
- &[trim='middle'] {
251
- text-overflow: unset;
252
- }
253
- }
254
-
255
225
  SText[size='100'] {
256
226
  font-size: var(--intergalactic-fs-100, 12px);
257
227
  line-height: var(--intergalactic-lh-100, 133%);
@@ -305,7 +275,7 @@ SText[size='200'] {
305
275
  }
306
276
 
307
277
  & p {
308
- margin: 0 0 var(--intergalactic-spacing-3x, 12px) 0;
278
+ margin: 0 0 var(--intergalactic-spacing-5x, 20px) 0;
309
279
 
310
280
  &:last-child {
311
281
  margin-bottom: 0;
@@ -347,7 +317,7 @@ SText[size='300'] {
347
317
  }
348
318
 
349
319
  & p {
350
- margin: 0 0 var(--intergalactic-spacing-4x, 16px) 0;
320
+ margin: 0 0 var(--intergalactic-spacing-6x, 24px) 0;
351
321
 
352
322
  &:last-child {
353
323
  margin-bottom: 0;
package/lib/types/index.d.ts CHANGED
@@ -1,6 +1,93 @@
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';
1
+ import type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
2
+ import type { BoxProps, Flex, FlexProps } from '@semcore/flex-box';
3
+ import type { Property } from 'csstype';
4
+ import type React from 'react';
5
+
6
+ /** @deprecated */
7
+ export interface ITextProps extends TextProps, UnknownProperties {}
8
+ export type TextProps = BoxProps & {
9
+ /** Font size and line-heights */
10
+ size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;
11
+ /** The text will not be wrapped on a new line and will be cut off with ellipsis */
12
+ noWrap?: boolean;
13
+ /** CSS property `font-weight: 700;` */
14
+ bold?: boolean;
15
+ /** CSS property `font-weight: 600;` */
16
+ semibold?: boolean;
17
+ /** CSS property `font-weight: 500;` */
18
+ medium?: boolean;
19
+ /** Italicized text */
20
+ italic?: boolean;
21
+ /** Underlined text */
22
+ underline?: boolean;
23
+ /** CSS property `font-family: monospace;` */
24
+ monospace?: boolean;
25
+ /** Strikethrough text */
26
+ lineThrough?: boolean;
27
+ /** Uppercase text */
28
+ uppercase?: boolean;
29
+ /** Lowercase text */
30
+ lowercase?: boolean;
31
+ /** Capitalized text */
32
+ capitalize?: boolean;
33
+ /** Text color **/
34
+ color?: string;
35
+ /** Custom `font-size` */
36
+ fontSize?: Property.FontSize<any>;
37
+ /** Custom `line-height` */
38
+ lineHeight?: Property.LineHeight<any>;
39
+ /** Custom `font-weight` */
40
+ fontWeight?: Property.FontWeight;
41
+ /** Text alignment */
42
+ textAlign?: Property.TextAlign;
43
+ /** Enforces text color */
44
+ use?: 'primary' | 'secondary';
45
+ /** Makes text semi-transparent to indicate disabled state */
46
+ disabled?: boolean;
47
+ /** Enable formatting/styling for all nested HTML tags with our default styles for them */
48
+ formatTags?: boolean;
49
+ };
50
+
51
+ /** @deprecated */
52
+ export interface IListProps extends ListProps, UnknownProperties {}
53
+ export type ListProps = TextProps & {
54
+ /** Marker of the entire list
55
+ * @default • */
56
+ marker?: React.ReactNode;
57
+ };
58
+
59
+ /** @deprecated */
60
+ export interface IListItemProps extends ListItemProps, UnknownProperties {}
61
+ export type ListItemProps = TextProps & {
62
+ /** Individual marker of a list item */
63
+ marker?: React.ReactNode;
64
+ };
65
+
66
+ export type ListItemContentProps = FlexProps;
67
+
68
+ /** @deprecated */
69
+ export interface IListContext extends ListContext, UnknownProperties {}
70
+ export type ListContext = {
71
+ getItemProps: PropGetterFn;
72
+ };
73
+
74
+ /** @deprecated */
75
+ export interface IBlockquoteProps extends BlockquoteProps, UnknownProperties {}
76
+ export type BlockquoteProps = BoxProps & {
77
+ /** Source of the quote */
78
+ author?: React.ReactNode;
79
+ };
80
+
81
+ declare const Item: Intergalactic.Component<'li', ListItemProps> & {
82
+ Content: Intergalactic.Component<typeof Flex, ListItemContentProps>;
83
+ };
84
+
85
+ declare const List: Intergalactic.Component<'ul', ListProps> & {
86
+ Item: typeof Item;
87
+ };
88
+
89
+ declare const Text: Intergalactic.Component<'span', TextProps>;
90
+
91
+ declare const Blockquote: Intergalactic.Component<'blockquote', BlockquoteProps>;
92
+
93
+ export { Text, List, Blockquote };