intergalactic 15.129.0-prerelease.0 → 15.130.0-prerelease.0

package/tooltip/lib/esm/style/tooltip.shadow.css

@@ -0,0 +1,151 @@
+STooltip {
+  position: relative;
+  padding: var(--intergalactic-spacing-3x, 12px);
+  border-radius: var(--intergalactic-popper-rounded, 6px);
+  box-sizing: border-box;
+  color: var(--intergalactic-text-primary, #191b23);
+  font-size: var(--intergalactic-fs-200, 14px);
+  line-height: var(--intergalactic-lh-200, 142%);
+  word-wrap: break-word;
+  max-width: 228px;
+  font-weight: normal;
+  white-space: normal;
+  box-shadow: var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));
+}
+
+/* stylelint-disable-next-line no-duplicate-selectors */
+STooltip {
+  background-color: var(--intergalactic-tooltip-default, #ffffff);
+  border: 1px solid var(--intergalactic-border-secondary, #e0e1e9);
+}
+
+STooltip[theme='invert'] {
+  color: var(--intergalactic-text-primary-invert, #ffffff);
+  background-color: var(--intergalactic-tooltip-invert, #191b23);
+  border: 1px solid var(--intergalactic-border-tooltip-invert, #6c6e79);
+}
+
+STooltip[theme='warning'] {
+  background-color: var(--intergalactic-tooltip-warning, #ffd7df);
+  border: 1px solid var(--intergalactic-border-critical-active, #d1002f);
+}
+
+SArrow {
+  position: absolute;
+  border: 6px solid;
+
+  &:before {
+    content: '';
+    position: absolute;
+    border: 6px solid;
+  }
+}
+
+/* stylelint-disable-next-line no-duplicate-selectors */
+SArrow {
+  border-color: var(--intergalactic-border-secondary, #e0e1e9);
+
+  /* stylelint-disable-next-line no-duplicate-selectors */
+  &:before {
+    border-color: var(--intergalactic-tooltip-default, #ffffff);
+  }
+}
+
+SArrow[theme='invert'] {
+  border-color: var(--intergalactic-border-tooltip-invert, #6c6e79);
+
+  &::before {
+    border-color: var(--intergalactic-tooltip-invert, #191b23);
+  }
+}
+
+SArrow[theme='warning'] {
+  border-color: var(--intergalactic-border-critical-active, #d1002f);
+
+  &::before {
+    border-color: var(--intergalactic-tooltip-warning, #ffd7df);
+  }
+}
+
+SArrow[bgColor] {
+  border-color: var(--shadowColor);
+
+  &::before {
+    border-color: var(--bgColor);
+  }
+}
+
+STooltip[data-popper-placement^='top'] SArrow {
+  top: 100%;
+
+  border-bottom: 0 transparent;
+  border-right-color: transparent !important;
+  border-left-color: transparent !important;
+
+  &::before {
+    top: -7px;
+    left: -6px;
+
+    border-bottom: 0 transparent;
+    border-right-color: transparent !important;
+    border-left-color: transparent !important;
+  }
+}
+
+STooltip[data-popper-placement^='bottom'] SArrow {
+  bottom: 100%;
+
+  border-top: 0 transparent;
+  border-right-color: transparent !important;
+  border-left-color: transparent !important;
+
+  &::before {
+    top: 1px;
+    left: -6px;
+
+    border-top: 0 transparent;
+    border-right-color: transparent !important;
+    border-left-color: transparent !important;
+  }
+}
+
+STooltip[data-popper-placement^='left'] SArrow {
+  left: 100%;
+
+  border-right: 0 transparent;
+  border-top-color: transparent !important;
+  border-bottom-color: transparent !important;
+
+  &::before {
+    top: -6px;
+    left: -7px;
+
+    border-right: 0 transparent;
+    border-top-color: transparent !important;
+    border-bottom-color: transparent !important;
+  }
+}
+
+STooltip[data-popper-placement^='right'] SArrow {
+  right: 100%;
+
+  border-left: 0 transparent;
+  border-top-color: transparent !important;
+  border-bottom-color: transparent !important;
+
+  &::before {
+    top: -6px;
+    left: 1px;
+
+    border-left: 0 transparent;
+    border-top-color: transparent !important;
+    border-bottom-color: transparent !important;
+  }
+}
+
+STooltipPortalledWrapper {
+  position: absolute;
+  width: 100vw;
+  left: calc(-50vw + 50%);
+}
+

package/tooltip/package.json

@@ -1 +1 @@
-{"name":"intergalactic/tooltip","description":"Semrush Tooltip Component","version":"6.49.2","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js && pnpm vite build","test":"jest --no-cache"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/utils":"4.48.2","@semcore/flex-box":"5.41.2","@semcore/popper":"5.46.2","@semcore/portal":"3.41.2"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/tooltip"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0","@semcore/icon":"workspace:*","@semcore/flex-box":"workspace:*"}}
+{"name":"intergalactic/tooltip","description":"Semrush Tooltip Component","version":"6.49.3-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js && pnpm vite build","test":"jest --no-cache"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/utils":"4.48.4-prerelease.0","@semcore/flex-box":"5.41.3-prerelease.0","@semcore/popper":"5.46.3-prerelease.0","@semcore/portal":"3.41.3-prerelease.0"},"peerDependencies":{"@semcore/core":"^2.39.3-prerelease.0","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/tooltip"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0","@semcore/icon":"workspace:*","@semcore/flex-box":"workspace:*"}}

package/typography/lib/cjs/Blockquote.js

@@ -11,11 +11,13 @@ var _core = require("intergalactic/core");
 var _react = _interopRequireDefault(require("react"));
 var _isNode = _interopRequireDefault(require("intergalactic/utils/lib/isNode"));
 var _flexBox = require("intergalactic/flex-box");
-/*__reshadow-styles__:"./style/blockquote.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SBlockquote_17iop_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_17iop_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_17iop_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__*/, "17iop_gg_") /*__reshadow_css_end__*/, {
-  "__SBlockquote": "___SBlockquote_17iop_gg_",
-  "__SDoubleQuotation": "___SDoubleQuotation_17iop_gg_",
-  "__SAuthor": "___SAuthor_17iop_gg_"
+/*!__reshadow-styles__:"./style/blockquote.shadow.css"*/
+var styles = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SBlockquote_1t4p4_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_1t4p4_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_1t4p4_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__*/"1t4p4_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SBlockquote": "___SBlockquote_1t4p4_gg_",
+  "__SDoubleQuotation": "___SDoubleQuotation_1t4p4_gg_",
+  "__SAuthor": "___SAuthor_1t4p4_gg_"
 });
 function Blockquote(props, ref) {
   var _ref = arguments[0],

package/typography/lib/cjs/Blockquote.js.map

@@ -1 +1 @@
-{"version":3,"file":"Blockquote.js","names":["_core","require","_react","_interopRequireDefault","_isNode","_flexBox","styles","_index","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/utils/lib/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,+BAAAC,MAAA,CAAAC,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,EAACF,MAAM,CAAC,eACpBJ,MAAA,YAAAoB,aAAA,CAACN,WAAW,EAAAD,KAAA,CAAAQ,EAAA,oBAAAC,cAAA,qBAAAxB,KAAA,CAAAyB,WAAA;IAAA,OAAkB,YAAY;IAAA,OAAMb;EAAG,GAAAC,IAAA,kBACjDX,MAAA,YAAAoB,aAAA,CAACJ,gBAAgB,EAAAH,KAAA,CAAAQ,EAAA,0BAAC,QAAC,CAAmB,eACtCrB,MAAA,YAAAoB,aAAA,SAAAP,KAAA,CAAAQ,EAAA,cACGH,QAAQ,EACR,IAAAM,kBAAM,EAACL,MAAM,CAAC,iBAAInB,MAAA,YAAAoB,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","_index","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/utils/lib/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,+BAAAC,MAAA,CAAAC,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,EAACF,MAAM,CAAC,eACpBJ,MAAA,YAAAoB,aAAA,CAACN,WAAW,EAAAD,KAAA,CAAAQ,EAAA,oBAAAC,cAAA,qBAAAxB,KAAA,CAAAyB,WAAA;IAAA,OAAkB,YAAY;IAAA,OAAMb;EAAG,GAAAC,IAAA,kBACjDX,MAAA,YAAAoB,aAAA,CAACJ,gBAAgB,EAAAH,KAAA,CAAAQ,EAAA,0BAAC,QAAC,CAAmB,eACtCrB,MAAA,YAAAoB,aAAA,SAAAP,KAAA,CAAAQ,EAAA,cACGH,QAAQ,EACR,IAAAM,kBAAM,EAACL,MAAM,CAAC,iBAAInB,MAAA,YAAAoB,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/typography/lib/cjs/Hint.js

@@ -19,14 +19,16 @@ var _flexBox = require("intergalactic/flex-box");
 var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
 var _addonTextChildren = _interopRequireDefault(require("intergalactic/utils/lib/addonTextChildren"));
 var _Text = _interopRequireDefault(require("./Text"));
-/*__reshadow-styles__:"./style/hint.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SHint_1k258_gg_{display:inline-block;transition:all .15s ease-in-out;-webkit-text-decoration:none;text-decoration:none;outline:0;cursor:pointer;color:var(--intergalactic-text-secondary, #6c6e79)}.___SHint_1k258_gg_.__active_1k258_gg_,.___SHint_1k258_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SHint_1k258_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SHint_1k258_gg_.__keyboardFocused_1k258_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHint_1k258_gg_.__disabled_1k258_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_1k258_gg_{vertical-align:middle;display:inline-flex}.___SHint_1k258_gg_ .___SAddon_1k258_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SHint_1k258_gg_ .___SAddon_1k258_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_1k258_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}@media (prefers-reduced-motion){.___SHint_1k258_gg_{transition:none}}" /*__inner_css_end__*/, "1k258_gg_") /*__reshadow_css_end__*/, {
-  "__SHint": "___SHint_1k258_gg_",
-  "_keyboardFocused": "__keyboardFocused_1k258_gg_",
-  "_disabled": "__disabled_1k258_gg_",
-  "__SAddon": "___SAddon_1k258_gg_",
-  "__SText": "___SText_1k258_gg_",
-  "_active": "__active_1k258_gg_"
+/*!__reshadow-styles__:"./style/hint.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SHint_1p9rr_gg_{display:inline-block;transition:all .15s ease-in-out;-webkit-text-decoration:none;text-decoration:none;outline:0;cursor:pointer;color:var(--intergalactic-text-secondary, #6c6e79)}.___SHint_1p9rr_gg_.__active_1p9rr_gg_,.___SHint_1p9rr_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SHint_1p9rr_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SHint_1p9rr_gg_.__keyboardFocused_1p9rr_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHint_1p9rr_gg_.__disabled_1p9rr_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_1p9rr_gg_{vertical-align:middle;display:inline-flex}.___SHint_1p9rr_gg_ .___SAddon_1p9rr_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SHint_1p9rr_gg_ .___SAddon_1p9rr_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_1p9rr_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}@media (prefers-reduced-motion){.___SHint_1p9rr_gg_{transition:none}}", /*__inner_css_end__*/"1p9rr_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SHint": "___SHint_1p9rr_gg_",
+  "_keyboardFocused": "__keyboardFocused_1p9rr_gg_",
+  "_disabled": "__disabled_1p9rr_gg_",
+  "__SAddon": "___SAddon_1p9rr_gg_",
+  "__SText": "___SText_1p9rr_gg_",
+  "_active": "__active_1p9rr_gg_"
 });
 var RootHint = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootHint, _Component);

package/typography/lib/cjs/Hint.js.map

@@ -1 +1 @@
-{"version":3,"file":"Hint.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_keyboardFocusEnhance","_addonTextChildren","_Text","style","_index","sstyled","insert","RootHint","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref4","SHint","Text","_this$asProps","styles","Children","addonLeft","addonRight","createElement","cn","_objectSpread2","assignProps","Hint","Addon","tag","addonTextChildren","Component","_defineProperty2","keyboardFocusEnhance","props","_ref2","arguments[0]","_ref5","SAddon","Box","HintText","_ref3","_ref6","SText","createComponent","_default","exports"],"sources":["../../src/Hint.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\n\nimport Text from './Text';\n\nimport style from './style/hint.shadow.css';\n\nclass RootHint extends Component {\n  static displayName = 'Hint';\n  static style = style;\n  static enhance = [keyboardFocusEnhance()];\n\n  render() {\n    const SHint = Root;\n    const { styles, Children, addonLeft, addonRight } = this.asProps;\n    return sstyled(styles)(\n      <SHint render={Text} tag='abbr'>\n        {addonLeft ? <Hint.Addon tag={addonLeft} /> : null}\n        {addonTextChildren(Children, Hint.Text, Hint.Addon)}\n        {addonRight ? <Hint.Addon tag={addonRight} /> : null}\n      </SHint>,\n    );\n  }\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nfunction HintText(props) {\n  const SText = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SText render={Box} tag='span' />);\n}\n\nconst Hint = createComponent(RootHint, {\n  Text: HintText,\n  Addon,\n});\n\nexport default Hint;\n"],"mappings":"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"}
+{"version":3,"file":"Hint.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_keyboardFocusEnhance","_addonTextChildren","_Text","style","_index","sstyled","insert","RootHint","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref4","SHint","Text","_this$asProps","styles","Children","addonLeft","addonRight","createElement","cn","_objectSpread2","assignProps","Hint","Addon","tag","addonTextChildren","Component","_defineProperty2","keyboardFocusEnhance","props","_ref2","arguments[0]","_ref5","SAddon","Box","HintText","_ref3","_ref6","SText","createComponent","_default","exports"],"sources":["../../src/Hint.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\n\nimport Text from './Text';\n\nimport style from './style/hint.shadow.css';\n\nclass RootHint extends Component {\n  static displayName = 'Hint';\n  static style = style;\n  static enhance = [keyboardFocusEnhance()];\n\n  render() {\n    const SHint = Root;\n    const { styles, Children, addonLeft, addonRight } = this.asProps;\n    return sstyled(styles)(\n      <SHint render={Text} tag='abbr'>\n        {addonLeft ? <Hint.Addon tag={addonLeft} /> : null}\n        {addonTextChildren(Children, Hint.Text, Hint.Addon)}\n        {addonRight ? <Hint.Addon tag={addonRight} /> : null}\n      </SHint>,\n    );\n  }\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nfunction HintText(props) {\n  const SText = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SText render={Box} tag='span' />);\n}\n\nconst Hint = createComponent(RootHint, {\n  Text: HintText,\n  Addon,\n});\n\nexport default Hint;\n"],"mappings":"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"}

package/typography/lib/cjs/List.js

@@ -19,12 +19,14 @@ var _flexBox = require("intergalactic/flex-box");
 var _isNode = _interopRequireDefault(require("intergalactic/utils/lib/isNode"));
 var _findComponent = require("intergalactic/utils/lib/findComponent");
 var _Text = _interopRequireDefault(require("./Text"));
-/*__reshadow-styles__:"./style/list.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SList_38xxt_gg_{padding:0;margin:0;list-style-type:none}.___SContent_38xxt_gg_{overflow:inherit;text-overflow:inherit}.___SItem_38xxt_gg_+.___SItem_38xxt_gg_,.___SList_38xxt_gg_ .___SList_38xxt_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_38xxt_gg_{display:flex}.___SMarker_38xxt_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, #6c6e79);line-height:normal}" /*__inner_css_end__*/, "38xxt_gg_") /*__reshadow_css_end__*/, {
-  "__SList": "___SList_38xxt_gg_",
-  "__SContent": "___SContent_38xxt_gg_",
-  "__SItem": "___SItem_38xxt_gg_",
-  "__SMarker": "___SMarker_38xxt_gg_"
+/*!__reshadow-styles__:"./style/list.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SList_1iaz2_gg_{padding:0;margin:0;list-style-type:none}.___SContent_1iaz2_gg_{overflow:inherit;text-overflow:inherit}.___SItem_1iaz2_gg_+.___SItem_1iaz2_gg_,.___SList_1iaz2_gg_ .___SList_1iaz2_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_1iaz2_gg_{display:flex}.___SMarker_1iaz2_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, #6c6e79);line-height:normal}", /*__inner_css_end__*/"1iaz2_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SList": "___SList_1iaz2_gg_",
+  "__SContent": "___SContent_1iaz2_gg_",
+  "__SItem": "___SItem_1iaz2_gg_",
+  "__SMarker": "___SMarker_1iaz2_gg_"
 });
 var ListRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(ListRoot, _Component);

package/typography/lib/cjs/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_isNode","_findComponent","_Text","style","_index","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/utils/lib/isNode';\nimport { isAdvanceMode } from '@semcore/utils/lib/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","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_isNode","_findComponent","_Text","style","_index","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/utils/lib/isNode';\nimport { isAdvanceMode } from '@semcore/utils/lib/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/typography/lib/cjs/Text.js

@@ -11,41 +11,43 @@ var _core = require("intergalactic/core");
 var _react = _interopRequireDefault(require("react"));
 var _flexBox = require("intergalactic/flex-box");
 var _useColorResolver = require("intergalactic/utils/lib/use/useColorResolver");
-/*__reshadow-styles__:"./style/text.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SText_12j7t_gg_{padding:0;margin:0}.___SText_12j7t_gg_._size_100_12j7t_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_12j7t_gg_._size_200_12j7t_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_12j7t_gg_._size_300_12j7t_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_12j7t_gg_._size_400_12j7t_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_12j7t_gg_._size_500_12j7t_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_12j7t_gg_._size_600_12j7t_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_12j7t_gg_._size_700_12j7t_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_12j7t_gg_._size_800_12j7t_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_12j7t_gg_.__noWrap_12j7t_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_12j7t_gg_.__medium_12j7t_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_12j7t_gg_.__semibold_12j7t_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_12j7t_gg_.__bold_12j7t_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_12j7t_gg_.__italic_12j7t_gg_{font-style:italic}.___SText_12j7t_gg_.__monospace_12j7t_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_12j7t_gg_.__uppercase_12j7t_gg_{text-transform:uppercase}.___SText_12j7t_gg_.__lowercase_12j7t_gg_{text-transform:lowercase}.___SText_12j7t_gg_.__capitalize_12j7t_gg_{text-transform:capitalize}.___SText_12j7t_gg_.__decoration_12j7t_gg_{-webkit-text-decoration:var(--decoration_12j7t);text-decoration:var(--decoration_12j7t)}.___SText_12j7t_gg_.__color_12j7t_gg_{color:var(--color_12j7t)}.___SText_12j7t_gg_.__fontSize_12j7t_gg_{font-size:var(--fontSize_12j7t)}.___SText_12j7t_gg_.__lineHeight_12j7t_gg_{line-height:var(--lineHeight_12j7t)}.___SText_12j7t_gg_.__fontWeight_12j7t_gg_{font-weight:var(--fontWeight_12j7t)}.___SText_12j7t_gg_.__textAlign_12j7t_gg_{text-align:var(--textAlign_12j7t)}.___SText_12j7t_gg_._use_primary_12j7t_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_12j7t_gg_._use_secondary_12j7t_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_12j7t_gg_.__disabled_12j7t_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}" /*__inner_css_end__*/, "12j7t_gg_") /*__reshadow_css_end__*/, {
-  "__SText": "___SText_12j7t_gg_",
-  "_size_100": "_size_100_12j7t_gg_",
-  "_size_200": "_size_200_12j7t_gg_",
-  "_size_300": "_size_300_12j7t_gg_",
-  "_size_400": "_size_400_12j7t_gg_",
-  "_size_500": "_size_500_12j7t_gg_",
-  "_size_600": "_size_600_12j7t_gg_",
-  "_size_700": "_size_700_12j7t_gg_",
-  "_size_800": "_size_800_12j7t_gg_",
-  "_noWrap": "__noWrap_12j7t_gg_",
-  "_medium": "__medium_12j7t_gg_",
-  "_semibold": "__semibold_12j7t_gg_",
-  "_bold": "__bold_12j7t_gg_",
-  "_italic": "__italic_12j7t_gg_",
-  "_monospace": "__monospace_12j7t_gg_",
-  "_uppercase": "__uppercase_12j7t_gg_",
-  "_lowercase": "__lowercase_12j7t_gg_",
-  "_capitalize": "__capitalize_12j7t_gg_",
-  "_decoration": "__decoration_12j7t_gg_",
-  "--decoration": "--decoration_12j7t",
-  "_color": "__color_12j7t_gg_",
-  "--color": "--color_12j7t",
-  "_fontSize": "__fontSize_12j7t_gg_",
-  "--fontSize": "--fontSize_12j7t",
-  "_lineHeight": "__lineHeight_12j7t_gg_",
-  "--lineHeight": "--lineHeight_12j7t",
-  "_fontWeight": "__fontWeight_12j7t_gg_",
-  "--fontWeight": "--fontWeight_12j7t",
-  "_textAlign": "__textAlign_12j7t_gg_",
-  "--textAlign": "--textAlign_12j7t",
-  "_use_primary": "_use_primary_12j7t_gg_",
-  "_use_secondary": "_use_secondary_12j7t_gg_",
-  "_disabled": "__disabled_12j7t_gg_"
+/*!__reshadow-styles__:"./style/text.shadow.css"*/
+var styles = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SText_1ce3c_gg_{padding:0;margin:0}.___SText_1ce3c_gg_._size_100_1ce3c_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_1ce3c_gg_._size_200_1ce3c_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1ce3c_gg_._size_300_1ce3c_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_1ce3c_gg_._size_400_1ce3c_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_1ce3c_gg_._size_500_1ce3c_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_1ce3c_gg_._size_600_1ce3c_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_1ce3c_gg_._size_700_1ce3c_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_1ce3c_gg_._size_800_1ce3c_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_1ce3c_gg_.__noWrap_1ce3c_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_1ce3c_gg_.__medium_1ce3c_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_1ce3c_gg_.__semibold_1ce3c_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_1ce3c_gg_.__bold_1ce3c_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_1ce3c_gg_.__italic_1ce3c_gg_{font-style:italic}.___SText_1ce3c_gg_.__monospace_1ce3c_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_1ce3c_gg_.__uppercase_1ce3c_gg_{text-transform:uppercase}.___SText_1ce3c_gg_.__lowercase_1ce3c_gg_{text-transform:lowercase}.___SText_1ce3c_gg_.__capitalize_1ce3c_gg_{text-transform:capitalize}.___SText_1ce3c_gg_.__decoration_1ce3c_gg_{-webkit-text-decoration:var(--decoration_1ce3c);text-decoration:var(--decoration_1ce3c)}.___SText_1ce3c_gg_.__color_1ce3c_gg_{color:var(--color_1ce3c)}.___SText_1ce3c_gg_.__fontSize_1ce3c_gg_{font-size:var(--fontSize_1ce3c)}.___SText_1ce3c_gg_.__lineHeight_1ce3c_gg_{line-height:var(--lineHeight_1ce3c)}.___SText_1ce3c_gg_.__fontWeight_1ce3c_gg_{font-weight:var(--fontWeight_1ce3c)}.___SText_1ce3c_gg_.__textAlign_1ce3c_gg_{text-align:var(--textAlign_1ce3c)}.___SText_1ce3c_gg_._use_primary_1ce3c_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_1ce3c_gg_._use_secondary_1ce3c_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_1ce3c_gg_.__disabled_1ce3c_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}", /*__inner_css_end__*/"1ce3c_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SText": "___SText_1ce3c_gg_",
+  "_size_100": "_size_100_1ce3c_gg_",
+  "_size_200": "_size_200_1ce3c_gg_",
+  "_size_300": "_size_300_1ce3c_gg_",
+  "_size_400": "_size_400_1ce3c_gg_",
+  "_size_500": "_size_500_1ce3c_gg_",
+  "_size_600": "_size_600_1ce3c_gg_",
+  "_size_700": "_size_700_1ce3c_gg_",
+  "_size_800": "_size_800_1ce3c_gg_",
+  "_noWrap": "__noWrap_1ce3c_gg_",
+  "_medium": "__medium_1ce3c_gg_",
+  "_semibold": "__semibold_1ce3c_gg_",
+  "_bold": "__bold_1ce3c_gg_",
+  "_italic": "__italic_1ce3c_gg_",
+  "_monospace": "__monospace_1ce3c_gg_",
+  "_uppercase": "__uppercase_1ce3c_gg_",
+  "_lowercase": "__lowercase_1ce3c_gg_",
+  "_capitalize": "__capitalize_1ce3c_gg_",
+  "_decoration": "__decoration_1ce3c_gg_",
+  "--decoration": "--decoration_1ce3c",
+  "_color": "__color_1ce3c_gg_",
+  "--color": "--color_1ce3c",
+  "_fontSize": "__fontSize_1ce3c_gg_",
+  "--fontSize": "--fontSize_1ce3c",
+  "_lineHeight": "__lineHeight_1ce3c_gg_",
+  "--lineHeight": "--lineHeight_1ce3c",
+  "_fontWeight": "__fontWeight_1ce3c_gg_",
+  "--fontWeight": "--fontWeight_1ce3c",
+  "_textAlign": "__textAlign_1ce3c_gg_",
+  "--textAlign": "--textAlign_1ce3c",
+  "_use_primary": "_use_primary_1ce3c_gg_",
+  "_use_secondary": "_use_secondary_1ce3c_gg_",
+  "_disabled": "__disabled_1ce3c_gg_"
 });
 function getTextDecoration(underline, lineThrough) {
   if (underline) {

package/typography/lib/cjs/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","names":["_core","require","_react","_interopRequireDefault","_flexBox","_useColorResolver","styles","_index","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/utils/lib/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;AAA2E;AAAA,IAAAK,MAAA,+BAAAC,MAAA,CAAAC,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;AAE3E,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,EAACF,MAAM,CAAC,eACpBJ,MAAA,YAAAuB,aAAA,CAACN,KAAK,EAAAD,KAAA,CAAAQ,EAAA,cAAAC,cAAA,qBAAA3B,KAAA,CAAA4B,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","_index","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/utils/lib/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;AAA2E;AAAA,IAAAK,MAAA,+BAAAC,MAAA,CAAAC,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;AAE3E,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,EAACF,MAAM,CAAC,eACpBJ,MAAA,YAAAuB,aAAA,CAACN,KAAK,EAAAD,KAAA,CAAAQ,EAAA,cAAAC,cAAA,qBAAA3B,KAAA,CAAA4B,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/typography/lib/es6/Blockquote.js

@@ -5,11 +5,13 @@ import React from 'react';
 import { createBaseComponent, Root, sstyled } from 'intergalactic/core';
 import isNode from 'intergalactic/utils/lib/isNode';
 import { Box } from 'intergalactic/flex-box';
-/*__reshadow-styles__:"./style/blockquote.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBlockquote_17iop_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_17iop_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_17iop_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__*/, "17iop_gg_") /*__reshadow_css_end__*/, {
-  "__SBlockquote": "___SBlockquote_17iop_gg_",
-  "__SDoubleQuotation": "___SDoubleQuotation_17iop_gg_",
-  "__SAuthor": "___SAuthor_17iop_gg_"
+/*!__reshadow-styles__:"./style/blockquote.shadow.css"*/
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBlockquote_1t4p4_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_1t4p4_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_1t4p4_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__*/"1t4p4_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SBlockquote": "___SBlockquote_1t4p4_gg_",
+  "__SDoubleQuotation": "___SDoubleQuotation_1t4p4_gg_",
+  "__SAuthor": "___SAuthor_1t4p4_gg_"
 });
 function Blockquote(props, ref) {
   var _ref = arguments[0],

package/typography/lib/es6/Blockquote.js.map

@@ -1 +1 @@
-{"version":3,"file":"Blockquote.js","names":["React","createBaseComponent","Root","sstyled","isNode","Box","styles","_sstyled","insert","Blockquote","props","ref","_ref","arguments[0]","_ref2","SBlockquote","SDoubleQuotation","SAuthor","children","author","createElement","cn","_objectSpread","_assignProps","displayName"],"sources":["../../src/Blockquote.jsx"],"sourcesContent":["import React from 'react';\nimport { createBaseComponent, Root, sstyled } from '@semcore/core';\nimport isNode from '@semcore/utils/lib/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":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAClE,OAAOC,MAAM,MAAM,2BAA2B;AAC9C,SAASC,GAAG,QAAQ,mBAAmB;AAAC;AAAA,IAAAC,MAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;AAAA;AAIxC,SAASC,UAAUA,CAACC,KAAK,EAAEC,GAAG,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC9B,IAAMC,WAAW,GAMMV,GAAG;EAL1B,IAAMW,gBAAgB,GAAG,MAAM;EAC/B,IAAMC,OAAO,GAAG,MAAM;EACtB,IAAQC,QAAQ,GAAaR,KAAK,CAA1BQ,QAAQ;IAAEC,MAAM,GAAKT,KAAK,CAAhBS,MAAM;EAExB,OAAAL,KAAA,GAAOX,OAAO,CAACG,MAAM,CAAC,eACpBN,KAAA,CAAAoB,aAAA,CAACL,WAAW,EAAAD,KAAA,CAAAO,EAAA,gBAAAC,aAAA,KAAAC,YAAA;IAAA,OAAkB,YAAY;IAAA,OAAMZ;EAAG,GAAAC,IAAA,kBACjDZ,KAAA,CAAAoB,aAAA,CAACJ,gBAAgB,EAAAF,KAAA,CAAAO,EAAA,0BAAC,QAAC,CAAmB,eACtCrB,KAAA,CAAAoB,aAAA,SAAAN,KAAA,CAAAO,EAAA,cACGH,QAAQ,EACRd,MAAM,CAACe,MAAM,CAAC,iBAAInB,KAAA,CAAAoB,aAAA,CAACH,OAAO,EAAAH,KAAA,CAAAO,EAAA,iBAAEF,MAAM,CAAW,CACzC,CACK;AAElB;AAEAV,UAAU,CAACe,WAAW,GAAG,YAAY;AAErC,eAAevB,mBAAmB,CAACQ,UAAU,CAAC"}
+{"version":3,"file":"Blockquote.js","names":["React","createBaseComponent","Root","sstyled","isNode","Box","styles","_sstyled","insert","Blockquote","props","ref","_ref","arguments[0]","_ref2","SBlockquote","SDoubleQuotation","SAuthor","children","author","createElement","cn","_objectSpread","_assignProps","displayName"],"sources":["../../src/Blockquote.jsx"],"sourcesContent":["import React from 'react';\nimport { createBaseComponent, Root, sstyled } from '@semcore/core';\nimport isNode from '@semcore/utils/lib/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":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAClE,OAAOC,MAAM,MAAM,2BAA2B;AAC9C,SAASC,GAAG,QAAQ,mBAAmB;AAAC;AAAA,IAAAC,MAAA,+BAAAC,QAAA,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,GAMMV,GAAG;EAL1B,IAAMW,gBAAgB,GAAG,MAAM;EAC/B,IAAMC,OAAO,GAAG,MAAM;EACtB,IAAQC,QAAQ,GAAaR,KAAK,CAA1BQ,QAAQ;IAAEC,MAAM,GAAKT,KAAK,CAAhBS,MAAM;EAExB,OAAAL,KAAA,GAAOX,OAAO,CAACG,MAAM,CAAC,eACpBN,KAAA,CAAAoB,aAAA,CAACL,WAAW,EAAAD,KAAA,CAAAO,EAAA,gBAAAC,aAAA,KAAAC,YAAA;IAAA,OAAkB,YAAY;IAAA,OAAMZ;EAAG,GAAAC,IAAA,kBACjDZ,KAAA,CAAAoB,aAAA,CAACJ,gBAAgB,EAAAF,KAAA,CAAAO,EAAA,0BAAC,QAAC,CAAmB,eACtCrB,KAAA,CAAAoB,aAAA,SAAAN,KAAA,CAAAO,EAAA,cACGH,QAAQ,EACRd,MAAM,CAACe,MAAM,CAAC,iBAAInB,KAAA,CAAAoB,aAAA,CAACH,OAAO,EAAAH,KAAA,CAAAO,EAAA,iBAAEF,MAAM,CAAW,CACzC,CACK;AAElB;AAEAV,UAAU,CAACe,WAAW,GAAG,YAAY;AAErC,eAAevB,mBAAmB,CAACQ,UAAU,CAAC"}

package/typography/lib/es6/Hint.js

@@ -14,14 +14,16 @@ import { Box } from 'intergalactic/flex-box';
 import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 import addonTextChildren from 'intergalactic/utils/lib/addonTextChildren';
 import Text from './Text';
-/*__reshadow-styles__:"./style/hint.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SHint_1k258_gg_{display:inline-block;transition:all .15s ease-in-out;-webkit-text-decoration:none;text-decoration:none;outline:0;cursor:pointer;color:var(--intergalactic-text-secondary, #6c6e79)}.___SHint_1k258_gg_.__active_1k258_gg_,.___SHint_1k258_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SHint_1k258_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SHint_1k258_gg_.__keyboardFocused_1k258_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHint_1k258_gg_.__disabled_1k258_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_1k258_gg_{vertical-align:middle;display:inline-flex}.___SHint_1k258_gg_ .___SAddon_1k258_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SHint_1k258_gg_ .___SAddon_1k258_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_1k258_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}@media (prefers-reduced-motion){.___SHint_1k258_gg_{transition:none}}" /*__inner_css_end__*/, "1k258_gg_") /*__reshadow_css_end__*/, {
-  "__SHint": "___SHint_1k258_gg_",
-  "_keyboardFocused": "__keyboardFocused_1k258_gg_",
-  "_disabled": "__disabled_1k258_gg_",
-  "__SAddon": "___SAddon_1k258_gg_",
-  "__SText": "___SText_1k258_gg_",
-  "_active": "__active_1k258_gg_"
+/*!__reshadow-styles__:"./style/hint.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SHint_1p9rr_gg_{display:inline-block;transition:all .15s ease-in-out;-webkit-text-decoration:none;text-decoration:none;outline:0;cursor:pointer;color:var(--intergalactic-text-secondary, #6c6e79)}.___SHint_1p9rr_gg_.__active_1p9rr_gg_,.___SHint_1p9rr_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SHint_1p9rr_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SHint_1p9rr_gg_.__keyboardFocused_1p9rr_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHint_1p9rr_gg_.__disabled_1p9rr_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_1p9rr_gg_{vertical-align:middle;display:inline-flex}.___SHint_1p9rr_gg_ .___SAddon_1p9rr_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SHint_1p9rr_gg_ .___SAddon_1p9rr_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_1p9rr_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}@media (prefers-reduced-motion){.___SHint_1p9rr_gg_{transition:none}}", /*__inner_css_end__*/"1p9rr_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SHint": "___SHint_1p9rr_gg_",
+  "_keyboardFocused": "__keyboardFocused_1p9rr_gg_",
+  "_disabled": "__disabled_1p9rr_gg_",
+  "__SAddon": "___SAddon_1p9rr_gg_",
+  "__SText": "___SText_1p9rr_gg_",
+  "_active": "__active_1p9rr_gg_"
 });
 var RootHint = /*#__PURE__*/function (_Component) {
   _inherits(RootHint, _Component);

package/typography/lib/es6/Hint.js.map

@@ -1 +1 @@
-{"version":3,"file":"Hint.js","names":["React","createComponent","Component","Root","sstyled","Box","keyboardFocusEnhance","addonTextChildren","Text","style","_sstyled","insert","RootHint","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref4","SHint","_this$asProps","styles","Children","addonLeft","addonRight","createElement","cn","_objectSpread","_assignProps","Hint","Addon","tag","_defineProperty","props","_ref2","arguments[0]","_ref5","SAddon","_assignProps2","HintText","_ref3","_ref6","SText","_assignProps3"],"sources":["../../src/Hint.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\n\nimport Text from './Text';\n\nimport style from './style/hint.shadow.css';\n\nclass RootHint extends Component {\n  static displayName = 'Hint';\n  static style = style;\n  static enhance = [keyboardFocusEnhance()];\n\n  render() {\n    const SHint = Root;\n    const { styles, Children, addonLeft, addonRight } = this.asProps;\n    return sstyled(styles)(\n      <SHint render={Text} tag='abbr'>\n        {addonLeft ? <Hint.Addon tag={addonLeft} /> : null}\n        {addonTextChildren(Children, Hint.Text, Hint.Addon)}\n        {addonRight ? <Hint.Addon tag={addonRight} /> : null}\n      </SHint>,\n    );\n  }\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nfunction HintText(props) {\n  const SText = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SText render={Box} tag='span' />);\n}\n\nconst Hint = createComponent(RootHint, {\n  Text: HintText,\n  Addon,\n});\n\nexport default Hint;\n"],"mappings":"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"}
+{"version":3,"file":"Hint.js","names":["React","createComponent","Component","Root","sstyled","Box","keyboardFocusEnhance","addonTextChildren","Text","style","_sstyled","insert","RootHint","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref4","SHint","_this$asProps","styles","Children","addonLeft","addonRight","createElement","cn","_objectSpread","_assignProps","Hint","Addon","tag","_defineProperty","props","_ref2","arguments[0]","_ref5","SAddon","_assignProps2","HintText","_ref3","_ref6","SText","_assignProps3"],"sources":["../../src/Hint.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\n\nimport Text from './Text';\n\nimport style from './style/hint.shadow.css';\n\nclass RootHint extends Component {\n  static displayName = 'Hint';\n  static style = style;\n  static enhance = [keyboardFocusEnhance()];\n\n  render() {\n    const SHint = Root;\n    const { styles, Children, addonLeft, addonRight } = this.asProps;\n    return sstyled(styles)(\n      <SHint render={Text} tag='abbr'>\n        {addonLeft ? <Hint.Addon tag={addonLeft} /> : null}\n        {addonTextChildren(Children, Hint.Text, Hint.Addon)}\n        {addonRight ? <Hint.Addon tag={addonRight} /> : null}\n      </SHint>,\n    );\n  }\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nfunction HintText(props) {\n  const SText = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SText render={Box} tag='span' />);\n}\n\nconst Hint = createComponent(RootHint, {\n  Text: HintText,\n  Addon,\n});\n\nexport default Hint;\n"],"mappings":"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"}

package/typography/lib/es6/List.js

@@ -14,12 +14,14 @@ import { Flex } from 'intergalactic/flex-box';
 import isNode from 'intergalactic/utils/lib/isNode';
 import { isAdvanceMode } from 'intergalactic/utils/lib/findComponent';
 import Text from './Text';
-/*__reshadow-styles__:"./style/list.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SList_38xxt_gg_{padding:0;margin:0;list-style-type:none}.___SContent_38xxt_gg_{overflow:inherit;text-overflow:inherit}.___SItem_38xxt_gg_+.___SItem_38xxt_gg_,.___SList_38xxt_gg_ .___SList_38xxt_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_38xxt_gg_{display:flex}.___SMarker_38xxt_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, #6c6e79);line-height:normal}" /*__inner_css_end__*/, "38xxt_gg_") /*__reshadow_css_end__*/, {
-  "__SList": "___SList_38xxt_gg_",
-  "__SContent": "___SContent_38xxt_gg_",
-  "__SItem": "___SItem_38xxt_gg_",
-  "__SMarker": "___SMarker_38xxt_gg_"
+/*!__reshadow-styles__:"./style/list.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SList_1iaz2_gg_{padding:0;margin:0;list-style-type:none}.___SContent_1iaz2_gg_{overflow:inherit;text-overflow:inherit}.___SItem_1iaz2_gg_+.___SItem_1iaz2_gg_,.___SList_1iaz2_gg_ .___SList_1iaz2_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_1iaz2_gg_{display:flex}.___SMarker_1iaz2_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, #6c6e79);line-height:normal}", /*__inner_css_end__*/"1iaz2_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SList": "___SList_1iaz2_gg_",
+  "__SContent": "___SContent_1iaz2_gg_",
+  "__SItem": "___SItem_1iaz2_gg_",
+  "__SMarker": "___SMarker_1iaz2_gg_"
 });
 var ListRoot = /*#__PURE__*/function (_Component) {
   _inherits(ListRoot, _Component);

package/typography/lib/es6/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","names":["React","createComponent","Component","Root","sstyled","Flex","isNode","isAdvanceMode","Text","style","_sstyled","insert","ListRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getItemProps","marker","asProps","render","_ref","_ref4","SList","styles","createElement","cn","_objectSpread","_assignProps","_defineProperty","ItemRoot","_Component2","_super2","_ref2","_ref5","SItem","_this$asProps","children","markerNode","Children","SMarker","SContent","isAdvancedMode","List","Item","Content","displayName","_assignProps2","props","_ref3","arguments[0]","_ref6","_assignProps3"],"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/utils/lib/isNode';\nimport { isAdvanceMode } from '@semcore/utils/lib/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":["React","createComponent","Component","Root","sstyled","Flex","isNode","isAdvanceMode","Text","style","_sstyled","insert","ListRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getItemProps","marker","asProps","render","_ref","_ref4","SList","styles","createElement","cn","_objectSpread","_assignProps","_defineProperty","ItemRoot","_Component2","_super2","_ref2","_ref5","SItem","_this$asProps","children","markerNode","Children","SMarker","SContent","isAdvancedMode","List","Item","Content","displayName","_assignProps2","props","_ref3","arguments[0]","_ref6","_assignProps3"],"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/utils/lib/isNode';\nimport { isAdvanceMode } from '@semcore/utils/lib/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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"}