@semcore/typography 5.54.0-prerelease.5 → 5.54.0-prerelease.6

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

@@ -1,379 +1,21 @@
 SText {
   padding: 0;
   margin: 0;
-
-  &[formatTags] {
-
-    & abbr {
-      color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
-      text-decoration: underline dashed var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
-
-      &:active,
-      &:hover,
-      &:focus {
-        outline: none;
-        color: var(--intergalactic-text-hint-hover-active, oklch(0.086 0.026 145.8 / 0.605));
-        text-decoration: underline dashed var(--intergalactic-text-hint-hover-active, oklch(0.086 0.026 145.8 / 0.605));
-      }
-    }
-
-    & a {
-      display: inline;
-      background: none;
-      outline: none;
-      text-decoration: none;
-      color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
-      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, oklch(0.51 0.202 263));
-        border-color: var(--intergalactic-text-link-hover-active, oklch(0.51 0.202 263));
-      }
-
-      &:focus {
-        @mixin focus-outline-mixin;
-      }
-    }
-
-    & 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, oklch(0.104 0.023 162.3 / 0.385));
-        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, oklch(0.088 0.026 147.7 / 0.583));
-        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, oklch(0.088 0.026 147.7 / 0.583));
-        }
-      }
-
-      & 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, oklch(0.092 0.024 152.2 / 0.526));
-    }
-
-    & ol:not(ol[start], ol[reversed], ol[type]):has(+ p),
-    & ul:not(ul[start], ul[reversed], ul[type]):has(+ p) {
-      margin-bottom: var(--intergalactic-spacing-4x, 16px);
-    }
-
-    & 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, oklch(0.088 0.026 147.7 / 0.583));
-        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-4x, 16px) 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[ellipsis] {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: pre;
-  display: inline-block;
-  line-height: unset;
-  vertical-align: top;
-
-  &[trim='end'][isEllipsized]::after {
-    content: '';
-    display: block;
-  }
-
-  &[maxLine] {
-    -webkit-line-clamp: var(--maxLine);
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    white-space: normal;
-    overflow-wrap: break-word;
-  }
-  &[trim='middle'] {
-    text-overflow: unset;
-  }
 }
 
 SText[size='100'] {
   font-size: var(--intergalactic-fs-100, 12px);
   line-height: var(--intergalactic-lh-100, 133%);
-
-  &[formatTags] {
-    & 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%);
-
-  &[formatTags] {
-    & p,
-    & li {
-      font-size: var(--intergalactic-fs-200, 14px);
-      line-height: var(--intergalactic-lh-200, 142%);
-    }
-
-    & p {
-      margin: 0 0 var(--intergalactic-spacing-3x, 12px) 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%);
-
-  &[formatTags] {
-    & p,
-    & li {
-      font-size: var(--intergalactic-fs-300, 16px);
-      line-height: var(--intergalactic-lh-300, 150%);
-    }
-
-    & p {
-      margin: 0 0 var(--intergalactic-spacing-4x, 16px) 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'] {
@@ -473,12 +115,4 @@ SText[use='secondary'] {
 
 SText[disabled] {
   opacity: var(--intergalactic-disabled-opacity, 0.4);
-}
-
-@media (prefers-reduced-motion) {
-  SText {
-    & a {
-      transition: none;
-    }
-  }
-}
+}

package/lib/es6/Blockquote.js

@@ -0,0 +1,31 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
+import { assignProps as _assignProps } from "@semcore/core";
+import React from 'react';
+import { createBaseComponent, Root, sstyled } from '@semcore/core';
+import isNode from '@semcore/utils/lib/isNode';
+import { Box } from '@semcore/flex-box';
+/*!__reshadow-styles__:"./style/blockquote.shadow.css"*/
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBlockquote_1gb33_gg_{position:relative;display:flex;font-style:italic;font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SDoubleQuotation_1gb33_gg_{position:relative;margin-right:var(--intergalactic-spacing-5x, 20px);font-family:\"Times New Roman\",serif;font-style:normal;font-size:68px;line-height:52px;color:var(--intergalactic-text-large-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0)){.___SDoubleQuotation_1gb33_gg_{color:var(--intergalactic-text-large-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SDoubleQuotation_1gb33_gg_{color:var(--intergalactic-text-large-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SAuthor_1gb33_gg_{display:block;margin-top:var(--intergalactic-spacing-4x, 16px);color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));font-style:normal;font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}@supports (color:color(display-p3 0 0 0)){.___SAuthor_1gb33_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SAuthor_1gb33_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}", /*__inner_css_end__*/"1gb33_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SBlockquote": "___SBlockquote_1gb33_gg_",
+  "__SDoubleQuotation": "___SDoubleQuotation_1gb33_gg_",
+  "__SAuthor": "___SAuthor_1gb33_gg_"
+});
+function Blockquote(props, ref) {
+  var _ref = arguments[0],
+    _ref2;
+  var SBlockquote = Box;
+  var SDoubleQuotation = 'span';
+  var SAuthor = 'cite';
+  var children = props.children,
+    author = props.author;
+  return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SBlockquote, _ref2.cn("SBlockquote", _objectSpread({}, _assignProps({
+    "tag": 'blockquote',
+    "ref": ref
+  }, _ref))), /*#__PURE__*/React.createElement(SDoubleQuotation, _ref2.cn("SDoubleQuotation", {}), "\u201C"), /*#__PURE__*/React.createElement("span", _ref2.cn("span", {}), children, isNode(author) && /*#__PURE__*/React.createElement(SAuthor, _ref2.cn("SAuthor", {}), author)));
+}
+Blockquote.displayName = 'Blockquote';
+export default createBaseComponent(Blockquote);
+//# sourceMappingURL=Blockquote.js.map

package/lib/es6/Blockquote.js.map

@@ -0,0 +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;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/lib/es6/Hint.js

@@ -0,0 +1,83 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
+import { assignProps as _assignProps3 } from "@semcore/core";
+import { assignProps as _assignProps2 } from "@semcore/core";
+import { assignProps as _assignProps } from "@semcore/core";
+import React from 'react';
+import createComponent, { Component, Root, sstyled } from '@semcore/core';
+import { Box } from '@semcore/flex-box';
+import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
+import addonTextChildren from '@semcore/utils/lib/addonTextChildren';
+import Text from './Text';
+/*!__reshadow-styles__:"./style/hint.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SHint_19apg_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, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0)){.___SHint_19apg_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SHint_19apg_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SHint_19apg_gg_.__active_19apg_gg_,.___SHint_19apg_gg_:active{color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}@media (hover:hover){.___SHint_19apg_gg_:hover{color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}}.___SHint_19apg_gg_.__keyboardFocused_19apg_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 33, 220, 0.469))}@supports (color:color(display-p3 0 0 0)){.___SHint_19apg_gg_.__keyboardFocused_19apg_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 33, 220, 0.469))}@media (color-gamut:p3){.___SHint_19apg_gg_.__keyboardFocused_19apg_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}.___SHint_19apg_gg_.__disabled_19apg_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SAddon_19apg_gg_{vertical-align:middle;display:inline-flex}.___SHint_19apg_gg_ .___SAddon_19apg_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SHint_19apg_gg_ .___SAddon_19apg_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_19apg_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}@media (prefers-reduced-motion){.___SHint_19apg_gg_{transition:none}}", /*__inner_css_end__*/"19apg_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SHint": "___SHint_19apg_gg_",
+  "_keyboardFocused": "__keyboardFocused_19apg_gg_",
+  "_disabled": "__disabled_19apg_gg_",
+  "__SAddon": "___SAddon_19apg_gg_",
+  "__SText": "___SText_19apg_gg_",
+  "_active": "__active_19apg_gg_"
+});
+var RootHint = /*#__PURE__*/function (_Component) {
+  _inherits(RootHint, _Component);
+  var _super = _createSuper(RootHint);
+  function RootHint() {
+    _classCallCheck(this, RootHint);
+    return _super.apply(this, arguments);
+  }
+  _createClass(RootHint, [{
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref4;
+      var SHint = Text;
+      var _this$asProps = this.asProps,
+        styles = _this$asProps.styles,
+        Children = _this$asProps.Children,
+        addonLeft = _this$asProps.addonLeft,
+        addonRight = _this$asProps.addonRight;
+      return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SHint, _ref4.cn("SHint", _objectSpread({}, _assignProps({
+        "tag": 'abbr'
+      }, _ref))), addonLeft ? /*#__PURE__*/React.createElement(Hint.Addon, {
+        tag: addonLeft
+      }) : null, addonTextChildren(Children, Hint.Text, Hint.Addon), addonRight ? /*#__PURE__*/React.createElement(Hint.Addon, {
+        tag: addonRight
+      }) : null);
+    }
+  }]);
+  return RootHint;
+}(Component);
+_defineProperty(RootHint, "displayName", 'Hint');
+_defineProperty(RootHint, "style", style);
+_defineProperty(RootHint, "enhance", [keyboardFocusEnhance()]);
+function Addon(props) {
+  var _ref2 = arguments[0],
+    _ref5;
+  var SAddon = Box;
+  var styles = props.styles;
+  return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SAddon, _ref5.cn("SAddon", _objectSpread({}, _assignProps2({
+    "tag": 'span'
+  }, _ref2))));
+}
+function HintText(props) {
+  var _ref3 = arguments[0],
+    _ref6;
+  var SText = Box;
+  var styles = props.styles;
+  return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SText, _ref6.cn("SText", _objectSpread({}, _assignProps3({
+    "tag": 'span'
+  }, _ref3))));
+}
+var Hint = createComponent(RootHint, {
+  Text: HintText,
+  Addon: Addon
+});
+export default Hint;
+//# sourceMappingURL=Hint.js.map

