@semcore/typography 5.53.2 → 5.54.0-prerelease.0

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

@@ -1,21 +1,379 @@
 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.214 263.4));
+      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.206 263.4));
+        border-color: var(--intergalactic-text-link-hover-active, oklch(0.51 0.206 263.4));
+      }
+
+      &: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'] {
@@ -106,13 +464,21 @@ SText[textAlign] {
 }
 
 SText[use='primary'] {
-  color: var(--intergalactic-text-primary, #191b23);
+  color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
 }
 
 SText[use='secondary'] {
-  color: var(--intergalactic-text-secondary, #6c6e79);
+  color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
 }
 
 SText[disabled] {
-  opacity: var(--intergalactic-disabled-opacity, 0.3);
-}
+  opacity: var(--intergalactic-disabled-opacity, 0.4);
+}
+
+@media (prefers-reduced-motion) {
+  SText {
+    & a {
+      transition: none;
+    }
+  }
+}

package/lib/es6/components/Blockquote/Blockquote.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Blockquote.js","names":["Box","createBaseComponent","Root","sstyled","isNode","React","styles","_sstyled","insert","BlockquoteRoot","props","ref","_ref","arguments[0]","_ref2","SBlockquote","SDoubleQuotation","SAuthor","author","children","createElement","cn","_objectSpread","_assignProps","displayName","Blockquote"],"sources":["../../../../src/components/Blockquote/Blockquote.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { createBaseComponent, Root, sstyled } from '@semcore/core';\nimport isNode from '@semcore/core/lib/utils/isNode';\nimport React from 'react';\n\nimport type { NSBlockquote } from './Blockquote.type';\nimport styles from '../../style/blockquote.shadow.css';\n\nfunction BlockquoteRoot(\n  props: Intergalactic.InternalTypings.InferComponentProps<NSBlockquote.Component>,\n  ref: React.ForwardedRef<HTMLQuoteElement>,\n) {\n  const SBlockquote = Root;\n  const SDoubleQuotation = 'span';\n  const SAuthor = 'cite';\n  const { author, children } = props;\n\n  return sstyled(styles)(\n    <SBlockquote render={Box} tag='blockquote' ref={ref}>\n      <SDoubleQuotation>“</SDoubleQuotation>\n      <span>\n        {children as React.ReactNode}\n        {isNode(author) && <SAuthor>{author}</SAuthor>}\n      </span>\n    </SBlockquote>,\n  );\n}\n\nBlockquoteRoot.displayName = 'Blockquote';\n\nconst Blockquote = createBaseComponent(BlockquoteRoot) as NSBlockquote.Component;\n\nexport default Blockquote;\n"],"mappings":";;;AAAA,SAASA,GAAG,QAAQ,0BAA0B;AAE9C,SAASC,mBAAmB,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAClE,OAAOC,MAAM,MAAM,gCAAgC;AACnD,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,IAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;AAAA;AAK1B,SAASC,cAAcA,CACrBC,KAAgF,EAChFC,GAAyC,EACzC;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACA,IAAMC,WAAW,GAMMf,GAAG;EAL1B,IAAMgB,gBAAgB,GAAG,MAAM;EAC/B,IAAMC,OAAO,GAAG,MAAM;EACtB,IAAQC,MAAM,GAAeR,KAAK,CAA1BQ,MAAM;IAAEC,QAAQ,GAAKT,KAAK,CAAlBS,QAAQ;EAExB,OAAAL,KAAA,GAAOX,OAAO,CAACG,MAAM,CAAC,eACpBD,KAAA,CAAAe,aAAA,CAACL,WAAW,EAAAD,KAAA,CAAAO,EAAA,gBAAAC,aAAA,KAAAC,YAAA;IAAA,OAAkB,YAAY;IAAA,OAAMZ;EAAG,GAAAC,IAAA,kBACjDP,KAAA,CAAAe,aAAA,CAACJ,gBAAgB,EAAAF,KAAA,CAAAO,EAAA,0BAAC,QAAmB,CAAC,eACtChB,KAAA,CAAAe,aAAA,SAAAN,KAAA,CAAAO,EAAA,cACGF,QAAQ,EACRf,MAAM,CAACc,MAAM,CAAC,iBAAIb,KAAA,CAAAe,aAAA,CAACH,OAAO,EAAAH,KAAA,CAAAO,EAAA,iBAAEH,MAAgB,CACzC,CACK,CAAC;AAElB;AAEAT,cAAc,CAACe,WAAW,GAAG,YAAY;AAEzC,IAAMC,UAAU,GAAGxB,mBAAmB,CAACQ,cAAc,CAA2B;AAEhF,eAAegB,UAAU","ignoreList":[]}

package/lib/es6/components/Blockquote/Blockquote.type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Blockquote.type.js.map

package/lib/es6/components/Blockquote/Blockquote.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Blockquote.type.js","names":[],"sources":["../../../../src/components/Blockquote/Blockquote.type.ts"],"sourcesContent":["import type { BoxProps } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\n\ndeclare namespace NSBlockquote {\n  type Props = BoxProps & {\n  /** Source of the quote */\n    author?: React.ReactNode;\n  };\n\n  type Component = Intergalactic.Component<'blockquote', Props>;\n}\n\n/** @deprecated It will be removed in v18. */\nexport type BlockquoteProps = NSBlockquote.Props;\n\nexport type { NSBlockquote };\n"],"mappings":"","ignoreList":[]}

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

@@ -1,36 +1,35 @@
 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/utils/lib/core/index";
+import { sstyled as _sstyled } from "@semcore/core";
 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';
-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_i7xxg_gg_{padding:0;margin:0;list-style-type:none}.___SContent_i7xxg_gg_{overflow:inherit;text-overflow:inherit}.___SItem_i7xxg_gg_+.___SItem_i7xxg_gg_,.___SList_i7xxg_gg_ .___SList_i7xxg_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_i7xxg_gg_{display:flex}.___SMarker_i7xxg_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, #6c6e79);line-height:normal}", /*__inner_css_end__*/"i7xxg_gg_"),
+/*!__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_"),
 /*__reshadow_css_end__*/
 {
-  "__SList": "___SList_i7xxg_gg_",
-  "__SContent": "___SContent_i7xxg_gg_",
-  "__SItem": "___SItem_i7xxg_gg_",
-  "__SMarker": "___SMarker_i7xxg_gg_"
+  "__SList": "___SList_13mha_gg_",
+  "__SContent": "___SContent_13mha_gg_",
+  "__SItem": "___SItem_13mha_gg_",
+  "__SMarker": "___SMarker_13mha_gg_"
 });
