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

package/lib/es6/Text.js

@@ -0,0 +1,73 @@
+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 { Box } from '@semcore/flex-box';
+/*!__reshadow-styles__:"./style/text.shadow.css"*/
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SText_uovzp_gg_{padding:0;margin:0}.___SText_uovzp_gg_._size_100_uovzp_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_uovzp_gg_._size_200_uovzp_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_uovzp_gg_._size_300_uovzp_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_uovzp_gg_._size_400_uovzp_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_uovzp_gg_._size_500_uovzp_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_uovzp_gg_._size_600_uovzp_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_uovzp_gg_._size_700_uovzp_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_uovzp_gg_._size_800_uovzp_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_uovzp_gg_.__noWrap_uovzp_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_uovzp_gg_.__medium_uovzp_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_uovzp_gg_.__semibold_uovzp_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_uovzp_gg_.__bold_uovzp_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_uovzp_gg_.__italic_uovzp_gg_{font-style:italic}.___SText_uovzp_gg_.__monospace_uovzp_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_uovzp_gg_.__uppercase_uovzp_gg_{text-transform:uppercase}.___SText_uovzp_gg_.__lowercase_uovzp_gg_{text-transform:lowercase}.___SText_uovzp_gg_.__capitalize_uovzp_gg_{text-transform:capitalize}.___SText_uovzp_gg_.__decoration_uovzp_gg_{-webkit-text-decoration:var(--decoration_uovzp);text-decoration:var(--decoration_uovzp)}.___SText_uovzp_gg_.__color_uovzp_gg_{color:var(--color_uovzp)}.___SText_uovzp_gg_.__fontSize_uovzp_gg_{font-size:var(--fontSize_uovzp)}.___SText_uovzp_gg_.__lineHeight_uovzp_gg_{line-height:var(--lineHeight_uovzp)}.___SText_uovzp_gg_.__fontWeight_uovzp_gg_{font-weight:var(--fontWeight_uovzp)}.___SText_uovzp_gg_.__textAlign_uovzp_gg_{text-align:var(--textAlign_uovzp)}.___SText_uovzp_gg_._use_primary_uovzp_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SText_uovzp_gg_._use_secondary_uovzp_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0)){.___SText_uovzp_gg_._use_secondary_uovzp_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_uovzp_gg_._use_secondary_uovzp_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_uovzp_gg_.__disabled_uovzp_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4)}", /*__inner_css_end__*/"uovzp_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SText": "___SText_uovzp_gg_",
+  "_size_100": "_size_100_uovzp_gg_",
+  "_size_200": "_size_200_uovzp_gg_",
+  "_size_300": "_size_300_uovzp_gg_",
+  "_size_400": "_size_400_uovzp_gg_",
+  "_size_500": "_size_500_uovzp_gg_",
+  "_size_600": "_size_600_uovzp_gg_",
+  "_size_700": "_size_700_uovzp_gg_",
+  "_size_800": "_size_800_uovzp_gg_",
+  "_noWrap": "__noWrap_uovzp_gg_",
+  "_medium": "__medium_uovzp_gg_",
+  "_semibold": "__semibold_uovzp_gg_",
+  "_bold": "__bold_uovzp_gg_",
+  "_italic": "__italic_uovzp_gg_",
+  "_monospace": "__monospace_uovzp_gg_",
+  "_uppercase": "__uppercase_uovzp_gg_",
+  "_lowercase": "__lowercase_uovzp_gg_",
+  "_capitalize": "__capitalize_uovzp_gg_",
+  "_decoration": "__decoration_uovzp_gg_",
+  "--decoration": "--decoration_uovzp",
+  "_color": "__color_uovzp_gg_",
+  "--color": "--color_uovzp",
+  "_fontSize": "__fontSize_uovzp_gg_",
+  "--fontSize": "--fontSize_uovzp",
+  "_lineHeight": "__lineHeight_uovzp_gg_",
+  "--lineHeight": "--lineHeight_uovzp",
+  "_fontWeight": "__fontWeight_uovzp_gg_",
+  "--fontWeight": "--fontWeight_uovzp",
+  "_textAlign": "__textAlign_uovzp_gg_",
+  "--textAlign": "--textAlign_uovzp",
+  "_use_primary": "_use_primary_uovzp_gg_",
+  "_use_secondary": "_use_secondary_uovzp_gg_",
+  "_disabled": "__disabled_uovzp_gg_"
+});
+import { useColorResolver } from '@semcore/utils/lib/use/useColorResolver';
+function getTextDecoration(underline, lineThrough) {
+  if (underline) {
+    return 'underline';
+  }
+  if (lineThrough) {
+    return 'line-through';
+  }
+}
+function Text(props, ref) {
+  var _ref = arguments[0],
+    _ref2;
+  var SText = Box;
+  var color = props.color,
+    underline = props.underline,
+    lineThrough = props.lineThrough;
+  var textDecoration = getTextDecoration(underline, lineThrough);
+  var resolveColor = useColorResolver();
+  return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SText, _ref2.cn("SText", _objectSpread({}, _assignProps({
+    "tag": 'span',
+    "data-ui-name": 'Text',
+    "ref": ref,
+    "use:decoration": textDecoration,
+    "use:color": resolveColor(color)
+  }, _ref))));
+}
+Text.displayName = 'Text';
+export default createBaseComponent(Text);
+//# sourceMappingURL=Text.js.map