package/lib/es6/Hint.js.map

@@ -0,0 +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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"}

package/lib/es6/{components/List/List.js → List.js}

@@ -1,35 +1,36 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _callSuper from "@babel/runtime/helpers/callSuper";
 import _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { sstyled as _sstyled } from "@semcore/core";
+import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
 import { assignProps as _assignProps3 } from "@semcore/core";
 import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
-import { Flex } from '@semcore/base-components';
-import { createComponent, Component, Root, sstyled } from '@semcore/core';
-import { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';
-import isNode from '@semcore/core/lib/utils/isNode';
 import React from 'react';
-/*!__reshadow-styles__:"../../style/list.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SList_13mha_gg_{padding:0;margin:0;list-style-type:none}.___SContent_13mha_gg_{overflow:inherit;text-overflow:inherit}.___SItem_13mha_gg_+.___SItem_13mha_gg_,.___SList_13mha_gg_ .___SList_13mha_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_13mha_gg_{display:flex}.___SMarker_13mha_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));line-height:normal}@supports (color:color(display-p3 0 0 0%)){.___SMarker_13mha_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SMarker_13mha_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}", /*__inner_css_end__*/"13mha_gg_"),
+import createComponent, { Component, Root, sstyled } from '@semcore/core';
+import { Flex } from '@semcore/flex-box';
+import isNode from '@semcore/utils/lib/isNode';
+import { isAdvanceMode } from '@semcore/utils/lib/findComponent';
+import Text from './Text';
+/*!__reshadow-styles__:"./style/list.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SList_1pd9u_gg_{padding:0;margin:0;list-style-type:none}.___SContent_1pd9u_gg_{overflow:inherit;text-overflow:inherit}.___SItem_1pd9u_gg_+.___SItem_1pd9u_gg_,.___SList_1pd9u_gg_ .___SList_1pd9u_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_1pd9u_gg_{display:flex}.___SMarker_1pd9u_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));line-height:normal}@supports (color:color(display-p3 0 0 0)){.___SMarker_1pd9u_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SMarker_1pd9u_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}", /*__inner_css_end__*/"1pd9u_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SList": "___SList_13mha_gg_",
-  "__SContent": "___SContent_13mha_gg_",
-  "__SItem": "___SItem_13mha_gg_",
-  "__SMarker": "___SMarker_13mha_gg_"
+  "__SList": "___SList_1pd9u_gg_",
+  "__SContent": "___SContent_1pd9u_gg_",
+  "__SItem": "___SItem_1pd9u_gg_",
+  "__SMarker": "___SMarker_1pd9u_gg_"
 });