+import Text from '../Text/Text';
 var ListRoot = /*#__PURE__*/function (_Component) {
-  _inherits(ListRoot, _Component);
-  var _super = _createSuper(ListRoot);
   function ListRoot() {
     _classCallCheck(this, ListRoot);
-    return _super.apply(this, arguments);
+    return _callSuper(this, ListRoot, arguments);
   }
-  _createClass(ListRoot, [{
+  _inherits(ListRoot, _Component);
+  return _createClass(ListRoot, [{
     key: "getItemProps",
     value: function getItemProps() {
       var marker = this.asProps.marker;
@@ -46,12 +45,10 @@ 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',
-        "role": 'list'
+        "tag": 'ul'
       }, _ref))));
     }
   }]);
-  return ListRoot;
 }(Component);
 _defineProperty(ListRoot, "displayName", 'List');
 _defineProperty(ListRoot, "style", style);
@@ -59,13 +56,12 @@ _defineProperty(ListRoot, "defaultProps", {
   marker: '•'
 });
 var ItemRoot = /*#__PURE__*/function (_Component2) {
-  _inherits(ItemRoot, _Component2);
-  var _super2 = _createSuper(ItemRoot);
   function ItemRoot() {
     _classCallCheck(this, ItemRoot);
-    return _super2.apply(this, arguments);
+    return _callSuper(this, ItemRoot, arguments);
   }
-  _createClass(ItemRoot, [{
+  _inherits(ItemRoot, _Component2);
+  return _createClass(ItemRoot, [{
     key: "render",
     value: function render() {
       var _ref2 = this.asProps,
@@ -73,21 +69,18 @@ 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',
-        "role": 'listitem'
+        "tag": 'li'
       }, _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", {}), children));
+      }), markerNode), isAdvancedMode ? /*#__PURE__*/React.createElement(Children, _ref5.cn("Children", {})) : /*#__PURE__*/React.createElement(SContent, _ref5.cn("SContent", {}), /*#__PURE__*/React.createElement(Children, _ref5.cn("Children", {}))));
     }
   }]);