package/lib/es6/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","names":["React","createBaseComponent","Root","sstyled","Box","styles","_sstyled","insert","useColorResolver","getTextDecoration","underline","lineThrough","Text","props","ref","_ref","arguments[0]","_ref2","SText","color","textDecoration","resolveColor","createElement","cn","_objectSpread","_assignProps","displayName"],"sources":["../../src/Text.jsx"],"sourcesContent":["import 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":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAClE,SAASC,GAAG,QAAQ,mBAAmB;AAAC;AAAA,IAAAC,MAAA,+BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGxC,SAASC,gBAAgB,QAAQ,yCAAyC;AAE1E,SAASC,iBAAiBA,CAACC,SAAS,EAAEC,WAAW,EAAE;EACjD,IAAID,SAAS,EAAE;IACb,OAAO,WAAW;EACpB;EAEA,IAAIC,WAAW,EAAE;IACf,OAAO,cAAc;EACvB;AACF;AAEA,SAASC,IAAIA,CAACC,KAAK,EAAEC,GAAG,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACxB,IAAMC,KAAK,GAOCd,GAAG;EANf,IAAQe,KAAK,GAA6BN,KAAK,CAAvCM,KAAK;IAAET,SAAS,GAAkBG,KAAK,CAAhCH,SAAS;IAAEC,WAAW,GAAKE,KAAK,CAArBF,WAAW;EACrC,IAAMS,cAAc,GAAGX,iBAAiB,CAACC,SAAS,EAAEC,WAAW,CAAC;EAChE,IAAMU,YAAY,GAAGb,gBAAgB,EAAE;EAEvC,OAAAS,KAAA,GAAOd,OAAO,CAACE,MAAM,CAAC,eACpBL,KAAA,CAAAsB,aAAA,CAACJ,KAAK,EAAAD,KAAA,CAAAM,EAAA,UAAAC,aAAA,KAAAC,YAAA;IAAA,OAEA,MAAM;IAAA,gBACG,MAAM;IAAA,OACdX,GAAG;IAAA,kBACQM,cAAc;IAAA,aACnBC,YAAY,CAACF,KAAK;EAAC,GAAAJ,IAAA,IAC9B;AAEN;AAEAH,IAAI,CAACc,WAAW,GAAG,MAAM;AAEzB,eAAezB,mBAAmB,CAACW,IAAI,CAAC"}