-import Text from '../Text/Text';
 var ListRoot = /*#__PURE__*/function (_Component) {
+  _inherits(ListRoot, _Component);
+  var _super = _createSuper(ListRoot);
   function ListRoot() {
     _classCallCheck(this, ListRoot);
-    return _callSuper(this, ListRoot, arguments);
+    return _super.apply(this, arguments);
   }
-  _inherits(ListRoot, _Component);
-  return _createClass(ListRoot, [{
+  _createClass(ListRoot, [{
     key: "getItemProps",
     value: function getItemProps() {
       var marker = this.asProps.marker;
@@ -45,10 +46,12 @@ var ListRoot = /*#__PURE__*/function (_Component) {
       var SList = Text;
       var styles = this.asProps.styles;
       return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SList, _ref4.cn("SList", _objectSpread({}, _assignProps({
-        "tag": 'ul'
+        "tag": 'ul',
+        "role": 'list'
       }, _ref))));
     }
   }]);
+  return ListRoot;
 }(Component);
 _defineProperty(ListRoot, "displayName", 'List');
 _defineProperty(ListRoot, "style", style);
@@ -56,12 +59,13 @@ _defineProperty(ListRoot, "defaultProps", {
   marker: '•'
 });
 var ItemRoot = /*#__PURE__*/function (_Component2) {
+  _inherits(ItemRoot, _Component2);
+  var _super2 = _createSuper(ItemRoot);
   function ItemRoot() {
     _classCallCheck(this, ItemRoot);
-    return _callSuper(this, ItemRoot, arguments);
+    return _super2.apply(this, arguments);
   }
-  _inherits(ItemRoot, _Component2);
-  return _createClass(ItemRoot, [{
+  _createClass(ItemRoot, [{
     key: "render",
     value: function render() {
       var _ref2 = this.asProps,
@@ -69,18 +73,21 @@ var ItemRoot = /*#__PURE__*/function (_Component2) {
       var SItem = Text;
       var _this$asProps = this.asProps,
         styles = _this$asProps.styles,
+        children = _this$asProps.children,
         markerNode = _this$asProps.marker,
         Children = _this$asProps.Children;
       var SMarker = 'span';
       var SContent = 'div';
       var isAdvancedMode = isAdvanceMode(Children, [List.Item.Content.displayName]);
       return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SItem, _ref5.cn("SItem", _objectSpread({}, _assignProps2({
-        "tag": 'li'
+        "tag": 'li',
+        "role": 'listitem'
       }, _ref2))), isNode(markerNode) && /*#__PURE__*/React.createElement(SMarker, _ref5.cn("SMarker", {
         "aria-hidden": 'true'
-      }), markerNode), isAdvancedMode ? /*#__PURE__*/React.createElement(Children, _ref5.cn("Children", {})) : /*#__PURE__*/React.createElement(SContent, _ref5.cn("SContent", {}), /*#__PURE__*/React.createElement(Children, _ref5.cn("Children", {}))));
+      }), markerNode), isAdvancedMode ? /*#__PURE__*/React.createElement(Children, _ref5.cn("Children", {})) : /*#__PURE__*/React.createElement(SContent, _ref5.cn("SContent", {}), children));
     }
   }]);
+  return ItemRoot;
 }(Component);
 _defineProperty(ItemRoot, "style", style);
 _defineProperty(ItemRoot, "displayName", 'Item');

package/lib/es6/List.js.map

@@ -0,0 +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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"}