-  return ItemRoot;
 }(Component);
 _defineProperty(ItemRoot, "style", style);
 _defineProperty(ItemRoot, "displayName", 'Item');

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

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","names":["Flex","createComponent","Component","Root","sstyled","isAdvanceMode","isNode","React","style","_sstyled","insert","Text","ListRoot","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","getItemProps","marker","asProps","render","_ref","_ref4","SList","styles","createElement","cn","_objectSpread","_assignProps","_defineProperty","ItemRoot","_Component2","_ref2","_ref5","SItem","_this$asProps","markerNode","Children","SMarker","SContent","isAdvancedMode","List","Item","Content","displayName","_assignProps2","props","_ref3","arguments[0]","_ref6","children","_assignProps3"],"sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import { Flex } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport isNode from '@semcore/core/lib/utils/isNode';\nimport React from 'react';\n\nimport type { NSList } from './List.type';\nimport style from '../../style/list.shadow.css';\nimport Text from '../Text/Text';\n\nclass ListRoot extends Component<Intergalactic.InternalTypings.InferComponentProps<NSList.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' />);\n  }\n}\n\nclass ItemRoot extends Component<\n  Intergalactic.InternalTypings.InferChildComponentProps<NSList.Item.Component, typeof ListRoot, 'Item'>\n> {\n  static style = style;\n  static displayName = 'Item';\n\n  render() {\n    const SItem = Root;\n    const { styles, 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'>\n        {isNode(markerNode) && <SMarker aria-hidden='true'>{markerNode}</SMarker>}\n        {isAdvancedMode ? <Children /> : <SContent><Children /></SContent>}\n      </SItem>,\n    );\n  }\n}\n\nfunction Content(props: Intergalactic.InternalTypings.InferComponentProps<NSList.Item.Content.Component>) {\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 }) as NSList.Item.Component;\n\nconst List = createComponent(ListRoot, { Item }) as NSList.Component;\n\nexport default List;\n"],"mappings":"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","ignoreList":[]}

package/lib/es6/components/List/List.type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=List.type.js.map

package/lib/es6/components/List/List.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.type.js","names":[],"sources":["../../../../src/components/List/List.type.ts"],"sourcesContent":["import type { Flex, FlexProps } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type React from 'react';\n\nimport type { NSText } from '../Text/Text.type';\n\ndeclare namespace NSList {\n  type Props = NSText.Props & {\n    /** Marker of the entire list\n     * @default • */\n    marker?: React.ReactNode;\n  };\n\n  namespace Item {\n    type Props = NSText.Props & {\n      /** Individual marker of a list item */\n      marker?: React.ReactNode;\n    };\n\n    namespace Content {\n      type Props = FlexProps;\n      type Component = Intergalactic.Component<typeof Flex, Props>;\n    }\n\n    type Component = Intergalactic.Component<'li', Props> & {\n      Content: Content.Component;\n    };\n  }\n\n  type Component = Intergalactic.Component<'ul', Props> & {\n    Item: Item.Component;\n  };\n}\n\n/** @deprecated It will be removed in v18. */\nexport type ListItemProps = NSList.Item.Props;\n/** @deprecated It will be removed in v18. */\nexport type ListItemContentProps = NSList.Item.Content.Props;\n/** @deprecated It will be removed in v18. */\nexport type ListProps = NSList.Props;\n\nexport type { NSList };\n"],"mappings":"","ignoreList":[]}