package/lib/es6/index.d.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\n\nimport { Property } from 'csstype';\nimport { Box, BoxProps, Flex, FlexProps } from '@semcore/flex-box';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\n/** @deprecated */\nexport interface ITextProps extends TextProps, UnknownProperties {}\nexport type TextProps = BoxProps & {\n  /** Font size and line-heights */\n  size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;\n  /** The text will not be wrapped on a new line and will be cut off with ellipsis */\n  noWrap?: boolean;\n  /** CSS property `font-weight: 700;` */\n  bold?: boolean;\n  /** CSS property `font-weight: 600;` */\n  semibold?: boolean;\n  /** CSS property `font-weight: 500;` */\n  medium?: boolean;\n  /** Italicized text */\n  italic?: boolean;\n  /** Underlined text */\n  underline?: boolean;\n  /** CSS property `font-family: monospace;` */\n  monospace?: boolean;\n  /** Strikethrough text */\n  lineThrough?: boolean;\n  /** Uppercase text */\n  uppercase?: boolean;\n  /** Lowercase text */\n  lowercase?: boolean;\n  /** Capitalized text */\n  capitalize?: boolean;\n  /** Text color **/\n  color?: string;\n  /** Custom `font-size` */\n  fontSize?: Property.FontSize<any>;\n  /** Custom `line-height` */\n  lineHeight?: Property.LineHeight<any>;\n  /** Custom `font-weight` */\n  fontWeight?: Property.FontWeight;\n  /** Text alignment */\n  textAlign?: Property.TextAlign;\n  /** Enforces text color */\n  use?: 'primary' | 'secondary';\n  /** Makes text semi-transparent to indicate disabled state */\n  disabled?: boolean;\n};\n\n/** @deprecated */\nexport interface IListProps extends ListProps, UnknownProperties {}\nexport type ListProps = TextProps & {\n  /** Marker of the entire list\n   * @default • */\n  marker?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface IListItemProps extends ListItemProps, UnknownProperties {}\nexport type ListItemProps = TextProps & {\n  /** Individual marker of a list item */\n  marker?: React.ReactNode;\n};\n\nexport type ListItemContentProps = FlexProps;\n\n/** @deprecated */\nexport interface IListContext extends ListContext, UnknownProperties {}\nexport type ListContext = {\n  getItemProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface IHintProps extends HintProps, UnknownProperties {}\nexport type TypographyHintProps = TextProps &\n  KeyboardFocusProps & {\n    /** The value responsible for the activity of the element\n     * @default false\n     */\n    disabled?: boolean;\n    /** Enable `active` state */\n    active?: boolean;\n    /** Left addon hint  */\n    addonLeft?: React.ElementType;\n    /** Right addon hint  */\n    addonRight?: React.ElementType;\n  };\n\n/** @deprecated use `TypographyHintProps` instead */\nexport type HintProps = TypographyHintProps;\n\n/** @deprecated */\nexport interface IBlockquoteProps extends BlockquoteProps, UnknownProperties {}\nexport type BlockquoteProps = BoxProps & {\n  /** Source of the quote */\n  author?: React.ReactNode;\n};\n\ndeclare const Hint: Intergalactic.Component<'abbr', HintProps> & {\n  Addon: typeof Box;\n  Text: typeof Box;\n};\n\ndeclare const Item: Intergalactic.Component<'li', ListItemProps> & {\n  Content: Intergalactic.Component<typeof Flex, ListItemContentProps>;\n};\n\ndeclare const List: Intergalactic.Component<'ul', ListProps> & {\n  Item: typeof Item;\n};\n\ndeclare const Text: Intergalactic.Component<'span', TextProps>;\n\ndeclare const Blockquote: Intergalactic.Component<'blockquote', BlockquoteProps>;\n\nexport { Text, List, Hint, Blockquote };\n"],"mappings":""}

package/lib/es6/index.js

@@ -1,7 +1,5 @@
-export { default as Text } from './components/Text/Text';
-export { default as Blockquote } from './components/Blockquote/Blockquote';
-export { default as List } from './components/List/List';
-export * from './components/Text/Text.type';
-export * from './components/Blockquote/Blockquote.type';
-export * from './components/List/List.type';
+export { default as Text } from './Text';
+export { default as Blockquote } from './Blockquote';
+export { default as List } from './List';
+export { default as Hint } from './Hint';
 //# sourceMappingURL=index.js.map

package/lib/es6/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","Text","Blockquote","List"],"sources":["../../src/index.ts"],"sourcesContent":["export { default as Text } from './components/Text/Text';\nexport { default as Blockquote } from './components/Blockquote/Blockquote';\nexport { default as List } from './components/List/List';\n\nexport * from './components/Text/Text.type';\nexport * from './components/Blockquote/Blockquote.type';\nexport * from './components/List/List.type';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,IAAI,QAAQ,wBAAwB;AACxD,SAASD,OAAO,IAAIE,UAAU,QAAQ,oCAAoC;AAC1E,SAASF,OAAO,IAAIG,IAAI,QAAQ,wBAAwB;AAExD,cAAc,6BAA6B;AAC3C,cAAc,yCAAyC;AACvD,cAAc,6BAA6B","ignoreList":[]}
+{"version":3,"file":"index.js","names":["default","Text","Blockquote","List","Hint"],"sources":["../../src/index.js"],"sourcesContent":["export { default as Text } from './Text';\nexport { default as Blockquote } from './Blockquote';\nexport { default as List } from './List';\nexport { default as Hint } from './Hint';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,IAAI,QAAQ,QAAQ;AACxC,SAASD,OAAO,IAAIE,UAAU,QAAQ,cAAc;AACpD,SAASF,OAAO,IAAIG,IAAI,QAAQ,QAAQ;AACxC,SAASH,OAAO,IAAII,IAAI,QAAQ,QAAQ"}

package/lib/es6/style/hint.shadow.css

@@ -0,0 +1,51 @@
+SHint {
+  display: inline-block;
+  transition: all 0.15s ease-in-out;
+  text-decoration: none;
+  outline: none;
+  cursor: pointer;
+  color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
+
+  &[active],
+  &:active,
+  &:hover {
+    color: var(--intergalactic-text-hint-hover-active, oklch(0.086 0.026 145.8 / 0.605));
+  }
+}
+
+SHint[keyboardFocused] {
+  box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.424 0.269 264.2 / 0.469));
+}
+
+SHint[disabled] {
+  opacity: var(--intergalactic-disabled-opacity, 0.4);
+  cursor: default;
+  pointer-events: none; /* Disable hint interactions */
+}
+
+SAddon {
+  vertical-align: middle;
+  display: inline-flex;
+}
+
+SHint SAddon {
+  &:not(:only-child):first-child {
+    margin-right: var(--intergalactic-spacing-1x, 4px);
+  }
+
+  &:not(:only-child):last-child {
+    margin-left: var(--intergalactic-spacing-1x, 4px);
+  }
+}
+
+SText {
+  border-bottom-width: 1px;
+  border-bottom-style: dashed;
+  border-color: currentColor;
+}
+
+@media (prefers-reduced-motion) {
+  SHint {
+    transition: none;
+  }
+}

package/lib/es6/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/esm/Blockquote.mjs

@@ -0,0 +1,37 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { sstyled } from "@semcore/utils/lib/core/index";
+import { createBaseComponent, sstyled as sstyled$1, assignProps } from "@semcore/core";
+import React from "react";
+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$1(styles), /* @__PURE__ */ React.createElement(SBlockquote, _ref2.cn("SBlockquote", _objectSpread({}, assignProps({
+    "tag": "blockquote",
+    "ref": ref
+  }, _ref))), /* @__PURE__ */ React.createElement(SDoubleQuotation, _ref2.cn("SDoubleQuotation", {}), "“"), /* @__PURE__ */ React.createElement("span", _ref2.cn("span", {}), children, isNode(author) && /* @__PURE__ */ React.createElement(SAuthor, _ref2.cn("SAuthor", {}), author)));
+}
+Blockquote.displayName = "Blockquote";
+const Blockquote$1 = createBaseComponent(Blockquote);
+export {
+  Blockquote$1 as default
+};