@semcore/typography 16.0.0-prerelease.9 → 16.0.0

package/CHANGELOG.md

@@ -2,12 +2,44 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [16.0.0] - 2025-02-13
+## [16.0.0] - 2025-05-19
 
 ### Removed
 
 - `Hint` component. Use `secondary` `ButtonLink` instead of it.
 
+### Added
+
+- Default styles for native html elements inside `Text` component.
+
+### Changed
+
+- Default `font-weight` for headings according to design guidelines.
+
+## [5.53.2] - 2025-05-13
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/utils` [4.48.4 ~> 4.48.5], `@semcore/flex-box` [5.41.3 ~> 5.41.4], `@semcore/icon` [4.62.0 ~> 4.62.1], `@semcore/core` [2.39.3 ~> 2.39.4]).
+
+## [5.53.1] - 2025-05-09
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/utils` [4.48.2 ~> 4.48.4], `@semcore/flex-box` [5.41.2 ~> 5.41.3], `@semcore/icon` [4.61.0 ~> 4.62.0], `@semcore/core` [2.39.2 ~> 2.39.3]).
+
+## [5.53.0] - 2025-04-11
+
+### Changed
+
+- Version minor update due to children dependencies update (`@semcore/icon` [4.60.2 ~> 4.61.0]).
+
+## [5.52.2] - 2025-04-04
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/utils` [4.48.1 ~> 4.48.2], `@semcore/flex-box` [5.41.1 ~> 5.41.2], `@semcore/icon` [4.60.1 ~> 4.60.2], `@semcore/core` [2.39.1 ~> 2.39.2]).
+
 ## [5.52.1] - 2025-03-20
 
 ### Changed

package/lib/cjs/Blockquote.js

@@ -10,8 +10,10 @@ var _core = require("@semcore/core");
 var _react = _interopRequireDefault(require("react"));
 var _isNode = _interopRequireDefault(require("@semcore/core/lib/utils/isNode"));
 var _flexBox = require("@semcore/flex-box");
-/*__reshadow-styles__:"./style/blockquote.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBlockquote_14h6z_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_14h6z_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_14h6z_gg_{display:block;margin-top:var(--intergalactic-spacing-4x, 16px);color:var(--intergalactic-text-secondary, #6c6e79);font-style:normal;font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}" /*__inner_css_end__*/, "14h6z_gg_") /*__reshadow_css_end__*/, {
+/*!__reshadow-styles__:"./style/blockquote.shadow.css"*/
+var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBlockquote_14h6z_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_14h6z_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_14h6z_gg_{display:block;margin-top:var(--intergalactic-spacing-4x, 16px);color:var(--intergalactic-text-secondary, #6c6e79);font-style:normal;font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}", /*__inner_css_end__*/"14h6z_gg_"),
+/*__reshadow_css_end__*/
+{
   "__SBlockquote": "___SBlockquote_14h6z_gg_",
   "__SDoubleQuotation": "___SDoubleQuotation_14h6z_gg_",
   "__SAuthor": "___SAuthor_14h6z_gg_"

package/lib/cjs/Blockquote.js.map

@@ -1 +1 @@
-{"version":3,"file":"Blockquote.js","names":["_core","require","_react","_interopRequireDefault","_isNode","_flexBox","styles","sstyled","insert","Blockquote","props","ref","_ref","arguments[0]","_ref2","SBlockquote","Box","SDoubleQuotation","SAuthor","children","author","createElement","cn","_objectSpread2","assignProps","isNode","displayName","_default","createBaseComponent","exports"],"sources":["../../src/Blockquote.jsx"],"sourcesContent":["import React from 'react';\nimport { createBaseComponent, Root, sstyled } from '@semcore/core';\nimport isNode from '@semcore/core/lib/utils/isNode';\nimport { Box } from '@semcore/flex-box';\n\nimport styles from './style/blockquote.shadow.css';\n\nfunction Blockquote(props, ref) {\n  const SBlockquote = Root;\n  const SDoubleQuotation = 'span';\n  const SAuthor = 'cite';\n  const { children, author } = props;\n\n  return sstyled(styles)(\n    <SBlockquote render={Box} tag='blockquote' ref={ref}>\n      <SDoubleQuotation>“</SDoubleQuotation>\n      <span>\n        {children}\n        {isNode(author) && <SAuthor>{author}</SAuthor>}\n      </span>\n    </SBlockquote>,\n  );\n}\n\nBlockquote.displayName = 'Blockquote';\n\nexport default createBaseComponent(Blockquote);\n"],"mappings":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAAwC;AAAA,IAAAK,MAAA,+BAAAN,KAAA,CAAAO,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;AAAA;AAIxC,SAASC,UAAUA,CAACC,KAAK,EAAEC,GAAG,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC9B,IAAMC,WAAW,GAMMC,YAAG;EAL1B,IAAMC,gBAAgB,GAAG,MAAM;EAC/B,IAAMC,OAAO,GAAG,MAAM;EACtB,IAAQC,QAAQ,GAAaT,KAAK,CAA1BS,QAAQ;IAAEC,MAAM,GAAKV,KAAK,CAAhBU,MAAM;EAExB,OAAAN,KAAA,GAAO,IAAAP,aAAO,EAACD,MAAM,CAAC,eACpBJ,MAAA,YAAAmB,aAAA,CAACN,WAAW,EAAAD,KAAA,CAAAQ,EAAA,oBAAAC,cAAA,qBAAAvB,KAAA,CAAAwB,WAAA;IAAA,OAAkB,YAAY;IAAA,OAAMb;EAAG,GAAAC,IAAA,kBACjDV,MAAA,YAAAmB,aAAA,CAACJ,gBAAgB,EAAAH,KAAA,CAAAQ,EAAA,0BAAC,QAAC,CAAmB,eACtCpB,MAAA,YAAAmB,aAAA,SAAAP,KAAA,CAAAQ,EAAA,cACGH,QAAQ,EACR,IAAAM,kBAAM,EAACL,MAAM,CAAC,iBAAIlB,MAAA,YAAAmB,aAAA,CAACH,OAAO,EAAAJ,KAAA,CAAAQ,EAAA,iBAAEF,MAAM,CAAW,CACzC,CACK;AAElB;AAEAX,UAAU,CAACiB,WAAW,GAAG,YAAY;AAAC,IAAAC,QAAA,GAEvB,IAAAC,yBAAmB,EAACnB,UAAU,CAAC;AAAAoB,OAAA,cAAAF,QAAA"}
+{"version":3,"file":"Blockquote.js","names":["_core","require","_react","_interopRequireDefault","_isNode","_flexBox","styles","sstyled","insert","Blockquote","props","ref","_ref","arguments[0]","_ref2","SBlockquote","Box","SDoubleQuotation","SAuthor","children","author","createElement","cn","_objectSpread2","assignProps","isNode","displayName","_default","createBaseComponent","exports"],"sources":["../../src/Blockquote.jsx"],"sourcesContent":["import React from 'react';\nimport { createBaseComponent, Root, sstyled } from '@semcore/core';\nimport isNode from '@semcore/core/lib/utils/isNode';\nimport { Box } from '@semcore/flex-box';\n\nimport styles from './style/blockquote.shadow.css';\n\nfunction Blockquote(props, ref) {\n  const SBlockquote = Root;\n  const SDoubleQuotation = 'span';\n  const SAuthor = 'cite';\n  const { children, author } = props;\n\n  return sstyled(styles)(\n    <SBlockquote render={Box} tag='blockquote' ref={ref}>\n      <SDoubleQuotation>“</SDoubleQuotation>\n      <span>\n        {children}\n        {isNode(author) && <SAuthor>{author}</SAuthor>}\n      </span>\n    </SBlockquote>,\n  );\n}\n\nBlockquote.displayName = 'Blockquote';\n\nexport default createBaseComponent(Blockquote);\n"],"mappings":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAAwC;AAAA,IAAAK,MAAA,+BAAAN,KAAA,CAAAO,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;AAAA;AAIxC,SAASC,UAAUA,CAACC,KAAK,EAAEC,GAAG,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC9B,IAAMC,WAAW,GAMMC,YAAG;EAL1B,IAAMC,gBAAgB,GAAG,MAAM;EAC/B,IAAMC,OAAO,GAAG,MAAM;EACtB,IAAQC,QAAQ,GAAaT,KAAK,CAA1BS,QAAQ;IAAEC,MAAM,GAAKV,KAAK,CAAhBU,MAAM;EAExB,OAAAN,KAAA,GAAO,IAAAP,aAAO,EAACD,MAAM,CAAC,eACpBJ,MAAA,YAAAmB,aAAA,CAACN,WAAW,EAAAD,KAAA,CAAAQ,EAAA,oBAAAC,cAAA,qBAAAvB,KAAA,CAAAwB,WAAA;IAAA,OAAkB,YAAY;IAAA,OAAMb;EAAG,GAAAC,IAAA,kBACjDV,MAAA,YAAAmB,aAAA,CAACJ,gBAAgB,EAAAH,KAAA,CAAAQ,EAAA,0BAAC,QAAC,CAAmB,eACtCpB,MAAA,YAAAmB,aAAA,SAAAP,KAAA,CAAAQ,EAAA,cACGH,QAAQ,EACR,IAAAM,kBAAM,EAACL,MAAM,CAAC,iBAAIlB,MAAA,YAAAmB,aAAA,CAACH,OAAO,EAAAJ,KAAA,CAAAQ,EAAA,iBAAEF,MAAM,CAAW,CACzC,CACK;AAElB;AAEAX,UAAU,CAACiB,WAAW,GAAG,YAAY;AAAC,IAAAC,QAAA,GAEvB,IAAAC,yBAAmB,EAACnB,UAAU,CAAC;AAAAoB,OAAA,cAAAF,QAAA"}

package/lib/cjs/List.js

@@ -17,8 +17,10 @@ var _flexBox = require("@semcore/flex-box");
 var _isNode = _interopRequireDefault(require("@semcore/core/lib/utils/isNode"));
 var _findComponent = require("@semcore/core/lib/utils/findComponent");
 var _Text = _interopRequireDefault(require("./Text"));
-/*__reshadow-styles__:"./style/list.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SList_6okrr_gg_{padding:0;margin:0;list-style-type:none}.___SContent_6okrr_gg_{overflow:inherit;text-overflow:inherit}.___SItem_6okrr_gg_+.___SItem_6okrr_gg_,.___SList_6okrr_gg_ .___SList_6okrr_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_6okrr_gg_{display:flex}.___SMarker_6okrr_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, #6c6e79);line-height:normal}" /*__inner_css_end__*/, "6okrr_gg_") /*__reshadow_css_end__*/, {
+/*!__reshadow-styles__:"./style/list.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SList_6okrr_gg_{padding:0;margin:0;list-style-type:none}.___SContent_6okrr_gg_{overflow:inherit;text-overflow:inherit}.___SItem_6okrr_gg_+.___SItem_6okrr_gg_,.___SList_6okrr_gg_ .___SList_6okrr_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_6okrr_gg_{display:flex}.___SMarker_6okrr_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, #6c6e79);line-height:normal}", /*__inner_css_end__*/"6okrr_gg_"),
+/*__reshadow_css_end__*/
+{
   "__SList": "___SList_6okrr_gg_",
   "__SContent": "___SContent_6okrr_gg_",
   "__SItem": "___SItem_6okrr_gg_",

package/lib/cjs/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","names":["_core","require","_react","_interopRequireDefault","_flexBox","_isNode","_findComponent","_Text","style","sstyled","insert","ListRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getItemProps","marker","asProps","render","_ref","_ref4","SList","Text","styles","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","ItemRoot","_Component2","_super2","_ref2","_ref5","SItem","_this$asProps","children","markerNode","Children","SMarker","SContent","isAdvancedMode","isAdvanceMode","List","Item","Content","displayName","isNode","props","_ref3","arguments[0]","_ref6","Flex","createComponent","_default","exports"],"sources":["../../src/List.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport { Flex } from '@semcore/flex-box';\nimport isNode from '@semcore/core/lib/utils/isNode';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\n\nimport Text from './Text';\n\nimport style from './style/list.shadow.css';\n\nclass ListRoot extends Component {\n  static displayName = 'List';\n  static style = style;\n  static defaultProps = {\n    marker: '•',\n  };\n\n  getItemProps() {\n    const { marker } = this.asProps;\n    return {\n      marker,\n    };\n  }\n\n  render() {\n    const SList = Root;\n    const { styles } = this.asProps;\n    return sstyled(styles)(<SList render={Text} tag='ul' role='list' />);\n  }\n}\n\nclass ItemRoot extends Component {\n  static style = style;\n  static displayName = 'Item';\n\n  render() {\n    const SItem = Root;\n    const { styles, children, marker: markerNode, Children } = this.asProps;\n    const SMarker = 'span';\n    const SContent = 'div';\n\n    const isAdvancedMode = isAdvanceMode(Children, [List.Item.Content.displayName]);\n\n    return sstyled(styles)(\n      <SItem render={Text} tag='li' role='listitem'>\n        {isNode(markerNode) && <SMarker aria-hidden='true'>{markerNode}</SMarker>}\n        {isAdvancedMode ? <Children /> : <SContent>{children}</SContent>}\n      </SItem>,\n    );\n  }\n}\n\nfunction Content(props) {\n  const { styles, children } = props;\n  const SContent = Root;\n\n  return sstyled(styles)(<SContent render={Flex}>{children}</SContent>);\n}\n\nContent.displayName = 'Content';\n\nconst Item = createComponent(ItemRoot, { Content });\n\nconst List = createComponent(ListRoot, { Item });\n\nexport default List;\n"],"mappings":"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"}
+{"version":3,"file":"List.js","names":["_core","require","_react","_interopRequireDefault","_flexBox","_isNode","_findComponent","_Text","style","sstyled","insert","ListRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getItemProps","marker","asProps","render","_ref","_ref4","SList","Text","styles","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","ItemRoot","_Component2","_super2","_ref2","_ref5","SItem","_this$asProps","children","markerNode","Children","SMarker","SContent","isAdvancedMode","isAdvanceMode","List","Item","Content","displayName","isNode","props","_ref3","arguments[0]","_ref6","Flex","createComponent","_default","exports"],"sources":["../../src/List.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport { Flex } from '@semcore/flex-box';\nimport isNode from '@semcore/core/lib/utils/isNode';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\n\nimport Text from './Text';\n\nimport style from './style/list.shadow.css';\n\nclass ListRoot extends Component {\n  static displayName = 'List';\n  static style = style;\n  static defaultProps = {\n    marker: '•',\n  };\n\n  getItemProps() {\n    const { marker } = this.asProps;\n    return {\n      marker,\n    };\n  }\n\n  render() {\n    const SList = Root;\n    const { styles } = this.asProps;\n    return sstyled(styles)(<SList render={Text} tag='ul' role='list' />);\n  }\n}\n\nclass ItemRoot extends Component {\n  static style = style;\n  static displayName = 'Item';\n\n  render() {\n    const SItem = Root;\n    const { styles, children, marker: markerNode, Children } = this.asProps;\n    const SMarker = 'span';\n    const SContent = 'div';\n\n    const isAdvancedMode = isAdvanceMode(Children, [List.Item.Content.displayName]);\n\n    return sstyled(styles)(\n      <SItem render={Text} tag='li' role='listitem'>\n        {isNode(markerNode) && <SMarker aria-hidden='true'>{markerNode}</SMarker>}\n        {isAdvancedMode ? <Children /> : <SContent>{children}</SContent>}\n      </SItem>,\n    );\n  }\n}\n\nfunction Content(props) {\n  const { styles, children } = props;\n  const SContent = Root;\n\n  return sstyled(styles)(<SContent render={Flex}>{children}</SContent>);\n}\n\nContent.displayName = 'Content';\n\nconst Item = createComponent(ItemRoot, { Content });\n\nconst List = createComponent(ListRoot, { Item });\n\nexport default List;\n"],"mappings":"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"}

package/lib/cjs/Text.js

@@ -10,41 +10,43 @@ var _core = require("@semcore/core");
 var _react = _interopRequireDefault(require("react"));
 var _flexBox = require("@semcore/flex-box");
 var _useColorResolver = require("@semcore/core/lib/utils/use/useColorResolver");
-/*__reshadow-styles__:"./style/text.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SText_xpmp3_gg_{padding:0;margin:0}.___SText_xpmp3_gg_._size_100_xpmp3_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_xpmp3_gg_._size_200_xpmp3_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_xpmp3_gg_._size_300_xpmp3_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_xpmp3_gg_._size_400_xpmp3_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_xpmp3_gg_._size_500_xpmp3_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_xpmp3_gg_._size_600_xpmp3_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_xpmp3_gg_._size_700_xpmp3_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_xpmp3_gg_._size_800_xpmp3_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_xpmp3_gg_.__noWrap_xpmp3_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_xpmp3_gg_.__medium_xpmp3_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_xpmp3_gg_.__semibold_xpmp3_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_xpmp3_gg_.__bold_xpmp3_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_xpmp3_gg_.__italic_xpmp3_gg_{font-style:italic}.___SText_xpmp3_gg_.__monospace_xpmp3_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_xpmp3_gg_.__uppercase_xpmp3_gg_{text-transform:uppercase}.___SText_xpmp3_gg_.__lowercase_xpmp3_gg_{text-transform:lowercase}.___SText_xpmp3_gg_.__capitalize_xpmp3_gg_{text-transform:capitalize}.___SText_xpmp3_gg_.__decoration_xpmp3_gg_{-webkit-text-decoration:var(--decoration_xpmp3);text-decoration:var(--decoration_xpmp3)}.___SText_xpmp3_gg_.__color_xpmp3_gg_{color:var(--color_xpmp3)}.___SText_xpmp3_gg_.__fontSize_xpmp3_gg_{font-size:var(--fontSize_xpmp3)}.___SText_xpmp3_gg_.__lineHeight_xpmp3_gg_{line-height:var(--lineHeight_xpmp3)}.___SText_xpmp3_gg_.__fontWeight_xpmp3_gg_{font-weight:var(--fontWeight_xpmp3)}.___SText_xpmp3_gg_.__textAlign_xpmp3_gg_{text-align:var(--textAlign_xpmp3)}.___SText_xpmp3_gg_._use_primary_xpmp3_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_xpmp3_gg_._use_secondary_xpmp3_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_xpmp3_gg_.__disabled_xpmp3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}" /*__inner_css_end__*/, "xpmp3_gg_") /*__reshadow_css_end__*/, {
-  "__SText": "___SText_xpmp3_gg_",
-  "_size_100": "_size_100_xpmp3_gg_",
-  "_size_200": "_size_200_xpmp3_gg_",
-  "_size_300": "_size_300_xpmp3_gg_",
-  "_size_400": "_size_400_xpmp3_gg_",
-  "_size_500": "_size_500_xpmp3_gg_",
-  "_size_600": "_size_600_xpmp3_gg_",
-  "_size_700": "_size_700_xpmp3_gg_",
-  "_size_800": "_size_800_xpmp3_gg_",
-  "_noWrap": "__noWrap_xpmp3_gg_",
-  "_medium": "__medium_xpmp3_gg_",
-  "_semibold": "__semibold_xpmp3_gg_",
-  "_bold": "__bold_xpmp3_gg_",
-  "_italic": "__italic_xpmp3_gg_",
-  "_monospace": "__monospace_xpmp3_gg_",
-  "_uppercase": "__uppercase_xpmp3_gg_",
-  "_lowercase": "__lowercase_xpmp3_gg_",
-  "_capitalize": "__capitalize_xpmp3_gg_",
-  "_decoration": "__decoration_xpmp3_gg_",
-  "--decoration": "--decoration_xpmp3",
-  "_color": "__color_xpmp3_gg_",
-  "--color": "--color_xpmp3",
-  "_fontSize": "__fontSize_xpmp3_gg_",
-  "--fontSize": "--fontSize_xpmp3",
-  "_lineHeight": "__lineHeight_xpmp3_gg_",
-  "--lineHeight": "--lineHeight_xpmp3",
-  "_fontWeight": "__fontWeight_xpmp3_gg_",
-  "--fontWeight": "--fontWeight_xpmp3",
-  "_textAlign": "__textAlign_xpmp3_gg_",
-  "--textAlign": "--textAlign_xpmp3",
-  "_use_primary": "_use_primary_xpmp3_gg_",
-  "_use_secondary": "_use_secondary_xpmp3_gg_",
-  "_disabled": "__disabled_xpmp3_gg_"
+/*!__reshadow-styles__:"./style/text.shadow.css"*/
+var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SText_uj024_gg_{padding:0;margin:0}.___SText_uj024_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_uj024_gg_ abbr:active,.___SText_uj024_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_uj024_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_uj024_gg_ a,.___SText_uj024_gg_ a:active{outline:0;-webkit-text-decoration:none;text-decoration:none}.___SText_uj024_gg_ a{display:inline;background:0 0;color:var(--intergalactic-text-link, #006dca);border-bottom-width:1px;border-bottom-style:solid;border-color:transparent}.___SText_uj024_gg_ a:active{color:var(--intergalactic-text-link-hover-active, #044792);border-color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SText_uj024_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_uj024_gg_ a:focus{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SText_uj024_gg_ code,.___SText_uj024_gg_ pre{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_uj024_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_uj024_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_uj024_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_uj024_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]),.___SText_uj024_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_uj024_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_uj024_gg_):before,.___SText_uj024_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_uj024_gg_):before{position:absolute;left:0;color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_uj024_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_uj024_gg_)+li:not(.___SText_uj024_gg_),.___SText_uj024_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_uj024_gg_)+li:not(.___SText_uj024_gg_){margin:var(--intergalactic-spacing-2x, 8px)0 0 0}.___SText_uj024_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]){counter-reset:item 0}.___SText_uj024_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_uj024_gg_):before{counter-increment:item;content:counters(item,\".\")}.___SText_uj024_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_uj024_gg_):before{content:\"\";background-color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SText_uj024_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_uj024_gg_ h1:only-child,.___SText_uj024_gg_ h2:only-child,.___SText_uj024_gg_ h3:only-child,.___SText_uj024_gg_ h4:only-child,.___SText_uj024_gg_ h5:only-child,.___SText_uj024_gg_ h6:only-child{margin-bottom:0}.___SText_uj024_gg_ h2,.___SText_uj024_gg_ h3{margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_uj024_gg_ h2{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_uj024_gg_ h3{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_uj024_gg_ h2,.___SText_uj024_gg_ h3,.___SText_uj024_gg_ h4,.___SText_uj024_gg_ h5{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_uj024_gg_ h4{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);margin:0 0 var(--intergalactic-spacing-3x, 12px)0}.___SText_uj024_gg_ h5{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);margin:0 0 var(--intergalactic-spacing-2x, 8px)0}.___SText_uj024_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_uj024_gg_ h1 small,.___SText_uj024_gg_ h2 small,.___SText_uj024_gg_ h3 small,.___SText_uj024_gg_ h4 small,.___SText_uj024_gg_ h5 small,.___SText_uj024_gg_ h6 small{color:var(--intergalactic-text-secondary, #6c6e79);font-weight:300;font-size:100%}.___SText_uj024_gg_ li,.___SText_uj024_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_uj024_gg_ p{margin:0 0 var(--intergalactic-spacing-5x, 20px)0}.___SText_uj024_gg_ p:last-child,.___SText_uj024_gg_._size_100_uj024_gg_ p:last-child,.___SText_uj024_gg_._size_200_uj024_gg_ p:last-child,.___SText_uj024_gg_._size_300_uj024_gg_ p:last-child{margin-bottom:0}.___SText_uj024_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_uj024_gg_ ol ol li,.___SText_uj024_gg_._size_100_uj024_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_uj024_gg_ ol ol ol li,.___SText_uj024_gg_._size_100_uj024_gg_ ol ol ol li,.___SText_uj024_gg_._size_200_uj024_gg_ ol ol ol li,.___SText_uj024_gg_._size_300_uj024_gg_ ol ol ol li{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SText_uj024_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_uj024_gg_._size_100_uj024_gg_,.___SText_uj024_gg_._size_100_uj024_gg_ li,.___SText_uj024_gg_._size_100_uj024_gg_ p{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_uj024_gg_._size_100_uj024_gg_ p{margin:0 0 calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_uj024_gg_._size_100_uj024_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_uj024_gg_._size_100_uj024_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_uj024_gg_._size_200_uj024_gg_,.___SText_uj024_gg_._size_200_uj024_gg_ li,.___SText_uj024_gg_._size_200_uj024_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_uj024_gg_._size_200_uj024_gg_ p{margin:0 0 var(--intergalactic-spacing-5x, 20px)0}.___SText_uj024_gg_._size_200_uj024_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_uj024_gg_._size_200_uj024_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_uj024_gg_._size_200_uj024_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_uj024_gg_._size_300_uj024_gg_,.___SText_uj024_gg_._size_300_uj024_gg_ li,.___SText_uj024_gg_._size_300_uj024_gg_ p{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_uj024_gg_._size_300_uj024_gg_ p{margin:0 0 var(--intergalactic-spacing-6x, 24px)0}.___SText_uj024_gg_._size_300_uj024_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_uj024_gg_._size_300_uj024_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_uj024_gg_._size_300_uj024_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_uj024_gg_._size_400_uj024_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_uj024_gg_._size_500_uj024_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_uj024_gg_._size_600_uj024_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_uj024_gg_._size_700_uj024_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_uj024_gg_._size_800_uj024_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_uj024_gg_.__noWrap_uj024_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_uj024_gg_.__medium_uj024_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_uj024_gg_.__semibold_uj024_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_uj024_gg_.__bold_uj024_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_uj024_gg_.__italic_uj024_gg_{font-style:italic}.___SText_uj024_gg_.__monospace_uj024_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_uj024_gg_.__uppercase_uj024_gg_{text-transform:uppercase}.___SText_uj024_gg_.__lowercase_uj024_gg_{text-transform:lowercase}.___SText_uj024_gg_.__capitalize_uj024_gg_{text-transform:capitalize}.___SText_uj024_gg_.__decoration_uj024_gg_{-webkit-text-decoration:var(--decoration_uj024);text-decoration:var(--decoration_uj024)}.___SText_uj024_gg_.__color_uj024_gg_{color:var(--color_uj024)}.___SText_uj024_gg_.__fontSize_uj024_gg_{font-size:var(--fontSize_uj024)}.___SText_uj024_gg_.__lineHeight_uj024_gg_{line-height:var(--lineHeight_uj024)}.___SText_uj024_gg_.__fontWeight_uj024_gg_{font-weight:var(--fontWeight_uj024)}.___SText_uj024_gg_.__textAlign_uj024_gg_{text-align:var(--textAlign_uj024)}.___SText_uj024_gg_._use_primary_uj024_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_uj024_gg_._use_secondary_uj024_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_uj024_gg_.__disabled_uj024_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}@media (prefers-reduced-motion){.___SText_uj024_gg_ a{transition:none}}", /*__inner_css_end__*/"uj024_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SText": "___SText_uj024_gg_",
+  "_size_400": "_size_400_uj024_gg_",
+  "_size_500": "_size_500_uj024_gg_",
+  "_size_600": "_size_600_uj024_gg_",
+  "_size_700": "_size_700_uj024_gg_",
+  "_size_800": "_size_800_uj024_gg_",
+  "_noWrap": "__noWrap_uj024_gg_",
+  "_medium": "__medium_uj024_gg_",
+  "_semibold": "__semibold_uj024_gg_",
+  "_bold": "__bold_uj024_gg_",
+  "_italic": "__italic_uj024_gg_",
+  "_monospace": "__monospace_uj024_gg_",
+  "_uppercase": "__uppercase_uj024_gg_",
+  "_lowercase": "__lowercase_uj024_gg_",
+  "_capitalize": "__capitalize_uj024_gg_",
+  "_decoration": "__decoration_uj024_gg_",
+  "--decoration": "--decoration_uj024",
+  "_color": "__color_uj024_gg_",
+  "--color": "--color_uj024",
+  "_fontSize": "__fontSize_uj024_gg_",
+  "--fontSize": "--fontSize_uj024",
+  "_lineHeight": "__lineHeight_uj024_gg_",
+  "--lineHeight": "--lineHeight_uj024",
+  "_fontWeight": "__fontWeight_uj024_gg_",
+  "--fontWeight": "--fontWeight_uj024",
+  "_textAlign": "__textAlign_uj024_gg_",
+  "--textAlign": "--textAlign_uj024",
+  "_use_primary": "_use_primary_uj024_gg_",
+  "_use_secondary": "_use_secondary_uj024_gg_",
+  "_disabled": "__disabled_uj024_gg_",
+  "_size_100": "_size_100_uj024_gg_",
+  "_size_200": "_size_200_uj024_gg_",
+  "_size_300": "_size_300_uj024_gg_"
 });
 function getTextDecoration(underline, lineThrough) {
   if (underline) {

package/lib/cjs/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","names":["_core","require","_react","_interopRequireDefault","_flexBox","_useColorResolver","styles","sstyled","insert","getTextDecoration","underline","lineThrough","Text","props","ref","_ref","arguments[0]","_ref2","SText","Box","color","textDecoration","resolveColor","useColorResolver","createElement","cn","_objectSpread2","assignProps","displayName","_default","createBaseComponent","exports"],"sources":["../../src/Text.jsx"],"sourcesContent":["import React from 'react';\nimport { createBaseComponent, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\n\nimport styles from './style/text.shadow.css';\nimport { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';\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":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AAGA,IAAAI,iBAAA,GAAAJ,OAAA;AAAgF;AAAA,IAAAK,MAAA,+BAAAN,KAAA,CAAAO,OAAA,CAAAC,MAAA;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;AAEhF,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,GAOCC,YAAG;EANf,IAAQC,KAAK,GAA6BP,KAAK,CAAvCO,KAAK;IAAEV,SAAS,GAAkBG,KAAK,CAAhCH,SAAS;IAAEC,WAAW,GAAKE,KAAK,CAArBF,WAAW;EACrC,IAAMU,cAAc,GAAGZ,iBAAiB,CAACC,SAAS,EAAEC,WAAW,CAAC;EAChE,IAAMW,YAAY,GAAG,IAAAC,kCAAgB,GAAE;EAEvC,OAAAN,KAAA,GAAO,IAAAV,aAAO,EAACD,MAAM,CAAC,eACpBJ,MAAA,YAAAsB,aAAA,CAACN,KAAK,EAAAD,KAAA,CAAAQ,EAAA,cAAAC,cAAA,qBAAA1B,KAAA,CAAA2B,WAAA;IAAA,OAEA,MAAM;IAAA,gBACG,MAAM;IAAA,OACdb,GAAG;IAAA,kBACQO,cAAc;IAAA,aACnBC,YAAY,CAACF,KAAK;EAAC,GAAAL,IAAA,IAC9B;AAEN;AAEAH,IAAI,CAACgB,WAAW,GAAG,MAAM;AAAC,IAAAC,QAAA,GAEX,IAAAC,yBAAmB,EAAClB,IAAI,CAAC;AAAAmB,OAAA,cAAAF,QAAA"}
+{"version":3,"file":"Text.js","names":["_core","require","_react","_interopRequireDefault","_flexBox","_useColorResolver","styles","sstyled","insert","getTextDecoration","underline","lineThrough","Text","props","ref","_ref","arguments[0]","_ref2","SText","Box","color","textDecoration","resolveColor","useColorResolver","createElement","cn","_objectSpread2","assignProps","displayName","_default","createBaseComponent","exports"],"sources":["../../src/Text.jsx"],"sourcesContent":["import React from 'react';\nimport { createBaseComponent, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\n\nimport styles from './style/text.shadow.css';\nimport { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';\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":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AAGA,IAAAI,iBAAA,GAAAJ,OAAA;AAAgF;AAAA,IAAAK,MAAA,+BAAAN,KAAA,CAAAO,OAAA,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;AAAA;AAEhF,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,GAOCC,YAAG;EANf,IAAQC,KAAK,GAA6BP,KAAK,CAAvCO,KAAK;IAAEV,SAAS,GAAkBG,KAAK,CAAhCH,SAAS;IAAEC,WAAW,GAAKE,KAAK,CAArBF,WAAW;EACrC,IAAMU,cAAc,GAAGZ,iBAAiB,CAACC,SAAS,EAAEC,WAAW,CAAC;EAChE,IAAMW,YAAY,GAAG,IAAAC,kCAAgB,GAAE;EAEvC,OAAAN,KAAA,GAAO,IAAAV,aAAO,EAACD,MAAM,CAAC,eACpBJ,MAAA,YAAAsB,aAAA,CAACN,KAAK,EAAAD,KAAA,CAAAQ,EAAA,cAAAC,cAAA,qBAAA1B,KAAA,CAAA2B,WAAA;IAAA,OAEA,MAAM;IAAA,gBACG,MAAM;IAAA,OACdb,GAAG;IAAA,kBACQO,cAAc;IAAA,aACnBC,YAAY,CAACF,KAAK;EAAC,GAAAL,IAAA,IAC9B;AAEN;AAEAH,IAAI,CAACgB,WAAW,GAAG,MAAM;AAAC,IAAAC,QAAA,GAEX,IAAAC,yBAAmB,EAAClB,IAAI,CAAC;AAAAmB,OAAA,cAAAF,QAAA"}

package/lib/cjs/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\n\nimport { Property } from 'csstype';\nimport { Box, BoxProps, Flex, FlexProps } from '@semcore/flex-box';\nimport { KeyboardFocusProps } from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';\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};\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":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\n\nimport { Property } from 'csstype';\nimport { BoxProps, Flex, FlexProps } from '@semcore/flex-box';\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};\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":""}

package/lib/cjs/style/text.shadow.css

@@ -1,21 +1,342 @@
 SText {
   padding: 0;
   margin: 0;
+
+  & abbr {
+    color: var(--intergalactic-text-secondary, #6c6e79);
+    text-decoration: underline dashed var(--intergalactic-text-secondary, #6c6e79);
+
+    &:active,
+    &:hover,
+    &:focus {
+      outline: none;
+      color: var(--intergalactic-text-hint-hover-active, #484a54);
+      text-decoration: underline dashed var(--intergalactic-text-hint-hover-active, #484a54);
+    }
+  }
+
+  & a {
+    display: inline;
+    background: none;
+    outline: none;
+    text-decoration: none;
+    color: var(--intergalactic-text-link, #006dca);
+    border-bottom-width: 1px;
+    border-bottom-style: solid;
+    border-color: transparent;
+
+    &:active,
+    &:hover {
+      outline: none;
+      text-decoration: none;
+      color: var(--intergalactic-text-link-hover-active, #044792);
+      border-color: var(--intergalactic-text-link-hover-active, #044792);
+    }
+
+    &:focus {
+      outline-color: var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));
+      outline-style: solid;
+      outline-width: 3px;
+    }
+  }
+
+  & code,
+  & pre {
+    font-family: Consolas, 'Roboto Mono', Menlo, Courier, monospace;
+  }
+
+  & blockquote {
+    position: relative;
+    /* disable-tokens-validator */
+    padding-left: 51px;
+    font-size: var(--intergalactic-fs-400, 20px);
+    line-height: var(--intergalactic-lh-400, 120%);
+    font-style: italic;
+
+    &: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;
+    }
+
+    & 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%);
+    }
+  }
+
+  & ol:not(ol[start], ol[reversed], ol[type]),
+  & ul:not(ul[start], ul[reversed], ul[type]) {
+    margin: var(--intergalactic-spacing-2x, 8px) 0;
+    padding: 0;
+    list-style: none;
+    position: relative;
+
+    & li:not(SText) {
+      &:before {
+        position: absolute;
+        left: 0;
+        color: var(--intergalactic-text-secondary, #6c6e79);
+      }
+    }
+
+    & li:not(SText)+li:not(SText) {
+      margin: var(--intergalactic-spacing-2x, 8px) 0 0 0;
+    }
+  }
+
+  & ol:not(ol[start], ol[reversed], ol[type]) {
+    counter-reset: item 0;
+
+    & li:not(SText):before {
+      counter-increment: item;
+      content: counters(item, '.');
+    }
+  }
+
+  & ul:not(ul[start], ul[reversed], ul[type]) li:not(SText):before {
+    content: '';
+    background-color: var(--intergalactic-icon-primary-neutral, #6c6e79);
+  }
+
+  & 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;
+
+    &:only-child {
+      margin-bottom: 0;
+    }
+  }
+
+  & h2 {
+    font-size: var(--intergalactic-fs-700, 36px);
+    line-height: var(--intergalactic-lh-700, 110%);
+    font-weight: var(--intergalactic-semi-bold, 600);
+    margin: 0 0 var(--intergalactic-spacing-4x, 16px) 0;
+
+    &:only-child {
+      margin-bottom: 0;
+    }
+  }
+
+  & h3 {
+    font-size: var(--intergalactic-fs-600, 32px);
+    line-height: var(--intergalactic-lh-600, 125%);
+    font-weight: var(--intergalactic-semi-bold, 600);
+    margin: 0 0 var(--intergalactic-spacing-4x, 16px) 0;
+
+    &:only-child {
+      margin-bottom: 0;
+    }
+  }
+
+  & 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;
+
+    &:only-child {
+      margin-bottom: 0;
+    }
+  }
+
+  & 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;
+
+    &:only-child {
+      margin-bottom: 0;
+    }
+  }
+
+  & 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;
+
+    &:only-child {
+      margin-bottom: 0;
+    }
+  }
+
+  & h1,
+  & h2,
+  & h3,
+  & h4,
+  & h5,
+  & h6 {
+    & small {
+      color: var(--intergalactic-text-secondary, #6c6e79);
+      font-weight: 300;
+      font-size: 100%;
+    }
+  }
+
+  & p,
+  & li {
+    font-size: var(--intergalactic-fs-200, 14px);
+    line-height: var(--intergalactic-lh-200, 142%);
+  }
+
+  & p {
+    margin: 0 0 var(--intergalactic-spacing-5x, 20px) 0;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  & li {
+    padding-left: calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px));
+  }
+
+  & ol ol li {
+    padding-left: calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px));
+  }
+
+  & ol ol ol li {
+    padding-left: calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px));
+  }
+
+  & ul li:before {
+    width: 4px;
+    height: 4px;
+    border-radius: 50%;
+    /* disable-tokens-validator */
+    margin-top: calc(var(--intergalactic-spacing-2x, 8px) - 1px);
+    margin-left: var(--intergalactic-spacing-05x, 2px);
+  }
 }
 
 SText[size='100'] {
   font-size: var(--intergalactic-fs-100, 12px);
   line-height: var(--intergalactic-lh-100, 133%);
+
+  & p,
+  & li {
+    font-size: var(--intergalactic-fs-100, 12px);
+    line-height: var(--intergalactic-lh-100, 133%);
+  }
+
+  & p {
+    margin: 0 0 calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px)) 0;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  & li {
+    padding-left: calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px));
+  }
+
+  & ol ol li {
+    padding-left: calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px));
+  }
+
+  & ol ol ol li {
+    padding-left: calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px));
+  }
+
+  & 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[size='200'] {
   font-size: var(--intergalactic-fs-200, 14px);
   line-height: var(--intergalactic-lh-200, 142%);
+
+  & p,
+  & li {
+    font-size: var(--intergalactic-fs-200, 14px);
+    line-height: var(--intergalactic-lh-200, 142%);
+  }
+
+  & p {
+    margin: 0 0 var(--intergalactic-spacing-5x, 20px) 0;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  & li {
+    padding-left: calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px));
+  }
+
+  & ol ol li {
+    padding-left: calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px));
+  }
+
+  & ol ol ol li {
+    padding-left: calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px));
+  }
+
+  & ul li:before {
+    width: 4px;
+    height: 4px;
+    border-radius: 50%;
+    /* disable-tokens-validator */
+    margin-top: calc(var(--intergalactic-spacing-2x, 8px) - 1px);
+    margin-left: var(--intergalactic-spacing-05x, 2px);
+  }
 }
 
 SText[size='300'] {
   font-size: var(--intergalactic-fs-300, 16px);
   line-height: var(--intergalactic-lh-300, 150%);
+
+  & p,
+  & li {
+    font-size: var(--intergalactic-fs-300, 16px);
+    line-height: var(--intergalactic-lh-300, 150%);
+  }
+
+  & p {
+    margin: 0 0 var(--intergalactic-spacing-6x, 24px) 0;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  & li {
+    padding-left: calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px));
+  }
+
+  & ol ol li {
+    padding-left: calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px));
+  }
+
+  & ol ol ol li {
+    padding-left: calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px));
+  }
+
+  & 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[size='400'] {
@@ -115,4 +436,12 @@ SText[use='secondary'] {
 
 SText[disabled] {
   opacity: var(--intergalactic-disabled-opacity, 0.3);
-}
+}
+
+@media (prefers-reduced-motion) {
+  SText {
+    & a {
+      transition: none;
+    }
+  }
+}

package/lib/es6/Blockquote.js

@@ -5,8 +5,10 @@ import React from 'react';
 import { createBaseComponent, Root, sstyled } from '@semcore/core';
 import isNode from '@semcore/core/lib/utils/isNode';
 import { Box } from '@semcore/flex-box';
-/*__reshadow-styles__:"./style/blockquote.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBlockquote_14h6z_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_14h6z_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_14h6z_gg_{display:block;margin-top:var(--intergalactic-spacing-4x, 16px);color:var(--intergalactic-text-secondary, #6c6e79);font-style:normal;font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}" /*__inner_css_end__*/, "14h6z_gg_") /*__reshadow_css_end__*/, {
+/*!__reshadow-styles__:"./style/blockquote.shadow.css"*/
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBlockquote_14h6z_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_14h6z_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_14h6z_gg_{display:block;margin-top:var(--intergalactic-spacing-4x, 16px);color:var(--intergalactic-text-secondary, #6c6e79);font-style:normal;font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}", /*__inner_css_end__*/"14h6z_gg_"),
+/*__reshadow_css_end__*/
+{
   "__SBlockquote": "___SBlockquote_14h6z_gg_",
   "__SDoubleQuotation": "___SDoubleQuotation_14h6z_gg_",
   "__SAuthor": "___SAuthor_14h6z_gg_"